@itwin/appui-react 3.5.0-dev.14 → 3.5.0-dev.18

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

@@ -1,67 +1,67 @@
-/*---------------------------------------------------------------------------------------------
-* 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/style/themecolors";
-@import "~@itwin/core-react/lib/cjs/core-react/base/base";
-@import "~@itwin/itwinui-css/scss/style/typography";
-
-// cspell:ignore leftpanel rightpanel
-
-$settings-leftpanel-width: 225px;
-$settings-rightpanel-width: 220px;
-
-.components-settings-container {
-  height: calc(100% - 50px);
-  overflow: hidden;
-}
-
-.uifw-settings {
-  background: $buic-background-dialog;
-  color: $buic-text-color;
-  border-radius: 3px;
-  font-size: $iui-font-size;
-  display: flex;
-  flex-direction: column;
-}
-
-.uifw-settings-item {
-  display: flex;
-
-  >.panel {
-    flex: 1;
-    display: flex;
-    box-sizing: border-box;
-  }
-
-  >.left-panel {
-    flex-direction: column;
-    min-width: $settings-leftpanel-width;
-    padding: 20px 15px 20px 15px;
-
-    >.title {
-      font-size: 18px;
-    }
-
-    >.description {
-      margin-top: 10px;
-      font-size: 12px;
-      color: $buic-text-color-muted;
-    }
-  }
-
-  >.right-panel {
-    display: flex;
-    align-items: center;
-    min-width: $settings-rightpanel-width;
-    padding: 30px 50px 30px 30px;
-
-    .toggle {
-      margin-right: 10px;
-    }
-
-    .select-theme-container {
-      flex: 1;
-    }
-  }
+/*---------------------------------------------------------------------------------------------
+* 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/style/themecolors";
+@import "~@itwin/core-react/lib/cjs/core-react/base/base";
+@import "~@itwin/itwinui-css/scss/style/typography";
+
+// cspell:ignore leftpanel rightpanel
+
+$settings-leftpanel-width: 225px;
+$settings-rightpanel-width: 220px;
+
+.components-settings-container {
+  height: calc(100% - 50px);
+  overflow: hidden;
+}
+
+.uifw-settings {
+  background: $buic-background-dialog;
+  color: $buic-text-color;
+  border-radius: 3px;
+  font-size: $iui-font-size;
+  display: flex;
+  flex-direction: column;
+}
+
+.uifw-settings-item {
+  display: flex;
+
+  >.panel {
+    flex: 1;
+    display: flex;
+    box-sizing: border-box;
+  }
+
+  >.left-panel {
+    flex-direction: column;
+    min-width: $settings-leftpanel-width;
+    padding: 20px 15px 20px 15px;
+
+    >.title {
+      font-size: 18px;
+    }
+
+    >.description {
+      margin-top: 10px;
+      font-size: 12px;
+      color: $buic-text-color-muted;
+    }
+  }
+
+  >.right-panel {
+    display: flex;
+    align-items: center;
+    min-width: $settings-rightpanel-width;
+    padding: 30px 50px 30px 30px;
+
+    .toggle {
+      margin-right: 10px;
+    }
+
+    .select-theme-container {
+      flex: 1;
+    }
+  }
 }

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

@@ -1,36 +1,36 @@
-/** @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";
-import { ItemProps } from "./ItemProps";
-/** Abstract base class that is used by classes to execute an action when pressed.
- * @public
- */
-export declare abstract class ActionButtonItemDef extends ItemDefBase {
-    private _onItemExecuted?;
-    /** Command Handler for the action button */
-    protected _commandHandler?: CommandHandler;
-    /** Parameters passed to the Command Handler */
-    parameters?: any;
-    /** Size of the action button, as set by handleSizeKnown */
-    size?: SizeProps;
-    /** The default button size for all action buttons */
-    static defaultButtonSize: number;
-    constructor(itemProps: ItemProps, onItemExecuted?: OnItemExecutedFunc);
-    /** Called when the action button is invoked by a click or touch */
-    execute(): void;
-    /** Called when the size of the action button is initialized and the size is known */
-    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;
-}
+/** @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";
+import { ItemProps } from "./ItemProps";
+/** Abstract base class that is used by classes to execute an action when pressed.
+ * @public
+ */
+export declare abstract class ActionButtonItemDef extends ItemDefBase {
+    private _onItemExecuted?;
+    /** Command Handler for the action button */
+    protected _commandHandler?: CommandHandler;
+    /** Parameters passed to the Command Handler */
+    parameters?: any;
+    /** Size of the action button, as set by handleSizeKnown */
+    size?: SizeProps;
+    /** The default button size for all action buttons */
+    static defaultButtonSize: number;
+    constructor(itemProps: ItemProps, onItemExecuted?: OnItemExecutedFunc);
+    /** Called when the action button is invoked by a click or touch */
+    execute(): void;
+    /** Called when the size of the action button is initialized and the size is known */
+    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/esm/appui-react/shared/ActionButtonItemDef.js

@@ -1,63 +1,63 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Item
- */
-import * as React from "react";
-import { Orientation } from "@itwin/core-react";
-import { ActionItemButton } from "../toolbar/ActionItemButton";
-import { ItemDefBase } from "./ItemDefBase";
-/** Abstract base class that is used by classes to execute an action when pressed.
- * @public
- */
-export class ActionButtonItemDef extends ItemDefBase {
-    constructor(itemProps, onItemExecuted) {
-        super(itemProps);
-        /** Called when the size of the action button is initialized and the size is known */
-        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;
-    }
-    /** Called when the action button is invoked by a click or touch */
-    execute() {
-        if (this._commandHandler && this._commandHandler.execute) {
-            if (this._commandHandler.getCommandArgs)
-                this._commandHandler.execute(this._commandHandler.getCommandArgs());
-            else
-                this._commandHandler.execute(this._commandHandler.parameters);
-        }
-        // istanbul ignore else
-        if (this._onItemExecuted)
-            this._onItemExecuted(this);
-    }
-    /** Determines the dimension in a given orientation */
-    getDimension(orientation) {
-        let dimension = ActionButtonItemDef.defaultButtonSize;
-        if (this.size)
-            dimension = (orientation === 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, { key: key, actionItem: this, onSizeKnown: this.handleSizeKnown }));
-    }
-}
-/** The default button size for all action buttons */
-ActionButtonItemDef.defaultButtonSize = 42;
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Item
+ */
+import * as React from "react";
+import { Orientation } from "@itwin/core-react";
+import { ActionItemButton } from "../toolbar/ActionItemButton";
+import { ItemDefBase } from "./ItemDefBase";
+/** Abstract base class that is used by classes to execute an action when pressed.
+ * @public
+ */
+export class ActionButtonItemDef extends ItemDefBase {
+    constructor(itemProps, onItemExecuted) {
+        super(itemProps);
+        /** Called when the size of the action button is initialized and the size is known */
+        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;
+    }
+    /** Called when the action button is invoked by a click or touch */
+    execute() {
+        if (this._commandHandler && this._commandHandler.execute) {
+            if (this._commandHandler.getCommandArgs)
+                this._commandHandler.execute(this._commandHandler.getCommandArgs());
+            else
+                this._commandHandler.execute(this._commandHandler.parameters);
+        }
+        // istanbul ignore else
+        if (this._onItemExecuted)
+            this._onItemExecuted(this);
+    }
+    /** Determines the dimension in a given orientation */
+    getDimension(orientation) {
+        let dimension = ActionButtonItemDef.defaultButtonSize;
+        if (this.size)
+            dimension = (orientation === 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, { key: key, actionItem: this, onSizeKnown: this.handleSizeKnown }));
+    }
+}
+/** The default button size for all action buttons */
+ActionButtonItemDef.defaultButtonSize = 42;
 //# sourceMappingURL=ActionButtonItemDef.js.map

package/lib/esm/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,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAa,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C;;GAEG;AACH,MAAM,OAAgB,mBAAoB,SAAQ,WAAW;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,WAAW,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,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,IAAI,EAChB,WAAW,EAAE,IAAI,CAAC,eAAe,GACjC,CACH,CAAC;IACJ,CAAC;;AA/DD,qDAAqD;AACvC,qCAAiB,GAAG,EAAE,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/** @packageDocumentation\n * @module Item\n */\n\nimport * as React from \"react\";\nimport { CommandHandler, OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport { Orientation, SizeProps } from \"@itwin/core-react\";\nimport { ActionItemButton } from \"../toolbar/ActionItemButton\";\nimport { ItemDefBase } from \"./ItemDefBase\";\nimport { ItemProps } from \"./ItemProps\";\n\n/** Abstract base class that is used by classes to execute an action when pressed.\n * @public\n */\nexport abstract class ActionButtonItemDef extends ItemDefBase {\n  private _onItemExecuted?: OnItemExecutedFunc;\n\n  /** Command Handler for the action button */\n  protected _commandHandler?: CommandHandler;\n  /** Parameters passed to the Command Handler */\n  public parameters?: any;\n  /** Size of the action button, as set by handleSizeKnown */\n  public size?: SizeProps;\n  /** The default button size for all action buttons */\n  public static defaultButtonSize = 42;\n\n  constructor(itemProps: ItemProps, onItemExecuted?: OnItemExecutedFunc) {\n    super(itemProps);\n\n    this.execute = this.execute.bind(this);\n    this._onItemExecuted = onItemExecuted;\n  }\n\n  /** Called when the action button is invoked by a click or touch */\n  public execute(): void {\n    if (this._commandHandler && this._commandHandler.execute) {\n      if (this._commandHandler.getCommandArgs)\n        this._commandHandler.execute(this._commandHandler.getCommandArgs());\n      else\n        this._commandHandler.execute(this._commandHandler.parameters);\n    }\n\n    // istanbul ignore else\n    if (this._onItemExecuted)\n      this._onItemExecuted(this);\n  }\n\n  /** Called when the size of the action button is initialized and the size is known */\n  public handleSizeKnown = (size: SizeProps) => {\n    this.size = size;\n  };\n\n  /** Determines the dimension in a given orientation */\n  public getDimension(orientation: Orientation): number {\n    let dimension = ActionButtonItemDef.defaultButtonSize;\n    if (this.size)\n      dimension = (orientation === Orientation.Horizontal) ? this.size.width : this.size.height;\n\n    return dimension;\n  }\n\n  /** @internal */\n  public static getRandomId(): string {\n    return (Math.floor(Math.random() * 100) + 1000).toString();\n  }\n\n  /** @internal */\n  public getKey = (index?: number): string => {\n    const key = (!!this.id) ? this.id : (index !== undefined) ? index.toString() : ActionButtonItemDef.getRandomId();\n    return key;\n  };\n\n  /** @internal */\n  public toolbarReactNode(index?: number): React.ReactNode {\n    if (!this.isVisible) // eslint-disable-line deprecation/deprecation\n      return null;\n\n    const key = this.getKey(index);\n\n    return (\n      <ActionItemButton\n        key={key}\n        actionItem={this}\n        onSizeKnown={this.handleSizeKnown}\n      />\n    );\n  }\n}\n"]}
+{"version":3,"file":"ActionButtonItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/ActionButtonItemDef.tsx"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAa,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,6BAA6B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C;;GAEG;AACH,MAAM,OAAgB,mBAAoB,SAAQ,WAAW;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,WAAW,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,gBAAgB,IACf,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,IAAI,EAChB,WAAW,EAAE,IAAI,CAAC,eAAe,GACjC,CACH,CAAC;IACJ,CAAC;;AA/DD,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 * as React from \"react\";\r\nimport { CommandHandler, OnItemExecutedFunc } from \"@itwin/appui-abstract\";\r\nimport { Orientation, SizeProps } from \"@itwin/core-react\";\r\nimport { ActionItemButton } from \"../toolbar/ActionItemButton\";\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\r\n        key={key}\r\n        actionItem={this}\r\n        onSizeKnown={this.handleSizeKnown}\r\n      />\r\n    );\r\n  }\r\n}\r\n"]}

package/lib/esm/appui-react/shared/AnyItemDef.d.ts

@@ -1,12 +1,12 @@
-/** @packageDocumentation
- * @module Item
- */
-import { GroupItemDef } from "../toolbar/GroupItem";
-import { ActionButtonItemDef } from "./ActionButtonItemDef";
-import { CommandItemDef } from "./CommandItemDef";
-import { ToolItemDef } from "./ToolItemDef";
-/** Union of all Item definitions that can be specified in a GroupItem
- * @public
- */
-export declare type AnyItemDef = GroupItemDef | CommandItemDef | ToolItemDef | ActionButtonItemDef;
+/** @packageDocumentation
+ * @module Item
+ */
+import { GroupItemDef } from "../toolbar/GroupItem";
+import { ActionButtonItemDef } from "./ActionButtonItemDef";
+import { CommandItemDef } from "./CommandItemDef";
+import { ToolItemDef } from "./ToolItemDef";
+/** Union of all Item definitions that can be specified in a GroupItem
+ * @public
+ */
+export declare type AnyItemDef = GroupItemDef | CommandItemDef | ToolItemDef | ActionButtonItemDef;
 //# sourceMappingURL=AnyItemDef.d.ts.map

package/lib/esm/appui-react/shared/AnyItemDef.js

@@ -1,9 +1,9 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Item
- */
-export {};
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Item
+ */
+export {};
 //# sourceMappingURL=AnyItemDef.js.map

package/lib/esm/appui-react/shared/AnyItemDef.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnyItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/AnyItemDef.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG","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/** @packageDocumentation\n * @module Item\n */\n\nimport { GroupItemDef } from \"../toolbar/GroupItem\";\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\nimport { CommandItemDef } from \"./CommandItemDef\";\nimport { ToolItemDef } from \"./ToolItemDef\";\n\n/** Union of all Item definitions that can be specified in a GroupItem\n * @public\n */\nexport type AnyItemDef = GroupItemDef | CommandItemDef | ToolItemDef | ActionButtonItemDef;\n"]}
+{"version":3,"file":"AnyItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/AnyItemDef.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 { GroupItemDef } from \"../toolbar/GroupItem\";\r\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\r\nimport { CommandItemDef } from \"./CommandItemDef\";\r\nimport { ToolItemDef } from \"./ToolItemDef\";\r\n\r\n/** Union of all Item definitions that can be specified in a GroupItem\r\n * @public\r\n */\r\nexport type AnyItemDef = GroupItemDef | CommandItemDef | ToolItemDef | ActionButtonItemDef;\r\n"]}

package/lib/esm/appui-react/shared/AnyToolbarItemDef.d.ts

@@ -1,10 +1,10 @@
-/** @packageDocumentation
- * @module Item
- */
-import { AnyItemDef } from "./AnyItemDef";
-import { CustomItemDef } from "./CustomItemDef";
-/** Union of all Item definitions that can be specified in a Toolbar
- * @public
- */
-export declare type AnyToolbarItemDef = AnyItemDef | CustomItemDef;
+/** @packageDocumentation
+ * @module Item
+ */
+import { AnyItemDef } from "./AnyItemDef";
+import { CustomItemDef } from "./CustomItemDef";
+/** Union of all Item definitions that can be specified in a Toolbar
+ * @public
+ */
+export declare type AnyToolbarItemDef = AnyItemDef | CustomItemDef;
 //# sourceMappingURL=AnyToolbarItemDef.d.ts.map

package/lib/esm/appui-react/shared/AnyToolbarItemDef.js

@@ -1,9 +1,9 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Item
- */
-export {};
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Item
+ */
+export {};
 //# sourceMappingURL=AnyToolbarItemDef.js.map

package/lib/esm/appui-react/shared/AnyToolbarItemDef.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnyToolbarItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/AnyToolbarItemDef.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG","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/** @packageDocumentation\n * @module Item\n */\n\nimport { AnyItemDef } from \"./AnyItemDef\";\nimport { CustomItemDef } from \"./CustomItemDef\";\n\n/** Union of all Item definitions that can be specified in a Toolbar\n * @public\n */\nexport type AnyToolbarItemDef = AnyItemDef | CustomItemDef;\n"]}
+{"version":3,"file":"AnyToolbarItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/AnyToolbarItemDef.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 { AnyItemDef } from \"./AnyItemDef\";\r\nimport { CustomItemDef } from \"./CustomItemDef\";\r\n\r\n/** Union of all Item definitions that can be specified in a Toolbar\r\n * @public\r\n */\r\nexport type AnyToolbarItemDef = AnyItemDef | CustomItemDef;\r\n"]}

package/lib/esm/appui-react/shared/CommandItemDef.d.ts

@@ -1,17 +1,17 @@
-/** @packageDocumentation
- * @module Item
- */
-import { OnItemExecutedFunc } from "@itwin/appui-abstract";
-import { ActionButtonItemDef } from "./ActionButtonItemDef";
-import { CommandItemProps } from "./ItemProps";
-/** An Item that executes a Command.
- * @public
- */
-export declare class CommandItemDef extends ActionButtonItemDef {
-    private static _sId;
-    static commandIdPrefix: string;
-    commandId: string;
-    constructor(commandItemProps: CommandItemProps, onItemExecuted?: OnItemExecutedFunc);
-    get id(): string;
-}
+/** @packageDocumentation
+ * @module Item
+ */
+import { OnItemExecutedFunc } from "@itwin/appui-abstract";
+import { ActionButtonItemDef } from "./ActionButtonItemDef";
+import { CommandItemProps } from "./ItemProps";
+/** An Item that executes a Command.
+ * @public
+ */
+export declare class CommandItemDef extends ActionButtonItemDef {
+    private static _sId;
+    static commandIdPrefix: string;
+    commandId: string;
+    constructor(commandItemProps: CommandItemProps, onItemExecuted?: OnItemExecutedFunc);
+    get id(): string;
+}
 //# sourceMappingURL=CommandItemDef.d.ts.map

package/lib/esm/appui-react/shared/CommandItemDef.js

@@ -1,32 +1,32 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Item
- */
-import { ActionButtonItemDef } from "./ActionButtonItemDef";
-/** An Item that executes a Command.
- * @public
- */
-export class CommandItemDef extends ActionButtonItemDef {
-    constructor(commandItemProps, onItemExecuted) {
-        super(commandItemProps, onItemExecuted);
-        this.commandId = "";
-        if (commandItemProps.execute) {
-            this._commandHandler = { execute: commandItemProps.execute, parameters: commandItemProps.parameters, getCommandArgs: commandItemProps.getCommandArgs };
-        }
-        if (commandItemProps.commandId)
-            this.commandId = commandItemProps.commandId;
-        else {
-            CommandItemDef._sId++;
-            this.commandId = CommandItemDef.commandIdPrefix + CommandItemDef._sId;
-        }
-    }
-    get id() {
-        return this.commandId;
-    }
-}
-CommandItemDef._sId = 0;
-CommandItemDef.commandIdPrefix = "Command-";
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Item
+ */
+import { ActionButtonItemDef } from "./ActionButtonItemDef";
+/** An Item that executes a Command.
+ * @public
+ */
+export class CommandItemDef extends ActionButtonItemDef {
+    constructor(commandItemProps, onItemExecuted) {
+        super(commandItemProps, onItemExecuted);
+        this.commandId = "";
+        if (commandItemProps.execute) {
+            this._commandHandler = { execute: commandItemProps.execute, parameters: commandItemProps.parameters, getCommandArgs: commandItemProps.getCommandArgs };
+        }
+        if (commandItemProps.commandId)
+            this.commandId = commandItemProps.commandId;
+        else {
+            CommandItemDef._sId++;
+            this.commandId = CommandItemDef.commandIdPrefix + CommandItemDef._sId;
+        }
+    }
+    get id() {
+        return this.commandId;
+    }
+}
+CommandItemDef._sId = 0;
+CommandItemDef.commandIdPrefix = "Command-";
 //# sourceMappingURL=CommandItemDef.js.map

package/lib/esm/appui-react/shared/CommandItemDef.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommandItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/CommandItemDef.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAGH,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,mBAAmB;IAKrD,YAAY,gBAAkC,EAAE,cAAmC;QACjF,KAAK,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;QAHnC,cAAS,GAAW,EAAE,CAAC;QAK5B,IAAI,gBAAgB,CAAC,OAAO,EAAE;YAC5B,IAAI,CAAC,eAAe,GAAG,EAAE,OAAO,EAAE,gBAAgB,CAAC,OAAO,EAAE,UAAU,EAAE,gBAAgB,CAAC,UAAU,EAAE,cAAc,EAAE,gBAAgB,CAAC,cAAc,EAAE,CAAC;SACxJ;QAED,IAAI,gBAAgB,CAAC,SAAS;YAC5B,IAAI,CAAC,SAAS,GAAG,gBAAgB,CAAC,SAAS,CAAC;aACzC;YACH,cAAc,CAAC,IAAI,EAAE,CAAC;YACtB,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC,eAAe,GAAG,cAAc,CAAC,IAAI,CAAC;SACvE;IACH,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;;AArBc,mBAAI,GAAG,CAAC,CAAC;AACV,8BAAe,GAAG,UAAU,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/** @packageDocumentation\n * @module Item\n */\n\nimport { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\nimport { CommandItemProps } from \"./ItemProps\";\n\n/** An Item that executes a Command.\n * @public\n */\nexport class CommandItemDef extends ActionButtonItemDef {\n  private static _sId = 0;\n  public static commandIdPrefix = \"Command-\";\n  public commandId: string = \"\";\n\n  constructor(commandItemProps: CommandItemProps, onItemExecuted?: OnItemExecutedFunc) {\n    super(commandItemProps, onItemExecuted);\n\n    if (commandItemProps.execute) {\n      this._commandHandler = { execute: commandItemProps.execute, parameters: commandItemProps.parameters, getCommandArgs: commandItemProps.getCommandArgs };\n    }\n\n    if (commandItemProps.commandId)\n      this.commandId = commandItemProps.commandId;\n    else {\n      CommandItemDef._sId++;\n      this.commandId = CommandItemDef.commandIdPrefix + CommandItemDef._sId;\n    }\n  }\n\n  public get id(): string {\n    return this.commandId;\n  }\n}\n"]}
+{"version":3,"file":"CommandItemDef.js","sourceRoot":"","sources":["../../../../src/appui-react/shared/CommandItemDef.ts"],"names":[],"mappings":"AAAA;;;+FAG+F;AAC/F;;GAEG;AAGH,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAG5D;;GAEG;AACH,MAAM,OAAO,cAAe,SAAQ,mBAAmB;IAKrD,YAAY,gBAAkC,EAAE,cAAmC;QACjF,KAAK,CAAC,gBAAgB,EAAE,cAAc,CAAC,CAAC;QAHnC,cAAS,GAAW,EAAE,CAAC;QAK5B,IAAI,gBAAgB,CAAC,OAAO,EAAE;YAC5B,IAAI,CAAC,eAAe,GAAG,EAAE,OAAO,EAAE,gBAAgB,CAAC,OAAO,EAAE,UAAU,EAAE,gBAAgB,CAAC,UAAU,EAAE,cAAc,EAAE,gBAAgB,CAAC,cAAc,EAAE,CAAC;SACxJ;QAED,IAAI,gBAAgB,CAAC,SAAS;YAC5B,IAAI,CAAC,SAAS,GAAG,gBAAgB,CAAC,SAAS,CAAC;aACzC;YACH,cAAc,CAAC,IAAI,EAAE,CAAC;YACtB,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC,eAAe,GAAG,cAAc,CAAC,IAAI,CAAC;SACvE;IACH,CAAC;IAED,IAAW,EAAE;QACX,OAAO,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;;AArBc,mBAAI,GAAG,CAAC,CAAC;AACV,8BAAe,GAAG,UAAU,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 { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\r\nimport { ActionButtonItemDef } from \"./ActionButtonItemDef\";\r\nimport { CommandItemProps } from \"./ItemProps\";\r\n\r\n/** An Item that executes a Command.\r\n * @public\r\n */\r\nexport class CommandItemDef extends ActionButtonItemDef {\r\n  private static _sId = 0;\r\n  public static commandIdPrefix = \"Command-\";\r\n  public commandId: string = \"\";\r\n\r\n  constructor(commandItemProps: CommandItemProps, onItemExecuted?: OnItemExecutedFunc) {\r\n    super(commandItemProps, onItemExecuted);\r\n\r\n    if (commandItemProps.execute) {\r\n      this._commandHandler = { execute: commandItemProps.execute, parameters: commandItemProps.parameters, getCommandArgs: commandItemProps.getCommandArgs };\r\n    }\r\n\r\n    if (commandItemProps.commandId)\r\n      this.commandId = commandItemProps.commandId;\r\n    else {\r\n      CommandItemDef._sId++;\r\n      this.commandId = CommandItemDef.commandIdPrefix + CommandItemDef._sId;\r\n    }\r\n  }\r\n\r\n  public get id(): string {\r\n    return this.commandId;\r\n  }\r\n}\r\n"]}

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

@@ -1,20 +1,20 @@
-/** @packageDocumentation
- * @module Item
- */
-import * as React from "react";
-import { ActionButtonItemDef } from "./ActionButtonItemDef";
-import { CustomItemProps } from "./CustomItemProps";
-/** An Item that renders a React component.
- * @public
- */
-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;
-}
+/** @packageDocumentation
+ * @module Item
+ */
+import * as React from "react";
+import { ActionButtonItemDef } from "./ActionButtonItemDef";
+import { CustomItemProps } from "./CustomItemProps";
+/** An Item that renders a React component.
+ * @public
+ */
+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