@itwin/appui-react 4.1.0-dev.1 → 4.2.0-dev.1

package/lib/cjs/appui-react/pickers/ListPicker.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Picker
  */
@@ -33,7 +33,9 @@ class ListPickerItem extends React.PureComponent {
     render() {
         const itemClassName = (0, classnames_1.default)("ListPicker-item", this.props.isActive && "is-active", this.props.isFocused && "is-focused", this.props.className);
         // TODO - if cut off, show a title
-        const title = (this.props.label && this.props.label.length > 25) ? this.props.label : undefined;
+        const title = this.props.label && this.props.label.length > 25
+            ? this.props.label
+            : undefined;
         return (
         // eslint-disable-next-line jsx-a11y/click-events-have-key-events
         React.createElement("div", { className: itemClassName, onClick: this.props.onClick, role: "button", tabIndex: -1 },
@@ -61,14 +63,15 @@ class ExpandableSection extends React.PureComponent {
     /** Renders ExpandableSection */
     render() {
         const className = (0, classnames_1.default)("nz-toolbar-item-expandable-group-group", this.props.className);
-        const icon = this.state.expanded ? React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgChevronDown, null) }) : React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgChevronRight, null) });
+        const icon = this.state.expanded ? (React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgChevronDown, null) })) : (React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgChevronRight, null) }));
         return (React.createElement(components_react_1.Panel, { className: className, style: this.props.style, key: this.props.title },
-            React.createElement("div", { onClick: this._onClick, className: this.state.expanded ? "ListPickerInnerContainer-header-expanded" : "ListPickerInnerContainer-header", role: "button", tabIndex: -1, "aria-expanded": this.state.expanded },
+            React.createElement("div", { onClick: this._onClick, className: this.state.expanded
+                    ? "ListPickerInnerContainer-header-expanded"
+                    : "ListPickerInnerContainer-header", role: "button", tabIndex: -1, "aria-expanded": this.state.expanded },
                 React.createElement("div", { className: "ListPickerInnerContainer-header-content" },
                     React.createElement("div", { className: "ListPickerInnerContainer-expander" }, icon),
                     React.createElement("div", { className: "ListPickerInnerContainer-title" }, this.props.title))),
-            this.state.expanded ?
-                React.createElement(components_react_1.GroupColumn, null, this.props.children) : React.createElement("div", null)));
+            this.state.expanded ? (React.createElement(components_react_1.GroupColumn, null, this.props.children)) : (React.createElement("div", null))));
     }
 }
 exports.ExpandableSection = ExpandableSection;
@@ -85,26 +88,29 @@ function getListPanel(props) {
             case ListItemType.Item:
                 return (React.createElement(ListPickerItem, { ...props, key: itemIndex.toString(), label: item.name, isActive: item.enabled, onClick: 
                     // istanbul ignore next
-                    () => { props.setEnabled(item, !item.enabled); } }));
+                    () => {
+                        props.setEnabled(item, !item.enabled);
+                    } }));
             case ListItemType.Separator:
                 return (React.createElement("div", { key: itemIndex.toString(), className: "ListPicker-separator" }));
             case ListItemType.Container:
                 if (item.children.length !== 0) {
-                    return (React.createElement(ExpandableSection, { key: itemIndex.toString(), title: item.name, className: "ListPickerInnerContainer", expanded: props.expanded === true ? !expandSingleSection() : expandSingleSection() },
+                    return (React.createElement(ExpandableSection, { key: itemIndex.toString(), title: item.name, className: "ListPickerInnerContainer", expanded: props.expanded === true
+                            ? !expandSingleSection()
+                            : expandSingleSection() },
                         React.createElement(components_react_1.GroupColumn, null, item.children.map(listItemToElement))));
                 }
                 else {
-                    return (React.createElement("div", { key: itemIndex.toString() }));
+                    return React.createElement("div", { key: itemIndex.toString() });
                 }
             // istanbul ignore next
             default:
-                return (React.createElement("div", { key: itemIndex.toString() }));
+                return React.createElement("div", { key: itemIndex.toString() });
         }
     };
     return (React.createElement(components_react_1.Panel, { className: "ListPickerContainer" },
         React.createElement(components_react_1.Title, null, props.title),
-        props.searchBox && props.onSearchValueChange &&
-            React.createElement(core_react_1.SearchBox, { className: "ListPickerSearchBox", onValueChanged: props.onSearchValueChange }),
+        props.searchBox && props.onSearchValueChange && (React.createElement(core_react_1.SearchBox, { className: "ListPickerSearchBox", onValueChanged: props.onSearchValueChange })),
         React.createElement(components_react_1.Columns, null,
             React.createElement(components_react_1.GroupColumn, { className: "ListPicker-column" }, props.items.map(listItemToElement)))));
 }
@@ -115,10 +121,10 @@ exports.getListPanel = getListPanel;
  * @beta
  */
 function ListPickerPopupItem(props) {
-    const icon = props.iconSpec ? ( /* istanbul ignore next */typeof props.iconSpec === "string" ? React.createElement(core_react_1.Icon, { iconSpec: props.iconSpec }) :
-        React.createElement("i", { className: "icon uifw-item-svg-icon" }, props.iconSpec)) : React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgList, null) });
+    const icon = props.iconSpec ? (
+    /* istanbul ignore next */ typeof props.iconSpec === "string" ? (React.createElement(core_react_1.Icon, { iconSpec: props.iconSpec })) : (React.createElement("i", { className: "icon uifw-item-svg-icon" }, props.iconSpec))) : (React.createElement(core_react_1.Icon, { iconSpec: React.createElement(itwinui_icons_react_1.SvgList, null) }));
     return (React.createElement(DragInteraction_1.ToolbarDragInteractionContext.Consumer, null, (isEnabled) => {
-        return (props.panelOnly === true ? getListPanel(props) : React.createElement(components_react_1.PopupItem, { hideIndicator: isEnabled, icon: icon, title: props.title, panel: getListPanel(props) }));
+        return props.panelOnly === true ? (getListPanel(props)) : (React.createElement(components_react_1.PopupItem, { hideIndicator: isEnabled, icon: icon, title: props.title, panel: getListPanel(props) }));
     }));
 }
 /**
@@ -127,10 +133,18 @@ function ListPickerPopupItem(props) {
  * @beta
  */
 class ListPicker extends React.Component {
-    static get Key_All() { return -3; }
-    static get Key_None() { return -2; }
-    static get Key_Invert() { return -1; }
-    static get Key_Separator() { return -4; }
+    static get Key_All() {
+        return -3;
+    }
+    static get Key_None() {
+        return -2;
+    }
+    static get Key_Invert() {
+        return -1;
+    }
+    static get Key_Separator() {
+        return -4;
+    }
     /** Creates a ListPicker */
     constructor(props) {
         super(props);
@@ -169,22 +183,50 @@ class ListPicker extends React.Component {
         // Create special buttons (All/None/Invert)
         if (this.props.enableAllFunc) {
             let allEnabled = true;
-            items.map((item) => { allEnabled = allEnabled && item.enabled; });
-            newItems.push({ key: ListPicker.Key_All, name: UiFramework_1.UiFramework.translate("pickerButtons.all"), enabled: allEnabled, type: ListItemType.Item });
+            items.map((item) => {
+                allEnabled = allEnabled && item.enabled;
+            });
+            newItems.push({
+                key: ListPicker.Key_All,
+                name: UiFramework_1.UiFramework.translate("pickerButtons.all"),
+                enabled: allEnabled,
+                type: ListItemType.Item,
+            });
         }
         if (this.props.disableAllFunc) {
             let allDisabled = false;
-            items.map((item) => { allDisabled = allDisabled || item.enabled; });
-            newItems.push({ key: ListPicker.Key_None, name: UiFramework_1.UiFramework.translate("pickerButtons.none"), enabled: !allDisabled, type: ListItemType.Item });
+            items.map((item) => {
+                allDisabled = allDisabled || item.enabled;
+            });
+            newItems.push({
+                key: ListPicker.Key_None,
+                name: UiFramework_1.UiFramework.translate("pickerButtons.none"),
+                enabled: !allDisabled,
+                type: ListItemType.Item,
+            });
         }
         if (this.props.invertFunc) {
-            newItems.push({ key: ListPicker.Key_Invert, name: UiFramework_1.UiFramework.translate("pickerButtons.invert"), enabled: false, type: ListItemType.Item });
+            newItems.push({
+                key: ListPicker.Key_Invert,
+                name: UiFramework_1.UiFramework.translate("pickerButtons.invert"),
+                enabled: false,
+                type: ListItemType.Item,
+            });
         }
-        if (this.props.enableAllFunc || this.props.disableAllFunc || this.props.invertFunc) {
-            newItems.push({ key: ListPicker.Key_Separator, name: UiFramework_1.UiFramework.translate("pickerButtons.separator"), enabled: false, type: ListItemType.Separator });
+        if (this.props.enableAllFunc ||
+            this.props.disableAllFunc ||
+            this.props.invertFunc) {
+            newItems.push({
+                key: ListPicker.Key_Separator,
+                name: UiFramework_1.UiFramework.translate("pickerButtons.separator"),
+                enabled: false,
+                type: ListItemType.Separator,
+            });
         }
         // Push items
-        items.map((item) => { newItems.push(item); });
+        items.map((item) => {
+            newItems.push(item);
+        });
         return newItems;
     }
     /**
@@ -192,7 +234,11 @@ class ListPicker extends React.Component {
      * @param item Item to check
      */
     isSpecialItem(item) {
-        return item.key === ListPicker.Key_All || item.key === ListPicker.Key_Invert || item.key === ListPicker.Key_None || item.type !== ListItemType.Item || item.key === ListPicker.Key_Separator;
+        return (item.key === ListPicker.Key_All ||
+            item.key === ListPicker.Key_Invert ||
+            item.key === ListPicker.Key_None ||
+            item.type !== ListItemType.Item ||
+            item.key === ListPicker.Key_Separator);
     }
     /** Renders ListPicker */
     render() {

package/lib/cjs/appui-react/pickers/ListPicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"ListPicker.js","sourceRoot":"","sources":["../../../../src/appui-react/pickers/ListPicker.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 Picker\n */\n\nimport \"./ListPicker.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Columns, GroupColumn, Panel, PopupItem, Title } from \"@itwin/components-react\";\nimport type { CommonProps, SizeProps } from \"@itwin/core-react\";\nimport { Icon, SearchBox } from \"@itwin/core-react\";\nimport { ToolbarDragInteractionContext } from \"../toolbar/DragInteraction\";\nimport { UiFramework } from \"../UiFramework\";\nimport { SvgChevronDown, SvgChevronRight, SvgList } from \"@itwin/itwinui-icons-react\";\n\n/** Enum for the list picker item type\n * @beta\n */\nexport enum ListItemType {\n  Item = 0, // eslint-disable-line @typescript-eslint/no-shadow\n  Separator = 1,\n  Container = 2,\n}\n\n/** List picker item\n * @beta\n */\nexport interface ListItem {\n  [key: string]: any;\n  id?: string;\n  name?: string;\n  enabled: boolean;\n  type?: ListItemType;\n  children?: ListItem[];\n}\n\n/** Properties for the [[ListPicker]] component\n * @beta\n */\nexport interface ListPickerProps {\n  title: string;\n  items: ListItem[];\n  iconSpec?: string | React.ReactNode;\n  setEnabled: (item: ListItem, enabled: boolean) => any;\n  onExpanded?: (expand: boolean) => void;\n  onSizeKnown?: (size: SizeProps) => void;\n  searchBox?: boolean;\n  onSearchValueChange?: (search: string) => void;\n  panelOnly?: boolean;\n  expanded?: boolean;\n}\n\n/** Properties for the [[ListPickerItem]] component\n * @beta\n */\nexport interface ListPickerItemProps extends CommonProps {\n  key: any;\n  isActive?: boolean;\n  isFocused?: boolean;\n  onClick?: () => void;\n  label?: string;\n}\n\n/** List Picker Item React component\n * @beta\n */\nexport class ListPickerItem extends React.PureComponent<ListPickerItemProps> {\n  /** Renders ListPickerItem */\n  public override render() {\n    const itemClassName = classnames(\n      \"ListPicker-item\",\n      this.props.isActive && \"is-active\",\n      this.props.isFocused && \"is-focused\",\n      this.props.className,\n    );\n    // TODO - if cut off, show a title\n    const title: string | undefined = (this.props.label && this.props.label.length > 25) ? this.props.label : undefined;\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <div className={itemClassName} onClick={this.props.onClick} role=\"button\" tabIndex={-1}>\n        <div className=\"label\" title={title}>\n          {this.props.label}\n        </div>\n      </div>\n    );\n  }\n}\n\n/** Properties for the [[ExpandableSection]] component\n * @beta\n */\nexport interface ExpandableSectionProps extends CommonProps {\n  title?: string;\n  expanded?: boolean;\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/** State for the [[ExpandableSection]] component\n * @internal\n */\ninterface ExpandableSectionState {\n  expanded: boolean;\n}\n\n/** Expandable Section React component\n * @beta\n */\nexport class ExpandableSection extends React.PureComponent<ExpandableSectionProps, ExpandableSectionState> {\n  /** Creates an ExpandableSection */\n  constructor(props: ExpandableSectionProps) {\n    super(props);\n    this.state = { expanded: !!this.props.expanded };\n  }\n\n  public override async componentDidUpdate(prevProps: Readonly<ExpandableSectionProps>) {\n    if(this.props.expanded !== prevProps.expanded){\n      this.setState({expanded: true});\n    }\n  }\n\n  private _onClick = () => {\n    this.setState((prevState) => ({ expanded: !prevState.expanded }));\n  };\n\n  /** Renders ExpandableSection */\n  public override render() {\n    const className = classnames(\n      \"nz-toolbar-item-expandable-group-group\",\n      this.props.className,\n    );\n\n    const icon = this.state.expanded ? <Icon iconSpec={<SvgChevronDown />} /> : <Icon iconSpec={<SvgChevronRight />} />;\n\n    return (\n      <Panel className={className} style={this.props.style} key={this.props.title}>\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n        <div onClick={this._onClick}\n          className={this.state.expanded ? \"ListPickerInnerContainer-header-expanded\" : \"ListPickerInnerContainer-header\"}\n          role=\"button\" tabIndex={-1} aria-expanded={this.state.expanded}\n        >\n          <div className=\"ListPickerInnerContainer-header-content\">\n            <div className=\"ListPickerInnerContainer-expander\">{icon}</div>\n            <div className=\"ListPickerInnerContainer-title\">{this.props.title}</div>\n          </div>\n        </div>\n        {this.state.expanded ?\n          <GroupColumn>\n            {this.props.children}\n          </GroupColumn> : <div />\n        }\n      </Panel>\n    );\n  }\n}\n\n/** @beta */\nexport function getListPanel(props: ListPickerProps): React.ReactNode {\n  const expandSingleSection = (): boolean => {\n    const populatedContainers = props.items.filter((item: ListItem) => {\n      return (item.type === ListItemType.Container && item.children!.length !== 0);\n    });\n    return populatedContainers.length === 1;\n  };\n\n  const listItemToElement = (item: ListItem, itemIndex: number) => {\n    switch (item.type) {\n      case ListItemType.Item:\n        return (\n          <ListPickerItem\n            {...props}\n            key={itemIndex.toString()}\n            label={item.name}\n            isActive={item.enabled}\n            onClick={\n              // istanbul ignore next\n              () => { props.setEnabled(item, !item.enabled); }\n            }\n          />\n        );\n      case ListItemType.Separator:\n        return (\n          <div key={itemIndex.toString()} className=\"ListPicker-separator\" />\n        );\n      case ListItemType.Container:\n        if (item.children!.length !== 0) {\n          return (\n            <ExpandableSection\n              key={itemIndex.toString()}\n              title={item.name}\n              className=\"ListPickerInnerContainer\"\n              expanded={props.expanded === true ? !expandSingleSection() : expandSingleSection()}\n            >\n              <GroupColumn>\n                {item.children!.map(listItemToElement)}\n              </GroupColumn>\n            </ExpandableSection>\n          );\n        } else {\n          return (<div key={itemIndex.toString()} />);\n        }\n      // istanbul ignore next\n      default:\n        return (<div key={itemIndex.toString()} />);\n    }\n  };\n\n  return (\n    <Panel className=\"ListPickerContainer\">\n      <Title>\n        {props.title}\n      </Title>\n      {\n        props.searchBox && props.onSearchValueChange &&\n          <SearchBox className=\"ListPickerSearchBox\" onValueChanged={props.onSearchValueChange}/>\n      }\n      <Columns>\n        <GroupColumn className=\"ListPicker-column\">\n          {props.items.map(listItemToElement)}\n        </GroupColumn>\n      </Columns>\n    </Panel>\n  );\n}\n\n/**\n * List picker toolbar popup item.\n * Used to provide an expandable list of items to enable/disable items.\n * @beta\n */\nfunction ListPickerPopupItem(props: ListPickerProps) {\n  const icon = props.iconSpec ? (/* istanbul ignore next */ typeof props.iconSpec === \"string\" ? <Icon iconSpec={props.iconSpec} /> :\n    <i className=\"icon uifw-item-svg-icon\">{props.iconSpec}</i>) : <Icon iconSpec={<SvgList />} />;\n\n  return (\n    <ToolbarDragInteractionContext.Consumer>\n      {(isEnabled) => {\n        return (props.panelOnly === true ? getListPanel(props) : <PopupItem\n          hideIndicator={isEnabled}\n          icon={icon}\n          title={props.title}\n          panel={getListPanel(props)}\n        />);\n      }}\n    </ToolbarDragInteractionContext.Consumer>\n  );\n}\n\n/** Properties for the [[ListPicker]] component\n * @beta\n */\nexport interface ListPickerPropsExtended extends ListPickerProps {\n  enableAllFunc?: () => void;\n  disableAllFunc?: () => void;\n  invertFunc?: () => void;\n}\n\n/**\n * List Picker that lets the user pick from a list of items to enable/disable\n * It also provides options to enable all, disable all and invert selection\n * @beta\n */\nexport class ListPicker extends React.Component<ListPickerPropsExtended> {\n  public static get Key_All() { return -3; }\n  public static get Key_None() { return -2; }\n  public static get Key_Invert() { return -1; }\n  public static get Key_Separator() { return -4; }\n\n  /** Creates a ListPicker */\n  constructor(props: ListPickerPropsExtended) {\n    super(props);\n  }\n\n  // Creates an array of items containing the separator and special requests (all, none, invert)\n  private createItems(items: ListItem[]): ListItem[] {\n    const newItems: ListItem[] = [];\n\n    // Create special buttons (All/None/Invert)\n    if (this.props.enableAllFunc) {\n      let allEnabled = true;\n      items.map((item: ListItem) => { allEnabled = allEnabled && item.enabled; });\n      newItems.push({ key: ListPicker.Key_All, name: UiFramework.translate(\"pickerButtons.all\"), enabled: allEnabled, type: ListItemType.Item });\n    }\n    if (this.props.disableAllFunc) {\n      let allDisabled = false;\n      items.map((item: ListItem) => { allDisabled = allDisabled || item.enabled; });\n      newItems.push({ key: ListPicker.Key_None, name: UiFramework.translate(\"pickerButtons.none\"), enabled: !allDisabled, type: ListItemType.Item });\n    }\n    if (this.props.invertFunc) {\n      newItems.push({ key: ListPicker.Key_Invert, name: UiFramework.translate(\"pickerButtons.invert\"), enabled: false, type: ListItemType.Item });\n    }\n    if (this.props.enableAllFunc || this.props.disableAllFunc || this.props.invertFunc) {\n      newItems.push({ key: ListPicker.Key_Separator, name: UiFramework.translate(\"pickerButtons.separator\"), enabled: false, type: ListItemType.Separator });\n    }\n\n    // Push items\n    items.map((item) => { newItems.push(item); });\n    return newItems;\n  }\n\n  /**\n   * Checks if item is a special item.\n   * @param item Item to check\n   */\n  public isSpecialItem(item: ListItem) {\n    return item.key === ListPicker.Key_All || item.key === ListPicker.Key_Invert || item.key === ListPicker.Key_None || item.type !== ListItemType.Item || item.key === ListPicker.Key_Separator;\n  }\n\n  // Handle enabling/disabling the items\n  // This will call the this.props.setEnabled function to provide the parent with a chance to process it\n  private _setEnabled = (item: ListItem, enabled: boolean) => {\n    if (this.isSpecialItem(item)) {\n      switch (item.key) {\n        case ListPicker.Key_All: {\n          // istanbul ignore else\n          if (this.props.enableAllFunc)\n            this.props.enableAllFunc();\n          return;\n        }\n        case ListPicker.Key_None: {\n          // istanbul ignore else\n          if (this.props.disableAllFunc)\n            this.props.disableAllFunc();\n          return;\n        }\n        case ListPicker.Key_Invert: {\n          // istanbul ignore else\n          if (this.props.invertFunc)\n            this.props.invertFunc();\n          return;\n        }\n      }\n    }\n\n    // Call on parent to do processing of the item\n    this.props.setEnabled(item, enabled);\n  };\n\n  /** Renders ListPicker */\n  public override render() {\n    return (\n      <ListPickerPopupItem\n        {...this.props}\n        title={this.props.title}\n        setEnabled={this._setEnabled}\n        onExpanded={this.props.onExpanded}\n        items={this.createItems(this.props.items)}\n        iconSpec={this.props.iconSpec}\n      />\n    );\n  }\n}\n"]}
+{"version":3,"file":"ListPicker.js","sourceRoot":"","sources":["../../../../src/appui-react/pickers/ListPicker.tsx"],"names":[],"mappings":";AAAA;;;gGAGgG;AAChG;;GAEG;;;AAEH,6BAA2B;AAC3B,2CAAoC;AACpC,+BAA+B;AAC/B,8DAMiC;AAEjC,kDAAoD;AACpD,gEAA2E;AAC3E,gDAA6C;AAC7C,oEAIoC;AAEpC;;GAEG;AACH,IAAY,YAIX;AAJD,WAAY,YAAY;IACtB,+CAAQ,CAAA;IACR,yDAAa,CAAA;IACb,yDAAa,CAAA;AACf,CAAC,EAJW,YAAY,GAAZ,oBAAY,KAAZ,oBAAY,QAIvB;AAyCD;;GAEG;AACH,MAAa,cAAe,SAAQ,KAAK,CAAC,aAAkC;IAC1E,6BAA6B;IACb,MAAM;QACpB,MAAM,aAAa,GAAG,IAAA,oBAAU,EAC9B,iBAAiB,EACjB,IAAI,CAAC,KAAK,CAAC,QAAQ,IAAI,WAAW,EAClC,IAAI,CAAC,KAAK,CAAC,SAAS,IAAI,YAAY,EACpC,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QACF,kCAAkC;QAClC,MAAM,KAAK,GACT,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE;YAC9C,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK;YAClB,CAAC,CAAC,SAAS,CAAC;QAEhB,OAAO;QACL,iEAAiE;QACjE,6BACE,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC;YAEZ,6BAAK,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,IAChC,IAAI,CAAC,KAAK,CAAC,KAAK,CACb,CACF,CACP,CAAC;IACJ,CAAC;CACF;AA7BD,wCA6BC;AAmBD;;GAEG;AACH,MAAa,iBAAkB,SAAQ,KAAK,CAAC,aAG5C;IACC,mCAAmC;IACnC,YAAY,KAA6B;QACvC,KAAK,CAAC,KAAK,CAAC,CAAC;QAYP,aAAQ,GAAG,GAAG,EAAE;YACtB,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,SAAS,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QACpE,CAAC,CAAC;QAbA,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IACnD,CAAC;IAEe,KAAK,CAAC,kBAAkB,CACtC,SAA2C;QAE3C,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,KAAK,SAAS,CAAC,QAAQ,EAAE;YAC9C,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;SACnC;IACH,CAAC;IAMD,gCAAgC;IAChB,MAAM;QACpB,MAAM,SAAS,GAAG,IAAA,oBAAU,EAC1B,wCAAwC,EACxC,IAAI,CAAC,KAAK,CAAC,SAAS,CACrB,CAAC;QAEF,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjC,oBAAC,iBAAI,IAAC,QAAQ,EAAE,oBAAC,oCAAc,OAAG,GAAI,CACvC,CAAC,CAAC,CAAC,CACF,oBAAC,iBAAI,IAAC,QAAQ,EAAE,oBAAC,qCAAe,OAAG,GAAI,CACxC,CAAC;QAEF,OAAO,CACL,oBAAC,wBAAK,IACJ,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,GAAG,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK;YAGrB,6BACE,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,SAAS,EACP,IAAI,CAAC,KAAK,CAAC,QAAQ;oBACjB,CAAC,CAAC,0CAA0C;oBAC5C,CAAC,CAAC,iCAAiC,EAEvC,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,mBACG,IAAI,CAAC,KAAK,CAAC,QAAQ;gBAElC,6BAAK,SAAS,EAAC,yCAAyC;oBACtD,6BAAK,SAAS,EAAC,mCAAmC,IAAE,IAAI,CAAO;oBAC/D,6BAAK,SAAS,EAAC,gCAAgC,IAC5C,IAAI,CAAC,KAAK,CAAC,KAAK,CACb,CACF,CACF;YACL,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CACrB,oBAAC,8BAAW,QAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAe,CACjD,CAAC,CAAC,CAAC,CACF,gCAAO,CACR,CACK,CACT,CAAC;IACJ,CAAC;CACF;AApED,8CAoEC;AAED,YAAY;AACZ,SAAgB,YAAY,CAAC,KAAsB;IACjD,MAAM,mBAAmB,GAAG,GAAY,EAAE;QACxC,MAAM,mBAAmB,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,IAAc,EAAE,EAAE;YAChE,OAAO,CACL,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,SAAS,IAAI,IAAI,CAAC,QAAS,CAAC,MAAM,KAAK,CAAC,CACpE,CAAC;QACJ,CAAC,CAAC,CAAC;QACH,OAAO,mBAAmB,CAAC,MAAM,KAAK,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,CAAC,IAAc,EAAE,SAAiB,EAAE,EAAE;QAC9D,QAAQ,IAAI,CAAC,IAAI,EAAE;YACjB,KAAK,YAAY,CAAC,IAAI;gBACpB,OAAO,CACL,oBAAC,cAAc,OACT,KAAK,EACT,GAAG,EAAE,SAAS,CAAC,QAAQ,EAAE,EACzB,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,QAAQ,EAAE,IAAI,CAAC,OAAO,EACtB,OAAO;oBACL,uBAAuB;oBACvB,GAAG,EAAE;wBACH,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;oBACxC,CAAC,GAEH,CACH,CAAC;YACJ,KAAK,YAAY,CAAC,SAAS;gBACzB,OAAO,CACL,6BAAK,GAAG,EAAE,SAAS,CAAC,QAAQ,EAAE,EAAE,SAAS,EAAC,sBAAsB,GAAG,CACpE,CAAC;YACJ,KAAK,YAAY,CAAC,SAAS;gBACzB,IAAI,IAAI,CAAC,QAAS,CAAC,MAAM,KAAK,CAAC,EAAE;oBAC/B,OAAO,CACL,oBAAC,iBAAiB,IAChB,GAAG,EAAE,SAAS,CAAC,QAAQ,EAAE,EACzB,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,SAAS,EAAC,0BAA0B,EACpC,QAAQ,EACN,KAAK,CAAC,QAAQ,KAAK,IAAI;4BACrB,CAAC,CAAC,CAAC,mBAAmB,EAAE;4BACxB,CAAC,CAAC,mBAAmB,EAAE;wBAG3B,oBAAC,8BAAW,QAAE,IAAI,CAAC,QAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAe,CAChD,CACrB,CAAC;iBACH;qBAAM;oBACL,OAAO,6BAAK,GAAG,EAAE,SAAS,CAAC,QAAQ,EAAE,GAAI,CAAC;iBAC3C;YACH,uBAAuB;YACvB;gBACE,OAAO,6BAAK,GAAG,EAAE,SAAS,CAAC,QAAQ,EAAE,GAAI,CAAC;SAC7C;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,wBAAK,IAAC,SAAS,EAAC,qBAAqB;QACpC,oBAAC,wBAAK,QAAE,KAAK,CAAC,KAAK,CAAS;QAC3B,KAAK,CAAC,SAAS,IAAI,KAAK,CAAC,mBAAmB,IAAI,CAC/C,oBAAC,sBAAS,IACR,SAAS,EAAC,qBAAqB,EAC/B,cAAc,EAAE,KAAK,CAAC,mBAAmB,GACzC,CACH;QACD,oBAAC,0BAAO;YACN,oBAAC,8BAAW,IAAC,SAAS,EAAC,mBAAmB,IACvC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CACvB,CACN,CACJ,CACT,CAAC;AACJ,CAAC;AAxED,oCAwEC;AAED;;;;GAIG;AACH,SAAS,mBAAmB,CAAC,KAAsB;IACjD,MAAM,IAAI,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC;IAC5B,0BAA0B,CAAC,OAAO,KAAK,CAAC,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9D,oBAAC,iBAAI,IAAC,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,CACnC,CAAC,CAAC,CAAC,CACF,2BAAG,SAAS,EAAC,yBAAyB,IAAE,KAAK,CAAC,QAAQ,CAAK,CAC5D,CACF,CAAC,CAAC,CAAC,CACF,oBAAC,iBAAI,IAAC,QAAQ,EAAE,oBAAC,6BAAO,OAAG,GAAI,CAChC,CAAC;IAEF,OAAO,CACL,oBAAC,+CAA6B,CAAC,QAAQ,QACpC,CAAC,SAAS,EAAE,EAAE;QACb,OAAO,KAAK,CAAC,SAAS,KAAK,IAAI,CAAC,CAAC,CAAC,CAChC,YAAY,CAAC,KAAK,CAAC,CACpB,CAAC,CAAC,CAAC,CACF,oBAAC,4BAAS,IACR,aAAa,EAAE,SAAS,EACxB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC,GAC1B,CACH,CAAC;IACJ,CAAC,CACsC,CAC1C,CAAC;AACJ,CAAC;AAWD;;;;GAIG;AACH,MAAa,UAAW,SAAQ,KAAK,CAAC,SAAkC;IAC/D,MAAM,KAAK,OAAO;QACvB,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC;IACM,MAAM,KAAK,QAAQ;QACxB,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC;IACM,MAAM,KAAK,UAAU;QAC1B,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC;IACM,MAAM,KAAK,aAAa;QAC7B,OAAO,CAAC,CAAC,CAAC;IACZ,CAAC;IAED,2BAA2B;IAC3B,YAAY,KAA8B;QACxC,KAAK,CAAC,KAAK,CAAC,CAAC;QA0Ef,sCAAsC;QACtC,sGAAsG;QAC9F,gBAAW,GAAG,CAAC,IAAc,EAAE,OAAgB,EAAE,EAAE;YACzD,IAAI,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE;gBAC5B,QAAQ,IAAI,CAAC,GAAG,EAAE;oBAChB,KAAK,UAAU,CAAC,OAAO,CAAC,CAAC;wBACvB,uBAAuB;wBACvB,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa;4BAAE,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC;wBACzD,OAAO;qBACR;oBACD,KAAK,UAAU,CAAC,QAAQ,CAAC,CAAC;wBACxB,uBAAuB;wBACvB,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc;4BAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC;wBAC3D,OAAO;qBACR;oBACD,KAAK,UAAU,CAAC,UAAU,CAAC,CAAC;wBAC1B,uBAAuB;wBACvB,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU;4BAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,CAAC;wBACnD,OAAO;qBACR;iBACF;aACF;YAED,8CAA8C;YAC9C,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC;QACvC,CAAC,CAAC;IAlGF,CAAC;IAED,8FAA8F;IACtF,WAAW,CAAC,KAAiB;QACnC,MAAM,QAAQ,GAAe,EAAE,CAAC;QAEhC,2CAA2C;QAC3C,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;YAC5B,IAAI,UAAU,GAAG,IAAI,CAAC;YACtB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAc,EAAE,EAAE;gBAC3B,UAAU,GAAG,UAAU,IAAI,IAAI,CAAC,OAAO,CAAC;YAC1C,CAAC,CAAC,CAAC;YACH,QAAQ,CAAC,IAAI,CAAC;gBACZ,GAAG,EAAE,UAAU,CAAC,OAAO;gBACvB,IAAI,EAAE,yBAAW,CAAC,SAAS,CAAC,mBAAmB,CAAC;gBAChD,OAAO,EAAE,UAAU;gBACnB,IAAI,EAAE,YAAY,CAAC,IAAI;aACxB,CAAC,CAAC;SACJ;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,EAAE;YAC7B,IAAI,WAAW,GAAG,KAAK,CAAC;YACxB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAc,EAAE,EAAE;gBAC3B,WAAW,GAAG,WAAW,IAAI,IAAI,CAAC,OAAO,CAAC;YAC5C,CAAC,CAAC,CAAC;YACH,QAAQ,CAAC,IAAI,CAAC;gBACZ,GAAG,EAAE,UAAU,CAAC,QAAQ;gBACxB,IAAI,EAAE,yBAAW,CAAC,SAAS,CAAC,oBAAoB,CAAC;gBACjD,OAAO,EAAE,CAAC,WAAW;gBACrB,IAAI,EAAE,YAAY,CAAC,IAAI;aACxB,CAAC,CAAC;SACJ;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;YACzB,QAAQ,CAAC,IAAI,CAAC;gBACZ,GAAG,EAAE,UAAU,CAAC,UAAU;gBAC1B,IAAI,EAAE,yBAAW,CAAC,SAAS,CAAC,sBAAsB,CAAC;gBACnD,OAAO,EAAE,KAAK;gBACd,IAAI,EAAE,YAAY,CAAC,IAAI;aACxB,CAAC,CAAC;SACJ;QACD,IACE,IAAI,CAAC,KAAK,CAAC,aAAa;YACxB,IAAI,CAAC,KAAK,CAAC,cAAc;YACzB,IAAI,CAAC,KAAK,CAAC,UAAU,EACrB;YACA,QAAQ,CAAC,IAAI,CAAC;gBACZ,GAAG,EAAE,UAAU,CAAC,aAAa;gBAC7B,IAAI,EAAE,yBAAW,CAAC,SAAS,CAAC,yBAAyB,CAAC;gBACtD,OAAO,EAAE,KAAK;gBACd,IAAI,EAAE,YAAY,CAAC,SAAS;aAC7B,CAAC,CAAC;SACJ;QAED,aAAa;QACb,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YACjB,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC,CAAC,CAAC;QACH,OAAO,QAAQ,CAAC;IAClB,CAAC;IAED;;;OAGG;IACI,aAAa,CAAC,IAAc;QACjC,OAAO,CACL,IAAI,CAAC,GAAG,KAAK,UAAU,CAAC,OAAO;YAC/B,IAAI,CAAC,GAAG,KAAK,UAAU,CAAC,UAAU;YAClC,IAAI,CAAC,GAAG,KAAK,UAAU,CAAC,QAAQ;YAChC,IAAI,CAAC,IAAI,KAAK,YAAY,CAAC,IAAI;YAC/B,IAAI,CAAC,GAAG,KAAK,UAAU,CAAC,aAAa,CACtC,CAAC;IACJ,CAAC;IA6BD,yBAAyB;IACT,MAAM;QACpB,OAAO,CACL,oBAAC,mBAAmB,OACd,IAAI,CAAC,KAAK,EACd,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,UAAU,EAAE,IAAI,CAAC,WAAW,EAC5B,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,KAAK,EAAE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,EACzC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,GAC7B,CACH,CAAC;IACJ,CAAC;CACF;AAlID,gCAkIC","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 Picker\n */\n\nimport \"./ListPicker.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport {\n  Columns,\n  GroupColumn,\n  Panel,\n  PopupItem,\n  Title,\n} from \"@itwin/components-react\";\nimport type { CommonProps, SizeProps } from \"@itwin/core-react\";\nimport { Icon, SearchBox } from \"@itwin/core-react\";\nimport { ToolbarDragInteractionContext } from \"../toolbar/DragInteraction\";\nimport { UiFramework } from \"../UiFramework\";\nimport {\n  SvgChevronDown,\n  SvgChevronRight,\n  SvgList,\n} from \"@itwin/itwinui-icons-react\";\n\n/** Enum for the list picker item type\n * @beta\n */\nexport enum ListItemType {\n  Item = 0,\n  Separator = 1,\n  Container = 2,\n}\n\n/** List picker item\n * @beta\n */\nexport interface ListItem {\n  [key: string]: any;\n  id?: string;\n  name?: string;\n  enabled: boolean;\n  type?: ListItemType;\n  children?: ListItem[];\n}\n\n/** Properties for the [[ListPicker]] component\n * @beta\n */\nexport interface ListPickerProps {\n  title: string;\n  items: ListItem[];\n  iconSpec?: string | React.ReactNode;\n  setEnabled: (item: ListItem, enabled: boolean) => any;\n  onExpanded?: (expand: boolean) => void;\n  onSizeKnown?: (size: SizeProps) => void;\n  searchBox?: boolean;\n  onSearchValueChange?: (search: string) => void;\n  panelOnly?: boolean;\n  expanded?: boolean;\n}\n\n/** Properties for the [[ListPickerItem]] component\n * @beta\n */\nexport interface ListPickerItemProps extends CommonProps {\n  key: any;\n  isActive?: boolean;\n  isFocused?: boolean;\n  onClick?: () => void;\n  label?: string;\n}\n\n/** List Picker Item React component\n * @beta\n */\nexport class ListPickerItem extends React.PureComponent<ListPickerItemProps> {\n  /** Renders ListPickerItem */\n  public override render() {\n    const itemClassName = classnames(\n      \"ListPicker-item\",\n      this.props.isActive && \"is-active\",\n      this.props.isFocused && \"is-focused\",\n      this.props.className\n    );\n    // TODO - if cut off, show a title\n    const title: string | undefined =\n      this.props.label && this.props.label.length > 25\n        ? this.props.label\n        : undefined;\n\n    return (\n      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n      <div\n        className={itemClassName}\n        onClick={this.props.onClick}\n        role=\"button\"\n        tabIndex={-1}\n      >\n        <div className=\"label\" title={title}>\n          {this.props.label}\n        </div>\n      </div>\n    );\n  }\n}\n\n/** Properties for the [[ExpandableSection]] component\n * @beta\n */\nexport interface ExpandableSectionProps extends CommonProps {\n  title?: string;\n  expanded?: boolean;\n  /** Content */\n  children?: React.ReactNode;\n}\n\n/** State for the [[ExpandableSection]] component\n * @internal\n */\ninterface ExpandableSectionState {\n  expanded: boolean;\n}\n\n/** Expandable Section React component\n * @beta\n */\nexport class ExpandableSection extends React.PureComponent<\n  ExpandableSectionProps,\n  ExpandableSectionState\n> {\n  /** Creates an ExpandableSection */\n  constructor(props: ExpandableSectionProps) {\n    super(props);\n    this.state = { expanded: !!this.props.expanded };\n  }\n\n  public override async componentDidUpdate(\n    prevProps: Readonly<ExpandableSectionProps>\n  ) {\n    if (this.props.expanded !== prevProps.expanded) {\n      this.setState({ expanded: true });\n    }\n  }\n\n  private _onClick = () => {\n    this.setState((prevState) => ({ expanded: !prevState.expanded }));\n  };\n\n  /** Renders ExpandableSection */\n  public override render() {\n    const className = classnames(\n      \"nz-toolbar-item-expandable-group-group\",\n      this.props.className\n    );\n\n    const icon = this.state.expanded ? (\n      <Icon iconSpec={<SvgChevronDown />} />\n    ) : (\n      <Icon iconSpec={<SvgChevronRight />} />\n    );\n\n    return (\n      <Panel\n        className={className}\n        style={this.props.style}\n        key={this.props.title}\n      >\n        {/* eslint-disable-next-line jsx-a11y/click-events-have-key-events */}\n        <div\n          onClick={this._onClick}\n          className={\n            this.state.expanded\n              ? \"ListPickerInnerContainer-header-expanded\"\n              : \"ListPickerInnerContainer-header\"\n          }\n          role=\"button\"\n          tabIndex={-1}\n          aria-expanded={this.state.expanded}\n        >\n          <div className=\"ListPickerInnerContainer-header-content\">\n            <div className=\"ListPickerInnerContainer-expander\">{icon}</div>\n            <div className=\"ListPickerInnerContainer-title\">\n              {this.props.title}\n            </div>\n          </div>\n        </div>\n        {this.state.expanded ? (\n          <GroupColumn>{this.props.children}</GroupColumn>\n        ) : (\n          <div />\n        )}\n      </Panel>\n    );\n  }\n}\n\n/** @beta */\nexport function getListPanel(props: ListPickerProps): React.ReactNode {\n  const expandSingleSection = (): boolean => {\n    const populatedContainers = props.items.filter((item: ListItem) => {\n      return (\n        item.type === ListItemType.Container && item.children!.length !== 0\n      );\n    });\n    return populatedContainers.length === 1;\n  };\n\n  const listItemToElement = (item: ListItem, itemIndex: number) => {\n    switch (item.type) {\n      case ListItemType.Item:\n        return (\n          <ListPickerItem\n            {...props}\n            key={itemIndex.toString()}\n            label={item.name}\n            isActive={item.enabled}\n            onClick={\n              // istanbul ignore next\n              () => {\n                props.setEnabled(item, !item.enabled);\n              }\n            }\n          />\n        );\n      case ListItemType.Separator:\n        return (\n          <div key={itemIndex.toString()} className=\"ListPicker-separator\" />\n        );\n      case ListItemType.Container:\n        if (item.children!.length !== 0) {\n          return (\n            <ExpandableSection\n              key={itemIndex.toString()}\n              title={item.name}\n              className=\"ListPickerInnerContainer\"\n              expanded={\n                props.expanded === true\n                  ? !expandSingleSection()\n                  : expandSingleSection()\n              }\n            >\n              <GroupColumn>{item.children!.map(listItemToElement)}</GroupColumn>\n            </ExpandableSection>\n          );\n        } else {\n          return <div key={itemIndex.toString()} />;\n        }\n      // istanbul ignore next\n      default:\n        return <div key={itemIndex.toString()} />;\n    }\n  };\n\n  return (\n    <Panel className=\"ListPickerContainer\">\n      <Title>{props.title}</Title>\n      {props.searchBox && props.onSearchValueChange && (\n        <SearchBox\n          className=\"ListPickerSearchBox\"\n          onValueChanged={props.onSearchValueChange}\n        />\n      )}\n      <Columns>\n        <GroupColumn className=\"ListPicker-column\">\n          {props.items.map(listItemToElement)}\n        </GroupColumn>\n      </Columns>\n    </Panel>\n  );\n}\n\n/**\n * List picker toolbar popup item.\n * Used to provide an expandable list of items to enable/disable items.\n * @beta\n */\nfunction ListPickerPopupItem(props: ListPickerProps) {\n  const icon = props.iconSpec ? (\n    /* istanbul ignore next */ typeof props.iconSpec === \"string\" ? (\n      <Icon iconSpec={props.iconSpec} />\n    ) : (\n      <i className=\"icon uifw-item-svg-icon\">{props.iconSpec}</i>\n    )\n  ) : (\n    <Icon iconSpec={<SvgList />} />\n  );\n\n  return (\n    <ToolbarDragInteractionContext.Consumer>\n      {(isEnabled) => {\n        return props.panelOnly === true ? (\n          getListPanel(props)\n        ) : (\n          <PopupItem\n            hideIndicator={isEnabled}\n            icon={icon}\n            title={props.title}\n            panel={getListPanel(props)}\n          />\n        );\n      }}\n    </ToolbarDragInteractionContext.Consumer>\n  );\n}\n\n/** Properties for the [[ListPicker]] component\n * @beta\n */\nexport interface ListPickerPropsExtended extends ListPickerProps {\n  enableAllFunc?: () => void;\n  disableAllFunc?: () => void;\n  invertFunc?: () => void;\n}\n\n/**\n * List Picker that lets the user pick from a list of items to enable/disable\n * It also provides options to enable all, disable all and invert selection\n * @beta\n */\nexport class ListPicker extends React.Component<ListPickerPropsExtended> {\n  public static get Key_All() {\n    return -3;\n  }\n  public static get Key_None() {\n    return -2;\n  }\n  public static get Key_Invert() {\n    return -1;\n  }\n  public static get Key_Separator() {\n    return -4;\n  }\n\n  /** Creates a ListPicker */\n  constructor(props: ListPickerPropsExtended) {\n    super(props);\n  }\n\n  // Creates an array of items containing the separator and special requests (all, none, invert)\n  private createItems(items: ListItem[]): ListItem[] {\n    const newItems: ListItem[] = [];\n\n    // Create special buttons (All/None/Invert)\n    if (this.props.enableAllFunc) {\n      let allEnabled = true;\n      items.map((item: ListItem) => {\n        allEnabled = allEnabled && item.enabled;\n      });\n      newItems.push({\n        key: ListPicker.Key_All,\n        name: UiFramework.translate(\"pickerButtons.all\"),\n        enabled: allEnabled,\n        type: ListItemType.Item,\n      });\n    }\n    if (this.props.disableAllFunc) {\n      let allDisabled = false;\n      items.map((item: ListItem) => {\n        allDisabled = allDisabled || item.enabled;\n      });\n      newItems.push({\n        key: ListPicker.Key_None,\n        name: UiFramework.translate(\"pickerButtons.none\"),\n        enabled: !allDisabled,\n        type: ListItemType.Item,\n      });\n    }\n    if (this.props.invertFunc) {\n      newItems.push({\n        key: ListPicker.Key_Invert,\n        name: UiFramework.translate(\"pickerButtons.invert\"),\n        enabled: false,\n        type: ListItemType.Item,\n      });\n    }\n    if (\n      this.props.enableAllFunc ||\n      this.props.disableAllFunc ||\n      this.props.invertFunc\n    ) {\n      newItems.push({\n        key: ListPicker.Key_Separator,\n        name: UiFramework.translate(\"pickerButtons.separator\"),\n        enabled: false,\n        type: ListItemType.Separator,\n      });\n    }\n\n    // Push items\n    items.map((item) => {\n      newItems.push(item);\n    });\n    return newItems;\n  }\n\n  /**\n   * Checks if item is a special item.\n   * @param item Item to check\n   */\n  public isSpecialItem(item: ListItem) {\n    return (\n      item.key === ListPicker.Key_All ||\n      item.key === ListPicker.Key_Invert ||\n      item.key === ListPicker.Key_None ||\n      item.type !== ListItemType.Item ||\n      item.key === ListPicker.Key_Separator\n    );\n  }\n\n  // Handle enabling/disabling the items\n  // This will call the this.props.setEnabled function to provide the parent with a chance to process it\n  private _setEnabled = (item: ListItem, enabled: boolean) => {\n    if (this.isSpecialItem(item)) {\n      switch (item.key) {\n        case ListPicker.Key_All: {\n          // istanbul ignore else\n          if (this.props.enableAllFunc) this.props.enableAllFunc();\n          return;\n        }\n        case ListPicker.Key_None: {\n          // istanbul ignore else\n          if (this.props.disableAllFunc) this.props.disableAllFunc();\n          return;\n        }\n        case ListPicker.Key_Invert: {\n          // istanbul ignore else\n          if (this.props.invertFunc) this.props.invertFunc();\n          return;\n        }\n      }\n    }\n\n    // Call on parent to do processing of the item\n    this.props.setEnabled(item, enabled);\n  };\n\n  /** Renders ListPicker */\n  public override render() {\n    return (\n      <ListPickerPopupItem\n        {...this.props}\n        title={this.props.title}\n        setEnabled={this._setEnabled}\n        onExpanded={this.props.onExpanded}\n        items={this.createItems(this.props.items)}\n        iconSpec={this.props.iconSpec}\n      />\n    );\n  }\n}\n"]}

package/lib/cjs/appui-react/pickers/ListPicker.scss

@@ -1,7 +1,7 @@
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 @import "~@itwin/appui-layout-react/lib/cjs/appui-layout-react/footer/_variables";
 @import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
 @import "~@itwin/core-react/lib/cjs/core-react/z-index";
@@ -303,4 +303,4 @@ $item-height: 32px;
   margin-left: 10px;
   margin-right: 10px;
   margin-bottom: 10px;
-}
+}

package/lib/cjs/appui-react/pickers/ViewSelector.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewSelector.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/pickers/ViewSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAC,MAAM,qBAAqB,CAAC;AAErD,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAExE,OAAO,EAAqB,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAKnE,OAAO,KAAK,EAAE,QAAQ,EAAC,MAAM,cAAc,CAAC;AAO5C;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,gBAAgB,EAAE,UAAU,CAAC;IAC7B,SAAS,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,qBAAa,wBAAyB,SAAQ,OAAO,CAAC,4BAA4B,CAAC;CAAI;AAEvF;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,UAAU,iBAAiB;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,IAAI,CAAC,iBAAiB,EAAE,cAAc,GAAG,cAAc,GAAG,YAAY,GAAG,aAAa,CAAC,CAAC;AAe/H;;GAEG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IAErF,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,8BAA8B,CAAqC;IAC3F,OAAO,CAAC,yBAAyB,CAAC,CAAa;IAC/C,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,YAAY,CAAM;IAE1B,gBAAuB,YAAY,EAAE,wBAAwB,CAK3D;IAEF,4CAA4C;IAC5C,gBAAuB,0BAA0B,2BAAkC;IAEnF;OACG;WACW,kBAAkB,CAAC,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,WAAW,EAAE,OAAO,GAAG,IAAI;IAI/H,6BAA6B;gBACjB,KAAK,EAAE,iBAAiB;IAiBd,iBAAiB;IAQjB,kBAAkB,CAAC,SAAS,EAAE,iBAAiB;IAMrD,oBAAoB;IAOpC,OAAO,CAAC,kCAAkC,CAMxC;IAEF,OAAO,CAAC,kBAAkB;IAqD1B;;OAEG;IACU,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IAuDvC;;;OAGG;IAEU,WAAW,CAAC,MAAM,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;IAuBrD,OAAO,CAAC,WAAW,CAkDjB;IAIF,OAAO,CAAC,WAAW,CAGjB;IAEF;;OAEG;IACa,MAAM;CAwBvB;AAED;;GAEG;AACH,eAAO,MAAM,2BAA2B,oEAAoD,CAAC"}
+{"version":3,"file":"ViewSelector.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/pickers/ViewSelector.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEtD,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AAExE,OAAO,EAAqB,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAKnE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAC;AAO7C;;GAEG;AACH,MAAM,WAAW,4BAA4B;IAC3C,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,gBAAgB,EAAE,UAAU,CAAC;IAC7B,SAAS,EAAE,SAAS,CAAC;IACrB,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;GAEG;AACH,qBAAa,wBAAyB,SAAQ,OAAO,CAAC,4BAA4B,CAAC;CAAG;AAEtF;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAE/B,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;GAEG;AACH,UAAU,iBAAiB;IACzB,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,OAAO,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;CACjB;AAED;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,IAAI,CACzC,iBAAiB,EACjB,cAAc,GAAG,cAAc,GAAG,YAAY,GAAG,aAAa,CAC/D,CAAC;AAeF;;GAEG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAC/C,iBAAiB,EACjB,iBAAiB,CAClB;IACC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,8BAA8B,CAClB;IACpC,OAAO,CAAC,yBAAyB,CAAC,CAAa;IAC/C,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,YAAY,CAAM;IAE1B,gBAAuB,YAAY,EAAE,wBAAwB,CAK3D;IAEF,4CAA4C;IAC5C,gBAAuB,0BAA0B,2BAChB;IAEjC;OACG;WACW,kBAAkB,CAC9B,YAAY,EAAE,OAAO,EACrB,YAAY,EAAE,OAAO,EACrB,UAAU,EAAE,OAAO,EACnB,WAAW,EAAE,OAAO,GACnB,IAAI;IASP,6BAA6B;gBACjB,KAAK,EAAE,iBAAiB;IAiBd,iBAAiB;IAWjB,kBAAkB,CAAC,SAAS,EAAE,iBAAiB;IAMrD,oBAAoB;IAMpC,OAAO,CAAC,kCAAkC,CAOxC;IAEF,OAAO,CAAC,kBAAkB;IA2D1B;;OAEG;IACU,SAAS,IAAI,OAAO,CAAC,IAAI,CAAC;IA0FvC;;;OAGG;IAEU,WAAW,CAAC,MAAM,CAAC,EAAE,GAAG,GAAG,OAAO,CAAC,IAAI,CAAC;IA0BrD,OAAO,CAAC,WAAW,CA+DjB;IAIF,OAAO,CAAC,WAAW,CAOjB;IAEF;;OAEG;IACa,MAAM;CAyBvB;AAED;;GAEG;AACH,eAAO,MAAM,2BAA2B,oEAGzB,CAAC"}

package/lib/cjs/appui-react/pickers/ViewSelector.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Picker
  */
@@ -35,7 +35,12 @@ class ViewSelector extends React.Component {
     /** Updates the ViewSelector show settings.
      */
     static updateShowSettings(showSpatials, showDrawings, showSheets, showUnknown) {
-        ViewSelector._onViewSelectorShowUpdateEvent.emit({ showSpatials, showDrawings, showSheets, showUnknown });
+        ViewSelector._onViewSelectorShowUpdateEvent.emit({
+            showSpatials,
+            showDrawings,
+            showSheets,
+            showUnknown,
+        });
     }
     /** Creates a ViewSelector */
     constructor(props) {
@@ -52,7 +57,8 @@ class ViewSelector extends React.Component {
         // istanbul ignore next
         this._setEnabled = async (item, _enabled) => {
             const activeContentControl = UiFramework_1.UiFramework.content.getActiveContentControl();
-            if (!activeContentControl || !activeContentControl.supportsViewSelectorChange) {
+            if (!activeContentControl ||
+                !activeContentControl.supportsViewSelectorChange) {
                 core_bentley_1.Logger.logError(UiFramework_1.UiFramework.loggerCategory(this), `No active ContentControl for ViewSelector change`);
                 return;
             }
@@ -93,13 +99,15 @@ class ViewSelector extends React.Component {
                 name: item.name,
             });
             // Set state to show enabled the view that got selected
-            this.updateState(item.key); // eslint-disable-line @typescript-eslint/no-floating-promises
+            void this.updateState(item.key);
         };
         // Hook on the category selector being expanded so that we may initialize if needed
         // istanbul ignore next
         this._onExpanded = (expand) => {
             if (expand)
-                this.updateState(core_frontend_1.IModelApp.viewManager.selectedView ? core_frontend_1.IModelApp.viewManager.selectedView.view.id : undefined); // eslint-disable-line @typescript-eslint/no-floating-promises
+                void this.updateState(core_frontend_1.IModelApp.viewManager.selectedView
+                    ? core_frontend_1.IModelApp.viewManager.selectedView.view.id
+                    : undefined);
         };
         this.state = {
             items: new Array(),
@@ -117,7 +125,8 @@ class ViewSelector extends React.Component {
     async componentDidMount() {
         this._isMounted = true;
         if (this.props.listenForShowUpdates)
-            this._removeShowUpdateListener = ViewSelector._onViewSelectorShowUpdateEvent.addListener(this._handleViewSelectorShowUpdateEvent);
+            this._removeShowUpdateListener =
+                ViewSelector._onViewSelectorShowUpdateEvent.addListener(this._handleViewSelectorShowUpdateEvent);
         await this.loadViews();
     }
     async componentDidUpdate(prevProps) {
@@ -198,7 +207,9 @@ class ViewSelector extends React.Component {
                 const viewItem = {
                     key: spec.id,
                     name: spec.name,
-                    enabled: spec.id === ((_a = core_frontend_1.IModelApp.viewManager.selectedView) === null || _a === void 0 ? void 0 : _a.view.id) ? true : false,
+                    enabled: spec.id === ((_a = core_frontend_1.IModelApp.viewManager.selectedView) === null || _a === void 0 ? void 0 : _a.view.id)
+                        ? true
+                        : false,
                     type: ListPicker_1.ListItemType.Item,
                 };
                 const className = ViewUtilities_1.ViewUtilities.getBisBaseClass(spec.class);
@@ -220,10 +231,18 @@ class ViewSelector extends React.Component {
                 views2dFiltered = [];
                 sheetsFiltered = [];
                 unknownFiltered = [];
-                views3dFuzzySearchResults.forEach(function (result) { views3dFiltered === null || views3dFiltered === void 0 ? void 0 : views3dFiltered.push(result.item); });
-                views2dFuzzySearchResults.forEach(function (result) { views2dFiltered === null || views2dFiltered === void 0 ? void 0 : views2dFiltered.push(result.item); });
-                sheetsFuzzySearchResults.forEach(function (result) { sheetsFiltered === null || sheetsFiltered === void 0 ? void 0 : sheetsFiltered.push(result.item); });
-                unknownFuzzySearchResults.forEach(function (result) { unknownFiltered === null || unknownFiltered === void 0 ? void 0 : unknownFiltered.push(result.item); });
+                views3dFuzzySearchResults.forEach(function (result) {
+                    views3dFiltered === null || views3dFiltered === void 0 ? void 0 : views3dFiltered.push(result.item);
+                });
+                views2dFuzzySearchResults.forEach(function (result) {
+                    views2dFiltered === null || views2dFiltered === void 0 ? void 0 : views2dFiltered.push(result.item);
+                });
+                sheetsFuzzySearchResults.forEach(function (result) {
+                    sheetsFiltered === null || sheetsFiltered === void 0 ? void 0 : sheetsFiltered.push(result.item);
+                });
+                unknownFuzzySearchResults.forEach(function (result) {
+                    unknownFiltered === null || unknownFiltered === void 0 ? void 0 : unknownFiltered.push(result.item);
+                });
             }
         }
         this.setStateContainers(views3d, views2d, sheets, unknown, views3dFiltered, views2dFiltered, sheetsFiltered, unknownFiltered);
@@ -255,7 +274,7 @@ class ViewSelector extends React.Component {
      */
     render() {
         const iconSpec = appui_abstract_1.IconSpecUtilities.createWebComponentIconSpec(saved_view_svg_1.default);
-        const { imodel, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
+        const { imodel, ...props } = this.props;
         return (React.createElement(ListPicker_1.ListPicker, { ...props, title: this.state.title, setEnabled: this._setEnabled, items: this.state.items, iconSpec: iconSpec, onExpanded: this._onExpanded, searchBox: this.state.searchBox, onSearchValueChange: (0, lodash_1.debounce)((search) => {
                 this._searchInput = search;
                 if (this.state.expand === false && this._searchInput.length > 0)
@@ -277,5 +296,5 @@ exports.ViewSelector = ViewSelector;
 /** ViewSelector that is connected to the IModelConnection property in the Redux store. The application must set up the Redux store and include the FrameworkReducer.
  * @beta
  */
-exports.IModelConnectedViewSelector = (0, connectIModel_1.connectIModelConnection)(null, null)(ViewSelector); // eslint-disable-line @typescript-eslint/naming-convention
+exports.IModelConnectedViewSelector = (0, connectIModel_1.connectIModelConnection)(null, null)(ViewSelector);
 //# sourceMappingURL=ViewSelector.js.map

package/lib/cjs/appui-react/pickers/ViewSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"ViewSelector.js","sourceRoot":"","sources":["../../../../src/appui-react/pickers/ViewSelector.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 Picker\n */\n\nimport * as React from \"react\";\nimport type { Id64String} from \"@itwin/core-bentley\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport type { IModelConnection, ViewState } from \"@itwin/core-frontend\";\nimport { FuzzySearch, IModelApp } from \"@itwin/core-frontend\";\nimport { IconSpecUtilities, UiEvent } from \"@itwin/appui-abstract\";\nimport type { SupportsViewSelectorChange } from \"../content/ContentControl\";\nimport { connectIModelConnection } from \"../redux/connectIModel\";\nimport { UiFramework } from \"../UiFramework\";\nimport { ViewUtilities } from \"../utils/ViewUtilities\";\nimport type { ListItem} from \"./ListPicker\";\nimport { ListItemType, ListPicker } from \"./ListPicker\";\nimport { debounce } from \"lodash\";\nimport svgSavedView from \"@bentley/icons-generic/icons/saved-view.svg\";\n\n// cSpell:ignore Spatials\n\n/** [[ViewSelectorChangedEvent]] Args interface.\n * @beta\n */\nexport interface ViewSelectorChangedEventArgs {\n  iModelConnection: IModelConnection;\n  viewDefinitionId: Id64String;\n  viewState: ViewState;\n  name: string;\n}\n\n/** ViewSelector Changed Event class.\n * @beta\n */\nexport class ViewSelectorChangedEvent extends UiEvent<ViewSelectorChangedEventArgs> { }\n\n/** Properties for the [[ViewSelector]] component\n * @beta\n */\nexport interface ViewSelectorProps {\n  imodel?: IModelConnection;\n  listenForShowUpdates?: boolean;\n\n  showSpatials: boolean;\n  showDrawings: boolean;\n  showSheets: boolean;\n  showUnknown: boolean;\n  searchBox?: boolean;\n  panelOnly?: boolean;\n}\n\n/** State for the [[ViewSelector]] component\n * @beta\n */\ninterface ViewSelectorState {\n  items: ListItem[];\n  title: string;\n  initialized: boolean;\n  showSpatials: boolean;\n  showDrawings: boolean;\n  showSheets: boolean;\n  showUnknown: boolean;\n  searchBox: boolean;\n  panelOnly: boolean;\n  expand: boolean;\n}\n\n/** Default properties of [[ViewSelector]] component.\n * @beta\n */\nexport type ViewSelectorDefaultProps = Pick<ViewSelectorProps, \"showSpatials\" | \"showDrawings\" | \"showSheets\" | \"showUnknown\">;\n\n/** ViewSelector Show Update Event Args interface.\n */\ninterface ViewSelectorShowUpdateEventArgs {\n  showSpatials: boolean;\n  showDrawings: boolean;\n  showSheets: boolean;\n  showUnknown: boolean;\n}\n\n/** ViewSelector Show Update Event class.\n */\nclass ViewSelectorShowUpdateEvent extends UiEvent<ViewSelectorShowUpdateEventArgs> { }\n\n/** View Selector React component\n * @beta\n */\nexport class ViewSelector extends React.Component<ViewSelectorProps, ViewSelectorState> {\n\n  private static readonly _onViewSelectorShowUpdateEvent = new ViewSelectorShowUpdateEvent();\n  private _removeShowUpdateListener?: () => void;\n  private _isMounted = false;\n  private _searchInput = \"\";\n\n  public static readonly defaultProps: ViewSelectorDefaultProps = {\n    showSpatials: true,\n    showDrawings: true,\n    showSheets: true,\n    showUnknown: true,\n  };\n\n  /** Gets the [[ViewSelectorChangedEvent]] */\n  public static readonly onViewSelectorChangedEvent = new ViewSelectorChangedEvent();\n\n  /** Updates the ViewSelector show settings.\n   */\n  public static updateShowSettings(showSpatials: boolean, showDrawings: boolean, showSheets: boolean, showUnknown: boolean): void {\n    ViewSelector._onViewSelectorShowUpdateEvent.emit({ showSpatials, showDrawings, showSheets, showUnknown });\n  }\n\n  /** Creates a ViewSelector */\n  constructor(props: ViewSelectorProps) {\n    super(props);\n\n    this.state = {\n      items: new Array<ListItem>(),\n      title: UiFramework.translate(\"viewTypes.views\"),\n      initialized: false,\n      showSpatials: props.showSpatials,\n      showDrawings: props.showDrawings,\n      showSheets: props.showSheets,\n      showUnknown: props.showUnknown,\n      searchBox: props.searchBox ? props.searchBox : true,\n      panelOnly: props.panelOnly ? props.panelOnly : false,\n      expand: false,\n    };\n  }\n\n  public override async componentDidMount() {\n    this._isMounted = true;\n    if (this.props.listenForShowUpdates)\n      this._removeShowUpdateListener = ViewSelector._onViewSelectorShowUpdateEvent.addListener(this._handleViewSelectorShowUpdateEvent);\n\n    await this.loadViews();\n  }\n\n  public override async componentDidUpdate(prevProps: ViewSelectorProps) {\n    if (this.props.imodel !== prevProps.imodel) {\n      await this.loadViews();\n    }\n  }\n\n  public override componentWillUnmount() {\n    this._isMounted = false;\n    // istanbul ignore else\n    if (this._removeShowUpdateListener)\n      this._removeShowUpdateListener();\n  }\n\n  private _handleViewSelectorShowUpdateEvent = (args: ViewSelectorShowUpdateEventArgs): void => {\n    // istanbul ignore next\n    if (!this._isMounted)\n      return;\n\n    this.setState(args, async () => this.loadViews());\n  };\n\n  private setStateContainers(views3d: ListItem[], views2d: ListItem[], sheets: ListItem[], unknown?: ListItem[],\n    views3dFiltered?: ListItem[], views2dFiltered?: ListItem[], sheetsFiltered?: ListItem[], unknownFiltered?: ListItem[]) {\n    const views3dContainer: ListItem = {\n      key: \"views3dContainer\",\n      name: UiFramework.translate(\"viewTypes.spatialViews\"),\n      enabled: false,\n      type: ListItemType.Container,\n      children: views3dFiltered ? views3dFiltered : views3d,\n    };\n\n    const views2dContainer: ListItem = {\n      key: \"views2dContainer\",\n      name: UiFramework.translate(\"viewTypes.drawings\"),\n      enabled: false,\n      type: ListItemType.Container,\n      children: views2dFiltered ? views2dFiltered : views2d,\n    };\n\n    const sheetContainer: ListItem = {\n      key: \"sheetContainer\",\n      name: UiFramework.translate(\"viewTypes.sheets\"),\n      enabled: false,\n      type: ListItemType.Container,\n      children: sheetsFiltered ? sheetsFiltered : sheets,\n    };\n\n    const containers = [views3dContainer, views2dContainer, sheetContainer];\n\n    // istanbul ignore if\n    if (unknown && unknown.length > 0) {\n      // This should never show, but just in case we missed a type of view state\n      const unknownContainer: ListItem = {\n        key: \"unknownContainer\",\n        name: UiFramework.translate(\"viewTypes.others\"),\n        enabled: false,\n        type: ListItemType.Container,\n        children: unknownFiltered ? unknownFiltered : unknown,\n      };\n\n      if (unknown.length !== 0)\n        containers.push(unknownContainer);\n    }\n\n    // istanbul ignore next\n    if (!this._isMounted)\n      return;\n\n    this.setState({\n      items: containers,\n      title: UiFramework.translate(\"viewTypes.views\"),\n      initialized: true,\n    });\n  }\n  /**\n   * Query the views and set the initial state with the iModel's views.\n   */\n  public async loadViews(): Promise<void> {\n    // Query views and add them to state\n    const views3d: ListItem[] = [];\n    const views2d: ListItem[] = [];\n    const sheets: ListItem[] = [];\n    const unknown: ListItem[] = [];\n    let views3dFiltered: ListItem[] | undefined;\n    let views2dFiltered: ListItem[] | undefined;\n    let sheetsFiltered: ListItem[] | undefined;\n    let unknownFiltered: ListItem[] | undefined;\n    const fuzzy = new FuzzySearch<ListItem>();\n\n    if (this.props.imodel && this.props.imodel.views.getViewList) {\n      const query = { wantPrivate: false };\n      const specs = await this.props.imodel.views.getViewList(query);\n\n      specs.forEach((spec: IModelConnection.ViewSpec) => {\n        const viewItem: ListItem = {\n          key: spec.id,\n          name: spec.name,\n          enabled: spec.id === IModelApp.viewManager.selectedView?.view.id ? true : false,\n          type: ListItemType.Item,\n        };\n\n        const className = ViewUtilities.getBisBaseClass(spec.class);\n\n        if (ViewUtilities.isSpatial(className) && this.state.showSpatials)\n          views3d.push(viewItem);\n        else if (ViewUtilities.isDrawing(className) && this.state.showDrawings)\n          views2d.push(viewItem);\n        else if (ViewUtilities.isSheet(className) && this.state.showSheets)\n          sheets.push(viewItem);\n        else if (this.state.showUnknown)\n          unknown.push(viewItem);\n      });\n\n      if(this._searchInput.length > 0){\n        const views3dFuzzySearchResults = fuzzy.search(views3d, [\"name\"], this._searchInput).results as ListItem[];\n        const views2dFuzzySearchResults = fuzzy.search(views2d, [\"name\"], this._searchInput).results as ListItem[];\n        const sheetsFuzzySearchResults = fuzzy.search(sheets, [\"name\"], this._searchInput).results as ListItem[];\n        const unknownFuzzySearchResults = fuzzy.search(unknown, [\"name\"], this._searchInput).results as ListItem[];\n        views3dFiltered=[];\n        views2dFiltered=[];\n        sheetsFiltered=[];\n        unknownFiltered=[];\n        views3dFuzzySearchResults.forEach(function (result) {views3dFiltered?.push(result.item);});\n        views2dFuzzySearchResults.forEach(function (result) {views2dFiltered?.push(result.item);});\n        sheetsFuzzySearchResults.forEach(function (result) {sheetsFiltered?.push(result.item);});\n        unknownFuzzySearchResults.forEach(function (result) {unknownFiltered?.push(result.item);});\n      }\n    }\n\n    this.setStateContainers(views3d, views2d, sheets, unknown, views3dFiltered, views2dFiltered, sheetsFiltered, unknownFiltered);\n  }\n\n  /**\n   * Update state of the entries in the widget.\n   * @param viewId Identifier for the relevant view\n   */\n  // istanbul ignore next\n  public async updateState(viewId?: any): Promise<void> {\n    // Wait for initialization finished\n    if (!this.state.initialized)\n      return;\n\n    // Query views and add them to state\n    const views3d: ListItem[] = this.state.items[0].children!;\n    const views2d: ListItem[] = this.state.items[1].children!;\n    const sheets: ListItem[] = this.state.items[2].children!;\n    const unknown: ListItem[] = this.state.items.length > 3 ? this.state.items[3].children! : [];\n\n    const updateChildren = (item: ListItem) => {\n      if (item.key === viewId)\n        return { ...item, enabled: true };\n      else\n        return { ...item, enabled: false };\n    };\n\n    this.setStateContainers(views3d.map(updateChildren), views2d.map(updateChildren), sheets.map(updateChildren), unknown.map(updateChildren));\n  }\n\n  // enable/disable the models\n  // istanbul ignore next\n  private _setEnabled = async (item: ListItem, _enabled: boolean) => {\n    const activeContentControl = UiFramework.content.getActiveContentControl() as unknown as SupportsViewSelectorChange;\n    if (!activeContentControl || !activeContentControl.supportsViewSelectorChange) {\n      Logger.logError(UiFramework.loggerCategory(this), `No active ContentControl for ViewSelector change`);\n      return;\n    }\n\n    // Enable the item temporarily to let user see that their click was registered\n    // while we query for view state and change the current view which may take a bit\n    if (_enabled && item.type !== ListItemType.Container) {\n      // This itemMapper simply looks through all the list items and their nested children and enables the one\n      // that we have registered to enable\n      // Also disable all other items\n      const itemMapper: (tempItem: ListItem) => ListItem = (tempItem: ListItem) => {\n        if (tempItem.type === ListItemType.Container) {\n          return { ...tempItem, children: tempItem.children!.map(itemMapper) };\n        } else if (tempItem.key === item.key) {\n          return { ...tempItem, enabled: true };\n        } else {\n          return { ...tempItem, enabled: false };\n        }\n      };\n\n      // Create the new array with the current item enabled\n      const itemsWithEnabled = this.state.items.map(itemMapper);\n\n      // istanbul ignore next\n      if (!this._isMounted)\n        return;\n\n      // Update the state so that we show the user it was enabled while we work in the background\n      this.setState({ items: itemsWithEnabled });\n    }\n\n    // Load the view state using the viewSpec's ID\n    const viewState = await this.props.imodel!.views.load(item.key);\n\n    // Let activeContentControl process the ViewSelector change\n    await activeContentControl.processViewSelectorChange(this.props.imodel!, item.key, viewState, item.name!);\n\n    // Emit a change event\n    ViewSelector.onViewSelectorChangedEvent.emit({\n      iModelConnection: this.props.imodel!,\n      viewDefinitionId: item.key,\n      viewState,\n      name: item.name!,\n    });\n\n    // Set state to show enabled the view that got selected\n    this.updateState(item.key); // eslint-disable-line @typescript-eslint/no-floating-promises\n  };\n\n  // Hook on the category selector being expanded so that we may initialize if needed\n  // istanbul ignore next\n  private _onExpanded = (expand: boolean) => {\n    if (expand)\n      this.updateState(IModelApp.viewManager.selectedView ? IModelApp.viewManager.selectedView.view.id : undefined); // eslint-disable-line @typescript-eslint/no-floating-promises\n  };\n\n  /**\n   *  Renders ViewSelector component\n   */\n  public override render() {\n    const iconSpec = IconSpecUtilities.createWebComponentIconSpec(svgSavedView);\n\n    const { imodel, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\n\n    return (\n      <ListPicker\n        {...props}\n        title={this.state.title}\n        setEnabled={this._setEnabled}\n        items={this.state.items}\n        iconSpec={iconSpec}\n        onExpanded={this._onExpanded}\n        searchBox={this.state.searchBox}\n        onSearchValueChange={debounce((search: string) => {\n          this._searchInput = search;\n          if(this.state.expand === false && this._searchInput.length > 0) this.setState({expand: true});\n          void this.loadViews();\n        }, 300)}\n        panelOnly={this.state.panelOnly}\n        expanded={this.state.expand}\n      />\n    );\n  }\n}\n\n/** ViewSelector that is connected to the IModelConnection property in the Redux store. The application must set up the Redux store and include the FrameworkReducer.\n * @beta\n */\nexport const IModelConnectedViewSelector = connectIModelConnection(null, null)(ViewSelector); // eslint-disable-line @typescript-eslint/naming-convention\n"]}
+{"version":3,"file":"ViewSelector.js","sourceRoot":"","sources":["../../../../src/appui-react/pickers/ViewSelector.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 Picker\n */\n\nimport * as React from \"react\";\nimport type { Id64String } from \"@itwin/core-bentley\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport type { IModelConnection, ViewState } from \"@itwin/core-frontend\";\nimport { FuzzySearch, IModelApp } from \"@itwin/core-frontend\";\nimport { IconSpecUtilities, UiEvent } from \"@itwin/appui-abstract\";\nimport type { SupportsViewSelectorChange } from \"../content/ContentControl\";\nimport { connectIModelConnection } from \"../redux/connectIModel\";\nimport { UiFramework } from \"../UiFramework\";\nimport { ViewUtilities } from \"../utils/ViewUtilities\";\nimport type { ListItem } from \"./ListPicker\";\nimport { ListItemType, ListPicker } from \"./ListPicker\";\nimport { debounce } from \"lodash\";\nimport svgSavedView from \"@bentley/icons-generic/icons/saved-view.svg\";\n\n// cSpell:ignore Spatials\n\n/** [[ViewSelectorChangedEvent]] Args interface.\n * @beta\n */\nexport interface ViewSelectorChangedEventArgs {\n  iModelConnection: IModelConnection;\n  viewDefinitionId: Id64String;\n  viewState: ViewState;\n  name: string;\n}\n\n/** ViewSelector Changed Event class.\n * @beta\n */\nexport class ViewSelectorChangedEvent extends UiEvent<ViewSelectorChangedEventArgs> {}\n\n/** Properties for the [[ViewSelector]] component\n * @beta\n */\nexport interface ViewSelectorProps {\n  imodel?: IModelConnection;\n  listenForShowUpdates?: boolean;\n\n  showSpatials: boolean;\n  showDrawings: boolean;\n  showSheets: boolean;\n  showUnknown: boolean;\n  searchBox?: boolean;\n  panelOnly?: boolean;\n}\n\n/** State for the [[ViewSelector]] component\n * @beta\n */\ninterface ViewSelectorState {\n  items: ListItem[];\n  title: string;\n  initialized: boolean;\n  showSpatials: boolean;\n  showDrawings: boolean;\n  showSheets: boolean;\n  showUnknown: boolean;\n  searchBox: boolean;\n  panelOnly: boolean;\n  expand: boolean;\n}\n\n/** Default properties of [[ViewSelector]] component.\n * @beta\n */\nexport type ViewSelectorDefaultProps = Pick<\n  ViewSelectorProps,\n  \"showSpatials\" | \"showDrawings\" | \"showSheets\" | \"showUnknown\"\n>;\n\n/** ViewSelector Show Update Event Args interface.\n */\ninterface ViewSelectorShowUpdateEventArgs {\n  showSpatials: boolean;\n  showDrawings: boolean;\n  showSheets: boolean;\n  showUnknown: boolean;\n}\n\n/** ViewSelector Show Update Event class.\n */\nclass ViewSelectorShowUpdateEvent extends UiEvent<ViewSelectorShowUpdateEventArgs> {}\n\n/** View Selector React component\n * @beta\n */\nexport class ViewSelector extends React.Component<\n  ViewSelectorProps,\n  ViewSelectorState\n> {\n  private static readonly _onViewSelectorShowUpdateEvent =\n    new ViewSelectorShowUpdateEvent();\n  private _removeShowUpdateListener?: () => void;\n  private _isMounted = false;\n  private _searchInput = \"\";\n\n  public static readonly defaultProps: ViewSelectorDefaultProps = {\n    showSpatials: true,\n    showDrawings: true,\n    showSheets: true,\n    showUnknown: true,\n  };\n\n  /** Gets the [[ViewSelectorChangedEvent]] */\n  public static readonly onViewSelectorChangedEvent =\n    new ViewSelectorChangedEvent();\n\n  /** Updates the ViewSelector show settings.\n   */\n  public static updateShowSettings(\n    showSpatials: boolean,\n    showDrawings: boolean,\n    showSheets: boolean,\n    showUnknown: boolean\n  ): void {\n    ViewSelector._onViewSelectorShowUpdateEvent.emit({\n      showSpatials,\n      showDrawings,\n      showSheets,\n      showUnknown,\n    });\n  }\n\n  /** Creates a ViewSelector */\n  constructor(props: ViewSelectorProps) {\n    super(props);\n\n    this.state = {\n      items: new Array<ListItem>(),\n      title: UiFramework.translate(\"viewTypes.views\"),\n      initialized: false,\n      showSpatials: props.showSpatials,\n      showDrawings: props.showDrawings,\n      showSheets: props.showSheets,\n      showUnknown: props.showUnknown,\n      searchBox: props.searchBox ? props.searchBox : true,\n      panelOnly: props.panelOnly ? props.panelOnly : false,\n      expand: false,\n    };\n  }\n\n  public override async componentDidMount() {\n    this._isMounted = true;\n    if (this.props.listenForShowUpdates)\n      this._removeShowUpdateListener =\n        ViewSelector._onViewSelectorShowUpdateEvent.addListener(\n          this._handleViewSelectorShowUpdateEvent\n        );\n\n    await this.loadViews();\n  }\n\n  public override async componentDidUpdate(prevProps: ViewSelectorProps) {\n    if (this.props.imodel !== prevProps.imodel) {\n      await this.loadViews();\n    }\n  }\n\n  public override componentWillUnmount() {\n    this._isMounted = false;\n    // istanbul ignore else\n    if (this._removeShowUpdateListener) this._removeShowUpdateListener();\n  }\n\n  private _handleViewSelectorShowUpdateEvent = (\n    args: ViewSelectorShowUpdateEventArgs\n  ): void => {\n    // istanbul ignore next\n    if (!this._isMounted) return;\n\n    this.setState(args, async () => this.loadViews());\n  };\n\n  private setStateContainers(\n    views3d: ListItem[],\n    views2d: ListItem[],\n    sheets: ListItem[],\n    unknown?: ListItem[],\n    views3dFiltered?: ListItem[],\n    views2dFiltered?: ListItem[],\n    sheetsFiltered?: ListItem[],\n    unknownFiltered?: ListItem[]\n  ) {\n    const views3dContainer: ListItem = {\n      key: \"views3dContainer\",\n      name: UiFramework.translate(\"viewTypes.spatialViews\"),\n      enabled: false,\n      type: ListItemType.Container,\n      children: views3dFiltered ? views3dFiltered : views3d,\n    };\n\n    const views2dContainer: ListItem = {\n      key: \"views2dContainer\",\n      name: UiFramework.translate(\"viewTypes.drawings\"),\n      enabled: false,\n      type: ListItemType.Container,\n      children: views2dFiltered ? views2dFiltered : views2d,\n    };\n\n    const sheetContainer: ListItem = {\n      key: \"sheetContainer\",\n      name: UiFramework.translate(\"viewTypes.sheets\"),\n      enabled: false,\n      type: ListItemType.Container,\n      children: sheetsFiltered ? sheetsFiltered : sheets,\n    };\n\n    const containers = [views3dContainer, views2dContainer, sheetContainer];\n\n    // istanbul ignore if\n    if (unknown && unknown.length > 0) {\n      // This should never show, but just in case we missed a type of view state\n      const unknownContainer: ListItem = {\n        key: \"unknownContainer\",\n        name: UiFramework.translate(\"viewTypes.others\"),\n        enabled: false,\n        type: ListItemType.Container,\n        children: unknownFiltered ? unknownFiltered : unknown,\n      };\n\n      if (unknown.length !== 0) containers.push(unknownContainer);\n    }\n\n    // istanbul ignore next\n    if (!this._isMounted) return;\n\n    this.setState({\n      items: containers,\n      title: UiFramework.translate(\"viewTypes.views\"),\n      initialized: true,\n    });\n  }\n  /**\n   * Query the views and set the initial state with the iModel's views.\n   */\n  public async loadViews(): Promise<void> {\n    // Query views and add them to state\n    const views3d: ListItem[] = [];\n    const views2d: ListItem[] = [];\n    const sheets: ListItem[] = [];\n    const unknown: ListItem[] = [];\n    let views3dFiltered: ListItem[] | undefined;\n    let views2dFiltered: ListItem[] | undefined;\n    let sheetsFiltered: ListItem[] | undefined;\n    let unknownFiltered: ListItem[] | undefined;\n    const fuzzy = new FuzzySearch<ListItem>();\n\n    if (this.props.imodel && this.props.imodel.views.getViewList) {\n      const query = { wantPrivate: false };\n      const specs = await this.props.imodel.views.getViewList(query);\n\n      specs.forEach((spec: IModelConnection.ViewSpec) => {\n        const viewItem: ListItem = {\n          key: spec.id,\n          name: spec.name,\n          enabled:\n            spec.id === IModelApp.viewManager.selectedView?.view.id\n              ? true\n              : false,\n          type: ListItemType.Item,\n        };\n\n        const className = ViewUtilities.getBisBaseClass(spec.class);\n\n        if (ViewUtilities.isSpatial(className) && this.state.showSpatials)\n          views3d.push(viewItem);\n        else if (ViewUtilities.isDrawing(className) && this.state.showDrawings)\n          views2d.push(viewItem);\n        else if (ViewUtilities.isSheet(className) && this.state.showSheets)\n          sheets.push(viewItem);\n        else if (this.state.showUnknown) unknown.push(viewItem);\n      });\n\n      if (this._searchInput.length > 0) {\n        const views3dFuzzySearchResults = fuzzy.search(\n          views3d,\n          [\"name\"],\n          this._searchInput\n        ).results as ListItem[];\n        const views2dFuzzySearchResults = fuzzy.search(\n          views2d,\n          [\"name\"],\n          this._searchInput\n        ).results as ListItem[];\n        const sheetsFuzzySearchResults = fuzzy.search(\n          sheets,\n          [\"name\"],\n          this._searchInput\n        ).results as ListItem[];\n        const unknownFuzzySearchResults = fuzzy.search(\n          unknown,\n          [\"name\"],\n          this._searchInput\n        ).results as ListItem[];\n        views3dFiltered = [];\n        views2dFiltered = [];\n        sheetsFiltered = [];\n        unknownFiltered = [];\n        views3dFuzzySearchResults.forEach(function (result) {\n          views3dFiltered?.push(result.item);\n        });\n        views2dFuzzySearchResults.forEach(function (result) {\n          views2dFiltered?.push(result.item);\n        });\n        sheetsFuzzySearchResults.forEach(function (result) {\n          sheetsFiltered?.push(result.item);\n        });\n        unknownFuzzySearchResults.forEach(function (result) {\n          unknownFiltered?.push(result.item);\n        });\n      }\n    }\n\n    this.setStateContainers(\n      views3d,\n      views2d,\n      sheets,\n      unknown,\n      views3dFiltered,\n      views2dFiltered,\n      sheetsFiltered,\n      unknownFiltered\n    );\n  }\n\n  /**\n   * Update state of the entries in the widget.\n   * @param viewId Identifier for the relevant view\n   */\n  // istanbul ignore next\n  public async updateState(viewId?: any): Promise<void> {\n    // Wait for initialization finished\n    if (!this.state.initialized) return;\n\n    // Query views and add them to state\n    const views3d: ListItem[] = this.state.items[0].children!;\n    const views2d: ListItem[] = this.state.items[1].children!;\n    const sheets: ListItem[] = this.state.items[2].children!;\n    const unknown: ListItem[] =\n      this.state.items.length > 3 ? this.state.items[3].children! : [];\n\n    const updateChildren = (item: ListItem) => {\n      if (item.key === viewId) return { ...item, enabled: true };\n      else return { ...item, enabled: false };\n    };\n\n    this.setStateContainers(\n      views3d.map(updateChildren),\n      views2d.map(updateChildren),\n      sheets.map(updateChildren),\n      unknown.map(updateChildren)\n    );\n  }\n\n  // enable/disable the models\n  // istanbul ignore next\n  private _setEnabled = async (item: ListItem, _enabled: boolean) => {\n    const activeContentControl =\n      UiFramework.content.getActiveContentControl() as unknown as SupportsViewSelectorChange;\n    if (\n      !activeContentControl ||\n      !activeContentControl.supportsViewSelectorChange\n    ) {\n      Logger.logError(\n        UiFramework.loggerCategory(this),\n        `No active ContentControl for ViewSelector change`\n      );\n      return;\n    }\n\n    // Enable the item temporarily to let user see that their click was registered\n    // while we query for view state and change the current view which may take a bit\n    if (_enabled && item.type !== ListItemType.Container) {\n      // This itemMapper simply looks through all the list items and their nested children and enables the one\n      // that we have registered to enable\n      // Also disable all other items\n      const itemMapper: (tempItem: ListItem) => ListItem = (\n        tempItem: ListItem\n      ) => {\n        if (tempItem.type === ListItemType.Container) {\n          return { ...tempItem, children: tempItem.children!.map(itemMapper) };\n        } else if (tempItem.key === item.key) {\n          return { ...tempItem, enabled: true };\n        } else {\n          return { ...tempItem, enabled: false };\n        }\n      };\n\n      // Create the new array with the current item enabled\n      const itemsWithEnabled = this.state.items.map(itemMapper);\n\n      // istanbul ignore next\n      if (!this._isMounted) return;\n\n      // Update the state so that we show the user it was enabled while we work in the background\n      this.setState({ items: itemsWithEnabled });\n    }\n\n    // Load the view state using the viewSpec's ID\n    const viewState = await this.props.imodel!.views.load(item.key);\n\n    // Let activeContentControl process the ViewSelector change\n    await activeContentControl.processViewSelectorChange(\n      this.props.imodel!,\n      item.key,\n      viewState,\n      item.name!\n    );\n\n    // Emit a change event\n    ViewSelector.onViewSelectorChangedEvent.emit({\n      iModelConnection: this.props.imodel!,\n      viewDefinitionId: item.key,\n      viewState,\n      name: item.name!,\n    });\n\n    // Set state to show enabled the view that got selected\n    void this.updateState(item.key);\n  };\n\n  // Hook on the category selector being expanded so that we may initialize if needed\n  // istanbul ignore next\n  private _onExpanded = (expand: boolean) => {\n    if (expand)\n      void this.updateState(\n        IModelApp.viewManager.selectedView\n          ? IModelApp.viewManager.selectedView.view.id\n          : undefined\n      );\n  };\n\n  /**\n   *  Renders ViewSelector component\n   */\n  public override render() {\n    const iconSpec = IconSpecUtilities.createWebComponentIconSpec(svgSavedView);\n\n    const { imodel, ...props } = this.props;\n\n    return (\n      <ListPicker\n        {...props}\n        title={this.state.title}\n        setEnabled={this._setEnabled}\n        items={this.state.items}\n        iconSpec={iconSpec}\n        onExpanded={this._onExpanded}\n        searchBox={this.state.searchBox}\n        onSearchValueChange={debounce((search: string) => {\n          this._searchInput = search;\n          if (this.state.expand === false && this._searchInput.length > 0)\n            this.setState({ expand: true });\n          void this.loadViews();\n        }, 300)}\n        panelOnly={this.state.panelOnly}\n        expanded={this.state.expand}\n      />\n    );\n  }\n}\n\n/** ViewSelector that is connected to the IModelConnection property in the Redux store. The application must set up the Redux store and include the FrameworkReducer.\n * @beta\n */\nexport const IModelConnectedViewSelector = connectIModelConnection(\n  null,\n  null\n)(ViewSelector);\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"CardPopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/CardPopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,YAAY,EAAE,kBAAkB,EAAE,cAAc,EAAE,gBAAgB,EAAC,MAAM,uBAAuB,CAAC;AAElI,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAyC,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGhF,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAMvE;WACW;AACX,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,OAAO,EAAE,gBAAgB,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS,CAAC;IAC3C,KAAK,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IACvC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,cAAc,EAAE,kBAAkB,CAAC;CACpC;AAED,gBAAgB;AAChB,UAAU,cAAc;IACtB,IAAI,EAAE,IAAI,CAAC;CACZ;AAED;;GAEG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,aAAa,CAAC,cAAc,EAAE,cAAc,CAAC;IAChF,gBAAgB;IAChB,SAAyB,KAAK;;MAE5B;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,cAAc,CAMpB;IAEF,OAAO,CAAC,OAAO;IAOC,MAAM;CAoBvB;AAED;WACW;AACX,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS,CAAC;IAC3C,KAAK,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IACvC,cAAc,EAAE,kBAAkB,CAAC;CACpC;AAED;WACW;AACX,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,eAyCpC"}
+{"version":3,"file":"CardPopup.d.ts","sourceRoot":"","sources":["../../../../src/appui-react/popup/CardPopup.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,kBAAkB,CAAC;AAC1B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,iBAAiB,EACjB,YAAY,EACZ,kBAAkB,EAClB,cAAc,EACd,gBAAgB,EACjB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAa,MAAM,mBAAmB,CAAC;AAChE,OAAO,EAAyC,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAGhF,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAYvE;WACW;AACX,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD,OAAO,EAAE,gBAAgB,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS,CAAC;IAC3C,KAAK,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IACvC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,WAAW,EAAE,WAAW,CAAC;IACzB,QAAQ,EAAE,YAAY,CAAC;IACvB,cAAc,EAAE,kBAAkB,CAAC;CACpC;AAED,gBAAgB;AAChB,UAAU,cAAc;IACtB,IAAI,EAAE,IAAI,CAAC;CACZ;AAED;;GAEG;AACH,qBAAa,SAAU,SAAQ,KAAK,CAAC,aAAa,CAChD,cAAc,EACd,cAAc,CACf;IACC,gBAAgB;IAChB,SAAyB,KAAK;;MAE5B;IAEF,OAAO,CAAC,YAAY,CAIlB;IAEF,OAAO,CAAC,cAAc,CAMpB;IAEF,OAAO,CAAC,OAAO;IAOC,MAAM;CAsCvB;AAED;WACW;AACX,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,gBAAgB,CAAC;IAC1B,KAAK,EAAE,MAAM,GAAG,cAAc,GAAG,SAAS,CAAC;IAC3C,KAAK,EAAE,iBAAiB,EAAE,GAAG,SAAS,CAAC;IACvC,cAAc,EAAE,kBAAkB,CAAC;CACpC;AAED;WACW;AACX,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,eA8CpC"}

package/lib/cjs/appui-react/popup/CardPopup.js

@@ -1,8 +1,8 @@
 "use strict";
 /*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
+ * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+ * See LICENSE.md in the project root for license terms and full copyright notice.
+ *--------------------------------------------------------------------------------------------*/
 /** @packageDocumentation
  * @module Popup
  */
@@ -73,19 +73,17 @@ function Card(props) {
             titleNode = React.createElement(itwinui_react_1.Text, { variant: "leading" }, titleValue);
         }
     }
-    const content = (0, PopupManager_1.isReactContent)(props.content) ? props.content.reactNode : React.createElement(MessageSpan_1.MessageDiv, { message: props.content });
+    const content = (0, PopupManager_1.isReactContent)(props.content) ? (props.content.reactNode) : (React.createElement(MessageSpan_1.MessageDiv, { message: props.content }));
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "uifw-card-content" },
-            props.title &&
-                React.createElement(React.Fragment, null,
-                    titleNode,
-                    React.createElement("div", { className: "uifw-card-gap" })),
+            props.title && (React.createElement(React.Fragment, null,
+                titleNode,
+                React.createElement("div", { className: "uifw-card-gap" }))),
             content),
-        props.items &&
-            React.createElement(React.Fragment, null,
-                React.createElement("div", { className: "uifw-card-separator" }),
-                React.createElement(components_react_1.ToolbarWithOverflow // eslint-disable-line deprecation/deprecation
-                , { expandsTo: components_react_1.Direction.Bottom, panelAlignment: components_react_1.ToolbarPanelAlignment.Start, items: props.items, useDragInteraction: true, toolbarOpacitySetting: components_react_1.ToolbarOpacitySetting.Transparent, onItemExecuted: props.onItemExecuted }))));
+        props.items && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "uifw-card-separator" }),
+            React.createElement(components_react_1.ToolbarWithOverflow // eslint-disable-line deprecation/deprecation
+            , { expandsTo: components_react_1.Direction.Bottom, panelAlignment: components_react_1.ToolbarPanelAlignment.Start, items: props.items, useDragInteraction: true, toolbarOpacitySetting: components_react_1.ToolbarOpacitySetting.Transparent, onItemExecuted: props.onItemExecuted })))));
 }
 exports.Card = Card;
 //# sourceMappingURL=CardPopup.js.map