@elliemae/ds-slider 2.0.0-alpha.3 → 2.0.0-alpha.7

package/cjs/DSSlider.js

@@ -15,7 +15,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 +25,4 @@ DSSliderWithSchema.propTypes = propTypes.sliderPropTypes;
 
 exports.DSSlider = DSSlider;
 exports.DSSliderWithSchema = DSSliderWithSchema;
-exports['default'] = DSSlider;
+exports["default"] = DSSlider;

package/cjs/components/SliderImp.js

@@ -93,7 +93,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 = usePrevious__default["default"](withTwoHandles);
 
   const resizeHandler = () => {
     var _ref$current;
@@ -121,14 +121,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 +136,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 +154,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,
@@ -172,7 +172,7 @@ const SliderImp = props => {
       renderTrack: ({
         props: trackProps,
         children
-      }) => /*#__PURE__*/_jsx__default['default'](Track, {
+      }) => /*#__PURE__*/_jsx__default["default"](Track, {
         props: trackProps
       }, void 0, children),
       renderThumb: renderArgs => {
@@ -181,7 +181,7 @@ const SliderImp = props => {
           props: thumbProps,
           isDragged
         } = renderArgs;
-        return /*#__PURE__*/_jsx__default['default'](Thumb, {
+        return /*#__PURE__*/_jsx__default["default"](Thumb, {
           props: thumbProps,
           isDragged: isDragged,
           index: index

package/cjs/components/Thumb.js

@@ -18,7 +18,7 @@ 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,
@@ -53,10 +53,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

@@ -21,20 +21,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);
   }), [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

@@ -21,7 +21,7 @@ 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,
@@ -44,12 +44,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,35 @@ 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({
+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
 
-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({
+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({
+const StyledRangeWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-24in0j-6"
 })(["min-height:28px;margin:0 10px;"]);
 

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-slider",
-  "version": "2.0.0-alpha.3",
+  "version": "2.0.0-alpha.7",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Slider",
   "module": "./esm/index.js",
@@ -72,11 +72,11 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-grid": "2.0.0-alpha.3",
-    "@elliemae/ds-system": "2.0.0-alpha.3",
-    "@elliemae/ds-tooltip": "2.0.0-alpha.3",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.3",
-    "@elliemae/ds-utilities": "2.0.0-alpha.3",
+    "@elliemae/ds-grid": "2.0.0-alpha.7",
+    "@elliemae/ds-system": "2.0.0-alpha.7",
+    "@elliemae/ds-tooltip": "2.0.0-alpha.7",
+    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.7",
+    "@elliemae/ds-utilities": "2.0.0-alpha.7",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "react-range": "~1.8.11",