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

package/cjs/components/SliderImp.js

@@ -1,6 +1,7 @@
 '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');
@@ -185,7 +186,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,7 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var dsTooltip = require('@elliemae/ds-tooltip');
 var context = require('./context.js');

package/cjs/components/TickMarksValues.js

@@ -23,7 +23,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/styled.js

@@ -29,7 +29,7 @@ const TooltipArrow = /*#__PURE__*/styled__default["default"].div.withConfig({
 })(["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]);

package/cjs/components/utils.js

@@ -12,24 +12,24 @@ const conformedLabel = (rangeValues, label = '', labelWithValue = false, withTwo
   if (!utils.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: `;
+  let msg = "Value: ";
 
   if (!utils.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/components/SliderImp.js

@@ -1,4 +1,5 @@
 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';
@@ -177,7 +178,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,6 @@
 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';

package/esm/components/TickMarksValues.js

@@ -16,7 +16,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/styled.js

@@ -21,7 +21,7 @@ const TooltipArrow = /*#__PURE__*/styled.div.withConfig({
 })(["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]);

package/esm/components/utils.js

@@ -8,24 +8,24 @@ const conformedLabel = (rangeValues, label = '', labelWithValue = false, withTwo
   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: `;
+  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.10",
+  "version": "2.0.0-alpha.11",
   "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.10",
-    "@elliemae/ds-system": "2.0.0-alpha.10",
-    "@elliemae/ds-tooltip": "2.0.0-alpha.10",
-    "@elliemae/ds-truncated-tooltip-text": "2.0.0-alpha.10",
-    "@elliemae/ds-utilities": "2.0.0-alpha.10",
+    "@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",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "react-range": "~1.8.11",

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"
-  ]
-}