@itwin/appui-react 4.0.0-dev.1 → 4.0.0-dev.3

package/lib/cjs/appui-react/settings/ui/UiSettingsPage.scss

@@ -4,7 +4,6 @@
 *--------------------------------------------------------------------------------------------*/
 @import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
 @import "~@itwin/core-react/lib/cjs/core-react/base/base";
-@import "~@itwin/itwinui-css/scss/style/typography";
 
 // cspell:ignore leftpanel rightpanel
 
@@ -19,8 +18,8 @@ $settings-rightpanel-width: 220px;
 .uifw-settings {
   background: $buic-background-dialog;
   color: $buic-text-color;
-  border-radius: 3px;
-  font-size: $iui-font-size;
+  border-radius: var(--iui-border-radius-1);
+  font-size: var(--iui-font-size-1);
   display: flex;
   flex-direction: column;
 }
@@ -28,29 +27,29 @@ $settings-rightpanel-width: 220px;
 .uifw-settings-item {
   display: flex;
 
-  >.panel {
+  > .panel {
     flex: 1;
     display: flex;
     box-sizing: border-box;
   }
 
-  >.left-panel {
+  > .left-panel {
     flex-direction: column;
     min-width: $settings-leftpanel-width;
     padding: 20px 15px 20px 15px;
 
-    >.title {
+    > .title {
       font-size: 18px;
     }
 
-    >.description {
+    > .description {
       margin-top: 10px;
       font-size: 12px;
       color: $buic-text-color-muted;
     }
   }
 
-  >.right-panel {
+  > .right-panel {
     display: flex;
     align-items: center;
     min-width: $settings-rightpanel-width;
@@ -64,4 +63,4 @@ $settings-rightpanel-width: 220px;
       flex: 1;
     }
   }
-}
+}

package/lib/cjs/appui-react/shared/ActionButtonItemDef.d.ts

@@ -1,7 +1,6 @@
 /** @packageDocumentation
  * @module Item
  */
-import * as React from "react";
 import { CommandHandler, OnItemExecutedFunc } from "@itwin/appui-abstract";
 import { Orientation, SizeProps } from "@itwin/core-react";
 import { ItemDefBase } from "./ItemDefBase";
@@ -26,11 +25,5 @@ export declare abstract class ActionButtonItemDef extends ItemDefBase {
     handleSizeKnown: (size: SizeProps) => void;
     /** Determines the dimension in a given orientation */
     getDimension(orientation: Orientation): number;
-    /** @internal */
-    static getRandomId(): string;
-    /** @internal */
-    getKey: (index?: number | undefined) => string;
-    /** @internal */
-    toolbarReactNode(index?: number): React.ReactNode;
 }
 //# sourceMappingURL=ActionButtonItemDef.d.ts.map

package/lib/cjs/appui-react/shared/ActionButtonItemDef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtonItemDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/ActionButtonItemDef.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,8BAAsB,mBAAoB,SAAQ,WAAW;IAC3D,OAAO,CAAC,eAAe,CAAC,CAAqB;IAE7C,4CAA4C;IAC5C,SAAS,CAAC,eAAe,CAAC,EAAE,cAAc,CAAC;IAC3C,+CAA+C;IACxC,UAAU,CAAC,EAAE,GAAG,CAAC;IACxB,2DAA2D;IACpD,IAAI,CAAC,EAAE,SAAS,CAAC;IACxB,qDAAqD;IACrD,OAAc,iBAAiB,SAAM;gBAEzB,SAAS,EAAE,SAAS,EAAE,cAAc,CAAC,EAAE,kBAAkB;IAOrE,mEAAmE;IAC5D,OAAO,IAAI,IAAI;IAatB,qFAAqF;IAC9E,eAAe,SAAU,SAAS,UAEvC;IAEF,sDAAsD;IAC/C,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,MAAM;IAQrD,gBAAgB;WACF,WAAW,IAAI,MAAM;IAInC,gBAAgB;IACT,MAAM,kCAAqB,MAAM,CAGtC;IAEF,gBAAgB;IACT,gBAAgB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS;CAczD"}
+{"version":3,"file":"ActionButtonItemDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/ActionButtonItemDef.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,8BAAsB,mBAAoB,SAAQ,WAAW;IAC3D,OAAO,CAAC,eAAe,CAAC,CAAqB;IAE7C,4CAA4C;IAC5C,SAAS,CAAC,eAAe,CAAC,EAAE,cAAc,CAAC;IAC3C,+CAA+C;IACxC,UAAU,CAAC,EAAE,GAAG,CAAC;IACxB,2DAA2D;IACpD,IAAI,CAAC,EAAE,SAAS,CAAC;IACxB,qDAAqD;IACrD,OAAc,iBAAiB,SAAM;gBAEzB,SAAS,EAAE,SAAS,EAAE,cAAc,CAAC,EAAE,kBAAkB;IAOrE,mEAAmE;IAC5D,OAAO,IAAI,IAAI;IAatB,qFAAqF;IAC9E,eAAe,SAAU,SAAS,UAEvC;IAEF,sDAAsD;IAC/C,YAAY,CAAC,WAAW,EAAE,WAAW,GAAG,MAAM;CAOtD"}

package/lib/cjs/appui-react/shared/ActionButtonItemDef.js

@@ -8,7 +8,6 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ActionButtonItemDef = void 0;
-const React = require("react");
 const core_react_1 = require("@itwin/core-react");
 const ItemDefBase_1 = require("./ItemDefBase");
 /** Abstract base class that is used by classes to execute an action when pressed.
@@ -21,11 +20,6 @@ class ActionButtonItemDef extends ItemDefBase_1.ItemDefBase {
         this.handleSizeKnown = (size) => {
             this.size = size;
         };
-        /** @internal */
-        this.getKey = (index) => {
-            const key = (!!this.id) ? this.id : (index !== undefined) ? index.toString() : ActionButtonItemDef.getRandomId();
-            return key;
-        };
         this.execute = this.execute.bind(this);
         this._onItemExecuted = onItemExecuted;
     }
@@ -48,21 +42,8 @@ class ActionButtonItemDef extends ItemDefBase_1.ItemDefBase {
             dimension = (orientation === core_react_1.Orientation.Horizontal) ? this.size.width : this.size.height;
         return dimension;
     }
-    /** @internal */
-    static getRandomId() {
-        return (Math.floor(Math.random() * 100) + 1000).toString();
-    }
-    /** @internal */
-    toolbarReactNode(index) {
-        if (!this.isVisible) // eslint-disable-line deprecation/deprecation
-            return null;
-        const key = this.getKey(index);
-        return (React.createElement(ActionItemButton_1.ActionItemButton // eslint-disable-line deprecation/deprecation
-        , { key: key, actionItem: this, onSizeKnown: this.handleSizeKnown }));
-    }
 }
 exports.ActionButtonItemDef = ActionButtonItemDef;
 /** The default button size for all action buttons */
 ActionButtonItemDef.defaultButtonSize = 42;
-const ActionItemButton_1 = require("../toolbar/ActionItemButton");
 //# sourceMappingURL=ActionButtonItemDef.js.map

package/lib/cjs/appui-react/shared/ActionButtonItemDef.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButtonItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ActionButtonItemDef.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAE/B,kDAA2D;AAC3D,+CAA4C;AAG5C;;GAEG;AACH,MAAsB,mBAAoB,SAAQ,yBAAW;IAY3D,YAAY,SAAoB,EAAE,cAAmC;QACnE,KAAK,CAAC,SAAS,CAAC,CAAC;QAoBnB,qFAAqF;QAC9E,oBAAe,GAAG,CAAC,IAAe,EAAE,EAAE;YAC3C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;QAgBF,gBAAgB;QACT,WAAM,GAAG,CAAC,KAAc,EAAU,EAAE;YACzC,MAAM,GAAG,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,mBAAmB,CAAC,WAAW,EAAE,CAAC;YACjH,OAAO,GAAG,CAAC;QACb,CAAC,CAAC;QAzCA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC;IACxC,CAAC;IAED,mEAAmE;IAC5D,OAAO;QACZ,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE;YACxD,IAAI,IAAI,CAAC,eAAe,CAAC,cAAc;gBACrC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,CAAC,CAAC;;gBAEpE,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;SACjE;QAED,uBAAuB;QACvB,IAAI,IAAI,CAAC,eAAe;YACtB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAOD,sDAAsD;IAC/C,YAAY,CAAC,WAAwB;QAC1C,IAAI,SAAS,GAAG,mBAAmB,CAAC,iBAAiB,CAAC;QACtD,IAAI,IAAI,CAAC,IAAI;YACX,SAAS,GAAG,CAAC,WAAW,KAAK,wBAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;QAE5F,OAAO,SAAS,CAAC;IACnB,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,WAAW;QACvB,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,EAAE,GAAG,GAAG,CAAC,GAAG,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;IAC7D,CAAC;IAQD,gBAAgB;IACT,gBAAgB,CAAC,KAAc;QACpC,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,8CAA8C;YACjE,OAAO,IAAI,CAAC;QAEd,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAE/B,OAAO,CACL,oBAAC,mCAAgB,CAAC,8CAA8C;YAC9D,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,IAAI,EAChB,WAAW,EAAE,IAAI,CAAC,eAAe,GACjC,CACH,CAAC;IACJ,CAAC;;AAxEH,kDAyEC;AAhEC,qDAAqD;AACvC,qCAAiB,GAAG,EAAE,CAAC;AAiEvC,kEAA+D","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { CommandHandler, OnItemExecutedFunc } from \"@itwin/appui-abstract\";\r\nimport { Orientation, SizeProps } from \"@itwin/core-react\";\r\nimport { ItemDefBase } from \"./ItemDefBase\";\r\nimport { ItemProps } from \"./ItemProps\";\r\n\r\n/** Abstract base class that is used by classes to execute an action when pressed.\r\n * @public\r\n */\r\nexport abstract class ActionButtonItemDef extends ItemDefBase {\r\n  private _onItemExecuted?: OnItemExecutedFunc;\r\n\r\n  /** Command Handler for the action button */\r\n  protected _commandHandler?: CommandHandler;\r\n  /** Parameters passed to the Command Handler */\r\n  public parameters?: any;\r\n  /** Size of the action button, as set by handleSizeKnown */\r\n  public size?: SizeProps;\r\n  /** The default button size for all action buttons */\r\n  public static defaultButtonSize = 42;\r\n\r\n  constructor(itemProps: ItemProps, onItemExecuted?: OnItemExecutedFunc) {\r\n    super(itemProps);\r\n\r\n    this.execute = this.execute.bind(this);\r\n    this._onItemExecuted = onItemExecuted;\r\n  }\r\n\r\n  /** Called when the action button is invoked by a click or touch */\r\n  public execute(): void {\r\n    if (this._commandHandler && this._commandHandler.execute) {\r\n      if (this._commandHandler.getCommandArgs)\r\n        this._commandHandler.execute(this._commandHandler.getCommandArgs());\r\n      else\r\n        this._commandHandler.execute(this._commandHandler.parameters);\r\n    }\r\n\r\n    // istanbul ignore else\r\n    if (this._onItemExecuted)\r\n      this._onItemExecuted(this);\r\n  }\r\n\r\n  /** Called when the size of the action button is initialized and the size is known */\r\n  public handleSizeKnown = (size: SizeProps) => {\r\n    this.size = size;\r\n  };\r\n\r\n  /** Determines the dimension in a given orientation */\r\n  public getDimension(orientation: Orientation): number {\r\n    let dimension = ActionButtonItemDef.defaultButtonSize;\r\n    if (this.size)\r\n      dimension = (orientation === Orientation.Horizontal) ? this.size.width : this.size.height;\r\n\r\n    return dimension;\r\n  }\r\n\r\n  /** @internal */\r\n  public static getRandomId(): string {\r\n    return (Math.floor(Math.random() * 100) + 1000).toString();\r\n  }\r\n\r\n  /** @internal */\r\n  public getKey = (index?: number): string => {\r\n    const key = (!!this.id) ? this.id : (index !== undefined) ? index.toString() : ActionButtonItemDef.getRandomId();\r\n    return key;\r\n  };\r\n\r\n  /** @internal */\r\n  public toolbarReactNode(index?: number): React.ReactNode {\r\n    if (!this.isVisible) // eslint-disable-line deprecation/deprecation\r\n      return null;\r\n\r\n    const key = this.getKey(index);\r\n\r\n    return (\r\n      <ActionItemButton // eslint-disable-line deprecation/deprecation\r\n        key={key}\r\n        actionItem={this}\r\n        onSizeKnown={this.handleSizeKnown}\r\n      />\r\n    );\r\n  }\r\n}\r\n\r\nimport { ActionItemButton } from \"../toolbar/ActionItemButton\";\r\n"]}
+{"version":3,"file":"ActionButtonItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ActionButtonItemDef.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAGH,kDAA2D;AAC3D,+CAA4C;AAG5C;;GAEG;AACH,MAAsB,mBAAoB,SAAQ,yBAAW;IAY3D,YAAY,SAAoB,EAAE,cAAmC;QACnE,KAAK,CAAC,SAAS,CAAC,CAAC;QAoBnB,qFAAqF;QAC9E,oBAAe,GAAG,CAAC,IAAe,EAAE,EAAE;YAC3C,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACnB,CAAC,CAAC;QArBA,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,CAAC,eAAe,GAAG,cAAc,CAAC;IACxC,CAAC;IAED,mEAAmE;IAC5D,OAAO;QACZ,IAAI,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC,eAAe,CAAC,OAAO,EAAE;YACxD,IAAI,IAAI,CAAC,eAAe,CAAC,cAAc;gBACrC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,cAAc,EAAE,CAAC,CAAC;;gBAEpE,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,CAAC,CAAC;SACjE;QAED,uBAAuB;QACvB,IAAI,IAAI,CAAC,eAAe;YACtB,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC;IAOD,sDAAsD;IAC/C,YAAY,CAAC,WAAwB;QAC1C,IAAI,SAAS,GAAG,mBAAmB,CAAC,iBAAiB,CAAC;QACtD,IAAI,IAAI,CAAC,IAAI;YACX,SAAS,GAAG,CAAC,WAAW,KAAK,wBAAW,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC;QAE5F,OAAO,SAAS,CAAC;IACnB,CAAC;;AA7CH,kDA8CC;AArCC,qDAAqD;AACvC,qCAAiB,GAAG,EAAE,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport { CommandHandler, OnItemExecutedFunc } from \"@itwin/appui-abstract\";\r\nimport { Orientation, SizeProps } from \"@itwin/core-react\";\r\nimport { ItemDefBase } from \"./ItemDefBase\";\r\nimport { ItemProps } from \"./ItemProps\";\r\n\r\n/** Abstract base class that is used by classes to execute an action when pressed.\r\n * @public\r\n */\r\nexport abstract class ActionButtonItemDef extends ItemDefBase {\r\n  private _onItemExecuted?: OnItemExecutedFunc;\r\n\r\n  /** Command Handler for the action button */\r\n  protected _commandHandler?: CommandHandler;\r\n  /** Parameters passed to the Command Handler */\r\n  public parameters?: any;\r\n  /** Size of the action button, as set by handleSizeKnown */\r\n  public size?: SizeProps;\r\n  /** The default button size for all action buttons */\r\n  public static defaultButtonSize = 42;\r\n\r\n  constructor(itemProps: ItemProps, onItemExecuted?: OnItemExecutedFunc) {\r\n    super(itemProps);\r\n\r\n    this.execute = this.execute.bind(this);\r\n    this._onItemExecuted = onItemExecuted;\r\n  }\r\n\r\n  /** Called when the action button is invoked by a click or touch */\r\n  public execute(): void {\r\n    if (this._commandHandler && this._commandHandler.execute) {\r\n      if (this._commandHandler.getCommandArgs)\r\n        this._commandHandler.execute(this._commandHandler.getCommandArgs());\r\n      else\r\n        this._commandHandler.execute(this._commandHandler.parameters);\r\n    }\r\n\r\n    // istanbul ignore else\r\n    if (this._onItemExecuted)\r\n      this._onItemExecuted(this);\r\n  }\r\n\r\n  /** Called when the size of the action button is initialized and the size is known */\r\n  public handleSizeKnown = (size: SizeProps) => {\r\n    this.size = size;\r\n  };\r\n\r\n  /** Determines the dimension in a given orientation */\r\n  public getDimension(orientation: Orientation): number {\r\n    let dimension = ActionButtonItemDef.defaultButtonSize;\r\n    if (this.size)\r\n      dimension = (orientation === Orientation.Horizontal) ? this.size.width : this.size.height;\r\n\r\n    return dimension;\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/shared/CustomItemDef.d.ts

@@ -11,10 +11,8 @@ export declare class CustomItemDef extends ActionButtonItemDef {
     private static _sId;
     static customIdPrefix: string;
     customId: string;
-    reactElement?: React.ReactNode;
     popupPanelNode?: React.ReactNode;
     constructor(props: CustomItemProps);
     get id(): string;
-    toolbarReactNode(index?: number): React.ReactNode;
 }
 //# sourceMappingURL=CustomItemDef.d.ts.map

package/lib/cjs/appui-react/shared/CustomItemDef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomItemDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/CustomItemDef.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAQpD;;GAEG;AACH,qBAAa,aAAc,SAAQ,mBAAmB;IACpD,OAAO,CAAC,MAAM,CAAC,IAAI,CAAK;IACxB,OAAc,cAAc,SAAa;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;gBAE5B,KAAK,EAAE,eAAe;IAclC,IAAW,EAAE,IAAI,MAAM,CAEtB;IAEe,gBAAgB,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS;CAoBlE"}
+{"version":3,"file":"CustomItemDef.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/CustomItemDef.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;GAEG;AACH,qBAAa,aAAc,SAAQ,mBAAmB;IACpD,OAAO,CAAC,MAAM,CAAC,IAAI,CAAK;IACxB,OAAc,cAAc,SAAa;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;gBAE5B,KAAK,EAAE,eAAe;IAalC,IAAW,EAAE,IAAI,MAAM,CAEtB;CACF"}

package/lib/cjs/appui-react/shared/CustomItemDef.js

@@ -8,8 +8,6 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CustomItemDef = void 0;
-const React = require("react");
-const appui_abstract_1 = require("@itwin/appui-abstract");
 const ActionButtonItemDef_1 = require("./ActionButtonItemDef");
 /** An Item that renders a React component.
  * @public
@@ -23,27 +21,11 @@ class CustomItemDef extends ActionButtonItemDef_1.ActionButtonItemDef {
             CustomItemDef._sId++;
             this.customId = CustomItemDef.customIdPrefix + CustomItemDef._sId;
         }
-        this.reactElement = props.reactElement;
         this.popupPanelNode = props.popupPanelNode;
     }
     get id() {
         return this.customId;
     }
-    toolbarReactNode(index) {
-        if (!this.isVisible || appui_abstract_1.ConditionalBooleanValue.getValue(this.isHidden)) // eslint-disable-line deprecation/deprecation
-            return null;
-        let clone;
-        // istanbul ignore else
-        if (this.reactElement && React.isValidElement(this.reactElement)) {
-            const key = this.getKey(index);
-            const cloneProps = {
-                key,
-                onSizeKnown: this.handleSizeKnown,
-            };
-            clone = React.cloneElement(this.reactElement, cloneProps);
-        }
-        return clone;
-    }
 }
 exports.CustomItemDef = CustomItemDef;
 CustomItemDef._sId = 0;

package/lib/cjs/appui-react/shared/CustomItemDef.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/CustomItemDef.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAEH,+BAA+B;AAC/B,0DAAgE;AAEhE,+DAA4D;AAS5D;;GAEG;AACH,MAAa,aAAc,SAAQ,yCAAmB;IAOpD,YAAY,KAAsB;QAChC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,KAAK,CAAC,QAAQ;YAChB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;aAC5B;YACH,aAAa,CAAC,IAAI,EAAE,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,aAAa,CAAC,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC;SACnE;QAED,IAAI,CAAC,YAAY,GAAG,KAAK,CAAC,YAAY,CAAC;QACvC,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC;IAC7C,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;IAEe,gBAAgB,CAAC,KAAc;QAC7C,IAAI,CAAC,IAAI,CAAC,SAAS,IAAI,wCAAuB,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE,8CAA8C;YACpH,OAAO,IAAI,CAAC;QAEd,IAAI,KAAsB,CAAC;QAE3B,uBAAuB;QACvB,IAAI,IAAI,CAAC,YAAY,IAAI,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;YAChE,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC/B,MAAM,UAAU,GAAe;gBAC7B,GAAG;gBACH,WAAW,EAAE,IAAI,CAAC,eAAe;aAClC,CAAC;YAEF,KAAK,GAAG,KAAK,CAAC,YAAY,CAAC,IAAI,CAAC,YAAY,EAAE,UAAU,CAAC,CAAC;SAC3D;QAED,OAAO,KAAK,CAAC;IACf,CAAC;;AA3CH,sCA6CC;AA5CgB,kBAAI,GAAG,CAAC,CAAC;AACV,4BAAc,GAAG,SAAS,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { ConditionalBooleanValue } from \"@itwin/appui-abstract\";\r\nimport { SizeProps } from \"@itwin/core-react\";\r\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\r\nimport { CustomItemProps } from \"./CustomItemProps\";\r\n\r\n/** @internal */\r\ninterface CloneProps {\r\n  key: string;\r\n  onSizeKnown: (size: SizeProps) => void;\r\n}\r\n\r\n/** An Item that renders a React component.\r\n * @public\r\n */\r\nexport class CustomItemDef extends ActionButtonItemDef {\r\n  private static _sId = 0;\r\n  public static customIdPrefix = \"Custom-\";\r\n  public customId: string;\r\n  public reactElement?: React.ReactNode;  // prefer to use popupPanelNode\r\n  public popupPanelNode?: React.ReactNode; // popupPanelNode populates the panelContentNode when converted to a CustomToolbarItem which can be supplied by an UiItemsProvider\r\n\r\n  constructor(props: CustomItemProps) {\r\n    super(props);\r\n\r\n    if (props.customId)\r\n      this.customId = props.customId;\r\n    else {\r\n      CustomItemDef._sId++;\r\n      this.customId = CustomItemDef.customIdPrefix + CustomItemDef._sId;\r\n    }\r\n\r\n    this.reactElement = props.reactElement;\r\n    this.popupPanelNode = props.popupPanelNode;\r\n  }\r\n\r\n  public get id(): string {\r\n    return this.customId;\r\n  }\r\n\r\n  public override toolbarReactNode(index?: number): React.ReactNode {\r\n    if (!this.isVisible || ConditionalBooleanValue.getValue(this.isHidden)) // eslint-disable-line deprecation/deprecation\r\n      return null;\r\n\r\n    let clone: React.ReactNode;\r\n\r\n    // istanbul ignore else\r\n    if (this.reactElement && React.isValidElement(this.reactElement)) {\r\n      const key = this.getKey(index);\r\n      const cloneProps: CloneProps = {\r\n        key,\r\n        onSizeKnown: this.handleSizeKnown,\r\n      };\r\n\r\n      clone = React.cloneElement(this.reactElement, cloneProps);\r\n    }\r\n\r\n    return clone;\r\n  }\r\n\r\n}\r\n"]}
+{"version":3,"file":"CustomItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/CustomItemDef.tsx"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG;;;AAGH,+DAA4D;AAG5D;;GAEG;AACH,MAAa,aAAc,SAAQ,yCAAmB;IAMpD,YAAY,KAAsB;QAChC,KAAK,CAAC,KAAK,CAAC,CAAC;QAEb,IAAI,KAAK,CAAC,QAAQ;YAChB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC;aAC5B;YACH,aAAa,CAAC,IAAI,EAAE,CAAC;YACrB,IAAI,CAAC,QAAQ,GAAG,aAAa,CAAC,cAAc,GAAG,aAAa,CAAC,IAAI,CAAC;SACnE;QAED,IAAI,CAAC,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC;IAC7C,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,QAAQ,CAAC;IACvB,CAAC;;AArBH,sCAsBC;AArBgB,kBAAI,GAAG,CAAC,CAAC;AACV,4BAAc,GAAG,SAAS,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\r\nimport { CustomItemProps } from \"./CustomItemProps\";\r\n\r\n/** An Item that renders a React component.\r\n * @public\r\n */\r\nexport class CustomItemDef extends ActionButtonItemDef {\r\n  private static _sId = 0;\r\n  public static customIdPrefix = \"Custom-\";\r\n  public customId: string;\r\n  public popupPanelNode?: React.ReactNode;\r\n\r\n  constructor(props: CustomItemProps) {\r\n    super(props);\r\n\r\n    if (props.customId)\r\n      this.customId = props.customId;\r\n    else {\r\n      CustomItemDef._sId++;\r\n      this.customId = CustomItemDef.customIdPrefix + CustomItemDef._sId;\r\n    }\r\n\r\n    this.popupPanelNode = props.popupPanelNode;\r\n  }\r\n\r\n  public get id(): string {\r\n    return this.customId;\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/shared/CustomItemProps.d.ts

@@ -8,7 +8,6 @@ import { ItemProps } from "./ItemProps";
  */
 export interface CustomItemProps extends ItemProps {
     customId?: string;
-    reactElement?: React.ReactNode;
     popupPanelNode?: React.ReactNode;
 }
 //# sourceMappingURL=CustomItemProps.d.ts.map

package/lib/cjs/appui-react/shared/CustomItemProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CustomItemProps.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/CustomItemProps.ts"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC"}
+{"version":3,"file":"CustomItemProps.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/CustomItemProps.ts"],"names":[],"mappings":"AAIA;;GAEG;;AAEH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,eAAgB,SAAQ,SAAS;IAChD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAClC"}

package/lib/cjs/appui-react/shared/CustomItemProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomItemProps.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/CustomItemProps.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport { ItemProps } from \"./ItemProps\";\r\n\r\n/** Definition for a Custom item that renders a React component.\r\n * @public\r\n */\r\nexport interface CustomItemProps extends ItemProps {\r\n  customId?: string;\r\n  // @deprecated in 3.0. Use popupPanelNode\r\n  reactElement?: React.ReactNode;\r\n  popupPanelNode?: React.ReactNode;\r\n}\r\n"]}
+{"version":3,"file":"CustomItemProps.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/CustomItemProps.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport { ItemProps } from \"./ItemProps\";\r\n\r\n/** Definition for a Custom item that renders a React component.\r\n * @public\r\n */\r\nexport interface CustomItemProps extends ItemProps {\r\n  customId?: string;\r\n  popupPanelNode?: React.ReactNode;\r\n}\r\n"]}

package/lib/cjs/appui-react/shared/GroupItemProps.d.ts

@@ -2,7 +2,6 @@
  * @module Item
  */
 import { StringGetter } from "@itwin/appui-abstract";
-import { Direction } from "@itwin/appui-layout-react";
 import { AnyItemDef } from "./AnyItemDef";
 import { ItemProps } from "./ItemProps";
 /** Definition for a Group item that opens a group of items.
@@ -12,8 +11,6 @@ export interface GroupItemProps extends ItemProps {
     defaultActiveItemId?: string;
     groupId?: string;
     items: AnyItemDef[];
-    /** @deprecated in 3.6. Used in UI1.0 only. */
-    direction?: Direction;
     itemsInColumn?: number;
     /** if set, it is used to explicitly set a label at top of open group component. */
     panelLabel?: string | StringGetter;

package/lib/cjs/appui-react/shared/GroupItemProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GroupItemProps.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/GroupItemProps.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,8CAA8C;IAC9C,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mFAAmF;IACnF,UAAU,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACnC,kJAAkJ;IAClJ,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
+{"version":3,"file":"GroupItemProps.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/GroupItemProps.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,SAAS;IAC/C,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,EAAE,UAAU,EAAE,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mFAAmF;IACnF,UAAU,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC;IACnC,kJAAkJ;IAClJ,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}

package/lib/cjs/appui-react/shared/GroupItemProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupItemProps.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/GroupItemProps.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport { StringGetter } from \"@itwin/appui-abstract\";\r\nimport { Direction } from \"@itwin/appui-layout-react\";\r\nimport { AnyItemDef } from \"./AnyItemDef\";\r\nimport { ItemProps } from \"./ItemProps\";\r\n\r\n/** Definition for a Group item that opens a group of items.\r\n * @public\r\n */\r\nexport interface GroupItemProps extends ItemProps {\r\n  defaultActiveItemId?: string;\r\n  groupId?: string;\r\n  items: AnyItemDef[];\r\n  /** @deprecated in 3.6. Used in UI1.0 only. */\r\n  direction?: Direction; // eslint-disable-line deprecation/deprecation\r\n  itemsInColumn?: number;\r\n  /** if set, it is used to explicitly set a label at top of open group component. */\r\n  panelLabel?: string | StringGetter;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if panelLabel is not explicitly set. */\r\n  panelLabelKey?: string;\r\n}\r\n"]}
+{"version":3,"file":"GroupItemProps.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/GroupItemProps.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport { StringGetter } from \"@itwin/appui-abstract\";\r\nimport { AnyItemDef } from \"./AnyItemDef\";\r\nimport { ItemProps } from \"./ItemProps\";\r\n\r\n/** Definition for a Group item that opens a group of items.\r\n * @public\r\n */\r\nexport interface GroupItemProps extends ItemProps {\r\n  defaultActiveItemId?: string;\r\n  groupId?: string;\r\n  items: AnyItemDef[];\r\n  itemsInColumn?: number;\r\n  /** if set, it is used to explicitly set a label at top of open group component. */\r\n  panelLabel?: string | StringGetter;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if panelLabel is not explicitly set. */\r\n  panelLabelKey?: string;\r\n}\r\n"]}

package/lib/cjs/appui-react/shared/ItemDefBase.d.ts

@@ -21,10 +21,6 @@ export declare abstract class ItemDefBase {
     private _label;
     private _tooltip;
     private _description;
-    /** @deprecated in 2.x. Use isHidden instead */
-    isVisible: boolean;
-    /** @deprecated in 2.x. Use isDisabled instead */
-    isEnabled: boolean;
     isPressed: boolean;
     private _isActive;
     get isActive(): boolean;
@@ -33,10 +29,6 @@ export declare abstract class ItemDefBase {
     isHidden?: boolean | ConditionalBooleanValue;
     isDisabled?: boolean | ConditionalBooleanValue;
     badgeType?: BadgeType;
-    /** @deprecated in 2.x. Use condition instead */
-    stateFunc?: (state: Readonly<BaseItemState>) => BaseItemState;
-    /** @deprecated in 2.x. Use condition instead */
-    stateSyncIds: string[];
     iconSpec?: IconSpec;
     iconElement?: React.ReactNode;
     static initializeDef(me: ItemDefBase, itemProps: ItemProps): void;

package/lib/cjs/appui-react/shared/ItemDefBase.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemDefBase.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemDefBase.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEjH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,8BAAsB,WAAW;IAC/B,OAAO,CAAC,MAAM,CAAsD;IACpE,OAAO,CAAC,QAAQ,CAAsD;IACtE,OAAO,CAAC,YAAY,CAAsD;IAE1E,+CAA+C;IACxC,SAAS,EAAE,OAAO,CAAQ;IACjC,iDAAiD;IAC1C,SAAS,EAAE,OAAO,CAAQ;IAC1B,SAAS,EAAE,OAAO,CAAS;IAClC,OAAO,CAAC,SAAS,CAAkB;IACnC,IAAW,QAAQ,IAAI,OAAO,CAA2B;IACzD,IAAW,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAyB;IAChD,eAAe,CAAC,EAAE,GAAG,CAAC;IAEtB,QAAQ,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAE/C,SAAS,CAAC,EAAE,SAAS,CAAC;IAE7B,gDAAgD;IACzC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,aAAa,CAAC;IACrE,gDAAgD;IACzC,YAAY,EAAE,MAAM,EAAE,CAAM;IAE5B,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;WAEvB,aAAa,CAAC,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI;gBA+B5D,SAAS,EAAE,SAAS;IAIhC,IAAW,MAAM,cAAwB;IACzC,aAAoB,EAAE,IAAI,MAAM,CAAC;IAEjC,2BAA2B;IAC3B,IAAW,QAAQ,IAAI,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAEpE;IAED,2BAA2B;IAC3B,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED;;OAEG;IACI,QAAQ,CAAC,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB;IAIjE,6BAA6B;IAC7B,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED;;OAEG;IACI,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB;IAInE,iCAAiC;IACjC,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED;;OAEG;IACI,cAAc,CAAC,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB;CAGxE"}
+{"version":3,"file":"ItemDefBase.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemDefBase.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,SAAS,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEjH,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE7C;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,8BAAsB,WAAW;IAC/B,OAAO,CAAC,MAAM,CAAsD;IACpE,OAAO,CAAC,QAAQ,CAAsD;IACtE,OAAO,CAAC,YAAY,CAAsD;IAEnE,SAAS,EAAE,OAAO,CAAS;IAClC,OAAO,CAAC,SAAS,CAAkB;IACnC,IAAW,QAAQ,IAAI,OAAO,CAA2B;IACzD,IAAW,QAAQ,CAAC,CAAC,EAAE,OAAO,EAAyB;IAChD,eAAe,CAAC,EAAE,GAAG,CAAC;IAEtB,QAAQ,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC7C,UAAU,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAE/C,SAAS,CAAC,EAAE,SAAS,CAAC;IAEtB,QAAQ,CAAC,EAAE,QAAQ,CAAC;IACpB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;WAEvB,aAAa,CAAC,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,GAAG,IAAI;gBAqB5D,SAAS,EAAE,SAAS;IAIhC,IAAW,MAAM,cAAwB;IACzC,aAAoB,EAAE,IAAI,MAAM,CAAC;IAEjC,2BAA2B;IAC3B,IAAW,QAAQ,IAAI,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAEpE;IAED,2BAA2B;IAC3B,IAAW,KAAK,IAAI,MAAM,CAEzB;IAED;;OAEG;IACI,QAAQ,CAAC,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB;IAIjE,6BAA6B;IAC7B,IAAW,OAAO,IAAI,MAAM,CAE3B;IAED;;OAEG;IACI,UAAU,CAAC,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB;IAInE,iCAAiC;IACjC,IAAW,WAAW,IAAI,MAAM,CAE/B;IAED;;OAEG;IACI,cAAc,CAAC,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB;CAGxE"}

package/lib/cjs/appui-react/shared/ItemDefBase.js

@@ -17,23 +17,15 @@ class ItemDefBase {
         this._label = "";
         this._tooltip = "";
         this._description = "";
-        /** @deprecated in 2.x. Use isHidden instead */
-        this.isVisible = true;
-        /** @deprecated in 2.x. Use isDisabled instead */
-        this.isEnabled = true;
         this.isPressed = false;
         this._isActive = false;
-        /** @deprecated in 2.x. Use condition instead */
-        this.stateSyncIds = [];
         ItemDefBase.initializeDef(this, itemProps);
     }
     get isActive() { return this._isActive; }
     set isActive(v) { this._isActive = v; }
     static initializeDef(me, itemProps) {
-        me.isVisible = (itemProps.isVisible !== undefined) ? itemProps.isVisible : true; // eslint-disable-line deprecation/deprecation
-        me.isEnabled = (itemProps.isEnabled !== undefined) ? itemProps.isEnabled : true; // eslint-disable-line deprecation/deprecation
-        me.isHidden = (itemProps.isHidden === undefined && itemProps.isVisible !== undefined) ? !itemProps.isVisible : itemProps.isHidden; // eslint-disable-line deprecation/deprecation
-        me.isDisabled = (itemProps.isDisabled === undefined && itemProps.isEnabled !== undefined) ? !itemProps.isEnabled : itemProps.isDisabled; // eslint-disable-line deprecation/deprecation
+        me.isHidden = itemProps.isHidden;
+        me.isDisabled = itemProps.isDisabled;
         me.isPressed = (itemProps.isPressed !== undefined) ? itemProps.isPressed : false;
         me.isActive = (itemProps.isActive !== undefined) ? itemProps.isActive : false;
         me.badgeType = itemProps.badgeType;
@@ -46,12 +38,6 @@ class ItemDefBase {
         me._label = PropsHelper_1.PropsHelper.getStringSpec(itemProps.label, itemProps.labelKey);
         me._tooltip = PropsHelper_1.PropsHelper.getStringSpec(itemProps.tooltip, itemProps.tooltipKey);
         me._description = PropsHelper_1.PropsHelper.getStringSpec(itemProps.description, itemProps.descriptionKey);
-        // deprecated
-        if (itemProps.stateFunc) // eslint-disable-line deprecation/deprecation
-            me.stateFunc = itemProps.stateFunc; // eslint-disable-line deprecation/deprecation
-        // deprecated
-        if (itemProps.stateSyncIds) // eslint-disable-line deprecation/deprecation
-            me.stateSyncIds = itemProps.stateSyncIds.map((value) => value.toLowerCase()); // eslint-disable-line deprecation/deprecation
     }
     get trayId() { return undefined; }
     /** Get the label string */

package/lib/cjs/appui-react/shared/ItemDefBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemDefBase.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemDefBase.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { BadgeType, ConditionalBooleanValue, ConditionalStringValue, StringGetter } from \"@itwin/appui-abstract\";\r\nimport { PropsHelper } from \"../utils/PropsHelper\";\r\nimport { ItemProps } from \"./ItemProps\";\r\nimport { IconSpec } from \"@itwin/core-react\";\r\n\r\n/** Base state for any 'stateful' React component\r\n * @public\r\n */\r\nexport interface BaseItemState {\r\n  isVisible?: boolean;        // Default - true\r\n  isEnabled?: boolean;        // Default - true\r\n  isActive?: boolean;         // Default - false\r\n  isPressed?: boolean;        // Default - false\r\n}\r\n\r\n/** The base class for Items.\r\n * @public\r\n */\r\nexport abstract class ItemDefBase {\r\n  private _label: string | StringGetter | ConditionalStringValue = \"\";\r\n  private _tooltip: string | StringGetter | ConditionalStringValue = \"\";\r\n  private _description: string | StringGetter | ConditionalStringValue = \"\";\r\n\r\n  /** @deprecated in 2.x. Use isHidden instead */\r\n  public isVisible: boolean = true;\r\n  /** @deprecated in 2.x. Use isDisabled instead */\r\n  public isEnabled: boolean = true;\r\n  public isPressed: boolean = false;\r\n  private _isActive: boolean = false;\r\n  public get isActive(): boolean { return this._isActive; }\r\n  public set isActive(v: boolean) { this._isActive = v; }\r\n  public applicationData?: any;\r\n\r\n  public isHidden?: boolean | ConditionalBooleanValue;\r\n  public isDisabled?: boolean | ConditionalBooleanValue;\r\n\r\n  public badgeType?: BadgeType;\r\n\r\n  /** @deprecated in 2.x. Use condition instead */\r\n  public stateFunc?: (state: Readonly<BaseItemState>) => BaseItemState;\r\n  /** @deprecated in 2.x. Use condition instead */\r\n  public stateSyncIds: string[] = [];\r\n\r\n  public iconSpec?: IconSpec;\r\n  public iconElement?: React.ReactNode;\r\n\r\n  public static initializeDef(me: ItemDefBase, itemProps: ItemProps): void {\r\n    me.isVisible = (itemProps.isVisible !== undefined) ? itemProps.isVisible : true; // eslint-disable-line deprecation/deprecation\r\n    me.isEnabled = (itemProps.isEnabled !== undefined) ? itemProps.isEnabled : true; // eslint-disable-line deprecation/deprecation\r\n    me.isHidden = (itemProps.isHidden === undefined && itemProps.isVisible !== undefined) ? !itemProps.isVisible : itemProps.isHidden; // eslint-disable-line deprecation/deprecation\r\n    me.isDisabled = (itemProps.isDisabled === undefined && itemProps.isEnabled !== undefined) ? !itemProps.isEnabled : itemProps.isDisabled; // eslint-disable-line deprecation/deprecation\r\n\r\n    me.isPressed = (itemProps.isPressed !== undefined) ? itemProps.isPressed : false;\r\n    me.isActive = (itemProps.isActive !== undefined) ? itemProps.isActive : false;\r\n\r\n    me.badgeType = itemProps.badgeType;\r\n\r\n    if (itemProps.applicationData !== undefined)\r\n      me.applicationData = itemProps.applicationData;\r\n    if (itemProps.iconSpec)\r\n      me.iconSpec = itemProps.iconSpec;\r\n    if (itemProps.icon)\r\n      me.iconSpec = itemProps.icon;\r\n\r\n    me._label = PropsHelper.getStringSpec(itemProps.label, itemProps.labelKey);\r\n    me._tooltip = PropsHelper.getStringSpec(itemProps.tooltip, itemProps.tooltipKey);\r\n    me._description = PropsHelper.getStringSpec(itemProps.description, itemProps.descriptionKey);\r\n\r\n    // deprecated\r\n    if (itemProps.stateFunc) // eslint-disable-line deprecation/deprecation\r\n      me.stateFunc = itemProps.stateFunc; // eslint-disable-line deprecation/deprecation\r\n\r\n    // deprecated\r\n    if (itemProps.stateSyncIds) // eslint-disable-line deprecation/deprecation\r\n      me.stateSyncIds = itemProps.stateSyncIds.map((value: string) => value.toLowerCase()); // eslint-disable-line deprecation/deprecation\r\n  }\r\n\r\n  constructor(itemProps: ItemProps) {\r\n    ItemDefBase.initializeDef(this, itemProps);\r\n  }\r\n\r\n  public get trayId() { return undefined; }\r\n  public abstract get id(): string;\r\n\r\n  /** Get the label string */\r\n  public get rawLabel(): string | StringGetter | ConditionalStringValue {\r\n    return this._label;\r\n  }\r\n\r\n  /** Get the label string */\r\n  public get label(): string {\r\n    return PropsHelper.getStringFromSpec(this._label);\r\n  }\r\n\r\n  /** Set the label.\r\n   * @param v A string or a function to get the string.\r\n   */\r\n  public setLabel(v: string | StringGetter | ConditionalStringValue) {\r\n    this._label = v;\r\n  }\r\n\r\n  /** Get the tooltip string */\r\n  public get tooltip(): string {\r\n    return PropsHelper.getStringFromSpec(this._tooltip);\r\n  }\r\n\r\n  /** Set the tooltip.\r\n   * @param v A string or a function to get the string.\r\n   */\r\n  public setTooltip(v: string | StringGetter | ConditionalStringValue) {\r\n    this._tooltip = v;\r\n  }\r\n\r\n  /** Get the description string */\r\n  public get description(): string {\r\n    return PropsHelper.getStringFromSpec(this._description);\r\n  }\r\n\r\n  /** Set the description.\r\n   * @param v A string or a function to get the string.\r\n   */\r\n  public setDescription(v: string | StringGetter | ConditionalStringValue) {\r\n    this._description = v;\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"ItemDefBase.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemDefBase.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport * as React from \"react\";\r\nimport { BadgeType, ConditionalBooleanValue, ConditionalStringValue, StringGetter } from \"@itwin/appui-abstract\";\r\nimport { PropsHelper } from \"../utils/PropsHelper\";\r\nimport { ItemProps } from \"./ItemProps\";\r\nimport { IconSpec } from \"@itwin/core-react\";\r\n\r\n/** Base state for any 'stateful' React component\r\n * @public\r\n */\r\nexport interface BaseItemState {\r\n  isVisible?: boolean;        // Default - true\r\n  isEnabled?: boolean;        // Default - true\r\n  isActive?: boolean;         // Default - false\r\n  isPressed?: boolean;        // Default - false\r\n}\r\n\r\n/** The base class for Items.\r\n * @public\r\n */\r\nexport abstract class ItemDefBase {\r\n  private _label: string | StringGetter | ConditionalStringValue = \"\";\r\n  private _tooltip: string | StringGetter | ConditionalStringValue = \"\";\r\n  private _description: string | StringGetter | ConditionalStringValue = \"\";\r\n\r\n  public isPressed: boolean = false;\r\n  private _isActive: boolean = false;\r\n  public get isActive(): boolean { return this._isActive; }\r\n  public set isActive(v: boolean) { this._isActive = v; }\r\n  public applicationData?: any;\r\n\r\n  public isHidden?: boolean | ConditionalBooleanValue;\r\n  public isDisabled?: boolean | ConditionalBooleanValue;\r\n\r\n  public badgeType?: BadgeType;\r\n\r\n  public iconSpec?: IconSpec;\r\n  public iconElement?: React.ReactNode;\r\n\r\n  public static initializeDef(me: ItemDefBase, itemProps: ItemProps): void {\r\n    me.isHidden = itemProps.isHidden;\r\n    me.isDisabled = itemProps.isDisabled;\r\n\r\n    me.isPressed = (itemProps.isPressed !== undefined) ? itemProps.isPressed : false;\r\n    me.isActive = (itemProps.isActive !== undefined) ? itemProps.isActive : false;\r\n\r\n    me.badgeType = itemProps.badgeType;\r\n\r\n    if (itemProps.applicationData !== undefined)\r\n      me.applicationData = itemProps.applicationData;\r\n    if (itemProps.iconSpec)\r\n      me.iconSpec = itemProps.iconSpec;\r\n    if (itemProps.icon)\r\n      me.iconSpec = itemProps.icon;\r\n\r\n    me._label = PropsHelper.getStringSpec(itemProps.label, itemProps.labelKey);\r\n    me._tooltip = PropsHelper.getStringSpec(itemProps.tooltip, itemProps.tooltipKey);\r\n    me._description = PropsHelper.getStringSpec(itemProps.description, itemProps.descriptionKey);\r\n  }\r\n\r\n  constructor(itemProps: ItemProps) {\r\n    ItemDefBase.initializeDef(this, itemProps);\r\n  }\r\n\r\n  public get trayId() { return undefined; }\r\n  public abstract get id(): string;\r\n\r\n  /** Get the label string */\r\n  public get rawLabel(): string | StringGetter | ConditionalStringValue {\r\n    return this._label;\r\n  }\r\n\r\n  /** Get the label string */\r\n  public get label(): string {\r\n    return PropsHelper.getStringFromSpec(this._label);\r\n  }\r\n\r\n  /** Set the label.\r\n   * @param v A string or a function to get the string.\r\n   */\r\n  public setLabel(v: string | StringGetter | ConditionalStringValue) {\r\n    this._label = v;\r\n  }\r\n\r\n  /** Get the tooltip string */\r\n  public get tooltip(): string {\r\n    return PropsHelper.getStringFromSpec(this._tooltip);\r\n  }\r\n\r\n  /** Set the tooltip.\r\n   * @param v A string or a function to get the string.\r\n   */\r\n  public setTooltip(v: string | StringGetter | ConditionalStringValue) {\r\n    this._tooltip = v;\r\n  }\r\n\r\n  /** Get the description string */\r\n  public get description(): string {\r\n    return PropsHelper.getStringFromSpec(this._description);\r\n  }\r\n\r\n  /** Set the description.\r\n   * @param v A string or a function to get the string.\r\n   */\r\n  public setDescription(v: string | StringGetter | ConditionalStringValue) {\r\n    this._description = v;\r\n  }\r\n}\r\n"]}

package/lib/cjs/appui-react/shared/ItemProps.d.ts

@@ -3,19 +3,10 @@
  */
 import { BadgeType, CommandHandler, ConditionalBooleanValue, ConditionalStringValue, StringGetter } from "@itwin/appui-abstract";
 import { IconProps } from "@itwin/core-react";
-import { BaseItemState } from "./ItemDefBase";
 /** Definition that specifies properties shared between many ConfigurableUi components.
  * @public
  */
 export interface ItemProps extends IconProps {
-    /** if set, component will be visible - defaults to true
-     * @deprecated in 2.x. use isHidden
-     */
-    isVisible?: boolean;
-    /** if set, component will be enabled - defaults to true
-     * @deprecated in 2.x. use isDisabled
-     */
-    isEnabled?: boolean;
     /** if true component will be hidden - defaults to false */
     isHidden?: boolean | ConditionalBooleanValue;
     /** if true component will be disabled - defaults to false */
@@ -42,14 +33,6 @@ export interface ItemProps extends IconProps {
     tooltip?: string | StringGetter | ConditionalStringValue;
     /** if set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */
     tooltipKey?: string;
-    /** Function called to get the new items state
-     * @deprecated in 3.0. Use ConditionalStringValue or ConditionalBooleanValue instead
-     */
-    stateFunc?: (state: Readonly<BaseItemState>) => BaseItemState;
-    /** Synchronize Ids to listen for
-     * @deprecated in 3.0. Use ConditionalStringValue or ConditionalBooleanValue instead
-     */
-    stateSyncIds?: string[];
 }
 /** Properties for a Tool item with a tool id.
  * @public

package/lib/cjs/appui-react/shared/ItemProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ItemProps.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemProps.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACjI,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC7C,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC/C,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2KAA2K;IAC3K,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,wCAAwC;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,2FAA2F;IAC3F,IAAI,CAAC,EAAE,MAAM,GAAG,sBAAsB,CAAC;IAEvC,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAAC;IACvD,6IAA6I;IAC7I,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAAC;IAC7D,mJAAmJ;IACnJ,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAAC;IACzD,6IAA6I;IAC7I,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;OAEG;IACH,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,aAAa,CAAC,KAAK,aAAa,CAAC;IAC9D;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,cAAc;IAC9D,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,cAAc;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"ItemProps.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemProps.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,uBAAuB,EAAE,sBAAsB,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACjI,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAE9C;;GAEG;AACH,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,2DAA2D;IAC3D,QAAQ,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC7C,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC/C,2GAA2G;IAC3G,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,2KAA2K;IAC3K,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,8DAA8D;IAC9D,eAAe,CAAC,EAAE,GAAG,CAAC;IACtB,wCAAwC;IACxC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,2FAA2F;IAC3F,IAAI,CAAC,EAAE,MAAM,GAAG,sBAAsB,CAAC;IAEvC,2EAA2E;IAC3E,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAAC;IACvD,6IAA6I;IAC7I,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAAC;IAC7D,mJAAmJ;IACnJ,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,+DAA+D;IAC/D,OAAO,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,sBAAsB,CAAC;IACzD,6IAA6I;IAC7I,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,aAAc,SAAQ,SAAS,EAAE,cAAc;IAC9D,MAAM,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,SAAS,EAAE,cAAc;IACjE,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/lib/cjs/appui-react/shared/ItemProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemProps.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemProps.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport { BadgeType, CommandHandler, ConditionalBooleanValue, ConditionalStringValue, StringGetter } from \"@itwin/appui-abstract\";\r\nimport { IconProps } from \"@itwin/core-react\";\r\nimport { BaseItemState } from \"./ItemDefBase\";\r\n\r\n/** Definition that specifies properties shared between many ConfigurableUi components.\r\n * @public\r\n */\r\nexport interface ItemProps extends IconProps {\r\n  /** if set, component will be visible - defaults to true\r\n   * @deprecated in 2.x. use isHidden\r\n   */\r\n  isVisible?: boolean;\r\n  /** if set, component will be enabled - defaults to true\r\n   * @deprecated in 2.x. use isDisabled\r\n   */\r\n  isEnabled?: boolean;\r\n  /** if true component will be hidden - defaults to false */\r\n  isHidden?: boolean | ConditionalBooleanValue;\r\n  /** if true component will be disabled - defaults to false */\r\n  isDisabled?: boolean | ConditionalBooleanValue;\r\n  /** if set, component will be considered \"active\" an will display an \"active stripe\" - defaults to false */\r\n  isActive?: boolean;\r\n  /** if set, component will be considered selected but will NOT display an \"active stripe\" - defaults to false. Typically used by buttons that toggle between two states. */\r\n  isPressed?: boolean;\r\n  /** can be used by application to store miscellaneous data. */\r\n  applicationData?: any;\r\n  /** Badge to be overlaid on the item. */\r\n  badgeType?: BadgeType;\r\n  /** abstract icon definition, used when create itemDef from abstract item (ie. MenuItem) */\r\n  icon?: string | ConditionalStringValue;\r\n\r\n  /** if set, it is used to explicitly set the label shown by a component. */\r\n  label?: string | StringGetter | ConditionalStringValue;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */\r\n  labelKey?: string;\r\n\r\n  /** if set, it is used to explicitly set the description shown by a component. */\r\n  description?: string | StringGetter | ConditionalStringValue;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if description is not explicitly set. */\r\n  descriptionKey?: string;\r\n  /** used to explicitly set the tooltip shown by a component. */\r\n  tooltip?: string | StringGetter | ConditionalStringValue;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */\r\n  tooltipKey?: string;\r\n\r\n  /** Function called to get the new items state\r\n   * @deprecated in 3.0. Use ConditionalStringValue or ConditionalBooleanValue instead\r\n   */\r\n  stateFunc?: (state: Readonly<BaseItemState>) => BaseItemState;\r\n  /** Synchronize Ids to listen for\r\n   * @deprecated in 3.0. Use ConditionalStringValue or ConditionalBooleanValue instead\r\n   */\r\n  stateSyncIds?: string[];\r\n}\r\n\r\n/** Properties for a Tool item with a tool id.\r\n * @public\r\n */\r\nexport interface ToolItemProps extends ItemProps, CommandHandler {\r\n  toolId: string;\r\n}\r\n\r\n/** Properties for a Command item.\r\n * @public\r\n */\r\nexport interface CommandItemProps extends ItemProps, CommandHandler {\r\n  commandId?: string;\r\n}\r\n"]}
+{"version":3,"file":"ItemProps.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ItemProps.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Item\r\n */\r\n\r\nimport { BadgeType, CommandHandler, ConditionalBooleanValue, ConditionalStringValue, StringGetter } from \"@itwin/appui-abstract\";\r\nimport { IconProps } from \"@itwin/core-react\";\r\n\r\n/** Definition that specifies properties shared between many ConfigurableUi components.\r\n * @public\r\n */\r\nexport interface ItemProps extends IconProps {\r\n  /** if true component will be hidden - defaults to false */\r\n  isHidden?: boolean | ConditionalBooleanValue;\r\n  /** if true component will be disabled - defaults to false */\r\n  isDisabled?: boolean | ConditionalBooleanValue;\r\n  /** if set, component will be considered \"active\" an will display an \"active stripe\" - defaults to false */\r\n  isActive?: boolean;\r\n  /** if set, component will be considered selected but will NOT display an \"active stripe\" - defaults to false. Typically used by buttons that toggle between two states. */\r\n  isPressed?: boolean;\r\n  /** can be used by application to store miscellaneous data. */\r\n  applicationData?: any;\r\n  /** Badge to be overlaid on the item. */\r\n  badgeType?: BadgeType;\r\n  /** abstract icon definition, used when create itemDef from abstract item (ie. MenuItem) */\r\n  icon?: string | ConditionalStringValue;\r\n\r\n  /** if set, it is used to explicitly set the label shown by a component. */\r\n  label?: string | StringGetter | ConditionalStringValue;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */\r\n  labelKey?: string;\r\n\r\n  /** if set, it is used to explicitly set the description shown by a component. */\r\n  description?: string | StringGetter | ConditionalStringValue;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if description is not explicitly set. */\r\n  descriptionKey?: string;\r\n  /** used to explicitly set the tooltip shown by a component. */\r\n  tooltip?: string | StringGetter | ConditionalStringValue;\r\n  /** if set, it is used to define a key that is used to look up a localized string. This value is used only if label is not explicitly set. */\r\n  tooltipKey?: string;\r\n}\r\n\r\n/** Properties for a Tool item with a tool id.\r\n * @public\r\n */\r\nexport interface ToolItemProps extends ItemProps, CommandHandler {\r\n  toolId: string;\r\n}\r\n\r\n/** Properties for a Command item.\r\n * @public\r\n */\r\nexport interface CommandItemProps extends ItemProps, CommandHandler {\r\n  commandId?: string;\r\n}\r\n"]}

package/lib/cjs/appui-react/stagepanels/StagePanelConfig.d.ts

@@ -2,10 +2,9 @@
  * @module Frontstage
  */
 import { WidgetConfig } from "../widgets/WidgetConfig";
-import { StagePanelMaxSizeSpec } from "./StagePanel";
 import { StagePanelState as StagePanelState } from "./StagePanelDef";
 /** Configuration from which a stage panel is created.
- * @beta
+ * @public
  */
 export interface StagePanelConfig {
     /** Default Panel state. Controls how the panel is initially displayed. Defaults to StagePanelState.Open. */
@@ -24,11 +23,11 @@ export interface StagePanelConfig {
     readonly sections?: StagePanelSectionsConfig;
 }
 /** Configuration from which a stage panel section is created.
- * @beta
+ * @public
  */
 export declare type StagePanelSectionConfig = ReadonlyArray<WidgetConfig>;
 /** Configuration from which stage panel sections are created.
- * @beta
+ * @public
  */
 export interface StagePanelSectionsConfig {
     /** Configuration of the `start` section. */
@@ -36,4 +35,11 @@ export interface StagePanelSectionsConfig {
     /** Configuration of the `end` section. */
     readonly end?: StagePanelSectionConfig;
 }
+/** Available units of panel max size. Pixels or percentage of App size.
+ * @note Percentage of App `height` is used for top/bottom panel and percentage of App `width` is used for left/right panel.
+ * @public
+ */
+export declare type StagePanelMaxSizeSpec = number | {
+    percentage: number;
+};
 //# sourceMappingURL=StagePanelConfig.d.ts.map

package/lib/cjs/appui-react/stagepanels/StagePanelConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StagePanelConfig.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelConfig.ts"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,eAAe,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAErE;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,4GAA4G;IAC5G,QAAQ,CAAC,YAAY,CAAC,EAAE,eAAe,CAAC;IACxC,iCAAiC;IACjC,QAAQ,CAAC,OAAO,CAAC,EAAE,qBAAqB,CAAC;IACzC,iCAAiC;IACjC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,+DAA+D;IAC/D,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,kEAAkE;IAClE,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,iCAAiC;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,QAAQ,CAAC,QAAQ,CAAC,EAAE,wBAAwB,CAAC;CAC9C;AAED;;GAEG;AACH,oBAAY,uBAAuB,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,4CAA4C;IAC5C,QAAQ,CAAC,KAAK,CAAC,EAAE,uBAAuB,CAAC;IACzC,0CAA0C;IAC1C,QAAQ,CAAC,GAAG,CAAC,EAAE,uBAAuB,CAAC;CACxC"}
+{"version":3,"file":"StagePanelConfig.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelConfig.ts"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,eAAe,IAAI,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAErE;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,4GAA4G;IAC5G,QAAQ,CAAC,YAAY,CAAC,EAAE,eAAe,CAAC;IACxC,iCAAiC;IACjC,QAAQ,CAAC,OAAO,CAAC,EAAE,qBAAqB,CAAC;IACzC,iCAAiC;IACjC,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;IAC1B,+DAA+D;IAC/D,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC;IAC1B,kEAAkE;IAClE,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC;IAC7B,iCAAiC;IACjC,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAC;IACvB,2CAA2C;IAC3C,QAAQ,CAAC,QAAQ,CAAC,EAAE,wBAAwB,CAAC;CAC9C;AAED;;GAEG;AACH,oBAAY,uBAAuB,GAAG,aAAa,CAAC,YAAY,CAAC,CAAC;AAElE;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,4CAA4C;IAC5C,QAAQ,CAAC,KAAK,CAAC,EAAE,uBAAuB,CAAC;IACzC,0CAA0C;IAC1C,QAAQ,CAAC,GAAG,CAAC,EAAE,uBAAuB,CAAC;CACxC;AAED;;;GAGG;AACH,oBAAY,qBAAqB,GAAG,MAAM,GAAG;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,CAAC"}

package/lib/cjs/appui-react/stagepanels/StagePanelConfig.js

@@ -3,7 +3,6 @@
 * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
 * See LICENSE.md in the project root for license terms and full copyright notice.
 *--------------------------------------------------------------------------------------------*/
-/* eslint-disable deprecation/deprecation */
 /** @packageDocumentation
  * @module Frontstage
  */

package/lib/cjs/appui-react/stagepanels/StagePanelConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"StagePanelConfig.js","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelConfig.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F,4CAA4C;AAC5C;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module Frontstage\r\n */\r\n\r\nimport { WidgetConfig } from \"../widgets/WidgetConfig\";\r\nimport { StagePanelMaxSizeSpec } from \"./StagePanel\";\r\nimport { StagePanelState as StagePanelState } from \"./StagePanelDef\";\r\n\r\n/** Configuration from which a stage panel is created.\r\n * @beta\r\n */\r\nexport interface StagePanelConfig {\r\n  /** Default Panel state. Controls how the panel is initially displayed. Defaults to StagePanelState.Open. */\r\n  readonly defaultState?: StagePanelState;\r\n  /** Maximum size of the panel. */\r\n  readonly maxSize?: StagePanelMaxSizeSpec;\r\n  /** Minimum size of the panel. */\r\n  readonly minSize?: number;\r\n  /** Indicates whether the panel is pinned. Defaults to true. */\r\n  readonly pinned?: boolean;\r\n  /** Indicates whether the panel is resizable. Defaults to true. */\r\n  readonly resizable?: boolean;\r\n  /** Default size of the panel. */\r\n  readonly size?: number;\r\n  /** Configuration of the panel sections. */\r\n  readonly sections?: StagePanelSectionsConfig;\r\n}\r\n\r\n/** Configuration from which a stage panel section is created.\r\n * @beta\r\n */\r\nexport type StagePanelSectionConfig = ReadonlyArray<WidgetConfig>;\r\n\r\n/** Configuration from which stage panel sections are created.\r\n * @beta\r\n */\r\nexport interface StagePanelSectionsConfig {\r\n  /** Configuration of the `start` section. */\r\n  readonly start?: StagePanelSectionConfig;\r\n  /** Configuration of the `end` section. */\r\n  readonly end?: StagePanelSectionConfig;\r\n}\r\n"]}
+{"version":3,"file":"StagePanelConfig.js","sourceRoot":"","sources":["../../../../src/appui-react/stagepanels/StagePanelConfig.ts"],"names":[],"mappings":";AAAA;;;+FAG+F;AAC/F;;GAEG","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Frontstage\r\n */\r\n\r\nimport { WidgetConfig } from \"../widgets/WidgetConfig\";\r\nimport { StagePanelState as StagePanelState } from \"./StagePanelDef\";\r\n\r\n/** Configuration from which a stage panel is created.\r\n * @public\r\n */\r\nexport interface StagePanelConfig {\r\n  /** Default Panel state. Controls how the panel is initially displayed. Defaults to StagePanelState.Open. */\r\n  readonly defaultState?: StagePanelState;\r\n  /** Maximum size of the panel. */\r\n  readonly maxSize?: StagePanelMaxSizeSpec;\r\n  /** Minimum size of the panel. */\r\n  readonly minSize?: number;\r\n  /** Indicates whether the panel is pinned. Defaults to true. */\r\n  readonly pinned?: boolean;\r\n  /** Indicates whether the panel is resizable. Defaults to true. */\r\n  readonly resizable?: boolean;\r\n  /** Default size of the panel. */\r\n  readonly size?: number;\r\n  /** Configuration of the panel sections. */\r\n  readonly sections?: StagePanelSectionsConfig;\r\n}\r\n\r\n/** Configuration from which a stage panel section is created.\r\n * @public\r\n */\r\nexport type StagePanelSectionConfig = ReadonlyArray<WidgetConfig>;\r\n\r\n/** Configuration from which stage panel sections are created.\r\n * @public\r\n */\r\nexport interface StagePanelSectionsConfig {\r\n  /** Configuration of the `start` section. */\r\n  readonly start?: StagePanelSectionConfig;\r\n  /** Configuration of the `end` section. */\r\n  readonly end?: StagePanelSectionConfig;\r\n}\r\n\r\n/** Available units of panel max size. Pixels or percentage of App size.\r\n * @note Percentage of App `height` is used for top/bottom panel and percentage of App `width` is used for left/right panel.\r\n * @public\r\n */\r\nexport type StagePanelMaxSizeSpec = number | { percentage: number };\r\n"]}

package/lib/cjs/appui-react/stagepanels/StagePanelDef.d.ts

@@ -6,8 +6,7 @@ import { StagePanelLocation, StagePanelSection, UiEvent } from "@itwin/appui-abs
 import { NineZoneState, PanelSide } from "@itwin/appui-layout-react";
 import { WidgetDef } from "../widgets/WidgetDef";
 import { WidgetHost } from "../widgets/WidgetHost";
-import { StagePanelMaxSizeSpec, StagePanelProps, StagePanelZoneProps, StagePanelZonesProps } from "./StagePanel";
-import { ZoneLocation } from "../zones/Zone";
+import { StagePanelConfig, StagePanelMaxSizeSpec, StagePanelSectionConfig } from "./StagePanelConfig";
 /** Enum for StagePanel state.
  * @public
  */
@@ -50,9 +49,9 @@ export declare class StagePanelDef extends WidgetHost {
     private _defaultSize;
     private _resizable;
     private _pinned;
-    private _applicationData?;
     private _location;
-    private _panelZones;
+    private _start;
+    private _end;
     /** Constructor for PanelDef.
      */
     constructor();
@@ -67,8 +66,6 @@ export declare class StagePanelDef extends WidgetHost {
     get resizable(): boolean;
     /** Indicates whether the panel is pinned. */
     get pinned(): boolean;
-    /** Any application data to attach to this Panel. */
-    get applicationData(): any | undefined;
     /** Location of panel. */
     get location(): StagePanelLocation;
     /** Panel state. Defaults to PanelState.Open. */
@@ -78,38 +75,21 @@ export declare class StagePanelDef extends WidgetHost {
     get defaultState(): StagePanelState;
     /** @internal */
     get defaultSize(): number | undefined;
-    /** Panel zones.
-     * @internal
-     */
-    get panelZones(): StagePanelZonesDef;
     /** @internal */
-    initializeFromProps(props?: StagePanelProps, location?: StagePanelLocation): void;
+    static create(config: StagePanelConfig, location: StagePanelLocation): StagePanelDef;
+    /** @internal */
+    initializeFromConfig(config: StagePanelConfig | undefined, location: StagePanelLocation): void;
     /** Gets the list of Widgets. */
     get widgetDefs(): ReadonlyArray<WidgetDef>;
-    /** Gets the list of Widgets (w/o StagePanelZone widgets).
-     * @internal
-     */
-    get panelWidgetDefs(): readonly WidgetDef[];
-    /** @internal */
-    updateDynamicWidgetDefs(stageId: string, stageUsage: string, location: ZoneLocation | StagePanelLocation, _section: StagePanelSection | undefined, allStageWidgetDefs: WidgetDef[], frontstageApplicationData?: any): void;
-}
-/** @internal */
-export declare type StagePanelZoneDefKeys = keyof Pick<StagePanelZonesDef, "start" | "end">;
-/** @internal */
-export declare class StagePanelZonesDef {
-    private _start;
-    private _end;
-    get start(): StagePanelZoneDef;
-    get end(): StagePanelZoneDef;
     /** @internal */
-    initializeFromProps(props: StagePanelZonesProps, panelLocation: StagePanelLocation): void;
+    updateDynamicWidgetDefs(stageId: string, stageUsage: string, location: StagePanelLocation, _section: StagePanelSection | undefined, allStageWidgetDefs: WidgetDef[]): void;
     /** @internal */
-    [Symbol.iterator](): Iterator<[StagePanelZoneDefKeys, StagePanelZoneDef]>;
+    getPanelSectionDef(section: StagePanelSection): StagePanelSectionDef;
 }
 /** @internal */
-export declare class StagePanelZoneDef extends WidgetHost {
+export declare class StagePanelSectionDef extends WidgetHost {
     /** @internal */
-    initializeFromProps(props: StagePanelZoneProps, panelLocation: StagePanelLocation, panelZone: StagePanelZoneDefKeys): void;
+    initializeFromConfig(config: StagePanelSectionConfig | undefined): void;
 }
 /** @internal */
 export declare function toPanelSide(location: StagePanelLocation): PanelSide;