@hitachivantara/uikit-react-core 5.7.3 → 5.7.5

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

@@ -187,7 +187,7 @@ const HvVerticalNavigationTree = ({
   };
   return /* @__PURE__ */ jsxRuntime.jsx(Navigation_styles.StyledNav, {
     id,
-    className: clsx.clsx(className, navigationClasses.default.root, classes == null ? void 0 : classes.root, !isOpen && collapsedMode == "simple" && clsx.clsx(navigationClasses.default.collapsed, classes == null ? void 0 : classes.collapsed)),
+    className: clsx.clsx(className, navigationClasses.default.root, classes == null ? void 0 : classes.root, !isOpen && collapsedMode === "simple" && clsx.clsx(navigationClasses.default.collapsed, classes == null ? void 0 : classes.collapsed)),
     onMouseLeave: handleStyledNavMouseLeave,
     ...others,
     children: slider ? /* @__PURE__ */ jsxRuntime.jsx(NavigationSlider.HvVerticalNavigationSlider, {
@@ -212,7 +212,8 @@ const HvVerticalNavigationTree = ({
         fixedMode: navigationPopup.fixedMode,
         data: navigationPopup.data,
         onClose: handleNavigationPopupClose,
-        onChange: handleChange
+        onChange: handleChange,
+        className: clsx.clsx(navigationClasses.default.navigationPopup, classes == null ? void 0 : classes.navigationPopup)
       }, navigationPopup.uniqueKey), children]
     })
   });

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

@@ -1 +1 @@
-{"version":3,"file":"Navigation.cjs","sources":["../../../../../src/components/VerticalNavigation/Navigation/Navigation.tsx"],"sourcesContent":["import { useCallback, useMemo, useContext, useEffect, useState } from \"react\";\nimport { clsx } from \"clsx\";\nimport uniqueId from \"lodash/uniqueId\";\nimport { setId, wrapperTooltip } from \"@core/utils\";\nimport { useControlled } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n  HvVerticalNavigationTreeView,\n  HvVerticalNavigationTreeViewItem,\n} from \"../TreeView\";\nimport verticalNavigationTreeClasses, {\n  HvVerticalNavigationTreeClasses,\n} from \"./navigationClasses\";\nimport { StyledNav } from \"./Navigation.styles\";\nimport { HvVerticalNavigationSlider } from \"../\";\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { HvVerticalNavigationPopup } from \"../NavigationPopup/NavigationPopup\";\n\nexport interface NavigationData {\n  /**\n   * the id to be applied to the root element.\n   */\n  id: string;\n  /**\n   * the label to be rendered on the menu item.\n   */\n  label: string;\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   * Icon to be render.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Data subset.\n   */\n  data?: NavigationData[];\n  /**\n   * if `true` the item is disabled and is not interactive.\n   */\n  disabled?: boolean;\n  /**\n   * if `true` the item doesn't have a selected state.\n   */\n  selectable?: boolean;\n  /**\n   * Any other properties.\n   */\n  [otherProperty: string]: any;\n}\n\nconst createListHierarchy = (\n  items,\n  id,\n  classes?: HvVerticalNavigationTreeClasses,\n  mouseEnterHandler?: (event, item) => void,\n  disableTooltip = false\n) =>\n  items.map((item) => {\n    const {\n      id: itemId,\n      label: itemLabel,\n      icon,\n      data: children,\n      selectable,\n      disabled,\n      href,\n      target,\n    } = item;\n\n    const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n    const itemMouseEnterHandler = (event) => {\n      mouseEnterHandler?.(event, item);\n    };\n\n    return (\n      <HvVerticalNavigationTreeViewItem\n        id={setId(id, itemId)}\n        className={classes?.listItem}\n        href={href}\n        target={target}\n        key={itemId}\n        nodeId={itemId}\n        label={<ItemText />}\n        icon={icon}\n        payload={item}\n        selectable={selectable}\n        disabled={disabled}\n        onMouseEnter={itemMouseEnterHandler}\n        disableTooltip={disableTooltip}\n      >\n        {children\n          ? createListHierarchy(\n              children,\n              id,\n              classes,\n              mouseEnterHandler,\n              disableTooltip\n            )\n          : undefined}\n      </HvVerticalNavigationTreeViewItem>\n    );\n  });\n\nconst getAllParents = (items) => {\n  const parents = items.filter(\n    (item) => item.data != null && item.data.length > 0\n  );\n  const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n  return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n  const path: string[] = [];\n\n  if (data != null && data.length > 0) {\n    for (let i = 0; i !== data.length; ++i) {\n      const item = data[i];\n      if (item.id === targetId) {\n        path.push(item.id);\n        break;\n      }\n\n      const subPaths = pathToElement(item.data, targetId);\n      if (subPaths.length > 0) {\n        path.push(item.id);\n        path.push(...subPaths);\n        break;\n      }\n    }\n  }\n\n  return path;\n}\n\nexport const HvVerticalNavigationTree = ({\n  id,\n\n  className,\n  classes,\n\n  data,\n\n  mode = \"navigation\",\n\n  collapsible = false,\n  expanded: expandedProp,\n  defaultExpanded,\n  onToggle,\n\n  selected: selectedProp,\n  defaultSelected,\n  onChange,\n\n  ...others\n}: HvVerticalNavigationTreeProps) => {\n  const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n  const [expanded, setExpanded] = useControlled(expandedProp, () => {\n    if (defaultExpanded === true) {\n      // all parent nodes will be expanded by default\n      return getAllParents(data).map((item) => item.id);\n    }\n\n    if (defaultExpanded === false) {\n      // all parent nodes will be collapsed by default\n      return [];\n    }\n\n    if (defaultExpanded == null) {\n      if (selected != null) {\n        // the path to the selected node will be expanded (default behaviour)\n        const path = pathToElement(data, selected);\n        return path.slice(0, -1);\n      }\n\n      // nothing is expanded\n      return [];\n    }\n\n    return defaultExpanded;\n  });\n\n  const {\n    isOpen,\n    collapsedMode,\n    slider,\n\n    parentItem,\n    withParentData,\n    navigateToChildHandler,\n\n    setParentData,\n    setParentSelected,\n  } = useContext(VerticalNavigationContext);\n\n  const [navigationPopup, setNavigationPopup] = useState<{\n    // This value is needed to guarantee that the NavigationPopup is fully re-rendered with keeping any previous values\n    uniqueKey: string;\n    anchorEl: HTMLButtonElement | null;\n    fixedMode: boolean;\n    data: NavigationData[];\n  } | null>(null);\n\n  const handleChange = useCallback(\n    (event, selectedId, selectedItem) => {\n      if (collapsedMode === \"icon\" && !isOpen && selectedItem.data) {\n        const currentEventTarget = event.currentTarget;\n        setNavigationPopup((prevState) => {\n          // We want to close the popup in case the clicked element is the same as the previous one\n          return prevState?.anchorEl === currentEventTarget\n            ? null\n            : {\n                uniqueKey: uniqueId(),\n                anchorEl: currentEventTarget,\n                fixedMode: true,\n                data: selectedItem.data,\n              };\n        });\n\n        // We need this stopPropagation or else the Popup will close due to the clickaway being triggered\n        event.stopPropagation();\n      } else {\n        setSelected(selectedId);\n        setExpanded((prevState) => {\n          if (!isOpen) {\n            return [...prevState, ...pathToElement(data, selectedId)];\n          }\n          return [...prevState];\n        });\n        setNavigationPopup(null);\n        if (onChange) {\n          onChange(event, selectedItem);\n        }\n      }\n    },\n    [onChange, setSelected]\n  );\n\n  const treeViewItemMouseEnterHandler = (event, item) => {\n    const isCollapsedMode = collapsedMode === \"icon\" && !isOpen;\n\n    if (isCollapsedMode && item.data && !navigationPopup?.fixedMode) {\n      const currentEventTarget = event.currentTarget;\n\n      setNavigationPopup?.({\n        uniqueKey: uniqueId(),\n        anchorEl: currentEventTarget,\n        fixedMode: false,\n        data: item.data,\n      });\n    } else if (isCollapsedMode && !item.data && !navigationPopup?.fixedMode) {\n      setNavigationPopup(null);\n    }\n  };\n\n  const handleToggle = useCallback(\n    (event, newExpanded) => {\n      setExpanded(newExpanded);\n\n      if (onToggle) {\n        onToggle(event, newExpanded);\n      }\n    },\n    [onToggle, setExpanded]\n  );\n\n  const children = useMemo(\n    () =>\n      data &&\n      createListHierarchy(\n        data,\n        id,\n        classes,\n        treeViewItemMouseEnterHandler,\n        navigationPopup?.fixedMode\n      ),\n    [classes, data, id, navigationPopup, isOpen]\n  );\n\n  useEffect(() => {\n    if (!isOpen) {\n      setNavigationPopup?.(null);\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (setParentSelected) setParentSelected(selected);\n  }, [selected, setSelected]);\n\n  useEffect(() => {\n    if (setParentData) setParentData(data);\n  }, [data]);\n\n  //navigation slider\n  const navigateToTargetHandler = (event, selectedItem) => {\n    handleChange(event, selectedItem.id, selectedItem);\n  };\n\n  const handleNavigationPopupClose = () => {\n    setNavigationPopup(null);\n  };\n\n  const handleStyledNavMouseLeave = () => {\n    if (collapsedMode === \"icon\" && !isOpen && !navigationPopup?.fixedMode) {\n      setNavigationPopup(null);\n    }\n  };\n\n  return (\n    <StyledNav\n      id={id}\n      className={clsx(\n        className,\n        verticalNavigationTreeClasses.root,\n        classes?.root,\n        !isOpen &&\n          collapsedMode == \"simple\" &&\n          clsx(verticalNavigationTreeClasses.collapsed, classes?.collapsed)\n      )}\n      onMouseLeave={handleStyledNavMouseLeave}\n      {...others}\n    >\n      {slider ? (\n        <HvVerticalNavigationSlider\n          data={parentItem.data || withParentData}\n          selected={selected}\n          onNavigateToTarget={navigateToTargetHandler}\n          onNavigateToChild={navigateToChildHandler}\n        />\n      ) : (\n        <HvVerticalNavigationTreeView\n          id={setId(id, \"tree\")}\n          className={clsx(verticalNavigationTreeClasses.list, classes?.list)}\n          selectable\n          mode={mode}\n          collapsible={collapsible}\n          selected={selected}\n          onChange={handleChange}\n          expanded={expanded}\n          onToggle={handleToggle}\n        >\n          {collapsedMode === \"icon\" && !isOpen && navigationPopup && (\n            <HvVerticalNavigationPopup\n              id={setId(id, \"navigation-popup\")}\n              key={navigationPopup.uniqueKey}\n              anchorEl={navigationPopup.anchorEl}\n              selected={selected}\n              fixedMode={navigationPopup.fixedMode}\n              data={navigationPopup.data}\n              onClose={handleNavigationPopupClose}\n              onChange={handleChange}\n            />\n          )}\n          {children}\n        </HvVerticalNavigationTreeView>\n      )}\n    </StyledNav>\n  );\n};\n\nexport interface HvVerticalNavigationTreeProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\"> {\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.\n   */\n  classes?: HvVerticalNavigationTreeClasses;\n  /**\n   * Modus operandi (role) of the widget instance.\n   */\n  mode?: NavigationMode;\n  /**\n   * Can non-leaf nodes be collapsed / expanded.\n   */\n  collapsible?: boolean;\n  /**\n   * The ID of the selected page.\n   */\n  selected?: string;\n  /**\n   * When uncontrolled, defines the initial selected page ID.\n   */\n  defaultSelected?: string;\n  /**\n   * Callback fired when a navigation item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {object} page The data of the selected page.\n   */\n  onChange?: (event, page) => void;\n  /**\n   * Expanded nodes' ids.\n   */\n  expanded?: string[];\n  /**\n   * When uncontrolled, defines the initial expanded nodes' ids.\n   *\n   * It also supports `true` for starting with all nodes expanded.\n   * With `false` all nodes will be collapsed.\n   *\n   * By default it expands the needed nodes to display the current selection, if any.\n   */\n  defaultExpanded?: string[] | boolean;\n  /**\n   * Callback fired when tree items are expanded/collapsed.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {array} nodeIds The ids of the expanded nodes (old and new).\n   */\n  onToggle?: (event, nodeIds) => void;\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * data - sub-menu items\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data?: NavigationData[];\n}\n\nexport type NavigationMode = \"treeview\" | \"navigation\" | \"slider\";\n"],"names":["createListHierarchy","items","id","classes","mouseEnterHandler","disableTooltip","map","item","itemId","label","itemLabel","icon","data","children","selectable","disabled","href","target","ItemText","wrapperTooltip","itemMouseEnterHandler","event","HvVerticalNavigationTreeViewItem","setId","className","listItem","nodeId","_jsx","payload","onMouseEnter","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","HvVerticalNavigationTree","mode","collapsible","expanded","expandedProp","defaultExpanded","onToggle","selected","selectedProp","defaultSelected","onChange","others","setSelected","useControlled","setExpanded","slice","isOpen","collapsedMode","slider","parentItem","withParentData","navigateToChildHandler","setParentData","setParentSelected","useContext","VerticalNavigationContext","navigationPopup","setNavigationPopup","useState","handleChange","useCallback","selectedId","selectedItem","currentEventTarget","currentTarget","prevState","anchorEl","uniqueKey","uniqueId","fixedMode","stopPropagation","treeViewItemMouseEnterHandler","isCollapsedMode","handleToggle","newExpanded","useMemo","useEffect","navigateToTargetHandler","handleNavigationPopupClose","handleStyledNavMouseLeave","StyledNav","clsx","verticalNavigationTreeClasses","root","collapsed","onMouseLeave","HvVerticalNavigationSlider","onNavigateToTarget","onNavigateToChild","_jsxs","HvVerticalNavigationTreeView","list","HvVerticalNavigationPopup","onClose"],"mappings":"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"}
+{"version":3,"file":"Navigation.cjs","sources":["../../../../../src/components/VerticalNavigation/Navigation/Navigation.tsx"],"sourcesContent":["import { useCallback, useMemo, useContext, useEffect, useState } from \"react\";\nimport { clsx } from \"clsx\";\nimport uniqueId from \"lodash/uniqueId\";\nimport { setId, wrapperTooltip } from \"@core/utils\";\nimport { useControlled } from \"@core/hooks\";\nimport { HvBaseProps } from \"@core/types\";\nimport {\n  HvVerticalNavigationTreeView,\n  HvVerticalNavigationTreeViewItem,\n} from \"../TreeView\";\nimport verticalNavigationTreeClasses, {\n  HvVerticalNavigationTreeClasses,\n} from \"./navigationClasses\";\nimport { StyledNav } from \"./Navigation.styles\";\nimport { HvVerticalNavigationSlider } from \"..\";\nimport { VerticalNavigationContext } from \"../VerticalNavigationContext\";\nimport { HvVerticalNavigationPopup } from \"../NavigationPopup/NavigationPopup\";\n\nexport interface NavigationData {\n  /**\n   * the id to be applied to the root element.\n   */\n  id: string;\n  /**\n   * the label to be rendered on the menu item.\n   */\n  label: string;\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   * Icon to be render.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Data subset.\n   */\n  data?: NavigationData[];\n  /**\n   * if `true` the item is disabled and is not interactive.\n   */\n  disabled?: boolean;\n  /**\n   * if `true` the item doesn't have a selected state.\n   */\n  selectable?: boolean;\n  /**\n   * Any other properties.\n   */\n  [otherProperty: string]: any;\n}\n\nconst createListHierarchy = (\n  items,\n  id,\n  classes?: HvVerticalNavigationTreeClasses,\n  mouseEnterHandler?: (event, item) => void,\n  disableTooltip = false\n) =>\n  items.map((item) => {\n    const {\n      id: itemId,\n      label: itemLabel,\n      icon,\n      data: children,\n      selectable,\n      disabled,\n      href,\n      target,\n    } = item;\n\n    const ItemText = wrapperTooltip(true, itemLabel, itemLabel);\n\n    const itemMouseEnterHandler = (event) => {\n      mouseEnterHandler?.(event, item);\n    };\n\n    return (\n      <HvVerticalNavigationTreeViewItem\n        id={setId(id, itemId)}\n        className={classes?.listItem}\n        href={href}\n        target={target}\n        key={itemId}\n        nodeId={itemId}\n        label={<ItemText />}\n        icon={icon}\n        payload={item}\n        selectable={selectable}\n        disabled={disabled}\n        onMouseEnter={itemMouseEnterHandler}\n        disableTooltip={disableTooltip}\n      >\n        {children\n          ? createListHierarchy(\n              children,\n              id,\n              classes,\n              mouseEnterHandler,\n              disableTooltip\n            )\n          : undefined}\n      </HvVerticalNavigationTreeViewItem>\n    );\n  });\n\nconst getAllParents = (items) => {\n  const parents = items.filter(\n    (item) => item.data != null && item.data.length > 0\n  );\n  const childParents = parents.flatMap((item) => getAllParents(item.data));\n\n  return [...parents, ...childParents];\n};\n\nfunction pathToElement(data, targetId) {\n  const path: string[] = [];\n\n  if (data != null && data.length > 0) {\n    for (let i = 0; i !== data.length; ++i) {\n      const item = data[i];\n      if (item.id === targetId) {\n        path.push(item.id);\n        break;\n      }\n\n      const subPaths = pathToElement(item.data, targetId);\n      if (subPaths.length > 0) {\n        path.push(item.id);\n        path.push(...subPaths);\n        break;\n      }\n    }\n  }\n\n  return path;\n}\n\nexport const HvVerticalNavigationTree = ({\n  id,\n\n  className,\n  classes,\n\n  data,\n\n  mode = \"navigation\",\n\n  collapsible = false,\n  expanded: expandedProp,\n  defaultExpanded,\n  onToggle,\n\n  selected: selectedProp,\n  defaultSelected,\n  onChange,\n\n  ...others\n}: HvVerticalNavigationTreeProps) => {\n  const [selected, setSelected] = useControlled(selectedProp, defaultSelected);\n  const [expanded, setExpanded] = useControlled(expandedProp, () => {\n    if (defaultExpanded === true) {\n      // all parent nodes will be expanded by default\n      return getAllParents(data).map((item) => item.id);\n    }\n\n    if (defaultExpanded === false) {\n      // all parent nodes will be collapsed by default\n      return [];\n    }\n\n    if (defaultExpanded == null) {\n      if (selected != null) {\n        // the path to the selected node will be expanded (default behaviour)\n        const path = pathToElement(data, selected);\n        return path.slice(0, -1);\n      }\n\n      // nothing is expanded\n      return [];\n    }\n\n    return defaultExpanded;\n  });\n\n  const {\n    isOpen,\n    collapsedMode,\n    slider,\n\n    parentItem,\n    withParentData,\n    navigateToChildHandler,\n\n    setParentData,\n    setParentSelected,\n  } = useContext(VerticalNavigationContext);\n\n  const [navigationPopup, setNavigationPopup] = useState<{\n    // This value is needed to guarantee that the NavigationPopup is fully re-rendered with keeping any previous values\n    uniqueKey: string;\n    anchorEl: HTMLButtonElement | null;\n    fixedMode: boolean;\n    data: NavigationData[];\n  } | null>(null);\n\n  const handleChange = useCallback(\n    (event, selectedId, selectedItem) => {\n      if (collapsedMode === \"icon\" && !isOpen && selectedItem.data) {\n        const currentEventTarget = event.currentTarget;\n        setNavigationPopup((prevState) => {\n          // We want to close the popup in case the clicked element is the same as the previous one\n          return prevState?.anchorEl === currentEventTarget\n            ? null\n            : {\n                uniqueKey: uniqueId(),\n                anchorEl: currentEventTarget,\n                fixedMode: true,\n                data: selectedItem.data,\n              };\n        });\n\n        // We need this stopPropagation or else the Popup will close due to the clickaway being triggered\n        event.stopPropagation();\n      } else {\n        setSelected(selectedId);\n        setExpanded((prevState) => {\n          if (!isOpen) {\n            return [...prevState, ...pathToElement(data, selectedId)];\n          }\n          return [...prevState];\n        });\n        setNavigationPopup(null);\n        if (onChange) {\n          onChange(event, selectedItem);\n        }\n      }\n    },\n    [onChange, setSelected]\n  );\n\n  const treeViewItemMouseEnterHandler = (event, item) => {\n    const isCollapsedMode = collapsedMode === \"icon\" && !isOpen;\n\n    if (isCollapsedMode && item.data && !navigationPopup?.fixedMode) {\n      const currentEventTarget = event.currentTarget;\n\n      setNavigationPopup?.({\n        uniqueKey: uniqueId(),\n        anchorEl: currentEventTarget,\n        fixedMode: false,\n        data: item.data,\n      });\n    } else if (isCollapsedMode && !item.data && !navigationPopup?.fixedMode) {\n      setNavigationPopup(null);\n    }\n  };\n\n  const handleToggle = useCallback(\n    (event, newExpanded) => {\n      setExpanded(newExpanded);\n\n      if (onToggle) {\n        onToggle(event, newExpanded);\n      }\n    },\n    [onToggle, setExpanded]\n  );\n\n  const children = useMemo(\n    () =>\n      data &&\n      createListHierarchy(\n        data,\n        id,\n        classes,\n        treeViewItemMouseEnterHandler,\n        navigationPopup?.fixedMode\n      ),\n    [classes, data, id, navigationPopup, isOpen]\n  );\n\n  useEffect(() => {\n    if (!isOpen) {\n      setNavigationPopup?.(null);\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (setParentSelected) setParentSelected(selected);\n  }, [selected, setSelected]);\n\n  useEffect(() => {\n    if (setParentData) setParentData(data);\n  }, [data]);\n\n  // navigation slider\n  const navigateToTargetHandler = (event, selectedItem) => {\n    handleChange(event, selectedItem.id, selectedItem);\n  };\n\n  const handleNavigationPopupClose = () => {\n    setNavigationPopup(null);\n  };\n\n  const handleStyledNavMouseLeave = () => {\n    if (collapsedMode === \"icon\" && !isOpen && !navigationPopup?.fixedMode) {\n      setNavigationPopup(null);\n    }\n  };\n\n  return (\n    <StyledNav\n      id={id}\n      className={clsx(\n        className,\n        verticalNavigationTreeClasses.root,\n        classes?.root,\n        !isOpen &&\n          collapsedMode === \"simple\" &&\n          clsx(verticalNavigationTreeClasses.collapsed, classes?.collapsed)\n      )}\n      onMouseLeave={handleStyledNavMouseLeave}\n      {...others}\n    >\n      {slider ? (\n        <HvVerticalNavigationSlider\n          data={parentItem.data || withParentData}\n          selected={selected}\n          onNavigateToTarget={navigateToTargetHandler}\n          onNavigateToChild={navigateToChildHandler}\n        />\n      ) : (\n        <HvVerticalNavigationTreeView\n          id={setId(id, \"tree\")}\n          className={clsx(verticalNavigationTreeClasses.list, classes?.list)}\n          selectable\n          mode={mode}\n          collapsible={collapsible}\n          selected={selected}\n          onChange={handleChange}\n          expanded={expanded}\n          onToggle={handleToggle}\n        >\n          {collapsedMode === \"icon\" && !isOpen && navigationPopup && (\n            <HvVerticalNavigationPopup\n              id={setId(id, \"navigation-popup\")}\n              key={navigationPopup.uniqueKey}\n              anchorEl={navigationPopup.anchorEl}\n              selected={selected}\n              fixedMode={navigationPopup.fixedMode}\n              data={navigationPopup.data}\n              onClose={handleNavigationPopupClose}\n              onChange={handleChange}\n              className={clsx(\n                verticalNavigationTreeClasses.navigationPopup,\n                classes?.navigationPopup\n              )}\n            />\n          )}\n          {children}\n        </HvVerticalNavigationTreeView>\n      )}\n    </StyledNav>\n  );\n};\n\nexport interface HvVerticalNavigationTreeProps\n  extends HvBaseProps<HTMLDivElement, \"onChange\"> {\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.\n   */\n  classes?: HvVerticalNavigationTreeClasses;\n  /**\n   * Modus operandi (role) of the widget instance.\n   */\n  mode?: NavigationMode;\n  /**\n   * Can non-leaf nodes be collapsed / expanded.\n   */\n  collapsible?: boolean;\n  /**\n   * The ID of the selected page.\n   */\n  selected?: string;\n  /**\n   * When uncontrolled, defines the initial selected page ID.\n   */\n  defaultSelected?: string;\n  /**\n   * Callback fired when a navigation item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {object} page The data of the selected page.\n   */\n  onChange?: (event, page) => void;\n  /**\n   * Expanded nodes' ids.\n   */\n  expanded?: string[];\n  /**\n   * When uncontrolled, defines the initial expanded nodes' ids.\n   *\n   * It also supports `true` for starting with all nodes expanded.\n   * With `false` all nodes will be collapsed.\n   *\n   * By default it expands the needed nodes to display the current selection, if any.\n   */\n  defaultExpanded?: string[] | boolean;\n  /**\n   * Callback fired when tree items are expanded/collapsed.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {array} nodeIds The ids of the expanded nodes (old and new).\n   */\n  onToggle?: (event, nodeIds) => void;\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * data - sub-menu items\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data?: NavigationData[];\n}\n\nexport type NavigationMode = \"treeview\" | \"navigation\" | \"slider\";\n"],"names":["createListHierarchy","items","id","classes","mouseEnterHandler","disableTooltip","map","item","itemId","label","itemLabel","icon","data","children","selectable","disabled","href","target","ItemText","wrapperTooltip","itemMouseEnterHandler","event","HvVerticalNavigationTreeViewItem","setId","className","listItem","nodeId","_jsx","payload","onMouseEnter","undefined","getAllParents","parents","filter","length","childParents","flatMap","pathToElement","targetId","path","i","push","subPaths","HvVerticalNavigationTree","mode","collapsible","expanded","expandedProp","defaultExpanded","onToggle","selected","selectedProp","defaultSelected","onChange","others","setSelected","useControlled","setExpanded","slice","isOpen","collapsedMode","slider","parentItem","withParentData","navigateToChildHandler","setParentData","setParentSelected","useContext","VerticalNavigationContext","navigationPopup","setNavigationPopup","useState","handleChange","useCallback","selectedId","selectedItem","currentEventTarget","currentTarget","prevState","anchorEl","uniqueKey","uniqueId","fixedMode","stopPropagation","treeViewItemMouseEnterHandler","isCollapsedMode","handleToggle","newExpanded","useMemo","useEffect","navigateToTargetHandler","handleNavigationPopupClose","handleStyledNavMouseLeave","StyledNav","clsx","verticalNavigationTreeClasses","root","collapsed","onMouseLeave","HvVerticalNavigationSlider","onNavigateToTarget","onNavigateToChild","_jsxs","HvVerticalNavigationTreeView","list","HvVerticalNavigationPopup","onClose"],"mappings":"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"}

package/dist/cjs/components/VerticalNavigation/Navigation/navigationClasses.cjs

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const classes = require("../../../utils/classes.cjs");
-const classKeys = ["root", "list", "listItem", "collapsed", "popup"];
+const classKeys = ["root", "list", "listItem", "collapsed", "popup", "navigationPopup"];
 const verticalNavigationTreeClasses = classes.getClasses(classKeys, "HvVerticalNavigationTree");
 const verticalNavigationTreeClasses$1 = verticalNavigationTreeClasses;
 exports.default = verticalNavigationTreeClasses$1;

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

@@ -1 +1 @@
-{"version":3,"file":"navigationClasses.cjs","sources":["../../../../../src/components/VerticalNavigation/Navigation/navigationClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvVerticalNavigationTreeClasses {\n  root?: string;\n  list?: string;\n  listItem?: string;\n  collapsed?: string;\n  popup?: string;\n}\n\nconst classKeys: (keyof HvVerticalNavigationTreeClasses)[] = [\n  \"root\",\n  \"list\",\n  \"listItem\",\n  \"collapsed\",\n  \"popup\",\n];\n\nconst verticalNavigationTreeClasses = getClasses(\n  classKeys,\n  \"HvVerticalNavigationTree\"\n);\n\nexport default verticalNavigationTreeClasses;\n"],"names":["classKeys","verticalNavigationTreeClasses","getClasses"],"mappings":";;;AAUA,MAAMA,YAAuD,CAC3D,QACA,QACA,YACA,aACA,OAAO;AAGT,MAAMC,gCAAgCC,QACpCF,WAAAA,WACA,0BAA0B;AAG5B,MAAA,kCAAeC;;"}
+{"version":3,"file":"navigationClasses.cjs","sources":["../../../../../src/components/VerticalNavigation/Navigation/navigationClasses.ts"],"sourcesContent":["import { getClasses } from \"@core/utils\";\n\nexport interface HvVerticalNavigationTreeClasses {\n  root?: string;\n  list?: string;\n  listItem?: string;\n  collapsed?: string;\n  popup?: string;\n  navigationPopup?: string;\n}\n\nconst classKeys: (keyof HvVerticalNavigationTreeClasses)[] = [\n  \"root\",\n  \"list\",\n  \"listItem\",\n  \"collapsed\",\n  \"popup\",\n  \"navigationPopup\",\n];\n\nconst verticalNavigationTreeClasses = getClasses(\n  classKeys,\n  \"HvVerticalNavigationTree\"\n);\n\nexport default verticalNavigationTreeClasses;\n"],"names":["classKeys","verticalNavigationTreeClasses","getClasses"],"mappings":";;;AAWA,MAAMA,YAAuD,CAC3D,QACA,QACA,YACA,aACA,SACA,iBAAiB;AAGnB,MAAMC,gCAAgCC,QACpCF,WAAAA,WACA,0BAA0B;AAG5B,MAAA,kCAAeC;;"}

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

@@ -15,7 +15,8 @@ const HvVerticalNavigationPopup = ({
   onClose,
   data,
   selected,
-  onChange
+  onChange,
+  ...others
 }) => {
   const handleClickAway = () => {
     onClose == null ? void 0 : onClose();
@@ -32,6 +33,7 @@ const HvVerticalNavigationPopup = ({
     open: true,
     anchorEl,
     placement: "right-start",
+    ...others,
     children: /* @__PURE__ */ jsxRuntime.jsx(material.ClickAwayListener, {
       onClickAway: handleClickAway,
       children: /* @__PURE__ */ jsxRuntime.jsx(NavigationPopup_styles.StyledPopupContainer, {

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationPopup.cjs","sources":["../../../../../src/components/VerticalNavigation/NavigationPopup/NavigationPopup.tsx"],"sourcesContent":["import { ClickAwayListener } from \"@mui/material\";\nimport { clsx } from \"clsx\";\n\nimport {\n  NavigationData,\n  HvVerticalNavigationTree,\n  HvVerticalNavigation,\n  verticalNavigationTreeClasses,\n} from \"@core/components\";\nimport { setId } from \"@core/utils\";\n\nimport { StyledPopper, StyledPopupContainer } from \"./NavigationPopup.styles\";\n\nexport interface HvVerticalNavigationPopupProps {\n  id?: string;\n  anchorEl?: HTMLElement | null;\n  fixedMode?: boolean;\n  data?: NavigationData[];\n  selected?: string;\n  onClose?: () => void;\n  onChange?: any;\n}\n\nexport const HvVerticalNavigationPopup = ({\n  id,\n  anchorEl,\n  fixedMode,\n  onClose,\n  data,\n  selected,\n  onChange,\n}: HvVerticalNavigationPopupProps) => {\n  const handleClickAway = () => {\n    onClose?.();\n  };\n\n  const handleChange = (event, selectedItem) => {\n    onChange(event, selectedItem.id, selectedItem);\n  };\n\n  const handleMouseLeave = () => {\n    if (!fixedMode) {\n      onClose?.();\n    }\n  };\n\n  return (\n    <StyledPopper open anchorEl={anchorEl} placement=\"right-start\">\n      <ClickAwayListener onClickAway={handleClickAway}>\n        <StyledPopupContainer>\n          <HvVerticalNavigation open>\n            <HvVerticalNavigationTree\n              className={clsx(verticalNavigationTreeClasses.popup)}\n              id={setId(id, \"tree\")}\n              collapsible\n              defaultExpanded\n              selected={selected}\n              onChange={handleChange}\n              data={data}\n              onMouseLeave={handleMouseLeave}\n            />\n          </HvVerticalNavigation>\n        </StyledPopupContainer>\n      </ClickAwayListener>\n    </StyledPopper>\n  );\n};\n"],"names":["HvVerticalNavigationPopup","id","anchorEl","fixedMode","onClose","data","selected","onChange","handleClickAway","handleChange","event","selectedItem","handleMouseLeave","StyledPopper","open","placement","children","ClickAwayListener","onClickAway","StyledPopupContainer","HvVerticalNavigation","HvVerticalNavigationTree","className","clsx","verticalNavigationTreeClasses","popup","setId","collapsible","defaultExpanded","onMouseLeave"],"mappings":";;;;;;;;;;AAuBO,MAAMA,4BAA4BA,CAAC;AAAA,EACxCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAC8B,MAAM;AACpC,QAAMC,kBAAkBA,MAAM;AACjB;AAAA,EAAA;AAGPC,QAAAA,eAAeA,CAACC,OAAOC,iBAAiB;AACnCD,aAAAA,OAAOC,aAAaV,IAAIU,YAAY;AAAA,EAAA;AAG/C,QAAMC,mBAAmBA,MAAM;AAC7B,QAAI,CAACT,WAAW;AACH;AAAA,IACb;AAAA,EAAA;AAGF,wCACGU,uBAAAA,cAAY;AAAA,IAACC,MAAI;AAAA,IAACZ;AAAAA,IAAoBa,WAAU;AAAA,IAAaC,yCAC3DC,4BAAiB;AAAA,MAACC,aAAaV;AAAAA,MAAgBQ,yCAC7CG,6CAAoB;AAAA,QAAAH,yCAClBI,yCAAoB;AAAA,UAACN,MAAI;AAAA,UAAAE,yCACvBK,qCAAwB;AAAA,YACvBC,WAAWC,KAAAA,KAAKC,kBAAAA,QAA8BC,KAAK;AAAA,YACnDxB,IAAIyB,MAAAA,MAAMzB,IAAI,MAAM;AAAA,YACpB0B,aAAW;AAAA,YACXC,iBAAe;AAAA,YACftB;AAAAA,YACAC,UAAUE;AAAAA,YACVJ;AAAAA,YACAwB,cAAcjB;AAAAA,UAAAA,CAAiB;AAAA,QAAA,CAC/B;AAAA,MAAA,CACmB;AAAA,IAAA,CACF;AAAA,EAAA,CAEZ;AAEnB;;"}
+{"version":3,"file":"NavigationPopup.cjs","sources":["../../../../../src/components/VerticalNavigation/NavigationPopup/NavigationPopup.tsx"],"sourcesContent":["import { ClickAwayListener } from \"@mui/material\";\nimport { clsx } from \"clsx\";\n\nimport {\n  NavigationData,\n  HvVerticalNavigationTree,\n  HvVerticalNavigation,\n  verticalNavigationTreeClasses,\n} from \"@core/components\";\nimport { HvBaseProps } from \"@core/types\";\nimport { setId } from \"@core/utils\";\n\nimport { StyledPopper, StyledPopupContainer } from \"./NavigationPopup.styles\";\n\nexport interface HvVerticalNavigationPopupProps\n  extends HvBaseProps<HTMLDivElement> {\n  id?: string;\n  anchorEl?: HTMLElement | null;\n  fixedMode?: boolean;\n  data?: NavigationData[];\n  selected?: string;\n  onClose?: () => void;\n  onChange?: any;\n}\n\nexport const HvVerticalNavigationPopup = ({\n  id,\n  anchorEl,\n  fixedMode,\n  onClose,\n  data,\n  selected,\n  onChange,\n\n  ...others\n}: HvVerticalNavigationPopupProps) => {\n  const handleClickAway = () => {\n    onClose?.();\n  };\n\n  const handleChange = (event, selectedItem) => {\n    onChange(event, selectedItem.id, selectedItem);\n  };\n\n  const handleMouseLeave = () => {\n    if (!fixedMode) {\n      onClose?.();\n    }\n  };\n\n  return (\n    <StyledPopper open anchorEl={anchorEl} placement=\"right-start\" {...others}>\n      <ClickAwayListener onClickAway={handleClickAway}>\n        <StyledPopupContainer>\n          <HvVerticalNavigation open>\n            <HvVerticalNavigationTree\n              className={clsx(verticalNavigationTreeClasses.popup)}\n              id={setId(id, \"tree\")}\n              collapsible\n              defaultExpanded\n              selected={selected}\n              onChange={handleChange}\n              data={data}\n              onMouseLeave={handleMouseLeave}\n            />\n          </HvVerticalNavigation>\n        </StyledPopupContainer>\n      </ClickAwayListener>\n    </StyledPopper>\n  );\n};\n"],"names":["HvVerticalNavigationPopup","id","anchorEl","fixedMode","onClose","data","selected","onChange","others","handleClickAway","handleChange","event","selectedItem","handleMouseLeave","StyledPopper","open","placement","children","ClickAwayListener","onClickAway","StyledPopupContainer","HvVerticalNavigation","HvVerticalNavigationTree","className","clsx","verticalNavigationTreeClasses","popup","setId","collapsible","defaultExpanded","onMouseLeave"],"mappings":";;;;;;;;;;AAyBO,MAAMA,4BAA4BA,CAAC;AAAA,EACxCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EAEA,GAAGC;AAC2B,MAAM;AACpC,QAAMC,kBAAkBA,MAAM;AACjB;AAAA,EAAA;AAGPC,QAAAA,eAAeA,CAACC,OAAOC,iBAAiB;AACnCD,aAAAA,OAAOC,aAAaX,IAAIW,YAAY;AAAA,EAAA;AAG/C,QAAMC,mBAAmBA,MAAM;AAC7B,QAAI,CAACV,WAAW;AACH;AAAA,IACb;AAAA,EAAA;AAGF,wCACGW,uBAAAA,cAAY;AAAA,IAACC,MAAI;AAAA,IAACb;AAAAA,IAAoBc,WAAU;AAAA,IAAa,GAAKR;AAAAA,IAAMS,yCACtEC,4BAAiB;AAAA,MAACC,aAAaV;AAAAA,MAAgBQ,yCAC7CG,6CAAoB;AAAA,QAAAH,yCAClBI,yCAAoB;AAAA,UAACN,MAAI;AAAA,UAAAE,yCACvBK,qCAAwB;AAAA,YACvBC,WAAWC,KAAAA,KAAKC,kBAAAA,QAA8BC,KAAK;AAAA,YACnDzB,IAAI0B,MAAAA,MAAM1B,IAAI,MAAM;AAAA,YACpB2B,aAAW;AAAA,YACXC,iBAAe;AAAA,YACfvB;AAAAA,YACAC,UAAUG;AAAAA,YACVL;AAAAA,YACAyB,cAAcjB;AAAAA,UAAAA,CAAiB;AAAA,QAAA,CAC/B;AAAA,MAAA,CACmB;AAAA,IAAA,CACF;AAAA,EAAA,CAEZ;AAEnB;;"}

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

@@ -7,6 +7,7 @@ const navigationSliderClasses = require("./navigationSliderClasses.cjs");
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const ListContainer = require("../../ListContainer/ListContainer.cjs");
 const Button = require("../../Button/Button.cjs");
+const OverflowTooltip = require("../../OverflowTooltip/OverflowTooltip.cjs");
 const HvVerticalNavigationSlider = ({
   id,
   classes,
@@ -28,7 +29,9 @@ const HvVerticalNavigationSlider = ({
           onNavigateToTarget(event, item);
       },
       selected: selected === item.id,
-      startAdornment: item.icon,
+      startAdornment: /* @__PURE__ */ jsxRuntime.jsx("div", {
+        children: item.icon
+      }),
       endAdornment: item.data && item.data.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(Button.HvButton, {
         variant: "secondaryGhost",
         icon: true,
@@ -37,9 +40,9 @@ const HvVerticalNavigationSlider = ({
             onNavigateToChild(event, item);
         },
         children: /* @__PURE__ */ jsxRuntime.jsx(uikitReactIcons.DropRightXS, {})
-      }) : /* @__PURE__ */ jsxRuntime.jsx("div", {}),
-      children: /* @__PURE__ */ jsxRuntime.jsx("span", {
-        children: item.label
+      }) : void 0,
+      children: /* @__PURE__ */ jsxRuntime.jsx(OverflowTooltip.HvOverflowTooltip, {
+        data: item.label
       })
     }, item.id))
   });

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

@@ -1 +1 @@
-{"version":3,"file":"NavigationSlider.cjs","sources":["../../../../../src/components/VerticalNavigation/NavigationSlider/NavigationSlider.tsx"],"sourcesContent":["import { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport { clsx } from \"clsx\";\nimport { HvButton, HvListContainer, NavigationData } from \"@core/components\";\nimport { StyledListItem } from \"./NavigationSlider.styles\";\nimport verticalNavigationSliderClasses, {\n  HvVerticalNavigationSliderClasses,\n} from \"./navigationSliderClasses\";\n\nexport interface HvVerticalNavigationSliderProps {\n  /**\n   * Id to be applied to the root node of the panel.\n   */\n  id?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvVerticalNavigationSliderClasses;\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * icon - the icon react element\n   * data - sub-menu items\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data?: NavigationData[];\n  /**\n   * The selected item id.\n   */\n  selected?: string;\n  /**\n   * Triggered when the item is clicked.\n   */\n  onNavigateToTarget?: (\n    event: React.MouseEvent<HTMLLIElement>,\n    item: NavigationData\n  ) => void;\n  /**\n   * Triggered when the navigate to child button is clicked.\n   */\n  onNavigateToChild?: (\n    event: React.MouseEvent<HTMLButtonElement>,\n    item: NavigationData\n  ) => void;\n}\n\nexport const HvVerticalNavigationSlider = ({\n  id,\n  classes,\n  data,\n  selected,\n  onNavigateToTarget,\n  onNavigateToChild,\n}: HvVerticalNavigationSliderProps) => {\n  return (\n    <HvListContainer interactive id={id}>\n      {data &&\n        data.map((item) => (\n          <StyledListItem\n            key={item.id}\n            classes={{\n              root: classes?.root,\n              selected: clsx(\n                classes?.listItemSelected,\n                verticalNavigationSliderClasses.listItemSelected\n              ),\n            }}\n            onClick={(event) => {\n              if (onNavigateToTarget) onNavigateToTarget(event, item);\n            }}\n            selected={selected === item.id}\n            startAdornment={item.icon}\n            endAdornment={\n              item.data && item.data.length > 0 ? (\n                <HvButton\n                  variant=\"secondaryGhost\"\n                  icon\n                  onClick={(event) => {\n                    if (onNavigateToChild) onNavigateToChild(event, item);\n                  }}\n                >\n                  <DropRightXS />\n                </HvButton>\n              ) : (\n                <div />\n              )\n            }\n          >\n            <span>{item.label}</span>\n          </StyledListItem>\n        ))}\n    </HvListContainer>\n  );\n};\n"],"names":["HvVerticalNavigationSlider","id","classes","data","selected","onNavigateToTarget","onNavigateToChild","HvListContainer","interactive","children","map","item","StyledListItem","root","clsx","listItemSelected","verticalNavigationSliderClasses","onClick","event","startAdornment","icon","endAdornment","length","HvButton","variant","_jsx","DropRightXS","label"],"mappings":";;;;;;;;;AAgDO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAC+B,MAAM;AACrC,wCACGC,cAAAA,iBAAe;AAAA,IAACC,aAAW;AAAA,IAACP;AAAAA,IAAOQ,UACjCN,QACCA,KAAKO,IAAKC,CAAAA,wCACPC,wCAAc;AAAA,MAEbV,SAAS;AAAA,QACPW,MAAMX,mCAASW;AAAAA,QACfT,UAAUU,KAAAA,KACRZ,mCAASa,kBACTC,wBAAAA,QAAgCD,gBAAgB;AAAA,MAEpD;AAAA,MACAE,SAAUC,CAAU,UAAA;AACdb,YAAAA;AAAoBA,6BAAmBa,OAAOP,IAAI;AAAA,MACxD;AAAA,MACAP,UAAUA,aAAaO,KAAKV;AAAAA,MAC5BkB,gBAAgBR,KAAKS;AAAAA,MACrBC,cACEV,KAAKR,QAAQQ,KAAKR,KAAKmB,SAAS,mCAC7BC,iBAAQ;AAAA,QACPC,SAAQ;AAAA,QACRJ,MAAI;AAAA,QACJH,SAAUC,CAAU,UAAA;AACdZ,cAAAA;AAAmBA,8BAAkBY,OAAOP,IAAI;AAAA,QACtD;AAAA,QAAEF,UAEFgB,2BAAAA,IAACC,gBAAW,aAAA,EAAA;AAAA,MAAA,CACH,IAIdD,2BAAAA,IAAA,OAAA,EAAA;AAAA,MAAAhB,yCAED,QAAA;AAAA,QAAAA,UAAOE,KAAKgB;AAAAA,MAAAA,CAAK;AAAA,IAAA,GA7BZhB,KAAKV,EAAE,CA+Bf;AAAA,EAAA,CACa;AAEtB;;"}
+{"version":3,"file":"NavigationSlider.cjs","sources":["../../../../../src/components/VerticalNavigation/NavigationSlider/NavigationSlider.tsx"],"sourcesContent":["import { DropRightXS } from \"@hitachivantara/uikit-react-icons\";\nimport { clsx } from \"clsx\";\nimport {\n  HvButton,\n  HvListContainer,\n  HvOverflowTooltip,\n  NavigationData,\n} from \"@core/components\";\nimport { StyledListItem } from \"./NavigationSlider.styles\";\nimport verticalNavigationSliderClasses, {\n  HvVerticalNavigationSliderClasses,\n} from \"./navigationSliderClasses\";\n\nexport interface HvVerticalNavigationSliderProps {\n  /**\n   * Id to be applied to the root node of the panel.\n   */\n  id?: string;\n  /**\n   * A Jss Object used to override or extend the styles applied.\n   */\n  classes?: HvVerticalNavigationSliderClasses;\n  /**\n   * An array containing the data for each menu item.\n   *\n   * id - the id to be applied to the root element.\n   * label - the label to be rendered on the menu item.\n   * icon - the icon react element\n   * data - sub-menu items\n   * href - the url used for navigation.\n   * target - the behavior when opening an url.\n   */\n  data?: NavigationData[];\n  /**\n   * The selected item id.\n   */\n  selected?: string;\n  /**\n   * Triggered when the item is clicked.\n   */\n  onNavigateToTarget?: (\n    event: React.MouseEvent<HTMLLIElement>,\n    item: NavigationData\n  ) => void;\n  /**\n   * Triggered when the navigate to child button is clicked.\n   */\n  onNavigateToChild?: (\n    event: React.MouseEvent<HTMLButtonElement>,\n    item: NavigationData\n  ) => void;\n}\n\nexport const HvVerticalNavigationSlider = ({\n  id,\n  classes,\n  data,\n  selected,\n  onNavigateToTarget,\n  onNavigateToChild,\n}: HvVerticalNavigationSliderProps) => {\n  return (\n    <HvListContainer interactive id={id}>\n      {data &&\n        data.map((item) => (\n          <StyledListItem\n            key={item.id}\n            classes={{\n              root: classes?.root,\n              selected: clsx(\n                classes?.listItemSelected,\n                verticalNavigationSliderClasses.listItemSelected\n              ),\n            }}\n            onClick={(event) => {\n              if (onNavigateToTarget) onNavigateToTarget(event, item);\n            }}\n            selected={selected === item.id}\n            startAdornment={<div>{item.icon}</div>}\n            endAdornment={\n              item.data && item.data.length > 0 ? (\n                <HvButton\n                  variant=\"secondaryGhost\"\n                  icon\n                  onClick={(event) => {\n                    if (onNavigateToChild) onNavigateToChild(event, item);\n                  }}\n                >\n                  <DropRightXS />\n                </HvButton>\n              ) : undefined\n            }\n          >\n            <HvOverflowTooltip data={item.label} />\n          </StyledListItem>\n        ))}\n    </HvListContainer>\n  );\n};\n"],"names":["HvVerticalNavigationSlider","id","classes","data","selected","onNavigateToTarget","onNavigateToChild","HvListContainer","interactive","children","map","item","StyledListItem","root","clsx","listItemSelected","verticalNavigationSliderClasses","onClick","event","startAdornment","icon","endAdornment","length","HvButton","variant","_jsx","DropRightXS","undefined","HvOverflowTooltip","label"],"mappings":";;;;;;;;;;AAqDO,MAAMA,6BAA6BA,CAAC;AAAA,EACzCC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAAAA,EACAC;AAC+B,MAAM;AACrC,wCACGC,cAAAA,iBAAe;AAAA,IAACC,aAAW;AAAA,IAACP;AAAAA,IAAOQ,UACjCN,QACCA,KAAKO,IAAKC,CAAAA,wCACPC,wCAAc;AAAA,MAEbV,SAAS;AAAA,QACPW,MAAMX,mCAASW;AAAAA,QACfT,UAAUU,KAAAA,KACRZ,mCAASa,kBACTC,wBAAAA,QAAgCD,gBAAgB;AAAA,MAEpD;AAAA,MACAE,SAAUC,CAAU,UAAA;AACdb,YAAAA;AAAoBA,6BAAmBa,OAAOP,IAAI;AAAA,MACxD;AAAA,MACAP,UAAUA,aAAaO,KAAKV;AAAAA,MAC5BkB,+CAAgB,OAAA;AAAA,QAAAV,UAAME,KAAKS;AAAAA,MAAAA,CAAY;AAAA,MACvCC,cACEV,KAAKR,QAAQQ,KAAKR,KAAKmB,SAAS,mCAC7BC,iBAAQ;AAAA,QACPC,SAAQ;AAAA,QACRJ,MAAI;AAAA,QACJH,SAAUC,CAAU,UAAA;AACdZ,cAAAA;AAAmBA,8BAAkBY,OAAOP,IAAI;AAAA,QACtD;AAAA,QAAEF,UAEFgB,2BAAAA,IAACC,gBAAW,aAAA,EAAA;AAAA,MAAG,CAAA,IAEfC;AAAAA,MACLlB,yCAEAmB,mCAAiB;AAAA,QAACzB,MAAMQ,KAAKkB;AAAAA,MAAAA,CAAM;AAAA,IAAA,GA3B/BlB,KAAKV,EAAE,CA6Bf;AAAA,EAAA,CACa;AAEtB;;"}

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

@@ -77,7 +77,12 @@ const HvVerticalNavigationTreeView = React.forwardRef((props, ref) => {
     return false;
   }, []);
   const isFocused = React.useCallback((id) => focusedNodeId === id, [focusedNodeId]);
-  const isChildSelected = React.useCallback((id) => selected.startsWith(id), [selected]);
+  const isChildSelected = React.useCallback(
+    // the second part of the condition is to ensure that the id we're
+    // looking at is actually of a child (ie, there's at least one "-")
+    (id) => selected.startsWith(id) && selected.includes("-"),
+    [selected]
+  );
   const getChildrenIds = (id) => Object.keys(nodeMap.current).map((key) => {
     return nodeMap.current[key];
   }).filter((node) => node.parentId === id).sort((a, b) => a.index - b.index).map((child) => child.id);

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

@@ -1 +1 @@
-{"version":3,"file":"TreeView.cjs","sources":["../../../../../src/components/VerticalNavigation/TreeView/TreeView.tsx"],"sourcesContent":["import { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport { clsx } from \"clsx\";\nimport { useControlled, useForkRef, useUniqueId } from \"@core/hooks\";\nimport { HvVerticalNavigationTreeClasses } from \"../Navigation/navigationClasses\";\nimport {\n  TreeViewControlContext,\n  TreeViewStateContext,\n} from \"./TreeViewContext\";\nimport { DescendantProvider } from \"./descendants\";\nimport { StyledRoot } from \"./TreeView.styles\";\nimport { NavigationMode } from \"../Navigation\";\nimport treeViewClasses from \"./treeViewClasses\";\n\nexport interface HvVerticalNavigationTreeViewProps {\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?: HvVerticalNavigationTreeClasses;\n  /**\n   * Modus operandi (role) of the widget instance.\n   */\n  mode?: NavigationMode;\n  /**\n   * Enables selection.\n   * @default false\n   */\n  selectable?: boolean;\n  /**\n   * Enables the simultaneous selection of multiple items.\n   * @default false\n   */\n  multiSelect?: boolean;\n  /**\n   * The selected nodes' ids.\n   *\n   * When `multiSelect` is true this takes an array of strings; when false (default) a string.\n   */\n  selected?: string[] | string;\n  /**\n   * When uncontrolled, defines the initial selected nodes' ids.\n   *\n   * When `multiSelect` is true this takes an array of strings; when false (default) a string.\n   * @default []\n   */\n  defaultSelected?: string[] | string;\n  /**\n   * Can non-leaf nodes be collapsed / expanded.\n   */\n  collapsible?: boolean;\n  /**\n   * Callback fired when a tree item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {string} nodeId The id of the selected node.\n   */\n  onChange?: any;\n  /**\n   * Expanded nodes' ids.\n   */\n  expanded?: string[];\n  /**\n   * When uncontrolled, defines the initial expanded nodes' ids.\n   * @default []\n   */\n  defaultExpanded?: string[];\n  /**\n   * Callback fired when tree items are expanded/collapsed.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {array} nodeIds The ids of the expanded nodes (old and new).\n   */\n  onToggle?: (event, nodeIds) => void;\n  /**\n   * If `true`, will allow focus on disabled items.\n   * @default false\n   */\n  disabledItemsFocusable?: boolean;\n  /**\n   * @ignore\n   */\n  onFocus?: (event: React.FocusEvent<any>) => void;\n  /**\n   * @ignore\n   */\n  onBlur?: (event: any) => void;\n  /**\n   * @ignore\n   */\n  onKeyDown?: (event: KeyboardEvent) => void;\n  /**\n   * The content of the component.\n   */\n  children?: React.ReactNode;\n}\n\nfunction isPrintableCharacter(string) {\n  return string && string.length === 1 && string.match(/\\S/);\n}\n\nfunction findNextFirstChar(firstChars, startIndex, char) {\n  for (let i = startIndex; i < firstChars.length; i += 1) {\n    if (char === firstChars[i]) {\n      return i;\n    }\n  }\n  return -1;\n}\n\nfunction noopSelection() {\n  return false;\n}\n\nexport const HvVerticalNavigationTreeView = forwardRef(\n  (props: HvVerticalNavigationTreeViewProps, ref) => {\n    const {\n      id: idProp,\n      className,\n      classes,\n\n      mode = \"treeview\",\n\n      collapsible = false,\n      expanded: expandedProp,\n      defaultExpanded = [],\n      onToggle,\n\n      selectable = false,\n      multiSelect: multiSelectProp = false,\n      selected: selectedProp,\n      defaultSelected = [],\n      onChange,\n\n      disabledItemsFocusable = false,\n\n      onFocus,\n      onBlur,\n      onKeyDown,\n\n      children,\n\n      ...others\n    } = props;\n\n    const treeviewMode = mode === \"treeview\";\n    const multiSelect = selectable && multiSelectProp;\n\n    const treeId = useUniqueId(idProp, \"hvtreeview\");\n    const treeRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(treeRef, ref);\n\n    const [expanded, setExpandedState] = useControlled(\n      expandedProp,\n      defaultExpanded\n    );\n\n    const [selected, setSelectedState] = useControlled(\n      selectedProp,\n      defaultSelected\n    );\n\n    const [focusedNodeId, setFocusedNodeId] = useState<string | null>(null);\n\n    const nodeMap = useRef({});\n\n    const firstCharMap = useRef({});\n\n    /*\n     * Status Helpers\n     */\n    const isExpanded = useCallback(\n      (id) =>\n        !collapsible ||\n        (Array.isArray(expanded) ? expanded.indexOf(id) !== -1 : false),\n      [collapsible, expanded]\n    );\n\n    const isExpandable = useCallback(\n      (id) =>\n        collapsible && nodeMap.current[id] && nodeMap.current[id].expandable,\n      [collapsible]\n    );\n\n    const isSelected = useCallback(\n      (id) =>\n        selectable &&\n        (Array.isArray(selected)\n          ? selected.indexOf(id) !== -1\n          : selected === id),\n      [selectable, selected]\n    );\n\n    const isSelectable = useCallback(\n      (id) =>\n        selectable && nodeMap.current[id] && nodeMap.current[id].selectable,\n      [selectable]\n    );\n\n    const isDisabled = useCallback((id) => {\n      let node = nodeMap.current[id];\n\n      // This can be called before the node has been added to the node map.\n      if (!node) {\n        return false;\n      }\n\n      if (node.disabled) {\n        return true;\n      }\n\n      while (node.parentId != null) {\n        node = nodeMap.current[node.parentId];\n        if (node.disabled) {\n          return true;\n        }\n      }\n\n      return false;\n    }, []);\n\n    const isFocused = useCallback(\n      (id) => focusedNodeId === id,\n      [focusedNodeId]\n    );\n\n    const isChildSelected = useCallback(\n      (id) => selected.startsWith(id),\n      [selected]\n    );\n\n    /*\n     * Child Helpers\n     */\n    const getChildrenIds = (id: string | null) =>\n      Object.keys(nodeMap.current)\n        .map((key) => {\n          return nodeMap.current[key];\n        })\n        .filter((node) => node.parentId === id)\n        .sort((a, b) => a.index - b.index)\n        .map((child) => child.id);\n\n    const getNavigableChildrenIds = useCallback(\n      (id: string | null) => {\n        let childrenIds = getChildrenIds(id);\n\n        if (!disabledItemsFocusable) {\n          childrenIds = childrenIds.filter((node) => !isDisabled(node));\n        }\n        return childrenIds;\n      },\n      [disabledItemsFocusable, isDisabled]\n    );\n\n    /*\n     * Node Helpers\n     */\n    const getNextNode = useCallback(\n      (id: string) => {\n        // If expanded get first child\n        if (isExpanded(id) && getNavigableChildrenIds(id).length > 0) {\n          return getNavigableChildrenIds(id)[0];\n        }\n\n        let node = nodeMap.current[id];\n        while (node != null) {\n          // Try to get next sibling\n          const siblings = getNavigableChildrenIds(node.parentId);\n          const nextSibling = siblings[siblings.indexOf(node.id) + 1];\n\n          if (nextSibling) {\n            return nextSibling;\n          }\n\n          // If the sibling does not exist, go up a level to the parent and try again.\n          node = nodeMap.current[node.parentId];\n        }\n\n        return null;\n      },\n      [getNavigableChildrenIds, isExpanded]\n    );\n\n    const getPreviousNode = (id: string) => {\n      const node = nodeMap.current[id];\n      const siblings = getNavigableChildrenIds(node.parentId);\n      const nodeIndex = siblings.indexOf(id);\n\n      if (nodeIndex === 0) {\n        return node.parentId;\n      }\n\n      let currentNode = siblings[nodeIndex - 1];\n      while (\n        isExpanded(currentNode) &&\n        getNavigableChildrenIds(currentNode).length > 0\n      ) {\n        currentNode = getNavigableChildrenIds(currentNode).pop();\n      }\n\n      return currentNode;\n    };\n\n    const getLastNode = () => {\n      let lastNode = getNavigableChildrenIds(null).pop();\n\n      while (isExpanded(lastNode)) {\n        lastNode = getNavigableChildrenIds(lastNode).pop();\n      }\n      return lastNode;\n    };\n    const getFirstNode = () => getNavigableChildrenIds(null)[0];\n    const getParent = (id) => nodeMap.current[id].parentId;\n\n    /**\n     * This is used to determine the start and end of a selection range so\n     * we can get the nodes between the two border nodes.\n     *\n     * It finds the nodes' common ancestor using\n     * a naive implementation of a lowest common ancestor algorithm\n     * (https://en.wikipedia.org/wiki/Lowest_common_ancestor).\n     * Then compares the ancestor's 2 children that are ancestors of nodeA and NodeB\n     * so we can compare their indexes to work out which node comes first in a depth first search.\n     * (https://en.wikipedia.org/wiki/Depth-first_search)\n     *\n     * Another way to put it is which node is shallower in a trémaux tree\n     * https://en.wikipedia.org/wiki/Tr%C3%A9maux_tree\n     */\n    const findOrderInTremauxTree = useCallback(\n      (nodeAId: string, nodeBId: string) => {\n        if (nodeAId === nodeBId) {\n          return [nodeAId, nodeBId];\n        }\n\n        const nodeA = nodeMap.current[nodeAId];\n        const nodeB = nodeMap.current[nodeBId];\n\n        if (nodeA.parentId === nodeB.id || nodeB.parentId === nodeA.id) {\n          return nodeB.parentId === nodeA.id\n            ? [nodeA.id, nodeB.id]\n            : [nodeB.id, nodeA.id];\n        }\n\n        const aFamily = [nodeA.id];\n        const bFamily = [nodeB.id];\n\n        let aAncestor = nodeA.parentId;\n        let bAncestor = nodeB.parentId;\n\n        let aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;\n        let bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;\n\n        let continueA = true;\n        let continueB = true;\n\n        while (!bAncestorIsCommon && !aAncestorIsCommon) {\n          if (continueA) {\n            aFamily.push(aAncestor);\n            aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;\n            continueA = aAncestor !== null;\n            if (!aAncestorIsCommon && continueA) {\n              aAncestor = nodeMap.current[aAncestor].parentId;\n            }\n          }\n\n          if (continueB && !aAncestorIsCommon) {\n            bFamily.push(bAncestor);\n            bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;\n            continueB = bAncestor !== null;\n            if (!bAncestorIsCommon && continueB) {\n              bAncestor = nodeMap.current[bAncestor].parentId;\n            }\n          }\n        }\n\n        const commonAncestor = aAncestorIsCommon ? aAncestor : bAncestor;\n        const ancestorFamily = getChildrenIds(commonAncestor);\n\n        const aSide = aFamily[aFamily.indexOf(commonAncestor) - 1];\n        const bSide = bFamily[bFamily.indexOf(commonAncestor) - 1];\n\n        return ancestorFamily.indexOf(aSide) < ancestorFamily.indexOf(bSide)\n          ? [nodeAId, nodeBId]\n          : [nodeBId, nodeAId];\n      },\n      []\n    );\n\n    const getNodesInRange = useCallback(\n      (nodeA, nodeB) => {\n        if (nodeA && nodeB) {\n          const [first, last] = findOrderInTremauxTree(nodeA, nodeB);\n          const nodes = [first];\n\n          let current = first;\n\n          while (current !== last) {\n            current = getNextNode(current);\n            nodes.push(current);\n          }\n\n          return nodes;\n        }\n        return [];\n      },\n      [findOrderInTremauxTree, getNextNode]\n    );\n\n    /*\n     * Focus Helpers\n     */\n    const focus = (event, id) => {\n      if (id) {\n        setFocusedNodeId(id);\n\n        if (nodeMap.current[id]?.onFocus) {\n          nodeMap.current[id].onFocus(event);\n        }\n      }\n    };\n\n    const focusNextNode = (event, id) => focus(event, getNextNode(id));\n    const focusPreviousNode = (event, id) => focus(event, getPreviousNode(id));\n    const focusFirstNode = (event) => focus(event, getFirstNode());\n    const focusLastNode = (event) => focus(event, getLastNode());\n\n    const focusByFirstCharacter = (event, id, char) => {\n      let start;\n      let index;\n      const lowercaseChar = char.toLowerCase();\n\n      const firstCharIds: string[] = [];\n      const firstChars: string[] = [];\n      // This really only works since the ids are strings\n      Object.keys(firstCharMap.current).forEach((nodeId) => {\n        const firstChar = firstCharMap.current[nodeId];\n        const map = nodeMap.current[nodeId];\n        const visible = map.parentId ? isExpanded(map.parentId) : true;\n        const shouldBeSkipped = disabledItemsFocusable\n          ? false\n          : isDisabled(nodeId);\n\n        if (visible && !shouldBeSkipped) {\n          firstCharIds.push(nodeId);\n          firstChars.push(firstChar);\n        }\n      });\n\n      // Get start index for search based on position of currentItem\n      start = firstCharIds.indexOf(id) + 1;\n      if (start >= firstCharIds.length) {\n        start = 0;\n      }\n\n      // Check remaining slots in the menu\n      index = findNextFirstChar(firstChars, start, lowercaseChar);\n\n      // If not found in remaining slots, check from beginning\n      if (index === -1) {\n        index = findNextFirstChar(firstChars, 0, lowercaseChar);\n      }\n\n      // If match was found...\n      if (index > -1) {\n        focus(event, firstCharIds[index]);\n      }\n    };\n\n    /*\n     * Expansion Helpers\n     */\n    const toggleExpansion = useCallback(\n      (event, value = focusedNodeId) => {\n        let newExpanded;\n\n        if (expanded.indexOf(value) !== -1) {\n          newExpanded = expanded.filter((id) => id !== value);\n        } else {\n          newExpanded = [value].concat(expanded);\n        }\n\n        if (onToggle) {\n          onToggle(event, newExpanded);\n        }\n\n        setExpandedState(newExpanded);\n      },\n      [expanded, focusedNodeId, onToggle, setExpandedState]\n    );\n\n    const expandAllSiblings = (event, id) => {\n      const map = nodeMap.current[id];\n      const siblings = getChildrenIds(map.parentId);\n\n      const diff = siblings.filter(\n        (child) => isExpandable(child) && !isExpanded(child)\n      );\n\n      const newExpanded = expanded.concat(diff);\n\n      if (diff.length > 0) {\n        setExpandedState(newExpanded);\n\n        if (onToggle) {\n          onToggle(event, newExpanded);\n        }\n      }\n    };\n\n    /*\n     * Selection Helpers\n     */\n    const lastSelectedNode = useRef<HTMLDivElement | null>(null);\n    const lastSelectionWasRange = useRef(false);\n    const currentRangeSelection = useRef<HTMLDivElement[]>([]);\n\n    const isDivElement = (element): element is HTMLDivElement => {\n      return (element as HTMLDivElement).nodeType === 1;\n    };\n\n    const handleRangeArrowSelect = useCallback(\n      (event, nodes: { start?; next?; current? }) => {\n        let base = selected.slice();\n        const { start, next, current } = nodes;\n\n        if (!next || !current) {\n          return;\n        }\n\n        if (\n          isDivElement(current) &&\n          currentRangeSelection.current.indexOf(current) === -1\n        ) {\n          currentRangeSelection.current = [];\n        }\n\n        if (lastSelectionWasRange.current) {\n          if (\n            isDivElement(next) &&\n            currentRangeSelection.current.indexOf(next) !== -1\n          ) {\n            base = base.filter((id) => id === start || id !== current);\n            currentRangeSelection.current =\n              currentRangeSelection.current.filter(\n                (id) => id === start || id !== current\n              );\n          } else {\n            base.push(next);\n            currentRangeSelection.current.push(next);\n          }\n        } else {\n          base.push(next);\n          currentRangeSelection.current.push(current, next);\n        }\n\n        if (onChange) {\n          onChange(\n            event,\n            base,\n            base.map((id) => nodeMap.current[id]?.payload)\n          );\n        }\n\n        setSelectedState(base);\n      },\n      [onChange, selected, setSelectedState]\n    );\n\n    const handleRangeSelect = useCallback(\n      (event, nodes: { start?; end?; current? }) => {\n        let base = selected.slice();\n        const { start, end } = nodes;\n        // If last selection was a range selection ignore nodes that were selected.\n        if (lastSelectionWasRange.current) {\n          base = base.filter(\n            (id) => currentRangeSelection.current.indexOf(id) === -1\n          );\n        }\n\n        let range = getNodesInRange(start, end);\n        range = range.filter((node) => !isDisabled(node));\n        currentRangeSelection.current = range;\n        let newSelected = base.concat(range);\n        newSelected = newSelected.filter(\n          (id, i) => newSelected.indexOf(id) === i\n        );\n\n        if (onChange) {\n          onChange(\n            event,\n            newSelected,\n            newSelected.map((id) => nodeMap.current[id]?.payload)\n          );\n        }\n\n        setSelectedState(newSelected);\n      },\n      [getNodesInRange, isDisabled, onChange, selected, setSelectedState]\n    );\n\n    const handleMultipleSelect = useCallback(\n      (event, value) => {\n        let newSelected;\n        if (selected.indexOf(value) !== -1) {\n          newSelected = selected.filter((id) => id !== value);\n        } else {\n          newSelected = [value].concat(selected);\n        }\n\n        if (onChange) {\n          onChange(\n            event,\n            newSelected,\n            newSelected.map((id) => nodeMap.current[id]?.payload)\n          );\n        }\n\n        setSelectedState(newSelected);\n      },\n      [onChange, selected, setSelectedState]\n    );\n\n    const handleSingleSelect = useCallback(\n      (event, value) => {\n        const newSelected = multiSelect ? [value] : value;\n        if (onChange) {\n          const nodeValue = nodeMap.current[newSelected]?.payload;\n          onChange(event, newSelected, multiSelect ? [nodeValue] : nodeValue);\n        }\n\n        setSelectedState(newSelected);\n      },\n      [multiSelect, onChange, setSelectedState]\n    );\n\n    const selectNode = useCallback(\n      (event, id, multiple = false) => {\n        if (id && isSelectable(id)) {\n          if (multiple) {\n            handleMultipleSelect(event, id);\n          } else {\n            handleSingleSelect(event, id);\n          }\n          lastSelectedNode.current = id;\n          lastSelectionWasRange.current = false;\n          currentRangeSelection.current = [];\n\n          return true;\n        }\n        return false;\n      },\n      [handleMultipleSelect, handleSingleSelect, isSelectable]\n    );\n\n    const selectRange = useCallback(\n      (\n        event,\n        nodes: { start?; end?; current?: HTMLDivElement | null },\n        stacked = false\n      ) => {\n        const { start = lastSelectedNode.current, end, current } = nodes;\n        if (stacked) {\n          handleRangeArrowSelect(event, { start, next: end, current });\n        } else if (start != null && end != null) {\n          handleRangeSelect(event, { start, end });\n        }\n        lastSelectionWasRange.current = true;\n      },\n      [handleRangeArrowSelect, handleRangeSelect]\n    );\n\n    const rangeSelectToFirst = (event, id) => {\n      if (!lastSelectedNode.current) {\n        lastSelectedNode.current = id;\n      }\n\n      const start = lastSelectionWasRange.current\n        ? lastSelectedNode.current\n        : id;\n\n      selectRange(event, {\n        start,\n        end: getFirstNode(),\n      });\n    };\n\n    const rangeSelectToLast = (event: any, id) => {\n      if (!lastSelectedNode.current) {\n        lastSelectedNode.current = id;\n      }\n\n      const start = lastSelectionWasRange.current\n        ? lastSelectedNode.current\n        : id;\n\n      selectRange(event, {\n        start,\n        end: getLastNode(),\n      });\n    };\n\n    const selectNextNode = (event, id) => {\n      if (!isDisabled(getNextNode(id))) {\n        selectRange(\n          event,\n          {\n            end: getNextNode(id),\n            current: id,\n          },\n          true\n        );\n      }\n    };\n\n    const selectPreviousNode = (event, id) => {\n      if (!isDisabled(getPreviousNode(id))) {\n        selectRange(\n          event,\n          {\n            end: getPreviousNode(id),\n            current: id,\n          },\n          true\n        );\n      }\n    };\n\n    const selectAllNodes = (event) => {\n      selectRange(event, { start: getFirstNode(), end: getLastNode() });\n    };\n\n    /*\n     * Mapping Helpers\n     */\n    const registerNode = useCallback((node) => {\n      const {\n        id,\n        index,\n        parentId,\n        expandable,\n        idAttribute,\n        disabled,\n        selectable: nodeSelectable,\n        onFocus: nodeOnFocus,\n        payload,\n      } = node;\n\n      nodeMap.current[id] = {\n        id,\n        index,\n        parentId,\n        expandable,\n        idAttribute,\n        disabled,\n        selectable: nodeSelectable,\n        onFocus: nodeOnFocus,\n        payload,\n      };\n    }, []);\n\n    const unregisterNode = useCallback((id) => {\n      const newMap = { ...nodeMap.current };\n      delete newMap[id];\n      nodeMap.current = newMap;\n\n      setFocusedNodeId((oldFocusedNodeId) => {\n        if (\n          oldFocusedNodeId === id &&\n          treeRef.current &&\n          treeRef.current ===\n            (treeRef.current.ownerDocument || document).activeElement\n        ) {\n          return getChildrenIds(null)[0];\n        }\n        return oldFocusedNodeId;\n      });\n    }, []);\n\n    const mapFirstChar = useCallback((id, firstChar) => {\n      firstCharMap.current[id] = firstChar;\n    }, []);\n\n    const unMapFirstChar = useCallback((id) => {\n      const newMap = { ...firstCharMap.current };\n      delete newMap[id];\n      firstCharMap.current = newMap;\n    }, []);\n\n    /**\n     * Event handlers and Navigation\n     */\n    const handleNextArrow = (event) => {\n      if (isExpandable(focusedNodeId)) {\n        if (isExpanded(focusedNodeId)) {\n          focusNextNode(event, focusedNodeId);\n        } else if (!isDisabled(focusedNodeId)) {\n          toggleExpansion(event);\n        }\n      }\n      return true;\n    };\n\n    const handlePreviousArrow = (event) => {\n      if (isExpanded(focusedNodeId) && !isDisabled(focusedNodeId)) {\n        toggleExpansion(event, focusedNodeId);\n        return true;\n      }\n\n      const parent = getParent(focusedNodeId);\n      if (parent) {\n        focus(event, parent);\n        return true;\n      }\n      return false;\n    };\n\n    const handleKeyDown = (event) => {\n      let flag = false;\n      const { key } = event;\n\n      // If the tree is empty there will be no focused node\n      if (\n        event.altKey ||\n        event.currentTarget !== event.target ||\n        !focusedNodeId\n      ) {\n        return;\n      }\n\n      const ctrlPressed = event.ctrlKey || event.metaKey;\n      switch (key) {\n        case \" \":\n          if (isSelectable(focusedNodeId) && !isDisabled(focusedNodeId)) {\n            if (multiSelect && event.shiftKey) {\n              selectRange(event, { end: focusedNodeId });\n              flag = true;\n            } else if (multiSelect) {\n              flag = selectNode(event, focusedNodeId, true);\n            } else {\n              flag = selectNode(event, focusedNodeId);\n            }\n          }\n          event.stopPropagation();\n          break;\n        case \"Enter\":\n          if (!isDisabled(focusedNodeId)) {\n            if (isExpandable(focusedNodeId)) {\n              toggleExpansion(event);\n              flag = true;\n            } else if (isSelectable(focusedNodeId)) {\n              if (multiSelect && event.shiftKey) {\n                selectRange(event, { end: focusedNodeId });\n                flag = true;\n              } else if (multiSelect) {\n                flag = selectNode(event, focusedNodeId, true);\n              } else {\n                flag = selectNode(event, focusedNodeId);\n              }\n            }\n          }\n          event.stopPropagation();\n          break;\n        case \"ArrowDown\":\n          if (multiSelect && event.shiftKey) {\n            selectNextNode(event, focusedNodeId);\n          }\n          focusNextNode(event, focusedNodeId);\n          flag = true;\n          break;\n        case \"ArrowUp\":\n          if (multiSelect && event.shiftKey) {\n            selectPreviousNode(event, focusedNodeId);\n          }\n          focusPreviousNode(event, focusedNodeId);\n          flag = true;\n          break;\n        case \"ArrowRight\":\n          flag = handleNextArrow(event);\n          break;\n        case \"ArrowLeft\":\n          flag = handlePreviousArrow(event);\n          break;\n        case \"Home\":\n          if (\n            multiSelect &&\n            ctrlPressed &&\n            event.shiftKey &&\n            !isDisabled(focusedNodeId)\n          ) {\n            rangeSelectToFirst(event, focusedNodeId);\n          }\n          focusFirstNode(event);\n          flag = true;\n          break;\n        case \"End\":\n          if (\n            multiSelect &&\n            ctrlPressed &&\n            event.shiftKey &&\n            !isDisabled(focusedNodeId)\n          ) {\n            rangeSelectToLast(event, focusedNodeId);\n          }\n          focusLastNode(event);\n          flag = true;\n          break;\n        default:\n          if (key === \"*\") {\n            expandAllSiblings(event, focusedNodeId);\n            flag = true;\n          } else if (multiSelect && ctrlPressed && key.toLowerCase() === \"a\") {\n            selectAllNodes(event);\n            flag = true;\n          } else if (\n            !ctrlPressed &&\n            !event.shiftKey &&\n            isPrintableCharacter(key)\n          ) {\n            focusByFirstCharacter(event, focusedNodeId, key);\n            flag = true;\n          }\n      }\n\n      if (flag) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n\n      if (onKeyDown) {\n        onKeyDown(event);\n      }\n    };\n\n    const handleFocus = (event) => {\n      // if the event bubbled (which is React specific) we don't want to steal focus\n      if (event.target === event.currentTarget) {\n        const firstSelected = Array.isArray(selected) ? selected[0] : selected;\n        focus(event, firstSelected || getNavigableChildrenIds(null)[0]);\n      }\n\n      if (onFocus) {\n        onFocus(event);\n      }\n    };\n\n    const handleBlur = (event) => {\n      setFocusedNodeId(null);\n\n      if (onBlur) {\n        onBlur(event);\n      }\n    };\n\n    const activeDescendant =\n      focusedNodeId && nodeMap.current[focusedNodeId]\n        ? nodeMap.current[focusedNodeId].idAttribute\n        : null;\n\n    const treeControlContext = useMemo(\n      () => ({\n        treeId,\n        mode,\n        collapsible,\n        toggleExpansion,\n        multiSelect,\n        selectNode: selectable ? selectNode : noopSelection,\n        selectRange: selectable ? selectRange : noopSelection,\n        disabledItemsFocusable,\n        registerNode,\n        unregisterNode,\n        mapFirstChar,\n        unMapFirstChar,\n        focus,\n      }),\n      [\n        registerNode,\n        unregisterNode,\n        mapFirstChar,\n        unMapFirstChar,\n        toggleExpansion,\n        selectable,\n        selectNode,\n        selectRange,\n        mode,\n        collapsible,\n        multiSelect,\n        disabledItemsFocusable,\n        treeId,\n      ]\n    );\n\n    const treeStateContext = useMemo(\n      () => ({\n        isExpanded,\n        isSelected,\n        isFocused,\n        isDisabled,\n        isChildSelected,\n      }),\n      [isDisabled, isExpanded, isFocused, isSelected, isChildSelected]\n    );\n\n    return (\n      <TreeViewControlContext.Provider value={treeControlContext}>\n        <TreeViewStateContext.Provider value={treeStateContext}>\n          <DescendantProvider>\n            <StyledRoot\n              ref={handleRef}\n              id={idProp}\n              className={clsx(treeViewClasses.root, classes?.root, className)}\n              {...(treeviewMode && {\n                id: treeId,\n                role: \"tree\",\n                \"aria-multiselectable\": multiSelect,\n                \"aria-activedescendant\": activeDescendant,\n                tabIndex: 0,\n                onFocus: handleFocus,\n                onBlur: handleBlur,\n                onKeyDown: handleKeyDown,\n              })}\n              {...others}\n            >\n              {children}\n            </StyledRoot>\n          </DescendantProvider>\n        </TreeViewStateContext.Provider>\n      </TreeViewControlContext.Provider>\n    );\n  }\n);\n"],"names":["isPrintableCharacter","string","length","match","findNextFirstChar","firstChars","startIndex","char","i","noopSelection","HvVerticalNavigationTreeView","forwardRef","props","ref","id","idProp","className","classes","mode","collapsible","expanded","expandedProp","defaultExpanded","onToggle","selectable","multiSelect","multiSelectProp","selected","selectedProp","defaultSelected","onChange","disabledItemsFocusable","onFocus","onBlur","onKeyDown","children","others","treeviewMode","treeId","useUniqueId","treeRef","useRef","handleRef","useForkRef","setExpandedState","useControlled","setSelectedState","focusedNodeId","setFocusedNodeId","useState","nodeMap","firstCharMap","isExpanded","useCallback","Array","isArray","indexOf","isExpandable","current","expandable","isSelected","isSelectable","isDisabled","node","disabled","parentId","isFocused","isChildSelected","startsWith","getChildrenIds","Object","keys","map","key","filter","sort","a","b","index","child","getNavigableChildrenIds","childrenIds","getNextNode","siblings","nextSibling","getPreviousNode","nodeIndex","currentNode","pop","getLastNode","lastNode","getFirstNode","getParent","findOrderInTremauxTree","nodeAId","nodeBId","nodeA","nodeB","aFamily","bFamily","aAncestor","bAncestor","aAncestorIsCommon","bAncestorIsCommon","continueA","continueB","push","commonAncestor","ancestorFamily","aSide","bSide","getNodesInRange","first","last","nodes","focus","event","focusNextNode","focusPreviousNode","focusFirstNode","focusLastNode","focusByFirstCharacter","start","lowercaseChar","toLowerCase","firstCharIds","forEach","nodeId","firstChar","visible","shouldBeSkipped","toggleExpansion","value","newExpanded","concat","expandAllSiblings","diff","lastSelectedNode","lastSelectionWasRange","currentRangeSelection","isDivElement","element","nodeType","handleRangeArrowSelect","base","slice","next","payload","handleRangeSelect","end","range","newSelected","handleMultipleSelect","handleSingleSelect","nodeValue","selectNode","multiple","selectRange","stacked","rangeSelectToFirst","rangeSelectToLast","selectNextNode","selectPreviousNode","selectAllNodes","registerNode","idAttribute","nodeSelectable","nodeOnFocus","unregisterNode","newMap","oldFocusedNodeId","ownerDocument","document","activeElement","mapFirstChar","unMapFirstChar","handleNextArrow","handlePreviousArrow","parent","handleKeyDown","flag","altKey","currentTarget","target","ctrlPressed","ctrlKey","metaKey","shiftKey","stopPropagation","preventDefault","handleFocus","firstSelected","handleBlur","activeDescendant","treeControlContext","useMemo","treeStateContext","_jsx","TreeViewControlContext","Provider","TreeViewStateContext","DescendantProvider","StyledRoot","clsx","treeViewClasses","root","role","tabIndex"],"mappings":"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"}
+{"version":3,"file":"TreeView.cjs","sources":["../../../../../src/components/VerticalNavigation/TreeView/TreeView.tsx"],"sourcesContent":["import { forwardRef, useCallback, useMemo, useRef, useState } from \"react\";\nimport { clsx } from \"clsx\";\nimport { useControlled, useForkRef, useUniqueId } from \"@core/hooks\";\nimport { HvVerticalNavigationTreeClasses } from \"../Navigation/navigationClasses\";\nimport {\n  TreeViewControlContext,\n  TreeViewStateContext,\n} from \"./TreeViewContext\";\nimport { DescendantProvider } from \"./descendants\";\nimport { StyledRoot } from \"./TreeView.styles\";\nimport { NavigationMode } from \"../Navigation\";\nimport treeViewClasses from \"./treeViewClasses\";\n\nexport interface HvVerticalNavigationTreeViewProps {\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?: HvVerticalNavigationTreeClasses;\n  /**\n   * Modus operandi (role) of the widget instance.\n   */\n  mode?: NavigationMode;\n  /**\n   * Enables selection.\n   * @default false\n   */\n  selectable?: boolean;\n  /**\n   * Enables the simultaneous selection of multiple items.\n   * @default false\n   */\n  multiSelect?: boolean;\n  /**\n   * The selected nodes' ids.\n   *\n   * When `multiSelect` is true this takes an array of strings; when false (default) a string.\n   */\n  selected?: string[] | string;\n  /**\n   * When uncontrolled, defines the initial selected nodes' ids.\n   *\n   * When `multiSelect` is true this takes an array of strings; when false (default) a string.\n   * @default []\n   */\n  defaultSelected?: string[] | string;\n  /**\n   * Can non-leaf nodes be collapsed / expanded.\n   */\n  collapsible?: boolean;\n  /**\n   * Callback fired when a tree item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {string} nodeId The id of the selected node.\n   */\n  onChange?: any;\n  /**\n   * Expanded nodes' ids.\n   */\n  expanded?: string[];\n  /**\n   * When uncontrolled, defines the initial expanded nodes' ids.\n   * @default []\n   */\n  defaultExpanded?: string[];\n  /**\n   * Callback fired when tree items are expanded/collapsed.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {array} nodeIds The ids of the expanded nodes (old and new).\n   */\n  onToggle?: (event, nodeIds) => void;\n  /**\n   * If `true`, will allow focus on disabled items.\n   * @default false\n   */\n  disabledItemsFocusable?: boolean;\n  /**\n   * @ignore\n   */\n  onFocus?: (event: React.FocusEvent<any>) => void;\n  /**\n   * @ignore\n   */\n  onBlur?: (event: any) => void;\n  /**\n   * @ignore\n   */\n  onKeyDown?: (event: KeyboardEvent) => void;\n  /**\n   * The content of the component.\n   */\n  children?: React.ReactNode;\n}\n\nfunction isPrintableCharacter(string) {\n  return string && string.length === 1 && string.match(/\\S/);\n}\n\nfunction findNextFirstChar(firstChars, startIndex, char) {\n  for (let i = startIndex; i < firstChars.length; i += 1) {\n    if (char === firstChars[i]) {\n      return i;\n    }\n  }\n  return -1;\n}\n\nfunction noopSelection() {\n  return false;\n}\n\nexport const HvVerticalNavigationTreeView = forwardRef(\n  (props: HvVerticalNavigationTreeViewProps, ref) => {\n    const {\n      id: idProp,\n      className,\n      classes,\n\n      mode = \"treeview\",\n\n      collapsible = false,\n      expanded: expandedProp,\n      defaultExpanded = [],\n      onToggle,\n\n      selectable = false,\n      multiSelect: multiSelectProp = false,\n      selected: selectedProp,\n      defaultSelected = [],\n      onChange,\n\n      disabledItemsFocusable = false,\n\n      onFocus,\n      onBlur,\n      onKeyDown,\n\n      children,\n\n      ...others\n    } = props;\n\n    const treeviewMode = mode === \"treeview\";\n    const multiSelect = selectable && multiSelectProp;\n\n    const treeId = useUniqueId(idProp, \"hvtreeview\");\n    const treeRef = useRef<HTMLDivElement>(null);\n    const handleRef = useForkRef(treeRef, ref);\n\n    const [expanded, setExpandedState] = useControlled(\n      expandedProp,\n      defaultExpanded\n    );\n\n    const [selected, setSelectedState] = useControlled(\n      selectedProp,\n      defaultSelected\n    );\n\n    const [focusedNodeId, setFocusedNodeId] = useState<string | null>(null);\n\n    const nodeMap = useRef({});\n\n    const firstCharMap = useRef({});\n\n    /*\n     * Status Helpers\n     */\n    const isExpanded = useCallback(\n      (id) =>\n        !collapsible ||\n        (Array.isArray(expanded) ? expanded.indexOf(id) !== -1 : false),\n      [collapsible, expanded]\n    );\n\n    const isExpandable = useCallback(\n      (id) =>\n        collapsible && nodeMap.current[id] && nodeMap.current[id].expandable,\n      [collapsible]\n    );\n\n    const isSelected = useCallback(\n      (id) =>\n        selectable &&\n        (Array.isArray(selected)\n          ? selected.indexOf(id) !== -1\n          : selected === id),\n      [selectable, selected]\n    );\n\n    const isSelectable = useCallback(\n      (id) =>\n        selectable && nodeMap.current[id] && nodeMap.current[id].selectable,\n      [selectable]\n    );\n\n    const isDisabled = useCallback((id) => {\n      let node = nodeMap.current[id];\n\n      // This can be called before the node has been added to the node map.\n      if (!node) {\n        return false;\n      }\n\n      if (node.disabled) {\n        return true;\n      }\n\n      while (node.parentId != null) {\n        node = nodeMap.current[node.parentId];\n        if (node.disabled) {\n          return true;\n        }\n      }\n\n      return false;\n    }, []);\n\n    const isFocused = useCallback(\n      (id) => focusedNodeId === id,\n      [focusedNodeId]\n    );\n\n    const isChildSelected = useCallback(\n      // the second part of the condition is to ensure that the id we're\n      // looking at is actually of a child (ie, there's at least one \"-\")\n      (id) => selected.startsWith(id) && selected.includes(\"-\"),\n      [selected]\n    );\n\n    /*\n     * Child Helpers\n     */\n    const getChildrenIds = (id: string | null) =>\n      Object.keys(nodeMap.current)\n        .map((key) => {\n          return nodeMap.current[key];\n        })\n        .filter((node) => node.parentId === id)\n        .sort((a, b) => a.index - b.index)\n        .map((child) => child.id);\n\n    const getNavigableChildrenIds = useCallback(\n      (id: string | null) => {\n        let childrenIds = getChildrenIds(id);\n\n        if (!disabledItemsFocusable) {\n          childrenIds = childrenIds.filter((node) => !isDisabled(node));\n        }\n        return childrenIds;\n      },\n      [disabledItemsFocusable, isDisabled]\n    );\n\n    /*\n     * Node Helpers\n     */\n    const getNextNode = useCallback(\n      (id: string) => {\n        // If expanded get first child\n        if (isExpanded(id) && getNavigableChildrenIds(id).length > 0) {\n          return getNavigableChildrenIds(id)[0];\n        }\n\n        let node = nodeMap.current[id];\n        while (node != null) {\n          // Try to get next sibling\n          const siblings = getNavigableChildrenIds(node.parentId);\n          const nextSibling = siblings[siblings.indexOf(node.id) + 1];\n\n          if (nextSibling) {\n            return nextSibling;\n          }\n\n          // If the sibling does not exist, go up a level to the parent and try again.\n          node = nodeMap.current[node.parentId];\n        }\n\n        return null;\n      },\n      [getNavigableChildrenIds, isExpanded]\n    );\n\n    const getPreviousNode = (id: string) => {\n      const node = nodeMap.current[id];\n      const siblings = getNavigableChildrenIds(node.parentId);\n      const nodeIndex = siblings.indexOf(id);\n\n      if (nodeIndex === 0) {\n        return node.parentId;\n      }\n\n      let currentNode = siblings[nodeIndex - 1];\n      while (\n        isExpanded(currentNode) &&\n        getNavigableChildrenIds(currentNode).length > 0\n      ) {\n        currentNode = getNavigableChildrenIds(currentNode).pop();\n      }\n\n      return currentNode;\n    };\n\n    const getLastNode = () => {\n      let lastNode = getNavigableChildrenIds(null).pop();\n\n      while (isExpanded(lastNode)) {\n        lastNode = getNavigableChildrenIds(lastNode).pop();\n      }\n      return lastNode;\n    };\n    const getFirstNode = () => getNavigableChildrenIds(null)[0];\n    const getParent = (id) => nodeMap.current[id].parentId;\n\n    /**\n     * This is used to determine the start and end of a selection range so\n     * we can get the nodes between the two border nodes.\n     *\n     * It finds the nodes' common ancestor using\n     * a naive implementation of a lowest common ancestor algorithm\n     * (https://en.wikipedia.org/wiki/Lowest_common_ancestor).\n     * Then compares the ancestor's 2 children that are ancestors of nodeA and NodeB\n     * so we can compare their indexes to work out which node comes first in a depth first search.\n     * (https://en.wikipedia.org/wiki/Depth-first_search)\n     *\n     * Another way to put it is which node is shallower in a trémaux tree\n     * https://en.wikipedia.org/wiki/Tr%C3%A9maux_tree\n     */\n    const findOrderInTremauxTree = useCallback(\n      (nodeAId: string, nodeBId: string) => {\n        if (nodeAId === nodeBId) {\n          return [nodeAId, nodeBId];\n        }\n\n        const nodeA = nodeMap.current[nodeAId];\n        const nodeB = nodeMap.current[nodeBId];\n\n        if (nodeA.parentId === nodeB.id || nodeB.parentId === nodeA.id) {\n          return nodeB.parentId === nodeA.id\n            ? [nodeA.id, nodeB.id]\n            : [nodeB.id, nodeA.id];\n        }\n\n        const aFamily = [nodeA.id];\n        const bFamily = [nodeB.id];\n\n        let aAncestor = nodeA.parentId;\n        let bAncestor = nodeB.parentId;\n\n        let aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;\n        let bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;\n\n        let continueA = true;\n        let continueB = true;\n\n        while (!bAncestorIsCommon && !aAncestorIsCommon) {\n          if (continueA) {\n            aFamily.push(aAncestor);\n            aAncestorIsCommon = bFamily.indexOf(aAncestor) !== -1;\n            continueA = aAncestor !== null;\n            if (!aAncestorIsCommon && continueA) {\n              aAncestor = nodeMap.current[aAncestor].parentId;\n            }\n          }\n\n          if (continueB && !aAncestorIsCommon) {\n            bFamily.push(bAncestor);\n            bAncestorIsCommon = aFamily.indexOf(bAncestor) !== -1;\n            continueB = bAncestor !== null;\n            if (!bAncestorIsCommon && continueB) {\n              bAncestor = nodeMap.current[bAncestor].parentId;\n            }\n          }\n        }\n\n        const commonAncestor = aAncestorIsCommon ? aAncestor : bAncestor;\n        const ancestorFamily = getChildrenIds(commonAncestor);\n\n        const aSide = aFamily[aFamily.indexOf(commonAncestor) - 1];\n        const bSide = bFamily[bFamily.indexOf(commonAncestor) - 1];\n\n        return ancestorFamily.indexOf(aSide) < ancestorFamily.indexOf(bSide)\n          ? [nodeAId, nodeBId]\n          : [nodeBId, nodeAId];\n      },\n      []\n    );\n\n    const getNodesInRange = useCallback(\n      (nodeA, nodeB) => {\n        if (nodeA && nodeB) {\n          const [first, last] = findOrderInTremauxTree(nodeA, nodeB);\n          const nodes = [first];\n\n          let current = first;\n\n          while (current !== last) {\n            current = getNextNode(current);\n            nodes.push(current);\n          }\n\n          return nodes;\n        }\n        return [];\n      },\n      [findOrderInTremauxTree, getNextNode]\n    );\n\n    /*\n     * Focus Helpers\n     */\n    const focus = (event, id) => {\n      if (id) {\n        setFocusedNodeId(id);\n\n        if (nodeMap.current[id]?.onFocus) {\n          nodeMap.current[id].onFocus(event);\n        }\n      }\n    };\n\n    const focusNextNode = (event, id) => focus(event, getNextNode(id));\n    const focusPreviousNode = (event, id) => focus(event, getPreviousNode(id));\n    const focusFirstNode = (event) => focus(event, getFirstNode());\n    const focusLastNode = (event) => focus(event, getLastNode());\n\n    const focusByFirstCharacter = (event, id, char) => {\n      let start;\n      let index;\n      const lowercaseChar = char.toLowerCase();\n\n      const firstCharIds: string[] = [];\n      const firstChars: string[] = [];\n      // This really only works since the ids are strings\n      Object.keys(firstCharMap.current).forEach((nodeId) => {\n        const firstChar = firstCharMap.current[nodeId];\n        const map = nodeMap.current[nodeId];\n        const visible = map.parentId ? isExpanded(map.parentId) : true;\n        const shouldBeSkipped = disabledItemsFocusable\n          ? false\n          : isDisabled(nodeId);\n\n        if (visible && !shouldBeSkipped) {\n          firstCharIds.push(nodeId);\n          firstChars.push(firstChar);\n        }\n      });\n\n      // Get start index for search based on position of currentItem\n      start = firstCharIds.indexOf(id) + 1;\n      if (start >= firstCharIds.length) {\n        start = 0;\n      }\n\n      // Check remaining slots in the menu\n      index = findNextFirstChar(firstChars, start, lowercaseChar);\n\n      // If not found in remaining slots, check from beginning\n      if (index === -1) {\n        index = findNextFirstChar(firstChars, 0, lowercaseChar);\n      }\n\n      // If match was found...\n      if (index > -1) {\n        focus(event, firstCharIds[index]);\n      }\n    };\n\n    /*\n     * Expansion Helpers\n     */\n    const toggleExpansion = useCallback(\n      (event, value = focusedNodeId) => {\n        let newExpanded;\n\n        if (expanded.indexOf(value) !== -1) {\n          newExpanded = expanded.filter((id) => id !== value);\n        } else {\n          newExpanded = [value].concat(expanded);\n        }\n\n        if (onToggle) {\n          onToggle(event, newExpanded);\n        }\n\n        setExpandedState(newExpanded);\n      },\n      [expanded, focusedNodeId, onToggle, setExpandedState]\n    );\n\n    const expandAllSiblings = (event, id) => {\n      const map = nodeMap.current[id];\n      const siblings = getChildrenIds(map.parentId);\n\n      const diff = siblings.filter(\n        (child) => isExpandable(child) && !isExpanded(child)\n      );\n\n      const newExpanded = expanded.concat(diff);\n\n      if (diff.length > 0) {\n        setExpandedState(newExpanded);\n\n        if (onToggle) {\n          onToggle(event, newExpanded);\n        }\n      }\n    };\n\n    /*\n     * Selection Helpers\n     */\n    const lastSelectedNode = useRef<HTMLDivElement | null>(null);\n    const lastSelectionWasRange = useRef(false);\n    const currentRangeSelection = useRef<HTMLDivElement[]>([]);\n\n    const isDivElement = (element): element is HTMLDivElement => {\n      return (element as HTMLDivElement).nodeType === 1;\n    };\n\n    const handleRangeArrowSelect = useCallback(\n      (event, nodes: { start?; next?; current? }) => {\n        let base = selected.slice();\n        const { start, next, current } = nodes;\n\n        if (!next || !current) {\n          return;\n        }\n\n        if (\n          isDivElement(current) &&\n          currentRangeSelection.current.indexOf(current) === -1\n        ) {\n          currentRangeSelection.current = [];\n        }\n\n        if (lastSelectionWasRange.current) {\n          if (\n            isDivElement(next) &&\n            currentRangeSelection.current.indexOf(next) !== -1\n          ) {\n            base = base.filter((id) => id === start || id !== current);\n            currentRangeSelection.current =\n              currentRangeSelection.current.filter(\n                (id) => id === start || id !== current\n              );\n          } else {\n            base.push(next);\n            currentRangeSelection.current.push(next);\n          }\n        } else {\n          base.push(next);\n          currentRangeSelection.current.push(current, next);\n        }\n\n        if (onChange) {\n          onChange(\n            event,\n            base,\n            base.map((id) => nodeMap.current[id]?.payload)\n          );\n        }\n\n        setSelectedState(base);\n      },\n      [onChange, selected, setSelectedState]\n    );\n\n    const handleRangeSelect = useCallback(\n      (event, nodes: { start?; end?; current? }) => {\n        let base = selected.slice();\n        const { start, end } = nodes;\n        // If last selection was a range selection ignore nodes that were selected.\n        if (lastSelectionWasRange.current) {\n          base = base.filter(\n            (id) => currentRangeSelection.current.indexOf(id) === -1\n          );\n        }\n\n        let range = getNodesInRange(start, end);\n        range = range.filter((node) => !isDisabled(node));\n        currentRangeSelection.current = range;\n        let newSelected = base.concat(range);\n        newSelected = newSelected.filter(\n          (id, i) => newSelected.indexOf(id) === i\n        );\n\n        if (onChange) {\n          onChange(\n            event,\n            newSelected,\n            newSelected.map((id) => nodeMap.current[id]?.payload)\n          );\n        }\n\n        setSelectedState(newSelected);\n      },\n      [getNodesInRange, isDisabled, onChange, selected, setSelectedState]\n    );\n\n    const handleMultipleSelect = useCallback(\n      (event, value) => {\n        let newSelected;\n        if (selected.indexOf(value) !== -1) {\n          newSelected = selected.filter((id) => id !== value);\n        } else {\n          newSelected = [value].concat(selected);\n        }\n\n        if (onChange) {\n          onChange(\n            event,\n            newSelected,\n            newSelected.map((id) => nodeMap.current[id]?.payload)\n          );\n        }\n\n        setSelectedState(newSelected);\n      },\n      [onChange, selected, setSelectedState]\n    );\n\n    const handleSingleSelect = useCallback(\n      (event, value) => {\n        const newSelected = multiSelect ? [value] : value;\n        if (onChange) {\n          const nodeValue = nodeMap.current[newSelected]?.payload;\n          onChange(event, newSelected, multiSelect ? [nodeValue] : nodeValue);\n        }\n\n        setSelectedState(newSelected);\n      },\n      [multiSelect, onChange, setSelectedState]\n    );\n\n    const selectNode = useCallback(\n      (event, id, multiple = false) => {\n        if (id && isSelectable(id)) {\n          if (multiple) {\n            handleMultipleSelect(event, id);\n          } else {\n            handleSingleSelect(event, id);\n          }\n          lastSelectedNode.current = id;\n          lastSelectionWasRange.current = false;\n          currentRangeSelection.current = [];\n\n          return true;\n        }\n        return false;\n      },\n      [handleMultipleSelect, handleSingleSelect, isSelectable]\n    );\n\n    const selectRange = useCallback(\n      (\n        event,\n        nodes: { start?; end?; current?: HTMLDivElement | null },\n        stacked = false\n      ) => {\n        const { start = lastSelectedNode.current, end, current } = nodes;\n        if (stacked) {\n          handleRangeArrowSelect(event, { start, next: end, current });\n        } else if (start != null && end != null) {\n          handleRangeSelect(event, { start, end });\n        }\n        lastSelectionWasRange.current = true;\n      },\n      [handleRangeArrowSelect, handleRangeSelect]\n    );\n\n    const rangeSelectToFirst = (event, id) => {\n      if (!lastSelectedNode.current) {\n        lastSelectedNode.current = id;\n      }\n\n      const start = lastSelectionWasRange.current\n        ? lastSelectedNode.current\n        : id;\n\n      selectRange(event, {\n        start,\n        end: getFirstNode(),\n      });\n    };\n\n    const rangeSelectToLast = (event: any, id) => {\n      if (!lastSelectedNode.current) {\n        lastSelectedNode.current = id;\n      }\n\n      const start = lastSelectionWasRange.current\n        ? lastSelectedNode.current\n        : id;\n\n      selectRange(event, {\n        start,\n        end: getLastNode(),\n      });\n    };\n\n    const selectNextNode = (event, id) => {\n      if (!isDisabled(getNextNode(id))) {\n        selectRange(\n          event,\n          {\n            end: getNextNode(id),\n            current: id,\n          },\n          true\n        );\n      }\n    };\n\n    const selectPreviousNode = (event, id) => {\n      if (!isDisabled(getPreviousNode(id))) {\n        selectRange(\n          event,\n          {\n            end: getPreviousNode(id),\n            current: id,\n          },\n          true\n        );\n      }\n    };\n\n    const selectAllNodes = (event) => {\n      selectRange(event, { start: getFirstNode(), end: getLastNode() });\n    };\n\n    /*\n     * Mapping Helpers\n     */\n    const registerNode = useCallback((node) => {\n      const {\n        id,\n        index,\n        parentId,\n        expandable,\n        idAttribute,\n        disabled,\n        selectable: nodeSelectable,\n        onFocus: nodeOnFocus,\n        payload,\n      } = node;\n\n      nodeMap.current[id] = {\n        id,\n        index,\n        parentId,\n        expandable,\n        idAttribute,\n        disabled,\n        selectable: nodeSelectable,\n        onFocus: nodeOnFocus,\n        payload,\n      };\n    }, []);\n\n    const unregisterNode = useCallback((id) => {\n      const newMap = { ...nodeMap.current };\n      delete newMap[id];\n      nodeMap.current = newMap;\n\n      setFocusedNodeId((oldFocusedNodeId) => {\n        if (\n          oldFocusedNodeId === id &&\n          treeRef.current &&\n          treeRef.current ===\n            (treeRef.current.ownerDocument || document).activeElement\n        ) {\n          return getChildrenIds(null)[0];\n        }\n        return oldFocusedNodeId;\n      });\n    }, []);\n\n    const mapFirstChar = useCallback((id, firstChar) => {\n      firstCharMap.current[id] = firstChar;\n    }, []);\n\n    const unMapFirstChar = useCallback((id) => {\n      const newMap = { ...firstCharMap.current };\n      delete newMap[id];\n      firstCharMap.current = newMap;\n    }, []);\n\n    /**\n     * Event handlers and Navigation\n     */\n    const handleNextArrow = (event) => {\n      if (isExpandable(focusedNodeId)) {\n        if (isExpanded(focusedNodeId)) {\n          focusNextNode(event, focusedNodeId);\n        } else if (!isDisabled(focusedNodeId)) {\n          toggleExpansion(event);\n        }\n      }\n      return true;\n    };\n\n    const handlePreviousArrow = (event) => {\n      if (isExpanded(focusedNodeId) && !isDisabled(focusedNodeId)) {\n        toggleExpansion(event, focusedNodeId);\n        return true;\n      }\n\n      const parent = getParent(focusedNodeId);\n      if (parent) {\n        focus(event, parent);\n        return true;\n      }\n      return false;\n    };\n\n    const handleKeyDown = (event) => {\n      let flag = false;\n      const { key } = event;\n\n      // If the tree is empty there will be no focused node\n      if (\n        event.altKey ||\n        event.currentTarget !== event.target ||\n        !focusedNodeId\n      ) {\n        return;\n      }\n\n      const ctrlPressed = event.ctrlKey || event.metaKey;\n      switch (key) {\n        case \" \":\n          if (isSelectable(focusedNodeId) && !isDisabled(focusedNodeId)) {\n            if (multiSelect && event.shiftKey) {\n              selectRange(event, { end: focusedNodeId });\n              flag = true;\n            } else if (multiSelect) {\n              flag = selectNode(event, focusedNodeId, true);\n            } else {\n              flag = selectNode(event, focusedNodeId);\n            }\n          }\n          event.stopPropagation();\n          break;\n        case \"Enter\":\n          if (!isDisabled(focusedNodeId)) {\n            if (isExpandable(focusedNodeId)) {\n              toggleExpansion(event);\n              flag = true;\n            } else if (isSelectable(focusedNodeId)) {\n              if (multiSelect && event.shiftKey) {\n                selectRange(event, { end: focusedNodeId });\n                flag = true;\n              } else if (multiSelect) {\n                flag = selectNode(event, focusedNodeId, true);\n              } else {\n                flag = selectNode(event, focusedNodeId);\n              }\n            }\n          }\n          event.stopPropagation();\n          break;\n        case \"ArrowDown\":\n          if (multiSelect && event.shiftKey) {\n            selectNextNode(event, focusedNodeId);\n          }\n          focusNextNode(event, focusedNodeId);\n          flag = true;\n          break;\n        case \"ArrowUp\":\n          if (multiSelect && event.shiftKey) {\n            selectPreviousNode(event, focusedNodeId);\n          }\n          focusPreviousNode(event, focusedNodeId);\n          flag = true;\n          break;\n        case \"ArrowRight\":\n          flag = handleNextArrow(event);\n          break;\n        case \"ArrowLeft\":\n          flag = handlePreviousArrow(event);\n          break;\n        case \"Home\":\n          if (\n            multiSelect &&\n            ctrlPressed &&\n            event.shiftKey &&\n            !isDisabled(focusedNodeId)\n          ) {\n            rangeSelectToFirst(event, focusedNodeId);\n          }\n          focusFirstNode(event);\n          flag = true;\n          break;\n        case \"End\":\n          if (\n            multiSelect &&\n            ctrlPressed &&\n            event.shiftKey &&\n            !isDisabled(focusedNodeId)\n          ) {\n            rangeSelectToLast(event, focusedNodeId);\n          }\n          focusLastNode(event);\n          flag = true;\n          break;\n        default:\n          if (key === \"*\") {\n            expandAllSiblings(event, focusedNodeId);\n            flag = true;\n          } else if (multiSelect && ctrlPressed && key.toLowerCase() === \"a\") {\n            selectAllNodes(event);\n            flag = true;\n          } else if (\n            !ctrlPressed &&\n            !event.shiftKey &&\n            isPrintableCharacter(key)\n          ) {\n            focusByFirstCharacter(event, focusedNodeId, key);\n            flag = true;\n          }\n      }\n\n      if (flag) {\n        event.preventDefault();\n        event.stopPropagation();\n      }\n\n      if (onKeyDown) {\n        onKeyDown(event);\n      }\n    };\n\n    const handleFocus = (event) => {\n      // if the event bubbled (which is React specific) we don't want to steal focus\n      if (event.target === event.currentTarget) {\n        const firstSelected = Array.isArray(selected) ? selected[0] : selected;\n        focus(event, firstSelected || getNavigableChildrenIds(null)[0]);\n      }\n\n      if (onFocus) {\n        onFocus(event);\n      }\n    };\n\n    const handleBlur = (event) => {\n      setFocusedNodeId(null);\n\n      if (onBlur) {\n        onBlur(event);\n      }\n    };\n\n    const activeDescendant =\n      focusedNodeId && nodeMap.current[focusedNodeId]\n        ? nodeMap.current[focusedNodeId].idAttribute\n        : null;\n\n    const treeControlContext = useMemo(\n      () => ({\n        treeId,\n        mode,\n        collapsible,\n        toggleExpansion,\n        multiSelect,\n        selectNode: selectable ? selectNode : noopSelection,\n        selectRange: selectable ? selectRange : noopSelection,\n        disabledItemsFocusable,\n        registerNode,\n        unregisterNode,\n        mapFirstChar,\n        unMapFirstChar,\n        focus,\n      }),\n      [\n        registerNode,\n        unregisterNode,\n        mapFirstChar,\n        unMapFirstChar,\n        toggleExpansion,\n        selectable,\n        selectNode,\n        selectRange,\n        mode,\n        collapsible,\n        multiSelect,\n        disabledItemsFocusable,\n        treeId,\n      ]\n    );\n\n    const treeStateContext = useMemo(\n      () => ({\n        isExpanded,\n        isSelected,\n        isFocused,\n        isDisabled,\n        isChildSelected,\n      }),\n      [isDisabled, isExpanded, isFocused, isSelected, isChildSelected]\n    );\n\n    return (\n      <TreeViewControlContext.Provider value={treeControlContext}>\n        <TreeViewStateContext.Provider value={treeStateContext}>\n          <DescendantProvider>\n            <StyledRoot\n              ref={handleRef}\n              id={idProp}\n              className={clsx(treeViewClasses.root, classes?.root, className)}\n              {...(treeviewMode && {\n                id: treeId,\n                role: \"tree\",\n                \"aria-multiselectable\": multiSelect,\n                \"aria-activedescendant\": activeDescendant,\n                tabIndex: 0,\n                onFocus: handleFocus,\n                onBlur: handleBlur,\n                onKeyDown: handleKeyDown,\n              })}\n              {...others}\n            >\n              {children}\n            </StyledRoot>\n          </DescendantProvider>\n        </TreeViewStateContext.Provider>\n      </TreeViewControlContext.Provider>\n    );\n  }\n);\n"],"names":["isPrintableCharacter","string","length","match","findNextFirstChar","firstChars","startIndex","char","i","noopSelection","HvVerticalNavigationTreeView","forwardRef","props","ref","id","idProp","className","classes","mode","collapsible","expanded","expandedProp","defaultExpanded","onToggle","selectable","multiSelect","multiSelectProp","selected","selectedProp","defaultSelected","onChange","disabledItemsFocusable","onFocus","onBlur","onKeyDown","children","others","treeviewMode","treeId","useUniqueId","treeRef","useRef","handleRef","useForkRef","setExpandedState","useControlled","setSelectedState","focusedNodeId","setFocusedNodeId","useState","nodeMap","firstCharMap","isExpanded","useCallback","Array","isArray","indexOf","isExpandable","current","expandable","isSelected","isSelectable","isDisabled","node","disabled","parentId","isFocused","isChildSelected","startsWith","includes","getChildrenIds","Object","keys","map","key","filter","sort","a","b","index","child","getNavigableChildrenIds","childrenIds","getNextNode","siblings","nextSibling","getPreviousNode","nodeIndex","currentNode","pop","getLastNode","lastNode","getFirstNode","getParent","findOrderInTremauxTree","nodeAId","nodeBId","nodeA","nodeB","aFamily","bFamily","aAncestor","bAncestor","aAncestorIsCommon","bAncestorIsCommon","continueA","continueB","push","commonAncestor","ancestorFamily","aSide","bSide","getNodesInRange","first","last","nodes","focus","event","focusNextNode","focusPreviousNode","focusFirstNode","focusLastNode","focusByFirstCharacter","start","lowercaseChar","toLowerCase","firstCharIds","forEach","nodeId","firstChar","visible","shouldBeSkipped","toggleExpansion","value","newExpanded","concat","expandAllSiblings","diff","lastSelectedNode","lastSelectionWasRange","currentRangeSelection","isDivElement","element","nodeType","handleRangeArrowSelect","base","slice","next","payload","handleRangeSelect","end","range","newSelected","handleMultipleSelect","handleSingleSelect","nodeValue","selectNode","multiple","selectRange","stacked","rangeSelectToFirst","rangeSelectToLast","selectNextNode","selectPreviousNode","selectAllNodes","registerNode","idAttribute","nodeSelectable","nodeOnFocus","unregisterNode","newMap","oldFocusedNodeId","ownerDocument","document","activeElement","mapFirstChar","unMapFirstChar","handleNextArrow","handlePreviousArrow","parent","handleKeyDown","flag","altKey","currentTarget","target","ctrlPressed","ctrlKey","metaKey","shiftKey","stopPropagation","preventDefault","handleFocus","firstSelected","handleBlur","activeDescendant","treeControlContext","useMemo","treeStateContext","_jsx","TreeViewControlContext","Provider","TreeViewStateContext","DescendantProvider","StyledRoot","clsx","treeViewClasses","root","role","tabIndex"],"mappings":"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"}

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

@@ -160,14 +160,10 @@ const HvVerticalNavigationTreeViewItem = React.forwardRef((props, ref) => {
             return selectRange(event, {
               end: nodeId
             });
-        } else {
-          if (selectNode)
-            return selectNode(event, nodeId, true);
-        }
-      } else {
-        if (selectNode)
-          return selectNode(event, nodeId);
-      }
+        } else if (selectNode)
+          return selectNode(event, nodeId, true);
+      } else if (selectNode)
+        return selectNode(event, nodeId);
     } else {
       return false;
     }
@@ -221,7 +217,8 @@ const HvVerticalNavigationTreeViewItem = React.forwardRef((props, ref) => {
     target,
     ref: contentRef,
     className: clsx.clsx(treeViewItemClasses.default.content, classes == null ? void 0 : classes.content, href != null && clsx.clsx(treeViewItemClasses.default.link, classes == null ? void 0 : classes.link), !isOpen && clsx.clsx(treeViewItemClasses.default.minimized, classes == null ? void 0 : classes.minimized)),
-    variant: disabled ? "placeholderText" : "body",
+    variant: "body",
+    disabled,
     onClick: handleClick,
     onMouseDown: handleMouseDown,
     style: {
@@ -258,7 +255,7 @@ const HvVerticalNavigationTreeViewItem = React.forwardRef((props, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(TreeViewItem_styles.StyledNode, {
     ref: handleRef,
     id: id ?? void 0,
-    className: clsx.clsx((_a = treeViewItemClasses.default) == null ? void 0 : _a.node, classes == null ? void 0 : classes.node, className, disabled && clsx.clsx(treeViewItemClasses.default.disabled, classes == null ? void 0 : classes.disabled), expandable && clsx.clsx(treeViewItemClasses.default.expandable, classes == null ? void 0 : classes.expandable), expandable && !expanded && clsx.clsx(treeViewItemClasses.default.collapsed, classes == null ? void 0 : classes.collapsed), expandable && expanded && clsx.clsx(treeViewItemClasses.default.expanded, classes == null ? void 0 : classes.expanded), selectable && !disabled && clsx.clsx(treeViewItemClasses.default.selectable, classes == null ? void 0 : classes.selectable), !disabled && !selectable && clsx.clsx(treeViewItemClasses.default.unselectable, classes == null ? void 0 : classes.unselectable), !disabled && selectable && selected && clsx.clsx(treeViewItemClasses.default.selected, classes == null ? void 0 : classes.selected), !disabled && selectable && !selected && clsx.clsx(treeViewItemClasses.default.unselected, classes == null ? void 0 : classes.unselected), focused && clsx.clsx(treeViewItemClasses.default.focused, classes == null ? void 0 : classes.focused), !isOpen && collapsedMode == "simple" && clsx.clsx(treeViewItemClasses.default.hide, classes == null ? void 0 : classes.hide), !isOpen && collapsedMode == "icon" && isChildSelected && isChildSelected(nodeId) && clsx.clsx(treeViewItemClasses.default.selected, classes == null ? void 0 : classes.selected)),
+    className: clsx.clsx((_a = treeViewItemClasses.default) == null ? void 0 : _a.node, classes == null ? void 0 : classes.node, className, disabled && clsx.clsx(treeViewItemClasses.default.disabled, classes == null ? void 0 : classes.disabled), expandable && clsx.clsx(treeViewItemClasses.default.expandable, classes == null ? void 0 : classes.expandable), expandable && !expanded && clsx.clsx(treeViewItemClasses.default.collapsed, classes == null ? void 0 : classes.collapsed), expandable && expanded && clsx.clsx(treeViewItemClasses.default.expanded, classes == null ? void 0 : classes.expanded), selectable && !disabled && clsx.clsx(treeViewItemClasses.default.selectable, classes == null ? void 0 : classes.selectable), !disabled && !selectable && clsx.clsx(treeViewItemClasses.default.unselectable, classes == null ? void 0 : classes.unselectable), !disabled && selectable && selected && clsx.clsx(treeViewItemClasses.default.selected, classes == null ? void 0 : classes.selected), !disabled && selectable && !selected && clsx.clsx(treeViewItemClasses.default.unselected, classes == null ? void 0 : classes.unselected), focused && clsx.clsx(treeViewItemClasses.default.focused, classes == null ? void 0 : classes.focused), !isOpen && collapsedMode === "simple" && clsx.clsx(treeViewItemClasses.default.hide, classes == null ? void 0 : classes.hide), !isOpen && collapsedMode === "icon" && isChildSelected && isChildSelected(nodeId) && clsx.clsx(treeViewItemClasses.default.selected, classes == null ? void 0 : classes.selected)),
     "data-hasicon": icon != null ? true : void 0,
     ...mode === "treeview" && {
       role: "treeitem",