@elliemae/ds-slider 2.2.0 → 2.3.0-alpha.3

package/esm/components/Track.js

@@ -1,30 +1,12 @@
-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';
-import { getTrackBackground } from 'react-range';
-import styled from 'styled-components';
-import { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
-import TickMarks$1 from './TickMarks.js';
-import TickMarks from './TickMarksValues.js';
-import { SliderContext } from './context.js';
-import { jsxs, Fragment } from 'react/jsx-runtime';
-
-var _TickMarks, _TickMarksValues;
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const Track = _ref => {
-  let {
-    children,
-    props
-  } = _ref;
+import * as React from "react";
+import React2, { useContext } from "react";
+import { getTrackBackground } from "react-range";
+import styled from "styled-components";
+import { __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
+import TickMarks from "./TickMarks";
+import TickMarksValues from "./TickMarksValues";
+import { SliderContext } from "./context";
+const Track = ({ children, props }) => {
   const {
     disabled,
     minValue,
@@ -34,26 +16,34 @@ const Track = _ref => {
     withTickMarksValues,
     withTwoHandles
   } = useContext(SliderContext);
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsxs(TrackStyled, _objectSpread(_objectSpread({}, props), {}, {
-      // This is needed because it's received from the library
-      disabled: disabled,
-      minValue: minValue,
-      maxValue: maxValue,
-      rangeValues: rangeValues,
-      withTwoHandles: withTwoHandles,
-      children: [children, withTickMarks && !disabled && (_TickMarks || (_TickMarks = /*#__PURE__*/_jsx(TickMarks$1, {})))]
-    })), withTickMarksValues && (_TickMarksValues || (_TickMarksValues = /*#__PURE__*/_jsx(TickMarks, {})))]
-  });
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(TrackStyled, {
+    ...props,
+    disabled,
+    minValue,
+    maxValue,
+    rangeValues,
+    withTwoHandles
+  }, children, withTickMarks && !disabled && /* @__PURE__ */ React2.createElement(TickMarks, null)), withTickMarksValues && /* @__PURE__ */ React2.createElement(TickMarksValues, null));
 };
-
-const TrackStyled = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-13fbuj5-0"
-})(["position:relative;height:", ";width:100%;min-width:", ";border-radius:", ";background:", ";"], props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxl), props => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs), props => props.disabled ? props.theme.colors.neutral[100] : getTrackBackground({
+const TrackStyled = styled.div`
+  position: relative;
+  height: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};
+  width: 100%;
+  min-width: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxl)};
+  border-radius: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};
+  background: ${(props) => props.disabled ? props.theme.colors.neutral[100] : getTrackBackground({
   values: props.rangeValues,
-  colors: props.withTwoHandles ? [props.theme.colors.neutral[100], props.theme.colors.brand[600], props.theme.colors.neutral[100]] : [props.theme.colors.brand[600], props.theme.colors.neutral[100]],
+  colors: props.withTwoHandles ? [
+    props.theme.colors.neutral[100],
+    props.theme.colors.brand[600],
+    props.theme.colors.neutral[100]
+  ] : [props.theme.colors.brand[600], props.theme.colors.neutral[100]],
   min: props.minValue,
   max: props.maxValue
-}));
-
-export { Track as default };
+})};
+`;
+var Track_default = Track;
+export {
+  Track_default as default
+};
+//# sourceMappingURL=Track.js.map

package/esm/components/Track.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Track.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\n/* eslint-disable react/prop-types */\nimport React, { useContext } from 'react';\nimport { getTrackBackground } from 'react-range';\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\n\nimport TickMarks from './TickMarks';\nimport TickMarksValues from './TickMarksValues';\nimport { SliderContext } from './context';\n\nconst Track = ({ children, props }) => {\n  const {\n    disabled,\n    minValue,\n    maxValue,\n    rangeValues,\n    withTickMarks,\n    withTickMarksValues,\n    withTwoHandles,\n  } = useContext(SliderContext);\n\n  return (\n    <>\n      <TrackStyled\n        {...props} // This is needed because it's received from the library\n        disabled={disabled}\n        minValue={minValue}\n        maxValue={maxValue}\n        rangeValues={rangeValues}\n        withTwoHandles={withTwoHandles}\n      >\n        {children}\n        {withTickMarks && !disabled && <TickMarks />}\n      </TrackStyled>\n      {withTickMarksValues && <TickMarksValues />}\n    </>\n  );\n};\n\nconst TrackStyled = styled.div`\n  position: relative;\n  height: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n  width: 100%;\n  min-width: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxl)};\n  border-radius: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n  background: ${(props) =>\n    props.disabled\n      ? props.theme.colors.neutral[100]\n      : getTrackBackground({\n          values: props.rangeValues,\n          colors: props.withTwoHandles\n            ? [\n                props.theme.colors.neutral[100],\n                props.theme.colors.brand[600],\n                props.theme.colors.neutral[100],\n              ]\n            : [props.theme.colors.brand[600], props.theme.colors.neutral[100]],\n          min: props.minValue,\n          max: props.maxValue,\n        })};\n`;\n\nexport default Track;\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AACA;AAEA;AACA;AACA;AAEA,MAAM,QAAQ,CAAC,EAAE,UAAU,YAAY;AACrC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AAEf,SACE,4DACE,qCAAC,aAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEC,UACA,iBAAiB,CAAC,YAAY,qCAAC,WAAD,QAEhC,uBAAuB,qCAAC,iBAAD;AAAA;AAK9B,MAAM,cAAc,OAAO;AAAA;AAAA,YAEf,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA,eAEnD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA,mBAClD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA,gBACzD,CAAC,UACb,MAAM,WACF,MAAM,MAAM,OAAO,QAAQ,OAC3B,mBAAmB;AAAA,EACjB,QAAQ,MAAM;AAAA,EACd,QAAQ,MAAM,iBACV;AAAA,IACE,MAAM,MAAM,OAAO,QAAQ;AAAA,IAC3B,MAAM,MAAM,OAAO,MAAM;AAAA,IACzB,MAAM,MAAM,OAAO,QAAQ;AAAA,MAE7B,CAAC,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA,EAC/D,KAAK,MAAM;AAAA,EACX,KAAK,MAAM;AAAA;AAAA;AAIrB,IAAO,gBAAQ;",
+  "names": []
+}

package/esm/components/context.js

@@ -1,5 +1,7 @@
-import React from 'react';
-
-const SliderContext = /*#__PURE__*/React.createContext();
-
-export { SliderContext };
+import * as React from "react";
+import React2 from "react";
+const SliderContext = React2.createContext();
+export {
+  SliderContext
+};
+//# sourceMappingURL=context.js.map

package/esm/components/context.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/context.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nexport const SliderContext = React.createContext();\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,gBAAgB,OAAM;",
+  "names": []
+}

package/esm/components/styled.js

@@ -1,47 +1,67 @@
-import styled from 'styled-components';
-import { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';
-import { TooltipContainer } from '@elliemae/ds-tooltip';
+import * as React from "react";
+import styled from "styled-components";
+import { __UNSAFE_SPACE_TO_DIMSUM } from "@elliemae/ds-system";
+import { TooltipContainer } from "@elliemae/ds-tooltip";
+const ThumbStyled = styled.div`
+  height: 20px;
+  width: 20px;
+  background-color: ${(props) => props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral["000"]};
+  border-radius: 10px;
+  border: 1px solid ${(props) => props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral[400]};
 
-/* 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], _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:", ";"], _ref2 => {
-  let {
-    isDragged,
-    isHovered
-  } = _ref2;
-  return isDragged || isHovered ? 'visible' : 'hidden';
-}); // TODO: didn't work with DSTooltip, see how to improve
+  :focus {
+    border: 1px solid ${(props) => props.theme.colors.brand[600]};
+    outline: unset;
+  }
 
-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 => "".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:", ";"], _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;"]);
+  :hover {
+    background-color: ${({ disabled, theme }) => disabled ? theme.colors.neutral[100] : theme.colors.brand[200]};
+  }
+`;
+const TooltipContainerStyled = styled(TooltipContainer)`
+  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"};
+`;
+const TooltipArrow = styled.div`
+  position: absolute;
+  width: 0;
+  height: 0;
+  top: 20px;
+  border-left: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} * 2.5) solid transparent;
+  border-right: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} * 2.5) solid transparent;
 
-export { LabelText, LabelWrapper, StyledRangeWrapper, ThumbStyled, TooltipArrow, TooltipContainerStyled, ValueText };
+  border-top: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} * 2.5) solid
+    ${(props) => props.theme.colors.neutral[0]};
+`;
+const LabelWrapper = styled.div`
+  margin-bottom: ${(props) => props.theme.space.xxs};
+  max-width: 100%;
+  width: ${(props) => `${props.width || 0}px`};
+`;
+const LabelText = styled.span`
+  color: ${(props) => props.theme.colors.neutral[600]};
+`;
+const ValueText = styled.span`
+  color: ${({ disabled, theme }) => theme.colors.neutral[disabled ? 500 : 800]};
+`;
+const StyledRangeWrapper = styled.div`
+  min-height: 28px;
+  margin: 0 10px;
+`;
+export {
+  LabelText,
+  LabelWrapper,
+  StyledRangeWrapper,
+  ThumbStyled,
+  TooltipArrow,
+  TooltipContainerStyled,
+  ValueText
+};
+//# sourceMappingURL=styled.js.map

package/esm/components/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable indent */\nimport styled from 'styled-components';\nimport { __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { TooltipContainer } from '@elliemae/ds-tooltip';\n\nexport const ThumbStyled = styled.div`\n  height: 20px;\n  width: 20px;\n  background-color: ${(props) =>\n    props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral['000']};\n  border-radius: 10px;\n  border: 1px solid ${(props) => (props.disabled ? props.theme.colors.neutral[100] : props.theme.colors.neutral[400])};\n\n  :focus {\n    border: 1px solid ${(props) => props.theme.colors.brand[600]};\n    outline: unset;\n  }\n\n  :hover {\n    background-color: ${({ disabled, theme }) => (disabled ? theme.colors.neutral[100] : theme.colors.brand[200])};\n  }\n`;\n\nexport const TooltipContainerStyled = styled(TooltipContainer)`\n  position: relative;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  top: -35px;\n  width: max-content;\n  left: 50%;\n  transform: translateX(-50%);\n  visibility: ${({ isDragged, isHovered }) => (isDragged || isHovered ? 'visible' : 'hidden')};\n`;\n// TODO: didn't work with DSTooltip, see how to improve\nexport const TooltipArrow = styled.div`\n  position: absolute;\n  width: 0;\n  height: 0;\n  top: 20px;\n  border-left: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} * 2.5) solid transparent;\n  border-right: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} * 2.5) solid transparent;\n\n  border-top: calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} * 2.5) solid\n    ${(props) => props.theme.colors.neutral[0]};\n`;\n\nexport const LabelWrapper = styled.div`\n  margin-bottom: ${(props) => props.theme.space.xxs};\n  max-width: 100%;\n  width: ${(props) => `${props.width || 0}px`};\n`;\n\nexport const LabelText = styled.span`\n  color: ${(props) => props.theme.colors.neutral[600]};\n`;\n\nexport const ValueText = styled.span`\n  color: ${({ disabled, theme }) => theme.colors.neutral[disabled ? 500 : 800]};\n`;\n\nexport const StyledRangeWrapper = styled.div`\n  min-height: 28px;\n  margin: 0 10px;\n`;\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AAEO,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA,sBAGZ,CAAC,UACnB,MAAM,WAAW,MAAM,MAAM,OAAO,QAAQ,OAAO,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,sBAE5D,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,QAAQ,OAAO,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,wBAGxF,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKpC,CAAC,EAAE,UAAU,YAAa,WAAW,MAAM,OAAO,QAAQ,OAAO,MAAM,OAAO,MAAM;AAAA;AAAA;AAIrG,MAAM,yBAAyB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAS7B,CAAC,EAAE,WAAW,gBAAiB,aAAa,YAAY,YAAY;AAAA;AAG7E,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA,sBAKb,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA,uBACrD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA;AAAA,qBAExD,CAAC,UAAU,yBAAyB,MAAM,MAAM,MAAM;AAAA,MACrE,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAGrC,MAAM,eAAe,OAAO;AAAA,mBAChB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA,WAErC,CAAC,UAAU,GAAG,MAAM,SAAS;AAAA;AAGjC,MAAM,YAAY,OAAO;AAAA,WACrB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ;AAAA;AAG1C,MAAM,YAAY,OAAO;AAAA,WACrB,CAAC,EAAE,UAAU,YAAY,MAAM,OAAO,QAAQ,WAAW,MAAM;AAAA;AAGnE,MAAM,qBAAqB,OAAO;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/esm/components/utils.js

@@ -1,44 +1,30 @@
-import { isEmpty } from '@elliemae/ds-utilities';
-
-/* eslint-disable max-params */
-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;
+import * as React from "react";
+import { isEmpty } from "@elliemae/ds-utilities";
+const conformedLabel = (rangeValues, label = "", labelWithValue = false, withTwoHandles = false, customTickMarksValues = [], step = 1, minValue = 0) => {
   const msg = label.trim();
-  let value = '';
-
+  let value = "";
   if (!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)) : '', " ");
+    value = `${firstValue || rangeValues[0].toFixed(1)} ${withTwoHandles ? `, ${secondValue || rangeValues[1].toFixed(1)}` : ""} `;
   } else if (labelWithValue && label) {
-    var _rangeValues$;
-
-    value = "".concat(rangeValues[0].toFixed(1), " ").concat(withTwoHandles ? ", ".concat((_rangeValues$ = rangeValues[1]) === null || _rangeValues$ === void 0 ? void 0 : _rangeValues$.toFixed(1)) : '', " ");
+    value = `${rangeValues[0].toFixed(1)} ${withTwoHandles ? `, ${rangeValues[1]?.toFixed(1)}` : ""} `;
   }
-
   value = value.trim();
   return [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: ";
-
+const conformedThumbLabel = (rangeValues, customTickMarksValues = [], index = 0, step = 1, minValue = 0) => {
+  let msg = `Value: `;
   if (!isEmpty(customTickMarksValues)) {
     const foundValue = customTickMarksValues[(rangeValues[index] - minValue) / step];
-    msg += "".concat(foundValue || rangeValues[index].toFixed(1));
+    msg += `${foundValue || rangeValues[index].toFixed(1)}`;
   } else {
-    msg += "".concat(rangeValues[index].toFixed(1));
+    msg += `${rangeValues[index].toFixed(1)}`;
   }
-
   return msg;
 };
-
-export { conformedLabel, conformedThumbLabel };
+export {
+  conformedLabel,
+  conformedThumbLabel
+};
+//# sourceMappingURL=utils.js.map

package/esm/components/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/utils.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\nimport { isEmpty } from '@elliemae/ds-utilities';\n\nexport const conformedLabel = (\n  rangeValues,\n  label = '',\n  labelWithValue = false,\n  withTwoHandles = false,\n  customTickMarksValues = [],\n  step = 1,\n  minValue = 0,\n) => {\n  const msg = label.trim();\n  let value = '';\n  if (!isEmpty(customTickMarksValues) && labelWithValue && label) {\n    const firstValue =\n      customTickMarksValues[(rangeValues[0] - minValue) / step];\n    const secondValue =\n      customTickMarksValues[(rangeValues[1] - minValue) / step];\n    value = `${firstValue || rangeValues[0].toFixed(1)} ${\n      withTwoHandles ? `, ${secondValue || rangeValues[1].toFixed(1)}` : ''\n    } `;\n  } else if (labelWithValue && label) {\n    value = `${rangeValues[0].toFixed(1)} ${\n      withTwoHandles ? `, ${rangeValues[1]?.toFixed(1)}` : ''\n    } `;\n  }\n  value = value.trim();\n\n  return [msg, value];\n};\n\nexport const conformedThumbLabel = (\n  rangeValues,\n  customTickMarksValues = [],\n  index = 0,\n  step = 1,\n  minValue = 0,\n) => {\n  let msg = `Value: `;\n  if (!isEmpty(customTickMarksValues)) {\n    const foundValue =\n      customTickMarksValues[(rangeValues[index] - minValue) / step];\n    msg += `${foundValue || rangeValues[index].toFixed(1)}`;\n  } else {\n    msg += `${rangeValues[index].toFixed(1)}`;\n  }\n\n  return msg;\n};\n"],
+  "mappings": "AAAA;ACCA;AAEO,MAAM,iBAAiB,CAC5B,aACA,QAAQ,IACR,iBAAiB,OACjB,iBAAiB,OACjB,wBAAwB,IACxB,OAAO,GACP,WAAW,MACR;AACH,QAAM,MAAM,MAAM;AAClB,MAAI,QAAQ;AACZ,MAAI,CAAC,QAAQ,0BAA0B,kBAAkB,OAAO;AAC9D,UAAM,aACJ,sBAAuB,aAAY,KAAK,YAAY;AACtD,UAAM,cACJ,sBAAuB,aAAY,KAAK,YAAY;AACtD,YAAQ,GAAG,cAAc,YAAY,GAAG,QAAQ,MAC9C,iBAAiB,KAAK,eAAe,YAAY,GAAG,QAAQ,OAAO;AAAA,aAE5D,kBAAkB,OAAO;AAClC,YAAQ,GAAG,YAAY,GAAG,QAAQ,MAChC,iBAAiB,KAAK,YAAY,IAAI,QAAQ,OAAO;AAAA;AAGzD,UAAQ,MAAM;AAEd,SAAO,CAAC,KAAK;AAAA;AAGR,MAAM,sBAAsB,CACjC,aACA,wBAAwB,IACxB,QAAQ,GACR,OAAO,GACP,WAAW,MACR;AACH,MAAI,MAAM;AACV,MAAI,CAAC,QAAQ,wBAAwB;AACnC,UAAM,aACJ,sBAAuB,aAAY,SAAS,YAAY;AAC1D,WAAO,GAAG,cAAc,YAAY,OAAO,QAAQ;AAAA,SAC9C;AACL,WAAO,GAAG,YAAY,OAAO,QAAQ;AAAA;AAGvC,SAAO;AAAA;",
+  "names": []
+}

package/esm/index.js

@@ -1 +1,7 @@
-export { DSSlider, DSSliderWithSchema, DSSlider as default } from './DSSlider.js';
+import * as React from "react";
+import { default as default2 } from "./DSSlider";
+export * from "./DSSlider";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default } from './DSSlider';\nexport * from './DSSlider';\n"],
+  "mappings": "AAAA;ACAA;AACA;",
+  "names": []
+}

package/esm/prop-types.js

@@ -1,14 +1,15 @@
-import { PropTypes } from 'react-desc';
-
+import * as React from "react";
+import { PropTypes } from "react-desc";
 const defaultProps = {
   containerProps: {},
   disabled: false,
-  label: '',
+  label: "",
   labelWithValue: false,
   minValue: 0,
   maxValue: 100,
   step: 5,
-  onChange: () => {},
+  onChange: () => {
+  },
   withTickMarks: false,
   withTickMarksValues: false,
   withTwoHandles: false,
@@ -16,44 +17,22 @@ const defaultProps = {
   zIndex: 0
 };
 const sliderPropTypes = {
-  /** props to inject to slider wrapper */
-  containerProps: PropTypes.shape({}).description('props to inject to slider wrapper'),
-
-  /** disable slider */
-  disabled: PropTypes.bool.description('disable slider'),
-
-  /** label for slider */
-  label: PropTypes.string.description('label for slider'),
-
-  /** if the label comes with value attached for slider or not */
-  labelWithValue: PropTypes.bool.description('if the label comes with value attached for slider or not'),
-
-  /** min value for slider */
-  minValue: PropTypes.number.description('min value for slider'),
-
-  /** max value for slider */
-  maxValue: PropTypes.number.description('max value for slider'),
-
-  /** steps of values from min to max */
-  step: PropTypes.number.description('steps of values from min to max'),
-
-  /** change handler */
-  onChange: PropTypes.func.description('change handler'),
-
-  /** add tick marks between steps */
-  withTickMarks: PropTypes.bool.description('add tick marks between steps'),
-
-  /** add step value to tickmark */
-  withTickMarksValues: PropTypes.bool.description('add step value to tickmark'),
-
-  /** add two handles */
-  withTwoHandles: PropTypes.bool.description('add two handles'),
-
-  /** change manually tickmark values */
-  customTickMarksValues: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])).description('change manually tickmark values'),
-
-  /** z index for thumb */
-  zIndex: PropTypes.number.description('z index for thumb')
+  containerProps: PropTypes.shape({}).description("props to inject to slider wrapper"),
+  disabled: PropTypes.bool.description("disable slider"),
+  label: PropTypes.string.description("label for slider"),
+  labelWithValue: PropTypes.bool.description("if the label comes with value attached for slider or not"),
+  minValue: PropTypes.number.description("min value for slider"),
+  maxValue: PropTypes.number.description("max value for slider"),
+  step: PropTypes.number.description("steps of values from min to max"),
+  onChange: PropTypes.func.description("change handler"),
+  withTickMarks: PropTypes.bool.description("add tick marks between steps"),
+  withTickMarksValues: PropTypes.bool.description("add step value to tickmark"),
+  withTwoHandles: PropTypes.bool.description("add two handles"),
+  customTickMarksValues: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])).description("change manually tickmark values"),
+  zIndex: PropTypes.number.description("z index for thumb")
 };
-
-export { defaultProps, sliderPropTypes };
+export {
+  defaultProps,
+  sliderPropTypes
+};
+//# sourceMappingURL=prop-types.js.map

package/esm/prop-types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/prop-types.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from 'react-desc';\n\nexport const defaultProps = {\n  containerProps: {},\n  disabled: false,\n  label: '',\n  labelWithValue: false,\n  minValue: 0,\n  maxValue: 100,\n  step: 5,\n  onChange: () => {},\n  withTickMarks: false,\n  withTickMarksValues: false,\n  withTwoHandles: false,\n  customTickMarksValues: [],\n  zIndex: 0,\n};\n\nexport const sliderPropTypes = {\n  /** props to inject to slider wrapper */\n  containerProps: PropTypes.shape({}).description(\n    'props to inject to slider wrapper',\n  ),\n  /** disable slider */\n  disabled: PropTypes.bool.description('disable slider'),\n  /** label for slider */\n  label: PropTypes.string.description('label for slider'),\n  /** if the label comes with value attached for slider or not */\n  labelWithValue: PropTypes.bool.description(\n    'if the label comes with value attached for slider or not',\n  ),\n  /** min value for slider */\n  minValue: PropTypes.number.description('min value for slider'),\n  /** max value for slider */\n  maxValue: PropTypes.number.description('max value for slider'),\n  /** steps of values from min to max */\n  step: PropTypes.number.description('steps of values from min to max'),\n  /** change handler */\n  onChange: PropTypes.func.description('change handler'),\n  /** add tick marks between steps */\n  withTickMarks: PropTypes.bool.description('add tick marks between steps'),\n  /** add step value to tickmark */\n  withTickMarksValues: PropTypes.bool.description('add step value to tickmark'),\n  /** add two handles */\n  withTwoHandles: PropTypes.bool.description('add two handles'),\n  /** change manually tickmark values */\n  customTickMarksValues: PropTypes.arrayOf(\n    PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  ).description('change manually tickmark values'),\n  /** z index for thumb */\n  zIndex: PropTypes.number.description('z index for thumb'),\n};\n"],
+  "mappings": "AAAA;ACAA;AAEO,MAAM,eAAe;AAAA,EAC1B,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU,MAAM;AAAA;AAAA,EAChB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,uBAAuB;AAAA,EACvB,QAAQ;AAAA;AAGH,MAAM,kBAAkB;AAAA,EAE7B,gBAAgB,UAAU,MAAM,IAAI,YAClC;AAAA,EAGF,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,OAAO,UAAU,OAAO,YAAY;AAAA,EAEpC,gBAAgB,UAAU,KAAK,YAC7B;AAAA,EAGF,UAAU,UAAU,OAAO,YAAY;AAAA,EAEvC,UAAU,UAAU,OAAO,YAAY;AAAA,EAEvC,MAAM,UAAU,OAAO,YAAY;AAAA,EAEnC,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,eAAe,UAAU,KAAK,YAAY;AAAA,EAE1C,qBAAqB,UAAU,KAAK,YAAY;AAAA,EAEhD,gBAAgB,UAAU,KAAK,YAAY;AAAA,EAE3C,uBAAuB,UAAU,QAC/B,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,UACjD,YAAY;AAAA,EAEd,QAAQ,UAAU,OAAO,YAAY;AAAA;",
+  "names": []
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-slider",
-  "version": "2.2.0",
+  "version": "2.3.0-alpha.3",
   "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.2.0",
-    "@elliemae/ds-system": "2.2.0",
-    "@elliemae/ds-tooltip": "2.2.0",
-    "@elliemae/ds-truncated-tooltip-text": "2.2.0",
-    "@elliemae/ds-utilities": "2.2.0",
+    "@elliemae/ds-grid": "2.3.0-alpha.3",
+    "@elliemae/ds-system": "2.3.0-alpha.3",
+    "@elliemae/ds-tooltip": "2.3.0-alpha.3",
+    "@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.3",
+    "@elliemae/ds-utilities": "2.3.0-alpha.3",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "react-range": "~1.8.11",