@elliemae/ds-slider-v2 3.26.0-next.4

package/dist/cjs/utils/thumbLabels.js

@@ -0,0 +1,51 @@
+"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 thumbLabels_exports = {};
+__export(thumbLabels_exports, {
+  conformedThumbLabel: () => conformedThumbLabel
+});
+module.exports = __toCommonJS(thumbLabels_exports);
+var React = __toESM(require("react"));
+const conformedThumbLabel = ({
+  rangeValues,
+  customTickMarksValues,
+  index,
+  step,
+  minValue
+}) => {
+  let msg = `Value: `;
+  if (customTickMarksValues.length) {
+    const foundValue = customTickMarksValues[Math.floor((rangeValues[index] - minValue) / step)];
+    msg += `${foundValue ?? rangeValues[index].toFixed(1)}`;
+  } else {
+    msg += `${rangeValues[index].toFixed(1)}`;
+  }
+  return msg;
+};
+//# sourceMappingURL=thumbLabels.js.map

package/dist/cjs/utils/thumbLabels.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/thumbLabels.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const conformedThumbLabel = ({\n  rangeValues,\n  customTickMarksValues,\n  index,\n  step,\n  minValue,\n}: {\n  rangeValues: [number] | [number, number];\n  customTickMarksValues: string[];\n  index: number;\n  step: number;\n  minValue: number;\n}) => {\n  let msg = `Value: `;\n  if (customTickMarksValues.length) {\n    const foundValue = customTickMarksValues[Math.floor((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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMM;AACJ,MAAI,MAAM;AACV,MAAI,sBAAsB,QAAQ;AAChC,UAAM,aAAa,sBAAsB,KAAK,OAAO,YAAY,KAAK,IAAI,YAAY,IAAI,CAAC;AAC3F,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/DSSliderV2.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-props-helpers";
+import { DSSliderV2PropTypesSchema } from "./react-desc-prop-types.js";
+import { useSliderV2 } from "./config/useSliderV2.js";
+import { DSSliderV2Name } from "./constants/index.js";
+import DSSliderV2Context from "./DSSliderV2CTX.js";
+import { MainContent } from "./parts/MainContent.js";
+const DSSliderV2 = (props) => {
+  const ctx = useSliderV2(props);
+  return /* @__PURE__ */ jsx(DSSliderV2Context.Provider, { value: ctx, children: /* @__PURE__ */ jsx(MainContent, {}) });
+};
+DSSliderV2.displayName = DSSliderV2Name;
+const DSSliderV2WithSchema = describe(DSSliderV2);
+DSSliderV2WithSchema.propTypes = DSSliderV2PropTypesSchema;
+export {
+  DSSliderV2,
+  DSSliderV2WithSchema
+};
+//# sourceMappingURL=DSSliderV2.js.map

package/dist/esm/DSSliderV2.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSSliderV2.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { type DSSliderV2T, DSSliderV2PropTypesSchema } from './react-desc-prop-types.js';\nimport { useSliderV2 } from './config/useSliderV2.js';\nimport { DSSliderV2Name } from './constants/index.js';\n\nimport DSSliderV2Context from './DSSliderV2CTX.js';\nimport { MainContent } from './parts/MainContent.js';\n\nconst DSSliderV2 = <TMultiple extends boolean = false>(props: DSSliderV2T.Props<TMultiple>) => {\n  const ctx = useSliderV2(props);\n\n  return (\n    <DSSliderV2Context.Provider value={ctx}>\n      <MainContent />\n    </DSSliderV2Context.Provider>\n  );\n};\n\nDSSliderV2.displayName = DSSliderV2Name;\nconst DSSliderV2WithSchema = describe(DSSliderV2);\nDSSliderV2WithSchema.propTypes = DSSliderV2PropTypesSchema;\n\nexport { DSSliderV2, DSSliderV2WithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACcjB;AAbN,SAAS,gBAAgB;AACzB,SAA2B,iCAAiC;AAC5D,SAAS,mBAAmB;AAC5B,SAAS,sBAAsB;AAE/B,OAAO,uBAAuB;AAC9B,SAAS,mBAAmB;AAE5B,MAAM,aAAa,CAAoC,UAAwC;AAC7F,QAAM,MAAM,YAAY,KAAK;AAE7B,SACE,oBAAC,kBAAkB,UAAlB,EAA2B,OAAO,KACjC,8BAAC,eAAY,GACf;AAEJ;AAEA,WAAW,cAAc;AACzB,MAAM,uBAAuB,SAAS,UAAU;AAChD,qBAAqB,YAAY;",
+  "names": []
+}

package/dist/esm/DSSliderV2CTX.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { createContext } from "react";
+const defaultContext = {};
+const DSSliderV2Context = createContext(defaultContext);
+var DSSliderV2CTX_default = DSSliderV2Context;
+export {
+  DSSliderV2Context,
+  DSSliderV2CTX_default as default
+};
+//# sourceMappingURL=DSSliderV2CTX.js.map

package/dist/esm/DSSliderV2CTX.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSSliderV2CTX.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext } from 'react';\nimport type { DSSliderV2CTX } from './config/useSliderV2.js';\n\nconst defaultContext = {} as DSSliderV2CTX<boolean>;\n\n/** Context for cross component communication */\nexport const DSSliderV2Context = createContext<DSSliderV2CTX<boolean>>(defaultContext);\n\nexport default DSSliderV2Context;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,qBAAqB;AAG9B,MAAM,iBAAiB,CAAC;AAGjB,MAAM,oBAAoB,cAAsC,cAAc;AAErF,IAAO,wBAAQ;",
+  "names": []
+}

package/dist/esm/config/useSliderV2.js

@@ -0,0 +1,40 @@
+import * as React from "react";
+import React2 from "react";
+import { useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import { uid } from "uid";
+import { DSSliderV2PropTypes, defaultProps } from "../react-desc-prop-types.js";
+import { useValidateProps } from "./useValidateProps.js";
+import { useTickMarksValues } from "./useTickMarksValues.js";
+import { useOwnerProps } from "@elliemae/ds-utilities";
+const useSliderV2 = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(
+    propsFromUser,
+    defaultProps
+  );
+  const { multiple, value } = propsWithDefault;
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  const instanceUid = React2.useMemo(() => `slider-v2-${uid(5)}`, []);
+  const rangeValues = React2.useMemo(() => {
+    if (multiple === true)
+      return value;
+    return [value];
+  }, [multiple, value]);
+  const tickMarkPositions = useTickMarksValues(propsWithDefault);
+  useValidateProps(propsWithDefault, DSSliderV2PropTypes, { tickMarkPositions });
+  const ownerPropConfig = useOwnerProps(propsWithDefault);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      xstyledProps,
+      instanceUid,
+      rangeValues,
+      tickMarkPositions,
+      ...ownerPropConfig
+    }),
+    [propsWithDefault, xstyledProps, instanceUid, rangeValues, tickMarkPositions, ownerPropConfig]
+  );
+};
+export {
+  useSliderV2
+};
+//# sourceMappingURL=useSliderV2.js.map

package/dist/esm/config/useSliderV2.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useSliderV2.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { XstyledProps } from '@elliemae/ds-props-helpers';\nimport { useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { uid } from 'uid';\nimport { type DSSliderV2T, DSSliderV2PropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\nimport { useTickMarksValues } from './useTickMarksValues.js';\nimport { useOwnerProps } from '@elliemae/ds-utilities';\n\nexport interface DSSliderV2CTX<TMultiple extends boolean> {\n  propsWithDefault: DSSliderV2T.InternalProps<TMultiple>;\n  xstyledProps: XstyledProps;\n  instanceUid: string;\n  rangeValues: [number, number] | [number];\n  tickMarkPositions: number[];\n  getOwnerProps: () => DSSliderV2T.InternalProps<TMultiple>;\n  getOwnerPropsArguments: () => Record<string, unknown>;\n}\n\nexport const useSliderV2 = <TMultiple extends boolean>(propsFromUser: DSSliderV2T.Props<TMultiple>) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSSliderV2T.InternalProps<TMultiple>>(\n    propsFromUser,\n    defaultProps as DSSliderV2T.DefaultProps<TMultiple>,\n  );\n\n  const { multiple, value } = propsWithDefault;\n\n  // =============================================================================\n  // XSTYLED PROPS\n  // =============================================================================\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  const instanceUid = React.useMemo(() => `slider-v2-${uid(5)}`, []);\n\n  const rangeValues = React.useMemo(() => {\n    if (multiple === true) return value as [number, number];\n    return [value] as [number];\n  }, [multiple, value]);\n\n  // =============================================================================\n  // HELPERS HOOKS CONFIGS\n  // =============================================================================\n  const tickMarkPositions = useTickMarksValues(propsWithDefault);\n\n  // ===========================================================================\n  // VALIDATE PROPS\n  // ===========================================================================\n  useValidateProps(propsWithDefault, DSSliderV2PropTypes, { tickMarkPositions });\n\n  const ownerPropConfig = useOwnerProps(propsWithDefault);\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      xstyledProps,\n      instanceUid,\n      rangeValues,\n      tickMarkPositions,\n      ...ownerPropConfig,\n    }),\n    [propsWithDefault, xstyledProps, instanceUid, rangeValues, tickMarkPositions, ownerPropConfig],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAElB,SAAS,oBAAoB,oCAAoC;AACjE,SAAS,WAAW;AACpB,SAA2B,qBAAqB,oBAAoB;AACpE,SAAS,wBAAwB;AACjC,SAAS,0BAA0B;AACnC,SAAS,qBAAqB;AAYvB,MAAM,cAAc,CAA4B,kBAAgD;AAIrG,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AAEA,QAAM,EAAE,UAAU,MAAM,IAAI;AAK5B,QAAM,eAAe,mBAAmB,gBAAgB;AAIxD,QAAM,cAAcA,OAAM,QAAQ,MAAM,aAAa,IAAI,CAAC,KAAK,CAAC,CAAC;AAEjE,QAAM,cAAcA,OAAM,QAAQ,MAAM;AACtC,QAAI,aAAa;AAAM,aAAO;AAC9B,WAAO,CAAC,KAAK;AAAA,EACf,GAAG,CAAC,UAAU,KAAK,CAAC;AAKpB,QAAM,oBAAoB,mBAAmB,gBAAgB;AAK7D,mBAAiB,kBAAkB,qBAAqB,EAAE,kBAAkB,CAAC;AAE7E,QAAM,kBAAkB,cAAc,gBAAgB;AAEtD,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA,CAAC,kBAAkB,cAAc,aAAa,aAAa,mBAAmB,eAAe;AAAA,EAC/F;AACF;",
+  "names": ["React"]
+}

package/dist/esm/config/useTickMarksValues.js

@@ -0,0 +1,21 @@
+import * as React from "react";
+import React2 from "react";
+const getDefaultTickMarksValues = ({
+  minValue,
+  maxValue,
+  step
+}) => {
+  const parsedValuesArray = [];
+  for (let value = minValue; value <= maxValue; value += step) {
+    parsedValuesArray.push(value);
+  }
+  return parsedValuesArray;
+};
+const useTickMarksValues = (props) => {
+  const { minValue, maxValue, step } = props;
+  return React2.useMemo(() => getDefaultTickMarksValues({ minValue, maxValue, step }), [maxValue, minValue, step]);
+};
+export {
+  useTickMarksValues
+};
+//# sourceMappingURL=useTickMarksValues.js.map

package/dist/esm/config/useTickMarksValues.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useTickMarksValues.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { DSSliderV2T } from '../react-desc-prop-types.js';\n\n// Tick mark values will be generated from the minValue, maxValue and step props\nconst getDefaultTickMarksValues = ({\n  minValue,\n  maxValue,\n  step,\n}: {\n  minValue: number;\n  maxValue: number;\n  step: number;\n}) => {\n  const parsedValuesArray: number[] = [];\n  for (let value = minValue; value <= maxValue; value += step) {\n    parsedValuesArray.push(value);\n  }\n  return parsedValuesArray;\n};\n\nexport const useTickMarksValues = <TMultiple extends boolean>(props: DSSliderV2T.InternalProps<TMultiple>) => {\n  const { minValue, maxValue, step } = props;\n  return React.useMemo(() => getDefaultTickMarksValues({ minValue, maxValue, step }), [maxValue, minValue, step]);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAIlB,MAAM,4BAA4B,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,MAIM;AACJ,QAAM,oBAA8B,CAAC;AACrC,WAAS,QAAQ,UAAU,SAAS,UAAU,SAAS,MAAM;AAC3D,sBAAkB,KAAK,KAAK;AAAA,EAC9B;AACA,SAAO;AACT;AAEO,MAAM,qBAAqB,CAA4B,UAAgD;AAC5G,QAAM,EAAE,UAAU,UAAU,KAAK,IAAI;AACrC,SAAOA,OAAM,QAAQ,MAAM,0BAA0B,EAAE,UAAU,UAAU,KAAK,CAAC,GAAG,CAAC,UAAU,UAAU,IAAI,CAAC;AAChH;",
+  "names": ["React"]
+}

package/dist/esm/config/useValidateProps.js

@@ -0,0 +1,15 @@
+import * as React from "react";
+import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
+import { DSSliderV2Name } from "../constants/index.js";
+const useValidateProps = (props, propTypes, { tickMarkPositions }) => {
+  useValidateTypescriptPropTypes(props, propTypes, DSSliderV2Name);
+  if (props.customTickMarksValues.length && props.customTickMarksValues.length !== tickMarkPositions.length) {
+    throw new Error(
+      `The length of the customTickMarksValues prop must be equal to the length of the tickMarkPositions array (${tickMarkPositions.length}).`
+    );
+  }
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { type DSSliderV2T } from '../react-desc-prop-types.js';\nimport { DSSliderV2Name } from '../constants/index.js';\n\nexport const useValidateProps = <TMultiple extends boolean>(\n  props: DSSliderV2T.InternalProps<TMultiple>,\n  propTypes: WeakValidationMap<unknown>,\n  { tickMarkPositions }: { tickMarkPositions: number[] },\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSSliderV2Name);\n\n  if (props.customTickMarksValues.length && props.customTickMarksValues.length !== tickMarkPositions.length) {\n    throw new Error(\n      `The length of the customTickMarksValues prop must be equal to the length of the tickMarkPositions array (${tickMarkPositions.length}).`,\n    );\n  }\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAG/C,SAAS,sBAAsB;AAExB,MAAM,mBAAmB,CAC9B,OACA,WACA,EAAE,kBAAkB,MACX;AAET,iCAA+B,OAAO,WAAW,cAAc;AAE/D,MAAI,MAAM,sBAAsB,UAAU,MAAM,sBAAsB,WAAW,kBAAkB,QAAQ;AACzG,UAAM,IAAI;AAAA,MACR,4GAA4G,kBAAkB;AAAA,IAChI;AAAA,EACF;AACF;",
+  "names": []
+}

package/dist/esm/constants/index.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+const DSSliderV2Name = "DSSliderV2";
+const SLIDER_V2_SLOTS = {
+  ROOT: "root",
+  RANGE_WRAPPER: "range-wrapper",
+  TRACK: "track",
+  DOT: "dot",
+  DOT_CONTAINER: "dot-container",
+  TICK_MARK_VALUE: "tick-mark-value",
+  TICK_MARK_CONTAINER: "tick-mark-container",
+  THUMB: "thumb"
+};
+const SLIDER_V2_DATA_TESTID = slotObjectToDataTestIds(DSSliderV2Name, SLIDER_V2_SLOTS);
+export {
+  DSSliderV2Name,
+  SLIDER_V2_DATA_TESTID,
+  SLIDER_V2_SLOTS
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSSliderV2Name = 'DSSliderV2';\n\n// we are giving \"component_name_slots\" to avoid errors on duplicate exports variables in aggregators\nexport const SLIDER_V2_SLOTS = {\n  ROOT: 'root',\n  RANGE_WRAPPER: 'range-wrapper',\n  TRACK: 'track',\n  DOT: 'dot',\n  DOT_CONTAINER: 'dot-container',\n  TICK_MARK_VALUE: 'tick-mark-value',\n  TICK_MARK_CONTAINER: 'tick-mark-container',\n  THUMB: 'thumb',\n} as const;\n\n// we are giving \"component_name_data_testid\" to avoid errors on duplicate exports variables in aggregators\nexport const SLIDER_V2_DATA_TESTID = slotObjectToDataTestIds(DSSliderV2Name, SLIDER_V2_SLOTS);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,iBAAiB;AAGvB,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AAAA,EACN,eAAe;AAAA,EACf,OAAO;AAAA,EACP,KAAK;AAAA,EACL,eAAe;AAAA,EACf,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,OAAO;AACT;AAGO,MAAM,wBAAwB,wBAAwB,gBAAgB,eAAe;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,12 @@
+import * as React from "react";
+import { DSSliderV2, DSSliderV2WithSchema } from "./DSSliderV2.js";
+import {} from "./react-desc-prop-types.js";
+import { DSSliderV2Name, SLIDER_V2_SLOTS, SLIDER_V2_DATA_TESTID } from "./constants/index.js";
+export {
+  DSSliderV2,
+  DSSliderV2Name,
+  DSSliderV2WithSchema,
+  SLIDER_V2_DATA_TESTID,
+  SLIDER_V2_SLOTS
+};
+//# 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.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSSliderV2, DSSliderV2WithSchema } from './DSSliderV2.js';\nexport { type DSSliderV2T } from './react-desc-prop-types.js';\nexport { DSSliderV2Name, SLIDER_V2_SLOTS, SLIDER_V2_DATA_TESTID } from './constants/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,YAAY,4BAA4B;AACjD,eAAiC;AACjC,SAAS,gBAAgB,iBAAiB,6BAA6B;",
+  "names": []
+}

package/dist/esm/package.json

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

package/dist/esm/parts/MainContent.js

@@ -0,0 +1,65 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { useContext } from "react";
+import { Range } from "react-range";
+import DSSliderV2Context from "../DSSliderV2CTX.js";
+import { StyledRangeWrapper, StyledWrapper } from "../styles.js";
+import { Track } from "./Track.js";
+import { Thumb } from "./Thumb.js";
+const MainContent = () => {
+  const {
+    propsWithDefault: { step, minValue, maxValue, disabled, onValueChange, className },
+    xstyledProps,
+    rangeValues,
+    getOwnerProps,
+    getOwnerPropsArguments
+  } = useContext(DSSliderV2Context);
+  return /* @__PURE__ */ jsx(
+    StyledWrapper,
+    {
+      width: "100%",
+      style: { maxWidth: "100%" },
+      alignItems: "center",
+      rows: ["auto", "auto"],
+      getOwnerProps,
+      getOwnerPropsArguments,
+      className,
+      ...xstyledProps,
+      children: /* @__PURE__ */ jsx(
+        StyledRangeWrapper,
+        {
+          rows: ["28px", "auto"],
+          alignItems: "center",
+          margin: "0 16px",
+          minHeight: "28px",
+          getOwnerProps,
+          getOwnerPropsArguments,
+          children: /* @__PURE__ */ jsx(
+            Range,
+            {
+              step,
+              min: minValue,
+              max: maxValue,
+              values: rangeValues,
+              disabled,
+              onChange: (values) => {
+                if (values.length === 1) {
+                  onValueChange(values[0]);
+                } else {
+                  onValueChange(values);
+                }
+              },
+              renderTrack: (args) => /* @__PURE__ */ jsx(Track, { ...args }),
+              renderThumb: (args) => /* @__PURE__ */ jsx(Thumb, { ...args }),
+              allowOverlap: false
+            }
+          )
+        }
+      )
+    }
+  );
+};
+export {
+  MainContent
+};
+//# sourceMappingURL=MainContent.js.map

package/dist/esm/parts/MainContent.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/MainContent.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useContext } from 'react';\nimport { Range } from 'react-range';\nimport DSSliderV2Context from '../DSSliderV2CTX.js';\nimport { StyledRangeWrapper, StyledWrapper } from '../styles.js';\nimport { Track } from './Track.js';\nimport { Thumb } from './Thumb.js';\nimport type { DSSliderV2T } from '../react-desc-prop-types.js';\n\nexport const MainContent = () => {\n  const {\n    propsWithDefault: { step, minValue, maxValue, disabled, onValueChange, className },\n    xstyledProps,\n    rangeValues,\n    getOwnerProps,\n    getOwnerPropsArguments,\n  } = useContext(DSSliderV2Context);\n\n  return (\n    <StyledWrapper\n      width=\"100%\"\n      style={{ maxWidth: '100%' }}\n      alignItems=\"center\"\n      rows={['auto', 'auto']}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n      className={className}\n      {...xstyledProps}\n    >\n      <StyledRangeWrapper\n        rows={['28px', 'auto']}\n        alignItems=\"center\"\n        margin=\"0 16px\"\n        minHeight=\"28px\"\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <Range\n          step={step}\n          min={minValue}\n          max={maxValue}\n          values={rangeValues}\n          disabled={disabled}\n          onChange={(values) => {\n            if (values.length === 1) {\n              onValueChange(values[0]);\n            } else {\n              onValueChange(values as DSSliderV2T.ValueType<true>);\n            }\n          }}\n          renderTrack={(args) => <Track {...args} />}\n          renderThumb={(args) => <Thumb {...args} />}\n          allowOverlap={false}\n        />\n      </StyledRangeWrapper>\n    </StyledWrapper>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACiDU;AAjDjC,SAAS,kBAAkB;AAC3B,SAAS,aAAa;AACtB,OAAO,uBAAuB;AAC9B,SAAS,oBAAoB,qBAAqB;AAClD,SAAS,aAAa;AACtB,SAAS,aAAa;AAGf,MAAM,cAAc,MAAM;AAC/B,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,UAAU,UAAU,UAAU,eAAe,UAAU;AAAA,IACjF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,iBAAiB;AAEhC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,OAAO,EAAE,UAAU,OAAO;AAAA,MAC1B,YAAW;AAAA,MACX,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,CAAC,QAAQ,MAAM;AAAA,UACrB,YAAW;AAAA,UACX,QAAO;AAAA,UACP,WAAU;AAAA,UACV;AAAA,UACA;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,KAAK;AAAA,cACL,KAAK;AAAA,cACL,QAAQ;AAAA,cACR;AAAA,cACA,UAAU,CAAC,WAAW;AACpB,oBAAI,OAAO,WAAW,GAAG;AACvB,gCAAc,OAAO,CAAC,CAAC;AAAA,gBACzB,OAAO;AACL,gCAAc,MAAqC;AAAA,gBACrD;AAAA,cACF;AAAA,cACA,aAAa,CAAC,SAAS,oBAAC,SAAO,GAAG,MAAM;AAAA,cACxC,aAAa,CAAC,SAAS,oBAAC,SAAO,GAAG,MAAM;AAAA,cACxC,cAAc;AAAA;AAAA,UAChB;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/esm/parts/Thumb.js

@@ -0,0 +1,52 @@
+import * as React from "react";
+import { Fragment, jsx } from "react/jsx-runtime";
+import { useContext, useState } from "react";
+import { DSTooltipV3 } from "@elliemae/ds-tooltip";
+import { conformedThumbLabel } from "../utils/thumbLabels.js";
+import { StyledThumb } from "../styles.js";
+import DSSliderV2Context from "../DSSliderV2CTX.js";
+const Thumb = ({ index, props, isDragged }) => {
+  const {
+    propsWithDefault: { disabled, customTickMarksValues, step, minValue },
+    rangeValues,
+    getOwnerProps,
+    getOwnerPropsArguments
+  } = useContext(DSSliderV2Context);
+  const [isHovered, setIsHovered] = useState(false);
+  const [isFocused, setIsFocused] = useState(false);
+  const { ref, ...rest } = props;
+  const label = conformedThumbLabel({ rangeValues, customTickMarksValues, index, step, minValue });
+  return /* @__PURE__ */ jsx(
+    StyledThumb,
+    {
+      ...rest,
+      style: { ...rest.style, zIndex: void 0 },
+      innerRef: ref,
+      disabled,
+      onMouseEnter: () => {
+        setIsHovered(true);
+        setIsFocused(false);
+      },
+      onMouseLeave: () => setIsHovered(false),
+      onKeyDownCapture: () => setIsFocused(true),
+      onBlur: () => setIsFocused(false),
+      getOwnerProps,
+      getOwnerPropsArguments,
+      children: /* @__PURE__ */ jsx(
+        DSTooltipV3,
+        {
+          text: label,
+          showPopover: isDragged || isHovered || isFocused,
+          customOffset: [0, 20],
+          withoutAnimation: true,
+          children: /* @__PURE__ */ jsx(Fragment, {})
+        },
+        label
+      )
+    }
+  );
+};
+export {
+  Thumb
+};
+//# sourceMappingURL=Thumb.js.map

package/dist/esm/parts/Thumb.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Thumb.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useState } from 'react';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip';\nimport { conformedThumbLabel } from '../utils/thumbLabels.js';\nimport { StyledThumb } from '../styles.js';\nimport type { IRenderThumbParams } from 'react-range/lib/types.js';\nimport DSSliderV2Context from '../DSSliderV2CTX.js';\n\nexport const Thumb = ({ index, props, isDragged }: IRenderThumbParams) => {\n  const {\n    propsWithDefault: { disabled, customTickMarksValues, step, minValue },\n    rangeValues,\n    getOwnerProps,\n    getOwnerPropsArguments,\n  } = useContext(DSSliderV2Context);\n\n  const [isHovered, setIsHovered] = useState(false);\n  const [isFocused, setIsFocused] = useState(false);\n\n  const { ref, ...rest } = props;\n\n  const label = conformedThumbLabel({ rangeValues, customTickMarksValues, index, step, minValue });\n\n  return (\n    <StyledThumb\n      {...rest}\n      style={{ ...rest.style, zIndex: undefined }}\n      innerRef={ref}\n      disabled={disabled}\n      onMouseEnter={() => {\n        setIsHovered(true);\n        setIsFocused(false);\n      }}\n      onMouseLeave={() => setIsHovered(false)}\n      onKeyDownCapture={() => setIsFocused(true)}\n      onBlur={() => setIsFocused(false)}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n    >\n      <DSTooltipV3\n        key={label}\n        text={label}\n        showPopover={isDragged || isHovered || isFocused}\n        customOffset={[0, 20]}\n        withoutAnimation\n      >\n        <></>\n      </DSTooltipV3>\n    </StyledThumb>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC6Cf;AA7CR,SAAgB,YAAY,gBAAgB;AAC5C,SAAS,mBAAmB;AAC5B,SAAS,2BAA2B;AACpC,SAAS,mBAAmB;AAE5B,OAAO,uBAAuB;AAEvB,MAAM,QAAQ,CAAC,EAAE,OAAO,OAAO,UAAU,MAA0B;AACxE,QAAM;AAAA,IACJ,kBAAkB,EAAE,UAAU,uBAAuB,MAAM,SAAS;AAAA,IACpE;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,iBAAiB;AAEhC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAEhD,QAAM,EAAE,KAAK,GAAG,KAAK,IAAI;AAEzB,QAAM,QAAQ,oBAAoB,EAAE,aAAa,uBAAuB,OAAO,MAAM,SAAS,CAAC;AAE/F,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,EAAE,GAAG,KAAK,OAAO,QAAQ,OAAU;AAAA,MAC1C,UAAU;AAAA,MACV;AAAA,MACA,cAAc,MAAM;AAClB,qBAAa,IAAI;AACjB,qBAAa,KAAK;AAAA,MACpB;AAAA,MACA,cAAc,MAAM,aAAa,KAAK;AAAA,MACtC,kBAAkB,MAAM,aAAa,IAAI;AAAA,MACzC,QAAQ,MAAM,aAAa,KAAK;AAAA,MAChC;AAAA,MACA;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UAEC,MAAM;AAAA,UACN,aAAa,aAAa,aAAa;AAAA,UACvC,cAAc,CAAC,GAAG,EAAE;AAAA,UACpB,kBAAgB;AAAA,UAEhB,0CAAE;AAAA;AAAA,QANG;AAAA,MAOP;AAAA;AAAA,EACF;AAEJ;",
+  "names": []
+}

package/dist/esm/parts/TickMarks.js

@@ -0,0 +1,37 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { useContext, useMemo } from "react";
+import { StyledDot, StyledDotsContainer } from "../styles.js";
+import { inRange } from "../utils/inRange.js";
+import DSSliderV2Context from "../DSSliderV2CTX.js";
+const TickMarks = () => {
+  const {
+    propsWithDefault: { step, minValue, maxValue },
+    rangeValues,
+    getOwnerProps,
+    getOwnerPropsArguments
+  } = useContext(DSSliderV2Context);
+  const dots = useMemo(() => {
+    const dotsArr = [];
+    for (let value = minValue; value <= maxValue; value += step) {
+      const isActive = inRange(value, rangeValues);
+      dotsArr.push(
+        /* @__PURE__ */ jsx(
+          StyledDot,
+          {
+            isActive,
+            getOwnerProps,
+            getOwnerPropsArguments
+          },
+          value
+        )
+      );
+    }
+    return dotsArr;
+  }, [getOwnerProps, getOwnerPropsArguments, maxValue, minValue, rangeValues, step]);
+  return /* @__PURE__ */ jsx(StyledDotsContainer, { getOwnerProps, getOwnerPropsArguments, children: dots });
+};
+export {
+  TickMarks
+};
+//# sourceMappingURL=TickMarks.js.map

package/dist/esm/parts/TickMarks.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/TickMarks.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo } from 'react';\nimport { StyledDot, StyledDotsContainer } from '../styles.js';\nimport { inRange } from '../utils/inRange.js';\nimport DSSliderV2Context from '../DSSliderV2CTX.js';\n\nexport const TickMarks = () => {\n  const {\n    propsWithDefault: { step, minValue, maxValue },\n    rangeValues,\n    getOwnerProps,\n    getOwnerPropsArguments,\n  } = useContext(DSSliderV2Context);\n\n  const dots = useMemo(() => {\n    const dotsArr = [];\n\n    for (let value = minValue; value <= maxValue; value += step) {\n      const isActive = inRange(value, rangeValues);\n      dotsArr.push(\n        <StyledDot\n          isActive={isActive}\n          key={value}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        />,\n      );\n    }\n\n    return dotsArr;\n  }, [getOwnerProps, getOwnerPropsArguments, maxValue, minValue, rangeValues, step]);\n\n  return (\n    <StyledDotsContainer getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n      {dots}\n    </StyledDotsContainer>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACmBf;AAnBR,SAAgB,YAAY,eAAe;AAC3C,SAAS,WAAW,2BAA2B;AAC/C,SAAS,eAAe;AACxB,OAAO,uBAAuB;AAEvB,MAAM,YAAY,MAAM;AAC7B,QAAM;AAAA,IACJ,kBAAkB,EAAE,MAAM,UAAU,SAAS;AAAA,IAC7C;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,iBAAiB;AAEhC,QAAM,OAAO,QAAQ,MAAM;AACzB,UAAM,UAAU,CAAC;AAEjB,aAAS,QAAQ,UAAU,SAAS,UAAU,SAAS,MAAM;AAC3D,YAAM,WAAW,QAAQ,OAAO,WAAW;AAC3C,cAAQ;AAAA,QACN;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YAEA;AAAA,YACA;AAAA;AAAA,UAFK;AAAA,QAGP;AAAA,MACF;AAAA,IACF;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,eAAe,wBAAwB,UAAU,UAAU,aAAa,IAAI,CAAC;AAEjF,SACE,oBAAC,uBAAoB,eAA8B,wBAChD,gBACH;AAEJ;",
+  "names": []
+}

package/dist/esm/parts/TickMarksValues.js

@@ -0,0 +1,37 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { useContext, useMemo } from "react";
+import { StyledTickMarkValue, StyledTickMarksContainer } from "../styles.js";
+import { inRange } from "../utils/inRange.js";
+import DSSliderV2Context from "../DSSliderV2CTX.js";
+const TickMarksValues = () => {
+  const {
+    propsWithDefault: { customTickMarksValues },
+    rangeValues,
+    tickMarkPositions,
+    instanceUid,
+    getOwnerProps,
+    getOwnerPropsArguments
+  } = useContext(DSSliderV2Context);
+  const markValues = useMemo(
+    () => tickMarkPositions.map((value, index) => {
+      const isSelected = inRange(value, rangeValues);
+      return /* @__PURE__ */ jsx(
+        StyledTickMarkValue,
+        {
+          isSelected,
+          getOwnerProps,
+          getOwnerPropsArguments,
+          children: customTickMarksValues[index] ?? value
+        },
+        `${instanceUid}-${value}`
+      );
+    }),
+    [tickMarkPositions, rangeValues, instanceUid, getOwnerProps, getOwnerPropsArguments, customTickMarksValues]
+  );
+  return /* @__PURE__ */ jsx(StyledTickMarksContainer, { getOwnerProps, getOwnerPropsArguments, children: markValues });
+};
+export {
+  TickMarksValues
+};
+//# sourceMappingURL=TickMarksValues.js.map

package/dist/esm/parts/TickMarksValues.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/TickMarksValues.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext, useMemo } from 'react';\nimport { StyledTickMarkValue, StyledTickMarksContainer } from '../styles.js';\nimport { inRange } from '../utils/inRange.js';\nimport DSSliderV2Context from '../DSSliderV2CTX.js';\n\nexport const TickMarksValues = () => {\n  const {\n    propsWithDefault: { customTickMarksValues },\n    rangeValues,\n    tickMarkPositions,\n    instanceUid,\n    getOwnerProps,\n    getOwnerPropsArguments,\n  } = useContext(DSSliderV2Context);\n\n  const markValues = useMemo(\n    () =>\n      tickMarkPositions.map((value, index) => {\n        const isSelected = inRange(value, rangeValues);\n        return (\n          <StyledTickMarkValue\n            key={`${instanceUid}-${value}`}\n            isSelected={isSelected}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          >\n            {customTickMarksValues[index] ?? value}\n          </StyledTickMarkValue>\n        );\n      }),\n    [tickMarkPositions, rangeValues, instanceUid, getOwnerProps, getOwnerPropsArguments, customTickMarksValues],\n  );\n\n  return (\n    <StyledTickMarksContainer getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n      {markValues}\n    </StyledTickMarksContainer>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACoBb;AApBV,SAAgB,YAAY,eAAe;AAC3C,SAAS,qBAAqB,gCAAgC;AAC9D,SAAS,eAAe;AACxB,OAAO,uBAAuB;AAEvB,MAAM,kBAAkB,MAAM;AACnC,QAAM;AAAA,IACJ,kBAAkB,EAAE,sBAAsB;AAAA,IAC1C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,iBAAiB;AAEhC,QAAM,aAAa;AAAA,IACjB,MACE,kBAAkB,IAAI,CAAC,OAAO,UAAU;AACtC,YAAM,aAAa,QAAQ,OAAO,WAAW;AAC7C,aACE;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA;AAAA,UACA;AAAA,UAEC,gCAAsB,KAAK,KAAK;AAAA;AAAA,QAL5B,GAAG,eAAe;AAAA,MAMzB;AAAA,IAEJ,CAAC;AAAA,IACH,CAAC,mBAAmB,aAAa,aAAa,eAAe,wBAAwB,qBAAqB;AAAA,EAC5G;AAEA,SACE,oBAAC,4BAAyB,eAA8B,wBACrD,sBACH;AAEJ;",
+  "names": []
+}

package/dist/esm/parts/Track.js

@@ -0,0 +1,41 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useContext } from "react";
+import { TickMarks } from "./TickMarks.js";
+import { TickMarksValues } from "./TickMarksValues.js";
+import { StyledTrack } from "../styles.js";
+import DSSliderV2Context from "../DSSliderV2CTX.js";
+const Track = ({ children, props, disabled }) => {
+  const {
+    propsWithDefault: { minValue, maxValue, withTickMarksValues, withTickMarks },
+    rangeValues,
+    getOwnerProps,
+    getOwnerPropsArguments
+  } = useContext(DSSliderV2Context);
+  const { ref, ...rest } = props;
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(
+      StyledTrack,
+      {
+        ...rest,
+        innerRef: ref,
+        disabled,
+        minValue,
+        maxValue,
+        rangeValues,
+        multiple: rangeValues.length === 2,
+        getOwnerProps,
+        getOwnerPropsArguments,
+        children: [
+          children,
+          withTickMarks && !disabled && /* @__PURE__ */ jsx(TickMarks, {})
+        ]
+      }
+    ),
+    withTickMarksValues && /* @__PURE__ */ jsx(TickMarksValues, {})
+  ] });
+};
+export {
+  Track
+};
+//# sourceMappingURL=Track.js.map

package/dist/esm/parts/Track.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/Track.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { TickMarks } from './TickMarks.js';\nimport { TickMarksValues } from './TickMarksValues.js';\nimport { StyledTrack } from '../styles.js';\nimport type { IRenderTrackParams } from 'react-range/lib/types.js';\nimport DSSliderV2Context from '../DSSliderV2CTX.js';\n\nexport const Track = ({ children, props, disabled }: IRenderTrackParams) => {\n  const {\n    propsWithDefault: { minValue, maxValue, withTickMarksValues, withTickMarks },\n    rangeValues,\n    getOwnerProps,\n    getOwnerPropsArguments,\n  } = useContext(DSSliderV2Context);\n\n  const { ref, ...rest } = props;\n\n  return (\n    <>\n      <StyledTrack\n        {...rest} // This is needed because it's received from the library\n        innerRef={ref}\n        disabled={disabled}\n        minValue={minValue}\n        maxValue={maxValue}\n        rangeValues={rangeValues}\n        multiple={rangeValues.length === 2}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        {children}\n        {withTickMarks && !disabled && <TickMarks />}\n      </StyledTrack>\n      {withTickMarksValues && <TickMarksValues />}\n    </>\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACkBnB,mBAamC,KAZjC,YADF;AAlBJ,SAAgB,kBAAkB;AAClC,SAAS,iBAAiB;AAC1B,SAAS,uBAAuB;AAChC,SAAS,mBAAmB;AAE5B,OAAO,uBAAuB;AAEvB,MAAM,QAAQ,CAAC,EAAE,UAAU,OAAO,SAAS,MAA0B;AAC1E,QAAM;AAAA,IACJ,kBAAkB,EAAE,UAAU,UAAU,qBAAqB,cAAc;AAAA,IAC3E;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,WAAW,iBAAiB;AAEhC,QAAM,EAAE,KAAK,GAAG,KAAK,IAAI;AAEzB,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACE,GAAG;AAAA,QACJ,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,UAAU,YAAY,WAAW;AAAA,QACjC;AAAA,QACA;AAAA,QAEC;AAAA;AAAA,UACA,iBAAiB,CAAC,YAAY,oBAAC,aAAU;AAAA;AAAA;AAAA,IAC5C;AAAA,IACC,uBAAuB,oBAAC,mBAAgB;AAAA,KAC3C;AAEJ;",
+  "names": []
+}

package/dist/esm/react-desc-prop-types.js

@@ -0,0 +1,39 @@
+import * as React from "react";
+import {
+  PropTypes,
+  globalAttributesPropTypes,
+  xstyledPropTypes,
+  getPropsPerSlotPropTypes
+} from "@elliemae/ds-props-helpers";
+import { DSSliderV2Name, SLIDER_V2_SLOTS } from "./constants/index.js";
+const defaultProps = {
+  disabled: false,
+  step: 5,
+  onValueChange: () => {
+  },
+  withTickMarks: false,
+  withTickMarksValues: false,
+  customTickMarksValues: [],
+  multiple: false
+};
+const DSSliderV2PropTypes = {
+  ...getPropsPerSlotPropTypes(DSSliderV2Name, SLIDER_V2_SLOTS),
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
+  disabled: PropTypes.bool.description("disable slider").defaultValue(false),
+  minValue: PropTypes.number.description("min value for slider").defaultValue(0),
+  maxValue: PropTypes.number.description("max value for slider").defaultValue(100),
+  step: PropTypes.number.description("steps of values from min to max").defaultValue(5),
+  onValueChange: PropTypes.func.description("change handler").defaultValue(() => {
+  }),
+  withTickMarks: PropTypes.bool.description("add tick marks between steps").defaultValue(false),
+  withTickMarksValues: PropTypes.bool.description("add step value to tickmark").defaultValue(false),
+  customTickMarksValues: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string, PropTypes.number])).description("Explicitly set tickmark values for custom tickmarks").defaultValue([])
+};
+const DSSliderV2PropTypesSchema = DSSliderV2PropTypes;
+export {
+  DSSliderV2PropTypes,
+  DSSliderV2PropTypesSchema,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map