npm - @hitachivantara/uikit-react-core - Versions diffs - 5.0.0-next.1 → 5.0.0-next.11 - Mend

@hitachivantara/uikit-react-core 5.0.0-next.1 → 5.0.0-next.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1283) hide show

package/dist/cjs/components/Pagination/Pagination.cjs CHANGED Viewed

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const material = require("@mui/material");
@@ -7,7 +8,6 @@ const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const Select = require("./Select.cjs");
 const Pagination_styles = require("./Pagination.styles.cjs");
 const utils = require("./utils.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const paginationClasses = require("./paginationClasses.cjs");
 const useLabels = require("../../hooks/useLabels.cjs");
 const Typography = require("../Typography/Typography.cjs");
@@ -72,132 +72,32 @@ const HvPagination = ({
       handleInputChange(null, page + 1);
     }
   }, [handleInputChange, page]);
-  const renderPageJump = () => /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledPageJump, {
-    className: clsx__default.default(paginationClasses.default.pageJump, classes == null ? void 0 : classes.pageJump),
-    children: /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, {
-      id: setId.setId(id, "currentPage"),
-      labels,
-      inputProps: {
-        "aria-label": labels == null ? void 0 : labels.paginationInputLabel,
-        type: "number"
-      },
-      classes: {
-        root: clsx__default.default(paginationClasses.default.pageSizeInputContainer, classes == null ? void 0 : classes.pageSizeInputContainer),
-        input: clsx__default.default(paginationClasses.default.pageSizeInput, classes == null ? void 0 : classes.pageSizeInput),
-        inputRoot: clsx__default.default(paginationClasses.default.pageSizeInputRoot, classes == null ? void 0 : classes.pageSizeInputRoot)
-      },
-      onChange: handleInputChange,
-      value: String(pageInput),
-      onBlur: (evt, value) => changePage(value - 1),
-      onKeyDown: (evt, value) => keyCheck.isKeypress(evt, Enter) && changePage(value - 1),
-      disabled: pageSize === 0,
-      disableClear: true,
-      ...currentPageInputProps
-    })
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(Pagination_styles.StyledRoot, {
-    id,
-    className: clsx__default.default(className, paginationClasses.default.root, classes == null ? void 0 : classes.root),
-    ...others,
-    children: [/* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledPageSizeOptions, {
-      className: clsx__default.default(paginationClasses.default.pageSizeOptions, classes == null ? void 0 : classes.pageSizeOptions),
-      ...showPageProps,
-      children: showPageSizeOptions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/* @__PURE__ */ jsxRuntime.jsx(material.Hidden, {
-          xsDown: true,
-          children: /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledPageSizePrev, {
-            className: clsx__default.default(paginationClasses.default.pageSizeTextContainer, classes == null ? void 0 : classes.pageSizeTextContainer),
-            children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-              component: "span",
-              children: labels == null ? void 0 : labels.pageSizePrev
-            })
-          })
-        }), /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledSelect, {
-          id: setId.setId(id, "pageSize"),
-          disabled: pageSize === 0,
-          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),
-          value: pageSize,
-          children: pageSizeOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(Select.Option, {
-            value: option,
-            children: option
-          }, option))
-        }), /* @__PURE__ */ jsxRuntime.jsx(material.Hidden, {
-          xsDown: true,
-          children: /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledPageSizeTextContainer, {
-            className: clsx__default.default(paginationClasses.default.pageSizeTextContainer, classes == null ? void 0 : classes.pageSizeTextContainer),
-            children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-              component: "span",
-              children: labels == null ? void 0 : labels.pageSizeEntryName
-            })
-          })
-        })]
-      })
-    }), /* @__PURE__ */ jsxRuntime.jsxs(Pagination_styles.StyledPageNavigator, {
-      className: clsx__default.default(paginationClasses.default.pageNavigator, classes == null ? void 0 : classes.pageNavigator),
-      ...navigationProps,
-      children: [/* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledButtonIconTooltip, {
-        id: setId.setId(id, "firstPage-button"),
-        "aria-label": labels == null ? void 0 : labels.firstPage,
-        className: clsx__default.default(paginationClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer),
-        disabled: !canPrevious,
-        onClick: () => changePage(0),
-        tooltip: labels == null ? void 0 : labels.paginationFirstPageTitle,
-        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Start, {
-          className: clsx__default.default(paginationClasses.default.icon, classes == null ? void 0 : classes.icon),
-          color: utils.setColor(!canPrevious)
-        })
-      }), /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledButtonIconTooltip, {
-        id: setId.setId(id, "previousPage-button"),
-        "aria-label": labels == null ? void 0 : labels.previousPage,
-        className: clsx__default.default(paginationClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer),
-        disabled: !canPrevious,
-        onClick: () => changePage(page - 1),
-        tooltip: labels == null ? void 0 : labels.paginationPreviousPageTitle,
-        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Backwards, {
-          className: clsx__default.default(paginationClasses.default.icon, classes == null ? void 0 : classes.icon),
-          color: utils.setColor(!canPrevious)
-        })
-      }), /* @__PURE__ */ jsxRuntime.jsxs(Pagination_styles.StyledPageInfo, {
-        className: clsx__default.default(paginationClasses.default.pageInfo, classes == null ? void 0 : classes.pageInfo),
-        children: [showPageJump ? renderPageJump() : /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-          component: "span",
-          children: `${page + 1}`
-        }), /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-          component: "span",
-          children: `${labels == null ? void 0 : labels.pagesSeparator} `
-        }), /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-          id: setId.setId(id, "totalPages"),
-          component: "span",
-          children: pages
-        })]
-      }), /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledButtonIconTooltip, {
-        id: setId.setId(id, "nextPage-button"),
-        "aria-label": labels == null ? void 0 : labels.nextPage,
-        className: clsx__default.default(paginationClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer),
-        disabled: !canNext,
-        onClick: () => changePage(page + 1),
-        tooltip: labels == null ? void 0 : labels.paginationNextPageTitle,
-        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Forwards, {
-          className: clsx__default.default(paginationClasses.default.icon, classes == null ? void 0 : classes.icon),
-          color: utils.setColor(!canNext)
-        })
-      }), /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledButtonIconTooltip, {
-        id: setId.setId(id, "lastPage-button"),
-        "aria-label": labels == null ? void 0 : labels.lastPage,
-        className: clsx__default.default(paginationClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer),
-        disabled: !canNext,
-        onClick: () => changePage(pages - 1),
-        tooltip: labels == null ? void 0 : labels.paginationLastPageTitle,
-        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.End, {
-          className: clsx__default.default(paginationClasses.default.icon, classes == null ? void 0 : classes.icon),
-          color: utils.setColor(!canNext)
-        })
-      })]
-    })]
-  });
+  const renderPageJump = () => /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledPageJump, { className: clsx__default.default(paginationClasses.default.pageJump, classes == null ? void 0 : classes.pageJump), children: /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, { id: setId.setId(id, "currentPage"), labels, inputProps: {
+    "aria-label": labels == null ? void 0 : labels.paginationInputLabel,
+    type: "number"
+  }, classes: {
+    root: clsx__default.default(paginationClasses.default.pageSizeInputContainer, classes == null ? void 0 : classes.pageSizeInputContainer),
+    input: clsx__default.default(paginationClasses.default.pageSizeInput, classes == null ? void 0 : classes.pageSizeInput),
+    inputRoot: clsx__default.default(paginationClasses.default.pageSizeInputRoot, classes == null ? void 0 : classes.pageSizeInputRoot)
+  }, onChange: handleInputChange, value: String(pageInput), onBlur: (evt, value) => changePage(value - 1), onKeyDown: (evt, value) => keyCheck.isKeypress(evt, Enter) && changePage(value - 1), disabled: pageSize === 0, disableClear: true, ...currentPageInputProps }) });
+  return /* @__PURE__ */ jsxRuntime.jsxs(Pagination_styles.StyledRoot, { id, className: clsx__default.default(className, paginationClasses.default.root, classes == null ? void 0 : classes.root), ...others, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledPageSizeOptions, { className: clsx__default.default(paginationClasses.default.pageSizeOptions, classes == null ? void 0 : classes.pageSizeOptions), ...showPageProps, children: showPageSizeOptions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Hidden, { xsDown: true, children: /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledPageSizePrev, { className: clsx__default.default(paginationClasses.default.pageSizeTextContainer, classes == null ? void 0 : classes.pageSizeTextContainer), children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { component: "span", children: labels == null ? void 0 : labels.pageSizePrev }) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledSelect, { id: setId.setId(id, "pageSize"), disabled: pageSize === 0, 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), value: pageSize, children: pageSizeOptions.map((option) => /* @__PURE__ */ jsxRuntime.jsx(Select.Option, { value: option, children: option }, option)) }),
+      /* @__PURE__ */ jsxRuntime.jsx(material.Hidden, { xsDown: true, children: /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledPageSizeTextContainer, { className: clsx__default.default(paginationClasses.default.pageSizeTextContainer, classes == null ? void 0 : classes.pageSizeTextContainer), children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { component: "span", children: labels == null ? void 0 : labels.pageSizeEntryName }) }) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs(Pagination_styles.StyledPageNavigator, { className: clsx__default.default(paginationClasses.default.pageNavigator, classes == null ? void 0 : classes.pageNavigator), ...navigationProps, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledButtonIconTooltip, { id: setId.setId(id, "firstPage-button"), "aria-label": labels == null ? void 0 : labels.firstPage, className: clsx__default.default(paginationClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer), disabled: !canPrevious, onClick: () => changePage(0), tooltip: labels == null ? void 0 : labels.paginationFirstPageTitle, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Start, { className: clsx__default.default(paginationClasses.default.icon, classes == null ? void 0 : classes.icon), color: utils.setColor(!canPrevious) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledButtonIconTooltip, { id: setId.setId(id, "previousPage-button"), "aria-label": labels == null ? void 0 : labels.previousPage, className: clsx__default.default(paginationClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer), disabled: !canPrevious, onClick: () => changePage(page - 1), tooltip: labels == null ? void 0 : labels.paginationPreviousPageTitle, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Backwards, { className: clsx__default.default(paginationClasses.default.icon, classes == null ? void 0 : classes.icon), color: utils.setColor(!canPrevious) }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs(Pagination_styles.StyledPageInfo, { className: clsx__default.default(paginationClasses.default.pageInfo, classes == null ? void 0 : classes.pageInfo), children: [
+        showPageJump ? renderPageJump() : /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { component: "span", children: `${page + 1}` }),
+        /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { component: "span", children: `${labels == null ? void 0 : labels.pagesSeparator} ` }),
+        /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { id: setId.setId(id, "totalPages"), component: "span", children: pages })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledButtonIconTooltip, { id: setId.setId(id, "nextPage-button"), "aria-label": labels == null ? void 0 : labels.nextPage, className: clsx__default.default(paginationClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer), disabled: !canNext, onClick: () => changePage(page + 1), tooltip: labels == null ? void 0 : labels.paginationNextPageTitle, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Forwards, { className: clsx__default.default(paginationClasses.default.icon, classes == null ? void 0 : classes.icon), color: utils.setColor(!canNext) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Pagination_styles.StyledButtonIconTooltip, { id: setId.setId(id, "lastPage-button"), "aria-label": labels == null ? void 0 : labels.lastPage, className: clsx__default.default(paginationClasses.default.iconContainer, classes == null ? void 0 : classes.iconContainer), disabled: !canNext, onClick: () => changePage(pages - 1), tooltip: labels == null ? void 0 : labels.paginationLastPageTitle, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.End, { className: clsx__default.default(paginationClasses.default.icon, classes == null ? void 0 : classes.icon), color: utils.setColor(!canNext) }) })
+    ] })
+  ] });
 };
 exports.HvPagination = HvPagination;
 //# sourceMappingURL=Pagination.cjs.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Pagination.cjs","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { useCallback, useEffect } from \"react\";\nimport clsx from \"clsx\";\nimport { Hidden } from \"@mui/material\";\nimport { HvInput, 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 \".\";\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?: Function;\n /* Function called when the page size changes. /\n onPageSizeChange?: Function;\n /* An object containing all the labels for the component. /\n labels?: HvPaginationLabels;\n /* Other props to show page component. /\n showPageProps?: object;\n /* Other props to pagination component. /\n navigationProps?: object;\n /* Extra properties passed to the input component representing the current pages. /\n currentPageInputProps?: object;\n /* A Jss Object used to override or extend the styles applied to the empty state 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 = 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 externaly or when internally commited - 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 controling of the `page` property.\n // fixing it some other way would potentialy 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={handleInputChange}\n value={String(pageInput)}\n onBlur={(evt, value) => changePage(value - 1)}\n onKeyDown={(evt, value) =>\n isKeypress(evt, Enter) && changePage(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) => 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","value","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":";;;;;;;;;;;;;;;;;;;AA0FA,MAAMA,iBAAiB;AAAA,EACrBC,cAAc;AAAA,EACdC,mBAAmB;AAAA,EACnBC,6BAA6B;AAAA,EAC7BC,gBAAgB;AAAA,EAChBC,0BAA0B;AAAA,EAC1BC,6BAA6B;AAAA,EAC7BC,yBAAyB;AAAA,EACzBC,yBAAyB;AAAA,EACzBC,sBAAsB;AAAA,EACtBC,WAAW;AAAA,EACXC,cAAc;AAAA,EACdC,UAAU;AAAA,EACVC,UAAU;AACZ;AAEA,MAAM;AAAA,EAAEC;AAAM,IAAIC;AAMX,MAAMC,eAAeA,CAAC;AAAA,EAC3BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,QAAQ;AAAA,EACRC,OAAO;AAAA,EACPC,sBAAsB;AAAA,EACtBC,kBAAkB,CAAC,GAAG,IAAI,IAAI,IAAI,IAAI,GAAG;AAAA,EACzCC,WAAW;AAAA,EACXC,eAAe;AAAA,EACfC,cAAc;AAAA,EACdC,UAAU;AAAA,EACVC;AAAAA,EACAC;AAAAA,EACAC,QAAQC;AAAAA,EACRC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,KACGC;AACc,MAAM;AACjBL,QAAAA,SAASM,UAAAA,UAAUpC,gBAAgB+B,UAAU;AACnD,QAAM,CAACM,WAAWC,iBAAiB,IAAIC,mBAAalB,IAAI;AAElDmB,QAAAA,aAAaC,kBAChBC,CAAY,YAAA;AACX,UAAMC,WAAWC,MAAAA,YAAYF,SAASrB,MAAMD,KAAK;AAEjDQ,iDAAee;AACG,sBAAA,MAAMA,WAAW,CAAC;AAAA,KAEtC,CAACtB,MAAMD,OAAOQ,cAAcU,iBAAiB,CAAC;AAGhDO,QAAAA,UAAU,MAAM;AACVxB,QAAAA,QAAQD,SAASA,QAAQ,GAAG;AAC9BoB,iBAAWnB,IAAI;AAAA,IACjB;AAAA,EACC,GAAA,CAACmB,YAAYnB,MAAMD,KAAK,CAAC;AAE5ByB,QAAAA,UAAU,MAAM;AACVR,QAAAA,cAAchB,OAAO,GAAG;AACR,wBAAA,MAAMA,OAAO,CAAC;AAAA,IAClC;AAAA,EAAA,GAQC,CAACiB,mBAAmBjB,IAAI,CAAC;AAEtByB,QAAAA,iBAAiBA,MACrBC,2BAAAA,IAACC,kCAAc;AAAA,IACb9B,WAAW+B,cAAAA,QAAKC,kBAAAA,QAAkBC,UAAUlC,mCAASkC,QAAQ;AAAA,IAAEC,yCAE9DC,eAAO;AAAA,MACNlC,IAAImC,MAAAA,MAAMnC,IAAI,aAAa;AAAA,MAC3BW;AAAAA,MACAyB,YAAY;AAAA,QACV,cAAczB,iCAAQrB;AAAAA,QAEtB+C,MAAM;AAAA,MACR;AAAA,MACAvC,SAAS;AAAA,QACPwC,MAAMR,cAAAA,QACJC,kBAAAA,QAAkBQ,wBAClBzC,mCAASyC,sBAAsB;AAAA,QAEjCC,OAAOV,cAAAA,QAAKC,kBAAAA,QAAkBU,eAAe3C,mCAAS2C,aAAa;AAAA,QACnEC,WAAWZ,cAAAA,QACTC,kBAAAA,QAAkBY,mBAClB7C,mCAAS6C,iBAAiB;AAAA,MAE9B;AAAA,MACAC,UAAUzB;AAAAA,MACV0B,OAAOC,OAAO5B,SAAS;AAAA,MACvB6B,QAAQA,CAACC,KAAKH,UAAUxB,WAAWwB,QAAQ,CAAC;AAAA,MAC5CI,WAAWA,CAACD,KAAKH,UACfK,SAAAA,WAAWF,KAAKrD,KAAK,KAAK0B,WAAWwB,QAAQ,CAAC;AAAA,MAEhDM,UAAU9C,aAAa;AAAA,MACvB+C,cAAY;AAAA,MAAA,GACRrC;AAAAA,IAAAA,CAAqB;AAAA,EAAA,CAG9B;AAED,yCACGsC,kBAAAA,YAAU;AAAA,IACTrD;AAAAA,IACAD,WAAW+B,cAAK/B,QAAAA,WAAWgC,kBAAkBO,QAAAA,MAAMxC,mCAASwC,IAAI;AAAA,IAAE,GAC9DtB;AAAAA,IAAMiB,UAAA,CAEVL,2BAAAA,IAAC0B,yCAAqB;AAAA,MACpBvD,WAAW+B,cAAAA,QACTC,kBAAAA,QAAkB3B,iBAClBN,mCAASM,eAAe;AAAA,MACxB,GACES;AAAAA,MAAaoB,UAEhB9B,uBACCoD,2BAAAA,KAAAC,qBAAA;AAAA,QAAAvB,UAAA,CACEL,2BAAAA,IAAC6B,iBAAM;AAAA,UAACC,QAAM;AAAA,UAAAzB,yCACX0B,sCAAkB;AAAA,YACjB5D,WAAW+B,cAAAA,QACTC,kBAAAA,QAAkB6B,uBAClB9D,mCAAS8D,qBAAqB;AAAA,YAC9B3B,yCAED4B,yBAAY;AAAA,cAACC,WAAU;AAAA,cAAM7B,UAC3BtB,iCAAQ7B;AAAAA,YAAAA,CAAY;AAAA,UAAA,CACR;AAAA,QAAA,CAEV,GACT8C,2BAAAA,IAACmC,gCAAY;AAAA,UACX/D,IAAImC,MAAAA,MAAMnC,IAAI,UAAU;AAAA,UACxBmD,UAAU9C,aAAa;AAAA,UACvBN,WAAW+B,cAAAA,QACTC,kBAAAA,QAAkBiC,uBAClBlE,mCAASkE,qBAAqB;AAAA,UAEhClE,SAAS,CAAC;AAAA,UACV,cAAYa,iCAAQ3B;AAAAA,UACpB4D,UAAUA,CAACI,KAAKiB,QAAQvD,qDAAmBuD;AAAAA,UAC3CpB,OAAOxC;AAAAA,UAAS4B,UAEf7B,gBAAgB8D,IAAKC,CAAAA,0CACnBC,OAAAA,QAAM;AAAA,YAAcvB,OAAOsB;AAAAA,YAAOlC,UAChCkC;AAAAA,UAAM,GADIA,MAAM,CAGpB;AAAA,QAAA,CACY,GACfvC,2BAAAA,IAAC6B,iBAAM;AAAA,UAACC,QAAM;AAAA,UAAAzB,yCACXoC,+CAA2B;AAAA,YAC1BtE,WAAW+B,cAAAA,QACTC,kBAAAA,QAAkB6B,uBAClB9D,mCAAS8D,qBAAqB;AAAA,YAC9B3B,yCAED4B,yBAAY;AAAA,cAACC,WAAU;AAAA,cAAM7B,UAC3BtB,iCAAQ5B;AAAAA,YAAAA,CAAiB;AAAA,UAAA,CACb;AAAA,QAAA,CAEV,CAAA;AAAA,MAAA,CAAA;AAAA,IAAA,CAGS,GACxBwE,2BAAAA,KAACe,uCAAmB;AAAA,MAClBvE,WAAW+B,cAAAA,QACTC,kBAAAA,QAAkBwC,eAClBzE,mCAASyE,aAAa;AAAA,MACtB,GACEzD;AAAAA,MAAemB,UAAA,CAEnBL,2BAAAA,IAAC4C,2CAAuB;AAAA,QACtBxE,IAAImC,MAAAA,MAAMnC,IAAI,kBAAkB;AAAA,QAChC,cAAYW,iCAAQpB;AAAAA,QACpBQ,WAAW+B,cAAAA,QACTC,kBAAAA,QAAkB0C,eAClB3E,mCAAS2E,aAAa;AAAA,QAExBtB,UAAU,CAAC5C;AAAAA,QACXmE,SAASA,MAAMrD,WAAW,CAAC;AAAA,QAC3BsD,SAAShE,iCAAQzB;AAAAA,QAAyB+C,yCAEzC2C,uBAAK;AAAA,UACJ7E,WAAW+B,cAAAA,QAAKC,kBAAAA,QAAkB8C,MAAM/E,mCAAS+E,IAAI;AAAA,UACrDC,OAAOC,MAAAA,SAAS,CAACxE,WAAW;AAAA,QAAA,CAAE;AAAA,MAAA,CAER,GAC1BqB,2BAAAA,IAAC4C,2CAAuB;AAAA,QACtBxE,IAAImC,MAAAA,MAAMnC,IAAI,qBAAqB;AAAA,QACnC,cAAYW,iCAAQnB;AAAAA,QACpBO,WAAW+B,cAAAA,QACTC,kBAAAA,QAAkB0C,eAClB3E,mCAAS2E,aAAa;AAAA,QAExBtB,UAAU,CAAC5C;AAAAA,QACXmE,SAASA,MAAMrD,WAAWnB,OAAO,CAAC;AAAA,QAClCyE,SAAShE,iCAAQxB;AAAAA,QAA4B8C,yCAE5C+C,2BAAS;AAAA,UACRjF,WAAW+B,cAAAA,QAAKC,kBAAAA,QAAkB8C,MAAM/E,mCAAS+E,IAAI;AAAA,UACrDC,OAAOC,MAAAA,SAAS,CAACxE,WAAW;AAAA,QAAA,CAAE;AAAA,MAAA,CAER,GAC1BgD,2BAAAA,KAAC0B,kCAAc;AAAA,QACblF,WAAW+B,cAAAA,QAAKC,kBAAAA,QAAkBmD,UAAUpF,mCAASoF,QAAQ;AAAA,QAAEjD,UAAA,CAE9D3B,eACCqB,kDAECkC,WAAAA,cAAY;AAAA,UAACC,WAAU;AAAA,UAAM7B,UAAG,GAAE/B,OAAO;AAAA,QAAA,CAC3C,GACD0B,2BAAAA,IAACiC,yBAAY;AAAA,UAACC,WAAU;AAAA,UAAM7B,UAAG,GAAEtB,iCAAQ1B;AAAAA,QAAAA,CAAiC,GAC5E2C,2BAAAA,IAACiC,yBAAY;AAAA,UAAC7D,IAAImC,MAAAA,MAAMnC,IAAI,YAAY;AAAA,UAAG8D,WAAU;AAAA,UAAM7B,UACxDhC;AAAAA,QAAAA,CACY,CAAA;AAAA,MAAA,CACA,GACjB2B,2BAAAA,IAAC4C,2CAAuB;AAAA,QACtBxE,IAAImC,MAAAA,MAAMnC,IAAI,iBAAiB;AAAA,QAC/B,cAAYW,iCAAQlB;AAAAA,QACpBM,WAAW+B,cAAAA,QACTC,kBAAAA,QAAkB0C,eAClB3E,mCAAS2E,aAAa;AAAA,QAExBtB,UAAU,CAAC3C;AAAAA,QACXkE,SAASA,MAAMrD,WAAWnB,OAAO,CAAC;AAAA,QAClCyE,SAAShE,iCAAQvB;AAAAA,QAAwB6C,yCAExCkD,0BAAQ;AAAA,UACPpF,WAAW+B,cAAAA,QAAKC,kBAAAA,QAAkB8C,MAAM/E,mCAAS+E,IAAI;AAAA,UACrDC,OAAOC,MAAAA,SAAS,CAACvE,OAAO;AAAA,QAAA,CAAE;AAAA,MAAA,CAEJ,GAC1BoB,2BAAAA,IAAC4C,2CAAuB;AAAA,QACtBxE,IAAImC,MAAAA,MAAMnC,IAAI,iBAAiB;AAAA,QAC/B,cAAYW,iCAAQjB;AAAAA,QACpBK,WAAW+B,cAAAA,QACTC,kBAAAA,QAAkB0C,eAClB3E,mCAAS2E,aAAa;AAAA,QAExBtB,UAAU,CAAC3C;AAAAA,QACXkE,SAASA,MAAMrD,WAAWpB,QAAQ,CAAC;AAAA,QACnC0E,SAAShE,iCAAQtB;AAAAA,QAAwB4C,yCAExCmD,qBAAG;AAAA,UACFrF,WAAW+B,cAAAA,QAAKC,kBAAAA,QAAkB8C,MAAM/E,mCAAS+E,IAAI;AAAA,UACrDC,OAAOC,MAAAA,SAAS,CAACvE,OAAO;AAAA,QAAA,CAAE;AAAA,MAAA,CAEJ,CAAA;AAAA,IAAA,CACN,CAAA;AAAA,EAAA,CACX;AAEjB;;"}
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 \".\";\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={handleInputChange}\n value={String(pageInput)}\n onBlur={(evt, value) => changePage(value - 1)}\n onKeyDown={(evt, value) =>\n isKeypress(evt, Enter) && changePage(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","HvInput","setId","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","String","evt","value","isKeypress","jsxs","StyledRoot","StyledPageSizeOptions","Fragment","Hidden","StyledPageSizePrev","pageSizeTextContainer","HvTypography","StyledSelect","pageSizeOptionsSelect","val","map","option","Option","StyledPageSizeTextContainer","StyledPageNavigator","pageNavigator","StyledButtonIconTooltip","iconContainer","Start","icon","setColor","Backwards","StyledPageInfo","pageInfo","Forwards","End"],"mappings":"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"}

package/dist/cjs/components/Pagination/Select.cjs CHANGED Viewed

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const clsx = require("clsx");
 const Select_styles = require("./Select.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const ListItem = require("../ListContainer/ListItem/ListItem.cjs");
 const BaseDropdown = require("../BaseDropdown/BaseDropdown.cjs");
 const Typography = require("../Typography/Typography.cjs");
@@ -14,10 +14,7 @@ const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const Option = ({
   children,
   ...others
-}) => /* @__PURE__ */ jsxRuntime.jsx(ListItem.HvListItem, {
-  ...others,
-  children
-});
+}) => /* @__PURE__ */ jsxRuntime.jsx(ListItem.HvListItem, { ...others, children });
 const HvSelect = ({
   className,
   classes,
@@ -45,33 +42,12 @@ const HvSelect = ({
       return true;
     });
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(Select_styles.StyledRoot, {
-    children: /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown.HvBaseDropdown, {
-      className,
-      classes: {
-        root: clsx__default.default(classes.base, classes.root),
-        anchor: classes.anchor,
-        header: classes.header,
-        headerOpen: classes.headerOpen
-      },
-      expanded: open,
-      onToggle: handleToggle,
-      onContainerCreation: setFocusToContent,
-      placeholder: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-        children: value
-      }),
-      disabled,
-      variableWidth: true,
-      ...others,
-      children: /* @__PURE__ */ jsxRuntime.jsx(Panel.HvPanel, {
-        children: /* @__PURE__ */ jsxRuntime.jsx(SelectionList.HvSelectionList, {
-          value,
-          onChange: handleSelect,
-          children
-        })
-      })
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Select_styles.StyledRoot, { children: /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown.HvBaseDropdown, { className, classes: {
+    root: clsx__default.default(classes.base, classes.root),
+    anchor: classes.anchor,
+    header: classes.header,
+    headerOpen: classes.headerOpen
+  }, expanded: open, onToggle: handleToggle, onContainerCreation: setFocusToContent, placeholder: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { children: value }), disabled, variableWidth: true, ...others, children: /* @__PURE__ */ jsxRuntime.jsx(Panel.HvPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(SelectionList.HvSelectionList, { value, onChange: handleSelect, children }) }) }) });
 };
 exports.Option = Option;
 exports.default = HvSelect;

package/dist/cjs/components/Pagination/Select.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.cjs","sources":["../../../../src/components/Pagination/Select.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport clsx from \"clsx\";\nimport {\n HvBaseDropdown,\n HvSelectionList,\n HvListItem,\n HvPanel,\n HvTypography,\n} from \"../index\";\nimport { StyledRoot } from \"./Select.styles\";\n\nexport const Option = ({ children, ...others }) => (\n <HvListItem {...others}>{children}</HvListItem>\n);\n\nconst HvSelect = ({\n className,\n classes,\n onChange,\n disabled,\n value,\n children,\n ...others\n}) => {\n const [open, setOpen] = useState(false);\n\n const handleSelect = (evt, val) => {\n onChange?.(evt, val);\n setOpen(false);\n };\n\n const handleToggle = (_evt, s) => {\n setOpen(s);\n };\n\n const setFocusToContent = (containerRef) => {\n const listItems =\n containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n listItems.every((listItem) => {\n if (listItem.tabIndex >= 0) {\n listItem.focus();\n return false;\n }\n return true;\n });\n };\n\n return (\n <StyledRoot>\n <HvBaseDropdown\n className={className}\n classes={{\n root: clsx(classes.base, classes.root),\n anchor: classes.anchor,\n header: classes.header,\n headerOpen: classes.headerOpen,\n }}\n expanded={open}\n onToggle={handleToggle}\n onContainerCreation={setFocusToContent}\n placeholder={<HvTypography>{value}</HvTypography>}\n disabled={disabled}\n variableWidth\n {...others}\n >\n <HvPanel>\n <HvSelectionList value={value} onChange={handleSelect}>\n {children}\n </HvSelectionList>\n </HvPanel>\n </HvBaseDropdown>\n </StyledRoot>\n );\n};\n\nexport default HvSelect;\n"],"names":["Option","children","others","HvListItem","HvSelect","className","classes","onChange","disabled","value","open","setOpen","useState","handleSelect","evt","val","handleToggle","_evt","s","setFocusToContent","containerRef","listItems","getElementsByTagName","every","listItem","tabIndex","focus","StyledRoot","HvBaseDropdown","root","clsx","base","anchor","header","headerOpen","~~expanded","onToggle","onContainerCreation","placeholder","~~HvTypography","~~variableWidth","~~HvPanel","HvSelectionList"],"mappings":";;;;;;;;;;;;;AAWO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,KAAaC;AAAO,~~qCAC1CC~~,~~SAAAA~~,~~YAAU;AAAA~~,~~EAAA~~,~~GAAKD;AAAAA~~,~~EAAMD;AAAW~~,~~CAClC~~;~~AAED~~,~~MAAMG~~,WAAWA,CAAC;AAAA,EAChBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,~~EACAR~~;AAAAA,KACGC;AACL,MAAM;AACJ,QAAM,~~CAACQ~~,MAAMC,OAAO,IAAIC,eAAS,KAAK;AAEhCC,QAAAA,eAAeA,CAACC,KAAKC,QAAQ;AACjCR,yCAAWO,KAAKC;AAChBJ,YAAQ,KAAK;AAAA,EAAA;AAGTK,QAAAA,eAAeA,CAACC,MAAMC,MAAM;AAChCP,YAAQO,CAAC;AAAA,EAAA;AAGX,QAAMC,oBAAqBC,CAAiB,iBAAA;AACpCC,UAAAA,YACJD,gBAAgB,OAAO,CAAC,GAAGA,aAAaE,qBAAqB,IAAI,CAAC,IAAI;AACxED,cAAUE,MAAOC,CAAa,aAAA;AACxBA,UAAAA,SAASC,YAAY,GAAG;AAC1BD,iBAASE,MAAO;AACT,eAAA;AAAA,MACT;AACO,aAAA;AAAA,IAAA,CACR;AAAA,EAAA;AAGH,~~wCACGC~~,~~cAAAA~~,~~YAAU;AAAA~~,~~IAAA1B~~,~~yCACR2B~~,~~6BAAc;AAAA~~,~~MACbvB;AAAAA~~,~~MACAC~~,SAAS;AAAA,~~QACPuB~~,MAAMC,cAAAA,QAAKxB,QAAQyB,MAAMzB,QAAQuB,IAAI;AAAA,~~QACrCG~~,QAAQ1B,QAAQ0B;AAAAA,~~QAChBC~~,QAAQ3B,QAAQ2B;AAAAA,~~QAChBC~~,YAAY5B,QAAQ4B;AAAAA,~~MACtB;AAAA~~,~~MACAC~~,~~UAAUzB;AAAAA~~,~~MACV0B~~,~~UAAUpB;AAAAA~~,~~MACVqB~~,~~qBAAqBlB;AAAAA~~,~~MACrBmB~~,~~4CAAcC~~,~~yBAAY;AAAA~~,~~QAAAtC~~,~~UAAEQ;AAAAA~~,~~MAAAA~~,~~CAAsB;AAAA~~,~~MAClDD;AAAAA~~,~~MACAgC~~,eAAa~~;AAAA~~,~~MAAA~~,~~GACTtC;AAAAA~~,~~MAAMD~~,~~yCAETwC~~,~~eAAO;AAAA~~,~~QAAAxC~~,~~yCACLyC,+BAAe;AAAA~~,~~UAACjC;AAAAA~~,~~UAAcF~~,~~UAAUM;AAAAA~~,~~UAAaZ;AAAAA~~,~~QAAAA~~,~~CAC3C;AAAA~~,~~MAAA~~,~~CACO;AAAA~~,~~IAAA~~,~~CACV;AAAA~~,EAAA,~~CAED~~;~~AAEjB~~;;;"}
1	+ {"version":3,"file":"Select.cjs","sources":["../../../../src/components/Pagination/Select.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport clsx from \"clsx\";\nimport {\n HvBaseDropdown,\n HvSelectionList,\n HvListItem,\n HvPanel,\n HvTypography,\n} from \"../index\";\nimport { StyledRoot } from \"./Select.styles\";\n\nexport const Option = ({ children, ...others }) => (\n <HvListItem {...others}>{children}</HvListItem>\n);\n\nconst HvSelect = ({\n className,\n classes,\n onChange,\n disabled,\n value,\n children,\n ...others\n}) => {\n const [open, setOpen] = useState(false);\n\n const handleSelect = (evt, val) => {\n onChange?.(evt, val);\n setOpen(false);\n };\n\n const handleToggle = (_evt, s) => {\n setOpen(s);\n };\n\n const setFocusToContent = (containerRef) => {\n const listItems =\n containerRef != null ? [...containerRef.getElementsByTagName(\"li\")] : [];\n listItems.every((listItem) => {\n if (listItem.tabIndex >= 0) {\n listItem.focus();\n return false;\n }\n return true;\n });\n };\n\n return (\n <StyledRoot>\n <HvBaseDropdown\n className={className}\n classes={{\n root: clsx(classes.base, classes.root),\n anchor: classes.anchor,\n header: classes.header,\n headerOpen: classes.headerOpen,\n }}\n expanded={open}\n onToggle={handleToggle}\n onContainerCreation={setFocusToContent}\n placeholder={<HvTypography>{value}</HvTypography>}\n disabled={disabled}\n variableWidth\n {...others}\n >\n <HvPanel>\n <HvSelectionList value={value} onChange={handleSelect}>\n {children}\n </HvSelectionList>\n </HvPanel>\n </HvBaseDropdown>\n </StyledRoot>\n );\n};\n\nexport default HvSelect;\n"],"names":["Option","children","others","jsx","HvListItem","HvSelect","className","classes","onChange","disabled","value","open","setOpen","useState","handleSelect","evt","val","handleToggle","_evt","s","setFocusToContent","containerRef","listItems","getElementsByTagName","every","listItem","tabIndex","focus","StyledRoot","HvBaseDropdown","root","clsx","base","anchor","header","headerOpen","HvTypography","HvPanel","HvSelectionList"],"mappings":";;;;;;;;;;;;;AAWO,MAAMA,SAASA,CAAC;AAAA,EAAEC;AAAAA,KAAaC;AAAO,MAC1CC,2BAAA,IAAAC,SAAA,YAAA,EAAeF,GAAAA,QAASD,SAAS,CAAA;AAGpC,MAAMI,WAAWA,CAAC;AAAA,EAChBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAT;AAAAA,KACGC;AACL,MAAM;AACJ,QAAM,CAACS,MAAMC,OAAO,IAAIC,eAAS,KAAK;AAEhCC,QAAAA,eAAeA,CAACC,KAAKC,QAAQ;AACjCR,yCAAWO,KAAKC;AAChBJ,YAAQ,KAAK;AAAA,EAAA;AAGTK,QAAAA,eAAeA,CAACC,MAAMC,MAAM;AAChCP,YAAQO,CAAC;AAAA,EAAA;AAGX,QAAMC,oBAAqBC,CAAiB,iBAAA;AACpCC,UAAAA,YACJD,gBAAgB,OAAO,CAAC,GAAGA,aAAaE,qBAAqB,IAAI,CAAC,IAAI;AACxED,cAAUE,MAAOC,CAAa,aAAA;AACxBA,UAAAA,SAASC,YAAY,GAAG;AAC1BD,iBAASE,MAAO;AACT,eAAA;AAAA,MACT;AACO,aAAA;AAAA,IAAA,CACR;AAAA,EAAA;AAGH,SACGxB,2BAAA,IAAAyB,cAAA,YAAA,EACC,UAACzB,2BAAA,IAAA0B,6BAAA,EACC,WACA,SAAS;AAAA,IACPC,MAAMC,cAAAA,QAAKxB,QAAQyB,MAAMzB,QAAQuB,IAAI;AAAA,IACrCG,QAAQ1B,QAAQ0B;AAAAA,IAChBC,QAAQ3B,QAAQ2B;AAAAA,IAChBC,YAAY5B,QAAQ4B;AAAAA,EAAAA,GAEtB,UAAUxB,MACV,UAAUM,cACV,qBAAqBG,mBACrB,aAAajB,2BAAA,IAACiC,WAAc1B,cAAAA,EAAAA,UAAAA,MAAM,CAAA,GAClC,UACA,eAAa,MACb,GAAIR,QAEJ,UAACC,2BAAAA,IAAAkC,MAAAA,SAAA,EACC,UAAClC,2BAAA,IAAAmC,+BAAA,EAAgB,OAAc,UAAUxB,cACtCb,SAAAA,CACH,EACF,CAAA,EAAA,CACF,EACF,CAAA;AAEJ;;;"}

package/dist/cjs/components/Pagination/utils.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.cjs","sources":["../../../../src/components/Pagination/utils.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport const setColor = (condition: boolean) =>\n condition ? \"atmo5\" : undefined;\n\nexport const getSafePage = (inPage: number, page: number, pages: number) =>\n Number.isNaN(inPage) ? page : Math.min(Math.max(inPage, 0), pages - 1);\n\nexport const usePageInput = (initialPage: number) => {\n const [page, setPage] = useState<number>(initialPage + 1);\n\n const handleChange = useCallback(\n (evt, newPage: number) => setPage(newPage),\n []\n );\n\n return [page, handleChange] as const;\n};\n"],"names":["setColor","condition","undefined","getSafePage","inPage","page","pages","Number","isNaN","Math","min","max","usePageInput","initialPage","setPage","useState","handleChange","useCallback","evt","newPage"],"mappings":";;;AAEO,MAAMA,WAAWA,CAACC,cACvBA,YAAY,UAAUC;AAEjB,MAAMC,cAAcA,~~CAACC~~,~~QAAgBC~~,~~MAAcC~~,~~UACxDC~~,OAAOC,MAAMJ,MAAM,IAAIC,OAAOI,KAAKC,IAAID,KAAKE,IAAIP,QAAQ,CAAC,GAAGE,QAAQ,CAAC;AAE1DM,MAAAA,eAAeA,CAACC,gBAAwB;AACnD,QAAM,CAACR,MAAMS,OAAO,IAAIC,MAAAA,SAAiBF,cAAc,CAAC;AAElDG,QAAAA,eAAeC,kBACnB,CAACC,KAAKC,YAAoBL,QAAQK,OAAO,GACzC,CAAA,CAAE;AAGG,SAAA,CAACd,MAAMW,YAAY;AAC5B;;;;"}
1	+ {"version":3,"file":"utils.cjs","sources":["../../../../src/components/Pagination/utils.ts"],"sourcesContent":["import { useCallback, useState } from \"react\";\n\nexport const setColor = (condition: boolean): string \| undefined =>\n condition ? \"atmo5\" : undefined;\n\nexport const getSafePage = (\n inPage: number,\n page: number,\n pages: number\n): number =>\n Number.isNaN(inPage) ? page : Math.min(Math.max(inPage, 0), pages - 1);\n\nexport const usePageInput = (initialPage: number) => {\n const [page, setPage] = useState<number>(initialPage + 1);\n\n const handleChange = useCallback(\n (evt, newPage: number) => setPage(newPage),\n []\n );\n\n return [page, handleChange] as const;\n};\n"],"names":["setColor","condition","undefined","getSafePage","inPage","page","pages","Number","isNaN","Math","min","max","usePageInput","initialPage","setPage","useState","handleChange","useCallback","evt","newPage"],"mappings":";;;AAEO,MAAMA,WAAWA,CAACC,cACvBA,YAAY,UAAUC;AAEjB,MAAMC,cAAcA,CACzBC,QACAC,MACAC,UAEAC,OAAOC,MAAMJ,MAAM,IAAIC,OAAOI,KAAKC,IAAID,KAAKE,IAAIP,QAAQ,CAAC,GAAGE,QAAQ,CAAC;AAE1DM,MAAAA,eAAeA,CAACC,gBAAwB;AACnD,QAAM,CAACR,MAAMS,OAAO,IAAIC,MAAAA,SAAiBF,cAAc,CAAC;AAElDG,QAAAA,eAAeC,kBACnB,CAACC,KAAKC,YAAoBL,QAAQK,OAAO,GACzC,CAAA,CAAE;AAGG,SAAA,CAACd,MAAMW,YAAY;AAC5B;;;;"}

package/dist/cjs/components/Panel/Panel.cjs CHANGED Viewed

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const Panel_styles = require("./Panel.styles.cjs");
 const panelClasses = require("./panelClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const HvPanel = (props) => {
@@ -14,12 +14,7 @@ const HvPanel = (props) => {
     children,
     ...others
   } = props;
-  return /* @__PURE__ */ jsxRuntime.jsx(Panel_styles.StyledDiv, {
-    id,
-    className: clsx__default.default(className, panelClasses.default.root, classes == null ? void 0 : classes.root),
-    ...others,
-    children
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Panel_styles.StyledDiv, { id, className: clsx__default.default(className, panelClasses.default.root, classes == null ? void 0 : classes.root), ...others, children });
 };
 exports.HvPanel = HvPanel;
 //# sourceMappingURL=Panel.cjs.map

package/dist/cjs/components/Panel/Panel.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Panel.cjs","sources":["../../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledDiv } from \"./Panel.styles\";\nimport panelClasses, { HvPanelClasses } from \"./panelClasses\";\n\nexport type PanelProps = HvBaseProps & {\n /** Id to be applied to the root node. /\n id?: string;\n /* Class names to be applied. /\n className?: string;\n /* A Jss Object used to override or extend the styles applied. /\n classes?: HvPanelClasses;\n};\n\n/\n A panel is a container used in a variety of patterns (e.g. dropdown, filter group, details section).\n * It can be horizontal or vertical and its size is defined by its content and how it relates to surrounding patterns.\n * Regardless of its content, a panel look and feel should be consistent.\n */\nexport const HvPanel = (props: PanelProps) => {\n const { id, className, classes, children, ...others } = props;\n\n return (\n <StyledDiv\n id={id}\n className={clsx(className, panelClasses.root, classes?.root)}\n {...others}\n >\n {children}\n </StyledDiv>\n );\n};\n"],"names":["HvPanel","props","id","className","classes","children","others","StyledDiv","clsx","panelClasses","root"],"mappings":";;;;;;;;AAmBaA,MAAAA,UAAUA,CAACC,UAAsB;AACtC,QAAA;AAAA,IAAEC;AAAAA,IAAIC;AAAAA,IAAWC;AAAAA,IAASC;AAAAA,OAAaC;AAAAA,EAAWL,IAAAA;AAExD,~~wCACGM~~,aAAAA,~~WAAS;AAAA~~,~~IACRL;AAAAA~~,~~IACAC~~,~~WAAWK~~,~~cAAKL~~,QAAAA,~~WAAWM~~,aAAaC,QAAAA,~~MAAMN~~,~~mCAASM~~,IAAI~~;AAAA~~,~~IAAE~~,~~GACzDJ;AAAAA~~,~~IAAMD;AAAAA~~,~~EAAAA~~,~~CAGA~~;~~AAEhB~~;;"}
1	+ {"version":3,"file":"Panel.cjs","sources":["../../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvBaseProps } from \"../../types\";\nimport { StyledDiv } from \"./Panel.styles\";\nimport panelClasses, { HvPanelClasses } from \"./panelClasses\";\n\nexport type PanelProps = HvBaseProps & {\n /** Id to be applied to the root node. /\n id?: string;\n /* Class names to be applied. /\n className?: string;\n /* A Jss Object used to override or extend the styles applied. /\n classes?: HvPanelClasses;\n};\n\n/\n A panel is a container used in a variety of patterns (e.g. dropdown, filter group, details section).\n * It can be horizontal or vertical and its size is defined by its content and how it relates to surrounding patterns.\n * Regardless of its content, a panel look and feel should be consistent.\n */\nexport const HvPanel = (props: PanelProps) => {\n const { id, className, classes, children, ...others } = props;\n\n return (\n <StyledDiv\n id={id}\n className={clsx(className, panelClasses.root, classes?.root)}\n {...others}\n >\n {children}\n </StyledDiv>\n );\n};\n"],"names":["HvPanel","props","id","className","classes","children","others","jsx","StyledDiv","clsx","panelClasses","root"],"mappings":";;;;;;;;AAmBaA,MAAAA,UAAUA,CAACC,UAAsB;AACtC,QAAA;AAAA,IAAEC;AAAAA,IAAIC;AAAAA,IAAWC;AAAAA,IAASC;AAAAA,OAAaC;AAAAA,EAAWL,IAAAA;AAExD,SACGM,2BAAAA,IAAAC,aAAAA,WAAA,EACC,IACA,WAAWC,cAAKN,QAAAA,WAAWO,aAAaC,QAAAA,MAAMP,mCAASO,IAAI,GACvDL,GAAAA,QAEHD,SACH,CAAA;AAEJ;;"}

package/dist/cjs/components/ProgressBar/ProgressBar.cjs CHANGED Viewed

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const clsx = require("clsx");
 const clamp = require("lodash/clamp");
 const ProgressBar_styles = require("./ProgressBar.styles.cjs");
 const progressBarClasses = require("./progressBarClasses.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const clsx__default = /* @__PURE__ */ _interopDefault(clsx);
 const clamp__default = /* @__PURE__ */ _interopDefault(clamp);
@@ -18,33 +18,14 @@ const HvProgressBar = (props) => {
     ...others
   } = props;
   const clampedValue = clamp__default.default(value, 0, 100);
-  return /* @__PURE__ */ jsxRuntime.jsx(ProgressBar_styles.StyledRoot, {
-    className: clsx__default.default(className, progressBarClasses.default.root, classes == null ? void 0 : classes.root, progressBarClasses.default.progress, classes == null ? void 0 : classes.progress),
-    role: "progressbar",
-    "aria-valuemin": 0,
-    "aria-valuemax": 100,
-    "aria-valuenow": clampedValue,
-    ...others,
-    children: /* @__PURE__ */ jsxRuntime.jsxs(ProgressBar_styles.StyledProgressContainer, {
-      children: [/* @__PURE__ */ jsxRuntime.jsx(ProgressBar_styles.StyledValue, {
-        className: clsx__default.default(progressBarClasses.default.progressBarLabel, classes == null ? void 0 : classes.progressBarLabel),
-        variant: "caption2",
-        style: {
-          width: `${clampedValue}%`
-        },
-        ...labelProps,
-        children: `${clampedValue}%`
-      }), /* @__PURE__ */ jsxRuntime.jsx(ProgressBar_styles.StyledProgressBarContainer, {
-        children: /* @__PURE__ */ jsxRuntime.jsx(ProgressBar_styles.StyledProgressBar, {
-          style: {
-            width: `${clampedValue}%`
-          },
-          className: clsx__default.default(progressBarClasses.default.progressBar, classes == null ? void 0 : classes.progressBar),
-          status
-        })
-      })]
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(ProgressBar_styles.StyledRoot, { className: clsx__default.default(className, progressBarClasses.default.root, classes == null ? void 0 : classes.root, progressBarClasses.default.progress, classes == null ? void 0 : classes.progress), role: "progressbar", "aria-valuemin": 0, "aria-valuemax": 100, "aria-valuenow": clampedValue, ...others, children: /* @__PURE__ */ jsxRuntime.jsxs(ProgressBar_styles.StyledProgressContainer, { className: clsx__default.default(classes == null ? void 0 : classes.progressContainer, progressBarClasses.default.progressContainer), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(ProgressBar_styles.StyledValue, { className: clsx__default.default(progressBarClasses.default.progressBarLabel, classes == null ? void 0 : classes.progressBarLabel, status === "completed" && clsx__default.default(progressBarClasses.default.progressDone, classes == null ? void 0 : classes.progressDone)), variant: "caption2", style: {
+      width: `${clampedValue}%`
+    }, ...labelProps, children: `${clampedValue}%` }),
+    /* @__PURE__ */ jsxRuntime.jsx(ProgressBar_styles.StyledProgressBarContainer, { className: clsx__default.default(classes == null ? void 0 : classes.progressBarContainer, progressBarClasses.default.progressBarContainer), children: /* @__PURE__ */ jsxRuntime.jsx(ProgressBar_styles.StyledProgressBar, { style: {
+      width: `${clampedValue}%`
+    }, className: clsx__default.default(progressBarClasses.default.progressBar, classes == null ? void 0 : classes.progressBar, status === "completed" && clsx__default.default(classes == null ? void 0 : classes.progressDone, progressBarClasses.default.progressDone), status === "error" && clsx__default.default(classes == null ? void 0 : classes.progressError, progressBarClasses.default.progressError)), $status: status }) })
+  ] }) });
 };
 exports.HvProgressBar = HvProgressBar;
 //# sourceMappingURL=ProgressBar.cjs.map

package/dist/cjs/components/ProgressBar/ProgressBar.cjs.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressBar.cjs","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport clamp from \"lodash/clamp\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n StyledProgressBar,\n StyledProgressBarContainer,\n StyledProgressContainer,\n StyledRoot,\n StyledValue,\n} from \"./ProgressBar.styles\";\nimport progressBarClasses, { HvProgressBarClasses } from \"./progressBarClasses\";\n\nexport type HvProgressBarStatus = \"inProgress\" \| \"completed\" \| \"error\";\n\n/*\n ProgressBar provides feedback about a process that is taking place in the application.\n /\nexport type HvProgressBarProps = HvBaseProps & {\n /* The value of the progress bar. /\n value: number;\n /\n The status of the progress bar.\n \n inProgress is black, error is red and completed is green.\n \n When uncontrolled and unspecified it will default to \"inProgress\".\n /\n status?: HvProgressBarStatus;\n /* Aria Properties passed on to the progress bar. /\n labelProps?: ~~object~~;\n /* A Jss Object used to override or extend the styles applied to the ~~empty state~~ component. */\n classes?: HvProgressBarClasses;\n};\n\nexport const HvProgressBar = (props: HvProgressBarProps) => {\n const {\n className,\n classes,\n value = 0,\n status = \"inProgress\",\n labelProps,\n ...others\n } = props;\n\n const clampedValue = clamp(value, 0, 100);\n\n return (\n <StyledRoot\n className={clsx(\n className,\n progressBarClasses.root,\n classes?.root,\n progressBarClasses.progress,\n classes?.progress\n )}\n role=\"progressbar\"\n aria-valuemin={0}\n aria-valuemax={100}\n aria-valuenow={clampedValue}\n {...others}\n >\n <StyledProgressContainer>\n <StyledValue\n className={clsx(\n progressBarClasses.progressBarLabel,\n classes?.progressBarLabel\n )}\n variant=\"caption2\"\n style={{ width: `${clampedValue}%` }}\n {...labelProps}\n >\n {`${clampedValue}%`}\n </StyledValue>\n <StyledProgressBarContainer>\n <StyledProgressBar\n style={{ width: `${clampedValue}%` }}\n className={clsx(\n progressBarClasses.progressBar,\n classes?.progressBar\n )}\n status={status}\n />\n </StyledProgressBarContainer>\n </StyledProgressContainer>\n </StyledRoot>\n );\n};\n"],"names":["HvProgressBar","props","className","classes","value","status","labelProps","others","clampedValue","clamp","StyledRoot","clsx","progressBarClasses","root","progress","~~role~~","~~children","~~StyledProgressContainer","~~_jsx~~","StyledValue","progressBarLabel","~~variant~~","~~style~~","~~width~~","~~StyledProgressBarContainer~~","StyledProgressBar","progressBar"],"mappings":";;;;;;;;;;~~AAkCaA~~,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC;AAAAA,OACGC;AAAAA,EACDN,IAAAA;AAEJ,QAAMO,eAAeC,eAAAA,QAAML,OAAO,GAAG,GAAG;AAExC,~~wCACGM~~,mBAAAA,~~YAAU;AAAA~~,~~IACTR~~,~~WAAWS~~,~~cACTT~~,~~QAAAA~~,~~WACAU~~,mBAAAA,QAAmBC,~~MACnBV~~,~~mCAASU~~,MACTD,~~mBAAAA~~,~~QAAmBE~~,~~UACnBX~~,~~mCAASW~~,QAAQ~~;AAAA~~,~~IAEnBC~~,MAAK~~;AAAA~~,~~IACL~~,iBAAe~~;AAAA~~,~~IACf~~,iBAAe~~;AAAA~~,~~IACf~~,iBAAeP~~;AAAAA~~,~~IAAa~~,~~GACxBD;AAAAA~~,~~IAAMS~~,~~0CAETC~~,~~4CAAuB;AAAA~~,~~MAAAD~~,~~UAAA~~,~~CACtBE~~,~~2BAAAA~~,~~IAACC~~,~~gCAAW~~;AAAA,~~QACVjB~~,~~WAAWS~~,cAAAA,QACTC,mBAAAA,~~QAAmBQ~~,kBACnBjB,mCAASiB,~~gBAAgB;AAAA~~,~~QAE3BC~~,SAAQ~~;AAAA~~,~~QACRC~~,OAAO;AAAA,~~UAAEC~~,OAAQ,~~GAAEf~~;AAAAA,~~QAAgB~~;AAAA,~~QAAE~~,~~GACjCF;AAAAA~~,~~QAAUU~~,~~UAEZ~~,~~GAAER;AAAAA~~,~~MAAAA~~,~~CACQ~~,~~GACdU~~,~~2BAAAA~~,~~IAACM,+CAA0B;AAAA~~,~~QAAAR~~,~~yCACxBS~~,~~sCAAiB;AAAA~~,~~UAChBH~~,OAAO;AAAA,~~YAAEC~~,OAAQ,~~GAAEf~~;AAAAA,~~UAAgB;AAAA~~,~~UACnCN~~,~~WAAWS~~,cAAAA,QACTC,~~mBAAAA~~,~~QAAmBc~~,aACnBvB,mCAASuB,WAAW~~;AAAA~~,~~UAEtBrB;AAAAA~~,~~QAAAA~~,~~CAAe;AAAA~~,~~MAAA~~,~~CAEU~~,~~CAAA;AAAA~~,~~IAAA~~,CAAA;AAAA,EAAA,~~CAEpB~~;~~AAEjB~~;;"}
1	+ {"version":3,"file":"ProgressBar.cjs","sources":["../../../../src/components/ProgressBar/ProgressBar.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport { HvTypographyProps } from \"../Typography\";\nimport clamp from \"lodash/clamp\";\nimport { HvBaseProps } from \"../../types\";\nimport {\n StyledProgressBar,\n StyledProgressBarContainer,\n StyledProgressContainer,\n StyledRoot,\n StyledValue,\n} from \"./ProgressBar.styles\";\nimport progressBarClasses, { HvProgressBarClasses } from \"./progressBarClasses\";\n\nexport type HvProgressBarStatus = \"inProgress\" \| \"completed\" \| \"error\";\n\n/*\n ProgressBar provides feedback about a process that is taking place in the application.\n /\nexport type HvProgressBarProps = HvBaseProps & {\n /* The value of the progress bar. /\n value: number;\n /\n The status of the progress bar.\n \n inProgress is black, error is red and completed is green.\n \n When uncontrolled and unspecified it will default to \"inProgress\".\n /\n status?: HvProgressBarStatus;\n /* Aria Properties passed on to the progress bar. /\n labelProps?: HvTypographyProps;\n /* A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvProgressBarClasses;\n};\n\nexport const HvProgressBar = (props: HvProgressBarProps) => {\n const {\n className,\n classes,\n value = 0,\n status = \"inProgress\",\n labelProps,\n ...others\n } = props;\n\n const clampedValue = clamp(value, 0, 100);\n\n return (\n <StyledRoot\n className={clsx(\n className,\n progressBarClasses.root,\n classes?.root,\n progressBarClasses.progress,\n classes?.progress\n )}\n role=\"progressbar\"\n aria-valuemin={0}\n aria-valuemax={100}\n aria-valuenow={clampedValue}\n {...others}\n >\n <StyledProgressContainer\n className={clsx(\n classes?.progressContainer,\n progressBarClasses.progressContainer\n )}\n >\n <StyledValue\n className={clsx(\n progressBarClasses.progressBarLabel,\n classes?.progressBarLabel,\n status === \"completed\" &&\n clsx(progressBarClasses.progressDone, classes?.progressDone)\n )}\n variant=\"caption2\"\n style={{ width: `${clampedValue}%` }}\n {...labelProps}\n >\n {`${clampedValue}%`}\n </StyledValue>\n <StyledProgressBarContainer\n className={clsx(\n classes?.progressBarContainer,\n progressBarClasses.progressBarContainer\n )}\n >\n <StyledProgressBar\n style={{ width: `${clampedValue}%` }}\n className={clsx(\n progressBarClasses.progressBar,\n classes?.progressBar,\n status === \"completed\" &&\n clsx(classes?.progressDone, progressBarClasses.progressDone),\n status === \"error\" &&\n clsx(classes?.progressError, progressBarClasses.progressError)\n )}\n $status={status}\n />\n </StyledProgressBarContainer>\n </StyledProgressContainer>\n </StyledRoot>\n );\n};\n"],"names":["HvProgressBar","props","className","classes","value","status","labelProps","others","clampedValue","clamp","jsx","StyledRoot","clsx","progressBarClasses","root","progress","jsxs","StyledProgressContainer","progressContainer","StyledValue","progressBarLabel","progressDone","width","StyledProgressBarContainer","progressBarContainer","StyledProgressBar","progressBar","progressError"],"mappings":";;;;;;;;;;AAmCaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,QAAQ;AAAA,IACRC,SAAS;AAAA,IACTC;AAAAA,OACGC;AAAAA,EACDN,IAAAA;AAEJ,QAAMO,eAAeC,eAAAA,QAAML,OAAO,GAAG,GAAG;AAExC,SACGM,2BAAAA,IAAAC,mBAAAA,YAAA,EACC,WAAWC,cAAAA,QACTV,WACAW,mBAAAA,QAAmBC,MACnBX,mCAASW,MACTD,mBAAmBE,QAAAA,UACnBZ,mCAASY,QAAQ,GAEnB,MAAK,eACL,iBAAe,GACf,iBAAe,KACf,iBAAeP,cACXD,GAAAA,QAEJ,UAAAS,2BAAA,KAACC,mBACC,yBAAA,EAAA,WAAWL,cAAAA,QACTT,mCAASe,mBACTL,2BAAmBK,iBAAiB,GAGtC,UAAA;AAAA,IAAAR,+BAACS,mBAAAA,eACC,WAAWP,cAAAA,QACTC,mBAAAA,QAAmBO,kBACnBjB,mCAASiB,kBACTf,WAAW,eACTO,sBAAKC,mBAAAA,QAAmBQ,cAAclB,mCAASkB,YAAY,CAAC,GAEhE,SAAQ,YACR,OAAO;AAAA,MAAEC,OAAQ,GAAEd;AAAAA,IAAAA,GACfF,GAAAA,YAEF,UAAA,GAAEE,iBACN;AAAA,IACAE,2BAAAA,IAACa,mBAAAA,4BACC,EAAA,WAAWX,cACTT,QAAAA,mCAASqB,sBACTX,2BAAmBW,oBAAoB,GAGzC,UAACd,2BAAA,IAAAe,mBAAA,mBAAA,EACC,OAAO;AAAA,MAAEH,OAAQ,GAAEd;AAAAA,IAAgB,GACnC,WAAWI,cAAAA,QACTC,mBAAmBa,QAAAA,aACnBvB,mCAASuB,aACTrB,WAAW,eACTO,cAAAA,QAAKT,mCAASkB,cAAcR,mBAAAA,QAAmBQ,YAAY,GAC7DhB,WAAW,WACTO,cAAAA,QAAKT,mCAASwB,eAAed,2BAAmBc,aAAa,CAAC,GAElE,SAAStB,OAAAA,CAAO,EAEpB,CAAA;AAAA,EAAA,EACF,CAAA,EACF,CAAA;AAEJ;;"}