@elliemae/ds-slider 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/DSSlider.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('react');
 var reactDesc = require('react-desc');
@@ -15,7 +20,7 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 const DSSlider = props => /*#__PURE__*/jsxRuntime.jsx(SliderImp, _objectSpread({}, props));
 
@@ -25,4 +30,4 @@ DSSliderWithSchema.propTypes = propTypes.sliderPropTypes;
 
 exports.DSSlider = DSSlider;
 exports.DSSliderWithSchema = DSSliderWithSchema;
-exports['default'] = DSSlider;
+exports["default"] = DSSlider;

package/cjs/components/SliderImp.js

@@ -1,10 +1,11 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var uuid = require('uuid');
 var reactRange = require('react-range');
-var usePrevious = require('@elliemae/ds-utilities/hooks/usePrevious');
+var dsUtilities = require('@elliemae/ds-utilities');
 var DSTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
 var dsGrid = require('@elliemae/ds-grid');
 var Track = require('./Track.js');
@@ -17,11 +18,11 @@ var jsxRuntime = require('react/jsx-runtime');
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var usePrevious__default = /*#__PURE__*/_interopDefaultLegacy(usePrevious);
 var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
 
-const getSubArrayFromRange = (arr, [minVal, maxVal], // maxValue is undefined when only one handler
-isCustomTickMarksValues = false) => {
+const getSubArrayFromRange = function (arr, _ref) {
+  let [minVal, maxVal] = _ref;
+  let isCustomTickMarksValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   const trueMinVal = isCustomTickMarksValues ? arr[minVal] : minVal;
   const minIndex = arr.findIndex(el => el === trueMinVal);
 
@@ -93,7 +94,7 @@ const SliderImp = props => {
     const selectedRangeValues = getSubArrayFromRange(parsedValuesArray, rangeValues, !!(customTickMarksValues !== null && customTickMarksValues !== void 0 && customTickMarksValues.length));
     setFullSelectedValues(selectedRangeValues);
   }, [parsedValuesArray, rangeValues, customTickMarksValues === null || customTickMarksValues === void 0 ? void 0 : customTickMarksValues.length]);
-  const prevWithTwoHandles = usePrevious__default['default'](withTwoHandles);
+  const prevWithTwoHandles = dsUtilities.usePrevious(withTwoHandles);
 
   const resizeHandler = () => {
     var _ref$current;
@@ -121,14 +122,14 @@ const SliderImp = props => {
   const [finalLabelText, finalValueText] = React.useMemo(() => utils.conformedLabel(rangeValues, label, labelWithValue, withTwoHandles, customTickMarksValues, parsedStep), [rangeValues, label, labelWithValue, withTwoHandles, customTickMarksValues, parsedStep]);
 
   const SliderLabel = /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/_jsx__default['default'](styled.LabelText, {}, void 0, finalLabelText), finalLabelText && ' ', /*#__PURE__*/_jsx__default['default'](styled.ValueText, {
+    children: [/*#__PURE__*/_jsx__default["default"](styled.LabelText, {}, void 0, finalLabelText), finalLabelText && ' ', /*#__PURE__*/_jsx__default["default"](styled.ValueText, {
       disabled: disabled
     }, void 0, finalValueText)]
   });
 
-  return /*#__PURE__*/_jsx__default['default'](DSTruncatedTooltipText.TooltipTextProvider, {}, void 0, /*#__PURE__*/jsxRuntime.jsx("div", {
+  return /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.TooltipTextProvider, {}, void 0, /*#__PURE__*/jsxRuntime.jsx("div", {
     ref: ref,
-    children: /*#__PURE__*/_jsx__default['default'](dsGrid.Grid, {
+    children: /*#__PURE__*/_jsx__default["default"](dsGrid.Grid, {
       width: "100%",
       style: {
         maxWidth: '100%'
@@ -136,7 +137,7 @@ const SliderImp = props => {
       containerProps: containerProps,
       "data-testid": "slider",
       rows: ['auto', 'auto']
-    }, void 0, /*#__PURE__*/_jsx__default['default'](context.SliderContext.Provider, {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](context.SliderContext.Provider, {
       value: {
         disabled,
         sliderUUID,
@@ -154,11 +155,11 @@ const SliderImp = props => {
         fullSelectedValues,
         zIndex
       }
-    }, void 0, finalLabelText && /*#__PURE__*/_jsx__default['default'](styled.LabelWrapper, {
+    }, void 0, finalLabelText && /*#__PURE__*/_jsx__default["default"](styled.LabelWrapper, {
       width: width
-    }, void 0, /*#__PURE__*/_jsx__default['default'](DSTruncatedTooltipText__default['default'], {
+    }, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
       value: SliderLabel
-    })), /*#__PURE__*/_jsx__default['default'](styled.StyledRangeWrapper, {}, void 0, /*#__PURE__*/_jsx__default['default'](reactRange.Range, {
+    })), /*#__PURE__*/_jsx__default["default"](styled.StyledRangeWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](reactRange.Range, {
       step: parsedStep,
       min: parsedMinValue,
       max: parsedMaxValue,
@@ -169,23 +170,26 @@ const SliderImp = props => {
         setRangeValues(values);
         onChange(values);
       },
-      renderTrack: ({
-        props: trackProps,
-        children
-      }) => /*#__PURE__*/_jsx__default['default'](Track, {
-        props: trackProps
-      }, void 0, children),
+      renderTrack: _ref2 => {
+        let {
+          props: trackProps,
+          children
+        } = _ref2;
+        return /*#__PURE__*/_jsx__default["default"](Track, {
+          props: trackProps
+        }, void 0, children);
+      },
       renderThumb: renderArgs => {
         const {
           index,
           props: thumbProps,
           isDragged
         } = renderArgs;
-        return /*#__PURE__*/_jsx__default['default'](Thumb, {
+        return /*#__PURE__*/_jsx__default["default"](Thumb, {
           props: thumbProps,
           isDragged: isDragged,
           index: index
-        }, `${sliderUUID}-${thumbProps.key}`);
+        }, "".concat(sliderUUID, "-").concat(thumbProps.key));
       },
       allowOverlap: false
     }))))

package/cjs/components/Thumb.js

@@ -2,6 +2,12 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var dsTooltip = require('@elliemae/ds-tooltip');
 var context = require('./context.js');
@@ -18,13 +24,14 @@ var _TooltipArrow;
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-const Thumb = ({
-  index,
-  props,
-  isDragged
-}) => {
+const Thumb = _ref => {
+  let {
+    index,
+    props,
+    isDragged
+  } = _ref;
   const [isHovered, setIsHovered] = React.useState(false);
   const {
     disabled,
@@ -53,10 +60,10 @@ const Thumb = ({
       index: index,
       onMouseEnter: () => setIsHovered(true),
       onMouseLeave: () => setIsHovered(false),
-      children: /*#__PURE__*/_jsx__default['default'](styled.TooltipContainerStyled, {
+      children: /*#__PURE__*/_jsx__default["default"](styled.TooltipContainerStyled, {
         isDragged: isDragged,
         isHovered: isHovered
-      }, void 0, /*#__PURE__*/_jsx__default['default'](dsTooltip.TooltipText, {}, void 0, utils.conformedThumbLabel(rangeValues, customTickMarksValues, index, step, minValue)), _TooltipArrow || (_TooltipArrow = /*#__PURE__*/_jsx__default['default'](styled.TooltipArrow, {})))
+      }, void 0, /*#__PURE__*/_jsx__default["default"](dsTooltip.TooltipText, {}, void 0, utils.conformedThumbLabel(rangeValues, customTickMarksValues, index, step, minValue)), _TooltipArrow || (_TooltipArrow = /*#__PURE__*/_jsx__default["default"](styled.TooltipArrow, {})))
     }))
   );
 };

package/cjs/components/TickMarks.js

@@ -24,22 +24,22 @@ const TickMarks = () => {
 
   for (let index = minValue || 0; index <= maxValue; index += step) {
     const isActive = withTwoHandles ? rangeValues[0] <= index && index < rangeValues[1] : rangeValues[0] > index;
-    dots.push( /*#__PURE__*/_jsx__default['default'](Dot, {
+    dots.push( /*#__PURE__*/_jsx__default["default"](Dot, {
       "data-testid": "slider-dot",
       isActive: isActive
     }, index));
   }
 
-  return /*#__PURE__*/_jsx__default['default'](DotsContainer, {
+  return /*#__PURE__*/_jsx__default["default"](DotsContainer, {
     "data-testid": "slider-tick-marks",
     zIndex: zIndex
   }, void 0, dots);
 };
 
-const Dot = /*#__PURE__*/styled__default['default'].div.withConfig({
+const Dot = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-15z2sh4-0"
 })(["&:after{content:'';background:", ";border-radius:", ";display:block;position:relative;width:2px;height:2px;}"], props => props.isActive ? props.theme.colors.brand[300] : props.theme.colors.neutral[400], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs));
-const DotsContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
+const DotsContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-15z2sh4-1"
 })(["padding:0 calc(", " * 0.5);align-items:center;display:flex;justify-content:space-between;pointer-events:none;position:absolute;top:0;left:0;right:0;bottom:0;z-index:", ";"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => props.zIndex - 1);
 

package/cjs/components/TickMarksValues.js

@@ -1,6 +1,8 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 var React = require('react');
 var styled = require('styled-components');
 var dsSystem = require('@elliemae/ds-system');
@@ -21,20 +23,20 @@ const TickMarks = () => {
   } = React.useContext(context.SliderContext);
   const TickMarksLabels = React.useMemo(() => parsedValuesArray.map(value => {
     const isSelected = fullSelectedValues.findIndex(selectedVal => selectedVal === value) >= 0;
-    return /*#__PURE__*/_jsx__default['default'](TickMarkValue, {
+    return /*#__PURE__*/_jsx__default["default"](TickMarkValue, {
       isSelected: isSelected
-    }, `${sliderUUID}-${value}`, value);
+    }, "".concat(sliderUUID, "-").concat(value), value);
   }), [parsedValuesArray, sliderUUID, fullSelectedValues]);
-  const PureTickMArksValues = React.useMemo(() => _TickMarksContainer || (_TickMarksContainer = /*#__PURE__*/_jsx__default['default'](TickMarksContainer, {
+  const PureTickMArksValues = React.useMemo(() => _TickMarksContainer || (_TickMarksContainer = /*#__PURE__*/_jsx__default["default"](TickMarksContainer, {
     "data-testid": "slider-tick-marks-values"
   }, void 0, TickMarksLabels)), [TickMarksLabels]);
   return PureTickMArksValues;
 };
 
-const TickMarkValue = /*#__PURE__*/styled__default['default'].div.withConfig({
+const TickMarkValue = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-lq3yel-0"
 })(["margin:", " 0;overflow:visible;transform:translateX(-100%);width:", ";color:", ";"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.s), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => props.isSelected ? props.theme.colors.neutral[800] : props.theme.colors.neutral[500]);
-const TickMarksContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
+const TickMarksContainer = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-lq3yel-1"
 })(["display:flex;justify-content:space-between;"]);
 

package/cjs/components/Track.js

@@ -1,5 +1,10 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
@@ -21,12 +26,13 @@ var _TickMarks, _TickMarksValues;
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-const Track = ({
-  children,
-  props
-}) => {
+const Track = _ref => {
+  let {
+    children,
+    props
+  } = _ref;
   const {
     disabled,
     minValue,
@@ -44,12 +50,12 @@ const Track = ({
       maxValue: maxValue,
       rangeValues: rangeValues,
       withTwoHandles: withTwoHandles,
-      children: [children, withTickMarks && !disabled && (_TickMarks || (_TickMarks = /*#__PURE__*/_jsx__default['default'](TickMarks, {})))]
-    })), withTickMarksValues && (_TickMarksValues || (_TickMarksValues = /*#__PURE__*/_jsx__default['default'](TickMarksValues, {})))]
+      children: [children, withTickMarks && !disabled && (_TickMarks || (_TickMarks = /*#__PURE__*/_jsx__default["default"](TickMarks, {})))]
+    })), withTickMarksValues && (_TickMarksValues || (_TickMarksValues = /*#__PURE__*/_jsx__default["default"](TickMarksValues, {})))]
   });
 };
 
-const TrackStyled = /*#__PURE__*/styled__default['default'].div.withConfig({
+const TrackStyled = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-13fbuj5-0"
 })(["position:relative;height:", ";width:100%;min-width:", ";border-radius:", ";background:", ";"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxl), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => props.disabled ? props.theme.colors.neutral[100] : reactRange.getTrackBackground({
   values: props.rangeValues,

package/cjs/components/context.js

@@ -8,6 +8,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const SliderContext = /*#__PURE__*/React__default['default'].createContext();
+const SliderContext = /*#__PURE__*/React__default["default"].createContext();
 
 exports.SliderContext = SliderContext;

package/cjs/components/styled.js

@@ -11,35 +11,44 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 /* eslint-disable indent */
-const ThumbStyled = /*#__PURE__*/styled__default['default'].div.withConfig({
+const ThumbStyled = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-24in0j-0"
-})(["height:20px;width:20px;background-color:", ";border-radius:10px;border:1px solid ", ";:focus{border:1px solid ", ";outline:unset;}:hover{background-color:", ";}"], props => props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral['000'], props => props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral[400], props => props.theme.colors.brand[600], ({
-  disabled,
-  theme
-}) => disabled ? theme.colors.neutral[100] : theme.colors.brand[200]);
-const TooltipContainerStyled = /*#__PURE__*/styled__default['default'](dsTooltip.TooltipContainer).withConfig({
+})(["height:20px;width:20px;background-color:", ";border-radius:10px;border:1px solid ", ";:focus{border:1px solid ", ";outline:unset;}:hover{background-color:", ";}"], props => props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral['000'], props => props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral[400], props => props.theme.colors.brand[600], _ref => {
+  let {
+    disabled,
+    theme
+  } = _ref;
+  return disabled ? theme.colors.neutral[100] : theme.colors.brand[200];
+});
+const TooltipContainerStyled = /*#__PURE__*/styled__default["default"](dsTooltip.TooltipContainer).withConfig({
   componentId: "sc-24in0j-1"
-})(["position:relative;display:flex;align-items:center;flex-direction:column;top:-35px;width:max-content;left:50%;transform:translateX(-50%);visibility:", ";"], ({
-  isDragged,
-  isHovered
-}) => isDragged || isHovered ? 'visible' : 'hidden'); // TODO: didn't work with DSTooltip, see how to improve
+})(["position:relative;display:flex;align-items:center;flex-direction:column;top:-35px;width:max-content;left:50%;transform:translateX(-50%);visibility:", ";"], _ref2 => {
+  let {
+    isDragged,
+    isHovered
+  } = _ref2;
+  return isDragged || isHovered ? 'visible' : 'hidden';
+}); // TODO: didn't work with DSTooltip, see how to improve
 
-const TooltipArrow = /*#__PURE__*/styled__default['default'].div.withConfig({
+const TooltipArrow = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-24in0j-2"
 })(["position:absolute;width:0;height:0;top:20px;border-left:calc(", " * 2.5) solid transparent;border-right:calc(", " * 2.5) solid transparent;border-top:calc(", " * 2.5) solid ", ";"], props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => dsSystem.__UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => props.theme.colors.neutral[0]);
-const LabelWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const LabelWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-24in0j-3"
-})(["margin-bottom:", ";max-width:100%;width:", ";"], props => props.theme.space.xxs, props => `${props.width || 0}px`);
-const LabelText = /*#__PURE__*/styled__default['default'].span.withConfig({
+})(["margin-bottom:", ";max-width:100%;width:", ";"], props => props.theme.space.xxs, props => "".concat(props.width || 0, "px"));
+const LabelText = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-24in0j-4"
 })(["color:", ";"], props => props.theme.colors.neutral[600]);
-const ValueText = /*#__PURE__*/styled__default['default'].span.withConfig({
+const ValueText = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-24in0j-5"
-})(["color:", ";"], ({
-  disabled,
-  theme
-}) => theme.colors.neutral[disabled ? 500 : 800]);
-const StyledRangeWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+})(["color:", ";"], _ref3 => {
+  let {
+    disabled,
+    theme
+  } = _ref3;
+  return theme.colors.neutral[disabled ? 500 : 800];
+});
+const StyledRangeWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-24in0j-6"
 })(["min-height:28px;margin:0 10px;"]);
 

package/cjs/components/utils.js

@@ -2,34 +2,44 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 
 /* eslint-disable max-params */
-const conformedLabel = (rangeValues, label = '', labelWithValue = false, withTwoHandles = false, customTickMarksValues = [], step = 1, minValue = 0) => {
+const conformedLabel = function (rangeValues) {
+  let label = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  let labelWithValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  let withTwoHandles = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  let customTickMarksValues = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
+  let step = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1;
+  let minValue = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 0;
   const msg = label.trim();
   let value = '';
 
-  if (!utils.isEmpty(customTickMarksValues) && labelWithValue && label) {
+  if (!dsUtilities.isEmpty(customTickMarksValues) && labelWithValue && label) {
     const firstValue = customTickMarksValues[(rangeValues[0] - minValue) / step];
     const secondValue = customTickMarksValues[(rangeValues[1] - minValue) / step];
-    value = `${firstValue || rangeValues[0].toFixed(1)} ${withTwoHandles ? `, ${secondValue || rangeValues[1].toFixed(1)}` : ''} `;
+    value = "".concat(firstValue || rangeValues[0].toFixed(1), " ").concat(withTwoHandles ? ", ".concat(secondValue || rangeValues[1].toFixed(1)) : '', " ");
   } else if (labelWithValue && label) {
     var _rangeValues$;
 
-    value = `${rangeValues[0].toFixed(1)} ${withTwoHandles ? `, ${(_rangeValues$ = rangeValues[1]) === null || _rangeValues$ === void 0 ? void 0 : _rangeValues$.toFixed(1)}` : ''} `;
+    value = "".concat(rangeValues[0].toFixed(1), " ").concat(withTwoHandles ? ", ".concat((_rangeValues$ = rangeValues[1]) === null || _rangeValues$ === void 0 ? void 0 : _rangeValues$.toFixed(1)) : '', " ");
   }
 
   value = value.trim();
   return [msg, value];
 };
-const conformedThumbLabel = (rangeValues, customTickMarksValues = [], index = 0, step = 1, minValue = 0) => {
-  let msg = `Value: `;
-
-  if (!utils.isEmpty(customTickMarksValues)) {
+const conformedThumbLabel = function (rangeValues) {
+  let customTickMarksValues = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  let index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  let step = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+  let minValue = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+  let msg = "Value: ";
+
+  if (!dsUtilities.isEmpty(customTickMarksValues)) {
     const foundValue = customTickMarksValues[(rangeValues[index] - minValue) / step];
-    msg += `${foundValue || rangeValues[index].toFixed(1)}`;
+    msg += "".concat(foundValue || rangeValues[index].toFixed(1));
   } else {
-    msg += `${rangeValues[index].toFixed(1)}`;
+    msg += "".concat(rangeValues[index].toFixed(1));
   }
 
   return msg;

package/cjs/index.js

@@ -8,4 +8,4 @@ var DSSlider = require('./DSSlider.js');
 
 exports.DSSlider = DSSlider.DSSlider;
 exports.DSSliderWithSchema = DSSlider.DSSliderWithSchema;
-exports.default = DSSlider.DSSlider;
+exports["default"] = DSSlider.DSSlider;

package/esm/DSSlider.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'react';
 import { describe } from 'react-desc';

package/esm/components/SliderImp.js

@@ -1,8 +1,9 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useRef, useState, useMemo, useEffect } from 'react';
 import { v4 } from 'uuid';
 import { Range } from 'react-range';
-import usePrevious from '@elliemae/ds-utilities/hooks/usePrevious';
+import { usePrevious } from '@elliemae/ds-utilities';
 import DSTruncatedTooltipText, { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';
 import { Grid } from '@elliemae/ds-grid';
 import Track from './Track.js';
@@ -12,8 +13,9 @@ import { conformedLabel } from './utils.js';
 import { SliderContext } from './context.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-const getSubArrayFromRange = (arr, [minVal, maxVal], // maxValue is undefined when only one handler
-isCustomTickMarksValues = false) => {
+const getSubArrayFromRange = function (arr, _ref) {
+  let [minVal, maxVal] = _ref;
+  let isCustomTickMarksValues = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
   const trueMinVal = isCustomTickMarksValues ? arr[minVal] : minVal;
   const minIndex = arr.findIndex(el => el === trueMinVal);
 
@@ -161,12 +163,15 @@ const SliderImp = props => {
         setRangeValues(values);
         onChange(values);
       },
-      renderTrack: ({
-        props: trackProps,
-        children
-      }) => /*#__PURE__*/_jsx(Track, {
-        props: trackProps
-      }, void 0, children),
+      renderTrack: _ref2 => {
+        let {
+          props: trackProps,
+          children
+        } = _ref2;
+        return /*#__PURE__*/_jsx(Track, {
+          props: trackProps
+        }, void 0, children);
+      },
       renderThumb: renderArgs => {
         const {
           index,
@@ -177,7 +182,7 @@ const SliderImp = props => {
           props: thumbProps,
           isDragged: isDragged,
           index: index
-        }, `${sliderUUID}-${thumbProps.key}`);
+        }, "".concat(sliderUUID, "-").concat(thumbProps.key));
       },
       allowOverlap: false
     }))))

package/esm/components/Thumb.js

@@ -1,5 +1,11 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import { useState, useContext } from 'react';
 import { TooltipText } from '@elliemae/ds-tooltip';
 import { SliderContext } from './context.js';
@@ -13,11 +19,12 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-const Thumb = ({
-  index,
-  props,
-  isDragged
-}) => {
+const Thumb = _ref => {
+  let {
+    index,
+    props,
+    isDragged
+  } = _ref;
   const [isHovered, setIsHovered] = useState(false);
   const {
     disabled,

package/esm/components/TickMarksValues.js

@@ -1,4 +1,6 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import { useContext, useMemo } from 'react';
 import styled from 'styled-components';
 import { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
@@ -16,7 +18,7 @@ const TickMarks = () => {
     const isSelected = fullSelectedValues.findIndex(selectedVal => selectedVal === value) >= 0;
     return /*#__PURE__*/_jsx(TickMarkValue, {
       isSelected: isSelected
-    }, `${sliderUUID}-${value}`, value);
+    }, "".concat(sliderUUID, "-").concat(value), value);
   }), [parsedValuesArray, sliderUUID, fullSelectedValues]);
   const PureTickMArksValues = useMemo(() => _TickMarksContainer || (_TickMarksContainer = /*#__PURE__*/_jsx(TickMarksContainer, {
     "data-testid": "slider-tick-marks-values"

package/esm/components/Track.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import { useContext } from 'react';
@@ -15,10 +20,11 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
-const Track = ({
-  children,
-  props
-}) => {
+const Track = _ref => {
+  let {
+    children,
+    props
+  } = _ref;
   const {
     disabled,
     minValue,

package/esm/components/styled.js

@@ -5,32 +5,41 @@ import { TooltipContainer } from '@elliemae/ds-tooltip';
 /* eslint-disable indent */
 const ThumbStyled = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-24in0j-0"
-})(["height:20px;width:20px;background-color:", ";border-radius:10px;border:1px solid ", ";:focus{border:1px solid ", ";outline:unset;}:hover{background-color:", ";}"], props => props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral['000'], props => props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral[400], props => props.theme.colors.brand[600], ({
-  disabled,
-  theme
-}) => disabled ? theme.colors.neutral[100] : theme.colors.brand[200]);
+})(["height:20px;width:20px;background-color:", ";border-radius:10px;border:1px solid ", ";:focus{border:1px solid ", ";outline:unset;}:hover{background-color:", ";}"], props => props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral['000'], props => props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral[400], props => props.theme.colors.brand[600], _ref => {
+  let {
+    disabled,
+    theme
+  } = _ref;
+  return disabled ? theme.colors.neutral[100] : theme.colors.brand[200];
+});
 const TooltipContainerStyled = /*#__PURE__*/styled(TooltipContainer).withConfig({
   componentId: "sc-24in0j-1"
-})(["position:relative;display:flex;align-items:center;flex-direction:column;top:-35px;width:max-content;left:50%;transform:translateX(-50%);visibility:", ";"], ({
-  isDragged,
-  isHovered
-}) => isDragged || isHovered ? 'visible' : 'hidden'); // TODO: didn't work with DSTooltip, see how to improve
+})(["position:relative;display:flex;align-items:center;flex-direction:column;top:-35px;width:max-content;left:50%;transform:translateX(-50%);visibility:", ";"], _ref2 => {
+  let {
+    isDragged,
+    isHovered
+  } = _ref2;
+  return isDragged || isHovered ? 'visible' : 'hidden';
+}); // TODO: didn't work with DSTooltip, see how to improve
 
 const TooltipArrow = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-24in0j-2"
 })(["position:absolute;width:0;height:0;top:20px;border-left:calc(", " * 2.5) solid transparent;border-right:calc(", " * 2.5) solid transparent;border-top:calc(", " * 2.5) solid ", ";"], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => props.theme.colors.neutral[0]);
 const LabelWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-24in0j-3"
-})(["margin-bottom:", ";max-width:100%;width:", ";"], props => props.theme.space.xxs, props => `${props.width || 0}px`);
+})(["margin-bottom:", ";max-width:100%;width:", ";"], props => props.theme.space.xxs, props => "".concat(props.width || 0, "px"));
 const LabelText = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-24in0j-4"
 })(["color:", ";"], props => props.theme.colors.neutral[600]);
 const ValueText = /*#__PURE__*/styled.span.withConfig({
   componentId: "sc-24in0j-5"
-})(["color:", ";"], ({
-  disabled,
-  theme
-}) => theme.colors.neutral[disabled ? 500 : 800]);
+})(["color:", ";"], _ref3 => {
+  let {
+    disabled,
+    theme
+  } = _ref3;
+  return theme.colors.neutral[disabled ? 500 : 800];
+});
 const StyledRangeWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-24in0j-6"
 })(["min-height:28px;margin:0 10px;"]);

package/esm/components/utils.js

@@ -1,31 +1,41 @@
-import { isEmpty } from '@elliemae/ds-utilities/utils';
+import { isEmpty } from '@elliemae/ds-utilities';
 
 /* eslint-disable max-params */
-const conformedLabel = (rangeValues, label = '', labelWithValue = false, withTwoHandles = false, customTickMarksValues = [], step = 1, minValue = 0) => {
+const conformedLabel = function (rangeValues) {
+  let label = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  let labelWithValue = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
+  let withTwoHandles = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
+  let customTickMarksValues = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
+  let step = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : 1;
+  let minValue = arguments.length > 6 && arguments[6] !== undefined ? arguments[6] : 0;
   const msg = label.trim();
   let value = '';
 
   if (!isEmpty(customTickMarksValues) && labelWithValue && label) {
     const firstValue = customTickMarksValues[(rangeValues[0] - minValue) / step];
     const secondValue = customTickMarksValues[(rangeValues[1] - minValue) / step];
-    value = `${firstValue || rangeValues[0].toFixed(1)} ${withTwoHandles ? `, ${secondValue || rangeValues[1].toFixed(1)}` : ''} `;
+    value = "".concat(firstValue || rangeValues[0].toFixed(1), " ").concat(withTwoHandles ? ", ".concat(secondValue || rangeValues[1].toFixed(1)) : '', " ");
   } else if (labelWithValue && label) {
     var _rangeValues$;
 
-    value = `${rangeValues[0].toFixed(1)} ${withTwoHandles ? `, ${(_rangeValues$ = rangeValues[1]) === null || _rangeValues$ === void 0 ? void 0 : _rangeValues$.toFixed(1)}` : ''} `;
+    value = "".concat(rangeValues[0].toFixed(1), " ").concat(withTwoHandles ? ", ".concat((_rangeValues$ = rangeValues[1]) === null || _rangeValues$ === void 0 ? void 0 : _rangeValues$.toFixed(1)) : '', " ");
   }
 
   value = value.trim();
   return [msg, value];
 };
-const conformedThumbLabel = (rangeValues, customTickMarksValues = [], index = 0, step = 1, minValue = 0) => {
-  let msg = `Value: `;
+const conformedThumbLabel = function (rangeValues) {
+  let customTickMarksValues = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  let index = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0;
+  let step = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 1;
+  let minValue = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+  let msg = "Value: ";
 
   if (!isEmpty(customTickMarksValues)) {
     const foundValue = customTickMarksValues[(rangeValues[index] - minValue) / step];
-    msg += `${foundValue || rangeValues[index].toFixed(1)}`;
+    msg += "".concat(foundValue || rangeValues[index].toFixed(1));
   } else {
-    msg += `${rangeValues[index].toFixed(1)}`;
+    msg += "".concat(rangeValues[index].toFixed(1));
   }
 
   return msg;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-slider",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.13",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Slider",
   "module": "./esm/index.js",
@@ -72,23 +72,23 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-grid": "2.0.0-alpha.1",
-    "@elliemae/ds-system": "2.0.0-alpha.1",
-    "@elliemae/ds-tooltip": "2.0.0-alpha.1",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.1",
-    "@elliemae/ds-utilities": "2.0.0-alpha.1",
+    "@elliemae/ds-grid": "2.0.0-alpha.13",
+    "@elliemae/ds-system": "2.0.0-alpha.13",
+    "@elliemae/ds-tooltip": "2.0.0-alpha.13",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.13",
+    "@elliemae/ds-utilities": "2.0.0-alpha.13",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "react-range": "~1.8.11",
     "uuid": "~8.3.2"
   },
   "devDependencies": {
-    "styled-components": "~5.3.1"
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
-    "styled-components": "^5.3.1"
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",

package/types/DSSlider.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 /// <reference types="react" />
 declare const DSSlider: {
     (props: any): JSX.Element;
@@ -17,21 +18,90 @@ declare const DSSlider: {
         zIndex: number;
     };
     propTypes: {
-        containerProps: any;
-        disabled: any;
-        label: any;
-        labelWithValue: any;
-        minValue: any;
-        maxValue: any;
-        step: any;
-        onChange: any;
-        withTickMarks: any;
-        withTickMarksValues: any;
-        withTwoHandles: any;
-        customTickMarksValues: any;
-        zIndex: any;
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        disabled: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        label: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        labelWithValue: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        minValue: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        maxValue: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        step: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        onChange: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        withTickMarks: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        withTickMarksValues: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        withTwoHandles: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        customTickMarksValues: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
+        zIndex: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 };
-declare const DSSliderWithSchema: any;
+declare const DSSliderWithSchema: {
+    (props?: any): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { DSSlider, DSSliderWithSchema };
 export default DSSlider;

package/types/components/styled.d.ts

@@ -1,7 +1,8 @@
-export declare const ThumbStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const TooltipContainerStyled: import("styled-components").StyledComponent<any, any, object, string | number | symbol>;
-export declare const TooltipArrow: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LabelWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const LabelText: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const ValueText: import("styled-components").StyledComponent<"span", any, {}, never>;
-export declare const StyledRangeWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+/// <reference types="react" />
+export declare const ThumbStyled: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TooltipContainerStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const TooltipArrow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const LabelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const LabelText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const ValueText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledRangeWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/types/prop-types.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 export declare const defaultProps: {
     containerProps: {};
     disabled: boolean;
@@ -15,29 +16,107 @@ export declare const defaultProps: {
 };
 export declare const sliderPropTypes: {
     /** props to inject to slider wrapper */
-    containerProps: any;
+    containerProps: {
+        defaultValue<T = unknown>(arg: T): {
+            /** disable slider */
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
     /** disable slider */
-    disabled: any;
+    disabled: {
+        defaultValue<T = unknown>(arg: T): {
+            /** disable slider */
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
     /** label for slider */
-    label: any;
+    label: {
+        defaultValue<T = unknown>(arg: T): {
+            /** disable slider */
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
     /** if the label comes with value attached for slider or not */
-    labelWithValue: any;
+    labelWithValue: {
+        defaultValue<T = unknown>(arg: T): {
+            /** disable slider */
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
     /** min value for slider */
-    minValue: any;
+    minValue: {
+        defaultValue<T = unknown>(arg: T): {
+            /** disable slider */
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
     /** max value for slider */
-    maxValue: any;
+    maxValue: {
+        defaultValue<T = unknown>(arg: T): {
+            /** disable slider */
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
     /** steps of values from min to max */
-    step: any;
+    step: {
+        defaultValue<T = unknown>(arg: T): {
+            /** disable slider */
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
     /** change handler */
-    onChange: any;
+    onChange: {
+        defaultValue<T = unknown>(arg: T): {
+            /** disable slider */
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
     /** add tick marks between steps */
-    withTickMarks: any;
+    withTickMarks: {
+        defaultValue<T = unknown>(arg: T): {
+            /** disable slider */
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
     /** add step value to tickmark */
-    withTickMarksValues: any;
+    withTickMarksValues: {
+        defaultValue<T = unknown>(arg: T): {
+            /** disable slider */
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
     /** add two handles */
-    withTwoHandles: any;
+    withTwoHandles: {
+        defaultValue<T = unknown>(arg: T): {
+            /** disable slider */
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
     /** change manually tickmark values */
-    customTickMarksValues: any;
+    customTickMarksValues: {
+        defaultValue<T = unknown>(arg: T): {
+            /** disable slider */
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
     /** z index for thumb */
-    zIndex: any;
+    zIndex: {
+        defaultValue<T = unknown>(arg: T): {
+            /** disable slider */
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
 };

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}