@itwin/appui-react 4.17.6 → 5.0.0-dev.3

package/lib/appui-react/toolbar/ToolbarItemsManager.d.ts

@@ -0,0 +1,47 @@
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import { BeEvent } from "@itwin/core-bentley";
+import type { ToolbarItem } from "./ToolbarItem.js";
+/** Arguments of [[ToolbarItemsManager.onChanged]] event.
+ * @internal
+ */
+export interface ToolbarItemsChangedArgs {
+    readonly items: ReadonlyArray<ToolbarItem>;
+}
+/**
+ * Controls status bar items.
+ * @internal
+ * @deprecated in 4.4.0. This is no longer used internally, left because of an erroneous public dependency that is also deprecated.
+ */
+export declare class ToolbarItemsManager {
+    protected _items: ReadonlyArray<ToolbarItem>;
+    constructor(items?: ReadonlyArray<ToolbarItem>);
+    /** Event raised when Toolbar items are changed.
+     * @internal
+     */
+    readonly onItemsChanged: BeEvent<(args: ToolbarItemsChangedArgs) => void>;
+    private loadItemsInternal;
+    /** load items but do not fire onItemsChanged
+     * @internal
+     */
+    loadItems(items: ReadonlyArray<ToolbarItem>): void;
+    /** Get an array of the Toolbar items  */
+    get items(): ReadonlyArray<ToolbarItem>;
+    set items(items: ReadonlyArray<ToolbarItem>);
+    add(itemOrItems: ToolbarItem | ReadonlyArray<ToolbarItem>): void;
+    /** Remove Toolbar items based on id */
+    remove(itemIdOrItemIds: ToolbarItem["id"] | ReadonlyArray<ToolbarItem["id"]>): void;
+    /** @internal */
+    removeAll(): void;
+    private static gatherSyncIds;
+    static getSyncIdsOfInterest(items: readonly ToolbarItem[]): string[];
+    private static refreshChildItems;
+    private internalRefreshAffectedItems;
+    refreshAffectedItems(eventIds: Set<string>): void;
+    private static isActiveToolIdRefreshRequiredForChildren;
+    private isActiveToolIdRefreshRequired;
+    private static refreshActiveToolIdInChildItems;
+    setActiveToolId(toolId: string): void;
+}
+//# sourceMappingURL=ToolbarItemsManager.d.ts.map

package/lib/appui-react/toolbar/ToolbarItemsManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarItemsManager.d.ts","sourceRoot":"","sources":["../../../src/appui-react/toolbar/ToolbarItemsManager.ts"],"names":[],"mappings":"AAIA;;GAEG;AAMH,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAE9C,OAAO,KAAK,EAGV,WAAW,EACZ,MAAM,kBAAkB,CAAC;AAO1B;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,CAAC;CAC5C;AAED;;;;GAIG;AACH,qBAAa,mBAAmB;IAG9B,SAAS,CAAC,MAAM,EAAE,aAAa,CAAC,WAAW,CAAC,CAAM;gBAEtC,KAAK,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC;IAI9C;;OAEG;IACH,SAAgB,cAAc,iBACrB,uBAAuB,KAAK,IAAI,EACrC;IAEJ,OAAO,CAAC,iBAAiB;IAoBzB;;OAEG;IACI,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC;IAIlD,yCAAyC;IACzC,IAAW,KAAK,IAAI,aAAa,CAAC,WAAW,CAAC,CAE7C;IAED,IAAW,KAAK,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,EAEjD;IAEM,GAAG,CAAC,WAAW,EAAE,WAAW,GAAG,aAAa,CAAC,WAAW,CAAC;IAkBhE,uCAAuC;IAChC,MAAM,CACX,eAAe,EAAE,WAAW,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;IAUvE,gBAAgB;IACT,SAAS;IAIhB,OAAO,CAAC,MAAM,CAAC,aAAa;WA2Bd,oBAAoB,CAAC,KAAK,EAAE,SAAS,WAAW,EAAE,GAAG,MAAM,EAAE;IAM3E,OAAO,CAAC,MAAM,CAAC,iBAAiB;IA8ChC,OAAO,CAAC,4BAA4B;IA6C7B,oBAAoB,CAAC,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC;IAWjD,OAAO,CAAC,MAAM,CAAC,wCAAwC;IAoBvD,OAAO,CAAC,6BAA6B;IAwBrC,OAAO,CAAC,MAAM,CAAC,+BAA+B;IAyBvC,eAAe,CAAC,MAAM,EAAE,MAAM;CAyBtC"}

package/lib/appui-react/toolbar/ToolbarItemsManager.js

@@ -0,0 +1,260 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import { ConditionalBooleanValue, ConditionalStringValue, } from "@itwin/appui-abstract";
+import { BeEvent } from "@itwin/core-bentley";
+import { ConditionalIconItem } from "@itwin/core-react";
+import { isToolbarGroupItem } from "./ToolbarItem.js";
+function isInstance(args) {
+    return !Array.isArray(args);
+}
+/**
+ * Controls status bar items.
+ * @internal
+ * @deprecated in 4.4.0. This is no longer used internally, left because of an erroneous public dependency that is also deprecated.
+ */
+export class ToolbarItemsManager {
+    constructor(items) {
+        // This class should be removed once `useDefaultToolbarItems` and `useUiItemsProviderToolbarItems` (public version) get removed.
+        // If you are attempting to fix/clean this class, it is probably an error as it is no longer used and should not be reintroduced, use Hooks instead.
+        this._items = [];
+        /** Event raised when Toolbar items are changed.
+         * @internal
+         */
+        this.onItemsChanged = new BeEvent();
+        if (items)
+            this.loadItemsInternal(items, true, false);
+    }
+    loadItemsInternal(items, processConditions, sendItemChanged) {
+        if (processConditions && items) {
+            // eslint-disable-next-line deprecation/deprecation
+            const eventIds = ToolbarItemsManager.getSyncIdsOfInterest(items);
+            if (0 !== eventIds.length) {
+                const { itemsUpdated, updatedItems } = this.internalRefreshAffectedItems(items, new Set(eventIds));
+                if (itemsUpdated)
+                    items = updatedItems;
+            }
+        }
+        this._items = items;
+        if (sendItemChanged)
+            this.onItemsChanged.raiseEvent({ items });
+    }
+    /** load items but do not fire onItemsChanged
+     * @internal
+     */
+    loadItems(items) {
+        this.loadItemsInternal(items, true, false);
+    }
+    /** Get an array of the Toolbar items  */
+    get items() {
+        return this._items;
+    }
+    set items(items) {
+        if (items !== this._items)
+            this.loadItemsInternal(items, true, true);
+    }
+    add(itemOrItems) {
+        let itemsToAdd;
+        if (isInstance(itemOrItems))
+            itemsToAdd = [itemOrItems];
+        else {
+            itemsToAdd = itemOrItems.filter((itemToAdd, index) => itemOrItems.findIndex((item) => item.id === itemToAdd.id) === index);
+        }
+        itemsToAdd = itemsToAdd.filter((itemToAdd) => this._items.find((item) => item.id === itemToAdd.id) === undefined);
+        if (itemsToAdd.length === 0)
+            return;
+        const items = [...this._items, ...itemsToAdd];
+        this.items = items;
+    }
+    /** Remove Toolbar items based on id */
+    remove(itemIdOrItemIds) {
+        const items = this._items.filter((item) => {
+            return isInstance(itemIdOrItemIds)
+                ? item.id !== itemIdOrItemIds
+                : !itemIdOrItemIds.find((itemId) => itemId === item.id);
+        });
+        this.items = items;
+    }
+    /** @internal */
+    removeAll() {
+        this._items = [];
+    }
+    static gatherSyncIds(eventIds, items) {
+        for (const item of items) {
+            for (const [, entry] of Object.entries(item)) {
+                if (entry instanceof ConditionalBooleanValue) {
+                    entry.syncEventIds.forEach((eventId) => eventIds.add(eventId.toLowerCase()));
+                }
+                else if (entry instanceof ConditionalStringValue) {
+                    entry.syncEventIds.forEach((eventId) => eventIds.add(eventId.toLowerCase()));
+                    // eslint-disable-next-line deprecation/deprecation
+                }
+                else if (entry instanceof ConditionalIconItem) {
+                    entry.syncEventIds.forEach((eventId) => eventIds.add(eventId.toLowerCase()));
+                }
+            }
+            if (isToolbarGroupItem(item)) {
+                this.gatherSyncIds(eventIds, item.items);
+            }
+        }
+    }
+    static getSyncIdsOfInterest(items) {
+        const eventIds = new Set();
+        this.gatherSyncIds(eventIds, items);
+        return [...eventIds.values()];
+    }
+    static refreshChildItems(parentItem, eventIds) {
+        const updatedItems = [];
+        let itemsUpdated = false;
+        for (const item of parentItem.items) {
+            let updatedItem;
+            if (isToolbarGroupItem(item)) {
+                updatedItem = { ...item };
+                const { childrenUpdated, childItems } = this.refreshChildItems(updatedItem, eventIds);
+                if (childrenUpdated) {
+                    updatedItem.items = childItems;
+                    itemsUpdated = true;
+                }
+            }
+            else {
+                updatedItem = { ...item };
+            }
+            for (const [, entry] of Object.entries(updatedItem)) {
+                if (entry instanceof ConditionalBooleanValue) {
+                    if (ConditionalBooleanValue.refreshValue(entry, eventIds))
+                        itemsUpdated = true;
+                }
+                else if (entry instanceof ConditionalStringValue) {
+                    if (ConditionalStringValue.refreshValue(entry, eventIds))
+                        itemsUpdated = true;
+                    // eslint-disable-next-line deprecation/deprecation
+                }
+                else if (entry instanceof ConditionalIconItem) {
+                    // eslint-disable-next-line deprecation/deprecation
+                    if (ConditionalIconItem.refreshValue(entry, eventIds))
+                        itemsUpdated = true;
+                }
+            }
+            updatedItems.push(updatedItem);
+        }
+        return { childrenUpdated: itemsUpdated, childItems: updatedItems };
+    }
+    internalRefreshAffectedItems(items, eventIds) {
+        if (0 === eventIds.size)
+            return { itemsUpdated: false, updatedItems: [] };
+        let updateRequired = false;
+        const newItems = [];
+        for (const item of items) {
+            let updatedItem = { ...item };
+            if (isToolbarGroupItem(updatedItem)) {
+                const { childrenUpdated, childItems } = 
+                // eslint-disable-next-line deprecation/deprecation
+                ToolbarItemsManager.refreshChildItems(updatedItem, eventIds);
+                if (childrenUpdated) {
+                    updatedItem = {
+                        ...updatedItem,
+                        items: childItems,
+                    };
+                    updateRequired = true;
+                }
+            }
+            for (const [, entry] of Object.entries(updatedItem)) {
+                if (entry instanceof ConditionalBooleanValue) {
+                    if (ConditionalBooleanValue.refreshValue(entry, eventIds))
+                        updateRequired = true;
+                }
+                else if (entry instanceof ConditionalStringValue) {
+                    if (ConditionalStringValue.refreshValue(entry, eventIds))
+                        updateRequired = true;
+                    // eslint-disable-next-line deprecation/deprecation
+                }
+                else if (entry instanceof ConditionalIconItem) {
+                    // eslint-disable-next-line deprecation/deprecation
+                    if (ConditionalIconItem.refreshValue(entry, eventIds))
+                        updateRequired = true;
+                }
+            }
+            newItems.push(updatedItem);
+        }
+        return { itemsUpdated: updateRequired, updatedItems: newItems };
+    }
+    refreshAffectedItems(eventIds) {
+        if (0 === eventIds.size)
+            return;
+        const { itemsUpdated, updatedItems } = this.internalRefreshAffectedItems(this.items, eventIds);
+        if (itemsUpdated)
+            this.loadItemsInternal(updatedItems, false, true);
+    }
+    static isActiveToolIdRefreshRequiredForChildren(children, toolId) {
+        for (const item of children) {
+            if (isToolbarGroupItem(item)) {
+                if (this.isActiveToolIdRefreshRequiredForChildren(item.items, toolId))
+                    return true;
+            }
+            else {
+                const isActive = !!item.isActive;
+                if ((isActive && item.id !== toolId) ||
+                    (!isActive && item.id === toolId))
+                    return true;
+            }
+        }
+        return false;
+    }
+    isActiveToolIdRefreshRequired(toolId) {
+        for (const item of this.items) {
+            if (isToolbarGroupItem(item)) {
+                if (
+                // eslint-disable-next-line deprecation/deprecation
+                ToolbarItemsManager.isActiveToolIdRefreshRequiredForChildren(item.items, toolId))
+                    return true;
+            }
+            else {
+                const isActive = !!item.isActive;
+                if ((isActive && item.id !== toolId) ||
+                    (!isActive && item.id === toolId))
+                    return true;
+            }
+        }
+        return false;
+    }
+    static refreshActiveToolIdInChildItems(parentItem, toolId) {
+        const newChildren = [];
+        for (const item of parentItem.items) {
+            let updatedItem = { ...item };
+            if (isToolbarGroupItem(updatedItem)) {
+                updatedItem = {
+                    ...updatedItem,
+                    // eslint-disable-next-line deprecation/deprecation
+                    items: ToolbarItemsManager.refreshActiveToolIdInChildItems(updatedItem, toolId),
+                };
+            }
+            updatedItem.isActive = updatedItem.id === toolId;
+            newChildren.push(updatedItem);
+        }
+        return newChildren;
+    }
+    setActiveToolId(toolId) {
+        // first see if any updates are really necessary
+        if (!this.isActiveToolIdRefreshRequired(toolId))
+            return;
+        const newItems = [];
+        for (const item of this.items) {
+            let updatedItem = { ...item };
+            if (isToolbarGroupItem(updatedItem)) {
+                updatedItem = {
+                    ...updatedItem,
+                    // eslint-disable-next-line deprecation/deprecation
+                    items: ToolbarItemsManager.refreshActiveToolIdInChildItems(updatedItem, toolId),
+                };
+            }
+            updatedItem.isActive = updatedItem.id === toolId;
+            newItems.push(updatedItem);
+        }
+        this.items = newItems;
+    }
+}
+//# sourceMappingURL=ToolbarItemsManager.js.map

package/lib/appui-react/toolbar/ToolbarItemsManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarItemsManager.js","sourceRoot":"","sources":["../../../src/appui-react/toolbar/ToolbarItemsManager.ts"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Toolbar\n */\n\nimport {\n  ConditionalBooleanValue,\n  ConditionalStringValue,\n} from \"@itwin/appui-abstract\";\nimport { BeEvent } from \"@itwin/core-bentley\";\nimport { ConditionalIconItem } from \"@itwin/core-react\";\nimport type {\n  ToolbarActionItem,\n  ToolbarGroupItem,\n  ToolbarItem,\n} from \"./ToolbarItem.js\";\nimport { isToolbarGroupItem } from \"./ToolbarItem.js\";\n\nfunction isInstance<T>(args: T | ReadonlyArray<T>): args is T {\n  return !Array.isArray(args);\n}\n\n/** Arguments of [[ToolbarItemsManager.onChanged]] event.\n * @internal\n */\nexport interface ToolbarItemsChangedArgs {\n  readonly items: ReadonlyArray<ToolbarItem>;\n}\n\n/**\n * Controls status bar items.\n * @internal\n * @deprecated in 4.4.0. This is no longer used internally, left because of an erroneous public dependency that is also deprecated.\n */\nexport class ToolbarItemsManager {\n  // This class should be removed once `useDefaultToolbarItems` and `useUiItemsProviderToolbarItems` (public version) get removed.\n  // If you are attempting to fix/clean this class, it is probably an error as it is no longer used and should not be reintroduced, use Hooks instead.\n  protected _items: ReadonlyArray<ToolbarItem> = [];\n\n  constructor(items?: ReadonlyArray<ToolbarItem>) {\n    if (items) this.loadItemsInternal(items, true, false);\n  }\n\n  /** Event raised when Toolbar items are changed.\n   * @internal\n   */\n  public readonly onItemsChanged = new BeEvent<\n    (args: ToolbarItemsChangedArgs) => void\n  >();\n\n  private loadItemsInternal(\n    items: ReadonlyArray<ToolbarItem>,\n    processConditions: boolean,\n    sendItemChanged: boolean\n  ) {\n    if (processConditions && items) {\n      // eslint-disable-next-line deprecation/deprecation\n      const eventIds = ToolbarItemsManager.getSyncIdsOfInterest(items);\n      if (0 !== eventIds.length) {\n        const { itemsUpdated, updatedItems } =\n          this.internalRefreshAffectedItems(items, new Set(eventIds));\n\n        if (itemsUpdated) items = updatedItems;\n      }\n    }\n\n    this._items = items;\n    if (sendItemChanged) this.onItemsChanged.raiseEvent({ items });\n  }\n\n  /** load items but do not fire onItemsChanged\n   * @internal\n   */\n  public loadItems(items: ReadonlyArray<ToolbarItem>) {\n    this.loadItemsInternal(items, true, false);\n  }\n\n  /** Get an array of the Toolbar items  */\n  public get items(): ReadonlyArray<ToolbarItem> {\n    return this._items;\n  }\n\n  public set items(items: ReadonlyArray<ToolbarItem>) {\n    if (items !== this._items) this.loadItemsInternal(items, true, true);\n  }\n\n  public add(itemOrItems: ToolbarItem | ReadonlyArray<ToolbarItem>) {\n    let itemsToAdd;\n    if (isInstance(itemOrItems)) itemsToAdd = [itemOrItems];\n    else {\n      itemsToAdd = itemOrItems.filter(\n        (itemToAdd, index) =>\n          itemOrItems.findIndex((item) => item.id === itemToAdd.id) === index\n      );\n    }\n    itemsToAdd = itemsToAdd.filter(\n      (itemToAdd) =>\n        this._items.find((item) => item.id === itemToAdd.id) === undefined\n    );\n    if (itemsToAdd.length === 0) return;\n    const items = [...this._items, ...itemsToAdd];\n    this.items = items;\n  }\n\n  /** Remove Toolbar items based on id */\n  public remove(\n    itemIdOrItemIds: ToolbarItem[\"id\"] | ReadonlyArray<ToolbarItem[\"id\"]>\n  ) {\n    const items = this._items.filter((item) => {\n      return isInstance(itemIdOrItemIds)\n        ? item.id !== itemIdOrItemIds\n        : !itemIdOrItemIds.find((itemId) => itemId === item.id);\n    });\n    this.items = items;\n  }\n\n  /** @internal */\n  public removeAll() {\n    this._items = [];\n  }\n\n  private static gatherSyncIds(\n    eventIds: Set<string>,\n    items: readonly ToolbarItem[]\n  ) {\n    for (const item of items) {\n      for (const [, entry] of Object.entries(item)) {\n        if (entry instanceof ConditionalBooleanValue) {\n          entry.syncEventIds.forEach((eventId: string) =>\n            eventIds.add(eventId.toLowerCase())\n          );\n        } else if (entry instanceof ConditionalStringValue) {\n          entry.syncEventIds.forEach((eventId: string) =>\n            eventIds.add(eventId.toLowerCase())\n          );\n          // eslint-disable-next-line deprecation/deprecation\n        } else if (entry instanceof ConditionalIconItem) {\n          entry.syncEventIds.forEach((eventId: string) =>\n            eventIds.add(eventId.toLowerCase())\n          );\n        }\n      }\n      if (isToolbarGroupItem(item)) {\n        this.gatherSyncIds(eventIds, item.items);\n      }\n    }\n  }\n\n  public static getSyncIdsOfInterest(items: readonly ToolbarItem[]): string[] {\n    const eventIds = new Set<string>();\n    this.gatherSyncIds(eventIds, items);\n    return [...eventIds.values()];\n  }\n\n  private static refreshChildItems(\n    parentItem: ToolbarGroupItem,\n    eventIds: Set<string>\n  ): {\n    childrenUpdated: boolean;\n    childItems: ReadonlyArray<ToolbarActionItem | ToolbarGroupItem>;\n  } {\n    const updatedItems: Array<ToolbarActionItem | ToolbarGroupItem> = [];\n    let itemsUpdated = false;\n\n    for (const item of parentItem.items) {\n      let updatedItem;\n      if (isToolbarGroupItem(item)) {\n        updatedItem = { ...item };\n        const { childrenUpdated, childItems } = this.refreshChildItems(\n          updatedItem,\n          eventIds\n        );\n        if (childrenUpdated) {\n          updatedItem.items = childItems;\n          itemsUpdated = true;\n        }\n      } else {\n        updatedItem = { ...item };\n      }\n\n      for (const [, entry] of Object.entries(updatedItem)) {\n        if (entry instanceof ConditionalBooleanValue) {\n          if (ConditionalBooleanValue.refreshValue(entry, eventIds))\n            itemsUpdated = true;\n        } else if (entry instanceof ConditionalStringValue) {\n          if (ConditionalStringValue.refreshValue(entry, eventIds))\n            itemsUpdated = true;\n          // eslint-disable-next-line deprecation/deprecation\n        } else if (entry instanceof ConditionalIconItem) {\n          // eslint-disable-next-line deprecation/deprecation\n          if (ConditionalIconItem.refreshValue(entry, eventIds))\n            itemsUpdated = true;\n        }\n      }\n\n      updatedItems.push(updatedItem);\n    }\n    return { childrenUpdated: itemsUpdated, childItems: updatedItems };\n  }\n\n  private internalRefreshAffectedItems(\n    items: readonly ToolbarItem[],\n    eventIds: Set<string>\n  ): { itemsUpdated: boolean; updatedItems: ToolbarItem[] } {\n    if (0 === eventIds.size) return { itemsUpdated: false, updatedItems: [] };\n\n    let updateRequired = false;\n\n    const newItems: ToolbarItem[] = [];\n    for (const item of items) {\n      let updatedItem = { ...item };\n      if (isToolbarGroupItem(updatedItem)) {\n        const { childrenUpdated, childItems } =\n          // eslint-disable-next-line deprecation/deprecation\n          ToolbarItemsManager.refreshChildItems(updatedItem, eventIds);\n        if (childrenUpdated) {\n          updatedItem = {\n            ...updatedItem,\n            items: childItems,\n          };\n          updateRequired = true;\n        }\n      }\n\n      for (const [, entry] of Object.entries(updatedItem)) {\n        if (entry instanceof ConditionalBooleanValue) {\n          if (ConditionalBooleanValue.refreshValue(entry, eventIds))\n            updateRequired = true;\n        } else if (entry instanceof ConditionalStringValue) {\n          if (ConditionalStringValue.refreshValue(entry, eventIds))\n            updateRequired = true;\n          // eslint-disable-next-line deprecation/deprecation\n        } else if (entry instanceof ConditionalIconItem) {\n          // eslint-disable-next-line deprecation/deprecation\n          if (ConditionalIconItem.refreshValue(entry, eventIds))\n            updateRequired = true;\n        }\n      }\n\n      newItems.push(updatedItem);\n    }\n\n    return { itemsUpdated: updateRequired, updatedItems: newItems };\n  }\n\n  public refreshAffectedItems(eventIds: Set<string>) {\n    if (0 === eventIds.size) return;\n\n    const { itemsUpdated, updatedItems } = this.internalRefreshAffectedItems(\n      this.items,\n      eventIds\n    );\n\n    if (itemsUpdated) this.loadItemsInternal(updatedItems, false, true);\n  }\n\n  private static isActiveToolIdRefreshRequiredForChildren(\n    children: ReadonlyArray<ToolbarActionItem | ToolbarGroupItem>,\n    toolId: string\n  ): boolean {\n    for (const item of children) {\n      if (isToolbarGroupItem(item)) {\n        if (this.isActiveToolIdRefreshRequiredForChildren(item.items, toolId))\n          return true;\n      } else {\n        const isActive = !!item.isActive;\n        if (\n          (isActive && item.id !== toolId) ||\n          (!isActive && item.id === toolId)\n        )\n          return true;\n      }\n    }\n    return false;\n  }\n\n  private isActiveToolIdRefreshRequired(toolId: string): boolean {\n    for (const item of this.items) {\n      if (isToolbarGroupItem(item)) {\n        if (\n          // eslint-disable-next-line deprecation/deprecation\n          ToolbarItemsManager.isActiveToolIdRefreshRequiredForChildren(\n            item.items,\n            toolId\n          )\n        )\n          return true;\n      } else {\n        const isActive = !!item.isActive;\n        if (\n          (isActive && item.id !== toolId) ||\n          (!isActive && item.id === toolId)\n        )\n          return true;\n      }\n    }\n\n    return false;\n  }\n\n  private static refreshActiveToolIdInChildItems(\n    parentItem: ToolbarGroupItem,\n    toolId: string\n  ): Array<ToolbarActionItem | ToolbarGroupItem> {\n    const newChildren: Array<ToolbarActionItem | ToolbarGroupItem> = [];\n    for (const item of parentItem.items) {\n      let updatedItem = { ...item };\n\n      if (isToolbarGroupItem(updatedItem)) {\n        updatedItem = {\n          ...updatedItem,\n          // eslint-disable-next-line deprecation/deprecation\n          items: ToolbarItemsManager.refreshActiveToolIdInChildItems(\n            updatedItem,\n            toolId\n          ),\n        };\n      }\n\n      updatedItem.isActive = updatedItem.id === toolId;\n      newChildren.push(updatedItem);\n    }\n    return newChildren;\n  }\n\n  public setActiveToolId(toolId: string) {\n    // first see if any updates are really necessary\n    if (!this.isActiveToolIdRefreshRequired(toolId)) return;\n\n    const newItems: ToolbarItem[] = [];\n    for (const item of this.items) {\n      let updatedItem = { ...item };\n\n      if (isToolbarGroupItem(updatedItem)) {\n        updatedItem = {\n          ...updatedItem,\n          // eslint-disable-next-line deprecation/deprecation\n          items: ToolbarItemsManager.refreshActiveToolIdInChildItems(\n            updatedItem,\n            toolId\n          ),\n        };\n      }\n\n      updatedItem.isActive = updatedItem.id === toolId;\n      newItems.push(updatedItem);\n    }\n\n    this.items = newItems;\n  }\n}\n"]}

package/lib/appui-react/toolbar/ToolbarWithOverflow.d.ts

@@ -0,0 +1,35 @@
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import * as React from "react";
+import type { OnItemExecutedFunc } from "@itwin/appui-abstract";
+import type { CommonProps, NoChildrenProps } from "@itwin/core-react";
+import type { Direction, ToolbarOpacitySetting, ToolbarPanelAlignment } from "@itwin/components-react";
+import type { ToolbarItem } from "./ToolbarItem.js";
+/** Component that displays toolbar items.
+ * @beta
+ */
+export interface ToolbarWithOverflowProps extends CommonProps, NoChildrenProps {
+    /** Describes to which direction the popup panels are expanded, also defines the orientation of the toolbar (Top/Bottom will create an horizontal toolbar, Left/Right will create a vertical toolbar). Defaults to: [[Direction.Bottom]] */
+    expandsTo?: Direction;
+    /** Describes to which direction the overflow popup panels are expanded. Defaults to: [[Direction.Right]] */
+    overflowExpandsTo?: Direction;
+    /** Definitions for items of the toolbar. Items are expected to be already sorted by group and item. */
+    items: ToolbarItem[];
+    /** Describes how expanded panels are aligned. Defaults to: [[ToolbarPanelAlignment.Start]] */
+    panelAlignment?: ToolbarPanelAlignment;
+    /** Use Drag Interaction to open popups with nest action buttons */
+    useDragInteraction?: boolean;
+    /** Determines whether to use mouse proximity to alter the opacity of the toolbar */
+    toolbarOpacitySetting?: ToolbarOpacitySetting;
+    /** Optional function to call on any item execution */
+    onItemExecuted?: OnItemExecutedFunc;
+    /** Optional function to call on any KeyDown events processed by toolbar */
+    onKeyDown?: (e: React.KeyboardEvent) => void;
+}
+/** Component that displays toolbar items, displaying only the elements that can fit in the available space,
+ * and put the other items into a single panel.
+ * @beta
+ */
+export declare function ToolbarWithOverflow(props: ToolbarWithOverflowProps): React.JSX.Element;
+//# sourceMappingURL=ToolbarWithOverflow.d.ts.map

package/lib/appui-react/toolbar/ToolbarWithOverflow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarWithOverflow.d.ts","sourceRoot":"","sources":["../../../src/appui-react/toolbar/ToolbarWithOverflow.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAChE,OAAO,KAAK,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACtE,OAAO,KAAK,EACV,SAAS,EACT,qBAAqB,EACrB,qBAAqB,EACtB,MAAM,yBAAyB,CAAC;AACjC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAGpD;;GAEG;AAEH,MAAM,WAAW,wBAAyB,SAAQ,WAAW,EAAE,eAAe;IAC5E,2OAA2O;IAC3O,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,4GAA4G;IAC5G,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,uGAAuG;IACvG,KAAK,EAAE,WAAW,EAAE,CAAC;IACrB,8FAA8F;IAC9F,cAAc,CAAC,EAAE,qBAAqB,CAAC;IACvC,mEAAmE;IACnE,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,oFAAoF;IACpF,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;IAC9C,sDAAsD;IACtD,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,2EAA2E;IAC3E,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,KAAK,IAAI,CAAC;CAC9C;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBAGlE"}

package/lib/appui-react/toolbar/ToolbarWithOverflow.js

@@ -0,0 +1,18 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import * as React from "react";
+import { Toolbar } from "./Toolbar.js";
+/** Component that displays toolbar items, displaying only the elements that can fit in the available space,
+ * and put the other items into a single panel.
+ * @beta
+ */
+export function ToolbarWithOverflow(props) {
+    const { overflowExpandsTo, ...toolbarProps } = props;
+    return React.createElement(Toolbar, { enableOverflow: { overflowExpandsTo }, ...toolbarProps });
+}
+//# sourceMappingURL=ToolbarWithOverflow.js.map

package/lib/appui-react/toolbar/ToolbarWithOverflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToolbarWithOverflow.js","sourceRoot":"","sources":["../../../src/appui-react/toolbar/ToolbarWithOverflow.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAyBvC;;;GAGG;AACH,MAAM,UAAU,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,iBAAiB,EAAE,GAAG,YAAY,EAAE,GAAG,KAAK,CAAC;IACrD,OAAO,oBAAC,OAAO,IAAC,cAAc,EAAE,EAAE,iBAAiB,EAAE,KAAM,YAAY,GAAI,CAAC;AAC9E,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 Toolbar\n */\n\nimport * as React from \"react\";\nimport type { OnItemExecutedFunc } from \"@itwin/appui-abstract\";\nimport type { CommonProps, NoChildrenProps } from \"@itwin/core-react\";\nimport type {\n  Direction,\n  ToolbarOpacitySetting,\n  ToolbarPanelAlignment,\n} from \"@itwin/components-react\";\nimport type { ToolbarItem } from \"./ToolbarItem.js\";\nimport { Toolbar } from \"./Toolbar.js\";\n\n/** Component that displays toolbar items.\n * @beta\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface ToolbarWithOverflowProps extends CommonProps, NoChildrenProps {\n  /** Describes to which direction the popup panels are expanded, also defines the orientation of the toolbar (Top/Bottom will create an horizontal toolbar, Left/Right will create a vertical toolbar). Defaults to: [[Direction.Bottom]] */\n  expandsTo?: Direction;\n  /** Describes to which direction the overflow popup panels are expanded. Defaults to: [[Direction.Right]] */\n  overflowExpandsTo?: Direction;\n  /** Definitions for items of the toolbar. Items are expected to be already sorted by group and item. */\n  items: ToolbarItem[];\n  /** Describes how expanded panels are aligned. Defaults to: [[ToolbarPanelAlignment.Start]] */\n  panelAlignment?: ToolbarPanelAlignment;\n  /** Use Drag Interaction to open popups with nest action buttons */\n  useDragInteraction?: boolean;\n  /** Determines whether to use mouse proximity to alter the opacity of the toolbar */\n  toolbarOpacitySetting?: ToolbarOpacitySetting;\n  /** Optional function to call on any item execution */\n  onItemExecuted?: OnItemExecutedFunc;\n  /** Optional function to call on any KeyDown events processed by toolbar */\n  onKeyDown?: (e: React.KeyboardEvent) => void;\n}\n\n/** Component that displays toolbar items, displaying only the elements that can fit in the available space,\n * and put the other items into a single panel.\n * @beta\n */\nexport function ToolbarWithOverflow(props: ToolbarWithOverflowProps) {\n  const { overflowExpandsTo, ...toolbarProps } = props;\n  return <Toolbar enableOverflow={{ overflowExpandsTo }} {...toolbarProps} />;\n}\n"]}

package/lib/appui-react/toolbar/new-toolbars/ActionItem.d.ts

@@ -0,0 +1,12 @@
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import * as React from "react";
+import type { ToolbarActionItem } from "../../toolbar/ToolbarItem.js";
+/** @internal */
+export interface ActionItemProps {
+    item: ToolbarActionItem;
+}
+/** @internal */
+export declare const ActionItem: React.ForwardRefExoticComponent<ActionItemProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=ActionItem.d.ts.map

package/lib/appui-react/toolbar/new-toolbars/ActionItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionItem.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/new-toolbars/ActionItem.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAKtE,gBAAgB;AAChB,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,iBAAiB,CAAC;CACzB;AAED,gBAAgB;AAChB,eAAO,MAAM,UAAU,2FAgBtB,CAAC"}

package/lib/appui-react/toolbar/new-toolbars/ActionItem.js

@@ -0,0 +1,22 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import * as React from "react";
+import { ToolGroupOverflowContext } from "./OverflowButton.js";
+import { Item } from "./Item.js";
+import { GroupMenuItem } from "./GroupItem.js";
+/** @internal */
+export const ActionItem = React.forwardRef(function ActionItem({ item }, ref) {
+    const overflowContext = React.useContext(ToolGroupOverflowContext);
+    if (overflowContext) {
+        return React.createElement(GroupMenuItem, { item: item, onClose: overflowContext.onClose });
+    }
+    return (React.createElement(Item, { ref: ref, item: item, onClick: () => {
+            item.execute();
+        } }));
+});
+//# sourceMappingURL=ActionItem.js.map

package/lib/appui-react/toolbar/new-toolbars/ActionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionItem.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/new-toolbars/ActionItem.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAO/C,gBAAgB;AAChB,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE,GAAG;IAC/B,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC;IACnE,IAAI,eAAe,EAAE,CAAC;QACpB,OAAO,oBAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,OAAO,GAAI,CAAC;IACzE,CAAC;IACD,OAAO,CACL,oBAAC,IAAI,IACH,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE;YACZ,IAAI,CAAC,OAAO,EAAE,CAAC;QACjB,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CACF,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 Toolbar\n */\n\nimport * as React from \"react\";\nimport type { ToolbarActionItem } from \"../../toolbar/ToolbarItem.js\";\nimport { ToolGroupOverflowContext } from \"./OverflowButton.js\";\nimport { Item } from \"./Item.js\";\nimport { GroupMenuItem } from \"./GroupItem.js\";\n\n/** @internal */\nexport interface ActionItemProps {\n  item: ToolbarActionItem;\n}\n\n/** @internal */\nexport const ActionItem = React.forwardRef<HTMLButtonElement, ActionItemProps>(\n  function ActionItem({ item }, ref) {\n    const overflowContext = React.useContext(ToolGroupOverflowContext);\n    if (overflowContext) {\n      return <GroupMenuItem item={item} onClose={overflowContext.onClose} />;\n    }\n    return (\n      <Item\n        ref={ref}\n        item={item}\n        onClick={() => {\n          item.execute();\n        }}\n      />\n    );\n  }\n);\n"]}

package/lib/appui-react/toolbar/new-toolbars/Badge.d.ts

@@ -0,0 +1,10 @@
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import "./Badge.scss";
+import * as React from "react";
+import type { ToolbarItem } from "../../toolbar/ToolbarItem.js";
+/** @internal */
+export declare function Badge({ badge, // eslint-disable-line deprecation/deprecation
+badgeKind, }: Pick<ToolbarItem, "badge" | "badgeKind">): React.JSX.Element;
+//# sourceMappingURL=Badge.d.ts.map

package/lib/appui-react/toolbar/new-toolbars/Badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/new-toolbars/Badge.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAEhE,gBAAgB;AAChB,wBAAgB,KAAK,CAAC,EACpB,KAAK,EAAE,8CAA8C;AACrD,SAAS,GACV,EAAE,IAAI,CAAC,WAAW,EAAE,OAAO,GAAG,WAAW,CAAC,qBAM1C"}

package/lib/appui-react/toolbar/new-toolbars/Badge.js

@@ -0,0 +1,17 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import "./Badge.scss";
+import * as React from "react";
+import { Badge as CoreBadge } from "@itwin/core-react/internal";
+/** @internal */
+export function Badge({ badge, // eslint-disable-line deprecation/deprecation
+badgeKind, }) {
+    return (React.createElement("div", { className: "uifw-toolbar-group-badge" },
+        React.createElement(CoreBadge, { type: badgeKind || badge })));
+}
+//# sourceMappingURL=Badge.js.map

package/lib/appui-react/toolbar/new-toolbars/Badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/new-toolbars/Badge.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,IAAI,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAGhE,gBAAgB;AAChB,MAAM,UAAU,KAAK,CAAC,EACpB,KAAK,EAAE,8CAA8C;AACrD,SAAS,GACgC;IACzC,OAAO,CACL,6BAAK,SAAS,EAAC,0BAA0B;QACvC,oBAAC,SAAS,IAAC,IAAI,EAAE,SAAS,IAAI,KAAK,GAAI,CACnC,CACP,CAAC;AACJ,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module Toolbar\n */\n\nimport \"./Badge.scss\";\nimport * as React from \"react\";\nimport { Badge as CoreBadge } from \"@itwin/core-react/internal\";\nimport type { ToolbarItem } from \"../../toolbar/ToolbarItem.js\";\n\n/** @internal */\nexport function Badge({\n  badge, // eslint-disable-line deprecation/deprecation\n  badgeKind,\n}: Pick<ToolbarItem, \"badge\" | \"badgeKind\">) {\n  return (\n    <div className=\"uifw-toolbar-group-badge\">\n      <CoreBadge type={badgeKind || badge} />\n    </div>\n  );\n}\n"]}

package/lib/appui-react/toolbar/new-toolbars/CustomItem.d.ts

@@ -0,0 +1,12 @@
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import * as React from "react";
+import type { ToolbarCustomItem } from "../../toolbar/ToolbarItem.js";
+/** @internal */
+export interface CustomItemProps {
+    item: ToolbarCustomItem;
+}
+/** @internal */
+export declare const CustomItem: React.ForwardRefExoticComponent<CustomItemProps & React.RefAttributes<HTMLButtonElement>>;
+//# sourceMappingURL=CustomItem.d.ts.map

package/lib/appui-react/toolbar/new-toolbars/CustomItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomItem.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/new-toolbars/CustomItem.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAOtE,gBAAgB;AAChB,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,iBAAiB,CAAC;CACzB;AAED,gBAAgB;AAChB,eAAO,MAAM,UAAU,2FA2BtB,CAAC"}

package/lib/appui-react/toolbar/new-toolbars/CustomItem.js

@@ -0,0 +1,33 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import * as React from "react";
+import { DropdownMenu, MenuExtraContent } from "@itwin/itwinui-react";
+import { ExpandIndicator } from "./ExpandIndicator.js";
+import { Item } from "./Item.js";
+import { GroupMenuItem, usePopoverPlacement } from "./GroupItem.js";
+import { ToolGroupOverflowContext } from "./OverflowButton.js";
+import { ToolbarContext } from "./Toolbar.js";
+/** @internal */
+export const CustomItem = React.forwardRef(function CustomItem({ item }, ref) {
+    const placement = usePopoverPlacement();
+    const context = React.useContext(ToolbarContext);
+    const overflowContext = React.useContext(ToolGroupOverflowContext);
+    if (overflowContext) {
+        return React.createElement(GroupMenuItem, { item: item, onClose: overflowContext.onClose });
+    }
+    return (React.createElement(DropdownMenu, { menuItems: () => {
+            return [
+                React.createElement(MenuExtraContent, { key: 0 }, item.panelContent),
+            ];
+        }, placement: placement, onVisibleChange: (newVisible) => {
+            context?.setPopoverOpen(newVisible);
+        } },
+        React.createElement(Item, { ref: ref, item: item },
+            React.createElement(ExpandIndicator, null))));
+});
+//# sourceMappingURL=CustomItem.js.map

package/lib/appui-react/toolbar/new-toolbars/CustomItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomItem.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/new-toolbars/CustomItem.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAEtE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACpE,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAO9C,gBAAgB;AAChB,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CACxC,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE,GAAG;IAC/B,MAAM,SAAS,GAAG,mBAAmB,EAAE,CAAC;IACxC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,CAAC;IACjD,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,wBAAwB,CAAC,CAAC;IAEnE,IAAI,eAAe,EAAE,CAAC;QACpB,OAAO,oBAAC,aAAa,IAAC,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,CAAC,OAAO,GAAI,CAAC;IACzE,CAAC;IACD,OAAO,CACL,oBAAC,YAAY,IACX,SAAS,EAAE,GAAG,EAAE;YACd,OAAO;gBACL,oBAAC,gBAAgB,IAAC,GAAG,EAAE,CAAC,IAAG,IAAI,CAAC,YAAY,CAAoB;aACjE,CAAC;QACJ,CAAC,EACD,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,CAAC,UAAU,EAAE,EAAE;YAC9B,OAAO,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;QACtC,CAAC;QAED,oBAAC,IAAI,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI;YACxB,oBAAC,eAAe,OAAG,CACd,CACM,CAChB,CAAC;AACJ,CAAC,CACF,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 Toolbar\n */\n\nimport * as React from \"react\";\nimport { DropdownMenu, MenuExtraContent } from \"@itwin/itwinui-react\";\nimport type { ToolbarCustomItem } from \"../../toolbar/ToolbarItem.js\";\nimport { ExpandIndicator } from \"./ExpandIndicator.js\";\nimport { Item } from \"./Item.js\";\nimport { GroupMenuItem, usePopoverPlacement } from \"./GroupItem.js\";\nimport { ToolGroupOverflowContext } from \"./OverflowButton.js\";\nimport { ToolbarContext } from \"./Toolbar.js\";\n\n/** @internal */\nexport interface CustomItemProps {\n  item: ToolbarCustomItem;\n}\n\n/** @internal */\nexport const CustomItem = React.forwardRef<HTMLButtonElement, CustomItemProps>(\n  function CustomItem({ item }, ref) {\n    const placement = usePopoverPlacement();\n    const context = React.useContext(ToolbarContext);\n    const overflowContext = React.useContext(ToolGroupOverflowContext);\n\n    if (overflowContext) {\n      return <GroupMenuItem item={item} onClose={overflowContext.onClose} />;\n    }\n    return (\n      <DropdownMenu\n        menuItems={() => {\n          return [\n            <MenuExtraContent key={0}>{item.panelContent}</MenuExtraContent>,\n          ];\n        }}\n        placement={placement}\n        onVisibleChange={(newVisible) => {\n          context?.setPopoverOpen(newVisible);\n        }}\n      >\n        <Item ref={ref} item={item}>\n          <ExpandIndicator />\n        </Item>\n      </DropdownMenu>\n    );\n  }\n);\n"]}

package/lib/appui-react/toolbar/new-toolbars/ExpandIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandIndicator.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/new-toolbars/ExpandIndicator.tsx"],"names":[],"mappings":"AAIA,OAAO,wBAAwB,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,gBAAgB;AAChB,wBAAgB,eAAe,sBAE9B"}

package/lib/appui-react/toolbar/new-toolbars/ExpandIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandIndicator.js","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/new-toolbars/ExpandIndicator.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG,OAAO,wBAAwB,CAAC;AAChC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,gBAAgB;AAChB,MAAM,UAAU,eAAe;IAC7B,OAAO,6BAAK,SAAS,EAAC,oCAAoC,GAAG,CAAC;AAChE,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\nimport \"./ExpandIndicator.scss\";\nimport * as React from \"react\";\n\n/** @internal */\nexport function ExpandIndicator() {\n  return <div className=\"uifw-toolbar-group-expandIndicator\" />;\n}\n"]}

package/lib/appui-react/toolbar/new-toolbars/ExpandIndicator.scss

@@ -0,0 +1,17 @@
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+@use "~@itwin/core-react/lib/core-react/geometry" as *;
+
+.uifw-toolbar-group-expandIndicator {
+  position: absolute;
+  bottom: 3px;
+  right: 3px;
+
+  @include triangle-bottom-right(
+    $width: 5px,
+    $height: 5px,
+    $color: currentColor
+  );
+}

package/lib/appui-react/toolbar/new-toolbars/GroupItem.d.ts

@@ -0,0 +1,22 @@
+/** @packageDocumentation
+ * @module Toolbar
+ */
+import * as React from "react";
+import type { ToolbarItem } from "../../toolbar/ToolbarItem.js";
+import { type ToolbarGroupItem } from "../../toolbar/ToolbarItem.js";
+/** @internal */
+export interface GroupItemProps {
+    item: ToolbarGroupItem;
+}
+/** @internal */
+export declare const GroupItem: React.ForwardRefExoticComponent<GroupItemProps & React.RefAttributes<HTMLButtonElement>>;
+/** @internal */
+export declare function usePopoverPlacement(): "left-end" | "left-start" | "right-end" | "right-start" | "bottom-end" | "bottom-start" | "top-end" | "top-start" | undefined;
+interface GroupMenuItemProps {
+    item: ToolbarItem;
+    onClose?: () => void;
+}
+/** @internal */
+export declare function GroupMenuItem({ item, onClose }: GroupMenuItemProps): React.JSX.Element | null;
+export {};
+//# sourceMappingURL=GroupItem.d.ts.map

package/lib/appui-react/toolbar/new-toolbars/GroupItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GroupItem.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/toolbar/new-toolbars/GroupItem.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAChE,OAAO,EAIL,KAAK,gBAAgB,EACtB,MAAM,8BAA8B,CAAC;AAQtC,gBAAgB;AAChB,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,gBAAgB,CAAC;CACxB;AAED,gBAAgB;AAChB,eAAO,MAAM,SAAS,0FAyBrB,CAAC;AAEF,gBAAgB;AAChB,wBAAgB,mBAAmB,kIAKlC;AAED,UAAU,kBAAkB;IAC1B,IAAI,EAAE,WAAW,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,gBAAgB;AAChB,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,kBAAkB,4BAqClE"}