@itwin/tree-widget-react 3.0.0-dev.0 → 3.0.0-dev.2

package/lib/cjs/components/trees/common/TreeNodeRenderer.d.ts

@@ -1,61 +0,0 @@
-import type { ReactNode } from "react";
-import type { PropertyRecord } from "@itwin/appui-abstract";
-import type { IPropertyValueRenderer, PropertyValueRendererContext, TreeModelNode } from "@itwin/components-react";
-/**
- * Context for rendering label value.
- * @public
- */
-export interface LabelRendererContext {
-    /** Style that should be applied to the rendered element. */
-    style?: React.CSSProperties;
-    /** Callback to highlight text. */
-    textHighlighter?: (text: string) => React.ReactNode;
-}
-/**
- * Props for custom node renderer.
- * @public
- */
-export interface TreeNodeLabelRendererProps {
-    /** Tree node to rendered label for. */
-    node: TreeModelNode;
-    /** Context for rendering node's label value. */
-    context?: LabelRendererContext;
-}
-/**
- * Props for customizing node rendering.
- * @public
- */
-export interface TreeNodeRendererProps {
-    /** Custom renderer for node's label. */
-    nodeLabelRenderer?: (props: TreeNodeLabelRendererProps) => ReactNode;
-}
-/**
- * Props for [[DefaultLabelRenderer]] component.
- * @public
- */
-export interface DefaultLabelRendererProps {
-    /** Label that should be rendered. */
-    label: PropertyRecord;
-    /** Context for rendering label value. */
-    context?: LabelRendererContext;
-}
-/**
- * Renders label for tree node.
- * @public
- */
-export declare function DefaultLabelRenderer({ label, context }: DefaultLabelRendererProps): React.JSX.Element;
-/** @internal */
-export interface TreeNodeRendererContextProviderProps extends TreeNodeRendererProps {
-    node: TreeModelNode;
-    children: ReactNode;
-}
-/** @internal */
-export declare function TreeNodeRendererContextProvider({ nodeLabelRenderer, node, children }: TreeNodeRendererContextProviderProps): JSX.Element;
-/** @internal */
-export declare const TREE_NODE_LABEL_RENDERER = "visibility-tree-node-label";
-/** @internal */
-export declare class TreeNodeLabelRenderer implements IPropertyValueRenderer {
-    canRender(record: PropertyRecord, _context?: PropertyValueRendererContext | undefined): boolean;
-    render(record: PropertyRecord, context?: PropertyValueRendererContext | undefined): ReactNode;
-}
-//# sourceMappingURL=TreeNodeRenderer.d.ts.map

package/lib/cjs/components/trees/common/TreeNodeRenderer.js

@@ -1,50 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TreeNodeLabelRenderer = exports.TREE_NODE_LABEL_RENDERER = exports.TreeNodeRendererContextProvider = exports.DefaultLabelRenderer = void 0;
-const jsx_runtime_1 = require("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.
- *--------------------------------------------------------------------------------------------*/
-const react_1 = require("react");
-const components_react_1 = require("@itwin/components-react");
-/**
- * Renders label for tree node.
- * @public
- */
-function DefaultLabelRenderer({ label, context }) {
-    const renderer = new components_react_1.PrimitivePropertyValueRenderer();
-    return renderer.render(label, context);
-}
-exports.DefaultLabelRenderer = DefaultLabelRenderer;
-/** @internal */
-function TreeNodeRendererContextProvider({ nodeLabelRenderer, node, children }) {
-    return (0, jsx_runtime_1.jsx)(treeNodeLabelRendererContext.Provider, { value: { renderer: nodeLabelRenderer, node }, children: children });
-}
-exports.TreeNodeRendererContextProvider = TreeNodeRendererContextProvider;
-/** @internal */
-exports.TREE_NODE_LABEL_RENDERER = "visibility-tree-node-label";
-/** @internal */
-class TreeNodeLabelRenderer {
-    canRender(record, _context) {
-        return record.property.renderer?.name === exports.TREE_NODE_LABEL_RENDERER;
-    }
-    render(record, context) {
-        const labelContext = {
-            style: context?.style,
-            textHighlighter: context?.textHighlighter,
-        };
-        return (0, jsx_runtime_1.jsx)(LabelRenderer, { record: record, context: labelContext });
-    }
-}
-exports.TreeNodeLabelRenderer = TreeNodeLabelRenderer;
-const treeNodeLabelRendererContext = (0, react_1.createContext)(undefined);
-function LabelRenderer({ record, context }) {
-    const renderContext = (0, react_1.useContext)(treeNodeLabelRendererContext);
-    if (!renderContext || !renderContext.renderer) {
-        return (0, jsx_runtime_1.jsx)(DefaultLabelRenderer, { label: record, context: context });
-    }
-    const { renderer, node } = renderContext;
-    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: renderer({ node, context }) });
-}
-//# sourceMappingURL=TreeNodeRenderer.js.map

package/lib/cjs/components/trees/common/TreeNodeRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeNodeRenderer.js","sourceRoot":"","sources":["../../../../../src/components/trees/common/TreeNodeRenderer.tsx"],"names":[],"mappings":";;;;AAAA;;;gGAGgG;AAEhG,iCAAkD;AAClD,8DAAyE;AAgDzE;;;GAGG;AACH,SAAgB,oBAAoB,CAAC,EAAE,KAAK,EAAE,OAAO,EAA6B;IAChF,MAAM,QAAQ,GAAG,IAAI,iDAA8B,EAAE,CAAC;IACtD,OAAO,QAAQ,CAAC,MAAM,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AACzC,CAAC;AAHD,oDAGC;AAQD,gBAAgB;AAChB,SAAgB,+BAA+B,CAAC,EAAE,iBAAiB,EAAE,IAAI,EAAE,QAAQ,EAAwC;IACzH,OAAO,uBAAC,4BAA4B,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,QAAQ,EAAE,iBAAiB,EAAE,IAAI,EAAE,YAAG,QAAQ,GAAyC,CAAC;AACjJ,CAAC;AAFD,0EAEC;AAED,gBAAgB;AACH,QAAA,wBAAwB,GAAG,4BAA4B,CAAC;AAErE,gBAAgB;AAChB,MAAa,qBAAqB;IACzB,SAAS,CAAC,MAAsB,EAAE,QAAmD;QAC1F,OAAO,MAAM,CAAC,QAAQ,CAAC,QAAQ,EAAE,IAAI,KAAK,gCAAwB,CAAC;IACrE,CAAC;IAEM,MAAM,CAAC,MAAsB,EAAE,OAAkD;QACtF,MAAM,YAAY,GAAyB;YACzC,KAAK,EAAE,OAAO,EAAE,KAAK;YACrB,eAAe,EAAE,OAAO,EAAE,eAAe;SAC1C,CAAC;QACF,OAAO,uBAAC,aAAa,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,GAAI,CAAC;IAClE,CAAC;CACF;AAZD,sDAYC;AAOD,MAAM,4BAA4B,GAAG,IAAA,qBAAa,EAA2C,SAAS,CAAC,CAAC;AAOxG,SAAS,aAAa,CAAC,EAAE,MAAM,EAAE,OAAO,EAAsB;IAC5D,MAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,4BAA4B,CAAC,CAAC;IAE/D,IAAI,CAAC,aAAa,IAAI,CAAC,aAAa,CAAC,QAAQ,EAAE;QAC7C,OAAO,uBAAC,oBAAoB,IAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;KAClE;IAED,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAG,aAAa,CAAC;IACzC,OAAO,2DAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,GAAI,CAAC;AAC5C,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 { createContext, useContext } from \"react\";\nimport { PrimitivePropertyValueRenderer } from \"@itwin/components-react\";\n\nimport type { ReactNode } from \"react\";\nimport type { PropertyRecord } from \"@itwin/appui-abstract\";\nimport type { IPropertyValueRenderer, PropertyValueRendererContext, TreeModelNode } from \"@itwin/components-react\";\n\n/**\n * Context for rendering label value.\n * @public\n */\nexport interface LabelRendererContext {\n  /** Style that should be applied to the rendered element. */\n  style?: React.CSSProperties;\n  /** Callback to highlight text. */\n  textHighlighter?: (text: string) => React.ReactNode;\n}\n\n/**\n * Props for custom node renderer.\n * @public\n */\nexport interface TreeNodeLabelRendererProps {\n  /** Tree node to rendered label for. */\n  node: TreeModelNode;\n  /** Context for rendering node's label value. */\n  context?: LabelRendererContext;\n}\n\n/**\n * Props for customizing node rendering.\n * @public\n */\nexport interface TreeNodeRendererProps {\n  /** Custom renderer for node's label. */\n  nodeLabelRenderer?: (props: TreeNodeLabelRendererProps) => ReactNode;\n}\n\n/**\n * Props for [[DefaultLabelRenderer]] component.\n * @public\n */\nexport interface DefaultLabelRendererProps {\n  /** Label that should be rendered. */\n  label: PropertyRecord;\n  /** Context for rendering label value. */\n  context?: LabelRendererContext;\n}\n\n/**\n * Renders label for tree node.\n * @public\n */\nexport function DefaultLabelRenderer({ label, context }: DefaultLabelRendererProps) {\n  const renderer = new PrimitivePropertyValueRenderer();\n  return renderer.render(label, context);\n}\n\n/** @internal */\nexport interface TreeNodeRendererContextProviderProps extends TreeNodeRendererProps {\n  node: TreeModelNode;\n  children: ReactNode;\n}\n\n/** @internal */\nexport function TreeNodeRendererContextProvider({ nodeLabelRenderer, node, children }: TreeNodeRendererContextProviderProps) {\n  return <treeNodeLabelRendererContext.Provider value={{ renderer: nodeLabelRenderer, node }}>{children}</treeNodeLabelRendererContext.Provider>;\n}\n\n/** @internal */\nexport const TREE_NODE_LABEL_RENDERER = \"visibility-tree-node-label\";\n\n/** @internal */\nexport class TreeNodeLabelRenderer implements IPropertyValueRenderer {\n  public canRender(record: PropertyRecord, _context?: PropertyValueRendererContext | undefined): boolean {\n    return record.property.renderer?.name === TREE_NODE_LABEL_RENDERER;\n  }\n\n  public render(record: PropertyRecord, context?: PropertyValueRendererContext | undefined): ReactNode {\n    const labelContext: LabelRendererContext = {\n      style: context?.style,\n      textHighlighter: context?.textHighlighter,\n    };\n    return <LabelRenderer record={record} context={labelContext} />;\n  }\n}\n\ninterface TreeNodeLabelRendererContext {\n  renderer?: (props: TreeNodeLabelRendererProps) => ReactNode;\n  node: TreeModelNode;\n}\n\nconst treeNodeLabelRendererContext = createContext<TreeNodeLabelRendererContext | undefined>(undefined);\n\ninterface LabelRendererProps {\n  record: PropertyRecord;\n  context?: LabelRendererContext;\n}\n\nfunction LabelRenderer({ record, context }: LabelRendererProps) {\n  const renderContext = useContext(treeNodeLabelRendererContext);\n\n  if (!renderContext || !renderContext.renderer) {\n    return <DefaultLabelRenderer label={record} context={context} />;\n  }\n\n  const { renderer, node } = renderContext;\n  return <>{renderer({ node, context })}</>;\n}\n"]}

package/lib/cjs/components/trees/common/TreeRenderer.d.ts

@@ -1,55 +0,0 @@
-/// <reference types="react" />
-import "./TreeRenderer.scss";
-import type { IPresentationTreeDataProvider, PresentationTreeNodeRendererProps } from "@itwin/presentation-components";
-import type { AbstractTreeNodeLoaderWithProvider, TreeRendererProps as ComponentsTreeRendererProps } from "@itwin/components-react";
-import type { TreeNodeRendererProps } from "./TreeNodeRenderer";
-import type { TreeContextMenuProps } from "./ContextMenu";
-import type { UsageTrackedFeatures } from "./UseFeatureReporting";
-/**
- * Base props for [[TreeRenderer]] component.
- * @public
- */
-export interface TreeRendererBaseProps extends TreeContextMenuProps, TreeNodeRendererProps {
-    /**
-     * Modifies the density of tree nodes. `enlarged` tree nodes have bigger height and bigger button hit boxes.
-     */
-    density?: "default" | "enlarged";
-}
-/**
- * Props for [[TreeRenderer]] component.
- * @public
- */
-export type TreeRendererProps = ComponentsTreeRendererProps & TreeRendererBaseProps;
-/**
- * Base tree renderer for visibility trees.
- * @public
- */
-export declare function TreeRenderer({ contextMenuItems, nodeRenderer, nodeLabelRenderer, density, ...restProps }: TreeRendererProps): JSX.Element;
-/**
- * Props for [[FilterableTreeRenderer]] node renderer.
- * @beta
- */
-export interface FilterableTreeNodeRendererProps extends PresentationTreeNodeRendererProps {
-    reportUsage?: (props: {
-        featureId?: UsageTrackedFeatures;
-        reportInteraction: boolean;
-    }) => void;
-}
-/**
- * Props for [[FilterableTreeRenderer]] component.
- * @beta
- */
-export interface FilterableTreeRendererProps extends Omit<TreeRendererProps, "nodeLoader" | "nodeRenderer"> {
-    nodeLoader: AbstractTreeNodeLoaderWithProvider<IPresentationTreeDataProvider>;
-    nodeRenderer: (props: FilterableTreeNodeRendererProps) => React.ReactNode;
-    reportUsage?: (props: {
-        featureId?: UsageTrackedFeatures;
-        reportInteraction: boolean;
-    }) => void;
-}
-/**
- * Base tree renderer for trees with enabled hierarchy level filtering.
- * @beta
- */
-export declare function FilterableTreeRenderer({ nodeRenderer, nodeLoader, reportUsage, ...restProps }: FilterableTreeRendererProps): JSX.Element;
-//# sourceMappingURL=TreeRenderer.d.ts.map

package/lib/cjs/components/trees/common/TreeRenderer.js

@@ -1,67 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FilterableTreeRenderer = exports.TreeRenderer = void 0;
-const jsx_runtime_1 = require("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.
- *--------------------------------------------------------------------------------------------*/
-require("./TreeRenderer.scss");
-const classnames_1 = __importDefault(require("classnames"));
-const components_react_1 = require("@itwin/components-react");
-const presentation_components_1 = require("@itwin/presentation-components");
-const ContextMenu_1 = require("./ContextMenu");
-const TreeNodeRenderer_1 = require("./TreeNodeRenderer");
-/**
- * Base tree renderer for visibility trees.
- * @public
- */
-function TreeRenderer({ contextMenuItems, nodeRenderer, nodeLabelRenderer, density, ...restProps }) {
-    const { onContextMenu, renderContextMenu } = (0, ContextMenu_1.useContextMenu)({ contextMenuItems });
-    const nodeHeight = getNodeHeight(density ?? "default", restProps.nodeHeight);
-    const className = (0, classnames_1.default)("tree-widget-tree-nodes-list", { ["enlarge"]: density === "enlarged" });
-    return ((0, jsx_runtime_1.jsxs)("div", { className: className, children: [(0, jsx_runtime_1.jsx)(components_react_1.TreeRenderer, { ...restProps, nodeRenderer: (nodeProps) => {
-                    const nodeClassName = nodeProps.node.numChildren === 0 ? "without-expander" : undefined;
-                    return ((0, jsx_runtime_1.jsx)(TreeNodeRenderer_1.TreeNodeRendererContextProvider, { node: nodeProps.node, nodeLabelRenderer: nodeLabelRenderer, children: nodeRenderer ? (nodeRenderer({ ...nodeProps, onContextMenu, className: nodeClassName })) : ((0, jsx_runtime_1.jsx)(components_react_1.TreeNodeRenderer, { ...nodeProps, onContextMenu: onContextMenu, className: nodeClassName })) }));
-                }, nodeHeight: nodeHeight }), renderContextMenu()] }));
-}
-exports.TreeRenderer = TreeRenderer;
-/**
- * Base tree renderer for trees with enabled hierarchy level filtering.
- * @beta
- */
-function FilterableTreeRenderer({ nodeRenderer, nodeLoader, reportUsage, ...restProps }) {
-    const { onClearFilterClick, onFilterClick, filterDialog } = (0, presentation_components_1.useFilterablePresentationTree)({
-        nodeLoader,
-        onFilterApplied: () => {
-            reportUsage?.({ featureId: "hierarchy-level-filtering", reportInteraction: true });
-        },
-    });
-    return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(TreeRenderer, { ...restProps, nodeLoader: nodeLoader, nodeRenderer: (props) => {
-                    return nodeRenderer({
-                        ...props,
-                        reportUsage,
-                        onFilterClick: (nodeId) => {
-                            reportUsage?.({ reportInteraction: true });
-                            onFilterClick(nodeId);
-                        },
-                        onClearFilterClick: (nodeId) => {
-                            reportUsage?.({ reportInteraction: true });
-                            onClearFilterClick(nodeId);
-                        },
-                    });
-                } }), filterDialog] }));
-}
-exports.FilterableTreeRenderer = FilterableTreeRenderer;
-function getNodeHeight(density, defaultHeight) {
-    switch (density) {
-        case "default":
-            return defaultHeight;
-        case "enlarged":
-            return () => 43;
-    }
-}
-//# sourceMappingURL=TreeRenderer.js.map

package/lib/cjs/components/trees/common/TreeRenderer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeRenderer.js","sourceRoot":"","sources":["../../../../../src/components/trees/common/TreeRenderer.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 \"./TreeRenderer.scss\";\nimport classNames from \"classnames\";\nimport { TreeRenderer as ComponentsTreeRenderer, TreeNodeRenderer } from \"@itwin/components-react\";\nimport { useFilterablePresentationTree } from \"@itwin/presentation-components\";\nimport { useContextMenu } from \"./ContextMenu\";\nimport { TreeNodeRendererContextProvider } from \"./TreeNodeRenderer\";\n\nimport type { IPresentationTreeDataProvider, PresentationTreeNodeRendererProps } from \"@itwin/presentation-components\";\nimport type { AbstractTreeNodeLoaderWithProvider, TreeRendererProps as ComponentsTreeRendererProps } from \"@itwin/components-react\";\nimport type { TreeNodeRendererProps } from \"./TreeNodeRenderer\";\nimport type { TreeContextMenuProps } from \"./ContextMenu\";\nimport type { UsageTrackedFeatures } from \"./UseFeatureReporting\";\n/**\n * Base props for [[TreeRenderer]] component.\n * @public\n */\nexport interface TreeRendererBaseProps extends TreeContextMenuProps, TreeNodeRendererProps {\n  /**\n   * Modifies the density of tree nodes. `enlarged` tree nodes have bigger height and bigger button hit boxes.\n   */\n  density?: \"default\" | \"enlarged\";\n}\n\n/**\n * Props for [[TreeRenderer]] component.\n * @public\n */\nexport type TreeRendererProps = ComponentsTreeRendererProps & TreeRendererBaseProps;\n\n/**\n * Base tree renderer for visibility trees.\n * @public\n */\nexport function TreeRenderer({ contextMenuItems, nodeRenderer, nodeLabelRenderer, density, ...restProps }: TreeRendererProps) {\n  const { onContextMenu, renderContextMenu } = useContextMenu({ contextMenuItems });\n\n  const nodeHeight = getNodeHeight(density ?? \"default\", restProps.nodeHeight);\n  const className = classNames(\"tree-widget-tree-nodes-list\", { [\"enlarge\"]: density === \"enlarged\" });\n\n  return (\n    <div className={className}>\n      <ComponentsTreeRenderer\n        {...restProps}\n        nodeRenderer={(nodeProps) => {\n          const nodeClassName = nodeProps.node.numChildren === 0 ? \"without-expander\" : undefined;\n          return (\n            <TreeNodeRendererContextProvider node={nodeProps.node} nodeLabelRenderer={nodeLabelRenderer}>\n              {nodeRenderer ? (\n                nodeRenderer({ ...nodeProps, onContextMenu, className: nodeClassName })\n              ) : (\n                <TreeNodeRenderer {...nodeProps} onContextMenu={onContextMenu} className={nodeClassName} />\n              )}\n            </TreeNodeRendererContextProvider>\n          );\n        }}\n        nodeHeight={nodeHeight}\n      />\n      {renderContextMenu()}\n    </div>\n  );\n}\n\n/**\n * Props for [[FilterableTreeRenderer]] node renderer.\n * @beta\n */\nexport interface FilterableTreeNodeRendererProps extends PresentationTreeNodeRendererProps {\n  reportUsage?: (props: { featureId?: UsageTrackedFeatures; reportInteraction: boolean }) => void;\n}\n\n/**\n * Props for [[FilterableTreeRenderer]] component.\n * @beta\n */\nexport interface FilterableTreeRendererProps extends Omit<TreeRendererProps, \"nodeLoader\" | \"nodeRenderer\"> {\n  nodeLoader: AbstractTreeNodeLoaderWithProvider<IPresentationTreeDataProvider>;\n  nodeRenderer: (props: FilterableTreeNodeRendererProps) => React.ReactNode;\n  reportUsage?: (props: { featureId?: UsageTrackedFeatures; reportInteraction: boolean }) => void;\n}\n/**\n * Base tree renderer for trees with enabled hierarchy level filtering.\n * @beta\n */\nexport function FilterableTreeRenderer({ nodeRenderer, nodeLoader, reportUsage, ...restProps }: FilterableTreeRendererProps) {\n  const { onClearFilterClick, onFilterClick, filterDialog } = useFilterablePresentationTree({\n    nodeLoader,\n    onFilterApplied: () => {\n      reportUsage?.({ featureId: \"hierarchy-level-filtering\", reportInteraction: true });\n    },\n  });\n\n  return (\n    <div>\n      <TreeRenderer\n        {...restProps}\n        nodeLoader={nodeLoader}\n        nodeRenderer={(props) => {\n          return nodeRenderer({\n            ...props,\n            reportUsage,\n            onFilterClick: (nodeId: string) => {\n              reportUsage?.({ reportInteraction: true });\n              onFilterClick(nodeId);\n            },\n            onClearFilterClick: (nodeId: string) => {\n              reportUsage?.({ reportInteraction: true });\n              onClearFilterClick(nodeId);\n            },\n          });\n        }}\n      />\n      {filterDialog}\n    </div>\n  );\n}\n\nfunction getNodeHeight(density: \"default\" | \"enlarged\", defaultHeight: ComponentsTreeRendererProps[\"nodeHeight\"]) {\n  switch (density) {\n    case \"default\":\n      return defaultHeight;\n    case \"enlarged\":\n      return () => 43;\n  }\n}\n"]}

package/lib/cjs/components/trees/common/TreeRenderer.scss

@@ -1,149 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-
-.tree-widget-tree-with-header {
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-
-  .tree-widget-tree-header {
-    height: var(--iui-size-xl);
-  }
-
-  .tree-widget-tree-content {
-    height: calc(100% - var(--iui-size-xl));
-
-    &.enlarge {
-      height: calc(100% - var(--iui-size-xl) - var(--iui-size-m));
-    }
-  }
-}
-
-.tree-widget-tree-nodes-list {
-  height: 100%;
-  width: 100%;
-
-  /* stylelint-disable-next-line selector-class-pattern */
-  .ReactWindow__VariableSizeList {
-    > div {
-      min-width: max-content !important; // to override inline class
-    }
-  }
-
-  .core-tree-node {
-    > .contents {
-      .core-tree-node-icon {
-        line-height: 0;
-      }
-    }
-
-    &.without-expander {
-      > .contents {
-        > .core-tree-node-icon {
-          margin-left: 5px;
-        }
-      }
-    }
-  }
-
-  &.enlarge {
-    --enlarged-node-height: calc(var(--iui-size-l) + var(--iui-size-m) + var(--iui-size-3xs));
-    --enlarged-node-icon-size: var(--iui-size-m);
-    --enlarged-node-without-expander-margin: var(--iui-size-m);
-    --enlarged-node-icon-padding: calc(var(--enlarged-node-height) - var(--enlarged-node-icon-size));
-    --enlarged-node-expander-additional-padding: calc(var(--iui-size-l) - var(--iui-size-3xs) / 2);
-
-    .core-tree-node {
-      &.without-expander {
-        margin-left: var(--enlarged-node-without-expander-margin);
-      }
-
-      > .presentation-components-node-action-buttons {
-        height: var(--enlarged-node-height);
-        width: min-content;
-
-        .presentation-components-node-action-button {
-          height: var(--enlarged-node-height);
-          width: var(--enlarged-node-height);
-
-          svg {
-            height: var(--enlarged-node-height);
-            width: var(--enlarged-node-height);
-            padding: var(--iui-size-s);
-          }
-        }
-      }
-
-      > .contents {
-        height: var(--enlarged-node-height);
-        font-size: var(--iui-font-size-2);
-
-        .core-progress-indicator {
-          margin: calc(var(--enlarged-node-icon-padding) / 2);
-        }
-
-        /* stylelint-disable-next-line selector-class-pattern */
-        .core-tree-expansionToggle {
-          > .icon {
-            height: var(--enlarged-node-height);
-            width: var(--enlarged-node-height);
-            padding: calc(var(--enlarged-node-icon-padding) / 2);
-
-            svg {
-              height: var(--enlarged-node-icon-size);
-              width: var(--enlarged-node-icon-size);
-            }
-          }
-        }
-
-        &.without-expander {
-          > .contents {
-            padding-left: var(--enlarged-node-expander-additional-padding);
-          }
-        }
-
-        .iui-progress-indicator-radial {
-          margin: 0 calc(var(--enlarged-node-icon-padding) / 2);
-        }
-      }
-    }
-  }
-}
-
-.tree-widget-tree-container {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  flex-direction: column;
-  position: relative;
-
-  /* stylelint-disable-next-line selector-class-pattern */
-  .filteredTreeOverlay {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-    z-index: 9999;
-    background-color: hsl(var(--iui-color-background) / var(--iui-opacity-2));
-  }
-
-  .components-tree-errormessage {
-    position: absolute;
-    top: 40%;
-    left: 50%;
-    width: 75%;
-    text-align: center;
-    transform: translate(-50%, -50%);
-    font-style: italic;
-    color: var(--iui-color-text-muted);
-
-    .errormessage-header {
-      display: block;
-      font-weight: bold;
-    }
-  }
-}

package/lib/cjs/components/trees/common/Types.d.ts

@@ -1,57 +0,0 @@
-import type { IModelConnection } from "@itwin/core-frontend";
-import type { SelectionMode } from "@itwin/components-react";
-import type { IPresentationTreeDataProvider } from "@itwin/presentation-components";
-import type { TreeRendererBaseProps } from "./TreeRenderer";
-/**
- * An option of how class grouping should work in a component.
- * @public
- */
-export declare enum ClassGroupingOption {
-    /** Class grouping is disabled */
-    No = 0,
-    /** Class grouping is enabled */
-    Yes = 1,
-    /** Class grouping is enabled and grouping node shows grouped items count */
-    YesWithCounts = 2
-}
-/**
- * Data structure that describes info used to filter visibility tree.
- * @public
- */
-export interface VisibilityTreeFilterInfo {
-    filter: string;
-    activeMatchIndex?: number;
-}
-/**
- * Configuration for hierarchy levels. Setting it implies that hierarchy level filtering will be enabled.
- * @beta
- */
-export interface HierarchyLevelConfig {
-    isFilteringEnabled: true;
-    sizeLimit?: number;
-}
-/**
- * Base props for tree components.
- * @public
- */
-export interface BaseTreeProps extends TreeRendererBaseProps {
-    /** An iModel to pull data from. */
-    iModel: IModelConnection;
-    /** Width of the component. */
-    width: number;
-    /** Height of the component. */
-    height: number;
-    /** Selection mode in the tree. */
-    selectionMode?: SelectionMode;
-}
-/**
- * Base props for filterable tree components.
- * @public
- */
-export interface BaseFilterableTreeProps extends BaseTreeProps {
-    /** Information for tree filtering. */
-    filterInfo?: VisibilityTreeFilterInfo;
-    /** Callback invoked when tree is filtered. */
-    onFilterApplied?: (filteredDataProvider: IPresentationTreeDataProvider, matchesCount: number) => void;
-}
-//# sourceMappingURL=Types.d.ts.map

package/lib/cjs/components/trees/common/Types.js

@@ -1,21 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ClassGroupingOption = void 0;
-/**
- * An option of how class grouping should work in a component.
- * @public
- */
-var ClassGroupingOption;
-(function (ClassGroupingOption) {
-    /** Class grouping is disabled */
-    ClassGroupingOption[ClassGroupingOption["No"] = 0] = "No";
-    /** Class grouping is enabled */
-    ClassGroupingOption[ClassGroupingOption["Yes"] = 1] = "Yes";
-    /** Class grouping is enabled and grouping node shows grouped items count */
-    ClassGroupingOption[ClassGroupingOption["YesWithCounts"] = 2] = "YesWithCounts";
-})(ClassGroupingOption = exports.ClassGroupingOption || (exports.ClassGroupingOption = {}));
-//# sourceMappingURL=Types.js.map

package/lib/cjs/components/trees/common/Types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Types.js","sourceRoot":"","sources":["../../../../../src/components/trees/common/Types.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;;;AAOhG;;;GAGG;AACH,IAAY,mBAOX;AAPD,WAAY,mBAAmB;IAC7B,iCAAiC;IACjC,yDAAE,CAAA;IACF,gCAAgC;IAChC,2DAAG,CAAA;IACH,4EAA4E;IAC5E,+EAAa,CAAA;AACf,CAAC,EAPW,mBAAmB,GAAnB,2BAAmB,KAAnB,2BAAmB,QAO9B","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 type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { SelectionMode } from \"@itwin/components-react\";\nimport type { IPresentationTreeDataProvider } from \"@itwin/presentation-components\";\nimport type { TreeRendererBaseProps } from \"./TreeRenderer\";\n\n/**\n * An option of how class grouping should work in a component.\n * @public\n */\nexport enum ClassGroupingOption {\n  /** Class grouping is disabled */\n  No,\n  /** Class grouping is enabled */\n  Yes,\n  /** Class grouping is enabled and grouping node shows grouped items count */\n  YesWithCounts,\n}\n\n/**\n * Data structure that describes info used to filter visibility tree.\n * @public\n */\nexport interface VisibilityTreeFilterInfo {\n  filter: string;\n  activeMatchIndex?: number;\n}\n\n/**\n * Configuration for hierarchy levels. Setting it implies that hierarchy level filtering will be enabled.\n * @beta\n */\nexport interface HierarchyLevelConfig {\n  isFilteringEnabled: true;\n  sizeLimit?: number;\n}\n\n/**\n * Base props for tree components.\n * @public\n */\nexport interface BaseTreeProps extends TreeRendererBaseProps {\n  /** An iModel to pull data from. */\n  iModel: IModelConnection;\n  /** Width of the component. */\n  width: number;\n  /** Height of the component. */\n  height: number;\n  /** Selection mode in the tree. */\n  selectionMode?: SelectionMode;\n}\n\n/**\n * Base props for filterable tree components.\n * @public\n */\nexport interface BaseFilterableTreeProps extends BaseTreeProps {\n  /** Information for tree filtering. */\n  filterInfo?: VisibilityTreeFilterInfo;\n  /** Callback invoked when tree is filtered. */\n  onFilterApplied?: (filteredDataProvider: IPresentationTreeDataProvider, matchesCount: number) => void;\n}\n"]}

package/lib/cjs/components/trees/common/UseVisibilityTreeState.d.ts

@@ -1,43 +0,0 @@
-import { VisibilityTreeEventHandler } from "../VisibilityTreeEventHandler";
-import { ReportingTreeEventHandler } from "./ReportingTreeEventHandler";
-import type { IModelConnection } from "@itwin/core-frontend";
-import type { Ruleset } from "@itwin/presentation-common";
-import type { IFilteredPresentationTreeDataProvider, UsePresentationTreeStateProps } from "@itwin/presentation-components";
-import type { IVisibilityHandler, VisibilityTreeEventHandlerParams, VisibilityTreeSelectionPredicate } from "../VisibilityTreeEventHandler";
-import type { VisibilityTreeFilterInfo } from "./Types";
-import type { UsageTrackedFeatures } from "./UseFeatureReporting";
-/**
- * Props for [[useVisibilityTreeState]] hook.
- * @beta
- */
-export interface UseVisibilityTreeStateProps extends Omit<UsePresentationTreeStateProps<VisibilityTreeEventHandler>, "rulesetOrId"> {
-    /** iModel to pull data from. */
-    imodel: IModelConnection;
-    /** Presentation rules to use when pulling data from iModel. */
-    ruleset: Ruleset;
-    /** Visibility handler that will be used to determine tree node visibility or change it. */
-    visibilityHandler?: IVisibilityHandler;
-    /** Info about filter that should be applied on tree. */
-    filterInfo?: VisibilityTreeFilterInfo;
-    /** Callback that is invoked when filter is applied, changed or removed. */
-    onFilterChange?: (filteredDataProvider?: IFilteredPresentationTreeDataProvider, matchesCount?: number) => void;
-    /** Callback that is used to determine if node can be selected. If not provided all nodes are selectable. */
-    selectionPredicate?: VisibilityTreeSelectionPredicate;
-    /** Factory for custom `VisibilityTreeEventHandler`. Defaults to `VisibilityTreeEventHandler`. */
-    eventHandler?: (props: VisibilityTreeEventHandlerParams) => VisibilityTreeEventHandler;
-    /** The limit for how many items should be loaded for a single hierarchy level. */
-    hierarchyLevelSizeLimit?: number;
-    /** Callback called when a feature is used. */
-    reportUsage?: (props: {
-        featureId?: UsageTrackedFeatures;
-        reportInteraction: boolean;
-    }) => void;
-}
-/**
- * Custom hook for creating visibility tree component state.
- *
- * @returns `undefined` on first render cycle. On all other render cycles state is initialized and valid object is returned.
- * @beta
- */
-export declare function useVisibilityTreeState({ imodel, ruleset, filterInfo, onFilterChange, visibilityHandler, selectionPredicate, eventHandler, reportUsage, ...props }: UseVisibilityTreeStateProps): import("@itwin/presentation-components").UsePresentationTreeStateResult<VisibilityTreeEventHandler | ReportingTreeEventHandler> | undefined;
-//# sourceMappingURL=UseVisibilityTreeState.d.ts.map

package/lib/cjs/components/trees/common/UseVisibilityTreeState.js

@@ -1,49 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useVisibilityTreeState = void 0;
-const react_1 = require("react");
-const presentation_components_1 = require("@itwin/presentation-components");
-const VisibilityTreeEventHandler_1 = require("../VisibilityTreeEventHandler");
-const ReportingTreeEventHandler_1 = require("./ReportingTreeEventHandler");
-/**
- * Custom hook for creating visibility tree component state.
- *
- * @returns `undefined` on first render cycle. On all other render cycles state is initialized and valid object is returned.
- * @beta
- */
-function useVisibilityTreeState({ imodel, ruleset, filterInfo, onFilterChange, visibilityHandler, selectionPredicate, eventHandler, reportUsage, ...props }) {
-    const eventHandlerFactory = (0, react_1.useCallback)((params) => {
-        if (!visibilityHandler) {
-            return undefined;
-        }
-        const eventHandlerProps = {
-            nodeLoader: params.nodeLoader,
-            visibilityHandler,
-            selectionPredicate,
-        };
-        const handler = eventHandler ? eventHandler(eventHandlerProps) : new VisibilityTreeEventHandler_1.VisibilityTreeEventHandler(eventHandlerProps);
-        return reportUsage ? new ReportingTreeEventHandler_1.ReportingTreeEventHandler({ eventHandler: handler, reportUsage, nodeLoader: eventHandlerProps.nodeLoader }) : handler;
-    }, [visibilityHandler, selectionPredicate, eventHandler, reportUsage]);
-    const treeState = (0, presentation_components_1.usePresentationTreeState)({
-        ...props,
-        imodel,
-        ruleset,
-        eventHandlerFactory,
-        filteringParams: filterInfo?.filter
-            ? {
-                filter: filterInfo.filter,
-                activeMatchIndex: filterInfo?.activeMatchIndex,
-            }
-            : undefined,
-    });
-    (0, react_1.useEffect)(() => {
-        onFilterChange && onFilterChange(treeState?.filteringResult?.filteredProvider, treeState?.filteringResult?.matchesCount);
-    }, [treeState?.filteringResult?.matchesCount, treeState?.filteringResult?.filteredProvider, onFilterChange]);
-    return treeState;
-}
-exports.useVisibilityTreeState = useVisibilityTreeState;
-//# sourceMappingURL=UseVisibilityTreeState.js.map

package/lib/cjs/components/trees/common/UseVisibilityTreeState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"UseVisibilityTreeState.js","sourceRoot":"","sources":["../../../../../src/components/trees/common/UseVisibilityTreeState.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;;;AAEhG,iCAA+C;AAC/C,4EAA0E;AAC1E,8EAA2E;AAC3E,2EAAwE;AAiCxE;;;;;GAKG;AACH,SAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,OAAO,EACP,UAAU,EACV,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,YAAY,EACZ,WAAW,EACX,GAAG,KAAK,EACoB;IAC5B,MAAM,mBAAmB,GAAG,IAAA,mBAAW,EACrC,CAAC,MAAyC,EAAE,EAAE;QAC5C,IAAI,CAAC,iBAAiB,EAAE;YACtB,OAAO,SAAS,CAAC;SAClB;QAED,MAAM,iBAAiB,GAAqC;YAC1D,UAAU,EAAE,MAAM,CAAC,UAAU;YAC7B,iBAAiB;YACjB,kBAAkB;SACnB,CAAC;QAEF,MAAM,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,IAAI,uDAA0B,CAAC,iBAAiB,CAAC,CAAC;QACnH,OAAO,WAAW,CAAC,CAAC,CAAC,IAAI,qDAAyB,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,WAAW,EAAE,UAAU,EAAE,iBAAiB,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC;IACjJ,CAAC,EACD,CAAC,iBAAiB,EAAE,kBAAkB,EAAE,YAAY,EAAE,WAAW,CAAC,CACnE,CAAC;IAEF,MAAM,SAAS,GAAG,IAAA,kDAAwB,EAAC;QACzC,GAAG,KAAK;QACR,MAAM;QACN,OAAO;QACP,mBAAmB;QACnB,eAAe,EAAE,UAAU,EAAE,MAAM;YACjC,CAAC,CAAC;gBACE,MAAM,EAAE,UAAU,CAAC,MAAM;gBACzB,gBAAgB,EAAE,UAAU,EAAE,gBAAgB;aAC/C;YACH,CAAC,CAAC,SAAS;KACd,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,cAAc,IAAI,cAAc,CAAC,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,SAAS,EAAE,eAAe,EAAE,YAAY,CAAC,CAAC;IAC3H,CAAC,EAAE,CAAC,SAAS,EAAE,eAAe,EAAE,YAAY,EAAE,SAAS,EAAE,eAAe,EAAE,gBAAgB,EAAE,cAAc,CAAC,CAAC,CAAC;IAE7G,OAAO,SAAS,CAAC;AACnB,CAAC;AA/CD,wDA+CC","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 { useCallback, useEffect } from \"react\";\nimport { usePresentationTreeState } from \"@itwin/presentation-components\";\nimport { VisibilityTreeEventHandler } from \"../VisibilityTreeEventHandler\";\nimport { ReportingTreeEventHandler } from \"./ReportingTreeEventHandler\";\n\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { Ruleset } from \"@itwin/presentation-common\";\nimport type { IFilteredPresentationTreeDataProvider, PresentationTreeEventHandlerProps, UsePresentationTreeStateProps } from \"@itwin/presentation-components\";\nimport type { IVisibilityHandler, VisibilityTreeEventHandlerParams, VisibilityTreeSelectionPredicate } from \"../VisibilityTreeEventHandler\";\nimport type { VisibilityTreeFilterInfo } from \"./Types\";\nimport type { UsageTrackedFeatures } from \"./UseFeatureReporting\";\n/**\n * Props for [[useVisibilityTreeState]] hook.\n * @beta\n */\nexport interface UseVisibilityTreeStateProps extends Omit<UsePresentationTreeStateProps<VisibilityTreeEventHandler>, \"rulesetOrId\"> {\n  /** iModel to pull data from. */\n  imodel: IModelConnection;\n  /** Presentation rules to use when pulling data from iModel. */\n  ruleset: Ruleset;\n  /** Visibility handler that will be used to determine tree node visibility or change it. */\n  visibilityHandler?: IVisibilityHandler;\n  /** Info about filter that should be applied on tree. */\n  filterInfo?: VisibilityTreeFilterInfo;\n  /** Callback that is invoked when filter is applied, changed or removed. */\n  onFilterChange?: (filteredDataProvider?: IFilteredPresentationTreeDataProvider, matchesCount?: number) => void;\n  /** Callback that is used to determine if node can be selected. If not provided all nodes are selectable. */\n  selectionPredicate?: VisibilityTreeSelectionPredicate;\n  /** Factory for custom `VisibilityTreeEventHandler`. Defaults to `VisibilityTreeEventHandler`. */\n  eventHandler?: (props: VisibilityTreeEventHandlerParams) => VisibilityTreeEventHandler;\n  /** The limit for how many items should be loaded for a single hierarchy level. */\n  hierarchyLevelSizeLimit?: number;\n  /** Callback called when a feature is used. */\n  reportUsage?: (props: { featureId?: UsageTrackedFeatures; reportInteraction: boolean }) => void;\n}\n\n/**\n * Custom hook for creating visibility tree component state.\n *\n * @returns `undefined` on first render cycle. On all other render cycles state is initialized and valid object is returned.\n * @beta\n */\nexport function useVisibilityTreeState({\n  imodel,\n  ruleset,\n  filterInfo,\n  onFilterChange,\n  visibilityHandler,\n  selectionPredicate,\n  eventHandler,\n  reportUsage,\n  ...props\n}: UseVisibilityTreeStateProps) {\n  const eventHandlerFactory = useCallback(\n    (params: PresentationTreeEventHandlerProps) => {\n      if (!visibilityHandler) {\n        return undefined;\n      }\n\n      const eventHandlerProps: VisibilityTreeEventHandlerParams = {\n        nodeLoader: params.nodeLoader,\n        visibilityHandler,\n        selectionPredicate,\n      };\n\n      const handler = eventHandler ? eventHandler(eventHandlerProps) : new VisibilityTreeEventHandler(eventHandlerProps);\n      return reportUsage ? new ReportingTreeEventHandler({ eventHandler: handler, reportUsage, nodeLoader: eventHandlerProps.nodeLoader }) : handler;\n    },\n    [visibilityHandler, selectionPredicate, eventHandler, reportUsage],\n  );\n\n  const treeState = usePresentationTreeState({\n    ...props,\n    imodel,\n    ruleset,\n    eventHandlerFactory,\n    filteringParams: filterInfo?.filter\n      ? {\n          filter: filterInfo.filter,\n          activeMatchIndex: filterInfo?.activeMatchIndex,\n        }\n      : undefined,\n  });\n\n  useEffect(() => {\n    onFilterChange && onFilterChange(treeState?.filteringResult?.filteredProvider, treeState?.filteringResult?.matchesCount);\n  }, [treeState?.filteringResult?.matchesCount, treeState?.filteringResult?.filteredProvider, onFilterChange]);\n\n  return treeState;\n}\n"]}