@hitachivantara/uikit-react-core 5.31.0 → 5.33.0

package/dist/cjs/components/VerticalNavigation/TreeView/TreeViewItem.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"TreeViewItem.cjs","sources":["../../../../../src/components/VerticalNavigation/TreeView/TreeViewItem.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useForkRef } from \"@core/hooks/useForkRef\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { useDefaultProps } from \"@core/hooks\";\nimport { staticClasses, useClasses } from \"./TreeViewItem.styles\";\nimport { DescendantProvider, useDescendant } from \"./descendants\";\nimport {\n  TreeViewControlContext,\n  TreeViewStateContext,\n} from \"./TreeViewContext\";\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { IconWrapper } from \"./IconWrapper\";\n\nexport { staticClasses as treeViewItemClasses };\n\nexport type HvVerticalNavigationTreeViewItemClasses = ExtractNames<\n  typeof useClasses\n>;\n\nexport interface HvVerticalNavigationTreeViewItemProps {\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 Radio button.\n   */\n  classes?: HvVerticalNavigationTreeViewItemClasses;\n  /**\n   * Is the node disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Can the node be selected.\n   */\n  selectable?: boolean;\n  /**\n   * The id of the node.\n   */\n  nodeId?: string;\n  /**\n   * The icon to display next to the node's label.\n   */\n  icon?: React.ReactNode;\n  /**\n   * The item label.\n   */\n  label?: React.ReactNode;\n  /**\n   * The url for the link.\n   */\n  href?: string;\n  /**\n   * The behavior when opening a link.\n   */\n  target?: string;\n  /**\n   * The node payload.\n   */\n  payload?: any;\n  /**\n   * @ignore\n   */\n  onClick?: any;\n  /**\n   * @ignore\n   */\n  onMouseDown?: any;\n  /**\n   * @ignore\n   */\n  onFocus?: any;\n  /**\n   * The content of the component.\n   */\n  children?: React.ReactNode;\n  /**\n   * @ignore\n   */\n  onMouseEnter?: any;\n  /**\n   * Disables the appearence of a tooltip on hovering an element ( Only applicable when the in collapsed mode)\n   */\n  disableTooltip?: boolean;\n}\n\nconst preventSelection = (event, disabled) => {\n  if (event.shiftKey || event.ctrlKey || event.metaKey || disabled) {\n    // Prevent text selection\n    event.preventDefault();\n  }\n};\n\nexport const HvVerticalNavigationTreeViewItem = forwardRef(\n  (props: HvVerticalNavigationTreeViewItemProps, ref) => {\n    const {\n      id: idProp,\n      className,\n      classes: classesProp,\n\n      disabled: disabledProp = false,\n\n      selectable: selectableProp,\n\n      nodeId,\n      icon = null,\n      label,\n      href,\n      target,\n      payload,\n\n      onClick,\n      onMouseDown,\n      onFocus,\n\n      children,\n\n      disableTooltip,\n\n      ...others\n    } = useDefaultProps(\"HvVerticalNavigationTreeViewItem\", props);\n\n    const { classes, cx } = useClasses(classesProp);\n\n    const treeViewControlContext = useContext(TreeViewControlContext);\n    const { isExpanded, isSelected, isFocused, isDisabled, isChildSelected } =\n      useContext(TreeViewStateContext);\n\n    const {\n      treeId,\n      mode,\n      collapsible,\n      toggleExpansion,\n      multiSelect,\n      selectNode,\n      selectRange,\n      disabledItemsFocusable,\n      registerNode,\n      unregisterNode,\n      mapFirstChar,\n      unMapFirstChar,\n      focus,\n    } = treeViewControlContext;\n\n    const treeviewMode = mode === \"treeview\";\n\n    let id: string | null = null;\n\n    if (idProp != null) {\n      id = idProp;\n    } else if (treeId && nodeId) {\n      id = `${treeId}-${nodeId}`;\n    }\n\n    const [treeitemElement, setTreeitemElement] = useState(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(setTreeitemElement, ref);\n\n    const descendant = useMemo(\n      () => ({\n        element: treeitemElement,\n        id: nodeId,\n      }),\n      [nodeId, treeitemElement]\n    );\n\n    const { isOpen, useIcons } = useContext(VerticalNavigationContext);\n\n    const { index, parentId, level } = useDescendant(descendant);\n\n    const expandable = collapsible && Array.isArray(children);\n    const expanded = isExpanded ? isExpanded(nodeId) : false;\n    const focused = isFocused ? isFocused(nodeId) : false;\n    const selected = isSelected ? isSelected(nodeId) : false;\n    const disabled = isDisabled ? isDisabled(nodeId) : false;\n\n    const selectable =\n      selectableProp != null\n        ? selectableProp\n        : !collapsible || !expandable || !isOpen;\n\n    useEffect(() => {\n      // On the first render a node's index will be -1. We want to wait for the real index.\n      if (registerNode && unregisterNode && index !== -1) {\n        registerNode({\n          id: nodeId,\n          idAttribute: id,\n          index,\n          parentId,\n          selectable,\n          expandable,\n          disabled: disabledProp,\n          onFocus,\n          payload,\n        });\n\n        return () => {\n          unregisterNode(nodeId);\n        };\n      }\n\n      return undefined;\n    }, [\n      registerNode,\n      unregisterNode,\n      parentId,\n      index,\n      nodeId,\n      expandable,\n      disabledProp,\n      id,\n      selectable,\n      onFocus,\n      payload,\n    ]);\n\n    useEffect(() => {\n      if (\n        mapFirstChar &&\n        unMapFirstChar &&\n        label &&\n        contentRef.current?.textContent\n      ) {\n        mapFirstChar(\n          nodeId,\n          contentRef.current?.textContent.substring(0, 1).toLowerCase()\n        );\n\n        return () => {\n          unMapFirstChar(nodeId);\n        };\n      }\n      return undefined;\n    }, [mapFirstChar, unMapFirstChar, nodeId, label]);\n\n    let ariaSelected;\n    if (multiSelect) {\n      ariaSelected = selected;\n    } else if (selected) {\n      /* single-selection trees unset aria-selected on un-selected items.\n       *\n       * If the tree does not support multiple selection, aria-selected\n       * is set to true for the selected node and it is not present on any other node in the tree.\n       * Source: https://www.w3.org/TR/wai-aria-practices/#TreeView\n       */\n      ariaSelected = true;\n    }\n\n    const handleFocus = useCallback(\n      (event) => {\n        // DOM focus stays on the tree which manages focus with aria-activedescendant\n        if (event.target === event.currentTarget) {\n          (event.target.ownerDocument || document)\n            .getElementById(treeId)\n            .focus({ preventScroll: true });\n        }\n\n        const unfocusable = !disabledItemsFocusable && disabled;\n        if (\n          !focused &&\n          event.currentTarget === event.target &&\n          !unfocusable &&\n          focus\n        ) {\n          focus(event, nodeId);\n        }\n      },\n      [disabled, disabledItemsFocusable, focus, focused, nodeId, treeId]\n    );\n\n    const handleExpansion = useCallback(\n      (event) => {\n        if (!disabled) {\n          if (treeviewMode && !focused && focus) {\n            focus(event, nodeId);\n          }\n\n          const multiple =\n            multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n          // If already expanded and trying to toggle selection don't close\n          if (\n            expandable &&\n            isOpen &&\n            !(multiple && isExpanded && isExpanded(nodeId))\n          ) {\n            if (toggleExpansion) toggleExpansion(event, nodeId);\n          }\n        }\n      },\n      [\n        disabled,\n        expandable,\n        focus,\n        focused,\n        isExpanded,\n        multiSelect,\n        nodeId,\n        toggleExpansion,\n        treeviewMode,\n        isOpen,\n      ]\n    );\n\n    const handleSelection = useCallback(\n      (event) => {\n        if (selectable && !disabled) {\n          if (treeviewMode && !focused && focus) {\n            focus(event, nodeId);\n          }\n\n          const multiple =\n            multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n          if (multiple) {\n            if (event.shiftKey) {\n              if (selectRange) return selectRange(event, { end: nodeId });\n            } else if (selectNode) return selectNode(event, nodeId, true);\n          } else if (selectNode) return selectNode(event, nodeId);\n        } else {\n          return false;\n        }\n      },\n      [\n        disabled,\n        focus,\n        focused,\n        multiSelect,\n        nodeId,\n        selectNode,\n        selectRange,\n        selectable,\n        treeviewMode,\n      ]\n    );\n\n    const handleMouseDown = useCallback(\n      (event) => {\n        preventSelection(event, disabled);\n\n        if (onMouseDown) {\n          onMouseDown(event);\n        }\n      },\n      [disabled, onMouseDown]\n    );\n\n    const handleClick = useCallback(\n      (event) => {\n        if (!disabled) {\n          if (expandable && isOpen) {\n            handleExpansion(event);\n          }\n\n          if (selectable) {\n            handleSelection(event);\n          }\n        }\n\n        if (onClick) {\n          onClick(event);\n        }\n      },\n      [\n        disabled,\n        expandable,\n        handleExpansion,\n        handleSelection,\n        onClick,\n        selectable,\n        isOpen,\n      ]\n    );\n\n    const handleKeyDown = useCallback(\n      (event) => {\n        let isEventHandled = false;\n        const { key } = event;\n\n        if (\n          event.altKey ||\n          event.ctrlKey ||\n          event.metaKey ||\n          event.currentTarget !== event.target\n        ) {\n          return;\n        }\n        if (contentRef.current === event.currentTarget) {\n          if (key === \"Enter\" || key === \" \") {\n            if (expandable && isOpen) {\n              isEventHandled = handleExpansion(event) as unknown as boolean;\n            }\n\n            if (selectable) {\n              isEventHandled = handleSelection(event) as boolean;\n            }\n          }\n\n          if (isEventHandled) {\n            event.preventDefault();\n            event.stopPropagation();\n          }\n        }\n      },\n      [expandable, handleExpansion, handleSelection, selectable, isOpen]\n    );\n\n    const renderedContent = useMemo(() => {\n      const buttonLinkProps = {\n        href,\n        target,\n      };\n\n      return (\n        <HvTypography\n          id={setId(id, \"button\")}\n          component={href ? \"a\" : \"div\"}\n          {...(href ? buttonLinkProps : null)}\n          ref={contentRef}\n          className={cx(classes.content, {\n            [classes.link]: href != null,\n            [classes.minimized]: !isOpen,\n          })}\n          variant=\"body\"\n          disabled={disabled}\n          onClick={handleClick}\n          onMouseDown={handleMouseDown}\n          style={{\n            paddingLeft:\n              (useIcons || !isOpen ? 0 : 10) + level * (collapsible ? 16 : 10),\n          }}\n          role={href ? undefined : \"button\"}\n          {...(treeviewMode\n            ? {\n                tabIndex: -1,\n                onFocus: handleFocus,\n              }\n            : {\n                tabIndex: selectable || expandable ? 0 : -1,\n                onKeyDown: handleKeyDown,\n                \"aria-current\":\n                  (selectable && selected) ||\n                  (!isOpen && isChildSelected?.(nodeId))\n                    ? href\n                      ? \"page\"\n                      : true\n                    : undefined,\n                \"aria-expanded\": expandable ? expanded : undefined,\n                \"aria-controls\":\n                  isOpen && expandable ? setId(id, \"group\") : undefined,\n                \"aria-label\": payload?.label,\n              })}\n        >\n          <IconWrapper\n            icon={useIcons && icon}\n            label={payload?.label}\n            hasChildren={Boolean(children)}\n            showAvatar={!icon && useIcons}\n            isOpen={isOpen}\n            disableTooltip={disableTooltip}\n          />\n\n          {isOpen && (\n            <div\n              className={cx(classes.label, {\n                [classes.labelIcon]: useIcons,\n                [classes.labelExpandable]: !!expandable,\n              })}\n            >\n              {label}\n            </div>\n          )}\n\n          {isOpen && expandable && (expanded ? <DropUpXS /> : <DropDownXS />)}\n        </HvTypography>\n      );\n    }, [\n      id,\n      href,\n      target,\n      cx,\n      classes.content,\n      classes.link,\n      classes.minimized,\n      classes.label,\n      classes.labelIcon,\n      classes.labelExpandable,\n      disabled,\n      handleClick,\n      handleMouseDown,\n      expandable,\n      icon,\n      level,\n      collapsible,\n      treeviewMode,\n      handleFocus,\n      selectable,\n      handleKeyDown,\n      selected,\n      expanded,\n      label,\n      disableTooltip,\n      payload?.label,\n      children,\n      isOpen,\n      useIcons,\n      isChildSelected,\n      nodeId,\n    ]);\n\n    const renderedChildren = useMemo(\n      () =>\n        children && (\n          <ul\n            id={setId(id, \"group\")}\n            className={classes.group}\n            role={treeviewMode ? \"group\" : undefined}\n          >\n            {children}\n          </ul>\n        ),\n      [children, classes?.group, id, treeviewMode]\n    );\n\n    return (\n      <li\n        ref={handleRef}\n        id={id ?? undefined}\n        className={cx(classes.node, {\n          [classes.disabled]: disabled,\n          [classes.expandable]: expandable,\n          [classes.collapsed]: expandable && !expanded,\n          [classes.expanded]: expandable && expanded,\n          [classes.selectable]: selectable && !disabled,\n          [classes.unselectable]: !disabled && !selectable,\n          [classes.selected]:\n            (!disabled && selectable && selected) ||\n            (!isOpen && useIcons && isChildSelected && isChildSelected(nodeId)),\n          [classes.unselected]: !disabled && selectable && !selected,\n          [classes.focused]: focused,\n          [classes.hide]: !isOpen && !useIcons,\n          className,\n        })}\n        data-hasicon={icon != null ? true : undefined}\n        {...(mode === \"treeview\" && {\n          role: \"treeitem\",\n          \"aria-selected\": ariaSelected,\n          \"aria-expanded\": expandable ? expanded : undefined,\n          \"aria-disabled\": disabled ? true : undefined,\n        })}\n        {...others}\n      >\n        {renderedContent}\n        {isOpen && (\n          <DescendantProvider id={nodeId} level={level + 1}>\n            {renderedChildren}\n          </DescendantProvider>\n        )}\n      </li>\n    );\n  }\n);\n"],"names":["preventSelection","event","disabled","shiftKey","ctrlKey","metaKey","preventDefault","HvVerticalNavigationTreeViewItem","forwardRef","props","ref","id","idProp","className","classes","classesProp","disabledProp","selectable","selectableProp","nodeId","icon","label","href","target","payload","onClick","onMouseDown","onFocus","children","disableTooltip","others","useDefaultProps","cx","useClasses","treeViewControlContext","useContext","TreeViewControlContext","isExpanded","isSelected","isFocused","isDisabled","isChildSelected","TreeViewStateContext","treeId","mode","collapsible","toggleExpansion","multiSelect","selectNode","selectRange","disabledItemsFocusable","registerNode","unregisterNode","mapFirstChar","unMapFirstChar","focus","treeviewMode","treeitemElement","setTreeitemElement","useState","contentRef","useRef","handleRef","useForkRef","descendant","useMemo","element","isOpen","useIcons","VerticalNavigationContext","index","parentId","level","useDescendant","expandable","Array","isArray","expanded","focused","selected","useEffect","idAttribute","undefined","current","textContent","substring","toLowerCase","ariaSelected","handleFocus","useCallback","currentTarget","ownerDocument","document","getElementById","preventScroll","unfocusable","handleExpansion","multiple","handleSelection","end","handleMouseDown","handleClick","handleKeyDown","isEventHandled","key","altKey","stopPropagation","renderedContent","buttonLinkProps","jsxs","HvTypography","setId","content","link","minimized","paddingLeft","tabIndex","onKeyDown","jsx","IconWrapper","Boolean","labelIcon","labelExpandable","DropUpXS","DropDownXS","renderedChildren","group","node","collapsed","unselectable","unselected","hide","role","DescendantProvider"],"mappings":"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"}
+{"version":3,"file":"TreeViewItem.cjs","sources":["../../../../../src/components/VerticalNavigation/TreeView/TreeViewItem.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { DropDownXS, DropUpXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport { useForkRef } from \"@core/hooks/useForkRef\";\nimport { setId } from \"@core/utils/setId\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\nimport { HvTypography } from \"@core/components/Typography\";\nimport { useDefaultProps } from \"@core/hooks\";\n\nimport { staticClasses, useClasses } from \"./TreeViewItem.styles\";\nimport { DescendantProvider, useDescendant } from \"./descendants\";\nimport {\n  TreeViewControlContext,\n  TreeViewStateContext,\n} from \"./TreeViewContext\";\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { IconWrapper } from \"./IconWrapper\";\n\nexport { staticClasses as treeViewItemClasses };\n\nexport type HvVerticalNavigationTreeViewItemClasses = ExtractNames<\n  typeof useClasses\n>;\n\nexport interface HvVerticalNavigationTreeViewItemProps {\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 Radio button.\n   */\n  classes?: HvVerticalNavigationTreeViewItemClasses;\n  /**\n   * Is the node disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Can the node be selected.\n   */\n  selectable?: boolean;\n  /**\n   * The id of the node.\n   */\n  nodeId?: string;\n  /**\n   * The icon to display next to the node's label.\n   */\n  icon?: React.ReactNode;\n  /**\n   * The item label.\n   */\n  label?: React.ReactNode;\n  /**\n   * The url for the link.\n   */\n  href?: string;\n  /**\n   * The behavior when opening a link.\n   */\n  target?: string;\n  /**\n   * The node payload.\n   */\n  payload?: any;\n  /**\n   * @ignore\n   */\n  onClick?: any;\n  /**\n   * @ignore\n   */\n  onMouseDown?: any;\n  /**\n   * @ignore\n   */\n  onFocus?: any;\n  /**\n   * The content of the component.\n   */\n  children?: React.ReactNode;\n  /**\n   * @ignore\n   */\n  onMouseEnter?: any;\n  /**\n   * Disables the appearence of a tooltip on hovering an element ( Only applicable when the in collapsed mode)\n   */\n  disableTooltip?: boolean;\n}\n\nconst preventSelection = (event, disabled) => {\n  if (event.shiftKey || event.ctrlKey || event.metaKey || disabled) {\n    // Prevent text selection\n    event.preventDefault();\n  }\n};\n\nexport const HvVerticalNavigationTreeViewItem = forwardRef(\n  (props: HvVerticalNavigationTreeViewItemProps, ref) => {\n    const {\n      id: idProp,\n      className,\n      classes: classesProp,\n\n      disabled: disabledProp = false,\n\n      selectable: selectableProp,\n\n      nodeId,\n      icon = null,\n      label,\n      href,\n      target,\n      payload,\n\n      onClick,\n      onMouseDown,\n      onFocus,\n\n      children,\n\n      disableTooltip,\n\n      ...others\n    } = useDefaultProps(\"HvVerticalNavigationTreeViewItem\", props);\n\n    const { classes, cx } = useClasses(classesProp);\n\n    const treeViewControlContext = useContext(TreeViewControlContext);\n    const { isExpanded, isSelected, isFocused, isDisabled, isChildSelected } =\n      useContext(TreeViewStateContext);\n\n    const {\n      treeId,\n      mode,\n      collapsible,\n      toggleExpansion,\n      multiSelect,\n      selectNode,\n      selectRange,\n      disabledItemsFocusable,\n      registerNode,\n      unregisterNode,\n      mapFirstChar,\n      unMapFirstChar,\n      focus,\n    } = treeViewControlContext;\n\n    const treeviewMode = mode === \"treeview\";\n\n    let id: string | null = null;\n\n    if (idProp != null) {\n      id = idProp;\n    } else if (treeId && nodeId) {\n      id = `${treeId}-${nodeId}`;\n    }\n\n    const [treeitemElement, setTreeitemElement] = useState(null);\n    const contentRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(setTreeitemElement, ref);\n\n    const descendant = useMemo(\n      () => ({\n        element: treeitemElement,\n        id: nodeId,\n      }),\n      [nodeId, treeitemElement]\n    );\n\n    const { isOpen, useIcons } = useContext(VerticalNavigationContext);\n\n    const { index, parentId, level } = useDescendant(descendant);\n\n    const expandable = collapsible && Array.isArray(children);\n    const expanded = isExpanded ? isExpanded(nodeId) : false;\n    const focused = isFocused ? isFocused(nodeId) : false;\n    const selected = isSelected ? isSelected(nodeId) : false;\n    const disabled = isDisabled ? isDisabled(nodeId) : false;\n\n    const selectable =\n      selectableProp != null\n        ? selectableProp\n        : !collapsible || !expandable || !isOpen;\n\n    useEffect(() => {\n      // On the first render a node's index will be -1. We want to wait for the real index.\n      if (registerNode && unregisterNode && index !== -1) {\n        registerNode({\n          id: nodeId,\n          idAttribute: id,\n          index,\n          parentId,\n          selectable,\n          expandable,\n          disabled: disabledProp,\n          onFocus,\n          payload,\n        });\n\n        return () => {\n          unregisterNode(nodeId);\n        };\n      }\n\n      return undefined;\n    }, [\n      registerNode,\n      unregisterNode,\n      parentId,\n      index,\n      nodeId,\n      expandable,\n      disabledProp,\n      id,\n      selectable,\n      onFocus,\n      payload,\n    ]);\n\n    useEffect(() => {\n      if (\n        mapFirstChar &&\n        unMapFirstChar &&\n        label &&\n        contentRef.current?.textContent\n      ) {\n        mapFirstChar(\n          nodeId,\n          contentRef.current?.textContent.substring(0, 1).toLowerCase()\n        );\n\n        return () => {\n          unMapFirstChar(nodeId);\n        };\n      }\n      return undefined;\n    }, [mapFirstChar, unMapFirstChar, nodeId, label]);\n\n    let ariaSelected;\n    if (multiSelect) {\n      ariaSelected = selected;\n    } else if (selected) {\n      /* single-selection trees unset aria-selected on un-selected items.\n       *\n       * If the tree does not support multiple selection, aria-selected\n       * is set to true for the selected node and it is not present on any other node in the tree.\n       * Source: https://www.w3.org/TR/wai-aria-practices/#TreeView\n       */\n      ariaSelected = true;\n    }\n\n    const handleFocus = useCallback(\n      (event) => {\n        // DOM focus stays on the tree which manages focus with aria-activedescendant\n        if (event.target === event.currentTarget) {\n          (event.target.ownerDocument || document)\n            .getElementById(treeId)\n            .focus({ preventScroll: true });\n        }\n\n        const unfocusable = !disabledItemsFocusable && disabled;\n        if (\n          !focused &&\n          event.currentTarget === event.target &&\n          !unfocusable &&\n          focus\n        ) {\n          focus(event, nodeId);\n        }\n      },\n      [disabled, disabledItemsFocusable, focus, focused, nodeId, treeId]\n    );\n\n    const handleExpansion = useCallback(\n      (event) => {\n        if (!disabled) {\n          if (treeviewMode && !focused && focus) {\n            focus(event, nodeId);\n          }\n\n          const multiple =\n            multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n          // If already expanded and trying to toggle selection don't close\n          if (\n            expandable &&\n            isOpen &&\n            !(multiple && isExpanded && isExpanded(nodeId))\n          ) {\n            if (toggleExpansion) toggleExpansion(event, nodeId);\n          }\n        }\n      },\n      [\n        disabled,\n        expandable,\n        focus,\n        focused,\n        isExpanded,\n        multiSelect,\n        nodeId,\n        toggleExpansion,\n        treeviewMode,\n        isOpen,\n      ]\n    );\n\n    const handleSelection = useCallback(\n      (event) => {\n        if (selectable && !disabled) {\n          if (treeviewMode && !focused && focus) {\n            focus(event, nodeId);\n          }\n\n          const multiple =\n            multiSelect && (event.shiftKey || event.ctrlKey || event.metaKey);\n\n          if (multiple) {\n            if (event.shiftKey) {\n              if (selectRange) return selectRange(event, { end: nodeId });\n            } else if (selectNode) return selectNode(event, nodeId, true);\n          } else if (selectNode) return selectNode(event, nodeId);\n        } else {\n          return false;\n        }\n      },\n      [\n        disabled,\n        focus,\n        focused,\n        multiSelect,\n        nodeId,\n        selectNode,\n        selectRange,\n        selectable,\n        treeviewMode,\n      ]\n    );\n\n    const handleMouseDown = useCallback(\n      (event) => {\n        preventSelection(event, disabled);\n\n        if (onMouseDown) {\n          onMouseDown(event);\n        }\n      },\n      [disabled, onMouseDown]\n    );\n\n    const handleClick = useCallback(\n      (event) => {\n        if (!disabled) {\n          if (expandable && isOpen) {\n            handleExpansion(event);\n          }\n\n          if (selectable) {\n            handleSelection(event);\n          }\n        }\n\n        if (onClick) {\n          onClick(event);\n        }\n      },\n      [\n        disabled,\n        expandable,\n        handleExpansion,\n        handleSelection,\n        onClick,\n        selectable,\n        isOpen,\n      ]\n    );\n\n    const handleKeyDown = useCallback(\n      (event) => {\n        let isEventHandled = false;\n        const { key } = event;\n\n        if (\n          event.altKey ||\n          event.ctrlKey ||\n          event.metaKey ||\n          event.currentTarget !== event.target\n        ) {\n          return;\n        }\n        if (contentRef.current === event.currentTarget) {\n          if (key === \"Enter\" || key === \" \") {\n            if (expandable && isOpen) {\n              isEventHandled = handleExpansion(event) as unknown as boolean;\n            }\n\n            if (selectable) {\n              isEventHandled = handleSelection(event) as boolean;\n            }\n          }\n\n          if (isEventHandled) {\n            event.preventDefault();\n            event.stopPropagation();\n          }\n        }\n      },\n      [expandable, handleExpansion, handleSelection, selectable, isOpen]\n    );\n\n    const renderedContent = useMemo(() => {\n      const buttonLinkProps = {\n        href,\n        target,\n      };\n\n      return (\n        <HvTypography\n          id={setId(id, \"button\")}\n          component={href ? \"a\" : \"div\"}\n          {...(href ? buttonLinkProps : null)}\n          ref={contentRef}\n          className={cx(classes.content, {\n            [classes.link]: href != null,\n            [classes.minimized]: !isOpen,\n          })}\n          variant=\"body\"\n          disabled={disabled}\n          onClick={handleClick}\n          onMouseDown={handleMouseDown}\n          style={{\n            paddingLeft:\n              (useIcons || !isOpen ? 0 : 10) + level * (collapsible ? 16 : 10),\n          }}\n          role={href ? undefined : \"button\"}\n          {...(treeviewMode\n            ? {\n                tabIndex: -1,\n                onFocus: handleFocus,\n              }\n            : {\n                tabIndex: selectable || expandable ? 0 : -1,\n                onKeyDown: handleKeyDown,\n                \"aria-current\":\n                  (selectable && selected) ||\n                  (!isOpen && isChildSelected?.(nodeId))\n                    ? href\n                      ? \"page\"\n                      : true\n                    : undefined,\n                \"aria-expanded\": expandable ? expanded : undefined,\n                \"aria-controls\":\n                  isOpen && expandable ? setId(id, \"group\") : undefined,\n                \"aria-label\": payload?.label,\n              })}\n        >\n          <IconWrapper\n            icon={useIcons && icon}\n            label={payload?.label}\n            hasChildren={Boolean(children)}\n            showAvatar={!icon && useIcons}\n            isOpen={isOpen}\n            disableTooltip={disableTooltip}\n          />\n\n          {isOpen && (\n            <div\n              className={cx(classes.label, {\n                [classes.labelIcon]: useIcons,\n                [classes.labelExpandable]: !!expandable,\n              })}\n            >\n              {label}\n            </div>\n          )}\n\n          {isOpen && expandable && (expanded ? <DropUpXS /> : <DropDownXS />)}\n        </HvTypography>\n      );\n    }, [\n      id,\n      href,\n      target,\n      cx,\n      classes.content,\n      classes.link,\n      classes.minimized,\n      classes.label,\n      classes.labelIcon,\n      classes.labelExpandable,\n      disabled,\n      handleClick,\n      handleMouseDown,\n      expandable,\n      icon,\n      level,\n      collapsible,\n      treeviewMode,\n      handleFocus,\n      selectable,\n      handleKeyDown,\n      selected,\n      expanded,\n      label,\n      disableTooltip,\n      payload?.label,\n      children,\n      isOpen,\n      useIcons,\n      isChildSelected,\n      nodeId,\n    ]);\n\n    const renderedChildren = useMemo(\n      () =>\n        children && (\n          <ul\n            id={setId(id, \"group\")}\n            className={classes.group}\n            role={treeviewMode ? \"group\" : undefined}\n          >\n            {children}\n          </ul>\n        ),\n      [children, classes?.group, id, treeviewMode]\n    );\n\n    return (\n      <li\n        ref={handleRef}\n        id={id ?? undefined}\n        className={cx(classes.node, {\n          [classes.disabled]: disabled,\n          [classes.expandable]: expandable,\n          [classes.collapsed]: expandable && !expanded,\n          [classes.expanded]: expandable && expanded,\n          [classes.selectable]: selectable && !disabled,\n          [classes.unselectable]: !disabled && !selectable,\n          [classes.selected]:\n            (!disabled && selectable && selected) ||\n            (!isOpen && useIcons && isChildSelected && isChildSelected(nodeId)),\n          [classes.unselected]: !disabled && selectable && !selected,\n          [classes.focused]: focused,\n          [classes.hide]: !isOpen && !useIcons,\n          className,\n        })}\n        data-hasicon={icon != null ? true : undefined}\n        {...(mode === \"treeview\" && {\n          role: \"treeitem\",\n          \"aria-selected\": ariaSelected,\n          \"aria-expanded\": expandable ? expanded : undefined,\n          \"aria-disabled\": disabled ? true : undefined,\n        })}\n        {...others}\n      >\n        {renderedContent}\n        {isOpen && (\n          <DescendantProvider id={nodeId} level={level + 1}>\n            {renderedChildren}\n          </DescendantProvider>\n        )}\n      </li>\n    );\n  }\n);\n"],"names":["preventSelection","event","disabled","shiftKey","ctrlKey","metaKey","preventDefault","HvVerticalNavigationTreeViewItem","forwardRef","props","ref","id","idProp","className","classes","classesProp","disabledProp","selectable","selectableProp","nodeId","icon","label","href","target","payload","onClick","onMouseDown","onFocus","children","disableTooltip","others","useDefaultProps","cx","useClasses","treeViewControlContext","useContext","TreeViewControlContext","isExpanded","isSelected","isFocused","isDisabled","isChildSelected","TreeViewStateContext","treeId","mode","collapsible","toggleExpansion","multiSelect","selectNode","selectRange","disabledItemsFocusable","registerNode","unregisterNode","mapFirstChar","unMapFirstChar","focus","treeviewMode","treeitemElement","setTreeitemElement","useState","contentRef","useRef","handleRef","useForkRef","descendant","useMemo","element","isOpen","useIcons","VerticalNavigationContext","index","parentId","level","useDescendant","expandable","Array","isArray","expanded","focused","selected","useEffect","idAttribute","undefined","current","textContent","substring","toLowerCase","ariaSelected","handleFocus","useCallback","currentTarget","ownerDocument","document","getElementById","preventScroll","unfocusable","handleExpansion","multiple","handleSelection","end","handleMouseDown","handleClick","handleKeyDown","isEventHandled","key","altKey","stopPropagation","renderedContent","buttonLinkProps","jsxs","HvTypography","setId","content","link","minimized","paddingLeft","tabIndex","onKeyDown","jsx","IconWrapper","Boolean","labelIcon","labelExpandable","DropUpXS","DropDownXS","renderedChildren","group","node","collapsed","unselectable","unselected","hide","role","DescendantProvider"],"mappings":"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"}

package/dist/cjs/components/VerticalNavigation/TreeView/descendants.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"descendants.cjs","sources":["../../../../../src/components/VerticalNavigation/TreeView/descendants.tsx"],"sourcesContent":["/**\n * Copied from https://github.com/mui-org/material-ui/blob/8763de1633d80295e7b83d8c21040dad333e6699/packages/material-ui-lab/src/TreeView/descendants.js\n * Credit: https://github.com/reach/reach-ui/blob/86a046f54d53b6420e392b3fa56dd991d9d4e458/packages/descendants/README.md\n *\n * - Added level (depth) property.\n * - Use local copy of useEnhancedEffect.\n */\n\nimport { useEnhancedEffect } from \"@core/hooks\";\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\ntype Item = {\n  element?;\n  index?;\n  [key: string]: unknown;\n};\n\nfunction binaryFindElement(array, element) {\n  let start = 0;\n  let end = array.length - 1;\n\n  while (start <= end) {\n    const middle = Math.floor((start + end) / 2);\n\n    if (array[middle].element === element) {\n      return middle;\n    }\n\n    if (\n      array[middle].element.compareDocumentPosition(element) &&\n      Node.DOCUMENT_POSITION_PRECEDING\n    ) {\n      end = middle - 1;\n    } else {\n      start = middle + 1;\n    }\n  }\n\n  return start;\n}\n\nconst DescendantContext = createContext<DescendantContextValue>({\n  level: 0,\n  descendants: [],\n});\n\ninterface DescendantContextValue {\n  level?: number;\n  registerDescendant?;\n  unregisterDescendant?;\n  descendants: Item[];\n  parentId?;\n}\n\nif (process.env.NODE_ENV !== \"production\") {\n  DescendantContext.displayName = \"DescendantContext\";\n}\n\nfunction usePrevious(value) {\n  const ref = useRef(null);\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n  return ref.current;\n}\n\nconst noop = () => {};\n\n/**\n * This hook registers our descendant by passing it into an array. We can then\n * search that array by to find its index when registering it in the component.\n * We use this for focus management, keyboard navigation, and typeahead\n * functionality for some components.\n *\n * The hook accepts the element node\n *\n * Our main goals with this are:\n *   1) maximum composability,\n *   2) minimal API friction\n *   3) SSR compatibility*\n *   4) concurrent safe\n *   5) index always up-to-date with the tree despite changes\n *   6) works with memoization of any component in the tree (hopefully)\n *\n * * As for SSR, the good news is that we don't actually need the index on the\n * server for most use-cases, as we are only using it to determine the order of\n * composed descendants for keyboard navigation.\n */\nexport function useDescendant(descendant) {\n  const [, forceUpdate] = useState<{} | null>();\n  const {\n    registerDescendant = noop,\n    unregisterDescendant = noop,\n    descendants = [],\n    parentId = null,\n    level = 0,\n  } = useContext(DescendantContext);\n\n  // This will initially return -1 because we haven't registered the descendant\n  // on the first render. After we register, this will then return the correct\n  // index on the following render and we will re-register descendants\n  // so that everything is up-to-date before the user interacts with a\n  // collection.\n  const index = descendants.findIndex(\n    (item) => item.element === descendant.element\n  );\n\n  const previousDescendants: Item[] | null = usePrevious(descendants);\n\n  // We also need to re-register descendants any time ANY of the other\n  // descendants have changed. My brain was melting when I wrote this and it\n  // feels a little off, but checking in render and using the result in the\n  // effect's dependency array works well enough.\n  const someDescendantsHaveChanged = descendants.some(\n    (newDescendant, position) => {\n      return (\n        previousDescendants && previousDescendants[position]\n        // previousDescendants[position].element !== newDescendant.element\n        // was not able to type check this, did not any difference\n      );\n    }\n  );\n\n  // Prevent any flashing\n  useEnhancedEffect(() => {\n    if (descendant.element) {\n      registerDescendant({\n        ...descendant,\n        index,\n      });\n      return () => {\n        unregisterDescendant(descendant.element);\n      };\n    }\n    forceUpdate({});\n\n    return undefined;\n  }, [\n    registerDescendant,\n    unregisterDescendant,\n    index,\n    someDescendantsHaveChanged,\n    descendant,\n  ]);\n\n  return { parentId, index, level };\n}\n\nexport const DescendantProvider = (props: DescendantProviderProps) => {\n  const { children, id, level } = props;\n\n  const [items, set] = useState<Item[]>([]);\n\n  const registerDescendant = useCallback(({ element, ...other }) => {\n    set((oldItems) => {\n      let newItems;\n      if (oldItems.length === 0) {\n        // If there are no items, register at index 0 and bail.\n        return [\n          {\n            ...other,\n            element,\n            index: 0,\n          },\n        ];\n      }\n\n      const index = binaryFindElement(oldItems, element);\n\n      if (oldItems[index] && oldItems[index].element === element) {\n        // If the element is already registered, just use the same array\n        newItems = oldItems;\n      } else {\n        // When registering a descendant, we need to make sure we insert in\n        // into the array in the same order that it appears in the DOM. So as\n        // new descendants are added or maybe some are removed, we always know\n        // that the array is up-to-date and correct.\n        //\n        // So here we look at our registered descendants and see if the new\n        // element we are adding appears earlier than an existing descendant's\n        // DOM node via `node.compareDocumentPosition`. If it does, we insert\n        // the new element at this index. Because `registerDescendant` will be\n        // called in an effect every time the descendants state value changes,\n        // we should be sure that this index is accurate when descendent\n        // elements come or go from our component.\n\n        const newItem = {\n          ...other,\n          element,\n          index,\n        };\n\n        // If an index is not found we will push the element to the end.\n        newItems = oldItems.slice();\n        newItems.splice(index, 0, newItem);\n      }\n      newItems.forEach((item, position) => {\n        item.index = position;\n      });\n      return newItems;\n    });\n  }, []);\n\n  const unregisterDescendant = useCallback((element: Item) => {\n    set((oldItems) =>\n      oldItems.filter((item: Item) => element !== item.element)\n    );\n  }, []);\n\n  const value = useMemo(\n    () => ({\n      descendants: items,\n      registerDescendant,\n      unregisterDescendant,\n      parentId: id,\n      level,\n    }),\n    [items, registerDescendant, unregisterDescendant, id, level]\n  );\n\n  return (\n    <DescendantContext.Provider value={value}>\n      {children}\n    </DescendantContext.Provider>\n  );\n};\n\nexport type DescendantProviderProps = {\n  children?: React.ReactNode;\n  id?: string;\n  level?: number;\n};\n"],"names":["binaryFindElement","array","element","start","end","length","middle","Math","floor","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","DescendantContext","createContext","level","descendants","process","env","NODE_ENV","displayName","usePrevious","value","ref","useRef","useEffect","current","noop","useDescendant","descendant","forceUpdate","useState","registerDescendant","unregisterDescendant","parentId","useContext","index","findIndex","item","previousDescendants","someDescendantsHaveChanged","some","newDescendant","position","useEnhancedEffect","undefined","DescendantProvider","props","children","id","items","set","useCallback","other","oldItems","newItems","newItem","slice","splice","forEach","filter","useMemo","jsx"],"mappings":"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"}
+{"version":3,"file":"descendants.cjs","sources":["../../../../../src/components/VerticalNavigation/TreeView/descendants.tsx"],"sourcesContent":["/**\n * Copied from https://github.com/mui-org/material-ui/blob/8763de1633d80295e7b83d8c21040dad333e6699/packages/material-ui-lab/src/TreeView/descendants.js\n * Credit: https://github.com/reach/reach-ui/blob/86a046f54d53b6420e392b3fa56dd991d9d4e458/packages/descendants/README.md\n *\n * - Added level (depth) property.\n * - Use local copy of useEnhancedEffect.\n */\n\nimport {\n  createContext,\n  useCallback,\n  useContext,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\n\nimport { useEnhancedEffect } from \"@core/hooks\";\n\ntype Item = {\n  element?;\n  index?;\n  [key: string]: unknown;\n};\n\nfunction binaryFindElement(array, element) {\n  let start = 0;\n  let end = array.length - 1;\n\n  while (start <= end) {\n    const middle = Math.floor((start + end) / 2);\n\n    if (array[middle].element === element) {\n      return middle;\n    }\n\n    if (\n      array[middle].element.compareDocumentPosition(element) &&\n      Node.DOCUMENT_POSITION_PRECEDING\n    ) {\n      end = middle - 1;\n    } else {\n      start = middle + 1;\n    }\n  }\n\n  return start;\n}\n\nconst DescendantContext = createContext<DescendantContextValue>({\n  level: 0,\n  descendants: [],\n});\n\ninterface DescendantContextValue {\n  level?: number;\n  registerDescendant?;\n  unregisterDescendant?;\n  descendants: Item[];\n  parentId?;\n}\n\nif (process.env.NODE_ENV !== \"production\") {\n  DescendantContext.displayName = \"DescendantContext\";\n}\n\nfunction usePrevious(value) {\n  const ref = useRef(null);\n  useEffect(() => {\n    ref.current = value;\n  }, [value]);\n  return ref.current;\n}\n\nconst noop = () => {};\n\n/**\n * This hook registers our descendant by passing it into an array. We can then\n * search that array by to find its index when registering it in the component.\n * We use this for focus management, keyboard navigation, and typeahead\n * functionality for some components.\n *\n * The hook accepts the element node\n *\n * Our main goals with this are:\n *   1) maximum composability,\n *   2) minimal API friction\n *   3) SSR compatibility*\n *   4) concurrent safe\n *   5) index always up-to-date with the tree despite changes\n *   6) works with memoization of any component in the tree (hopefully)\n *\n * * As for SSR, the good news is that we don't actually need the index on the\n * server for most use-cases, as we are only using it to determine the order of\n * composed descendants for keyboard navigation.\n */\nexport function useDescendant(descendant) {\n  const [, forceUpdate] = useState<{} | null>();\n  const {\n    registerDescendant = noop,\n    unregisterDescendant = noop,\n    descendants = [],\n    parentId = null,\n    level = 0,\n  } = useContext(DescendantContext);\n\n  // This will initially return -1 because we haven't registered the descendant\n  // on the first render. After we register, this will then return the correct\n  // index on the following render and we will re-register descendants\n  // so that everything is up-to-date before the user interacts with a\n  // collection.\n  const index = descendants.findIndex(\n    (item) => item.element === descendant.element\n  );\n\n  const previousDescendants: Item[] | null = usePrevious(descendants);\n\n  // We also need to re-register descendants any time ANY of the other\n  // descendants have changed. My brain was melting when I wrote this and it\n  // feels a little off, but checking in render and using the result in the\n  // effect's dependency array works well enough.\n  const someDescendantsHaveChanged = descendants.some(\n    (newDescendant, position) => {\n      return (\n        previousDescendants && previousDescendants[position]\n        // previousDescendants[position].element !== newDescendant.element\n        // was not able to type check this, did not any difference\n      );\n    }\n  );\n\n  // Prevent any flashing\n  useEnhancedEffect(() => {\n    if (descendant.element) {\n      registerDescendant({\n        ...descendant,\n        index,\n      });\n      return () => {\n        unregisterDescendant(descendant.element);\n      };\n    }\n    forceUpdate({});\n\n    return undefined;\n  }, [\n    registerDescendant,\n    unregisterDescendant,\n    index,\n    someDescendantsHaveChanged,\n    descendant,\n  ]);\n\n  return { parentId, index, level };\n}\n\nexport const DescendantProvider = (props: DescendantProviderProps) => {\n  const { children, id, level } = props;\n\n  const [items, set] = useState<Item[]>([]);\n\n  const registerDescendant = useCallback(({ element, ...other }) => {\n    set((oldItems) => {\n      let newItems;\n      if (oldItems.length === 0) {\n        // If there are no items, register at index 0 and bail.\n        return [\n          {\n            ...other,\n            element,\n            index: 0,\n          },\n        ];\n      }\n\n      const index = binaryFindElement(oldItems, element);\n\n      if (oldItems[index] && oldItems[index].element === element) {\n        // If the element is already registered, just use the same array\n        newItems = oldItems;\n      } else {\n        // When registering a descendant, we need to make sure we insert in\n        // into the array in the same order that it appears in the DOM. So as\n        // new descendants are added or maybe some are removed, we always know\n        // that the array is up-to-date and correct.\n        //\n        // So here we look at our registered descendants and see if the new\n        // element we are adding appears earlier than an existing descendant's\n        // DOM node via `node.compareDocumentPosition`. If it does, we insert\n        // the new element at this index. Because `registerDescendant` will be\n        // called in an effect every time the descendants state value changes,\n        // we should be sure that this index is accurate when descendent\n        // elements come or go from our component.\n\n        const newItem = {\n          ...other,\n          element,\n          index,\n        };\n\n        // If an index is not found we will push the element to the end.\n        newItems = oldItems.slice();\n        newItems.splice(index, 0, newItem);\n      }\n      newItems.forEach((item, position) => {\n        item.index = position;\n      });\n      return newItems;\n    });\n  }, []);\n\n  const unregisterDescendant = useCallback((element: Item) => {\n    set((oldItems) =>\n      oldItems.filter((item: Item) => element !== item.element)\n    );\n  }, []);\n\n  const value = useMemo(\n    () => ({\n      descendants: items,\n      registerDescendant,\n      unregisterDescendant,\n      parentId: id,\n      level,\n    }),\n    [items, registerDescendant, unregisterDescendant, id, level]\n  );\n\n  return (\n    <DescendantContext.Provider value={value}>\n      {children}\n    </DescendantContext.Provider>\n  );\n};\n\nexport type DescendantProviderProps = {\n  children?: React.ReactNode;\n  id?: string;\n  level?: number;\n};\n"],"names":["binaryFindElement","array","element","start","end","length","middle","Math","floor","compareDocumentPosition","Node","DOCUMENT_POSITION_PRECEDING","DescendantContext","createContext","level","descendants","process","env","NODE_ENV","displayName","usePrevious","value","ref","useRef","useEffect","current","noop","useDescendant","descendant","forceUpdate","useState","registerDescendant","unregisterDescendant","parentId","useContext","index","findIndex","item","previousDescendants","someDescendantsHaveChanged","some","newDescendant","position","useEnhancedEffect","undefined","DescendantProvider","props","children","id","items","set","useCallback","other","oldItems","newItems","newItem","slice","splice","forEach","filter","useMemo","jsx"],"mappings":"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"}

package/dist/cjs/components/VerticalNavigation/VerticalNavigation.cjs

@@ -1,8 +1,8 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
-const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const React = require("react");
+const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const VerticalNavigationContext = require("./VerticalNavigationContext.cjs");
 const VerticalNavigation_utils = require("./utils/VerticalNavigation.utils.cjs");
 const VerticalNavigation_styles = require("./VerticalNavigation.styles.cjs");
@@ -29,7 +29,7 @@ const HvVerticalNavigation = (props) => {
   const initialParentItem = React.useMemo(() => NavigationSlider_utils.getParentItemById(withParentData, parentSelected), [withParentData, parentSelected]);
   const [parentItem, setParentItem] = React.useState(initialParentItem);
   const hasAnyChildWithData = React.useMemo(() => VerticalNavigation_utils.hasChildNavigationItems(parentData), [parentData]);
-  React.useEffect(() => setHeaderTitle(parentItem == null ? void 0 : parentItem.label), [parentItem, setParentItem]);
+  React.useEffect(() => setHeaderTitle(parentItem?.label), [parentItem, setParentItem]);
   const navigateToParentHandler = React.useCallback(() => {
     setParentItem(NavigationSlider_utils.getParentItemById(withParentData, parentItem.id));
   }, [parentItem, setParentItem, withParentData]);

package/dist/cjs/components/VerticalNavigation/VerticalNavigation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalNavigation.cjs","sources":["../../../../src/components/VerticalNavigation/VerticalNavigation.tsx"],"sourcesContent":["import { useDefaultProps } from \"@core/hooks/useDefaultProps\";\n\nimport { useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport { ExtractNames } from \"@core/utils/classes\";\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","useEffect","label","navigateToParentHandler","useCallback","navigateToChildHandler","event","item","getNavigationItemById","stopPropagation","value","isOpen","content","jsx","VerticalNavigationContext","root","collapsed","childData"],"mappings":";;;;;;;;;AA8EaA,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,gBAAA,wBAAwBV,KAAK;AAC3C,QAAA;AAAA,IAAEG;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,0BAAAA,WAAWR,WAAW;AAE9C,QAAM,CAACS,YAAYC,aAAa,IAAIC,MAAAA,SAA2B,CAAE,CAAA;AAEjE,QAAM,CAACC,gBAAgBC,iBAAiB,IAAIF,MAAS,SAAA;AAErD,QAAM,CAACG,aAAaC,cAAc,IAAIJ,MAA6B,SAAA;AAG7DK,QAAAA,iBAAiBC,MAAAA,QACrB,MAAMC,uBAAAA,qBAAqBT,UAAU,GACrC,CAACA,UAAU,CACb;AAEMU,QAAAA,oBAAoBF,cACxB,MAAMG,yCAAkBJ,gBAAgBJ,cAAc,GACtD,CAACI,gBAAgBJ,cAAc,CACjC;AAEA,QAAM,CAACS,YAAYC,aAAa,IAAIX,eAASQ,iBAAiB;AAExDI,QAAAA,sBAAsBN,MAAAA,QAC1B,MAAMO,yBAAAA,wBAAwBf,UAAU,GACxC,CAACA,UAAU,CACb;AAGEgB,kBAAA,MAAMV,eAAeM,yCAAYK,KAAK,GACtC,CAACL,YAAYC,aAAa,CAC5B;AAEMK,QAAAA,0BAA0BC,MAAAA,YAAY,MAAM;AAChDN,kBAAcF,uBAAAA,kBAAkBJ,gBAAgBK,WAAWxB,EAAE,CAAC;AAAA,EAC7D,GAAA,CAACwB,YAAYC,eAAeN,cAAc,CAAC;AAE9C,QAAMa,yBAAyBD,MAAAA,YAC7B,CAACE,OAAOC,SAAS;AACfT,kBAAcU,uBAAAA,sBAAsBhB,gBAAgBe,KAAKlC,EAAE,CAAC;AAC5DiC,UAAMG,gBAAgB;AAAA,EAAA,GAExB,CAACX,eAAeN,cAAc,CAChC;AAEMkB,QAAAA,QAAQjB,MAAAA,QACZ,OAAO;AAAA,IACLkB,QAAQjC;AAAAA,IACRE;AAAAA,IACAD;AAAAA,IACAW;AAAAA,IACAC;AAAAA,IAEAM;AAAAA,IACAC;AAAAA,IACAN;AAAAA,IACAa;AAAAA,IACAF;AAAAA,IAEAlB;AAAAA,IACAC;AAAAA,IACAE;AAAAA,IACAC;AAAAA,IACAU;AAAAA,EAAAA,IAEF,CACErB,MACAE,UACAD,QACAW,aACAC,gBACAM,YACAC,eACAN,gBACAa,wBACAF,yBACAJ,qBACAd,YACAG,cAAc,CAElB;AAEA,QAAMwB,UACJC,2BAAAA,IAACC,0BAAAA,0BAA0B,UAA1B,EAAmC,OAClC,UAACD,2BAAA,IAAA,OAAA,EACC,IACA,WAAW9B,GACTR,QAAQwC,MACR;AAAA,IACE,CAACxC,QAAQyC,SAAS,GAAG,CAACtC;AAAAA,IACtB,CAACH,QAAQI,MAAM,GAAGA;AAAAA,IAClB,CAACJ,QAAQ0C,SAAS,GAAGlB;AAAAA,EAAAA,GAEvBzB,SACF,GACA,GAAIO,QAEHJ,SACH,CAAA,EACF,CAAA;AAGKmC,SAAAA;AACT;;;"}
+{"version":3,"file":"VerticalNavigation.cjs","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","useEffect","label","navigateToParentHandler","useCallback","navigateToChildHandler","event","item","getNavigationItemById","stopPropagation","value","isOpen","content","jsx","VerticalNavigationContext","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,gBAAA,wBAAwBV,KAAK;AAC3C,QAAA;AAAA,IAAEG;AAAAA,IAASQ;AAAAA,EAAAA,IAAOC,0BAAAA,WAAWR,WAAW;AAE9C,QAAM,CAACS,YAAYC,aAAa,IAAIC,MAAAA,SAA2B,CAAE,CAAA;AAEjE,QAAM,CAACC,gBAAgBC,iBAAiB,IAAIF,MAAS,SAAA;AAErD,QAAM,CAACG,aAAaC,cAAc,IAAIJ,MAA6B,SAAA;AAG7DK,QAAAA,iBAAiBC,MAAAA,QACrB,MAAMC,uBAAAA,qBAAqBT,UAAU,GACrC,CAACA,UAAU,CACb;AAEMU,QAAAA,oBAAoBF,cACxB,MAAMG,yCAAkBJ,gBAAgBJ,cAAc,GACtD,CAACI,gBAAgBJ,cAAc,CACjC;AAEA,QAAM,CAACS,YAAYC,aAAa,IAAIX,eAASQ,iBAAiB;AAExDI,QAAAA,sBAAsBN,MAAAA,QAC1B,MAAMO,yBAAAA,wBAAwBf,UAAU,GACxC,CAACA,UAAU,CACb;AAGEgB,kBAAA,MAAMV,eAAeM,YAAYK,KAAK,GACtC,CAACL,YAAYC,aAAa,CAC5B;AAEMK,QAAAA,0BAA0BC,MAAAA,YAAY,MAAM;AAChDN,kBAAcF,uBAAAA,kBAAkBJ,gBAAgBK,WAAWxB,EAAE,CAAC;AAAA,EAC7D,GAAA,CAACwB,YAAYC,eAAeN,cAAc,CAAC;AAE9C,QAAMa,yBAAyBD,MAAAA,YAC7B,CAACE,OAAOC,SAAS;AACfT,kBAAcU,uBAAAA,sBAAsBhB,gBAAgBe,KAAKlC,EAAE,CAAC;AAC5DiC,UAAMG,gBAAgB;AAAA,EAAA,GAExB,CAACX,eAAeN,cAAc,CAChC;AAEMkB,QAAAA,QAAQjB,MAAAA,QACZ,OAAO;AAAA,IACLkB,QAAQjC;AAAAA,IACRE;AAAAA,IACAD;AAAAA,IACAW;AAAAA,IACAC;AAAAA,IAEAM;AAAAA,IACAC;AAAAA,IACAN;AAAAA,IACAa;AAAAA,IACAF;AAAAA,IAEAlB;AAAAA,IACAC;AAAAA,IACAE;AAAAA,IACAC;AAAAA,IACAU;AAAAA,EAAAA,IAEF,CACErB,MACAE,UACAD,QACAW,aACAC,gBACAM,YACAC,eACAN,gBACAa,wBACAF,yBACAJ,qBACAd,YACAG,cAAc,CAElB;AAEA,QAAMwB,UACJC,2BAAAA,IAACC,0BAAAA,0BAA0B,UAA1B,EAAmC,OAClC,UAACD,2BAAA,IAAA,OAAA,EACC,IACA,WAAW9B,GACTR,QAAQwC,MACR;AAAA,IACE,CAACxC,QAAQyC,SAAS,GAAG,CAACtC;AAAAA,IACtB,CAACH,QAAQI,MAAM,GAAGA;AAAAA,IAClB,CAACJ,QAAQ0C,SAAS,GAAGlB;AAAAA,EAAAA,GAEvBzB,SACF,GACA,GAAIO,QAEHJ,SACH,CAAA,EACF,CAAA;AAGKmC,SAAAA;AACT;;;"}

package/dist/cjs/components/VerticalNavigation/VerticalNavigation.styles.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const classes = require("../../utils/classes.cjs");
 const uikitStyles = require("@hitachivantara/uikit-styles");
+const classes = require("../../utils/classes.cjs");
 const {
   staticClasses,
   useClasses

package/dist/cjs/components/VerticalNavigation/VerticalNavigation.styles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"VerticalNavigation.styles.cjs","sources":["../../../../src/components/VerticalNavigation/VerticalNavigation.styles.tsx"],"sourcesContent":["import { createClasses } from \"@core/utils/classes\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\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":";;;;AAGa,MAAA;AAAA,EAAEA;AAAAA,EAAeC;AAAW,IAAIC,QAAAA,cAC3C,wBACA;AAAA,EACEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,gBAAgB;AAAA,IAEhBC,OAAO;AAAA,IAEPC,YAAYC,YAAAA,MAAMC,OAAOC;AAAAA,IACzBC,WAAWH,YAAAA,MAAMC,OAAOG;AAAAA,IACxBC,UAAU;AAAA,IAEV,mBAAmB;AAAA,MACjBC,SAASN,YAAAA,MAAMO,MAAMC;AAAAA,IACvB;AAAA,IACA,+BAA+B;AAAA,MAC7BC,WAAY,aAAYT,YAAMC,MAAAA,OAAOS,KAAM;AAAA,MAC3CJ,SAASN,YAAMW,MAAAA,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,IAEA,uCAAuC;AAAA,MACrCF,WAAW;AAAA,MACXH,SAASN,YAAMW,MAAAA,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,YAAMW,MAAAA,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,IAEA,+BAA+B;AAAA,MAC7BL,SAASN,YAAMW,MAAAA,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,EACF;AAAA,EAEAE,QAAQ;AAAA,IACN,yBAAyB;AAAA,MACvBC,cAAe,aAAYd,YAAMC,MAAAA,OAAOS,KAAM;AAAA,IAChD;AAAA,EACF;AAAA,EAEAK,WAAW,CAAC;AACd,CACF;;;"}
+{"version":3,"file":"VerticalNavigation.styles.cjs","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,QAAAA,cAC3C,wBACA;AAAA,EACEC,MAAM;AAAA,IACJC,SAAS;AAAA,IACTC,eAAe;AAAA,IACfC,gBAAgB;AAAA,IAEhBC,OAAO;AAAA,IAEPC,YAAYC,YAAAA,MAAMC,OAAOC;AAAAA,IACzBC,WAAWH,YAAAA,MAAMC,OAAOG;AAAAA,IACxBC,UAAU;AAAA,IAEV,mBAAmB;AAAA,MACjBC,SAASN,YAAAA,MAAMO,MAAMC;AAAAA,IACvB;AAAA,IACA,+BAA+B;AAAA,MAC7BC,WAAY,aAAYT,YAAMC,MAAAA,OAAOS,KAAM;AAAA,MAC3CJ,SAASN,YAAMW,MAAAA,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,IAEA,uCAAuC;AAAA,MACrCF,WAAW;AAAA,MACXH,SAASN,YAAMW,MAAAA,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,YAAMW,MAAAA,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,IAEA,+BAA+B;AAAA,MAC7BL,SAASN,YAAMW,MAAAA,QAAQ,MAAM,MAAM,MAAM,IAAI;AAAA,IAC/C;AAAA,EACF;AAAA,EAEAE,QAAQ;AAAA,IACN,yBAAyB;AAAA,MACvBC,cAAe,aAAYd,YAAMC,MAAAA,OAAOS,KAAM;AAAA,IAChD;AAAA,EACF;AAAA,EAEAK,WAAW,CAAC;AACd,CACF;;;"}

package/dist/cjs/hocs/withTooltip.cjs

@@ -16,7 +16,7 @@ const withTooltip = (Component, label = "", placement, hideTooltip, tooltipProps
   const [open, setOpen] = React.useState(false);
   const title = /* @__PURE__ */ jsxRuntime.jsx(Typography.HvTypography, { children: label });
   const handleMouseEnter = (event) => {
-    const isHidden = hideTooltip == null ? void 0 : hideTooltip(event);
+    const isHidden = hideTooltip?.(event);
     setIsHoverDisabled(isHidden);
     setOpen(!isHidden);
   };

package/dist/cjs/hocs/withTooltip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"withTooltip.cjs","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","jsx","HvTypography","handleMouseEnter","event","isHidden","handleMouseLeave","HvTooltip"],"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,eAC5C,KACF;AACA,QAAM,CAACC,MAAMC,OAAO,IAAIF,eAAkB,KAAK;AAEzCG,QAAAA,QAASC,2BAAAA,IAAAC,WAAAA,cAAA,EAAcb,UAAM,MAAA,CAAA;AAE7Bc,QAAAA,mBAAmBA,CAACC,UAA4C;AAC9DC,UAAAA,WAAWd,2CAAca;AAC/BR,uBAAmBS,QAAQ;AAC3BN,YAAQ,CAACM,QAAQ;AAAA,EAAA;AAGnB,QAAMC,mBAAmBA,MAAM;AAC7BV,uBAAmB,KAAK;AACxBG,YAAQ,KAAK;AAAA,EAAA;AAIb,SAAAE,2BAAA,IAACM,qBACC,OAAO;AAAA,IAAE,GAAGzB,OAAOC;AAAAA,EAAS,GAC5B,sBAAsBY,iBACtB,sBAAoB,MACpB,sBAAoB,MACpB,OACA,MACA,WACA,GAAIH,cAEJ,yCAAC,OACKC,EAAAA,GAAAA,uBACJ,cAAcU,kBACd,cAAcG,kBAEd,UAAAL,+BAAC,WAAU,EAAA,GAAIP,MAAM,CAAA,EACvB,CAAA,EACF,CAAA;AAEJ;;"}
+{"version":3,"file":"withTooltip.cjs","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","jsx","HvTypography","handleMouseEnter","event","isHidden","handleMouseLeave","HvTooltip"],"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,eAC5C,KACF;AACA,QAAM,CAACC,MAAMC,OAAO,IAAIF,eAAkB,KAAK;AAEzCG,QAAAA,QAASC,2BAAAA,IAAAC,WAAAA,cAAA,EAAcb,UAAM,MAAA,CAAA;AAE7Bc,QAAAA,mBAAmBA,CAACC,UAA4C;AAC9DC,UAAAA,WAAWd,cAAca,KAAK;AACpCR,uBAAmBS,QAAQ;AAC3BN,YAAQ,CAACM,QAAQ;AAAA,EAAA;AAGnB,QAAMC,mBAAmBA,MAAM;AAC7BV,uBAAmB,KAAK;AACxBG,YAAQ,KAAK;AAAA,EAAA;AAIb,SAAAE,2BAAA,IAACM,qBACC,OAAO;AAAA,IAAE,GAAGzB,OAAOC;AAAAA,EAAS,GAC5B,sBAAsBY,iBACtB,sBAAoB,MACpB,sBAAoB,MACpB,OACA,MACA,WACA,GAAIH,cAEJ,yCAAC,OACKC,EAAAA,GAAAA,uBACJ,cAAcU,kBACd,cAAcG,kBAEd,UAAAL,+BAAC,WAAU,EAAA,GAAIP,MAAM,CAAA,EACvB,CAAA,EACF,CAAA;AAEJ;;"}

package/dist/cjs/hooks/useClickOutside.cjs

@@ -4,10 +4,10 @@ const React = require("react");
 const useClickOutside = (ref, handler) => {
   React.useEffect(() => {
     const listener = (event) => {
-      const el = ref == null ? void 0 : ref.current;
+      const el = ref?.current;
       const isKeyUp = event.type === "keyup";
       const isEscape = event.key === "Escape";
-      if (!el || el.contains((event == null ? void 0 : event.target) || null)) {
+      if (!el || el.contains(event?.target || null)) {
         return {};
       }
       return isKeyUp ? isEscape ? handler(event) : null : handler(event);

package/dist/cjs/hooks/useClickOutside.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useClickOutside.cjs","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,QAAAA,UAAU,MAAM;AACRC,UAAAA,WAAWA,CAACC,UAA+B;AAC/C,YAAMC,KAAKL,2BAAKM;AACVC,YAAAA,UAAUH,MAAMI,SAAS;AACzBC,YAAAA,WAAYL,MAAwBM,QAAQ;AAElD,UAAI,CAACL,MAAMA,GAAGM,UAAUP,+BAAOQ,WAAmB,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.cjs","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,QAAAA,UAAU,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;;"}

package/dist/cjs/hooks/useComputation.cjs

@@ -6,7 +6,7 @@ const useComputation = (valueFn, valueFallback) => {
   const [value, setValue] = React.useState(valueFallback);
   const computeValue = () => {
     if (!computed.current) {
-      setValue(valueFn == null ? void 0 : valueFn());
+      setValue(valueFn?.());
       computed.current = true;
     }
   };

package/dist/cjs/hooks/useComputation.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useComputation.cjs","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,aAAY,IAAI;AACjC,QAAM,CAACC,OAAOC,QAAQ,IAAIC,eAASL,aAAa;AAEhD,QAAMM,eAAeA,MAAM;AACrB,QAAA,CAACL,SAASM,SAAS;AACrBH,eAASL,oCAAW;AACpBE,eAASM,UAAU;AAAA,IACrB;AAAA,EAAA;AAGK,SAAA,CAACJ,OAAOG,YAAY;AAC7B;;"}
+{"version":3,"file":"useComputation.cjs","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,aAAY,IAAI;AACjC,QAAM,CAACC,OAAOC,QAAQ,IAAIC,eAASL,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;;"}

package/dist/cjs/hooks/useCss.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useCss.cjs","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\";\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":";;;;;;;;;AASA,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,MAAAA,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,UAAAA,gBAAgBnB,MAAMgB,MAAMP,UAAU;AAC5CO,YAAAA,aAAAA,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,cAAAA,QAAKvB,IAAI,CAAC;AAE7D,WAAA;AAAA,MAAEU;AAAAA,MAAKY;AAAAA,IAAAA;AAAAA,EAChB;AAEOP,SAAAA;AACT;AAEO,SAASS,SAAS;AACvB,QAAMR,QAAQS,gBAAAA;AACd,SAAOC,MAAAA,QAAQ,MAAMnB,WAAWS,KAAK,GAAG,CAACA,KAAK,CAAC;AACjD;;"}
+{"version":3,"file":"useCss.cjs","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,MAAAA,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,UAAAA,gBAAgBnB,MAAMgB,MAAMP,UAAU;AAC5CO,YAAAA,aAAAA,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,cAAAA,QAAKvB,IAAI,CAAC;AAE7D,WAAA;AAAA,MAAEU;AAAAA,MAAKY;AAAAA,IAAAA;AAAAA,EAChB;AAEOP,SAAAA;AACT;AAEO,SAASS,SAAS;AACvB,QAAMR,QAAQS,gBAAAA;AACd,SAAOC,MAAAA,QAAQ,MAAMnB,WAAWS,KAAK,GAAG,CAACA,KAAK,CAAC;AACjD;;"}

package/dist/cjs/hooks/useDefaultProps.cjs

@@ -12,7 +12,6 @@ function filterProps(props) {
   }, {});
 }
 function useDefaultProps(componentName, props) {
-  var _a;
   const {
     activeTheme
   } = useTheme.useTheme();
@@ -20,16 +19,16 @@ function useDefaultProps(componentName, props) {
     css,
     cx
   } = useCss.useCss();
-  const themeDefaultProps = (_a = activeTheme == null ? void 0 : activeTheme.components) == null ? void 0 : _a[componentName];
+  const themeDefaultProps = activeTheme?.components?.[componentName];
   const classes = React.useMemo(() => {
-    const themeClasses = (themeDefaultProps == null ? void 0 : themeDefaultProps.classes) || {};
-    const propsClasses = (props == null ? void 0 : props.classes) || {};
+    const themeClasses = themeDefaultProps?.classes || {};
+    const propsClasses = props?.classes || {};
     const classKeys = [...Object.keys(themeClasses), ...Object.keys(propsClasses)];
     return classKeys.reduce((acc, key) => {
       acc[key] = cx(themeClasses[key] && css(themeClasses[key]), propsClasses[key]);
       return acc;
     }, {});
-  }, [css, cx, props == null ? void 0 : props.classes, themeDefaultProps == null ? void 0 : themeDefaultProps.classes]);
+  }, [css, cx, props?.classes, themeDefaultProps?.classes]);
   return {
     ...themeDefaultProps,
     ...filterProps(props),

package/dist/cjs/hooks/useDefaultProps.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useDefaultProps.cjs","sources":["../../../src/hooks/useDefaultProps.ts"],"sourcesContent":["import { useMemo } from \"react\";\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":";;;;;AAKO,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,SAAA;AAC3B,QAAA;AAAA,IAAEC;AAAAA,IAAKC;AAAAA,MAAOC,OAAO,OAAA;AAErBC,QAAAA,qBAAoBL,gDAAaM,eAAbN,mBAA0BD;AAE9CQ,QAAAA,UAAUC,MAAAA,QAAQ,MAAM;AACtBC,UAAAA,gBAAeJ,uDAAmBE,YAAW;AAC7CG,UAAAA,gBAAenB,+BAAOgB,YAAW;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,+BAAOgB,SAASF,uDAAmBE,OAAO,CAAC;AAEjD,SAAA;AAAA,IACL,GAAGF;AAAAA,IACH,GAAGf,YAAYC,KAAK;AAAA,IACpBgB;AAAAA,EAAAA;AAEJ;;;"}
+{"version":3,"file":"useDefaultProps.cjs","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,SAAA;AAC3B,QAAA;AAAA,IAAEC;AAAAA,IAAKC;AAAAA,MAAOC,OAAO,OAAA;AAErBC,QAAAA,oBAAoBL,aAAaM,aAAaP,aAAa;AAE3DQ,QAAAA,UAAUC,MAAAA,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;;;"}

package/dist/cjs/hooks/useTheme.cjs

@@ -8,14 +8,13 @@ require("@mui/material/styles");
 const useTheme = () => {
   const context = React.useContext(uikitReactShared.HvThemeContext);
   return React.useMemo(() => {
-    var _a;
     const {
       activeTheme,
       selectedMode
     } = context;
     return {
       ...context,
-      colors: (_a = activeTheme == null ? void 0 : activeTheme.colors.modes) == null ? void 0 : _a[selectedMode]
+      colors: activeTheme?.colors.modes?.[selectedMode]
     };
   }, [context]);
 };

package/dist/cjs/hooks/useTheme.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.cjs","sources":["../../../src/hooks/useTheme.ts"],"sourcesContent":["import { useContext, useMemo } from \"react\";\nimport { HvThemeColorModeStructure } from \"@hitachivantara/uikit-styles\";\nimport {\n  HvThemeContext,\n  HvThemeContextValue,\n} from \"@core/providers/ThemeProvider\";\n\nexport const useTheme = (): HvThemeContextValue & {\n  /** Colors of the currently active theme and mode */\n  colors?: HvThemeColorModeStructure;\n} => {\n  const context = useContext(HvThemeContext);\n\n  return useMemo(() => {\n    const { activeTheme, selectedMode } = context;\n    return { ...context, colors: activeTheme?.colors.modes?.[selectedMode] };\n  }, [context]);\n};\n"],"names":["useTheme","context","useContext","HvThemeContext","useMemo","activeTheme","selectedMode","colors","modes"],"mappings":";;;;;;;AAOO,MAAMA,WAAWA,MAGnB;AACGC,QAAAA,UAAUC,iBAAWC,iBAAAA,cAAc;AAEzC,SAAOC,cAAQ,MAAM;;AACb,UAAA;AAAA,MAAEC;AAAAA,MAAaC;AAAAA,IAAiBL,IAAAA;AAC/B,WAAA;AAAA,MAAE,GAAGA;AAAAA,MAASM,SAAQF,gDAAaE,OAAOC,UAApBH,mBAA4BC;AAAAA,IAAY;AAAA,EAAE,GACtE,CAACL,OAAO,CAAC;AACd;;"}
+{"version":3,"file":"useTheme.cjs","sources":["../../../src/hooks/useTheme.ts"],"sourcesContent":["import { useContext, useMemo } from \"react\";\nimport { HvThemeColorModeStructure } from \"@hitachivantara/uikit-styles\";\n\nimport {\n  HvThemeContext,\n  HvThemeContextValue,\n} from \"@core/providers/ThemeProvider\";\n\nexport const useTheme = (): HvThemeContextValue & {\n  /** Colors of the currently active theme and mode */\n  colors?: HvThemeColorModeStructure;\n} => {\n  const context = useContext(HvThemeContext);\n\n  return useMemo(() => {\n    const { activeTheme, selectedMode } = context;\n    return { ...context, colors: activeTheme?.colors.modes?.[selectedMode] };\n  }, [context]);\n};\n"],"names":["useTheme","context","useContext","HvThemeContext","useMemo","activeTheme","selectedMode","colors","modes"],"mappings":";;;;;;;AAQO,MAAMA,WAAWA,MAGnB;AACGC,QAAAA,UAAUC,iBAAWC,iBAAAA,cAAc;AAEzC,SAAOC,cAAQ,MAAM;AACb,UAAA;AAAA,MAAEC;AAAAA,MAAaC;AAAAA,IAAiBL,IAAAA;AAC/B,WAAA;AAAA,MAAE,GAAGA;AAAAA,MAASM,QAAQF,aAAaE,OAAOC,QAAQF,YAAY;AAAA,IAAA;AAAA,EAAE,GACtE,CAACL,OAAO,CAAC;AACd;;"}

package/dist/cjs/index.cjs

@@ -262,6 +262,8 @@ const CarouselControls = require("./components/Carousel/CarouselControls.cjs");
 const CarouselThumbnails = require("./components/Carousel/CarouselThumbnails.cjs");
 const TimePicker_styles = require("./components/TimePicker/TimePicker.styles.cjs");
 const TimePicker = require("./components/TimePicker/TimePicker.cjs");
+const Section_styles = require("./components/Section/Section.styles.cjs");
+const Section = require("./components/Section/Section.cjs");
 const useClickOutside = require("./hooks/useClickOutside.cjs");
 const useControlled = require("./hooks/useControlled.cjs");
 const useForkRef = require("./hooks/useForkRef.cjs");
@@ -622,6 +624,8 @@ exports.HvCarouselControls = CarouselControls.HvCarouselControls;
 exports.HvCarouselThumbnails = CarouselThumbnails.HvCarouselThumbnails;
 exports.timePickerClasses = TimePicker_styles.staticClasses;
 exports.HvTimePicker = TimePicker.HvTimePicker;
+exports.sectionClasses = Section_styles.staticClasses;
+exports.HvSection = Section.HvSection;
 exports.useClickOutside = useClickOutside.useClickOutside;
 exports.useControlled = useControlled.useControlled;
 exports.useForkRef = useForkRef.useForkRef;

package/dist/cjs/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/cjs/utils/classes.cjs

@@ -22,7 +22,7 @@ const deepRenameKeys = (obj, mapFn) => {
 const replace$ = (stylesObj, name) => {
   return deepRenameKeys(stylesObj, (key) => {
     const matches = key.match(/\$\w+/g);
-    if (!(matches == null ? void 0 : matches.length))
+    if (!matches?.length)
       return key;
     const newKey = matches.reduce((acc, match) => acc.replace(match, `.${name}-${match.slice(1)}`), key);
     return newKey ?? key;
@@ -36,7 +36,7 @@ function createClasses(name, stylesObject) {
       cx,
       css
     } = useCss.useCss();
-    const mergeClasses = (key) => cx(addStatic && `${name}-${key}`, css(styles[key]), classesProp == null ? void 0 : classesProp[key]);
+    const mergeClasses = (key) => cx(addStatic && `${name}-${key}`, css(styles[key]), classesProp?.[key]);
     const classes = Object.fromEntries(Object.keys(styles).map((key) => [key, mergeClasses(key)]));
     return {
       classes,

package/dist/cjs/utils/classes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"classes.cjs","sources":["../../../src/utils/classes.ts"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/css\";\nimport { useCss } from \"@core/hooks/useCss\";\n\nexport type ExtractNames<\n  T extends (...args: any) => { classes: Record<string, any>; cx: any }\n> = Partial<ReturnType<T>[\"classes\"]>;\n\nexport const getClasses = <T extends string, N extends string>(\n  keys: T[],\n  name: N\n) => {\n  const classesObj: Record<string, string> = {};\n  keys.forEach((key: string) => {\n    classesObj[key] = `${name}-${key}`;\n  });\n  return classesObj as { [P in T]: `${N}-${P}` };\n};\n\nconst deepRenameKeys = <T extends object>(\n  obj: T,\n  mapFn: (key: string) => string\n): T => {\n  const result: any = {};\n  for (const key in obj) {\n    if (Object.prototype.hasOwnProperty.call(obj, key)) {\n      const newKey = mapFn(key);\n      const value = obj[key];\n      result[newKey] =\n        typeof value === \"object\" ? deepRenameKeys(value as any, mapFn) : value;\n    }\n  }\n  return result;\n};\n\n/** Given a `stylesObj`, replaces its keys' `$myClass` with `.{name}-myClass`. */\nexport const replace$ = <T extends object>(stylesObj: T, name: string): T => {\n  return deepRenameKeys(stylesObj, (key) => {\n    const matches = key.match(/\\$\\w+/g);\n    if (!matches?.length) return key;\n    const newKey = matches.reduce(\n      (acc, match) => acc.replace(match, `.${name}-${match.slice(1)}`),\n      key\n    );\n    return newKey ?? key;\n  });\n};\n\n/** Utility function to create classes for a component. */\nexport function createClasses<Name extends string, ClassName extends string>(\n  /** Component name in PascalCase (ie. `HvTableCell`). */\n  name: Name,\n  stylesObject: Record<ClassName, CSSInterpolation>\n) {\n  const styles = replace$(stylesObject, name);\n\n  const staticClasses = getClasses(Object.keys(styles) as ClassName[], name);\n\n  /**\n   * Hook that takes in a component's `classesProp` overrides, and returns the\n   * concatenated static/internal/override `classes`, and the cached `cx` and `css` utilities.\n   */\n  function useClasses(\n    classesProp: Partial<Record<ClassName, string>> = {},\n    /** Whether to add the static classes. Disable when included by `classesProp` */\n    addStatic = true\n  ) {\n    const { cx, css } = useCss();\n\n    const mergeClasses = (key: string) =>\n      cx(addStatic && `${name}-${key}`, css(styles[key]), classesProp?.[key]);\n\n    const classes = Object.fromEntries(\n      Object.keys(styles).map((key) => [key, mergeClasses(key)])\n    ) as { [P in ClassName]: string };\n\n    return { classes, css, cx };\n  }\n\n  return { useClasses, staticClasses };\n}\n"],"names":["getClasses","keys","name","classesObj","forEach","key","deepRenameKeys","obj","mapFn","result","Object","prototype","hasOwnProperty","call","newKey","value","replace$","stylesObj","matches","match","length","reduce","acc","replace","slice","createClasses","stylesObject","styles","staticClasses","useClasses","classesProp","addStatic","cx","css","useCss","mergeClasses","classes","fromEntries","map"],"mappings":";;;AAOaA,MAAAA,aAAa,CACxBC,MACAC,SACG;AACH,QAAMC,aAAqC,CAAA;AACtCC,OAAAA,QAAQ,CAACC,QAAgB;AAC5BF,eAAWE,GAAG,IAAK,GAAEH,IAAK,IAAGG,GAAI;AAAA,EAAA,CAClC;AACMF,SAAAA;AACT;AAEA,MAAMG,iBAAiB,CACrBC,KACAC,UACM;AACN,QAAMC,SAAc,CAAA;AACpB,aAAWJ,OAAOE,KAAK;AACrB,QAAIG,OAAOC,UAAUC,eAAeC,KAAKN,KAAKF,GAAG,GAAG;AAC5CS,YAAAA,SAASN,MAAMH,GAAG;AAClBU,YAAAA,QAAQR,IAAIF,GAAG;AACdS,aAAAA,MAAM,IACX,OAAOC,UAAU,WAAWT,eAAeS,OAAcP,KAAK,IAAIO;AAAAA,IACtE;AAAA,EACF;AACON,SAAAA;AACT;AAGaO,MAAAA,WAAW,CAAmBC,WAAcf,SAAoB;AACpEI,SAAAA,eAAeW,WAAYZ,CAAQ,QAAA;AAClCa,UAAAA,UAAUb,IAAIc,MAAM,QAAQ;AAClC,QAAI,EAACD,mCAASE;AAAef,aAAAA;AAC7B,UAAMS,SAASI,QAAQG,OACrB,CAACC,KAAKH,UAAUG,IAAIC,QAAQJ,OAAQ,IAAGjB,IAAK,IAAGiB,MAAMK,MAAM,CAAC,CAAE,EAAC,GAC/DnB,GACF;AACA,WAAOS,UAAUT;AAAAA,EAAAA,CAClB;AACH;AAGgBoB,SAAAA,cAEdvB,MACAwB,cACA;AACMC,QAAAA,SAASX,SAASU,cAAcxB,IAAI;AAE1C,QAAM0B,gBAAgB5B,WAAWU,OAAOT,KAAK0B,MAAM,GAAkBzB,IAAI;AAMzE,WAAS2B,WACPC,cAAkD,IAElDC,YAAY,MACZ;AACM,UAAA;AAAA,MAAEC;AAAAA,MAAIC;AAAAA,QAAQC,OAAO,OAAA;AAE3B,UAAMC,eAAeA,CAAC9B,QACpB2B,GAAGD,aAAc,GAAE7B,IAAK,IAAGG,GAAI,IAAG4B,IAAIN,OAAOtB,GAAG,CAAC,GAAGyB,2CAAczB,IAAI;AAExE,UAAM+B,UAAU1B,OAAO2B,YACrB3B,OAAOT,KAAK0B,MAAM,EAAEW,IAAKjC,CAAAA,QAAQ,CAACA,KAAK8B,aAAa9B,GAAG,CAAC,CAAC,CAC3D;AAEO,WAAA;AAAA,MAAE+B;AAAAA,MAASH;AAAAA,MAAKD;AAAAA,IAAAA;AAAAA,EACzB;AAEO,SAAA;AAAA,IAAEH;AAAAA,IAAYD;AAAAA,EAAAA;AACvB;;;;"}
+{"version":3,"file":"classes.cjs","sources":["../../../src/utils/classes.ts"],"sourcesContent":["import { CSSInterpolation } from \"@emotion/css\";\n\nimport { useCss } from \"@core/hooks/useCss\";\n\nexport type ExtractNames<\n  T extends (...args: any) => { classes: Record<string, any>; cx: any }\n> = Partial<ReturnType<T>[\"classes\"]>;\n\nexport const getClasses = <T extends string, N extends string>(\n  keys: T[],\n  name: N\n) => {\n  const classesObj: Record<string, string> = {};\n  keys.forEach((key: string) => {\n    classesObj[key] = `${name}-${key}`;\n  });\n  return classesObj as { [P in T]: `${N}-${P}` };\n};\n\nconst deepRenameKeys = <T extends object>(\n  obj: T,\n  mapFn: (key: string) => string\n): T => {\n  const result: any = {};\n  for (const key in obj) {\n    if (Object.prototype.hasOwnProperty.call(obj, key)) {\n      const newKey = mapFn(key);\n      const value = obj[key];\n      result[newKey] =\n        typeof value === \"object\" ? deepRenameKeys(value as any, mapFn) : value;\n    }\n  }\n  return result;\n};\n\n/** Given a `stylesObj`, replaces its keys' `$myClass` with `.{name}-myClass`. */\nexport const replace$ = <T extends object>(stylesObj: T, name: string): T => {\n  return deepRenameKeys(stylesObj, (key) => {\n    const matches = key.match(/\\$\\w+/g);\n    if (!matches?.length) return key;\n    const newKey = matches.reduce(\n      (acc, match) => acc.replace(match, `.${name}-${match.slice(1)}`),\n      key\n    );\n    return newKey ?? key;\n  });\n};\n\n/** Utility function to create classes for a component. */\nexport function createClasses<Name extends string, ClassName extends string>(\n  /** Component name in PascalCase (ie. `HvTableCell`). */\n  name: Name,\n  stylesObject: Record<ClassName, CSSInterpolation>\n) {\n  const styles = replace$(stylesObject, name);\n\n  const staticClasses = getClasses(Object.keys(styles) as ClassName[], name);\n\n  /**\n   * Hook that takes in a component's `classesProp` overrides, and returns the\n   * concatenated static/internal/override `classes`, and the cached `cx` and `css` utilities.\n   */\n  function useClasses(\n    classesProp: Partial<Record<ClassName, string>> = {},\n    /** Whether to add the static classes. Disable when included by `classesProp` */\n    addStatic = true\n  ) {\n    const { cx, css } = useCss();\n\n    const mergeClasses = (key: string) =>\n      cx(addStatic && `${name}-${key}`, css(styles[key]), classesProp?.[key]);\n\n    const classes = Object.fromEntries(\n      Object.keys(styles).map((key) => [key, mergeClasses(key)])\n    ) as { [P in ClassName]: string };\n\n    return { classes, css, cx };\n  }\n\n  return { useClasses, staticClasses };\n}\n"],"names":["getClasses","keys","name","classesObj","forEach","key","deepRenameKeys","obj","mapFn","result","Object","prototype","hasOwnProperty","call","newKey","value","replace$","stylesObj","matches","match","length","reduce","acc","replace","slice","createClasses","stylesObject","styles","staticClasses","useClasses","classesProp","addStatic","cx","css","useCss","mergeClasses","classes","fromEntries","map"],"mappings":";;;AAQaA,MAAAA,aAAa,CACxBC,MACAC,SACG;AACH,QAAMC,aAAqC,CAAA;AACtCC,OAAAA,QAAQ,CAACC,QAAgB;AAC5BF,eAAWE,GAAG,IAAK,GAAEH,IAAK,IAAGG,GAAI;AAAA,EAAA,CAClC;AACMF,SAAAA;AACT;AAEA,MAAMG,iBAAiB,CACrBC,KACAC,UACM;AACN,QAAMC,SAAc,CAAA;AACpB,aAAWJ,OAAOE,KAAK;AACrB,QAAIG,OAAOC,UAAUC,eAAeC,KAAKN,KAAKF,GAAG,GAAG;AAC5CS,YAAAA,SAASN,MAAMH,GAAG;AAClBU,YAAAA,QAAQR,IAAIF,GAAG;AACdS,aAAAA,MAAM,IACX,OAAOC,UAAU,WAAWT,eAAeS,OAAcP,KAAK,IAAIO;AAAAA,IACtE;AAAA,EACF;AACON,SAAAA;AACT;AAGaO,MAAAA,WAAW,CAAmBC,WAAcf,SAAoB;AACpEI,SAAAA,eAAeW,WAAYZ,CAAQ,QAAA;AAClCa,UAAAA,UAAUb,IAAIc,MAAM,QAAQ;AAClC,QAAI,CAACD,SAASE;AAAef,aAAAA;AAC7B,UAAMS,SAASI,QAAQG,OACrB,CAACC,KAAKH,UAAUG,IAAIC,QAAQJ,OAAQ,IAAGjB,IAAK,IAAGiB,MAAMK,MAAM,CAAC,CAAE,EAAC,GAC/DnB,GACF;AACA,WAAOS,UAAUT;AAAAA,EAAAA,CAClB;AACH;AAGgBoB,SAAAA,cAEdvB,MACAwB,cACA;AACMC,QAAAA,SAASX,SAASU,cAAcxB,IAAI;AAE1C,QAAM0B,gBAAgB5B,WAAWU,OAAOT,KAAK0B,MAAM,GAAkBzB,IAAI;AAMzE,WAAS2B,WACPC,cAAkD,IAElDC,YAAY,MACZ;AACM,UAAA;AAAA,MAAEC;AAAAA,MAAIC;AAAAA,QAAQC,OAAO,OAAA;AAE3B,UAAMC,eAAeA,CAAC9B,QACpB2B,GAAGD,aAAc,GAAE7B,IAAK,IAAGG,GAAI,IAAG4B,IAAIN,OAAOtB,GAAG,CAAC,GAAGyB,cAAczB,GAAG,CAAC;AAExE,UAAM+B,UAAU1B,OAAO2B,YACrB3B,OAAOT,KAAK0B,MAAM,EAAEW,IAAKjC,CAAAA,QAAQ,CAACA,KAAK8B,aAAa9B,GAAG,CAAC,CAAC,CAC3D;AAEO,WAAA;AAAA,MAAE+B;AAAAA,MAASH;AAAAA,MAAKD;AAAAA,IAAAA;AAAAA,EACzB;AAEO,SAAA;AAAA,IAAEH;AAAAA,IAAYD;AAAAA,EAAAA;AACvB;;;;"}

package/dist/cjs/utils/keyboardUtils.cjs

@@ -20,7 +20,7 @@ const keyboardCodes = {
   End: "End"
 };
 const isKey = (event, keyCode) => {
-  return (event == null ? void 0 : event.code) === keyCode || (event == null ? void 0 : event.code) === keyboardCodes[keyCode];
+  return event?.code === keyCode || event?.code === keyboardCodes[keyCode];
 };
 const isOneOfKeys = (event, keys) => {
   return keys.some((key) => isKey(event, key));

package/dist/cjs/utils/keyboardUtils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardUtils.cjs","sources":["../../../src/utils/keyboardUtils.ts"],"sourcesContent":["/** Map of keys to key `code` @see https://mdn.io/event/code */\nconst keyboardCodes = {\n  Backspace: \"Backspace\",\n  Tab: \"Tab\",\n  Enter: \"Enter\",\n  Shift: \"ShiftLeft\",\n  Ctrl: \"ControlLeft\",\n  Alt: \"AltLeft\",\n  Delete: \"Delete\",\n  Esc: \"Escape\",\n  ArrowLeft: \"ArrowLeft\",\n  ArrowUp: \"ArrowUp\",\n  ArrowRight: \"ArrowRight\",\n  ArrowDown: \"ArrowDown\",\n  Space: \"Space\",\n  PageUp: \"PageUp\",\n  PageDown: \"PageDown\",\n  Home: \"Home\",\n  End: \"End\",\n} as const;\n\ntype Key = keyof typeof keyboardCodes;\n\n/** Check whether a keyboard `event` is pressing the `keyCode` key. */\nexport const isKey = (event: any, keyCode: Key) => {\n  return event?.code === keyCode || event?.code === keyboardCodes[keyCode];\n};\n\nexport const isOneOfKeys = (event: any, keys: Key[]) => {\n  return keys.some((key) => isKey(event, key));\n};\n"],"names":["keyboardCodes","Backspace","Tab","Enter","Shift","Ctrl","Alt","Delete","Esc","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","Space","PageUp","PageDown","Home","End","isKey","event","keyCode","code","isOneOfKeys","keys","some","key"],"mappings":";;AACA,MAAMA,gBAAgB;AAAA,EACpBC,WAAW;AAAA,EACXC,KAAK;AAAA,EACLC,OAAO;AAAA,EACPC,OAAO;AAAA,EACPC,MAAM;AAAA,EACNC,KAAK;AAAA,EACLC,QAAQ;AAAA,EACRC,KAAK;AAAA,EACLC,WAAW;AAAA,EACXC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,WAAW;AAAA,EACXC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,UAAU;AAAA,EACVC,MAAM;AAAA,EACNC,KAAK;AACP;AAKaC,MAAAA,QAAQA,CAACC,OAAYC,YAAiB;AACjD,UAAOD,+BAAOE,UAASD,YAAWD,+BAAOE,UAASrB,cAAcoB,OAAO;AACzE;AAEaE,MAAAA,cAAcA,CAACH,OAAYI,SAAgB;AACtD,SAAOA,KAAKC,KAAMC,CAAAA,QAAQP,MAAMC,OAAOM,GAAG,CAAC;AAC7C;;;"}
+{"version":3,"file":"keyboardUtils.cjs","sources":["../../../src/utils/keyboardUtils.ts"],"sourcesContent":["/** Map of keys to key `code` @see https://mdn.io/event/code */\nconst keyboardCodes = {\n  Backspace: \"Backspace\",\n  Tab: \"Tab\",\n  Enter: \"Enter\",\n  Shift: \"ShiftLeft\",\n  Ctrl: \"ControlLeft\",\n  Alt: \"AltLeft\",\n  Delete: \"Delete\",\n  Esc: \"Escape\",\n  ArrowLeft: \"ArrowLeft\",\n  ArrowUp: \"ArrowUp\",\n  ArrowRight: \"ArrowRight\",\n  ArrowDown: \"ArrowDown\",\n  Space: \"Space\",\n  PageUp: \"PageUp\",\n  PageDown: \"PageDown\",\n  Home: \"Home\",\n  End: \"End\",\n} as const;\n\ntype Key = keyof typeof keyboardCodes;\n\n/** Check whether a keyboard `event` is pressing the `keyCode` key. */\nexport const isKey = (event: any, keyCode: Key) => {\n  return event?.code === keyCode || event?.code === keyboardCodes[keyCode];\n};\n\nexport const isOneOfKeys = (event: any, keys: Key[]) => {\n  return keys.some((key) => isKey(event, key));\n};\n"],"names":["keyboardCodes","Backspace","Tab","Enter","Shift","Ctrl","Alt","Delete","Esc","ArrowLeft","ArrowUp","ArrowRight","ArrowDown","Space","PageUp","PageDown","Home","End","isKey","event","keyCode","code","isOneOfKeys","keys","some","key"],"mappings":";;AACA,MAAMA,gBAAgB;AAAA,EACpBC,WAAW;AAAA,EACXC,KAAK;AAAA,EACLC,OAAO;AAAA,EACPC,OAAO;AAAA,EACPC,MAAM;AAAA,EACNC,KAAK;AAAA,EACLC,QAAQ;AAAA,EACRC,KAAK;AAAA,EACLC,WAAW;AAAA,EACXC,SAAS;AAAA,EACTC,YAAY;AAAA,EACZC,WAAW;AAAA,EACXC,OAAO;AAAA,EACPC,QAAQ;AAAA,EACRC,UAAU;AAAA,EACVC,MAAM;AAAA,EACNC,KAAK;AACP;AAKaC,MAAAA,QAAQA,CAACC,OAAYC,YAAiB;AACjD,SAAOD,OAAOE,SAASD,WAAWD,OAAOE,SAASrB,cAAcoB,OAAO;AACzE;AAEaE,MAAAA,cAAcA,CAACH,OAAYI,SAAgB;AACtD,SAAOA,KAAKC,KAAMC,CAAAA,QAAQP,MAAMC,OAAOM,GAAG,CAAC;AAC7C;;;"}

package/dist/cjs/utils/setId.cjs

@@ -1,11 +1,9 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const isNil = require("lodash/isNil");
 const uniqueId = require("lodash/uniqueId");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const isNil__default = /* @__PURE__ */ _interopDefault(isNil);
 const uniqueId__default = /* @__PURE__ */ _interopDefault(uniqueId);
-const setId = (...args) => args.some(isNil__default.default) ? void 0 : args.join("-");
+const setId = (...args) => args.some((arg) => arg == null) ? void 0 : args.join("-");
 const setUid = (id, suffix) => {
   const uid = setId(id, suffix);
   return uid ? uniqueId__default.default(uid) : void 0;

package/dist/cjs/utils/setId.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"setId.cjs","sources":["../../../src/utils/setId.ts"],"sourcesContent":["import isNil from \"lodash/isNil\";\nimport uniqueId from \"lodash/uniqueId\";\n\nexport const setId = (...args) =>\n  args.some(isNil) ? undefined : args.join(\"-\");\n\nexport const setUid = (id, suffix) => {\n  const uid = setId(id, suffix);\n  return uid ? uniqueId(uid) : undefined;\n};\n"],"names":["setId","args","some","isNil","undefined","join","setUid","id","suffix","uid","uniqueId"],"mappings":";;;;;;;AAGaA,MAAAA,QAAQA,IAAIC,SACvBA,KAAKC,KAAKC,sBAAK,IAAIC,SAAYH,KAAKI,KAAK,GAAG;AAEjCC,MAAAA,SAASA,CAACC,IAAIC,WAAW;AAC9BC,QAAAA,MAAMT,MAAMO,IAAIC,MAAM;AACrBC,SAAAA,MAAMC,kBAASD,QAAAA,GAAG,IAAIL;AAC/B;;;"}
+{"version":3,"file":"setId.cjs","sources":["../../../src/utils/setId.ts"],"sourcesContent":["import uniqueId from \"lodash/uniqueId\";\n\nexport const setId = (...args) =>\n  args.some((arg) => arg == null) ? undefined : args.join(\"-\");\n\nexport const setUid = (id, suffix) => {\n  const uid = setId(id, suffix);\n  return uid ? uniqueId(uid) : undefined;\n};\n"],"names":["setId","args","some","arg","undefined","join","setUid","id","suffix","uid","uniqueId"],"mappings":";;;;;AAEO,MAAMA,QAAQA,IAAIC,SACvBA,KAAKC,KAAMC,CAAAA,QAAQA,OAAO,IAAI,IAAIC,SAAYH,KAAKI,KAAK,GAAG;AAEhDC,MAAAA,SAASA,CAACC,IAAIC,WAAW;AAC9BC,QAAAA,MAAMT,MAAMO,IAAIC,MAAM;AACrBC,SAAAA,MAAMC,kBAASD,QAAAA,GAAG,IAAIL;AAC/B;;;"}