@itwin/components-react 4.0.0-dev.8 → 4.0.0

package/lib/cjs/components-react/common/showhide/ShowHideMenu.js

@@ -1,124 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module Common
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShowHideMenu = void 0;
-/* eslint-disable deprecation/deprecation */
-const React = __importStar(require("react"));
-const core_react_1 = require("@itwin/core-react");
-const UiComponents_1 = require("../../UiComponents");
-const ShowHideDialog_1 = require("./ShowHideDialog");
-const itwinui_react_1 = require("@itwin/itwinui-react");
-/**
- * [ContextMenu]($core-react) Component used to toggle show/hide items, given through items prop, through a list of checkboxes.
- * Component includes a "list" button that displays a dialog with the same checkboxes.
- * @public @deprecated in 3.2. Will be removed when deprecated [[Table]] component is removed.
- */
-class ShowHideMenu extends React.PureComponent {
-    /** @internal */
-    constructor(props) {
-        super(props);
-        this._toggleItem = (item) => {
-            if (this.state.hiddenColumns.indexOf(item.id) !== -1)
-                this._show(item);
-            else
-                this._hide(item);
-            if (this.props.onClose)
-                this.props.onClose();
-        };
-        this._hide = (item) => {
-            this.setState((prevState) => ({ hiddenColumns: [...prevState.hiddenColumns, item.id] }), () => {
-                if (this.props.onShowHideChange)
-                    this.props.onShowHideChange(this.state.hiddenColumns);
-            });
-        };
-        this._show = (item) => {
-            const hiddenColumns = this.state.hiddenColumns.filter((value) => {
-                return value !== item.id;
-            });
-            this.setState({ hiddenColumns }, () => {
-                if (this.props.onShowHideChange)
-                    this.props.onShowHideChange(this.state.hiddenColumns);
-            });
-        };
-        this._showAll = () => {
-            this.setState({ hiddenColumns: [] }, () => {
-                // istanbul ignore next
-                if (this.props.onShowHideChange)
-                    this.props.onShowHideChange(this.state.hiddenColumns);
-            });
-            if (this.props.onClose)
-                this.props.onClose();
-        };
-        this._showDialog = () => {
-            if (this.props.onClose)
-                this.props.onClose();
-            this.setState({
-                dialogOpened: true,
-            });
-        };
-        this._closeDialog = () => {
-            this.setState({
-                dialogOpened: false,
-            });
-        };
-        this._defaultContextMenu = (event) => {
-            event.stopPropagation();
-        };
-        this.state = {
-            hiddenColumns: props.initialHidden || [],
-            dialogOpened: false,
-        };
-    }
-    /** @internal */
-    componentDidUpdate(oldProps) {
-        if (this.props.initialHidden && oldProps.initialHidden !== this.props.initialHidden) {
-            this.setState((_, props) => ({ hiddenColumns: props.initialHidden || /* istanbul ignore next */ [] }));
-        }
-    }
-    /** @internal */
-    render() {
-        const { items, x, y, opened, initialHidden, onClose, onShowHideChange, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars
-        return (React.createElement(core_react_1.GlobalContextMenu, { x: x, y: y, opened: opened, onEsc: onClose, onOutsideClick: onClose, edgeLimit: false, autoflip: true, ...props },
-            this.props.items.map((item, index) => {
-                const visible = this.state.hiddenColumns.indexOf(item.id) === -1;
-                const sel = () => this._toggleItem(item);
-                const label = item.label || UiComponents_1.UiComponents.translate("showhide.noLabel");
-                const id = `show-hide-menu-input-${index}`;
-                return (React.createElement(core_react_1.ContextMenuItem, { key: index, onSelect: sel, icon: React.createElement(itwinui_react_1.Checkbox, { "data-testid": id, id: id, checked: visible, onChange: () => undefined }) }, label));
-            }),
-            React.createElement(core_react_1.ContextMenuDivider, null),
-            React.createElement(core_react_1.ContextMenuItem, { onSelect: this._showAll },
-                React.createElement("span", { "data-testid": "show-hide-showall" }, UiComponents_1.UiComponents.translate("showhide.showAll"))),
-            React.createElement(core_react_1.ContextMenuItem, { onSelect: this._showDialog },
-                React.createElement("span", { "data-testid": "show-hide-list" }, UiComponents_1.UiComponents.translate("showhide.list"))),
-            React.createElement(ShowHideDialog_1.ShowHideDialog, { items: items, title: UiComponents_1.UiComponents.translate("showhide.title"), opened: this.state.dialogOpened, onClose: this._closeDialog, initialHidden: this.state.hiddenColumns, onContextMenu: this._defaultContextMenu, onShowHideChange: onShowHideChange })));
-    }
-}
-exports.ShowHideMenu = ShowHideMenu;
-// cspell:ignore showall
-//# sourceMappingURL=ShowHideMenu.js.map

package/lib/cjs/components-react/common/showhide/ShowHideMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ShowHideMenu.js","sourceRoot":"","sources":["../../../../../src/components-react/common/showhide/ShowHideMenu.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module Common\r\n */\r\n\r\n/* eslint-disable deprecation/deprecation */\r\n\r\nimport * as React from \"react\";\r\nimport { ContextMenuDivider, ContextMenuItem, GlobalContextMenu, GlobalContextMenuProps } from \"@itwin/core-react\";\r\nimport { UiComponents } from \"../../UiComponents\";\r\nimport { ShowHideDialog } from \"./ShowHideDialog\";\r\nimport { ShowHideID, ShowHideItem } from \"./ShowHideItem\";\r\nimport { Checkbox } from \"@itwin/itwinui-react\";\r\n\r\n/** Properties for the [[ShowHideMenu]] component\r\n * @public @deprecated in 3.2. Will be removed when deprecated [[Table]] component is removed.\r\n */\r\nexport interface ShowHideMenuProps<T extends ShowHideID> extends GlobalContextMenuProps {\r\n  /** key-label pair list for id's to be shown/hidden, and an accompanying label. */\r\n  items: Array<ShowHideItem<T>>;\r\n  /** X position to place menu */\r\n  x: number;\r\n  /** Y position to place menu */\r\n  y: number;\r\n  /** Whether dialog is opened or closed */\r\n  opened: boolean;\r\n  /** Hidden list to start with */\r\n  initialHidden?: T[];\r\n  /** Called when close button is clicked */\r\n  onClose?: () => void;\r\n  /** Called when item is shown/hidden */\r\n  onShowHideChange?: (cols: T[]) => boolean | undefined;\r\n}\r\n\r\n/** @internal */\r\ninterface ShowHideMenuState<T extends ShowHideID> {\r\n  hiddenColumns: T[];\r\n  dialogOpened: boolean;\r\n}\r\n\r\n/**\r\n * [ContextMenu]($core-react) Component used to toggle show/hide items, given through items prop, through a list of checkboxes.\r\n * Component includes a \"list\" button that displays a dialog with the same checkboxes.\r\n * @public @deprecated in 3.2. Will be removed when deprecated [[Table]] component is removed.\r\n */\r\nexport class ShowHideMenu<T extends ShowHideID> extends React.PureComponent<ShowHideMenuProps<T>, ShowHideMenuState<T>> {\r\n  /** @internal */\r\n  public override readonly state: ShowHideMenuState<T>;\r\n\r\n  /** @internal */\r\n  constructor(props: ShowHideMenuProps<T>) {\r\n    super(props);\r\n    this.state = {\r\n      hiddenColumns: props.initialHidden || [],\r\n      dialogOpened: false,\r\n    };\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidUpdate(oldProps: ShowHideMenuProps<T>) {\r\n    if (this.props.initialHidden && oldProps.initialHidden !== this.props.initialHidden) {\r\n      this.setState((_, props) => ({ hiddenColumns: props.initialHidden || /* istanbul ignore next */[] }));\r\n    }\r\n  }\r\n\r\n  private _toggleItem = (item: ShowHideItem<T>) => {\r\n    if (this.state.hiddenColumns.indexOf(item.id) !== -1)\r\n      this._show(item);\r\n    else\r\n      this._hide(item);\r\n    if (this.props.onClose)\r\n      this.props.onClose();\r\n  };\r\n\r\n  private _hide = (item: ShowHideItem<T>) => {\r\n    this.setState(\r\n      (prevState) => ({ hiddenColumns: [...prevState.hiddenColumns, item.id] }),\r\n      () => {\r\n        if (this.props.onShowHideChange)\r\n          this.props.onShowHideChange(this.state.hiddenColumns);\r\n      });\r\n  };\r\n\r\n  private _show = (item: ShowHideItem<T>) => {\r\n    const hiddenColumns = this.state.hiddenColumns.filter((value) => {\r\n      return value !== item.id;\r\n    });\r\n\r\n    this.setState({ hiddenColumns }, () => {\r\n      if (this.props.onShowHideChange)\r\n        this.props.onShowHideChange(this.state.hiddenColumns);\r\n    });\r\n  };\r\n\r\n  private _showAll = () => {\r\n    this.setState({ hiddenColumns: [] }, () => {\r\n      // istanbul ignore next\r\n      if (this.props.onShowHideChange)\r\n        this.props.onShowHideChange(this.state.hiddenColumns);\r\n    });\r\n    if (this.props.onClose)\r\n      this.props.onClose();\r\n  };\r\n  private _showDialog = () => {\r\n    if (this.props.onClose)\r\n      this.props.onClose();\r\n    this.setState({\r\n      dialogOpened: true,\r\n    });\r\n  };\r\n\r\n  private _closeDialog = () => {\r\n    this.setState({\r\n      dialogOpened: false,\r\n    });\r\n  };\r\n\r\n  private _defaultContextMenu = (event: React.MouseEvent) => {\r\n    event.stopPropagation();\r\n  };\r\n\r\n  /** @internal */\r\n  public override render(): React.ReactNode {\r\n    const { items, x, y, opened, initialHidden, onClose, onShowHideChange, ...props } = this.props; // eslint-disable-line @typescript-eslint/no-unused-vars\r\n    return (\r\n      <GlobalContextMenu\r\n        x={x}\r\n        y={y}\r\n        opened={opened}\r\n        onEsc={onClose}\r\n        onOutsideClick={onClose}\r\n        edgeLimit={false}\r\n        autoflip={true}\r\n        {...props}>\r\n        {this.props.items.map((item, index) => {\r\n          const visible = this.state.hiddenColumns.indexOf(item.id) === -1;\r\n          const sel = () => this._toggleItem(item);\r\n          const label = item.label || UiComponents.translate(\"showhide.noLabel\");\r\n          const id = `show-hide-menu-input-${index}`;\r\n          return (\r\n            <ContextMenuItem key={index}\r\n              onSelect={sel}\r\n              icon={<Checkbox data-testid={id} id={id} checked={visible} onChange={() => undefined} />} >\r\n              {label}\r\n            </ContextMenuItem>\r\n          );\r\n        })}\r\n        <ContextMenuDivider />\r\n        <ContextMenuItem onSelect={this._showAll}><span data-testid=\"show-hide-showall\">{UiComponents.translate(\"showhide.showAll\")}</span></ContextMenuItem>\r\n        <ContextMenuItem onSelect={this._showDialog}><span data-testid=\"show-hide-list\">{UiComponents.translate(\"showhide.list\")}</span></ContextMenuItem>\r\n        <ShowHideDialog\r\n          items={items}\r\n          title={UiComponents.translate(\"showhide.title\")}\r\n          opened={this.state.dialogOpened}\r\n          onClose={this._closeDialog}\r\n          initialHidden={this.state.hiddenColumns}\r\n          onContextMenu={this._defaultContextMenu}\r\n          onShowHideChange={onShowHideChange} />\r\n      </GlobalContextMenu>\r\n    );\r\n  }\r\n}\r\n\r\n// cspell:ignore showall\r\n"]}

package/lib/cjs/components-react/editors/ThemedEnumEditor.d.ts

@@ -1,63 +0,0 @@
-/** @packageDocumentation
- * @module PropertyEditors
- */
-import "./ThemedEnumEditor.scss";
-import * as React from "react";
-import { PropertyValue } from "@itwin/appui-abstract";
-import { OptionType } from "@itwin/core-react";
-import { PropertyEditorProps, TypeEditor } from "./EditorContainer";
-import { PropertyEditorBase } from "./PropertyEditorManager";
-/** Properties for [[EnumEditor]] component
- * @beta @deprecated in 3.0.
- */
-export interface ThemedEnumEditorProps extends PropertyEditorProps {
-    /** Allow searching in enum list */
-    isSearchable?: boolean;
-    /** The prompt string used when no enum member has been selected */
-    placeholder?: string;
-    /** The function to return an error message used when the search string can't be found in the list */
-    noOptionsMessage?: (obj: {
-        inputValue: string;
-    }) => string | null;
-}
-/** @internal */
-interface EnumEditorState {
-    selectValue: string | number;
-    valueIsNumber: boolean;
-    options: OptionType[] | undefined;
-}
-/** EnumEditor React component that is a property editor with select input
- * @beta @deprecated in 3.0.
- */
-export declare class ThemedEnumEditor extends React.PureComponent<ThemedEnumEditorProps, EnumEditorState> implements TypeEditor {
-    private _isMounted;
-    private _divElement;
-    /** @internal */
-    readonly state: Readonly<EnumEditorState>;
-    getPropertyValue(): Promise<PropertyValue | undefined>;
-    get htmlElement(): HTMLElement | null;
-    get hasFocus(): boolean;
-    private _updateSelectValue;
-    /** @internal */
-    componentDidMount(): void;
-    /** @internal */
-    componentWillUnmount(): void;
-    /** @internal */
-    componentDidUpdate(prevProps: PropertyEditorProps): void;
-    private setStateFromProps;
-    /** @internal */
-    render(): JSX.Element;
-}
-/** Enum Property Button Group Editor registered for the "enum" type name.
- * It uses the [[EnumEditor]] React component.
- * @beta @deprecated in 3.0.
- */
-export declare class ThemedEnumPropertyEditor extends PropertyEditorBase {
-    get containerHandlesBlur(): boolean;
-    get containerHandlesEscape(): boolean;
-    get containerHandlesEnter(): boolean;
-    get containerHandlesTab(): boolean;
-    get reactNode(): React.ReactNode;
-}
-export {};
-//# sourceMappingURL=ThemedEnumEditor.d.ts.map

package/lib/cjs/components-react/editors/ThemedEnumEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemedEnumEditor.d.ts","sourceRoot":"","sources":["../../../../src/components-react/editors/ThemedEnumEditor.tsx"],"names":[],"mappings":"AAKA;;GAEG;AAEH,OAAO,yBAAyB,CAAC;AAEjC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAqB,aAAa,EAA+D,MAAM,uBAAuB,CAAC;AACtI,OAAO,EAAE,UAAU,EAAgB,MAAM,mBAAmB,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAyB,MAAM,yBAAyB,CAAC;AAGpF;;GAEG;AACH,MAAM,WAAW,qBAAsB,SAAQ,mBAAmB;IAChE,mCAAmC;IACnC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,mEAAmE;IACnE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qGAAqG;IACrG,gBAAgB,CAAC,EAAE,CAAC,GAAG,EAAE;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,KAAK,MAAM,GAAG,IAAI,CAAC;CACnE;AACD,gBAAgB;AAChB,UAAU,eAAe;IACvB,WAAW,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,aAAa,EAAE,OAAO,CAAC;IACvB,OAAO,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC;CACnC;AAED;;GAEG;AACH,qBAAa,gBAAiB,SAAQ,KAAK,CAAC,aAAa,CAAC,qBAAqB,EAAE,eAAe,CAAE,YAAW,UAAU;IACrH,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,WAAW,CAAqC;IAExD,gBAAgB;IAChB,SAAyB,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAIvD;IAEW,gBAAgB,IAAI,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC;IAiBnE,IAAW,WAAW,IAAI,WAAW,GAAG,IAAI,CAE3C;IAGD,IAAW,QAAQ,IAAI,OAAO,CAM7B;IAED,OAAO,CAAC,kBAAkB,CA2BxB;IAEF,gBAAgB;IACA,iBAAiB;IAKjC,gBAAgB;IACA,oBAAoB;IAIpC,gBAAgB;IACA,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;YAMnD,iBAAiB;IA2C/B,gBAAgB;IACA,MAAM;CA4BvB;AAED;;;GAGG;AACH,qBAAa,wBAAyB,SAAQ,kBAAkB;IAG9D,IAAoB,oBAAoB,IAAI,OAAO,CAElD;IAED,IAAoB,sBAAsB,IAAI,OAAO,CAEpD;IAED,IAAoB,qBAAqB,IAAI,OAAO,CAEnD;IAED,IAAoB,mBAAmB,IAAI,OAAO,CAEjD;IAED,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAEtC;CACF"}

package/lib/cjs/components-react/editors/ThemedEnumEditor.js

@@ -1,207 +0,0 @@
-"use strict";
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-/* eslint-disable deprecation/deprecation */
-/** @packageDocumentation
- * @module PropertyEditors
- */
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ThemedEnumPropertyEditor = exports.ThemedEnumEditor = void 0;
-require("./ThemedEnumEditor.scss");
-const classnames_1 = __importDefault(require("classnames"));
-const React = __importStar(require("react"));
-const appui_abstract_1 = require("@itwin/appui-abstract");
-const core_react_1 = require("@itwin/core-react");
-const PropertyEditorManager_1 = require("./PropertyEditorManager");
-/** EnumEditor React component that is a property editor with select input
- * @beta @deprecated in 3.0.
- */
-class ThemedEnumEditor extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._isMounted = false;
-        this._divElement = React.createRef();
-        /** @internal */
-        this.state = {
-            selectValue: "",
-            valueIsNumber: false,
-            options: undefined,
-        };
-        this._updateSelectValue = (value, action) => {
-            // istanbul ignore else
-            if (this._isMounted && action.action === "select-option" && value) {
-                let selectValue;
-                const selectedOption = value;
-                // istanbul ignore next
-                if (selectedOption === undefined) // no multi-select allowed
-                    return;
-                if (this.state.valueIsNumber)
-                    selectValue = parseInt(selectedOption.value, 10);
-                else
-                    selectValue = selectedOption.value;
-                this.setState({
-                    selectValue,
-                }, async () => {
-                    // istanbul ignore else
-                    if (this.props.propertyRecord && this.props.onCommit) {
-                        const propertyValue = await this.getPropertyValue();
-                        // istanbul ignore else
-                        if (propertyValue) {
-                            this.props.onCommit({ propertyRecord: this.props.propertyRecord, newValue: propertyValue });
-                        }
-                    }
-                });
-            }
-        };
-    }
-    async getPropertyValue() {
-        const record = this.props.propertyRecord;
-        let propertyValue;
-        // istanbul ignore else
-        if (record && record.value.valueFormat === appui_abstract_1.PropertyValueFormat.Primitive) {
-            propertyValue = {
-                valueFormat: appui_abstract_1.PropertyValueFormat.Primitive,
-                value: this.state.selectValue,
-                displayValue: "",
-            };
-        }
-        return propertyValue;
-    }
-    // istanbul ignore next
-    get htmlElement() {
-        return this._divElement.current;
-    }
-    // istanbul ignore next
-    get hasFocus() {
-        let containsFocus = false;
-        // istanbul ignore else
-        if (this._divElement.current)
-            containsFocus = this._divElement.current.contains(document.activeElement);
-        return containsFocus;
-    }
-    /** @internal */
-    componentDidMount() {
-        this._isMounted = true;
-        this.setStateFromProps(); // eslint-disable-line @typescript-eslint/no-floating-promises
-    }
-    /** @internal */
-    componentWillUnmount() {
-        this._isMounted = false;
-    }
-    /** @internal */
-    componentDidUpdate(prevProps) {
-        if (this.props.propertyRecord !== prevProps.propertyRecord) {
-            this.setStateFromProps(); // eslint-disable-line @typescript-eslint/no-floating-promises
-        }
-    }
-    async setStateFromProps() {
-        const { propertyRecord } = this.props;
-        let initialValue = "";
-        let valueIsNumber = false;
-        let choices;
-        if (propertyRecord && propertyRecord.property.enum) {
-            // istanbul ignore else
-            if (propertyRecord.property.enum.choices instanceof Promise) {
-                choices = await propertyRecord.property.enum.choices;
-            }
-            else {
-                choices = propertyRecord.property.enum.choices;
-            }
-        }
-        let options = [];
-        if (this.state.options === undefined) {
-            if (choices) {
-                choices.forEach((choice) => {
-                    options.push({ value: choice.value.toString(), label: choice.label });
-                });
-            }
-        }
-        else {
-            options = this.state.options;
-        }
-        // istanbul ignore else
-        if (propertyRecord && propertyRecord.value.valueFormat === appui_abstract_1.PropertyValueFormat.Primitive) {
-            const primitiveValue = propertyRecord.value.value;
-            if (typeof primitiveValue === "string") {
-                initialValue = primitiveValue;
-                valueIsNumber = false;
-            }
-            else {
-                initialValue = primitiveValue;
-                valueIsNumber = true;
-            }
-        }
-        // istanbul ignore else
-        if (this._isMounted)
-            this.setState({ selectValue: initialValue, valueIsNumber, options });
-    }
-    /** @internal */
-    render() {
-        const className = (0, classnames_1.default)("components-cell-editor", "components-enum-editor", this.props.className);
-        const selectValue = this.state.selectValue ? this.state.selectValue.toString() : undefined;
-        const options = this.state.options === undefined ? [] : this.state.options;
-        const selectedOption = options.find((e) => e.value === selectValue);
-        const { isSearchable, placeholder, noOptionsMessage } = this.props;
-        // set min-width to show about 4 characters + down arrow
-        const minWidthStyle = {
-            minWidth: `${6 * 0.75}em`,
-        };
-        return (React.createElement(core_react_1.ThemedSelect, { divRef: this._divElement, className: className, value: selectedOption, onChange: this._updateSelectValue, "data-testid": "components-select-editor", styles: this.props.style ? this.props.style : minWidthStyle, isSearchable: isSearchable, placeholder: placeholder, noOptionsMessage: noOptionsMessage, isMulti: false, 
-            // eslint-disable-next-line jsx-a11y/no-autofocus
-            autoFocus: this.props.setFocus, options: options }));
-    }
-}
-exports.ThemedEnumEditor = ThemedEnumEditor;
-/** Enum Property Button Group Editor registered for the "enum" type name.
- * It uses the [[EnumEditor]] React component.
- * @beta @deprecated in 3.0.
- */
-class ThemedEnumPropertyEditor extends PropertyEditorManager_1.PropertyEditorBase {
-    // istanbul ignore next
-    get containerHandlesBlur() {
-        return false;
-    }
-    // istanbul ignore next
-    get containerHandlesEscape() {
-        return false;
-    }
-    // istanbul ignore next
-    get containerHandlesEnter() {
-        return false;
-    }
-    // istanbul ignore next
-    get containerHandlesTab() {
-        return false;
-    }
-    // istanbul ignore next
-    get reactNode() {
-        return React.createElement(ThemedEnumEditor, null);
-    }
-}
-exports.ThemedEnumPropertyEditor = ThemedEnumPropertyEditor;
-PropertyEditorManager_1.PropertyEditorManager.registerEditor(appui_abstract_1.StandardTypeNames.Enum, ThemedEnumPropertyEditor, appui_abstract_1.StandardEditorNames.ThemedEnum);
-//# sourceMappingURL=ThemedEnumEditor.js.map

package/lib/cjs/components-react/editors/ThemedEnumEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ThemedEnumEditor.js","sourceRoot":"","sources":["../../../../src/components-react/editors/ThemedEnumEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/* eslint-disable deprecation/deprecation */\r\n/** @packageDocumentation\r\n * @module PropertyEditors\r\n */\r\n\r\nimport \"./ThemedEnumEditor.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport { EnumerationChoice, PropertyValue, PropertyValueFormat, StandardEditorNames, StandardTypeNames } from \"@itwin/appui-abstract\";\r\nimport { OptionType, ThemedSelect } from \"@itwin/core-react\";\r\nimport { PropertyEditorProps, TypeEditor } from \"./EditorContainer\";\r\nimport { PropertyEditorBase, PropertyEditorManager } from \"./PropertyEditorManager\";\r\nimport { ActionMeta, ValueType } from \"react-select/src/types\";\r\n\r\n/** Properties for [[EnumEditor]] component\r\n * @beta @deprecated in 3.0.\r\n */\r\nexport interface ThemedEnumEditorProps extends PropertyEditorProps {\r\n  /** Allow searching in enum list */\r\n  isSearchable?: boolean;\r\n  /** The prompt string used when no enum member has been selected */\r\n  placeholder?: string;\r\n  /** The function to return an error message used when the search string can't be found in the list */\r\n  noOptionsMessage?: (obj: { inputValue: string }) => string | null;\r\n}\r\n/** @internal */\r\ninterface EnumEditorState {\r\n  selectValue: string | number;\r\n  valueIsNumber: boolean;\r\n  options: OptionType[] | undefined;\r\n}\r\n\r\n/** EnumEditor React component that is a property editor with select input\r\n * @beta @deprecated in 3.0.\r\n */\r\nexport class ThemedEnumEditor extends React.PureComponent<ThemedEnumEditorProps, EnumEditorState> implements TypeEditor {\r\n  private _isMounted = false;\r\n  private _divElement = React.createRef<HTMLDivElement>();\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<EnumEditorState> = {\r\n    selectValue: \"\",\r\n    valueIsNumber: false,\r\n    options: undefined,\r\n  };\r\n\r\n  public async getPropertyValue(): Promise<PropertyValue | undefined> {\r\n    const record = this.props.propertyRecord;\r\n    let propertyValue: PropertyValue | undefined;\r\n\r\n    // istanbul ignore else\r\n    if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {\r\n      propertyValue = {\r\n        valueFormat: PropertyValueFormat.Primitive,\r\n        value: this.state.selectValue,\r\n        displayValue: \"\",\r\n      };\r\n    }\r\n\r\n    return propertyValue;\r\n  }\r\n\r\n  // istanbul ignore next\r\n  public get htmlElement(): HTMLElement | null {\r\n    return this._divElement.current;\r\n  }\r\n\r\n  // istanbul ignore next\r\n  public get hasFocus(): boolean {\r\n    let containsFocus = false;\r\n    // istanbul ignore else\r\n    if (this._divElement.current)\r\n      containsFocus = this._divElement.current.contains(document.activeElement);\r\n    return containsFocus;\r\n  }\r\n\r\n  private _updateSelectValue = (value: ValueType<OptionType>, action: ActionMeta<OptionType>) => {\r\n    // istanbul ignore else\r\n    if (this._isMounted && action.action === \"select-option\" && value) {\r\n      let selectValue: string | number;\r\n      const selectedOption: OptionType = value as OptionType;\r\n      // istanbul ignore next\r\n      if (selectedOption === undefined) // no multi-select allowed\r\n        return;\r\n\r\n      if (this.state.valueIsNumber)\r\n        selectValue = parseInt(selectedOption.value, 10);\r\n      else\r\n        selectValue = selectedOption.value;\r\n\r\n      this.setState({\r\n        selectValue,\r\n      }, async () => {\r\n        // istanbul ignore else\r\n        if (this.props.propertyRecord && this.props.onCommit) {\r\n          const propertyValue = await this.getPropertyValue();\r\n          // istanbul ignore else\r\n          if (propertyValue) {\r\n            this.props.onCommit({ propertyRecord: this.props.propertyRecord, newValue: propertyValue });\r\n          }\r\n        }\r\n      });\r\n    }\r\n  };\r\n\r\n  /** @internal */\r\n  public override componentDidMount() {\r\n    this._isMounted = true;\r\n    this.setStateFromProps(); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentWillUnmount() {\r\n    this._isMounted = false;\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidUpdate(prevProps: PropertyEditorProps) {\r\n    if (this.props.propertyRecord !== prevProps.propertyRecord) {\r\n      this.setStateFromProps(); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n    }\r\n  }\r\n\r\n  private async setStateFromProps() {\r\n    const { propertyRecord } = this.props;\r\n    let initialValue: string | number = \"\";\r\n    let valueIsNumber: boolean = false;\r\n    let choices: EnumerationChoice[] | undefined;\r\n\r\n    if (propertyRecord && propertyRecord.property.enum) {\r\n      // istanbul ignore else\r\n      if (propertyRecord.property.enum.choices instanceof Promise) {\r\n        choices = await propertyRecord.property.enum.choices;\r\n      } else {\r\n        choices = propertyRecord.property.enum.choices;\r\n      }\r\n    }\r\n\r\n    let options: OptionType[] = [];\r\n    if (this.state.options === undefined) {\r\n      if (choices) {\r\n        choices.forEach((choice: EnumerationChoice) => {\r\n          options.push({ value: choice.value.toString(), label: choice.label });\r\n        });\r\n      }\r\n    } else {\r\n      options = this.state.options;\r\n    }\r\n\r\n    // istanbul ignore else\r\n    if (propertyRecord && propertyRecord.value.valueFormat === PropertyValueFormat.Primitive) {\r\n      const primitiveValue = propertyRecord.value.value;\r\n      if (typeof primitiveValue === \"string\") {\r\n        initialValue = primitiveValue;\r\n        valueIsNumber = false;\r\n      } else {\r\n        initialValue = primitiveValue as number;\r\n        valueIsNumber = true;\r\n      }\r\n    }\r\n\r\n    // istanbul ignore else\r\n    if (this._isMounted)\r\n      this.setState({ selectValue: initialValue, valueIsNumber, options });\r\n  }\r\n\r\n  /** @internal */\r\n  public override render() {\r\n    const className = classnames(\"components-cell-editor\", \"components-enum-editor\", this.props.className);\r\n    const selectValue = this.state.selectValue ? this.state.selectValue.toString() : undefined;\r\n    const options = this.state.options === undefined ? [] : this.state.options;\r\n    const selectedOption = options.find((e) => e.value === selectValue);\r\n    const { isSearchable, placeholder, noOptionsMessage } = this.props;\r\n    // set min-width to show about 4 characters + down arrow\r\n    const minWidthStyle: React.CSSProperties = {\r\n      minWidth: `${6 * 0.75}em`,\r\n    };\r\n\r\n    return (\r\n      <ThemedSelect\r\n        divRef={this._divElement}\r\n        className={className}\r\n        value={selectedOption}\r\n        onChange={this._updateSelectValue}\r\n        data-testid=\"components-select-editor\"\r\n        styles={this.props.style ? this.props.style : minWidthStyle}\r\n        isSearchable={isSearchable}\r\n        placeholder={placeholder}\r\n        noOptionsMessage={noOptionsMessage}\r\n        isMulti={false}\r\n        // eslint-disable-next-line jsx-a11y/no-autofocus\r\n        autoFocus={this.props.setFocus}\r\n        options={options} />\r\n    );\r\n  }\r\n}\r\n\r\n/** Enum Property Button Group Editor registered for the \"enum\" type name.\r\n * It uses the [[EnumEditor]] React component.\r\n * @beta @deprecated in 3.0.\r\n */\r\nexport class ThemedEnumPropertyEditor extends PropertyEditorBase {\r\n\r\n  // istanbul ignore next\r\n  public override get containerHandlesBlur(): boolean {\r\n    return false;\r\n  }\r\n  // istanbul ignore next\r\n  public override get containerHandlesEscape(): boolean {\r\n    return false;\r\n  }\r\n  // istanbul ignore next\r\n  public override get containerHandlesEnter(): boolean {\r\n    return false;\r\n  }\r\n  // istanbul ignore next\r\n  public override get containerHandlesTab(): boolean {\r\n    return false;\r\n  }\r\n  // istanbul ignore next\r\n  public get reactNode(): React.ReactNode {\r\n    return <ThemedEnumEditor />;\r\n  }\r\n}\r\n\r\nPropertyEditorManager.registerEditor(StandardTypeNames.Enum, ThemedEnumPropertyEditor, StandardEditorNames.ThemedEnum);\r\n"]}

package/lib/cjs/components-react/editors/ThemedEnumEditor.scss

@@ -1,83 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-@import "~@itwin/core-react/lib/cjs/core-react/inputs/input";
-
-.components-enum-editor {
-  min-width: 100%;
-  height: 100%;
-  margin: 0;
-
-  $enum-editor-height: 24px;
-
-  .uicore-reactSelectTop {
-    max-height: $enum-editor-height;
-
-    .react-select__control {
-      max-height: $enum-editor-height;
-      width: 100%;
-      line-height: $enum-editor-height;
-      min-height: 0px;
-
-
-      .react-select__placeholder {
-        padding: 2px;
-      }
-
-      .react-select__value-container {
-        padding: 2px;
-        max-height: $enum-editor-height;
-        min-height: $enum-editor-height;
-        min-width: 4.5em;
-      }
-    }
-
-    .react-select__single-value {
-      max-height: $enum-editor-height;
-      min-height: $enum-editor-height;
-      margin: 0;
-      min-width: 4.5em;
-    }
-
-    .react-select__indicator {
-      padding: 0 2px;
-      max-height: $enum-editor-height;
-      min-height: $enum-editor-height;
-      width: 100%;
-    }
-  }
-
-  .css-1gtu0rj-indicatorContainer {
-    max-height: $enum-editor-height;
-    width: 100%;
-    padding: 0 8px;
-  }
-
-  .css-tlfecz-indicatorContainer {
-    max-height: $enum-editor-height;
-    width: 100%;
-    padding: 0 8px;
-  }
-
-  .css-g1d714-ValueContainer {
-    max-height: $enum-editor-height;
-    min-height: $enum-editor-height;
-    width: 100%;
-  }
-
-  .css-yk16xz-control {
-    max-height: $enum-editor-height;
-    min-height: $enum-editor-height;
-    min-width: 4.5em;
-    width: 100%;
-  }
-
-  .css-1pahdxg-control {
-    max-height: $enum-editor-height;
-    min-height: $enum-editor-height;
-    min-width: 4.5em;
-    width: 100%;
-  }
-
-}

package/lib/cjs/components-react/properties/renderers/value/table/NonPrimitiveValueRenderer.scss

@@ -1,11 +0,0 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-// @import "~@itwin/core-react/lib/cjs/core-react/style/colors";
-
-// .components-table-value-popup {
-//   background: $uicore-gray-c;
-//   padding: 5px;
-//   border-radius: 3px;
-// }

package/lib/cjs/components-react/propertygrid/component/PropertyGrid.d.ts

@@ -1,71 +0,0 @@
-/** @packageDocumentation
- * @module PropertyGrid
- */
-import "./PropertyGrid.scss";
-import * as React from "react";
-import { PropertyRecord } from "@itwin/appui-abstract";
-import { Orientation } from "@itwin/core-react";
-import { IPropertyDataProvider, PropertyCategory } from "../PropertyDataProvider";
-import { CommonPropertyGridProps } from "./PropertyGridCommons";
-/** Properties for [[PropertyGrid]] React component
- * @public
- * @deprecated in 3.x. Use [[VirtualizedPropertyGrid]] instead.
- */
-export interface PropertyGridProps extends CommonPropertyGridProps {
-    /** Property data provider */
-    dataProvider: IPropertyDataProvider;
-}
-/** Property Category in the [[PropertyGrid]] state
- * @public
- * @deprecated in 2.x. This was part of [[PropertyGrid]] internal state and should've never been public. The component is not using it anymore.
- */
-export interface PropertyGridCategory {
-    propertyCategory: PropertyCategory;
-    propertyCount: number;
-    properties: PropertyRecord[];
-}
-interface CategorizedPropertyGridRecords {
-    category: PropertyCategory;
-    records: PropertyRecord[];
-    children: CategorizedPropertyGridRecords[];
-}
-/** State of [[PropertyGrid]] React component
- * @internal
- */
-interface PropertyGridState {
-    /** List of PropertyGrid categories */
-    categories: CategorizedPropertyGridRecords[];
-    /** Actual orientation used by the property grid */
-    orientation: Orientation;
-    /** If property grid currently loading data, the loading start time  */
-    loadStart?: Date;
-    /** Width of PropertyGrid */
-    width: number;
-}
-/** PropertyGrid React component.
- * @public
- * @deprecated in 3.x. Use [[VirtualizedPropertyGrid]] instead.
- */
-export declare class PropertyGrid extends React.Component<PropertyGridProps, PropertyGridState> {
-    private _dataChangesListenerDisposeFunc?;
-    private _isMounted;
-    private _isInDataRequest;
-    private _hasPendingDataRequest;
-    /** @internal */
-    constructor(props: PropertyGridProps);
-    /** @internal */
-    componentDidMount(): void;
-    /** @internal */
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: PropertyGridProps): void;
-    private _onPropertyDataChanged;
-    private gatherData;
-    private getPreferredOrientation;
-    private _onResize;
-    private _onCategoryExpansionToggled;
-    private updateOrientation;
-    /** @internal */
-    render(): JSX.Element;
-}
-export {};
-//# sourceMappingURL=PropertyGrid.d.ts.map

package/lib/cjs/components-react/propertygrid/component/PropertyGrid.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PropertyGrid.d.ts","sourceRoot":"","sources":["../../../../../src/components-react/propertygrid/component/PropertyGrid.tsx"],"names":[],"mappings":"AAKA;;GAEG;AACH,OAAO,qBAAqB,CAAC;AAG7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvD,OAAO,EAAE,WAAW,EAA8B,MAAM,mBAAmB,CAAC;AAE5E,OAAO,EAAE,qBAAqB,EAAE,gBAAgB,EAAgB,MAAM,yBAAyB,CAAC;AAGhG,OAAO,EAAE,uBAAuB,EAAuB,MAAM,uBAAuB,CAAC;AAIrF;;;GAGG;AACH,MAAM,WAAW,iBAAkB,SAAQ,uBAAuB;IAChE,6BAA6B;IAC7B,YAAY,EAAE,qBAAqB,CAAC;CACrC;AAED;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,gBAAgB,EAAE,gBAAgB,CAAC;IACnC,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,cAAc,EAAE,CAAC;CAC9B;AAED,UAAU,8BAA8B;IACtC,QAAQ,EAAE,gBAAgB,CAAC;IAC3B,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,EAAE,8BAA8B,EAAE,CAAC;CAC5C;AAED;;GAEG;AACH,UAAU,iBAAiB;IACzB,sCAAsC;IACtC,UAAU,EAAE,8BAA8B,EAAE,CAAC;IAC7C,mDAAmD;IACnD,WAAW,EAAE,WAAW,CAAC;IACzB,uEAAuE;IACvE,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,4BAA4B;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;GAGG;AACH,qBAAa,YAAa,SAAQ,KAAK,CAAC,SAAS,CAAC,iBAAiB,EAAE,iBAAiB,CAAC;IACrF,OAAO,CAAC,+BAA+B,CAAC,CAAc;IACtD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,sBAAsB,CAAS;IAEvC,gBAAgB;gBACJ,KAAK,EAAE,iBAAiB;IASpC,gBAAgB;IACA,iBAAiB;IAQjC,gBAAgB;IACA,oBAAoB;IASpB,kBAAkB,CAAC,SAAS,EAAE,iBAAiB;IAiB/D,OAAO,CAAC,sBAAsB,CAG5B;YAEY,UAAU;IAyCxB,OAAO,CAAC,uBAAuB;IAI/B,OAAO,CAAC,SAAS,CAEf;IAEF,OAAO,CAAC,2BAA2B,CAWjC;IAEF,OAAO,CAAC,iBAAiB;IAQzB,gBAAgB;IACA,MAAM;CA4CvB"}