diff --git a/src/features/helpers/Helpers.js b/src/features/helpers/Helpers.js deleted file mode 100644 index f0b3b73..0000000 --- a/src/features/helpers/Helpers.js +++ /dev/null @@ -1,61 +0,0 @@ -import React from 'react'; -import RCSlider, { createSliderWithTooltip } from 'rc-slider'; -import Select from 'react-select'; -import './rcSelectTheme.css'; - -const SliderWithToolTip = createSliderWithTooltip(RCSlider); - -const SelectStyle = { - control: (provided, state) => ({ - ...provided, - width: state.selectProps.width, - }), -}; - -const Slider = (props) => { - return ( - `${v}`} - min={props.min} - max={props.max} - value={props.parameter} - onChange={(v) => props.onChange(v)} - /> - ); -}; - -const SelectList = (props = { width: '100%' }) => { - return ( - props.onChange(e.target.checked)} - /> - - ); -}; - -export { Slider, SelectList, Checkbox }; diff --git a/src/features/helpers/rcSelectTheme.css b/src/features/helpers/rcSelectTheme.css deleted file mode 100644 index b6e6fc8..0000000 --- a/src/features/helpers/rcSelectTheme.css +++ /dev/null @@ -1,255 +0,0 @@ -.rc-slider { - position: relative; - height: 14px; - padding: 5px 0; - width: 100%; - border-radius: 6px; - touch-action: none; - box-sizing: border-box; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - margin: 5px 0; -} -.rc-slider * { - box-sizing: border-box; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} -.rc-slider-rail { - position: absolute; - width: 100%; - background-color: lightgray; - height: 4px; - border-radius: 6px; -} -.rc-slider-track { - position: absolute; - left: 0; - height: 4px; - border-radius: 6px; - background-color: lightgrey; -} -.rc-slider-handle { - position: absolute; - width: 14px; - height: 14px; - cursor: pointer; - cursor: -webkit-grab; - margin-top: -5px; - cursor: grab; - border-radius: 50%; - background-color: slategrey; - touch-action: pan-x; -} -.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging { - background-color: slateblue; -} -.rc-slider-handle:focus { - outline: none; -} -.rc-slider-handle-click-focused:focus { - background-color: slateblue; -} -.rc-slider-handle:hover { - background-color: slateblue; -} -.rc-slider-handle:active { - background-color: slateblue; - cursor: -webkit-grabbing; - cursor: grabbing; -} -.rc-slider-mark { - position: absolute; - top: 18px; - left: 0; - width: 100%; - font-size: 12px; -} -.rc-slider-mark-text { - position: absolute; - display: inline-block; - vertical-align: middle; - text-align: center; - cursor: pointer; - color: #999; -} -.rc-slider-mark-text-active { - color: #666; -} -.rc-slider-step { - position: absolute; - width: 100%; - height: 4px; - background: transparent; -} -.rc-slider-dot { - position: absolute; - bottom: -2px; - margin-left: -4px; - width: 8px; - height: 8px; - border: 2px solid #e9e9e9; - background-color: #fff; - cursor: pointer; - border-radius: 50%; - vertical-align: middle; -} -.rc-slider-dot-active { - border-color: #96dbfa; -} -.rc-slider-dot-reverse { - margin-right: -4px; -} -.rc-slider-disabled { - background-color: #e9e9e9; -} -.rc-slider-disabled .rc-slider-track { - background-color: #ccc; -} -.rc-slider-disabled .rc-slider-handle, -.rc-slider-disabled .rc-slider-dot { - border-color: #ccc; - box-shadow: none; - background-color: #fff; - cursor: not-allowed; -} -.rc-slider-disabled .rc-slider-mark-text, -.rc-slider-disabled .rc-slider-dot { - cursor: not-allowed !important; -} -.rc-slider-vertical { - width: 14px; - height: 100%; - padding: 0 5px; -} -.rc-slider-vertical .rc-slider-rail { - height: 100%; - width: 4px; -} -.rc-slider-vertical .rc-slider-track { - left: 5px; - bottom: 0; - width: 4px; -} -.rc-slider-vertical .rc-slider-handle { - margin-left: -5px; - touch-action: pan-y; -} -.rc-slider-vertical .rc-slider-mark { - top: 0; - left: 18px; - height: 100%; -} -.rc-slider-vertical .rc-slider-step { - height: 100%; - width: 4px; -} -.rc-slider-vertical .rc-slider-dot { - left: 2px; - margin-bottom: -4px; -} -.rc-slider-vertical .rc-slider-dot:first-child { - margin-bottom: -4px; -} -.rc-slider-vertical .rc-slider-dot:last-child { - margin-bottom: -4px; -} -.rc-slider-tooltip-zoom-down-enter, -.rc-slider-tooltip-zoom-down-appear { - animation-duration: 0.3s; - animation-fill-mode: both; - display: block !important; - animation-play-state: paused; -} -.rc-slider-tooltip-zoom-down-leave { - animation-duration: 0.3s; - animation-fill-mode: both; - display: block !important; - animation-play-state: paused; -} -.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active, -.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active { - animation-name: rcSliderTooltipZoomDownIn; - animation-play-state: running; -} -.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active { - animation-name: rcSliderTooltipZoomDownOut; - animation-play-state: running; -} -.rc-slider-tooltip-zoom-down-enter, -.rc-slider-tooltip-zoom-down-appear { - transform: scale(0, 0); - animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1); -} -.rc-slider-tooltip-zoom-down-leave { - animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06); -} -@keyframes rcSliderTooltipZoomDownIn { - 0% { - opacity: 0; - transform-origin: 50% 100%; - transform: scale(0, 0); - } - 100% { - transform-origin: 50% 100%; - transform: scale(1, 1); - } -} -@keyframes rcSliderTooltipZoomDownOut { - 0% { - transform-origin: 50% 100%; - transform: scale(1, 1); - } - 100% { - opacity: 0; - transform-origin: 50% 100%; - transform: scale(0, 0); - } -} -.rc-slider-tooltip { - position: absolute; - left: -9999px; - top: -9999px; - visibility: visible; - box-sizing: border-box; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} -.rc-slider-tooltip * { - box-sizing: border-box; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -} -.rc-slider-tooltip-hidden { - display: none; -} -.rc-slider-tooltip-placement-top { - padding: 4px 0 8px 0; -} -.rc-slider-tooltip-inner { - padding: 6px 2px; - min-width: 24px; - height: 24px; - font-size: 12px; - line-height: 1; - color: #fff; - text-align: center; - text-decoration: none; - background-color: #6c6c6c; - border-radius: 6px; - box-shadow: 0 0 4px #d9d9d9; -} -.rc-slider-tooltip-arrow { - position: absolute; - width: 0; - height: 0; - border-color: transparent; - border-style: solid; -} -.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow { - bottom: 4px; - left: 50%; - margin-left: -4px; - border-width: 4px 4px 0; - border-top-color: #6c6c6c; -} -span { - font-size: 1em; - line-height: 1.5em; -}