@hitachivantara/uikit-react-core 5.66.6 → 5.66.7

package/dist/cjs/Dropdown/List/List.cjs

@@ -3,11 +3,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const uikitStyles = require("@hitachivantara/uikit-styles");
+const BaseDropdownContext = require("../../BaseDropdown/BaseDropdownContext/BaseDropdownContext.cjs");
 const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const setId = require("../../utils/setId.cjs");
 const utils = require("../utils.cjs");
 const List_styles = require("./List.styles.cjs");
-const BaseDropdownContext = require("../../BaseDropdown/BaseDropdownContext/BaseDropdownContext.cjs");
 const ActionBar = require("../../ActionBar/ActionBar.cjs");
 const Button = require("../../Button/Button.cjs");
 const List = require("../../List/List.cjs");
@@ -41,7 +41,7 @@ const HvDropdownList = (props) => {
   const [list, setList] = React.useState(clone(values));
   const [allSelected, setAllSelected] = React.useState(false);
   const [anySelected, setAnySelected] = React.useState(false);
-  const { width, height } = React.useContext(BaseDropdownContext.default);
+  const { width, height } = BaseDropdownContext.useBaseDropdownContext();
   const hasChanges = React.useMemo(() => {
     return String(getSelectedIds(values)) !== String(getSelectedIds(list));
   }, [list, values]);

package/dist/cjs/InlineEditor/InlineEditor.cjs

@@ -16,7 +16,7 @@ const HvInlineEditor = (props) => {
     className,
     classes: classesProp,
     value: valueProp,
-    defaultValue,
+    defaultValue = "",
     showIcon,
     component: InputComponent = Input.HvInput,
     variant = "body",

package/dist/cjs/MultiButton/MultiButton.styles.cjs

@@ -4,9 +4,7 @@ const uikitStyles = require("@hitachivantara/uikit-styles");
 const Button_styles = require("../Button/Button.styles.cjs");
 const classes = require("../utils/classes.cjs");
 const DropDownMenu_styles = require("../DropDownMenu/DropDownMenu.styles.cjs");
-require("@emotion/react/jsx-runtime");
-require("react");
-require("@hitachivantara/uikit-react-icons");
+require("../DropDownMenu/DropDownMenu.cjs");
 const { staticClasses, useClasses } = classes.createClasses("HvMultiButton", {
   root: {
     display: "flex",
@@ -142,9 +140,6 @@ const { staticClasses, useClasses } = classes.createClasses("HvMultiButton", {
   vertical: {
     flexDirection: "column",
     height: "auto",
-    btnSecondary: {
-      flex: "1 1 20px"
-    },
     "& button$button": {
       minWidth: 32,
       width: "100%",

package/dist/cjs/TagsInput/TagsInput.cjs

@@ -72,7 +72,7 @@ const HvTagsInput = React.forwardRef(
     const [value, setValue] = useControlled.useControlled(valueProp, defaultValue);
     const [validationState, setValidationState] = useControlled.useControlled(
       status,
-      validationStates.default.standBy
+      "standBy"
     );
     const [validationMessage, setValidationMessage] = useControlled.useControlled(
       statusMessage,

package/dist/cjs/TimePicker/TimePicker.styles.cjs

@@ -33,7 +33,6 @@ const { useClasses, staticClasses } = classes.createClasses("HvTimePicker", {
   dropdownPanel: {},
   icon: {},
   timePopperContainer: {
-    backgroundColor: uikitStyles.theme.colors.atmo1,
     zIndex: 10,
     display: "flex",
     flexDirection: "row",

package/dist/cjs/TreeView/TreeItem/TreeItem.cjs

@@ -46,7 +46,7 @@ const HvTreeItem = React.forwardRef(
       () => ({ element: treeItemElement, id: nodeId }),
       [nodeId, treeItemElement]
     );
-    const { index, parentId } = DescendantProvider.useDescendant(descendant);
+    const { index, parentId, level } = DescendantProvider.useDescendant(descendant);
     const expandable = !!(Array.isArray(children) ? children.length : children);
     const expanded = instance ? instance.isNodeExpanded(nodeId) : false;
     const focused = instance ? instance.isNodeFocused(nodeId) : false;
@@ -123,7 +123,7 @@ const HvTreeItem = React.forwardRef(
               ...contentProps
             }
           ),
-          children && /* @__PURE__ */ jsxRuntime.jsx(DescendantProvider.DescendantProvider, { id: nodeId, children: /* @__PURE__ */ jsxRuntime.jsx(
+          children && /* @__PURE__ */ jsxRuntime.jsx(DescendantProvider.DescendantProvider, { id: nodeId, level: level + 1, children: /* @__PURE__ */ jsxRuntime.jsx(
             Collapse__default.default,
             {
               component: "ul",

package/dist/cjs/TreeView/TreeItem/TreeItem.styles.cjs

@@ -61,9 +61,11 @@ const { staticClasses, useClasses } = classes.createClasses("HvTreeItem", {
     display: "flex",
     flexShrink: 0,
     justifyContent: "center",
-    width: 16,
-    // TODO: review
-    marginRight: 4
+    marginRight: 4,
+    width: uikitStyles.theme.space.sm,
+    ":empty": {
+      width: uikitStyles.theme.space.xs
+    }
   }
 });
 exports.staticClasses = staticClasses;

package/dist/cjs/TreeView/TreeItem/useHvTreeItem.cjs

@@ -1,8 +1,30 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const DescendantProvider = require("../internals/DescendantProvider.cjs");
 const TreeViewProvider = require("../internals/TreeViewProvider.cjs");
+function _interopNamespace(e) {
+  if (e && e.__esModule)
+    return e;
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const React__namespace = /* @__PURE__ */ _interopNamespace(React);
 function useHvTreeItem(nodeId) {
   const { instance, multiSelect } = TreeViewProvider.useTreeViewContext();
+  const { level = 0 } = React__namespace.useContext(DescendantProvider.DescendantContext);
   const expandable = instance ? instance.isNodeExpandable(nodeId) : false;
   const expanded = instance ? instance.isNodeExpanded(nodeId) : false;
   const focused = instance ? instance.isNodeFocused(nodeId) : false;
@@ -43,6 +65,7 @@ function useHvTreeItem(nodeId) {
   };
   return {
     instance,
+    level,
     disabled,
     expanded,
     selected,

package/dist/cjs/TreeView/internals/DescendantProvider.cjs

@@ -22,14 +22,6 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 const React__namespace = /* @__PURE__ */ _interopNamespace(React);
-function findIndex(array, comp) {
-  for (let i = 0; i < array.length; i += 1) {
-    if (comp(array[i])) {
-      return i;
-    }
-  }
-  return -1;
-}
 function binaryFindElement(array, element) {
   let start = 0;
   let end = array.length - 1;
@@ -49,7 +41,9 @@ function binaryFindElement(array, element) {
   }
   return start;
 }
-const DescendantContext = React__namespace.createContext({});
+const DescendantContext = React__namespace.createContext({
+  level: 0
+});
 function usePrevious(value) {
   const ref = React__namespace.useRef(null);
   React__namespace.useEffect(() => {
@@ -65,10 +59,10 @@ function useDescendant(descendant) {
     registerDescendant = noop,
     unregisterDescendant = noop,
     descendants = [],
-    parentId = null
+    parentId = null,
+    level = 0
   } = React__namespace.useContext(DescendantContext);
-  const index = findIndex(
-    descendants,
+  const index = descendants.findIndex(
     (item) => item.element === descendant.element
   );
   const previousDescendants = usePrevious(descendants);
@@ -96,10 +90,10 @@ function useDescendant(descendant) {
     someDescendantsHaveChanged,
     descendant
   ]);
-  return { parentId, index };
+  return { parentId, index, level };
 }
 const DescendantProvider = (props) => {
-  const { children, id } = props;
+  const { children, id, level } = props;
   const [items, set] = React__namespace.useState([]);
   const registerDescendant = React__namespace.useCallback(
     ({ element, ...other }) => {
@@ -142,11 +136,13 @@ const DescendantProvider = (props) => {
       descendants: items,
       registerDescendant,
       unregisterDescendant,
-      parentId: id
+      parentId: id,
+      level
     }),
-    [items, registerDescendant, unregisterDescendant, id]
+    [items, registerDescendant, unregisterDescendant, id, level]
   );
   return /* @__PURE__ */ jsxRuntime.jsx(DescendantContext.Provider, { value, children });
 };
+exports.DescendantContext = DescendantContext;
 exports.DescendantProvider = DescendantProvider;
 exports.useDescendant = useDescendant;

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

@@ -5,19 +5,14 @@ const React = require("react");
 const useControlled = require("../../hooks/useControlled.cjs");
 const useForkRef = require("../../hooks/useForkRef.cjs");
 const useUniqueId = require("../../hooks/useUniqueId.cjs");
-const descendants = require("./descendants.cjs");
+const DescendantProvider = require("../../TreeView/internals/DescendantProvider.cjs");
 const TreeView_styles = require("./TreeView.styles.cjs");
 const TreeViewContext = require("./TreeViewContext.cjs");
 function isPrintableCharacter(string) {
   return string && string.length === 1 && string.match(/\S/);
 }
 function findNextFirstChar(firstChars, startIndex, char) {
-  for (let i = startIndex; i < firstChars.length; i += 1) {
-    if (char === firstChars[i]) {
-      return i;
-    }
-  }
-  return -1;
+  return firstChars.slice(startIndex).findIndex((c) => c === char);
 }
 function noopSelection() {
   return false;
@@ -101,7 +96,9 @@ const HvVerticalNavigationTreeView = React.forwardRef(
     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("-"),
+      (id) => {
+        return Array().concat(selected).some((s) => s.startsWith(id) && s.includes("-"));
+      },
       [selected]
     );
     const getChildrenIds = (id) => Object.keys(nodeMap.current).map((key) => {
@@ -259,12 +256,9 @@ const HvVerticalNavigationTreeView = React.forwardRef(
     };
     const toggleExpansion = React.useCallback(
       (event, value = focusedNodeId) => {
-        let newExpanded;
-        if (expanded.indexOf(value) !== -1) {
-          newExpanded = expanded.filter((id) => id !== value);
-        } else {
-          newExpanded = [value].concat(expanded);
-        }
+        if (!value)
+          return;
+        const newExpanded = expanded.includes(value) ? expanded.filter((id) => id !== value) : [value].concat(expanded);
         if (onToggle) {
           onToggle(event, newExpanded);
         }
@@ -294,7 +288,7 @@ const HvVerticalNavigationTreeView = React.forwardRef(
     };
     const handleRangeArrowSelect = React.useCallback(
       (event, nodes) => {
-        let base = selected.slice();
+        let base = Array().concat(selected);
         const { start, next, current } = nodes;
         if (!next || !current) {
           return;
@@ -329,11 +323,11 @@ const HvVerticalNavigationTreeView = React.forwardRef(
     );
     const handleRangeSelect = React.useCallback(
       (event, nodes) => {
-        let base = selected.slice();
+        let base = Array().concat(selected);
         const { start, end } = nodes;
         if (lastSelectionWasRange.current) {
           base = base.filter(
-            (id) => currentRangeSelection.current.indexOf(id) === -1
+            (id) => !currentRangeSelection.current.includes(id)
           );
         }
         let range = getNodesInRange(start, end);
@@ -356,12 +350,7 @@ const HvVerticalNavigationTreeView = React.forwardRef(
     );
     const handleMultipleSelect = React.useCallback(
       (event, value) => {
-        let newSelected;
-        if (selected.indexOf(value) !== -1) {
-          newSelected = selected.filter((id) => id !== value);
-        } else {
-          newSelected = [value].concat(selected);
-        }
+        const newSelected = selected.includes(value) ? selected.filter((id) => id !== value) : [value].concat(selected);
         if (onChange) {
           onChange(
             event,
@@ -504,6 +493,8 @@ const HvVerticalNavigationTreeView = React.forwardRef(
       firstCharMap.current = newMap;
     }, []);
     const handleNextArrow = (event) => {
+      if (!focusedNodeId)
+        return false;
       if (isExpandable(focusedNodeId)) {
         if (isExpanded(focusedNodeId)) {
           focusNextNode(event, focusedNodeId);
@@ -514,6 +505,8 @@ const HvVerticalNavigationTreeView = React.forwardRef(
       return true;
     };
     const handlePreviousArrow = (event) => {
+      if (!focusedNodeId)
+        return false;
       if (isExpanded(focusedNodeId) && !isDisabled(focusedNodeId)) {
         toggleExpansion(event, focusedNodeId);
         return true;
@@ -676,7 +669,7 @@ const HvVerticalNavigationTreeView = React.forwardRef(
       }),
       [isDisabled, isExpanded, isFocused, isSelected, isChildSelected]
     );
-    return /* @__PURE__ */ jsxRuntime.jsx(TreeViewContext.TreeViewControlContext.Provider, { value: treeControlContext, children: /* @__PURE__ */ jsxRuntime.jsx(TreeViewContext.TreeViewStateContext.Provider, { value: treeStateContext, children: /* @__PURE__ */ jsxRuntime.jsx(descendants.DescendantProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
+    return /* @__PURE__ */ jsxRuntime.jsx(TreeViewContext.TreeViewControlContext.Provider, { value: treeControlContext, children: /* @__PURE__ */ jsxRuntime.jsx(TreeViewContext.TreeViewStateContext.Provider, { value: treeStateContext, children: /* @__PURE__ */ jsxRuntime.jsx(DescendantProvider.DescendantProvider, { children: /* @__PURE__ */ jsxRuntime.jsx(
       "ul",
       {
         ref: handleRef,

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

@@ -5,9 +5,9 @@ const React = require("react");
 const uikitReactIcons = require("@hitachivantara/uikit-react-icons");
 const useDefaultProps = require("../../hooks/useDefaultProps.cjs");
 const useForkRef = require("../../hooks/useForkRef.cjs");
+const DescendantProvider = require("../../TreeView/internals/DescendantProvider.cjs");
 const setId = require("../../utils/setId.cjs");
 const VerticalNavigationContext = require("../VerticalNavigationContext.cjs");
-const descendants = require("./descendants.cjs");
 const TreeViewContext = require("./TreeViewContext.cjs");
 const TreeViewItem_styles = require("./TreeViewItem.styles.cjs");
 const IconWrapper = require("./IconWrapper/IconWrapper.cjs");
@@ -65,7 +65,7 @@ const HvVerticalNavigationTreeViewItem = React.forwardRef(
     } else if (treeId && nodeId) {
       id = `${treeId}-${nodeId}`;
     }
-    const [treeitemElement, setTreeitemElement] = React.useState(null);
+    const [treeitemElement, setTreeitemElement] = React.useState();
     const contentRef = React.useRef(null);
     const handleRef = useForkRef.useForkRef(setTreeitemElement, ref);
     const descendant = React.useMemo(
@@ -76,7 +76,7 @@ const HvVerticalNavigationTreeViewItem = React.forwardRef(
       [nodeId, treeitemElement]
     );
     const { isOpen, useIcons } = React.useContext(VerticalNavigationContext.VerticalNavigationContext);
-    const { index, parentId, level } = descendants.useDescendant(descendant);
+    const { index, parentId, level } = DescendantProvider.useDescendant(descendant);
     const expandable = collapsible && Array.isArray(children);
     const expanded = isExpanded ? isExpanded(nodeId) : false;
     const focused = isFocused ? isFocused(nodeId) : false;
@@ -394,7 +394,7 @@ const HvVerticalNavigationTreeViewItem = React.forwardRef(
         ...others,
         children: [
           renderedContent,
-          isOpen && /* @__PURE__ */ jsxRuntime.jsx(descendants.DescendantProvider, { id: nodeId, level: level + 1, children: renderedChildren })
+          isOpen && /* @__PURE__ */ jsxRuntime.jsx(DescendantProvider.DescendantProvider, { id: nodeId, level: level + 1, children: renderedChildren })
         ]
       }
     );