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

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);
+    }
+  }
+}

package/lib/cjs/components/trees/stateless/external-sources-tree/ExternalSourcesTree.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { FilterableTree } from "../common/components/FilterableTree";
+import type { HierarchyLevelConfig } from "../../common/Types";
+interface StatelessExternalSourcesTreeOwnProps {
+    hierarchyLevelConfig?: Omit<HierarchyLevelConfig, "isFilteringEnabled">;
+    onPerformanceMeasured?: (featureId: string, duration: number) => void;
+}
+type FilterableTreeProps = Parameters<typeof FilterableTree>[0];
+type StatelessExternalSourcesTreeProps = StatelessExternalSourcesTreeOwnProps & Pick<FilterableTreeProps, "imodel" | "getSchemaContext" | "height" | "width" | "density" | "selectionMode">;
+/** @internal */
+export declare function StatelessExternalSourcesTree({ onPerformanceMeasured, ...props }: StatelessExternalSourcesTreeProps): JSX.Element;
+export {};
+//# sourceMappingURL=ExternalSourcesTree.d.ts.map

package/lib/cjs/components/trees/stateless/external-sources-tree/ExternalSourcesTree.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatelessExternalSourcesTree = 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_icons_react_1 = require("@itwin/itwinui-icons-react");
+const FilterableTree_1 = require("../common/components/FilterableTree");
+const ExternalSourcesTreeDefinition_1 = require("./ExternalSourcesTreeDefinition");
+const StatelessExternalSourcesTreeId = "external-sources-tree-v2";
+/** @internal */
+function StatelessExternalSourcesTree({ onPerformanceMeasured, ...props }) {
+    return ((0, jsx_runtime_1.jsx)(FilterableTree_1.FilterableTree, { ...props, treeName: "StatelessExternalSourcesTree", getHierarchyDefinition: getDefinitionsProvider, getIcon: getIcon, selectionMode: props.selectionMode ?? "none", onPerformanceMeasured: (action, duration) => {
+            onPerformanceMeasured?.(`${StatelessExternalSourcesTreeId}-${action}`, duration);
+        } }));
+}
+exports.StatelessExternalSourcesTree = StatelessExternalSourcesTree;
+;
+function getDefinitionsProvider(props) {
+    return new ExternalSourcesTreeDefinition_1.ExternalSourcesTreeDefinition(props);
+}
+function getIcon(node) {
+    if (node.extendedData?.imageId === undefined) {
+        return undefined;
+    }
+    switch (node.extendedData.imageId) {
+        case "icon-item":
+            return (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgItem, {});
+        case "icon-ec-class":
+            return (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgItem, {});
+        case "icon-document":
+            return (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgDocument, {});
+        case "icon-ec-schema":
+            return (0, jsx_runtime_1.jsx)(itwinui_icons_react_1.SvgDetails, {});
+    }
+    return undefined;
+}
+//# sourceMappingURL=ExternalSourcesTree.js.map

package/lib/cjs/components/trees/stateless/external-sources-tree/ExternalSourcesTree.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExternalSourcesTree.js","sourceRoot":"","sources":["../../../../../../src/components/trees/stateless/external-sources-tree/ExternalSourcesTree.tsx"],"names":[],"mappings":";;;;AAAA;;;gGAGgG;AAEhG,oEAA8E;AAC9E,wEAAqE;AACrE,mFAAgF;AAgBhF,MAAM,8BAA8B,GAAG,0BAA0B,CAAC;AAElE,gBAAgB;AAChB,SAAgB,4BAA4B,CAAC,EAAE,qBAAqB,EAAE,GAAG,KAAK,EAAqC;IACjH,OAAO,CACL,uBAAC,+BAAc,OACT,KAAK,EACT,QAAQ,EAAC,8BAA8B,EACvC,sBAAsB,EAAE,sBAAsB,EAC9C,OAAO,EAAE,OAAO,EAChB,aAAa,EAAE,KAAK,CAAC,aAAa,IAAI,MAAM,EAC5C,qBAAqB,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,EAAE;YAC1C,qBAAqB,EAAE,CAAC,GAAG,8BAA8B,IAAI,MAAM,EAAE,EAAE,QAAQ,CAAC,CAAC;QACnF,CAAC,GACD,CACH,CAAC;AACJ,CAAC;AAbD,oEAaC;AAAA,CAAC;AAEF,SAAS,sBAAsB,CAAC,KAA6D;IAC3F,OAAO,IAAI,6DAA6B,CAAC,KAAK,CAAC,CAAC;AAClD,CAAC;AAED,SAAS,OAAO,CAAC,IAA+B;IAC9C,IAAI,IAAI,CAAC,YAAY,EAAE,OAAO,KAAK,SAAS,EAAE;QAC5C,OAAO,SAAS,CAAC;KAClB;IAED,QAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;QACjC,KAAK,WAAW;YACd,OAAO,uBAAC,6BAAO,KAAG,CAAC;QACrB,KAAK,eAAe;YAClB,OAAO,uBAAC,6BAAO,KAAG,CAAC;QACrB,KAAK,eAAe;YAClB,OAAO,uBAAC,iCAAW,KAAG,CAAC;QACzB,KAAK,gBAAgB;YACnB,OAAO,uBAAC,gCAAU,KAAG,CAAC;KACzB;IAED,OAAO,SAAS,CAAC;AACnB,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 { SvgDetails, SvgDocument, SvgItem } from \"@itwin/itwinui-icons-react\";\nimport { FilterableTree } from \"../common/components/FilterableTree\";\nimport { ExternalSourcesTreeDefinition } from \"./ExternalSourcesTreeDefinition\";\n\nimport type { ReactElement } from \"react\";\nimport type { PresentationHierarchyNode } from \"@itwin/presentation-hierarchies-react\";\nimport type { HierarchyLevelConfig } from \"../../common/Types\";\n\ninterface StatelessExternalSourcesTreeOwnProps {\n  hierarchyLevelConfig?: Omit<HierarchyLevelConfig, \"isFilteringEnabled\">;\n  onPerformanceMeasured?: (featureId: string, duration: number) => void;\n}\n\ntype FilterableTreeProps = Parameters<typeof FilterableTree>[0];\ntype GetHierarchyDefinitionsProviderCallback = FilterableTreeProps[\"getHierarchyDefinition\"];\ntype StatelessExternalSourcesTreeProps = StatelessExternalSourcesTreeOwnProps &\n  Pick<FilterableTreeProps, \"imodel\" | \"getSchemaContext\" | \"height\" | \"width\" | \"density\" | \"selectionMode\">;\n\nconst StatelessExternalSourcesTreeId = \"external-sources-tree-v2\";\n\n/** @internal */\nexport function StatelessExternalSourcesTree({ onPerformanceMeasured, ...props }: StatelessExternalSourcesTreeProps) {\n  return (\n    <FilterableTree\n      {...props}\n      treeName=\"StatelessExternalSourcesTree\"\n      getHierarchyDefinition={getDefinitionsProvider}\n      getIcon={getIcon}\n      selectionMode={props.selectionMode ?? \"none\"}\n      onPerformanceMeasured={(action, duration) => {\n        onPerformanceMeasured?.(`${StatelessExternalSourcesTreeId}-${action}`, duration);\n      }}\n    />\n  );\n};\n\nfunction getDefinitionsProvider(props: Parameters<GetHierarchyDefinitionsProviderCallback>[0]) {\n  return new ExternalSourcesTreeDefinition(props);\n}\n\nfunction getIcon(node: PresentationHierarchyNode): ReactElement | undefined {\n  if (node.extendedData?.imageId === undefined) {\n    return undefined;\n  }\n\n  switch (node.extendedData.imageId) {\n    case \"icon-item\":\n      return <SvgItem />;\n    case \"icon-ec-class\":\n      return <SvgItem />;\n    case \"icon-document\":\n      return <SvgDocument />;\n    case \"icon-ec-schema\":\n      return <SvgDetails />;\n  }\n\n  return undefined;\n}\n"]}

package/lib/cjs/components/trees/stateless/external-sources-tree/ExternalSourcesTreeComponent.d.ts

@@ -0,0 +1,14 @@
+import { StatelessExternalSourcesTree } from "./ExternalSourcesTree";
+import type { ComponentPropsWithoutRef } from "react";
+import type { SelectionStorage } from "@itwin/presentation-hierarchies-react";
+type StatelessExternalSourcesTreeProps = ComponentPropsWithoutRef<typeof StatelessExternalSourcesTree>;
+interface StatelessExternalSourcesTreeComponentProps extends Pick<StatelessExternalSourcesTreeProps, "getSchemaContext" | "density" | "hierarchyLevelConfig" | "selectionMode" | "onPerformanceMeasured"> {
+    selectionStorage: SelectionStorage;
+}
+/**
+ * A component that renders [[StatelessExternalSourcesTree]].
+ * @beta
+ */
+export declare const StatelessExternalSourcesTreeComponent: (props: StatelessExternalSourcesTreeComponentProps) => JSX.Element | null;
+export {};
+//# sourceMappingURL=ExternalSourcesTreeComponent.d.ts.map

package/lib/cjs/components/trees/stateless/external-sources-tree/ExternalSourcesTreeComponent.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatelessExternalSourcesTreeComponent = 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 appui_react_1 = require("@itwin/appui-react");
+const presentation_hierarchies_react_1 = require("@itwin/presentation-hierarchies-react");
+const AutoSizer_1 = require("../../../utils/AutoSizer");
+const ExternalSourcesTree_1 = require("./ExternalSourcesTree");
+/**
+ * A component that renders [[StatelessExternalSourcesTree]].
+ * @beta
+ */
+const StatelessExternalSourcesTreeComponent = (props) => {
+    const imodel = (0, appui_react_1.useActiveIModelConnection)();
+    if (!imodel) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(presentation_hierarchies_react_1.UnifiedSelectionProvider, { storage: props.selectionStorage, children: (0, jsx_runtime_1.jsx)(AutoSizer_1.AutoSizer, { children: ({ width, height }) => (0, jsx_runtime_1.jsx)(ExternalSourcesTree_1.StatelessExternalSourcesTree, { ...props, imodel: imodel, width: width, height: height }) }) }));
+};
+exports.StatelessExternalSourcesTreeComponent = StatelessExternalSourcesTreeComponent;
+//# sourceMappingURL=ExternalSourcesTreeComponent.js.map

package/lib/cjs/components/trees/stateless/external-sources-tree/ExternalSourcesTreeComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExternalSourcesTreeComponent.js","sourceRoot":"","sources":["../../../../../../src/components/trees/stateless/external-sources-tree/ExternalSourcesTreeComponent.tsx"],"names":[],"mappings":";;;;AAAA;;;gGAGgG;AAEhG,oDAA+D;AAC/D,0FAAiF;AACjF,wDAAqD;AACrD,+DAAqE;AAWrE;;;GAGG;AACI,MAAM,qCAAqC,GAAG,CAAC,KAAiD,EAAE,EAAE;IACzG,MAAM,MAAM,GAAG,IAAA,uCAAyB,GAAE,CAAC;IAE3C,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,uBAAC,yDAAwB,IAAC,OAAO,EAAE,KAAK,CAAC,gBAAgB,YACvD,uBAAC,qBAAS,cAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,uBAAC,kDAA4B,OAAK,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,GAAa,GAChH,CAC5B,CAAC;AACJ,CAAC,CAAC;AAZW,QAAA,qCAAqC,yCAYhD","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 { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport { UnifiedSelectionProvider } from \"@itwin/presentation-hierarchies-react\";\nimport { AutoSizer } from \"../../../utils/AutoSizer\";\nimport { StatelessExternalSourcesTree } from \"./ExternalSourcesTree\";\n\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { SelectionStorage } from \"@itwin/presentation-hierarchies-react\";\n\ntype StatelessExternalSourcesTreeProps = ComponentPropsWithoutRef<typeof StatelessExternalSourcesTree>;\ninterface StatelessExternalSourcesTreeComponentProps\n  extends Pick<StatelessExternalSourcesTreeProps, \"getSchemaContext\" | \"density\" | \"hierarchyLevelConfig\" | \"selectionMode\" | \"onPerformanceMeasured\"> {\n  selectionStorage: SelectionStorage;\n}\n\n/**\n * A component that renders [[StatelessExternalSourcesTree]].\n * @beta\n */\nexport const StatelessExternalSourcesTreeComponent = (props: StatelessExternalSourcesTreeComponentProps) => {\n  const imodel = useActiveIModelConnection();\n\n  if (!imodel) {\n    return null;\n  }\n\n  return (\n    <UnifiedSelectionProvider storage={props.selectionStorage}>\n      <AutoSizer>{({ width, height }) => <StatelessExternalSourcesTree {...props} imodel={imodel} width={width} height={height} />}</AutoSizer>\n    </UnifiedSelectionProvider>\n  );\n};\n"]}

package/lib/cjs/components/trees/stateless/external-sources-tree/ExternalSourcesTreeDefinition.d.ts

@@ -0,0 +1,20 @@
+import type { ECClassHierarchyInspector, ECSchemaProvider } from "@itwin/presentation-shared";
+import type { DefineHierarchyLevelProps, HierarchyDefinition, HierarchyLevelDefinition, ProcessedHierarchyNode } from "@itwin/presentation-hierarchies";
+interface ExternalSourcesTreeDefinitionProps {
+    imodelAccess: ECSchemaProvider & ECClassHierarchyInspector;
+}
+export declare class ExternalSourcesTreeDefinition implements HierarchyDefinition {
+    private _impl;
+    private _selectQueryFactory;
+    private _nodeLabelSelectClauseFactory;
+    constructor(props: ExternalSourcesTreeDefinitionProps);
+    postProcessNode(node: ProcessedHierarchyNode): Promise<ProcessedHierarchyNode>;
+    defineHierarchyLevel(props: DefineHierarchyLevelProps): Promise<HierarchyLevelDefinition>;
+    private createRootHierarchyLevelDefinition;
+    private createExternalSourcesGroupChildrenQuery;
+    private createExternalSourceChildrenQuery;
+    private createElementsNodeChildrenQuery;
+    private createCompositeLabelSelectClause;
+}
+export {};
+//# sourceMappingURL=ExternalSourcesTreeDefinition.d.ts.map