@elliemae/ds-slider 2.3.0-alpha.8 → 2.3.0-next.2

package/package.json

@@ -1,58 +1,55 @@
 {
   "name": "@elliemae/ds-slider",
-  "version": "2.3.0-alpha.8",
+  "version": "2.3.0-next.2",
   "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",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/cjs/index.js"
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
     },
     "./prop-types": {
-      "import": "./dist/esm/prop-types.js",
-      "require": "./dist/cjs/prop-types.js"
+      "import": "./esm/prop-types.js",
+      "require": "./cjs/prop-types.js"
     },
     "./DSSlider": {
-      "import": "./dist/esm/DSSlider.js",
-      "require": "./dist/cjs/DSSlider.js"
+      "import": "./esm/DSSlider.js",
+      "require": "./cjs/DSSlider.js"
     },
     "./components/utils": {
-      "import": "./dist/esm/components/utils.js",
-      "require": "./dist/cjs/components/utils.js"
+      "import": "./esm/components/utils.js",
+      "require": "./cjs/components/utils.js"
     },
     "./components/Track": {
-      "import": "./dist/esm/components/Track.js",
-      "require": "./dist/cjs/components/Track.js"
+      "import": "./esm/components/Track.js",
+      "require": "./cjs/components/Track.js"
     },
     "./components/TickMarksValues": {
-      "import": "./dist/esm/components/TickMarksValues.js",
-      "require": "./dist/cjs/components/TickMarksValues.js"
+      "import": "./esm/components/TickMarksValues.js",
+      "require": "./cjs/components/TickMarksValues.js"
     },
     "./components/TickMarks": {
-      "import": "./dist/esm/components/TickMarks.js",
-      "require": "./dist/cjs/components/TickMarks.js"
+      "import": "./esm/components/TickMarks.js",
+      "require": "./cjs/components/TickMarks.js"
     },
     "./components/Thumb": {
-      "import": "./dist/esm/components/Thumb.js",
-      "require": "./dist/cjs/components/Thumb.js"
+      "import": "./esm/components/Thumb.js",
+      "require": "./cjs/components/Thumb.js"
     },
     "./components/styled": {
-      "import": "./dist/esm/components/styled.js",
-      "require": "./dist/cjs/components/styled.js"
+      "import": "./esm/components/styled.js",
+      "require": "./cjs/components/styled.js"
     },
     "./components/SliderImp": {
-      "import": "./dist/esm/components/SliderImp.js",
-      "require": "./dist/cjs/components/SliderImp.js"
+      "import": "./esm/components/SliderImp.js",
+      "require": "./cjs/components/SliderImp.js"
     },
     "./components/context": {
-      "import": "./dist/esm/components/context.js",
-      "require": "./dist/cjs/components/context.js"
+      "import": "./esm/components/context.js",
+      "require": "./cjs/components/context.js"
     }
   },
   "sideEffects": [
@@ -64,16 +61,22 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "pnpm": ">=6",
-    "node": ">=16"
+    "npm": ">=7",
+    "node": ">=14"
   },
   "author": "ICE MT",
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
+    "prebuild": "exit 0",
+    "predev": "exit 0",
+    "build": "node ../../scripts/build/build.js"
+  },
   "dependencies": {
-    "@elliemae/ds-grid": "2.3.0-alpha.8",
-    "@elliemae/ds-system": "2.3.0-alpha.8",
-    "@elliemae/ds-tooltip": "2.3.0-alpha.8",
-    "@elliemae/ds-truncated-tooltip-text": "2.3.0-alpha.8",
-    "@elliemae/ds-utilities": "2.3.0-alpha.8",
+    "@elliemae/ds-grid": "2.3.0-next.2",
+    "@elliemae/ds-system": "2.3.0-next.1",
+    "@elliemae/ds-tooltip": "2.3.0-next.2",
+    "@elliemae/ds-truncated-tooltip-text": "2.3.0-next.2",
+    "@elliemae/ds-utilities": "2.3.0-next.2",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "react-range": "~1.8.11",
@@ -89,12 +92,7 @@
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
-  },
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/DSSlider.d.ts

@@ -0,0 +1,107 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+/// <reference types="react" />
+declare const DSSlider: {
+    (props: any): 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[];
+        zIndex: number;
+    };
+    propTypes: {
+        containerProps: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        disabled: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        label: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        labelWithValue: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        minValue: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        maxValue: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        step: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        onChange: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        withTickMarks: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        withTickMarksValues: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        withTwoHandles: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        customTickMarksValues: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+        zIndex: {
+            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValue;
+        };
+    };
+};
+declare const DSSliderWithSchema: {
+    (props?: unknown): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export { DSSlider, DSSliderWithSchema };
+export default DSSlider;

package/types/components/SliderImp.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const SliderImp: (props: any) => JSX.Element;
+export default SliderImp;

package/types/components/Thumb.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+declare const Thumb: {
+    ({ index, props, isDragged }: {
+        index: any;
+        props: any;
+        isDragged: any;
+    }): JSX.Element;
+    propTypes: {
+        index: any;
+        props: any;
+        isDragged: any;
+    };
+};
+export default Thumb;

package/types/components/TickMarks.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const TickMarks: () => JSX.Element;
+export default TickMarks;

package/types/components/TickMarksValues.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const TickMarks: () => JSX.Element;
+export default TickMarks;

package/types/components/Track.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare const Track: ({ children, props }: {
+    children: any;
+    props: any;
+}) => JSX.Element;
+export default Track;

package/types/components/context.d.ts

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

package/types/components/styled.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare const ThumbStyled: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TooltipContainerStyled: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("react").RefAttributes<unknown>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const TooltipArrow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const LabelWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const LabelText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const ValueText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledRangeWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/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/types/index.d.ts

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

package/types/prop-types.d.ts

@@ -0,0 +1,109 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+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[];
+    zIndex: number;
+};
+export declare const sliderPropTypes: {
+    /** props to inject to slider wrapper */
+    containerProps: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    /** disable slider */
+    disabled: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    /** label for slider */
+    label: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    /** if the label comes with value attached for slider or not */
+    labelWithValue: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    /** min value for slider */
+    minValue: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    /** max value for slider */
+    maxValue: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    /** steps of values from min to max */
+    step: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    /** change handler */
+    onChange: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    /** add tick marks between steps */
+    withTickMarks: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    /** add step value to tickmark */
+    withTickMarksValues: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    /** add two handles */
+    withTwoHandles: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    /** change manually tickmark values */
+    customTickMarksValues: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+    /** z index for thumb */
+    zIndex: {
+        defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValue;
+    };
+};

package/dist/cjs/DSSlider.js

@@ -1,48 +0,0 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var DSSlider_exports = {};
-__export(DSSlider_exports, {
-  DSSlider: () => DSSlider,
-  DSSliderWithSchema: () => DSSliderWithSchema,
-  default: () => DSSlider_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_SliderImp = __toESM(require("./components/SliderImp"));
-var import_prop_types = require("./prop-types");
-const DSSlider = (props) => /* @__PURE__ */ import_react.default.createElement(import_SliderImp.default, {
-  ...props
-});
-DSSlider.defaultProps = import_prop_types.defaultProps;
-DSSlider.propTypes = import_prop_types.sliderPropTypes;
-const DSSliderWithSchema = (0, import_react_desc.describe)(DSSlider);
-DSSliderWithSchema.propTypes = import_prop_types.sliderPropTypes;
-var DSSlider_default = DSSlider;
-module.exports = __toCommonJS(DSSlider_exports);
-//# 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 'react-desc';\nimport SliderImp from './components/SliderImp';\nimport { defaultProps, sliderPropTypes } from './prop-types';\n\nconst DSSlider = (props) => <SliderImp {...props} />;\n\nDSSlider.defaultProps = defaultProps;\nDSSlider.propTypes = sliderPropTypes;\n\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;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,uBAAsB;AACtB,wBAA8C;AAE9C,MAAM,WAAW,CAAC,UAAU,mDAAC,0BAAD;AAAA,KAAe;AAAA;AAE3C,SAAS,eAAe;AACxB,SAAS,YAAY;AAErB,MAAM,qBAAqB,gCAAS;AACpC,mBAAmB,YAAY;AAG/B,IAAO,mBAAQ;",
-  "names": []
-}

package/dist/cjs/components/SliderImp.js

@@ -1,195 +0,0 @@
-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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var SliderImp_exports = {};
-__export(SliderImp_exports, {
-  default: () => SliderImp_default
-});
-var React = __toESM(require("react"));
-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 = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
-var import_ds_grid = require("@elliemae/ds-grid");
-var import_Track = __toESM(require("./Track"));
-var import_Thumb = __toESM(require("./Thumb"));
-var import_styled = require("./styled");
-var import_utils = require("./utils");
-var import_context = require("./context");
-const getSubArrayFromRange = (arr, [minVal, maxVal], isCustomTickMarksValues = false) => {
-  const trueMinVal = isCustomTickMarksValues ? arr[minVal] : minVal;
-  const minIndex = arr.findIndex((el) => el === trueMinVal);
-  if (maxVal !== void 0) {
-    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 [];
-  }
-  return [trueMinVal];
-};
-const SliderImp = (props) => {
-  const {
-    containerProps,
-    disabled,
-    label,
-    labelWithValue,
-    minValue,
-    maxValue,
-    step,
-    onChange,
-    withTickMarks,
-    withTickMarksValues,
-    withTwoHandles,
-    customTickMarksValues,
-    zIndex
-  } = props;
-  const ref = (0, import_react.useRef)();
-  const [width, setWidth] = (0, import_react.useState)(0);
-  const sliderUUID = (0, import_react.useMemo)(() => (0, import_uuid.v4)(), []);
-  const parsedMinValue = (0, import_react.useMemo)(() => {
-    if (customTickMarksValues?.length)
-      return 0;
-    return minValue;
-  }, [customTickMarksValues?.length, minValue]);
-  const parsedMaxValue = (0, import_react.useMemo)(() => {
-    if (customTickMarksValues?.length)
-      return customTickMarksValues?.length - 1;
-    return maxValue;
-  }, [customTickMarksValues?.length, maxValue]);
-  const parsedStep = (0, import_react.useMemo)(() => {
-    if (customTickMarksValues?.length)
-      return 1;
-    return step;
-  }, [customTickMarksValues?.length, step]);
-  const parsedValuesArray = (0, import_react.useMemo)(() => {
-    if (customTickMarksValues?.length)
-      return customTickMarksValues;
-    const newLength = Math.ceil(maxValue / step);
-    const valuesArray = [];
-    for (let i = 0; i <= newLength; i += 1) {
-      valuesArray.push(step * i);
-    }
-    return valuesArray;
-  }, [customTickMarksValues?.length, minValue, maxValue, step]);
-  const [rangeValues, setRangeValues] = (0, import_react.useState)(withTwoHandles ? [parsedMinValue, parsedMaxValue] : [parsedMinValue]);
-  const [fullSelectedValues, setFullSelectedValues] = (0, import_react.useState)([]);
-  (0, import_react.useEffect)(() => {
-    const selectedRangeValues = getSubArrayFromRange(parsedValuesArray, rangeValues, !!customTickMarksValues?.length);
-    setFullSelectedValues(selectedRangeValues);
-  }, [parsedValuesArray, rangeValues, customTickMarksValues?.length]);
-  const prevWithTwoHandles = (0, import_ds_utilities.usePrevious)(withTwoHandles);
-  const resizeHandler = () => {
-    setWidth(0);
-    setWidth(ref.current?.clientWidth);
-  };
-  (0, import_react.useEffect)(() => {
-    window.addEventListener("resize", resizeHandler);
-    return () => window.removeEventListener("resize", resizeHandler);
-  });
-  (0, import_react.useEffect)(() => {
-    if (!prevWithTwoHandles && withTwoHandles) {
-      setRangeValues([parsedMinValue, parsedMaxValue]);
-    } else if (prevWithTwoHandles && !withTwoHandles) {
-      setRangeValues([parsedMinValue]);
-    }
-  }, [withTwoHandles]);
-  (0, import_react.useEffect)(() => {
-    setWidth(ref.current?.clientWidth);
-  }, [ref.current?.clientWidth]);
-  const [finalLabelText, finalValueText] = (0, import_react.useMemo)(() => (0, import_utils.conformedLabel)(rangeValues, label, labelWithValue, withTwoHandles, customTickMarksValues, parsedStep), [
-    rangeValues,
-    label,
-    labelWithValue,
-    withTwoHandles,
-    customTickMarksValues,
-    parsedStep
-  ]);
-  const SliderLabel = /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_styled.LabelText, null, finalLabelText), finalLabelText && " ", /* @__PURE__ */ import_react.default.createElement(import_styled.ValueText, {
-    disabled
-  }, finalValueText));
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.TooltipTextProvider, null, /* @__PURE__ */ import_react.default.createElement("div", {
-    ref
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_grid.Grid, {
-    width: "100%",
-    style: { maxWidth: "100%" },
-    containerProps,
-    "data-testid": "slider",
-    rows: ["auto", "auto"]
-  }, /* @__PURE__ */ import_react.default.createElement(import_context.SliderContext.Provider, {
-    value: {
-      disabled,
-      sliderUUID,
-      label,
-      labelWithValue,
-      minValue: parsedMinValue,
-      maxValue: parsedMaxValue,
-      step: parsedStep,
-      parsedValuesArray,
-      withTickMarks,
-      withTickMarksValues,
-      withTwoHandles,
-      customTickMarksValues,
-      rangeValues,
-      fullSelectedValues,
-      zIndex
-    }
-  }, finalLabelText && /* @__PURE__ */ import_react.default.createElement(import_styled.LabelWrapper, {
-    width
-  }, /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.default, {
-    value: SliderLabel
-  })), /* @__PURE__ */ import_react.default.createElement(import_styled.StyledRangeWrapper, null, /* @__PURE__ */ import_react.default.createElement(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__ */ import_react.default.createElement(import_Track.default, {
-      props: trackProps
-    }, children),
-    renderThumb: (renderArgs) => {
-      const { index, props: thumbProps, isDragged } = renderArgs;
-      return /* @__PURE__ */ import_react.default.createElement(import_Thumb.default, {
-        key: `${sliderUUID}-${thumbProps.key}`,
-        props: thumbProps,
-        isDragged,
-        index
-      });
-    },
-    allowOverlap: false
-  }))))));
-};
-var SliderImp_default = SliderImp;
-module.exports = __toCommonJS(SliderImp_exports);
-//# sourceMappingURL=SliderImp.js.map