@hitachivantara/uikit-react-core 5.39.1 → 5.39.2

package/dist/esm/components/VerticalNavigation/VerticalNavigation.js

@@ -17,47 +17,88 @@ const HvVerticalNavigation = (props) => {
     useIcons = false,
     ...others
   } = useDefaultProps("HvVerticalNavigation", props);
-  const {
-    classes,
-    cx
-  } = useClasses(classesProp);
+  const { classes, cx } = useClasses(classesProp);
   const [parentData, setParentData] = useState([]);
   const [parentSelected, setParentSelected] = useState();
   const [headerTitle, setHeaderTitle] = useState();
-  const withParentData = useMemo(() => fillDataWithParentId(parentData), [parentData]);
-  const initialParentItem = useMemo(() => getParentItemById(withParentData, parentSelected), [withParentData, parentSelected]);
+  const withParentData = useMemo(
+    () => fillDataWithParentId(parentData),
+    [parentData]
+  );
+  const initialParentItem = useMemo(
+    () => getParentItemById(withParentData, parentSelected),
+    [withParentData, parentSelected]
+  );
   const [parentItem, setParentItem] = useState(initialParentItem);
-  const hasAnyChildWithData = useMemo(() => hasChildNavigationItems(parentData), [parentData]);
-  useEffect(() => setHeaderTitle(parentItem?.label), [parentItem, setParentItem]);
+  const hasAnyChildWithData = useMemo(
+    () => hasChildNavigationItems(parentData),
+    [parentData]
+  );
+  useEffect(
+    () => setHeaderTitle(parentItem?.label),
+    [parentItem, setParentItem]
+  );
   const navigateToParentHandler = useCallback(() => {
     setParentItem(getParentItemById(withParentData, parentItem.id));
   }, [parentItem, setParentItem, withParentData]);
-  const navigateToChildHandler = useCallback((event, item) => {
-    setParentItem(getNavigationItemById(withParentData, item.id));
-    event.stopPropagation();
-  }, [setParentItem, withParentData]);
-  const value = useMemo(() => ({
-    isOpen: open,
-    useIcons,
-    slider,
-    headerTitle,
-    setHeaderTitle,
-    parentItem,
-    setParentItem,
-    withParentData,
-    navigateToChildHandler,
-    navigateToParentHandler,
-    parentData,
-    setParentData,
-    parentSelected,
-    setParentSelected,
-    hasAnyChildWithData
-  }), [open, useIcons, slider, headerTitle, setHeaderTitle, parentItem, setParentItem, withParentData, navigateToChildHandler, navigateToParentHandler, hasAnyChildWithData, parentData, parentSelected]);
-  const content = /* @__PURE__ */ jsx(VerticalNavigationContext.Provider, { value, children: /* @__PURE__ */ jsx("div", { id, className: cx(classes.root, {
-    [classes.collapsed]: !open,
-    [classes.slider]: slider,
-    [classes.childData]: hasAnyChildWithData
-  }, className), ...others, children }) });
+  const navigateToChildHandler = useCallback(
+    (event, item) => {
+      setParentItem(getNavigationItemById(withParentData, item.id));
+      event.stopPropagation();
+    },
+    [setParentItem, withParentData]
+  );
+  const value = useMemo(
+    () => ({
+      isOpen: open,
+      useIcons,
+      slider,
+      headerTitle,
+      setHeaderTitle,
+      parentItem,
+      setParentItem,
+      withParentData,
+      navigateToChildHandler,
+      navigateToParentHandler,
+      parentData,
+      setParentData,
+      parentSelected,
+      setParentSelected,
+      hasAnyChildWithData
+    }),
+    [
+      open,
+      useIcons,
+      slider,
+      headerTitle,
+      setHeaderTitle,
+      parentItem,
+      setParentItem,
+      withParentData,
+      navigateToChildHandler,
+      navigateToParentHandler,
+      hasAnyChildWithData,
+      parentData,
+      parentSelected
+    ]
+  );
+  const content = /* @__PURE__ */ jsx(VerticalNavigationContext.Provider, { value, children: /* @__PURE__ */ jsx(
+    "div",
+    {
+      id,
+      className: cx(
+        classes.root,
+        {
+          [classes.collapsed]: !open,
+          [classes.slider]: slider,
+          [classes.childData]: hasAnyChildWithData
+        },
+        className
+      ),
+      ...others,
+      children
+    }
+  ) });
   return content;
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"VerticalNavigation.js","sources":["../../../../src/components/VerticalNavigation/VerticalNavigation.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport {\n  VerticalNavigationContext,\n  NavigationData,\n} from \"./VerticalNavigationContext\";\nimport {\n  fillDataWithParentId,\n  getNavigationItemById,\n  getParentItemById,\n} from \"./NavigationSlider/utils\";\nimport { hasChildNavigationItems } from \"./utils/VerticalNavigation.utils\";\n\nimport { staticClasses, useClasses } from \"./VerticalNavigation.styles\";\n\nexport { staticClasses as verticalNavigationClasses };\n\nexport type HvVerticalNavigationClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvVerticalNavigationProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationClasses;\n  /**\n   * Current State of the Vertical Navigation Collapse\n   */\n  open?: boolean;\n  /**\n   * Collpased Mode for the Vertical Navigation, the default value is \"simple\".\n   *\n   * @deprecated - `useIcons` property should be used instead.\n   */\n  collapsedMode?: HvVerticalNavigationMode;\n  /**\n   * Boolean to determine if treeview is in slider mode (for mobile navigation), the default value is false.\n   */\n  slider?: boolean;\n  /**\n   * The content inside the actions container.\n   */\n  children?: React.ReactNode;\n  /**\n   * Boolean to determine if icons should be displayed in the navigation menu.\n   * When `true` a icon will always be displayed, if no icon is provided the first letter of the label will be\n   * displayed inside an Avatar component.\n   * When `false` no icons will be shown, even if an icon is provided.\n   */\n  useIcons?: boolean;\n}\n\n/**\n * Navigation enables users to move through an app to complete tasks.\n *\n * It is recommended to use vertical navigation when your application requires global navigation that is displayed on the left.\n * While vertical navigation menus generally consume more space than their horizontal counterparts, they have become more popular as desktop monitors move to wide-screen formats.\n *\n * Although both the hierarchically organized data and the visual style resemble a treeview-like structure, the [Treeview Design Pattern](https://w3c.github.io/aria-practices/#TreeView)\n * isn't necessarily the most appropriate.\n *\n * The tree role provides complex functionality that is not needed for typical site navigation, and changes the most common keyboard navigation using TAB.\n *\n * The [Disclosure Design Pattern](https://w3c.github.io/aria-practices/#disclosure) is more suited for typical site navigation, with expandable groups of links.\n * However it can be tedious to TAB through all navigation items to reach the actions panel.\n *\n * Both modes are available via the `mode` property and each app should choose the most appropriate.\n */\nexport const HvVerticalNavigation = (props: HvVerticalNavigationProps) => {\n  const {\n    id,\n    className,\n    classes: classesProp,\n\n    children,\n\n    open = true,\n\n    slider = false,\n\n    useIcons = false,\n\n    ...others\n  } = useDefaultProps(\"HvVerticalNavigation\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  const [parentData, setParentData] = useState<NavigationData[]>([]);\n\n  const [parentSelected, setParentSelected] = useState();\n\n  const [headerTitle, setHeaderTitle] = useState<string | undefined>();\n\n  // navigationSlider\n  const withParentData = useMemo(\n    () => fillDataWithParentId(parentData),\n    [parentData]\n  );\n\n  const initialParentItem = useMemo(\n    () => getParentItemById(withParentData, parentSelected),\n    [withParentData, parentSelected]\n  );\n\n  const [parentItem, setParentItem] = useState(initialParentItem);\n\n  const hasAnyChildWithData = useMemo(\n    () => hasChildNavigationItems(parentData),\n    [parentData]\n  );\n\n  useEffect(\n    () => setHeaderTitle(parentItem?.label),\n    [parentItem, setParentItem]\n  );\n\n  const navigateToParentHandler = useCallback(() => {\n    setParentItem(getParentItemById(withParentData, parentItem.id));\n  }, [parentItem, setParentItem, withParentData]);\n\n  const navigateToChildHandler = useCallback(\n    (event, item) => {\n      setParentItem(getNavigationItemById(withParentData, item.id));\n      event.stopPropagation();\n    },\n    [setParentItem, withParentData]\n  );\n\n  const value = useMemo(\n    () => ({\n      isOpen: open,\n      useIcons,\n      slider,\n      headerTitle,\n      setHeaderTitle,\n\n      parentItem,\n      setParentItem,\n      withParentData,\n      navigateToChildHandler,\n      navigateToParentHandler,\n\n      parentData,\n      setParentData,\n      parentSelected,\n      setParentSelected,\n      hasAnyChildWithData,\n    }),\n    [\n      open,\n      useIcons,\n      slider,\n      headerTitle,\n      setHeaderTitle,\n      parentItem,\n      setParentItem,\n      withParentData,\n      navigateToChildHandler,\n      navigateToParentHandler,\n      hasAnyChildWithData,\n      parentData,\n      parentSelected,\n    ]\n  );\n\n  const content = (\n    <VerticalNavigationContext.Provider value={value}>\n      <div\n        id={id}\n        className={cx(\n          classes.root,\n          {\n            [classes.collapsed]: !open,\n            [classes.slider]: slider,\n            [classes.childData]: hasAnyChildWithData,\n          },\n          className\n        )}\n        {...others}\n      >\n        {children}\n      </div>\n    </VerticalNavigationContext.Provider>\n  );\n\n  return content;\n};\n\nexport type HvVerticalNavigationMode = \"icon\" | \"simple\";\n\nexport type HvVerticalNavigationPosition =\n  | \"static\"\n  | \"relative\"\n  | \"fixed\"\n  | \"absolute\";\n"],"names":["HvVerticalNavigation","props","id","className","classes","classesProp","children","open","slider","useIcons","others","useDefaultProps","cx","useClasses","parentData","setParentData","useState","parentSelected","setParentSelected","headerTitle","setHeaderTitle","withParentData","useMemo","fillDataWithParentId","initialParentItem","getParentItemById","parentItem","setParentItem","hasAnyChildWithData","hasChildNavigationItems","label","navigateToParentHandler","useCallback","navigateToChildHandler","event","item","getNavigationItemById","stopPropagation","value","isOpen","content","root","collapsed","childData"],"mappings":";;;;;;;;AA+EaA,MAAAA,uBAAuBA,CAACC,UAAqC;AAClE,QAAA;AAAA,IACJC;AAAAA,IACAC;AAAAA,IACAC,SAASC;AAAAA,IAETC;AAAAA,IAEAC,OAAO;AAAA,IAEPC,SAAS;AAAA,IAETC,WAAW;AAAA,IAEX,GAAGC;AAAAA,EAAAA,IACDC,gBAAgB,wBAAwBV,KAAK;AAC3C,QAAA;AAAA,IAAEG;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,WAAWR,WAAW;AAE9C,QAAM,CAACS,YAAYC,aAAa,IAAIC,SAA2B,CAAE,CAAA;AAEjE,QAAM,CAACC,gBAAgBC,iBAAiB,IAAIF,SAAS;AAErD,QAAM,CAACG,aAAaC,cAAc,IAAIJ,SAA6B;AAG7DK,QAAAA,iBAAiBC,QACrB,MAAMC,qBAAqBT,UAAU,GACrC,CAACA,UAAU,CACb;AAEMU,QAAAA,oBAAoBF,QACxB,MAAMG,kBAAkBJ,gBAAgBJ,cAAc,GACtD,CAACI,gBAAgBJ,cAAc,CACjC;AAEA,QAAM,CAACS,YAAYC,aAAa,IAAIX,SAASQ,iBAAiB;AAExDI,QAAAA,sBAAsBN,QAC1B,MAAMO,wBAAwBf,UAAU,GACxC,CAACA,UAAU,CACb;AAGE,YAAA,MAAMM,eAAeM,YAAYI,KAAK,GACtC,CAACJ,YAAYC,aAAa,CAC5B;AAEMI,QAAAA,0BAA0BC,YAAY,MAAM;AAChDL,kBAAcF,kBAAkBJ,gBAAgBK,WAAWxB,EAAE,CAAC;AAAA,EAC7D,GAAA,CAACwB,YAAYC,eAAeN,cAAc,CAAC;AAE9C,QAAMY,yBAAyBD,YAC7B,CAACE,OAAOC,SAAS;AACfR,kBAAcS,sBAAsBf,gBAAgBc,KAAKjC,EAAE,CAAC;AAC5DgC,UAAMG,gBAAgB;AAAA,EAAA,GAExB,CAACV,eAAeN,cAAc,CAChC;AAEMiB,QAAAA,QAAQhB,QACZ,OAAO;AAAA,IACLiB,QAAQhC;AAAAA,IACRE;AAAAA,IACAD;AAAAA,IACAW;AAAAA,IACAC;AAAAA,IAEAM;AAAAA,IACAC;AAAAA,IACAN;AAAAA,IACAY;AAAAA,IACAF;AAAAA,IAEAjB;AAAAA,IACAC;AAAAA,IACAE;AAAAA,IACAC;AAAAA,IACAU;AAAAA,EAAAA,IAEF,CACErB,MACAE,UACAD,QACAW,aACAC,gBACAM,YACAC,eACAN,gBACAY,wBACAF,yBACAH,qBACAd,YACAG,cAAc,CAElB;AAEA,QAAMuB,UACJ,oBAAC,0BAA0B,UAA1B,EAAmC,OAClC,UAAC,oBAAA,OAAA,EACC,IACA,WAAW5B,GACTR,QAAQqC,MACR;AAAA,IACE,CAACrC,QAAQsC,SAAS,GAAG,CAACnC;AAAAA,IACtB,CAACH,QAAQI,MAAM,GAAGA;AAAAA,IAClB,CAACJ,QAAQuC,SAAS,GAAGf;AAAAA,EAAAA,GAEvBzB,SACF,GACA,GAAIO,QAEHJ,SACH,CAAA,EACF,CAAA;AAGKkC,SAAAA;AACT;"}
+{"version":3,"file":"VerticalNavigation.js","sources":["../../../../src/components/VerticalNavigation/VerticalNavigation.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\n\nimport {\n  VerticalNavigationContext,\n  NavigationData,\n} from \"./VerticalNavigationContext\";\nimport {\n  fillDataWithParentId,\n  getNavigationItemById,\n  getParentItemById,\n} from \"./NavigationSlider/utils\";\nimport { hasChildNavigationItems } from \"./utils/VerticalNavigation.utils\";\n\nimport { staticClasses, useClasses } from \"./VerticalNavigation.styles\";\n\nexport { staticClasses as verticalNavigationClasses };\n\nexport type HvVerticalNavigationClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvVerticalNavigationProps {\n  /**\n   * Id to be applied to the root node.\n   */\n  id?: string;\n  /**\n   * Class names to be applied.\n   */\n  className?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied to the component.\n   */\n  classes?: HvVerticalNavigationClasses;\n  /**\n   * Current State of the Vertical Navigation Collapse\n   */\n  open?: boolean;\n  /**\n   * Collpased Mode for the Vertical Navigation, the default value is \"simple\".\n   *\n   * @deprecated - `useIcons` property should be used instead.\n   */\n  collapsedMode?: HvVerticalNavigationMode;\n  /**\n   * Boolean to determine if treeview is in slider mode (for mobile navigation), the default value is false.\n   */\n  slider?: boolean;\n  /**\n   * The content inside the actions container.\n   */\n  children?: React.ReactNode;\n  /**\n   * Boolean to determine if icons should be displayed in the navigation menu.\n   * When `true` a icon will always be displayed, if no icon is provided the first letter of the label will be\n   * displayed inside an Avatar component.\n   * When `false` no icons will be shown, even if an icon is provided.\n   */\n  useIcons?: boolean;\n}\n\n/**\n * Navigation enables users to move through an app to complete tasks.\n *\n * It is recommended to use vertical navigation when your application requires global navigation that is displayed on the left.\n * While vertical navigation menus generally consume more space than their horizontal counterparts, they have become more popular as desktop monitors move to wide-screen formats.\n *\n * Although both the hierarchically organized data and the visual style resemble a treeview-like structure, the [Treeview Design Pattern](https://w3c.github.io/aria-practices/#TreeView)\n * isn't necessarily the most appropriate.\n *\n * The tree role provides complex functionality that is not needed for typical site navigation, and changes the most common keyboard navigation using TAB.\n *\n * The [Disclosure Design Pattern](https://w3c.github.io/aria-practices/#disclosure) is more suited for typical site navigation, with expandable groups of links.\n * However it can be tedious to TAB through all navigation items to reach the actions panel.\n *\n * Both modes are available via the `mode` property and each app should choose the most appropriate.\n */\nexport const HvVerticalNavigation = (props: HvVerticalNavigationProps) => {\n  const {\n    id,\n    className,\n    classes: classesProp,\n\n    children,\n\n    open = true,\n\n    slider = false,\n\n    useIcons = false,\n\n    ...others\n  } = useDefaultProps(\"HvVerticalNavigation\", props);\n  const { classes, cx } = useClasses(classesProp);\n\n  const [parentData, setParentData] = useState<NavigationData[]>([]);\n\n  const [parentSelected, setParentSelected] = useState();\n\n  const [headerTitle, setHeaderTitle] = useState<string | undefined>();\n\n  // navigationSlider\n  const withParentData = useMemo(\n    () => fillDataWithParentId(parentData),\n    [parentData]\n  );\n\n  const initialParentItem = useMemo(\n    () => getParentItemById(withParentData, parentSelected),\n    [withParentData, parentSelected]\n  );\n\n  const [parentItem, setParentItem] = useState(initialParentItem);\n\n  const hasAnyChildWithData = useMemo(\n    () => hasChildNavigationItems(parentData),\n    [parentData]\n  );\n\n  useEffect(\n    () => setHeaderTitle(parentItem?.label),\n    [parentItem, setParentItem]\n  );\n\n  const navigateToParentHandler = useCallback(() => {\n    setParentItem(getParentItemById(withParentData, parentItem.id));\n  }, [parentItem, setParentItem, withParentData]);\n\n  const navigateToChildHandler = useCallback(\n    (event, item) => {\n      setParentItem(getNavigationItemById(withParentData, item.id));\n      event.stopPropagation();\n    },\n    [setParentItem, withParentData]\n  );\n\n  const value = useMemo(\n    () => ({\n      isOpen: open,\n      useIcons,\n      slider,\n      headerTitle,\n      setHeaderTitle,\n\n      parentItem,\n      setParentItem,\n      withParentData,\n      navigateToChildHandler,\n      navigateToParentHandler,\n\n      parentData,\n      setParentData,\n      parentSelected,\n      setParentSelected,\n      hasAnyChildWithData,\n    }),\n    [\n      open,\n      useIcons,\n      slider,\n      headerTitle,\n      setHeaderTitle,\n      parentItem,\n      setParentItem,\n      withParentData,\n      navigateToChildHandler,\n      navigateToParentHandler,\n      hasAnyChildWithData,\n      parentData,\n      parentSelected,\n    ]\n  );\n\n  const content = (\n    <VerticalNavigationContext.Provider value={value}>\n      <div\n        id={id}\n        className={cx(\n          classes.root,\n          {\n            [classes.collapsed]: !open,\n            [classes.slider]: slider,\n            [classes.childData]: hasAnyChildWithData,\n          },\n          className\n        )}\n        {...others}\n      >\n        {children}\n      </div>\n    </VerticalNavigationContext.Provider>\n  );\n\n  return content;\n};\n\nexport type HvVerticalNavigationMode = \"icon\" | \"simple\";\n\nexport type HvVerticalNavigationPosition =\n  | \"static\"\n  | \"relative\"\n  | \"fixed\"\n  | \"absolute\";\n"],"names":[],"mappings":";;;;;;;;AA+Ea,MAAA,uBAAuB,CAAC,UAAqC;AAClE,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IAET;AAAA,IAEA,OAAO;AAAA,IAEP,SAAS;AAAA,IAET,WAAW;AAAA,IAEX,GAAG;AAAA,EAAA,IACD,gBAAgB,wBAAwB,KAAK;AACjD,QAAM,EAAE,SAAS,GAAG,IAAI,WAAW,WAAW;AAE9C,QAAM,CAAC,YAAY,aAAa,IAAI,SAA2B,CAAE,CAAA;AAEjE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS;AAErD,QAAM,CAAC,aAAa,cAAc,IAAI,SAA6B;AAGnE,QAAM,iBAAiB;AAAA,IACrB,MAAM,qBAAqB,UAAU;AAAA,IACrC,CAAC,UAAU;AAAA,EAAA;AAGb,QAAM,oBAAoB;AAAA,IACxB,MAAM,kBAAkB,gBAAgB,cAAc;AAAA,IACtD,CAAC,gBAAgB,cAAc;AAAA,EAAA;AAGjC,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,iBAAiB;AAE9D,QAAM,sBAAsB;AAAA,IAC1B,MAAM,wBAAwB,UAAU;AAAA,IACxC,CAAC,UAAU;AAAA,EAAA;AAGb;AAAA,IACE,MAAM,eAAe,YAAY,KAAK;AAAA,IACtC,CAAC,YAAY,aAAa;AAAA,EAAA;AAGtB,QAAA,0BAA0B,YAAY,MAAM;AAChD,kBAAc,kBAAkB,gBAAgB,WAAW,EAAE,CAAC;AAAA,EAC7D,GAAA,CAAC,YAAY,eAAe,cAAc,CAAC;AAE9C,QAAM,yBAAyB;AAAA,IAC7B,CAAC,OAAO,SAAS;AACf,oBAAc,sBAAsB,gBAAgB,KAAK,EAAE,CAAC;AAC5D,YAAM,gBAAgB;AAAA,IACxB;AAAA,IACA,CAAC,eAAe,cAAc;AAAA,EAAA;AAGhC,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EAAA;AAGF,QAAM,UACJ,oBAAC,0BAA0B,UAA1B,EAAmC,OAClC,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,SAAS,GAAG,CAAC;AAAA,UACtB,CAAC,QAAQ,MAAM,GAAG;AAAA,UAClB,CAAC,QAAQ,SAAS,GAAG;AAAA,QACvB;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAEL,EAAA,CAAA;AAGK,SAAA;AACT;"}

package/dist/esm/components/VerticalNavigation/VerticalNavigation.styles.js

@@ -1,48 +1,48 @@
 import { theme } from "@hitachivantara/uikit-styles";
 import { createClasses } from "../../utils/classes.js";
-const {
-  staticClasses,
-  useClasses
-} = createClasses("HvVerticalNavigation", {
-  root: {
-    display: "flex",
-    flexDirection: "column",
-    justifyContent: "flex-start",
-    width: "220px",
-    background: theme.colors.atmo1,
-    boxShadow: theme.colors.shadow,
-    clipPath: "inset(0px -12px 0px 0px)",
-    "& > :only-child": {
-      padding: theme.space.sm
-    },
-    "& > :not(nav:first-of-type)": {
-      borderTop: `3px solid ${theme.colors.atmo2}`,
-      padding: theme.spacing("xs", "sm", "sm", "sm")
+const { staticClasses, useClasses } = createClasses(
+  "HvVerticalNavigation",
+  {
+    root: {
+      display: "flex",
+      flexDirection: "column",
+      justifyContent: "flex-start",
+      width: "220px",
+      background: theme.colors.atmo1,
+      boxShadow: theme.colors.shadow,
+      clipPath: "inset(0px -12px 0px 0px)",
+      "& > :only-child": {
+        padding: theme.space.sm
+      },
+      "& > :not(nav:first-of-type)": {
+        borderTop: `3px solid ${theme.colors.atmo2}`,
+        padding: theme.spacing("xs", "sm", "sm", "sm")
+      },
+      "& > :first-of-type:not(:last-child)": {
+        borderTop: "none",
+        padding: theme.spacing("sm", "sm", "xs", "sm")
+      }
     },
-    "& > :first-of-type:not(:last-child)": {
-      borderTop: "none",
-      padding: theme.spacing("sm", "sm", "xs", "sm")
-    }
-  },
-  collapsed: {
-    width: "56px",
-    "&$childData": {
-      width: "66px"
+    collapsed: {
+      width: "56px",
+      "&$childData": {
+        width: "66px"
+      },
+      "& > :first-of-type:not(:last-child)": {
+        padding: theme.spacing("sm", "xs", "xs", "xs")
+      },
+      "& > :not(nav:first-of-type)": {
+        padding: theme.spacing("xs", "xs", "sm", "xs")
+      }
     },
-    "& > :first-of-type:not(:last-child)": {
-      padding: theme.spacing("sm", "xs", "xs", "xs")
+    slider: {
+      "& > div:first-of-type": {
+        borderBottom: `3px solid ${theme.colors.atmo2}`
+      }
     },
-    "& > :not(nav:first-of-type)": {
-      padding: theme.spacing("xs", "xs", "sm", "xs")
-    }
-  },
-  slider: {
-    "& > div:first-of-type": {
-      borderBottom: `3px solid ${theme.colors.atmo2}`
-    }
-  },
-  childData: {}
-});
+    childData: {}
+  }
+);
 export {
   staticClasses,
   useClasses

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

@@ -1 +1 @@
-{"version":3,"file":"VerticalNavigation.styles.js","sources":["../../../../src/components/VerticalNavigation/VerticalNavigation.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigation\",\n  {\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      justifyContent: \"flex-start\",\n\n      width: \"220px\",\n\n      background: theme.colors.atmo1,\n      boxShadow: theme.colors.shadow,\n      clipPath: \"inset(0px -12px 0px 0px)\",\n\n      \"& > :only-child\": {\n        padding: theme.space.sm,\n      },\n      \"& > :not(nav:first-of-type)\": {\n        borderTop: `3px solid ${theme.colors.atmo2}`,\n        padding: theme.spacing(\"xs\", \"sm\", \"sm\", \"sm\"),\n      },\n\n      \"& > :first-of-type:not(:last-child)\": {\n        borderTop: \"none\",\n        padding: theme.spacing(\"sm\", \"sm\", \"xs\", \"sm\"),\n      },\n    },\n    collapsed: {\n      width: \"56px\",\n      \"&$childData\": {\n        width: \"66px\",\n      },\n      \"& > :first-of-type:not(:last-child)\": {\n        padding: theme.spacing(\"sm\", \"xs\", \"xs\", \"xs\"),\n      },\n\n      \"& > :not(nav:first-of-type)\": {\n        padding: theme.spacing(\"xs\", \"xs\", \"sm\", \"xs\"),\n      },\n    },\n\n    slider: {\n      \"& > div:first-of-type\": {\n        borderBottom: `3px solid ${theme.colors.atmo2}`,\n      },\n    },\n\n    childData: {},\n  }\n);\n"],"names":["staticClasses","useClasses","createClasses","root","display","flexDirection","justifyContent","width","background","theme","colors","atmo1","boxShadow","shadow","clipPath","padding","space","sm","borderTop","atmo2","spacing","collapsed","slider","borderBottom","childData"],"mappings":";;AAIa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,cAC3C,wBACA;AAAA,EACEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,gBAAgB;AAAA,IAEhBC,OAAO;AAAA,IAEPC,YAAYC,MAAMC,OAAOC;AAAAA,IACzBC,WAAWH,MAAMC,OAAOG;AAAAA,IACxBC,UAAU;AAAA,IAEV,mBAAmB;AAAA,MACjBC,SAASN,MAAMO,MAAMC;AAAAA,IACvB;AAAA,IACA,+BAA+B;AAAA,MAC7BC,WAAY,aAAYT,MAAMC,OAAOS,KAAM;AAAA,MAC3CJ,SAASN,MAAMW,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,IAEA,uCAAuC;AAAA,MACrCF,WAAW;AAAA,MACXH,SAASN,MAAMW,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,EACF;AAAA,EACAC,WAAW;AAAA,IACTd,OAAO;AAAA,IACP,eAAe;AAAA,MACbA,OAAO;AAAA,IACT;AAAA,IACA,uCAAuC;AAAA,MACrCQ,SAASN,MAAMW,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,IAEA,+BAA+B;AAAA,MAC7BL,SAASN,MAAMW,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,EACF;AAAA,EAEAE,QAAQ;AAAA,IACN,yBAAyB;AAAA,MACvBC,cAAe,aAAYd,MAAMC,OAAOS,KAAM;AAAA,IAChD;AAAA,EACF;AAAA,EAEAK,WAAW,CAAC;AACd,CACF;"}
+{"version":3,"file":"VerticalNavigation.styles.js","sources":["../../../../src/components/VerticalNavigation/VerticalNavigation.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"@core/utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvVerticalNavigation\",\n  {\n    root: {\n      display: \"flex\",\n      flexDirection: \"column\",\n      justifyContent: \"flex-start\",\n\n      width: \"220px\",\n\n      background: theme.colors.atmo1,\n      boxShadow: theme.colors.shadow,\n      clipPath: \"inset(0px -12px 0px 0px)\",\n\n      \"& > :only-child\": {\n        padding: theme.space.sm,\n      },\n      \"& > :not(nav:first-of-type)\": {\n        borderTop: `3px solid ${theme.colors.atmo2}`,\n        padding: theme.spacing(\"xs\", \"sm\", \"sm\", \"sm\"),\n      },\n\n      \"& > :first-of-type:not(:last-child)\": {\n        borderTop: \"none\",\n        padding: theme.spacing(\"sm\", \"sm\", \"xs\", \"sm\"),\n      },\n    },\n    collapsed: {\n      width: \"56px\",\n      \"&$childData\": {\n        width: \"66px\",\n      },\n      \"& > :first-of-type:not(:last-child)\": {\n        padding: theme.spacing(\"sm\", \"xs\", \"xs\", \"xs\"),\n      },\n\n      \"& > :not(nav:first-of-type)\": {\n        padding: theme.spacing(\"xs\", \"xs\", \"sm\", \"xs\"),\n      },\n    },\n\n    slider: {\n      \"& > div:first-of-type\": {\n        borderBottom: `3px solid ${theme.colors.atmo2}`,\n      },\n    },\n\n    childData: {},\n  }\n);\n"],"names":[],"mappings":";;AAIa,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,eAAe;AAAA,MACf,gBAAgB;AAAA,MAEhB,OAAO;AAAA,MAEP,YAAY,MAAM,OAAO;AAAA,MACzB,WAAW,MAAM,OAAO;AAAA,MACxB,UAAU;AAAA,MAEV,mBAAmB;AAAA,QACjB,SAAS,MAAM,MAAM;AAAA,MACvB;AAAA,MACA,+BAA+B;AAAA,QAC7B,WAAW,aAAa,MAAM,OAAO,KAAK;AAAA,QAC1C,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,MAC/C;AAAA,MAEA,uCAAuC;AAAA,QACrC,WAAW;AAAA,QACX,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,MAC/C;AAAA,IACF;AAAA,IACA,WAAW;AAAA,MACT,OAAO;AAAA,MACP,eAAe;AAAA,QACb,OAAO;AAAA,MACT;AAAA,MACA,uCAAuC;AAAA,QACrC,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,MAC/C;AAAA,MAEA,+BAA+B;AAAA,QAC7B,SAAS,MAAM,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,MAC/C;AAAA,IACF;AAAA,IAEA,QAAQ;AAAA,MACN,yBAAyB;AAAA,QACvB,cAAc,aAAa,MAAM,OAAO,KAAK;AAAA,MAC/C;AAAA,IACF;AAAA,IAEA,WAAW,CAAC;AAAA,EACd;AACF;"}

package/dist/esm/components/VerticalNavigation/VerticalNavigationContext.js

@@ -1,9 +1,11 @@
 import { createContext } from "react";
-const VerticalNavigationContext = createContext({
-  isOpen: true,
-  useIcons: false,
-  slider: false
-});
+const VerticalNavigationContext = createContext(
+  {
+    isOpen: true,
+    useIcons: false,
+    slider: false
+  }
+);
 export {
   VerticalNavigationContext
 };

package/dist/esm/components/VerticalNavigation/VerticalNavigationContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalNavigationContext.js","sources":["../../../../src/components/VerticalNavigation/VerticalNavigationContext.tsx"],"sourcesContent":["import { createContext, ComponentProps } from \"react\";\n\nexport type NavigationData<T extends React.ElementType = \"a\"> =\n  ComponentProps<T> &\n    Record<string, any> & {\n      /** The id to be applied to the root element. */\n      id: string;\n      /** The label to be rendered on the menu item. */\n      label: string;\n      /** The icon to be rendered. */\n      icon?: React.ReactNode;\n      /** The Data children subset. */\n      data?: NavigationData<T>[];\n      /** Whether the item is disabled and not interactive. */\n      disabled?: boolean;\n      /** Whether the item has a selected state. */\n      selectable?: boolean;\n    };\n\ninterface VerticalNavigationContextValue {\n  isOpen: boolean;\n  useIcons: boolean;\n  slider?: boolean;\n  headerTitle?: string;\n  setHeaderTitle?: React.Dispatch<React.SetStateAction<string | undefined>>;\n\n  parentItem?;\n  setParentItem?: React.Dispatch<React.SetStateAction<any>>;\n  withParentData?;\n  navigateToChildHandler?: (event, item) => void;\n  navigateToParentHandler?: () => void;\n\n  parentData?: NavigationData[];\n  setParentData?: React.Dispatch<React.SetStateAction<any>>;\n  parentSelected?;\n  setParentSelected?: React.Dispatch<React.SetStateAction<any>>;\n\n  hasAnyChildWithData?: boolean;\n}\n\nconst VerticalNavigationContext = createContext<VerticalNavigationContextValue>(\n  {\n    isOpen: true,\n    useIcons: false,\n    slider: false,\n  }\n);\n\nexport { VerticalNavigationContext };\n"],"names":["VerticalNavigationContext","createContext","isOpen","useIcons","slider"],"mappings":";AAwCA,MAAMA,4BAA4BC,cAChC;AAAA,EACEC,QAAQ;AAAA,EACRC,UAAU;AAAA,EACVC,QAAQ;AACV,CACF;"}
+{"version":3,"file":"VerticalNavigationContext.js","sources":["../../../../src/components/VerticalNavigation/VerticalNavigationContext.tsx"],"sourcesContent":["import { createContext, ComponentProps } from \"react\";\n\nexport type NavigationData<T extends React.ElementType = \"a\"> =\n  ComponentProps<T> &\n    Record<string, any> & {\n      /** The id to be applied to the root element. */\n      id: string;\n      /** The label to be rendered on the menu item. */\n      label: string;\n      /** The icon to be rendered. */\n      icon?: React.ReactNode;\n      /** The Data children subset. */\n      data?: NavigationData<T>[];\n      /** Whether the item is disabled and not interactive. */\n      disabled?: boolean;\n      /** Whether the item has a selected state. */\n      selectable?: boolean;\n    };\n\ninterface VerticalNavigationContextValue {\n  isOpen: boolean;\n  useIcons: boolean;\n  slider?: boolean;\n  headerTitle?: string;\n  setHeaderTitle?: React.Dispatch<React.SetStateAction<string | undefined>>;\n\n  parentItem?;\n  setParentItem?: React.Dispatch<React.SetStateAction<any>>;\n  withParentData?;\n  navigateToChildHandler?: (event, item) => void;\n  navigateToParentHandler?: () => void;\n\n  parentData?: NavigationData[];\n  setParentData?: React.Dispatch<React.SetStateAction<any>>;\n  parentSelected?;\n  setParentSelected?: React.Dispatch<React.SetStateAction<any>>;\n\n  hasAnyChildWithData?: boolean;\n}\n\nconst VerticalNavigationContext = createContext<VerticalNavigationContextValue>(\n  {\n    isOpen: true,\n    useIcons: false,\n    slider: false,\n  }\n);\n\nexport { VerticalNavigationContext };\n"],"names":[],"mappings":";AAwCA,MAAM,4BAA4B;AAAA,EAChC;AAAA,IACE,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,QAAQ;AAAA,EACV;AACF;"}

package/dist/esm/components/VerticalNavigation/utils/VerticalNavigation.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalNavigation.utils.js","sources":["../../../../../src/components/VerticalNavigation/utils/VerticalNavigation.utils.tsx"],"sourcesContent":["import { NavigationData } from \"../VerticalNavigationContext\";\n\n/**\n * Checks if there are any sub items in the NavigationItem data structure.\n *\n * @param data - The collection of navigation items.\n * @returns `true` if there is at least one sub item in the structure, `false` otherwise.\n */\nconst hasChildNavigationItems = (data: NavigationData[]) => {\n  return data.some((item) => item.data && item.data.length > 0);\n};\n\nexport { hasChildNavigationItems };\n"],"names":["hasChildNavigationItems","data","some","item","length"],"mappings":"AAQMA,MAAAA,0BAA0BA,CAACC,SAA2B;AACnDA,SAAAA,KAAKC,KAAMC,CAASA,SAAAA,KAAKF,QAAQE,KAAKF,KAAKG,SAAS,CAAC;AAC9D;"}
+{"version":3,"file":"VerticalNavigation.utils.js","sources":["../../../../../src/components/VerticalNavigation/utils/VerticalNavigation.utils.tsx"],"sourcesContent":["import { NavigationData } from \"../VerticalNavigationContext\";\n\n/**\n * Checks if there are any sub items in the NavigationItem data structure.\n *\n * @param data - The collection of navigation items.\n * @returns `true` if there is at least one sub item in the structure, `false` otherwise.\n */\nconst hasChildNavigationItems = (data: NavigationData[]) => {\n  return data.some((item) => item.data && item.data.length > 0);\n};\n\nexport { hasChildNavigationItems };\n"],"names":[],"mappings":"AAQM,MAAA,0BAA0B,CAAC,SAA2B;AACnD,SAAA,KAAK,KAAK,CAAC,SAAS,KAAK,QAAQ,KAAK,KAAK,SAAS,CAAC;AAC9D;"}

package/dist/esm/hocs/withTooltip.js

@@ -10,7 +10,9 @@ const styles = {
   }
 };
 const withTooltip = (Component, label = "", placement, hideTooltip, tooltipProps, tooltipContainerProps) => (props) => {
-  const [isHoverDisabled, setIsHoverDisabled] = useState(false);
+  const [isHoverDisabled, setIsHoverDisabled] = useState(
+    false
+  );
   const [open, setOpen] = useState(false);
   const title = /* @__PURE__ */ jsx(HvTypography, { children: label });
   const handleMouseEnter = (event) => {
@@ -22,9 +24,28 @@ const withTooltip = (Component, label = "", placement, hideTooltip, tooltipProps
     setIsHoverDisabled(false);
     setOpen(false);
   };
-  return /* @__PURE__ */ jsx(HvTooltip, { style: {
-    ...styles.truncate
-  }, disableHoverListener: isHoverDisabled, disableFocusListener: true, disableTouchListener: true, title, open, placement, ...tooltipProps, children: /* @__PURE__ */ jsx("div", { ...tooltipContainerProps, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: /* @__PURE__ */ jsx(Component, { ...props }) }) });
+  return /* @__PURE__ */ jsx(
+    HvTooltip,
+    {
+      style: { ...styles.truncate },
+      disableHoverListener: isHoverDisabled,
+      disableFocusListener: true,
+      disableTouchListener: true,
+      title,
+      open,
+      placement,
+      ...tooltipProps,
+      children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          ...tooltipContainerProps,
+          onMouseEnter: handleMouseEnter,
+          onMouseLeave: handleMouseLeave,
+          children: /* @__PURE__ */ jsx(Component, { ...props })
+        }
+      )
+    }
+  );
 };
 export {
   withTooltip

package/dist/esm/hocs/withTooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"withTooltip.js","sources":["../../../src/hocs/withTooltip.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport {\n  HvTooltip,\n  HvTooltipPlacementType,\n  HvTooltipProps,\n} from \"@core/components/Tooltip\";\nimport { HvBaseProps } from \"@core/types/generic\";\n\nconst styles: { truncate: React.CSSProperties } = {\n  truncate: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n};\n\nexport const withTooltip =\n  (\n    Component: React.FunctionComponent,\n    // eslint-disable-next-line @typescript-eslint/default-param-last\n    label = \"\",\n    placement: HvTooltipPlacementType,\n    hideTooltip?: (event: React.MouseEvent<HTMLDivElement>) => boolean,\n    tooltipProps?: Partial<HvTooltipProps>,\n    tooltipContainerProps?: HvBaseProps\n  ) =>\n  (props) => {\n    const [isHoverDisabled, setIsHoverDisabled] = useState<boolean | undefined>(\n      false\n    );\n    const [open, setOpen] = useState<boolean>(false);\n\n    const title = <HvTypography>{label}</HvTypography>;\n\n    const handleMouseEnter = (event: React.MouseEvent<HTMLDivElement>) => {\n      const isHidden = hideTooltip?.(event);\n      setIsHoverDisabled(isHidden);\n      setOpen(!isHidden);\n    };\n\n    const handleMouseLeave = () => {\n      setIsHoverDisabled(false);\n      setOpen(false);\n    };\n\n    return (\n      <HvTooltip\n        style={{ ...styles.truncate }}\n        disableHoverListener={isHoverDisabled}\n        disableFocusListener\n        disableTouchListener\n        title={title}\n        open={open}\n        placement={placement}\n        {...tooltipProps}\n      >\n        <div\n          {...tooltipContainerProps}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n        >\n          <Component {...props} />\n        </div>\n      </HvTooltip>\n    );\n  };\n"],"names":["styles","truncate","overflow","textOverflow","whiteSpace","withTooltip","Component","label","placement","hideTooltip","tooltipProps","tooltipContainerProps","props","isHoverDisabled","setIsHoverDisabled","useState","open","setOpen","title","handleMouseEnter","event","isHidden","handleMouseLeave"],"mappings":";;;;AAUA,MAAMA,SAA4C;AAAA,EAChDC,UAAU;AAAA,IACRC,UAAU;AAAA,IACVC,cAAc;AAAA,IACdC,YAAY;AAAA,EACd;AACF;AAEaC,MAAAA,cACXA,CACEC,WAEAC,QAAQ,IACRC,WACAC,aACAC,cACAC,0BAEDC,CAAU,UAAA;AACT,QAAM,CAACC,iBAAiBC,kBAAkB,IAAIC,SAC5C,KACF;AACA,QAAM,CAACC,MAAMC,OAAO,IAAIF,SAAkB,KAAK;AAEzCG,QAAAA,QAAS,oBAAA,cAAA,EAAcX,UAAM,MAAA,CAAA;AAE7BY,QAAAA,mBAAmBA,CAACC,UAA4C;AAC9DC,UAAAA,WAAWZ,cAAcW,KAAK;AACpCN,uBAAmBO,QAAQ;AAC3BJ,YAAQ,CAACI,QAAQ;AAAA,EAAA;AAGnB,QAAMC,mBAAmBA,MAAM;AAC7BR,uBAAmB,KAAK;AACxBG,YAAQ,KAAK;AAAA,EAAA;AAIb,SAAA,oBAAC,aACC,OAAO;AAAA,IAAE,GAAGjB,OAAOC;AAAAA,EAAS,GAC5B,sBAAsBY,iBACtB,sBAAoB,MACpB,sBAAoB,MACpB,OACA,MACA,WACA,GAAIH,cAEJ,8BAAC,OACKC,EAAAA,GAAAA,uBACJ,cAAcQ,kBACd,cAAcG,kBAEd,UAAA,oBAAC,WAAU,EAAA,GAAIV,MAAM,CAAA,EACvB,CAAA,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"withTooltip.js","sources":["../../../src/hocs/withTooltip.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { HvTypography } from \"@core/components/Typography\";\nimport {\n  HvTooltip,\n  HvTooltipPlacementType,\n  HvTooltipProps,\n} from \"@core/components/Tooltip\";\nimport { HvBaseProps } from \"@core/types/generic\";\n\nconst styles: { truncate: React.CSSProperties } = {\n  truncate: {\n    overflow: \"hidden\",\n    textOverflow: \"ellipsis\",\n    whiteSpace: \"nowrap\",\n  },\n};\n\nexport const withTooltip =\n  (\n    Component: React.FunctionComponent,\n    // eslint-disable-next-line @typescript-eslint/default-param-last\n    label = \"\",\n    placement: HvTooltipPlacementType,\n    hideTooltip?: (event: React.MouseEvent<HTMLDivElement>) => boolean,\n    tooltipProps?: Partial<HvTooltipProps>,\n    tooltipContainerProps?: HvBaseProps\n  ) =>\n  (props) => {\n    const [isHoverDisabled, setIsHoverDisabled] = useState<boolean | undefined>(\n      false\n    );\n    const [open, setOpen] = useState<boolean>(false);\n\n    const title = <HvTypography>{label}</HvTypography>;\n\n    const handleMouseEnter = (event: React.MouseEvent<HTMLDivElement>) => {\n      const isHidden = hideTooltip?.(event);\n      setIsHoverDisabled(isHidden);\n      setOpen(!isHidden);\n    };\n\n    const handleMouseLeave = () => {\n      setIsHoverDisabled(false);\n      setOpen(false);\n    };\n\n    return (\n      <HvTooltip\n        style={{ ...styles.truncate }}\n        disableHoverListener={isHoverDisabled}\n        disableFocusListener\n        disableTouchListener\n        title={title}\n        open={open}\n        placement={placement}\n        {...tooltipProps}\n      >\n        <div\n          {...tooltipContainerProps}\n          onMouseEnter={handleMouseEnter}\n          onMouseLeave={handleMouseLeave}\n        >\n          <Component {...props} />\n        </div>\n      </HvTooltip>\n    );\n  };\n"],"names":[],"mappings":";;;;AAUA,MAAM,SAA4C;AAAA,EAChD,UAAU;AAAA,IACR,UAAU;AAAA,IACV,cAAc;AAAA,IACd,YAAY;AAAA,EACd;AACF;AAEa,MAAA,cACX,CACE,WAEA,QAAQ,IACR,WACA,aACA,cACA,0BAEF,CAAC,UAAU;AACH,QAAA,CAAC,iBAAiB,kBAAkB,IAAI;AAAA,IAC5C;AAAA,EAAA;AAEF,QAAM,CAAC,MAAM,OAAO,IAAI,SAAkB,KAAK;AAEzC,QAAA,QAAS,oBAAA,cAAA,EAAc,UAAM,MAAA,CAAA;AAE7B,QAAA,mBAAmB,CAAC,UAA4C;AAC9D,UAAA,WAAW,cAAc,KAAK;AACpC,uBAAmB,QAAQ;AAC3B,YAAQ,CAAC,QAAQ;AAAA,EAAA;AAGnB,QAAM,mBAAmB,MAAM;AAC7B,uBAAmB,KAAK;AACxB,YAAQ,KAAK;AAAA,EAAA;AAIb,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAO,EAAE,GAAG,OAAO,SAAS;AAAA,MAC5B,sBAAsB;AAAA,MACtB,sBAAoB;AAAA,MACpB,sBAAoB;AAAA,MACpB;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACE,GAAG;AAAA,UACJ,cAAc;AAAA,UACd,cAAc;AAAA,UAEd,UAAA,oBAAC,WAAW,EAAA,GAAG,MAAO,CAAA;AAAA,QAAA;AAAA,MACxB;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/esm/hooks/useClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClickOutside.js","sources":["../../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect, RefObject } from \"react\";\n\nexport type HvClickOutsideEvent = MouseEvent | KeyboardEvent | TouchEvent;\n\nexport const useClickOutside = <T extends HTMLElement = HTMLElement>(\n  ref: RefObject<T>,\n  handler: (event: HvClickOutsideEvent) => void\n) => {\n  useEffect(() => {\n    const listener = (event: HvClickOutsideEvent) => {\n      const el = ref?.current;\n      const isKeyUp = event.type === \"keyup\";\n      const isEscape = (event as KeyboardEvent).key === \"Escape\";\n\n      if (!el || el.contains((event?.target as Node) || null)) {\n        return {};\n      }\n\n      return isKeyUp ? (isEscape ? handler(event) : null) : handler(event);\n    };\n\n    document.addEventListener(\"click\", listener);\n    document.addEventListener(\"touchstart\", listener);\n    document.addEventListener(\"keyup\", listener);\n\n    return () => {\n      document.removeEventListener(\"click\", listener);\n      document.removeEventListener(\"touchstart\", listener);\n      document.removeEventListener(\"keyup\", listener);\n    };\n  }, [ref, handler]);\n};\n"],"names":["useClickOutside","ref","handler","useEffect","listener","event","el","current","isKeyUp","type","isEscape","key","contains","target","addEventListener","removeEventListener"],"mappings":";AAIaA,MAAAA,kBAAkB,CAC7BC,KACAC,YACG;AACHC,YAAU,MAAM;AACRC,UAAAA,WAAWA,CAACC,UAA+B;AAC/C,YAAMC,KAAKL,KAAKM;AACVC,YAAAA,UAAUH,MAAMI,SAAS;AACzBC,YAAAA,WAAYL,MAAwBM,QAAQ;AAElD,UAAI,CAACL,MAAMA,GAAGM,SAAUP,OAAOQ,UAAmB,IAAI,GAAG;AACvD,eAAO;MACT;AAEA,aAAOL,UAAWE,WAAWR,QAAQG,KAAK,IAAI,OAAQH,QAAQG,KAAK;AAAA,IAAA;AAG5DS,aAAAA,iBAAiB,SAASV,QAAQ;AAClCU,aAAAA,iBAAiB,cAAcV,QAAQ;AACvCU,aAAAA,iBAAiB,SAASV,QAAQ;AAE3C,WAAO,MAAM;AACFW,eAAAA,oBAAoB,SAASX,QAAQ;AACrCW,eAAAA,oBAAoB,cAAcX,QAAQ;AAC1CW,eAAAA,oBAAoB,SAASX,QAAQ;AAAA,IAAA;AAAA,EAChD,GACC,CAACH,KAAKC,OAAO,CAAC;AACnB;"}
+{"version":3,"file":"useClickOutside.js","sources":["../../../src/hooks/useClickOutside.ts"],"sourcesContent":["import { useEffect, RefObject } from \"react\";\n\nexport type HvClickOutsideEvent = MouseEvent | KeyboardEvent | TouchEvent;\n\nexport const useClickOutside = <T extends HTMLElement = HTMLElement>(\n  ref: RefObject<T>,\n  handler: (event: HvClickOutsideEvent) => void\n) => {\n  useEffect(() => {\n    const listener = (event: HvClickOutsideEvent) => {\n      const el = ref?.current;\n      const isKeyUp = event.type === \"keyup\";\n      const isEscape = (event as KeyboardEvent).key === \"Escape\";\n\n      if (!el || el.contains((event?.target as Node) || null)) {\n        return {};\n      }\n\n      return isKeyUp ? (isEscape ? handler(event) : null) : handler(event);\n    };\n\n    document.addEventListener(\"click\", listener);\n    document.addEventListener(\"touchstart\", listener);\n    document.addEventListener(\"keyup\", listener);\n\n    return () => {\n      document.removeEventListener(\"click\", listener);\n      document.removeEventListener(\"touchstart\", listener);\n      document.removeEventListener(\"keyup\", listener);\n    };\n  }, [ref, handler]);\n};\n"],"names":[],"mappings":";AAIa,MAAA,kBAAkB,CAC7B,KACA,YACG;AACH,YAAU,MAAM;AACR,UAAA,WAAW,CAAC,UAA+B;AAC/C,YAAM,KAAK,KAAK;AACV,YAAA,UAAU,MAAM,SAAS;AACzB,YAAA,WAAY,MAAwB,QAAQ;AAElD,UAAI,CAAC,MAAM,GAAG,SAAU,OAAO,UAAmB,IAAI,GAAG;AACvD,eAAO;MACT;AAEA,aAAO,UAAW,WAAW,QAAQ,KAAK,IAAI,OAAQ,QAAQ,KAAK;AAAA,IAAA;AAG5D,aAAA,iBAAiB,SAAS,QAAQ;AAClC,aAAA,iBAAiB,cAAc,QAAQ;AACvC,aAAA,iBAAiB,SAAS,QAAQ;AAE3C,WAAO,MAAM;AACF,eAAA,oBAAoB,SAAS,QAAQ;AACrC,eAAA,oBAAoB,cAAc,QAAQ;AAC1C,eAAA,oBAAoB,SAAS,QAAQ;AAAA,IAAA;AAAA,EAChD,GACC,CAAC,KAAK,OAAO,CAAC;AACnB;"}

package/dist/esm/hooks/useComputation.js.map

@@ -1 +1 @@
-{"version":3,"file":"useComputation.js","sources":["../../../src/hooks/useComputation.ts"],"sourcesContent":["import { useState, useRef } from \"react\";\n\nexport const useComputation = (valueFn, valueFallback?) => {\n  const computed = useRef<any>(null);\n  const [value, setValue] = useState(valueFallback);\n\n  const computeValue = () => {\n    if (!computed.current) {\n      setValue(valueFn?.());\n      computed.current = true;\n    }\n  };\n\n  return [value, computeValue];\n};\n"],"names":["useComputation","valueFn","valueFallback","computed","useRef","value","setValue","useState","computeValue","current"],"mappings":";AAEaA,MAAAA,iBAAiBA,CAACC,SAASC,kBAAmB;AACnDC,QAAAA,WAAWC,OAAY,IAAI;AACjC,QAAM,CAACC,OAAOC,QAAQ,IAAIC,SAASL,aAAa;AAEhD,QAAMM,eAAeA,MAAM;AACrB,QAAA,CAACL,SAASM,SAAS;AACrBH,eAASL,WAAW;AACpBE,eAASM,UAAU;AAAA,IACrB;AAAA,EAAA;AAGK,SAAA,CAACJ,OAAOG,YAAY;AAC7B;"}
+{"version":3,"file":"useComputation.js","sources":["../../../src/hooks/useComputation.ts"],"sourcesContent":["import { useState, useRef } from \"react\";\n\nexport const useComputation = (valueFn, valueFallback?) => {\n  const computed = useRef<any>(null);\n  const [value, setValue] = useState(valueFallback);\n\n  const computeValue = () => {\n    if (!computed.current) {\n      setValue(valueFn?.());\n      computed.current = true;\n    }\n  };\n\n  return [value, computeValue];\n};\n"],"names":[],"mappings":";AAEa,MAAA,iBAAiB,CAAC,SAAS,kBAAmB;AACnD,QAAA,WAAW,OAAY,IAAI;AACjC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,aAAa;AAEhD,QAAM,eAAe,MAAM;AACrB,QAAA,CAAC,SAAS,SAAS;AACrB,eAAS,WAAW;AACpB,eAAS,UAAU;AAAA,IACrB;AAAA,EAAA;AAGK,SAAA,CAAC,OAAO,YAAY;AAC7B;"}

package/dist/esm/hooks/useControlled.js

@@ -1,15 +1,16 @@
 import { useRef, useState, useCallback } from "react";
 const useControlled = (controlledProp, initialState) => {
-  const {
-    current: isControlled
-  } = useRef(controlledProp !== void 0);
+  const { current: isControlled } = useRef(controlledProp !== void 0);
   const [valueState, setValue] = useState(initialState);
   const value = isControlled ? controlledProp : valueState;
-  const setValueIfUncontrolled = useCallback((newValue) => {
-    if (!isControlled) {
-      setValue(newValue);
-    }
-  }, [isControlled]);
+  const setValueIfUncontrolled = useCallback(
+    (newValue) => {
+      if (!isControlled) {
+        setValue(newValue);
+      }
+    },
+    [isControlled]
+  );
   return [value, setValueIfUncontrolled];
 };
 export {

package/dist/esm/hooks/useControlled.js.map

@@ -1 +1 @@
-{"version":3,"file":"useControlled.js","sources":["../../../src/hooks/useControlled.ts"],"sourcesContent":["// based in https://raw.githubusercontent.com/mui-org/material-ui/next/packages/material-ui/src/utils/useControlled.js\n// modifications:\n// 1. renamed default to initialState, to convey the same meaning of the useState hook.\n// 2. removed the console error when initialState changes; that is acceptable and just ignored, like in useState.\n// 3. the console error regarding switching from controlled to uncontrolled (or vice-versa) is sent synchronously\n//    so the stacktrace shows the caller\n// 4. given that, the hook signature was simplified, no need for metadata\n\nimport { useRef, useState, useCallback, SetStateAction } from \"react\";\n\n// export const useControlled = <T = any>(controlledProp: T, initialState: T) => {\nexport const useControlled = (controlledProp: any, initialState: any) => {\n  const { current: isControlled } = useRef(controlledProp !== undefined);\n  const [valueState, setValue] = useState(initialState);\n  const value = isControlled ? controlledProp : valueState;\n\n  if (import.meta.env.DEV && isControlled !== (controlledProp !== undefined)) {\n    // eslint-disable-next-line no-console\n    console.error(\n      [\n        `A component is changing the ${\n          isControlled ? \"\" : \"un\"\n        }controlled state to be ${isControlled ? \"un\" : \"\"}controlled.`,\n        \"Elements should not switch from uncontrolled to controlled (or vice versa).\",\n        \"Decide between using a controlled or uncontrolled element for the lifetime of the component.\",\n        \"The nature of the state is determined during the first render, it's considered controlled if the value is not `undefined`.\",\n      ].join(\"\\n\")\n    );\n  }\n\n  const setValueIfUncontrolled = useCallback(\n    (newValue: SetStateAction<any>) => {\n      if (!isControlled) {\n        setValue(newValue);\n      }\n    },\n    [isControlled]\n  );\n\n  return [value, setValueIfUncontrolled];\n};\n"],"names":["useControlled","controlledProp","initialState","current","isControlled","useRef","undefined","valueState","setValue","useState","value","setValueIfUncontrolled","useCallback","newValue"],"mappings":";AAWaA,MAAAA,gBAAgBA,CAACC,gBAAqBC,iBAAsB;AACjE,QAAA;AAAA,IAAEC,SAASC;AAAAA,EAAa,IAAIC,OAAOJ,mBAAmBK,MAAS;AACrE,QAAM,CAACC,YAAYC,QAAQ,IAAIC,SAASP,YAAY;AAC9CQ,QAAAA,QAAQN,eAAeH,iBAAiBM;AAgBxCI,QAAAA,yBAAyBC,YAC7B,CAACC,aAAkC;AACjC,QAAI,CAACT,cAAc;AACjBI,eAASK,QAAQ;AAAA,IACnB;AAAA,EAAA,GAEF,CAACT,YAAY,CACf;AAEO,SAAA,CAACM,OAAOC,sBAAsB;AACvC;"}
+{"version":3,"file":"useControlled.js","sources":["../../../src/hooks/useControlled.ts"],"sourcesContent":["// based in https://raw.githubusercontent.com/mui-org/material-ui/next/packages/material-ui/src/utils/useControlled.js\n// modifications:\n// 1. renamed default to initialState, to convey the same meaning of the useState hook.\n// 2. removed the console error when initialState changes; that is acceptable and just ignored, like in useState.\n// 3. the console error regarding switching from controlled to uncontrolled (or vice-versa) is sent synchronously\n//    so the stacktrace shows the caller\n// 4. given that, the hook signature was simplified, no need for metadata\n\nimport { useRef, useState, useCallback, SetStateAction } from \"react\";\n\n// export const useControlled = <T = any>(controlledProp: T, initialState: T) => {\nexport const useControlled = (controlledProp: any, initialState: any) => {\n  const { current: isControlled } = useRef(controlledProp !== undefined);\n  const [valueState, setValue] = useState(initialState);\n  const value = isControlled ? controlledProp : valueState;\n\n  if (import.meta.env.DEV && isControlled !== (controlledProp !== undefined)) {\n    // eslint-disable-next-line no-console\n    console.error(\n      [\n        `A component is changing the ${\n          isControlled ? \"\" : \"un\"\n        }controlled state to be ${isControlled ? \"un\" : \"\"}controlled.`,\n        \"Elements should not switch from uncontrolled to controlled (or vice versa).\",\n        \"Decide between using a controlled or uncontrolled element for the lifetime of the component.\",\n        \"The nature of the state is determined during the first render, it's considered controlled if the value is not `undefined`.\",\n      ].join(\"\\n\")\n    );\n  }\n\n  const setValueIfUncontrolled = useCallback(\n    (newValue: SetStateAction<any>) => {\n      if (!isControlled) {\n        setValue(newValue);\n      }\n    },\n    [isControlled]\n  );\n\n  return [value, setValueIfUncontrolled];\n};\n"],"names":[],"mappings":";AAWa,MAAA,gBAAgB,CAAC,gBAAqB,iBAAsB;AACvE,QAAM,EAAE,SAAS,aAAiB,IAAA,OAAO,mBAAmB,MAAS;AACrE,QAAM,CAAC,YAAY,QAAQ,IAAI,SAAS,YAAY;AAC9C,QAAA,QAAQ,eAAe,iBAAiB;AAgB9C,QAAM,yBAAyB;AAAA,IAC7B,CAAC,aAAkC;AACjC,UAAI,CAAC,cAAc;AACjB,iBAAS,QAAQ;AAAA,MACnB;AAAA,IACF;AAAA,IACA,CAAC,YAAY;AAAA,EAAA;AAGR,SAAA,CAAC,OAAO,sBAAsB;AACvC;"}

package/dist/esm/hooks/useCss.js

@@ -5,37 +5,26 @@ import { insertStyles, getRegisteredStyles } from "@emotion/utils";
 import { useEmotionCache } from "./useEmotionCache.js";
 function getRef(args) {
   if (args.length !== 1) {
-    return {
-      args,
-      ref: void 0
-    };
+    return { args, ref: void 0 };
   }
   const [arg] = args;
   if (!(arg instanceof Object)) {
-    return {
-      args,
-      ref: void 0
-    };
+    return { args, ref: void 0 };
   }
   if (!("ref" in arg)) {
-    return {
-      args,
-      ref: void 0
-    };
+    return { args, ref: void 0 };
   }
-  const {
-    ref,
-    ...argCopy
-  } = arg;
-  return {
-    args: [argCopy],
-    ref
-  };
+  const { ref, ...argCopy } = arg;
+  return { args: [argCopy], ref };
 }
 const cssFactory = (() => {
   function merge(registered, css, className) {
     const registeredStyles = [];
-    const rawClassName = getRegisteredStyles(registered, registeredStyles, className);
+    const rawClassName = getRegisteredStyles(
+      registered,
+      registeredStyles,
+      className
+    );
     if (registeredStyles.length < 2) {
       return className;
     }
@@ -43,19 +32,13 @@ const cssFactory = (() => {
   }
   function innerCssFactory(cache) {
     const css = (...styles) => {
-      const {
-        ref,
-        args
-      } = getRef(styles);
+      const { ref, args } = getRef(styles);
       const serialized = serializeStyles(args, cache.registered);
       insertStyles(cache, serialized, false);
       return `${cache.key}-${serialized.name}${ref === void 0 ? "" : ` ${ref}`}`;
     };
     const cx = (...args) => merge(cache.registered, css, clsx(args));
-    return {
-      css,
-      cx
-    };
+    return { css, cx };
   }
   return innerCssFactory;
 })();

package/dist/esm/hooks/useCss.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCss.js","sources":["../../../src/hooks/useCss.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { css as emotionCss, EmotionCache } from \"@emotion/css\";\nimport { serializeStyles, RegisteredCache } from \"@emotion/serialize\";\nimport { insertStyles, getRegisteredStyles } from \"@emotion/utils\";\n\nimport { useEmotionCache } from \"@core/hooks/useEmotionCache\";\n\ntype CSS = typeof emotionCss;\n\nfunction getRef(args: any[]) {\n  if (args.length !== 1) {\n    return { args, ref: undefined };\n  }\n\n  const [arg] = args;\n\n  if (!(arg instanceof Object)) {\n    return { args, ref: undefined };\n  }\n\n  if (!(\"ref\" in arg)) {\n    return { args, ref: undefined };\n  }\n\n  const { ref, ...argCopy } = arg;\n  return { args: [argCopy], ref };\n}\n\nconst cssFactory = (() => {\n  function merge(registered: RegisteredCache, css: CSS, className: string) {\n    const registeredStyles: string[] = [];\n\n    const rawClassName = getRegisteredStyles(\n      registered,\n      registeredStyles,\n      className\n    );\n\n    if (registeredStyles.length < 2) {\n      return className;\n    }\n\n    return rawClassName + css(registeredStyles);\n  }\n\n  function innerCssFactory(cache: EmotionCache) {\n    const css: CSS = (...styles: any) => {\n      const { ref, args } = getRef(styles);\n      const serialized = serializeStyles(args, cache.registered);\n      insertStyles(cache, serialized, false);\n      return `${cache.key}-${serialized.name}${\n        ref === undefined ? \"\" : ` ${ref}`\n      }`;\n    };\n\n    const cx = (...args: any) => merge(cache.registered, css, clsx(args));\n\n    return { css, cx };\n  }\n\n  return innerCssFactory;\n})();\n\nexport function useCss() {\n  const cache = useEmotionCache();\n  return useMemo(() => cssFactory(cache), [cache]);\n}\n"],"names":["getRef","args","length","ref","undefined","arg","Object","argCopy","cssFactory","merge","registered","css","className","registeredStyles","rawClassName","getRegisteredStyles","innerCssFactory","cache","styles","serialized","serializeStyles","key","name","cx","clsx","useCss","useEmotionCache","useMemo"],"mappings":";;;;;AAUA,SAASA,OAAOC,MAAa;AACvBA,MAAAA,KAAKC,WAAW,GAAG;AACd,WAAA;AAAA,MAAED;AAAAA,MAAME,KAAKC;AAAAA,IAAAA;AAAAA,EACtB;AAEM,QAAA,CAACC,GAAG,IAAIJ;AAEV,MAAA,EAAEI,eAAeC,SAAS;AACrB,WAAA;AAAA,MAAEL;AAAAA,MAAME,KAAKC;AAAAA,IAAAA;AAAAA,EACtB;AAEI,MAAA,EAAE,SAASC,MAAM;AACZ,WAAA;AAAA,MAAEJ;AAAAA,MAAME,KAAKC;AAAAA,IAAAA;AAAAA,EACtB;AAEM,QAAA;AAAA,IAAED;AAAAA,IAAK,GAAGI;AAAAA,EAAYF,IAAAA;AACrB,SAAA;AAAA,IAAEJ,MAAM,CAACM,OAAO;AAAA,IAAGJ;AAAAA,EAAAA;AAC5B;AAEA,MAAMK,cAAc,MAAM;AACfC,WAAAA,MAAMC,YAA6BC,KAAUC,WAAmB;AACvE,UAAMC,mBAA6B,CAAA;AAEnC,UAAMC,eAAeC,oBACnBL,YACAG,kBACAD,SACF;AAEIC,QAAAA,iBAAiBX,SAAS,GAAG;AACxBU,aAAAA;AAAAA,IACT;AAEOE,WAAAA,eAAeH,IAAIE,gBAAgB;AAAA,EAC5C;AAEA,WAASG,gBAAgBC,OAAqB;AACtCN,UAAAA,MAAWA,IAAIO,WAAgB;AAC7B,YAAA;AAAA,QAAEf;AAAAA,QAAKF;AAAAA,MAAAA,IAASD,OAAOkB,MAAM;AACnC,YAAMC,aAAaC,gBAAgBnB,MAAMgB,MAAMP,UAAU;AAC5CO,mBAAAA,OAAOE,YAAY,KAAK;AACrC,aAAQ,GAAEF,MAAMI,GAAI,IAAGF,WAAWG,IAAK,GACrCnB,QAAQC,SAAY,KAAM,IAAGD,GAAI,EAClC;AAAA,IAAA;AAGGoB,UAAAA,KAAKA,IAAItB,SAAcQ,MAAMQ,MAAMP,YAAYC,KAAKa,KAAKvB,IAAI,CAAC;AAE7D,WAAA;AAAA,MAAEU;AAAAA,MAAKY;AAAAA,IAAAA;AAAAA,EAChB;AAEOP,SAAAA;AACT;AAEO,SAASS,SAAS;AACvB,QAAMR,QAAQS;AACd,SAAOC,QAAQ,MAAMnB,WAAWS,KAAK,GAAG,CAACA,KAAK,CAAC;AACjD;"}
+{"version":3,"file":"useCss.js","sources":["../../../src/hooks/useCss.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { css as emotionCss, EmotionCache } from \"@emotion/css\";\nimport { serializeStyles, RegisteredCache } from \"@emotion/serialize\";\nimport { insertStyles, getRegisteredStyles } from \"@emotion/utils\";\n\nimport { useEmotionCache } from \"@core/hooks/useEmotionCache\";\n\ntype CSS = typeof emotionCss;\n\nfunction getRef(args: any[]) {\n  if (args.length !== 1) {\n    return { args, ref: undefined };\n  }\n\n  const [arg] = args;\n\n  if (!(arg instanceof Object)) {\n    return { args, ref: undefined };\n  }\n\n  if (!(\"ref\" in arg)) {\n    return { args, ref: undefined };\n  }\n\n  const { ref, ...argCopy } = arg;\n  return { args: [argCopy], ref };\n}\n\nconst cssFactory = (() => {\n  function merge(registered: RegisteredCache, css: CSS, className: string) {\n    const registeredStyles: string[] = [];\n\n    const rawClassName = getRegisteredStyles(\n      registered,\n      registeredStyles,\n      className\n    );\n\n    if (registeredStyles.length < 2) {\n      return className;\n    }\n\n    return rawClassName + css(registeredStyles);\n  }\n\n  function innerCssFactory(cache: EmotionCache) {\n    const css: CSS = (...styles: any) => {\n      const { ref, args } = getRef(styles);\n      const serialized = serializeStyles(args, cache.registered);\n      insertStyles(cache, serialized, false);\n      return `${cache.key}-${serialized.name}${\n        ref === undefined ? \"\" : ` ${ref}`\n      }`;\n    };\n\n    const cx = (...args: any) => merge(cache.registered, css, clsx(args));\n\n    return { css, cx };\n  }\n\n  return innerCssFactory;\n})();\n\nexport function useCss() {\n  const cache = useEmotionCache();\n  return useMemo(() => cssFactory(cache), [cache]);\n}\n"],"names":[],"mappings":";;;;;AAUA,SAAS,OAAO,MAAa;AACvB,MAAA,KAAK,WAAW,GAAG;AACd,WAAA,EAAE,MAAM,KAAK,OAAU;AAAA,EAChC;AAEM,QAAA,CAAC,GAAG,IAAI;AAEV,MAAA,EAAE,eAAe,SAAS;AACrB,WAAA,EAAE,MAAM,KAAK,OAAU;AAAA,EAChC;AAEI,MAAA,EAAE,SAAS,MAAM;AACZ,WAAA,EAAE,MAAM,KAAK,OAAU;AAAA,EAChC;AAEA,QAAM,EAAE,KAAK,GAAG,QAAA,IAAY;AAC5B,SAAO,EAAE,MAAM,CAAC,OAAO,GAAG,IAAI;AAChC;AAEA,MAAM,cAAc,MAAM;AACf,WAAA,MAAM,YAA6B,KAAU,WAAmB;AACvE,UAAM,mBAA6B,CAAA;AAEnC,UAAM,eAAe;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAGE,QAAA,iBAAiB,SAAS,GAAG;AACxB,aAAA;AAAA,IACT;AAEO,WAAA,eAAe,IAAI,gBAAgB;AAAA,EAC5C;AAEA,WAAS,gBAAgB,OAAqB;AACtC,UAAA,MAAW,IAAI,WAAgB;AACnC,YAAM,EAAE,KAAK,KAAK,IAAI,OAAO,MAAM;AACnC,YAAM,aAAa,gBAAgB,MAAM,MAAM,UAAU;AAC5C,mBAAA,OAAO,YAAY,KAAK;AACrC,aAAO,GAAG,MAAM,GAAG,IAAI,WAAW,IAAI,GACpC,QAAQ,SAAY,KAAK,IAAI,GAAG,EAClC;AAAA,IAAA;AAGI,UAAA,KAAK,IAAI,SAAc,MAAM,MAAM,YAAY,KAAK,KAAK,IAAI,CAAC;AAE7D,WAAA,EAAE,KAAK;EAChB;AAEO,SAAA;AACT;AAEO,SAAS,SAAS;AACvB,QAAM,QAAQ;AACd,SAAO,QAAQ,MAAM,WAAW,KAAK,GAAG,CAAC,KAAK,CAAC;AACjD;"}

package/dist/esm/hooks/useDefaultProps.js

@@ -10,20 +10,21 @@ function filterProps(props) {
   }, {});
 }
 function useDefaultProps(componentName, props) {
-  const {
-    activeTheme
-  } = useTheme();
-  const {
-    css,
-    cx
-  } = useCss();
+  const { activeTheme } = useTheme();
+  const { css, cx } = useCss();
   const themeDefaultProps = activeTheme?.components?.[componentName];
   const classes = useMemo(() => {
     const themeClasses = themeDefaultProps?.classes || {};
     const propsClasses = props?.classes || {};
-    const classKeys = [...Object.keys(themeClasses), ...Object.keys(propsClasses)];
+    const classKeys = [
+      ...Object.keys(themeClasses),
+      ...Object.keys(propsClasses)
+    ];
     return classKeys.reduce((acc, key) => {
-      acc[key] = cx(themeClasses[key] && css(themeClasses[key]), propsClasses[key]);
+      acc[key] = cx(
+        themeClasses[key] && css(themeClasses[key]),
+        propsClasses[key]
+      );
       return acc;
     }, {});
   }, [css, cx, props?.classes, themeDefaultProps?.classes]);

package/dist/esm/hooks/useDefaultProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDefaultProps.js","sources":["../../../src/hooks/useDefaultProps.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { useCss } from \"./useCss\";\nimport { useTheme } from \"./useTheme\";\n\n/** Filter out `undefined` entries from `props` object. */\nexport function filterProps(props: Record<string, any>) {\n  return Object.keys(props).reduce((acc, key) => {\n    if (props[key] !== undefined) {\n      acc[key] = props[key];\n    }\n    return acc;\n  }, {} as typeof props);\n}\n\n/** Injects into `props` the props defined in the theme `componentName`. */\nexport function useDefaultProps<T extends Record<string, any>>(\n  /** Name of the theme component key to inject defaultProps */\n  componentName: string, // keyof HvThemeComponents,\n  props: T\n): T {\n  const { activeTheme } = useTheme();\n  const { css, cx } = useCss();\n\n  const themeDefaultProps = activeTheme?.components?.[componentName];\n\n  const classes = useMemo(() => {\n    const themeClasses = themeDefaultProps?.classes || {};\n    const propsClasses = props?.classes || {};\n    const classKeys = [\n      ...Object.keys(themeClasses),\n      ...Object.keys(propsClasses),\n    ];\n    return classKeys.reduce((acc, key) => {\n      acc[key] = cx(\n        themeClasses[key] && css(themeClasses[key]),\n        propsClasses[key]\n      );\n      return acc;\n    }, {} as Record<string, string>);\n  }, [css, cx, props?.classes, themeDefaultProps?.classes]);\n\n  return {\n    ...themeDefaultProps,\n    ...filterProps(props),\n    classes,\n  };\n}\n"],"names":["filterProps","props","Object","keys","reduce","acc","key","undefined","useDefaultProps","componentName","activeTheme","useTheme","css","cx","useCss","themeDefaultProps","components","classes","useMemo","themeClasses","propsClasses","classKeys"],"mappings":";;;AAMO,SAASA,YAAYC,OAA4B;AACtD,SAAOC,OAAOC,KAAKF,KAAK,EAAEG,OAAO,CAACC,KAAKC,QAAQ;AACzCL,QAAAA,MAAMK,GAAG,MAAMC,QAAW;AACxBD,UAAAA,GAAG,IAAIL,MAAMK,GAAG;AAAA,IACtB;AACOD,WAAAA;AAAAA,EACT,GAAG,CAAmB,CAAA;AACxB;AAGgBG,SAAAA,gBAEdC,eACAR,OACG;AACG,QAAA;AAAA,IAAES;AAAAA,MAAgBC,SAAS;AAC3B,QAAA;AAAA,IAAEC;AAAAA,IAAKC;AAAAA,MAAOC,OAAO;AAErBC,QAAAA,oBAAoBL,aAAaM,aAAaP,aAAa;AAE3DQ,QAAAA,UAAUC,QAAQ,MAAM;AACtBC,UAAAA,eAAeJ,mBAAmBE,WAAW;AAC7CG,UAAAA,eAAenB,OAAOgB,WAAW;AACjCI,UAAAA,YAAY,CAChB,GAAGnB,OAAOC,KAAKgB,YAAY,GAC3B,GAAGjB,OAAOC,KAAKiB,YAAY,CAAC;AAE9B,WAAOC,UAAUjB,OAAO,CAACC,KAAKC,QAAQ;AACpCD,UAAIC,GAAG,IAAIO,GACTM,aAAab,GAAG,KAAKM,IAAIO,aAAab,GAAG,CAAC,GAC1Cc,aAAad,GAAG,CAClB;AACOD,aAAAA;AAAAA,IACT,GAAG,CAA6B,CAAA;AAAA,EAAA,GAC/B,CAACO,KAAKC,IAAIZ,OAAOgB,SAASF,mBAAmBE,OAAO,CAAC;AAEjD,SAAA;AAAA,IACL,GAAGF;AAAAA,IACH,GAAGf,YAAYC,KAAK;AAAA,IACpBgB;AAAAA,EAAAA;AAEJ;"}
+{"version":3,"file":"useDefaultProps.js","sources":["../../../src/hooks/useDefaultProps.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { useCss } from \"./useCss\";\nimport { useTheme } from \"./useTheme\";\n\n/** Filter out `undefined` entries from `props` object. */\nexport function filterProps(props: Record<string, any>) {\n  return Object.keys(props).reduce((acc, key) => {\n    if (props[key] !== undefined) {\n      acc[key] = props[key];\n    }\n    return acc;\n  }, {} as typeof props);\n}\n\n/** Injects into `props` the props defined in the theme `componentName`. */\nexport function useDefaultProps<T extends Record<string, any>>(\n  /** Name of the theme component key to inject defaultProps */\n  componentName: string, // keyof HvThemeComponents,\n  props: T\n): T {\n  const { activeTheme } = useTheme();\n  const { css, cx } = useCss();\n\n  const themeDefaultProps = activeTheme?.components?.[componentName];\n\n  const classes = useMemo(() => {\n    const themeClasses = themeDefaultProps?.classes || {};\n    const propsClasses = props?.classes || {};\n    const classKeys = [\n      ...Object.keys(themeClasses),\n      ...Object.keys(propsClasses),\n    ];\n    return classKeys.reduce((acc, key) => {\n      acc[key] = cx(\n        themeClasses[key] && css(themeClasses[key]),\n        propsClasses[key]\n      );\n      return acc;\n    }, {} as Record<string, string>);\n  }, [css, cx, props?.classes, themeDefaultProps?.classes]);\n\n  return {\n    ...themeDefaultProps,\n    ...filterProps(props),\n    classes,\n  };\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,YAAY,OAA4B;AACtD,SAAO,OAAO,KAAK,KAAK,EAAE,OAAO,CAAC,KAAK,QAAQ;AACzC,QAAA,MAAM,GAAG,MAAM,QAAW;AACxB,UAAA,GAAG,IAAI,MAAM,GAAG;AAAA,IACtB;AACO,WAAA;AAAA,EACT,GAAG,CAAkB,CAAA;AACvB;AAGgB,SAAA,gBAEd,eACA,OACG;AACG,QAAA,EAAE,gBAAgB;AACxB,QAAM,EAAE,KAAK,GAAG,IAAI,OAAO;AAErB,QAAA,oBAAoB,aAAa,aAAa,aAAa;AAE3D,QAAA,UAAU,QAAQ,MAAM;AACtB,UAAA,eAAe,mBAAmB,WAAW;AAC7C,UAAA,eAAe,OAAO,WAAW;AACvC,UAAM,YAAY;AAAA,MAChB,GAAG,OAAO,KAAK,YAAY;AAAA,MAC3B,GAAG,OAAO,KAAK,YAAY;AAAA,IAAA;AAE7B,WAAO,UAAU,OAAO,CAAC,KAAK,QAAQ;AACpC,UAAI,GAAG,IAAI;AAAA,QACT,aAAa,GAAG,KAAK,IAAI,aAAa,GAAG,CAAC;AAAA,QAC1C,aAAa,GAAG;AAAA,MAAA;AAEX,aAAA;AAAA,IACT,GAAG,CAA4B,CAAA;AAAA,EAAA,GAC9B,CAAC,KAAK,IAAI,OAAO,SAAS,mBAAmB,OAAO,CAAC;AAEjD,SAAA;AAAA,IACL,GAAG;AAAA,IACH,GAAG,YAAY,KAAK;AAAA,IACpB;AAAA,EAAA;AAEJ;"}

package/dist/esm/hooks/useEmotionCache.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEmotionCache.js","sources":["../../../src/hooks/useEmotionCache.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { EmotionContext } from \"@core/providers/ThemeProvider\";\n\nexport function useEmotionCache() {\n  return useContext(EmotionContext).cache;\n}\n"],"names":["useEmotionCache","useContext","EmotionContext","cache"],"mappings":";;;;;AAIO,SAASA,kBAAkB;AACzBC,SAAAA,WAAWC,cAAc,EAAEC;AACpC;"}
+{"version":3,"file":"useEmotionCache.js","sources":["../../../src/hooks/useEmotionCache.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { EmotionContext } from \"@core/providers/ThemeProvider\";\n\nexport function useEmotionCache() {\n  return useContext(EmotionContext).cache;\n}\n"],"names":[],"mappings":";;;;;AAIO,SAAS,kBAAkB;AACzB,SAAA,WAAW,cAAc,EAAE;AACpC;"}

package/dist/esm/hooks/useEnhancedEffect.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEnhancedEffect.js","sources":["../../../src/hooks/useEnhancedEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from \"react\";\n\nexport const useEnhancedEffect =\n  typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n"],"names":["useEnhancedEffect","window","useLayoutEffect","useEffect"],"mappings":";AAEO,MAAMA,oBACX,OAAOC,WAAW,cAAcC,kBAAkBC;"}
+{"version":3,"file":"useEnhancedEffect.js","sources":["../../../src/hooks/useEnhancedEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from \"react\";\n\nexport const useEnhancedEffect =\n  typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n"],"names":[],"mappings":";AAEO,MAAM,oBACX,OAAO,WAAW,cAAc,kBAAkB;"}