@hitachivantara/uikit-react-core 5.0.2 → 5.1.0

package/dist/cjs/components/Dropdown/dropdownClasses.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const classes = require("../../utils/classes.cjs");
-const classKeys = ["root", "labelContainer", "label", "description", "error", "placeholder", "selectionDisabled", "dropdown", "arrow", "dropdownHeader", "dropdownHeaderInvalid", "dropdownHeaderOpen", "rootList", "dropdownListContainer"];
+const classKeys = ["root", "labelContainer", "label", "description", "error", "placeholder", "selectionDisabled", "dropdown", "arrow", "dropdownHeader", "dropdownHeaderInvalid", "dropdownHeaderOpen", "dropdownListContainer", "rootList"];
 const dropdownClasses = classes.getClasses(classKeys, "HvDropdown");
 const dropdownClasses$1 = dropdownClasses;
 exports.default = dropdownClasses$1;

package/dist/cjs/components/Dropdown/dropdownClasses.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"dropdownClasses.cjs","sources":["../../../../src/components/Dropdown/dropdownClasses.tsx"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport type HvDropdownClasses = {\n  root?: string;\n  labelContainer?: string;\n  label?: string;\n  description?: string;\n  error?: string;\n  placeholder?: string;\n  selectionDisabled?: string;\n  dropdown?: string;\n  arrow?: string;\n  dropdownHeader?: string;\n  dropdownHeaderInvalid?: string;\n  dropdownHeaderOpen?: string;\n  dropdownListContainer?: string;\n  rootList?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"labelContainer\",\n  \"label\",\n  \"description\",\n  \"error\",\n  \"placeholder\",\n  \"selectionDisabled\",\n  \"dropdown\",\n  \"arrow\",\n  \"dropdownHeader\",\n  \"dropdownHeaderInvalid\",\n  \"dropdownHeaderOpen\",\n  \"rootList\",\n  \"dropdownListContainer\",\n];\n\nconst dropdownClasses = getClasses<HvDropdownClasses>(classKeys, \"HvDropdown\");\n\nexport default dropdownClasses;\n"],"names":["classKeys","dropdownClasses","getClasses"],"mappings":";;;AAmBA,MAAMA,YAAsB,CAC1B,QACA,kBACA,SACA,eACA,SACA,eACA,qBACA,YACA,SACA,kBACA,yBACA,sBACA,YACA,uBAAuB;AAGzB,MAAMC,kBAAkBC,QAA8BF,WAAAA,WAAW,YAAY;AAE7E,MAAA,oBAAeC;;"}
+{"version":3,"file":"dropdownClasses.cjs","sources":["../../../../src/components/Dropdown/dropdownClasses.tsx"],"sourcesContent":["import { getClasses } from \"~/utils\";\n\nexport type HvDropdownClasses = {\n  root?: string;\n  labelContainer?: string;\n  label?: string;\n  description?: string;\n  error?: string;\n  placeholder?: string;\n  selectionDisabled?: string;\n  dropdown?: string;\n  arrow?: string;\n  dropdownHeader?: string;\n  dropdownHeaderInvalid?: string;\n  dropdownHeaderOpen?: string;\n  dropdownListContainer?: string;\n  rootList?: string;\n};\n\nconst classKeys: string[] = [\n  \"root\",\n  \"labelContainer\",\n  \"label\",\n  \"description\",\n  \"error\",\n  \"placeholder\",\n  \"selectionDisabled\",\n  \"dropdown\",\n  \"arrow\",\n  \"dropdownHeader\",\n  \"dropdownHeaderInvalid\",\n  \"dropdownHeaderOpen\",\n  \"dropdownListContainer\",\n  \"rootList\",\n];\n\nconst dropdownClasses = getClasses<HvDropdownClasses>(classKeys, \"HvDropdown\");\n\nexport default dropdownClasses;\n"],"names":["classKeys","dropdownClasses","getClasses"],"mappings":";;;AAmBA,MAAMA,YAAsB,CAC1B,QACA,kBACA,SACA,eACA,SACA,eACA,qBACA,YACA,SACA,kBACA,yBACA,sBACA,yBACA,UAAU;AAGZ,MAAMC,kBAAkBC,QAA8BF,WAAAA,WAAW,YAAY;AAE7E,MAAA,oBAAeC;;"}

package/dist/cjs/components/Pagination/Pagination.cjs

@@ -119,7 +119,7 @@ const HvPagination = ({
           className: clsx__default.default(paginationClasses.default.pageSizeOptionsSelect, classes == null ? void 0 : classes.pageSizeOptionsSelect),
           classes: {},
           "aria-label": labels == null ? void 0 : labels.pageSizeSelectorDescription,
-          onChange: (evt, val) => onPageSizeChange == null ? void 0 : onPageSizeChange(val),
+          onChange: (_, val) => onPageSizeChange == null ? void 0 : onPageSizeChange(val),
           value: pageSize,
           children: pageSizeOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(Select.Option, {
             value: option,

package/dist/cjs/components/Pagination/Pagination.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.cjs","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { HTMLAttributes, useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { Hidden } from \"@mui/material\";\nimport { HvInput, HvInputProps, HvTypography } from \"~/components\";\nimport {\n  Start,\n  End,\n  Backwards,\n  Forwards,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"../../types\";\nimport { Option } from \"./Select\";\nimport {\n  StyledRoot,\n  StyledPageSizeOptions,\n  StyledPageSizePrev,\n  StyledSelect,\n  StyledPageSizeTextContainer,\n  StyledPageNavigator,\n  StyledButtonIconTooltip,\n  StyledPageJump,\n  StyledPageInfo,\n} from \"./Pagination.styles\";\nimport paginationClasses, { HvPaginationClasses } from \"./paginationClasses\";\nimport { isKeypress, keyboardCodes, setId } from \"~/utils\";\nimport { usePageInput, getSafePage, setColor } from \"./utils\";\nimport { useLabels } from \"~/hooks\";\n\nexport type HvPaginationLabels = {\n  /** The show label. */\n  pageSizePrev?: string;\n  /** Indicate the units of the page size selection. */\n  pageSizeEntryName?: string;\n  /** Used for the aria-label of the selection of number of unit.s */\n  pageSizeSelectorDescription?: string;\n  /** Separator of current page and total pages. */\n  pagesSeparator?: string;\n  /** Title of button `firstPage`. */\n  paginationFirstPageTitle?: string;\n  /** Title of button `previousPage`. */\n  paginationPreviousPageTitle?: string;\n  /** Title of button `nextPage`. */\n  paginationNextPageTitle?: string;\n  /** Title of button `lastPage`. */\n  paginationLastPageTitle?: string;\n  /** Aria-label passed to the page input. */\n  paginationInputLabel?: string;\n  /** Aria-label of the first page button */\n  firstPage?: string;\n  /** Aria-label of the previous page button */\n  previousPage?: string;\n  /** Aria-label of the next page button */\n  nextPage?: string;\n  /** Aria-label of the last page button */\n  lastPage?: string;\n};\n\nexport type HvPaginationProps = HvBaseProps & {\n  /** The number of pages the component has. */\n  pages?: number;\n  /** The currently selected page (0-indexed). */\n  page?: number;\n  /** Controls whether the left page size mechanism should be visible. */\n  showPageSizeOptions?: boolean;\n  /** The array of possible page sizes for the dropdown. */\n  pageSizeOptions?: number[];\n  /** The currently selected page size. */\n  pageSize?: number;\n  /** Controls whether the central page changing mechanism should be visible. */\n  showPageJump?: boolean;\n  /** Controls whether the previous/first page buttons are enabled. */\n  canPrevious?: boolean;\n  /** Controls whether the next/last page buttons are enabled. */\n  canNext?: boolean;\n  /** Function called when the page changes. */\n  onPageChange?: (page: number) => void;\n  /** Function called when the page size changes. */\n  onPageSizeChange?: (pageSize: number) => void;\n  /** An object containing all the labels for the component. */\n  labels?: HvPaginationLabels;\n  /** Other props to show page component. */\n  showPageProps?: HTMLAttributes<HTMLDivElement>;\n  /** Other props to pagination component. */\n  navigationProps?: HTMLAttributes<HTMLDivElement>;\n  /** Extra properties passed to the input component representing the current pages. */\n  currentPageInputProps?: HvInputProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvPaginationClasses;\n};\n\nconst DEFAULT_LABELS = {\n  pageSizePrev: \"Show\",\n  pageSizeEntryName: \"rows\",\n  pageSizeSelectorDescription: \"Select how many to display\",\n  pagesSeparator: \"/\",\n  paginationFirstPageTitle: \"First page\",\n  paginationPreviousPageTitle: \"Previous page\",\n  paginationNextPageTitle: \"Next page\",\n  paginationLastPageTitle: \"Last page\",\n  paginationInputLabel: \"Current page\",\n  firstPage: \"First Page\",\n  previousPage: \"Previous Page\",\n  nextPage: \"Next Page\",\n  lastPage: \"Last Page\",\n};\n\nconst { Enter } = keyboardCodes;\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact\n * with structured content on a website or application.\n */\nexport const HvPagination = ({\n  classes,\n  className,\n  id,\n  pages = 1,\n  page = 0,\n  showPageSizeOptions = true,\n  pageSizeOptions = [5, 10, 20, 25, 50, 100],\n  pageSize = 1,\n  showPageJump = true,\n  canPrevious = false,\n  canNext = false,\n  onPageChange,\n  onPageSizeChange,\n  labels: labelsProp,\n  showPageProps,\n  navigationProps,\n  currentPageInputProps,\n  ...others\n}: HvPaginationProps) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const [pageInput, handleInputChange] = usePageInput(page);\n\n  const changePage = useCallback(\n    (newPage) => {\n      const safePage: number = getSafePage(newPage, page, pages);\n\n      onPageChange?.(safePage);\n      handleInputChange(null, safePage + 1);\n    },\n    [page, pages, onPageChange, handleInputChange]\n  );\n\n  useEffect(() => {\n    if (page >= pages && pages > 0) {\n      changePage(page);\n    }\n  }, [changePage, page, pages]);\n\n  useEffect(() => {\n    if (pageInput !== page + 1) {\n      handleInputChange(null, page + 1);\n    }\n\n    // we only want to \"fix\" the input's display value when `page` property changed\n    // (either externally or when internally committed - onBlur or Enter),\n    // not while editing the input.\n    // breaking a rule of hooks isn't ideal and it's just a hack for fixing\n    // a bug preventing properly controlling of the `page` property.\n    // fixing it some other way would potentially introduce a breaking change.\n  }, [handleInputChange, page]);\n\n  const renderPageJump = () => (\n    <StyledPageJump\n      className={clsx(paginationClasses.pageJump, classes?.pageJump)}\n    >\n      <HvInput\n        id={setId(id, \"currentPage\")}\n        labels={labels}\n        inputProps={{\n          \"aria-label\": labels?.paginationInputLabel,\n          // We really want the native number input\n          type: \"number\",\n        }}\n        classes={{\n          root: clsx(\n            paginationClasses.pageSizeInputContainer,\n            classes?.pageSizeInputContainer\n          ),\n          input: clsx(paginationClasses.pageSizeInput, classes?.pageSizeInput),\n          inputRoot: clsx(\n            paginationClasses.pageSizeInputRoot,\n            classes?.pageSizeInputRoot\n          ),\n        }}\n        onChange={(event, value) => handleInputChange(event, Number(value))}\n        value={String(pageInput)}\n        onBlur={(evt, value) => changePage(Number(value) - 1)}\n        onKeyDown={(evt, value) =>\n          isKeypress(evt, Enter) && changePage(Number(value) - 1)\n        }\n        disabled={pageSize === 0}\n        disableClear\n        {...currentPageInputProps}\n      />\n    </StyledPageJump>\n  );\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, paginationClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledPageSizeOptions\n        className={clsx(\n          paginationClasses.pageSizeOptions,\n          classes?.pageSizeOptions\n        )}\n        {...showPageProps}\n      >\n        {showPageSizeOptions && (\n          <>\n            <Hidden xsDown>\n              <StyledPageSizePrev\n                className={clsx(\n                  paginationClasses.pageSizeTextContainer,\n                  classes?.pageSizeTextContainer\n                )}\n              >\n                <HvTypography component=\"span\">\n                  {labels?.pageSizePrev}\n                </HvTypography>\n              </StyledPageSizePrev>\n            </Hidden>\n            <StyledSelect\n              id={setId(id, \"pageSize\")}\n              disabled={pageSize === 0}\n              className={clsx(\n                paginationClasses.pageSizeOptionsSelect,\n                classes?.pageSizeOptionsSelect\n              )}\n              classes={{}}\n              aria-label={labels?.pageSizeSelectorDescription}\n              onChange={(evt, val: number) => onPageSizeChange?.(val)}\n              value={pageSize}\n            >\n              {pageSizeOptions.map((option) => (\n                <Option key={option} value={option}>\n                  {option}\n                </Option>\n              ))}\n            </StyledSelect>\n            <Hidden xsDown>\n              <StyledPageSizeTextContainer\n                className={clsx(\n                  paginationClasses.pageSizeTextContainer,\n                  classes?.pageSizeTextContainer\n                )}\n              >\n                <HvTypography component=\"span\">\n                  {labels?.pageSizeEntryName}\n                </HvTypography>\n              </StyledPageSizeTextContainer>\n            </Hidden>\n          </>\n        )}\n      </StyledPageSizeOptions>\n      <StyledPageNavigator\n        className={clsx(\n          paginationClasses.pageNavigator,\n          classes?.pageNavigator\n        )}\n        {...navigationProps}\n      >\n        <StyledButtonIconTooltip\n          id={setId(id, \"firstPage-button\")}\n          aria-label={labels?.firstPage}\n          className={clsx(\n            paginationClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          disabled={!canPrevious}\n          onClick={() => changePage(0)}\n          tooltip={labels?.paginationFirstPageTitle}\n        >\n          <Start\n            className={clsx(paginationClasses.icon, classes?.icon)}\n            color={setColor(!canPrevious)}\n          />\n        </StyledButtonIconTooltip>\n        <StyledButtonIconTooltip\n          id={setId(id, \"previousPage-button\")}\n          aria-label={labels?.previousPage}\n          className={clsx(\n            paginationClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          disabled={!canPrevious}\n          onClick={() => changePage(page - 1)}\n          tooltip={labels?.paginationPreviousPageTitle}\n        >\n          <Backwards\n            className={clsx(paginationClasses.icon, classes?.icon)}\n            color={setColor(!canPrevious)}\n          />\n        </StyledButtonIconTooltip>\n        <StyledPageInfo\n          className={clsx(paginationClasses.pageInfo, classes?.pageInfo)}\n        >\n          {showPageJump ? (\n            renderPageJump()\n          ) : (\n            <HvTypography component=\"span\">{`${page + 1}`}</HvTypography>\n          )}\n          <HvTypography component=\"span\">{`${labels?.pagesSeparator} `}</HvTypography>\n          <HvTypography id={setId(id, \"totalPages\")} component=\"span\">\n            {pages}\n          </HvTypography>\n        </StyledPageInfo>\n        <StyledButtonIconTooltip\n          id={setId(id, \"nextPage-button\")}\n          aria-label={labels?.nextPage}\n          className={clsx(\n            paginationClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          disabled={!canNext}\n          onClick={() => changePage(page + 1)}\n          tooltip={labels?.paginationNextPageTitle}\n        >\n          <Forwards\n            className={clsx(paginationClasses.icon, classes?.icon)}\n            color={setColor(!canNext)}\n          />\n        </StyledButtonIconTooltip>\n        <StyledButtonIconTooltip\n          id={setId(id, \"lastPage-button\")}\n          aria-label={labels?.lastPage}\n          className={clsx(\n            paginationClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          disabled={!canNext}\n          onClick={() => changePage(pages - 1)}\n          tooltip={labels?.paginationLastPageTitle}\n        >\n          <End\n            className={clsx(paginationClasses.icon, classes?.icon)}\n            color={setColor(!canNext)}\n          />\n        </StyledButtonIconTooltip>\n      </StyledPageNavigator>\n    </StyledRoot>\n  );\n};\n"],"names":["DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","Enter","keyboardCodes","HvPagination","classes","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labels","labelsProp","showPageProps","navigationProps","currentPageInputProps","others","useLabels","pageInput","handleInputChange","usePageInput","changePage","useCallback","newPage","safePage","getSafePage","useEffect","renderPageJump","_jsx","StyledPageJump","clsx","paginationClasses","pageJump","children","HvInput","setId","inputProps","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","onChange","event","value","Number","String","onBlur","evt","onKeyDown","isKeypress","disabled","disableClear","StyledRoot","StyledPageSizeOptions","_jsxs","_Fragment","Hidden","xsDown","StyledPageSizePrev","pageSizeTextContainer","HvTypography","component","StyledSelect","pageSizeOptionsSelect","val","map","option","Option","StyledPageSizeTextContainer","StyledPageNavigator","pageNavigator","StyledButtonIconTooltip","iconContainer","onClick","tooltip","Start","icon","color","setColor","Backwards","StyledPageInfo","pageInfo","Forwards","End"],"mappings":"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"}
+{"version":3,"file":"Pagination.cjs","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { HTMLAttributes, useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { Hidden } from \"@mui/material\";\nimport { HvInput, HvInputProps, HvTypography } from \"~/components\";\nimport {\n  Start,\n  End,\n  Backwards,\n  Forwards,\n} from \"@hitachivantara/uikit-react-icons\";\nimport { HvBaseProps } from \"../../types\";\nimport { Option } from \"./Select\";\nimport {\n  StyledRoot,\n  StyledPageSizeOptions,\n  StyledPageSizePrev,\n  StyledSelect,\n  StyledPageSizeTextContainer,\n  StyledPageNavigator,\n  StyledButtonIconTooltip,\n  StyledPageJump,\n  StyledPageInfo,\n} from \"./Pagination.styles\";\nimport paginationClasses, { HvPaginationClasses } from \"./paginationClasses\";\nimport { isKeypress, keyboardCodes, setId } from \"~/utils\";\nimport { usePageInput, getSafePage, setColor } from \"./utils\";\nimport { useLabels } from \"~/hooks\";\n\nexport type HvPaginationLabels = {\n  /** The show label. */\n  pageSizePrev?: string;\n  /** Indicate the units of the page size selection. */\n  pageSizeEntryName?: string;\n  /** Used for the aria-label of the selection of number of unit.s */\n  pageSizeSelectorDescription?: string;\n  /** Separator of current page and total pages. */\n  pagesSeparator?: string;\n  /** Title of button `firstPage`. */\n  paginationFirstPageTitle?: string;\n  /** Title of button `previousPage`. */\n  paginationPreviousPageTitle?: string;\n  /** Title of button `nextPage`. */\n  paginationNextPageTitle?: string;\n  /** Title of button `lastPage`. */\n  paginationLastPageTitle?: string;\n  /** Aria-label passed to the page input. */\n  paginationInputLabel?: string;\n  /** Aria-label of the first page button */\n  firstPage?: string;\n  /** Aria-label of the previous page button */\n  previousPage?: string;\n  /** Aria-label of the next page button */\n  nextPage?: string;\n  /** Aria-label of the last page button */\n  lastPage?: string;\n};\n\nexport type HvPaginationProps = HvBaseProps & {\n  /** The number of pages the component has. */\n  pages?: number;\n  /** The currently selected page (0-indexed). */\n  page?: number;\n  /** Controls whether the left page size mechanism should be visible. */\n  showPageSizeOptions?: boolean;\n  /** The array of possible page sizes for the dropdown. */\n  pageSizeOptions?: number[];\n  /** The currently selected page size. */\n  pageSize?: number;\n  /** Controls whether the central page changing mechanism should be visible. */\n  showPageJump?: boolean;\n  /** Controls whether the previous/first page buttons are enabled. */\n  canPrevious?: boolean;\n  /** Controls whether the next/last page buttons are enabled. */\n  canNext?: boolean;\n  /** Function called when the page changes. */\n  onPageChange?: (page: number) => void;\n  /** Function called when the page size changes. */\n  onPageSizeChange?: (pageSize: number) => void;\n  /** An object containing all the labels for the component. */\n  labels?: HvPaginationLabels;\n  /** Other props to show page component. */\n  showPageProps?: HTMLAttributes<HTMLDivElement>;\n  /** Other props to pagination component. */\n  navigationProps?: HTMLAttributes<HTMLDivElement>;\n  /** Extra properties passed to the input component representing the current pages. */\n  currentPageInputProps?: HvInputProps;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvPaginationClasses;\n};\n\nconst DEFAULT_LABELS = {\n  pageSizePrev: \"Show\",\n  pageSizeEntryName: \"rows\",\n  pageSizeSelectorDescription: \"Select how many to display\",\n  pagesSeparator: \"/\",\n  paginationFirstPageTitle: \"First page\",\n  paginationPreviousPageTitle: \"Previous page\",\n  paginationNextPageTitle: \"Next page\",\n  paginationLastPageTitle: \"Last page\",\n  paginationInputLabel: \"Current page\",\n  firstPage: \"First Page\",\n  previousPage: \"Previous Page\",\n  nextPage: \"Next Page\",\n  lastPage: \"Last Page\",\n};\n\nconst { Enter } = keyboardCodes;\n\n/**\n * Pagination is the process of dividing a document into discrete pages. It relates to how users interact\n * with structured content on a website or application.\n */\nexport const HvPagination = ({\n  classes,\n  className,\n  id,\n  pages = 1,\n  page = 0,\n  showPageSizeOptions = true,\n  pageSizeOptions = [5, 10, 20, 25, 50, 100],\n  pageSize = 1,\n  showPageJump = true,\n  canPrevious = false,\n  canNext = false,\n  onPageChange,\n  onPageSizeChange,\n  labels: labelsProp,\n  showPageProps,\n  navigationProps,\n  currentPageInputProps,\n  ...others\n}: HvPaginationProps) => {\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const [pageInput, handleInputChange] = usePageInput(page);\n\n  const changePage = useCallback(\n    (newPage) => {\n      const safePage: number = getSafePage(newPage, page, pages);\n\n      onPageChange?.(safePage);\n      handleInputChange(null, safePage + 1);\n    },\n    [page, pages, onPageChange, handleInputChange]\n  );\n\n  useEffect(() => {\n    if (page >= pages && pages > 0) {\n      changePage(page);\n    }\n  }, [changePage, page, pages]);\n\n  useEffect(() => {\n    if (pageInput !== page + 1) {\n      handleInputChange(null, page + 1);\n    }\n\n    // we only want to \"fix\" the input's display value when `page` property changed\n    // (either externally or when internally committed - onBlur or Enter),\n    // not while editing the input.\n    // breaking a rule of hooks isn't ideal and it's just a hack for fixing\n    // a bug preventing properly controlling of the `page` property.\n    // fixing it some other way would potentially introduce a breaking change.\n  }, [handleInputChange, page]);\n\n  const renderPageJump = () => (\n    <StyledPageJump\n      className={clsx(paginationClasses.pageJump, classes?.pageJump)}\n    >\n      <HvInput\n        id={setId(id, \"currentPage\")}\n        labels={labels}\n        inputProps={{\n          \"aria-label\": labels?.paginationInputLabel,\n          // We really want the native number input\n          type: \"number\",\n        }}\n        classes={{\n          root: clsx(\n            paginationClasses.pageSizeInputContainer,\n            classes?.pageSizeInputContainer\n          ),\n          input: clsx(paginationClasses.pageSizeInput, classes?.pageSizeInput),\n          inputRoot: clsx(\n            paginationClasses.pageSizeInputRoot,\n            classes?.pageSizeInputRoot\n          ),\n        }}\n        onChange={(event, value) => handleInputChange(event, Number(value))}\n        value={String(pageInput)}\n        onBlur={(evt, value) => changePage(Number(value) - 1)}\n        onKeyDown={(evt, value) =>\n          isKeypress(evt, Enter) && changePage(Number(value) - 1)\n        }\n        disabled={pageSize === 0}\n        disableClear\n        {...currentPageInputProps}\n      />\n    </StyledPageJump>\n  );\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, paginationClasses.root, classes?.root)}\n      {...others}\n    >\n      <StyledPageSizeOptions\n        className={clsx(\n          paginationClasses.pageSizeOptions,\n          classes?.pageSizeOptions\n        )}\n        {...showPageProps}\n      >\n        {showPageSizeOptions && (\n          <>\n            <Hidden xsDown>\n              <StyledPageSizePrev\n                className={clsx(\n                  paginationClasses.pageSizeTextContainer,\n                  classes?.pageSizeTextContainer\n                )}\n              >\n                <HvTypography component=\"span\">\n                  {labels?.pageSizePrev}\n                </HvTypography>\n              </StyledPageSizePrev>\n            </Hidden>\n            <StyledSelect\n              id={setId(id, \"pageSize\")}\n              disabled={pageSize === 0}\n              className={clsx(\n                paginationClasses.pageSizeOptionsSelect,\n                classes?.pageSizeOptionsSelect\n              )}\n              classes={{}}\n              aria-label={labels?.pageSizeSelectorDescription}\n              onChange={(_, val: number) => onPageSizeChange?.(val)}\n              value={pageSize}\n            >\n              {pageSizeOptions.map((option) => (\n                <Option key={option} value={option}>\n                  {option}\n                </Option>\n              ))}\n            </StyledSelect>\n            <Hidden xsDown>\n              <StyledPageSizeTextContainer\n                className={clsx(\n                  paginationClasses.pageSizeTextContainer,\n                  classes?.pageSizeTextContainer\n                )}\n              >\n                <HvTypography component=\"span\">\n                  {labels?.pageSizeEntryName}\n                </HvTypography>\n              </StyledPageSizeTextContainer>\n            </Hidden>\n          </>\n        )}\n      </StyledPageSizeOptions>\n      <StyledPageNavigator\n        className={clsx(\n          paginationClasses.pageNavigator,\n          classes?.pageNavigator\n        )}\n        {...navigationProps}\n      >\n        <StyledButtonIconTooltip\n          id={setId(id, \"firstPage-button\")}\n          aria-label={labels?.firstPage}\n          className={clsx(\n            paginationClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          disabled={!canPrevious}\n          onClick={() => changePage(0)}\n          tooltip={labels?.paginationFirstPageTitle}\n        >\n          <Start\n            className={clsx(paginationClasses.icon, classes?.icon)}\n            color={setColor(!canPrevious)}\n          />\n        </StyledButtonIconTooltip>\n        <StyledButtonIconTooltip\n          id={setId(id, \"previousPage-button\")}\n          aria-label={labels?.previousPage}\n          className={clsx(\n            paginationClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          disabled={!canPrevious}\n          onClick={() => changePage(page - 1)}\n          tooltip={labels?.paginationPreviousPageTitle}\n        >\n          <Backwards\n            className={clsx(paginationClasses.icon, classes?.icon)}\n            color={setColor(!canPrevious)}\n          />\n        </StyledButtonIconTooltip>\n        <StyledPageInfo\n          className={clsx(paginationClasses.pageInfo, classes?.pageInfo)}\n        >\n          {showPageJump ? (\n            renderPageJump()\n          ) : (\n            <HvTypography component=\"span\">{`${page + 1}`}</HvTypography>\n          )}\n          <HvTypography component=\"span\">{`${labels?.pagesSeparator} `}</HvTypography>\n          <HvTypography id={setId(id, \"totalPages\")} component=\"span\">\n            {pages}\n          </HvTypography>\n        </StyledPageInfo>\n        <StyledButtonIconTooltip\n          id={setId(id, \"nextPage-button\")}\n          aria-label={labels?.nextPage}\n          className={clsx(\n            paginationClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          disabled={!canNext}\n          onClick={() => changePage(page + 1)}\n          tooltip={labels?.paginationNextPageTitle}\n        >\n          <Forwards\n            className={clsx(paginationClasses.icon, classes?.icon)}\n            color={setColor(!canNext)}\n          />\n        </StyledButtonIconTooltip>\n        <StyledButtonIconTooltip\n          id={setId(id, \"lastPage-button\")}\n          aria-label={labels?.lastPage}\n          className={clsx(\n            paginationClasses.iconContainer,\n            classes?.iconContainer\n          )}\n          disabled={!canNext}\n          onClick={() => changePage(pages - 1)}\n          tooltip={labels?.paginationLastPageTitle}\n        >\n          <End\n            className={clsx(paginationClasses.icon, classes?.icon)}\n            color={setColor(!canNext)}\n          />\n        </StyledButtonIconTooltip>\n      </StyledPageNavigator>\n    </StyledRoot>\n  );\n};\n"],"names":["DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","Enter","keyboardCodes","HvPagination","classes","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labels","labelsProp","showPageProps","navigationProps","currentPageInputProps","others","useLabels","pageInput","handleInputChange","usePageInput","changePage","useCallback","newPage","safePage","getSafePage","useEffect","renderPageJump","_jsx","StyledPageJump","clsx","paginationClasses","pageJump","children","HvInput","setId","inputProps","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","onChange","event","value","Number","String","onBlur","evt","onKeyDown","isKeypress","disabled","disableClear","StyledRoot","StyledPageSizeOptions","_jsxs","_Fragment","Hidden","xsDown","StyledPageSizePrev","pageSizeTextContainer","HvTypography","component","StyledSelect","pageSizeOptionsSelect","_","val","map","option","Option","StyledPageSizeTextContainer","StyledPageNavigator","pageNavigator","StyledButtonIconTooltip","iconContainer","onClick","tooltip","Start","icon","color","setColor","Backwards","StyledPageInfo","pageInfo","Forwards","End"],"mappings":"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"}

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

@@ -0,0 +1,301 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const clsx = require("clsx");
+const React = require("react");
+const validationStates = require("../Forms/FormElement/validationStates.cjs");
+const sliderClasses = require("./sliderClasses.cjs");
+const Slider_styles = require("./Slider.styles.cjs");
+const utils = require("./utils.cjs");
+const SliderInput = require("./SliderInput/SliderInput.cjs");
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const useUniqueId = require("../../hooks/useUniqueId.cjs");
+const setId = require("../../utils/setId.cjs");
+const useControlled = require("../../hooks/useControlled.cjs");
+const Label = require("../Forms/Label/Label.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
+const HvSlider = ({
+  id,
+  className,
+  name,
+  label,
+  status,
+  statusMessage,
+  disabled,
+  classes,
+  sliderProps,
+  knobProps,
+  inputProps,
+  requiredMessage = "The value is required",
+  noOverlap = true,
+  hideInput = false,
+  required = false,
+  readOnly = false,
+  markProperties = [],
+  defaultValues = [void 0],
+  values: valuesProp = [],
+  knobProperties: knobPropertiesProp,
+  "aria-errormessage": ariaErrorMessage,
+  maxPointValue = 100,
+  minPointValue = 0,
+  divisionQuantity = 100,
+  markStep = 20,
+  markDigits = 0,
+  formatMark,
+  onChange,
+  onBlur,
+  onBeforeChange,
+  onAfterChange,
+  formatTooltip,
+  ...others
+}) => {
+  const hasLabel = label != null;
+  const isDirty = React.useRef(false);
+  const elementId = useUniqueId.default(id, "hvSlider");
+  const sliderInputId = setId.setId(elementId, "input");
+  const stepValue = React.useMemo(() => utils.calculateStepValue(maxPointValue, minPointValue, divisionQuantity), [divisionQuantity, maxPointValue, minPointValue]);
+  const inverseStepValue = 1 / stepValue;
+  const marks = React.useMemo(() => utils.createMark(markProperties, markStep, divisionQuantity, minPointValue, stepValue, markDigits, !!disabled, Slider_styles.sliderStyles, formatMark), [disabled, divisionQuantity, formatMark, markDigits, markProperties, markStep, minPointValue, stepValue, Slider_styles.sliderStyles]);
+  const canShowError = ariaErrorMessage == null && (status !== void 0 && statusMessage !== void 0 || status === void 0 && required);
+  const isSingle = React.useMemo(() => utils.isSingleSlider(valuesProp, defaultValues), [defaultValues, valuesProp]);
+  const value = React.useMemo(() => (valuesProp == null ? void 0 : valuesProp.length) > 0 ? utils.knobsValuesToKnobsPositions(valuesProp, inverseStepValue, minPointValue) : void 0, [inverseStepValue, minPointValue, valuesProp]);
+  const defaultKnobsPositions = React.useMemo(() => utils.knobsValuesToKnobsPositions(defaultValues, inverseStepValue, minPointValue), [defaultValues, inverseStepValue, minPointValue]);
+  const [knobsPositions, setKnobsPositions] = useControlled.useControlled(value, defaultKnobsPositions);
+  const {
+    arrayStatus,
+    arrayDefaultStatus
+  } = React.useMemo(() => utils.convertStatusToArray(knobsPositions.length, status), [knobsPositions.length, status]);
+  const [validationStatus, setValidationState] = useControlled.useControlled(arrayStatus, arrayDefaultStatus);
+  const [validationMessage, setValidationMessage] = useControlled.useControlled(statusMessage, "");
+  const [isDraggingTrack, setIsDraggingTrack] = React.useState(false);
+  const knobProperties = utils.generateDefaultKnobProperties(knobsPositions.length, disabled, knobPropertiesProp);
+  const rangesCount = knobProperties.length - 1;
+  const trackStyles = utils.createTrackStyles(knobProperties, Slider_styles.sliderStyles);
+  const knobStyles = utils.createKnobStyles(knobProperties, Slider_styles.sliderStyles);
+  const performValidation = React.useCallback(() => {
+    let invalid = false;
+    const newValidationState = knobsPositions.map((position) => {
+      if (position == null || Number.isNaN(position)) {
+        invalid = true;
+        return validationStates.default.invalid;
+      }
+      return validationStates.default.valid;
+    });
+    setValidationState([...newValidationState]);
+    if (invalid) {
+      setValidationMessage(requiredMessage);
+      return;
+    }
+    setValidationMessage("");
+  }, [knobsPositions, requiredMessage, setValidationMessage, setValidationState]);
+  React.useEffect(() => {
+    const stepVl = utils.calculateStepValue(maxPointValue, minPointValue, divisionQuantity);
+    const inverseStepVl = 1 / stepVl;
+    if ((valuesProp == null ? void 0 : valuesProp.length) > 0) {
+      setKnobsPositions(utils.knobsValuesToKnobsPositions(valuesProp.length > 0 ? valuesProp : defaultValues, inverseStepVl, minPointValue));
+    }
+  }, [defaultValues, divisionQuantity, maxPointValue, minPointValue, setKnobsPositions, valuesProp]);
+  React.useEffect(() => {
+    if (!isDirty.current) {
+      return;
+    }
+    performValidation();
+  }, [knobsPositions, requiredMessage, performValidation]);
+  const onMouseDownHandler = (event) => {
+    if (event.target.className.includes("track")) {
+      setIsDraggingTrack(true);
+    }
+  };
+  const onMouseUpHandler = () => {
+    setIsDraggingTrack(false);
+  };
+  const generateKnobsPositionAndValues = (knobsCurrentPosition) => {
+    const newKnobsPosition = knobsCurrentPosition.slice();
+    const knobsValues = [];
+    let duplicatedValue = null;
+    const findDuplicated = newKnobsPosition.filter((item, index) => newKnobsPosition.indexOf(item) !== index);
+    if (noOverlap && findDuplicated.length > 0) {
+      [duplicatedValue] = findDuplicated;
+    }
+    newKnobsPosition.forEach((position, index, array) => {
+      const newArray = array;
+      let newPosition = position;
+      if (noOverlap && newPosition === duplicatedValue) {
+        const previousValue = knobsPositions[index];
+        if (previousValue !== newPosition) {
+          newPosition += newPosition > previousValue ? -1 : 1;
+          newArray[index] = newPosition;
+        }
+      }
+      knobsValues[index] = utils.knobsPositionToScaledValue(newPosition, minPointValue, stepValue);
+    }, void 0);
+    return {
+      knobsPosition: newKnobsPosition,
+      knobsValues
+    };
+  };
+  const onBlurHandler = (event) => {
+    const knobs = generateKnobsPositionAndValues(knobsPositions);
+    performValidation();
+    onBlur == null ? void 0 : onBlur(event, knobs.knobsValues, status);
+  };
+  const onChangeHandler = (knobsPosition) => {
+    isDirty.current = true;
+    const knobs = generateKnobsPositionAndValues(knobsPosition);
+    knobProperties.forEach((knobProperty, index) => {
+      if (knobProperty.fixed) {
+        knobs.knobsPosition[index] = utils.scaledValueToKnobsPositionValue(defaultValues[index], minPointValue, inverseStepValue);
+      }
+    });
+    if (disabled || readOnly)
+      return;
+    onChange == null ? void 0 : onChange(knobs.knobsValues);
+    setKnobsPositions(knobs.knobsPosition);
+  };
+  const onInputChangeHandler = (inputValues, index) => {
+    let newKnobPositions = utils.knobsValuesToKnobsPositions(inputValues, inverseStepValue, minPointValue);
+    newKnobPositions = utils.ensureValuesConsistency(newKnobPositions, index);
+    onChangeHandler(newKnobPositions);
+  };
+  const onBeforeChangeHandler = (knobsPosition) => {
+    const knobs = generateKnobsPositionAndValues(knobsPosition);
+    onBeforeChange == null ? void 0 : onBeforeChange(knobs.knobsValues);
+  };
+  const onAfterChangeHandler = (knobsPosition) => {
+    const knobs = generateKnobsPositionAndValues(knobsPosition);
+    onAfterChange == null ? void 0 : onAfterChange(knobs.knobsValues);
+  };
+  const createKnob = (knobNode, params) => {
+    var _a, _b;
+    const {
+      value: knobValue,
+      dragging,
+      index
+    } = params;
+    const {
+      className: knobClassName,
+      style,
+      ...restProps
+    } = knobNode.props;
+    const scaledKnobValue = utils.knobsPositionToScaledValue(knobValue, minPointValue, stepValue).toFixed(markDigits);
+    if (dragging) {
+      style.backgroundColor = (_a = knobProperties[index]) == null ? void 0 : _a.dragColor;
+    } else {
+      style.backgroundColor = (_b = knobProperties[index]) == null ? void 0 : _b.color;
+    }
+    const isEmpty = Number.isNaN(knobsPositions[index]) || knobsPositions[index] == null;
+    const handleId = setId.setId(elementId, "knob");
+    const indexedHandleId = setId.setId(handleId, index);
+    return /* @__PURE__ */ jsxRuntime.jsx(Slider_styles.StyledTooltipContainer, {
+      className: clsx__default.default(!disabled && !isEmpty && clsx__default.default(classes == null ? void 0 : classes.handleContainer, sliderClasses.default.handleContainer), disabled && !isEmpty && clsx__default.default(classes == null ? void 0 : classes.handleContainerDisabled, sliderClasses.default.handleContainerDisabled), (isEmpty || readOnly) && clsx__default.default(classes == null ? void 0 : classes.handleHiddenContainer, sliderClasses.default.handleHiddenContainer)),
+      $active: !!(!disabled && !isEmpty),
+      $disabled: !!(disabled && !isEmpty),
+      $hidden: isEmpty || readOnly,
+      children: /* @__PURE__ */ jsxRuntime.jsx(Slider_styles.StyledTooltip, {
+        prefixCls: "rc-slider-tooltip",
+        overlay: (formatTooltip == null ? void 0 : formatTooltip(scaledKnobValue)) || scaledKnobValue,
+        visible: dragging,
+        placement: "top",
+        overlayClassName: clsx__default.default(classes == null ? void 0 : classes.sliderTooltip, sliderClasses.default.sliderTooltip),
+        getTooltipContainer: () => document.getElementById(indexedHandleId || ""),
+        children: /* @__PURE__ */ jsxRuntime.jsx("div", {
+          id: indexedHandleId,
+          style,
+          className: clsx__default.default(knobClassName, classes == null ? void 0 : classes.handle, sliderClasses.default.handle),
+          ...restProps,
+          "aria-label": `${label}-knob-${index}`,
+          "aria-valuenow": utils.knobsPositionToScaledValue(knobValue, minPointValue, stepValue),
+          "aria-valuemin": minPointValue,
+          "aria-valuemax": maxPointValue,
+          ...knobProps == null ? void 0 : knobProps[index]
+        })
+      })
+    }, index);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(Slider_styles.StyledFormElement, {
+    className: clsx__default.default(className, classes == null ? void 0 : classes.root, sliderClasses.default.root, !readOnly && !disabled && !isSingle && isDraggingTrack && clsx__default.default(classes == null ? void 0 : classes.trackDragging, sliderClasses.default.trackDragging), !readOnly && !disabled && !isSingle && !isDraggingTrack && clsx__default.default(classes == null ? void 0 : classes.trackStandBy, sliderClasses.default.trackStandBy), disabled && clsx__default.default(classes == null ? void 0 : classes.rootDisabled, sliderClasses.default.rootDisabled)),
+    $dragging: !readOnly && !disabled && !isSingle && isDraggingTrack,
+    $standBy: !readOnly && !disabled && !isSingle && !isDraggingTrack,
+    $disabled: !!disabled,
+    id,
+    name,
+    status: utils.statusArrayToFormStatus(validationStatus),
+    disabled,
+    required,
+    readOnly,
+    onMouseDown: onMouseDownHandler,
+    onMouseUp: onMouseUpHandler,
+    onBlur: onBlurHandler,
+    ...others,
+    children: [(hasLabel || !hideInput) && /* @__PURE__ */ jsxRuntime.jsxs(Slider_styles.StyledLabelContainer, {
+      className: clsx__default.default(classes == null ? void 0 : classes.labelContainer, sliderClasses.default.labelContainer, hasLabel && clsx__default.default(classes == null ? void 0 : classes.labelIncluded, sliderClasses.default.labelIncluded), !hasLabel && clsx__default.default(classes == null ? void 0 : classes.onlyInput, sliderClasses.default.onlyInput)),
+      $hasLabel: hasLabel,
+      children: [hasLabel && /* @__PURE__ */ jsxRuntime.jsx(Label.HvLabel, {
+        id: setId.setId(elementId, "label"),
+        className: clsx__default.default(classes == null ? void 0 : classes.label, sliderClasses.default.label),
+        htmlFor: setId.setId(elementId, "slider"),
+        label
+      }), !hideInput && /* @__PURE__ */ jsxRuntime.jsx(SliderInput.HvSliderInput, {
+        id: sliderInputId,
+        label,
+        values: utils.knobsPositionsToKnobsValues(knobsPositions, stepValue, minPointValue),
+        onChange: onInputChangeHandler,
+        status: validationStatus,
+        disabled,
+        readOnly,
+        markDigits,
+        inputProps
+      })]
+    }), /* @__PURE__ */ jsxRuntime.jsxs(Slider_styles.StyledSliderContainer, {
+      className: clsx__default.default(classes == null ? void 0 : classes.sliderBase, sliderClasses.default.sliderBase, classes == null ? void 0 : classes.sliderContainer, sliderClasses.default.sliderContainer),
+      children: [isSingle && /* @__PURE__ */ jsxRuntime.jsx(Slider_styles.StyledSlider, {
+        handleRender: createKnob,
+        className: clsx__default.default(classes == null ? void 0 : classes.sliderRoot, sliderClasses.default.sliderRoot),
+        min: 0,
+        max: divisionQuantity,
+        step: 1,
+        marks,
+        dotStyle: disabled ? Slider_styles.sliderStyles.dotDisabled : Slider_styles.sliderStyles.dot,
+        onChange: (singleValue) => onChangeHandler(Array.isArray(singleValue) ? singleValue : [singleValue]),
+        onBeforeChange: (singleValue) => onBeforeChangeHandler(Array.isArray(singleValue) ? singleValue : [singleValue]),
+        onAfterChange: (singleValue) => onAfterChangeHandler(Array.isArray(singleValue) ? singleValue : [singleValue]),
+        value: knobsPositions.length > 0 ? knobsPositions[0] : void 0,
+        allowCross: false,
+        disabled,
+        count: rangesCount,
+        railStyle: Slider_styles.sliderStyles.rail,
+        handleStyle: knobStyles.knobInner,
+        trackStyle: trackStyles,
+        ...sliderProps
+      }), !isSingle && /* @__PURE__ */ jsxRuntime.jsx(Slider_styles.StyledSlider, {
+        range: true,
+        handleRender: createKnob,
+        className: clsx__default.default(classes == null ? void 0 : classes.sliderRoot, sliderClasses.default.sliderRoot, !isSingle && clsx__default.default(classes == null ? void 0 : classes.rootRange, sliderClasses.default.rootRange)),
+        min: 0,
+        max: divisionQuantity,
+        step: 1,
+        marks,
+        disabled,
+        dotStyle: disabled ? Slider_styles.sliderStyles.dotDisabled : Slider_styles.sliderStyles.dot,
+        onChange: (singleValue) => onChangeHandler(Array.isArray(singleValue) ? singleValue : [singleValue]),
+        onBeforeChange: (singleValue) => onBeforeChangeHandler(Array.isArray(singleValue) ? singleValue : [singleValue]),
+        onAfterChange: (singleValue) => onAfterChangeHandler(Array.isArray(singleValue) ? singleValue : [singleValue]),
+        value: knobsPositions.length > 0 ? [...knobsPositions] : void 0,
+        allowCross: false,
+        count: rangesCount,
+        railStyle: Slider_styles.sliderStyles.rail,
+        handleStyle: knobStyles.knobInner,
+        trackStyle: trackStyles,
+        draggableTrack: !readOnly && !isSingle,
+        ...sliderProps
+      })]
+    }), canShowError && /* @__PURE__ */ jsxRuntime.jsx(Slider_styles.StyledWarning, {
+      id: setId.setId(elementId, "error"),
+      className: clsx__default.default(classes == null ? void 0 : classes.error, sliderClasses.default.error),
+      disableBorder: true,
+      children: validationMessage
+    })]
+  });
+};
+exports.HvSlider = HvSlider;
+//# sourceMappingURL=Slider.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.cjs","sources":["../../../../src/components/Slider/Slider.tsx"],"sourcesContent":["import { SliderProps } from \"rc-slider\";\nimport clsx from \"clsx\";\nimport React, {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { HvBaseProps } from \"~/types\";\nimport { setId } from \"~/utils\";\nimport { useControlled, useUniqueId } from \"~/hooks\";\nimport validationStates from \"~/components/Forms/FormElement/validationStates\";\nimport { HvFormStatus, HvLabel, HvInputProps } from \"~/components\";\nimport sliderClasses, { HvSliderClasses } from \"./sliderClasses\";\nimport {\n  sliderStyles,\n  StyledFormElement,\n  StyledLabelContainer,\n  StyledSlider,\n  StyledSliderContainer,\n  StyledTooltip,\n  StyledTooltipContainer,\n  StyledWarning,\n} from \"./Slider.styles\";\nimport {\n  calculateStepValue,\n  convertStatusToArray,\n  createKnobStyles,\n  createMark,\n  createTrackStyles,\n  ensureValuesConsistency,\n  generateDefaultKnobProperties,\n  isSingleSlider,\n  knobsPositionsToKnobsValues,\n  knobsPositionToScaledValue,\n  knobsValuesToKnobsPositions,\n  scaledValueToKnobsPositionValue,\n  statusArrayToFormStatus,\n} from \"./utils\";\nimport { HvSliderInput } from \"./SliderInput/SliderInput\";\n\nexport interface HvKnobProperty {\n  color?: string;\n  defaultValue?: number;\n  hidden?: boolean;\n  fixed?: boolean;\n  hoverColor?: string;\n  trackColor?: string;\n  dragColor?: string;\n}\n\nexport interface HvMarkProperty {\n  position?: number;\n  label?: string;\n}\n\nexport interface HvSliderProps\n  extends HvBaseProps<HTMLDivElement, { onChange; onBlur }> {\n  /**\n   * The slider name.\n   */\n  name?: string;\n  /**\n   * The label of the slider.\n   *\n   * If not provided, an aria-label or aria-labelledby must be inputted via sliderProps.\n   */\n  label?: React.ReactNode;\n  /**\n   * Indicates that the slider is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Indicates that the slider is not editable.\n   */\n  readOnly?: boolean;\n  /**\n   * Indicates that user slider is required on the form element.\n   */\n  required?: boolean;\n  /**\n   * What message to render when the value is required.\n   */\n  requiredMessage?: string;\n  /**\n   * If `true` the input that controls the slider is hidden.\n   */\n  hideInput?: boolean;\n  /**\n   * Attributes applied to the slider element.\n   */\n  sliderProps?: SliderProps;\n  /**\n   * The status of the slider element.\n   *\n   * Valid is correct, invalid is incorrect and standBy means no validations have run.\n   *\n   * When uncontrolled and unspecified it will default to \"standBy\" and change to either \"valid\"\n   * or \"invalid\" after any change to the state.\n   */\n  status?: HvFormStatus | HvFormStatus[];\n  /**\n   * The error message to show when `status` is \"invalid\".\n   */\n  statusMessage?: React.ReactNode;\n  /**\n   * The values array to apply to the component\n   */\n  values?: number[];\n  /**\n   * The default values array to apply to the component\n   */\n  defaultValues?: (number | undefined)[];\n  /**\n   * The object used to set the knob properties,\n   * for every item in the array a new knob will be created.\n   */\n  knobProperties?: HvKnobProperty[];\n  /**\n   * The object used to set the mark properties individually.\n   */\n  markProperties?: HvMarkProperty[];\n  /**\n   * The function executed before a change will occur in the slider.\n   */\n  onBeforeChange?: (value: number[]) => void;\n  /**\n   * The function executed while a change is occurring in the slider.\n   */\n  onChange?: (value: number[]) => void;\n  /**\n   * The function executed after a change ocurred in the slider.\n   */\n  onAfterChange?: (value: number[]) => void;\n  /**\n   * The function executed after a blur ocurred in the slider.\n   */\n  onBlur?: (\n    event: React.FocusEvent,\n    knobsValues: number[],\n    status?: HvFormStatus | HvFormStatus[]\n  ) => void;\n  /**\n   * The separation in points between marks.\n   * example: if 10 divisions and a markstep of 2 there will be 5 marks.\n   */\n  markStep?: number;\n  /**\n   * How many subdivisions there are in the slider.\n   */\n  divisionQuantity?: number;\n  /**\n   * The value of the first point in the slider from left to right.\n   */\n  minPointValue?: number;\n  /**\n   * The value of the last point in the slider from left to right.\n   */\n  maxPointValue?: number;\n  /**\n   * The nax number of decimals if no format function is applied\n   */\n  markDigits?: number;\n  /**\n   * A formatting function used to add format to the marks in the track,\n   * the function receives the mark text\n   */\n  formatMark?: (label: React.ReactNode) => React.ReactNode;\n  /**\n   * A formatting function used to add format to the tooltip in the track,\n   * the function receives the mark text\n   */\n  formatTooltip?: (label: React.ReactNode) => React.ReactNode;\n  /**\n   * If `true` the knobs can't have the same value, if `false` knobs can have the same value.\n   */\n  noOverlap?: boolean;\n  /**\n   * Attributes applied to the input element.\n   */\n  inputProps?: HvInputProps[];\n  /**\n   * Attributes applied to the knob element.\n   */\n  knobProps?: React.HTMLAttributes<HTMLDivElement>[];\n  /**\n   * The classes object to be applied into the root object.\n   */\n  classes?: HvSliderClasses;\n}\n\n/**\n * Sliders reflect a range of values along a bar, from which users may select a single value. They are ideal for adjusting settings such as volume, brightness, or applying image filters.\n */\nexport const HvSlider = ({\n  id,\n  className,\n  name,\n  label,\n  status,\n  statusMessage,\n  disabled,\n  classes,\n  sliderProps,\n  knobProps,\n  inputProps,\n  requiredMessage = \"The value is required\",\n  noOverlap = true,\n  hideInput = false,\n  required = false,\n  readOnly = false,\n  markProperties = [],\n  defaultValues = [undefined],\n  values: valuesProp = [],\n  knobProperties: knobPropertiesProp,\n  \"aria-errormessage\": ariaErrorMessage,\n  maxPointValue = 100,\n  minPointValue = 0,\n  divisionQuantity = 100,\n  markStep = 20,\n  markDigits = 0,\n  formatMark,\n  onChange,\n  onBlur,\n  onBeforeChange,\n  onAfterChange,\n  formatTooltip,\n  ...others\n}: HvSliderProps) => {\n  // Miscellaneous state\n  const hasLabel = label != null;\n\n  // Signals that the user has manually edited the input value\n  const isDirty = useRef(false);\n\n  const elementId = useUniqueId(id, \"hvSlider\");\n\n  const sliderInputId = setId(elementId, \"input\");\n\n  const stepValue: number = useMemo(\n    () => calculateStepValue(maxPointValue, minPointValue, divisionQuantity),\n    [divisionQuantity, maxPointValue, minPointValue]\n  );\n\n  const inverseStepValue: number = 1 / stepValue;\n\n  const marks = useMemo(\n    () =>\n      createMark(\n        markProperties,\n        markStep,\n        divisionQuantity,\n        minPointValue,\n        stepValue,\n        markDigits,\n        !!disabled,\n        sliderStyles,\n        formatMark\n      ),\n    [\n      disabled,\n      divisionQuantity,\n      formatMark,\n      markDigits,\n      markProperties,\n      markStep,\n      minPointValue,\n      stepValue,\n      sliderStyles,\n    ]\n  );\n\n  const canShowError =\n    ariaErrorMessage == null &&\n    ((status !== undefined && statusMessage !== undefined) ||\n      (status === undefined && required));\n\n  const isSingle: boolean = useMemo(\n    () => isSingleSlider(valuesProp, defaultValues),\n    [defaultValues, valuesProp]\n  );\n\n  const value: number[] | undefined = useMemo(\n    () =>\n      valuesProp?.length > 0\n        ? knobsValuesToKnobsPositions(\n            valuesProp,\n            inverseStepValue,\n            minPointValue\n          )\n        : undefined,\n    [inverseStepValue, minPointValue, valuesProp]\n  );\n\n  const defaultKnobsPositions: number[] = useMemo(\n    () =>\n      knobsValuesToKnobsPositions(\n        defaultValues,\n        inverseStepValue,\n        minPointValue\n      ),\n    [defaultValues, inverseStepValue, minPointValue]\n  );\n\n  const [knobsPositions, setKnobsPositions] = useControlled(\n    value,\n    defaultKnobsPositions\n  );\n\n  // Validation related state\n  const { arrayStatus, arrayDefaultStatus } = useMemo(\n    () => convertStatusToArray(knobsPositions.length, status),\n    [knobsPositions.length, status]\n  );\n\n  const [validationStatus, setValidationState] = useControlled(\n    arrayStatus,\n    arrayDefaultStatus\n  );\n\n  const [validationMessage, setValidationMessage] = useControlled(\n    statusMessage,\n    \"\"\n  );\n\n  const [isDraggingTrack, setIsDraggingTrack] = useState<boolean>(false);\n\n  const knobProperties: HvKnobProperty[] = generateDefaultKnobProperties(\n    knobsPositions.length,\n    disabled,\n    knobPropertiesProp\n  );\n\n  const rangesCount = knobProperties.length - 1;\n\n  const trackStyles = createTrackStyles(knobProperties, sliderStyles);\n\n  const knobStyles = createKnobStyles(knobProperties, sliderStyles);\n\n  const performValidation = useCallback(() => {\n    let invalid: boolean = false;\n\n    const newValidationState = knobsPositions.map((position) => {\n      if (position == null || Number.isNaN(position)) {\n        invalid = true;\n        return validationStates.invalid;\n      }\n      return validationStates.valid;\n    });\n\n    setValidationState([...newValidationState]);\n\n    if (invalid) {\n      setValidationMessage(requiredMessage);\n      return;\n    }\n\n    setValidationMessage(\"\");\n  }, [\n    knobsPositions,\n    requiredMessage,\n    setValidationMessage,\n    setValidationState,\n  ]);\n\n  useEffect(() => {\n    const stepVl = calculateStepValue(\n      maxPointValue,\n      minPointValue,\n      divisionQuantity\n    );\n\n    const inverseStepVl = 1 / stepVl;\n\n    if (valuesProp?.length > 0) {\n      setKnobsPositions(\n        knobsValuesToKnobsPositions(\n          valuesProp.length > 0 ? valuesProp : defaultValues,\n          inverseStepVl,\n          minPointValue\n        )\n      );\n    }\n  }, [\n    defaultValues,\n    divisionQuantity,\n    maxPointValue,\n    minPointValue,\n    setKnobsPositions,\n    valuesProp,\n  ]);\n\n  useEffect(() => {\n    if (!isDirty.current) {\n      // Skip validation if currently focused or if empty and\n      // the user never manually edited the input value\n      return;\n    }\n\n    performValidation();\n  }, [knobsPositions, requiredMessage, performValidation]);\n\n  const onMouseDownHandler = (event: React.MouseEvent<HTMLDivElement>) => {\n    if ((event.target as HTMLDivElement).className.includes(\"track\")) {\n      setIsDraggingTrack(true);\n    }\n  };\n\n  const onMouseUpHandler = () => {\n    setIsDraggingTrack(false);\n  };\n\n  /**\n   * Generates an object which posses the current value and position of the knobs.\n   *\n   * @param {Array} knobsCurrentPosition - An array containing the current positions of the knobs.\n   * @returns {Object} - An object with the positions and values of the knobs.\n   * @memberof HvSlider\n   */\n  const generateKnobsPositionAndValues = (\n    knobsCurrentPosition: number[]\n  ): { knobsPosition: number[]; knobsValues: number[] } => {\n    const newKnobsPosition: number[] = knobsCurrentPosition.slice();\n    const knobsValues: number[] = [];\n\n    let duplicatedValue: number | null = null;\n\n    const findDuplicated: number[] = newKnobsPosition.filter(\n      (item, index) => newKnobsPosition.indexOf(item) !== index\n    );\n\n    if (noOverlap && findDuplicated.length > 0) {\n      [duplicatedValue] = findDuplicated;\n    }\n\n    newKnobsPosition.forEach((position, index, array) => {\n      const newArray: number[] = array;\n      let newPosition: number = position;\n\n      if (noOverlap && newPosition === duplicatedValue) {\n        const previousValue = knobsPositions[index];\n        if (previousValue !== newPosition) {\n          newPosition += newPosition > previousValue ? -1 : 1;\n          newArray[index] = newPosition;\n        }\n      }\n\n      knobsValues[index] = knobsPositionToScaledValue(\n        newPosition,\n        minPointValue,\n        stepValue\n      );\n    }, this);\n\n    return {\n      knobsPosition: newKnobsPosition,\n      knobsValues,\n    };\n  };\n\n  const onBlurHandler = (event: React.FocusEvent) => {\n    const knobs = generateKnobsPositionAndValues(knobsPositions);\n\n    performValidation();\n\n    onBlur?.(event, knobs.knobsValues, status);\n  };\n\n  /**\n   * Function executed while the knobs changes.\n   *\n   * executes the callback provided by the user with the values and position of the knobs,\n   * also lock the value of the knob in case one is fixed.\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  const onChangeHandler = (knobsPosition: number[]) => {\n    isDirty.current = true;\n\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n\n    knobProperties.forEach((knobProperty, index) => {\n      if (knobProperty.fixed) {\n        knobs.knobsPosition[index] = scaledValueToKnobsPositionValue(\n          defaultValues[index],\n          minPointValue,\n          inverseStepValue\n        );\n      }\n    });\n\n    if (disabled || readOnly) return;\n\n    onChange?.(knobs.knobsValues);\n\n    setKnobsPositions(knobs.knobsPosition);\n  };\n\n  const onInputChangeHandler = (inputValues: number[], index: number) => {\n    let newKnobPositions = knobsValuesToKnobsPositions(\n      inputValues,\n      inverseStepValue,\n      minPointValue\n    );\n\n    newKnobPositions = ensureValuesConsistency(newKnobPositions, index);\n\n    onChangeHandler(newKnobPositions);\n  };\n\n  /**\n   * Function executed before a change.\n   *\n   * executes the callback provided by the user with the values and position of the knobs\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  const onBeforeChangeHandler = (knobsPosition: number[]) => {\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n\n    onBeforeChange?.(knobs.knobsValues);\n  };\n\n  /**\n   * Function executed after a change.\n   *\n   * executes the callback provided by the user with the values and position of the knobs\n   *\n   * @param {Array} knobsPosition - An array containing the current positions of the knobs.\n   * @memberof HvSlider\n   */\n  const onAfterChangeHandler = (knobsPosition: number[]) => {\n    const knobs = generateKnobsPositionAndValues(knobsPosition);\n\n    onAfterChange?.(knobs.knobsValues);\n  };\n\n  /**\n   * Function used to create a custom knob for the slider.\n   *\n   * TODO: This should be isolated because is creating a sub component,\n   * but there were some problems regarding the underlying component losing\n   * references of the handlers disabling the focus.\n   *\n   * @param {Object} props - An object containing the properties of the knobs.\n   * @memberof HvSlider\n   */\n  const createKnob = (knobNode, params) => {\n    const { value: knobValue, dragging, index } = params;\n    const { className: knobClassName, style, ...restProps } = knobNode.props;\n    const scaledKnobValue = knobsPositionToScaledValue(\n      knobValue,\n      minPointValue,\n      stepValue\n    ).toFixed(markDigits);\n    if (dragging) {\n      style.backgroundColor = knobProperties[index]?.dragColor;\n    } else {\n      style.backgroundColor = knobProperties[index]?.color;\n    }\n\n    const isEmpty =\n      Number.isNaN(knobsPositions[index]) || knobsPositions[index] == null;\n    const handleId = setId(elementId, \"knob\");\n    const indexedHandleId = setId(handleId, index);\n\n    return (\n      <StyledTooltipContainer\n        key={index}\n        className={clsx(\n          !disabled &&\n            !isEmpty &&\n            clsx(classes?.handleContainer, sliderClasses.handleContainer),\n          disabled &&\n            !isEmpty &&\n            clsx(\n              classes?.handleContainerDisabled,\n              sliderClasses.handleContainerDisabled\n            ),\n          (isEmpty || readOnly) &&\n            clsx(\n              classes?.handleHiddenContainer,\n              sliderClasses.handleHiddenContainer\n            )\n        )}\n        $active={!!(!disabled && !isEmpty)}\n        $disabled={!!(disabled && !isEmpty)}\n        $hidden={isEmpty || readOnly}\n      >\n        <StyledTooltip\n          prefixCls=\"rc-slider-tooltip\"\n          overlay={formatTooltip?.(scaledKnobValue) || scaledKnobValue}\n          visible={dragging}\n          placement=\"top\"\n          overlayClassName={clsx(\n            classes?.sliderTooltip,\n            sliderClasses.sliderTooltip\n          )}\n          getTooltipContainer={() =>\n            document.getElementById(indexedHandleId || \"\") as HTMLElement\n          }\n        >\n          <div\n            id={indexedHandleId}\n            style={style}\n            className={clsx(\n              knobClassName,\n              classes?.handle,\n              sliderClasses.handle\n            )}\n            {...restProps}\n            aria-label={`${label}-knob-${index}`}\n            aria-valuenow={knobsPositionToScaledValue(\n              knobValue,\n              minPointValue,\n              stepValue\n            )}\n            aria-valuemin={minPointValue}\n            aria-valuemax={maxPointValue}\n            {...knobProps?.[index]}\n          />\n        </StyledTooltip>\n      </StyledTooltipContainer>\n    );\n  };\n\n  return (\n    <StyledFormElement\n      className={clsx(\n        className,\n        classes?.root,\n        sliderClasses.root,\n        !readOnly &&\n          !disabled &&\n          !isSingle &&\n          isDraggingTrack &&\n          clsx(classes?.trackDragging, sliderClasses.trackDragging),\n        !readOnly &&\n          !disabled &&\n          !isSingle &&\n          !isDraggingTrack &&\n          clsx(classes?.trackStandBy, sliderClasses.trackStandBy),\n        disabled && clsx(classes?.rootDisabled, sliderClasses.rootDisabled)\n      )}\n      $dragging={!readOnly && !disabled && !isSingle && isDraggingTrack}\n      $standBy={!readOnly && !disabled && !isSingle && !isDraggingTrack}\n      $disabled={!!disabled}\n      id={id}\n      name={name}\n      status={statusArrayToFormStatus(validationStatus)}\n      disabled={disabled}\n      required={required}\n      readOnly={readOnly}\n      onMouseDown={onMouseDownHandler}\n      onMouseUp={onMouseUpHandler}\n      onBlur={onBlurHandler}\n      {...others}\n    >\n      {(hasLabel || !hideInput) && (\n        <StyledLabelContainer\n          className={clsx(\n            classes?.labelContainer,\n            sliderClasses.labelContainer,\n            hasLabel &&\n              clsx(classes?.labelIncluded, sliderClasses.labelIncluded),\n            !hasLabel && clsx(classes?.onlyInput, sliderClasses.onlyInput)\n          )}\n          $hasLabel={hasLabel}\n        >\n          {hasLabel && (\n            <HvLabel\n              id={setId(elementId, \"label\")}\n              className={clsx(classes?.label, sliderClasses.label)}\n              htmlFor={setId(elementId, \"slider\")}\n              label={label}\n            />\n          )}\n\n          {!hideInput && (\n            <HvSliderInput\n              id={sliderInputId}\n              label={label}\n              values={knobsPositionsToKnobsValues(\n                knobsPositions,\n                stepValue,\n                minPointValue\n              )}\n              onChange={onInputChangeHandler}\n              status={validationStatus}\n              disabled={disabled}\n              readOnly={readOnly}\n              markDigits={markDigits}\n              inputProps={inputProps}\n            />\n          )}\n        </StyledLabelContainer>\n      )}\n\n      <StyledSliderContainer\n        className={clsx(\n          classes?.sliderBase,\n          sliderClasses.sliderBase,\n          classes?.sliderContainer,\n          sliderClasses.sliderContainer\n        )}\n      >\n        {isSingle && (\n          <StyledSlider\n            handleRender={createKnob}\n            className={clsx(classes?.sliderRoot, sliderClasses.sliderRoot)}\n            min={0}\n            max={divisionQuantity}\n            step={1}\n            marks={marks}\n            dotStyle={disabled ? sliderStyles.dotDisabled : sliderStyles.dot}\n            onChange={(singleValue) =>\n              onChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            onBeforeChange={(singleValue) =>\n              onBeforeChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            onAfterChange={(singleValue) =>\n              onAfterChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            value={knobsPositions.length > 0 ? knobsPositions[0] : undefined}\n            allowCross={false}\n            disabled={disabled}\n            count={rangesCount}\n            railStyle={sliderStyles.rail}\n            handleStyle={knobStyles.knobInner}\n            trackStyle={trackStyles}\n            {...sliderProps}\n          />\n        )}\n        {!isSingle && (\n          <StyledSlider\n            range\n            handleRender={createKnob}\n            className={clsx(\n              classes?.sliderRoot,\n              sliderClasses.sliderRoot,\n              !isSingle && clsx(classes?.rootRange, sliderClasses.rootRange)\n            )}\n            min={0}\n            max={divisionQuantity}\n            step={1}\n            marks={marks}\n            disabled={disabled}\n            dotStyle={disabled ? sliderStyles.dotDisabled : sliderStyles.dot}\n            onChange={(singleValue) =>\n              onChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            onBeforeChange={(singleValue) =>\n              onBeforeChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            onAfterChange={(singleValue) =>\n              onAfterChangeHandler(\n                Array.isArray(singleValue) ? singleValue : [singleValue]\n              )\n            }\n            value={knobsPositions.length > 0 ? [...knobsPositions] : undefined}\n            allowCross={false}\n            count={rangesCount}\n            railStyle={sliderStyles.rail}\n            handleStyle={knobStyles.knobInner}\n            trackStyle={trackStyles}\n            draggableTrack={!readOnly && !isSingle}\n            {...sliderProps}\n          />\n        )}\n      </StyledSliderContainer>\n\n      {canShowError && (\n        <StyledWarning\n          id={setId(elementId, \"error\")}\n          className={clsx(classes?.error, sliderClasses.error)}\n          disableBorder\n        >\n          {validationMessage}\n        </StyledWarning>\n      )}\n    </StyledFormElement>\n  );\n};\n"],"names":["HvSlider","id","className","name","label","status","statusMessage","disabled","classes","sliderProps","knobProps","inputProps","requiredMessage","noOverlap","hideInput","required","readOnly","markProperties","defaultValues","undefined","values","valuesProp","knobProperties","knobPropertiesProp","ariaErrorMessage","maxPointValue","minPointValue","divisionQuantity","markStep","markDigits","formatMark","onChange","onBlur","onBeforeChange","onAfterChange","formatTooltip","others","hasLabel","isDirty","useRef","elementId","useUniqueId","sliderInputId","setId","stepValue","useMemo","calculateStepValue","inverseStepValue","marks","createMark","sliderStyles","canShowError","isSingle","isSingleSlider","value","length","knobsValuesToKnobsPositions","defaultKnobsPositions","knobsPositions","setKnobsPositions","useControlled","arrayStatus","arrayDefaultStatus","convertStatusToArray","validationStatus","setValidationState","validationMessage","setValidationMessage","isDraggingTrack","setIsDraggingTrack","useState","generateDefaultKnobProperties","rangesCount","trackStyles","createTrackStyles","knobStyles","createKnobStyles","performValidation","useCallback","invalid","newValidationState","map","position","Number","isNaN","validationStates","valid","useEffect","stepVl","inverseStepVl","current","onMouseDownHandler","event","target","includes","onMouseUpHandler","generateKnobsPositionAndValues","knobsCurrentPosition","newKnobsPosition","slice","knobsValues","duplicatedValue","findDuplicated","filter","item","index","indexOf","forEach","array","newArray","newPosition","previousValue","knobsPositionToScaledValue","knobsPosition","onBlurHandler","knobs","onChangeHandler","knobProperty","fixed","scaledValueToKnobsPositionValue","onInputChangeHandler","inputValues","newKnobPositions","ensureValuesConsistency","onBeforeChangeHandler","onAfterChangeHandler","createKnob","knobNode","params","knobValue","dragging","knobClassName","style","restProps","props","scaledKnobValue","toFixed","backgroundColor","dragColor","color","isEmpty","handleId","indexedHandleId","StyledTooltipContainer","clsx","handleContainer","sliderClasses","handleContainerDisabled","handleHiddenContainer","$active","$disabled","$hidden","children","StyledTooltip","prefixCls","overlay","visible","placement","overlayClassName","sliderTooltip","getTooltipContainer","document","getElementById","handle","StyledFormElement","root","trackDragging","trackStandBy","rootDisabled","$dragging","$standBy","statusArrayToFormStatus","onMouseDown","onMouseUp","StyledLabelContainer","labelContainer","labelIncluded","onlyInput","$hasLabel","_jsx","HvLabel","htmlFor","HvSliderInput","knobsPositionsToKnobsValues","_jsxs","StyledSliderContainer","sliderBase","sliderContainer","StyledSlider","handleRender","sliderRoot","min","max","step","dotStyle","dotDisabled","dot","singleValue","Array","isArray","allowCross","count","railStyle","rail","handleStyle","knobInner","trackStyle","range","rootRange","draggableTrack","StyledWarning","error","disableBorder"],"mappings":"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"}