@itwin/appui-react 4.13.4 → 4.14.1

package/lib/cjs/appui-react/statusbar/StatusBarItemsManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBarItemsManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarItemsManager.ts"],"names":[],"mappings":"AAIA;;GAEG;AAMH,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAQrD;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;CAC9C;AAED;;;GAGG;AACH,qBAAa,qBAAqB;IAChC,OAAO,CAAC,MAAM,CAAoC;gBAEtC,KAAK,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC;IAIhD;;OAEG;IACH,SAAgB,cAAc,iBACrB,yBAAyB,KAAK,IAAI,EACvC;IAEJ,OAAO,CAAC,iBAAiB;IAoBzB;;OAEG;IACI,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC;IAIpD,2CAA2C;IAC3C,IAAW,KAAK,IAAI,aAAa,CAAC,aAAa,CAAC,CAE/C;IAED,IAAW,KAAK,CAAC,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,EAGnD;IAEM,GAAG,CAAC,WAAW,EAAE,aAAa,GAAG,aAAa,CAAC,aAAa,CAAC;IAkBpE,yCAAyC;IAClC,MAAM,CACX,eAAe,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAU3E,gBAAgB;IACT,SAAS;WAIF,oBAAoB,CAChC,KAAK,EAAE,SAAS,aAAa,EAAE,GAC9B,MAAM,EAAE;IAoBX,OAAO,CAAC,4BAA4B;IAiC7B,oBAAoB,CAAC,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC;CAYlD"}
+{"version":3,"file":"StatusBarItemsManager.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarItemsManager.ts"],"names":[],"mappings":"AAIA;;GAEG;AAMH,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAQrD;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC,QAAQ,CAAC,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;CAC9C;AAED;;;GAGG;AACH,qBAAa,qBAAqB;IAChC,OAAO,CAAC,MAAM,CAAoC;gBAEtC,KAAK,CAAC,EAAE,aAAa,CAAC,aAAa,CAAC;IAIhD;;OAEG;IACH,SAAgB,cAAc,iBACrB,yBAAyB,KAAK,IAAI,EACvC;IAEJ,OAAO,CAAC,iBAAiB;IAmBzB;;OAEG;IACI,SAAS,CAAC,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC;IAIpD,2CAA2C;IAC3C,IAAW,KAAK,IAAI,aAAa,CAAC,aAAa,CAAC,CAE/C;IAED,IAAW,KAAK,CAAC,KAAK,EAAE,aAAa,CAAC,aAAa,CAAC,EAEnD;IAEM,GAAG,CAAC,WAAW,EAAE,aAAa,GAAG,aAAa,CAAC,aAAa,CAAC;IAkBpE,yCAAyC;IAClC,MAAM,CACX,eAAe,EAAE,aAAa,CAAC,IAAI,CAAC,GAAG,aAAa,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC;IAU3E,gBAAgB;IACT,SAAS;WAIF,oBAAoB,CAChC,KAAK,EAAE,SAAS,aAAa,EAAE,GAC9B,MAAM,EAAE;IAkBX,OAAO,CAAC,4BAA4B;IA4B7B,oBAAoB,CAAC,QAAQ,EAAE,GAAG,CAAC,MAAM,CAAC;CAUlD"}

package/lib/cjs/appui-react/statusbar/StatusBarItemsManager.js

@@ -32,7 +32,6 @@ class StatusBarItemsManager {
             const eventIds = StatusBarItemsManager.getSyncIdsOfInterest(items);
             if (0 !== eventIds.length) {
                 const { itemsUpdated, updatedItems } = this.internalRefreshAffectedItems(items, new Set(eventIds));
-                // istanbul ignore else
                 if (itemsUpdated)
                     items = updatedItems;
             }
@@ -52,7 +51,6 @@ class StatusBarItemsManager {
         return this._items;
     }
     set items(items) {
-        // istanbul ignore else
         if (items !== this._items)
             this.loadItemsInternal(items, true, true);
     }
@@ -88,7 +86,7 @@ class StatusBarItemsManager {
             for (const [, entry] of Object.entries(item)) {
                 if (entry instanceof appui_abstract_1.ConditionalBooleanValue) {
                     entry.syncEventIds.forEach((eventId) => eventIds.add(eventId.toLowerCase()));
-                } /* istanbul ignore else */
+                }
                 else if (entry instanceof appui_abstract_1.ConditionalStringValue) {
                     entry.syncEventIds.forEach((eventId) => eventIds.add(eventId.toLowerCase()));
                 }
@@ -97,7 +95,6 @@ class StatusBarItemsManager {
         return [...eventIds.values()];
     }
     internalRefreshAffectedItems(items, eventIds) {
-        // istanbul ignore next
         if (0 === eventIds.size)
             return { itemsUpdated: false, updatedItems: [] };
         let updateRequired = false;
@@ -106,12 +103,10 @@ class StatusBarItemsManager {
             const updatedItem = { ...item };
             for (const [, entry] of Object.entries(updatedItem)) {
                 if (entry instanceof appui_abstract_1.ConditionalBooleanValue) {
-                    // istanbul ignore else
                     if (appui_abstract_1.ConditionalBooleanValue.refreshValue(entry, eventIds))
                         updateRequired = true;
-                } /* istanbul ignore else */
+                }
                 else if (entry instanceof appui_abstract_1.ConditionalStringValue) {
-                    // istanbul ignore else
                     if (appui_abstract_1.ConditionalStringValue.refreshValue(entry, eventIds))
                         updateRequired = true;
                 }
@@ -121,11 +116,9 @@ class StatusBarItemsManager {
         return { itemsUpdated: updateRequired, updatedItems: newItems };
     }
     refreshAffectedItems(eventIds) {
-        // istanbul ignore next
         if (0 === eventIds.size)
             return;
         const { itemsUpdated, updatedItems } = this.internalRefreshAffectedItems(this.items, eventIds);
-        // istanbul ignore else
         if (itemsUpdated)
             this.loadItemsInternal(updatedItems, false, true);
     }

package/lib/cjs/appui-react/statusbar/StatusBarItemsManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"StatusBarItemsManager.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarItemsManager.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 StatusBar\n */\n\nimport {\n  ConditionalBooleanValue,\n  ConditionalStringValue,\n} from \"@itwin/appui-abstract\";\nimport { BeEvent } from \"@itwin/core-bentley\";\nimport type { StatusBarItem } from \"./StatusBarItem\";\n\ntype InstanceOrArray<T> = T | ReadonlyArray<T>;\n\nconst isInstance = <T>(args: InstanceOrArray<T>): args is T => {\n  return !Array.isArray(args);\n};\n\n/** Arguments of [[StatusBarItemsManager.onChanged]] event.\n * @internal\n */\nexport interface StatusBarItemsChangedArgs {\n  readonly items: ReadonlyArray<StatusBarItem>;\n}\n\n/**\n * Controls status bar items.\n * @internal\n */\nexport class StatusBarItemsManager {\n  private _items: ReadonlyArray<StatusBarItem> = [];\n\n  constructor(items?: ReadonlyArray<StatusBarItem>) {\n    if (items) this.loadItemsInternal(items, true, false);\n  }\n\n  /** Event raised when StatusBar items are changed.\n   * @internal\n   */\n  public readonly onItemsChanged = new BeEvent<\n    (args: StatusBarItemsChangedArgs) => void\n  >();\n\n  private loadItemsInternal(\n    items: ReadonlyArray<StatusBarItem>,\n    processConditions: boolean,\n    sendItemChanged: boolean\n  ) {\n    if (processConditions && items) {\n      const eventIds = StatusBarItemsManager.getSyncIdsOfInterest(items);\n      if (0 !== eventIds.length) {\n        const { itemsUpdated, updatedItems } =\n          this.internalRefreshAffectedItems(items, new Set(eventIds));\n\n        // istanbul ignore else\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<StatusBarItem>) {\n    this.loadItemsInternal(items, true, false);\n  }\n\n  /** Get an array of the StatusBar items  */\n  public get items(): ReadonlyArray<StatusBarItem> {\n    return this._items;\n  }\n\n  public set items(items: ReadonlyArray<StatusBarItem>) {\n    // istanbul ignore else\n    if (items !== this._items) this.loadItemsInternal(items, true, true);\n  }\n\n  public add(itemOrItems: StatusBarItem | ReadonlyArray<StatusBarItem>) {\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 StatusBar items based on id */\n  public remove(\n    itemIdOrItemIds: StatusBarItem[\"id\"] | ReadonlyArray<StatusBarItem[\"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  public static getSyncIdsOfInterest(\n    items: readonly StatusBarItem[]\n  ): string[] {\n    const eventIds = new Set<string>();\n    items.forEach((item) => {\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        } /* istanbul ignore else */ else if (\n          entry instanceof ConditionalStringValue\n        ) {\n          entry.syncEventIds.forEach((eventId: string) =>\n            eventIds.add(eventId.toLowerCase())\n          );\n        }\n      }\n    });\n    return [...eventIds.values()];\n  }\n\n  private internalRefreshAffectedItems(\n    items: readonly StatusBarItem[],\n    eventIds: Set<string>\n  ): { itemsUpdated: boolean; updatedItems: StatusBarItem[] } {\n    // istanbul ignore next\n    if (0 === eventIds.size) return { itemsUpdated: false, updatedItems: [] };\n\n    let updateRequired = false;\n\n    const newItems: StatusBarItem[] = [];\n    for (const item of items) {\n      const updatedItem = { ...item };\n\n      for (const [, entry] of Object.entries(updatedItem)) {\n        if (entry instanceof ConditionalBooleanValue) {\n          // istanbul ignore else\n          if (ConditionalBooleanValue.refreshValue(entry, eventIds))\n            updateRequired = true;\n        } /* istanbul ignore else */ else if (\n          entry instanceof ConditionalStringValue\n        ) {\n          // istanbul ignore else\n          if (ConditionalStringValue.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    // istanbul ignore next\n    if (0 === eventIds.size) return;\n\n    const { itemsUpdated, updatedItems } = this.internalRefreshAffectedItems(\n      this.items,\n      eventIds\n    );\n\n    // istanbul ignore else\n    if (itemsUpdated) this.loadItemsInternal(updatedItems, false, true);\n  }\n}\n"]}
+{"version":3,"file":"StatusBarItemsManager.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/StatusBarItemsManager.ts"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,0DAG+B;AAC/B,sDAA8C;AAK9C,MAAM,UAAU,GAAG,CAAI,IAAwB,EAAa,EAAE;IAC5D,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;AAC9B,CAAC,CAAC;AASF;;;GAGG;AACH,MAAa,qBAAqB;IAGhC,YAAY,KAAoC;QAFxC,WAAM,GAAiC,EAAE,CAAC;QAMlD;;WAEG;QACa,mBAAc,GAAG,IAAI,sBAAO,EAEzC,CAAC;QARF,IAAI,KAAK;YAAE,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IACxD,CAAC;IASO,iBAAiB,CACvB,KAAmC,EACnC,iBAA0B,EAC1B,eAAwB;QAExB,IAAI,iBAAiB,IAAI,KAAK,EAAE,CAAC;YAC/B,MAAM,QAAQ,GAAG,qBAAqB,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;YACnE,IAAI,CAAC,KAAK,QAAQ,CAAC,MAAM,EAAE,CAAC;gBAC1B,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAClC,IAAI,CAAC,4BAA4B,CAAC,KAAK,EAAE,IAAI,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC;gBAE9D,IAAI,YAAY;oBAAE,KAAK,GAAG,YAAY,CAAC;YACzC,CAAC;QACH,CAAC;QAED,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,eAAe;YAAE,IAAI,CAAC,cAAc,CAAC,UAAU,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IACjE,CAAC;IAED;;OAEG;IACI,SAAS,CAAC,KAAmC;QAClD,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;IAC7C,CAAC;IAED,2CAA2C;IAC3C,IAAW,KAAK;QACd,OAAO,IAAI,CAAC,MAAM,CAAC;IACrB,CAAC;IAED,IAAW,KAAK,CAAC,KAAmC;QAClD,IAAI,KAAK,KAAK,IAAI,CAAC,MAAM;YAAE,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;IACvE,CAAC;IAEM,GAAG,CAAC,WAAyD;QAClE,IAAI,UAAU,CAAC;QACf,IAAI,UAAU,CAAC,WAAW,CAAC;YAAE,UAAU,GAAG,CAAC,WAAW,CAAC,CAAC;aACnD,CAAC;YACJ,UAAU,GAAG,WAAW,CAAC,MAAM,CAC7B,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CACnB,WAAW,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,CAAC,KAAK,KAAK,CACtE,CAAC;QACJ,CAAC;QACD,UAAU,GAAG,UAAU,CAAC,MAAM,CAC5B,CAAC,SAAS,EAAE,EAAE,CACZ,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,SAAS,CAAC,EAAE,CAAC,KAAK,SAAS,CACrE,CAAC;QACF,IAAI,UAAU,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO;QACpC,MAAM,KAAK,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE,GAAG,UAAU,CAAC,CAAC;QAC9C,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,yCAAyC;IAClC,MAAM,CACX,eAAyE;QAEzE,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE;YACxC,OAAO,UAAU,CAAC,eAAe,CAAC;gBAChC,CAAC,CAAC,IAAI,CAAC,EAAE,KAAK,eAAe;gBAC7B,CAAC,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,KAAK,IAAI,CAAC,EAAE,CAAC,CAAC;QAC5D,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IACrB,CAAC;IAED,gBAAgB;IACT,SAAS;QACd,IAAI,CAAC,MAAM,GAAG,EAAE,CAAC;IACnB,CAAC;IAEM,MAAM,CAAC,oBAAoB,CAChC,KAA+B;QAE/B,MAAM,QAAQ,GAAG,IAAI,GAAG,EAAU,CAAC;QACnC,KAAK,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;YACrB,KAAK,MAAM,CAAC,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC7C,IAAI,KAAK,YAAY,wCAAuB,EAAE,CAAC;oBAC7C,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAe,EAAE,EAAE,CAC7C,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CACpC,CAAC;gBACJ,CAAC;qBAAM,IAAI,KAAK,YAAY,uCAAsB,EAAE,CAAC;oBACnD,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,OAAe,EAAE,EAAE,CAC7C,QAAQ,CAAC,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC,CACpC,CAAC;gBACJ,CAAC;YACH,CAAC;QACH,CAAC,CAAC,CAAC;QACH,OAAO,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,CAAC;IAChC,CAAC;IAEO,4BAA4B,CAClC,KAA+B,EAC/B,QAAqB;QAErB,IAAI,CAAC,KAAK,QAAQ,CAAC,IAAI;YAAE,OAAO,EAAE,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,EAAE,CAAC;QAE1E,IAAI,cAAc,GAAG,KAAK,CAAC;QAE3B,MAAM,QAAQ,GAAoB,EAAE,CAAC;QACrC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACzB,MAAM,WAAW,GAAG,EAAE,GAAG,IAAI,EAAE,CAAC;YAEhC,KAAK,MAAM,CAAC,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE,CAAC;gBACpD,IAAI,KAAK,YAAY,wCAAuB,EAAE,CAAC;oBAC7C,IAAI,wCAAuB,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC;wBACvD,cAAc,GAAG,IAAI,CAAC;gBAC1B,CAAC;qBAAM,IAAI,KAAK,YAAY,uCAAsB,EAAE,CAAC;oBACnD,IAAI,uCAAsB,CAAC,YAAY,CAAC,KAAK,EAAE,QAAQ,CAAC;wBACtD,cAAc,GAAG,IAAI,CAAC;gBAC1B,CAAC;YACH,CAAC;YAED,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC7B,CAAC;QAED,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,YAAY,EAAE,QAAQ,EAAE,CAAC;IAClE,CAAC;IAEM,oBAAoB,CAAC,QAAqB;QAC/C,IAAI,CAAC,KAAK,QAAQ,CAAC,IAAI;YAAE,OAAO;QAEhC,MAAM,EAAE,YAAY,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC,4BAA4B,CACtE,IAAI,CAAC,KAAK,EACV,QAAQ,CACT,CAAC;QAEF,IAAI,YAAY;YAAE,IAAI,CAAC,iBAAiB,CAAC,YAAY,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;IACtE,CAAC;CACF;AA9ID,sDA8IC","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 StatusBar\n */\n\nimport {\n  ConditionalBooleanValue,\n  ConditionalStringValue,\n} from \"@itwin/appui-abstract\";\nimport { BeEvent } from \"@itwin/core-bentley\";\nimport type { StatusBarItem } from \"./StatusBarItem\";\n\ntype InstanceOrArray<T> = T | ReadonlyArray<T>;\n\nconst isInstance = <T>(args: InstanceOrArray<T>): args is T => {\n  return !Array.isArray(args);\n};\n\n/** Arguments of [[StatusBarItemsManager.onChanged]] event.\n * @internal\n */\nexport interface StatusBarItemsChangedArgs {\n  readonly items: ReadonlyArray<StatusBarItem>;\n}\n\n/**\n * Controls status bar items.\n * @internal\n */\nexport class StatusBarItemsManager {\n  private _items: ReadonlyArray<StatusBarItem> = [];\n\n  constructor(items?: ReadonlyArray<StatusBarItem>) {\n    if (items) this.loadItemsInternal(items, true, false);\n  }\n\n  /** Event raised when StatusBar items are changed.\n   * @internal\n   */\n  public readonly onItemsChanged = new BeEvent<\n    (args: StatusBarItemsChangedArgs) => void\n  >();\n\n  private loadItemsInternal(\n    items: ReadonlyArray<StatusBarItem>,\n    processConditions: boolean,\n    sendItemChanged: boolean\n  ) {\n    if (processConditions && items) {\n      const eventIds = StatusBarItemsManager.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<StatusBarItem>) {\n    this.loadItemsInternal(items, true, false);\n  }\n\n  /** Get an array of the StatusBar items  */\n  public get items(): ReadonlyArray<StatusBarItem> {\n    return this._items;\n  }\n\n  public set items(items: ReadonlyArray<StatusBarItem>) {\n    if (items !== this._items) this.loadItemsInternal(items, true, true);\n  }\n\n  public add(itemOrItems: StatusBarItem | ReadonlyArray<StatusBarItem>) {\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 StatusBar items based on id */\n  public remove(\n    itemIdOrItemIds: StatusBarItem[\"id\"] | ReadonlyArray<StatusBarItem[\"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  public static getSyncIdsOfInterest(\n    items: readonly StatusBarItem[]\n  ): string[] {\n    const eventIds = new Set<string>();\n    items.forEach((item) => {\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        }\n      }\n    });\n    return [...eventIds.values()];\n  }\n\n  private internalRefreshAffectedItems(\n    items: readonly StatusBarItem[],\n    eventIds: Set<string>\n  ): { itemsUpdated: boolean; updatedItems: StatusBarItem[] } {\n    if (0 === eventIds.size) return { itemsUpdated: false, updatedItems: [] };\n\n    let updateRequired = false;\n\n    const newItems: StatusBarItem[] = [];\n    for (const item of items) {\n      const updatedItem = { ...item };\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        }\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"]}

package/lib/cjs/appui-react/statusbar/dialog/Button.js

@@ -9,12 +9,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.StatusBarDialogTitleBarButton = void 0;
 const React = require("react");
-const Button_1 = require("../../layout/footer/dialog/Button");
+const itwinui_react_1 = require("@itwin/itwinui-react");
 /** Dialog component used in a [[StatusBarDialog]] component.
  * @beta
  */
 function StatusBarDialogTitleBarButton(props) {
-    return React.createElement(Button_1.TitleBarButton, { ...props });
+    return React.createElement(itwinui_react_1.IconButton, { ...props, styleType: "borderless", size: "small" });
 }
 exports.StatusBarDialogTitleBarButton = StatusBarDialogTitleBarButton;
 //# sourceMappingURL=Button.js.map

package/lib/cjs/appui-react/statusbar/dialog/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/dialog/Button.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAGH,+BAA+B;AAC/B,8DAAmE;AAcnE;;GAEG;AACH,SAAgB,6BAA6B,CAC3C,KAAyC;IAEzC,OAAO,oBAAC,uBAAc,OAAK,KAAK,GAAI,CAAC;AACvC,CAAC;AAJD,sEAIC","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 StatusBar\n */\n\nimport type { CommonProps } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { TitleBarButton } from \"../../layout/footer/dialog/Button\";\n\n/** Properties of [[StatusBarDialogTitleBarButton]] component.\n * @beta\n */\nexport interface StatusBarDialogTitleBarButtonProps extends CommonProps {\n  /** Button content. */\n  children?: React.ReactNode;\n  /** Function called when button is clicked. */\n  onClick?: () => void;\n  /** Button title. */\n  title?: string;\n}\n\n/** Dialog component used in a [[StatusBarDialog]] component.\n * @beta\n */\nexport function StatusBarDialogTitleBarButton(\n  props: StatusBarDialogTitleBarButtonProps\n) {\n  return <TitleBarButton {...props} />;\n}\n"]}
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/dialog/Button.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAGH,+BAA+B;AAC/B,wDAAkD;AAclD;;GAEG;AACH,SAAgB,6BAA6B,CAC3C,KAAyC;IAEzC,OAAO,oBAAC,0BAAU,OAAK,KAAK,EAAE,SAAS,EAAC,YAAY,EAAC,IAAI,EAAC,OAAO,GAAG,CAAC;AACvE,CAAC;AAJD,sEAIC","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 StatusBar\n */\n\nimport type { CommonProps } from \"@itwin/core-react\";\nimport * as React from \"react\";\nimport { IconButton } from \"@itwin/itwinui-react\";\n\n/** Properties of [[StatusBarDialogTitleBarButton]] component.\n * @beta\n */\nexport interface StatusBarDialogTitleBarButtonProps extends CommonProps {\n  /** Button content. */\n  children?: React.ReactNode;\n  /** Function called when button is clicked. */\n  onClick?: () => void;\n  /** Button title. */\n  title?: string;\n}\n\n/** Dialog component used in a [[StatusBarDialog]] component.\n * @beta\n */\nexport function StatusBarDialogTitleBarButton(\n  props: StatusBarDialogTitleBarButtonProps\n) {\n  return <IconButton {...props} styleType=\"borderless\" size=\"small\" />;\n}\n"]}

package/lib/cjs/appui-react/statusbar/popup/ExpandIndicator.d.ts

@@ -0,0 +1,8 @@
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import * as React from "react";
+import "./ExpandIndicator.scss";
+/** @internal */
+export declare function ButtonExpandIndicator(): React.JSX.Element;
+//# sourceMappingURL=ExpandIndicator.d.ts.map

package/lib/cjs/appui-react/statusbar/popup/ExpandIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandIndicator.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/popup/ExpandIndicator.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,wBAAwB,CAAC;AAEhC,gBAAgB;AAChB,wBAAgB,qBAAqB,sBAEpC"}

package/lib/cjs/appui-react/statusbar/popup/ExpandIndicator.js

@@ -0,0 +1,18 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module StatusBar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ButtonExpandIndicator = void 0;
+const React = require("react");
+require("./ExpandIndicator.scss");
+/** @internal */
+function ButtonExpandIndicator() {
+    return React.createElement("div", { className: "uifw-statusBar-popup-expandIndicator" });
+}
+exports.ButtonExpandIndicator = ButtonExpandIndicator;
+//# sourceMappingURL=ExpandIndicator.js.map

package/lib/cjs/appui-react/statusbar/popup/ExpandIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExpandIndicator.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/popup/ExpandIndicator.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,kCAAgC;AAEhC,gBAAgB;AAChB,SAAgB,qBAAqB;IACnC,OAAO,6BAAK,SAAS,EAAC,sCAAsC,GAAG,CAAC;AAClE,CAAC;AAFD,sDAEC","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 StatusBar\n */\n\nimport * as React from \"react\";\nimport \"./ExpandIndicator.scss\";\n\n/** @internal */\nexport function ButtonExpandIndicator() {\n  return <div className=\"uifw-statusBar-popup-expandIndicator\" />;\n}\n"]}

package/lib/cjs/appui-react/{layout/footer/dialog/Button.scss → statusbar/popup/ExpandIndicator.scss}

@@ -2,22 +2,16 @@
  * 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/geometry";
 
-.nz-footer-dialog-button {
-  color: var(--iui-color-text-muted);
-  cursor: pointer;
-  position: relative;
+.uifw-statusBar-popup-expandIndicator {
+  position: absolute;
+  bottom: 3px;
+  right: 3px;
 
-  &:hover {
-    color: var(--iui-color-text-hover);
-  }
-
-  &:active {
-    color: var(--iui-color-text-hover);
-  }
-
-  &:focus {
-    outline: none;
-  }
+  @include triangle-bottom-right(
+    $width: 5px,
+    $height: 5px,
+    $color: currentColor
+  );
 }

package/lib/cjs/appui-react/statusbar/popup/Popup.d.ts

@@ -6,6 +6,7 @@ import * as React from "react";
 import type { PopupProps } from "@itwin/core-react";
 /** Popup component used in [[StatusBar]] component.
  * @beta
+ * @deprecated in 4.13.x. Use {@link StatusBarPopover} instead.
  */
 export declare function StatusBarPopup(props: Partial<PopupProps>): React.JSX.Element;
 //# sourceMappingURL=Popup.d.ts.map

package/lib/cjs/appui-react/statusbar/popup/Popup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/popup/Popup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAIpD;;GAEG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,qBAYxD"}
+{"version":3,"file":"Popup.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/popup/Popup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,cAAc,CAAC;AACtB,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAKpD;;;GAGG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,OAAO,CAAC,UAAU,CAAC,qBAYxD"}

package/lib/cjs/appui-react/statusbar/popup/Popup.js

@@ -15,6 +15,7 @@ const core_react_1 = require("@itwin/core-react");
 const appui_abstract_1 = require("@itwin/appui-abstract");
 /** Popup component used in [[StatusBar]] component.
  * @beta
+ * @deprecated in 4.13.x. Use {@link StatusBarPopover} instead.
  */
 function StatusBarPopup(props) {
     const { className, offset, ...other } = props;

package/lib/cjs/appui-react/statusbar/popup/Popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/popup/Popup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,wBAAsB;AACtB,+BAA+B;AAC/B,2CAAoC;AAEpC,kDAA0C;AAC1C,0DAAyD;AAEzD;;GAEG;AACH,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAE9C,OAAO,CACL,oBAAC,kBAAK,IACJ,SAAS,EAAE,IAAA,oBAAU,EAAC,qBAAqB,EAAE,SAAS,CAAC,EACvD,QAAQ,EAAE,iCAAgB,CAAC,GAAG,EAC9B,UAAU,EAAE,IAAI,KACZ,KAAK,EACT,SAAS,EAAE,KAAK,GAChB,CACH,CAAC;AACJ,CAAC;AAZD,wCAYC","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 StatusBar\n */\n\nimport \"./Popup.scss\";\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport type { PopupProps } from \"@itwin/core-react\";\nimport { Popup } from \"@itwin/core-react\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\n\n/** Popup component used in [[StatusBar]] component.\n * @beta\n */\nexport function StatusBarPopup(props: Partial<PopupProps>) {\n  const { className, offset, ...other } = props;\n\n  return (\n    <Popup\n      className={classnames(\"nz-status-bar-popup\", className)}\n      position={RelativePosition.Top}\n      showShadow={true}\n      {...other}\n      showArrow={false}\n    />\n  );\n}\n"]}
+{"version":3,"file":"Popup.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/popup/Popup.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,wBAAsB;AACtB,+BAA+B;AAC/B,2CAAoC;AAEpC,kDAA0C;AAC1C,0DAAyD;AAGzD;;;GAGG;AACH,SAAgB,cAAc,CAAC,KAA0B;IACvD,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAE9C,OAAO,CACL,oBAAC,kBAAK,IACJ,SAAS,EAAE,IAAA,oBAAU,EAAC,qBAAqB,EAAE,SAAS,CAAC,EACvD,QAAQ,EAAE,iCAAgB,CAAC,GAAG,EAC9B,UAAU,EAAE,IAAI,KACZ,KAAK,EACT,SAAS,EAAE,KAAK,GAChB,CACH,CAAC;AACJ,CAAC;AAZD,wCAYC","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 StatusBar\n */\n\nimport \"./Popup.scss\";\nimport * as React from \"react\";\nimport classnames from \"classnames\";\nimport type { PopupProps } from \"@itwin/core-react\";\nimport { Popup } from \"@itwin/core-react\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport { StatusBarPopover } from \"./StatusBarPopover\";\n\n/** Popup component used in [[StatusBar]] component.\n * @beta\n * @deprecated in 4.13.x. Use {@link StatusBarPopover} instead.\n */\nexport function StatusBarPopup(props: Partial<PopupProps>) {\n  const { className, offset, ...other } = props;\n\n  return (\n    <Popup\n      className={classnames(\"nz-status-bar-popup\", className)}\n      position={RelativePosition.Top}\n      showShadow={true}\n      {...other}\n      showArrow={false}\n    />\n  );\n}\n"]}

package/lib/cjs/appui-react/statusbar/popup/StatusBarPopover.d.ts

@@ -0,0 +1,25 @@
+/** @packageDocumentation
+ * @module StatusBar
+ */
+import * as React from "react";
+import { Popover } from "@itwin/itwinui-react";
+import { ButtonExpandIndicator } from "./ExpandIndicator";
+import type { CommonProps } from "@itwin/core-react";
+type StatusBarPopoverProps = CommonProps & Pick<React.ComponentProps<typeof Popover>, "content" | "children" | "visible" | "onVisibleChange" | "closeOnOutsideClick">;
+/** Popover component used in `StatusBar` component.
+ * This component should wrap the element that triggers the popover.
+ * @note Add the `StatusBarPopover.ExpandIndicator` to popover trigger buttons.
+ * @public
+ */
+export declare function StatusBarPopover(props: StatusBarPopoverProps): React.JSX.Element;
+/** Components used in `StatusBarPopover`.
+ * @public
+ */
+export declare namespace StatusBarPopover {
+    /** Indicator to be used in popover trigger buttons to show expandable content.
+     * @public
+     */
+    const ExpandIndicator: typeof ButtonExpandIndicator;
+}
+export {};
+//# sourceMappingURL=StatusBarPopover.d.ts.map

package/lib/cjs/appui-react/statusbar/popup/StatusBarPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBarPopover.d.ts","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/popup/StatusBarPopover.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC/C,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAErD,KAAK,qBAAqB,GAAG,WAAW,GACtC,IAAI,CACF,KAAK,CAAC,cAAc,CAAC,OAAO,OAAO,CAAC,EAClC,SAAS,GACT,UAAU,GACV,SAAS,GACT,iBAAiB,GACjB,qBAAqB,CACxB,CAAC;AAEJ;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,qBAAqB,qBAW5D;AAED;;GAEG;AACH,yBAAiB,gBAAgB,CAAC;IAChC;;OAEG;IACI,MAAM,eAAe,8BAAwB,CAAC;CACtD"}

package/lib/cjs/appui-react/statusbar/popup/StatusBarPopover.js

@@ -0,0 +1,34 @@
+"use strict";
+/*---------------------------------------------------------------------------------------------
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
+/** @packageDocumentation
+ * @module StatusBar
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBarPopover = void 0;
+const React = require("react");
+const itwinui_react_1 = require("@itwin/itwinui-react");
+const ExpandIndicator_1 = require("./ExpandIndicator");
+/** Popover component used in `StatusBar` component.
+ * This component should wrap the element that triggers the popover.
+ * @note Add the `StatusBarPopover.ExpandIndicator` to popover trigger buttons.
+ * @public
+ */
+function StatusBarPopover(props) {
+    return (React.createElement(itwinui_react_1.Popover, { ...props, placement: "top", applyBackground: true, middleware: {
+            offset: 4,
+        } }));
+}
+exports.StatusBarPopover = StatusBarPopover;
+/** Components used in `StatusBarPopover`.
+ * @public
+ */
+(function (StatusBarPopover) {
+    /** Indicator to be used in popover trigger buttons to show expandable content.
+     * @public
+     */
+    StatusBarPopover.ExpandIndicator = ExpandIndicator_1.ButtonExpandIndicator;
+})(StatusBarPopover || (exports.StatusBarPopover = StatusBarPopover = {}));
+//# sourceMappingURL=StatusBarPopover.js.map

package/lib/cjs/appui-react/statusbar/popup/StatusBarPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusBarPopover.js","sourceRoot":"","sources":["../../../../../src/appui-react/statusbar/popup/StatusBarPopover.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,wDAA+C;AAC/C,uDAA0D;AAa1D;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,KAA4B;IAC3D,OAAO,CACL,oBAAC,uBAAO,OACF,KAAK,EACT,SAAS,EAAC,KAAK,EACf,eAAe,QACf,UAAU,EAAE;YACV,MAAM,EAAE,CAAC;SACV,GACD,CACH,CAAC;AACJ,CAAC;AAXD,4CAWC;AAED;;GAEG;AACH,WAAiB,gBAAgB;IAC/B;;OAEG;IACU,gCAAe,GAAG,uCAAqB,CAAC;AACvD,CAAC,EALgB,gBAAgB,gCAAhB,gBAAgB,QAKhC","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 StatusBar\n */\n\nimport * as React from \"react\";\nimport { Popover } from \"@itwin/itwinui-react\";\nimport { ButtonExpandIndicator } from \"./ExpandIndicator\";\nimport type { CommonProps } from \"@itwin/core-react\";\n\ntype StatusBarPopoverProps = CommonProps &\n  Pick<\n    React.ComponentProps<typeof Popover>,\n    | \"content\"\n    | \"children\"\n    | \"visible\"\n    | \"onVisibleChange\"\n    | \"closeOnOutsideClick\"\n  >;\n\n/** Popover component used in `StatusBar` component.\n * This component should wrap the element that triggers the popover.\n * @note Add the `StatusBarPopover.ExpandIndicator` to popover trigger buttons.\n * @public\n */\nexport function StatusBarPopover(props: StatusBarPopoverProps) {\n  return (\n    <Popover\n      {...props}\n      placement=\"top\"\n      applyBackground\n      middleware={{\n        offset: 4,\n      }}\n    />\n  );\n}\n\n/** Components used in `StatusBarPopover`.\n * @public\n */\nexport namespace StatusBarPopover {\n  /** Indicator to be used in popover trigger buttons to show expandable content.\n   * @public\n   */\n  export const ExpandIndicator = ButtonExpandIndicator;\n}\n"]}

package/lib/cjs/appui-react/statusbar/useUiItemsProviderStatusBarItems.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useUiItemsProviderStatusBarItems.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/useUiItemsProviderStatusBarItems.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAOH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,gCAAgC,YAClC,qBAAqB,KAC7B,SAAS,aAAa,EAoCxB,CAAC"}
+{"version":3,"file":"useUiItemsProviderStatusBarItems.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/useUiItemsProviderStatusBarItems.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAOH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAErE;;GAEG;AACH,eAAO,MAAM,gCAAgC,YAClC,qBAAqB,KAC7B,SAAS,aAAa,EAkCxB,CAAC"}

package/lib/cjs/appui-react/statusbar/useUiItemsProviderStatusBarItems.js

@@ -26,12 +26,10 @@ const useUiItemsProviderStatusBarItems = (manager) => {
     // current stage's composer allows entries from extensions.
     React.useEffect(() => {
         const uiProviders = uiItemProviderIds.join("-");
-        // istanbul ignore else
         if (providersRef.current !== uiProviders ||
             currentStageRef.current !== stageId) {
             currentStageRef.current = stageId;
             const frontstageDef = UiFramework_1.UiFramework.frontstages.activeFrontstageDef;
-            // istanbul ignore else
             if (frontstageDef) {
                 providersRef.current = uiProviders;
                 const statusBarItems = UiItemsManager_1.UiItemsManager.getStatusBarItems(stageId, frontstageDef.usage);

package/lib/cjs/appui-react/statusbar/useUiItemsProviderStatusBarItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"useUiItemsProviderStatusBarItems.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/useUiItemsProviderStatusBarItems.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,gEAA6D;AAC7D,wFAAqF;AACrF,gDAA6C;AAC7C,wEAAqE;AAIrE;;GAEG;AACI,MAAM,gCAAgC,GAAG,CAC9C,OAA8B,EACJ,EAAE;IAC5B,MAAM,iBAAiB,GAAG,IAAA,2DAA4B,GAAE,CAAC;IACzD,MAAM,OAAO,GAAG,IAAA,mCAAgB,GAAE,CAAC;IACnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACtC,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACzC,wHAAwH;IACxH,2DAA2D;IAC3D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAChD,uBAAuB;QACvB,IACE,YAAY,CAAC,OAAO,KAAK,WAAW;YACpC,eAAe,CAAC,OAAO,KAAK,OAAO,EACnC,CAAC;YACD,eAAe,CAAC,OAAO,GAAG,OAAO,CAAC;YAClC,MAAM,aAAa,GAAG,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC;YAClE,uBAAuB;YACvB,IAAI,aAAa,EAAE,CAAC;gBAClB,YAAY,CAAC,OAAO,GAAG,WAAW,CAAC;gBACnC,MAAM,cAAc,GAAG,+BAAc,CAAC,iBAAiB,CACrD,OAAO,EACP,aAAa,CAAC,KAAK,CACpB,CAAC;gBACF,OAAO,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;gBAClC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAC;IAC1C,uFAAuF;IACvF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,OAAO,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;YACjD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAtCW,QAAA,gCAAgC,oCAsC3C","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 StatusBar\n */\n\nimport * as React from \"react\";\nimport { useActiveStageId } from \"../hooks/useActiveStageId\";\nimport { useAvailableUiItemsProviders } from \"../hooks/useAvailableUiItemsProviders\";\nimport { UiFramework } from \"../UiFramework\";\nimport { UiItemsManager } from \"../ui-items-provider/UiItemsManager\";\nimport type { StatusBarItem } from \"./StatusBarItem\";\nimport type { StatusBarItemsManager } from \"./StatusBarItemsManager\";\n\n/** Hook that returns items from [[StatusBarItemsManager]].\n * @public\n */\nexport const useUiItemsProviderStatusBarItems = (\n  manager: StatusBarItemsManager\n): readonly StatusBarItem[] => {\n  const uiItemProviderIds = useAvailableUiItemsProviders();\n  const stageId = useActiveStageId();\n  const [items, setItems] = React.useState(manager.items);\n  const providersRef = React.useRef(\"\");\n  const currentStageRef = React.useRef(\"\");\n  // gathers items from registered extensions - dependent on when a UiItemsProvider is register or unregistered and if the\n  // current stage's composer allows entries from extensions.\n  React.useEffect(() => {\n    const uiProviders = uiItemProviderIds.join(\"-\");\n    // istanbul ignore else\n    if (\n      providersRef.current !== uiProviders ||\n      currentStageRef.current !== stageId\n    ) {\n      currentStageRef.current = stageId;\n      const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n      // istanbul ignore else\n      if (frontstageDef) {\n        providersRef.current = uiProviders;\n        const statusBarItems = UiItemsManager.getStatusBarItems(\n          stageId,\n          frontstageDef.usage\n        );\n        manager.loadItems(statusBarItems);\n        setItems(manager.items);\n      }\n    }\n  }, [manager, uiItemProviderIds, stageId]);\n  // handle item changes caused by setter calls to UiFramework.addonStatusBarItemsManager\n  React.useEffect(() => {\n    return manager.onItemsChanged.addListener((args) => {\n      setItems(args.items);\n    });\n  }, [manager]);\n  return items;\n};\n"]}
+{"version":3,"file":"useUiItemsProviderStatusBarItems.js","sourceRoot":"","sources":["../../../../src/appui-react/statusbar/useUiItemsProviderStatusBarItems.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,+BAA+B;AAC/B,gEAA6D;AAC7D,wFAAqF;AACrF,gDAA6C;AAC7C,wEAAqE;AAIrE;;GAEG;AACI,MAAM,gCAAgC,GAAG,CAC9C,OAA8B,EACJ,EAAE;IAC5B,MAAM,iBAAiB,GAAG,IAAA,2DAA4B,GAAE,CAAC;IACzD,MAAM,OAAO,GAAG,IAAA,mCAAgB,GAAE,CAAC;IACnC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACxD,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACtC,MAAM,eAAe,GAAG,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IACzC,wHAAwH;IACxH,2DAA2D;IAC3D,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,WAAW,GAAG,iBAAiB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAChD,IACE,YAAY,CAAC,OAAO,KAAK,WAAW;YACpC,eAAe,CAAC,OAAO,KAAK,OAAO,EACnC,CAAC;YACD,eAAe,CAAC,OAAO,GAAG,OAAO,CAAC;YAClC,MAAM,aAAa,GAAG,yBAAW,CAAC,WAAW,CAAC,mBAAmB,CAAC;YAClE,IAAI,aAAa,EAAE,CAAC;gBAClB,YAAY,CAAC,OAAO,GAAG,WAAW,CAAC;gBACnC,MAAM,cAAc,GAAG,+BAAc,CAAC,iBAAiB,CACrD,OAAO,EACP,aAAa,CAAC,KAAK,CACpB,CAAC;gBACF,OAAO,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;gBAClC,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAC1B,CAAC;QACH,CAAC;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,iBAAiB,EAAE,OAAO,CAAC,CAAC,CAAC;IAC1C,uFAAuF;IACvF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,OAAO,OAAO,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;YACjD,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IACd,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AApCW,QAAA,gCAAgC,oCAoC3C","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 StatusBar\n */\n\nimport * as React from \"react\";\nimport { useActiveStageId } from \"../hooks/useActiveStageId\";\nimport { useAvailableUiItemsProviders } from \"../hooks/useAvailableUiItemsProviders\";\nimport { UiFramework } from \"../UiFramework\";\nimport { UiItemsManager } from \"../ui-items-provider/UiItemsManager\";\nimport type { StatusBarItem } from \"./StatusBarItem\";\nimport type { StatusBarItemsManager } from \"./StatusBarItemsManager\";\n\n/** Hook that returns items from [[StatusBarItemsManager]].\n * @public\n */\nexport const useUiItemsProviderStatusBarItems = (\n  manager: StatusBarItemsManager\n): readonly StatusBarItem[] => {\n  const uiItemProviderIds = useAvailableUiItemsProviders();\n  const stageId = useActiveStageId();\n  const [items, setItems] = React.useState(manager.items);\n  const providersRef = React.useRef(\"\");\n  const currentStageRef = React.useRef(\"\");\n  // gathers items from registered extensions - dependent on when a UiItemsProvider is register or unregistered and if the\n  // current stage's composer allows entries from extensions.\n  React.useEffect(() => {\n    const uiProviders = uiItemProviderIds.join(\"-\");\n    if (\n      providersRef.current !== uiProviders ||\n      currentStageRef.current !== stageId\n    ) {\n      currentStageRef.current = stageId;\n      const frontstageDef = UiFramework.frontstages.activeFrontstageDef;\n      if (frontstageDef) {\n        providersRef.current = uiProviders;\n        const statusBarItems = UiItemsManager.getStatusBarItems(\n          stageId,\n          frontstageDef.usage\n        );\n        manager.loadItems(statusBarItems);\n        setItems(manager.items);\n      }\n    }\n  }, [manager, uiItemProviderIds, stageId]);\n  // handle item changes caused by setter calls to UiFramework.addonStatusBarItemsManager\n  React.useEffect(() => {\n    return manager.onItemsChanged.addListener((args) => {\n      setItems(args.items);\n    });\n  }, [manager]);\n  return items;\n};\n"]}

package/lib/cjs/appui-react/statusfields/SectionsField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SectionsField.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SectionsField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAUH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,OAAO,sBAAsB,CAAC;AAG9B;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBAyGlE"}
+{"version":3,"file":"SectionsField.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SectionsField.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAUH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,sBAAsB,CAAC;AAI9B;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBA4FlE"}

package/lib/cjs/appui-react/statusfields/SectionsField.js

@@ -10,15 +10,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SectionsStatusField = void 0;
 const section_tool_svg_1 = require("@bentley/icons-generic/icons/section-tool.svg");
 const core_frontend_1 = require("@itwin/core-frontend");
+const core_react_1 = require("@itwin/core-react");
 const itwinui_react_1 = require("@itwin/itwinui-react");
 const classnames_1 = require("classnames");
 const React = require("react");
 const useActiveViewport_1 = require("../hooks/useActiveViewport");
-const LabelIndicator_1 = require("../statusbar/LabelIndicator");
-const StatusBar_1 = require("../statusbar/StatusBar");
 const Dialog_1 = require("../statusbar/dialog/Dialog");
 require("./SectionsField.scss");
 const useTranslation_1 = require("../hooks/useTranslation");
+const StatusBarPopover_1 = require("../statusbar/popup/StatusBarPopover");
 /** Status Field for showing section extra tools for clearing and showing manipulators
  * @beta
  */
@@ -28,11 +28,8 @@ function SectionsStatusField(props) {
     const activeViewport = (0, useActiveViewport_1.useActiveViewport)();
     const [showIndicator, setShowIndicator] = React.useState(false);
     const [isPopupOpen, setPopupOpen] = React.useState(false);
-    const targetDiv = React.useRef(null);
-    const classes = showIndicator ? "uifw-field-fade-in" : "uifw-field-fade-out";
     const [hasManipulatorsShown, setHasManipulatorsShown] = React.useState(false);
     React.useEffect(() => {
-        // istanbul ignore next
         const onClipChanged = (viewport, _eventType, _provider) => {
             if (viewport !== activeViewport)
                 return;
@@ -40,40 +37,34 @@ function SectionsStatusField(props) {
             const isClipActive = !!activeViewport.view.getViewClip();
             setShowIndicator(isClipActive || !props.hideWhenUnused);
         };
-        const clipActive = !!activeViewport &&
-            /* istanbul ignore next */ !!activeViewport.view.getViewClip();
+        const clipActive = !!activeViewport && !!activeViewport.view.getViewClip();
         setShowIndicator(clipActive || !props.hideWhenUnused);
-        setHasManipulatorsShown(clipActive &&
-            /* istanbul ignore next */ !!activeViewport &&
-            /* istanbul ignore next */ !!core_frontend_1.ViewClipDecoration.get(activeViewport));
+        setHasManipulatorsShown(clipActive && !!activeViewport && !!core_frontend_1.ViewClipDecoration.get(activeViewport));
         core_frontend_1.ViewClipDecorationProvider.create().onActiveClipChanged.addListener(onClipChanged);
         return () => {
             // Get or create static ViewClipDecorationProvider
             core_frontend_1.ViewClipDecorationProvider.create().onActiveClipChanged.removeListener(onClipChanged);
         };
     }, [activeViewport, props.hideWhenUnused, isPopupOpen]);
-    // istanbul ignore next
     const toggleManipulators = async (e) => {
         if (activeViewport) {
             setHasManipulatorsShown(e.target.checked);
             await core_frontend_1.ViewClipDecorationProvider.create().toggleDecoration(activeViewport);
         }
     };
-    // istanbul ignore next
     const handleClear = async () => {
         await core_frontend_1.IModelApp.tools.run(core_frontend_1.ViewClipClearTool.toolId, core_frontend_1.ViewClipDecorationProvider.create());
         setPopupOpen(false);
     };
-    return (React.createElement("div", { className: "uifw-section-footer-popup-container" }, showIndicator && (React.createElement(React.Fragment, null,
-        React.createElement("div", { ref: targetDiv, title: tooltip },
-            React.createElement(LabelIndicator_1.StatusBarLabelIndicator, { className: classes, iconSpec: section_tool_svg_1.default, onClick: () => setPopupOpen(!isPopupOpen) })),
-        React.createElement(StatusBar_1.StatusBar.Popup, { target: targetDiv.current, onClose: () => setPopupOpen(false), isOpen: isPopupOpen },
-            React.createElement(Dialog_1.StatusBarDialog, { titleBar: React.createElement(Dialog_1.StatusBarDialog.TitleBar, { title: tooltip }) },
-                React.createElement("div", { className: "uifw-sections-footer-contents" },
-                    React.createElement(itwinui_react_1.Button, { onClick: handleClear }, translate("tools.sectionClear")),
-                    React.createElement("div", { className: "uifw-uifw-sections-toggle-container" },
-                        React.createElement("div", { className: (0, classnames_1.default)("uifw-sections-label") }, translate("tools.sectionShowHandles")),
-                        React.createElement(itwinui_react_1.ToggleSwitch, { className: "uifw-sections-toggle", onChange: toggleManipulators, checked: hasManipulatorsShown })))))))));
+    return (React.createElement(React.Fragment, null, showIndicator && (React.createElement(StatusBarPopover_1.StatusBarPopover, { visible: isPopupOpen, onVisibleChange: setPopupOpen, content: React.createElement(Dialog_1.StatusBarDialog, { titleBar: React.createElement(Dialog_1.StatusBarDialog.TitleBar, { title: tooltip }) },
+            React.createElement("div", { className: "uifw-sections-footer-contents" },
+                React.createElement(itwinui_react_1.Button, { onClick: handleClear }, translate("tools.sectionClear")),
+                React.createElement("div", { className: "uifw-uifw-sections-toggle-container" },
+                    React.createElement("div", { className: (0, classnames_1.default)("uifw-sections-label") }, translate("tools.sectionShowHandles")),
+                    React.createElement(itwinui_react_1.ToggleSwitch, { className: "uifw-sections-toggle", onChange: toggleManipulators, checked: hasManipulatorsShown })))) },
+        React.createElement(itwinui_react_1.IconButton, { title: tooltip, styleType: "borderless" },
+            React.createElement(core_react_1.Icon, { iconSpec: section_tool_svg_1.default }),
+            React.createElement(StatusBarPopover_1.StatusBarPopover.ExpandIndicator, null))))));
 }
 exports.SectionsStatusField = SectionsStatusField;
 //# sourceMappingURL=SectionsField.js.map

package/lib/cjs/appui-react/statusfields/SectionsField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SectionsField.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SectionsField.tsx"],"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 StatusBar\n */\n\nimport svgSectionTool from \"@bentley/icons-generic/icons/section-tool.svg\";\nimport type { ClipEventType, Viewport } from \"@itwin/core-frontend\";\nimport {\n  IModelApp,\n  ViewClipClearTool,\n  ViewClipDecoration,\n  ViewClipDecorationProvider,\n} from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Button, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { useActiveViewport } from \"../hooks/useActiveViewport\";\nimport { StatusBarLabelIndicator } from \"../statusbar/LabelIndicator\";\nimport { StatusBar } from \"../statusbar/StatusBar\";\nimport { StatusBarDialog } from \"../statusbar/dialog/Dialog\";\nimport \"./SectionsField.scss\";\nimport { useTranslation } from \"../hooks/useTranslation\";\n\n/** Sections Status Field Props\n * @beta\n */\nexport interface SectionsStatusFieldProps extends CommonProps {\n  hideWhenUnused?: boolean;\n}\n\n/** Status Field for showing section extra tools for clearing and showing manipulators\n * @beta\n */\nexport function SectionsStatusField(props: SectionsStatusFieldProps) {\n  const { translate } = useTranslation();\n  const tooltip = translate(\"tools.sectionTools\");\n\n  const activeViewport = useActiveViewport();\n  const [showIndicator, setShowIndicator] = React.useState(false);\n  const [isPopupOpen, setPopupOpen] = React.useState(false);\n  const targetDiv = React.useRef<HTMLDivElement>(null);\n  const classes = showIndicator ? \"uifw-field-fade-in\" : \"uifw-field-fade-out\";\n  const [hasManipulatorsShown, setHasManipulatorsShown] = React.useState(false);\n\n  React.useEffect(() => {\n    // istanbul ignore next\n    const onClipChanged = (\n      viewport: Viewport,\n      _eventType: ClipEventType,\n      _provider: ViewClipDecorationProvider\n    ) => {\n      if (viewport !== activeViewport) return;\n\n      setHasManipulatorsShown(!!ViewClipDecoration.get(activeViewport));\n      const isClipActive = !!activeViewport.view.getViewClip();\n      setShowIndicator(isClipActive || !props.hideWhenUnused);\n    };\n\n    const clipActive =\n      !!activeViewport &&\n      /* istanbul ignore next */ !!activeViewport.view.getViewClip();\n    setShowIndicator(clipActive || !props.hideWhenUnused);\n    setHasManipulatorsShown(\n      clipActive &&\n        /* istanbul ignore next */ !!activeViewport &&\n        /* istanbul ignore next */ !!ViewClipDecoration.get(activeViewport)\n    );\n\n    ViewClipDecorationProvider.create().onActiveClipChanged.addListener(\n      onClipChanged\n    );\n    return () => {\n      // Get or create static ViewClipDecorationProvider\n      ViewClipDecorationProvider.create().onActiveClipChanged.removeListener(\n        onClipChanged\n      );\n    };\n  }, [activeViewport, props.hideWhenUnused, isPopupOpen]);\n\n  // istanbul ignore next\n  const toggleManipulators = async (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (activeViewport) {\n      setHasManipulatorsShown(e.target.checked);\n      await ViewClipDecorationProvider.create().toggleDecoration(\n        activeViewport\n      );\n    }\n  };\n\n  // istanbul ignore next\n  const handleClear = async () => {\n    await IModelApp.tools.run(\n      ViewClipClearTool.toolId,\n      ViewClipDecorationProvider.create()\n    );\n    setPopupOpen(false);\n  };\n\n  return (\n    <div className=\"uifw-section-footer-popup-container\">\n      {showIndicator && (\n        <>\n          <div ref={targetDiv} title={tooltip}>\n            <StatusBarLabelIndicator\n              className={classes}\n              iconSpec={svgSectionTool}\n              onClick={() => setPopupOpen(!isPopupOpen)}\n            />\n          </div>\n          <StatusBar.Popup\n            target={targetDiv.current}\n            onClose={() => setPopupOpen(false)}\n            isOpen={isPopupOpen}\n          >\n            <StatusBarDialog\n              titleBar={<StatusBarDialog.TitleBar title={tooltip} />}\n            >\n              <div className=\"uifw-sections-footer-contents\">\n                <Button onClick={handleClear}>\n                  {translate(\"tools.sectionClear\")}\n                </Button>\n                <div className=\"uifw-uifw-sections-toggle-container\">\n                  <div className={classnames(\"uifw-sections-label\")}>\n                    {translate(\"tools.sectionShowHandles\")}\n                  </div>\n                  <ToggleSwitch\n                    className=\"uifw-sections-toggle\"\n                    onChange={toggleManipulators}\n                    checked={hasManipulatorsShown}\n                  />\n                </div>\n              </div>\n            </StatusBarDialog>\n          </StatusBar.Popup>\n        </>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"SectionsField.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SectionsField.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,oFAA2E;AAE3E,wDAK8B;AAE9B,kDAAyC;AACzC,wDAAwE;AACxE,2CAAoC;AACpC,+BAA+B;AAC/B,kEAA+D;AAC/D,uDAA6D;AAC7D,gCAA8B;AAC9B,4DAAyD;AACzD,0EAAuE;AASvE;;GAEG;AACH,SAAgB,mBAAmB,CAAC,KAA+B;IACjE,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,+BAAc,GAAE,CAAC;IACvC,MAAM,OAAO,GAAG,SAAS,CAAC,oBAAoB,CAAC,CAAC;IAEhD,MAAM,cAAc,GAAG,IAAA,qCAAiB,GAAE,CAAC;IAC3C,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChE,MAAM,CAAC,WAAW,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC1D,MAAM,CAAC,oBAAoB,EAAE,uBAAuB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9E,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,MAAM,aAAa,GAAG,CACpB,QAAkB,EAClB,UAAyB,EACzB,SAAqC,EACrC,EAAE;YACF,IAAI,QAAQ,KAAK,cAAc;gBAAE,OAAO;YAExC,uBAAuB,CAAC,CAAC,CAAC,kCAAkB,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC;YAClE,MAAM,YAAY,GAAG,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;YACzD,gBAAgB,CAAC,YAAY,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAC1D,CAAC,CAAC;QAEF,MAAM,UAAU,GAAG,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;QAC3E,gBAAgB,CAAC,UAAU,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QACtD,uBAAuB,CACrB,UAAU,IAAI,CAAC,CAAC,cAAc,IAAI,CAAC,CAAC,kCAAkB,CAAC,GAAG,CAAC,cAAc,CAAC,CAC3E,CAAC;QAEF,0CAA0B,CAAC,MAAM,EAAE,CAAC,mBAAmB,CAAC,WAAW,CACjE,aAAa,CACd,CAAC;QACF,OAAO,GAAG,EAAE;YACV,kDAAkD;YAClD,0CAA0B,CAAC,MAAM,EAAE,CAAC,mBAAmB,CAAC,cAAc,CACpE,aAAa,CACd,CAAC;QACJ,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,cAAc,EAAE,KAAK,CAAC,cAAc,EAAE,WAAW,CAAC,CAAC,CAAC;IAExD,MAAM,kBAAkB,GAAG,KAAK,EAAE,CAAsC,EAAE,EAAE;QAC1E,IAAI,cAAc,EAAE,CAAC;YACnB,uBAAuB,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;YAC1C,MAAM,0CAA0B,CAAC,MAAM,EAAE,CAAC,gBAAgB,CACxD,cAAc,CACf,CAAC;QACJ,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,KAAK,IAAI,EAAE;QAC7B,MAAM,yBAAS,CAAC,KAAK,CAAC,GAAG,CACvB,iCAAiB,CAAC,MAAM,EACxB,0CAA0B,CAAC,MAAM,EAAE,CACpC,CAAC;QACF,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,0CACG,aAAa,IAAI,CAChB,oBAAC,mCAAgB,IACf,OAAO,EAAE,WAAW,EACpB,eAAe,EAAE,YAAY,EAC7B,OAAO,EACL,oBAAC,wBAAe,IACd,QAAQ,EAAE,oBAAC,wBAAe,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,GAAI;YAEtD,6BAAK,SAAS,EAAC,+BAA+B;gBAC5C,oBAAC,sBAAM,IAAC,OAAO,EAAE,WAAW,IACzB,SAAS,CAAC,oBAAoB,CAAC,CACzB;gBACT,6BAAK,SAAS,EAAC,qCAAqC;oBAClD,6BAAK,SAAS,EAAE,IAAA,oBAAU,EAAC,qBAAqB,CAAC,IAC9C,SAAS,CAAC,0BAA0B,CAAC,CAClC;oBACN,oBAAC,4BAAY,IACX,SAAS,EAAC,sBAAsB,EAChC,QAAQ,EAAE,kBAAkB,EAC5B,OAAO,EAAE,oBAAoB,GAC7B,CACE,CACF,CACU;QAGpB,oBAAC,0BAAU,IAAC,KAAK,EAAE,OAAO,EAAE,SAAS,EAAC,YAAY;YAChD,oBAAC,iBAAI,IAAC,QAAQ,EAAE,0BAAc,GAAI;YAClC,oBAAC,mCAAgB,CAAC,eAAe,OAAG,CACzB,CACI,CACpB,CACA,CACJ,CAAC;AACJ,CAAC;AA5FD,kDA4FC","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 StatusBar\n */\n\nimport svgSectionTool from \"@bentley/icons-generic/icons/section-tool.svg\";\nimport type { ClipEventType, Viewport } from \"@itwin/core-frontend\";\nimport {\n  IModelApp,\n  ViewClipClearTool,\n  ViewClipDecoration,\n  ViewClipDecorationProvider,\n} from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Icon } from \"@itwin/core-react\";\nimport { Button, IconButton, ToggleSwitch } from \"@itwin/itwinui-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { useActiveViewport } from \"../hooks/useActiveViewport\";\nimport { StatusBarDialog } from \"../statusbar/dialog/Dialog\";\nimport \"./SectionsField.scss\";\nimport { useTranslation } from \"../hooks/useTranslation\";\nimport { StatusBarPopover } from \"../statusbar/popup/StatusBarPopover\";\n\n/** Sections Status Field Props\n * @beta\n */\nexport interface SectionsStatusFieldProps extends CommonProps {\n  hideWhenUnused?: boolean;\n}\n\n/** Status Field for showing section extra tools for clearing and showing manipulators\n * @beta\n */\nexport function SectionsStatusField(props: SectionsStatusFieldProps) {\n  const { translate } = useTranslation();\n  const tooltip = translate(\"tools.sectionTools\");\n\n  const activeViewport = useActiveViewport();\n  const [showIndicator, setShowIndicator] = React.useState(false);\n  const [isPopupOpen, setPopupOpen] = React.useState(false);\n  const [hasManipulatorsShown, setHasManipulatorsShown] = React.useState(false);\n\n  React.useEffect(() => {\n    const onClipChanged = (\n      viewport: Viewport,\n      _eventType: ClipEventType,\n      _provider: ViewClipDecorationProvider\n    ) => {\n      if (viewport !== activeViewport) return;\n\n      setHasManipulatorsShown(!!ViewClipDecoration.get(activeViewport));\n      const isClipActive = !!activeViewport.view.getViewClip();\n      setShowIndicator(isClipActive || !props.hideWhenUnused);\n    };\n\n    const clipActive = !!activeViewport && !!activeViewport.view.getViewClip();\n    setShowIndicator(clipActive || !props.hideWhenUnused);\n    setHasManipulatorsShown(\n      clipActive && !!activeViewport && !!ViewClipDecoration.get(activeViewport)\n    );\n\n    ViewClipDecorationProvider.create().onActiveClipChanged.addListener(\n      onClipChanged\n    );\n    return () => {\n      // Get or create static ViewClipDecorationProvider\n      ViewClipDecorationProvider.create().onActiveClipChanged.removeListener(\n        onClipChanged\n      );\n    };\n  }, [activeViewport, props.hideWhenUnused, isPopupOpen]);\n\n  const toggleManipulators = async (e: React.ChangeEvent<HTMLInputElement>) => {\n    if (activeViewport) {\n      setHasManipulatorsShown(e.target.checked);\n      await ViewClipDecorationProvider.create().toggleDecoration(\n        activeViewport\n      );\n    }\n  };\n\n  const handleClear = async () => {\n    await IModelApp.tools.run(\n      ViewClipClearTool.toolId,\n      ViewClipDecorationProvider.create()\n    );\n    setPopupOpen(false);\n  };\n\n  return (\n    <>\n      {showIndicator && (\n        <StatusBarPopover\n          visible={isPopupOpen}\n          onVisibleChange={setPopupOpen}\n          content={\n            <StatusBarDialog\n              titleBar={<StatusBarDialog.TitleBar title={tooltip} />}\n            >\n              <div className=\"uifw-sections-footer-contents\">\n                <Button onClick={handleClear}>\n                  {translate(\"tools.sectionClear\")}\n                </Button>\n                <div className=\"uifw-uifw-sections-toggle-container\">\n                  <div className={classnames(\"uifw-sections-label\")}>\n                    {translate(\"tools.sectionShowHandles\")}\n                  </div>\n                  <ToggleSwitch\n                    className=\"uifw-sections-toggle\"\n                    onChange={toggleManipulators}\n                    checked={hasManipulatorsShown}\n                  />\n                </div>\n              </div>\n            </StatusBarDialog>\n          }\n        >\n          <IconButton title={tooltip} styleType=\"borderless\">\n            <Icon iconSpec={svgSectionTool} />\n            <StatusBarPopover.ExpandIndicator />\n          </IconButton>\n        </StatusBarPopover>\n      )}\n    </>\n  );\n}\n"]}

package/lib/cjs/appui-react/statusfields/SelectionCount.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionCount.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionCount.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,uBAAuB,CAAC;AAE/B;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBAWlE;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,gBAAgB,GAAG,SAAS,CAAC;CACtC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,uBAAuB,GAAG,MAAM,CAiBzE"}
+{"version":3,"file":"SelectionCount.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionCount.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAC7D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAIrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,uBAAuB,CAAC;AAE/B;;GAEG;AACH,MAAM,WAAW,wBAAyB,SAAQ,WAAW;IAC3D,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,qBAWlE;AAED;;GAEG;AACH,MAAM,WAAW,uBAAuB;IACtC,MAAM,EAAE,gBAAgB,GAAG,SAAS,CAAC;CACtC;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,uBAAuB,GAAG,MAAM,CAczE"}

package/lib/cjs/appui-react/statusfields/SelectionCount.js

@@ -12,7 +12,6 @@ const core_react_1 = require("@itwin/core-react");
 const itwinui_icons_react_1 = require("@itwin/itwinui-icons-react");
 const classnames_1 = require("classnames");
 const React = require("react");
-const Indicator_1 = require("../layout/footer/Indicator");
 require("./SelectionCount.scss");
 /** Status field component used to display the number of selected items.
  * @note Use [[useSelectionSetSize]] hook to get the selection count.
@@ -20,7 +19,7 @@ require("./SelectionCount.scss");
  */
 function SelectionCountField(props) {
     const className = (0, classnames_1.default)("uifw-statusFields-selectionCount", props.className);
-    return (React.createElement(Indicator_1.FooterIndicator, { className: className, style: props.style },
+    return (React.createElement("div", { className: className, style: props.style },
         React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgCursor, null) }),
         props.count));
 }
@@ -37,10 +36,6 @@ function useSelectionSetSize(args) {
             return;
         }
         setSize(iModel.selectionSet.size);
-    }, [iModel]);
-    React.useEffect(() => {
-        if (!iModel)
-            return;
         return iModel.selectionSet.onChanged.addListener((ev) => {
             setSize(ev.set.size);
         });

package/lib/cjs/appui-react/statusfields/SelectionCount.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionCount.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionCount.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAIH,kDAAyC;AACzC,oEAAuD;AACvD,2CAAoC;AACpC,+BAA+B;AAC/B,0DAA6D;AAC7D,iCAA+B;AAS/B;;;GAGG;AACH,SAAgB,mBAAmB,CAAC,KAA+B;IACjE,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,kCAAkC,EAClC,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,oBAAC,2BAAe,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;QACvD,oBAAC,iBAAI,IAAC,QAAQ,EAAE,oBAAC,+BAAS,OAAG,GAAI;QAChC,KAAK,CAAC,KAAK,CACI,CACnB,CAAC;AACJ,CAAC;AAXD,kDAWC;AASD;;GAEG;AACH,SAAgB,mBAAmB,CAAC,IAA6B;IAC/D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;YACX,OAAO;QACT,CAAC;QACD,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;IACpC,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,MAAM;YAAE,OAAO;QACpB,OAAO,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE;YACtD,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,OAAO,IAAI,CAAC;AACd,CAAC;AAjBD,kDAiBC","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 StatusBar\n */\n\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Icon } from \"@itwin/core-react\";\nimport { SvgCursor } from \"@itwin/itwinui-icons-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { FooterIndicator } from \"../layout/footer/Indicator\";\nimport \"./SelectionCount.scss\";\n\n/** Properties for the [[SelectionCountField]] component.\n * @beta\n */\nexport interface SelectionCountFieldProps extends CommonProps {\n  count: number;\n}\n\n/** Status field component used to display the number of selected items.\n * @note Use [[useSelectionSetSize]] hook to get the selection count.\n * @beta\n */\nexport function SelectionCountField(props: SelectionCountFieldProps) {\n  const className = classnames(\n    \"uifw-statusFields-selectionCount\",\n    props.className\n  );\n  return (\n    <FooterIndicator className={className} style={props.style}>\n      <Icon iconSpec={<SvgCursor />} />\n      {props.count}\n    </FooterIndicator>\n  );\n}\n\n/** Arguments for [[useSelectionSetSize]] hook.\n * @beta\n */\nexport interface UseSelectionSetSizeArgs {\n  iModel: IModelConnection | undefined;\n}\n\n/** React hook that returns element count of a selection set.\n * @beta\n */\nexport function useSelectionSetSize(args: UseSelectionSetSizeArgs): number {\n  const [size, setSize] = React.useState(0);\n  const { iModel } = args;\n  React.useEffect(() => {\n    if (!iModel) {\n      setSize(0);\n      return;\n    }\n    setSize(iModel.selectionSet.size);\n  }, [iModel]);\n  React.useEffect(() => {\n    if (!iModel) return;\n    return iModel.selectionSet.onChanged.addListener((ev) => {\n      setSize(ev.set.size);\n    });\n  }, [iModel]);\n  return size;\n}\n"]}
+{"version":3,"file":"SelectionCount.js","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionCount.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAIH,kDAAyC;AACzC,oEAAuD;AACvD,2CAAoC;AACpC,+BAA+B;AAC/B,iCAA+B;AAS/B;;;GAGG;AACH,SAAgB,mBAAmB,CAAC,KAA+B;IACjE,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,kCAAkC,EAClC,KAAK,CAAC,SAAS,CAChB,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK;QAC3C,oBAAC,iBAAI,IAAC,QAAQ,EAAE,oBAAC,+BAAS,OAAG,GAAI;QAChC,KAAK,CAAC,KAAK,CACR,CACP,CAAC;AACJ,CAAC;AAXD,kDAWC;AASD;;GAEG;AACH,SAAgB,mBAAmB,CAAC,IAA6B;IAC/D,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAC1C,MAAM,EAAE,MAAM,EAAE,GAAG,IAAI,CAAC;IACxB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,CAAC,MAAM,EAAE,CAAC;YACZ,OAAO,CAAC,CAAC,CAAC,CAAC;YACX,OAAO;QACT,CAAC;QACD,OAAO,CAAC,MAAM,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;QAClC,OAAO,MAAM,CAAC,YAAY,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,EAAE,EAAE,EAAE;YACtD,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACb,OAAO,IAAI,CAAC;AACd,CAAC;AAdD,kDAcC","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 StatusBar\n */\n\nimport type { IModelConnection } from \"@itwin/core-frontend\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Icon } from \"@itwin/core-react\";\nimport { SvgCursor } from \"@itwin/itwinui-icons-react\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport \"./SelectionCount.scss\";\n\n/** Properties for the [[SelectionCountField]] component.\n * @beta\n */\nexport interface SelectionCountFieldProps extends CommonProps {\n  count: number;\n}\n\n/** Status field component used to display the number of selected items.\n * @note Use [[useSelectionSetSize]] hook to get the selection count.\n * @beta\n */\nexport function SelectionCountField(props: SelectionCountFieldProps) {\n  const className = classnames(\n    \"uifw-statusFields-selectionCount\",\n    props.className\n  );\n  return (\n    <div className={className} style={props.style}>\n      <Icon iconSpec={<SvgCursor />} />\n      {props.count}\n    </div>\n  );\n}\n\n/** Arguments for [[useSelectionSetSize]] hook.\n * @beta\n */\nexport interface UseSelectionSetSizeArgs {\n  iModel: IModelConnection | undefined;\n}\n\n/** React hook that returns element count of a selection set.\n * @beta\n */\nexport function useSelectionSetSize(args: UseSelectionSetSizeArgs): number {\n  const [size, setSize] = React.useState(0);\n  const { iModel } = args;\n  React.useEffect(() => {\n    if (!iModel) {\n      setSize(0);\n      return;\n    }\n    setSize(iModel.selectionSet.size);\n    return iModel.selectionSet.onChanged.addListener((ev) => {\n      setSize(ev.set.size);\n    });\n  }, [iModel]);\n  return size;\n}\n"]}

package/lib/cjs/appui-react/statusfields/SelectionCount.scss

@@ -3,8 +3,10 @@
  * See LICENSE.md in the project root for license terms and full copyright notice.
  *--------------------------------------------------------------------------------------------*/
 .uifw-statusFields-selectionCount {
-  gap: 4px;
-  min-width: 6em;
+  gap: var(--iui-size-2xs);
+  display: flex;
+  align-items: center;
+  padding: 0 var(--iui-size-2xs) 0 var(--iui-size-2xs);
 
   .icon {
     color: var(--iui-color-icon);

package/lib/cjs/appui-react/statusfields/SelectionScope.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectionScope.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionScope.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAItD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,uBAAuB,CAAC;AAG/B;;GAEG;AACH,UAAU,wBAAyB,SAAQ,WAAW;IACpD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,wBAAwB,EAAE,0BAA0B,EAAE,CAAC;CACxD;AAED;;GAEG;AACH,iBAAS,4BAA4B,CAAC,KAAK,EAAE,wBAAwB,qBAwCpE;AAeD;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,EAAE,kBAAkB,CAClD,OAAO,4BAA4B,EACnC,WAAW,CAC6C,CAAC"}
+{"version":3,"file":"SelectionScope.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/statusfields/SelectionScope.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAGrD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAGtD,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAC;AACxE,OAAO,uBAAuB,CAAC;AAG/B;;GAEG;AACH,UAAU,wBAAyB,SAAQ,WAAW;IACpD,oBAAoB,EAAE,MAAM,CAAC;IAC7B,wBAAwB,EAAE,0BAA0B,EAAE,CAAC;CACxD;AAED;;GAEG;AACH,iBAAS,4BAA4B,CAAC,KAAK,EAAE,wBAAwB,qBAwCpE;AAeD;;;;;;GAMG;AACH,eAAO,MAAM,mBAAmB,EAAE,kBAAkB,CAClD,OAAO,4BAA4B,EACnC,WAAW,CAC6C,CAAC"}