@itwin/tree-widget-react 0.7.2 → 0.9.0-dev.2

package/lib/esm/components/utils/AutoSizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoSizer.js","sourceRoot":"","sources":["../../../../src/components/utils/AutoSizer.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAWtD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACxC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtC,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;QACxD,SAAS,CAAC,CAAC,CAAC,CAAC;QACb,QAAQ,CAAC,CAAC,CAAC,CAAC;IACd,CAAC,EAAE,EAAE,CAAC,CAAC;IACP,MAAM,GAAG,GAAG,iBAAiB,CAAiB,YAAY,CAAC,CAAC;IAE5D,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,IACpD,KAAK,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAC9B,CACP,CAAC;AACJ,CAAC,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*--------------------------------------------------------------------------------------------*/\nimport React, { useCallback, useState } from \"react\";\nimport { useResizeObserver } from \"@itwin/core-react\";\n\nexport interface Size {\n  width: number;\n  height: number;\n}\n\nexport interface AutoSizerProps {\n  children: (size: Size) => React.ReactElement | null;\n}\n\nexport const AutoSizer = (props: AutoSizerProps) => {\n  const [height, setHeight] = useState(0);\n  const [width, setWidth] = useState(0);\n  const handleResize = useCallback((w: number, h: number) => {\n    setHeight(h);\n    setWidth(w);\n  }, []);\n  const ref = useResizeObserver<HTMLDivElement>(handleResize);\n\n  return (\n    <div ref={ref} style={{ width: \"100%\", height: \"100%\" }}>\n      {props.children({ width, height })}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"AutoSizer.js","sourceRoot":"","sources":["../../../../src/components/utils/AutoSizer.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,0BAA0B,EAAE,MAAM,mBAAmB,CAAC;AAW/D,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,KAAqB,EAAE,EAAE;IACjD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACxC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtC,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAS,EAAE,CAAS,EAAE,EAAE;QACxD,SAAS,CAAC,CAAC,CAAC,CAAC;QACb,QAAQ,CAAC,CAAC,CAAC,CAAC;IACd,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,oBAAC,0BAA0B,IAAC,QAAQ,EAAE,YAAY,IAC/C,KAAK,CAAC,QAAQ,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CACP,CAC9B,CAAC;AACJ,CAAC,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*--------------------------------------------------------------------------------------------*/\nimport React, { useCallback, useState } from \"react\";\nimport { ResizableContainerObserver } from \"@itwin/core-react\";\n\nexport interface Size {\n  width: number;\n  height: number;\n}\n\nexport interface AutoSizerProps {\n  children: (size: Size) => React.ReactElement | null;\n}\n\nexport const AutoSizer = (props: AutoSizerProps) => {\n  const [height, setHeight] = useState(0);\n  const [width, setWidth] = useState(0);\n  const handleResize = useCallback((w: number, h: number) => {\n    setHeight(h);\n    setWidth(w);\n  }, []);\n\n  return (\n    <ResizableContainerObserver onResize={handleResize}>\n      {props.children({ height, width })}\n    </ResizableContainerObserver>\n  );\n};\n"]}

package/lib/esm/components/utils/IsPromiseLike.d.ts

@@ -0,0 +1,3 @@
+/** Checks if the specified argument is a promise */
+export declare function isPromiseLike(obj: unknown): obj is PromiseLike<unknown>;
+//# sourceMappingURL=IsPromiseLike.d.ts.map

package/lib/esm/components/{trees/models-tree/ModelsTree.scss → utils/IsPromiseLike.js}

@@ -2,17 +2,8 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/index";
-@import "../VisibilityTreeBase";
-
-.tree-widget-models-tree {
-  @include tree-widget-visibility-tree-base;
-}
-
-.tree-widget-models-tree-container {
-  flex: 1;
-}
-
-.tree-widget-models-tree-toolbar-icon {
-  color: $buic-icon-color;
+/** Checks if the specified argument is a promise */
+export function isPromiseLike(obj) {
+    return !!(obj && (typeof obj === "object") && (typeof obj.then === "function"));
 }
+//# sourceMappingURL=IsPromiseLike.js.map

package/lib/esm/components/utils/IsPromiseLike.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IsPromiseLike.js","sourceRoot":"","sources":["../../../../src/components/utils/IsPromiseLike.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,oDAAoD;AACpD,MAAM,UAAU,aAAa,CAAC,GAAY;IACxC,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO,GAAG,KAAK,QAAQ,CAAC,IAAI,CAAC,OAAQ,GAAW,CAAC,IAAI,KAAK,UAAU,CAAC,CAAC,CAAC;AAC3F,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/** Checks if the specified argument is a promise */\nexport function isPromiseLike(obj: unknown): obj is PromiseLike<unknown> {\n  return !!(obj && (typeof obj === \"object\") && (typeof (obj as any).then === \"function\"));\n}\n"]}

package/lib/esm/types.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { SpatialContainmentTreeProps, StagePanelLocation, StagePanelSection } from "@itwin/appui-react";
+import { StagePanelLocation, StagePanelSection } from "@itwin/appui-react";
 import type { SelectableContentDefinition } from "@itwin/components-react";
 import type { IModelConnection, ScreenViewport } from "@itwin/core-frontend";
 import type { CategoryTreeProps } from "./components/trees/category-tree/CategoriesTree";
@@ -24,7 +24,6 @@ export interface ModelTreeProps extends Omit<ModelsTreeProps, "iModel" | "active
 export interface CategoriesTreeProps extends Omit<CategoryTreeProps, "iModel" | "activeView" | "width" | "height" | "filterInfo" | "onFilterApplied" | "categories"> {
     headerButtons?: Array<(props: CategoriesTreeHeaderButtonProps) => React.ReactNode>;
 }
-export declare type SpatialTreeProps = Omit<SpatialContainmentTreeProps, "iModel" | "width" | "height">;
 export declare const ModelsTreeId = "models-tree";
 export declare const CategoriesTreeId = "categories-tree";
 export declare const SpatialContainmentTreeId = "spatial-containment-tree";
@@ -36,12 +35,10 @@ export interface TreeWidgetOptions {
     additionalTrees?: SelectableContentDefinition[];
     modelsTreeProps?: ModelTreeProps;
     categoriesTreeProps?: CategoriesTreeProps;
-    spatialTreeProps?: SpatialTreeProps;
     defaultTreeId?: string;
     hideTrees?: {
         modelsTree?: boolean;
         categoriesTree?: boolean;
-        spatialTree?: boolean;
     };
 }
 //# sourceMappingURL=types.d.ts.map

package/lib/esm/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAoD/F,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC;AAE1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAElD,MAAM,CAAC,MAAM,wBAAwB,GAAG,0BAA0B,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 type { SpatialContainmentTreeProps, StagePanelLocation, StagePanelSection } from \"@itwin/appui-react\";\nimport type { SelectableContentDefinition } from \"@itwin/components-react\";\nimport type { IModelConnection, ScreenViewport } from \"@itwin/core-frontend\";\nimport type { CategoryTreeProps } from \"./components/trees/category-tree/CategoriesTree\";\nimport type { ModelsTreeProps } from \"./components/trees/models-tree/ModelsTree\";\nimport type { CategoryInfo, ModelInfo } from \"./tree-widget-react\";\n\nexport interface TreeHeaderButtonProps {\n  viewport: ScreenViewport;\n}\n\nexport interface ModelsTreeHeaderButtonProps extends TreeHeaderButtonProps {\n  models: ModelInfo[];\n}\n\nexport interface CategoriesTreeHeaderButtonProps extends TreeHeaderButtonProps {\n  categories: CategoryInfo[];\n  filteredCategories?: CategoryInfo[];\n}\n\nexport interface IModelContentTreeProps\n  extends Omit<React.AllHTMLAttributes<HTMLDivElement>, \"children\"> {\n  iModel: IModelConnection;\n}\n\nexport interface ModelTreeProps extends Omit<ModelsTreeProps,\n| \"iModel\"\n| \"activeView\"\n| \"width\"\n| \"height\"\n| \"filterInfo\"\n| \"onFilterApplied\"\n> { headerButtons?: Array<(props: ModelsTreeHeaderButtonProps) => React.ReactNode> }\n\nexport interface CategoriesTreeProps extends Omit<CategoryTreeProps,\n| \"iModel\"\n| \"activeView\"\n| \"width\"\n| \"height\"\n| \"filterInfo\"\n| \"onFilterApplied\"\n| \"categories\"\n> { headerButtons?: Array<(props: CategoriesTreeHeaderButtonProps) => React.ReactNode> }\n\nexport type SpatialTreeProps = Omit<\n// eslint-disable-next-line deprecation/deprecation\nSpatialContainmentTreeProps,\n\"iModel\" | \"width\" | \"height\"\n>;\n\nexport const ModelsTreeId = \"models-tree\";\n\nexport const CategoriesTreeId = \"categories-tree\";\n\nexport const SpatialContainmentTreeId = \"spatial-containment-tree\";\n\nexport interface TreeWidgetOptions {\n  defaultPanelLocation?: StagePanelLocation;\n  defaultPanelSection?: StagePanelSection;\n  defaultTreeWidgetPriority?: number;\n  enableElementsClassGrouping?: boolean;\n  additionalTrees?: SelectableContentDefinition[];\n  modelsTreeProps?: ModelTreeProps;\n  categoriesTreeProps?: CategoriesTreeProps;\n  spatialTreeProps?: SpatialTreeProps;\n  defaultTreeId?: string;\n  hideTrees?: {\n    modelsTree?: boolean;\n    categoriesTree?: boolean;\n    spatialTree?: boolean;\n  };\n}\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AA8C/F,MAAM,CAAC,MAAM,YAAY,GAAG,aAAa,CAAC;AAE1C,MAAM,CAAC,MAAM,gBAAgB,GAAG,iBAAiB,CAAC;AAElD,MAAM,CAAC,MAAM,wBAAwB,GAAG,0BAA0B,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 { StagePanelLocation, StagePanelSection } from \"@itwin/appui-react\";\nimport type { SelectableContentDefinition } from \"@itwin/components-react\";\nimport type { IModelConnection, ScreenViewport } from \"@itwin/core-frontend\";\nimport type { CategoryTreeProps } from \"./components/trees/category-tree/CategoriesTree\";\nimport type { ModelsTreeProps } from \"./components/trees/models-tree/ModelsTree\";\nimport type { CategoryInfo, ModelInfo } from \"./tree-widget-react\";\n\nexport interface TreeHeaderButtonProps {\n  viewport: ScreenViewport;\n}\n\nexport interface ModelsTreeHeaderButtonProps extends TreeHeaderButtonProps {\n  models: ModelInfo[];\n}\n\nexport interface CategoriesTreeHeaderButtonProps extends TreeHeaderButtonProps {\n  categories: CategoryInfo[];\n  filteredCategories?: CategoryInfo[];\n}\n\nexport interface IModelContentTreeProps\n  extends Omit<React.AllHTMLAttributes<HTMLDivElement>, \"children\"> {\n  iModel: IModelConnection;\n}\n\nexport interface ModelTreeProps extends Omit<ModelsTreeProps,\n| \"iModel\"\n| \"activeView\"\n| \"width\"\n| \"height\"\n| \"filterInfo\"\n| \"onFilterApplied\"\n> { headerButtons?: Array<(props: ModelsTreeHeaderButtonProps) => React.ReactNode> }\n\nexport interface CategoriesTreeProps extends Omit<CategoryTreeProps,\n| \"iModel\"\n| \"activeView\"\n| \"width\"\n| \"height\"\n| \"filterInfo\"\n| \"onFilterApplied\"\n| \"categories\"\n> { headerButtons?: Array<(props: CategoriesTreeHeaderButtonProps) => React.ReactNode> }\n\nexport const ModelsTreeId = \"models-tree\";\n\nexport const CategoriesTreeId = \"categories-tree\";\n\nexport const SpatialContainmentTreeId = \"spatial-containment-tree\";\n\nexport interface TreeWidgetOptions {\n  defaultPanelLocation?: StagePanelLocation;\n  defaultPanelSection?: StagePanelSection;\n  defaultTreeWidgetPriority?: number;\n  enableElementsClassGrouping?: boolean;\n  additionalTrees?: SelectableContentDefinition[];\n  modelsTreeProps?: ModelTreeProps;\n  categoriesTreeProps?: CategoriesTreeProps;\n  defaultTreeId?: string;\n  hideTrees?: {\n    modelsTree?: boolean;\n    categoriesTree?: boolean;\n  };\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itwin/tree-widget-react",
-  "version": "0.7.2",
+  "version": "0.9.0-dev.2",
   "description": "Tree Widget React",
   "keywords": [
     "Bentley",
@@ -20,8 +20,9 @@
   "module": "lib/esm/tree-widget-react.js",
   "typings": "lib/cjs/tree-widget-react",
   "dependencies": {
-    "@itwin/itwinui-icons-react": "^1.8.0",
-    "@itwin/itwinui-react": "^1.40.1",
+    "@itwin/itwinui-icons-react": "^2.1.0",
+    "@itwin/itwinui-react": "^2.7.0",
+    "@itwin/itwinui-variables": "^2.0.0",
     "classnames": "^2.3.1",
     "i18next": "^10.2.2",
     "react-redux": "^7.2.0",
@@ -29,34 +30,37 @@
     "rxjs": "^6.6.2"
   },
   "devDependencies": {
-    "@itwin/appui-abstract": "~3.6.0",
-    "@itwin/appui-layout-react": "~3.6.0",
-    "@itwin/appui-react": "~3.6.0",
-    "@itwin/build-tools": "~3.6.0",
-    "@itwin/components-react": "~3.6.0",
-    "@itwin/core-bentley": "~3.6.0",
-    "@itwin/core-common": "~3.6.0",
-    "@itwin/core-frontend": "~3.6.0",
-    "@itwin/core-geometry": "~3.6.0",
-    "@itwin/core-i18n": "~3.6.0",
-    "@itwin/core-markup": "~3.6.0",
-    "@itwin/core-orbitgt": "~3.6.0",
-    "@itwin/core-quantity": "~3.6.0",
-    "@itwin/core-react": "~3.6.0",
-    "@itwin/eslint-plugin": "~3.6.0",
-    "@itwin/imodel-components-react": "~3.6.0",
-    "@itwin/presentation-common": "~3.6.0",
-    "@itwin/presentation-components": "~3.6.0",
-    "@itwin/presentation-frontend": "~3.6.0",
-    "@itwin/presentation-testing": "~3.6.0",
-    "@itwin/webgl-compatibility": "~3.6.0",
+    "@itwin/appui-abstract": "3.7.0",
+    "@itwin/appui-layout-react": "4.0.0-dev.13",
+    "@itwin/appui-react": "4.0.0-dev.13",
+    "@itwin/build-tools": "3.7.0",
+    "@itwin/components-react": "4.0.0-dev.13",
+    "@itwin/core-backend": "3.7.0",
+    "@itwin/core-bentley": "3.7.0",
+    "@itwin/core-common": "3.7.0",
+    "@itwin/core-frontend": "3.7.0",
+    "@itwin/core-geometry": "3.7.0",
+    "@itwin/core-i18n": "3.7.0",
+    "@itwin/core-markup": "3.7.0",
+    "@itwin/core-orbitgt": "3.7.0",
+    "@itwin/core-quantity": "3.7.0",
+    "@itwin/core-react": "4.0.0-dev.13",
+    "@itwin/ecschema-metadata": "3.7.0",
+    "@itwin/eslint-plugin": "3.7.0",
+    "@itwin/imodel-components-react": "4.0.0-dev.13",
+    "@itwin/presentation-backend": "3.7.0",
+    "@itwin/presentation-common": "3.7.0",
+    "@itwin/presentation-components": "4.0.0-dev.31",
+    "@itwin/presentation-frontend": "3.7.0",
+    "@itwin/presentation-testing": "4.0.0-dev.31",
+    "@itwin/webgl-compatibility": "3.7.0",
     "@testing-library/react": "^12.0.0",
     "@testing-library/react-hooks": "^7.0.2",
     "@types/chai": "4.3.1",
     "@types/chai-jest-snapshot": "^1.3.4",
     "@types/deep-equal": "^1.0.1",
     "@types/i18next": "^8.4.2",
-    "@types/jsdom-global": "^3.0.4",
+    "@types/jsdom-global": "3.0.2",
     "@types/mocha": "^8.2.2",
     "@types/react": "^17.0.19",
     "@types/react-dom": "^17.0.9",
@@ -83,15 +87,34 @@
     "xmlhttprequest": "^1.8.0"
   },
   "peerDependencies": {
-    "@itwin/appui-abstract": "^3.6.0",
-    "@itwin/appui-react": "^3.6.0",
-    "@itwin/components-react": "^3.6.0",
-    "@itwin/core-frontend": "^3.6.0",
-    "@itwin/core-react": "^3.6.0",
-    "@itwin/presentation-components": "^3.6.0",
+    "@itwin/appui-abstract": "^3.7.0",
+    "@itwin/appui-react": "^4.0.0-dev.13",
+    "@itwin/components-react": "^4.0.0-dev.13",
+    "@itwin/core-frontend": "^3.7.0",
+    "@itwin/core-react": "^4.0.0-dev.13",
+    "@itwin/presentation-components": "^4.0.0-dev.31",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"
   },
+  "eslintConfig": {
+    "plugins": [
+      "@itwin"
+    ],
+    "extends": [
+      "plugin:@itwin/ui"
+    ],
+    "rules": {
+      "@itwin/no-internal": [
+        "error"
+      ],
+      "@typescript-eslint/no-floating-promises": [
+        "error",
+        {
+          "ignoreIIFE": true
+        }
+      ]
+    }
+  },
   "scripts": {
     "build": "npm run -s dual-build && npm run -s copy:assets",
     "dual-build": "npm run -s build:cjs && npm run -s build:esm",

package/lib/cjs/components/IconButton.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-import "./IconButton.scss";
-/** Properties for [[IconButton]] component */
-export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {
-    /** Icon name */
-    icon: string;
-    /** A function to be run when the element is clicked */
-    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    /** An optional text label to display to the left of the button  */
-    label?: string;
-}
-/** Generic icon button component */
-export declare function IconButton({ className, icon, onClick, label, ...otherProps }: IconButtonProps): JSX.Element;
-//# sourceMappingURL=IconButton.d.ts.map

package/lib/cjs/components/IconButton.js

@@ -1,42 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconButton = void 0;
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-const React = __importStar(require("react"));
-const classnames_1 = __importDefault(require("classnames"));
-require("./IconButton.scss");
-/** Generic icon button component */
-function IconButton({ className, icon, onClick, label, ...otherProps }) {
-    return (React.createElement(React.Fragment, null,
-        label &&
-            React.createElement("span", { className: (0, classnames_1.default)("tree-widget-icon-label", className) }, label),
-        React.createElement("button", { ...otherProps, className: (0, classnames_1.default)("tree-widget-icon-button", className), onClick: onClick },
-            React.createElement("span", { className: (0, classnames_1.default)("icon", icon) }))));
-}
-exports.IconButton = IconButton;
-//# sourceMappingURL=IconButton.js.map

package/lib/cjs/components/IconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/IconButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;+FAG+F;AAC/F,6CAA+B;AAC/B,4DAAoC;AAEpC,6BAA2B;AAc3B,oCAAoC;AACpC,SAAgB,UAAU,CAAC,EACzB,SAAS,EACT,IAAI,EACJ,OAAO,EACP,KAAK,EACL,GAAG,UAAU,EACG;IAChB,OAAO,CACL;QACG,KAAK;YACJ,8BAAM,SAAS,EAAE,IAAA,oBAAU,EAAC,wBAAwB,EAAE,SAAS,CAAC,IAC7D,KAAK,CACD;QAET,mCACM,UAAU,EACd,SAAS,EAAE,IAAA,oBAAU,EAAC,yBAAyB,EAAE,SAAS,CAAC,EAC3D,OAAO,EAAE,OAAO;YAEhB,8BAAM,SAAS,EAAE,IAAA,oBAAU,EAAC,MAAM,EAAE,IAAI,CAAC,GAAI,CACtC,CACR,CACJ,CAAC;AACJ,CAAC;AAvBD,gCAuBC","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*--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport \"./IconButton.scss\";\n\n/** Properties for [[IconButton]] component */\nexport interface IconButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n  CommonProps {\n  /** Icon name */\n  icon: string;\n  /** A function to be run when the element is clicked */\n  onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  /** An optional text label to display to the left of the button  */\n  label?: string;\n}\n\n/** Generic icon button component */\nexport function IconButton({\n  className,\n  icon,\n  onClick,\n  label,\n  ...otherProps\n}: IconButtonProps) {\n  return (\n    <>\n      {label &&\n        <span className={classnames(\"tree-widget-icon-label\", className)}>\n          {label}\n        </span>\n      }\n      <button\n        {...otherProps}\n        className={classnames(\"tree-widget-icon-button\", className)}\n        onClick={onClick}\n      >\n        <span className={classnames(\"icon\", icon)} />\n      </button>\n    </>\n  );\n}\n"]}

package/lib/cjs/components/IconButton.scss

@@ -1,73 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/index";
-@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/_variables";
-
-.tree-widget-icon-button {
-  display: inline-block;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  border: 0;
-  color: $buic-icon-color;
-  background-color: transparent;
-  outline: none;
-  box-shadow: none;
-  font-family: $uicore-font-family;
-  font-size: $uicore-font-size;
-  text-decoration: none;
-  cursor: pointer;
-  transition: color 0.25s;
-
-  &:hover {
-    text-decoration: none;
-    color: $buic-foreground-primary;
-  }
-
-  &:active {
-    outline: none;
-    box-shadow: none;
-    text-decoration: none;
-    background-color: transparent;
-  }
-
-  &:focus {
-    outline: none;
-    box-shadow: none;
-    text-decoration: none;
-    background-color: transparent;
-  }
-
-  &[disabled],
-  &[disabled]:hover,
-  &[disabled]:active,
-  &[disabled]:focus {
-    opacity: 0.4;
-    color: $uicore-gray;
-    background: transparent;
-    cursor: not-allowed;
-    pointer-events: none;
-  }
-}
-
-.tree-widget-icon-label {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: 32px;
-  font-family: $uicore-font-family;
-  font-size: $uicore-font-size;
-  color: $buic-icon-color;
-  margin-left: 5px;
-
-  &[disabled] {
-    opacity: 0.4;
-    color: $uicore-gray;
-    background: transparent;
-    cursor: not-allowed;
-    pointer-events: none;
-  }
-}

package/lib/cjs/components/trees/category-tree/CategoriesTree.scss

@@ -1,18 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/index";
-@import "../VisibilityTreeBase";
-
-.tree-widget-categories-tree {
-  @include tree-widget-visibility-tree-base;
-}
-
-.tree-widget-category-tree-search-bar {
-  margin-bottom: $uicore-s;
-}
-
-.tree-widget-category-tree-toolbar-icon {
-  color: $buic-icon-color;
-}

package/lib/cjs/components/trees/models-tree/ModelsTree.scss

@@ -1,18 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/index";
-@import "../VisibilityTreeBase";
-
-.tree-widget-models-tree {
-  @include tree-widget-visibility-tree-base;
-}
-
-.tree-widget-models-tree-container {
-  flex: 1;
-}
-
-.tree-widget-models-tree-toolbar-icon {
-  color: $buic-icon-color;
-}

package/lib/cjs/components/trees/spatial-tree/SpatialTreeComponent.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { SpatialTreeProps } from "../../../types";
-export declare const SpatialTreeComponent: (props: SpatialTreeProps) => JSX.Element;
-//# sourceMappingURL=SpatialTreeComponent.d.ts.map

package/lib/cjs/components/trees/spatial-tree/SpatialTreeComponent.js

@@ -1,22 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SpatialTreeComponent = void 0;
-const react_1 = __importDefault(require("react"));
-const appui_react_1 = require("@itwin/appui-react");
-const AutoSizer_1 = require("../../utils/AutoSizer");
-const SpatialTreeComponent = (props) => {
-    const iModel = (0, appui_react_1.useActiveIModelConnection)();
-    return (react_1.default.createElement(react_1.default.Fragment, null, iModel &&
-        react_1.default.createElement(AutoSizer_1.AutoSizer, null, 
-        // eslint-disable-next-line deprecation/deprecation
-        ({ width, height }) => react_1.default.createElement(appui_react_1.SpatialContainmentTree, { ...props, width: width, height: height, iModel: iModel }))));
-};
-exports.SpatialTreeComponent = SpatialTreeComponent;
-//# sourceMappingURL=SpatialTreeComponent.js.map

package/lib/cjs/components/trees/spatial-tree/SpatialTreeComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpatialTreeComponent.js","sourceRoot":"","sources":["../../../../../src/components/trees/spatial-tree/SpatialTreeComponent.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;;;;;;AAE/F,kDAA0B;AAC1B,oDAAuF;AACvF,qDAAkD;AAI3C,MAAM,oBAAoB,GAAG,CAClC,KAAuB,EAAE,EAAE;IAC3B,MAAM,MAAM,GAAG,IAAA,uCAAyB,GAAE,CAAC;IAE3C,OAAO,CACL,8DACG,MAAM;QACL,8BAAC,qBAAS;QAEN,mDAAmD;QACnD,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,8BAAC,oCAAsB,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI,CAElG,CAEb,CACJ,CAAC;AACJ,CAAC,CAAC;AAhBW,QAAA,oBAAoB,wBAgB/B","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 React from \"react\";\nimport { SpatialContainmentTree, useActiveIModelConnection } from \"@itwin/appui-react\";\nimport { AutoSizer } from \"../../utils/AutoSizer\";\n\nimport type { SpatialTreeProps } from \"../../../types\";\n\nexport const SpatialTreeComponent = (\n  props: SpatialTreeProps) => {\n  const iModel = useActiveIModelConnection();\n\n  return (\n    <>\n      {iModel &&\n        <AutoSizer>\n          {\n            // eslint-disable-next-line deprecation/deprecation\n            ({ width, height }) => <SpatialContainmentTree {...props} width={width} height={height} iModel={iModel} />\n          }\n        </AutoSizer>\n      }\n    </>\n  );\n};\n"]}

package/lib/esm/components/IconButton.d.ts

@@ -1,15 +0,0 @@
-import * as React from "react";
-import type { CommonProps } from "@itwin/core-react";
-import "./IconButton.scss";
-/** Properties for [[IconButton]] component */
-export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, CommonProps {
-    /** Icon name */
-    icon: string;
-    /** A function to be run when the element is clicked */
-    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
-    /** An optional text label to display to the left of the button  */
-    label?: string;
-}
-/** Generic icon button component */
-export declare function IconButton({ className, icon, onClick, label, ...otherProps }: IconButtonProps): JSX.Element;
-//# sourceMappingURL=IconButton.d.ts.map

package/lib/esm/components/IconButton.js

@@ -1,16 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-import * as React from "react";
-import classnames from "classnames";
-import "./IconButton.scss";
-/** Generic icon button component */
-export function IconButton({ className, icon, onClick, label, ...otherProps }) {
-    return (React.createElement(React.Fragment, null,
-        label &&
-            React.createElement("span", { className: classnames("tree-widget-icon-label", className) }, label),
-        React.createElement("button", { ...otherProps, className: classnames("tree-widget-icon-button", className), onClick: onClick },
-            React.createElement("span", { className: classnames("icon", icon) }))));
-}
-//# sourceMappingURL=IconButton.js.map

package/lib/esm/components/IconButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/IconButton.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,mBAAmB,CAAC;AAc3B,oCAAoC;AACpC,MAAM,UAAU,UAAU,CAAC,EACzB,SAAS,EACT,IAAI,EACJ,OAAO,EACP,KAAK,EACL,GAAG,UAAU,EACG;IAChB,OAAO,CACL;QACG,KAAK;YACJ,8BAAM,SAAS,EAAE,UAAU,CAAC,wBAAwB,EAAE,SAAS,CAAC,IAC7D,KAAK,CACD;QAET,mCACM,UAAU,EACd,SAAS,EAAE,UAAU,CAAC,yBAAyB,EAAE,SAAS,CAAC,EAC3D,OAAO,EAAE,OAAO;YAEhB,8BAAM,SAAS,EAAE,UAAU,CAAC,MAAM,EAAE,IAAI,CAAC,GAAI,CACtC,CACR,CACJ,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*--------------------------------------------------------------------------------------------*/\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport \"./IconButton.scss\";\n\n/** Properties for [[IconButton]] component */\nexport interface IconButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>,\n  CommonProps {\n  /** Icon name */\n  icon: string;\n  /** A function to be run when the element is clicked */\n  onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;\n  /** An optional text label to display to the left of the button  */\n  label?: string;\n}\n\n/** Generic icon button component */\nexport function IconButton({\n  className,\n  icon,\n  onClick,\n  label,\n  ...otherProps\n}: IconButtonProps) {\n  return (\n    <>\n      {label &&\n        <span className={classnames(\"tree-widget-icon-label\", className)}>\n          {label}\n        </span>\n      }\n      <button\n        {...otherProps}\n        className={classnames(\"tree-widget-icon-button\", className)}\n        onClick={onClick}\n      >\n        <span className={classnames(\"icon\", icon)} />\n      </button>\n    </>\n  );\n}\n"]}

package/lib/esm/components/IconButton.scss

@@ -1,73 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/index";
-@import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/_variables";
-
-.tree-widget-icon-button {
-  display: inline-block;
-  align-items: center;
-  justify-content: center;
-  width: 32px;
-  height: 32px;
-  border: 0;
-  color: $buic-icon-color;
-  background-color: transparent;
-  outline: none;
-  box-shadow: none;
-  font-family: $uicore-font-family;
-  font-size: $uicore-font-size;
-  text-decoration: none;
-  cursor: pointer;
-  transition: color 0.25s;
-
-  &:hover {
-    text-decoration: none;
-    color: $buic-foreground-primary;
-  }
-
-  &:active {
-    outline: none;
-    box-shadow: none;
-    text-decoration: none;
-    background-color: transparent;
-  }
-
-  &:focus {
-    outline: none;
-    box-shadow: none;
-    text-decoration: none;
-    background-color: transparent;
-  }
-
-  &[disabled],
-  &[disabled]:hover,
-  &[disabled]:active,
-  &[disabled]:focus {
-    opacity: 0.4;
-    color: $uicore-gray;
-    background: transparent;
-    cursor: not-allowed;
-    pointer-events: none;
-  }
-}
-
-.tree-widget-icon-label {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  height: 32px;
-  font-family: $uicore-font-family;
-  font-size: $uicore-font-size;
-  color: $buic-icon-color;
-  margin-left: 5px;
-
-  &[disabled] {
-    opacity: 0.4;
-    color: $uicore-gray;
-    background: transparent;
-    cursor: not-allowed;
-    pointer-events: none;
-  }
-}

package/lib/esm/components/trees/category-tree/CategoriesTree.scss

@@ -1,18 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/index";
-@import "../VisibilityTreeBase";
-
-.tree-widget-categories-tree {
-  @include tree-widget-visibility-tree-base;
-}
-
-.tree-widget-category-tree-search-bar {
-  margin-bottom: $uicore-s;
-}
-
-.tree-widget-category-tree-toolbar-icon {
-  color: $buic-icon-color;
-}

package/lib/esm/components/trees/spatial-tree/SpatialTreeComponent.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import type { SpatialTreeProps } from "../../../types";
-export declare const SpatialTreeComponent: (props: SpatialTreeProps) => JSX.Element;
-//# sourceMappingURL=SpatialTreeComponent.d.ts.map

package/lib/esm/components/trees/spatial-tree/SpatialTreeComponent.js

@@ -1,15 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-import React from "react";
-import { SpatialContainmentTree, useActiveIModelConnection } from "@itwin/appui-react";
-import { AutoSizer } from "../../utils/AutoSizer";
-export const SpatialTreeComponent = (props) => {
-    const iModel = useActiveIModelConnection();
-    return (React.createElement(React.Fragment, null, iModel &&
-        React.createElement(AutoSizer, null, 
-        // eslint-disable-next-line deprecation/deprecation
-        ({ width, height }) => React.createElement(SpatialContainmentTree, { ...props, width: width, height: height, iModel: iModel }))));
-};
-//# sourceMappingURL=SpatialTreeComponent.js.map

package/lib/esm/components/trees/spatial-tree/SpatialTreeComponent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SpatialTreeComponent.js","sourceRoot":"","sources":["../../../../../src/components/trees/spatial-tree/SpatialTreeComponent.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAE/F,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,sBAAsB,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AACvF,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAIlD,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAClC,KAAuB,EAAE,EAAE;IAC3B,MAAM,MAAM,GAAG,yBAAyB,EAAE,CAAC;IAE3C,OAAO,CACL,0CACG,MAAM;QACL,oBAAC,SAAS;QAEN,mDAAmD;QACnD,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,oBAAC,sBAAsB,OAAK,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAI,CAElG,CAEb,CACJ,CAAC;AACJ,CAAC,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 React from \"react\";\nimport { SpatialContainmentTree, useActiveIModelConnection } from \"@itwin/appui-react\";\nimport { AutoSizer } from \"../../utils/AutoSizer\";\n\nimport type { SpatialTreeProps } from \"../../../types\";\n\nexport const SpatialTreeComponent = (\n  props: SpatialTreeProps) => {\n  const iModel = useActiveIModelConnection();\n\n  return (\n    <>\n      {iModel &&\n        <AutoSizer>\n          {\n            // eslint-disable-next-line deprecation/deprecation\n            ({ width, height }) => <SpatialContainmentTree {...props} width={width} height={height} iModel={iModel} />\n          }\n        </AutoSizer>\n      }\n    </>\n  );\n};\n"]}