@elliemae/ds-legacy-slider 1.0.0-rc.1

package/dist/esm/components/useOptionalCustomTickMarksValues.js

@@ -0,0 +1,44 @@
+import * as React from "react";
+import React2 from "react";
+const getDefaultTickMarksValues = ({
+  minValue,
+  maxValue,
+  step
+}) => {
+  let parsedValuesArray = [];
+  if (maxValue && step) {
+    const newLength = Math.ceil(maxValue / step);
+    const valuesArray = [];
+    for (let i = 0; i <= newLength; i += 1) {
+      valuesArray.push(step * i);
+    }
+    parsedValuesArray = valuesArray;
+  }
+  return {
+    parsedMinValue: minValue,
+    parsedMaxValue: maxValue,
+    parsedStep: step,
+    parsedValuesArray
+  };
+};
+const getCustomTickMarksValues = ({
+  customTickMarksValues
+}) => ({
+  parsedMinValue: 0,
+  parsedMaxValue: customTickMarksValues.length - 1,
+  parsedStep: 1,
+  parsedValuesArray: customTickMarksValues
+});
+const useOptionalCustomTickMarksValues = (props) => {
+  const { customTickMarksValues, minValue, maxValue, step } = props;
+  return React2.useMemo(() => {
+    const canUseCustomTickMarksValues = customTickMarksValues?.length;
+    if (canUseCustomTickMarksValues)
+      return getCustomTickMarksValues({ customTickMarksValues });
+    return getDefaultTickMarksValues({ minValue, maxValue, step });
+  }, [customTickMarksValues, maxValue, minValue, step]);
+};
+export {
+  useOptionalCustomTickMarksValues
+};
+//# sourceMappingURL=useOptionalCustomTickMarksValues.js.map

package/dist/esm/components/useOptionalCustomTickMarksValues.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/useOptionalCustomTickMarksValues.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { DSSliderT } from '../prop-types.js';\n\n// when the user doesn't pass customTickMarksValues\n//  the internal opinion the component makes is that\n//  - the minValue will be provided by the user (default to defaultProps.minValue)\n//  - the maxValue will be provided by the user (default to defaultProps.maxValue)\n//  - the step will be provided by the user (default to defaultProps.step)\n//  - the values array will be generated from the above values (min, max, step)\nconst getDefaultTickMarksValues = ({\n  minValue,\n  maxValue,\n  step,\n}: {\n  minValue: DSSliderT.InternalProps['minValue'];\n  maxValue: DSSliderT.InternalProps['maxValue'];\n  step: DSSliderT.InternalProps['step'];\n}) => {\n  // this is truly number[], but for custom logic and props we support string[] as well,\n  //   this typecast just makes it easier to work with right now...\n  let parsedValuesArray: DSSliderT.CustomTickMarkValue[] = [];\n  if (maxValue && step) {\n    const newLength = Math.ceil(maxValue / step);\n    const valuesArray = [];\n    // storycally \"i\" starts from 0... I don't understand why it's not starting from minValue...\n    //  if it ain't broke, don't fix it.\n    for (let i = 0; i <= newLength; i += 1) {\n      valuesArray.push(step * i);\n    }\n\n    parsedValuesArray = valuesArray;\n  }\n\n  return {\n    parsedMinValue: minValue,\n    parsedMaxValue: maxValue,\n    parsedStep: step,\n    parsedValuesArray,\n  };\n};\n// when user passes customTickMarksValues\n// the internal opinion the component makes is that\n//  - the minValue will be 0\n//  - the maxValue will be the last index of the array\n//  - the step will be 1\n//  - the values array will be the customTickMarksValues array\n// the idea is that since customTickMarksValues may potentially be string[]\n//   we can't really do math on it, so we just use the index of the array as the value\n//   this is why we force step to be 1, minValue to be 0, and maxValue to be the last index of the array.\nconst getCustomTickMarksValues = ({\n  customTickMarksValues,\n}: {\n  customTickMarksValues: Required<DSSliderT.Props>['customTickMarksValues'];\n}) => ({\n  parsedMinValue: 0,\n  parsedMaxValue: customTickMarksValues.length - 1,\n  parsedStep: 1,\n  parsedValuesArray: customTickMarksValues,\n});\n\nexport const useOptionalCustomTickMarksValues = (props: DSSliderT.InternalProps) => {\n  const { customTickMarksValues, minValue, maxValue, step } = props;\n  return React.useMemo(() => {\n    const canUseCustomTickMarksValues = customTickMarksValues?.length;\n    if (canUseCustomTickMarksValues) return getCustomTickMarksValues({ customTickMarksValues });\n    return getDefaultTickMarksValues({ minValue, maxValue, step });\n  }, [customTickMarksValues, maxValue, minValue, step]);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AASlB,MAAM,4BAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,MAIM;AAGJ,MAAI,oBAAqD,CAAC;AAC1D,MAAI,YAAY,MAAM;AACpB,UAAM,YAAY,KAAK,KAAK,WAAW,IAAI;AAC3C,UAAM,cAAc,CAAC;AAGrB,aAAS,IAAI,GAAG,KAAK,WAAW,KAAK,GAAG;AACtC,kBAAY,KAAK,OAAO,CAAC;AAAA,IAC3B;AAEA,wBAAoB;AAAA,EACtB;AAEA,SAAO;AAAA,IACL,gBAAgB;AAAA,IAChB,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ;AAAA,EACF;AACF;AAUA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AACF,OAEO;AAAA,EACL,gBAAgB;AAAA,EAChB,gBAAgB,sBAAsB,SAAS;AAAA,EAC/C,YAAY;AAAA,EACZ,mBAAmB;AACrB;AAEO,MAAM,mCAAmC,CAAC,UAAmC;AAClF,QAAM,EAAE,uBAAuB,UAAU,UAAU,KAAK,IAAI;AAC5D,SAAOA,OAAM,QAAQ,MAAM;AACzB,UAAM,8BAA8B,uBAAuB;AAC3D,QAAI;AAA6B,aAAO,yBAAyB,EAAE,sBAAsB,CAAC;AAC1F,WAAO,0BAA0B,EAAE,UAAU,UAAU,KAAK,CAAC;AAAA,EAC/D,GAAG,CAAC,uBAAuB,UAAU,UAAU,IAAI,CAAC;AACtD;",
+  "names": ["React"]
+}

package/dist/esm/components/useSelectedValuesArray.js

@@ -0,0 +1,34 @@
+import * as React from "react";
+import React2, { useState, useEffect } from "react";
+const getArrayOfSelectedValues = (arr, range, isCustomTickMarksValues = false) => {
+  const [minVal, maxVal] = range;
+  const trueMinVal = isCustomTickMarksValues ? arr[minVal] : minVal;
+  if (maxVal === void 0)
+    return [trueMinVal];
+  const minIndex = arr.findIndex((el) => el === trueMinVal);
+  const trueMaxVal = isCustomTickMarksValues ? arr[maxVal] : maxVal;
+  const maxIndex = arr.findIndex((el) => el === trueMaxVal);
+  if (minIndex >= 0 && maxIndex > minIndex)
+    return arr.slice(minIndex, maxIndex + 1);
+  return [];
+};
+const useSelectedValuesArray = ({
+  parsedValuesArray,
+  rangeValues,
+  customTickMarksValues
+}) => {
+  const [fullSelectedValues, setFullSelectedValues] = useState([]);
+  useEffect(() => {
+    const selectedRangeValues = getArrayOfSelectedValues(
+      parsedValuesArray,
+      rangeValues,
+      !!customTickMarksValues?.length
+    );
+    setFullSelectedValues(selectedRangeValues);
+  }, [parsedValuesArray, rangeValues, customTickMarksValues?.length]);
+  return React2.useMemo(() => [fullSelectedValues, setFullSelectedValues], [fullSelectedValues]);
+};
+export {
+  useSelectedValuesArray
+};
+//# sourceMappingURL=useSelectedValuesArray.js.map

package/dist/esm/components/useSelectedValuesArray.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/useSelectedValuesArray.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useEffect } from 'react';\nimport type { DSSliderT } from '../prop-types.js';\n\nconst getArrayOfSelectedValues = (\n  arr: DSSliderT.CustomTickMarkValue[],\n  range: DSSliderT.RangeTuple,\n  isCustomTickMarksValues = false,\n): DSSliderT.CustomTickMarkValue[] => {\n  const [minVal, maxVal] = range;\n  const trueMinVal = isCustomTickMarksValues ? arr[minVal] : minVal;\n  // if only one handler, return the value in an array\n  if (maxVal === undefined) return [trueMinVal];\n\n  // if two handlers, return the [trueMinVal, val1BetweenMinMax, {...}, valNBetweenMinMax, trueMaxVal]\n  const minIndex = arr.findIndex((el) => el === trueMinVal);\n\n  const trueMaxVal = isCustomTickMarksValues ? arr[maxVal] : maxVal;\n  const maxIndex = arr.findIndex((el) => el === trueMaxVal);\n\n  if (minIndex >= 0 && maxIndex > minIndex) return arr.slice(minIndex, maxIndex + 1);\n  // catastrophic scenario,\n  // if this happen this implies that\n  //  - somehow the user managed to set the minValue to be greater than maxValue\n  //  - somehow the maxValue/minValue is not in the array\n  //    if maxIndex -1 (not found) the maxIndex > minIndex condition will fail...\n  return [];\n};\n\nexport const useSelectedValuesArray = ({\n  parsedValuesArray,\n  rangeValues,\n  customTickMarksValues,\n}: {\n  parsedValuesArray: DSSliderT.CustomTickMarkValue[];\n  rangeValues: DSSliderT.RangeTuple;\n  customTickMarksValues: DSSliderT.Props['customTickMarksValues'];\n}) => {\n  //  this is used to change the text color of the tickmarks values\n  const [fullSelectedValues, setFullSelectedValues] = useState<DSSliderT.CustomTickMarkValue[]>([]);\n  useEffect(() => {\n    const selectedRangeValues = getArrayOfSelectedValues(\n      parsedValuesArray,\n      rangeValues,\n      !!customTickMarksValues?.length,\n    );\n    setFullSelectedValues(selectedRangeValues);\n  }, [parsedValuesArray, rangeValues, customTickMarksValues?.length]);\n  return React.useMemo(() => [fullSelectedValues, setFullSelectedValues], [fullSelectedValues]);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,UAAU,iBAAiB;AAG3C,MAAM,2BAA2B,CAC/B,KACA,OACA,0BAA0B,UACU;AACpC,QAAM,CAAC,QAAQ,MAAM,IAAI;AACzB,QAAM,aAAa,0BAA0B,IAAI,MAAM,IAAI;AAE3D,MAAI,WAAW;AAAW,WAAO,CAAC,UAAU;AAG5C,QAAM,WAAW,IAAI,UAAU,CAAC,OAAO,OAAO,UAAU;AAExD,QAAM,aAAa,0BAA0B,IAAI,MAAM,IAAI;AAC3D,QAAM,WAAW,IAAI,UAAU,CAAC,OAAO,OAAO,UAAU;AAExD,MAAI,YAAY,KAAK,WAAW;AAAU,WAAO,IAAI,MAAM,UAAU,WAAW,CAAC;AAMjF,SAAO,CAAC;AACV;AAEO,MAAM,yBAAyB,CAAC;AAAA,EACrC;AAAA,EACA;AAAA,EACA;AACF,MAIM;AAEJ,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAA0C,CAAC,CAAC;AAChG,YAAU,MAAM;AACd,UAAM,sBAAsB;AAAA,MAC1B;AAAA,MACA;AAAA,MACA,CAAC,CAAC,uBAAuB;AAAA,IAC3B;AACA,0BAAsB,mBAAmB;AAAA,EAC3C,GAAG,CAAC,mBAAmB,aAAa,uBAAuB,MAAM,CAAC;AAClE,SAAOA,OAAM,QAAQ,MAAM,CAAC,oBAAoB,qBAAqB,GAAG,CAAC,kBAAkB,CAAC;AAC9F;",
+  "names": ["React"]
+}

package/dist/esm/components/utils.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { isEmpty } from "@elliemae/ds-legacy-utilities";
+const conformedLabel = (rangeValues, label = "", labelWithValue = false, withTwoHandles = false, customTickMarksValues = [], step = 1, minValue = 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)}` : ""} `;
+  } else if (labelWithValue && label) {
+    value = `${rangeValues[0].toFixed(1)} ${withTwoHandles ? `, ${rangeValues[1]?.toFixed(1)}` : ""} `;
+  }
+  value = value.trim();
+  return [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 += `${foundValue || rangeValues[index].toFixed(1)}`;
+  } else {
+    msg += `${rangeValues[index].toFixed(1)}`;
+  }
+  return msg;
+};
+export {
+  conformedLabel,
+  conformedThumbLabel
+};
+//# sourceMappingURL=utils.js.map

package/dist/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-legacy-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 = customTickMarksValues[(rangeValues[0] - minValue) / step];\n    const secondValue = 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)} ${withTwoHandles ? `, ${rangeValues[1]?.toFixed(1)}` : ''} `;\n  }\n  value = value.trim();\n\n  return [msg, value];\n};\n\nexport const conformedThumbLabel = (rangeValues, customTickMarksValues = [], index = 0, step = 1, minValue = 0) => {\n  let msg = `Value: `;\n  if (!isEmpty(customTickMarksValues)) {\n    const foundValue = 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,YAAY,WAAW;ACCvB,SAAS,eAAe;AAEjB,MAAM,iBAAiB,CAC5B,aACA,QAAQ,IACR,iBAAiB,OACjB,iBAAiB,OACjB,wBAAwB,CAAC,GACzB,OAAO,GACP,WAAW,MACR;AACH,QAAM,MAAM,MAAM,KAAK;AACvB,MAAI,QAAQ;AACZ,MAAI,CAAC,QAAQ,qBAAqB,KAAK,kBAAkB,OAAO;AAC9D,UAAM,aAAa,uBAAuB,YAAY,CAAC,IAAI,YAAY,IAAI;AAC3E,UAAM,cAAc,uBAAuB,YAAY,CAAC,IAAI,YAAY,IAAI;AAC5E,YAAQ,GAAG,cAAc,YAAY,CAAC,EAAE,QAAQ,CAAC,KAC/C,iBAAiB,KAAK,eAAe,YAAY,CAAC,EAAE,QAAQ,CAAC,MAAM;AAAA,EAEvE,WAAW,kBAAkB,OAAO;AAClC,YAAQ,GAAG,YAAY,CAAC,EAAE,QAAQ,CAAC,KAAK,iBAAiB,KAAK,YAAY,CAAC,GAAG,QAAQ,CAAC,MAAM;AAAA,EAC/F;AACA,UAAQ,MAAM,KAAK;AAEnB,SAAO,CAAC,KAAK,KAAK;AACpB;AAEO,MAAM,sBAAsB,CAAC,aAAa,wBAAwB,CAAC,GAAG,QAAQ,GAAG,OAAO,GAAG,WAAW,MAAM;AACjH,MAAI,MAAM;AACV,MAAI,CAAC,QAAQ,qBAAqB,GAAG;AACnC,UAAM,aAAa,uBAAuB,YAAY,KAAK,IAAI,YAAY,IAAI;AAC/E,WAAO,GAAG,cAAc,YAAY,KAAK,EAAE,QAAQ,CAAC;AAAA,EACtD,OAAO;AACL,WAAO,GAAG,YAAY,KAAK,EAAE,QAAQ,CAAC;AAAA,EACxC;AAEA,SAAO;AACT;",
+  "names": []
+}

package/dist/esm/index.js

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

package/dist/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.js';\nexport * from './DSSlider.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAAA,gBAAe;AACxB,cAAc;",
+  "names": ["default"]
+}

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/prop-types.js

@@ -0,0 +1,51 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-legacy-props-helpers";
+const defaultProps = {
+  containerProps: {},
+  disabled: false,
+  label: "",
+  labelWithValue: false,
+  minValue: 0,
+  maxValue: 100,
+  step: 5,
+  onChange: () => {
+  },
+  withTickMarks: false,
+  withTickMarksValues: false,
+  withTwoHandles: false,
+  customTickMarksValues: []
+};
+const sliderPropTypes = {
+  /** props to inject to slider wrapper */
+  containerProps: PropTypes.shape({}).description("props to inject to slider wrapper").defaultValue({}),
+  /** disable slider */
+  disabled: PropTypes.bool.description("disable slider").defaultValue(false),
+  /** label for slider */
+  label: PropTypes.string.description("label for slider").defaultValue(""),
+  /** 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").defaultValue(false),
+  /** min value for slider */
+  minValue: PropTypes.number.description("min value for slider").defaultValue(0),
+  /** max value for slider */
+  maxValue: PropTypes.number.description("max value for slider").defaultValue(100),
+  /** steps of values from min to max */
+  step: PropTypes.number.description("steps of values from min to max").defaultValue(5),
+  /** change handler */
+  onChange: PropTypes.func.description("change handler").defaultValue(() => {
+  }),
+  /** add tick marks between steps */
+  withTickMarks: PropTypes.bool.description("add tick marks between steps").defaultValue(false),
+  /** add step value to tickmark */
+  withTickMarksValues: PropTypes.bool.description("add step value to tickmark").defaultValue(false),
+  /** add two handles */
+  withTwoHandles: PropTypes.bool.description("add two handles").defaultValue(false),
+  /** change manually tickmark values */
+  customTickMarksValues: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])).description("Explicitly set tickmark values for custom tickmarks").defaultValue([]),
+  /** z index for thumb */
+  zIndex: PropTypes.number.description("z index for thumb")
+};
+export {
+  defaultProps,
+  sliderPropTypes
+};
+//# sourceMappingURL=prop-types.js.map

package/dist/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 '@elliemae/ds-legacy-props-helpers';\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};\n\nexport const sliderPropTypes = {\n  /** props to inject to slider wrapper */\n  containerProps: PropTypes.shape({}).description('props to inject to slider wrapper').defaultValue({}),\n  /** disable slider */\n  disabled: PropTypes.bool.description('disable slider').defaultValue(false),\n  /** label for slider */\n  label: PropTypes.string.description('label for slider').defaultValue(''),\n  /** if the label comes with value attached for slider or not */\n  labelWithValue: PropTypes.bool\n    .description('if the label comes with value attached for slider or not')\n    .defaultValue(false),\n  /** min value for slider */\n  minValue: PropTypes.number.description('min value for slider').defaultValue(0),\n  /** max value for slider */\n  maxValue: PropTypes.number.description('max value for slider').defaultValue(100),\n  /** steps of values from min to max */\n  step: PropTypes.number.description('steps of values from min to max').defaultValue(5),\n  /** change handler */\n  onChange: PropTypes.func.description('change handler').defaultValue(() => {}),\n  /** add tick marks between steps */\n  withTickMarks: PropTypes.bool.description('add tick marks between steps').defaultValue(false),\n  /** add step value to tickmark */\n  withTickMarksValues: PropTypes.bool.description('add step value to tickmark').defaultValue(false),\n  /** add two handles */\n  withTwoHandles: PropTypes.bool.description('add two handles').defaultValue(false),\n  /** change manually tickmark values */\n  customTickMarksValues: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number]))\n    .description('Explicitly set tickmark values for custom tickmarks')\n    .defaultValue([]),\n  /** z index for thumb */\n  zIndex: PropTypes.number.description('z index for thumb'),\n};\nexport declare namespace DSSliderT {\n  export type CustomTickMarkValue = string | number;\n  export type RangeTuple = [number] | [number, number];\n  export interface DefaultProps {\n    containerProps: Record<string, unknown>;\n    disabled: boolean;\n    label: string;\n    labelWithValue: boolean;\n    minValue: number;\n    maxValue: number;\n    step: number;\n    onChange: (newVal: RangeTuple) => void;\n    withTickMarks: boolean;\n    withTickMarksValues: boolean;\n    withTwoHandles: boolean;\n    customTickMarksValues: CustomTickMarkValue[];\n  }\n  export interface OptionalProps {\n    zIndex?: number;\n    controlledValue?: RangeTuple;\n  }\n  export interface RequiredProps {}\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      // Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps>,\n      // XstyledProps,\n      RequiredProps {}\n}\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAEnB,MAAM,eAAe;AAAA,EAC1B,gBAAgB,CAAC;AAAA,EACjB,UAAU;AAAA,EACV,OAAO;AAAA,EACP,gBAAgB;AAAA,EAChB,UAAU;AAAA,EACV,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU,MAAM;AAAA,EAAC;AAAA,EACjB,eAAe;AAAA,EACf,qBAAqB;AAAA,EACrB,gBAAgB;AAAA,EAChB,uBAAuB,CAAC;AAC1B;AAEO,MAAM,kBAAkB;AAAA;AAAA,EAE7B,gBAAgB,UAAU,MAAM,CAAC,CAAC,EAAE,YAAY,mCAAmC,EAAE,aAAa,CAAC,CAAC;AAAA;AAAA,EAEpG,UAAU,UAAU,KAAK,YAAY,gBAAgB,EAAE,aAAa,KAAK;AAAA;AAAA,EAEzE,OAAO,UAAU,OAAO,YAAY,kBAAkB,EAAE,aAAa,EAAE;AAAA;AAAA,EAEvE,gBAAgB,UAAU,KACvB,YAAY,0DAA0D,EACtE,aAAa,KAAK;AAAA;AAAA,EAErB,UAAU,UAAU,OAAO,YAAY,sBAAsB,EAAE,aAAa,CAAC;AAAA;AAAA,EAE7E,UAAU,UAAU,OAAO,YAAY,sBAAsB,EAAE,aAAa,GAAG;AAAA;AAAA,EAE/E,MAAM,UAAU,OAAO,YAAY,iCAAiC,EAAE,aAAa,CAAC;AAAA;AAAA,EAEpF,UAAU,UAAU,KAAK,YAAY,gBAAgB,EAAE,aAAa,MAAM;AAAA,EAAC,CAAC;AAAA;AAAA,EAE5E,eAAe,UAAU,KAAK,YAAY,8BAA8B,EAAE,aAAa,KAAK;AAAA;AAAA,EAE5F,qBAAqB,UAAU,KAAK,YAAY,4BAA4B,EAAE,aAAa,KAAK;AAAA;AAAA,EAEhG,gBAAgB,UAAU,KAAK,YAAY,iBAAiB,EAAE,aAAa,KAAK;AAAA;AAAA,EAEhF,uBAAuB,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC,EAC/F,YAAY,qDAAqD,EACjE,aAAa,CAAC,CAAC;AAAA;AAAA,EAElB,QAAQ,UAAU,OAAO,YAAY,mBAAmB;AAC1D;",
+  "names": []
+}

package/dist/types/DSSlider.d.ts

@@ -0,0 +1,37 @@
+import { type DSSliderT } from './prop-types.js';
+declare const DSSlider: {
+    (props: DSSliderT.Props): import("react/jsx-runtime.js").JSX.Element;
+    defaultProps: {
+        containerProps: {};
+        disabled: boolean;
+        label: string;
+        labelWithValue: boolean;
+        minValue: number;
+        maxValue: number;
+        step: number;
+        onChange: () => void;
+        withTickMarks: boolean;
+        withTickMarksValues: boolean;
+        withTwoHandles: boolean;
+        customTickMarksValues: never[];
+    };
+    propTypes: {
+        containerProps: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        disabled: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        label: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        labelWithValue: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        minValue: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        maxValue: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        step: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        onChange: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        withTickMarks: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        withTickMarksValues: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        withTwoHandles: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        customTickMarksValues: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+        zIndex: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").ReactDescT;
+    };
+    displayName: string;
+};
+declare const DSSliderWithSchema: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSSliderT.Props>;
+export { DSSlider, DSSliderWithSchema };
+export default DSSlider;

package/dist/types/components/SliderImp.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { DSSliderT } from '../prop-types.js';
+declare const SliderImp: (props: DSSliderT.InternalProps) => JSX.Element;
+export default SliderImp;

package/dist/types/components/Thumb.d.ts

@@ -0,0 +1,13 @@
+declare const Thumb: {
+    ({ index, props, isDragged }: {
+        index: any;
+        props: any;
+        isDragged: any;
+    }): import("react/jsx-runtime.js").JSX.Element;
+    propTypes: {
+        index: any;
+        props: any;
+        isDragged: any;
+    };
+};
+export default Thumb;

package/dist/types/components/TickMarks.d.ts

@@ -0,0 +1,2 @@
+declare const TickMarks: () => import("react/jsx-runtime.js").JSX.Element;
+export default TickMarks;

package/dist/types/components/TickMarksValues.d.ts

@@ -0,0 +1,2 @@
+declare const TickMarks: () => import("react/jsx-runtime.js").JSX.Element;
+export default TickMarks;

package/dist/types/components/TooltipWithLabelAndValue.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { DSSliderT } from '../prop-types.js';
+export declare const TooltipWithLabelAndValue: (props: {
+    containerRef: React.MutableRefObject<HTMLDivElement>;
+    rangeValues: DSSliderT.RangeTuple;
+    label: string;
+    labelWithValue: boolean;
+    withTwoHandles: boolean;
+    customTickMarksValues: DSSliderT.CustomTickMarkValue[];
+    parsedStep: number;
+    disabled: boolean;
+}) => import("react/jsx-runtime.js").JSX.Element | null;

package/dist/types/components/Track.d.ts

@@ -0,0 +1,5 @@
+declare const Track: ({ children, props }: {
+    children: any;
+    props: any;
+}) => import("react/jsx-runtime.js").JSX.Element;
+export default Track;

package/dist/types/components/context.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SliderContext: React.Context<unknown>;

package/dist/types/components/styled.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const ThumbStyled: import("styled-components").StyledComponent<"div", import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const TooltipContainerStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const TooltipArrow: import("styled-components").StyledComponent<"div", import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const LabelWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const LabelText: import("styled-components").StyledComponent<"span", import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const ValueText: import("styled-components").StyledComponent<"span", import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const StyledRangeWrapper: import("styled-components").StyledComponent<"div", import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;

package/dist/types/components/useOptionalCustomTickMarksValues.d.ts

@@ -0,0 +1,7 @@
+import type { DSSliderT } from '../prop-types.js';
+export declare const useOptionalCustomTickMarksValues: (props: DSSliderT.InternalProps) => {
+    parsedMinValue: number;
+    parsedMaxValue: number;
+    parsedStep: number;
+    parsedValuesArray: DSSliderT.CustomTickMarkValue[];
+};

package/dist/types/components/useSelectedValuesArray.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { DSSliderT } from '../prop-types.js';
+export declare const useSelectedValuesArray: ({ parsedValuesArray, rangeValues, customTickMarksValues, }: {
+    parsedValuesArray: DSSliderT.CustomTickMarkValue[];
+    rangeValues: DSSliderT.RangeTuple;
+    customTickMarksValues: DSSliderT.Props['customTickMarksValues'];
+}) => (DSSliderT.CustomTickMarkValue[] | React.Dispatch<React.SetStateAction<DSSliderT.CustomTickMarkValue[]>>)[];

package/dist/types/components/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const conformedLabel: (rangeValues: any, label?: string, labelWithValue?: boolean, withTwoHandles?: boolean, customTickMarksValues?: never[], step?: number, minValue?: number) => string[];
+export declare const conformedThumbLabel: (rangeValues: any, customTickMarksValues?: never[], index?: number, step?: number, minValue?: number) => string;

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './DSSlider.js';
+export * from './DSSlider.js';

package/dist/types/prop-types.d.ts

@@ -0,0 +1,70 @@
+export declare const defaultProps: {
+    containerProps: {};
+    disabled: boolean;
+    label: string;
+    labelWithValue: boolean;
+    minValue: number;
+    maxValue: number;
+    step: number;
+    onChange: () => void;
+    withTickMarks: boolean;
+    withTickMarksValues: boolean;
+    withTwoHandles: boolean;
+    customTickMarksValues: never[];
+};
+export declare const sliderPropTypes: {
+    /** props to inject to slider wrapper */
+    containerProps: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types").ReactDescT;
+    /** disable slider */
+    disabled: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types").ReactDescT;
+    /** label for slider */
+    label: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types").ReactDescT;
+    /** if the label comes with value attached for slider or not */
+    labelWithValue: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types").ReactDescT;
+    /** min value for slider */
+    minValue: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types").ReactDescT;
+    /** max value for slider */
+    maxValue: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types").ReactDescT;
+    /** steps of values from min to max */
+    step: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types").ReactDescT;
+    /** change handler */
+    onChange: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types").ReactDescT;
+    /** add tick marks between steps */
+    withTickMarks: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types").ReactDescT;
+    /** add step value to tickmark */
+    withTickMarksValues: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types").ReactDescT;
+    /** add two handles */
+    withTwoHandles: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types").ReactDescT;
+    /** change manually tickmark values */
+    customTickMarksValues: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types").ReactDescT;
+    /** z index for thumb */
+    zIndex: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types").ReactDescT;
+};
+export declare namespace DSSliderT {
+    type CustomTickMarkValue = string | number;
+    type RangeTuple = [number] | [number, number];
+    interface DefaultProps {
+        containerProps: Record<string, unknown>;
+        disabled: boolean;
+        label: string;
+        labelWithValue: boolean;
+        minValue: number;
+        maxValue: number;
+        step: number;
+        onChange: (newVal: RangeTuple) => void;
+        withTickMarks: boolean;
+        withTickMarksValues: boolean;
+        withTwoHandles: boolean;
+        customTickMarksValues: CustomTickMarkValue[];
+    }
+    interface OptionalProps {
+        zIndex?: number;
+        controlledValue?: RangeTuple;
+    }
+    interface RequiredProps {
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, RequiredProps {
+    }
+}

package/package.json

@@ -0,0 +1,113 @@
+{
+  "name": "@elliemae/ds-legacy-slider",
+  "version": "1.0.0-rc.1",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Slider",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./prop-types": {
+      "import": "./dist/esm/prop-types.js",
+      "require": "./dist/cjs/prop-types.js"
+    },
+    "./DSSlider": {
+      "import": "./dist/esm/DSSlider.js",
+      "require": "./dist/cjs/DSSlider.js"
+    },
+    "./components/utils": {
+      "import": "./dist/esm/components/utils.js",
+      "require": "./dist/cjs/components/utils.js"
+    },
+    "./components/Track": {
+      "import": "./dist/esm/components/Track.js",
+      "require": "./dist/cjs/components/Track.js"
+    },
+    "./components/TickMarksValues": {
+      "import": "./dist/esm/components/TickMarksValues.js",
+      "require": "./dist/cjs/components/TickMarksValues.js"
+    },
+    "./components/TickMarks": {
+      "import": "./dist/esm/components/TickMarks.js",
+      "require": "./dist/cjs/components/TickMarks.js"
+    },
+    "./components/Thumb": {
+      "import": "./dist/esm/components/Thumb.js",
+      "require": "./dist/cjs/components/Thumb.js"
+    },
+    "./components/styled": {
+      "import": "./dist/esm/components/styled.js",
+      "require": "./dist/cjs/components/styled.js"
+    },
+    "./components/SliderImp": {
+      "import": "./dist/esm/components/SliderImp.js",
+      "require": "./dist/cjs/components/SliderImp.js"
+    },
+    "./components/context": {
+      "import": "./dist/esm/components/context.js",
+      "require": "./dist/cjs/components/context.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum-legacy.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "prop-types": "~15.8.1",
+    "react-range": "~1.8.14",
+    "uuid": "~8.3.2",
+    "@elliemae/ds-legacy-grid": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-props-helpers": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-system": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-tooltip": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-truncated-tooltip-text": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-utilities": "1.0.0-rc.1"
+  },
+  "devDependencies": {
+    "@elliemae/pui-cli": "~9.0.0-next.31",
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-legacy-monorepo-devops": "1.0.0-rc.1"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.9"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "pui-cli test --passWithNoTests",
+    "lint": "node ../../../scripts/lint.mjs",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
+    "dts": "node ../../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "dev:build": "pnpm --filter {.}... build",
+    "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
+    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}