@itwin/tree-widget-react 4.0.0-alpha.1 → 4.0.0-alpha.10

package/lib/esm/tree-widget-react/components/trees/models-tree/internal/UseIdsCache.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseIdsCache.js","sourceRoot":"","sources":["../../../../../../../src/tree-widget-react/components/trees/models-tree/internal/UseIdsCache.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAC;AAC5E,OAAO,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAC3F,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAK7D,gBAAgB;AAChB,MAAM,UAAU,WAAW,CAAC,MAAwB,EAAE,eAAiD;IACrG,MAAM,QAAQ,GAAG,MAAM,CAAiC,SAAS,CAAC,CAAC;IACnE,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,EAAE;QAChC,QAAQ,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC;QACvC,QAAQ,CAAC,OAAO,GAAG,SAAS,CAAC;IAC/B,CAAC,CAAC,CAAC;IACH,MAAM,oBAAoB,GAAG,MAAM,CAAC,CAAC,UAA4B,EAAE,mBAAqD,EAAE,EAAE;QAC1H,OAAO,GAAG,EAAE;YACV,IAAI,QAAQ,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;gBACnC,QAAQ,CAAC,OAAO,GAAG,IAAI,kBAAkB,CAAC,wBAAwB,CAAC,UAAU,CAAC,EAAE,mBAAmB,CAAC,CAAC;YACvG,CAAC;YACD,OAAO,QAAQ,CAAC,OAAO,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,MAAM,CAAC,QAAQ,EAAE,cAAc,CAAC,GAAG,QAAQ,CAA2B,GAAG,EAAE,CAAC,oBAAoB,CAAC,OAAO,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC;IAEnI,SAAS,CAAC,GAAG,EAAE;QACb,2EAA2E;QAC3E,aAAa,CAAC,OAAO,EAAE,CAAC;QAExB,qCAAqC;QACrC,cAAc,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,OAAO,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC;QAC5E,OAAO,GAAG,EAAE;YACV,uDAAuD;YACvD,aAAa,CAAC,OAAO,EAAE,CAAC;QAC1B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC;IAE9B,uBAAuB,CAAC;QACtB,MAAM;QACN,MAAM,EAAE,WAAW,CAAC,GAAG,EAAE;YACvB,aAAa,CAAC,OAAO,EAAE,CAAC;YACxB,qCAAqC;YACrC,cAAc,CAAC,GAAG,EAAE,CAAC,oBAAoB,CAAC,OAAO,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC;QAC9E,CAAC,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;KAC9B,CAAC,CAAC;IAEH,OAAO;QACL,QAAQ;KACT,CAAC;AACJ,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 { useCallback, useEffect, useRef, useState } from \"react\";\nimport { createECSqlQueryExecutor } from \"@itwin/presentation-core-interop\";\nimport { useIModelChangeListener } from \"../../common/internal/UseIModelChangeListener.js\";\nimport { ModelsTreeIdsCache } from \"./ModelsTreeIdsCache.js\";\n\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { ModelsTreeHierarchyConfiguration } from \"../ModelsTreeDefinition.js\";\n\n/** @internal */\nexport function useIdsCache(imodel: IModelConnection, hierarchyConfig: ModelsTreeHierarchyConfiguration) {\n  const cacheRef = useRef<ModelsTreeIdsCache | undefined>(undefined);\n  const clearCacheRef = useRef(() => {\n    cacheRef.current?.[Symbol.dispose]?.();\n    cacheRef.current = undefined;\n  });\n  const createCacheGetterRef = useRef((currImodel: IModelConnection, currHierarchyConfig: ModelsTreeHierarchyConfiguration) => {\n    return () => {\n      if (cacheRef.current === undefined) {\n        cacheRef.current = new ModelsTreeIdsCache(createECSqlQueryExecutor(currImodel), currHierarchyConfig);\n      }\n      return cacheRef.current;\n    };\n  });\n  const [getCache, setCacheGetter] = useState<() => ModelsTreeIdsCache>(() => createCacheGetterRef.current(imodel, hierarchyConfig));\n\n  useEffect(() => {\n    // clear cache in case it was created before `useEffect` was run first time\n    clearCacheRef.current();\n\n    // make sure all cache users rerender\n    setCacheGetter(() => createCacheGetterRef.current(imodel, hierarchyConfig));\n    return () => {\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n      clearCacheRef.current();\n    };\n  }, [imodel, hierarchyConfig]);\n\n  useIModelChangeListener({\n    imodel,\n    action: useCallback(() => {\n      clearCacheRef.current();\n      // make sure all cache users rerender\n      setCacheGetter(() => createCacheGetterRef.current(imodel, hierarchyConfig));\n    }, [imodel, hierarchyConfig]),\n  });\n\n  return {\n    getCache,\n  };\n}\n"]}

package/lib/esm/tree-widget-react-internal.d.ts

@@ -0,0 +1,9 @@
+export { ModelsTreeDefinition, defaultHierarchyConfiguration as defaultModelsTreeHierarchyConfiguration, } from "./tree-widget-react/components/trees/models-tree/ModelsTreeDefinition.js";
+export { ModelsTreeIdsCache } from "./tree-widget-react/components/trees/models-tree/internal/ModelsTreeIdsCache.js";
+export { createModelsTreeVisibilityHandler } from "./tree-widget-react/components/trees/models-tree/internal/ModelsTreeVisibilityHandler.js";
+export { CategoriesTreeDefinition } from "./tree-widget-react/components/trees/categories-tree/CategoriesTreeDefinition.js";
+export { CategoriesTreeIdsCache } from "./tree-widget-react/components/trees/categories-tree/internal/CategoriesTreeIdsCache.js";
+export { createCategoriesTreeVisibilityHandler } from "./tree-widget-react/components/trees/categories-tree/internal/CategoriesTreeVisibilityHandler.js";
+export { toVoidPromise, collect } from "./tree-widget-react/components/trees/common/internal/Rxjs.js";
+export { CategoriesTreeNode } from "./tree-widget-react/components/trees/categories-tree/internal/CategoriesTreeNode.js";
+//# sourceMappingURL=tree-widget-react-internal.d.ts.map

package/lib/esm/tree-widget-react-internal.js

@@ -0,0 +1,15 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+// WARNING: This barrel file exports internal APIs only for use by `@itwin/presentation-backend` and `@itwin/presentation-frontend` packages.
+// They should not be used outside of these packages. These APIs may be broken or removed at any time without notice.
+export { ModelsTreeDefinition, defaultHierarchyConfiguration as defaultModelsTreeHierarchyConfiguration, } from "./tree-widget-react/components/trees/models-tree/ModelsTreeDefinition.js";
+export { ModelsTreeIdsCache } from "./tree-widget-react/components/trees/models-tree/internal/ModelsTreeIdsCache.js";
+export { createModelsTreeVisibilityHandler } from "./tree-widget-react/components/trees/models-tree/internal/ModelsTreeVisibilityHandler.js";
+export { CategoriesTreeDefinition } from "./tree-widget-react/components/trees/categories-tree/CategoriesTreeDefinition.js";
+export { CategoriesTreeIdsCache } from "./tree-widget-react/components/trees/categories-tree/internal/CategoriesTreeIdsCache.js";
+export { createCategoriesTreeVisibilityHandler } from "./tree-widget-react/components/trees/categories-tree/internal/CategoriesTreeVisibilityHandler.js";
+export { toVoidPromise, collect } from "./tree-widget-react/components/trees/common/internal/Rxjs.js";
+export { CategoriesTreeNode } from "./tree-widget-react/components/trees/categories-tree/internal/CategoriesTreeNode.js";
+//# sourceMappingURL=tree-widget-react-internal.js.map

package/lib/esm/tree-widget-react-internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree-widget-react-internal.js","sourceRoot":"","sources":["../../src/tree-widget-react-internal.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,6IAA6I;AAC7I,qHAAqH;AAErH,OAAO,EACL,oBAAoB,EACpB,6BAA6B,IAAI,uCAAuC,GACzE,MAAM,0EAA0E,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,MAAM,iFAAiF,CAAC;AACrH,OAAO,EAAE,iCAAiC,EAAE,MAAM,0FAA0F,CAAC;AAC7I,OAAO,EAAE,wBAAwB,EAAE,MAAM,kFAAkF,CAAC;AAC5H,OAAO,EAAE,sBAAsB,EAAE,MAAM,yFAAyF,CAAC;AACjI,OAAO,EAAE,qCAAqC,EAAE,MAAM,kGAAkG,CAAC;AACzJ,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,8DAA8D,CAAC;AACtG,OAAO,EAAE,kBAAkB,EAAE,MAAM,qFAAqF,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\n// WARNING: This barrel file exports internal APIs only for use by `@itwin/presentation-backend` and `@itwin/presentation-frontend` packages.\n// They should not be used outside of these packages. These APIs may be broken or removed at any time without notice.\n\nexport {\n  ModelsTreeDefinition,\n  defaultHierarchyConfiguration as defaultModelsTreeHierarchyConfiguration,\n} from \"./tree-widget-react/components/trees/models-tree/ModelsTreeDefinition.js\";\nexport { ModelsTreeIdsCache } from \"./tree-widget-react/components/trees/models-tree/internal/ModelsTreeIdsCache.js\";\nexport { createModelsTreeVisibilityHandler } from \"./tree-widget-react/components/trees/models-tree/internal/ModelsTreeVisibilityHandler.js\";\nexport { CategoriesTreeDefinition } from \"./tree-widget-react/components/trees/categories-tree/CategoriesTreeDefinition.js\";\nexport { CategoriesTreeIdsCache } from \"./tree-widget-react/components/trees/categories-tree/internal/CategoriesTreeIdsCache.js\";\nexport { createCategoriesTreeVisibilityHandler } from \"./tree-widget-react/components/trees/categories-tree/internal/CategoriesTreeVisibilityHandler.js\";\nexport { toVoidPromise, collect } from \"./tree-widget-react/components/trees/common/internal/Rxjs.js\";\nexport { CategoriesTreeNode } from \"./tree-widget-react/components/trees/categories-tree/internal/CategoriesTreeNode.js\";\n"]}

package/lib/esm/tree-widget-react.d.ts

@@ -1,6 +1,6 @@
 export { TreeWidget } from "./tree-widget-react/TreeWidget.js";
 export { createTreeWidget, TreeWidgetComponent } from "./tree-widget-react/components/TreeWidgetUiItemsProvider.js";
-export { SelectableTree, SelectableTreeDefinition } from "./tree-widget-react/components/SelectableTree.js";
-export { TreeWithHeader } from "./tree-widget-react/components/tree-header/TreeWithHeader.js";
+export { TreeDefinition } from "./tree-widget-react/components/TreeWidgetComponentImpl.js";
+export { SelectableTree } from "./tree-widget-react/components/tree-header/SelectableTree.js";
 export * from "./tree-widget-react/components/trees/index.js";
 //# sourceMappingURL=tree-widget-react.d.ts.map

package/lib/esm/tree-widget-react.js

@@ -4,7 +4,6 @@
  *--------------------------------------------------------------------------------------------*/
 export { TreeWidget } from "./tree-widget-react/TreeWidget.js";
 export { createTreeWidget, TreeWidgetComponent } from "./tree-widget-react/components/TreeWidgetUiItemsProvider.js";
-export { SelectableTree } from "./tree-widget-react/components/SelectableTree.js";
-export { TreeWithHeader } from "./tree-widget-react/components/tree-header/TreeWithHeader.js";
+export { SelectableTree } from "./tree-widget-react/components/tree-header/SelectableTree.js";
 export * from "./tree-widget-react/components/trees/index.js";
 //# sourceMappingURL=tree-widget-react.js.map

package/lib/esm/tree-widget-react.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-widget-react.js","sourceRoot":"","sources":["../../src/tree-widget-react.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,6DAA6D,CAAC;AACpH,OAAO,EAAE,cAAc,EAA4B,MAAM,kDAAkD,CAAC;AAC5G,OAAO,EAAE,cAAc,EAAE,MAAM,8DAA8D,CAAC;AAC9F,cAAc,+CAA+C,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\nexport { TreeWidget } from \"./tree-widget-react/TreeWidget.js\";\nexport { createTreeWidget, TreeWidgetComponent } from \"./tree-widget-react/components/TreeWidgetUiItemsProvider.js\";\nexport { SelectableTree, SelectableTreeDefinition } from \"./tree-widget-react/components/SelectableTree.js\";\nexport { TreeWithHeader } from \"./tree-widget-react/components/tree-header/TreeWithHeader.js\";\nexport * from \"./tree-widget-react/components/trees/index.js\";\n"]}
+{"version":3,"file":"tree-widget-react.js","sourceRoot":"","sources":["../../src/tree-widget-react.ts"],"names":[],"mappings":"AAAA;;;gGAGgG;AAEhG,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,gBAAgB,EAAE,mBAAmB,EAAE,MAAM,6DAA6D,CAAC;AAEpH,OAAO,EAAE,cAAc,EAAE,MAAM,8DAA8D,CAAC;AAC9F,cAAc,+CAA+C,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\nexport { TreeWidget } from \"./tree-widget-react/TreeWidget.js\";\nexport { createTreeWidget, TreeWidgetComponent } from \"./tree-widget-react/components/TreeWidgetUiItemsProvider.js\";\nexport { TreeDefinition } from \"./tree-widget-react/components/TreeWidgetComponentImpl.js\";\nexport { SelectableTree } from \"./tree-widget-react/components/tree-header/SelectableTree.js\";\nexport * from \"./tree-widget-react/components/trees/index.js\";\n"]}

package/lib/public/locales/en/TreeWidget.json

@@ -5,7 +5,7 @@
   "header": {
     "dropdownMore": "More",
     "searchBox": {
-      "searchForSomething": "Search for something",
+      "searchForSomething": "Search the tree",
       "search": "Search...",
       "open": "Open",
       "close": "Close",
@@ -13,59 +13,25 @@
       "previous": "Previous"
     }
   },
+  "loading": {
+    "filter": "Filtering in progress",
+    "skeleton": "Loading tree"
+  },
   "selectableTree": {
     "noTrees": "There are no trees available for this iModel."
   },
   "errorState": {
     "title": "Error",
-    "description": "An error occurred while loading tree content.",
+    "description": "Failed to load tree",
     "retryButtonLabel": "Retry"
   },
   "visibilityTooltips": {
     "status": {
-      "visible": "Visible",
-      "hidden": "Hidden",
+      "visible": "Hide",
+      "hidden": "Show",
       "disabled": "Disabled",
-      "partial": "Partially visible"
-    },
-    "modelsTree": {
-      "subject": {
-        "nonSpatialView": "Active view is not spatial",
-        "allModelsHidden": "All models are hidden",
-        "someModelsHidden": "Some models are hidden",
-        "allModelsVisible": "All models are visible"
-      },
-      "model": {
-        "nonSpatialView": "Active view is not spatial",
-        "hiddenThroughModelSelector": "Model display is hidden through model selector",
-        "someCategoriesHidden": "Some categories are visible and some are hidden",
-        "allCategoriesVisible": "All categories visible",
-        "allCategoriesHidden": "All categories hidden"
-      },
-      "category": {
-        "displayedThroughPerModelOverride": "Per-model category override set to 'Show'",
-        "hiddenThroughPerModelOverride": "Per-model category override set to 'Hide'",
-        "displayedThroughCategorySelector": "Category display enabled through category selector",
-        "hiddenThroughCategorySelector": "Category display disabled through category selector",
-        "allElementsHidden": "All category elements are in the never drawn list or none of the category elements are in the exclusive always drawn list",
-        "someElementsAreHidden": "There are both visible and hidden elements in this category",
-        "allElementsVisible": "All category elements are in the always drawn list",
-        "hiddenThroughModel": "Model is hidden"
-      },
-      "element": {
-        "hiddenThroughNeverDrawnList": "Element(s) in \"never drawn\" list",
-        "displayedThroughAlwaysDrawnList": "Element(s) in \"always drawn\" list",
-        "hiddenDueToOtherElementsExclusivelyAlwaysDrawn": "Other elements in \"exclusively always drawn\" list",
-        "hiddenThroughModel": "Model is not displayed",
-        "hiddenThroughCategory": "Category is not displayed"
-      },
-      "groupingNode": {
-        "allElementsHidden": "All elements are in the never drawn list or none of the elements are in the exclusive always drawn list",
-        "someElementsAreHidden": "There are both visible and hidden elements",
-        "allElementsVisible": "All elements are in the always drawn list",
-        "visibleThroughCategory": "All elements are visible through category",
-        "hiddenThroughCategory": "All elements are hidden through category"
-      }
+      "partial": "Show",
+      "determining": "Determining visibility..."
     }
   },
   "categoriesTree": {
@@ -82,9 +48,11 @@
       }
     },
     "filtering": {
-      "noMatches": "There are no categories matching filter \"{{filter}}\"",
+      "noMatches": "No results were found for your search query.",
+      "noMatchesRetry": "Please modify your search and try again.",
       "unknownFilterError": "An unknown error occurred while filtering the tree.",
-      "tooManyFilterMatches": "There are too many matches for the given filter. Please be more specific."
+      "tooManyFilterMatches": "There are too many matches for your search query.",
+      "tooManyFilterMatchesRetry": "Please refine your search and try again."
     }
   },
   "modelsTree": {
@@ -113,15 +81,21 @@
         },
         "disable": {
           "tooltip": "Disable instance focus mode"
+        },
+        "disabled": {
+          "tooltip": "Instance focus mode is disabled while search is active"
         }
       }
     },
     "filtering": {
-      "noMatches": "There are no nodes matching filter \"{{filter}}\"",
+      "noMatches": "No results were found for your search query.",
+      "noMatchesRetry": "Please modify your search and try again.",
       "unknownFilterError": "An unknown error occurred while filtering the tree.",
-      "unknownInstanceFocusError": "An unknown error occurred while focusing instances. <link>Disable the focus mode</link>.",
-      "tooManyFilterMatches": "There are too many matches for the given filter. Please be more specific.",
-      "tooManyInstancesFocused": "There are too many elements selected for focus mode. Please select fewer elements or <link>disable the focus mode</link>."
+      "unknownInstanceFocusError": "An unknown error occurred while focusing instances.",
+      "tooManyFilterMatches": "There are too many matches for your search query.",
+      "tooManyFilterMatchesRetry": "Please refine your search and try again.",
+      "tooManyInstancesFocused": "There are too many elements selected for focus mode.",
+      "disableInstanceFocusMode": "Disable the focus mode"
     }
   },
   "imodelContentTree": {
@@ -143,12 +117,15 @@
     "other": "Other",
     "loading": "Loading...",
     "filterHierarchyLevel": "Apply filter",
-    "clearHierarchyLevelFilter": "Clear active filter",
-    "noFilteredChildren": "No child nodes match current filter",
-    "resultLimitExceeded": "There are more items than allowed limit of {{limit}}.",
-    "resultLimitExceededWithFiltering": "Please provide <link>additional filtering</link> - there are more items than allowed limit of {{limit}}.",
-    "increaseHierarchyLimit": "<link>Increase the hierarchy level size limit to {{limit}}.</link>",
-    "increaseHierarchyLimitWithFiltering": "Or, <link>increase the hierarchy level size limit to {{limit}}.</link>",
+    "filterHierarchyLevelActiveDescription": "Filter is applied",
+    "noFilteredChildrenChangeFilter": "Change filter",
+    "failedToCreateHierarchy": "Failed to create hierarchy for {{node}}.",
+    "clearHierarchyLevelFilter": "Clear active filter.",
+    "noFilteredChildren": "No matches for current filter for {{node}}.",
+    "resultLimitExceeded": "The hierarchy for {{node}} contains {{limit}}+ items. Try using filters or increase the limit.",
+    "issuesFound": "issue(s) found",
+    "increaseHierarchyLimit": "Increase limit to {{limit}}",
+    "increaseHierarchyLimitWithFiltering": "Add Filter",
     "retry": "Retry"
   }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/tree-widget-react",
-  "version": "4.0.0-alpha.1",
+  "version": "4.0.0-alpha.10",
   "description": "Tree Widget React",
   "keywords": [
     "Bentley",
@@ -23,22 +23,28 @@
     ".": {
       "import": "./lib/esm/tree-widget-react.js"
     },
+    "./internal": {
+      "import": "./lib/esm/tree-widget-react-internal.js",
+      "require": "./lib/cjs/tree-widget-react-internal.js"
+    },
     "./package.json": "./package.json"
   },
   "scripts": {
-    "build": "npm run -s dual-build && npm run -s copy:assets",
-    "dual-build": "npm run -s build:esm",
+    "build": "npm run -s build:esm && npm run -s copy:assets",
     "build:esm": "tsc 1>&2 -p tsconfig.esm.json",
     "copy:assets": "npm run -s copy:public && npm run -s copy:esm",
     "copy:public": "cpx \"./public/**/*\" ./lib/public",
     "copy:esm": "cpx \"./src/**/*.{css,scss,json}\" ./lib/esm",
+    "cover": "c8 npm run test",
     "extract-api": "betools extract-api --entry=lib/esm/tree-widget-react --apiReportFolder=./api --apiReportTempFolder=./api/temp --apiSummaryFolder=./api --includeUnexportedApis",
     "check-internal": "node ../../../scripts/checkInternal.js --apiSummary ./api/tree-widget-react.api.md",
     "lint": "npm run lint:eslint && npm run lint:stylelint",
     "lint:eslint": "eslint -f visualstudio \"./src/**/*.{ts,tsx}\" 1>&2",
-    "lint:stylelint": "stylelint \"./src/**/*.scss\"",
+    "lint:stylelint": "stylelint \"./src/**/*.css\"",
     "lint:fix": "npm run lint:eslint -- --fix && npm run lint:stylelint -- --fix",
     "pseudolocalize": "betools pseudolocalize --englishDir ./public/locales/en --out ./lib/public/locales/en-PSEUDO",
+    "test:dev": "node --experimental-test-module-mocks --enable-source-maps --import ../../../node-hooks/ignore-styles/register.cjs ./node_modules/mocha/bin/mocha.js --config ./.mocharc.json",
+    "test": "npm run test:dev -- --parallel --jobs=4",
     "test:e2e": "node ../../../scripts/run-e2e-with-docker.js tree-widget",
     "test:e2e:local": "node ../../../scripts/run-e2e-tests.js",
     "test:e2e:debug": "cross-env PWDEBUG=1 playwright test --ui",
@@ -48,98 +54,94 @@
     "check-extractions": "node ../../../scripts/updateExtractions.js --targets=./README.md --check"
   },
   "peerDependencies": {
-    "@itwin/appui-abstract": "^4.0.0",
-    "@itwin/appui-react": "^4.10.0 || ^5.0.0",
-    "@itwin/components-react": "^4.10.0 || ^5.0.0",
-    "@itwin/core-frontend": "^4.0.0",
-    "@itwin/ecschema-metadata": "^4.0.0",
-    "@itwin/itwinui-react": "^5.0.0-alpha.4",
-    "@itwin/itwinui-icons": "^5.0.0-alpha.2",
-    "@itwin/presentation-components": "^5.0.0",
-    "react": "^17.0.0 || ^18.0.0",
-    "react-dom": "^17.0.0 || ^18.0.0"
+    "@itwin/appui-abstract": "5.0.0-dev.111",
+    "@itwin/appui-react": "^5.5.0",
+    "@itwin/components-react": "^5.5.0",
+    "@itwin/core-frontend": "5.0.0-dev.111",
+    "@itwin/ecschema-metadata": "5.0.0-dev.111",
+    "@stratakit/icons": "^0.1.0",
+    "@stratakit/bricks": "^0.2.0",
+    "@stratakit/foundations": "^0.1.3",
+    "@stratakit/structures": "^0.1.1",
+    "@itwin/presentation-components": "^5.12.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0"
   },
   "dependencies": {
-    "@itwin/itwinui-icons-react": "^2.9.0",
-    "@itwin/itwinui-illustrations-react": "^2.1.0",
-    "@itwin/presentation-core-interop": "^1.2.0",
-    "@itwin/presentation-hierarchies": "^1.4.1",
-    "@itwin/presentation-hierarchies-react": "^2.0.0-alpha.2",
-    "@itwin/presentation-shared": "^1.2.0",
-    "@itwin/unified-selection": "^1.3.0",
-    "@itwin/unified-selection-react": "^1.0.0",
+    "@itwin/presentation-core-interop": "^1.4.0-alpha.1",
+    "@itwin/presentation-hierarchies": "^2.0.0-alpha.0",
+    "@itwin/presentation-hierarchies-react": "2.0.0-alpha.20",
+    "@itwin/presentation-shared": "^2.0.0-alpha.0",
+    "@itwin/unified-selection": "^1.4.2-alpha.0",
     "classnames": "^2.5.1",
-    "react-error-boundary": "^4.1.2",
+    "react-error-boundary": "^5.0.0",
     "rxjs": "^7.8.1"
   },
   "devDependencies": {
-    "@itwin/appui-abstract": "^4.10.2",
-    "@itwin/appui-react": "^5.0.5",
-    "@itwin/build-tools": "^4.10.2",
-    "@itwin/components-react": "^5.0.5",
-    "@itwin/core-backend": "^4.10.2",
-    "@itwin/core-bentley": "^4.10.2",
-    "@itwin/core-common": "^4.10.2",
-    "@itwin/core-frontend": "^4.10.2",
-    "@itwin/core-geometry": "^4.10.2",
-    "@itwin/core-i18n": "^4.10.2",
-    "@itwin/core-markup": "^4.10.2",
-    "@itwin/core-orbitgt": "^4.10.2",
-    "@itwin/core-quantity": "^4.10.2",
-    "@itwin/core-react": "^5.0.5",
-    "@itwin/core-telemetry": "^4.10.2",
-    "@itwin/ecschema-metadata": "^4.10.2",
-    "@itwin/ecschema-rpcinterface-common": "^4.10.2",
-    "@itwin/ecschema-rpcinterface-impl": "^4.10.2",
-    "@itwin/eslint-plugin": "^4.1.1",
-    "@itwin/imodel-components-react": "^5.0.5",
-    "@itwin/itwinui-react": "^5.0.0-alpha.4",
-    "@itwin/itwinui-icons": "^5.0.0-alpha.2",
+    "@itwin/appui-abstract": "5.0.0-dev.111",
+    "@itwin/appui-react": "5.5.0",
+    "@itwin/build-tools": "5.0.0-dev.111",
+    "@itwin/components-react": "5.5.0",
+    "@itwin/core-backend": "5.0.0-dev.111",
+    "@itwin/core-bentley": "5.0.0-dev.111",
+    "@itwin/core-common": "5.0.0-dev.111",
+    "@itwin/core-frontend": "5.0.0-dev.111",
+    "@itwin/core-geometry": "5.0.0-dev.111",
+    "@itwin/core-i18n": "5.0.0-dev.111",
+    "@itwin/core-markup": "5.0.0-dev.111",
+    "@itwin/core-orbitgt": "5.0.0-dev.111",
+    "@itwin/core-quantity": "5.0.0-dev.111",
+    "@itwin/core-react": "5.5.0",
+    "@itwin/ecschema-metadata": "5.0.0-dev.111",
+    "@itwin/ecschema-rpcinterface-common": "5.0.0-dev.111",
+    "@itwin/ecschema-rpcinterface-impl": "5.0.0-dev.111",
+    "@itwin/eslint-plugin": "^5.2.1",
+    "@itwin/imodel-components-react": "5.5.0",
     "@itwin/oidc-signin-tool": "^4.4.0",
-    "@itwin/presentation-backend": "^4.10.2",
-    "@itwin/presentation-common": "^4.10.2",
-    "@itwin/presentation-components": "^5.9.0",
-    "@itwin/presentation-frontend": "^4.10.2",
-    "@itwin/presentation-testing": "^5.3.0",
-    "@itwin/webgl-compatibility": "^4.10.2",
+    "@itwin/presentation-backend": "5.0.0-dev.111",
+    "@itwin/presentation-common": "5.0.0-dev.111",
+    "@itwin/presentation-components": "5.12.2-alpha.1",
+    "@itwin/presentation-frontend": "5.0.0-dev.111",
+    "@itwin/presentation-testing": "5.4.3-alpha.1",
+    "@itwin/webgl-compatibility": "5.0.0-dev.111",
+    "@stratakit/icons": "^0.1.0",
+    "@stratakit/bricks": "^0.2.0",
+    "@stratakit/foundations": "^0.1.3",
+    "@stratakit/structures": "^0.1.1",
     "@playwright/test": "^1.48.2",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.2.0",
-    "@testing-library/user-event": "^14.6.0",
-    "@types/chai": "^4.3.16",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/chai": "^5.2.1",
     "@types/chai-as-promised": "^8.0.1",
     "@types/chai-jest-snapshot": "^1.3.8",
-    "@types/chai-subset": "^1.3.5",
     "@types/deep-equal": "^1.0.1",
-    "@types/jsdom": "^21.1.6",
+    "@types/jsdom": "^21.1.7",
     "@types/mocha": "^10.0.10",
-    "@types/node": "^18.18.10",
+    "@types/node": "^22.13.9",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@types/sinon": "^17.0.3",
     "@types/sinon-chai": "^4.0.0",
-    "@typescript-eslint/eslint-plugin": "^7.16.1",
-    "@typescript-eslint/parser": "^7.16.1",
     "c8": "^10.1.3",
-    "chai": "^4.5.0",
+    "chai": "^5.2.0",
     "chai-as-promised": "^8.0.1",
     "chai-jest-snapshot": "^2.0.0",
-    "chai-subset": "^1.6.0",
     "cpx2": "^3.0.0",
     "cross-env": "^7.0.3",
     "deep-equal": "^1.0.0",
     "dotenv": "^16.3.1",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-import": "^2.29.1",
-    "eslint-plugin-react": "^7.34.4",
-    "eslint-plugin-unused-imports": "^3.2.0",
+    "eslint": "^9.26.0",
+    "eslint-config-prettier": "^10.1.5",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-unused-imports": "^4.1.4",
     "fast-xml-parser": "^4.3.6",
-    "global-jsdom": "^9.2.0",
+    "global-jsdom": "^26.0.0",
     "http-server": "^14.1.1",
     "ignore-styles": "^5.0.1",
-    "jsdom": "^23.1.0",
-    "mocha": "^11.0.1",
+    "jsdom": "^26.0.0",
+    "mocha": "^11.1.0",
     "postcss": "^8.4.32",
     "raf": "^3.4.0",
     "react": "^18.3.1",
@@ -148,12 +150,11 @@
     "redux": "^4.1.0",
     "rimraf": "^6.0.1",
     "sinon": "^19.0.2",
-    "sinon-chai": "^3.7.0",
+    "sinon-chai": "^4.0.0",
     "stylelint": "^15.11.0",
     "stylelint-config-standard-scss": "^11.1.0",
-    "testdouble": "^3.20.2",
     "typemoq": "^2.1.0",
-    "typescript": "~5.2.0"
+    "typescript": "~5.8.3"
   },
   "eslintConfig": {
     "extends": [
@@ -162,8 +163,8 @@
   },
   "pnpm": {
     "overrides": {
-      "@itwin/oidc-signin-tool>@itwin/core-common": "4.10.2",
-      "@itwin/service-authorization>@itwin/core-common": "4.10.2"
+      "@itwin/oidc-signin-tool>@itwin/core-common": "5.0.0-dev.111",
+      "@itwin/service-authorization>@itwin/core-common": "5.0.0-dev.111"
     }
   }
 }

package/lib/esm/tree-widget-react/components/SelectableTree.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectableTree.js","sourceRoot":"","sources":["../../../../src/tree-widget-react/components/SelectableTree.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAEhG,OAAO,uBAAuB,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AA+CjD;;;GAGG;AACH,MAAM,UAAU,cAAc,CAAC,KAA0B;IACvD,MAAM,MAAM,GAAG,yBAAyB,EAAE,CAAC;IAC3C,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IACD,OAAO,KAAC,qBAAqB,OAAK,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,CAAC;AAC9D,CAAC;AAED,SAAS,qBAAqB,CAAC,KAAyD;IACtF,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IACjD,MAAM,KAAK,GAAG,cAAc,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;IAEtD,OAAO,CACL,cAAK,SAAS,EAAC,6BAA6B,YAC1C,KAAC,YAAY,OAAK,oBAAoB,CAAC,KAAK,CAAC,EAAE,qBAAqB,EAAE,KAAK,CAAC,qBAAqB,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa,GAAI,GACrI,CACP,CAAC;AACJ,CAAC;AAED,SAAS,cAAc,CAAC,eAA2C,EAAE,MAAwB;IAC3F,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,EAA2B,CAAC;IAE9D,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,GAAG,KAAK,CAAC;QACrB,KAAK,CAAC,KAAK,IAAI,EAAE;YACf,MAAM,YAAY,GAAG,MAAM,cAAc,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;YACnE,IAAI,CAAC,QAAQ,EAAE;gBACb,QAAQ,CAAC,YAAY,CAAC,CAAC;aACxB;QACH,CAAC,CAAC,EAAE,CAAC;QAEL,OAAO,GAAG,EAAE;YACV,QAAQ,GAAG,IAAI,CAAC;QAClB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC,CAAC;IAE9B,OAAO,KAAK,CAAC;AACf,CAAC;AAED,KAAK,UAAU,cAAc,CAAC,eAA2C,EAAE,MAAwB;IACjG,MAAM,gBAAgB,GAAG,KAAK,EAAE,OAAiC,EAAE,EAAE;QACnE,IAAI,OAAO,CAAC,UAAU,KAAK,SAAS,IAAI,CAAC,CAAC,MAAM,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,EAAE;YAC3E,OAAO,SAAS,CAAC;SAClB;QACD,OAAO;YACL,EAAE,EAAE,OAAO,CAAC,EAAE;YACd,KAAK,EAAE,OAAO,CAAC,QAAQ,EAAE;YACzB,MAAM,EAAE,OAAO,CAAC,MAAM;YACtB,SAAS,EAAE,OAAO,CAAC,SAAS;SAC7B,CAAC;IACJ,CAAC,CAAC;IAEF,OAAO,CAAC,MAAM,OAAO,CAAC,GAAG,CAAC,eAAe,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,KAAK,SAAS,CAA4B,CAAC;AACpI,CAAC;AAED,SAAS,oBAAoB,CAAC,KAA+B;IAC3D,IAAI,KAAK,KAAK,SAAS,EAAE;QACvB,OAAO;YACL,wBAAwB,EAAE,SAAS;YACnC,KAAK,EAAE;gBACL;oBACE,EAAE,EAAE,SAAS;oBACb,KAAK,EAAE,EAAE;oBACT,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,KAAC,OAAO,cAEN,KAAC,OAAO,KAAG,GACH,CACX;iBACF;aACF;SACF,CAAC;KACH;IAED,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;QACtB,OAAO;YACL,wBAAwB,EAAE,UAAU;YACpC,KAAK,EAAE;gBACL;oBACE,EAAE,EAAE,UAAU;oBACd,KAAK,EAAE,EAAE;oBACT,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,cAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,SAAS,EAAC,gCAAgC,YACxH,UAAU,CAAC,SAAS,CAAC,wBAAwB,CAAC,GAC3C,CACP;iBACF;aACF;SACF,CAAC;KACH;IAED,OAAO;QACL,wBAAwB,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;QACrC,KAAK;KACN,CAAC;AACJ,CAAC;AAED,SAAS,OAAO,CAAC,EAAE,KAAK,GAAG,GAAG,EAAE,QAAQ,EAAyC;IAC/E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE;YACzB,OAAO,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,EAAE,KAAK,CAAC,CAAC;QACV,OAAO,GAAG,EAAE;YACV,YAAY,CAAC,EAAE,CAAC,CAAC;QACnB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,IAAI,CAAC;KACb;IAED,OAAO,4BAAG,QAAQ,GAAI,CAAC;AACzB,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 \"./SelectableTree.scss\";\nimport { useEffect, useState } from \"react\";\nimport { useActiveIModelConnection } from \"@itwin/appui-react\";\nimport { Spinner } from \"@itwin/itwinui-react/bricks\";\nimport { TreeWidget } from \"../TreeWidget.js\";\nimport { TreeSelector } from \"./TreeSelector.js\";\n\nimport type { PropsWithChildren } from \"react\";\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { TreeContentDefinition, TreeSelectorProps } from \"./TreeSelector.js\";\n/**\n * Props for rendering trees\n * @public\n */\nexport interface SelectableTreeRenderProps {\n  density?: \"enlarged\" | \"default\";\n  onPerformanceMeasured?: (featureId: string, elapsedTime: number) => void;\n  onFeatureUsed?: (feature: string) => void;\n}\n\n// TODO: fix interface so startIcon type is taken from this interface for `TreeSelector`\n/**\n * Definition of a tree component displayed in `SelectableTree`.\n * @public\n */\nexport interface SelectableTreeDefinition {\n  /** Id of the tree */\n  id: string;\n  /** Callback that is used to get tree label */\n  getLabel: () => string;\n  /** Callback that is used to render tree component */\n  render: (props: SelectableTreeRenderProps) => React.ReactNode;\n  /**\n   * Callback that is used to determine if tree should be shown for current active iModel connection.\n   * If callback is `undefined` tree is shown for all iModel connections.\n   */\n  shouldShow?: (imodel: IModelConnection) => Promise<boolean>;\n  /** Icon to render before tree label in tree selector */\n  startIcon?: React.ReactNode;\n}\n\n/**\n * Props for `SelectableTree`\n * @public\n */\nexport interface SelectableTreeProps {\n  trees: SelectableTreeDefinition[];\n  density?: \"enlarged\" | \"default\";\n  onPerformanceMeasured?: (feature: string, elapsedTime: number) => void;\n  onFeatureUsed?: (feature: string) => void;\n}\n\n/**\n * A component that renders a tree (combo box) selector and the selected tree component.\n * @public\n */\nexport function SelectableTree(props: SelectableTreeProps) {\n  const imodel = useActiveIModelConnection();\n  if (!imodel) {\n    return null;\n  }\n  return <SelectableTreeContent {...props} imodel={imodel} />;\n}\n\nfunction SelectableTreeContent(props: SelectableTreeProps & { imodel: IModelConnection }) {\n  const { trees: treeDefinitions, imodel } = props;\n  const trees = useActiveTrees(treeDefinitions, imodel);\n\n  return (\n    <div className=\"tree-widget-selectable-tree\">\n      <TreeSelector {...getTreeSelectorProps(trees)} onPerformanceMeasured={props.onPerformanceMeasured} onFeatureUsed={props.onFeatureUsed} />\n    </div>\n  );\n}\n\nfunction useActiveTrees(treeDefinitions: SelectableTreeDefinition[], imodel: IModelConnection) {\n  const [trees, setTrees] = useState<TreeContentDefinition[]>();\n\n  useEffect(() => {\n    let disposed = false;\n    void (async () => {\n      const visibleTrees = await getActiveTrees(treeDefinitions, imodel);\n      if (!disposed) {\n        setTrees(visibleTrees);\n      }\n    })();\n\n    return () => {\n      disposed = true;\n    };\n  }, [treeDefinitions, imodel]);\n\n  return trees;\n}\n\nasync function getActiveTrees(treeDefinitions: SelectableTreeDefinition[], imodel: IModelConnection): Promise<TreeContentDefinition[]> {\n  const handleDefinition = async (treeDef: SelectableTreeDefinition) => {\n    if (treeDef.shouldShow !== undefined && !(await treeDef.shouldShow(imodel))) {\n      return undefined;\n    }\n    return {\n      id: treeDef.id,\n      label: treeDef.getLabel(),\n      render: treeDef.render,\n      startIcon: treeDef.startIcon,\n    };\n  };\n\n  return (await Promise.all(treeDefinitions.map(handleDefinition))).filter((tree) => tree !== undefined) as TreeContentDefinition[];\n}\n\nfunction getTreeSelectorProps(trees?: TreeContentDefinition[]): TreeSelectorProps {\n  if (trees === undefined) {\n    return {\n      defaultSelectedContentId: \"loading\",\n      trees: [\n        {\n          id: \"loading\",\n          label: \"\",\n          render: () => (\n            <Delayed>\n              {/* <ProgressLinear indeterminate={true} /> */}\n              <Spinner />\n            </Delayed>\n          ),\n        },\n      ],\n    };\n  }\n\n  if (trees.length === 0) {\n    return {\n      defaultSelectedContentId: \"no-trees\",\n      trees: [\n        {\n          id: \"no-trees\",\n          label: \"\",\n          render: () => (\n            <div style={{ display: \"flex\", justifyContent: \"center\", alignItems: \"center\" }} className=\"tree-widget-no-trees-container\">\n              {TreeWidget.translate(\"selectableTree.noTrees\")}\n            </div>\n          ),\n        },\n      ],\n    };\n  }\n\n  return {\n    defaultSelectedContentId: trees[0].id,\n    trees,\n  };\n}\n\nfunction Delayed({ delay = 200, children }: PropsWithChildren<{ delay?: number }>) {\n  const [show, setShow] = useState(false);\n\n  useEffect(() => {\n    const id = setTimeout(() => {\n      setShow(true);\n    }, delay);\n    return () => {\n      clearTimeout(id);\n    };\n  }, [delay]);\n\n  if (!show) {\n    return null;\n  }\n\n  return <>{children}</>;\n}\n"]}

package/lib/esm/tree-widget-react/components/TreeSelector.d.ts

@@ -1,30 +0,0 @@
-/// <reference types="react" />
-import "./TreeSelector.scss";
-import type { SelectableTreeRenderProps } from "./SelectableTree.js";
-/**
- * A definition for trees displayed in `TreeSelector`
- * @internal
- */
-export interface TreeContentDefinition {
-    id: string;
-    label: string;
-    render: (props: SelectableTreeRenderProps) => React.ReactNode;
-    startIcon?: React.ReactNode;
-}
-/**
- * Props for `TreeSelector`
- * @internal
- */
-export interface TreeSelectorProps {
-    defaultSelectedContentId: string;
-    trees: TreeContentDefinition[];
-    onPerformanceMeasured?: (feature: string, elapsedTime: number) => void;
-    onFeatureUsed?: (feature: string) => void;
-}
-/**
- * A component that accepts a list of trees and renders a select box at the top,
- * allowing to choose which of the provided tree components should be rendered at the bottom.
- * @internal
- */
-export declare function TreeSelector({ defaultSelectedContentId, trees, onFeatureUsed, onPerformanceMeasured }: TreeSelectorProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=TreeSelector.d.ts.map

package/lib/esm/tree-widget-react/components/TreeSelector.js

@@ -1,23 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-import "./TreeSelector.scss";
-import { useState } from "react";
-import { Select } from "@itwin/itwinui-react/bricks";
-/**
- * A component that accepts a list of trees and renders a select box at the top,
- * allowing to choose which of the provided tree components should be rendered at the bottom.
- * @internal
- */
-export function TreeSelector({ defaultSelectedContentId, trees, onFeatureUsed, onPerformanceMeasured }) {
-    const [selectedContentId, setSelectedContentId] = useState(defaultSelectedContentId);
-    const selectedContent = trees.find((c) => c.id === selectedContentId) ?? trees[0];
-    return (_jsxs("div", { className: "presentation-components-tree-selector-content", children: [_jsx("div", { className: "presentation-components-tree-selector-content-header", children: trees.length > 0 && (_jsx(Select.Root, { children: _jsx(Select.HtmlSelect, { value: selectedContent.id, onChange: (e) => {
-                            const treeId = e.target.value;
-                            onFeatureUsed?.(`choose-${treeId}`);
-                            setSelectedContentId(treeId);
-                        }, children: trees.map((tree) => (_jsxs("option", { value: tree.id, children: [tree.startIcon, tree.label] }, tree.id))) }) })) }), _jsx("div", { className: "presentation-components-tree-selector-content-wrapper", children: selectedContent?.render({ onPerformanceMeasured, onFeatureUsed }) })] }));
-}
-//# sourceMappingURL=TreeSelector.js.map

package/lib/esm/tree-widget-react/components/TreeSelector.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeSelector.js","sourceRoot":"","sources":["../../../../src/tree-widget-react/components/TreeSelector.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAEhG,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,6BAA6B,CAAC;AA0BrD;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,EAAE,wBAAwB,EAAE,KAAK,EAAE,aAAa,EAAE,qBAAqB,EAAqB;IACvH,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,QAAQ,CAAC,wBAAwB,CAAC,CAAC;IACrF,MAAM,eAAe,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,iBAAiB,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,CAAC;IAElF,OAAO,CACL,eAAK,SAAS,EAAC,+CAA+C,aAC5D,cAAK,SAAS,EAAC,sDAAsD,YAClE,KAAK,CAAC,MAAM,GAAG,CAAC,IAAI,CACnB,KAAC,MAAM,CAAC,IAAI,cACV,KAAC,MAAM,CAAC,UAAU,IAChB,KAAK,EAAE,eAAe,CAAC,EAAE,EACzB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE;4BACd,MAAM,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;4BAC9B,aAAa,EAAE,CAAC,UAAU,MAAM,EAAE,CAAC,CAAC;4BACpC,oBAAoB,CAAC,MAAM,CAAC,CAAC;wBAC/B,CAAC,YAEA,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,kBAAsB,KAAK,EAAE,IAAI,CAAC,EAAE,aACjC,IAAI,CAAC,SAAS,EACd,IAAI,CAAC,KAAK,KAFA,IAAI,CAAC,EAAE,CAGX,CACV,CAAC,GACgB,GACR,CACf,GACG,EACN,cAAK,SAAS,EAAC,uDAAuD,YAAE,eAAe,EAAE,MAAM,CAAC,EAAE,qBAAqB,EAAE,aAAa,EAAE,CAAC,GAAO,IAC5I,CACP,CAAC;AACJ,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 \"./TreeSelector.scss\";\nimport { useState } from \"react\";\nimport { Select } from \"@itwin/itwinui-react/bricks\";\n\nimport type { SelectableTreeRenderProps } from \"./SelectableTree.js\";\n\n/**\n * A definition for trees displayed in `TreeSelector`\n * @internal\n */\nexport interface TreeContentDefinition {\n  id: string;\n  label: string;\n  render: (props: SelectableTreeRenderProps) => React.ReactNode;\n  startIcon?: React.ReactNode;\n}\n\n/**\n * Props for `TreeSelector`\n * @internal\n */\nexport interface TreeSelectorProps {\n  defaultSelectedContentId: string;\n  trees: TreeContentDefinition[];\n  onPerformanceMeasured?: (feature: string, elapsedTime: number) => void;\n  onFeatureUsed?: (feature: string) => void;\n}\n\n/**\n * A component that accepts a list of trees and renders a select box at the top,\n * allowing to choose which of the provided tree components should be rendered at the bottom.\n * @internal\n */\nexport function TreeSelector({ defaultSelectedContentId, trees, onFeatureUsed, onPerformanceMeasured }: TreeSelectorProps) {\n  const [selectedContentId, setSelectedContentId] = useState(defaultSelectedContentId);\n  const selectedContent = trees.find((c) => c.id === selectedContentId) ?? trees[0];\n\n  return (\n    <div className=\"presentation-components-tree-selector-content\">\n      <div className=\"presentation-components-tree-selector-content-header\">\n        {trees.length > 0 && (\n          <Select.Root>\n            <Select.HtmlSelect\n              value={selectedContent.id}\n              onChange={(e) => {\n                const treeId = e.target.value;\n                onFeatureUsed?.(`choose-${treeId}`);\n                setSelectedContentId(treeId);\n              }}\n            >\n              {trees.map((tree) => (\n                <option key={tree.id} value={tree.id}>\n                  {tree.startIcon}\n                  {tree.label}\n                </option>\n              ))}\n            </Select.HtmlSelect>\n          </Select.Root>\n        )}\n      </div>\n      <div className=\"presentation-components-tree-selector-content-wrapper\">{selectedContent?.render({ onPerformanceMeasured, onFeatureUsed })}</div>\n    </div>\n  );\n}\n"]}

package/lib/esm/tree-widget-react/components/tree-header/TreeHeader.d.ts

@@ -1,32 +0,0 @@
-import "./TreeHeader.scss";
-import type { PropsWithChildren } from "react";
-import type { Viewport } from "@itwin/core-frontend";
-/** @public */
-export interface TreeHeaderButtonProps {
-    viewport: Viewport;
-    onFeatureUsed?: (feature: string) => void;
-}
-/** @beta */
-export interface TreeFilteringProps {
-    /** Filtering is cleared after everything's loaded */
-    onFilterStart: (newFilter: string) => void;
-    /** listens for onClick event for Clear (x) icon */
-    onFilterClear: () => void;
-    /** Total number of results/entries */
-    resultCount?: number;
-    /** Current selected result index */
-    selectedIndex?: number;
-    /** Callback to currently selected result/entry change */
-    onSelectedChanged?: (index: number) => void;
-    /** Should the search box be disabled */
-    isDisabled?: boolean;
-}
-interface TreeHeaderProps {
-    filteringProps?: TreeFilteringProps;
-    /** Modifies the density of tree header. `enlarged` header contains larger content */
-    density?: "default" | "enlarged";
-    className?: string;
-}
-export declare function TreeHeader(props: PropsWithChildren<TreeHeaderProps>): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=TreeHeader.d.ts.map

package/lib/esm/tree-widget-react/components/tree-header/TreeHeader.js

@@ -1,25 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-import "./TreeHeader.scss";
-import classnames from "classnames";
-import { useEffect, useState } from "react";
-/// TODO: ADD SEARCH BOX
-export function TreeHeader(props) {
-    const { filteringProps, density, className, children } = props;
-    const [isSearchOpen, setIsSearchOpen] = useState(false);
-    // const { enabled: instanceFocusEnabled } = useFocusedInstancesContext();
-    const size = density === "enlarged" ? "large" : "small";
-    useEffect(() => {
-        if (filteringProps?.isDisabled) {
-            setIsSearchOpen(false);
-        }
-    }, [filteringProps?.isDisabled]);
-    return (_jsx("div", { className: classnames("tree-widget-tree-header", className), children: _jsx(HeaderButtons, { contracted: isSearchOpen, size: size, children: children }) }));
-}
-function HeaderButtons(props) {
-    return _jsx(_Fragment, { children: props.children });
-}
-//# sourceMappingURL=TreeHeader.js.map

package/lib/esm/tree-widget-react/components/tree-header/TreeHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TreeHeader.js","sourceRoot":"","sources":["../../../../../src/tree-widget-react/components/tree-header/TreeHeader.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAEhG,OAAO,mBAAmB,CAAC;AAC3B,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAc,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAkCnD,wBAAwB;AACxB,MAAM,UAAU,UAAU,CAAC,KAAyC;IAClE,MAAM,EAAE,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC/D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IACjE,0EAA0E;IAC1E,MAAM,IAAI,GAAG,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC;IAExD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,cAAc,EAAE,UAAU,EAAE;YAC9B,eAAe,CAAC,KAAK,CAAC,CAAC;SACxB;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjC,OAAO,CACL,cAAK,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE,SAAS,CAAC,YAC9D,KAAC,aAAa,IAAC,UAAU,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,YAChD,QAAQ,GACK,GACZ,CACP,CAAC;AACJ,CAAC;AAOD,SAAS,aAAa,CAAC,KAA4C;IACjE,OAAO,4BAAG,KAAK,CAAC,QAAQ,GAAI,CAAC;AAC/B,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 \"./TreeHeader.scss\";\nimport classnames from \"classnames\";\nimport React, { useEffect, useState } from \"react\";\n\nimport type { PropsWithChildren } from \"react\";\nimport type { Viewport } from \"@itwin/core-frontend\";\n/** @public */\nexport interface TreeHeaderButtonProps {\n  viewport: Viewport;\n  // density?: \"default\" | \"enlarged\";\n  onFeatureUsed?: (feature: string) => void;\n}\n\n/** @beta */\nexport interface TreeFilteringProps {\n  /** Filtering is cleared after everything's loaded */\n  onFilterStart: (newFilter: string) => void;\n  /** listens for onClick event for Clear (x) icon */\n  onFilterClear: () => void;\n  /** Total number of results/entries */\n  resultCount?: number;\n  /** Current selected result index */\n  selectedIndex?: number;\n  /** Callback to currently selected result/entry change */\n  onSelectedChanged?: (index: number) => void;\n  /** Should the search box be disabled */\n  isDisabled?: boolean;\n}\n\ninterface TreeHeaderProps {\n  filteringProps?: TreeFilteringProps;\n  /** Modifies the density of tree header. `enlarged` header contains larger content */\n  density?: \"default\" | \"enlarged\";\n  className?: string;\n}\n\n/// TODO: ADD SEARCH BOX\nexport function TreeHeader(props: PropsWithChildren<TreeHeaderProps>) {\n  const { filteringProps, density, className, children } = props;\n  const [isSearchOpen, setIsSearchOpen] = useState<boolean>(false);\n  // const { enabled: instanceFocusEnabled } = useFocusedInstancesContext();\n  const size = density === \"enlarged\" ? \"large\" : \"small\";\n\n  useEffect(() => {\n    if (filteringProps?.isDisabled) {\n      setIsSearchOpen(false);\n    }\n  }, [filteringProps?.isDisabled]);\n\n  return (\n    <div className={classnames(\"tree-widget-tree-header\", className)}>\n      <HeaderButtons contracted={isSearchOpen} size={size}>\n        {children}\n      </HeaderButtons>\n    </div>\n  );\n}\n\ninterface HeaderButtonsProps {\n  contracted: boolean;\n  size: \"large\" | \"small\";\n}\n\nfunction HeaderButtons(props: PropsWithChildren<HeaderButtonsProps>) {\n  return <>{props.children}</>;\n}\n"]}