@hitachivantara/uikit-react-core 6.8.2 → 6.9.0

package/dist/TreeView/internals/TreeViewProvider.js

@@ -1,29 +1,35 @@
-import { jsx } from "react/jsx-runtime";
-import { useContext, createContext } from "react";
 import { DescendantProvider } from "./DescendantProvider.js";
-const DEFAULT_TREE_VIEW_CONTEXT_VALUE = {
-  instance: null,
-  multiSelect: false,
-  disabledItemsFocusable: false,
-  treeId: void 0,
-  icons: {
-    defaultCollapseIcon: null,
-    defaultExpandIcon: null,
-    defaultParentIcon: null,
-    defaultEndIcon: null
-  }
-};
-const TreeViewContext = createContext(
-  DEFAULT_TREE_VIEW_CONTEXT_VALUE
-);
-const TreeViewProvider = (props) => {
-  const { value, children } = props;
-  return /* @__PURE__ */ jsx(TreeViewContext.Provider, { value, children: /* @__PURE__ */ jsx(DescendantProvider, { children }) });
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/TreeView/internals/TreeViewProvider.tsx
+var DEFAULT_TREE_VIEW_CONTEXT_VALUE = {
+	instance: null,
+	multiSelect: false,
+	disabledItemsFocusable: false,
+	treeId: void 0,
+	icons: {
+		defaultCollapseIcon: null,
+		defaultExpandIcon: null,
+		defaultParentIcon: null,
+		defaultEndIcon: null
+	}
 };
-const useTreeViewContext = () => useContext(TreeViewContext);
-export {
-  DEFAULT_TREE_VIEW_CONTEXT_VALUE,
-  TreeViewContext,
-  TreeViewProvider,
-  useTreeViewContext
+/**
+* @ignore - internal component.
+*/
+var TreeViewContext = createContext(DEFAULT_TREE_VIEW_CONTEXT_VALUE);
+/**
+* Sets up the contexts for the underlying TreeItem components.
+*
+* @ignore - do not document.
+*/
+var TreeViewProvider = (props) => {
+	const { value, children } = props;
+	return /* @__PURE__ */ jsx(TreeViewContext.Provider, {
+		value,
+		children: /* @__PURE__ */ jsx(DescendantProvider, { children })
+	});
 };
+var useTreeViewContext = () => useContext(TreeViewContext);
+//#endregion
+export { DEFAULT_TREE_VIEW_CONTEXT_VALUE, TreeViewProvider, useTreeViewContext };

package/dist/TreeView/internals/corePlugins.js

@@ -1,5 +1,9 @@
 import { useTreeViewInstanceEvents } from "./hooks/useTreeViewInstanceEvents.js";
-const TREE_VIEW_CORE_PLUGINS = [useTreeViewInstanceEvents];
-export {
-  TREE_VIEW_CORE_PLUGINS
-};
+//#region src/TreeView/internals/corePlugins.ts
+/**
+* Internal plugins that creates the tools used by the other plugins.
+* These plugins are used by the tree view components.
+*/
+var TREE_VIEW_CORE_PLUGINS = [useTreeViewInstanceEvents];
+//#endregion
+export { TREE_VIEW_CORE_PLUGINS };

package/dist/TreeView/internals/hooks/plugins/defaultPlugins.js

@@ -4,14 +4,14 @@ import { useTreeViewFocus } from "./useTreeViewFocus.js";
 import { useTreeViewKeyboardNavigation } from "./useTreeViewKeyboardNavigation.js";
 import { useTreeViewNodes } from "./useTreeViewNodes.js";
 import { useTreeViewSelection } from "./useTreeViewSelection.js";
-const DEFAULT_TREE_VIEW_PLUGINS = [
-  useTreeViewNodes,
-  useTreeViewExpansion,
-  useTreeViewSelection,
-  useTreeViewFocus,
-  useTreeViewKeyboardNavigation,
-  useTreeViewContextValueBuilder
+//#region src/TreeView/internals/hooks/plugins/defaultPlugins.ts
+var DEFAULT_TREE_VIEW_PLUGINS = [
+	useTreeViewNodes,
+	useTreeViewExpansion,
+	useTreeViewSelection,
+	useTreeViewFocus,
+	useTreeViewKeyboardNavigation,
+	useTreeViewContextValueBuilder
 ];
-export {
-  DEFAULT_TREE_VIEW_PLUGINS
-};
+//#endregion
+export { DEFAULT_TREE_VIEW_PLUGINS };

package/dist/TreeView/internals/hooks/plugins/useTreeViewContextValueBuilder.js

@@ -1,24 +1,22 @@
 import { unstable_useId } from "@mui/material/utils";
-const useTreeViewContextValueBuilder = ({ instance, params }) => {
-  const treeId = unstable_useId(params.id);
-  return {
-    getRootProps: () => ({
-      id: treeId
-    }),
-    contextValue: {
-      treeId,
-      instance,
-      multiSelect: params.multiSelect,
-      disabledItemsFocusable: params.disabledItemsFocusable,
-      icons: {
-        defaultCollapseIcon: params.defaultCollapseIcon,
-        defaultEndIcon: params.defaultEndIcon,
-        defaultExpandIcon: params.defaultExpandIcon,
-        defaultParentIcon: params.defaultParentIcon
-      }
-    }
-  };
-};
-export {
-  useTreeViewContextValueBuilder
+//#region src/TreeView/internals/hooks/plugins/useTreeViewContextValueBuilder.ts
+var useTreeViewContextValueBuilder = ({ instance, params }) => {
+	const treeId = unstable_useId(params.id);
+	return {
+		getRootProps: () => ({ id: treeId }),
+		contextValue: {
+			treeId,
+			instance,
+			multiSelect: params.multiSelect,
+			disabledItemsFocusable: params.disabledItemsFocusable,
+			icons: {
+				defaultCollapseIcon: params.defaultCollapseIcon,
+				defaultEndIcon: params.defaultEndIcon,
+				defaultExpandIcon: params.defaultExpandIcon,
+				defaultParentIcon: params.defaultParentIcon
+			}
+		}
+	};
 };
+//#endregion
+export { useTreeViewContextValueBuilder };

package/dist/TreeView/internals/hooks/plugins/useTreeViewExpansion.js

@@ -1,66 +1,44 @@
+import { populateInstance } from "../utils.js";
 import * as React from "react";
 import { useEventCallback } from "@mui/material/utils";
-import { populateInstance } from "../utils.js";
-const useTreeViewExpansion = ({ instance, params, models }) => {
-  const isNodeExpanded = React.useCallback(
-    (nodeId) => {
-      return Array.isArray(models.expanded.value) ? models.expanded.value.indexOf(nodeId) !== -1 : false;
-    },
-    [models.expanded.value]
-  );
-  const isNodeExpandable = React.useCallback(
-    (nodeId) => !!instance.getNode(nodeId)?.expandable,
-    [instance]
-  );
-  const toggleNodeExpansion = useEventCallback(
-    (event, nodeId) => {
-      if (nodeId == null) {
-        return;
-      }
-      let newExpanded;
-      if (models.expanded.value.indexOf(nodeId) !== -1) {
-        newExpanded = models.expanded.value.filter((id) => id !== nodeId);
-      } else {
-        newExpanded = [nodeId].concat(models.expanded.value);
-      }
-      if (params.onNodeToggle) {
-        params.onNodeToggle(event, newExpanded);
-      }
-      models.expanded.setValue(newExpanded);
-    }
-  );
-  const expandAllSiblings = (event, nodeId) => {
-    const node = instance.getNode(nodeId);
-    const siblings = instance.getChildrenIds(node.parentId);
-    const diff = siblings.filter(
-      (child) => instance.isNodeExpandable(child) && !instance.isNodeExpanded(child)
-    );
-    const newExpanded = models.expanded.value.concat(diff);
-    if (diff.length > 0) {
-      models.expanded.setValue(newExpanded);
-      if (params.onNodeToggle) {
-        params.onNodeToggle(event, newExpanded);
-      }
-    }
-  };
-  populateInstance(instance, {
-    isNodeExpanded,
-    isNodeExpandable,
-    toggleNodeExpansion,
-    expandAllSiblings
-  });
+//#region src/TreeView/internals/hooks/plugins/useTreeViewExpansion.ts
+var useTreeViewExpansion = ({ instance, params, models }) => {
+	const isNodeExpanded = React.useCallback((nodeId) => {
+		return Array.isArray(models.expanded.value) ? models.expanded.value.indexOf(nodeId) !== -1 : false;
+	}, [models.expanded.value]);
+	const isNodeExpandable = React.useCallback((nodeId) => !!instance.getNode(nodeId)?.expandable, [instance]);
+	const toggleNodeExpansion = useEventCallback((event, nodeId) => {
+		if (nodeId == null) return;
+		let newExpanded;
+		if (models.expanded.value.indexOf(nodeId) !== -1) newExpanded = models.expanded.value.filter((id) => id !== nodeId);
+		else newExpanded = [nodeId].concat(models.expanded.value);
+		if (params.onNodeToggle) params.onNodeToggle(event, newExpanded);
+		models.expanded.setValue(newExpanded);
+	});
+	const expandAllSiblings = (event, nodeId) => {
+		const node = instance.getNode(nodeId);
+		const diff = instance.getChildrenIds(node.parentId).filter((child) => instance.isNodeExpandable(child) && !instance.isNodeExpanded(child));
+		const newExpanded = models.expanded.value.concat(diff);
+		if (diff.length > 0) {
+			models.expanded.setValue(newExpanded);
+			if (params.onNodeToggle) params.onNodeToggle(event, newExpanded);
+		}
+	};
+	populateInstance(instance, {
+		isNodeExpanded,
+		isNodeExpandable,
+		toggleNodeExpansion,
+		expandAllSiblings
+	});
 };
-useTreeViewExpansion.models = {
-  expanded: {
-    controlledProp: "expanded",
-    defaultProp: "defaultExpanded"
-  }
-};
-const DEFAULT_EXPANDED = [];
+useTreeViewExpansion.models = { expanded: {
+	controlledProp: "expanded",
+	defaultProp: "defaultExpanded"
+} };
+var DEFAULT_EXPANDED = [];
 useTreeViewExpansion.getDefaultizedParams = (params) => ({
-  ...params,
-  defaultExpanded: params.defaultExpanded ?? DEFAULT_EXPANDED
+	...params,
+	defaultExpanded: params.defaultExpanded ?? DEFAULT_EXPANDED
 });
-export {
-  useTreeViewExpansion
-};
+//#endregion
+export { useTreeViewExpansion };

package/dist/TreeView/internals/hooks/plugins/useTreeViewFocus.js

@@ -1,85 +1,61 @@
-import * as React from "react";
-import { useEventCallback, ownerDocument } from "@mui/material/utils";
-import { useInstanceEventHandler } from "../useInstanceEventHandler.js";
 import { populateInstance } from "../utils.js";
-const useTreeViewFocus = ({
-  instance,
-  params,
-  state,
-  setState,
-  models,
-  rootRef
-}) => {
-  const setFocusedNodeId = useEventCallback(
-    (nodeId) => {
-      const cleanNodeId = typeof nodeId === "function" ? nodeId(state.focusedNodeId) : nodeId;
-      setState((prevState) => ({ ...prevState, focusedNodeId: cleanNodeId }));
-    }
-  );
-  const isNodeFocused = React.useCallback(
-    (nodeId) => state.focusedNodeId === nodeId,
-    [state.focusedNodeId]
-  );
-  const focusNode = useEventCallback(
-    (event, nodeId) => {
-      if (nodeId) {
-        setFocusedNodeId(nodeId);
-        if (params.onNodeFocus) {
-          params.onNodeFocus(event, nodeId);
-        }
-      }
-    }
-  );
-  populateInstance(instance, {
-    isNodeFocused,
-    focusNode
-  });
-  useInstanceEventHandler(instance, "removeNode", ({ id }) => {
-    setFocusedNodeId((oldFocusedNodeId) => {
-      if (oldFocusedNodeId === id && rootRef.current === ownerDocument(rootRef.current).activeElement) {
-        return instance.getChildrenIds(null)[0];
-      }
-      return oldFocusedNodeId;
-    });
-  });
-  const createHandleFocus = (otherHandlers) => (event) => {
-    otherHandlers.onFocus?.(event);
-    if (event.target === event.currentTarget) {
-      const isNodeVisible = (nodeId) => {
-        const node = instance.getNode(nodeId);
-        return node && (node.parentId == null || instance.isNodeExpanded(node.parentId));
-      };
-      let nodeToFocusId;
-      if (Array.isArray(models.selected.value)) {
-        nodeToFocusId = models.selected.value.find(isNodeVisible);
-      } else if (models.selected.value != null && isNodeVisible(models.selected.value)) {
-        nodeToFocusId = models.selected.value;
-      }
-      if (nodeToFocusId == null) {
-        nodeToFocusId = instance.getNavigableChildrenIds(null)[0];
-      }
-      instance.focusNode(event, nodeToFocusId);
-    }
-  };
-  const createHandleBlur = (otherHandlers) => (event) => {
-    otherHandlers.onBlur?.(event);
-    setFocusedNodeId(null);
-  };
-  const focusedNode = instance.getNode(state.focusedNodeId);
-  const activeDescendant = focusedNode ? focusedNode.idAttribute : null;
-  return {
-    getRootProps: (otherHandlers) => ({
-      onFocus: createHandleFocus(otherHandlers),
-      onBlur: createHandleBlur(otherHandlers),
-      "aria-activedescendant": activeDescendant ?? void 0
-    })
-  };
+import { useInstanceEventHandler } from "../useInstanceEventHandler.js";
+import * as React from "react";
+import { ownerDocument, useEventCallback } from "@mui/material/utils";
+//#region src/TreeView/internals/hooks/plugins/useTreeViewFocus.ts
+var useTreeViewFocus = ({ instance, params, state, setState, models, rootRef }) => {
+	const setFocusedNodeId = useEventCallback((nodeId) => {
+		const cleanNodeId = typeof nodeId === "function" ? nodeId(state.focusedNodeId) : nodeId;
+		setState((prevState) => ({
+			...prevState,
+			focusedNodeId: cleanNodeId
+		}));
+	});
+	populateInstance(instance, {
+		isNodeFocused: React.useCallback((nodeId) => state.focusedNodeId === nodeId, [state.focusedNodeId]),
+		focusNode: useEventCallback((event, nodeId) => {
+			if (nodeId) {
+				setFocusedNodeId(nodeId);
+				if (params.onNodeFocus) params.onNodeFocus(event, nodeId);
+			}
+		})
+	});
+	useInstanceEventHandler(instance, "removeNode", ({ id }) => {
+		setFocusedNodeId((oldFocusedNodeId) => {
+			if (oldFocusedNodeId === id && rootRef.current === ownerDocument(rootRef.current).activeElement) return instance.getChildrenIds(null)[0];
+			return oldFocusedNodeId;
+		});
+	});
+	const createHandleFocus = (otherHandlers) => (event) => {
+		otherHandlers.onFocus?.(event);
+		if (event.target === event.currentTarget) {
+			const isNodeVisible = (nodeId) => {
+				const node = instance.getNode(nodeId);
+				return node && (node.parentId == null || instance.isNodeExpanded(node.parentId));
+			};
+			let nodeToFocusId;
+			if (Array.isArray(models.selected.value)) nodeToFocusId = models.selected.value.find(isNodeVisible);
+			else if (models.selected.value != null && isNodeVisible(models.selected.value)) nodeToFocusId = models.selected.value;
+			if (nodeToFocusId == null) nodeToFocusId = instance.getNavigableChildrenIds(null)[0];
+			instance.focusNode(event, nodeToFocusId);
+		}
+	};
+	const createHandleBlur = (otherHandlers) => (event) => {
+		otherHandlers.onBlur?.(event);
+		setFocusedNodeId(null);
+	};
+	const focusedNode = instance.getNode(state.focusedNodeId);
+	const activeDescendant = focusedNode ? focusedNode.idAttribute : null;
+	return { getRootProps: (otherHandlers) => ({
+		onFocus: createHandleFocus(otherHandlers),
+		onBlur: createHandleBlur(otherHandlers),
+		"aria-activedescendant": activeDescendant ?? void 0
+	}) };
 };
 useTreeViewFocus.getInitialState = () => ({ focusedNodeId: null });
 useTreeViewFocus.getDefaultizedParams = (params) => ({
-  ...params,
-  disabledItemsFocusable: params.disabledItemsFocusable ?? false
+	...params,
+	disabledItemsFocusable: params.disabledItemsFocusable ?? false
 });
-export {
-  useTreeViewFocus
-};
+//#endregion
+export { useTreeViewFocus };