@hitachivantara/uikit-react-core 5.27.6 → 5.27.7

package/dist/cjs/components/Login/Login.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Login.cjs","sources":["../../../../src/components/Login/Login.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { staticClasses, useClasses } from \"./Login.styles\";\n\nexport { staticClasses as loginClasses };\n\nexport type HvLoginClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvLoginProps extends HvBaseProps {\n  /**\n   *  The path for the background image.\n   */\n  background?: string;\n  /**\n   * Class names to be applied.\n   */\n  classes?: HvLoginClasses;\n}\n\n/**\n * Container layout for the login form.\n */\nexport const HvLogin = (props: HvLoginProps) => {\n  const {\n    id,\n    className,\n    classes: classesProp,\n    children,\n    background,\n    ...others\n  } = useDefaultProps(\"HvLogin\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <div\n      id={id}\n      className={cx(classes.root, className)}\n      style={{\n        backgroundImage: background && `url(${background})`,\n      }}\n      {...others}\n    >\n      <div className={classes.formContainer}>{children}</div>\n    </div>\n  );\n};\n"],"names":["HvLogin","props","id","className","classes","classesProp","children","background","others","useDefaultProps","cx","useClasses","root","style","backgroundImage","formContainer"],"mappings":";;;;;AAwBaA,MAAAA,UAAUA,CAACC,UAAwB;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,WAAWR,KAAK;AAE9B,QAAA;AAAA,IAAEG;AAAAA,IAASM;AAAAA,EAAAA,IAAOC,aAAAA,WAAWN,WAAW;AAE9C,wCACE,OAAA;AAAA,IACEH;AAAAA,IACAC,WAAWO,GAAGN,QAAQQ,MAAMT,SAAS;AAAA,IACrCU,OAAO;AAAA,MACLC,iBAAiBP,cAAe,OAAMA,UAAW;AAAA,IACnD;AAAA,IAAE,GACEC;AAAAA,IAAMF,yCAEV,OAAA;AAAA,MAAKH,WAAWC,QAAQW;AAAAA,MAAcT;AAAAA,IAAAA,CAAgB;AAAA,EAAA,CACnD;AAET;;;"}
+{"version":3,"file":"Login.cjs","sources":["../../../../src/components/Login/Login.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { staticClasses, useClasses } from \"./Login.styles\";\n\nexport { staticClasses as loginClasses };\n\nexport type HvLoginClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvLoginProps extends HvBaseProps {\n  /**\n   *  The path for the background image.\n   */\n  background?: string;\n  /**\n   * Class names to be applied.\n   */\n  classes?: HvLoginClasses;\n}\n\n/**\n * Container layout for the login form.\n */\nexport const HvLogin = (props: HvLoginProps) => {\n  const {\n    id,\n    className,\n    classes: classesProp,\n    children,\n    background,\n    ...others\n  } = useDefaultProps(\"HvLogin\", props);\n\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <div\n      id={id}\n      className={cx(classes.root, className)}\n      style={{\n        backgroundImage: background && `url(${background})`,\n      }}\n      {...others}\n    >\n      <div className={classes.formContainer}>{children}</div>\n    </div>\n  );\n};\n"],"names":["HvLogin","props","id","className","classes","classesProp","children","background","others","useDefaultProps","cx","useClasses","jsx","root","backgroundImage","formContainer"],"mappings":";;;;;AAwBaA,MAAAA,UAAUA,CAACC,UAAwB;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,WAAWR,KAAK;AAE9B,QAAA;AAAA,IAAEG;AAAAA,IAASM;AAAAA,EAAAA,IAAOC,aAAAA,WAAWN,WAAW;AAG5C,SAAAO,+BAAC,SACC,IACA,WAAWF,GAAGN,QAAQS,MAAMV,SAAS,GACrC,OAAO;AAAA,IACLW,iBAAiBP,cAAe,OAAMA,UAAW;AAAA,EACnD,GACIC,GAAAA,QAEJ,UAAAI,2BAAAA,IAAC,SAAI,WAAWR,QAAQW,eAAgBT,SAAS,CAAA,EACnD,CAAA;AAEJ;;;"}

package/dist/cjs/components/MultiButton/MultiButton.cjs

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const React = require("react");
 const MultiButton_styles = require("./MultiButton.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
 const React__default = /* @__PURE__ */ _interopDefault(React);
 const HvMultiButton = (props) => {
@@ -20,25 +20,21 @@ const HvMultiButton = (props) => {
     classes,
     cx
   } = MultiButton_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: cx(classes.root, {
-      [classes.vertical]: vertical
-    }, className),
-    ...others,
-    children: React__default.default.Children.map(children, (child) => {
-      if (React__default.default.isValidElement(child)) {
-        const childIsSelected = !!child.props.selected;
-        return React.cloneElement(child, {
-          variant,
-          disabled: disabled || child.props.disabled,
-          className: cx(child.props.className, classes.button, {
-            [classes.selected]: childIsSelected
-          }),
-          "aria-pressed": childIsSelected
-        });
-      }
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx(classes.root, {
+    [classes.vertical]: vertical
+  }, className), ...others, children: React__default.default.Children.map(children, (child) => {
+    if (React__default.default.isValidElement(child)) {
+      const childIsSelected = !!child.props.selected;
+      return React.cloneElement(child, {
+        variant,
+        disabled: disabled || child.props.disabled,
+        className: cx(child.props.className, classes.button, {
+          [classes.selected]: childIsSelected
+        }),
+        "aria-pressed": childIsSelected
+      });
+    }
+  }) });
 };
 exports.multiButtonClasses = MultiButton_styles.staticClasses;
 exports.HvMultiButton = HvMultiButton;

package/dist/cjs/components/MultiButton/MultiButton.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MultiButton.cjs","sources":["../../../../src/components/MultiButton/MultiButton.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport React, { cloneElement } from \"react\";\nimport { HvButtonVariant } from \"@core/components/Button\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { staticClasses, useClasses } from \"./MultiButton.styles\";\n\nexport { staticClasses as multiButtonClasses };\nexport type HvMultiButtonClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvMultiButtonProps extends HvBaseProps {\n  /** If all the buttons are disabled. */\n  disabled?: boolean;\n  /** If the MultiButton is to be displayed vertically. */\n  vertical?: boolean;\n  /** Category of button to use */\n  variant?: HvButtonVariant;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvMultiButtonClasses;\n}\n\nexport const HvMultiButton = (props: HvMultiButtonProps) => {\n  const {\n    className,\n    children,\n    classes: classesProp,\n    disabled = false,\n    vertical = false,\n    variant = \"secondarySubtle\",\n    ...others\n  } = useDefaultProps(\"HvMultiButton\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <div\n      className={cx(\n        classes.root,\n        {\n          [classes.vertical]: vertical,\n        },\n        className\n      )}\n      {...others}\n    >\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          const childIsSelected = !!child.props.selected;\n\n          return cloneElement(child as React.ReactElement, {\n            variant,\n            disabled: disabled || child.props.disabled,\n            className: cx(child.props.className, classes.button, {\n              [classes.selected]: childIsSelected,\n            }),\n            \"aria-pressed\": childIsSelected,\n          });\n        }\n      })}\n    </div>\n  );\n};\n"],"names":["HvMultiButton","props","className","children","classes","classesProp","disabled","vertical","variant","others","useDefaultProps","cx","useClasses","root","React","Children","map","child","isValidElement","childIsSelected","selected","cloneElement","button"],"mappings":";;;;;;;;AAqBaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,UAAU;AAAA,IACV,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,iBAAiBT,KAAK;AACpC,QAAA;AAAA,IAAEG;AAAAA,IAASO;AAAAA,EAAAA,IAAOC,mBAAAA,WAAWP,WAAW;AAE9C,wCACE,OAAA;AAAA,IACEH,WAAWS,GACTP,QAAQS,MACR;AAAA,MACE,CAACT,QAAQG,QAAQ,GAAGA;AAAAA,OAEtBL,SACF;AAAA,IAAE,GACEO;AAAAA,IAAMN,UAETW,eAAAA,QAAMC,SAASC,IAAIb,UAAWc,CAAU,UAAA;AACnCH,UAAAA,eAAAA,QAAMI,eAAeD,KAAK,GAAG;AAC/B,cAAME,kBAAkB,CAAC,CAACF,MAAMhB,MAAMmB;AAEtC,eAAOC,MAAAA,aAAaJ,OAA6B;AAAA,UAC/CT;AAAAA,UACAF,UAAUA,YAAYW,MAAMhB,MAAMK;AAAAA,UAClCJ,WAAWS,GAAGM,MAAMhB,MAAMC,WAAWE,QAAQkB,QAAQ;AAAA,YACnD,CAAClB,QAAQgB,QAAQ,GAAGD;AAAAA,UAAAA,CACrB;AAAA,UACD,gBAAgBA;AAAAA,QAAAA,CACjB;AAAA,MACH;AAAA,IAAA,CACD;AAAA,EAAA,CACE;AAET;;;"}
+{"version":3,"file":"MultiButton.cjs","sources":["../../../../src/components/MultiButton/MultiButton.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport React, { cloneElement } from \"react\";\nimport { HvButtonVariant } from \"@core/components/Button\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { staticClasses, useClasses } from \"./MultiButton.styles\";\n\nexport { staticClasses as multiButtonClasses };\nexport type HvMultiButtonClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvMultiButtonProps extends HvBaseProps {\n  /** If all the buttons are disabled. */\n  disabled?: boolean;\n  /** If the MultiButton is to be displayed vertically. */\n  vertical?: boolean;\n  /** Category of button to use */\n  variant?: HvButtonVariant;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvMultiButtonClasses;\n}\n\nexport const HvMultiButton = (props: HvMultiButtonProps) => {\n  const {\n    className,\n    children,\n    classes: classesProp,\n    disabled = false,\n    vertical = false,\n    variant = \"secondarySubtle\",\n    ...others\n  } = useDefaultProps(\"HvMultiButton\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <div\n      className={cx(\n        classes.root,\n        {\n          [classes.vertical]: vertical,\n        },\n        className\n      )}\n      {...others}\n    >\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          const childIsSelected = !!child.props.selected;\n\n          return cloneElement(child as React.ReactElement, {\n            variant,\n            disabled: disabled || child.props.disabled,\n            className: cx(child.props.className, classes.button, {\n              [classes.selected]: childIsSelected,\n            }),\n            \"aria-pressed\": childIsSelected,\n          });\n        }\n      })}\n    </div>\n  );\n};\n"],"names":["HvMultiButton","props","className","children","classes","classesProp","disabled","vertical","variant","others","useDefaultProps","cx","useClasses","jsx","root","React","Children","map","child","isValidElement","childIsSelected","selected","cloneElement","button"],"mappings":";;;;;;;;AAqBaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,UAAU;AAAA,IACV,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,iBAAiBT,KAAK;AACpC,QAAA;AAAA,IAAEG;AAAAA,IAASO;AAAAA,EAAAA,IAAOC,mBAAAA,WAAWP,WAAW;AAE9C,SACGQ,2BAAAA,IAAA,OAAA,EACC,WAAWF,GACTP,QAAQU,MACR;AAAA,IACE,CAACV,QAAQG,QAAQ,GAAGA;AAAAA,EAAAA,GAEtBL,SACF,GACA,GAAIO,QAEHM,UAAMC,uBAAAA,SAASC,IAAId,UAAWe,CAAU,UAAA;AACnCH,QAAAA,eAAAA,QAAMI,eAAeD,KAAK,GAAG;AAC/B,YAAME,kBAAkB,CAAC,CAACF,MAAMjB,MAAMoB;AAEtC,aAAOC,MAAAA,aAAaJ,OAA6B;AAAA,QAC/CV;AAAAA,QACAF,UAAUA,YAAYY,MAAMjB,MAAMK;AAAAA,QAClCJ,WAAWS,GAAGO,MAAMjB,MAAMC,WAAWE,QAAQmB,QAAQ;AAAA,UACnD,CAACnB,QAAQiB,QAAQ,GAAGD;AAAAA,QAAAA,CACrB;AAAA,QACD,gBAAgBA;AAAAA,MAAAA,CACjB;AAAA,IACH;AAAA,EACD,CAAA,EACH,CAAA;AAEJ;;;"}

package/dist/cjs/components/OverflowTooltip/OverflowTooltip.cjs

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const React = require("react");
 const reactResizeDetector = require("react-resize-detector");
 const OverflowTooltip_styles = require("./OverflowTooltip.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Tooltip = require("../Tooltip/Tooltip.cjs");
 const Typography = require("../Typography/Typography.cjs");
 const isParagraph = (children = "") => /\s/.test(children);
@@ -37,29 +37,24 @@ const HvOverflowTooltip = (props) => {
   const scrollWidth = ((_a = ref.current) == null ? void 0 : _a.scrollWidth) || 0;
   const isOverflowing = scrollWidth - width >= 1;
   const isParag = React.useMemo(() => paragraphOverflow && isParagraph(data == null ? void 0 : data.toString()), [data, paragraphOverflow]);
-  const content = React.useMemo(() => /* @__PURE__ */ jsxRuntime.jsx("div", {
-    ref,
-    className: cx({
-      [classes.tooltipAnchor]: !isParag,
-      [classes.tooltipAnchorParagraph]: isParag
-    }, className),
-    children: data
-  }), [className, classes.tooltipAnchor, classes.tooltipAnchorParagraph, cx, data, isParag, ref]);
-  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, {
-    id,
-    disableHoverListener: !isOverflowing,
-    open,
-    placement,
-    title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-      className: classes.tooltipData,
-      variant: "body",
-      children: data
-    }),
-    "aria-label": null,
-    "aria-labelledby": null,
-    ...tooltipsProps,
-    children: content
-  });
+  const content = React.useMemo(() => /* @__PURE__ */ jsxRuntime.jsx("div", { ref, className: cx({
+    [classes.tooltipAnchor]: !isParag,
+    [classes.tooltipAnchorParagraph]: isParag
+  }, className), children: data }), [className, classes.tooltipAnchor, classes.tooltipAnchorParagraph, cx, data, isParag, ref]);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    Tooltip.HvTooltip,
+    {
+      id,
+      disableHoverListener: !isOverflowing,
+      open,
+      placement,
+      title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { className: classes.tooltipData, variant: "body", children: data }),
+      "aria-label": null,
+      "aria-labelledby": null,
+      ...tooltipsProps,
+      children: content
+    }
+  );
 };
 exports.overflowTooltipClasses = OverflowTooltip_styles.staticClasses;
 exports.HvOverflowTooltip = HvOverflowTooltip;

package/dist/cjs/components/OverflowTooltip/OverflowTooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowTooltip.cjs","sources":["../../../../src/components/OverflowTooltip/OverflowTooltip.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { useMemo } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTooltip, HvTooltipProps } from \"@core/components/Tooltip\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { staticClasses, useClasses } from \"./OverflowTooltip.styles\";\n\nexport { staticClasses as overflowTooltipClasses };\nexport type HvOverflowTooltipClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvOverflowTooltipProps extends HvBaseProps {\n  /** The node that will be rendered inside the tooltip. */\n  data: React.ReactNode;\n  /** If true, the tooltip is shown. */\n  open?: boolean;\n  /** If `true` the overflow tooltip will always use the paragraph overflow style. */\n  paragraphOverflow?: boolean;\n  /** Tooltip placement. */\n  placement?:\n    | \"bottom-end\"\n    | \"bottom-start\"\n    | \"bottom\"\n    | \"left-end\"\n    | \"left-start\"\n    | \"left\"\n    | \"right-end\"\n    | \"right-start\"\n    | \"right\"\n    | \"top-end\"\n    | \"top-start\"\n    | \"top\";\n  /** Extra properties to add to the tooltip. */\n  tooltipsProps?: Partial<HvTooltipProps>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvOverflowTooltipClasses;\n}\n\nconst isParagraph = (children = \"\") => /\\s/.test(children);\n\n/**\n * This component generates a tooltip whenever the text is overflowed.\n */\nexport const HvOverflowTooltip = (props: HvOverflowTooltipProps) => {\n  const {\n    id,\n    classes: classesProp,\n    className,\n    data,\n    open,\n    paragraphOverflow,\n    placement = \"top-start\",\n    tooltipsProps,\n  } = useDefaultProps(\"HvOverflowTooltip\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  const { width = 0, ref } = useResizeDetector({\n    refreshMode: \"debounce\",\n    refreshOptions: {\n      trailing: true,\n    },\n    handleHeight: false,\n  });\n  const scrollWidth = ref.current?.scrollWidth || 0;\n  // The difference should be higher than a pixel to be considered as overflowing\n  const isOverflowing = scrollWidth - width >= 1;\n\n  const isParag = useMemo(\n    () => paragraphOverflow && isParagraph(data?.toString()),\n    [data, paragraphOverflow]\n  );\n\n  const content = useMemo(\n    () => (\n      <div\n        ref={ref}\n        className={cx(\n          {\n            [classes.tooltipAnchor]: !isParag,\n            [classes.tooltipAnchorParagraph]: isParag,\n          },\n          className\n        )}\n      >\n        {data}\n      </div>\n    ),\n    [\n      className,\n      classes.tooltipAnchor,\n      classes.tooltipAnchorParagraph,\n      cx,\n      data,\n      isParag,\n      ref,\n    ]\n  );\n\n  return (\n    <HvTooltip\n      id={id}\n      disableHoverListener={!isOverflowing}\n      open={open}\n      placement={placement}\n      title={\n        <HvTypography className={classes.tooltipData} variant=\"body\">\n          {data}\n        </HvTypography>\n      }\n      // unset since `content` *is* the label\n      aria-label={null as any}\n      aria-labelledby={null as any}\n      {...tooltipsProps}\n    >\n      {content}\n    </HvTooltip>\n  );\n};\n"],"names":["isParagraph","children","test","HvOverflowTooltip","props","id","classes","classesProp","className","data","open","paragraphOverflow","placement","tooltipsProps","useDefaultProps","cx","useClasses","width","ref","useResizeDetector","refreshMode","refreshOptions","trailing","handleHeight","scrollWidth","current","isOverflowing","isParag","useMemo","toString","content","_jsx","tooltipAnchor","tooltipAnchorParagraph","HvTooltip","disableHoverListener","title","HvTypography","tooltipData","variant"],"mappings":";;;;;;;;;AAuCA,MAAMA,cAAcA,CAACC,WAAW,OAAO,KAAKC,KAAKD,QAAQ;AAK5CE,MAAAA,oBAAoBA,CAACC,UAAkC;;AAC5D,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,YAAY;AAAA,IACZC;AAAAA,EAAAA,IACEC,gBAAgB,gBAAA,qBAAqBV,KAAK;AACxC,QAAA;AAAA,IAAEE;AAAAA,IAASS;AAAAA,EAAAA,IAAOC,uBAAAA,WAAWT,WAAW;AAExC,QAAA;AAAA,IAAEU,QAAQ;AAAA,IAAGC;AAAAA,MAAQC,sCAAkB;AAAA,IAC3CC,aAAa;AAAA,IACbC,gBAAgB;AAAA,MACdC,UAAU;AAAA,IACZ;AAAA,IACAC,cAAc;AAAA,EAAA,CACf;AACKC,QAAAA,gBAAcN,SAAIO,YAAJP,mBAAaM,gBAAe;AAE1CE,QAAAA,gBAAgBF,cAAcP,SAAS;AAE7C,QAAMU,UAAUC,MAAAA,QACd,MAAMjB,qBAAqBX,YAAYS,6BAAMoB,UAAU,GACvD,CAACpB,MAAME,iBAAiB,CAC1B;AAEA,QAAMmB,UAAUF,MAAAA,QACd,MACEG,2BAAAA,IAAA,OAAA;AAAA,IACEb;AAAAA,IACAV,WAAWO,GACT;AAAA,MACE,CAACT,QAAQ0B,aAAa,GAAG,CAACL;AAAAA,MAC1B,CAACrB,QAAQ2B,sBAAsB,GAAGN;AAAAA,OAEpCnB,SACF;AAAA,IAAEP,UAEDQ;AAAAA,EACE,CAAA,GAEP,CACED,WACAF,QAAQ0B,eACR1B,QAAQ2B,wBACRlB,IACAN,MACAkB,SACAT,GAAG,CAEP;AAEA,wCACGgB,QAAAA,WAAS;AAAA,IACR7B;AAAAA,IACA8B,sBAAsB,CAACT;AAAAA,IACvBhB;AAAAA,IACAE;AAAAA,IACAwB,sCACGC,yBAAY;AAAA,MAAC7B,WAAWF,QAAQgC;AAAAA,MAAaC,SAAQ;AAAA,MAAMtC,UACzDQ;AAAAA,IAAAA,CACW;AAAA,IAGhB,cAAY;AAAA,IACZ,mBAAiB;AAAA,IAAY,GACzBI;AAAAA,IAAaZ,UAEhB6B;AAAAA,EAAAA,CACQ;AAEf;;;"}
+{"version":3,"file":"OverflowTooltip.cjs","sources":["../../../../src/components/OverflowTooltip/OverflowTooltip.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport { useMemo } from \"react\";\nimport { useResizeDetector } from \"react-resize-detector\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTooltip, HvTooltipProps } from \"@core/components/Tooltip\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { staticClasses, useClasses } from \"./OverflowTooltip.styles\";\n\nexport { staticClasses as overflowTooltipClasses };\nexport type HvOverflowTooltipClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvOverflowTooltipProps extends HvBaseProps {\n  /** The node that will be rendered inside the tooltip. */\n  data: React.ReactNode;\n  /** If true, the tooltip is shown. */\n  open?: boolean;\n  /** If `true` the overflow tooltip will always use the paragraph overflow style. */\n  paragraphOverflow?: boolean;\n  /** Tooltip placement. */\n  placement?:\n    | \"bottom-end\"\n    | \"bottom-start\"\n    | \"bottom\"\n    | \"left-end\"\n    | \"left-start\"\n    | \"left\"\n    | \"right-end\"\n    | \"right-start\"\n    | \"right\"\n    | \"top-end\"\n    | \"top-start\"\n    | \"top\";\n  /** Extra properties to add to the tooltip. */\n  tooltipsProps?: Partial<HvTooltipProps>;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvOverflowTooltipClasses;\n}\n\nconst isParagraph = (children = \"\") => /\\s/.test(children);\n\n/**\n * This component generates a tooltip whenever the text is overflowed.\n */\nexport const HvOverflowTooltip = (props: HvOverflowTooltipProps) => {\n  const {\n    id,\n    classes: classesProp,\n    className,\n    data,\n    open,\n    paragraphOverflow,\n    placement = \"top-start\",\n    tooltipsProps,\n  } = useDefaultProps(\"HvOverflowTooltip\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  const { width = 0, ref } = useResizeDetector({\n    refreshMode: \"debounce\",\n    refreshOptions: {\n      trailing: true,\n    },\n    handleHeight: false,\n  });\n  const scrollWidth = ref.current?.scrollWidth || 0;\n  // The difference should be higher than a pixel to be considered as overflowing\n  const isOverflowing = scrollWidth - width >= 1;\n\n  const isParag = useMemo(\n    () => paragraphOverflow && isParagraph(data?.toString()),\n    [data, paragraphOverflow]\n  );\n\n  const content = useMemo(\n    () => (\n      <div\n        ref={ref}\n        className={cx(\n          {\n            [classes.tooltipAnchor]: !isParag,\n            [classes.tooltipAnchorParagraph]: isParag,\n          },\n          className\n        )}\n      >\n        {data}\n      </div>\n    ),\n    [\n      className,\n      classes.tooltipAnchor,\n      classes.tooltipAnchorParagraph,\n      cx,\n      data,\n      isParag,\n      ref,\n    ]\n  );\n\n  return (\n    <HvTooltip\n      id={id}\n      disableHoverListener={!isOverflowing}\n      open={open}\n      placement={placement}\n      title={\n        <HvTypography className={classes.tooltipData} variant=\"body\">\n          {data}\n        </HvTypography>\n      }\n      // unset since `content` *is* the label\n      aria-label={null as any}\n      aria-labelledby={null as any}\n      {...tooltipsProps}\n    >\n      {content}\n    </HvTooltip>\n  );\n};\n"],"names":["isParagraph","children","test","HvOverflowTooltip","props","id","classes","classesProp","className","data","open","paragraphOverflow","placement","tooltipsProps","useDefaultProps","cx","useClasses","width","ref","useResizeDetector","refreshMode","refreshOptions","trailing","handleHeight","scrollWidth","current","isOverflowing","isParag","useMemo","toString","content","tooltipAnchor","tooltipAnchorParagraph","jsx","HvTooltip","HvTypography","tooltipData"],"mappings":";;;;;;;;;AAuCA,MAAMA,cAAcA,CAACC,WAAW,OAAO,KAAKC,KAAKD,QAAQ;AAK5CE,MAAAA,oBAAoBA,CAACC,UAAkC;;AAC5D,QAAA;AAAA,IACJC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,YAAY;AAAA,IACZC;AAAAA,EAAAA,IACEC,gBAAgB,gBAAA,qBAAqBV,KAAK;AACxC,QAAA;AAAA,IAAEE;AAAAA,IAASS;AAAAA,EAAAA,IAAOC,uBAAAA,WAAWT,WAAW;AAExC,QAAA;AAAA,IAAEU,QAAQ;AAAA,IAAGC;AAAAA,MAAQC,sCAAkB;AAAA,IAC3CC,aAAa;AAAA,IACbC,gBAAgB;AAAA,MACdC,UAAU;AAAA,IACZ;AAAA,IACAC,cAAc;AAAA,EAAA,CACf;AACKC,QAAAA,gBAAcN,SAAIO,YAAJP,mBAAaM,gBAAe;AAE1CE,QAAAA,gBAAgBF,cAAcP,SAAS;AAE7C,QAAMU,UAAUC,MAAAA,QACd,MAAMjB,qBAAqBX,YAAYS,6BAAMoB,UAAU,GACvD,CAACpB,MAAME,iBAAiB,CAC1B;AAEA,QAAMmB,UAAUF,MACd,QAAA,qCACG,OACC,EAAA,KACA,WAAWb,GACT;AAAA,IACE,CAACT,QAAQyB,aAAa,GAAG,CAACJ;AAAAA,IAC1B,CAACrB,QAAQ0B,sBAAsB,GAAGL;AAAAA,EAAAA,GAEpCnB,SACF,GAECC,UAAAA,KAAAA,CACH,GAEF,CACED,WACAF,QAAQyB,eACRzB,QAAQ0B,wBACRjB,IACAN,MACAkB,SACAT,GAAG,CAEP;AAGE,SAAAe,2BAAA;AAAA,IAACC,QAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,sBAAsB,CAACR;AAAAA,MACvB;AAAA,MACA;AAAA,MACA,sCACGS,yBAAa,EAAA,WAAW7B,QAAQ8B,aAAa,SAAQ,QACnD3B,UACH,KAAA,CAAA;AAAA,MAGF,cAAY;AAAA,MACZ,mBAAiB;AAAA,MACjB,GAAII;AAAAA,MAEHiB,UAAAA;AAAAA,IAAAA;AAAAA,EAAAA;AAGP;;;"}

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

@@ -9,18 +9,7 @@ const ButtonIconTooltip = ({
   children,
   ...buttonProps
 }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, {
-    title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-      children: tooltip
-    }),
-    children: /* @__PURE__ */ jsxRuntime.jsx("div", {
-      children: /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
-        icon: true,
-        ...buttonProps,
-        children
-      })
-    })
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx(Tooltip.HvTooltip, { title: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { children: tooltip }), children: /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, { icon: true, ...buttonProps, children }) }) });
 };
 const ButtonIconTooltip$1 = ButtonIconTooltip;
 exports.default = ButtonIconTooltip$1;

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

@@ -1 +1 @@
-{"version":3,"file":"ButtonIconTooltip.cjs","sources":["../../../../src/components/Pagination/ButtonIconTooltip.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\nimport { HvTooltip } from \"@core/components/Tooltip\";\nimport { HvTypography } from \"@core/components/Typography\";\n\ninterface ButtonIconTooltipProps extends HvButtonProps {\n  tooltip: ReactNode;\n  children: ReactNode;\n}\n\nconst ButtonIconTooltip = ({\n  tooltip,\n  children,\n  ...buttonProps\n}: ButtonIconTooltipProps) => {\n  return (\n    <HvTooltip title={<HvTypography>{tooltip}</HvTypography>}>\n      <div>\n        <HvButton icon {...buttonProps}>\n          {children}\n        </HvButton>\n      </div>\n    </HvTooltip>\n  );\n};\nexport default ButtonIconTooltip;\n"],"names":["ButtonIconTooltip","tooltip","children","buttonProps","HvTooltip","title","HvTypography","HvButton","icon"],"mappings":";;;;;;AAWA,MAAMA,oBAAoBA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACmB,MAAM;AAC5B,wCACGC,QAAAA,WAAS;AAAA,IAACC,sCAAQC,yBAAY;AAAA,MAAAJ,UAAED;AAAAA,IAAAA,CAAsB;AAAA,IAAEC,yCACvD,OAAA;AAAA,MAAAA,yCACGK,iBAAQ;AAAA,QAACC,MAAI;AAAA,QAAA,GAAKL;AAAAA,QAAWD;AAAAA,MAAAA,CAEpB;AAAA,IAAA,CACP;AAAA,EAAA,CACI;AAEf;AACA,MAAA,sBAAeF;;"}
+{"version":3,"file":"ButtonIconTooltip.cjs","sources":["../../../../src/components/Pagination/ButtonIconTooltip.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { HvButton, HvButtonProps } from \"@core/components/Button\";\nimport { HvTooltip } from \"@core/components/Tooltip\";\nimport { HvTypography } from \"@core/components/Typography\";\n\ninterface ButtonIconTooltipProps extends HvButtonProps {\n  tooltip: ReactNode;\n  children: ReactNode;\n}\n\nconst ButtonIconTooltip = ({\n  tooltip,\n  children,\n  ...buttonProps\n}: ButtonIconTooltipProps) => {\n  return (\n    <HvTooltip title={<HvTypography>{tooltip}</HvTypography>}>\n      <div>\n        <HvButton icon {...buttonProps}>\n          {children}\n        </HvButton>\n      </div>\n    </HvTooltip>\n  );\n};\nexport default ButtonIconTooltip;\n"],"names":["ButtonIconTooltip","tooltip","children","buttonProps","HvTooltip","jsx","HvTypography","HvButton"],"mappings":";;;;;;AAWA,MAAMA,oBAAoBA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACmB,MAAM;AAC5B,wCACGC,QAAAA,WAAU,EAAA,OAAQC,2BAAA,IAAAC,yBAAA,EAAcL,mBAAQ,GACvC,UAAAI,2BAAA,IAAC,OACC,EAAA,UAAAA,2BAAAA,IAACE,mBAAS,MAAI,MAAC,GAAIJ,aAChBD,SAAAA,CACH,EACF,CAAA,EACF,CAAA;AAEJ;AACA,MAAA,sBAAeF;;"}

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

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const material = require("@mui/material");
@@ -11,7 +12,6 @@ const Select = require("./Select.cjs");
 const Pagination_styles = require("./Pagination.styles.cjs");
 const utils = require("./utils.cjs");
 const ButtonIconTooltip = require("./ButtonIconTooltip.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Typography = require("../Typography/Typography.cjs");
 const Input = require("../Input/Input.cjs");
 const DEFAULT_LABELS = {
@@ -72,128 +72,33 @@ const HvPagination = (props) => {
       handleInputChange(null, page + 1);
     }
   }, [handleInputChange, page]);
-  const renderPageJump = () => /* @__PURE__ */ jsxRuntime.jsx("div", {
-    className: classes.pageJump,
-    children: /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, {
-      id: setId.setId(id, "currentPage"),
-      labels,
-      inputProps: {
-        "aria-label": labels == null ? void 0 : labels.paginationInputLabel,
-        // We really want the native number input
-        type: "number"
-      },
-      classes: {
-        root: classes == null ? void 0 : classes.pageSizeInputContainer,
-        input: classes == null ? void 0 : classes.pageSizeInput,
-        inputRoot: classes == null ? void 0 : classes.pageSizeInputRoot
-      },
-      onChange: (event, value) => handleInputChange(event, Number(value)),
-      value: String(pageInput),
-      onBlur: (evt, value) => changePage(Number(value) - 1),
-      onKeyDown: (evt, value) => keyboardUtils.isKey(evt, "Enter") && changePage(Number(value) - 1),
-      disabled: pageSize === 0,
-      disableClear: true,
-      ...currentPageInputProps
-    })
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", {
-    id,
-    className: cx(classes.root, className),
-    ...others,
-    children: [/* @__PURE__ */ jsxRuntime.jsx("div", {
-      className: classes.pageSizeOptions,
-      ...showPageProps,
-      children: showPageSizeOptions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, {
-        children: [/* @__PURE__ */ jsxRuntime.jsx(material.Hidden, {
-          xsDown: true,
-          children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, {
-            component: "span",
-            className: classes == null ? void 0 : classes.pageSizeTextContainer,
-            children: labels == null ? void 0 : labels.pageSizePrev
-          })
-        }), /* @__PURE__ */ jsxRuntime.jsx(Select.default, {
-          id: setId.setId(id, "pageSize"),
-          disabled: pageSize === 0,
-          className: classes.pageSizeOptionsSelect,
-          "aria-label": labels == null ? void 0 : labels.pageSizeSelectorDescription,
-          onChange: (_, 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(Typography.HvTypography, {
-            component: "span",
-            className: classes.pageSizeTextContainer,
-            children: labels == null ? void 0 : labels.pageSizeEntryName
-          })
-        })]
-      })
-    }), /* @__PURE__ */ jsxRuntime.jsxs("div", {
-      className: classes.pageNavigator,
-      ...navigationProps,
-      children: [/* @__PURE__ */ jsxRuntime.jsx(ButtonIconTooltip.default, {
-        id: setId.setId(id, "firstPage-button"),
-        "aria-label": labels == null ? void 0 : labels.firstPage,
-        className: classes.iconContainer,
-        disabled: !canPrevious,
-        onClick: () => changePage(0),
-        tooltip: labels == null ? void 0 : labels.paginationFirstPageTitle,
-        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Start, {
-          className: classes.icon,
-          color: utils.setColor(!canPrevious)
-        })
-      }), /* @__PURE__ */ jsxRuntime.jsx(ButtonIconTooltip.default, {
-        id: setId.setId(id, "previousPage-button"),
-        "aria-label": labels == null ? void 0 : labels.previousPage,
-        className: classes.iconContainer,
-        disabled: !canPrevious,
-        onClick: () => changePage(page - 1),
-        tooltip: labels == null ? void 0 : labels.paginationPreviousPageTitle,
-        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Backwards, {
-          className: classes.icon,
-          color: utils.setColor(!canPrevious)
-        })
-      }), /* @__PURE__ */ jsxRuntime.jsxs("div", {
-        className: 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, {
-          component: "span",
-          id: setId.setId(id, "totalPages"),
-          children: pages
-        })]
-      }), /* @__PURE__ */ jsxRuntime.jsx(ButtonIconTooltip.default, {
-        id: setId.setId(id, "nextPage-button"),
-        "aria-label": labels == null ? void 0 : labels.nextPage,
-        className: classes.iconContainer,
-        disabled: !canNext,
-        onClick: () => changePage(page + 1),
-        tooltip: labels == null ? void 0 : labels.paginationNextPageTitle,
-        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Forwards, {
-          className: classes.icon,
-          color: utils.setColor(!canNext)
-        })
-      }), /* @__PURE__ */ jsxRuntime.jsx(ButtonIconTooltip.default, {
-        id: setId.setId(id, "lastPage-button"),
-        "aria-label": labels == null ? void 0 : labels.lastPage,
-        className: classes.iconContainer,
-        disabled: !canNext,
-        onClick: () => changePage(pages - 1),
-        tooltip: labels == null ? void 0 : labels.paginationLastPageTitle,
-        children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.End, {
-          className: classes.icon,
-          color: utils.setColor(!canNext)
-        })
-      })]
-    })]
-  });
+  const renderPageJump = () => /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.pageJump, children: /* @__PURE__ */ jsxRuntime.jsx(Input.HvInput, { id: setId.setId(id, "currentPage"), labels, inputProps: {
+    "aria-label": labels == null ? void 0 : labels.paginationInputLabel,
+    // We really want the native number input
+    type: "number"
+  }, classes: {
+    root: classes == null ? void 0 : classes.pageSizeInputContainer,
+    input: classes == null ? void 0 : classes.pageSizeInput,
+    inputRoot: classes == null ? void 0 : classes.pageSizeInputRoot
+  }, onChange: (event, value) => handleInputChange(event, Number(value)), value: String(pageInput), onBlur: (evt, value) => changePage(Number(value) - 1), onKeyDown: (evt, value) => keyboardUtils.isKey(evt, "Enter") && changePage(Number(value) - 1), disabled: pageSize === 0, disableClear: true, ...currentPageInputProps }) });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { id, className: cx(classes.root, className), ...others, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.pageSizeOptions, ...showPageProps, children: showPageSizeOptions && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(material.Hidden, { xsDown: true, children: /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { component: "span", className: classes == null ? void 0 : classes.pageSizeTextContainer, children: labels == null ? void 0 : labels.pageSizePrev }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(Select.default, { id: setId.setId(id, "pageSize"), disabled: pageSize === 0, className: classes.pageSizeOptionsSelect, "aria-label": labels == null ? void 0 : labels.pageSizeSelectorDescription, onChange: (_, 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(Typography.HvTypography, { component: "span", className: classes.pageSizeTextContainer, children: labels == null ? void 0 : labels.pageSizeEntryName }) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classes.pageNavigator, ...navigationProps, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(ButtonIconTooltip.default, { id: setId.setId(id, "firstPage-button"), "aria-label": labels == null ? void 0 : labels.firstPage, className: classes.iconContainer, disabled: !canPrevious, onClick: () => changePage(0), tooltip: labels == null ? void 0 : labels.paginationFirstPageTitle, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Start, { className: classes.icon, color: utils.setColor(!canPrevious) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ButtonIconTooltip.default, { id: setId.setId(id, "previousPage-button"), "aria-label": labels == null ? void 0 : labels.previousPage, className: classes.iconContainer, disabled: !canPrevious, onClick: () => changePage(page - 1), tooltip: labels == null ? void 0 : labels.paginationPreviousPageTitle, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Backwards, { className: classes.icon, color: utils.setColor(!canPrevious) }) }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: 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, { component: "span", id: setId.setId(id, "totalPages"), children: pages })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(ButtonIconTooltip.default, { id: setId.setId(id, "nextPage-button"), "aria-label": labels == null ? void 0 : labels.nextPage, className: classes.iconContainer, disabled: !canNext, onClick: () => changePage(page + 1), tooltip: labels == null ? void 0 : labels.paginationNextPageTitle, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.Forwards, { className: classes.icon, color: utils.setColor(!canNext) }) }),
+      /* @__PURE__ */ jsxRuntime.jsx(ButtonIconTooltip.default, { id: setId.setId(id, "lastPage-button"), "aria-label": labels == null ? void 0 : labels.lastPage, className: classes.iconContainer, disabled: !canNext, onClick: () => changePage(pages - 1), tooltip: labels == null ? void 0 : labels.paginationLastPageTitle, children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.End, { className: classes.icon, color: utils.setColor(!canNext) }) })
+    ] })
+  ] });
 };
 exports.paginationClasses = Pagination_styles.staticClasses;
 exports.HvPagination = HvPagination;

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 { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { Hidden } from \"@mui/material\";\n\nimport {\n  Start,\n  End,\n  Backwards,\n  Forwards,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvInput, HvInputProps } from \"@core/components/Input\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useLabels } from \"@core/hooks/useLabels\";\n\nimport HvSelect, { Option } from \"./Select\";\nimport { staticClasses, useClasses } from \"./Pagination.styles\";\nimport { usePageInput, getSafePage, setColor } from \"./utils\";\nimport ButtonIconTooltip from \"./ButtonIconTooltip\";\n\nexport { staticClasses as paginationClasses };\n\nexport type HvPaginationClasses = ExtractNames<typeof useClasses>;\n\nexport interface 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 interface HvPaginationProps extends 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 defaultPageSizeOptions = [5, 10, 20, 25, 50, 100];\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 = (props: HvPaginationProps) => {\n  const {\n    classes: classesProp,\n    className,\n    id,\n    pages = 1,\n    page = 0,\n    showPageSizeOptions = true,\n    pageSizeOptions = defaultPageSizeOptions,\n    pageSize = defaultPageSizeOptions[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  } = useDefaultProps(\"HvPagination\", props);\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const [pageInput, handleInputChange] = usePageInput(page);\n  const { classes, cx } = useClasses(classesProp);\n\n  const changePage = useCallback(\n    (newPage: number) => {\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    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [handleInputChange, page]);\n\n  const renderPageJump = () => (\n    <div className={classes.pageJump}>\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: classes?.pageSizeInputContainer,\n          input: classes?.pageSizeInput,\n          inputRoot: classes?.pageSizeInputRoot,\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          isKey(evt, \"Enter\") && changePage(Number(value) - 1)\n        }\n        disabled={pageSize === 0}\n        disableClear\n        {...currentPageInputProps}\n      />\n    </div>\n  );\n\n  return (\n    <div id={id} className={cx(classes.root, className)} {...others}>\n      <div className={classes.pageSizeOptions} {...showPageProps}>\n        {showPageSizeOptions && (\n          <>\n            <Hidden xsDown>\n              <HvTypography\n                component=\"span\"\n                className={classes?.pageSizeTextContainer}\n              >\n                {labels?.pageSizePrev}\n              </HvTypography>\n            </Hidden>\n            <HvSelect\n              id={setId(id, \"pageSize\")}\n              disabled={pageSize === 0}\n              className={classes.pageSizeOptionsSelect}\n              aria-label={labels?.pageSizeSelectorDescription}\n              onChange={(_: any, val: number) => onPageSizeChange?.(val)}\n              value={pageSize}\n            >\n              {pageSizeOptions.map((option) => (\n                <Option key={option} value={option}>\n                  {option}\n                </Option>\n              ))}\n            </HvSelect>\n            <Hidden xsDown>\n              <HvTypography\n                component=\"span\"\n                className={classes.pageSizeTextContainer}\n              >\n                {labels?.pageSizeEntryName}\n              </HvTypography>\n            </Hidden>\n          </>\n        )}\n      </div>\n      <div className={classes.pageNavigator} {...navigationProps}>\n        <ButtonIconTooltip\n          id={setId(id, \"firstPage-button\")}\n          aria-label={labels?.firstPage}\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(0)}\n          tooltip={labels?.paginationFirstPageTitle}\n        >\n          <Start className={classes.icon} color={setColor(!canPrevious)} />\n        </ButtonIconTooltip>\n        <ButtonIconTooltip\n          id={setId(id, \"previousPage-button\")}\n          aria-label={labels?.previousPage}\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(page - 1)}\n          tooltip={labels?.paginationPreviousPageTitle}\n        >\n          <Backwards className={classes.icon} color={setColor(!canPrevious)} />\n        </ButtonIconTooltip>\n        <div className={classes.pageInfo}>\n          {showPageJump ? (\n            renderPageJump()\n          ) : (\n            <HvTypography component=\"span\">{`${page + 1}`}</HvTypography>\n          )}\n          <HvTypography component=\"span\">{`${labels?.pagesSeparator} `}</HvTypography>\n          <HvTypography component=\"span\" id={setId(id, \"totalPages\")}>\n            {pages}\n          </HvTypography>\n        </div>\n        <ButtonIconTooltip\n          id={setId(id, \"nextPage-button\")}\n          aria-label={labels?.nextPage}\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(page + 1)}\n          tooltip={labels?.paginationNextPageTitle}\n        >\n          <Forwards className={classes.icon} color={setColor(!canNext)} />\n        </ButtonIconTooltip>\n        <ButtonIconTooltip\n          id={setId(id, \"lastPage-button\")}\n          aria-label={labels?.lastPage}\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(pages - 1)}\n          tooltip={labels?.paginationLastPageTitle}\n        >\n          <End className={classes.icon} color={setColor(!canNext)} />\n        </ButtonIconTooltip>\n      </div>\n    </div>\n  );\n};\n"],"names":["DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","defaultPageSizeOptions","HvPagination","props","classes","classesProp","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labels","labelsProp","showPageProps","navigationProps","currentPageInputProps","others","useDefaultProps","useLabels","pageInput","handleInputChange","usePageInput","cx","useClasses","changePage","useCallback","newPage","safePage","getSafePage","useEffect","renderPageJump","_jsx","pageJump","children","HvInput","setId","inputProps","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","onChange","event","value","Number","String","onBlur","evt","onKeyDown","isKey","disabled","disableClear","_jsxs","_Fragment","Hidden","xsDown","HvTypography","component","pageSizeTextContainer","HvSelect","pageSizeOptionsSelect","_","val","map","option","Option","pageNavigator","ButtonIconTooltip","iconContainer","onClick","tooltip","Start","icon","color","setColor","Backwards","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 { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { Hidden } from \"@mui/material\";\n\nimport {\n  Start,\n  End,\n  Backwards,\n  Forwards,\n} from \"@hitachivantara/uikit-react-icons\";\n\nimport { HvInput, HvInputProps } from \"@core/components/Input\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { setId } from \"@core/utils/setId\";\nimport { isKey } from \"@core/utils/keyboardUtils\";\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { useLabels } from \"@core/hooks/useLabels\";\n\nimport HvSelect, { Option } from \"./Select\";\nimport { staticClasses, useClasses } from \"./Pagination.styles\";\nimport { usePageInput, getSafePage, setColor } from \"./utils\";\nimport ButtonIconTooltip from \"./ButtonIconTooltip\";\n\nexport { staticClasses as paginationClasses };\n\nexport type HvPaginationClasses = ExtractNames<typeof useClasses>;\n\nexport interface 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 interface HvPaginationProps extends 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 defaultPageSizeOptions = [5, 10, 20, 25, 50, 100];\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 = (props: HvPaginationProps) => {\n  const {\n    classes: classesProp,\n    className,\n    id,\n    pages = 1,\n    page = 0,\n    showPageSizeOptions = true,\n    pageSizeOptions = defaultPageSizeOptions,\n    pageSize = defaultPageSizeOptions[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  } = useDefaultProps(\"HvPagination\", props);\n\n  const labels = useLabels(DEFAULT_LABELS, labelsProp);\n  const [pageInput, handleInputChange] = usePageInput(page);\n  const { classes, cx } = useClasses(classesProp);\n\n  const changePage = useCallback(\n    (newPage: number) => {\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    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [handleInputChange, page]);\n\n  const renderPageJump = () => (\n    <div className={classes.pageJump}>\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: classes?.pageSizeInputContainer,\n          input: classes?.pageSizeInput,\n          inputRoot: classes?.pageSizeInputRoot,\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          isKey(evt, \"Enter\") && changePage(Number(value) - 1)\n        }\n        disabled={pageSize === 0}\n        disableClear\n        {...currentPageInputProps}\n      />\n    </div>\n  );\n\n  return (\n    <div id={id} className={cx(classes.root, className)} {...others}>\n      <div className={classes.pageSizeOptions} {...showPageProps}>\n        {showPageSizeOptions && (\n          <>\n            <Hidden xsDown>\n              <HvTypography\n                component=\"span\"\n                className={classes?.pageSizeTextContainer}\n              >\n                {labels?.pageSizePrev}\n              </HvTypography>\n            </Hidden>\n            <HvSelect\n              id={setId(id, \"pageSize\")}\n              disabled={pageSize === 0}\n              className={classes.pageSizeOptionsSelect}\n              aria-label={labels?.pageSizeSelectorDescription}\n              onChange={(_: any, val: number) => onPageSizeChange?.(val)}\n              value={pageSize}\n            >\n              {pageSizeOptions.map((option) => (\n                <Option key={option} value={option}>\n                  {option}\n                </Option>\n              ))}\n            </HvSelect>\n            <Hidden xsDown>\n              <HvTypography\n                component=\"span\"\n                className={classes.pageSizeTextContainer}\n              >\n                {labels?.pageSizeEntryName}\n              </HvTypography>\n            </Hidden>\n          </>\n        )}\n      </div>\n      <div className={classes.pageNavigator} {...navigationProps}>\n        <ButtonIconTooltip\n          id={setId(id, \"firstPage-button\")}\n          aria-label={labels?.firstPage}\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(0)}\n          tooltip={labels?.paginationFirstPageTitle}\n        >\n          <Start className={classes.icon} color={setColor(!canPrevious)} />\n        </ButtonIconTooltip>\n        <ButtonIconTooltip\n          id={setId(id, \"previousPage-button\")}\n          aria-label={labels?.previousPage}\n          className={classes.iconContainer}\n          disabled={!canPrevious}\n          onClick={() => changePage(page - 1)}\n          tooltip={labels?.paginationPreviousPageTitle}\n        >\n          <Backwards className={classes.icon} color={setColor(!canPrevious)} />\n        </ButtonIconTooltip>\n        <div className={classes.pageInfo}>\n          {showPageJump ? (\n            renderPageJump()\n          ) : (\n            <HvTypography component=\"span\">{`${page + 1}`}</HvTypography>\n          )}\n          <HvTypography component=\"span\">{`${labels?.pagesSeparator} `}</HvTypography>\n          <HvTypography component=\"span\" id={setId(id, \"totalPages\")}>\n            {pages}\n          </HvTypography>\n        </div>\n        <ButtonIconTooltip\n          id={setId(id, \"nextPage-button\")}\n          aria-label={labels?.nextPage}\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(page + 1)}\n          tooltip={labels?.paginationNextPageTitle}\n        >\n          <Forwards className={classes.icon} color={setColor(!canNext)} />\n        </ButtonIconTooltip>\n        <ButtonIconTooltip\n          id={setId(id, \"lastPage-button\")}\n          aria-label={labels?.lastPage}\n          className={classes.iconContainer}\n          disabled={!canNext}\n          onClick={() => changePage(pages - 1)}\n          tooltip={labels?.paginationLastPageTitle}\n        >\n          <End className={classes.icon} color={setColor(!canNext)} />\n        </ButtonIconTooltip>\n      </div>\n    </div>\n  );\n};\n"],"names":["DEFAULT_LABELS","pageSizePrev","pageSizeEntryName","pageSizeSelectorDescription","pagesSeparator","paginationFirstPageTitle","paginationPreviousPageTitle","paginationNextPageTitle","paginationLastPageTitle","paginationInputLabel","firstPage","previousPage","nextPage","lastPage","defaultPageSizeOptions","HvPagination","props","classes","classesProp","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labels","labelsProp","showPageProps","navigationProps","currentPageInputProps","others","useDefaultProps","useLabels","pageInput","handleInputChange","usePageInput","cx","useClasses","changePage","useCallback","newPage","safePage","getSafePage","useEffect","renderPageJump","jsx","pageJump","HvInput","setId","type","root","pageSizeInputContainer","input","pageSizeInput","inputRoot","pageSizeInputRoot","event","value","Number","String","evt","isKey","jsxs","Fragment","Hidden","HvTypography","pageSizeTextContainer","HvSelect","pageSizeOptionsSelect","_","val","map","option","Option","pageNavigator","ButtonIconTooltip","iconContainer","Start","icon","setColor","Backwards","pageInfo","Forwards","End"],"mappings":"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"}

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

@@ -1,17 +1,15 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 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 Panel = require("../Panel/Panel.cjs");
 const SelectionList = require("../SelectionList/SelectionList.cjs");
 const Option = ({
   ...props
-}) => /* @__PURE__ */ jsxRuntime.jsx(ListItem.HvListItem, {
-  ...props
-});
+}) => /* @__PURE__ */ jsxRuntime.jsx(ListItem.HvListItem, { ...props });
 const HvSelect = ({
   className,
   classes: classesProp,
@@ -42,28 +40,11 @@ const HvSelect = ({
       return true;
     });
   };
-  return /* @__PURE__ */ jsxRuntime.jsx(BaseDropdown.HvBaseDropdown, {
-    className,
-    classes: {
-      selection: classes.selection,
-      header: classes.header,
-      headerOpen: classes.headerOpen
-    },
-    expanded: open,
-    onToggle: handleToggle,
-    onContainerCreation: setFocusToContent,
-    placeholder: 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(BaseDropdown.HvBaseDropdown, { className, classes: {
+    selection: classes.selection,
+    header: classes.header,
+    headerOpen: classes.headerOpen
+  }, expanded: open, onToggle: handleToggle, onContainerCreation: setFocusToContent, placeholder: value, disabled, variableWidth: true, ...others, children: /* @__PURE__ */ jsxRuntime.jsx(Panel.HvPanel, { children: /* @__PURE__ */ jsxRuntime.jsx(SelectionList.HvSelectionList, { value, onChange: handleSelect, children }) }) });
 };
 const HvSelect$1 = HvSelect;
 exports.Option = Option;

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

@@ -1 +1 @@
-{"version":3,"file":"Select.cjs","sources":["../../../../src/components/Pagination/Select.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport {\n  HvBaseDropdown,\n  HvBaseDropdownProps,\n} from \"@core/components/BaseDropdown\";\nimport {\n  HvSelectionList,\n  HvSelectionListProps,\n} from \"@core/components/SelectionList\";\nimport { HvPanel } from \"@core/components/Panel\";\nimport { HvListItem, HvListItemProps } from \"@core/components/ListContainer\";\n\nimport { useClasses } from \"./Select.styles\";\n\nexport const Option = ({ ...props }: Partial<HvListItemProps>) => (\n  <HvListItem {...props} />\n);\n\nconst HvSelect = ({\n  className,\n  classes: classesProp,\n  onChange,\n  disabled,\n  value,\n  children,\n  ...others\n}: any) => {\n  const { classes } = useClasses(classesProp);\n  const [open, setOpen] = useState(false);\n\n  const handleSelect: HvSelectionListProps[\"onChange\"] = (evt, val) => {\n    onChange?.(evt, val);\n    setOpen(false);\n  };\n\n  const handleToggle: HvBaseDropdownProps[\"onToggle\"] = (_evt, s) => {\n    setOpen(s);\n  };\n\n  const setFocusToContent: HvBaseDropdownProps[\"onContainerCreation\"] = (\n    containerRef\n  ) => {\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    <HvBaseDropdown\n      className={className}\n      classes={{\n        selection: classes.selection,\n        header: classes.header,\n        headerOpen: classes.headerOpen,\n      }}\n      expanded={open}\n      onToggle={handleToggle}\n      onContainerCreation={setFocusToContent}\n      placeholder={value}\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  );\n};\n\nexport default HvSelect;\n"],"names":["Option","props","HvListItem","HvSelect","className","classes","classesProp","onChange","disabled","value","children","others","useClasses","open","setOpen","useState","handleSelect","evt","val","handleToggle","_evt","s","setFocusToContent","containerRef","listItems","getElementsByTagName","every","listItem","tabIndex","focus","HvBaseDropdown","selection","header","headerOpen","expanded","onToggle","onContainerCreation","placeholder","variableWidth","HvPanel","HvSelectionList"],"mappings":";;;;;;;;;AAeO,MAAMA,SAASA,CAAC;AAAA,EAAE,GAAGC;AAAgC,qCACzDC,SAAAA,YAAU;AAAA,EAAA,GAAKD;AAAK,CAAG;AAG1B,MAAME,WAAWA,CAAC;AAAA,EAChBC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACA,MAAM;AACH,QAAA;AAAA,IAAEN;AAAAA,EAAAA,IAAYO,cAAAA,WAAWN,WAAW;AAC1C,QAAM,CAACO,MAAMC,OAAO,IAAIC,eAAS,KAAK;AAEhCC,QAAAA,eAAiDA,CAACC,KAAKC,QAAQ;AACnEX,yCAAWU,KAAKC;AAChBJ,YAAQ,KAAK;AAAA,EAAA;AAGTK,QAAAA,eAAgDA,CAACC,MAAMC,MAAM;AACjEP,YAAQO,CAAC;AAAA,EAAA;AAGX,QAAMC,oBACJC,CACG,iBAAA;AACGC,UAAAA,YACJD,gBAAgB,OAAO,CAAC,GAAGA,aAAaE,qBAAqB,IAAI,CAAC,IAAI;AACxED,cAAUE,MAAOC,CAAa,aAAA;AACxBA,UAAAA,SAASC,YAAY,GAAG;AAC1BD,iBAASE,MAAM;AACR,eAAA;AAAA,MACT;AACO,aAAA;AAAA,IAAA,CACR;AAAA,EAAA;AAGH,wCACGC,aAAAA,gBAAc;AAAA,IACb1B;AAAAA,IACAC,SAAS;AAAA,MACP0B,WAAW1B,QAAQ0B;AAAAA,MACnBC,QAAQ3B,QAAQ2B;AAAAA,MAChBC,YAAY5B,QAAQ4B;AAAAA,IACtB;AAAA,IACAC,UAAUrB;AAAAA,IACVsB,UAAUhB;AAAAA,IACViB,qBAAqBd;AAAAA,IACrBe,aAAa5B;AAAAA,IACbD;AAAAA,IACA8B,eAAa;AAAA,IAAA,GACT3B;AAAAA,IAAMD,yCAET6B,eAAO;AAAA,MAAA7B,yCACL8B,+BAAe;AAAA,QAAC/B;AAAAA,QAAcF,UAAUS;AAAAA,QAAaN;AAAAA,MAAAA,CAErC;AAAA,IAAA,CACV;AAAA,EAAA,CACK;AAEpB;AAEA,MAAA,aAAeP;;;"}
+{"version":3,"file":"Select.cjs","sources":["../../../../src/components/Pagination/Select.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport {\n  HvBaseDropdown,\n  HvBaseDropdownProps,\n} from \"@core/components/BaseDropdown\";\nimport {\n  HvSelectionList,\n  HvSelectionListProps,\n} from \"@core/components/SelectionList\";\nimport { HvPanel } from \"@core/components/Panel\";\nimport { HvListItem, HvListItemProps } from \"@core/components/ListContainer\";\n\nimport { useClasses } from \"./Select.styles\";\n\nexport const Option = ({ ...props }: Partial<HvListItemProps>) => (\n  <HvListItem {...props} />\n);\n\nconst HvSelect = ({\n  className,\n  classes: classesProp,\n  onChange,\n  disabled,\n  value,\n  children,\n  ...others\n}: any) => {\n  const { classes } = useClasses(classesProp);\n  const [open, setOpen] = useState(false);\n\n  const handleSelect: HvSelectionListProps[\"onChange\"] = (evt, val) => {\n    onChange?.(evt, val);\n    setOpen(false);\n  };\n\n  const handleToggle: HvBaseDropdownProps[\"onToggle\"] = (_evt, s) => {\n    setOpen(s);\n  };\n\n  const setFocusToContent: HvBaseDropdownProps[\"onContainerCreation\"] = (\n    containerRef\n  ) => {\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    <HvBaseDropdown\n      className={className}\n      classes={{\n        selection: classes.selection,\n        header: classes.header,\n        headerOpen: classes.headerOpen,\n      }}\n      expanded={open}\n      onToggle={handleToggle}\n      onContainerCreation={setFocusToContent}\n      placeholder={value}\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  );\n};\n\nexport default HvSelect;\n"],"names":["Option","props","jsx","HvListItem","HvSelect","className","classes","classesProp","onChange","disabled","value","children","others","useClasses","open","setOpen","useState","handleSelect","evt","val","handleToggle","_evt","s","setFocusToContent","containerRef","listItems","getElementsByTagName","every","listItem","tabIndex","focus","HvBaseDropdown","selection","header","headerOpen","HvPanel","HvSelectionList"],"mappings":";;;;;;;;;AAeO,MAAMA,SAASA,CAAC;AAAA,EAAE,GAAGC;AAAgC,MAC1DC,+BAACC,SAAAA,YAAW,EAAA,GAAIF,MACjB,CAAA;AAED,MAAMG,WAAWA,CAAC;AAAA,EAChBC;AAAAA,EACAC,SAASC;AAAAA,EACTC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACA,MAAM;AACH,QAAA;AAAA,IAAEN;AAAAA,EAAAA,IAAYO,cAAAA,WAAWN,WAAW;AAC1C,QAAM,CAACO,MAAMC,OAAO,IAAIC,eAAS,KAAK;AAEhCC,QAAAA,eAAiDA,CAACC,KAAKC,QAAQ;AACnEX,yCAAWU,KAAKC;AAChBJ,YAAQ,KAAK;AAAA,EAAA;AAGTK,QAAAA,eAAgDA,CAACC,MAAMC,MAAM;AACjEP,YAAQO,CAAC;AAAA,EAAA;AAGX,QAAMC,oBACJC,CACG,iBAAA;AACGC,UAAAA,YACJD,gBAAgB,OAAO,CAAC,GAAGA,aAAaE,qBAAqB,IAAI,CAAC,IAAI;AACxED,cAAUE,MAAOC,CAAa,aAAA;AACxBA,UAAAA,SAASC,YAAY,GAAG;AAC1BD,iBAASE,MAAM;AACR,eAAA;AAAA,MACT;AACO,aAAA;AAAA,IAAA,CACR;AAAA,EAAA;AAID,SAAA5B,+BAAC6B,aAAAA,gBACC,EAAA,WACA,SAAS;AAAA,IACPC,WAAW1B,QAAQ0B;AAAAA,IACnBC,QAAQ3B,QAAQ2B;AAAAA,IAChBC,YAAY5B,QAAQ4B;AAAAA,EACtB,GACA,UAAUpB,MACV,UAAUM,cACV,qBAAqBG,mBACrB,aAAab,OACb,UACA,eAAa,MACb,GAAIE,QAEJ,UAACV,2BAAAA,IAAAiC,MAAAA,SAAA,EACC,UAACjC,2BAAAA,IAAAkC,cAAAA,iBAAA,EAAgB,OAAc,UAAUnB,cACtCN,SACH,CAAA,EACF,CAAA,EACF,CAAA;AAEJ;AAEA,MAAA,aAAeP;;;"}

package/dist/cjs/components/Panel/Panel.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
 const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const Panel_styles = require("./Panel.styles.cjs");
-const jsxRuntime = require("@emotion/react/jsx-runtime");
 const HvPanel = (props) => {
   const {
     id,
@@ -15,12 +15,7 @@ const HvPanel = (props) => {
     classes,
     cx
   } = Panel_styles.useClasses(classesProp);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", {
-    id,
-    className: cx(classes.root, className),
-    ...others,
-    children
-  });
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { id, className: cx(classes.root, className), ...others, children });
 };
 exports.panelClasses = Panel_styles.staticClasses;
 exports.HvPanel = HvPanel;

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

@@ -1 +1 @@
-{"version":3,"file":"Panel.cjs","sources":["../../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { staticClasses, useClasses } from \"./Panel.styles\";\n\nexport { staticClasses as panelClasses };\n\nexport type HvPanelClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvPanelProps extends HvBaseProps {\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: HvPanelProps) => {\n  const {\n    id,\n    className,\n    classes: classesProp,\n    children,\n    ...others\n  } = useDefaultProps(\"HvPanel\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <div id={id} className={cx(classes.root, className)} {...others}>\n      {children}\n    </div>\n  );\n};\n"],"names":["HvPanel","props","id","className","classes","classesProp","children","others","useDefaultProps","cx","useClasses","root"],"mappings":";;;;;AAqBaA,MAAAA,UAAUA,CAACC,UAAwB;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,WAAWP,KAAK;AAC9B,QAAA;AAAA,IAAEG;AAAAA,IAASK;AAAAA,EAAAA,IAAOC,aAAAA,WAAWL,WAAW;AAE9C,wCACE,OAAA;AAAA,IAAKH;AAAAA,IAAQC,WAAWM,GAAGL,QAAQO,MAAMR,SAAS;AAAA,IAAE,GAAKI;AAAAA,IAAMD;AAAAA,EAAAA,CAE1D;AAET;;;"}
+{"version":3,"file":"Panel.cjs","sources":["../../../../src/components/Panel/Panel.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { staticClasses, useClasses } from \"./Panel.styles\";\n\nexport { staticClasses as panelClasses };\n\nexport type HvPanelClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvPanelProps extends HvBaseProps {\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: HvPanelProps) => {\n  const {\n    id,\n    className,\n    classes: classesProp,\n    children,\n    ...others\n  } = useDefaultProps(\"HvPanel\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  return (\n    <div id={id} className={cx(classes.root, className)} {...others}>\n      {children}\n    </div>\n  );\n};\n"],"names":["HvPanel","props","id","className","classes","classesProp","children","others","useDefaultProps","cx","useClasses","jsx","root"],"mappings":";;;;;AAqBaA,MAAAA,UAAUA,CAACC,UAAwB;AACxC,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IACTC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,gBAAA,WAAWP,KAAK;AAC9B,QAAA;AAAA,IAAEG;AAAAA,IAASK;AAAAA,EAAAA,IAAOC,aAAAA,WAAWL,WAAW;AAG5C,SAAAM,2BAAA,IAAC,OAAI,EAAA,IAAQ,WAAWF,GAAGL,QAAQQ,MAAMT,SAAS,GAAOI,GAAAA,QACtDD,SACH,CAAA;AAEJ;;;"}