@elliemae/ds-slider 3.27.0-next.1 → 3.27.0-next.2

package/dist/cjs/index.js

@@ -29,10 +29,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
-  default: () => import_DSSlider.default
+  default: () => import_ds_legacy_slider.default
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-var import_DSSlider = __toESM(require("./DSSlider.js"));
-__reExport(src_exports, require("./DSSlider.js"), module.exports);
+__reExport(src_exports, require("@elliemae/ds-legacy-slider"), module.exports);
+var import_ds_legacy_slider = __toESM(require("@elliemae/ds-legacy-slider"));
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { default } from './DSSlider.js';\nexport * from './DSSlider.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,sBAAwB;AACxB,wBAAc,0BADd;",
+  "sourcesContent": ["export * from '@elliemae/ds-legacy-slider';\nexport { default } from '@elliemae/ds-legacy-slider';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,uCAAd;AACA,8BAAwB;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,6 +1,6 @@
 import * as React from "react";
-import { default as default2 } from "./DSSlider.js";
-export * from "./DSSlider.js";
+export * from "@elliemae/ds-legacy-slider";
+import { default as default2 } from "@elliemae/ds-legacy-slider";
 export {
   default2 as default
 };

package/dist/esm/index.js.map

@@ -1,7 +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;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from '@elliemae/ds-legacy-slider';\nexport { default } from '@elliemae/ds-legacy-slider';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;",
   "names": ["default"]
 }

package/dist/types/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './DSSlider.js';
-export * from './DSSlider.js';
+export * from '@elliemae/ds-legacy-slider';
+export { default } from '@elliemae/ds-legacy-slider';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-slider",
-  "version": "3.27.0-next.1",
+  "version": "3.27.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Slider",
   "files": [
@@ -13,46 +13,6 @@
     ".": {
       "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": [
@@ -75,20 +35,12 @@
     "indent": 4
   },
   "dependencies": {
-    "prop-types": "~15.8.1",
-    "react-range": "~1.8.14",
-    "uuid": "~8.3.2",
-    "@elliemae/ds-grid": "3.27.0-next.1",
-    "@elliemae/ds-system": "3.27.0-next.1",
-    "@elliemae/ds-props-helpers": "3.27.0-next.1",
-    "@elliemae/ds-truncated-tooltip-text": "3.27.0-next.1",
-    "@elliemae/ds-tooltip": "3.27.0-next.1",
-    "@elliemae/ds-utilities": "3.27.0-next.1"
+    "@elliemae/ds-legacy-slider": "1.0.1"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.31",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.27.0-next.1"
+    "@elliemae/ds-monorepo-devops": "3.27.0-next.2"
   },
   "peerDependencies": {
     "react": "^17.0.2",
@@ -101,13 +53,13 @@
   },
   "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",
+    "test": "exit 0 | echo",
+    "lint": "exit 0 | echo",
+    "eslint:fix": "exit 0 | echo",
+    "dts": "exit 0 | echo",
     "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/*\""
+    "checkDeps": "exit 0 | echo"
   }
 }

package/dist/cjs/DSSlider.js

@@ -1,48 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var DSSlider_exports = {};
-__export(DSSlider_exports, {
-  DSSlider: () => DSSlider,
-  DSSliderWithSchema: () => DSSliderWithSchema,
-  default: () => DSSlider_default
-});
-module.exports = __toCommonJS(DSSlider_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_SliderImp = __toESM(require("./components/SliderImp.js"));
-var import_prop_types = require("./prop-types.js");
-const DSSlider = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_SliderImp.default, { ...props });
-DSSlider.defaultProps = import_prop_types.defaultProps;
-DSSlider.propTypes = import_prop_types.sliderPropTypes;
-DSSlider.displayName = "DSSlider";
-const DSSliderWithSchema = (0, import_ds_props_helpers.describe)(DSSlider);
-DSSliderWithSchema.propTypes = import_prop_types.sliderPropTypes;
-var DSSlider_default = DSSlider;
-//# sourceMappingURL=DSSlider.js.map

package/dist/cjs/DSSlider.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/DSSlider.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport SliderImp from './components/SliderImp.js';\nimport { defaultProps, sliderPropTypes, type DSSliderT } from './prop-types.js';\n\nconst DSSlider = (props: DSSliderT.Props) => <SliderImp {...props} />;\n\nDSSlider.defaultProps = defaultProps;\nDSSlider.propTypes = sliderPropTypes;\nDSSlider.displayName = 'DSSlider';\nconst DSSliderWithSchema = describe(DSSlider);\nDSSliderWithSchema.propTypes = sliderPropTypes;\n\nexport { DSSlider, DSSliderWithSchema };\nexport default DSSlider;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADKsB;AAJ7C,8BAAyB;AACzB,uBAAsB;AACtB,wBAA8D;AAE9D,MAAM,WAAW,CAAC,UAA2B,4CAAC,iBAAAA,SAAA,EAAW,GAAG,OAAO;AAEnE,SAAS,eAAe;AACxB,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,MAAM,yBAAqB,kCAAS,QAAQ;AAC5C,mBAAmB,YAAY;AAG/B,IAAO,mBAAQ;",
-  "names": ["SliderImp"]
-}

package/dist/cjs/components/SliderImp.js

@@ -1,181 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var SliderImp_exports = {};
-__export(SliderImp_exports, {
-  default: () => SliderImp_default
-});
-module.exports = __toCommonJS(SliderImp_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = __toESM(require("react"));
-var import_uuid = require("uuid");
-var import_react_range = require("react-range");
-var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_ds_system = require("@elliemae/ds-system");
-var import_Track = __toESM(require("./Track.js"));
-var import_Thumb = __toESM(require("./Thumb.js"));
-var import_styled = require("./styled.js");
-var import_context = require("./context.js");
-var import_useOptionalCustomTickMarksValues = require("./useOptionalCustomTickMarksValues.js");
-var import_useSelectedValuesArray = require("./useSelectedValuesArray.js");
-var import_TooltipWithLabelAndValue = require("./TooltipWithLabelAndValue.js");
-const useResetInternalValueOnWithTwoHandlesChange = ({
-  withTwoHandles,
-  setRangeValues,
-  parsedMinValue,
-  parsedMaxValue
-}) => {
-  const prevWithTwoHandles = (0, import_ds_utilities.usePrevious)(withTwoHandles);
-  import_react.default.useEffect(() => {
-    if (!prevWithTwoHandles && withTwoHandles) {
-      setRangeValues([parsedMinValue, parsedMaxValue]);
-    } else if (prevWithTwoHandles && !withTwoHandles) {
-      setRangeValues([parsedMinValue]);
-    }
-  }, [withTwoHandles]);
-};
-const SliderImp = (props) => {
-  const {
-    containerProps,
-    disabled,
-    label,
-    labelWithValue,
-    onChange,
-    withTickMarks,
-    withTickMarksValues,
-    withTwoHandles,
-    customTickMarksValues,
-    zIndex,
-    controlledValue
-  } = props;
-  const ref = import_react.default.useRef();
-  const sliderUUID = import_react.default.useMemo(() => (0, import_uuid.v4)(), []);
-  const { parsedMinValue, parsedMaxValue, parsedStep, parsedValuesArray } = (0, import_useOptionalCustomTickMarksValues.useOptionalCustomTickMarksValues)(props);
-  const [rangeValues, setRangeValues] = (0, import_ds_utilities.useControlledUncontrolledState)({
-    defaultState: withTwoHandles ? [parsedMinValue, parsedMaxValue] : [parsedMinValue],
-    ...controlledValue !== void 0 && { controlledState: controlledValue }
-    // due to a strange interaction with useResetInternalValueOnWithTwoHandlesChange and particularly with usePrevious
-    // if we use the "onChange" to notify the parent component of the change, every time the setRangeValues is invoked
-    //   this will break "first render default value" due to useResetInternalValueOnWithTwoHandlesChange,
-    //      since usePrevious only work if no extra-render happen,
-    //      during the first render will triggering an `onChange` with "resetted rangeValues", effectively breaking the "first render default value"
-    //   all of this is extremely brittle, this component needs to be re-coded from scratch, but short term, we can't use onChange here
-    // onChange,
-  });
-  const [fullSelectedValues] = (0, import_useSelectedValuesArray.useSelectedValuesArray)({ parsedValuesArray, rangeValues, customTickMarksValues });
-  useResetInternalValueOnWithTwoHandlesChange({
-    withTwoHandles,
-    setRangeValues,
-    parsedMinValue,
-    parsedMaxValue
-  });
-  const theme = import_react.default.useContext(import_ds_system.ThemeContext);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.TooltipTextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_ds_grid.Grid,
-    {
-      width: "100%",
-      style: { maxWidth: "100%" },
-      containerProps,
-      "data-testid": "slider",
-      alignItems: "center",
-      rows: ["auto", "auto"],
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        import_context.SliderContext.Provider,
-        {
-          value: {
-            disabled,
-            sliderUUID,
-            label,
-            labelWithValue,
-            minValue: parsedMinValue,
-            maxValue: parsedMaxValue,
-            step: parsedStep,
-            parsedValuesArray,
-            withTickMarks,
-            withTickMarksValues,
-            withTwoHandles,
-            customTickMarksValues,
-            rangeValues,
-            fullSelectedValues,
-            zIndex: zIndex ?? theme.zIndex.tooltip
-          },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_TooltipWithLabelAndValue.TooltipWithLabelAndValue,
-              {
-                containerRef: ref,
-                rangeValues,
-                label,
-                labelWithValue,
-                withTwoHandles,
-                customTickMarksValues,
-                parsedStep,
-                disabled
-              }
-            ),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledRangeWrapper, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_react_range.Range,
-              {
-                step: parsedStep,
-                min: parsedMinValue,
-                max: parsedMaxValue,
-                values: rangeValues,
-                disabled,
-                onChange: (values) => {
-                  if (withTwoHandles && values[0] === values[1])
-                    return;
-                  setRangeValues(values);
-                  onChange(values);
-                },
-                renderTrack: ({ props: trackProps, children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_Track.default, { props: trackProps, children }),
-                renderThumb: (renderArgs) => {
-                  const { index, props: thumbProps, isDragged } = renderArgs;
-                  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                    import_Thumb.default,
-                    {
-                      props: thumbProps,
-                      isDragged,
-                      index
-                    },
-                    `${sliderUUID}-${thumbProps.key}`
-                  );
-                },
-                allowOverlap: false
-              }
-            ) })
-          ]
-        }
-      )
-    }
-  ) }) });
-};
-var SliderImp_default = SliderImp;
-//# sourceMappingURL=SliderImp.js.map

package/dist/cjs/components/SliderImp.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/SliderImp.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable react/prop-types */\n/* eslint-disable max-lines */\nimport React from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { Range } from 'react-range';\nimport { usePrevious, useControlledUncontrolledState } from '@elliemae/ds-utilities';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ThemeContext } from '@elliemae/ds-system';\nimport Track from './Track.js';\nimport Thumb from './Thumb.js';\nimport { StyledRangeWrapper } from './styled.js';\nimport { SliderContext } from './context.js';\nimport type { DSSliderT } from '../prop-types.js';\nimport { useOptionalCustomTickMarksValues } from './useOptionalCustomTickMarksValues.js';\nimport { useSelectedValuesArray } from './useSelectedValuesArray.js';\nimport { TooltipWithLabelAndValue } from './TooltipWithLabelAndValue.js';\n\n// the intention is to only invoke this when the \"withTwoHandles\" change from true to false or viceversa\n// the current implementation is not working as intended, but changing this is a bigger change outside the scope of this PR.\n// this is specifically triggering an extra time after the first render,\n//   forcing the value to start from the min value or  [min, max] value\nconst useResetInternalValueOnWithTwoHandlesChange = ({\n  withTwoHandles,\n  setRangeValues,\n  parsedMinValue,\n  parsedMaxValue,\n}: {\n  withTwoHandles: boolean;\n  setRangeValues: (newVal: DSSliderT.RangeTuple) => void;\n  parsedMinValue: number;\n  parsedMaxValue: number;\n}) => {\n  const prevWithTwoHandles = usePrevious(withTwoHandles);\n  React.useEffect(() => {\n    if (!prevWithTwoHandles && withTwoHandles) {\n      setRangeValues([parsedMinValue, parsedMaxValue]);\n    } else if (prevWithTwoHandles && !withTwoHandles) {\n      setRangeValues([parsedMinValue]);\n    }\n    // this is legacy code, we can't change this to avoid breaking changes\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [withTwoHandles]);\n};\n\nconst SliderImp = (props: DSSliderT.InternalProps): JSX.Element => {\n  const {\n    containerProps,\n    disabled,\n    label,\n    labelWithValue,\n    onChange,\n    withTickMarks,\n    withTickMarksValues,\n    withTwoHandles,\n    customTickMarksValues,\n    zIndex,\n    controlledValue,\n  } = props;\n  const ref = React.useRef() as React.MutableRefObject<HTMLDivElement>;\n  const sliderUUID = React.useMemo(() => uuidv4(), []);\n\n  const { parsedMinValue, parsedMaxValue, parsedStep, parsedValuesArray } = useOptionalCustomTickMarksValues(props);\n\n  const [rangeValues, setRangeValues] = useControlledUncontrolledState<DSSliderT.RangeTuple>({\n    defaultState: withTwoHandles ? [parsedMinValue, parsedMaxValue] : [parsedMinValue],\n    ...(controlledValue !== undefined && { controlledState: controlledValue }),\n    // due to a strange interaction with useResetInternalValueOnWithTwoHandlesChange and particularly with usePrevious\n    // if we use the \"onChange\" to notify the parent component of the change, every time the setRangeValues is invoked\n    //   this will break \"first render default value\" due to useResetInternalValueOnWithTwoHandlesChange,\n    //      since usePrevious only work if no extra-render happen,\n    //      during the first render will triggering an `onChange` with \"resetted rangeValues\", effectively breaking the \"first render default value\"\n    //   all of this is extremely brittle, this component needs to be re-coded from scratch, but short term, we can't use onChange here\n    // onChange,\n  });\n\n  //  this is used to change the text color of the tickmarks values\n  const [fullSelectedValues] = useSelectedValuesArray({ parsedValuesArray, rangeValues, customTickMarksValues });\n\n  // (hystorically) for some reason we have chosen to\n  //    not notify the parent component of the change when we reset the value due to the \"withTwoHandles\" change\n  //   if useControlledUncontrolledState receives onChange, it will notify the parent component of the change...\n  useResetInternalValueOnWithTwoHandlesChange({\n    withTwoHandles,\n    setRangeValues,\n    parsedMinValue,\n    parsedMaxValue,\n  });\n\n  const theme = React.useContext(ThemeContext);\n\n  return (\n    <TooltipTextProvider>\n      <div ref={ref}>\n        <Grid\n          width=\"100%\"\n          style={{ maxWidth: '100%' }}\n          containerProps={containerProps}\n          data-testid=\"slider\"\n          alignItems=\"center\"\n          rows={['auto', 'auto']}\n        >\n          <SliderContext.Provider\n            value={{\n              disabled,\n              sliderUUID,\n              label,\n              labelWithValue,\n              minValue: parsedMinValue,\n              maxValue: parsedMaxValue,\n              step: parsedStep,\n              parsedValuesArray,\n              withTickMarks,\n              withTickMarksValues,\n              withTwoHandles,\n              customTickMarksValues,\n              rangeValues,\n              fullSelectedValues,\n              zIndex: zIndex ?? theme.zIndex.tooltip,\n            }}\n          >\n            <TooltipWithLabelAndValue\n              containerRef={ref}\n              rangeValues={rangeValues}\n              label={label}\n              labelWithValue={labelWithValue}\n              withTwoHandles={withTwoHandles}\n              customTickMarksValues={customTickMarksValues}\n              parsedStep={parsedStep}\n              disabled={disabled}\n            />\n            <StyledRangeWrapper>\n              <Range\n                step={parsedStep}\n                min={parsedMinValue}\n                max={parsedMaxValue}\n                values={rangeValues}\n                disabled={disabled}\n                onChange={(values) => {\n                  if (withTwoHandles && values[0] === values[1]) return;\n                  setRangeValues(values as DSSliderT.RangeTuple);\n                  onChange(values as DSSliderT.RangeTuple);\n                }}\n                renderTrack={({ props: trackProps, children }) => <Track props={trackProps}>{children}</Track>}\n                renderThumb={(renderArgs) => {\n                  const { index, props: thumbProps, isDragged } = renderArgs;\n                  return (\n                    <Thumb\n                      key={`${sliderUUID}-${thumbProps.key}`}\n                      props={thumbProps}\n                      isDragged={isDragged}\n                      index={index}\n                    />\n                  );\n                }}\n                allowOverlap={false}\n              />\n            </StyledRangeWrapper>\n          </SliderContext.Provider>\n        </Grid>\n      </div>\n    </TooltipTextProvider>\n  );\n};\n\nexport default SliderImp;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
-  "names": ["React", "uuidv4", "Track", "Thumb"]
-}

package/dist/cjs/components/Thumb.js

@@ -1,82 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Thumb_exports = {};
-__export(Thumb_exports, {
-  default: () => Thumb_default
-});
-module.exports = __toCommonJS(Thumb_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_tooltip = require("@elliemae/ds-tooltip");
-var import_context = require("./context.js");
-var import_utils = require("./utils.js");
-var import_styled = require("./styled.js");
-const Thumb = ({ index, props, isDragged }) => {
-  const [isHovered, setIsHovered] = (0, import_react.useState)(false);
-  const { disabled, rangeValues, zIndex, customTickMarksValues, step, minValue } = (0, import_react.useContext)(import_context.SliderContext);
-  const cleanedProps = { ...props };
-  return (
-    // ...props is needed because it's received from the library
-    // ...props.style has it own style from the library but has a bug with the zIndex for two thumbs, so that's why it has to be overwrite
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_styled.ThumbStyled,
-      {
-        ...cleanedProps,
-        innerRef: props.ref,
-        "data-testid": "slider-thumb",
-        disabled,
-        style: { ...cleanedProps.style, zIndex },
-        index,
-        onMouseEnter: () => setIsHovered(true),
-        onMouseLeave: () => setIsHovered(false),
-        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_ds_tooltip.DSTooltipV3,
-          {
-            text: (0, import_utils.conformedThumbLabel)(rangeValues, customTickMarksValues, index, step, minValue),
-            showPopover: isDragged || isHovered,
-            customOffset: [0, 20],
-            withoutAnimation: true
-          },
-          (0, import_utils.conformedThumbLabel)(rangeValues, customTickMarksValues, index, step, minValue)
-        )
-      }
-    )
-  );
-};
-Thumb.propTypes = {
-  index: import_prop_types.default.number,
-  props: import_prop_types.default.shape({
-    style: import_prop_types.default.shape({}).isRequired
-  }).isRequired,
-  isDragged: import_prop_types.default.bool
-};
-var Thumb_default = Thumb;
-//# sourceMappingURL=Thumb.js.map

package/dist/cjs/components/Thumb.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/Thumb.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useContext, useState } from 'react';\nimport { createPortal } from 'react-dom';\nimport PropTypes from 'prop-types';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { SliderContext } from './context.js';\nimport { conformedThumbLabel } from './utils.js';\nimport { ThumbStyled, TooltipContainerStyled, TooltipArrow } from './styled.js';\n\nconst Thumb = ({ index, props, isDragged }) => {\n  const [isHovered, setIsHovered] = useState(false);\n  const { disabled, rangeValues, zIndex, customTickMarksValues, step, minValue } = useContext(SliderContext);\n\n  const cleanedProps = { ...props };\n  // delete cleanedProps.key;\n  // delete cleanedProps.draggable;\n  return (\n    // ...props is needed because it's received from the library\n    // ...props.style has it own style from the library but has a bug with the zIndex for two thumbs, so that's why it has to be overwrite\n    <ThumbStyled\n      {...cleanedProps}\n      innerRef={props.ref}\n      data-testid=\"slider-thumb\"\n      disabled={disabled}\n      // eslint-disable-next-line react/prop-types\n      style={{ ...cleanedProps.style, zIndex }}\n      index={index}\n      onMouseEnter={() => setIsHovered(true)}\n      onMouseLeave={() => setIsHovered(false)}\n    >\n      <DSTooltipV3\n        key={conformedThumbLabel(rangeValues, customTickMarksValues, index, step, minValue)}\n        text={conformedThumbLabel(rangeValues, customTickMarksValues, index, step, minValue)}\n        showPopover={isDragged || isHovered}\n        customOffset={[0, 20]}\n        withoutAnimation\n      ></DSTooltipV3>\n    </ThumbStyled>\n  );\n};\n\n/* {createPortal(\n        <TooltipContainerStyled isDragged={isDragged} isHovered={isHovered}>\n          <TooltipText>{</TooltipText>\n          <TooltipArrow />\n        </TooltipContainerStyled>,\n        document.body,\n      )} */\n\nThumb.propTypes = {\n  index: PropTypes.number,\n  props: PropTypes.shape({\n    style: PropTypes.shape({}).isRequired,\n  }).isRequired,\n  isDragged: PropTypes.bool,\n};\n\nexport default Thumb;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD6BjB;AA7BN,mBAA4C;AAE5C,wBAAsB;AACtB,wBAA4B;AAC5B,qBAA8B;AAC9B,mBAAoC;AACpC,oBAAkE;AAElE,MAAM,QAAQ,CAAC,EAAE,OAAO,OAAO,UAAU,MAAM;AAC7C,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,KAAK;AAChD,QAAM,EAAE,UAAU,aAAa,QAAQ,uBAAuB,MAAM,SAAS,QAAI,yBAAW,4BAAa;AAEzG,QAAM,eAAe,EAAE,GAAG,MAAM;AAGhC;AAAA;AAAA;AAAA,IAGE;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,UAAU,MAAM;AAAA,QAChB,eAAY;AAAA,QACZ;AAAA,QAEA,OAAO,EAAE,GAAG,aAAa,OAAO,OAAO;AAAA,QACvC;AAAA,QACA,cAAc,MAAM,aAAa,IAAI;AAAA,QACrC,cAAc,MAAM,aAAa,KAAK;AAAA,QAEtC;AAAA,UAAC;AAAA;AAAA,YAEC,UAAM,kCAAoB,aAAa,uBAAuB,OAAO,MAAM,QAAQ;AAAA,YACnF,aAAa,aAAa;AAAA,YAC1B,cAAc,CAAC,GAAG,EAAE;AAAA,YACpB,kBAAgB;AAAA;AAAA,cAJX,kCAAoB,aAAa,uBAAuB,OAAO,MAAM,QAAQ;AAAA,QAKnF;AAAA;AAAA,IACH;AAAA;AAEJ;AAUA,MAAM,YAAY;AAAA,EAChB,OAAO,kBAAAA,QAAU;AAAA,EACjB,OAAO,kBAAAA,QAAU,MAAM;AAAA,IACrB,OAAO,kBAAAA,QAAU,MAAM,CAAC,CAAC,EAAE;AAAA,EAC7B,CAAC,EAAE;AAAA,EACH,WAAW,kBAAAA,QAAU;AACvB;AAEA,IAAO,gBAAQ;",
-  "names": ["PropTypes"]
-}

package/dist/cjs/components/TickMarks.js

@@ -1,73 +0,0 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var TickMarks_exports = {};
-__export(TickMarks_exports, {
-  default: () => TickMarks_default
-});
-module.exports = __toCommonJS(TickMarks_exports);
-var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_ds_system = require("@elliemae/ds-system");
-var import_context = require("./context.js");
-const TickMarks = () => {
-  const { minValue, maxValue, rangeValues, step, withTwoHandles, zIndex } = (0, import_react.useContext)(import_context.SliderContext);
-  const dots = [];
-  for (let index = minValue || 0; index <= maxValue; index += step) {
-    const isActive = withTwoHandles ? rangeValues[0] <= index && index < rangeValues[1] : rangeValues[0] > index;
-    dots.push(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Dot, { "data-testid": "slider-dot", isActive }, index));
-  }
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(DotsContainer, { "data-testid": "slider-tick-marks", zIndex, children: dots });
-};
-const Dot = import_ds_system.styled.div`
-  &:after {
-    content: '';
-    background: ${(props) => props.isActive ? props.theme.colors.brand[300] : props.theme.colors.neutral[400]};
-    border-radius: ${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxs)};
-    display: block;
-    position: relative;
-    width: 2px;
-    height: 2px;
-  }
-`;
-const DotsContainer = import_ds_system.styled.div`
-  padding: 0 calc(${(props) => (0, import_ds_system.__UNSAFE_SPACE_TO_DIMSUM)(props.theme.space.xxs)} * 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) => props.zIndex - 1};
-`;
-var TickMarks_default = TickMarks;
-//# sourceMappingURL=TickMarks.js.map

package/dist/cjs/components/TickMarks.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/components/TickMarks.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable indent */\nimport React, { useContext } from 'react';\nimport { styled, __UNSAFE_SPACE_TO_DIMSUM } from '@elliemae/ds-system';\nimport { SliderContext } from './context.js';\n\nconst TickMarks = () => {\n  const { minValue, maxValue, rangeValues, step, withTwoHandles, zIndex } = useContext(SliderContext);\n  const dots = [];\n\n  for (let index = minValue || 0; index <= maxValue; index += step) {\n    const isActive = withTwoHandles ? rangeValues[0] <= index && index < rangeValues[1] : rangeValues[0] > index;\n    dots.push(<Dot data-testid=\"slider-dot\" isActive={isActive} key={index} />);\n  }\n\n  return (\n    <DotsContainer data-testid=\"slider-tick-marks\" zIndex={zIndex}>\n      {dots}\n    </DotsContainer>\n  );\n};\n\nconst Dot = styled.div`\n  &:after {\n    content: '';\n    background: ${(props) => (props.isActive ? props.theme.colors.brand[300] : props.theme.colors.neutral[400])};\n    border-radius: ${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)};\n    display: block;\n    position: relative;\n    width: 2px;\n    height: 2px;\n  }\n`;\n\nconst DotsContainer = styled.div`\n  padding: 0 calc(${(props) => __UNSAFE_SPACE_TO_DIMSUM(props.theme.space.xxs)} * 0.5);\n  align-items: center;\n  display: flex;\n  justify-content: space-between;\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  z-index: ${(props) => props.zIndex - 1};\n`;\n\nexport default TickMarks;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADWT;AAVd,mBAAkC;AAClC,uBAAiD;AACjD,qBAA8B;AAE9B,MAAM,YAAY,MAAM;AACtB,QAAM,EAAE,UAAU,UAAU,aAAa,MAAM,gBAAgB,OAAO,QAAI,yBAAW,4BAAa;AAClG,QAAM,OAAO,CAAC;AAEd,WAAS,QAAQ,YAAY,GAAG,SAAS,UAAU,SAAS,MAAM;AAChE,UAAM,WAAW,iBAAiB,YAAY,CAAC,KAAK,SAAS,QAAQ,YAAY,CAAC,IAAI,YAAY,CAAC,IAAI;AACvG,SAAK,KAAK,4CAAC,OAAI,eAAY,cAAa,YAAyB,KAAO,CAAE;AAAA,EAC5E;AAEA,SACE,4CAAC,iBAAc,eAAY,qBAAoB,QAC5C,gBACH;AAEJ;AAEA,MAAM,MAAM,wBAAO;AAAA;AAAA;AAAA,kBAGD,CAAC,UAAW,MAAM,WAAW,MAAM,MAAM,OAAO,MAAM,GAAG,IAAI,MAAM,MAAM,OAAO,QAAQ,GAAG;AAAA,qBACxF,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQ9E,MAAM,gBAAgB,wBAAO;AAAA,oBACT,CAAC,cAAU,2CAAyB,MAAM,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAUhE,CAAC,UAAU,MAAM,SAAS;AAAA;AAGvC,IAAO,oBAAQ;",
-  "names": []
-}