@hitachivantara/uikit-react-core 5.39.1 → 5.39.3

package/dist/cjs/components/Slider/Slider.styles.cjs

@@ -72,9 +72,7 @@ const sliderStyles = {
     ...dot,
     cursor: "not-allowed"
   },
-  knobHidden: {
-    display: "none"
-  },
+  knobHidden: { display: "none" },
   knobHiddenLast: {
     borderColor: "transparent",
     height: "3px",
@@ -112,32 +110,18 @@ const sliderStyles = {
     zIndex: "-1",
     marginTop: "-1px"
   },
-  rail: {
-    backgroundColor: uikitStyles.theme.colors.atmo4,
-    height: "1px",
-    zIndex: "-3"
-  }
+  rail: { backgroundColor: uikitStyles.theme.colors.atmo4, height: "1px", zIndex: "-3" }
 };
-const {
-  staticClasses,
-  useClasses
-} = classes.createClasses("HvSlider", {
-  sliderBase: {
-    ...base.default
-  },
+const { staticClasses, useClasses } = classes.createClasses("HvSlider", {
+  sliderBase: { ...base.default },
   rootDisabled: {
     cursor: "not-allowed",
     "&& .rc-slider-disabled": {
       background: "transparent"
     }
   },
-  sliderContainer: {
-    marginBottom: "18px",
-    padding: "0 23px"
-  },
-  error: {
-    padding: "0 8px"
-  },
+  sliderContainer: { marginBottom: "18px", padding: "0 23px" },
+  error: { padding: "0 8px" },
   trackDragging: {
     cursor: "grabbing",
     "&& .rc-slider-track": {
@@ -156,9 +140,7 @@ const {
       }
     }
   },
-  sliderRoot: {
-    zIndex: 0
-  },
+  sliderRoot: { zIndex: 0 },
   rootRange: {},
   handleContainer: {
     "&& .rc-slider-handle": {
@@ -209,9 +191,7 @@ const {
       }
     }
   },
-  handleHiddenContainer: {
-    display: "none"
-  },
+  handleHiddenContainer: { display: "none" },
   labelContainer: {
     display: "flex",
     alignItems: "center",
@@ -220,12 +200,8 @@ const {
     marginLeft: "20px",
     marginRight: "20px"
   },
-  labelIncluded: {
-    justifyContent: "space-between"
-  },
-  onlyInput: {
-    justifyContent: "flex-end"
-  },
+  labelIncluded: { justifyContent: "space-between" },
+  onlyInput: { justifyContent: "flex-end" },
   label: {},
   root: {},
   sliderTooltip: {

package/dist/cjs/components/Slider/Slider.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.styles.cjs","sources":["../../../../src/components/Slider/Slider.styles.tsx"],"sourcesContent":["import { CSSProperties } from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nimport base from \"./base\";\n\nconst dot: CSSProperties = {\n  position: \"absolute\",\n  bottom: \"-1px\",\n  marginLeft: \"0px\",\n  width: \"1px\",\n  height: \"4px\",\n  border: \"none\",\n  borderRadius: \"0%\",\n  backgroundColor: theme.colors.atmo4,\n  cursor: \"pointer\",\n  verticalAlign: \"middle\",\n  zIndex: \"-3\",\n};\n\nconst dragSquare: CSSProperties = {\n  cursor: \"grab\",\n  width: \"calc(100% - 40px)\",\n  left: \"20px\",\n  height: \"27px\",\n  position: \"absolute\",\n  top: \"-12px\",\n  content: \"''\",\n  background: \"transparent\",\n  borderTop: `12px solid ${theme.colors.primary_20}`,\n  borderBottom: `12px solid ${theme.colors.primary_20}`,\n  zIndex: \"-2\",\n};\n\nconst ring: CSSProperties = {\n  width: \"32px\",\n  height: \"32px\",\n  borderRadius: \"50%\",\n  border: `9px solid ${theme.colors.primary_20}`,\n  opacity: \"100%\",\n  content: \"''\",\n  position: \"absolute\",\n  top: \"-10px\",\n  left: \"-10px\",\n};\n\nconst border: CSSProperties = {\n  width: \"20px\",\n  height: \"20px\",\n  borderRadius: \"50%\",\n  border: `2px solid ${theme.colors.atmo1}`,\n  content: \"''\",\n  position: \"absolute\",\n  top: \"-4px\",\n  left: \"-4px\",\n};\n\nexport const sliderStyles = {\n  mark: {\n    ...theme.typography.caption1,\n    fontFamily: theme.fontFamily.body,\n    top: \"-2px\",\n    zIndex: -1,\n  },\n  disabledMark: {\n    ...theme.typography.caption1,\n    fontFamily: theme.fontFamily.body,\n    color: `${theme.colors.secondary_60}`,\n    cursor: \"not-allowed\",\n    top: \"-2px\",\n  },\n  dot: {\n    ...dot,\n  },\n  dotDisabled: {\n    ...dot,\n    cursor: \"not-allowed\",\n  },\n  knobHidden: { display: \"none\" },\n  knobHiddenLast: {\n    borderColor: \"transparent\",\n    height: \"3px\",\n    width: \"2px\",\n    marginLeft: \"-1px\",\n    border: \"none\",\n    borderRadius: \"0\",\n    marginTop: \"0px\",\n    left: \"100%\",\n    touchAction: \"none\",\n    cursor: \"default\",\n  },\n  knobInner: {\n    borderColor: \"transparent\",\n    boxShadow: \"none\",\n    backgroundColor: theme.colors.secondary,\n    width: \"16px\",\n    height: \"16px\",\n  },\n  knobOuter: {\n    position: \"relative\",\n    borderColor: \"transparent\",\n    borderRadius: \"50%\",\n    boxShadow: \"none\",\n    backgroundColor: theme.colors.atmo4,\n    width: \"32px\",\n    height: \"32px\",\n    top: \"-80%\",\n    left: \"-80%\",\n    zIndex: \"-1\",\n  },\n  track: {\n    backgroundColor: theme.colors.secondary,\n    height: \"3px\",\n    zIndex: \"-1\",\n    marginTop: \"-1px\",\n  },\n  rail: { backgroundColor: theme.colors.atmo4, height: \"1px\", zIndex: \"-3\" },\n} satisfies Record<string, CSSProperties>;\n\nexport const { staticClasses, useClasses } = createClasses(\"HvSlider\", {\n  sliderBase: { ...base },\n  rootDisabled: {\n    cursor: \"not-allowed\",\n    \"&& .rc-slider-disabled\": {\n      background: \"transparent\",\n    },\n  },\n  sliderContainer: { marginBottom: \"18px\", padding: \"0 23px\" },\n  error: { padding: \"0 8px\" },\n  trackDragging: {\n    cursor: \"grabbing\",\n\n    \"&& .rc-slider-track\": {\n      \"&::before\": {\n        ...dragSquare,\n        cursor: \"grabbing\",\n      },\n    },\n  },\n  trackStandBy: {\n    \"&& .rc-slider-track\": {\n      \"&:hover\": {\n        \"&::before\": {\n          ...dragSquare,\n        },\n      },\n    },\n  },\n  sliderRoot: { zIndex: 0 },\n  rootRange: {},\n  handleContainer: {\n    \"&& .rc-slider-handle\": {\n      cursor: \"pointer\",\n      marginTop: \"-8px\",\n      opacity: 1,\n      \"&:active\": {\n        cursor: \"grab\",\n        \"&::before\": {\n          ...ring,\n        },\n        \"&::after\": {\n          ...border,\n        },\n      },\n      \"&:hover\": {\n        \"&::before\": {\n          ...ring,\n        },\n        \"&::after\": {\n          ...border,\n        },\n      },\n\n      // Note about the usage of `!important below`: the way the rc-slider allows us to\n      // style the knobs is through inline styles. This means that the `box-shadow`, which\n      // is an inline style and is set to `none` to prevent the default rc-slider style to\n      // show, can't be overridden for the focus scenario unless we use the `!important` flag.\n      \"&:focus-visible\": {\n        ...outlineStyles,\n        boxShadow: \"0 0 0 3px #52A8EC, 0 0 0 7px rgba(29,155,209,.3)!important\",\n        \"&::after\": {\n          ...border,\n        },\n      },\n    },\n  },\n  handle: {},\n  handleContainerDisabled: {\n    \"&& .rc-slider-handle\": {\n      cursor: \"not-allowed\",\n      marginTop: \"-8px\",\n      opacity: 1,\n      \"&:active\": {\n        cursor: \"not-allowed\",\n      },\n      \"&:hover\": {\n        cursor: \"not-allowed\",\n      },\n    },\n  },\n  handleHiddenContainer: { display: \"none\" },\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    marginBottom: \"12px\",\n    marginLeft: \"20px\",\n    marginRight: \"20px\",\n  },\n  labelIncluded: { justifyContent: \"space-between\" },\n  onlyInput: { justifyContent: \"flex-end\" },\n  label: {},\n  root: {},\n  sliderTooltip: {\n    \"&& .rc-slider-tooltip-inner\": {\n      background: theme.colors.atmo1,\n      borderRadius: 0,\n      maxWidth: \"532px\",\n      height: \"100%\",\n      padding: theme.space.sm,\n      ...theme.typography.body,\n      fontFamily: theme.fontFamily.body,\n      boxShadow: \"none\",\n    },\n\n    \"&& .rc-slider-tooltip-arrow\": {\n      visibility: \"hidden\",\n    },\n  },\n});\n"],"names":["dot","position","bottom","marginLeft","width","height","border","borderRadius","backgroundColor","theme","colors","atmo4","cursor","verticalAlign","zIndex","dragSquare","left","top","content","background","borderTop","primary_20","borderBottom","ring","opacity","atmo1","sliderStyles","mark","typography","caption1","fontFamily","body","disabledMark","color","secondary_60","dotDisabled","knobHidden","display","knobHiddenLast","borderColor","marginTop","touchAction","knobInner","boxShadow","secondary","knobOuter","track","rail","staticClasses","useClasses","createClasses","sliderBase","base","rootDisabled","sliderContainer","marginBottom","padding","error","trackDragging","trackStandBy","sliderRoot","rootRange","handleContainer","outlineStyles","handle","handleContainerDisabled","handleHiddenContainer","labelContainer","alignItems","justifyContent","marginRight","labelIncluded","onlyInput","label","root","sliderTooltip","maxWidth","space","sm","visibility"],"mappings":"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"}
+{"version":3,"file":"Slider.styles.cjs","sources":["../../../../src/components/Slider/Slider.styles.tsx"],"sourcesContent":["import { CSSProperties } from \"react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { outlineStyles } from \"@core/utils/focusUtils\";\nimport { createClasses } from \"@core/utils/classes\";\n\nimport base from \"./base\";\n\nconst dot: CSSProperties = {\n  position: \"absolute\",\n  bottom: \"-1px\",\n  marginLeft: \"0px\",\n  width: \"1px\",\n  height: \"4px\",\n  border: \"none\",\n  borderRadius: \"0%\",\n  backgroundColor: theme.colors.atmo4,\n  cursor: \"pointer\",\n  verticalAlign: \"middle\",\n  zIndex: \"-3\",\n};\n\nconst dragSquare: CSSProperties = {\n  cursor: \"grab\",\n  width: \"calc(100% - 40px)\",\n  left: \"20px\",\n  height: \"27px\",\n  position: \"absolute\",\n  top: \"-12px\",\n  content: \"''\",\n  background: \"transparent\",\n  borderTop: `12px solid ${theme.colors.primary_20}`,\n  borderBottom: `12px solid ${theme.colors.primary_20}`,\n  zIndex: \"-2\",\n};\n\nconst ring: CSSProperties = {\n  width: \"32px\",\n  height: \"32px\",\n  borderRadius: \"50%\",\n  border: `9px solid ${theme.colors.primary_20}`,\n  opacity: \"100%\",\n  content: \"''\",\n  position: \"absolute\",\n  top: \"-10px\",\n  left: \"-10px\",\n};\n\nconst border: CSSProperties = {\n  width: \"20px\",\n  height: \"20px\",\n  borderRadius: \"50%\",\n  border: `2px solid ${theme.colors.atmo1}`,\n  content: \"''\",\n  position: \"absolute\",\n  top: \"-4px\",\n  left: \"-4px\",\n};\n\nexport const sliderStyles = {\n  mark: {\n    ...theme.typography.caption1,\n    fontFamily: theme.fontFamily.body,\n    top: \"-2px\",\n    zIndex: -1,\n  },\n  disabledMark: {\n    ...theme.typography.caption1,\n    fontFamily: theme.fontFamily.body,\n    color: `${theme.colors.secondary_60}`,\n    cursor: \"not-allowed\",\n    top: \"-2px\",\n  },\n  dot: {\n    ...dot,\n  },\n  dotDisabled: {\n    ...dot,\n    cursor: \"not-allowed\",\n  },\n  knobHidden: { display: \"none\" },\n  knobHiddenLast: {\n    borderColor: \"transparent\",\n    height: \"3px\",\n    width: \"2px\",\n    marginLeft: \"-1px\",\n    border: \"none\",\n    borderRadius: \"0\",\n    marginTop: \"0px\",\n    left: \"100%\",\n    touchAction: \"none\",\n    cursor: \"default\",\n  },\n  knobInner: {\n    borderColor: \"transparent\",\n    boxShadow: \"none\",\n    backgroundColor: theme.colors.secondary,\n    width: \"16px\",\n    height: \"16px\",\n  },\n  knobOuter: {\n    position: \"relative\",\n    borderColor: \"transparent\",\n    borderRadius: \"50%\",\n    boxShadow: \"none\",\n    backgroundColor: theme.colors.atmo4,\n    width: \"32px\",\n    height: \"32px\",\n    top: \"-80%\",\n    left: \"-80%\",\n    zIndex: \"-1\",\n  },\n  track: {\n    backgroundColor: theme.colors.secondary,\n    height: \"3px\",\n    zIndex: \"-1\",\n    marginTop: \"-1px\",\n  },\n  rail: { backgroundColor: theme.colors.atmo4, height: \"1px\", zIndex: \"-3\" },\n} satisfies Record<string, CSSProperties>;\n\nexport const { staticClasses, useClasses } = createClasses(\"HvSlider\", {\n  sliderBase: { ...base },\n  rootDisabled: {\n    cursor: \"not-allowed\",\n    \"&& .rc-slider-disabled\": {\n      background: \"transparent\",\n    },\n  },\n  sliderContainer: { marginBottom: \"18px\", padding: \"0 23px\" },\n  error: { padding: \"0 8px\" },\n  trackDragging: {\n    cursor: \"grabbing\",\n\n    \"&& .rc-slider-track\": {\n      \"&::before\": {\n        ...dragSquare,\n        cursor: \"grabbing\",\n      },\n    },\n  },\n  trackStandBy: {\n    \"&& .rc-slider-track\": {\n      \"&:hover\": {\n        \"&::before\": {\n          ...dragSquare,\n        },\n      },\n    },\n  },\n  sliderRoot: { zIndex: 0 },\n  rootRange: {},\n  handleContainer: {\n    \"&& .rc-slider-handle\": {\n      cursor: \"pointer\",\n      marginTop: \"-8px\",\n      opacity: 1,\n      \"&:active\": {\n        cursor: \"grab\",\n        \"&::before\": {\n          ...ring,\n        },\n        \"&::after\": {\n          ...border,\n        },\n      },\n      \"&:hover\": {\n        \"&::before\": {\n          ...ring,\n        },\n        \"&::after\": {\n          ...border,\n        },\n      },\n\n      // Note about the usage of `!important below`: the way the rc-slider allows us to\n      // style the knobs is through inline styles. This means that the `box-shadow`, which\n      // is an inline style and is set to `none` to prevent the default rc-slider style to\n      // show, can't be overridden for the focus scenario unless we use the `!important` flag.\n      \"&:focus-visible\": {\n        ...outlineStyles,\n        boxShadow: \"0 0 0 3px #52A8EC, 0 0 0 7px rgba(29,155,209,.3)!important\",\n        \"&::after\": {\n          ...border,\n        },\n      },\n    },\n  },\n  handle: {},\n  handleContainerDisabled: {\n    \"&& .rc-slider-handle\": {\n      cursor: \"not-allowed\",\n      marginTop: \"-8px\",\n      opacity: 1,\n      \"&:active\": {\n        cursor: \"not-allowed\",\n      },\n      \"&:hover\": {\n        cursor: \"not-allowed\",\n      },\n    },\n  },\n  handleHiddenContainer: { display: \"none\" },\n  labelContainer: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    marginBottom: \"12px\",\n    marginLeft: \"20px\",\n    marginRight: \"20px\",\n  },\n  labelIncluded: { justifyContent: \"space-between\" },\n  onlyInput: { justifyContent: \"flex-end\" },\n  label: {},\n  root: {},\n  sliderTooltip: {\n    \"&& .rc-slider-tooltip-inner\": {\n      background: theme.colors.atmo1,\n      borderRadius: 0,\n      maxWidth: \"532px\",\n      height: \"100%\",\n      padding: theme.space.sm,\n      ...theme.typography.body,\n      fontFamily: theme.fontFamily.body,\n      boxShadow: \"none\",\n    },\n\n    \"&& .rc-slider-tooltip-arrow\": {\n      visibility: \"hidden\",\n    },\n  },\n});\n"],"names":["theme","createClasses","base","outlineStyles"],"mappings":"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"}

package/dist/cjs/components/Slider/SliderInput/SliderInput.cjs

@@ -21,11 +21,10 @@ const HvSliderInput = ({
   onChange,
   ...others
 }) => {
-  const {
-    classes,
-    cx
-  } = SliderInput_styles.useClasses(classesProp);
-  const [inputValues, setInputValues] = React.useState(utils.knobsValuesToString(valuesProp, markDigits));
+  const { classes, cx } = SliderInput_styles.useClasses(classesProp);
+  const [inputValues, setInputValues] = React.useState(
+    utils.knobsValuesToString(valuesProp, markDigits)
+  );
   const handleChange = (index) => {
     if (disabled)
       return;
@@ -36,11 +35,28 @@ const HvSliderInput = ({
   }, [markDigits, valuesProp]);
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx(classes.inputRoot, className), ...others, children: inputValues.map((value, index) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.inputContainer, children: [
     index !== 0 && /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Remove, { color: disabled ? ["atmo4"] : void 0 }),
-    /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, { id: setId.setId(id, index), "aria-label": `${label}-${index}`, className: classes.input, disabled, type: "number", value: Number.isNaN(value) || value == null ? "" : value.toString(), onEnter: () => handleChange(index), onBlur: () => handleChange(index), onChange: (_, inputValue) => {
-      const newValues = [...inputValues];
-      newValues[index] = inputValue;
-      setInputValues(newValues);
-    }, status: status?.[index] || "standBy", readOnly, disableClear: true, ...inputProps[index] })
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Input.HvInput,
+      {
+        id: setId.setId(id, index),
+        "aria-label": `${label}-${index}`,
+        className: classes.input,
+        disabled,
+        type: "number",
+        value: Number.isNaN(value) || value == null ? "" : value.toString(),
+        onEnter: () => handleChange(index),
+        onBlur: () => handleChange(index),
+        onChange: (_, inputValue) => {
+          const newValues = [...inputValues];
+          newValues[index] = inputValue;
+          setInputValues(newValues);
+        },
+        status: status?.[index] || "standBy",
+        readOnly,
+        disableClear: true,
+        ...inputProps[index]
+      }
+    )
   ] }, setId.setId(id, index))) });
 };
 exports.sliderInputClasses = SliderInput_styles.staticClasses;

package/dist/cjs/components/Slider/SliderInput/SliderInput.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SliderInput.cjs","sources":["../../../../../src/components/Slider/SliderInput/SliderInput.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { Remove } from \"@hitachivantara/uikit-react-icons\";\n\nimport { setId } from \"@core/utils/setId\";\nimport { HvFormStatus } from \"@core/components/Forms\";\nimport { HvInput, HvInputProps } from \"@core/components/Input\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { knobsValuesToString, stringValuesToKnobs } from \"../utils\";\nimport { staticClasses, useClasses } from \"./SliderInput.styles\";\n\nexport { staticClasses as sliderInputClasses };\n\nexport type HvSliderInputClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSliderInputProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\"> {\n  /**\n   * Used to generate the aria-label for the inputs.\n   */\n  label?: React.ReactNode;\n  /**\n   * Input status.\n   */\n  status?: HvFormStatus[];\n  /**\n   * The values array to apply to the component\n   */\n  values?: number[];\n  /**\n   * Callback function to be triggered when the selected date has changed.\n   */\n  onChange?: (values: number[], index: number) => void;\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps?: HvInputProps[];\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the form element is read only.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates how many decimals to use.\n   */\n  markDigits?: number;\n  /**\n   * Styles applied from the theme.\n   */\n  classes?: HvSliderInputClasses;\n}\n\nexport const HvSliderInput = ({\n  classes: classesProp,\n  className,\n  id,\n  label,\n  status,\n  values: valuesProp = [],\n  inputProps = [],\n  readOnly = false,\n  disabled = false,\n  markDigits = 0,\n  onChange,\n  ...others\n}: HvSliderInputProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const [inputValues, setInputValues] = useState<string[]>(\n    knobsValuesToString(valuesProp, markDigits)\n  );\n\n  const handleChange = (index: number) => {\n    if (disabled) return;\n\n    onChange?.(stringValuesToKnobs(inputValues), index);\n  };\n\n  useEffect(() => {\n    setInputValues(knobsValuesToString(valuesProp, markDigits));\n  }, [markDigits, valuesProp]);\n\n  return (\n    <div className={cx(classes.inputRoot, className)} {...others}>\n      {inputValues.map((value, index) => (\n        <div key={setId(id, index)} className={classes.inputContainer}>\n          {index !== 0 && <Remove color={disabled ? [\"atmo4\"] : undefined} />}\n          <HvInput\n            id={setId(id, index)}\n            aria-label={`${label}-${index}`}\n            className={classes.input}\n            disabled={disabled}\n            type=\"number\"\n            value={Number.isNaN(value) || value == null ? \"\" : value.toString()}\n            onEnter={() => handleChange(index)}\n            onBlur={() => handleChange(index)}\n            onChange={(_, inputValue) => {\n              const newValues = [...inputValues];\n              newValues[index] = inputValue;\n              setInputValues(newValues);\n            }}\n            status={status?.[index] || \"standBy\"}\n            readOnly={readOnly}\n            disableClear\n            {...inputProps[index]}\n          />\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"names":["HvSliderInput","classes","classesProp","className","id","label","status","values","valuesProp","inputProps","readOnly","disabled","markDigits","onChange","others","cx","useClasses","inputValues","setInputValues","useState","knobsValuesToString","handleChange","index","stringValuesToKnobs","useEffect","inputRoot","map","value","inputContainer","Remove","undefined","HvInput","setId","input","Number","isNaN","toString","_","inputValue","newValues"],"mappings":";;;;;;;;;AAyDO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQC,aAAa,CAAE;AAAA,EACvBC,aAAa,CAAE;AAAA,EACfC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,aAAa;AAAA,EACbC;AAAAA,EACA,GAAGC;AACe,MAAM;AAClB,QAAA;AAAA,IAAEb;AAAAA,IAASc;AAAAA,EAAAA,IAAOC,mBAAAA,WAAWd,WAAW;AAExC,QAAA,CAACe,aAAaC,cAAc,IAAIC,MAAAA,SACpCC,MAAAA,oBAAoBZ,YAAYI,UAAU,CAC5C;AAEMS,QAAAA,eAAeA,CAACC,UAAkB;AAClCX,QAAAA;AAAU;AAEHY,eAAAA,MAAAA,oBAAoBN,WAAW,GAAGK,KAAK;AAAA,EAAA;AAGpDE,QAAAA,UAAU,MAAM;AACCJ,mBAAAA,MAAAA,oBAAoBZ,YAAYI,UAAU,CAAC;AAAA,EAAA,GACzD,CAACA,YAAYJ,UAAU,CAAC;AAE3B,wCACG,OAAI,EAAA,WAAWO,GAAGd,QAAQwB,WAAWtB,SAAS,GAAG,GAAIW,QACnDG,UAAYS,YAAAA,IAAI,CAACC,OAAOL,0CACtB,OAA2B,EAAA,WAAWrB,QAAQ2B,gBAC5CN,UAAAA;AAAAA,IAAU,UAAA,oCAAMO,gBAAAA,QAAO,EAAA,OAAOlB,WAAW,CAAC,OAAO,IAAImB,QAAa;AAAA,mCAClEC,MAAAA,SACC,EAAA,IAAIC,MAAAA,MAAM5B,IAAIkB,KAAK,GACnB,cAAa,GAAEjB,KAAM,IAAGiB,KAAM,IAC9B,WAAWrB,QAAQgC,OACnB,UACA,MAAK,UACL,OAAOC,OAAOC,MAAMR,KAAK,KAAKA,SAAS,OAAO,KAAKA,MAAMS,SAAS,GAClE,SAAS,MAAMf,aAAaC,KAAK,GACjC,QAAQ,MAAMD,aAAaC,KAAK,GAChC,UAAU,CAACe,GAAGC,eAAe;AACrBC,YAAAA,YAAY,CAAC,GAAGtB,WAAW;AACjCsB,gBAAUjB,KAAK,IAAIgB;AACnBpB,qBAAeqB,SAAS;AAAA,IAE1B,GAAA,QAAQjC,SAASgB,KAAK,KAAK,WAC3B,UACA,cAAY,MACZ,GAAIb,WAAWa,KAAK,EAAE,CAAA;AAAA,EAAA,EAAA,GAnBhBU,MAAM5B,MAAAA,IAAIkB,KAAK,CAqBzB,CACD,EACH,CAAA;AAEJ;;;"}
+{"version":3,"file":"SliderInput.cjs","sources":["../../../../../src/components/Slider/SliderInput/SliderInput.tsx"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nimport { Remove } from \"@hitachivantara/uikit-react-icons\";\n\nimport { setId } from \"@core/utils/setId\";\nimport { HvFormStatus } from \"@core/components/Forms\";\nimport { HvInput, HvInputProps } from \"@core/components/Input\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport { knobsValuesToString, stringValuesToKnobs } from \"../utils\";\nimport { staticClasses, useClasses } from \"./SliderInput.styles\";\n\nexport { staticClasses as sliderInputClasses };\n\nexport type HvSliderInputClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSliderInputProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\"> {\n  /**\n   * Used to generate the aria-label for the inputs.\n   */\n  label?: React.ReactNode;\n  /**\n   * Input status.\n   */\n  status?: HvFormStatus[];\n  /**\n   * The values array to apply to the component\n   */\n  values?: number[];\n  /**\n   * Callback function to be triggered when the selected date has changed.\n   */\n  onChange?: (values: number[], index: number) => void;\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps?: HvInputProps[];\n  /**\n   * Indicates that the form element is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the form element is read only.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates how many decimals to use.\n   */\n  markDigits?: number;\n  /**\n   * Styles applied from the theme.\n   */\n  classes?: HvSliderInputClasses;\n}\n\nexport const HvSliderInput = ({\n  classes: classesProp,\n  className,\n  id,\n  label,\n  status,\n  values: valuesProp = [],\n  inputProps = [],\n  readOnly = false,\n  disabled = false,\n  markDigits = 0,\n  onChange,\n  ...others\n}: HvSliderInputProps) => {\n  const { classes, cx } = useClasses(classesProp);\n\n  const [inputValues, setInputValues] = useState<string[]>(\n    knobsValuesToString(valuesProp, markDigits)\n  );\n\n  const handleChange = (index: number) => {\n    if (disabled) return;\n\n    onChange?.(stringValuesToKnobs(inputValues), index);\n  };\n\n  useEffect(() => {\n    setInputValues(knobsValuesToString(valuesProp, markDigits));\n  }, [markDigits, valuesProp]);\n\n  return (\n    <div className={cx(classes.inputRoot, className)} {...others}>\n      {inputValues.map((value, index) => (\n        <div key={setId(id, index)} className={classes.inputContainer}>\n          {index !== 0 && <Remove color={disabled ? [\"atmo4\"] : undefined} />}\n          <HvInput\n            id={setId(id, index)}\n            aria-label={`${label}-${index}`}\n            className={classes.input}\n            disabled={disabled}\n            type=\"number\"\n            value={Number.isNaN(value) || value == null ? \"\" : value.toString()}\n            onEnter={() => handleChange(index)}\n            onBlur={() => handleChange(index)}\n            onChange={(_, inputValue) => {\n              const newValues = [...inputValues];\n              newValues[index] = inputValue;\n              setInputValues(newValues);\n            }}\n            status={status?.[index] || \"standBy\"}\n            readOnly={readOnly}\n            disableClear\n            {...inputProps[index]}\n          />\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"names":["useClasses","useState","knobsValuesToString","stringValuesToKnobs","useEffect","Remove","jsx","HvInput","setId"],"mappings":";;;;;;;;;AAyDO,MAAM,gBAAgB,CAAC;AAAA,EAC5B,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,aAAa,CAAC;AAAA,EACtB,aAAa,CAAC;AAAA,EACd,WAAW;AAAA,EACX,WAAW;AAAA,EACX,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,MAA0B;AACxB,QAAM,EAAE,SAAS,GAAG,IAAIA,8BAAW,WAAW;AAExC,QAAA,CAAC,aAAa,cAAc,IAAIC,MAAA;AAAA,IACpCC,MAAA,oBAAoB,YAAY,UAAU;AAAA,EAAA;AAGtC,QAAA,eAAe,CAAC,UAAkB;AAClC,QAAA;AAAU;AAEH,eAAAC,MAAA,oBAAoB,WAAW,GAAG,KAAK;AAAA,EAAA;AAGpDC,QAAAA,UAAU,MAAM;AACC,mBAAAF,MAAA,oBAAoB,YAAY,UAAU,CAAC;AAAA,EAAA,GACzD,CAAC,YAAY,UAAU,CAAC;AAE3B,wCACG,OAAI,EAAA,WAAW,GAAG,QAAQ,WAAW,SAAS,GAAI,GAAG,QACnD,UAAY,YAAA,IAAI,CAAC,OAAO,0CACtB,OAA2B,EAAA,WAAW,QAAQ,gBAC5C,UAAA;AAAA,IAAU,UAAA,oCAAMG,gBAAAA,QAAO,EAAA,OAAO,WAAW,CAAC,OAAO,IAAI,QAAW;AAAA,IACjEC,2BAAA;AAAA,MAACC,MAAA;AAAA,MAAA;AAAA,QACC,IAAIC,MAAAA,MAAM,IAAI,KAAK;AAAA,QACnB,cAAY,GAAG,KAAK,IAAI,KAAK;AAAA,QAC7B,WAAW,QAAQ;AAAA,QACnB;AAAA,QACA,MAAK;AAAA,QACL,OAAO,OAAO,MAAM,KAAK,KAAK,SAAS,OAAO,KAAK,MAAM,SAAS;AAAA,QAClE,SAAS,MAAM,aAAa,KAAK;AAAA,QACjC,QAAQ,MAAM,aAAa,KAAK;AAAA,QAChC,UAAU,CAAC,GAAG,eAAe;AACrB,gBAAA,YAAY,CAAC,GAAG,WAAW;AACjC,oBAAU,KAAK,IAAI;AACnB,yBAAe,SAAS;AAAA,QAC1B;AAAA,QACA,QAAQ,SAAS,KAAK,KAAK;AAAA,QAC3B;AAAA,QACA,cAAY;AAAA,QACX,GAAG,WAAW,KAAK;AAAA,MAAA;AAAA,IACtB;AAAA,EAAA,EAAA,GApBQA,MAAM,MAAA,IAAI,KAAK,CAqBzB,CACD,EACH,CAAA;AAEJ;;;"}

package/dist/cjs/components/Slider/SliderInput/SliderInput.styles.cjs

@@ -1,19 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const classes = require("../../../utils/classes.cjs");
-const {
-  staticClasses,
-  useClasses
-} = classes.createClasses("HvSliderInput", {
-  inputRoot: {
-    display: "flex"
-  },
-  input: {
-    maxWidth: "50px"
-  },
-  inputContainer: {
-    display: "flex"
-  }
+const { staticClasses, useClasses } = classes.createClasses("HvSliderInput", {
+  inputRoot: { display: "flex" },
+  input: { maxWidth: "50px" },
+  inputContainer: { display: "flex" }
 });
 exports.staticClasses = staticClasses;
 exports.useClasses = useClasses;

package/dist/cjs/components/Slider/SliderInput/SliderInput.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SliderInput.styles.cjs","sources":["../../../../../src/components/Slider/SliderInput/SliderInput.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvSliderInput\", {\n  inputRoot: { display: \"flex\" },\n  input: { maxWidth: \"50px\" },\n  inputContainer: { display: \"flex\" },\n});\n"],"names":["staticClasses","useClasses","createClasses","inputRoot","display","input","maxWidth","inputContainer"],"mappings":";;;AAEa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAAc,iBAAiB;AAAA,EAC1EC,WAAW;AAAA,IAAEC,SAAS;AAAA,EAAO;AAAA,EAC7BC,OAAO;AAAA,IAAEC,UAAU;AAAA,EAAO;AAAA,EAC1BC,gBAAgB;AAAA,IAAEH,SAAS;AAAA,EAAO;AACpC,CAAC;;;"}
+{"version":3,"file":"SliderInput.styles.cjs","sources":["../../../../../src/components/Slider/SliderInput/SliderInput.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\"HvSliderInput\", {\n  inputRoot: { display: \"flex\" },\n  input: { maxWidth: \"50px\" },\n  inputContainer: { display: \"flex\" },\n});\n"],"names":["createClasses"],"mappings":";;;AAEO,MAAM,EAAE,eAAe,eAAeA,QAAAA,cAAc,iBAAiB;AAAA,EAC1E,WAAW,EAAE,SAAS,OAAO;AAAA,EAC7B,OAAO,EAAE,UAAU,OAAO;AAAA,EAC1B,gBAAgB,EAAE,SAAS,OAAO;AACpC,CAAC;;;"}

package/dist/cjs/components/Slider/base.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"base.cjs","sources":["../../../../src/components/Slider/base.ts"],"sourcesContent":["import type { CSSInterpolation } from \"@emotion/serialize\";\n\nexport default {\n  \"& .rc-slider\": {\n    position: \"relative\",\n    width: \"100%\",\n    height: \"14px\",\n    padding: \" 5px 0\",\n    borderRadius: \"6px\",\n    touchAction: \"none\",\n    boxSizing: \"border-box\",\n    WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\n  },\n  \"& .rc-slider *\": {\n    boxSizing: \"border-box\",\n    WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\n  },\n  \"& .rc-slider-rail\": {\n    position: \"absolute\",\n    width: \"100%\",\n    height: \"4px\",\n    backgroundColor: \"#e9e9e9\",\n    borderRadius: \"6px\",\n  },\n  \"& .rc-slider-track\": {\n    position: \"absolute\",\n    height: \"4px\",\n    backgroundColor: \"#abe2fb\",\n    borderRadius: \"6px\",\n  },\n  \"& .rc-slider-handle\": {\n    position: \"absolute\",\n    width: \"14px\",\n    height: \"14px\",\n    marginTop: \"-5px\",\n    backgroundColor: \"#fff\",\n    border: \"solid 2px #96dbfa\",\n    borderRadius: \"50%\",\n    cursor: \"grab\",\n    opacity: 0.8,\n    touchAction: \"pan-x\",\n  },\n  \"& .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging\":\n    {\n      borderColor: \"#57c5f7\",\n      boxShadow: \"0 0 0 5px #96dbfa\",\n    },\n  \"& .rc-slider-handle:focus\": {\n    outline: \"none\",\n    boxShadow: \"none\",\n  },\n  \"& .rc-slider-handle:focus-visible\": {\n    borderColor: \"#2db7f5\",\n    boxShadow: \"0 0 0 3px #96dbfa\",\n  },\n  \"& .rc-slider-handle-click-focused:focus\": {\n    borderColor: \"#96dbfa\",\n    boxShadow: \"unset\",\n  },\n  \"& .rc-slider-handle:hover\": {\n    borderColor: \"#57c5f7\",\n  },\n  \"& .rc-slider-handle:active\": {\n    borderColor: \"#57c5f7\",\n    boxShadow: \"0 0 5px #57c5f7\",\n    cursor: \"grabbing\",\n  },\n  \"& .rc-slider-mark\": {\n    position: \"absolute\",\n    top: \"18px\",\n    left: 0,\n    width: \"100%\",\n    fontSize: \"12px\",\n  },\n  \"& .rc-slider-mark-text\": {\n    position: \"absolute\",\n    display: \"inline-block\",\n    color: \"#999\",\n    textAlign: \"center\",\n    verticalAlign: \"middle\",\n    cursor: \"pointer\",\n  },\n  \"& .rc-slider-mark-text-active\": {\n    color: \"#666\",\n  },\n  \"& .rc-slider-step\": {\n    position: \"absolute\",\n    width: \"100%\",\n    height: \"4px\",\n    background: \"transparent\",\n    pointerEvents: \"none\",\n  },\n  \"& .rc-slider-dot\": {\n    position: \"absolute\",\n    bottom: \"-2px\",\n    width: \"8px\",\n    height: \"8px\",\n    verticalAlign: \"middle\",\n    backgroundColor: \"#fff\",\n    border: \"2px solid #e9e9e9\",\n    borderRadius: \"50%\",\n    cursor: \"pointer\",\n  },\n  \"& .rc-slider-dot-active\": {\n    borderColor: \"#96dbfa\",\n  },\n  \"& .rc-slider-dot-reverse\": {\n    marginRight: \"-4px\",\n  },\n  \"& .rc-slider-disabled\": {\n    backgroundColor: \"#e9e9e9\",\n  },\n  \"& .rc-slider-disabled .rc-slider-track\": {\n    backgroundColor: \"#ccc\",\n  },\n  \"& .rc-slider-disabled .rc-slider-handle\": {\n    backgroundColor: \"#fff\",\n    borderColor: \"#ccc\",\n    boxShadow: \"none\",\n    cursor: \"not-allowed\",\n  },\n  \"&.rc-slider-disabled .rc-slider-dot\": {\n    backgroundColor: \"#fff\",\n    borderColor: \"#ccc\",\n    boxShadow: \"none\",\n    cursor: \"not-allowed\",\n  },\n  \"& .rc-slider-disabled .rc-slider-mark-text\": {\n    cursor: \"not-allowed !important\",\n  },\n  \"& .rc-slider-disabled .rc-slider-dot\": {\n    cursor: \"not-allowed !important\",\n  },\n  \"& .rc-slider-vertical\": {\n    width: \"14px\",\n    height: \"100%\",\n    padding: \"0 5px\",\n  },\n  \"& .rc-slider-vertical .rc-slider-rail\": {\n    width: \"4px\",\n    height: \"100%\",\n  },\n  \"& .rc-slider-vertical .rc-slider-track\": {\n    bottom: 0,\n    left: \"5px\",\n    width: \"4px\",\n  },\n  \"& .rc-slider-vertical .rc-slider-handle\": {\n    marginTop: 0,\n    marginLeft: \"-5px\",\n    touchAction: \"pan-y\",\n  },\n  \"& .rc-slider-vertical .rc-slider-mark\": {\n    top: 0,\n    left: \"18px\",\n    height: \"100%\",\n  },\n  \"& .rc-slider-vertical .rc-slider-step\": {\n    width: \"4px\",\n    height: \"100%\",\n  },\n  \"& .rc-slider-vertical .rc-slider-dot\": {\n    marginLeft: \"-2px\",\n  },\n  \"& .rc-slider-tooltip-zoom-down-enter\": {\n    display: \"block !important\",\n    animationDuration: \"0.3s\",\n    animationFillMode: \"both\",\n    animationPlayState: \"paused\",\n    transform: \"scale(0, 0)\",\n    animationTimingFunction: \"cubic-bezier(0.23, 1, 0.32, 1)\",\n  },\n  \"& .rc-slider-tooltip-zoom-down-appear\": {\n    display: \"block !important\",\n    animationDuration: \"0.3s\",\n    animationFillMode: \"both\",\n    animationPlayState: \"paused\",\n  },\n  \"& .rc-slider-tooltip-zoom-down-leave\": {\n    display: \"block !important\",\n    animationDuration: \"0.3s\",\n    animationFillMode: \"both\",\n    animationPlayState: \"paused\",\n    animationTimingFunction: \"cubic-bezier(0.755, 0.05, 0.855, 0.06)\",\n  },\n  \"& .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active\":\n    {\n      animationName: \"rcSliderTooltipZoomDownIn\",\n      animationPlayState: \"running\",\n    },\n  \"& .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active\":\n    {\n      animationName: \"rcSliderTooltipZoomDownIn\",\n      animationPlayState: \"running\",\n    },\n  \"& .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active\":\n    {\n      animationName: \"rcSliderTooltipZoomDownOut\",\n      animationPlayState: \"running\",\n    },\n  \"&. .rc-slider-tooltip-zoom-down-appear\": {\n    transform: \"scale(0, 0)\",\n    animationTimingFunction: \"cubic-bezier(0.23, 1, 0.32, 1)\",\n  },\n  \"& .rc-slider-tooltip\": {\n    position: \"absolute\",\n    top: \"-9999px\",\n    left: \"-9999px\",\n    visibility: \"visible\",\n    boxSizing: \"border-box\",\n    WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\n  },\n  \"& .rc-slider-tooltip *\": {\n    boxSizing: \"border-box\",\n    WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\n  },\n  \"& .rc-slider-tooltip-hidden\": {\n    display: \"none\",\n  },\n  \"& .rc-slider-tooltip-placement-top\": {\n    padding: \"4px 0 8px 0\",\n  },\n  \"& .rc-slider-tooltip-inner\": {\n    minWidth: \"24px\",\n    height: \"24px\",\n    padding: \"6px 2px\",\n    color: \"#fff\",\n    fontSize: \"12px\",\n    lineHeight: 1,\n    textAlign: \"center\",\n    textDecoration: \"none\",\n    backgroundColor: \"#6c6c6c\",\n    borderRadius: \"6px\",\n    boxShadow: \"0 0 4px #d9d9d9\",\n  },\n  \"& .rc-slider-tooltip-arrow\": {\n    position: \"absolute\",\n    width: 0,\n    height: 0,\n    borderColor: \"transparent\",\n    borderStyle: \"solid\",\n  },\n  \"& .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow\": {\n    bottom: \"4px\",\n    left: \"50%\",\n    marginLeft: \"-4px\",\n    borderWidth: \"4px 4px 0\",\n    borderTopColor: \"#6c6c6c\",\n  },\n} satisfies CSSInterpolation;\n"],"names":["position","width","height","padding","borderRadius","touchAction","boxSizing","WebkitTapHighlightColor","backgroundColor","marginTop","border","cursor","opacity","borderColor","boxShadow","outline","top","left","fontSize","display","color","textAlign","verticalAlign","background","pointerEvents","bottom","marginRight","marginLeft","animationDuration","animationFillMode","animationPlayState","transform","animationTimingFunction","animationName","visibility","minWidth","lineHeight","textDecoration","borderStyle","borderWidth","borderTopColor"],"mappings":"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"}
+{"version":3,"file":"base.cjs","sources":["../../../../src/components/Slider/base.ts"],"sourcesContent":["import type { CSSInterpolation } from \"@emotion/serialize\";\n\nexport default {\n  \"& .rc-slider\": {\n    position: \"relative\",\n    width: \"100%\",\n    height: \"14px\",\n    padding: \" 5px 0\",\n    borderRadius: \"6px\",\n    touchAction: \"none\",\n    boxSizing: \"border-box\",\n    WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\n  },\n  \"& .rc-slider *\": {\n    boxSizing: \"border-box\",\n    WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\n  },\n  \"& .rc-slider-rail\": {\n    position: \"absolute\",\n    width: \"100%\",\n    height: \"4px\",\n    backgroundColor: \"#e9e9e9\",\n    borderRadius: \"6px\",\n  },\n  \"& .rc-slider-track\": {\n    position: \"absolute\",\n    height: \"4px\",\n    backgroundColor: \"#abe2fb\",\n    borderRadius: \"6px\",\n  },\n  \"& .rc-slider-handle\": {\n    position: \"absolute\",\n    width: \"14px\",\n    height: \"14px\",\n    marginTop: \"-5px\",\n    backgroundColor: \"#fff\",\n    border: \"solid 2px #96dbfa\",\n    borderRadius: \"50%\",\n    cursor: \"grab\",\n    opacity: 0.8,\n    touchAction: \"pan-x\",\n  },\n  \"& .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging\":\n    {\n      borderColor: \"#57c5f7\",\n      boxShadow: \"0 0 0 5px #96dbfa\",\n    },\n  \"& .rc-slider-handle:focus\": {\n    outline: \"none\",\n    boxShadow: \"none\",\n  },\n  \"& .rc-slider-handle:focus-visible\": {\n    borderColor: \"#2db7f5\",\n    boxShadow: \"0 0 0 3px #96dbfa\",\n  },\n  \"& .rc-slider-handle-click-focused:focus\": {\n    borderColor: \"#96dbfa\",\n    boxShadow: \"unset\",\n  },\n  \"& .rc-slider-handle:hover\": {\n    borderColor: \"#57c5f7\",\n  },\n  \"& .rc-slider-handle:active\": {\n    borderColor: \"#57c5f7\",\n    boxShadow: \"0 0 5px #57c5f7\",\n    cursor: \"grabbing\",\n  },\n  \"& .rc-slider-mark\": {\n    position: \"absolute\",\n    top: \"18px\",\n    left: 0,\n    width: \"100%\",\n    fontSize: \"12px\",\n  },\n  \"& .rc-slider-mark-text\": {\n    position: \"absolute\",\n    display: \"inline-block\",\n    color: \"#999\",\n    textAlign: \"center\",\n    verticalAlign: \"middle\",\n    cursor: \"pointer\",\n  },\n  \"& .rc-slider-mark-text-active\": {\n    color: \"#666\",\n  },\n  \"& .rc-slider-step\": {\n    position: \"absolute\",\n    width: \"100%\",\n    height: \"4px\",\n    background: \"transparent\",\n    pointerEvents: \"none\",\n  },\n  \"& .rc-slider-dot\": {\n    position: \"absolute\",\n    bottom: \"-2px\",\n    width: \"8px\",\n    height: \"8px\",\n    verticalAlign: \"middle\",\n    backgroundColor: \"#fff\",\n    border: \"2px solid #e9e9e9\",\n    borderRadius: \"50%\",\n    cursor: \"pointer\",\n  },\n  \"& .rc-slider-dot-active\": {\n    borderColor: \"#96dbfa\",\n  },\n  \"& .rc-slider-dot-reverse\": {\n    marginRight: \"-4px\",\n  },\n  \"& .rc-slider-disabled\": {\n    backgroundColor: \"#e9e9e9\",\n  },\n  \"& .rc-slider-disabled .rc-slider-track\": {\n    backgroundColor: \"#ccc\",\n  },\n  \"& .rc-slider-disabled .rc-slider-handle\": {\n    backgroundColor: \"#fff\",\n    borderColor: \"#ccc\",\n    boxShadow: \"none\",\n    cursor: \"not-allowed\",\n  },\n  \"&.rc-slider-disabled .rc-slider-dot\": {\n    backgroundColor: \"#fff\",\n    borderColor: \"#ccc\",\n    boxShadow: \"none\",\n    cursor: \"not-allowed\",\n  },\n  \"& .rc-slider-disabled .rc-slider-mark-text\": {\n    cursor: \"not-allowed !important\",\n  },\n  \"& .rc-slider-disabled .rc-slider-dot\": {\n    cursor: \"not-allowed !important\",\n  },\n  \"& .rc-slider-vertical\": {\n    width: \"14px\",\n    height: \"100%\",\n    padding: \"0 5px\",\n  },\n  \"& .rc-slider-vertical .rc-slider-rail\": {\n    width: \"4px\",\n    height: \"100%\",\n  },\n  \"& .rc-slider-vertical .rc-slider-track\": {\n    bottom: 0,\n    left: \"5px\",\n    width: \"4px\",\n  },\n  \"& .rc-slider-vertical .rc-slider-handle\": {\n    marginTop: 0,\n    marginLeft: \"-5px\",\n    touchAction: \"pan-y\",\n  },\n  \"& .rc-slider-vertical .rc-slider-mark\": {\n    top: 0,\n    left: \"18px\",\n    height: \"100%\",\n  },\n  \"& .rc-slider-vertical .rc-slider-step\": {\n    width: \"4px\",\n    height: \"100%\",\n  },\n  \"& .rc-slider-vertical .rc-slider-dot\": {\n    marginLeft: \"-2px\",\n  },\n  \"& .rc-slider-tooltip-zoom-down-enter\": {\n    display: \"block !important\",\n    animationDuration: \"0.3s\",\n    animationFillMode: \"both\",\n    animationPlayState: \"paused\",\n    transform: \"scale(0, 0)\",\n    animationTimingFunction: \"cubic-bezier(0.23, 1, 0.32, 1)\",\n  },\n  \"& .rc-slider-tooltip-zoom-down-appear\": {\n    display: \"block !important\",\n    animationDuration: \"0.3s\",\n    animationFillMode: \"both\",\n    animationPlayState: \"paused\",\n  },\n  \"& .rc-slider-tooltip-zoom-down-leave\": {\n    display: \"block !important\",\n    animationDuration: \"0.3s\",\n    animationFillMode: \"both\",\n    animationPlayState: \"paused\",\n    animationTimingFunction: \"cubic-bezier(0.755, 0.05, 0.855, 0.06)\",\n  },\n  \"& .rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active\":\n    {\n      animationName: \"rcSliderTooltipZoomDownIn\",\n      animationPlayState: \"running\",\n    },\n  \"& .rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active\":\n    {\n      animationName: \"rcSliderTooltipZoomDownIn\",\n      animationPlayState: \"running\",\n    },\n  \"& .rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active\":\n    {\n      animationName: \"rcSliderTooltipZoomDownOut\",\n      animationPlayState: \"running\",\n    },\n  \"&. .rc-slider-tooltip-zoom-down-appear\": {\n    transform: \"scale(0, 0)\",\n    animationTimingFunction: \"cubic-bezier(0.23, 1, 0.32, 1)\",\n  },\n  \"& .rc-slider-tooltip\": {\n    position: \"absolute\",\n    top: \"-9999px\",\n    left: \"-9999px\",\n    visibility: \"visible\",\n    boxSizing: \"border-box\",\n    WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\n  },\n  \"& .rc-slider-tooltip *\": {\n    boxSizing: \"border-box\",\n    WebkitTapHighlightColor: \"rgba(0, 0, 0, 0)\",\n  },\n  \"& .rc-slider-tooltip-hidden\": {\n    display: \"none\",\n  },\n  \"& .rc-slider-tooltip-placement-top\": {\n    padding: \"4px 0 8px 0\",\n  },\n  \"& .rc-slider-tooltip-inner\": {\n    minWidth: \"24px\",\n    height: \"24px\",\n    padding: \"6px 2px\",\n    color: \"#fff\",\n    fontSize: \"12px\",\n    lineHeight: 1,\n    textAlign: \"center\",\n    textDecoration: \"none\",\n    backgroundColor: \"#6c6c6c\",\n    borderRadius: \"6px\",\n    boxShadow: \"0 0 4px #d9d9d9\",\n  },\n  \"& .rc-slider-tooltip-arrow\": {\n    position: \"absolute\",\n    width: 0,\n    height: 0,\n    borderColor: \"transparent\",\n    borderStyle: \"solid\",\n  },\n  \"& .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow\": {\n    bottom: \"4px\",\n    left: \"50%\",\n    marginLeft: \"-4px\",\n    borderWidth: \"4px 4px 0\",\n    borderTopColor: \"#6c6c6c\",\n  },\n} satisfies CSSInterpolation;\n"],"names":[],"mappings":"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"}

package/dist/cjs/components/Slider/utils.cjs

@@ -8,14 +8,22 @@ const scaledValueToKnobsPositionValue = (scaledValue, minPointValue, inverseStep
 const knobsValuesToKnobsPositions = (values, inverseStepValue, minPointValue) => {
   const knobsPositions = [];
   values.forEach((value, index) => {
-    knobsPositions[index] = scaledValueToKnobsPositionValue(value, minPointValue, inverseStepValue);
+    knobsPositions[index] = scaledValueToKnobsPositionValue(
+      value,
+      minPointValue,
+      inverseStepValue
+    );
   });
   return knobsPositions;
 };
 const knobsPositionsToKnobsValues = (knobPositions, stepValue, minPointValue) => {
   const knobsValues = [];
   knobPositions.forEach((value, index) => {
-    knobsValues[index] = knobsPositionToScaledValue(value, minPointValue, stepValue);
+    knobsValues[index] = knobsPositionToScaledValue(
+      value,
+      minPointValue,
+      stepValue
+    );
   });
   return knobsValues;
 };
@@ -41,7 +49,11 @@ const createMark = (markProperties, markstep, divisionQuantity, minPointValue, s
   } else {
     const roundedMarkStep = Math.floor(markstep);
     for (let index = 0; index <= divisionQuantity; index += roundedMarkStep) {
-      let labelValue = knobsPositionToScaledValue(index, minPointValue, stepValue).toFixed(markDigits);
+      let labelValue = knobsPositionToScaledValue(
+        index,
+        minPointValue,
+        stepValue
+      ).toFixed(markDigits);
       labelValue = formatMark?.(labelValue) || labelValue;
       marks[index] = disabled ? {
         label: `${labelValue}`,
@@ -62,9 +74,7 @@ const createTrackStyles = (knobProperties) => {
   const trackStyles = [];
   if (knobProperties.length > 0) {
     knobProperties.forEach((knobProperty, index) => {
-      trackStyles[index] = {
-        ...Slider_styles.sliderStyles.track
-      };
+      trackStyles[index] = { ...Slider_styles.sliderStyles.track };
       if (knobProperty.color) {
         trackStyles[index].backgroundColor = knobProperty.trackColor;
       }
@@ -78,12 +88,8 @@ const createKnobStyles = (knobProperties) => {
   const lastItem = knobProperties.length - 1;
   if (knobProperties.length > 0) {
     knobProperties.forEach((knobProperty, index) => {
-      knobInner[index] = {
-        ...Slider_styles.sliderStyles.knobInner
-      };
-      knobOuterStyle[index] = {
-        ...Slider_styles.sliderStyles.knobOuter
-      };
+      knobInner[index] = { ...Slider_styles.sliderStyles.knobInner };
+      knobOuterStyle[index] = { ...Slider_styles.sliderStyles.knobOuter };
       if (knobProperty.color) {
         knobInner[index].backgroundColor = knobProperty.color;
         knobOuterStyle[index].backgroundColor = "transparent";
@@ -91,13 +97,9 @@ const createKnobStyles = (knobProperties) => {
       if (knobProperty.hidden) {
         knobInner[index] = Slider_styles.sliderStyles.knobHidden;
         if (index === lastItem) {
-          knobInner[index] = {
-            ...Slider_styles.sliderStyles.knobHiddenLast
-          };
+          knobInner[index] = { ...Slider_styles.sliderStyles.knobHiddenLast };
           knobInner[index].backgroundColor = knobProperty.color;
-          knobOuterStyle[index] = {
-            ...Slider_styles.sliderStyles.knobHidden
-          };
+          knobOuterStyle[index] = { ...Slider_styles.sliderStyles.knobHidden };
           knobOuterStyle[index].backgroundColor = knobProperty.color;
         }
       }
@@ -162,35 +164,45 @@ const ensureValuesConsistency = (knobPositions, inputIndex) => {
   const newKnobsPosition = [...knobPositions];
   newKnobsPosition.forEach((value, index) => {
     if (Number.isNaN(value) || value == null) {
-      newKnobsPosition[index] = pushSlider(index, inputIndex, newKnobsPosition[inputIndex]);
+      newKnobsPosition[index] = pushSlider(
+        index,
+        inputIndex,
+        newKnobsPosition[inputIndex]
+      );
     } else if (index < inputIndex && value > newKnobsPosition[inputIndex]) {
-      newKnobsPosition[index] = pushSlider(index, inputIndex, newKnobsPosition[inputIndex]);
+      newKnobsPosition[index] = pushSlider(
+        index,
+        inputIndex,
+        newKnobsPosition[inputIndex]
+      );
     } else if (index > inputIndex && value < newKnobsPosition[inputIndex]) {
-      newKnobsPosition[index] = pushSlider(index, inputIndex, newKnobsPosition[inputIndex]);
+      newKnobsPosition[index] = pushSlider(
+        index,
+        inputIndex,
+        newKnobsPosition[inputIndex]
+      );
     }
   });
   return newKnobsPosition;
 };
 const convertStatusToArray = (length, status) => {
   const result = {
-    arrayDefaultStatus: Array.from({
-      length
-    }, () => validationStates.default.standBy)
+    arrayDefaultStatus: Array.from({ length }, () => validationStates.default.standBy)
   };
   if (status == null) {
     return result;
   }
   if (!Array.isArray(status)) {
-    result.arrayStatus = Array.from({
-      length
-    }, () => status);
+    result.arrayStatus = Array.from({ length }, () => status);
     return result;
   }
   result.arrayStatus = status;
   return result;
 };
 const statusArrayToFormStatus = (arrayStatus) => {
-  const invalid = arrayStatus.some((status) => status === validationStates.default.invalid);
+  const invalid = arrayStatus.some(
+    (status) => status === validationStates.default.invalid
+  );
   if (invalid)
     return validationStates.default.invalid;
   const valid = arrayStatus.some((status) => status === validationStates.default.valid);
@@ -198,7 +210,9 @@ const statusArrayToFormStatus = (arrayStatus) => {
     return validationStates.default.valid;
   return validationStates.default.standBy;
 };
-const knobsValuesToString = (knobsValues, markDigits) => knobsValues.map((knobValue) => Number.isNaN(knobValue) ? "" : knobValue.toFixed(markDigits));
+const knobsValuesToString = (knobsValues, markDigits) => knobsValues.map(
+  (knobValue) => Number.isNaN(knobValue) ? "" : knobValue.toFixed(markDigits)
+);
 const stringValuesToKnobs = (inputsValues) => inputsValues.map((inputValue) => parseFloat(inputValue));
 exports.calculateStepValue = calculateStepValue;
 exports.convertStatusToArray = convertStatusToArray;

package/dist/cjs/components/Slider/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","sources":["../../../../src/components/Slider/utils.ts"],"sourcesContent":["import { CSSProperties } from \"react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport validationStates from \"@core/components/Forms/FormElement/validationStates\";\nimport { HvFormStatus } from \"@core/components/Forms\";\n\nimport { HvKnobProperty, HvMarkProperty } from \"./types\";\nimport { sliderStyles as styles } from \"./Slider.styles\";\n\n/**\n * Transform the scaled values into knobs positions.\n *\n * @param {*} sliderValue - he value of the slider to be scaled\n * @param {*} minPointVlue - The value of the first point in the slider from left to right.\n * @param {*} stepVlue - The calculated separation between the values of the slider.\n */\nexport const knobsPositionToScaledValue = (\n  sliderValue: number,\n  minPointValue: number,\n  stepValue: number\n): number => minPointValue + stepValue * sliderValue;\n\n/**\n * Transform the scaled values into knobs positions.\n *\n * @param {*} scaledValue - The value of the slider to be scaled\n * @param {*} minPointValue - The value of the first point in\n * the slider from left to right.\n * @param {*} inverseStepValue - The inverse of calculated separation between\n * the value of the points that compose the slider.\n */\nexport const scaledValueToKnobsPositionValue = (\n  scaledValue: number | undefined,\n  minPointValue: number,\n  inverseStepValue: number\n): number =>\n  typeof scaledValue === \"number\"\n    ? Math.floor((scaledValue - minPointValue) * inverseStepValue)\n    : NaN;\n\n/**\n * Transform the received knobs values into knob positions\n *\n * @param {Object} values - The values of the slider.\n * @param {Number} inverseStepValue - The inverse of calculated separation between\n * the value of the points that compose the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @returns {Array} - The position of the knobs.\n */\nexport const knobsValuesToKnobsPositions = (\n  values: (number | undefined)[],\n  inverseStepValue: number,\n  minPointValue: number\n): number[] => {\n  const knobsPositions: number[] = [];\n\n  values.forEach((value, index) => {\n    knobsPositions[index] = scaledValueToKnobsPositionValue(\n      value,\n      minPointValue,\n      inverseStepValue\n    );\n  });\n\n  return knobsPositions;\n};\n\n/**\n * Transform the received knobs positions into knob values\n *\n * @param {Object} knobPositions - The values of the slider.\n * @param {Number} stepValue - The calculated separation between\n * the value of the points that compose the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @returns {Array} - The position of the knobs.\n */\nexport const knobsPositionsToKnobsValues = (\n  knobPositions: number[],\n  stepValue: number,\n  minPointValue: number\n): number[] => {\n  const knobsValues: number[] = [];\n\n  knobPositions.forEach((value, index) => {\n    knobsValues[index] = knobsPositionToScaledValue(\n      value,\n      minPointValue,\n      stepValue\n    );\n  });\n\n  return knobsValues;\n};\n\n/**\n * Calculates the separation between each value in the slider.\n *\n * @param {*} maxPointValue - The value of the last point in the slider from left to right.\n * @param {*} minPointValue - The value of the first point in the slider from left to right.\n * @param {*} divisionQuantity - How many subdivisions there are in the slider.\n */\nexport const calculateStepValue = (\n  maxPointValue: number,\n  minPointValue: number,\n  divisionQuantity: number\n): number => Math.abs(maxPointValue - minPointValue) / divisionQuantity;\n\n/**\n * Generates the inline styles used for the track of each knob, applying colors if necessary.\n *\n * @param {Object} markProperties - The object provided by the user with\n * the desired configuration for the marks.\n * @param {Integer} markstep - The separation between marks.\n * @param {Integer} divisionQuantity - How many subdivisions there are in the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @param {Integer} stepValue - The calculated separation between the values of the slider.\n * @param {Integer} markDigits - How many decimals the mark will show.\n * @param {Function} formatMark - A function provided by the user that is going to\n * be executed to format the mark text.\n * @param {Object} styles - the default styles for the marks.\n * @returns {Object} - An object with the for the marks.\n * @memberof HvSlider\n */\nexport const createMark = (\n  markProperties: HvMarkProperty[],\n  markstep: number,\n  divisionQuantity: number,\n  minPointValue: number,\n  stepValue: number,\n  markDigits: number,\n  disabled: boolean,\n  formatMark: (label: React.ReactNode) => React.ReactNode = (mark) => mark\n): {\n  [key: number]: {\n    label: string;\n    style: CSSProperties;\n  };\n} => {\n  const marks: {\n    [key: number]: {\n      label: string;\n      style: CSSProperties;\n    };\n  } = {};\n\n  if (markProperties.length > 0) {\n    markProperties.forEach((markProperty) => {\n      if (typeof markProperty.position === \"number\") {\n        marks[markProperty.position] = disabled\n          ? {\n              label: `${markProperty.label}`,\n              style: {\n                ...styles.disabledMark,\n              },\n            }\n          : {\n              label: `${markProperty.label}`,\n              style: {\n                ...styles.mark,\n              },\n            };\n      }\n    });\n  } else {\n    const roundedMarkStep = Math.floor(markstep);\n\n    for (let index = 0; index <= divisionQuantity; index += roundedMarkStep) {\n      let labelValue: React.ReactNode = knobsPositionToScaledValue(\n        index,\n        minPointValue,\n        stepValue\n      ).toFixed(markDigits);\n\n      labelValue = formatMark?.(labelValue) || labelValue;\n\n      marks[index] = disabled\n        ? {\n            label: `${labelValue}`,\n            style: {\n              ...styles.disabledMark,\n            },\n          }\n        : {\n            label: `${labelValue}`,\n            style: {\n              ...styles.mark,\n            },\n          };\n    }\n  }\n\n  return marks;\n};\n\n/**\n * Generates the inline styles used for the track of each knob, applying colors if necessary.\n *\n * @param {Object} knobProperties - The object provided by the user with\n * the desired configuration for the knobs.\n * @param {Object} styles - the default styles for the tracks.\n * @returns {Object} - An object with the style for each track.\n * @memberof HvSlider\n */\nexport const createTrackStyles = (\n  knobProperties: HvKnobProperty[]\n): CSSProperties[] => {\n  const trackStyles: CSSProperties[] = [];\n\n  if (knobProperties.length > 0) {\n    knobProperties.forEach((knobProperty, index) => {\n      trackStyles[index] = { ...styles.track };\n      if (knobProperty.color) {\n        trackStyles[index].backgroundColor = knobProperty.trackColor;\n      }\n    });\n  }\n\n  return trackStyles;\n};\n\n/**\n * Generates the inline styles used for each knob, applying colors if specified.\n *\n * @param {Object} knobProperties - The object provided by the user with\n * the desired configuration for the knobs.\n * @param {Object} styles - the default styles for the knobs.\n * @returns {Object} - An object with both the inner and outer styles for the knob.\n * @memberof HvSlider\n */\nexport const createKnobStyles = (\n  knobProperties: HvKnobProperty[]\n): {\n  knobInner: CSSProperties[];\n  knobOuterStyle: CSSProperties[];\n} => {\n  const knobInner: CSSProperties[] = [];\n  const knobOuterStyle: CSSProperties[] = [];\n\n  const lastItem = knobProperties.length - 1;\n  if (knobProperties.length > 0) {\n    knobProperties.forEach((knobProperty, index) => {\n      knobInner[index] = { ...styles.knobInner };\n      knobOuterStyle[index] = { ...styles.knobOuter };\n\n      if (knobProperty.color) {\n        knobInner[index].backgroundColor = knobProperty.color;\n        knobOuterStyle[index].backgroundColor = \"transparent\";\n      }\n\n      if (knobProperty.hidden) {\n        knobInner[index] = styles.knobHidden;\n        if (index === lastItem) {\n          knobInner[index] = { ...styles.knobHiddenLast };\n          knobInner[index].backgroundColor = knobProperty.color;\n          knobOuterStyle[index] = { ...styles.knobHidden };\n          knobOuterStyle[index].backgroundColor = knobProperty.color;\n        }\n      }\n    });\n  }\n\n  return {\n    knobInner,\n    knobOuterStyle,\n  };\n};\n\n/**\n * Analyzes both the values and the default values to determine whether the slider is working in single mode.\n *\n * @param {Array} values - the values where the knobs are positioned when controlled.\n * @param {Array} defaultValues - the values where the knobs start when uncontrolled.\n * @returns {Boolean} - if true the slider should work as single slider\n */\nexport const isSingleSlider = (\n  values: number[],\n  defaultValues: (number | undefined)[]\n): boolean => {\n  if (!(values?.length > 1)) {\n    return defaultValues.length === 1;\n  }\n  return values.length === 1;\n};\n\n/**\n * Generates the default knob styles for each knob\n *\n * @param {Object} knobProperties - The object provided by the user with\n * the desired configuration for the knobs.\n * @param {Integer} numberOfKnobs - the default styles for the knobs.\n * @param {Object} theme - The theme to extract the colors.\n *\n * @returns {Object} - An object with both the inner and outer styles for the knob.\n * @memberof HvSlider\n */\nexport const generateDefaultKnobProperties = (\n  numberOfKnobs: number = 1,\n  disabled: boolean = false,\n  knobPropertiesProp?: HvKnobProperty[]\n): HvKnobProperty[] => {\n  let knobProperties = knobPropertiesProp || [];\n\n  const defaultKnobStyles = {\n    color: theme.colors.secondary,\n    hoverColor: theme.colors.secondary,\n    trackColor: theme.colors.secondary,\n    dragColor: theme.colors.secondary,\n    knobRingColor: theme.colors.atmo1,\n  };\n\n  const disabledKnobStyles = {\n    color: theme.colors.secondary_60,\n    hoverColor: theme.colors.secondary_60,\n    trackColor: theme.colors.secondary_60,\n    dragColor: theme.colors.secondary_60,\n    knobRingColor: theme.colors.secondary_60,\n  };\n\n  if (knobProperties.length > 0) {\n    knobProperties = knobProperties.slice(0, numberOfKnobs);\n    knobProperties = knobProperties.map((knobProperty) => {\n      if (!disabled) {\n        return {\n          ...disabledKnobStyles,\n          ...knobProperty,\n        };\n      }\n      return {\n        ...defaultKnobStyles,\n        ...knobProperty,\n      };\n    });\n  } else {\n    for (let i = 0; i < numberOfKnobs; i += 1) {\n      if (!disabled) knobProperties.push(defaultKnobStyles);\n      if (disabled) knobProperties.push(disabledKnobStyles);\n    }\n  }\n\n  return knobProperties;\n};\n\nconst pushSlider = (\n  index: number,\n  inputIndex: number,\n  inputValue: number\n): number => {\n  const difference = index - inputIndex;\n\n  return inputValue + difference;\n};\n\nexport const ensureValuesConsistency = (\n  knobPositions: number[],\n  inputIndex: number\n): number[] => {\n  const newKnobsPosition: number[] = [...knobPositions];\n\n  newKnobsPosition.forEach((value, index) => {\n    if (Number.isNaN(value) || value == null) {\n      newKnobsPosition[index] = pushSlider(\n        index,\n        inputIndex,\n        newKnobsPosition[inputIndex]\n      );\n    } else if (index < inputIndex && value > newKnobsPosition[inputIndex]) {\n      newKnobsPosition[index] = pushSlider(\n        index,\n        inputIndex,\n        newKnobsPosition[inputIndex]\n      );\n    } else if (index > inputIndex && value < newKnobsPosition[inputIndex]) {\n      newKnobsPosition[index] = pushSlider(\n        index,\n        inputIndex,\n        newKnobsPosition[inputIndex]\n      );\n    }\n  });\n\n  return newKnobsPosition;\n};\n\nexport const convertStatusToArray = (\n  length: number,\n  status?: HvFormStatus | HvFormStatus[]\n): {\n  arrayStatus?: HvFormStatus[];\n  arrayDefaultStatus: (keyof typeof validationStates)[];\n} => {\n  const result: {\n    arrayStatus?: HvFormStatus[];\n    arrayDefaultStatus: (keyof typeof validationStates)[];\n  } = {\n    arrayDefaultStatus: Array.from({ length }, () => validationStates.standBy),\n  };\n\n  if (status == null) {\n    return result;\n  }\n  if (!Array.isArray(status)) {\n    result.arrayStatus = Array.from({ length }, () => status);\n    return result;\n  }\n  result.arrayStatus = status;\n\n  return result;\n};\n\nexport const statusArrayToFormStatus = (\n  arrayStatus: HvFormStatus[]\n): keyof typeof validationStates => {\n  const invalid = arrayStatus.some(\n    (status) => status === validationStates.invalid\n  );\n\n  if (invalid) return validationStates.invalid;\n\n  const valid = arrayStatus.some((status) => status === validationStates.valid);\n\n  if (valid) return validationStates.valid;\n\n  return validationStates.standBy;\n};\n\nexport const knobsValuesToString = (\n  knobsValues: number[],\n  markDigits: number\n): string[] =>\n  knobsValues.map((knobValue) =>\n    Number.isNaN(knobValue) ? \"\" : knobValue.toFixed(markDigits)\n  );\n\nexport const stringValuesToKnobs = (inputsValues: string[]): number[] =>\n  inputsValues.map((inputValue) => parseFloat(inputValue));\n"],"names":["knobsPositionToScaledValue","sliderValue","minPointValue","stepValue","scaledValueToKnobsPositionValue","scaledValue","inverseStepValue","Math","floor","NaN","knobsValuesToKnobsPositions","values","knobsPositions","forEach","value","index","knobsPositionsToKnobsValues","knobPositions","knobsValues","calculateStepValue","maxPointValue","divisionQuantity","abs","createMark","markProperties","markstep","markDigits","disabled","formatMark","mark","marks","length","markProperty","position","label","style","styles","disabledMark","roundedMarkStep","labelValue","toFixed","createTrackStyles","knobProperties","trackStyles","knobProperty","track","color","backgroundColor","trackColor","createKnobStyles","knobInner","knobOuterStyle","lastItem","knobOuter","hidden","knobHidden","knobHiddenLast","isSingleSlider","defaultValues","generateDefaultKnobProperties","numberOfKnobs","knobPropertiesProp","defaultKnobStyles","theme","colors","secondary","hoverColor","dragColor","knobRingColor","atmo1","disabledKnobStyles","secondary_60","slice","map","i","push","pushSlider","inputIndex","inputValue","difference","ensureValuesConsistency","newKnobsPosition","Number","isNaN","convertStatusToArray","status","result","arrayDefaultStatus","Array","from","validationStates","standBy","isArray","arrayStatus","statusArrayToFormStatus","invalid","some","valid","knobsValuesToString","knobValue","stringValuesToKnobs","inputsValues","parseFloat"],"mappings":"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"}
+{"version":3,"file":"utils.cjs","sources":["../../../../src/components/Slider/utils.ts"],"sourcesContent":["import { CSSProperties } from \"react\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport validationStates from \"@core/components/Forms/FormElement/validationStates\";\nimport { HvFormStatus } from \"@core/components/Forms\";\n\nimport { HvKnobProperty, HvMarkProperty } from \"./types\";\nimport { sliderStyles as styles } from \"./Slider.styles\";\n\n/**\n * Transform the scaled values into knobs positions.\n *\n * @param {*} sliderValue - he value of the slider to be scaled\n * @param {*} minPointVlue - The value of the first point in the slider from left to right.\n * @param {*} stepVlue - The calculated separation between the values of the slider.\n */\nexport const knobsPositionToScaledValue = (\n  sliderValue: number,\n  minPointValue: number,\n  stepValue: number\n): number => minPointValue + stepValue * sliderValue;\n\n/**\n * Transform the scaled values into knobs positions.\n *\n * @param {*} scaledValue - The value of the slider to be scaled\n * @param {*} minPointValue - The value of the first point in\n * the slider from left to right.\n * @param {*} inverseStepValue - The inverse of calculated separation between\n * the value of the points that compose the slider.\n */\nexport const scaledValueToKnobsPositionValue = (\n  scaledValue: number | undefined,\n  minPointValue: number,\n  inverseStepValue: number\n): number =>\n  typeof scaledValue === \"number\"\n    ? Math.floor((scaledValue - minPointValue) * inverseStepValue)\n    : NaN;\n\n/**\n * Transform the received knobs values into knob positions\n *\n * @param {Object} values - The values of the slider.\n * @param {Number} inverseStepValue - The inverse of calculated separation between\n * the value of the points that compose the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @returns {Array} - The position of the knobs.\n */\nexport const knobsValuesToKnobsPositions = (\n  values: (number | undefined)[],\n  inverseStepValue: number,\n  minPointValue: number\n): number[] => {\n  const knobsPositions: number[] = [];\n\n  values.forEach((value, index) => {\n    knobsPositions[index] = scaledValueToKnobsPositionValue(\n      value,\n      minPointValue,\n      inverseStepValue\n    );\n  });\n\n  return knobsPositions;\n};\n\n/**\n * Transform the received knobs positions into knob values\n *\n * @param {Object} knobPositions - The values of the slider.\n * @param {Number} stepValue - The calculated separation between\n * the value of the points that compose the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @returns {Array} - The position of the knobs.\n */\nexport const knobsPositionsToKnobsValues = (\n  knobPositions: number[],\n  stepValue: number,\n  minPointValue: number\n): number[] => {\n  const knobsValues: number[] = [];\n\n  knobPositions.forEach((value, index) => {\n    knobsValues[index] = knobsPositionToScaledValue(\n      value,\n      minPointValue,\n      stepValue\n    );\n  });\n\n  return knobsValues;\n};\n\n/**\n * Calculates the separation between each value in the slider.\n *\n * @param {*} maxPointValue - The value of the last point in the slider from left to right.\n * @param {*} minPointValue - The value of the first point in the slider from left to right.\n * @param {*} divisionQuantity - How many subdivisions there are in the slider.\n */\nexport const calculateStepValue = (\n  maxPointValue: number,\n  minPointValue: number,\n  divisionQuantity: number\n): number => Math.abs(maxPointValue - minPointValue) / divisionQuantity;\n\n/**\n * Generates the inline styles used for the track of each knob, applying colors if necessary.\n *\n * @param {Object} markProperties - The object provided by the user with\n * the desired configuration for the marks.\n * @param {Integer} markstep - The separation between marks.\n * @param {Integer} divisionQuantity - How many subdivisions there are in the slider.\n * @param {Integer} minPointValue - The value of the first point in the slider from\n * left to right.\n * @param {Integer} stepValue - The calculated separation between the values of the slider.\n * @param {Integer} markDigits - How many decimals the mark will show.\n * @param {Function} formatMark - A function provided by the user that is going to\n * be executed to format the mark text.\n * @param {Object} styles - the default styles for the marks.\n * @returns {Object} - An object with the for the marks.\n * @memberof HvSlider\n */\nexport const createMark = (\n  markProperties: HvMarkProperty[],\n  markstep: number,\n  divisionQuantity: number,\n  minPointValue: number,\n  stepValue: number,\n  markDigits: number,\n  disabled: boolean,\n  formatMark: (label: React.ReactNode) => React.ReactNode = (mark) => mark\n): {\n  [key: number]: {\n    label: string;\n    style: CSSProperties;\n  };\n} => {\n  const marks: {\n    [key: number]: {\n      label: string;\n      style: CSSProperties;\n    };\n  } = {};\n\n  if (markProperties.length > 0) {\n    markProperties.forEach((markProperty) => {\n      if (typeof markProperty.position === \"number\") {\n        marks[markProperty.position] = disabled\n          ? {\n              label: `${markProperty.label}`,\n              style: {\n                ...styles.disabledMark,\n              },\n            }\n          : {\n              label: `${markProperty.label}`,\n              style: {\n                ...styles.mark,\n              },\n            };\n      }\n    });\n  } else {\n    const roundedMarkStep = Math.floor(markstep);\n\n    for (let index = 0; index <= divisionQuantity; index += roundedMarkStep) {\n      let labelValue: React.ReactNode = knobsPositionToScaledValue(\n        index,\n        minPointValue,\n        stepValue\n      ).toFixed(markDigits);\n\n      labelValue = formatMark?.(labelValue) || labelValue;\n\n      marks[index] = disabled\n        ? {\n            label: `${labelValue}`,\n            style: {\n              ...styles.disabledMark,\n            },\n          }\n        : {\n            label: `${labelValue}`,\n            style: {\n              ...styles.mark,\n            },\n          };\n    }\n  }\n\n  return marks;\n};\n\n/**\n * Generates the inline styles used for the track of each knob, applying colors if necessary.\n *\n * @param {Object} knobProperties - The object provided by the user with\n * the desired configuration for the knobs.\n * @param {Object} styles - the default styles for the tracks.\n * @returns {Object} - An object with the style for each track.\n * @memberof HvSlider\n */\nexport const createTrackStyles = (\n  knobProperties: HvKnobProperty[]\n): CSSProperties[] => {\n  const trackStyles: CSSProperties[] = [];\n\n  if (knobProperties.length > 0) {\n    knobProperties.forEach((knobProperty, index) => {\n      trackStyles[index] = { ...styles.track };\n      if (knobProperty.color) {\n        trackStyles[index].backgroundColor = knobProperty.trackColor;\n      }\n    });\n  }\n\n  return trackStyles;\n};\n\n/**\n * Generates the inline styles used for each knob, applying colors if specified.\n *\n * @param {Object} knobProperties - The object provided by the user with\n * the desired configuration for the knobs.\n * @param {Object} styles - the default styles for the knobs.\n * @returns {Object} - An object with both the inner and outer styles for the knob.\n * @memberof HvSlider\n */\nexport const createKnobStyles = (\n  knobProperties: HvKnobProperty[]\n): {\n  knobInner: CSSProperties[];\n  knobOuterStyle: CSSProperties[];\n} => {\n  const knobInner: CSSProperties[] = [];\n  const knobOuterStyle: CSSProperties[] = [];\n\n  const lastItem = knobProperties.length - 1;\n  if (knobProperties.length > 0) {\n    knobProperties.forEach((knobProperty, index) => {\n      knobInner[index] = { ...styles.knobInner };\n      knobOuterStyle[index] = { ...styles.knobOuter };\n\n      if (knobProperty.color) {\n        knobInner[index].backgroundColor = knobProperty.color;\n        knobOuterStyle[index].backgroundColor = \"transparent\";\n      }\n\n      if (knobProperty.hidden) {\n        knobInner[index] = styles.knobHidden;\n        if (index === lastItem) {\n          knobInner[index] = { ...styles.knobHiddenLast };\n          knobInner[index].backgroundColor = knobProperty.color;\n          knobOuterStyle[index] = { ...styles.knobHidden };\n          knobOuterStyle[index].backgroundColor = knobProperty.color;\n        }\n      }\n    });\n  }\n\n  return {\n    knobInner,\n    knobOuterStyle,\n  };\n};\n\n/**\n * Analyzes both the values and the default values to determine whether the slider is working in single mode.\n *\n * @param {Array} values - the values where the knobs are positioned when controlled.\n * @param {Array} defaultValues - the values where the knobs start when uncontrolled.\n * @returns {Boolean} - if true the slider should work as single slider\n */\nexport const isSingleSlider = (\n  values: number[],\n  defaultValues: (number | undefined)[]\n): boolean => {\n  if (!(values?.length > 1)) {\n    return defaultValues.length === 1;\n  }\n  return values.length === 1;\n};\n\n/**\n * Generates the default knob styles for each knob\n *\n * @param {Object} knobProperties - The object provided by the user with\n * the desired configuration for the knobs.\n * @param {Integer} numberOfKnobs - the default styles for the knobs.\n * @param {Object} theme - The theme to extract the colors.\n *\n * @returns {Object} - An object with both the inner and outer styles for the knob.\n * @memberof HvSlider\n */\nexport const generateDefaultKnobProperties = (\n  numberOfKnobs: number = 1,\n  disabled: boolean = false,\n  knobPropertiesProp?: HvKnobProperty[]\n): HvKnobProperty[] => {\n  let knobProperties = knobPropertiesProp || [];\n\n  const defaultKnobStyles = {\n    color: theme.colors.secondary,\n    hoverColor: theme.colors.secondary,\n    trackColor: theme.colors.secondary,\n    dragColor: theme.colors.secondary,\n    knobRingColor: theme.colors.atmo1,\n  };\n\n  const disabledKnobStyles = {\n    color: theme.colors.secondary_60,\n    hoverColor: theme.colors.secondary_60,\n    trackColor: theme.colors.secondary_60,\n    dragColor: theme.colors.secondary_60,\n    knobRingColor: theme.colors.secondary_60,\n  };\n\n  if (knobProperties.length > 0) {\n    knobProperties = knobProperties.slice(0, numberOfKnobs);\n    knobProperties = knobProperties.map((knobProperty) => {\n      if (!disabled) {\n        return {\n          ...disabledKnobStyles,\n          ...knobProperty,\n        };\n      }\n      return {\n        ...defaultKnobStyles,\n        ...knobProperty,\n      };\n    });\n  } else {\n    for (let i = 0; i < numberOfKnobs; i += 1) {\n      if (!disabled) knobProperties.push(defaultKnobStyles);\n      if (disabled) knobProperties.push(disabledKnobStyles);\n    }\n  }\n\n  return knobProperties;\n};\n\nconst pushSlider = (\n  index: number,\n  inputIndex: number,\n  inputValue: number\n): number => {\n  const difference = index - inputIndex;\n\n  return inputValue + difference;\n};\n\nexport const ensureValuesConsistency = (\n  knobPositions: number[],\n  inputIndex: number\n): number[] => {\n  const newKnobsPosition: number[] = [...knobPositions];\n\n  newKnobsPosition.forEach((value, index) => {\n    if (Number.isNaN(value) || value == null) {\n      newKnobsPosition[index] = pushSlider(\n        index,\n        inputIndex,\n        newKnobsPosition[inputIndex]\n      );\n    } else if (index < inputIndex && value > newKnobsPosition[inputIndex]) {\n      newKnobsPosition[index] = pushSlider(\n        index,\n        inputIndex,\n        newKnobsPosition[inputIndex]\n      );\n    } else if (index > inputIndex && value < newKnobsPosition[inputIndex]) {\n      newKnobsPosition[index] = pushSlider(\n        index,\n        inputIndex,\n        newKnobsPosition[inputIndex]\n      );\n    }\n  });\n\n  return newKnobsPosition;\n};\n\nexport const convertStatusToArray = (\n  length: number,\n  status?: HvFormStatus | HvFormStatus[]\n): {\n  arrayStatus?: HvFormStatus[];\n  arrayDefaultStatus: (keyof typeof validationStates)[];\n} => {\n  const result: {\n    arrayStatus?: HvFormStatus[];\n    arrayDefaultStatus: (keyof typeof validationStates)[];\n  } = {\n    arrayDefaultStatus: Array.from({ length }, () => validationStates.standBy),\n  };\n\n  if (status == null) {\n    return result;\n  }\n  if (!Array.isArray(status)) {\n    result.arrayStatus = Array.from({ length }, () => status);\n    return result;\n  }\n  result.arrayStatus = status;\n\n  return result;\n};\n\nexport const statusArrayToFormStatus = (\n  arrayStatus: HvFormStatus[]\n): keyof typeof validationStates => {\n  const invalid = arrayStatus.some(\n    (status) => status === validationStates.invalid\n  );\n\n  if (invalid) return validationStates.invalid;\n\n  const valid = arrayStatus.some((status) => status === validationStates.valid);\n\n  if (valid) return validationStates.valid;\n\n  return validationStates.standBy;\n};\n\nexport const knobsValuesToString = (\n  knobsValues: number[],\n  markDigits: number\n): string[] =>\n  knobsValues.map((knobValue) =>\n    Number.isNaN(knobValue) ? \"\" : knobValue.toFixed(markDigits)\n  );\n\nexport const stringValuesToKnobs = (inputsValues: string[]): number[] =>\n  inputsValues.map((inputValue) => parseFloat(inputValue));\n"],"names":["styles","theme","validationStates"],"mappings":"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"}

package/dist/cjs/components/Snackbar/Snackbar.cjs

@@ -34,10 +34,7 @@ const HvSnackbar = ({
   open = false,
   onClose,
   label = "",
-  anchorOrigin = {
-    vertical: "top",
-    horizontal: "right"
-  },
+  anchorOrigin = { vertical: "top", horizontal: "right" },
   autoHideDuration = 5e3,
   variant = "default",
   showIcon = false,
@@ -50,9 +47,7 @@ const HvSnackbar = ({
   snackbarContentProps,
   ...others
 }) => {
-  const {
-    classes
-  } = Snackbar_styles.useClasses(classesProp);
+  const { classes } = Snackbar_styles.useClasses(classesProp);
   const anchorOriginOffset = {
     anchorOriginTop: {
       top: `${offset}px`
@@ -61,7 +56,35 @@ const HvSnackbar = ({
       bottom: `${offset}px`
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(material.Snackbar, { style: anchorOriginOffset[`anchorOrigin${capitalize__default.default(anchorOrigin.vertical)}`], classes, className, id, anchorOrigin, open, onClose, autoHideDuration, transitionDuration, TransitionComponent: snackBarDirComponent(transitionDirection), ...others, children: /* @__PURE__ */ jsxRuntime.jsx(SnackbarContent.HvSnackbarContent, { id: setId.setId(id, "content"), label, variant, customIcon, showIcon, action, actionCallback, ...snackbarContentProps }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    material.Snackbar,
+    {
+      style: anchorOriginOffset[`anchorOrigin${capitalize__default.default(anchorOrigin.vertical)}`],
+      classes,
+      className,
+      id,
+      anchorOrigin,
+      open,
+      onClose,
+      autoHideDuration,
+      transitionDuration,
+      TransitionComponent: snackBarDirComponent(transitionDirection),
+      ...others,
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        SnackbarContent.HvSnackbarContent,
+        {
+          id: setId.setId(id, "content"),
+          label,
+          variant,
+          customIcon,
+          showIcon,
+          action,
+          actionCallback,
+          ...snackbarContentProps
+        }
+      )
+    }
+  );
 };
 exports.snackbarClasses = Snackbar_styles.staticClasses;
 exports.HvSnackbar = HvSnackbar;