@itwin/presentation-hierarchies-react 2.0.0-alpha.3 → 2.0.0-alpha.30

package/lib/esm/presentation-hierarchies-react/itwinui/TreeNodeRenderer.js

@@ -1,71 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-import { forwardRef, useCallback, useRef } from "react";
-import { DropdownMenu, IconButton, Spinner, Tree } from "@itwin/itwinui-react/bricks";
-import { isPresentationHierarchyNode } from "../TreeNode.js";
-import { useLocalizationContext } from "./LocalizationContext.js";
-import { TreeActionButton } from "./TreeActionButton.js";
-import { TreeErrorRenderer } from "./TreeErrorRenderer.js";
-const dropdownIcon = new URL("@itwin/itwinui-icons/more-horizontal.svg", import.meta.url).href;
-/**
- * A component that renders `RenderedTreeNode` using the `TreeNode` component from `@itwin/itwinui-react`.
- *
- * @see `TreeRenderer`
- * @see https://itwinui.bentley.com/docs/tree
- * @public
- */
-export const TreeNodeRenderer = forwardRef(({ node, expandNode, getIcon, getLabel, onFilterClick, onNodeClick, onNodeKeyDown, selected, getHierarchyLevelDetails, reloadTree, children, actions, ...treeItemProps }, forwardedRef) => {
-    const nodeRef = useRef(null);
-    const ref = useMergedRefs(forwardedRef, nodeRef);
-    if (!isPresentationHierarchyNode(node)) {
-        return (_jsx(TreeErrorRenderer, { node: node, getHierarchyLevelDetails: getHierarchyLevelDetails, reloadTree: reloadTree, onFilterClick: onFilterClick, ref: ref }));
-    }
-    const Actions = () => {
-        if (!actions || actions.length === 0) {
-            return undefined;
-        }
-        if (actions.length < 4) {
-            return (_jsx(_Fragment, { children: actions.map((action, index) => {
-                    const actionInfo = action(node);
-                    return _jsx(TreeActionButton, { ...actionInfo }, index);
-                }) }));
-        }
-        return (_jsxs(_Fragment, { children: [_jsx(TreeActionButton, { ...actions[0](node) }), _jsx(TreeActionButton, { ...actions[1](node) }), _jsxs(DropdownMenu.Root, { children: [_jsx(DropdownMenu.Button, { render: _jsx(IconButton, { icon: dropdownIcon, label: "Tree actions dropdown", variant: "ghost" }) }), _jsx(DropdownMenu.Content, { children: actions.slice(2, actions.length).map((action) => {
-                                const info = action(node);
-                                return (_jsx(DropdownMenu.Item, { onClick: () => info.action(), children: info.label }, info.label));
-                            }) })] })] }));
-    };
-    return (_jsx(Tree.Item, { ...treeItemProps, ref: ref, label: getLabel ? getLabel(node) : node.label, selected: selected, expanded: node.isExpanded || node.children === true || node.children.length > 0 ? node.isExpanded : undefined, onExpandedChange: (isExpanded) => {
-            expandNode(node.id, isExpanded);
-        }, onClick: (event) => {
-            !treeItemProps["aria-disabled"] && onNodeClick?.(node, !selected, event);
-        }, onKeyDown: (event) => {
-            // Ignore if it is called on the element inside, e.g. checkbox or expander
-            if (!treeItemProps["aria-disabled"] && event.target === nodeRef.current) {
-                onNodeKeyDown?.(node, !selected, event);
-            }
-        }, icon: getIcon ? getIcon(node) : undefined, actions: _jsx(Actions, {}), children: node.isExpanded && node.children === true ? _jsx(PlaceholderNode, { ...treeItemProps, ref: ref }) : children }));
-});
-TreeNodeRenderer.displayName = "TreeNodeRenderer";
-const PlaceholderNode = forwardRef(({ ...props }, forwardedRef) => {
-    const { localizedStrings } = useLocalizationContext();
-    return _jsx(Tree.Item, { ...props, ref: forwardedRef, label: localizedStrings.loading, icon: _jsx(Spinner, { size: "small", title: localizedStrings.loading }) });
-});
-PlaceholderNode.displayName = "PlaceholderNode";
-function useMergedRefs(...refs) {
-    return useCallback((instance) => {
-        refs.forEach((ref) => {
-            if (typeof ref === "function") {
-                ref(instance);
-            }
-            else if (ref) {
-                ref.current = instance;
-            }
-        });
-    }, // eslint-disable-next-line react-hooks/exhaustive-deps
-    [...refs]);
-}
-//# sourceMappingURL=TreeNodeRenderer.js.map

package/lib/esm/presentation-hierarchies-react/itwinui/TreeNodeRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeNodeRenderer.js","sourceRoot":"","sources":["../../../../src/presentation-hierarchies-react/itwinui/TreeNodeRenderer.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport { ComponentPropsWithoutRef, forwardRef, LegacyRef, MutableRefObject, ReactElement, Ref, RefAttributes, useCallback, useRef } from \"react\";\nimport { DropdownMenu, IconButton, Spinner, Tree } from \"@itwin/itwinui-react/bricks\";\nimport { isPresentationHierarchyNode, PresentationHierarchyNode, PresentationTreeNode } from \"../TreeNode.js\";\nimport { HierarchyLevelDetails, useTree } from \"../UseTree.js\";\nimport { useLocalizationContext } from \"./LocalizationContext.js\";\nimport { TreeActionButton, TreeItemAction } from \"./TreeActionButton.js\";\nimport { TreeErrorRenderer } from \"./TreeErrorRenderer.js\";\n\nconst dropdownIcon = new URL(\"@itwin/itwinui-icons/more-horizontal.svg\", import.meta.url).href;\n\n/** @alpha */\ntype TreeNodeProps = Omit<ComponentPropsWithoutRef<typeof Tree.Item>, \"actions\">;\n\n/** @alpha */\nexport interface TreeNodeRendererOwnProps {\n  /** Node that is rendered. */\n  node: PresentationTreeNode;\n  /** Action to perform when the filter button is clicked for this node. */\n  onFilterClick?: (hierarchyLevelDetails: HierarchyLevelDetails) => void;\n  /** Returns an icon or icon href for a given node. */\n  getIcon?: (node: PresentationHierarchyNode) => string | ReactElement | undefined;\n  /** Returns a label for a given node. */\n  getLabel?: (node: PresentationHierarchyNode) => ReactElement | undefined;\n  /** Returns sublabel for a given node. */\n  getSublabel?: (node: PresentationHierarchyNode) => ReactElement | undefined;\n  /** Action to perform when the node is clicked. */\n  onNodeClick?: (node: PresentationHierarchyNode, isSelected: boolean, event: React.MouseEvent<HTMLElement, MouseEvent>) => void;\n  /** Action to perform when a key is pressed when the node is hovered on. */\n  onNodeKeyDown?: (node: PresentationHierarchyNode, isSelected: boolean, event: React.KeyboardEvent<HTMLElement>) => void;\n  /** A callback to reload a hierarchy level when an error occurs and `retry` button is clicked. */\n  reloadTree?: (options: { parentNodeId: string | undefined; state: \"reset\" }) => void;\n  /**\n   * Actions for tree item.\n   */\n  actions?: Array<(node: PresentationHierarchyNode) => TreeItemAction>;\n}\n\n/** @alpha */\ntype TreeNodeRendererProps = Pick<ReturnType<typeof useTree>, \"expandNode\"> &\n  Partial<Pick<ReturnType<typeof useTree>, \"getHierarchyLevelDetails\">> &\n  Omit<TreeNodeProps, \"label\" | \"icon\"> &\n  TreeNodeRendererOwnProps;\n\n/**\n * A component that renders `RenderedTreeNode` using the `TreeNode` component from `@itwin/itwinui-react`.\n *\n * @see `TreeRenderer`\n * @see https://itwinui.bentley.com/docs/tree\n * @public\n */\nexport const TreeNodeRenderer: React.ForwardRefExoticComponent<TreeNodeRendererProps & RefAttributes<HTMLDivElement>> = forwardRef(\n  (\n    {\n      node,\n      expandNode,\n      getIcon,\n      getLabel,\n      onFilterClick,\n      onNodeClick,\n      onNodeKeyDown,\n      selected,\n      getHierarchyLevelDetails,\n      reloadTree,\n      children,\n      actions,\n      ...treeItemProps\n    },\n    forwardedRef,\n  ) => {\n    const nodeRef = useRef<HTMLDivElement>(null);\n    const ref = useMergedRefs(forwardedRef, nodeRef);\n\n    if (!isPresentationHierarchyNode(node)) {\n      return (\n        <TreeErrorRenderer node={node} getHierarchyLevelDetails={getHierarchyLevelDetails} reloadTree={reloadTree} onFilterClick={onFilterClick} ref={ref} />\n      );\n    }\n\n    const Actions = () => {\n      if (!actions || actions.length === 0) {\n        return undefined;\n      }\n\n      if (actions.length < 4) {\n        return (\n          <>\n            {actions.map((action, index) => {\n              const actionInfo = action(node);\n              return <TreeActionButton key={index} {...actionInfo} />;\n            })}\n          </>\n        );\n      }\n\n      return (\n        <>\n          <TreeActionButton {...actions[0](node)} />\n          <TreeActionButton {...actions[1](node)} />\n          <DropdownMenu.Root>\n            <DropdownMenu.Button render={<IconButton icon={dropdownIcon} label=\"Tree actions dropdown\" variant=\"ghost\" />} />\n            <DropdownMenu.Content>\n              {actions.slice(2, actions.length).map((action) => {\n                const info = action(node);\n                return (\n                  <DropdownMenu.Item key={info.label} onClick={() => info.action()}>\n                    {info.label}\n                  </DropdownMenu.Item>\n                );\n              })}\n            </DropdownMenu.Content>\n          </DropdownMenu.Root>\n        </>\n      );\n    };\n\n    return (\n      <Tree.Item\n        {...treeItemProps}\n        ref={ref}\n        label={getLabel ? getLabel(node) : node.label}\n        selected={selected}\n        expanded={node.isExpanded || node.children === true || node.children.length > 0 ? node.isExpanded : undefined}\n        onExpandedChange={(isExpanded) => {\n          expandNode(node.id, isExpanded);\n        }}\n        onClick={(event) => {\n          !treeItemProps[\"aria-disabled\"] && onNodeClick?.(node, !selected, event);\n        }}\n        onKeyDown={(event) => {\n          // Ignore if it is called on the element inside, e.g. checkbox or expander\n          if (!treeItemProps[\"aria-disabled\"] && event.target === nodeRef.current) {\n            onNodeKeyDown?.(node, !selected, event);\n          }\n        }}\n        icon={getIcon ? getIcon(node) : undefined}\n        actions={<Actions />}\n      >\n        {node.isExpanded && node.children === true ? <PlaceholderNode {...treeItemProps} ref={ref} /> : children}\n      </Tree.Item>\n    );\n  },\n);\nTreeNodeRenderer.displayName = \"TreeNodeRenderer\";\n\nconst PlaceholderNode = forwardRef<HTMLDivElement, Omit<TreeNodeProps, \"onExpanded\" | \"label\">>(({ ...props }, forwardedRef) => {\n  const { localizedStrings } = useLocalizationContext();\n  return <Tree.Item {...props} ref={forwardedRef} label={localizedStrings.loading} icon={<Spinner size={\"small\"} title={localizedStrings.loading} />} />;\n});\nPlaceholderNode.displayName = \"PlaceholderNode\";\n\nfunction useMergedRefs<T>(...refs: ReadonlyArray<Ref<T> | LegacyRef<T> | undefined | null>) {\n  return useCallback(\n    (instance: T | null) => {\n      refs.forEach((ref) => {\n        if (typeof ref === \"function\") {\n          ref(instance);\n        } else if (ref) {\n          (ref as MutableRefObject<T | null>).current = instance;\n        }\n      });\n    }, // eslint-disable-next-line react-hooks/exhaustive-deps\n    [...refs],\n  );\n}\n"]}

package/lib/esm/presentation-hierarchies-react/itwinui/TreeRenderer.d.ts

@@ -1,30 +0,0 @@
-import { ComponentPropsWithoutRef } from "react";
-import { Tree } from "@itwin/itwinui-react/bricks";
-import { PresentationTreeNode } from "../TreeNode.js";
-import { SelectionMode } from "../UseSelectionHandler.js";
-import { useTree } from "../UseTree.js";
-import { LocalizationContextProvider } from "./LocalizationContext.js";
-import { TreeNodeRenderer } from "./TreeNodeRenderer.js";
-/** @alpha */
-export type TreeProps = ComponentPropsWithoutRef<typeof Tree.Root>;
-/** @alpha */
-export type TreeNodeRendererProps = ComponentPropsWithoutRef<typeof TreeNodeRenderer>;
-/** @alpha */
-interface TreeRendererOwnProps {
-    /** Root nodes of the tree. */
-    rootNodes: PresentationTreeNode[];
-    /** Active selection mode used by the tree. Defaults to `"single"`. */
-    selectionMode?: SelectionMode;
-}
-/** @alpha */
-type TreeRendererProps = Pick<ReturnType<typeof useTree>, "expandNode"> & Partial<Pick<ReturnType<typeof useTree>, "selectNodes" | "isNodeSelected" | "getHierarchyLevelDetails" | "reloadTree">> & Omit<TreeNodeRendererProps, "node" | "reloadTree"> & TreeRendererOwnProps & ComponentPropsWithoutRef<typeof LocalizationContextProvider>;
-/**
- * A component that renders a tree using the `Tree` component from `@itwin/itwinui-react`. The tree nodes
- * are rendered using `TreeNodeRenderer` component from this package.
- *
- * @see https://itwinui.bentley.com/docs/tree
- * @alpha
- */
-export declare function TreeRenderer({ rootNodes, expandNode, localizedStrings, selectNodes, isNodeSelected, selectionMode, ...treeProps }: TreeRendererProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=TreeRenderer.d.ts.map

package/lib/esm/presentation-hierarchies-react/itwinui/TreeRenderer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeRenderer.d.ts","sourceRoot":"","sources":["../../../../src/presentation-hierarchies-react/itwinui/TreeRenderer.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAuB,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAEvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAEzD,aAAa;AACb,MAAM,MAAM,SAAS,GAAG,wBAAwB,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC;AAEnE,aAAa;AACb,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,CAAC,OAAO,gBAAgB,CAAC,CAAC;AACtF,aAAa;AACb,UAAU,oBAAoB;IAC5B,8BAA8B;IAC9B,SAAS,EAAE,oBAAoB,EAAE,CAAC;IAClC,sEAAsE;IACtE,aAAa,CAAC,EAAE,aAAa,CAAC;CAC/B;AAED,aAAa;AACb,KAAK,iBAAiB,GAAG,IAAI,CAAC,UAAU,CAAC,OAAO,OAAO,CAAC,EAAE,YAAY,CAAC,GACrE,OAAO,CAAC,IAAI,CAAC,UAAU,CAAC,OAAO,OAAO,CAAC,EAAE,aAAa,GAAG,gBAAgB,GAAG,0BAA0B,GAAG,YAAY,CAAC,CAAC,GACvH,IAAI,CAAC,qBAAqB,EAAE,MAAM,GAAG,YAAY,CAAC,GAClD,oBAAoB,GACpB,wBAAwB,CAAC,OAAO,2BAA2B,CAAC,CAAC;AAE/D;;;;;;GAMG;AACH,wBAAgB,YAAY,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,SAAS,EAAE,EAAE,iBAAiB,2CAqBpJ"}

package/lib/esm/presentation-hierarchies-react/itwinui/TreeRenderer.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Tree } from "@itwin/itwinui-react/bricks";
-import { useSelectionHandler } from "../UseSelectionHandler.js";
-import { LocalizationContextProvider } from "./LocalizationContext.js";
-import { TreeLevelRenderer } from "./TreeLevelRenderer.js";
-/**
- * A component that renders a tree using the `Tree` component from `@itwin/itwinui-react`. The tree nodes
- * are rendered using `TreeNodeRenderer` component from this package.
- *
- * @see https://itwinui.bentley.com/docs/tree
- * @alpha
- */
-export function TreeRenderer({ rootNodes, expandNode, localizedStrings, selectNodes, isNodeSelected, selectionMode, ...treeProps }) {
-    const { onNodeClick, onNodeKeyDown } = useSelectionHandler({
-        rootNodes,
-        selectNodes: selectNodes ?? noopSelectNodes,
-        selectionMode: selectionMode ?? "single",
-    });
-    return (_jsx(LocalizationContextProvider, { localizedStrings: localizedStrings, children: _jsx(Tree.Root, { style: { height: "100%", width: "100%" }, children: _jsx(TreeLevelRenderer, { ...treeProps, nodes: rootNodes, expandNode: expandNode, onNodeClick: onNodeClick, onNodeKeyDown: onNodeKeyDown, isNodeSelected: isNodeSelected }) }) }));
-}
-function noopSelectNodes() { }
-//# sourceMappingURL=TreeRenderer.js.map

package/lib/esm/presentation-hierarchies-react/itwinui/TreeRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeRenderer.js","sourceRoot":"","sources":["../../../../src/presentation-hierarchies-react/itwinui/TreeRenderer.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AAEnD,OAAO,EAAiB,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAE/E,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AACvE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAuB3D;;;;;;GAMG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,cAAc,EAAE,aAAa,EAAE,GAAG,SAAS,EAAqB;IACnJ,MAAM,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,mBAAmB,CAAC;QACzD,SAAS;QACT,WAAW,EAAE,WAAW,IAAI,eAAe;QAC3C,aAAa,EAAE,aAAa,IAAI,QAAQ;KACzC,CAAC,CAAC;IAEH,OAAO,CACL,KAAC,2BAA2B,IAAC,gBAAgB,EAAE,gBAAgB,YAC7D,KAAC,IAAI,CAAC,IAAI,IAAC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,YACjD,KAAC,iBAAiB,OACZ,SAAS,EACb,KAAK,EAAE,SAAS,EAChB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,GAC9B,GACQ,GACgB,CAC/B,CAAC;AACJ,CAAC;AAED,SAAS,eAAe,KAAI,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n\nimport { ComponentPropsWithoutRef } from \"react\";\nimport { Tree } from \"@itwin/itwinui-react/bricks\";\nimport { PresentationTreeNode } from \"../TreeNode.js\";\nimport { SelectionMode, useSelectionHandler } from \"../UseSelectionHandler.js\";\nimport { useTree } from \"../UseTree.js\";\nimport { LocalizationContextProvider } from \"./LocalizationContext.js\";\nimport { TreeLevelRenderer } from \"./TreeLevelRenderer.js\";\nimport { TreeNodeRenderer } from \"./TreeNodeRenderer.js\";\n\n/** @alpha */\nexport type TreeProps = ComponentPropsWithoutRef<typeof Tree.Root>;\n\n/** @alpha */\nexport type TreeNodeRendererProps = ComponentPropsWithoutRef<typeof TreeNodeRenderer>;\n/** @alpha */\ninterface TreeRendererOwnProps {\n  /** Root nodes of the tree. */\n  rootNodes: PresentationTreeNode[];\n  /** Active selection mode used by the tree. Defaults to `\"single\"`. */\n  selectionMode?: SelectionMode;\n}\n\n/** @alpha */\ntype TreeRendererProps = Pick<ReturnType<typeof useTree>, \"expandNode\"> &\n  Partial<Pick<ReturnType<typeof useTree>, \"selectNodes\" | \"isNodeSelected\" | \"getHierarchyLevelDetails\" | \"reloadTree\">> &\n  Omit<TreeNodeRendererProps, \"node\" | \"reloadTree\"> &\n  TreeRendererOwnProps &\n  ComponentPropsWithoutRef<typeof LocalizationContextProvider>;\n\n/**\n * A component that renders a tree using the `Tree` component from `@itwin/itwinui-react`. The tree nodes\n * are rendered using `TreeNodeRenderer` component from this package.\n *\n * @see https://itwinui.bentley.com/docs/tree\n * @alpha\n */\nexport function TreeRenderer({ rootNodes, expandNode, localizedStrings, selectNodes, isNodeSelected, selectionMode, ...treeProps }: TreeRendererProps) {\n  const { onNodeClick, onNodeKeyDown } = useSelectionHandler({\n    rootNodes,\n    selectNodes: selectNodes ?? noopSelectNodes,\n    selectionMode: selectionMode ?? \"single\",\n  });\n\n  return (\n    <LocalizationContextProvider localizedStrings={localizedStrings}>\n      <Tree.Root style={{ height: \"100%\", width: \"100%\" }}>\n        <TreeLevelRenderer\n          {...treeProps}\n          nodes={rootNodes}\n          expandNode={expandNode}\n          onNodeClick={onNodeClick}\n          onNodeKeyDown={onNodeKeyDown}\n          isNodeSelected={isNodeSelected}\n        />\n      </Tree.Root>\n    </LocalizationContextProvider>\n  );\n}\n\nfunction noopSelectNodes() {}\n"]}