@hitachivantara/uikit-react-core 5.22.1 → 5.24.0

package/dist/esm/components/List/List.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.styles.js","sources":["../../../../src/components/List/List.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { FixedSizeList } from \"react-window\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { CSSProperties } from \"react\";\n\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport {\n  HvCheckBox,\n  checkBoxClasses,\n  HvCheckBoxProps,\n} from \"@core/components/CheckBox\";\nimport { HvLink, HvLinkProps } from \"@core/components/Link\";\nimport { HvListItem, listItemClasses } from \"@core/components/ListContainer\";\nimport { HvRadio, radioClasses, HvRadioProps } from \"@core/components/Radio\";\n\nexport const StyledFixedSizeList = styled(FixedSizeList)({\n  marginBottom: 5,\n});\n\nexport const StyledSelectAllCheckBox = styled((props: HvCheckBoxProps) => (\n  <HvCheckBox {...props} />\n))({\n  width: \"100%\",\n  margin: \"0 0 2px 0\",\n\n  position: \"relative\",\n  zIndex: 0,\n\n  // prevent the focus ring to be hidden by sibling hover background\n  \"&:focus-within\": {\n    zIndex: 1,\n  },\n  // IE fallback code (using focus-within-polyfill)\n  \"&.focus-within\": {\n    zIndex: 1,\n  },\n});\n\nexport const StyledMultiSelectCheckBox = styled((props: HvCheckBoxProps) => (\n  <HvCheckBox {...props} />\n))({\n  [`& .${checkBoxClasses?.root}`]: {\n    width: \"100%\",\n    zIndex: 0,\n  },\n  [`& .${checkBoxClasses?.container}`]: {\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n\n    \"&:focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n  [`& .${checkBoxClasses?.label}`]: {\n    display: \"inline-block\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n});\n\nexport const StyledLink = styled((props: HvLinkProps) => <HvLink {...props} />)(\n  {\n    ...(theme.typography.body as CSSProperties),\n    textDecoration: \"none\",\n\n    \"&:focus\": {\n      boxShadow: \"unset !important\",\n    },\n  }\n);\n\nexport const StyledSingleSelectRadio = styled((props: HvRadioProps) => (\n  <HvRadio {...props} />\n))({\n  [`& .${radioClasses.root}`]: {\n    width: \"100%\",\n    zIndex: 0,\n  },\n  [`& .${radioClasses.container}`]: {\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n\n    \"&:focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n  [`& .${radioClasses.label}`]: {\n    display: \"inline-block\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n});\n\nexport const StyledListItem = styled(\n  HvListItem,\n  transientOptions\n)(({ $applySelected }: { $applySelected: boolean }) => ({\n  [`& .${listItemClasses.selected}`]: {\n    ...($applySelected && {\n      \"&:not(:hover):not(.HvIsFocused):not(:focus-within)\": {\n        backgroundColor: \"transparent\",\n      },\n      \"&:not(:hover):not(.HvIsFocused):not(.focus-within)\": {\n        backgroundColor: \"transparent\",\n      },\n    }),\n  },\n}));\n\nexport const StyledDropRightXS = styled(DropRightXS)({\n  width: \"32px\",\n  height: \"32px\",\n  marginLeft: \"auto\",\n});\n"],"names":["StyledFixedSizeList","FixedSizeList","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledSelectAllCheckBox","_styled","props","HvCheckBox","StyledMultiSelectCheckBox","checkBoxClasses","root","width","zIndex","container","backgroundColor","outline","boxShadow","display","overflow","textOverflow","whiteSpace","StyledLink","HvLink","theme","typography","body","textDecoration","StyledSingleSelectRadio","HvRadio","radioClasses","StyledListItem","HvListItem","_extends","transientOptions","$applySelected","listItemClasses","selected","StyledDropRightXS","DropRightXS"],"mappings":"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"}
+{"version":3,"file":"List.styles.js","sources":["../../../../src/components/List/List.styles.tsx"],"sourcesContent":["import styled from \"@emotion/styled\";\n\nimport { FixedSizeList } from \"react-window\";\n\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { CSSProperties } from \"react\";\n\nimport { transientOptions } from \"@core/utils/transientOptions\";\nimport {\n  HvCheckBox,\n  checkBoxClasses,\n  HvCheckBoxProps,\n} from \"@core/components/CheckBox\";\nimport { HvLink, HvLinkProps } from \"@core/components/Link\";\nimport { HvListItem, listItemClasses } from \"@core/components/ListContainer\";\nimport { HvRadio, radioClasses, HvRadioProps } from \"@core/components/Radio\";\n\nexport const StyledFixedSizeList = styled(FixedSizeList)({\n  marginBottom: 5,\n});\n\nexport const StyledSelectAllCheckBox = styled((props: HvCheckBoxProps) => (\n  <HvCheckBox {...props} />\n))({\n  width: \"100%\",\n  margin: \"0 0 2px 0\",\n\n  position: \"relative\",\n  zIndex: 0,\n\n  // prevent the focus ring to be hidden by sibling hover background\n  \"&:focus-within\": {\n    zIndex: 1,\n  },\n  // IE fallback code (using focus-within-polyfill)\n  \"&.focus-within\": {\n    zIndex: 1,\n  },\n});\n\nexport const StyledMultiSelectCheckBox = styled((props: HvCheckBoxProps) => (\n  <HvCheckBox {...props} />\n))({\n  [`& .${checkBoxClasses?.root}`]: {\n    width: \"100%\",\n    zIndex: 0,\n  },\n  [`& .${checkBoxClasses?.container}`]: {\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n\n    \"&:focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n  [`& .${checkBoxClasses?.label}`]: {\n    display: \"inline-block\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n});\n\nexport const StyledLink = styled((props: HvLinkProps) => <HvLink {...props} />)(\n  {\n    ...(theme.typography.body as CSSProperties),\n    textDecoration: \"none\",\n\n    \"&:focus\": {\n      boxShadow: \"unset !important\",\n    },\n  }\n);\n\nexport const StyledSingleSelectRadio = styled((props: HvRadioProps) => (\n  <HvRadio {...props} />\n))({\n  [`& .${radioClasses.root}`]: {\n    width: \"100%\",\n    zIndex: 0,\n  },\n  [`& .${radioClasses.container}`]: {\n    \"&:hover\": {\n      backgroundColor: \"transparent\",\n    },\n\n    \"&:focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n    // IE fallback code (using focus-within-polyfill)\n    \"&.focus-within\": {\n      backgroundColor: \"transparent\",\n      outline: \"none\",\n      boxShadow: \"none\",\n    },\n  },\n  [`& .${radioClasses.label}`]: {\n    display: \"inline-block\",\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n});\n\nexport const StyledListItem = styled(\n  HvListItem,\n  transientOptions\n)(({ $applySelected }: { $applySelected: boolean }) => ({\n  [`& .${listItemClasses.selected}`]: {\n    ...($applySelected && {\n      \"&:not(:hover):not(.HvIsFocused):not(:focus-within)\": {\n        backgroundColor: \"transparent\",\n      },\n      \"&:not(:hover):not(.HvIsFocused):not(.focus-within)\": {\n        backgroundColor: \"transparent\",\n      },\n    }),\n  },\n}));\n\nexport const StyledDropRightXS = styled(DropRightXS)({\n  width: \"32px\",\n  height: \"32px\",\n  marginLeft: \"auto\",\n});\n"],"names":["StyledFixedSizeList","FixedSizeList","process","env","NODE_ENV","target","label","name","styles","map","toString","_EMOTION_STRINGIFIED_CSS_ERROR__","StyledSelectAllCheckBox","_styled","props","HvCheckBox","StyledMultiSelectCheckBox","checkBoxClasses","root","width","zIndex","container","backgroundColor","outline","boxShadow","display","overflow","textOverflow","whiteSpace","StyledLink","HvLink","theme","typography","body","textDecoration","StyledSingleSelectRadio","HvRadio","radioClasses","StyledListItem","HvListItem","_extends","transientOptions","$applySelected","listItemClasses","selected","StyledDropRightXS","DropRightXS"],"mappings":"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"}

package/dist/esm/components/ListContainer/ListContainer.js

@@ -1,19 +1,21 @@
 import React__default, { useRef, useContext, useMemo } from "react";
 import { clsx } from "clsx";
 import { useForkRef } from "../../hooks/useForkRef.js";
+import { useDefaultProps } from "../../hooks/useDefaultProps.js";
 import listContainerClasses from "./listContainerClasses.js";
 import { jsx } from "@emotion/react/jsx-runtime";
 import HvListContext from "./ListContext/ListContext.js";
-const HvListContainer = React__default.forwardRef(({
-  id,
-  classes,
-  className,
-  interactive = false,
-  condensed,
-  disableGutters,
-  children,
-  ...others
-}, externalRef) => {
+const HvListContainer = React__default.forwardRef((props, externalRef) => {
+  const {
+    id,
+    classes,
+    className,
+    interactive = false,
+    condensed,
+    disableGutters,
+    children,
+    ...others
+  } = useDefaultProps("HvListContainer", props);
   const containerRef = useRef(null);
   const {
     topContainerRef,

package/dist/esm/components/ListContainer/ListContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListContainer.js","sources":["../../../../src/components/ListContainer/ListContainer.tsx"],"sourcesContent":["import React, { useRef, useContext, useMemo } from \"react\";\n\nimport { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useForkRef } from \"@core/hooks/useForkRef\";\n\nimport HvListContext from \"./ListContext\";\nimport listContainerClasses, {\n  HvListContainerClasses,\n} from \"./listContainerClasses\";\n\nexport interface HvListContainerProps extends HvBaseProps<HTMLUListElement> {\n  /**\n   * If the list items should be focusable and react to mouse over events.\n   * Defaults to true if the list is selectable, false otherwise.\n   */\n  interactive?: boolean;\n  /** If `true` compact the vertical spacing between list items. */\n  condensed?: boolean;\n  /** If `true`, the list items' left and right padding is removed. */\n  disableGutters?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListContainerClasses;\n}\n\n/**\n * A <b>list</b> is any enumeration of a set of items.\n * The simple list is for continuous <b>vertical indexes of text or icons+text</b>. The content of these lists must be simple: ideally simples fields.\n * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.\n */\nexport const HvListContainer = React.forwardRef(\n  (\n    {\n      id,\n      classes,\n      className,\n      interactive = false,\n      condensed,\n      disableGutters,\n      children,\n      ...others\n    }: HvListContainerProps,\n    externalRef\n  ) => {\n    const containerRef = useRef(null);\n\n    const { topContainerRef, nesting = -1 } = useContext<any>(HvListContext);\n\n    const listContext = useMemo(\n      () => ({\n        topContainerRef: topContainerRef || containerRef,\n        condensed,\n        disableGutters,\n        interactive,\n        nesting: nesting + 1,\n      }),\n      [condensed, disableGutters, interactive, nesting, topContainerRef]\n    );\n\n    const renderChildren = () => {\n      if (!interactive) {\n        return children;\n      }\n\n      const anySelected = React.Children.toArray(children)\n        .map((child: any) => child.props.selected && !child.props.disabled)\n        .reduce((result, selected) => result || selected, false);\n\n      return React.Children.map(children, (child: any, i) => {\n        const tabIndex =\n          child.props.tabIndex ||\n          (!anySelected && i === 0) ||\n          (child.props.selected && !child.props.disabled)\n            ? 0\n            : -1;\n\n        return React.cloneElement(child, {\n          tabIndex,\n          interactive,\n        });\n      });\n    };\n\n    const handleRef = useForkRef(externalRef, containerRef);\n\n    return (\n      <HvListContext.Provider value={listContext}>\n        <ul\n          ref={handleRef}\n          id={id}\n          className={clsx(className, listContainerClasses.root, classes?.root)}\n          {...others}\n        >\n          {renderChildren()}\n        </ul>\n      </HvListContext.Provider>\n    );\n  }\n);\n"],"names":["HvListContainer","React","forwardRef","id","classes","className","interactive","condensed","disableGutters","children","others","externalRef","containerRef","useRef","topContainerRef","nesting","useContext","HvListContext","listContext","useMemo","renderChildren","anySelected","Children","toArray","map","child","props","selected","disabled","reduce","result","i","tabIndex","cloneElement","handleRef","useForkRef","_jsx","Provider","value","ref","clsx","listContainerClasses","root"],"mappings":";;;;;;AA8BaA,MAAAA,kBAAkBC,eAAMC,WACnC,CACE;AAAA,EACEC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,cAAc;AAAA,EACdC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACiB,GACtBC,gBACG;AACGC,QAAAA,eAAeC,OAAO,IAAI;AAE1B,QAAA;AAAA,IAAEC;AAAAA,IAAiBC,UAAU;AAAA,EAAA,IAAOC,WAAgBC,aAAa;AAEjEC,QAAAA,cAAcC,QAClB,OAAO;AAAA,IACLL,iBAAiBA,mBAAmBF;AAAAA,IACpCL;AAAAA,IACAC;AAAAA,IACAF;AAAAA,IACAS,SAASA,UAAU;AAAA,EAAA,IAErB,CAACR,WAAWC,gBAAgBF,aAAaS,SAASD,eAAe,CACnE;AAEA,QAAMM,iBAAiBA,MAAM;AAC3B,QAAI,CAACd,aAAa;AACTG,aAAAA;AAAAA,IACT;AAEMY,UAAAA,cAAcpB,eAAMqB,SAASC,QAAQd,QAAQ,EAChDe,IAAI,CAACC,UAAeA,MAAMC,MAAMC,YAAY,CAACF,MAAMC,MAAME,QAAQ,EACjEC,OAAO,CAACC,QAAQH,aAAaG,UAAUH,UAAU,KAAK;AAEzD,WAAO1B,eAAMqB,SAASE,IAAIf,UAAU,CAACgB,OAAYM,MAAM;AACrD,YAAMC,WACJP,MAAMC,MAAMM,YACX,CAACX,eAAeU,MAAM,KACtBN,MAAMC,MAAMC,YAAY,CAACF,MAAMC,MAAME,WAClC,IACA;AAEC3B,aAAAA,eAAMgC,aAAaR,OAAO;AAAA,QAC/BO;AAAAA,QACA1B;AAAAA,MAAAA,CACD;AAAA,IAAA,CACF;AAAA,EAAA;AAGG4B,QAAAA,YAAYC,WAAWxB,aAAaC,YAAY;AAGpDwB,SAAAA,oBAACnB,cAAcoB,UAAQ;AAAA,IAACC,OAAOpB;AAAAA,IAAYT,8BACzC,MAAA;AAAA,MACE8B,KAAKL;AAAAA,MACL/B;AAAAA,MACAE,WAAWmC,KAAKnC,WAAWoC,qBAAqBC,MAAMtC,mCAASsC,IAAI;AAAA,MAAE,GACjEhC;AAAAA,MAAMD,UAETW,eAAe;AAAA,IAAA,CACd;AAAA,EAAA,CACkB;AAE5B,CACF;"}
+{"version":3,"file":"ListContainer.js","sources":["../../../../src/components/ListContainer/ListContainer.tsx"],"sourcesContent":["import React, { useRef, useContext, useMemo } from \"react\";\n\nimport { clsx } from \"clsx\";\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useForkRef } from \"@core/hooks/useForkRef\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\nimport HvListContext from \"./ListContext\";\nimport listContainerClasses, {\n  HvListContainerClasses,\n} from \"./listContainerClasses\";\n\nexport interface HvListContainerProps extends HvBaseProps<HTMLUListElement> {\n  /**\n   * If the list items should be focusable and react to mouse over events.\n   * Defaults to true if the list is selectable, false otherwise.\n   */\n  interactive?: boolean;\n  /** If `true` compact the vertical spacing between list items. */\n  condensed?: boolean;\n  /** If `true`, the list items' left and right padding is removed. */\n  disableGutters?: boolean;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListContainerClasses;\n}\n\n/**\n * A <b>list</b> is any enumeration of a set of items.\n * The simple list is for continuous <b>vertical indexes of text or icons+text</b>. The content of these lists must be simple: ideally simples fields.\n * This pattern is ideal for <b>selections</b>. It should be used inside a HvPanel.\n */\nexport const HvListContainer = React.forwardRef(\n  (props: HvListContainerProps, externalRef) => {\n    const {\n      id,\n      classes,\n      className,\n      interactive = false,\n      condensed,\n      disableGutters,\n      children,\n      ...others\n    } = useDefaultProps(\"HvListContainer\", props);\n    const containerRef = useRef(null);\n\n    const { topContainerRef, nesting = -1 } = useContext<any>(HvListContext);\n\n    const listContext = useMemo(\n      () => ({\n        topContainerRef: topContainerRef || containerRef,\n        condensed,\n        disableGutters,\n        interactive,\n        nesting: nesting + 1,\n      }),\n      [condensed, disableGutters, interactive, nesting, topContainerRef]\n    );\n\n    const renderChildren = () => {\n      if (!interactive) {\n        return children;\n      }\n\n      const anySelected = React.Children.toArray(children)\n        .map((child: any) => child.props.selected && !child.props.disabled)\n        .reduce((result, selected) => result || selected, false);\n\n      return React.Children.map(children, (child: any, i) => {\n        const tabIndex =\n          child.props.tabIndex ||\n          (!anySelected && i === 0) ||\n          (child.props.selected && !child.props.disabled)\n            ? 0\n            : -1;\n\n        return React.cloneElement(child, {\n          tabIndex,\n          interactive,\n        });\n      });\n    };\n\n    const handleRef = useForkRef(externalRef, containerRef);\n\n    return (\n      <HvListContext.Provider value={listContext}>\n        <ul\n          ref={handleRef}\n          id={id}\n          className={clsx(className, listContainerClasses.root, classes?.root)}\n          {...others}\n        >\n          {renderChildren()}\n        </ul>\n      </HvListContext.Provider>\n    );\n  }\n);\n"],"names":["HvListContainer","React","forwardRef","props","externalRef","id","classes","className","interactive","condensed","disableGutters","children","others","useDefaultProps","containerRef","useRef","topContainerRef","nesting","useContext","HvListContext","listContext","useMemo","renderChildren","anySelected","Children","toArray","map","child","selected","disabled","reduce","result","i","tabIndex","cloneElement","handleRef","useForkRef","_jsx","Provider","value","ref","clsx","listContainerClasses","root"],"mappings":";;;;;;;AA+BO,MAAMA,kBAAkBC,eAAMC,WACnC,CAACC,OAA6BC,gBAAgB;AACtC,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,cAAc;AAAA,IACdC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACA,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,mBAAmBV,KAAK;AACtCW,QAAAA,eAAeC,OAAO,IAAI;AAE1B,QAAA;AAAA,IAAEC;AAAAA,IAAiBC,UAAU;AAAA,EAAA,IAAOC,WAAgBC,aAAa;AAEjEC,QAAAA,cAAcC,QAClB,OAAO;AAAA,IACLL,iBAAiBA,mBAAmBF;AAAAA,IACpCL;AAAAA,IACAC;AAAAA,IACAF;AAAAA,IACAS,SAASA,UAAU;AAAA,EAAA,IAErB,CAACR,WAAWC,gBAAgBF,aAAaS,SAASD,eAAe,CACnE;AAEA,QAAMM,iBAAiBA,MAAM;AAC3B,QAAI,CAACd,aAAa;AACTG,aAAAA;AAAAA,IACT;AAEMY,UAAAA,cAActB,eAAMuB,SAASC,QAAQd,QAAQ,EAChDe,IAAI,CAACC,UAAeA,MAAMxB,MAAMyB,YAAY,CAACD,MAAMxB,MAAM0B,QAAQ,EACjEC,OAAO,CAACC,QAAQH,aAAaG,UAAUH,UAAU,KAAK;AAEzD,WAAO3B,eAAMuB,SAASE,IAAIf,UAAU,CAACgB,OAAYK,MAAM;AACrD,YAAMC,WACJN,MAAMxB,MAAM8B,YACX,CAACV,eAAeS,MAAM,KACtBL,MAAMxB,MAAMyB,YAAY,CAACD,MAAMxB,MAAM0B,WAClC,IACA;AAEC5B,aAAAA,eAAMiC,aAAaP,OAAO;AAAA,QAC/BM;AAAAA,QACAzB;AAAAA,MAAAA,CACD;AAAA,IAAA,CACF;AAAA,EAAA;AAGG2B,QAAAA,YAAYC,WAAWhC,aAAaU,YAAY;AAGpDuB,SAAAA,oBAAClB,cAAcmB,UAAQ;AAAA,IAACC,OAAOnB;AAAAA,IAAYT,8BACzC,MAAA;AAAA,MACE6B,KAAKL;AAAAA,MACL9B;AAAAA,MACAE,WAAWkC,KAAKlC,WAAWmC,qBAAqBC,MAAMrC,mCAASqC,IAAI;AAAA,MAAE,GACjE/B;AAAAA,MAAMD,UAETW,eAAe;AAAA,IAAA,CACd;AAAA,EAAA,CACkB;AAE5B,CACF;"}

package/dist/esm/components/ListContainer/ListItem/ListItem.js

@@ -1,5 +1,6 @@
 import { clsx } from "clsx";
 import React__default, { useContext, useCallback, useMemo } from "react";
+import { useDefaultProps } from "../../../hooks/useDefaultProps.js";
 import { StyledListItem, StyledFocus } from "./ListItem.styles.js";
 import listItemClasses from "./listItemClasses.js";
 import { jsxs, jsx } from "@emotion/react/jsx-runtime";
@@ -25,24 +26,25 @@ const applyClassNameToElement = (element, className, externalClassname) => {
   }
   return null;
 };
-const HvListItem = ({
-  id,
-  classes,
-  className,
-  role,
-  value,
-  selected,
-  disabled,
-  interactive: interactiveProp,
-  condensed: condensedProp,
-  disableGutters: disableGuttersProp,
-  startAdornment,
-  endAdornment,
-  onClick,
-  children,
-  tabIndex,
-  ...others
-}) => {
+const HvListItem = (props) => {
+  const {
+    id,
+    classes,
+    className,
+    role,
+    value,
+    selected,
+    disabled,
+    interactive: interactiveProp,
+    condensed: condensedProp,
+    disableGutters: disableGuttersProp,
+    startAdornment,
+    endAdornment,
+    onClick,
+    children,
+    tabIndex,
+    ...others
+  } = useDefaultProps("HvListItem", props);
   const {
     topContainerRef,
     condensed: condensedContext,

package/dist/esm/components/ListContainer/ListItem/ListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport React, { useCallback, useContext, useMemo } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport HvListContext from \"../ListContext\";\nimport { StyledListItem, StyledFocus } from \"./ListItem.styles\";\nimport listItemClasses, { HvListItemClasses } from \"./listItemClasses\";\n\nexport interface HvListItemProps extends HvBaseProps<HTMLLIElement> {\n  /**\n   * Overrides the implicit list item role.\n   * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n   */\n  role?: string;\n  /** Indicates if the list item is selected. */\n  selected?: boolean;\n  /** If true, the list item will be disabled. */\n  disabled?: boolean;\n  /**\n   * If the list item is focusable and reacts to mouse over events.\n   * Defaults to true if the container list is interactive, false otherwise.\n   */\n  interactive?: boolean;\n  /**\n   * If `true` compacts the vertical spacing intended to separate the list items.\n   * Defaults to the value set in container list.\n   */\n  condensed?: boolean;\n  /**\n   * If `true`, the left and right padding is removed.\n   * Defaults to the value set in container list.\n   */\n  disableGutters?: boolean;\n  /**\n   * Element placed before the children.\n   * Also removes the left padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  startAdornment?: React.ReactNode;\n  /**\n   * Element placed after the children and aligned next to the margin.\n   * Also removes the right padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  endAdornment?: React.ReactNode;\n  /** The value to be set on the 'li' element */\n  value?: any;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListItemClasses;\n}\n\nconst applyClassNameAndStateToElement = (\n  element,\n  selected,\n  disabled,\n  onClick,\n  className,\n  externalClassname\n) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, externalClassname, element?.props?.className),\n      checked: !!selected,\n      disabled,\n      onChange: (evt) => onClick?.(evt),\n    });\n  }\n\n  return null;\n};\n\nconst applyClassNameToElement = (element, className, externalClassname) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, externalClassname, element?.props?.className),\n    });\n  }\n\n  return null;\n};\n\n/**\n * ListItem description/documentation paragraph\n */\nexport const HvListItem = ({\n  id,\n  classes,\n  className,\n  role,\n  value,\n  selected,\n  disabled,\n  interactive: interactiveProp,\n  condensed: condensedProp,\n  disableGutters: disableGuttersProp,\n  startAdornment,\n  endAdornment,\n  onClick,\n  children,\n  tabIndex,\n  ...others\n}: HvListItemProps) => {\n  const {\n    topContainerRef,\n    condensed: condensedContext,\n    disableGutters: disableGuttersContext,\n    interactive: interactiveContext,\n  } = useContext<any>(HvListContext);\n\n  const condensed = condensedProp != null ? condensedProp : condensedContext;\n  const disableGutters =\n    disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n  const interactive =\n    interactiveProp != null ? interactiveProp : interactiveContext;\n\n  const handleOnClick = useCallback(\n    (evt) => {\n      if (!disabled) {\n        onClick?.(evt);\n      }\n    },\n    [disabled, onClick]\n  );\n\n  const clonedStartAdornment = useMemo(\n    () =>\n      applyClassNameAndStateToElement(\n        startAdornment,\n        selected,\n        disabled,\n        handleOnClick,\n        clsx(\n          listItemClasses.startAdornment,\n          disabled && listItemClasses.disabled\n        ),\n        clsx(classes?.startAdornment, disabled && classes?.disabled)\n      ),\n    [\n      classes?.startAdornment,\n      classes?.disabled,\n      disabled,\n      handleOnClick,\n      selected,\n      startAdornment,\n    ]\n  );\n  const clonedEndAdornment = useMemo(\n    () =>\n      applyClassNameToElement(\n        endAdornment,\n        clsx(\n          listItemClasses.endAdornment,\n          disabled && listItemClasses.disabled\n        ),\n        clsx(classes?.endAdornment, disabled && classes?.disabled)\n      ),\n    [classes?.endAdornment, classes?.disabled, disabled, endAdornment]\n  );\n\n  const roleOptionAriaProps =\n    role === \"option\" || role === \"menuitem\"\n      ? {\n          \"aria-disabled\": disabled || undefined,\n          \"aria-selected\": selected,\n        }\n      : {};\n\n  const listItem = (\n    <StyledListItem\n      id={id}\n      role={role}\n      value={value}\n      onClick={handleOnClick}\n      onKeyDown={() => {}}\n      className={clsx(\n        className,\n        listItemClasses.root,\n        classes?.root,\n        !disableGutters && clsx(listItemClasses.gutters, classes?.gutters),\n        condensed && clsx(listItemClasses.condensed, classes?.condensed),\n        interactive && clsx(listItemClasses.interactive, classes?.interactive),\n        selected && clsx(listItemClasses.selected, classes?.selected),\n        disabled && clsx(listItemClasses.disabled, classes?.disabled),\n        startAdornment != null &&\n          clsx(listItemClasses.withStartAdornment, classes?.withStartAdornment),\n        endAdornment != null &&\n          clsx(listItemClasses.withEndAdornment, classes?.withEndAdornment)\n      )}\n      $gutters={!disableGutters}\n      $interactive={interactive}\n      $disabled={disabled || false}\n      $selected={selected || false}\n      $startAdornment={startAdornment != null}\n      $endAdornment={endAdornment != null}\n      {...roleOptionAriaProps}\n      {...others}\n    >\n      {clonedStartAdornment}\n      {children}\n      {clonedEndAdornment}\n    </StyledListItem>\n  );\n\n  return interactiveProp ? (\n    <StyledFocus\n      rootRef={topContainerRef}\n      selected={selected}\n      disabledClass={disabled || undefined}\n      strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n      classes={{ focus: clsx(classes?.focus, listItemClasses.focus) }}\n      configuration={{\n        tabIndex,\n      }}\n    >\n      {listItem}\n    </StyledFocus>\n  ) : (\n    listItem\n  );\n};\n"],"names":["applyClassNameAndStateToElement","element","selected","disabled","onClick","className","externalClassname","React","cloneElement","clsx","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","value","interactive","interactiveProp","condensed","condensedProp","disableGutters","disableGuttersProp","startAdornment","endAdornment","children","tabIndex","others","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","useContext","HvListContext","handleOnClick","useCallback","clonedStartAdornment","useMemo","listItemClasses","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","StyledListItem","onKeyDown","root","gutters","withStartAdornment","withEndAdornment","$gutters","$interactive","$disabled","$selected","$startAdornment","$endAdornment","StyledFocus","rootRef","disabledClass","strategy","focus","configuration"],"mappings":";;;;;;AA0DA,MAAMA,kCAAkCA,CACtCC,SACAC,UACAC,UACAC,SACAC,WACAC,sBACG;;AACH,MAAIL,WAAW,MAAM;AACZM,WAAAA,eAAMC,aAAaP,SAAS;AAAA,MACjCI,WAAWI,KAAKJ,WAAWC,oBAAmBL,wCAASS,UAATT,mBAAgBI,SAAS;AAAA,MACvEM,SAAS,CAAC,CAACT;AAAAA,MACXC;AAAAA,MACAS,UAAWC,CAAQT,QAAAA,mCAAUS;AAAAA,IAAG,CACjC;AAAA,EACH;AAEO,SAAA;AACT;AAEA,MAAMC,0BAA0BA,CAACb,SAASI,WAAWC,sBAAsB;;AACzE,MAAIL,WAAW,MAAM;AACZM,WAAAA,eAAMC,aAAaP,SAAS;AAAA,MACjCI,WAAWI,KAAKJ,WAAWC,oBAAmBL,wCAASS,UAATT,mBAAgBI,SAAS;AAAA,IAAA,CACxE;AAAA,EACH;AAEO,SAAA;AACT;AAKO,MAAMU,aAAaA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACAZ;AAAAA,EACAa;AAAAA,EACAC;AAAAA,EACAjB;AAAAA,EACAC;AAAAA,EACAiB,aAAaC;AAAAA,EACbC,WAAWC;AAAAA,EACXC,gBAAgBC;AAAAA,EAChBC;AAAAA,EACAC;AAAAA,EACAvB;AAAAA,EACAwB;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACY,MAAM;AACf,QAAA;AAAA,IACJC;AAAAA,IACAT,WAAWU;AAAAA,IACXR,gBAAgBS;AAAAA,IAChBb,aAAac;AAAAA,EAAAA,IACXC,WAAgBC,aAAa;AAE3Bd,QAAAA,YAAYC,iBAAiB,OAAOA,gBAAgBS;AACpDR,QAAAA,iBACJC,sBAAsB,OAAOA,qBAAqBQ;AAC9Cb,QAAAA,cACJC,mBAAmB,OAAOA,kBAAkBa;AAExCG,QAAAA,gBAAgBC,YACnBzB,CAAQ,QAAA;AACP,QAAI,CAACV,UAAU;AACbC,yCAAUS;AAAAA,IACZ;AAAA,EAAA,GAEF,CAACV,UAAUC,OAAO,CACpB;AAEA,QAAMmC,uBAAuBC,QAC3B,MACExC,gCACE0B,gBACAxB,UACAC,UACAkC,eACA5B,KACEgC,gBAAgBf,gBAChBvB,YAAYsC,gBAAgBtC,QAC9B,GACAM,KAAKQ,mCAASS,gBAAgBvB,aAAYc,mCAASd,SAAQ,CAC7D,GACF,CACEc,mCAASS,gBACTT,mCAASd,UACTA,UACAkC,eACAnC,UACAwB,cAAc,CAElB;AACMgB,QAAAA,qBAAqBF,QACzB,MACE1B,wBACEa,cACAlB,KACEgC,gBAAgBd,cAChBxB,YAAYsC,gBAAgBtC,QAC9B,GACAM,KAAKQ,mCAASU,cAAcxB,aAAYc,mCAASd,SAAQ,CAC3D,GACF,CAACc,mCAASU,cAAcV,mCAASd,UAAUA,UAAUwB,YAAY,CACnE;AAEA,QAAMgB,sBACJzB,SAAS,YAAYA,SAAS,aAC1B;AAAA,IACE,iBAAiBf,YAAYyC;AAAAA,IAC7B,iBAAiB1C;AAAAA,MAEnB;AAEA2C,QAAAA,gCACHC,gBAAc;AAAA,IACb9B;AAAAA,IACAE;AAAAA,IACAC;AAAAA,IACAf,SAASiC;AAAAA,IACTU,WAAWA,MAAM;AAAA,IAAC;AAAA,IAClB1C,WAAWI,KACTJ,WACAoC,gBAAgBO,MAChB/B,mCAAS+B,MACT,CAACxB,kBAAkBf,KAAKgC,gBAAgBQ,SAAShC,mCAASgC,OAAO,GACjE3B,aAAab,KAAKgC,gBAAgBnB,WAAWL,mCAASK,SAAS,GAC/DF,eAAeX,KAAKgC,gBAAgBrB,aAAaH,mCAASG,WAAW,GACrElB,YAAYO,KAAKgC,gBAAgBvC,UAAUe,mCAASf,QAAQ,GAC5DC,YAAYM,KAAKgC,gBAAgBtC,UAAUc,mCAASd,QAAQ,GAC5DuB,kBAAkB,QAChBjB,KAAKgC,gBAAgBS,oBAAoBjC,mCAASiC,kBAAkB,GACtEvB,gBAAgB,QACdlB,KAAKgC,gBAAgBU,kBAAkBlC,mCAASkC,gBAAgB,CACpE;AAAA,IACAC,UAAU,CAAC5B;AAAAA,IACX6B,cAAcjC;AAAAA,IACdkC,WAAWnD,YAAY;AAAA,IACvBoD,WAAWrD,YAAY;AAAA,IACvBsD,iBAAiB9B,kBAAkB;AAAA,IACnC+B,eAAe9B,gBAAgB;AAAA,IAAK,GAChCgB;AAAAA,IAAmB,GACnBb;AAAAA,IAAMF,UAETW,CAAAA,sBACAX,UACAc,kBAAkB;AAAA,EAAA,CACL;AAGXrB,SAAAA,sCACJqC,aAAW;AAAA,IACVC,SAAS5B;AAAAA,IACT7B;AAAAA,IACA0D,eAAezD,YAAYyC;AAAAA,IAC3BiB,UAAU3C,SAAS,WAAW,YAAY;AAAA,IAC1CD,SAAS;AAAA,MAAE6C,OAAOrD,KAAKQ,mCAAS6C,OAAOrB,gBAAgBqB,KAAK;AAAA,IAAE;AAAA,IAC9DC,eAAe;AAAA,MACblC;AAAAA,IACF;AAAA,IAAED,UAEDiB;AAAAA,EACU,CAAA,IAEbA;AAEJ;"}
+{"version":3,"file":"ListItem.js","sources":["../../../../../src/components/ListContainer/ListItem/ListItem.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport React, { useCallback, useContext, useMemo } from \"react\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport HvListContext from \"../ListContext\";\nimport { StyledListItem, StyledFocus } from \"./ListItem.styles\";\nimport listItemClasses, { HvListItemClasses } from \"./listItemClasses\";\n\nexport interface HvListItemProps extends HvBaseProps<HTMLLIElement> {\n  /**\n   * Overrides the implicit list item role.\n   * It defaults to \"option\" if unspecified and the container list role is \"listbox\".\n   */\n  role?: string;\n  /** Indicates if the list item is selected. */\n  selected?: boolean;\n  /** If true, the list item will be disabled. */\n  disabled?: boolean;\n  /**\n   * If the list item is focusable and reacts to mouse over events.\n   * Defaults to true if the container list is interactive, false otherwise.\n   */\n  interactive?: boolean;\n  /**\n   * If `true` compacts the vertical spacing intended to separate the list items.\n   * Defaults to the value set in container list.\n   */\n  condensed?: boolean;\n  /**\n   * If `true`, the left and right padding is removed.\n   * Defaults to the value set in container list.\n   */\n  disableGutters?: boolean;\n  /**\n   * Element placed before the children.\n   * Also removes the left padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is either an icon (changing the color when the item is disabled)\n   * or a selector (preventing the double focus ring, propagating the checked and disabled states and wiring the onChange event).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  startAdornment?: React.ReactNode;\n  /**\n   * Element placed after the children and aligned next to the margin.\n   * Also removes the right padding (gutter).\n   *\n   * Some modifications are applied, assuming that it is an icon (changing the color when the item is disabled).\n   * If unwanted, the element should be placed directly as a child.\n   */\n  endAdornment?: React.ReactNode;\n  /** The value to be set on the 'li' element */\n  value?: any;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvListItemClasses;\n}\n\nconst applyClassNameAndStateToElement = (\n  element,\n  selected,\n  disabled,\n  onClick,\n  className,\n  externalClassname\n) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, externalClassname, element?.props?.className),\n      checked: !!selected,\n      disabled,\n      onChange: (evt) => onClick?.(evt),\n    });\n  }\n\n  return null;\n};\n\nconst applyClassNameToElement = (element, className, externalClassname) => {\n  if (element != null) {\n    return React.cloneElement(element, {\n      className: clsx(className, externalClassname, element?.props?.className),\n    });\n  }\n\n  return null;\n};\n\n/**\n * ListItem description/documentation paragraph\n */\nexport const HvListItem = (props: HvListItemProps) => {\n  const {\n    id,\n    classes,\n    className,\n    role,\n    value,\n    selected,\n    disabled,\n    interactive: interactiveProp,\n    condensed: condensedProp,\n    disableGutters: disableGuttersProp,\n    startAdornment,\n    endAdornment,\n    onClick,\n    children,\n    tabIndex,\n    ...others\n  } = useDefaultProps(\"HvListItem\", props);\n\n  const {\n    topContainerRef,\n    condensed: condensedContext,\n    disableGutters: disableGuttersContext,\n    interactive: interactiveContext,\n  } = useContext<any>(HvListContext);\n\n  const condensed = condensedProp != null ? condensedProp : condensedContext;\n  const disableGutters =\n    disableGuttersProp != null ? disableGuttersProp : disableGuttersContext;\n  const interactive =\n    interactiveProp != null ? interactiveProp : interactiveContext;\n\n  const handleOnClick = useCallback(\n    (evt) => {\n      if (!disabled) {\n        onClick?.(evt);\n      }\n    },\n    [disabled, onClick]\n  );\n\n  const clonedStartAdornment = useMemo(\n    () =>\n      applyClassNameAndStateToElement(\n        startAdornment,\n        selected,\n        disabled,\n        handleOnClick,\n        clsx(\n          listItemClasses.startAdornment,\n          disabled && listItemClasses.disabled\n        ),\n        clsx(classes?.startAdornment, disabled && classes?.disabled)\n      ),\n    [\n      classes?.startAdornment,\n      classes?.disabled,\n      disabled,\n      handleOnClick,\n      selected,\n      startAdornment,\n    ]\n  );\n  const clonedEndAdornment = useMemo(\n    () =>\n      applyClassNameToElement(\n        endAdornment,\n        clsx(\n          listItemClasses.endAdornment,\n          disabled && listItemClasses.disabled\n        ),\n        clsx(classes?.endAdornment, disabled && classes?.disabled)\n      ),\n    [classes?.endAdornment, classes?.disabled, disabled, endAdornment]\n  );\n\n  const roleOptionAriaProps =\n    role === \"option\" || role === \"menuitem\"\n      ? {\n          \"aria-disabled\": disabled || undefined,\n          \"aria-selected\": selected,\n        }\n      : {};\n\n  const listItem = (\n    <StyledListItem\n      id={id}\n      role={role}\n      value={value}\n      onClick={handleOnClick}\n      onKeyDown={() => {}}\n      className={clsx(\n        className,\n        listItemClasses.root,\n        classes?.root,\n        !disableGutters && clsx(listItemClasses.gutters, classes?.gutters),\n        condensed && clsx(listItemClasses.condensed, classes?.condensed),\n        interactive && clsx(listItemClasses.interactive, classes?.interactive),\n        selected && clsx(listItemClasses.selected, classes?.selected),\n        disabled && clsx(listItemClasses.disabled, classes?.disabled),\n        startAdornment != null &&\n          clsx(listItemClasses.withStartAdornment, classes?.withStartAdornment),\n        endAdornment != null &&\n          clsx(listItemClasses.withEndAdornment, classes?.withEndAdornment)\n      )}\n      $gutters={!disableGutters}\n      $interactive={interactive}\n      $disabled={disabled || false}\n      $selected={selected || false}\n      $startAdornment={startAdornment != null}\n      $endAdornment={endAdornment != null}\n      {...roleOptionAriaProps}\n      {...others}\n    >\n      {clonedStartAdornment}\n      {children}\n      {clonedEndAdornment}\n    </StyledListItem>\n  );\n\n  return interactiveProp ? (\n    <StyledFocus\n      rootRef={topContainerRef}\n      selected={selected}\n      disabledClass={disabled || undefined}\n      strategy={role === \"option\" ? \"listbox\" : \"menu\"}\n      classes={{ focus: clsx(classes?.focus, listItemClasses.focus) }}\n      configuration={{\n        tabIndex,\n      }}\n    >\n      {listItem}\n    </StyledFocus>\n  ) : (\n    listItem\n  );\n};\n"],"names":["applyClassNameAndStateToElement","element","selected","disabled","onClick","className","externalClassname","React","cloneElement","clsx","props","checked","onChange","evt","applyClassNameToElement","HvListItem","id","classes","role","value","interactive","interactiveProp","condensed","condensedProp","disableGutters","disableGuttersProp","startAdornment","endAdornment","children","tabIndex","others","useDefaultProps","topContainerRef","condensedContext","disableGuttersContext","interactiveContext","useContext","HvListContext","handleOnClick","useCallback","clonedStartAdornment","useMemo","listItemClasses","clonedEndAdornment","roleOptionAriaProps","undefined","listItem","StyledListItem","onKeyDown","root","gutters","withStartAdornment","withEndAdornment","$gutters","$interactive","$disabled","$selected","$startAdornment","$endAdornment","StyledFocus","rootRef","disabledClass","strategy","focus","configuration"],"mappings":"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"}

package/dist/esm/components/Loading/Loading.js

@@ -1,4 +1,5 @@
 import { theme } from "@hitachivantara/uikit-styles";
+import { useDefaultProps } from "../../hooks/useDefaultProps.js";
 import { clsx } from "clsx";
 import range from "lodash/range";
 import { StyledRoot, StyledBarContainer, StyledBar, StyledLabel } from "./Loading.styles.js";
@@ -13,7 +14,7 @@ const HvLoading = (props) => {
     classes,
     className,
     ...others
-  } = props;
+  } = useDefaultProps("HvLoading", props);
   const getColor = (colorName) => {
     return color ? theme.colors[color] || color : theme.colors[colorName];
   };

package/dist/esm/components/Loading/Loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { clsx } from \"clsx\";\n\nimport range from \"lodash/range\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport {\n  StyledBar,\n  StyledBarContainer,\n  StyledLabel,\n  StyledRoot,\n} from \"./Loading.styles\";\nimport loadingClasses, { HvLoadingClasses } from \"./loadingClasses\";\n\nexport interface HvLoadingProps extends HvBaseProps {\n  /** Indicates if the component should be render in a small size. */\n  small?: boolean;\n  /** The label to be displayed.  */\n  label?: string | React.ReactNode;\n  /** Whether the loading animation is hidden. */\n  hidden?: boolean;\n  /** Color applied to the bars. */\n  color?: string;\n  classes?: HvLoadingClasses;\n}\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nexport const HvLoading = (props: HvLoadingProps) => {\n  const { color, hidden, small, label, classes, className, ...others } = props;\n\n  const getColor = (colorName: string) => {\n    return color ? theme.colors[color] || color : theme.colors[colorName];\n  };\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"secondary\" : \"brand\") };\n  return (\n    <StyledRoot\n      hidden={!!hidden}\n      className={clsx(\n        className,\n        loadingClasses.root,\n        classes?.root,\n        hidden && clsx(classes?.hidden, loadingClasses.hidden)\n      )}\n      {...others}\n    >\n      <StyledBarContainer\n        className={clsx(loadingClasses.barContainer, classes?.barContainer)}\n      >\n        {range(0, 3).map((e) => (\n          <StyledBar\n            key={e}\n            style={inline}\n            className={clsx(\n              loadingClasses.loadingBar,\n              classes?.loadingBar,\n              loadingClasses[variant],\n              classes?.[variant]\n            )}\n            $variant={variant}\n          />\n        ))}\n      </StyledBarContainer>\n      {label && (\n        <StyledLabel\n          variant=\"caption1\"\n          className={clsx(loadingClasses.label, classes?.label)}\n        >\n          {label}\n        </StyledLabel>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["HvLoading","props","color","hidden","small","label","classes","className","others","getColor","colorName","theme","colors","size","colorVariant","variant","inline","backgroundColor","StyledRoot","clsx","loadingClasses","root","children","_jsx","StyledBarContainer","barContainer","range","map","e","StyledBar","style","loadingBar","$variant","StyledLabel"],"mappings":";;;;;;AA+BaA,MAAAA,YAAYA,CAACC,UAA0B;AAC5C,QAAA;AAAA,IAAEC;AAAAA,IAAOC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAAW,GAAGC;AAAAA,EAAWP,IAAAA;AAEjEQ,QAAAA,WAAWA,CAACC,cAAsB;AAC/BR,WAAAA,QAAQS,MAAMC,OAAOV,KAAK,KAAKA,QAAQS,MAAMC,OAAOF,SAAS;AAAA,EAAA;AAGhEG,QAAAA,OAAOT,QAAQ,UAAU;AACzBU,QAAAA,eAAeZ,QAAQ,UAAU;AACjCa,QAAAA,UAAW,GAAEF,OAAOC;AAE1B,QAAME,SAAS;AAAA,IAAEC,iBAAiBR,SAASL,QAAQ,cAAc,OAAO;AAAA,EAAA;AACxE,8BACGc,YAAU;AAAA,IACTf,QAAQ,CAAC,CAACA;AAAAA,IACVI,WAAWY,KACTZ,WACAa,eAAeC,MACff,mCAASe,MACTlB,UAAUgB,KAAKb,mCAASH,QAAQiB,eAAejB,MAAM,CACvD;AAAA,IAAE,GACEK;AAAAA,IAAMc,UAAA,CAEVC,oBAACC,oBAAkB;AAAA,MACjBjB,WAAWY,KAAKC,eAAeK,cAAcnB,mCAASmB,YAAY;AAAA,MAAEH,UAEnEI,MAAM,GAAG,CAAC,EAAEC,IAAKC,CAAAA,0BACfC,WAAS;AAAA,QAERC,OAAOd;AAAAA,QACPT,WAAWY,KACTC,eAAeW,YACfzB,mCAASyB,YACTX,eAAeL,OAAO,GACtBT,mCAAUS,QACZ;AAAA,QACAiB,UAAUjB;AAAAA,MAAQ,GARba,CASN,CACF;AAAA,IAAA,CACiB,GACnBvB,SACCkB,oBAACU,aAAW;AAAA,MACVlB,SAAQ;AAAA,MACRR,WAAWY,KAAKC,eAAef,OAAOC,mCAASD,KAAK;AAAA,MAAEiB,UAErDjB;AAAAA,IAAAA,CACU,CACd;AAAA,EAAA,CACS;AAEhB;"}
+{"version":3,"file":"Loading.js","sources":["../../../../src/components/Loading/Loading.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { clsx } from \"clsx\";\n\nimport range from \"lodash/range\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport {\n  StyledBar,\n  StyledBarContainer,\n  StyledLabel,\n  StyledRoot,\n} from \"./Loading.styles\";\nimport loadingClasses, { HvLoadingClasses } from \"./loadingClasses\";\n\nexport interface HvLoadingProps extends HvBaseProps {\n  /** Indicates if the component should be render in a small size. */\n  small?: boolean;\n  /** The label to be displayed.  */\n  label?: string | React.ReactNode;\n  /** Whether the loading animation is hidden. */\n  hidden?: boolean;\n  /** Color applied to the bars. */\n  color?: string;\n  classes?: HvLoadingClasses;\n}\n\n/**\n * Loading provides feedback about a process that is taking place in the application.\n */\nexport const HvLoading = (props: HvLoadingProps) => {\n  const { color, hidden, small, label, classes, className, ...others } =\n    useDefaultProps(\"HvLoading\", props);\n\n  const getColor = (colorName: string) => {\n    return color ? theme.colors[color] || color : theme.colors[colorName];\n  };\n\n  const size = small ? \"small\" : \"regular\";\n  const colorVariant = color ? \"Color\" : \"\";\n  const variant = `${size}${colorVariant}`;\n\n  const inline = { backgroundColor: getColor(small ? \"secondary\" : \"brand\") };\n  return (\n    <StyledRoot\n      hidden={!!hidden}\n      className={clsx(\n        className,\n        loadingClasses.root,\n        classes?.root,\n        hidden && clsx(classes?.hidden, loadingClasses.hidden)\n      )}\n      {...others}\n    >\n      <StyledBarContainer\n        className={clsx(loadingClasses.barContainer, classes?.barContainer)}\n      >\n        {range(0, 3).map((e) => (\n          <StyledBar\n            key={e}\n            style={inline}\n            className={clsx(\n              loadingClasses.loadingBar,\n              classes?.loadingBar,\n              loadingClasses[variant],\n              classes?.[variant]\n            )}\n            $variant={variant}\n          />\n        ))}\n      </StyledBarContainer>\n      {label && (\n        <StyledLabel\n          variant=\"caption1\"\n          className={clsx(loadingClasses.label, classes?.label)}\n        >\n          {label}\n        </StyledLabel>\n      )}\n    </StyledRoot>\n  );\n};\n"],"names":["HvLoading","props","color","hidden","small","label","classes","className","others","useDefaultProps","getColor","colorName","theme","colors","size","colorVariant","variant","inline","backgroundColor","StyledRoot","clsx","loadingClasses","root","children","_jsx","StyledBarContainer","barContainer","range","map","e","StyledBar","style","loadingBar","$variant","StyledLabel"],"mappings":";;;;;;;AAgCaA,MAAAA,YAAYA,CAACC,UAA0B;AAC5C,QAAA;AAAA,IAAEC;AAAAA,IAAOC;AAAAA,IAAQC;AAAAA,IAAOC;AAAAA,IAAOC;AAAAA,IAASC;AAAAA,IAAW,GAAGC;AAAAA,EAAAA,IAC1DC,gBAAgB,aAAaR,KAAK;AAE9BS,QAAAA,WAAWA,CAACC,cAAsB;AAC/BT,WAAAA,QAAQU,MAAMC,OAAOX,KAAK,KAAKA,QAAQU,MAAMC,OAAOF,SAAS;AAAA,EAAA;AAGhEG,QAAAA,OAAOV,QAAQ,UAAU;AACzBW,QAAAA,eAAeb,QAAQ,UAAU;AACjCc,QAAAA,UAAW,GAAEF,OAAOC;AAE1B,QAAME,SAAS;AAAA,IAAEC,iBAAiBR,SAASN,QAAQ,cAAc,OAAO;AAAA,EAAA;AACxE,8BACGe,YAAU;AAAA,IACThB,QAAQ,CAAC,CAACA;AAAAA,IACVI,WAAWa,KACTb,WACAc,eAAeC,MACfhB,mCAASgB,MACTnB,UAAUiB,KAAKd,mCAASH,QAAQkB,eAAelB,MAAM,CACvD;AAAA,IAAE,GACEK;AAAAA,IAAMe,UAAA,CAEVC,oBAACC,oBAAkB;AAAA,MACjBlB,WAAWa,KAAKC,eAAeK,cAAcpB,mCAASoB,YAAY;AAAA,MAAEH,UAEnEI,MAAM,GAAG,CAAC,EAAEC,IAAKC,CAAAA,0BACfC,WAAS;AAAA,QAERC,OAAOd;AAAAA,QACPV,WAAWa,KACTC,eAAeW,YACf1B,mCAAS0B,YACTX,eAAeL,OAAO,GACtBV,mCAAUU,QACZ;AAAA,QACAiB,UAAUjB;AAAAA,MAAQ,GARba,CASN,CACF;AAAA,IAAA,CACiB,GACnBxB,SACCmB,oBAACU,aAAW;AAAA,MACVlB,SAAQ;AAAA,MACRT,WAAWa,KAAKC,eAAehB,OAAOC,mCAASD,KAAK;AAAA,MAAEkB,UAErDlB;AAAAA,IAAAA,CACU,CACd;AAAA,EAAA,CACS;AAEhB;"}

package/dist/esm/components/Login/Login.js

@@ -1,15 +1,17 @@
 import { clsx } from "clsx";
+import { useDefaultProps } from "../../hooks/useDefaultProps.js";
 import { StyledRoot, StyledFormContainer } from "./Login.styles.js";
 import loginClasses from "./loginClasses.js";
 import { jsx } from "@emotion/react/jsx-runtime";
-const HvLogin = ({
-  id,
-  className,
-  classes,
-  children,
-  background,
-  ...others
-}) => {
+const HvLogin = (props) => {
+  const {
+    id,
+    className,
+    classes,
+    children,
+    background,
+    ...others
+  } = useDefaultProps("HvLogin", props);
   return /* @__PURE__ */ jsx(StyledRoot, {
     id,
     className: clsx(className, loginClasses.root, classes == null ? void 0 : classes.root),

package/dist/esm/components/Login/Login.js.map

@@ -1 +1 @@
-{"version":3,"file":"Login.js","sources":["../../../../src/components/Login/Login.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { StyledFormContainer, StyledRoot } from \"./Login.styles\";\nimport loginClasses, { HvLoginClasses } from \"./loginClasses\";\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 = ({\n  id,\n  className,\n  classes,\n  children,\n  background,\n  ...others\n}: HvLoginProps) => {\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, loginClasses.root, classes?.root)}\n      style={{\n        backgroundImage: background && `url(${background})`,\n      }}\n      {...others}\n    >\n      <StyledFormContainer\n        className={clsx(loginClasses.formContainer, classes?.formContainer)}\n      >\n        {children}\n      </StyledFormContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvLogin","id","className","classes","children","background","others","StyledRoot","clsx","loginClasses","root","style","backgroundImage","StyledFormContainer","formContainer"],"mappings":";;;;AAqBO,MAAMA,UAAUA,CAAC;AAAA,EACtBC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACS,MAAM;AAClB,6BACGC,YAAU;AAAA,IACTN;AAAAA,IACAC,WAAWM,KAAKN,WAAWO,aAAaC,MAAMP,mCAASO,IAAI;AAAA,IAC3DC,OAAO;AAAA,MACLC,iBAAiBP,cAAe,OAAMA;AAAAA,IACxC;AAAA,IAAE,GACEC;AAAAA,IAAMF,8BAETS,qBAAmB;AAAA,MAClBX,WAAWM,KAAKC,aAAaK,eAAeX,mCAASW,aAAa;AAAA,MAAEV;AAAAA,IAAAA,CAGjD;AAAA,EAAA,CACX;AAEhB;"}
+{"version":3,"file":"Login.js","sources":["../../../../src/components/Login/Login.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { StyledFormContainer, StyledRoot } from \"./Login.styles\";\nimport loginClasses, { HvLoginClasses } from \"./loginClasses\";\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 { id, className, classes, children, background, ...others } =\n    useDefaultProps(\"HvLogin\", props);\n\n  return (\n    <StyledRoot\n      id={id}\n      className={clsx(className, loginClasses.root, classes?.root)}\n      style={{\n        backgroundImage: background && `url(${background})`,\n      }}\n      {...others}\n    >\n      <StyledFormContainer\n        className={clsx(loginClasses.formContainer, classes?.formContainer)}\n      >\n        {children}\n      </StyledFormContainer>\n    </StyledRoot>\n  );\n};\n"],"names":["HvLogin","props","id","className","classes","children","background","others","useDefaultProps","StyledRoot","clsx","loginClasses","root","style","backgroundImage","StyledFormContainer","formContainer"],"mappings":";;;;;AAsBaA,MAAAA,UAAUA,CAACC,UAAwB;AACxC,QAAA;AAAA,IAAEC;AAAAA,IAAIC;AAAAA,IAAWC;AAAAA,IAASC;AAAAA,IAAUC;AAAAA,IAAY,GAAGC;AAAAA,EAAAA,IACvDC,gBAAgB,WAAWP,KAAK;AAElC,6BACGQ,YAAU;AAAA,IACTP;AAAAA,IACAC,WAAWO,KAAKP,WAAWQ,aAAaC,MAAMR,mCAASQ,IAAI;AAAA,IAC3DC,OAAO;AAAA,MACLC,iBAAiBR,cAAe,OAAMA;AAAAA,IACxC;AAAA,IAAE,GACEC;AAAAA,IAAMF,8BAETU,qBAAmB;AAAA,MAClBZ,WAAWO,KAAKC,aAAaK,eAAeZ,mCAASY,aAAa;AAAA,MAAEX;AAAAA,IAAAA,CAGjD;AAAA,EAAA,CACX;AAEhB;"}

package/dist/esm/components/MultiButton/MultiButton.js

@@ -1,17 +1,19 @@
 import { clsx } from "clsx";
+import { useDefaultProps } from "../../hooks/useDefaultProps.js";
 import React__default, { cloneElement } from "react";
 import { StyledRoot, StyledButton } from "./MultiButton.styles.js";
 import multiButtonClasses from "./multiButtonClasses.js";
 import { jsx } from "@emotion/react/jsx-runtime";
-const HvMultiButton = ({
-  className,
-  children,
-  classes,
-  disabled = false,
-  vertical = false,
-  variant = "secondarySubtle",
-  ...others
-}) => {
+const HvMultiButton = (props) => {
+  const {
+    className,
+    children,
+    classes,
+    disabled = false,
+    vertical = false,
+    variant = "secondarySubtle",
+    ...others
+  } = useDefaultProps("HvMultiButton", props);
   return /* @__PURE__ */ jsx(StyledRoot, {
     className: clsx(className, multiButtonClasses.root, classes == null ? void 0 : classes.root, vertical && clsx(classes == null ? void 0 : classes.vertical, multiButtonClasses.vertical)),
     $vertical: vertical,

package/dist/esm/components/MultiButton/MultiButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiButton.js","sources":["../../../../src/components/MultiButton/MultiButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport React, { cloneElement } from \"react\";\n\nimport { HvButtonVariant } from \"@core/components/Button\";\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { StyledButton, StyledRoot } from \"./MultiButton.styles\";\nimport multiButtonClasses, { HvMultiButtonClasses } from \"./multiButtonClasses\";\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 = ({\n  className,\n  children,\n  classes,\n  disabled = false,\n  vertical = false,\n  variant = \"secondarySubtle\",\n  ...others\n}: HvMultiButtonProps) => {\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        multiButtonClasses.root,\n        classes?.root,\n        vertical && clsx(classes?.vertical, multiButtonClasses.vertical)\n      )}\n      $vertical={vertical}\n      {...others}\n    >\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          const childIsSelected = !!child.props.selected;\n\n          const btn = cloneElement(child as React.ReactElement, {\n            variant,\n            disabled: disabled || child.props.disabled,\n            \"aria-pressed\": childIsSelected,\n            className: clsx(\n              child.props.className,\n              multiButtonClasses.button,\n              classes?.button,\n              childIsSelected &&\n                clsx(multiButtonClasses.selected, classes?.selected)\n            ),\n          });\n\n          const StyledBtn = StyledButton(btn);\n\n          return React.createElement(StyledBtn);\n        }\n      })}\n    </StyledRoot>\n  );\n};\n"],"names":["HvMultiButton","className","children","classes","disabled","vertical","variant","others","StyledRoot","clsx","multiButtonClasses","root","$vertical","React","Children","map","child","isValidElement","childIsSelected","props","selected","btn","cloneElement","button","StyledBtn","StyledButton","createElement"],"mappings":";;;;;AAqBO,MAAMA,gBAAgBA,CAAC;AAAA,EAC5BC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,WAAW;AAAA,EACXC,WAAW;AAAA,EACXC,UAAU;AAAA,EACV,GAAGC;AACe,MAAM;AACxB,6BACGC,YAAU;AAAA,IACTP,WAAWQ,KACTR,WACAS,mBAAmBC,MACnBR,mCAASQ,MACTN,YAAYI,KAAKN,mCAASE,UAAUK,mBAAmBL,QAAQ,CACjE;AAAA,IACAO,WAAWP;AAAAA,IAAS,GAChBE;AAAAA,IAAML,UAETW,eAAMC,SAASC,IAAIb,UAAWc,CAAU,UAAA;AACnCH,UAAAA,eAAMI,eAAeD,KAAK,GAAG;AAC/B,cAAME,kBAAkB,CAAC,CAACF,MAAMG,MAAMC;AAEhCC,cAAAA,MAAMC,aAAaN,OAA6B;AAAA,UACpDV;AAAAA,UACAF,UAAUA,YAAYY,MAAMG,MAAMf;AAAAA,UAClC,gBAAgBc;AAAAA,UAChBjB,WAAWQ,KACTO,MAAMG,MAAMlB,WACZS,mBAAmBa,QACnBpB,mCAASoB,QACTL,mBACET,KAAKC,mBAAmBU,UAAUjB,mCAASiB,QAAQ,CACvD;AAAA,QAAA,CACD;AAEKI,cAAAA,YAAYC,aAAaJ,GAAG;AAE3BR,eAAAA,eAAMa,cAAcF,SAAS;AAAA,MACtC;AAAA,IAAA,CACD;AAAA,EAAA,CACS;AAEhB;"}
+{"version":3,"file":"MultiButton.js","sources":["../../../../src/components/MultiButton/MultiButton.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport React, { cloneElement } from \"react\";\n\nimport { HvButtonVariant } from \"@core/components/Button\";\nimport { HvBaseProps } from \"@core/types/generic\";\n\nimport { StyledButton, StyledRoot } from \"./MultiButton.styles\";\nimport multiButtonClasses, { HvMultiButtonClasses } from \"./multiButtonClasses\";\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,\n    disabled = false,\n    vertical = false,\n    variant = \"secondarySubtle\",\n    ...others\n  } = useDefaultProps(\"HvMultiButton\", props);\n\n  return (\n    <StyledRoot\n      className={clsx(\n        className,\n        multiButtonClasses.root,\n        classes?.root,\n        vertical && clsx(classes?.vertical, multiButtonClasses.vertical)\n      )}\n      $vertical={vertical}\n      {...others}\n    >\n      {React.Children.map(children, (child) => {\n        if (React.isValidElement(child)) {\n          const childIsSelected = !!child.props.selected;\n\n          const btn = cloneElement(child as React.ReactElement, {\n            variant,\n            disabled: disabled || child.props.disabled,\n            \"aria-pressed\": childIsSelected,\n            className: clsx(\n              child.props.className,\n              multiButtonClasses.button,\n              classes?.button,\n              childIsSelected &&\n                clsx(multiButtonClasses.selected, classes?.selected)\n            ),\n          });\n\n          const StyledBtn = StyledButton(btn);\n\n          return React.createElement(StyledBtn);\n        }\n      })}\n    </StyledRoot>\n  );\n};\n"],"names":["HvMultiButton","props","className","children","classes","disabled","vertical","variant","others","useDefaultProps","StyledRoot","clsx","multiButtonClasses","root","$vertical","React","Children","map","child","isValidElement","childIsSelected","selected","btn","cloneElement","button","StyledBtn","StyledButton","createElement"],"mappings":";;;;;;AAsBaA,MAAAA,gBAAgBA,CAACC,UAA8B;AACpD,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,WAAW;AAAA,IACXC,WAAW;AAAA,IACXC,UAAU;AAAA,IACV,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,iBAAiBR,KAAK;AAE1C,6BACGS,YAAU;AAAA,IACTR,WAAWS,KACTT,WACAU,mBAAmBC,MACnBT,mCAASS,MACTP,YAAYK,KAAKP,mCAASE,UAAUM,mBAAmBN,QAAQ,CACjE;AAAA,IACAQ,WAAWR;AAAAA,IAAS,GAChBE;AAAAA,IAAML,UAETY,eAAMC,SAASC,IAAId,UAAWe,CAAU,UAAA;AACnCH,UAAAA,eAAMI,eAAeD,KAAK,GAAG;AAC/B,cAAME,kBAAkB,CAAC,CAACF,MAAMjB,MAAMoB;AAEhCC,cAAAA,MAAMC,aAAaL,OAA6B;AAAA,UACpDX;AAAAA,UACAF,UAAUA,YAAYa,MAAMjB,MAAMI;AAAAA,UAClC,gBAAgBe;AAAAA,UAChBlB,WAAWS,KACTO,MAAMjB,MAAMC,WACZU,mBAAmBY,QACnBpB,mCAASoB,QACTJ,mBACET,KAAKC,mBAAmBS,UAAUjB,mCAASiB,QAAQ,CACvD;AAAA,QAAA,CACD;AAEKI,cAAAA,YAAYC,aAAaJ,GAAG;AAE3BP,eAAAA,eAAMY,cAAcF,SAAS;AAAA,MACtC;AAAA,IAAA,CACD;AAAA,EAAA,CACS;AAEhB;"}

package/dist/esm/components/OverflowTooltip/OverflowTooltip.js

@@ -1,4 +1,5 @@
 import { clsx } from "clsx";
+import { useDefaultProps } from "../../hooks/useDefaultProps.js";
 import { useMemo } from "react";
 import { useResizeDetector } from "react-resize-detector";
 import { StyledDataContainer } from "./OverflowTooltip.styles.js";
@@ -7,17 +8,18 @@ import { jsx } from "@emotion/react/jsx-runtime";
 import { HvTooltip } from "../Tooltip/Tooltip.js";
 import { HvTypography } from "../Typography/Typography.js";
 const isParagraph = (children = "") => /\s/.test(children);
-const HvOverflowTooltip = ({
-  id,
-  classes,
-  className,
-  data,
-  open,
-  paragraphOverflow,
-  placement = "top-start",
-  tooltipsProps
-}) => {
+const HvOverflowTooltip = (props) => {
   var _a;
+  const {
+    id,
+    classes,
+    className,
+    data,
+    open,
+    paragraphOverflow,
+    placement = "top-start",
+    tooltipsProps
+  } = useDefaultProps("HvOverflowTooltip", props);
   const {
     width = 0,
     ref

package/dist/esm/components/OverflowTooltip/OverflowTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverflowTooltip.js","sources":["../../../../src/components/OverflowTooltip/OverflowTooltip.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\n\nimport { useMemo } from \"react\";\n\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTooltip, HvTooltipProps } from \"@core/components/Tooltip\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { StyledDataContainer } from \"./OverflowTooltip.styles\";\nimport overflowTooltipClasses, {\n  HvOverflowTooltipClasses,\n} from \"./overflowTooltipClasses\";\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 = ({\n  id,\n  classes,\n  className,\n  data,\n  open,\n  paragraphOverflow,\n  placement = \"top-start\",\n  tooltipsProps,\n}: HvOverflowTooltipProps) => {\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      <StyledDataContainer\n        ref={ref}\n        className={clsx(\n          className,\n          !isParag &&\n            clsx(overflowTooltipClasses.tooltipAnchor, classes?.tooltipAnchor),\n          isParag &&\n            clsx(\n              overflowTooltipClasses.tooltipAnchorParagraph,\n              classes?.tooltipAnchorParagraph\n            )\n        )}\n        $isParag={isParag}\n      >\n        {data}\n      </StyledDataContainer>\n    ),\n    [\n      className,\n      classes?.tooltipAnchor,\n      classes?.tooltipAnchorParagraph,\n      data,\n      isParag,\n      ref,\n    ]\n  );\n\n  return open || isOverflowing ? (\n    <HvTooltip\n      id={id}\n      disableHoverListener={!isOverflowing}\n      open={open}\n      placement={placement}\n      title={\n        <HvTypography\n          className={clsx(\n            overflowTooltipClasses.tooltipData,\n            classes?.tooltipData\n          )}\n          variant=\"body\"\n        >\n          {data}\n        </HvTypography>\n      }\n      {...tooltipsProps}\n    >\n      {content}\n    </HvTooltip>\n  ) : (\n    content\n  );\n};\n"],"names":["isParagraph","children","test","HvOverflowTooltip","id","classes","className","data","open","paragraphOverflow","placement","tooltipsProps","width","ref","useResizeDetector","refreshMode","refreshOptions","trailing","handleHeight","scrollWidth","current","isOverflowing","isParag","useMemo","toString","content","_jsx","StyledDataContainer","clsx","overflowTooltipClasses","tooltipAnchor","tooltipAnchorParagraph","$isParag","HvTooltip","disableHoverListener","title","HvTypography","tooltipData","variant"],"mappings":";;;;;;;;AA0CA,MAAMA,cAAcA,CAACC,WAAW,OAAO,KAAKC,KAAKD,QAAQ;AAKlD,MAAME,oBAAoBA,CAAC;AAAA,EAChCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC,YAAY;AAAA,EACZC;AACsB,MAAM;;AACtB,QAAA;AAAA,IAAEC,QAAQ;AAAA,IAAGC;AAAAA,MAAQC,kBAAkB;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,QACd,MAAMd,qBAAqBT,YAAYO,6BAAMiB,UAAU,GACvD,CAACjB,MAAME,iBAAiB,CAC1B;AAEA,QAAMgB,UAAUF,QACd,MACEG,oBAACC,qBAAmB;AAAA,IAClBd;AAAAA,IACAP,WAAWsB,KACTtB,WACA,CAACgB,WACCM,KAAKC,uBAAuBC,eAAezB,mCAASyB,aAAa,GACnER,WACEM,KACEC,uBAAuBE,wBACvB1B,mCAAS0B,sBACX,CACJ;AAAA,IACAC,UAAUV;AAAAA,IAAQrB,UAEjBM;AAAAA,EACkB,CAAA,GAEvB,CACED,WACAD,mCAASyB,eACTzB,mCAAS0B,wBACTxB,MACAe,SACAT,GAAG,CAEP;AAEOL,SAAAA,QAAQa,gBACbK,oBAACO,WAAS;AAAA,IACR7B;AAAAA,IACA8B,sBAAsB,CAACb;AAAAA,IACvBb;AAAAA,IACAE;AAAAA,IACAyB,2BACGC,cAAY;AAAA,MACX9B,WAAWsB,KACTC,uBAAuBQ,aACvBhC,mCAASgC,WACX;AAAA,MACAC,SAAQ;AAAA,MAAMrC,UAEbM;AAAAA,IAAAA,CACW;AAAA,IACf,GACGI;AAAAA,IAAaV,UAEhBwB;AAAAA,EACQ,CAAA,IAEXA;AAEJ;"}
+{"version":3,"file":"OverflowTooltip.js","sources":["../../../../src/components/OverflowTooltip/OverflowTooltip.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { useMemo } from \"react\";\n\nimport { useResizeDetector } from \"react-resize-detector\";\n\nimport { HvBaseProps } from \"@core/types/generic\";\nimport { HvTooltip, HvTooltipProps } from \"@core/components/Tooltip\";\nimport { HvTypography } from \"@core/components/Typography\";\n\nimport { StyledDataContainer } from \"./OverflowTooltip.styles\";\nimport overflowTooltipClasses, {\n  HvOverflowTooltipClasses,\n} from \"./overflowTooltipClasses\";\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,\n    className,\n    data,\n    open,\n    paragraphOverflow,\n    placement = \"top-start\",\n    tooltipsProps,\n  } = useDefaultProps(\"HvOverflowTooltip\", props);\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      <StyledDataContainer\n        ref={ref}\n        className={clsx(\n          className,\n          !isParag &&\n            clsx(overflowTooltipClasses.tooltipAnchor, classes?.tooltipAnchor),\n          isParag &&\n            clsx(\n              overflowTooltipClasses.tooltipAnchorParagraph,\n              classes?.tooltipAnchorParagraph\n            )\n        )}\n        $isParag={isParag}\n      >\n        {data}\n      </StyledDataContainer>\n    ),\n    [\n      className,\n      classes?.tooltipAnchor,\n      classes?.tooltipAnchorParagraph,\n      data,\n      isParag,\n      ref,\n    ]\n  );\n\n  return open || isOverflowing ? (\n    <HvTooltip\n      id={id}\n      disableHoverListener={!isOverflowing}\n      open={open}\n      placement={placement}\n      title={\n        <HvTypography\n          className={clsx(\n            overflowTooltipClasses.tooltipData,\n            classes?.tooltipData\n          )}\n          variant=\"body\"\n        >\n          {data}\n        </HvTypography>\n      }\n      {...tooltipsProps}\n    >\n      {content}\n    </HvTooltip>\n  ) : (\n    content\n  );\n};\n"],"names":["isParagraph","children","test","HvOverflowTooltip","props","id","classes","className","data","open","paragraphOverflow","placement","tooltipsProps","useDefaultProps","width","ref","useResizeDetector","refreshMode","refreshOptions","trailing","handleHeight","scrollWidth","current","isOverflowing","isParag","useMemo","toString","content","_jsx","StyledDataContainer","clsx","overflowTooltipClasses","tooltipAnchor","tooltipAnchorParagraph","$isParag","HvTooltip","disableHoverListener","title","HvTypography","tooltipData","variant"],"mappings":";;;;;;;;;AA2CA,MAAMA,cAAcA,CAACC,WAAW,OAAO,KAAKC,KAAKD,QAAQ;AAK5CE,MAAAA,oBAAoBA,CAACC,UAAkC;;AAC5D,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC;AAAAA,IACAC,YAAY;AAAA,IACZC;AAAAA,EAAAA,IACEC,gBAAgB,qBAAqBT,KAAK;AAExC,QAAA;AAAA,IAAEU,QAAQ;AAAA,IAAGC;AAAAA,MAAQC,kBAAkB;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,QACd,MAAMf,qBAAqBV,YAAYQ,6BAAMkB,UAAU,GACvD,CAAClB,MAAME,iBAAiB,CAC1B;AAEA,QAAMiB,UAAUF,QACd,MACEG,oBAACC,qBAAmB;AAAA,IAClBd;AAAAA,IACAR,WAAWuB,KACTvB,WACA,CAACiB,WACCM,KAAKC,uBAAuBC,eAAe1B,mCAAS0B,aAAa,GACnER,WACEM,KACEC,uBAAuBE,wBACvB3B,mCAAS2B,sBACX,CACJ;AAAA,IACAC,UAAUV;AAAAA,IAAQvB,UAEjBO;AAAAA,EACkB,CAAA,GAEvB,CACED,WACAD,mCAAS0B,eACT1B,mCAAS2B,wBACTzB,MACAgB,SACAT,GAAG,CAEP;AAEON,SAAAA,QAAQc,gBACbK,oBAACO,WAAS;AAAA,IACR9B;AAAAA,IACA+B,sBAAsB,CAACb;AAAAA,IACvBd;AAAAA,IACAE;AAAAA,IACA0B,2BACGC,cAAY;AAAA,MACX/B,WAAWuB,KACTC,uBAAuBQ,aACvBjC,mCAASiC,WACX;AAAA,MACAC,SAAQ;AAAA,MAAMvC,UAEbO;AAAAA,IAAAA,CACW;AAAA,IACf,GACGI;AAAAA,IAAaX,UAEhB0B;AAAAA,EACQ,CAAA,IAEXA;AAEJ;"}

package/dist/esm/components/Pagination/ButtonIconTooltip.js

@@ -14,7 +14,6 @@ const ButtonIconTooltip = ({
     children: /* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(HvButton, {
         icon: true,
-        variant: "secondaryGhost",
         ...buttonProps,
         children
       })

package/dist/esm/components/Pagination/ButtonIconTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIconTooltip.js","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 variant=\"secondaryGhost\" {...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","variant"],"mappings":";;;;AAWA,MAAMA,oBAAoBA,CAAC;AAAA,EACzBC;AAAAA,EACAC;AAAAA,EACA,GAAGC;AACmB,MAAM;AAC5B,6BACGC,WAAS;AAAA,IAACC,2BAAQC,cAAY;AAAA,MAAAJ,UAAED;AAAAA,IAAAA,CAAsB;AAAA,IAAEC,8BACvD,OAAA;AAAA,MAAAA,8BACGK,UAAQ;AAAA,QAACC,MAAI;AAAA,QAACC,SAAQ;AAAA,QAAgB,GAAKN;AAAAA,QAAWD;AAAAA,MAAAA,CAE7C;AAAA,IAAA,CACP;AAAA,EAAA,CACI;AAEf;AACA,MAAA,sBAAeF;"}
+{"version":3,"file":"ButtonIconTooltip.js","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,6BACGC,WAAS;AAAA,IAACC,2BAAQC,cAAY;AAAA,MAAAJ,UAAED;AAAAA,IAAAA,CAAsB;AAAA,IAAEC,8BACvD,OAAA;AAAA,MAAAA,8BACGK,UAAQ;AAAA,QAACC,MAAI;AAAA,QAAA,GAAKL;AAAAA,QAAWD;AAAAA,MAAAA,CAEpB;AAAA,IAAA,CACP;AAAA,EAAA,CACI;AAEf;AACA,MAAA,sBAAeF;"}

package/dist/esm/components/Pagination/Pagination.js

@@ -1,4 +1,5 @@
 import { useCallback, useEffect } from "react";
+import { useDefaultProps } from "../../hooks/useDefaultProps.js";
 import { Hidden } from "@mui/material";
 import { Start, Backwards, Forwards, End } from "@hitachivantara/uikit-react-icons";
 import { setId } from "../../utils/setId.js";
@@ -28,26 +29,27 @@ const DEFAULT_LABELS = {
   lastPage: "Last Page"
 };
 const defaultPageSizeOptions = [5, 10, 20, 25, 50, 100];
-const HvPagination = ({
-  classes: classesProp = {},
-  className,
-  id,
-  pages = 1,
-  page = 0,
-  showPageSizeOptions = true,
-  pageSizeOptions = defaultPageSizeOptions,
-  pageSize = defaultPageSizeOptions[1],
-  showPageJump = true,
-  canPrevious = false,
-  canNext = false,
-  onPageChange,
-  onPageSizeChange,
-  labels: labelsProp,
-  showPageProps,
-  navigationProps,
-  currentPageInputProps,
-  ...others
-}) => {
+const HvPagination = (props) => {
+  const {
+    classes: classesProp,
+    className,
+    id,
+    pages = 1,
+    page = 0,
+    showPageSizeOptions = true,
+    pageSizeOptions = defaultPageSizeOptions,
+    pageSize = defaultPageSizeOptions[1],
+    showPageJump = true,
+    canPrevious = false,
+    canNext = false,
+    onPageChange,
+    onPageSizeChange,
+    labels: labelsProp,
+    showPageProps,
+    navigationProps,
+    currentPageInputProps,
+    ...others
+  } = useDefaultProps("HvPagination", props);
   const labels = useLabels(DEFAULT_LABELS, labelsProp);
   const [pageInput, handleInputChange] = usePageInput(page);
   const {

package/dist/esm/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import { HTMLAttributes, useCallback, useEffect } from \"react\";\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 = ({\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}: HvPaginationProps) => {\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","classes","classesProp","className","id","pages","page","showPageSizeOptions","pageSizeOptions","pageSize","showPageJump","canPrevious","canNext","onPageChange","onPageSizeChange","labels","labelsProp","showPageProps","navigationProps","currentPageInputProps","others","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.js","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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"}

package/dist/esm/components/Pagination/Select.js

@@ -12,7 +12,7 @@ const Option = ({
 });
 const HvSelect = ({
   className,
-  classes: classesProp = {},
+  classes: classesProp,
   onChange,
   disabled,
   value,