@elliemae/ds-slider 2.0.0-alpha.9 → 2.0.0-next.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

@@ -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;
@@ -169,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,
@@ -185,7 +189,7 @@ const SliderImp = props => {
           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');
@@ -20,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');
@@ -23,7 +25,7 @@ const TickMarks = () => {
     const isSelected = fullSelectedValues.findIndex(selectedVal => selectedVal === value) >= 0;
     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, {
     "data-testid": "slider-tick-marks-values"

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,32 +13,41 @@ 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"
 })(["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({
   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__default["default"].span.withConfig({
   componentId: "sc-24in0j-4"
 })(["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,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/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.9",
+  "version": "2.0.0-next.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.9",
-    "@elliemae/ds-system": "2.0.0-alpha.9",
-    "@elliemae/ds-tooltip": "2.0.0-alpha.9",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.9",
-    "@elliemae/ds-utilities": "2.0.0-alpha.9",
+    "@elliemae/ds-grid": "2.0.0-next.12",
+    "@elliemae/ds-system": "2.0.0-next.12",
+    "@elliemae/ds-tooltip": "2.0.0-next.12",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-next.12",
+    "@elliemae/ds-utilities": "2.0.0-next.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/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"
-  ]
-}