@elliemae/ds-slider 2.0.0-alpha.11 → 2.0.0-alpha.12

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');

package/cjs/components/SliderImp.js

@@ -5,7 +5,7 @@ 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');
@@ -18,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);
 
@@ -94,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;
@@ -170,12 +170,15 @@ 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,

package/cjs/components/Thumb.js

@@ -3,6 +3,11 @@
 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');
@@ -21,11 +26,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__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,

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');

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');
@@ -23,10 +28,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__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,

package/cjs/components/styled.js

@@ -13,16 +13,22 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 /* eslint-disable indent */
 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]);
+})(["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({
   componentId: "sc-24in0j-2"
@@ -35,10 +41,13 @@ const LabelText = /*#__PURE__*/styled__default["default"].span.withConfig({
 })(["color:", ";"], props => props.theme.colors.neutral[600]);
 const ValueText = /*#__PURE__*/styled__default["default"].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__default["default"].div.withConfig({
   componentId: "sc-24in0j-6"
 })(["min-height:28px;margin:0 10px;"]);

package/cjs/components/utils.js

@@ -2,14 +2,20 @@
 
 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 = "".concat(firstValue || rangeValues[0].toFixed(1), " ").concat(withTwoHandles ? ", ".concat(secondValue || rangeValues[1].toFixed(1)) : '', " ");
@@ -22,10 +28,14 @@ const conformedLabel = (rangeValues, label = '', labelWithValue = false, withTwo
   value = value.trim();
   return [msg, value];
 };
-const conformedThumbLabel = (rangeValues, customTickMarksValues = [], index = 0, step = 1, minValue = 0) => {
+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 (!utils.isEmpty(customTickMarksValues)) {
+  if (!dsUtilities.isEmpty(customTickMarksValues)) {
     const foundValue = customTickMarksValues[(rangeValues[index] - minValue) / step];
     msg += "".concat(foundValue || rangeValues[index].toFixed(1));
   } else {

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

@@ -3,7 +3,7 @@ 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';
@@ -13,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);
 
@@ -162,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,

package/esm/components/Thumb.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 _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'core-js/modules/web.dom-collections.iterator.js';
@@ -14,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';

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,16 +5,22 @@ 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"
@@ -27,10 +33,13 @@ const LabelText = /*#__PURE__*/styled.span.withConfig({
 })(["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,7 +1,13 @@
-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 = '';
 
@@ -18,7 +24,11 @@ const conformedLabel = (rangeValues, label = '', labelWithValue = false, withTwo
   value = value.trim();
   return [msg, value];
 };
-const conformedThumbLabel = (rangeValues, customTickMarksValues = [], index = 0, step = 1, minValue = 0) => {
+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)) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-slider",
-  "version": "2.0.0-alpha.11",
+  "version": "2.0.0-alpha.12",
   "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.11",
-    "@elliemae/ds-system": "2.0.0-alpha.11",
-    "@elliemae/ds-tooltip": "2.0.0-alpha.11",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.11",
-    "@elliemae/ds-utilities": "2.0.0-alpha.11",
+    "@elliemae/ds-grid": "2.0.0-alpha.12",
+    "@elliemae/ds-system": "2.0.0-alpha.12",
+    "@elliemae/ds-tooltip": "2.0.0-alpha.12",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.12",
+    "@elliemae/ds-utilities": "2.0.0-alpha.12",
     "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;
+    };
 };