@itwin/appui-react 4.17.1 → 5.0.0-dev.2

package/lib/appui-react/pickers/ListPicker.d.ts

@@ -0,0 +1,120 @@
+/** @packageDocumentation
+ * @module Picker
+ */
+import "./ListPicker.scss";
+import * as React from "react";
+import type { CommonProps } from "@itwin/core-react";
+import type { SizeProps } from "../utils/SizeProps.js";
+/** Enum for the list picker item type
+ * @beta
+ */
+export declare enum ListItemType {
+    Item = 0,
+    Separator = 1,
+    Container = 2
+}
+/** List picker item
+ * @beta
+ */
+export interface ListItem {
+    [key: string]: any;
+    id?: string;
+    name?: string;
+    enabled: boolean;
+    type?: ListItemType;
+    children?: ListItem[];
+}
+/** Properties for the [[ListPicker]] component
+ * @beta
+ */
+export interface ListPickerProps {
+    title: string;
+    items: ListItem[];
+    /** @deprecated in 4.16.0. Use {@link ListPickerProps.icon} instead. */
+    iconSpec?: string | React.ReactNode;
+    icon?: React.ReactNode;
+    setEnabled: (item: ListItem, enabled: boolean) => any;
+    onExpanded?: (expand: boolean) => void;
+    onSizeKnown?: (size: SizeProps) => void;
+    searchBox?: boolean;
+    onSearchValueChange?: (search: string) => void;
+    panelOnly?: boolean;
+    expanded?: boolean;
+}
+/** Properties for the [[ListPickerItem]] component
+ * @beta
+ */
+export interface ListPickerItemProps extends CommonProps {
+    key: any;
+    isActive?: boolean;
+    isFocused?: boolean;
+    onClick?: () => void;
+    label?: string;
+}
+/** List Picker Item React component
+ * @beta
+ */
+export declare class ListPickerItem extends React.PureComponent<ListPickerItemProps> {
+    /** Renders ListPickerItem */
+    render(): React.JSX.Element;
+}
+/** Properties for the [[ExpandableSection]] component
+ * @beta
+ */
+export interface ExpandableSectionProps extends CommonProps {
+    title?: string;
+    expanded?: boolean;
+    /** Content */
+    children?: React.ReactNode;
+}
+/** State for the [[ExpandableSection]] component
+ * @internal
+ */
+interface ExpandableSectionState {
+    expanded: boolean;
+}
+/** Expandable Section React component
+ * @beta
+ */
+export declare class ExpandableSection extends React.PureComponent<ExpandableSectionProps, ExpandableSectionState> {
+    /** Creates an ExpandableSection */
+    constructor(props: ExpandableSectionProps);
+    componentDidUpdate(prevProps: Readonly<ExpandableSectionProps>): Promise<void>;
+    private _onClick;
+    /** Renders ExpandableSection */
+    render(): React.JSX.Element;
+}
+/** @beta */
+export declare function getListPanel(props: ListPickerProps): React.ReactNode;
+/** Properties for the [[ListPicker]] component
+ * @beta
+ */
+export interface ListPickerPropsExtended extends ListPickerProps {
+    enableAllFunc?: () => void;
+    disableAllFunc?: () => void;
+    invertFunc?: () => void;
+}
+/**
+ * List Picker that lets the user pick from a list of items to enable/disable
+ * It also provides options to enable all, disable all and invert selection
+ * @beta
+ */
+export declare class ListPicker extends React.Component<ListPickerPropsExtended> {
+    static get Key_All(): number;
+    static get Key_None(): number;
+    static get Key_Invert(): number;
+    static get Key_Separator(): number;
+    /** Creates a ListPicker */
+    constructor(props: ListPickerPropsExtended);
+    private createItems;
+    /**
+     * Checks if item is a special item.
+     * @param item Item to check
+     */
+    isSpecialItem(item: ListItem): boolean;
+    private _setEnabled;
+    /** Renders ListPicker */
+    render(): React.JSX.Element;
+}
+export {};
+//# sourceMappingURL=ListPicker.d.ts.map

package/lib/appui-react/pickers/ListPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListPicker.d.ts","sourceRoot":"","sources":["../../../src/appui-react/pickers/ListPicker.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,256 @@
+/*---------------------------------------------------------------------------------------------
+ * 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
+ */
+import "./ListPicker.scss";
+import classnames from "classnames";
+import * as React from "react";
+import { PopupItem } from "@itwin/components-react";
+import { Columns, GroupColumn, Panel, Title, } from "@itwin/components-react/internal";
+import { Icon, SearchBox } from "@itwin/core-react";
+import { ToolbarDragInteractionContext } from "../toolbar/DragInteraction.js";
+import { UiFramework } from "../UiFramework.js";
+import { SvgChevronDown, SvgChevronRight, SvgList, } from "@itwin/itwinui-icons-react";
+/** Enum for the list picker item type
+ * @beta
+ */
+export var ListItemType;
+(function (ListItemType) {
+    ListItemType[ListItemType["Item"] = 0] = "Item";
+    ListItemType[ListItemType["Separator"] = 1] = "Separator";
+    ListItemType[ListItemType["Container"] = 2] = "Container";
+})(ListItemType || (ListItemType = {}));
+/** List Picker Item React component
+ * @beta
+ */
+export class ListPickerItem extends React.PureComponent {
+    /** Renders ListPickerItem */
+    render() {
+        const itemClassName = classnames("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;
+        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 },
+            React.createElement("div", { className: "label", title: title }, this.props.label)));
+    }
+}
+/** Expandable Section React component
+ * @beta
+ */
+export class ExpandableSection extends React.PureComponent {
+    /** Creates an ExpandableSection */
+    constructor(props) {
+        super(props);
+        this._onClick = () => {
+            this.setState((prevState) => ({ expanded: !prevState.expanded }));
+        };
+        this.state = { expanded: !!this.props.expanded };
+    }
+    async componentDidUpdate(prevProps) {
+        if (this.props.expanded !== prevProps.expanded) {
+            this.setState({ expanded: true });
+        }
+    }
+    /** Renders ExpandableSection */
+    render() {
+        const className = classnames("nz-toolbar-item-expandable-group-group", this.props.className);
+        const icon = this.state.expanded ? (
+        // eslint-disable-next-line deprecation/deprecation
+        React.createElement(Icon, { iconSpec: React.createElement(SvgChevronDown, null) })) : (
+        // eslint-disable-next-line deprecation/deprecation
+        React.createElement(Icon, { iconSpec: React.createElement(SvgChevronRight, null) }));
+        return (React.createElement(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", { 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(GroupColumn, null, this.props.children)) : (React.createElement("div", null))));
+    }
+}
+/** @beta */
+export function getListPanel(props) {
+    const expandSingleSection = () => {
+        const populatedContainers = props.items.filter((item) => {
+            return (item.type === ListItemType.Container && item.children.length !== 0);
+        });
+        return populatedContainers.length === 1;
+    };
+    const listItemToElement = (item, itemIndex) => {
+        switch (item.type) {
+            case ListItemType.Item:
+                return (React.createElement(ListPickerItem, { ...props, key: itemIndex.toString(), label: item.name, isActive: item.enabled, onClick: () => {
+                        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() },
+                        React.createElement(GroupColumn, null, item.children.map(listItemToElement))));
+                }
+                else {
+                    return React.createElement("div", { key: itemIndex.toString() });
+                }
+            default:
+                return React.createElement("div", { key: itemIndex.toString() });
+        }
+    };
+    return (React.createElement(Panel, { className: "ListPickerContainer" },
+        React.createElement(Title, null, props.title),
+        props.searchBox && props.onSearchValueChange && (
+        // eslint-disable-next-line deprecation/deprecation
+        React.createElement(SearchBox, { className: "ListPickerSearchBox", onValueChanged: props.onSearchValueChange })),
+        React.createElement(Columns, null,
+            React.createElement(GroupColumn, { className: "ListPicker-column" }, props.items.map(listItemToElement)))));
+}
+/**
+ * List picker toolbar popup item.
+ * Used to provide an expandable list of items to enable/disable items.
+ * @beta
+ */
+function ListPickerPopupItem(props) {
+    const icon = props.icon ??
+        // eslint-disable-next-line deprecation/deprecation
+        (props.iconSpec ? (
+        // eslint-disable-next-line deprecation/deprecation
+        typeof props.iconSpec === "string" ? (
+        // eslint-disable-next-line deprecation/deprecation
+        React.createElement(Icon, { iconSpec: props.iconSpec })) : (
+        // eslint-disable-next-line deprecation/deprecation
+        React.createElement("i", { className: "icon uifw-item-svg-icon" }, props.iconSpec))) : (
+        // eslint-disable-next-line deprecation/deprecation
+        React.createElement(Icon, { iconSpec: React.createElement(SvgList, null) })));
+    return (React.createElement(ToolbarDragInteractionContext.Consumer, null, (isEnabled) => {
+        return props.panelOnly === true ? (getListPanel(props)) : (
+        // eslint-disable-next-line deprecation/deprecation
+        React.createElement(PopupItem, { hideIndicator: isEnabled, icon: icon, title: props.title, panel: getListPanel(props) }));
+    }));
+}
+/**
+ * List Picker that lets the user pick from a list of items to enable/disable
+ * It also provides options to enable all, disable all and invert selection
+ * @beta
+ */
+export 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;
+    }
+    /** Creates a ListPicker */
+    constructor(props) {
+        super(props);
+        // Handle enabling/disabling the items
+        // This will call the this.props.setEnabled function to provide the parent with a chance to process it
+        this._setEnabled = (item, enabled) => {
+            if (this.isSpecialItem(item)) {
+                switch (item.key) {
+                    case ListPicker.Key_All: {
+                        if (this.props.enableAllFunc)
+                            this.props.enableAllFunc();
+                        return;
+                    }
+                    case ListPicker.Key_None: {
+                        if (this.props.disableAllFunc)
+                            this.props.disableAllFunc();
+                        return;
+                    }
+                    case ListPicker.Key_Invert: {
+                        if (this.props.invertFunc)
+                            this.props.invertFunc();
+                        return;
+                    }
+                }
+            }
+            // Call on parent to do processing of the item
+            this.props.setEnabled(item, enabled);
+        };
+    }
+    // Creates an array of items containing the separator and special requests (all, none, invert)
+    createItems(items) {
+        const newItems = [];
+        // 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.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.translate("pickerButtons.none"),
+                enabled: !allDisabled,
+                type: ListItemType.Item,
+            });
+        }
+        if (this.props.invertFunc) {
+            newItems.push({
+                key: ListPicker.Key_Invert,
+                name: 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.translate("pickerButtons.separator"),
+                enabled: false,
+                type: ListItemType.Separator,
+            });
+        }
+        // Push items
+        items.map((item) => {
+            newItems.push(item);
+        });
+        return newItems;
+    }
+    /**
+     * Checks if item is a special item.
+     * @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);
+    }
+    /** Renders ListPicker */
+    render() {
+        return (React.createElement(ListPickerPopupItem, { ...this.props, title: this.props.title, setEnabled: this._setEnabled, onExpanded: this.props.onExpanded, items: this.createItems(this.props.items), 
+            // eslint-disable-next-line deprecation/deprecation
+            iconSpec: this.props.iconSpec, icon: this.props.icon }));
+    }
+}
+//# sourceMappingURL=ListPicker.js.map

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

@@ -0,0 +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 { PopupItem } from \"@itwin/components-react\";\nimport {\n  Columns,\n  GroupColumn,\n  Panel,\n  Title,\n} from \"@itwin/components-react/internal\";\nimport type { CommonProps } from \"@itwin/core-react\";\nimport { Icon, SearchBox } from \"@itwin/core-react\";\nimport { ToolbarDragInteractionContext } from \"../toolbar/DragInteraction.js\";\nimport { UiFramework } from \"../UiFramework.js\";\nimport {\n  SvgChevronDown,\n  SvgChevronRight,\n  SvgList,\n} from \"@itwin/itwinui-icons-react\";\nimport type { SizeProps } from \"../utils/SizeProps.js\";\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  /** @deprecated in 4.16.0. Use {@link ListPickerProps.icon} instead. */\n  iconSpec?: string | React.ReactNode;\n  icon?: 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 */\n// eslint-disable-next-line deprecation/deprecation\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 */\n// eslint-disable-next-line deprecation/deprecation\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      // eslint-disable-next-line deprecation/deprecation\n      <Icon iconSpec={<SvgChevronDown />} />\n    ) : (\n      // eslint-disable-next-line deprecation/deprecation\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              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={\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      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        // eslint-disable-next-line deprecation/deprecation\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 =\n    props.icon ??\n    // eslint-disable-next-line deprecation/deprecation\n    (props.iconSpec ? (\n      // eslint-disable-next-line deprecation/deprecation\n      typeof props.iconSpec === \"string\" ? (\n        // eslint-disable-next-line deprecation/deprecation\n        <Icon iconSpec={props.iconSpec} />\n      ) : (\n        // eslint-disable-next-line deprecation/deprecation\n        <i className=\"icon uifw-item-svg-icon\">{props.iconSpec}</i>\n      )\n    ) : (\n      // eslint-disable-next-line deprecation/deprecation\n      <Icon iconSpec={<SvgList />} />\n    ));\n\n  return (\n    <ToolbarDragInteractionContext.Consumer>\n      {(isEnabled) => {\n        return props.panelOnly === true ? (\n          getListPanel(props)\n        ) : (\n          // eslint-disable-next-line deprecation/deprecation\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          if (this.props.enableAllFunc) this.props.enableAllFunc();\n          return;\n        }\n        case ListPicker.Key_None: {\n          if (this.props.disableAllFunc) this.props.disableAllFunc();\n          return;\n        }\n        case ListPicker.Key_Invert: {\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        // eslint-disable-next-line deprecation/deprecation\n        iconSpec={this.props.iconSpec}\n        icon={this.props.icon}\n      />\n    );\n  }\n}\n"]}