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

package/lib/cjs/components/trees/stateless/common/UseMultiCheckboxHandler.js

@@ -0,0 +1,34 @@
+"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.useMultiCheckboxHandler = void 0;
+const presentation_hierarchies_react_1 = require("@itwin/presentation-hierarchies-react");
+/** @internal */
+function useMultiCheckboxHandler({ rootNodes, isNodeSelected, onClick }) {
+    const clickSelectedNodes = (nodes, checked) => {
+        nodes.forEach((node) => {
+            if (!(0, presentation_hierarchies_react_1.isPresentationHierarchyNode)(node)) {
+                return;
+            }
+            if (isNodeSelected(node.id)) {
+                onClick(node, checked);
+            }
+            if (node.isExpanded && typeof node.children !== "boolean") {
+                clickSelectedNodes(node.children, checked);
+            }
+        });
+    };
+    const onCheckboxClicked = (node, checked) => {
+        if (!isNodeSelected(node.id)) {
+            onClick(node, checked);
+            return;
+        }
+        rootNodes && clickSelectedNodes(rootNodes, checked);
+    };
+    return { onCheckboxClicked };
+}
+exports.useMultiCheckboxHandler = useMultiCheckboxHandler;
+//# sourceMappingURL=UseMultiCheckboxHandler.js.map

package/lib/cjs/components/trees/stateless/common/UseMultiCheckboxHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseMultiCheckboxHandler.js","sourceRoot":"","sources":["../../../../../../src/components/trees/stateless/common/UseMultiCheckboxHandler.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;;;AAEhG,0FAAoF;AAcpF,gBAAgB;AAChB,SAAgB,uBAAuB,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAgC;IAC1G,MAAM,kBAAkB,GAAG,CAAC,KAAkC,EAAE,OAAgB,EAAE,EAAE;QAClF,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,IAAI,CAAC,IAAA,4DAA2B,EAAC,IAAI,CAAC,EAAE;gBACtC,OAAO;aACR;YACD,IAAI,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;gBAC3B,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;aACxB;YACD,IAAI,IAAI,CAAC,UAAU,IAAI,OAAO,IAAI,CAAC,QAAQ,KAAK,SAAS,EAAE;gBACzD,kBAAkB,CAAC,IAAI,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;aAC5C;QACH,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,IAA+B,EAAE,OAAgB,EAAE,EAAE;QAC9E,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,EAAE;YAC5B,OAAO,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;YACvB,OAAO;SACR;QACD,SAAS,IAAI,kBAAkB,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC;IACtD,CAAC,CAAC;IAEF,OAAO,EAAE,iBAAiB,EAAE,CAAC;AAC/B,CAAC;AAxBD,0DAwBC","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 { isPresentationHierarchyNode } from \"@itwin/presentation-hierarchies-react\";\n\nimport type { PresentationHierarchyNode, PresentationTreeNode } from \"@itwin/presentation-hierarchies-react\";\n\ninterface UseMultiCheckboxHandlerProps {\n  rootNodes: PresentationTreeNode[] | undefined;\n  isNodeSelected: (nodeId: string) => boolean;\n  onClick: (node: PresentationHierarchyNode, checked: boolean) => void;\n}\n\ninterface UseMultiCheckboxHandlerResult {\n  onCheckboxClicked: (node: PresentationHierarchyNode, checked: boolean) => void;\n}\n\n/** @internal */\nexport function useMultiCheckboxHandler({ rootNodes, isNodeSelected, onClick }: UseMultiCheckboxHandlerProps): UseMultiCheckboxHandlerResult {\n  const clickSelectedNodes = (nodes: Array<PresentationTreeNode>, checked: boolean) => {\n    nodes.forEach((node) => {\n      if (!isPresentationHierarchyNode(node)) {\n        return;\n      }\n      if (isNodeSelected(node.id)) {\n        onClick(node, checked);\n      }\n      if (node.isExpanded && typeof node.children !== \"boolean\") {\n        clickSelectedNodes(node.children, checked);\n      }\n    });\n  };\n\n  const onCheckboxClicked = (node: PresentationHierarchyNode, checked: boolean) => {\n    if (!isNodeSelected(node.id)) {\n      onClick(node, checked);\n      return;\n    }\n    rootNodes && clickSelectedNodes(rootNodes, checked);\n  };\n\n  return { onCheckboxClicked };\n}\n"]}

package/lib/cjs/components/trees/stateless/common/Utils.d.ts

@@ -0,0 +1,3 @@
+/** @internal */
+export declare function createIdsSelector(ids: string[]): string;
+//# sourceMappingURL=Utils.d.ts.map

package/lib/cjs/components/trees/stateless/common/Utils.js

@@ -0,0 +1,23 @@
+"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.createIdsSelector = void 0;
+/** @internal */
+function createIdsSelector(ids) {
+    // Note: `json_array` function only accepts up to 127 arguments and we may have more `ids` than that. As a workaround,
+    // we're creating an array of arrays
+    const slices = new Array();
+    for (let sliceStartIndex = 0; sliceStartIndex < ids.length; sliceStartIndex += 127) {
+        let sliceEndIndex = sliceStartIndex + 127;
+        if (sliceEndIndex > ids.length) {
+            sliceEndIndex = undefined;
+        }
+        slices.push(ids.slice(sliceStartIndex, sliceEndIndex));
+    }
+    return `json_array(${slices.map((sliceIds) => `json_array(${sliceIds.map((id) => `'${id}'`).join(",")})`).join(",")})`;
+}
+exports.createIdsSelector = createIdsSelector;
+//# sourceMappingURL=Utils.js.map

package/lib/cjs/components/trees/stateless/common/Utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Utils.js","sourceRoot":"","sources":["../../../../../../src/components/trees/stateless/common/Utils.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;;;AAIhG,gBAAgB;AAChB,SAAgB,iBAAiB,CAAC,GAAa;IAC7C,sHAAsH;IACtH,oCAAoC;IACpC,MAAM,MAAM,GAAG,IAAI,KAAK,EAAgB,CAAC;IACzC,KAAK,IAAI,eAAe,GAAG,CAAC,EAAE,eAAe,GAAG,GAAG,CAAC,MAAM,EAAE,eAAe,IAAI,GAAG,EAAE;QAClF,IAAI,aAAa,GAAuB,eAAe,GAAG,GAAG,CAAC;QAC9D,IAAI,aAAa,GAAG,GAAG,CAAC,MAAM,EAAE;YAC9B,aAAa,GAAG,SAAS,CAAC;SAC3B;QACD,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC,CAAC;KACxD;IACD,OAAO,cAAc,MAAM,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,cAAc,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC;AACzH,CAAC;AAZD,8CAYC","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 { Id64String } from \"@itwin/core-bentley\";\n\n/** @internal */\nexport function createIdsSelector(ids: string[]): string {\n  // Note: `json_array` function only accepts up to 127 arguments and we may have more `ids` than that. As a workaround,\n  // we're creating an array of arrays\n  const slices = new Array<Id64String[]>();\n  for (let sliceStartIndex = 0; sliceStartIndex < ids.length; sliceStartIndex += 127) {\n    let sliceEndIndex: number | undefined = sliceStartIndex + 127;\n    if (sliceEndIndex > ids.length) {\n      sliceEndIndex = undefined;\n    }\n    slices.push(ids.slice(sliceStartIndex, sliceEndIndex));\n  }\n  return `json_array(${slices.map((sliceIds) => `json_array(${sliceIds.map((id) => `'${id}'`).join(\",\")})`).join(\",\")})`;\n}\n"]}

package/lib/cjs/components/trees/stateless/common/components/Delayed.d.ts

@@ -0,0 +1,6 @@
+import type { PropsWithChildren } from "react";
+/** @internal */
+export declare function Delayed({ show, children }: PropsWithChildren<{
+    show: boolean;
+}>): JSX.Element | null;
+//# sourceMappingURL=Delayed.d.ts.map

package/lib/cjs/components/trees/stateless/common/components/Delayed.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Delayed = 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");
+/** @internal */
+function Delayed({ show, children }) {
+    const [visible, setVisible] = (0, react_1.useState)(false);
+    (0, react_1.useLayoutEffect)(() => {
+        if (!show) {
+            setVisible(false);
+            return;
+        }
+        const timer = setTimeout(() => {
+            setVisible(show);
+        }, 250);
+        return () => {
+            clearTimeout(timer);
+        };
+    }, [show]);
+    if (!visible) {
+        return null;
+    }
+    return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children });
+}
+exports.Delayed = Delayed;
+//# sourceMappingURL=Delayed.js.map

package/lib/cjs/components/trees/stateless/common/components/Delayed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Delayed.js","sourceRoot":"","sources":["../../../../../../../src/components/trees/stateless/common/components/Delayed.tsx"],"names":[],"mappings":";;;;AAAA;;;gGAGgG;AAEhG,iCAAkD;AAIlD,gBAAgB;AAChB,SAAgB,OAAO,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAwC;IAC9E,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAE9C,IAAA,uBAAe,EAAC,GAAG,EAAE;QACnB,IAAI,CAAC,IAAI,EAAE;YACT,UAAU,CAAC,KAAK,CAAC,CAAC;YAClB,OAAO;SACR;QAED,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;YAC5B,UAAU,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC,EAAE,GAAG,CAAC,CAAC;QACR,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,IAAI,CAAC;KACb;IAED,OAAO,2DAAG,QAAQ,GAAI,CAAC;AACzB,CAAC;AAtBD,0BAsBC","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 { useLayoutEffect, useState } from \"react\";\n\nimport type { PropsWithChildren } from \"react\";\n\n/** @internal */\nexport function Delayed({ show, children }: PropsWithChildren<{ show: boolean }>) {\n  const [visible, setVisible] = useState(false);\n\n  useLayoutEffect(() => {\n    if (!show) {\n      setVisible(false);\n      return;\n    }\n\n    const timer = setTimeout(() => {\n      setVisible(show);\n    }, 250);\n    return () => {\n      clearTimeout(timer);\n    };\n  }, [show]);\n\n  if (!visible) {\n    return null;\n  }\n\n  return <>{children}</>;\n}\n"]}

package/lib/cjs/components/trees/stateless/common/components/FilterableTree.d.ts

@@ -0,0 +1,23 @@
+import type { ReactElement, ReactNode } from "react";
+import type { IModelConnection } from "@itwin/core-frontend";
+import type { SchemaContext } from "@itwin/ecschema-metadata";
+import type { PresentationHierarchyNode, useSelectionHandler, useTree } from "@itwin/presentation-hierarchies-react";
+interface FilterableTreeOwnProps {
+    imodel: IModelConnection;
+    getSchemaContext: (imodel: IModelConnection) => SchemaContext;
+    height: number;
+    width: number;
+    treeName: string;
+    hierarchyLevelSizeLimit?: number;
+    getIcon?: (node: PresentationHierarchyNode) => ReactElement | undefined;
+    getSublabel?: (node: PresentationHierarchyNode) => ReactElement | undefined;
+    density?: "default" | "enlarged";
+    noDataMessage?: ReactNode;
+}
+type UseTreeProps = Parameters<typeof useTree>[0];
+type UseSelectionHandlerProps = Parameters<typeof useSelectionHandler>[0];
+type FilterableTreeProps = FilterableTreeOwnProps & Pick<UseTreeProps, "getFilteredPaths" | "getHierarchyDefinition" | "onPerformanceMeasured"> & Pick<Partial<UseSelectionHandlerProps>, "selectionMode">;
+/** @internal */
+export declare function FilterableTree({ imodel, getSchemaContext, hierarchyLevelSizeLimit, ...props }: FilterableTreeProps): JSX.Element | null;
+export {};
+//# sourceMappingURL=FilterableTree.d.ts.map

package/lib/cjs/components/trees/stateless/common/components/FilterableTree.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FilterableTree = 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 itwinui_react_1 = require("@itwin/itwinui-react");
+const presentation_core_interop_1 = require("@itwin/presentation-core-interop");
+const presentation_hierarchies_1 = require("@itwin/presentation-hierarchies");
+const presentation_hierarchies_react_1 = require("@itwin/presentation-hierarchies-react");
+const presentation_shared_1 = require("@itwin/presentation-shared");
+const TreeWidget_1 = require("../../../../../TreeWidget");
+const UseHierarchiesLocalization_1 = require("../UseHierarchiesLocalization");
+const UseHierarchyFiltering_1 = require("../UseHierarchyFiltering");
+const Delayed_1 = require("./Delayed");
+const ProgressOverlay_1 = require("./ProgressOverlay");
+/** @internal */
+function FilterableTree({ imodel, getSchemaContext, hierarchyLevelSizeLimit, ...props }) {
+    const [imodelAccess, setIModelAccess] = (0, react_1.useState)();
+    const defaultHierarchyLevelSizeLimit = hierarchyLevelSizeLimit ?? 1000;
+    (0, react_1.useEffect)(() => {
+        const schemas = getSchemaContext(imodel);
+        const schemaProvider = (0, presentation_core_interop_1.createECSchemaProvider)(schemas);
+        setIModelAccess({
+            ...schemaProvider,
+            ...(0, presentation_shared_1.createCachingECClassHierarchyInspector)({ schemaProvider }),
+            ...(0, presentation_hierarchies_1.createLimitingECSqlQueryExecutor)((0, presentation_core_interop_1.createECSqlQueryExecutor)(imodel), 1000),
+        });
+    }, [imodel, getSchemaContext]);
+    if (!imodelAccess) {
+        return null;
+    }
+    return (0, jsx_runtime_1.jsx)(FilterableTreeRenderer, { ...props, imodel: imodel, imodelAccess: imodelAccess, defaultHierarchyLevelSizeLimit: defaultHierarchyLevelSizeLimit });
+}
+exports.FilterableTree = FilterableTree;
+/** @internal */
+function FilterableTreeRenderer({ imodel, imodelAccess, height, width, treeName, getIcon, getSublabel, noDataMessage, defaultHierarchyLevelSizeLimit, getHierarchyDefinition, selectionMode, onPerformanceMeasured, }) {
+    const localizedStrings = (0, UseHierarchiesLocalization_1.useHierarchiesLocalization)();
+    const { rootNodes, isLoading, reloadTree: _reloadTree, setFormatter: _setFormatter, ...treeProps } = (0, presentation_hierarchies_react_1.useUnifiedSelectionTree)({
+        imodelKey: imodel.key,
+        sourceName: treeName,
+        imodelAccess,
+        getHierarchyDefinition,
+        onPerformanceMeasured,
+        localizedStrings,
+    });
+    const { filteringDialog, onFilterClick } = (0, UseHierarchyFiltering_1.useHierarchyLevelFiltering)({
+        imodel,
+        getHierarchyLevelDetails: treeProps.getHierarchyLevelDetails,
+        defaultHierarchyLevelSizeLimit,
+    });
+    const renderContent = () => {
+        if (rootNodes === undefined) {
+            return ((0, jsx_runtime_1.jsx)(itwinui_react_1.Flex, { alignItems: "center", justifyContent: "center", flexDirection: "column", style: { width, height }, children: (0, jsx_runtime_1.jsx)(Delayed_1.Delayed, { show: true, children: (0, jsx_runtime_1.jsx)(itwinui_react_1.ProgressRadial, { size: "large" }) }) }));
+        }
+        if ((rootNodes.length === 0 && !isLoading) || (rootNodes.length === 1 && !(0, presentation_hierarchies_react_1.isPresentationHierarchyNode)(rootNodes[0]) && rootNodes[0].type === "Unknown")) {
+            return ((0, jsx_runtime_1.jsx)(itwinui_react_1.Flex, { alignItems: "center", justifyContent: "center", flexDirection: "column", style: { width, height }, children: noDataMessage ? noDataMessage : (0, jsx_runtime_1.jsx)(itwinui_react_1.Text, { children: TreeWidget_1.TreeWidget.translate("stateless.dataIsNotAvailable") }) }));
+        }
+        return ((0, jsx_runtime_1.jsx)(itwinui_react_1.Flex.Item, { alignSelf: "flex-start", style: { width: "100%", overflow: "auto" }, children: (0, jsx_runtime_1.jsx)(presentation_hierarchies_react_1.TreeRenderer, { rootNodes: rootNodes, ...treeProps, onFilterClick: onFilterClick, getIcon: getIcon, getSublabel: getSublabel, selectionMode: selectionMode, localizedStrings: localizedStrings }) }));
+    };
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { position: "relative", height, overflow: "hidden" }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { overflow: "auto", height: "100%" }, children: [renderContent(), filteringDialog] }), (0, jsx_runtime_1.jsx)(Delayed_1.Delayed, { show: isLoading && !!rootNodes, children: (0, jsx_runtime_1.jsx)(ProgressOverlay_1.ProgressOverlay, {}) })] }));
+}
+//# sourceMappingURL=FilterableTree.js.map

package/lib/cjs/components/trees/stateless/common/components/FilterableTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterableTree.js","sourceRoot":"","sources":["../../../../../../../src/components/trees/stateless/common/components/FilterableTree.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 { useEffect, useState } from \"react\";\nimport { Flex, ProgressRadial, Text } from \"@itwin/itwinui-react\";\nimport { createECSchemaProvider, createECSqlQueryExecutor } from \"@itwin/presentation-core-interop\";\nimport { createLimitingECSqlQueryExecutor } from \"@itwin/presentation-hierarchies\";\nimport { isPresentationHierarchyNode, TreeRenderer, useUnifiedSelectionTree } from \"@itwin/presentation-hierarchies-react\";\nimport { createCachingECClassHierarchyInspector } from \"@itwin/presentation-shared\";\nimport { TreeWidget } from \"../../../../../TreeWidget\";\nimport { useHierarchiesLocalization } from \"../UseHierarchiesLocalization\";\nimport { useHierarchyLevelFiltering } from \"../UseHierarchyFiltering\";\nimport { Delayed } from \"./Delayed\";\nimport { ProgressOverlay } from \"./ProgressOverlay\";\n\nimport type { ReactElement, ReactNode } from \"react\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { SchemaContext } from \"@itwin/ecschema-metadata\";\nimport type { PresentationHierarchyNode, useSelectionHandler, useTree } from \"@itwin/presentation-hierarchies-react\";\n\ninterface FilterableTreeOwnProps {\n  imodel: IModelConnection;\n  getSchemaContext: (imodel: IModelConnection) => SchemaContext;\n  height: number;\n  width: number;\n  treeName: string;\n  hierarchyLevelSizeLimit?: number;\n  getIcon?: (node: PresentationHierarchyNode) => ReactElement | undefined;\n  getSublabel?: (node: PresentationHierarchyNode) => ReactElement | undefined;\n  density?: \"default\" | \"enlarged\";\n  noDataMessage?: ReactNode;\n}\n\ntype UseTreeProps = Parameters<typeof useTree>[0];\ntype UseSelectionHandlerProps = Parameters<typeof useSelectionHandler>[0];\ntype IModelAccess = UseTreeProps[\"imodelAccess\"];\n\ntype FilterableTreeProps = FilterableTreeOwnProps &\n  Pick<UseTreeProps, \"getFilteredPaths\" | \"getHierarchyDefinition\" | \"onPerformanceMeasured\"> &\n  Pick<Partial<UseSelectionHandlerProps>, \"selectionMode\">;\n\n/** @internal */\nexport function FilterableTree({ imodel, getSchemaContext, hierarchyLevelSizeLimit, ...props }: FilterableTreeProps) {\n  const [imodelAccess, setIModelAccess] = useState<IModelAccess>();\n  const defaultHierarchyLevelSizeLimit = hierarchyLevelSizeLimit ?? 1000;\n\n  useEffect(() => {\n    const schemas = getSchemaContext(imodel);\n    const schemaProvider = createECSchemaProvider(schemas);\n    setIModelAccess({\n      ...schemaProvider,\n      ...createCachingECClassHierarchyInspector({ schemaProvider }),\n      ...createLimitingECSqlQueryExecutor(createECSqlQueryExecutor(imodel), 1000),\n    });\n  }, [imodel, getSchemaContext]);\n\n  if (!imodelAccess) {\n    return null;\n  }\n\n  return <FilterableTreeRenderer {...props} imodel={imodel} imodelAccess={imodelAccess} defaultHierarchyLevelSizeLimit={defaultHierarchyLevelSizeLimit} />;\n}\n\n/** @internal */\nfunction FilterableTreeRenderer({\n  imodel,\n  imodelAccess,\n  height,\n  width,\n  treeName,\n  getIcon,\n  getSublabel,\n  noDataMessage,\n  defaultHierarchyLevelSizeLimit,\n  getHierarchyDefinition,\n  selectionMode,\n  onPerformanceMeasured,\n}: Omit<FilterableTreeProps, \"getSchemaContext\"> & { imodelAccess: IModelAccess; defaultHierarchyLevelSizeLimit: number }) {\n  const localizedStrings = useHierarchiesLocalization();\n  const {\n    rootNodes,\n    isLoading,\n    reloadTree: _reloadTree,\n    setFormatter: _setFormatter,\n    ...treeProps\n  } = useUnifiedSelectionTree({\n    imodelKey: imodel.key,\n    sourceName: treeName,\n    imodelAccess,\n    getHierarchyDefinition,\n    onPerformanceMeasured,\n    localizedStrings,\n  });\n\n  const { filteringDialog, onFilterClick } = useHierarchyLevelFiltering({\n    imodel,\n    getHierarchyLevelDetails: treeProps.getHierarchyLevelDetails,\n    defaultHierarchyLevelSizeLimit,\n  });\n\n  const renderContent = () => {\n    if (rootNodes === undefined) {\n      return (\n        <Flex alignItems=\"center\" justifyContent=\"center\" flexDirection=\"column\" style={{ width, height }}>\n          <Delayed show={true}>\n            <ProgressRadial size=\"large\" />\n          </Delayed>\n        </Flex>\n      );\n    }\n\n    if ((rootNodes.length === 0 && !isLoading) || (rootNodes.length === 1 && !isPresentationHierarchyNode(rootNodes[0]) && rootNodes[0].type === \"Unknown\")) {\n      return (\n        <Flex alignItems=\"center\" justifyContent=\"center\" flexDirection=\"column\" style={{ width, height }}>\n          {noDataMessage ? noDataMessage : <Text>{TreeWidget.translate(\"stateless.dataIsNotAvailable\")}</Text>}\n        </Flex>\n      );\n    }\n\n    return (\n      <Flex.Item alignSelf=\"flex-start\" style={{ width: \"100%\", overflow: \"auto\" }}>\n        <TreeRenderer\n          rootNodes={rootNodes}\n          {...treeProps}\n          onFilterClick={onFilterClick}\n          getIcon={getIcon}\n          getSublabel={getSublabel}\n          selectionMode={selectionMode}\n          localizedStrings={localizedStrings}\n        />\n      </Flex.Item>\n    );\n  };\n\n  return (\n    <div style={{ position: \"relative\", height, overflow: \"hidden\" }}>\n      <div style={{ overflow: \"auto\", height: \"100%\" }}>\n        {renderContent()}\n        {filteringDialog}\n      </div>\n      <Delayed show={isLoading && !!rootNodes}>\n        <ProgressOverlay />\n      </Delayed>\n    </div>\n  );\n}\n"]}

package/lib/cjs/components/trees/stateless/common/components/ProgressOverlay.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import "./ProgressOverlay.scss";
+/** @internal */
+export declare function ProgressOverlay(): JSX.Element;
+//# sourceMappingURL=ProgressOverlay.d.ts.map

package/lib/cjs/components/trees/stateless/common/components/ProgressOverlay.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressOverlay = 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("./ProgressOverlay.scss");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+/** @internal */
+function ProgressOverlay() {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: "tw-progress-overlay-container", children: [(0, jsx_runtime_1.jsx)(itwinui_react_1.ProgressLinear, { indeterminate: true }), (0, jsx_runtime_1.jsx)("div", { className: "tw-progress-overlay-backdrop" })] }));
+}
+exports.ProgressOverlay = ProgressOverlay;
+//# sourceMappingURL=ProgressOverlay.js.map

package/lib/cjs/components/trees/stateless/common/components/ProgressOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressOverlay.js","sourceRoot":"","sources":["../../../../../../../src/components/trees/stateless/common/components/ProgressOverlay.tsx"],"names":[],"mappings":";;;;AAAA;;;gGAGgG;AAEhG,kCAAgC;AAChC,wDAAsD;AAEtD,gBAAgB;AAChB,SAAgB,eAAe;IAC7B,OAAO,CACL,iCAAK,SAAS,EAAC,+BAA+B,aAC5C,uBAAC,8BAAc,IAAC,aAAa,SAAG,EAChC,gCAAK,SAAS,EAAC,8BAA8B,GAAG,IAC5C,CACP,CAAC;AACJ,CAAC;AAPD,0CAOC","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 \"./ProgressOverlay.scss\";\nimport { ProgressLinear } from \"@itwin/itwinui-react\";\n\n/** @internal */\nexport function ProgressOverlay() {\n  return (\n    <div className=\"tw-progress-overlay-container\">\n      <ProgressLinear indeterminate />\n      <div className=\"tw-progress-overlay-backdrop\" />\n    </div>\n  );\n}\n"]}

package/lib/cjs/components/trees/stateless/common/components/ProgressOverlay.scss

@@ -0,0 +1,21 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+.tw-progress-overlay-container {
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 1;
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+
+  .tw-progress-overlay-backdrop {
+    opacity: 0.5;
+    background-color: var(--iui-color-background-backdrop);
+    height: 100%;
+    width: 100%;
+  }
+}

package/lib/cjs/components/trees/stateless/common/components/VisibilityTree.d.ts

@@ -0,0 +1,26 @@
+import { useSelectionHandler } from "@itwin/presentation-hierarchies-react";
+import { useHierarchyVisibility } from "../UseHierarchyVisibility";
+import type { ReactElement, ReactNode } from "react";
+import type { IModelConnection } from "@itwin/core-frontend";
+import type { SchemaContext } from "@itwin/ecschema-metadata";
+import type { PresentationHierarchyNode, useTree } from "@itwin/presentation-hierarchies-react";
+interface VisibilityTreeOwnProps {
+    imodel: IModelConnection;
+    getSchemaContext: (imodel: IModelConnection) => SchemaContext;
+    height: number;
+    width: number;
+    treeName: string;
+    hierarchyLevelSizeLimit?: number;
+    getIcon?: (node: PresentationHierarchyNode) => ReactElement | undefined;
+    getSublabel?: (node: PresentationHierarchyNode) => ReactElement | undefined;
+    density?: "default" | "enlarged";
+    noDataMessage?: ReactNode;
+}
+type UseTreeProps = Parameters<typeof useTree>[0];
+type UseHierarchyVisibilityProps = Parameters<typeof useHierarchyVisibility>[0];
+type UseSelectionHandlerProps = Parameters<typeof useSelectionHandler>[0];
+type VisibilityTreeProps = VisibilityTreeOwnProps & Pick<UseTreeProps, "getFilteredPaths" | "getHierarchyDefinition" | "onPerformanceMeasured"> & UseHierarchyVisibilityProps & Pick<Partial<UseSelectionHandlerProps>, "selectionMode">;
+/** @internal */
+export declare function VisibilityTree({ imodel, getSchemaContext, hierarchyLevelSizeLimit, ...props }: VisibilityTreeProps): JSX.Element | null;
+export {};
+//# sourceMappingURL=VisibilityTree.d.ts.map

package/lib/cjs/components/trees/stateless/common/components/VisibilityTree.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VisibilityTree = 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 itwinui_react_1 = require("@itwin/itwinui-react");
+const presentation_core_interop_1 = require("@itwin/presentation-core-interop");
+const presentation_hierarchies_1 = require("@itwin/presentation-hierarchies");
+const presentation_hierarchies_react_1 = require("@itwin/presentation-hierarchies-react");
+const presentation_shared_1 = require("@itwin/presentation-shared");
+const TreeWidget_1 = require("../../../../../TreeWidget");
+const UseHierarchiesLocalization_1 = require("../UseHierarchiesLocalization");
+const UseHierarchyFiltering_1 = require("../UseHierarchyFiltering");
+const UseHierarchyVisibility_1 = require("../UseHierarchyVisibility");
+const UseMultiCheckboxHandler_1 = require("../UseMultiCheckboxHandler");
+const Delayed_1 = require("./Delayed");
+const ProgressOverlay_1 = require("./ProgressOverlay");
+const VisibilityTreeRenderer_1 = require("./VisibilityTreeRenderer");
+/** @internal */
+function VisibilityTree({ imodel, getSchemaContext, hierarchyLevelSizeLimit, ...props }) {
+    const [imodelAccess, setImodelAccess] = (0, react_1.useState)();
+    const defaultHierarchyLevelSizeLimit = hierarchyLevelSizeLimit ?? 1000;
+    (0, react_1.useEffect)(() => {
+        const schemaProvider = (0, presentation_core_interop_1.createECSchemaProvider)(getSchemaContext(imodel));
+        setImodelAccess({
+            ...(0, presentation_hierarchies_1.createLimitingECSqlQueryExecutor)((0, presentation_core_interop_1.createECSqlQueryExecutor)(imodel), defaultHierarchyLevelSizeLimit),
+            ...schemaProvider,
+            ...(0, presentation_shared_1.createCachingECClassHierarchyInspector)({ schemaProvider }),
+        });
+    }, [imodel, getSchemaContext, defaultHierarchyLevelSizeLimit]);
+    if (!imodelAccess) {
+        return null;
+    }
+    return (0, jsx_runtime_1.jsx)(VisibilityTreeImpl, { ...props, imodel: imodel, imodelAccess: imodelAccess, defaultHierarchyLevelSizeLimit: defaultHierarchyLevelSizeLimit });
+}
+exports.VisibilityTree = VisibilityTree;
+function VisibilityTreeImpl({ height, width, imodel, imodelAccess, getHierarchyDefinition, getFilteredPaths, visibilityHandlerFactory, defaultHierarchyLevelSizeLimit, noDataMessage, treeName, getIcon, getSublabel, density, selectionMode, onPerformanceMeasured, }) {
+    const localizedStrings = (0, UseHierarchiesLocalization_1.useHierarchiesLocalization)();
+    const { rootNodes, isLoading, reloadTree: _reloadTree, selectNodes, setFormatter: _setFormatter, ...treeProps } = (0, presentation_hierarchies_react_1.useUnifiedSelectionTree)({
+        imodelAccess,
+        getHierarchyDefinition,
+        getFilteredPaths,
+        imodelKey: imodel.key,
+        sourceName: treeName,
+        onPerformanceMeasured,
+        localizedStrings,
+    });
+    const { onNodeClick, onNodeKeyDown } = (0, presentation_hierarchies_react_1.useSelectionHandler)({ rootNodes, selectNodes, selectionMode: selectionMode ?? "single" });
+    const { getCheckboxStatus, onCheckboxClicked: onClick } = (0, UseHierarchyVisibility_1.useHierarchyVisibility)({ visibilityHandlerFactory });
+    const { onCheckboxClicked } = (0, UseMultiCheckboxHandler_1.useMultiCheckboxHandler)({ rootNodes, isNodeSelected: treeProps.isNodeSelected, onClick });
+    const { filteringDialog, onFilterClick } = (0, UseHierarchyFiltering_1.useHierarchyLevelFiltering)({
+        imodel,
+        getHierarchyLevelDetails: treeProps.getHierarchyLevelDetails,
+        defaultHierarchyLevelSizeLimit,
+    });
+    if (rootNodes === undefined) {
+        return ((0, jsx_runtime_1.jsx)(itwinui_react_1.Flex, { alignItems: "center", justifyContent: "center", flexDirection: "column", style: { width, height }, children: (0, jsx_runtime_1.jsx)(Delayed_1.Delayed, { show: true, children: (0, jsx_runtime_1.jsx)(itwinui_react_1.ProgressRadial, { size: "large" }) }) }));
+    }
+    if (rootNodes.length === 0 && !isLoading) {
+        return ((0, jsx_runtime_1.jsx)(itwinui_react_1.Flex, { alignItems: "center", justifyContent: "center", flexDirection: "column", style: { width, height }, children: noDataMessage ? noDataMessage : (0, jsx_runtime_1.jsx)(itwinui_react_1.Text, { children: TreeWidget_1.TreeWidget.translate("stateless.dataIsNotAvailable") }) }));
+    }
+    return ((0, jsx_runtime_1.jsxs)("div", { style: { position: "relative", height, overflow: "hidden" }, children: [(0, jsx_runtime_1.jsxs)("div", { style: { overflow: "auto", height: "100%" }, children: [(0, jsx_runtime_1.jsx)(presentation_hierarchies_react_1.LocalizationContextProvider, { localizedStrings: localizedStrings, children: (0, jsx_runtime_1.jsx)(VisibilityTreeRenderer_1.VisibilityTreeRenderer, { rootNodes: rootNodes, ...treeProps, onNodeClick: onNodeClick, onNodeKeyDown: onNodeKeyDown, getCheckboxStatus: getCheckboxStatus, onCheckboxClicked: onCheckboxClicked, onFilterClick: onFilterClick, getIcon: getIcon, getSublabel: getSublabel, size: density === "enlarged" ? "default" : "small" }) }), filteringDialog] }), (0, jsx_runtime_1.jsx)(Delayed_1.Delayed, { show: isLoading, children: (0, jsx_runtime_1.jsx)(ProgressOverlay_1.ProgressOverlay, {}) })] }));
+}
+//# sourceMappingURL=VisibilityTree.js.map

package/lib/cjs/components/trees/stateless/common/components/VisibilityTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityTree.js","sourceRoot":"","sources":["../../../../../../../src/components/trees/stateless/common/components/VisibilityTree.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 { useEffect, useState } from \"react\";\nimport { Flex, ProgressRadial, Text } from \"@itwin/itwinui-react\";\nimport { createECSchemaProvider, createECSqlQueryExecutor } from \"@itwin/presentation-core-interop\";\nimport { createLimitingECSqlQueryExecutor } from \"@itwin/presentation-hierarchies\";\nimport { LocalizationContextProvider, useSelectionHandler, useUnifiedSelectionTree } from \"@itwin/presentation-hierarchies-react\";\nimport { createCachingECClassHierarchyInspector } from \"@itwin/presentation-shared\";\nimport { TreeWidget } from \"../../../../../TreeWidget\";\nimport { useHierarchiesLocalization } from \"../UseHierarchiesLocalization\";\nimport { useHierarchyLevelFiltering } from \"../UseHierarchyFiltering\";\nimport { useHierarchyVisibility } from \"../UseHierarchyVisibility\";\nimport { useMultiCheckboxHandler } from \"../UseMultiCheckboxHandler\";\nimport { Delayed } from \"./Delayed\";\nimport { ProgressOverlay } from \"./ProgressOverlay\";\nimport { VisibilityTreeRenderer } from \"./VisibilityTreeRenderer\";\n\nimport type { ReactElement, ReactNode } from \"react\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { SchemaContext } from \"@itwin/ecschema-metadata\";\nimport type { PresentationHierarchyNode, useTree } from \"@itwin/presentation-hierarchies-react\";\n\ninterface VisibilityTreeOwnProps {\n  imodel: IModelConnection;\n  getSchemaContext: (imodel: IModelConnection) => SchemaContext;\n  height: number;\n  width: number;\n  treeName: string;\n  hierarchyLevelSizeLimit?: number;\n  getIcon?: (node: PresentationHierarchyNode) => ReactElement | undefined;\n  getSublabel?: (node: PresentationHierarchyNode) => ReactElement | undefined;\n  density?: \"default\" | \"enlarged\";\n  noDataMessage?: ReactNode;\n}\n\ntype UseTreeProps = Parameters<typeof useTree>[0];\ntype UseHierarchyVisibilityProps = Parameters<typeof useHierarchyVisibility>[0];\ntype IModelAccess = UseTreeProps[\"imodelAccess\"];\ntype UseSelectionHandlerProps = Parameters<typeof useSelectionHandler>[0];\n\ntype VisibilityTreeProps = VisibilityTreeOwnProps &\n  Pick<UseTreeProps, \"getFilteredPaths\" | \"getHierarchyDefinition\" | \"onPerformanceMeasured\"> &\n  UseHierarchyVisibilityProps &\n  Pick<Partial<UseSelectionHandlerProps>, \"selectionMode\">;\n\n/** @internal */\nexport function VisibilityTree({ imodel, getSchemaContext, hierarchyLevelSizeLimit, ...props }: VisibilityTreeProps) {\n  const [imodelAccess, setImodelAccess] = useState<IModelAccess>();\n  const defaultHierarchyLevelSizeLimit = hierarchyLevelSizeLimit ?? 1000;\n\n  useEffect(() => {\n    const schemaProvider = createECSchemaProvider(getSchemaContext(imodel));\n    setImodelAccess({\n      ...createLimitingECSqlQueryExecutor(createECSqlQueryExecutor(imodel), defaultHierarchyLevelSizeLimit),\n      ...schemaProvider,\n      ...createCachingECClassHierarchyInspector({ schemaProvider }),\n    });\n  }, [imodel, getSchemaContext, defaultHierarchyLevelSizeLimit]);\n\n  if (!imodelAccess) {\n    return null;\n  }\n\n  return <VisibilityTreeImpl {...props} imodel={imodel} imodelAccess={imodelAccess} defaultHierarchyLevelSizeLimit={defaultHierarchyLevelSizeLimit} />;\n}\n\nfunction VisibilityTreeImpl({\n  height,\n  width,\n  imodel,\n  imodelAccess,\n  getHierarchyDefinition,\n  getFilteredPaths,\n  visibilityHandlerFactory,\n  defaultHierarchyLevelSizeLimit,\n  noDataMessage,\n  treeName,\n  getIcon,\n  getSublabel,\n  density,\n  selectionMode,\n  onPerformanceMeasured,\n}: Omit<VisibilityTreeProps, \"getSchemaContext\" | \"hierarchyLevelSizeLimit\"> & { imodelAccess: IModelAccess; defaultHierarchyLevelSizeLimit: number }) {\n  const localizedStrings = useHierarchiesLocalization();\n  const {\n    rootNodes,\n    isLoading,\n    reloadTree: _reloadTree,\n    selectNodes,\n    setFormatter: _setFormatter,\n    ...treeProps\n  } = useUnifiedSelectionTree({\n    imodelAccess,\n    getHierarchyDefinition,\n    getFilteredPaths,\n    imodelKey: imodel.key,\n    sourceName: treeName,\n    onPerformanceMeasured,\n    localizedStrings,\n  });\n  const { onNodeClick, onNodeKeyDown } = useSelectionHandler({ rootNodes, selectNodes, selectionMode: selectionMode ?? \"single\" });\n  const { getCheckboxStatus, onCheckboxClicked: onClick } = useHierarchyVisibility({ visibilityHandlerFactory });\n  const { onCheckboxClicked } = useMultiCheckboxHandler({ rootNodes, isNodeSelected: treeProps.isNodeSelected, onClick });\n  const { filteringDialog, onFilterClick } = useHierarchyLevelFiltering({\n    imodel,\n    getHierarchyLevelDetails: treeProps.getHierarchyLevelDetails,\n    defaultHierarchyLevelSizeLimit,\n  });\n\n  if (rootNodes === undefined) {\n    return (\n      <Flex alignItems=\"center\" justifyContent=\"center\" flexDirection=\"column\" style={{ width, height }}>\n        <Delayed show={true}>\n          <ProgressRadial size=\"large\" />\n        </Delayed>\n      </Flex>\n    );\n  }\n\n  if (rootNodes.length === 0 && !isLoading) {\n    return (\n      <Flex alignItems=\"center\" justifyContent=\"center\" flexDirection=\"column\" style={{ width, height }}>\n        {noDataMessage ? noDataMessage : <Text>{TreeWidget.translate(\"stateless.dataIsNotAvailable\")}</Text>}\n      </Flex>\n    );\n  }\n\n  return (\n    <div style={{ position: \"relative\", height, overflow: \"hidden\" }}>\n      <div style={{ overflow: \"auto\", height: \"100%\" }}>\n        <LocalizationContextProvider localizedStrings={localizedStrings}>\n          <VisibilityTreeRenderer\n            rootNodes={rootNodes}\n            {...treeProps}\n            onNodeClick={onNodeClick}\n            onNodeKeyDown={onNodeKeyDown}\n            getCheckboxStatus={getCheckboxStatus}\n            onCheckboxClicked={onCheckboxClicked}\n            onFilterClick={onFilterClick}\n            getIcon={getIcon}\n            getSublabel={getSublabel}\n            size={density === \"enlarged\" ? \"default\" : \"small\"}\n          />\n        </LocalizationContextProvider>\n        {filteringDialog}\n      </div>\n      <Delayed show={isLoading}>\n        <ProgressOverlay />\n      </Delayed>\n    </div>\n  );\n}\n"]}

package/lib/cjs/components/trees/stateless/common/components/VisibilityTreeNodeCheckbox.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { PresentationHierarchyNode, RenderedTreeNode } from "@itwin/presentation-hierarchies-react";
+import type { VisibilityStatus } from "../../../VisibilityTreeEventHandler";
+interface VisibilityTreeNodeCheckboxProps {
+    node: RenderedTreeNode;
+    onCheckboxClicked: (node: PresentationHierarchyNode, checked: boolean) => void;
+    getCheckboxStatus: (node: PresentationHierarchyNode) => VisibilityStatus;
+}
+/** @internal */
+export declare function VisibilityTreeNodeCheckbox({ node, onCheckboxClicked, getCheckboxStatus }: VisibilityTreeNodeCheckboxProps): JSX.Element | null;
+export {};
+//# sourceMappingURL=VisibilityTreeNodeCheckbox.d.ts.map

package/lib/cjs/components/trees/stateless/common/components/VisibilityTreeNodeCheckbox.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VisibilityTreeNodeCheckbox = 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 itwinui_react_1 = require("@itwin/itwinui-react");
+const presentation_hierarchies_react_1 = require("@itwin/presentation-hierarchies-react");
+/** @internal */
+function VisibilityTreeNodeCheckbox({ node, onCheckboxClicked, getCheckboxStatus }) {
+    if ("type" in node || !(0, presentation_hierarchies_react_1.isPresentationHierarchyNode)(node)) {
+        return null;
+    }
+    const checkboxStatus = getCheckboxStatus(node);
+    return ((0, jsx_runtime_1.jsx)(itwinui_react_1.Checkbox, { className: "tw-visibility-tree-node-checkbox", variant: "eyeball", checked: checkboxStatus.state === "visible", onClick: (e) => {
+            e.stopPropagation();
+        }, onChange: (e) => {
+            onCheckboxClicked(node, e.currentTarget.checked);
+        }, indeterminate: checkboxStatus.state === "partial", disabled: checkboxStatus.isDisabled, title: checkboxStatus.tooltip }));
+}
+exports.VisibilityTreeNodeCheckbox = VisibilityTreeNodeCheckbox;
+//# sourceMappingURL=VisibilityTreeNodeCheckbox.js.map

package/lib/cjs/components/trees/stateless/common/components/VisibilityTreeNodeCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityTreeNodeCheckbox.js","sourceRoot":"","sources":["../../../../../../../src/components/trees/stateless/common/components/VisibilityTreeNodeCheckbox.tsx"],"names":[],"mappings":";;;;AAAA;;;gGAGgG;AAEhG,wDAAgD;AAChD,0FAAoF;AAWpF,gBAAgB;AAChB,SAAgB,0BAA0B,CAAC,EAAE,IAAI,EAAE,iBAAiB,EAAE,iBAAiB,EAAmC;IACxH,IAAI,MAAM,IAAI,IAAI,IAAI,CAAC,IAAA,4DAA2B,EAAC,IAAI,CAAC,EAAE;QACxD,OAAO,IAAI,CAAC;KACb;IAED,MAAM,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC/C,OAAO,CACL,uBAAC,wBAAQ,IACP,SAAS,EAAC,kCAAkC,EAC5C,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,cAAc,CAAC,KAAK,KAAK,SAAS,EAC3C,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;YACb,CAAC,CAAC,eAAe,EAAE,CAAC;QACtB,CAAC,EACD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;YACd,iBAAiB,CAAC,IAAI,EAAE,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACnD,CAAC,EACD,aAAa,EAAE,cAAc,CAAC,KAAK,KAAK,SAAS,EACjD,QAAQ,EAAE,cAAc,CAAC,UAAU,EACnC,KAAK,EAAE,cAAc,CAAC,OAAO,GAC7B,CACH,CAAC;AACJ,CAAC;AAtBD,gEAsBC","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 { Checkbox } from \"@itwin/itwinui-react\";\nimport { isPresentationHierarchyNode } from \"@itwin/presentation-hierarchies-react\";\n\nimport type { PresentationHierarchyNode, RenderedTreeNode } from \"@itwin/presentation-hierarchies-react\";\nimport type { VisibilityStatus } from \"../../../VisibilityTreeEventHandler\";\n\ninterface VisibilityTreeNodeCheckboxProps {\n  node: RenderedTreeNode;\n  onCheckboxClicked: (node: PresentationHierarchyNode, checked: boolean) => void;\n  getCheckboxStatus: (node: PresentationHierarchyNode) => VisibilityStatus;\n}\n\n/** @internal */\nexport function VisibilityTreeNodeCheckbox({ node, onCheckboxClicked, getCheckboxStatus }: VisibilityTreeNodeCheckboxProps) {\n  if (\"type\" in node || !isPresentationHierarchyNode(node)) {\n    return null;\n  }\n\n  const checkboxStatus = getCheckboxStatus(node);\n  return (\n    <Checkbox\n      className=\"tw-visibility-tree-node-checkbox\"\n      variant=\"eyeball\"\n      checked={checkboxStatus.state === \"visible\"}\n      onClick={(e) => {\n        e.stopPropagation();\n      }}\n      onChange={(e) => {\n        onCheckboxClicked(node, e.currentTarget.checked);\n      }}\n      indeterminate={checkboxStatus.state === \"partial\"}\n      disabled={checkboxStatus.isDisabled}\n      title={checkboxStatus.tooltip}\n    />\n  );\n}\n"]}

package/lib/cjs/components/trees/stateless/common/components/VisibilityTreeNodeRenderer.d.ts

@@ -0,0 +1,10 @@
+import { TreeNodeRenderer } from "@itwin/presentation-hierarchies-react";
+import { VisibilityTreeNodeCheckbox } from "./VisibilityTreeNodeCheckbox";
+import type { ComponentPropsWithoutRef } from "react";
+type VisibilityTreeNodeCheckboxProps = ComponentPropsWithoutRef<typeof VisibilityTreeNodeCheckbox>;
+type TreeNodeRendererProps = ComponentPropsWithoutRef<typeof TreeNodeRenderer>;
+type VisibilityTreeNodeRendererProps = TreeNodeRendererProps & Pick<VisibilityTreeNodeCheckboxProps, "onCheckboxClicked" | "getCheckboxStatus">;
+/** @internal */
+export declare function VisibilityTreeNodeRenderer({ onCheckboxClicked, getCheckboxStatus, ...restProps }: VisibilityTreeNodeRendererProps): JSX.Element;
+export {};
+//# sourceMappingURL=VisibilityTreeNodeRenderer.d.ts.map

package/lib/cjs/components/trees/stateless/common/components/VisibilityTreeNodeRenderer.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VisibilityTreeNodeRenderer = 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 classnames_1 = __importDefault(require("classnames"));
+const presentation_hierarchies_react_1 = require("@itwin/presentation-hierarchies-react");
+const VisibilityTreeNodeCheckbox_1 = require("./VisibilityTreeNodeCheckbox");
+/** @internal */
+function VisibilityTreeNodeRenderer({ onCheckboxClicked, getCheckboxStatus, ...restProps }) {
+    return ((0, jsx_runtime_1.jsx)(presentation_hierarchies_react_1.TreeNodeRenderer, { ...restProps, className: (0, classnames_1.default)("tw-visibility-tree-node", restProps.isSelected && "selected"), actionButtonsClassName: "tw-visibility-tree-node-action-buttons", checkbox: (0, jsx_runtime_1.jsx)(VisibilityTreeNodeCheckbox_1.VisibilityTreeNodeCheckbox, { node: restProps.node, onCheckboxClicked: onCheckboxClicked, getCheckboxStatus: getCheckboxStatus }) }));
+}
+exports.VisibilityTreeNodeRenderer = VisibilityTreeNodeRenderer;
+//# sourceMappingURL=VisibilityTreeNodeRenderer.js.map

package/lib/cjs/components/trees/stateless/common/components/VisibilityTreeNodeRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityTreeNodeRenderer.js","sourceRoot":"","sources":["../../../../../../../src/components/trees/stateless/common/components/VisibilityTreeNodeRenderer.tsx"],"names":[],"mappings":";;;;;;;AAAA;;;gGAGgG;AAEhG,4DAA4B;AAC5B,0FAAyE;AACzE,6EAA0E;AAS1E,gBAAgB;AAChB,SAAgB,0BAA0B,CAAC,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,GAAG,SAAS,EAAmC;IAChI,OAAO,CACL,uBAAC,iDAAgB,OACX,SAAS,EACb,SAAS,EAAE,IAAA,oBAAE,EAAC,yBAAyB,EAAE,SAAS,CAAC,UAAU,IAAI,UAAU,CAAC,EAC5E,sBAAsB,EAAC,wCAAwC,EAC/D,QAAQ,EAAE,uBAAC,uDAA0B,IAAC,IAAI,EAAE,SAAS,CAAC,IAAI,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB,GAAI,GAC1I,CACH,CAAC;AACJ,CAAC;AATD,gEASC","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 cx from \"classnames\";\nimport { TreeNodeRenderer } from \"@itwin/presentation-hierarchies-react\";\nimport { VisibilityTreeNodeCheckbox } from \"./VisibilityTreeNodeCheckbox\";\n\nimport type { ComponentPropsWithoutRef } from \"react\";\n\ntype VisibilityTreeNodeCheckboxProps = ComponentPropsWithoutRef<typeof VisibilityTreeNodeCheckbox>;\ntype TreeNodeRendererProps = ComponentPropsWithoutRef<typeof TreeNodeRenderer>;\n\ntype VisibilityTreeNodeRendererProps = TreeNodeRendererProps & Pick<VisibilityTreeNodeCheckboxProps, \"onCheckboxClicked\" | \"getCheckboxStatus\">;\n\n/** @internal */\nexport function VisibilityTreeNodeRenderer({ onCheckboxClicked, getCheckboxStatus, ...restProps }: VisibilityTreeNodeRendererProps) {\n  return (\n    <TreeNodeRenderer\n      {...restProps}\n      className={cx(\"tw-visibility-tree-node\", restProps.isSelected && \"selected\")}\n      actionButtonsClassName=\"tw-visibility-tree-node-action-buttons\"\n      checkbox={<VisibilityTreeNodeCheckbox node={restProps.node} onCheckboxClicked={onCheckboxClicked} getCheckboxStatus={getCheckboxStatus} />}\n    />\n  );\n}\n"]}

package/lib/cjs/components/trees/stateless/common/components/VisibilityTreeRenderer.d.ts

@@ -0,0 +1,16 @@
+import "./VisibilityTreeRenderer.scss";
+import { Tree } from "@itwin/itwinui-react";
+import { VisibilityTreeNodeRenderer } from "./VisibilityTreeNodeRenderer";
+import type { ComponentPropsWithoutRef } from "react";
+import type { PresentationTreeNode, RenderedTreeNode } from "@itwin/presentation-hierarchies-react";
+interface VisibilityTreeRendererOwnProps {
+    rootNodes: PresentationTreeNode[];
+    isNodeSelected: (nodeId: string) => boolean;
+}
+type VisibilityTreeRendererProps = Pick<VisibilityTreeNodeRendererProps, "expandNode" | "onNodeClick" | "onNodeKeyDown" | "onFilterClick" | "getIcon" | "getSublabel" | "getCheckboxStatus" | "onCheckboxClicked" | "getHierarchyLevelDetails"> & Omit<TreeProps<RenderedTreeNode>, "data" | "nodeRenderer" | "getNode"> & VisibilityTreeRendererOwnProps;
+/** @internal */
+export declare function VisibilityTreeRenderer({ rootNodes, expandNode, onNodeClick, onNodeKeyDown, isNodeSelected, onFilterClick, getIcon, getSublabel, getCheckboxStatus, onCheckboxClicked, getHierarchyLevelDetails, ...props }: VisibilityTreeRendererProps): JSX.Element;
+type TreeProps<T> = ComponentPropsWithoutRef<typeof Tree<T>>;
+type VisibilityTreeNodeRendererProps = ComponentPropsWithoutRef<typeof VisibilityTreeNodeRenderer>;
+export {};
+//# sourceMappingURL=VisibilityTreeRenderer.d.ts.map

package/lib/cjs/components/trees/stateless/common/components/VisibilityTreeRenderer.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VisibilityTreeRenderer = 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("./VisibilityTreeRenderer.scss");
+const react_1 = require("react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const presentation_hierarchies_react_1 = require("@itwin/presentation-hierarchies-react");
+const VisibilityTreeNodeRenderer_1 = require("./VisibilityTreeNodeRenderer");
+/** @internal */
+function VisibilityTreeRenderer({ rootNodes, expandNode, onNodeClick, onNodeKeyDown, isNodeSelected, onFilterClick, getIcon, getSublabel, getCheckboxStatus, onCheckboxClicked, getHierarchyLevelDetails, ...props }) {
+    const nodeRenderer = (0, react_1.useCallback)((nodeProps) => {
+        return ((0, jsx_runtime_1.jsx)(VisibilityTreeNodeRenderer_1.VisibilityTreeNodeRenderer, { ...nodeProps, expandNode: expandNode, onNodeClick: onNodeClick, onNodeKeyDown: onNodeKeyDown, getIcon: getIcon, getSublabel: getSublabel, getCheckboxStatus: getCheckboxStatus, onCheckboxClicked: onCheckboxClicked, onFilterClick: onFilterClick, getHierarchyLevelDetails: getHierarchyLevelDetails }));
+    }, [expandNode, onNodeClick, onNodeKeyDown, getHierarchyLevelDetails, getIcon, getSublabel, getCheckboxStatus, onCheckboxClicked, onFilterClick]);
+    const getNode = (0, react_1.useCallback)((node) => (0, presentation_hierarchies_react_1.createRenderedTreeNodeData)(node, isNodeSelected), [isNodeSelected]);
+    return ((0, jsx_runtime_1.jsx)(itwinui_react_1.Tree, { ...props, className: "tw-visibility-tree-renderer", data: rootNodes, nodeRenderer: nodeRenderer, getNode: getNode, enableVirtualization: true }));
+}
+exports.VisibilityTreeRenderer = VisibilityTreeRenderer;
+//# sourceMappingURL=VisibilityTreeRenderer.js.map

package/lib/cjs/components/trees/stateless/common/components/VisibilityTreeRenderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"VisibilityTreeRenderer.js","sourceRoot":"","sources":["../../../../../../../src/components/trees/stateless/common/components/VisibilityTreeRenderer.tsx"],"names":[],"mappings":";;;;AAAA;;;gGAGgG;AAEhG,yCAAuC;AACvC,iCAAoC;AACpC,wDAA4C;AAC5C,0FAAmF;AACnF,6EAA0E;AAyB1E,gBAAgB;AAChB,SAAgB,sBAAsB,CAAC,EACrC,SAAS,EACT,UAAU,EACV,WAAW,EACX,aAAa,EACb,cAAc,EACd,aAAa,EACb,OAAO,EACP,WAAW,EACX,iBAAiB,EACjB,iBAAiB,EACjB,wBAAwB,EACxB,GAAG,KAAK,EACoB;IAC5B,MAAM,YAAY,GAAG,IAAA,mBAAW,EAC9B,CAAC,SAAS,EAAE,EAAE;QACZ,OAAO,CACL,uBAAC,uDAA0B,OACrB,SAAS,EACb,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,wBAAwB,EAAE,wBAAwB,GAClD,CACH,CAAC;IACJ,CAAC,EACD,CAAC,UAAU,EAAE,WAAW,EAAE,aAAa,EAAE,wBAAwB,EAAE,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,aAAa,CAAC,CAC9I,CAAC;IAEF,MAAM,OAAO,GAAG,IAAA,mBAAW,EAAyC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAA,2DAA0B,EAAC,IAAI,EAAE,cAAc,CAAC,EAAE,CAAC,cAAc,CAAC,CAAC,CAAC;IAElJ,OAAO,CACL,uBAAC,oBAAI,OACC,KAAK,EACT,SAAS,EAAC,6BAA6B,EACvC,IAAI,EAAE,SAAS,EACf,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,IAAI,GAC1B,CACH,CAAC;AACJ,CAAC;AA9CD,wDA8CC","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 \"./VisibilityTreeRenderer.scss\";\nimport { useCallback } from \"react\";\nimport { Tree } from \"@itwin/itwinui-react\";\nimport { createRenderedTreeNodeData } from \"@itwin/presentation-hierarchies-react\";\nimport { VisibilityTreeNodeRenderer } from \"./VisibilityTreeNodeRenderer\";\n\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { PresentationTreeNode, RenderedTreeNode } from \"@itwin/presentation-hierarchies-react\";\n\ninterface VisibilityTreeRendererOwnProps {\n  rootNodes: PresentationTreeNode[];\n  isNodeSelected: (nodeId: string) => boolean;\n}\n\ntype VisibilityTreeRendererProps = Pick<\n  VisibilityTreeNodeRendererProps,\n  | \"expandNode\"\n  | \"onNodeClick\"\n  | \"onNodeKeyDown\"\n  | \"onFilterClick\"\n  | \"getIcon\"\n  | \"getSublabel\"\n  | \"getCheckboxStatus\"\n  | \"onCheckboxClicked\"\n  | \"getHierarchyLevelDetails\"\n> &\n  Omit<TreeProps<RenderedTreeNode>, \"data\" | \"nodeRenderer\" | \"getNode\"> &\n  VisibilityTreeRendererOwnProps;\n\n/** @internal */\nexport function VisibilityTreeRenderer({\n  rootNodes,\n  expandNode,\n  onNodeClick,\n  onNodeKeyDown,\n  isNodeSelected,\n  onFilterClick,\n  getIcon,\n  getSublabel,\n  getCheckboxStatus,\n  onCheckboxClicked,\n  getHierarchyLevelDetails,\n  ...props\n}: VisibilityTreeRendererProps) {\n  const nodeRenderer = useCallback<TreeProps<RenderedTreeNode>[\"nodeRenderer\"]>(\n    (nodeProps) => {\n      return (\n        <VisibilityTreeNodeRenderer\n          {...nodeProps}\n          expandNode={expandNode}\n          onNodeClick={onNodeClick}\n          onNodeKeyDown={onNodeKeyDown}\n          getIcon={getIcon}\n          getSublabel={getSublabel}\n          getCheckboxStatus={getCheckboxStatus}\n          onCheckboxClicked={onCheckboxClicked}\n          onFilterClick={onFilterClick}\n          getHierarchyLevelDetails={getHierarchyLevelDetails}\n        />\n      );\n    },\n    [expandNode, onNodeClick, onNodeKeyDown, getHierarchyLevelDetails, getIcon, getSublabel, getCheckboxStatus, onCheckboxClicked, onFilterClick],\n  );\n\n  const getNode = useCallback<TreeProps<RenderedTreeNode>[\"getNode\"]>((node) => createRenderedTreeNodeData(node, isNodeSelected), [isNodeSelected]);\n\n  return (\n    <Tree<RenderedTreeNode>\n      {...props}\n      className=\"tw-visibility-tree-renderer\"\n      data={rootNodes}\n      nodeRenderer={nodeRenderer}\n      getNode={getNode}\n      enableVirtualization={true}\n    />\n  );\n}\n\ntype TreeProps<T> = ComponentPropsWithoutRef<typeof Tree<T>>;\ntype VisibilityTreeNodeRendererProps = ComponentPropsWithoutRef<typeof VisibilityTreeNodeRenderer>;\n"]}

package/lib/cjs/components/trees/stateless/common/components/VisibilityTreeRenderer.scss

@@ -0,0 +1,41 @@
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+
+.tw-visibility-tree-renderer {
+  width: fit-content;
+  min-width: 100%;
+
+  div:has(> .tw-visibility-tree-node-checkbox) {
+    position: sticky;
+    left: 0;
+    z-index: 1;
+    background-color: var(--iui-color-background);
+  }
+
+  .tw-visibility-tree-node-action-buttons {
+    position: sticky;
+    right: 0;
+    z-index: 1;
+    background-color: var(--iui-color-background);
+  }
+
+  div:has(> .tw-visibility-tree-node-action-buttons) {
+    overflow: visible;
+  }
+
+  .tw-visibility-tree-node:not(.selected) {
+    div:has(> .tw-visibility-tree-node-checkbox),
+    .tw-visibility-tree-node-action-buttons {
+      background-color: var(--iui-color-background-hover);
+    }
+  }
+
+  .tw-visibility-tree-node.selected {
+    div:has(> .tw-visibility-tree-node-checkbox),
+    .tw-visibility-tree-node-action-buttons {
+      background-color: var(--iui-color-background-accent-muted);
+    }
+  }
+}