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

package/lib/esm/components-react/editors/NumericInputEditor.js

@@ -1,150 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module PropertyEditors
- */
-import "./NumericInputEditor.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { PropertyEditorParamTypes, PropertyValueFormat, StandardEditorNames, StandardTypeNames, } from "@itwin/appui-abstract";
-import { NumberInput } from "@itwin/core-react";
-import { PropertyEditorBase, PropertyEditorManager, } from "./PropertyEditorManager";
-/** NumericInputEditor React component that is a property editor with numeric input & up/down buttons
- * @public
- */
-export class NumericInputEditor extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._isMounted = false;
-        this._inputElement = React.createRef();
-        this.hasFocus = false; // hot used since containerHandlesEnter is false
-        this.state = {
-            value: 0,
-            readonly: false,
-        };
-        this._handleCommit = async () => {
-            if (this.props.propertyRecord && this.props.onCommit) {
-                const propertyValue = await this.getPropertyValue();
-                if (propertyValue !== undefined) {
-                    this.props.onCommit({
-                        propertyRecord: this.props.propertyRecord,
-                        newValue: propertyValue,
-                    });
-                }
-            }
-        };
-        this._updateValue = (value, _stringValue) => {
-            const newValue = value !== undefined ? value : 0;
-            if (this._isMounted)
-                this.setState({
-                    value: newValue,
-                }, async () => {
-                    await this._handleCommit();
-                });
-        };
-    }
-    async getPropertyValue() {
-        const record = this.props.propertyRecord;
-        let propertyValue;
-        if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {
-            propertyValue = {
-                valueFormat: PropertyValueFormat.Primitive,
-                value: this.state.value,
-                displayValue: "",
-            };
-        }
-        return propertyValue;
-    }
-    get htmlElement() {
-        return this._inputElement.current;
-    }
-    componentDidMount() {
-        this._isMounted = true;
-        void this.setStateFromProps();
-    }
-    componentWillUnmount() {
-        this._isMounted = false;
-    }
-    componentDidUpdate(prevProps) {
-        if (this.props.propertyRecord !== prevProps.propertyRecord) {
-            void this.setStateFromProps();
-        }
-    }
-    async setStateFromProps() {
-        const record = this.props.propertyRecord;
-        let initialValue = 0;
-        if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {
-            initialValue = record.value.value;
-        }
-        const readonly = record && undefined !== record.isReadonly ? record.isReadonly : false;
-        let size;
-        let maxLength;
-        let min;
-        let max;
-        let step;
-        let precision;
-        const isDisabled = record ? record.isDisabled : undefined;
-        if (record &&
-            record.property &&
-            record.property.editor &&
-            record.property.editor.params) {
-            const editorSizeParams = record.property.editor.params.find((param) => param.type === PropertyEditorParamTypes.InputEditorSize.valueOf());
-            if (editorSizeParams) {
-                if (editorSizeParams.size)
-                    size = editorSizeParams.size;
-                if (editorSizeParams.maxLength)
-                    maxLength = editorSizeParams.maxLength;
-            }
-            const rangeParams = record.property.editor.params.find((param) => param.type === PropertyEditorParamTypes.Range.valueOf());
-            if (rangeParams) {
-                min = rangeParams.minimum;
-                max = rangeParams.maximum;
-                step = rangeParams.step;
-                precision = rangeParams.precision;
-            }
-        }
-        if (this._isMounted)
-            this.setState({
-                value: initialValue,
-                readonly,
-                size,
-                maxLength,
-                isDisabled,
-                min,
-                max,
-                step,
-                precision,
-            });
-    }
-    render() {
-        const className = classnames("components-cell-editor", "components-numeric-input-editor", this.props.className);
-        const minSize = this.state.size ? this.state.size : 8;
-        const style = {
-            ...this.props.style,
-            minWidth: `${minSize * 0.75}em`,
-        };
-        return (
-        // eslint-disable-next-line deprecation/deprecation
-        React.createElement(NumberInput, { ref: this._inputElement, className: className, style: style, value: this.state.value, min: this.state.min, max: this.state.max, step: this.state.step, precision: this.state.precision, readOnly: this.state.readonly, maxLength: this.state.maxLength, onBlur: this.props.onBlur, onChange: this._updateValue, autoFocus: this.props.setFocus && !this.state.isDisabled, isControlled: this.props.shouldCommitOnChange }));
-    }
-}
-/** Numeric Input Property Editor registered for the "number" type name and "numeric-input" editor name.
- * It uses the [[NumericInputEditor]] React component.
- * @public
- */
-export class NumericInputPropertyEditor extends PropertyEditorBase {
-    get reactNode() {
-        return React.createElement(NumericInputEditor, null);
-    }
-    get containerHandlesEnter() {
-        // let input editor process enter key
-        return false;
-    }
-}
-PropertyEditorManager.registerEditor(StandardTypeNames.Number, NumericInputPropertyEditor, StandardEditorNames.NumericInput);
-PropertyEditorManager.registerEditor(StandardTypeNames.Int, NumericInputPropertyEditor, StandardEditorNames.NumericInput);
-PropertyEditorManager.registerEditor(StandardTypeNames.Float, NumericInputPropertyEditor, StandardEditorNames.NumericInput);
-PropertyEditorManager.registerEditor(StandardTypeNames.Double, NumericInputPropertyEditor, StandardEditorNames.NumericInput);
-//# sourceMappingURL=NumericInputEditor.js.map

package/lib/esm/components-react/editors/NumericInputEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumericInputEditor.js","sourceRoot":"","sources":["../../../../src/components-react/editors/NumericInputEditor.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 PropertyEditors\n */\n\nimport \"./NumericInputEditor.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport type {\n  InputEditorSizeParams,\n  PropertyEditorParams,\n  PropertyValue,\n  RangeEditorParams,\n} from \"@itwin/appui-abstract\";\nimport {\n  PropertyEditorParamTypes,\n  PropertyValueFormat,\n  StandardEditorNames,\n  StandardTypeNames,\n} from \"@itwin/appui-abstract\";\nimport { NumberInput } from \"@itwin/core-react\";\nimport type { PropertyEditorProps, TypeEditor } from \"./EditorContainer\";\nimport {\n  PropertyEditorBase,\n  PropertyEditorManager,\n} from \"./PropertyEditorManager\";\n\n/** @internal */\ninterface NumericInputEditorState {\n  value: number;\n  readonly: boolean;\n  isDisabled?: boolean;\n  size?: number;\n  maxLength?: number;\n\n  min?: number;\n  max?: number;\n  step?: number;\n  precision?: number;\n}\n\n/** NumericInputEditor React component that is a property editor with numeric input & up/down buttons\n * @public\n */\nexport class NumericInputEditor\n  extends React.PureComponent<PropertyEditorProps, NumericInputEditorState>\n  implements TypeEditor\n{\n  private _isMounted = false;\n  private _inputElement: React.RefObject<HTMLInputElement> = React.createRef();\n  public hasFocus = false; // hot used since containerHandlesEnter is false\n\n  public override readonly state: Readonly<NumericInputEditorState> = {\n    value: 0,\n    readonly: false,\n  };\n\n  public async getPropertyValue(): Promise<PropertyValue | undefined> {\n    const record = this.props.propertyRecord;\n    let propertyValue: PropertyValue | undefined;\n\n    if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {\n      propertyValue = {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: this.state.value,\n        displayValue: \"\",\n      };\n    }\n\n    return propertyValue;\n  }\n\n  public get htmlElement(): HTMLElement | null {\n    return this._inputElement.current;\n  }\n\n  private _handleCommit = async (): Promise<void> => {\n    if (this.props.propertyRecord && this.props.onCommit) {\n      const propertyValue = await this.getPropertyValue();\n      if (propertyValue !== undefined) {\n        this.props.onCommit({\n          propertyRecord: this.props.propertyRecord,\n          newValue: propertyValue,\n        });\n      }\n    }\n  };\n\n  private _updateValue = (\n    value: number | undefined,\n    _stringValue: string\n  ): void => {\n    const newValue = value !== undefined ? value : 0;\n\n    if (this._isMounted)\n      this.setState(\n        {\n          value: newValue,\n        },\n        async () => {\n          await this._handleCommit();\n        }\n      );\n  };\n\n  public override componentDidMount() {\n    this._isMounted = true;\n    void this.setStateFromProps();\n  }\n\n  public override componentWillUnmount() {\n    this._isMounted = false;\n  }\n\n  public override componentDidUpdate(prevProps: PropertyEditorProps) {\n    if (this.props.propertyRecord !== prevProps.propertyRecord) {\n      void this.setStateFromProps();\n    }\n  }\n\n  private async setStateFromProps() {\n    const record = this.props.propertyRecord;\n    let initialValue = 0;\n\n    if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {\n      initialValue = record.value.value as number;\n    }\n\n    const readonly =\n      record && undefined !== record.isReadonly ? record.isReadonly : false;\n    let size: number | undefined;\n    let maxLength: number | undefined;\n    let min: number | undefined;\n    let max: number | undefined;\n    let step: number | undefined;\n    let precision: number | undefined;\n\n    const isDisabled = record ? record.isDisabled : undefined;\n\n    if (\n      record &&\n      record.property &&\n      record.property.editor &&\n      record.property.editor.params\n    ) {\n      const editorSizeParams = record.property.editor.params.find(\n        (param: PropertyEditorParams) =>\n          param.type === PropertyEditorParamTypes.InputEditorSize.valueOf()\n      ) as InputEditorSizeParams;\n      if (editorSizeParams) {\n        if (editorSizeParams.size) size = editorSizeParams.size;\n        if (editorSizeParams.maxLength) maxLength = editorSizeParams.maxLength;\n      }\n\n      const rangeParams = record.property.editor.params.find(\n        (param: PropertyEditorParams) =>\n          param.type === PropertyEditorParamTypes.Range.valueOf()\n      ) as RangeEditorParams;\n      if (rangeParams) {\n        min = rangeParams.minimum;\n        max = rangeParams.maximum;\n        step = rangeParams.step;\n        precision = rangeParams.precision;\n      }\n    }\n\n    if (this._isMounted)\n      this.setState({\n        value: initialValue,\n        readonly,\n        size,\n        maxLength,\n        isDisabled,\n        min,\n        max,\n        step,\n        precision,\n      });\n  }\n\n  public override render(): React.ReactNode {\n    const className = classnames(\n      \"components-cell-editor\",\n      \"components-numeric-input-editor\",\n      this.props.className\n    );\n    const minSize = this.state.size ? this.state.size : 8;\n    const style: React.CSSProperties = {\n      ...this.props.style,\n      minWidth: `${minSize * 0.75}em`,\n    };\n\n    return (\n      // eslint-disable-next-line deprecation/deprecation\n      <NumberInput\n        ref={this._inputElement}\n        className={className}\n        style={style}\n        value={this.state.value}\n        min={this.state.min}\n        max={this.state.max}\n        step={this.state.step}\n        precision={this.state.precision}\n        readOnly={this.state.readonly}\n        maxLength={this.state.maxLength}\n        onBlur={this.props.onBlur}\n        onChange={this._updateValue}\n        autoFocus={this.props.setFocus && !this.state.isDisabled} // eslint-disable-line jsx-a11y/no-autofocus\n        isControlled={this.props.shouldCommitOnChange}\n      />\n    );\n  }\n}\n\n/** Numeric Input Property Editor registered for the \"number\" type name and \"numeric-input\" editor name.\n * It uses the [[NumericInputEditor]] React component.\n * @public\n */\nexport class NumericInputPropertyEditor extends PropertyEditorBase {\n  public get reactNode(): React.ReactNode {\n    return <NumericInputEditor />;\n  }\n  public override get containerHandlesEnter(): boolean {\n    // let input editor process enter key\n    return false;\n  }\n}\n\nPropertyEditorManager.registerEditor(\n  StandardTypeNames.Number,\n  NumericInputPropertyEditor,\n  StandardEditorNames.NumericInput\n);\nPropertyEditorManager.registerEditor(\n  StandardTypeNames.Int,\n  NumericInputPropertyEditor,\n  StandardEditorNames.NumericInput\n);\nPropertyEditorManager.registerEditor(\n  StandardTypeNames.Float,\n  NumericInputPropertyEditor,\n  StandardEditorNames.NumericInput\n);\nPropertyEditorManager.registerEditor(\n  StandardTypeNames.Double,\n  NumericInputPropertyEditor,\n  StandardEditorNames.NumericInput\n);\n"]}

package/lib/esm/components-react/editors/PopupButton.d.ts

@@ -1,71 +0,0 @@
-/** @packageDocumentation
- * @module PropertyEditors
- */
-import "./PopupButton.scss";
-import * as React from "react";
-import type { CommonDivProps, CommonProps } from "@itwin/core-react";
-/** Properties for [[PopupButton]] component
- * @alpha
- */
-export interface PopupButtonProps extends CommonProps {
-    /** Label to display in click area. */
-    label?: string | React.ReactNode;
-    placeholder?: string;
-    /** Contents of the popup */
-    children: React.ReactNode;
-    /** Title to display as tooltip. */
-    title?: string;
-    /** Set focus to popup - default is to set focus */
-    moveFocus?: boolean;
-    /** Element to receive focus, specified by React.RefObject or CSS selector string. If undefined and moveFocus is true then focus is moved to first focusable element. */
-    focusTarget?: React.RefObject<HTMLElement> | string;
-    /** Show or hide the box shadow (defaults to false) */
-    showShadow?: boolean;
-    /** Show or hide the arrow (defaults to false) */
-    showArrow?: boolean;
-    /** Indicates whether to set focus to the input element */
-    setFocus?: boolean;
-    /** Indicates whether to close the popup when Enter is pressed (defaults to true) */
-    closeOnEnter?: boolean;
-    /** Listens for click events on button area */
-    onClick?: (event: React.MouseEvent) => void;
-    /** Listens for popup close events */
-    onClose?: () => void;
-    /** Listens for Enter key in popup */
-    onEnter?: () => void;
-}
-/** @internal */
-interface PopupButtonState {
-    showPopup: boolean;
-}
-/** PopupButton React component that is a button and property editor popup host
- * @alpha
- */
-export declare class PopupButton extends React.PureComponent<PopupButtonProps, PopupButtonState> {
-    private _buttonRef;
-    readonly state: Readonly<PopupButtonState>;
-    componentDidMount(): void;
-    private _togglePopup;
-    closePopup(): void;
-    private _closePopup;
-    private _handleKeyDown;
-    render(): React.ReactNode;
-}
-/** Popup content with padding
- * @alpha
- */
-export declare function PopupContent(props: CommonDivProps): React.JSX.Element;
-/** Properties for [[PopupOkCancelButtons]] component
- * @alpha
- * @deprecated in 4.17.0. Use `React.ComponentProps<typeof PopupOkCancelButtons>`
- */
-export interface OkCancelProps {
-    onOk: (event: React.MouseEvent) => void;
-    onCancel: (event: React.MouseEvent) => void;
-}
-/** OK/Cancel Buttons
- * @alpha
- */
-export declare function PopupOkCancelButtons(props: OkCancelProps): React.JSX.Element;
-export {};
-//# sourceMappingURL=PopupButton.d.ts.map

package/lib/esm/components-react/editors/PopupButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopupButton.d.ts","sourceRoot":"","sources":["../../../../src/components-react/editors/PopupButton.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,oBAAoB,CAAC;AAE5B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAUrE;;GAEG;AAEH,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACnD,sCAAsC;IACtC,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAEjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,4BAA4B;IAC5B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,mCAAmC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,mDAAmD;IACnD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,wKAAwK;IACxK,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,MAAM,CAAC;IAEpD,sDAAsD;IACtD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oFAAoF;IACpF,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,8CAA8C;IAC9C,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IAC5C,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qCAAqC;IACrC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,gBAAgB;AAChB,UAAU,gBAAgB;IACxB,SAAS,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,qBAAa,WAAY,SAAQ,KAAK,CAAC,aAAa,CAClD,gBAAgB,EAChB,gBAAgB,CACjB;IACC,OAAO,CAAC,UAAU,CAAqC;IAEvD,SAAyB,KAAK,EAAE,QAAQ,CAAC,gBAAgB,CAAC,CAExD;IAEc,iBAAiB;IAKjC,OAAO,CAAC,YAAY,CAKlB;IAEK,UAAU;IAIjB,OAAO,CAAC,WAAW,CAMjB;IAEF,OAAO,CAAC,cAAc,CAWpB;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;CAoE1C;AAED;;GAEG;AAEH,wBAAgB,YAAY,CAAC,KAAK,EAAE,cAAc,qBAGjD;AAED;;;GAGG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;IACxC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,KAAK,IAAI,CAAC;CAC7C;AAED;;GAEG;AAEH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,aAAa,qBA+BxD"}

package/lib/esm/components-react/editors/PopupButton.js

@@ -1,91 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module PropertyEditors
- */
-import "./PopupButton.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { Key } from "ts-key-enum";
-import { RelativePosition } from "@itwin/appui-abstract";
-import { Div, Icon, Popup } from "@itwin/core-react";
-import { Button } from "@itwin/itwinui-react";
-import { SvgCheckmark, SvgChevronDown, SvgRemove, } from "@itwin/itwinui-icons-react";
-import { useTranslation } from "../l10n/useTranslation";
-/** PopupButton React component that is a button and property editor popup host
- * @alpha
- */
-export class PopupButton extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._buttonRef = React.createRef();
-        this.state = {
-            showPopup: false,
-        };
-        this._togglePopup = (event) => {
-            this.setState((prevState) => ({ showPopup: !prevState.showPopup }), () => this.props.onClick && this.props.onClick(event));
-        };
-        this._closePopup = () => {
-            this.setState({ showPopup: false }, () => {
-                this.props.onClose && this.props.onClose();
-                if (this._buttonRef.current)
-                    this._buttonRef.current.focus();
-            });
-        };
-        this._handleKeyDown = (event) => {
-            if ((event.key === Key.ArrowDown.valueOf() ||
-                event.key === " " ||
-                event.key === Key.Enter.valueOf()) &&
-                !this.state.showPopup) {
-                event.preventDefault();
-                event.stopPropagation();
-                this.setState({ showPopup: true });
-            }
-        };
-    }
-    componentDidMount() {
-        if (this.props.setFocus && this._buttonRef.current)
-            this._buttonRef.current.focus();
-    }
-    closePopup() {
-        this._closePopup();
-    }
-    render() {
-        const showArrow = this.props.showArrow ?? false;
-        const showShadow = this.props.showShadow ?? false;
-        const moveFocus = this.props.moveFocus ?? true;
-        const showPlaceholder = this.props.label === undefined && this.props.placeholder !== undefined;
-        const classNames = classnames("components-popup-button", this.state.showPopup && "components-popup-expanded");
-        const valueClassNames = classnames("components-popup-button-value", showPlaceholder && "components-popup-button-placeholder");
-        return (React.createElement("div", { className: this.props.className },
-            React.createElement("div", { className: classNames, onClick: this._togglePopup, onKeyDown: this._handleKeyDown, "data-testid": "components-popup-button", tabIndex: 0, ref: this._buttonRef, title: this.props.title, role: "button" },
-                React.createElement("div", { className: valueClassNames }, this.props.label || this.props.placeholder),
-                React.createElement("div", { className: "components-popup-button-arrow" },
-                    React.createElement("div", { className: classnames("components-popup-button-arrow-icon", "icon") },
-                        React.createElement(Icon, { iconSpec: React.createElement(SvgChevronDown, null) })))),
-            React.createElement(Popup, { className: "components-popup-button-popup", isOpen: this.state.showPopup, position: RelativePosition.Bottom, onClose: this._closePopup, onEnter: this.props.onEnter, closeOnEnter: this.props.closeOnEnter, target: this._buttonRef.current, showArrow: showArrow, showShadow: showShadow, moveFocus: moveFocus, focusTarget: this.props.focusTarget, portalTarget: this._buttonRef.current?.ownerDocument.querySelector(".uifw-configurableui-portalContainer") ?? undefined }, this.props.children)));
-    }
-}
-/** Popup content with padding
- * @alpha
- */
-// eslint-disable-next-line deprecation/deprecation
-export function PopupContent(props) {
-    // eslint-disable-next-line deprecation/deprecation
-    return React.createElement(Div, { ...props, mainClassName: "components-editor-popup-content" });
-}
-/** OK/Cancel Buttons
- * @alpha
- */
-// eslint-disable-next-line deprecation/deprecation
-export function PopupOkCancelButtons(props) {
-    const { translate } = useTranslation();
-    return (React.createElement("div", { className: "components-popup-bottom-buttons" },
-        React.createElement(Button, { className: classnames("components-popup-large-button", "components-popup-ok-button"), "data-testid": "components-popup-ok-button", styleType: "cta", title: translate("dialog.ok"), onClick: props.onOk },
-            React.createElement(Icon, { iconSpec: React.createElement(SvgCheckmark, null) })),
-        React.createElement(Button, { className: classnames("components-popup-large-button", "components-popup-cancel-button"), "data-testid": "components-popup-cancel-button", title: translate("dialog.cancel"), onClick: props.onCancel },
-            React.createElement(Icon, { iconSpec: React.createElement(SvgRemove, null) }))));
-}
-//# sourceMappingURL=PopupButton.js.map

package/lib/esm/components-react/editors/PopupButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopupButton.js","sourceRoot":"","sources":["../../../../src/components-react/editors/PopupButton.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 PropertyEditors\n */\n\nimport \"./PopupButton.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport { RelativePosition } from \"@itwin/appui-abstract\";\nimport type { CommonDivProps, CommonProps } from \"@itwin/core-react\";\nimport { Div, Icon, Popup } from \"@itwin/core-react\";\nimport { Button } from \"@itwin/itwinui-react\";\nimport {\n  SvgCheckmark,\n  SvgChevronDown,\n  SvgRemove,\n} from \"@itwin/itwinui-icons-react\";\nimport { useTranslation } from \"../l10n/useTranslation\";\n\n/** Properties for [[PopupButton]] component\n * @alpha\n */\n// eslint-disable-next-line deprecation/deprecation\nexport interface PopupButtonProps extends CommonProps {\n  /** Label to display in click area. */\n  label?: string | React.ReactNode;\n  /* Placeholder text used when there is no label yet */\n  placeholder?: string;\n  /** Contents of the popup */\n  children: React.ReactNode;\n  /** Title to display as tooltip. */\n  title?: string;\n\n  /** Set focus to popup - default is to set focus */\n  moveFocus?: boolean;\n  /** Element to receive focus, specified by React.RefObject or CSS selector string. If undefined and moveFocus is true then focus is moved to first focusable element. */\n  focusTarget?: React.RefObject<HTMLElement> | string;\n\n  /** Show or hide the box shadow (defaults to false) */\n  showShadow?: boolean;\n  /** Show or hide the arrow (defaults to false) */\n  showArrow?: boolean;\n  /** Indicates whether to set focus to the input element */\n  setFocus?: boolean;\n  /** Indicates whether to close the popup when Enter is pressed (defaults to true) */\n  closeOnEnter?: boolean;\n\n  /** Listens for click events on button area */\n  onClick?: (event: React.MouseEvent) => void;\n  /** Listens for popup close events */\n  onClose?: () => void;\n  /** Listens for Enter key in popup */\n  onEnter?: () => void;\n}\n\n/** @internal */\ninterface PopupButtonState {\n  showPopup: boolean;\n}\n\n/** PopupButton React component that is a button and property editor popup host\n * @alpha\n */\nexport class PopupButton extends React.PureComponent<\n  PopupButtonProps,\n  PopupButtonState\n> {\n  private _buttonRef = React.createRef<HTMLDivElement>();\n\n  public override readonly state: Readonly<PopupButtonState> = {\n    showPopup: false,\n  };\n\n  public override componentDidMount() {\n    if (this.props.setFocus && this._buttonRef.current)\n      this._buttonRef.current.focus();\n  }\n\n  private _togglePopup = (event: React.MouseEvent) => {\n    this.setState(\n      (prevState) => ({ showPopup: !prevState.showPopup }),\n      () => this.props.onClick && this.props.onClick(event)\n    );\n  };\n\n  public closePopup() {\n    this._closePopup();\n  }\n\n  private _closePopup = () => {\n    this.setState({ showPopup: false }, () => {\n      this.props.onClose && this.props.onClose();\n\n      if (this._buttonRef.current) this._buttonRef.current.focus();\n    });\n  };\n\n  private _handleKeyDown = (event: React.KeyboardEvent) => {\n    if (\n      (event.key === Key.ArrowDown.valueOf() ||\n        event.key === \" \" ||\n        event.key === Key.Enter.valueOf()) &&\n      !this.state.showPopup\n    ) {\n      event.preventDefault();\n      event.stopPropagation();\n      this.setState({ showPopup: true });\n    }\n  };\n\n  public override render(): React.ReactNode {\n    const showArrow = this.props.showArrow ?? false;\n    const showShadow = this.props.showShadow ?? false;\n    const moveFocus = this.props.moveFocus ?? true;\n    const showPlaceholder =\n      this.props.label === undefined && this.props.placeholder !== undefined;\n\n    const classNames = classnames(\n      \"components-popup-button\",\n      this.state.showPopup && \"components-popup-expanded\"\n    );\n\n    const valueClassNames = classnames(\n      \"components-popup-button-value\",\n      showPlaceholder && \"components-popup-button-placeholder\"\n    );\n\n    return (\n      <div className={this.props.className}>\n        <div\n          className={classNames}\n          onClick={this._togglePopup}\n          onKeyDown={this._handleKeyDown}\n          data-testid=\"components-popup-button\"\n          tabIndex={0}\n          ref={this._buttonRef}\n          title={this.props.title}\n          role=\"button\"\n        >\n          <div className={valueClassNames}>\n            {this.props.label || this.props.placeholder}\n          </div>\n          <div className={\"components-popup-button-arrow\"}>\n            <div\n              className={classnames(\n                \"components-popup-button-arrow-icon\",\n                \"icon\"\n              )}\n            >\n              {/* eslint-disable-next-line deprecation/deprecation */}\n              <Icon iconSpec={<SvgChevronDown />} />\n            </div>\n          </div>\n        </div>\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <Popup\n          className=\"components-popup-button-popup\"\n          isOpen={this.state.showPopup}\n          position={RelativePosition.Bottom}\n          onClose={this._closePopup}\n          onEnter={this.props.onEnter}\n          closeOnEnter={this.props.closeOnEnter}\n          target={this._buttonRef.current}\n          showArrow={showArrow}\n          showShadow={showShadow}\n          moveFocus={moveFocus}\n          focusTarget={this.props.focusTarget}\n          portalTarget={\n            this._buttonRef.current?.ownerDocument.querySelector(\n              \".uifw-configurableui-portalContainer\"\n            ) ?? undefined\n          }\n        >\n          {this.props.children}\n        </Popup>\n      </div>\n    );\n  }\n}\n\n/** Popup content with padding\n * @alpha\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function PopupContent(props: CommonDivProps) {\n  // eslint-disable-next-line deprecation/deprecation\n  return <Div {...props} mainClassName=\"components-editor-popup-content\" />;\n}\n\n/** Properties for [[PopupOkCancelButtons]] component\n * @alpha\n * @deprecated in 4.17.0. Use `React.ComponentProps<typeof PopupOkCancelButtons>`\n */\nexport interface OkCancelProps {\n  onOk: (event: React.MouseEvent) => void;\n  onCancel: (event: React.MouseEvent) => void;\n}\n\n/** OK/Cancel Buttons\n * @alpha\n */\n// eslint-disable-next-line deprecation/deprecation\nexport function PopupOkCancelButtons(props: OkCancelProps) {\n  const { translate } = useTranslation();\n  return (\n    <div className=\"components-popup-bottom-buttons\">\n      <Button\n        className={classnames(\n          \"components-popup-large-button\",\n          \"components-popup-ok-button\"\n        )}\n        data-testid=\"components-popup-ok-button\"\n        styleType=\"cta\"\n        title={translate(\"dialog.ok\")}\n        onClick={props.onOk}\n      >\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <Icon iconSpec={<SvgCheckmark />} />\n      </Button>\n      <Button\n        className={classnames(\n          \"components-popup-large-button\",\n          \"components-popup-cancel-button\"\n        )}\n        data-testid=\"components-popup-cancel-button\"\n        title={translate(\"dialog.cancel\")}\n        onClick={props.onCancel}\n      >\n        {/* eslint-disable-next-line deprecation/deprecation */}\n        <Icon iconSpec={<SvgRemove />} />\n      </Button>\n    </div>\n  );\n}\n"]}

package/lib/esm/components-react/editors/PropertyEditorManager.d.ts

@@ -1,73 +0,0 @@
-/** @packageDocumentation
- * @module PropertyEditors
- */
-import * as React from "react";
-import type { DisplayMessageType, MessageSeverity, PropertyDescription, PropertyRecord, PropertyValue } from "@itwin/appui-abstract";
-/** Asynchronous Error Message returned as part of [[AsyncValueProcessingResult]]
- * @public
- */
-export interface AsyncErrorMessage {
-    severity: MessageSeverity;
-    briefMessage: string;
-    detailedMessage?: string;
-    messageType?: DisplayMessageType;
-}
-/** Asynchronous Value Process Result
- * @public
- */
-export interface AsyncValueProcessingResult {
-    encounteredError: boolean;
-    returnValue?: PropertyValue;
-    errorMessage?: AsyncErrorMessage;
-}
-/** DataControllers can be implemented per typename to validate and commit values.
- * @public
- */
-export interface DataController {
-    validateValue(newValue: PropertyValue, record: PropertyRecord): Promise<AsyncValueProcessingResult>;
-    commitValue(newValue: PropertyValue, record: PropertyRecord): Promise<AsyncValueProcessingResult>;
-}
-/** PropertyEditor is the base class for all property editors.
- * @public
- */
-export declare abstract class PropertyEditorBase implements DataController {
-    get containerHandlesBlur(): boolean;
-    get containerHandlesEscape(): boolean;
-    get containerHandlesEnter(): boolean;
-    get containerHandlesTab(): boolean;
-    get containerStopsKeydownPropagation(): boolean;
-    customDataController: DataController | undefined;
-    abstract get reactNode(): React.ReactNode;
-    applyEditorParams(_property: PropertyDescription, _record: PropertyRecord): void;
-    commitValue(newValue: PropertyValue, record: PropertyRecord): Promise<AsyncValueProcessingResult>;
-    validateValue(newValue: PropertyValue, record: PropertyRecord): Promise<AsyncValueProcessingResult>;
-}
-/** DataControllerBase is the base class for all Data Controllers.
- * @public
- */
-export declare abstract class DataControllerBase implements DataController {
-    commitValue(_newValue: PropertyValue, _record: PropertyRecord): Promise<AsyncValueProcessingResult>;
-    validateValue(_newValue: PropertyValue, _record: PropertyRecord): Promise<AsyncValueProcessingResult>;
-}
-/** Manages Property Editors. Property Editors are registered with and created by the manager.
- * @public
- */
-export declare class PropertyEditorManager {
-    private static _editors;
-    private static _dataControllers;
-    static registerEditor(editType: string, editor: new () => PropertyEditorBase, editorName?: string): void;
-    private static getFullEditorName;
-    static registerDataController(controllerName: string, controller: new () => DataControllerBase): void;
-    /** @internal */
-    static deregisterDataController(controllerName: string): void;
-    static createEditor(editType: string, editorName?: string, dataControllerName?: string): PropertyEditorBase;
-    static hasCustomEditor(editType: string, editorName: string): boolean;
-}
-/** Basic Property Editor registered for the "text" and "string" type names.
- * It uses the [[TextEditor]] React component.
- * @public
- */
-export declare class BasicPropertyEditor extends PropertyEditorBase {
-    get reactNode(): React.ReactNode;
-}
-//# sourceMappingURL=PropertyEditorManager.d.ts.map

package/lib/esm/components-react/editors/PropertyEditorManager.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PropertyEditorManager.d.ts","sourceRoot":"","sources":["../../../../src/components-react/editors/PropertyEditorManager.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,cAAc,EACd,aAAa,EACd,MAAM,uBAAuB,CAAC;AAG/B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,eAAe,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,WAAW,CAAC,EAAE,kBAAkB,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,0BAA0B;IACzC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,YAAY,CAAC,EAAE,iBAAiB,CAAC;CAClC;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,aAAa,CACX,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,cAAc,GACrB,OAAO,CAAC,0BAA0B,CAAC,CAAC;IACvC,WAAW,CACT,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,cAAc,GACrB,OAAO,CAAC,0BAA0B,CAAC,CAAC;CACxC;AAED;;GAEG;AACH,8BAAsB,kBAAmB,YAAW,cAAc;IAChE,IAAW,oBAAoB,IAAI,OAAO,CAEzC;IACD,IAAW,sBAAsB,IAAI,OAAO,CAE3C;IACD,IAAW,qBAAqB,IAAI,OAAO,CAE1C;IACD,IAAW,mBAAmB,IAAI,OAAO,CAExC;IACD,IAAW,gCAAgC,IAAI,OAAO,CAErD;IAEM,oBAAoB,EAAE,cAAc,GAAG,SAAS,CAAa;IAEpE,aAAoB,SAAS,IAAI,KAAK,CAAC,SAAS,CAAC;IAE1C,iBAAiB,CACtB,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EAAE,cAAc,GACtB,IAAI;IAEM,WAAW,CACtB,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,cAAc,GACrB,OAAO,CAAC,0BAA0B,CAAC;IAOzB,aAAa,CACxB,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,cAAc,GACrB,OAAO,CAAC,0BAA0B,CAAC;CAMvC;AAED;;GAEG;AACH,8BAAsB,kBAAmB,YAAW,cAAc;IACnD,WAAW,CACtB,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,cAAc,GACtB,OAAO,CAAC,0BAA0B,CAAC;IAIzB,aAAa,CACxB,SAAS,EAAE,aAAa,EACxB,OAAO,EAAE,cAAc,GACtB,OAAO,CAAC,0BAA0B,CAAC;CAGvC;AAED;;GAEG;AACH,qBAAa,qBAAqB;IAChC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAClB;IACL,OAAO,CAAC,MAAM,CAAC,gBAAgB,CAExB;WAEO,cAAc,CAC1B,QAAQ,EAAE,MAAM,EAChB,MAAM,EAAE,UAAU,kBAAkB,EACpC,UAAU,CAAC,EAAE,MAAM,GAClB,IAAI;IAeP,OAAO,CAAC,MAAM,CAAC,iBAAiB;WASlB,sBAAsB,CAClC,cAAc,EAAE,MAAM,EACtB,UAAU,EAAE,UAAU,kBAAkB,GACvC,IAAI;IAUP,gBAAgB;WACF,wBAAwB,CAAC,cAAc,EAAE,MAAM,GAAG,IAAI;WAMtD,YAAY,CACxB,QAAQ,EAAE,MAAM,EAChB,UAAU,CAAC,EAAE,MAAM,EACnB,kBAAkB,CAAC,EAAE,MAAM,GAC1B,kBAAkB;WA8BP,eAAe,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,OAAO;CAO7E;AAED;;;GAGG;AACH,qBAAa,mBAAoB,SAAQ,kBAAkB;IACzD,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAEtC;CACF"}

package/lib/esm/components-react/editors/PropertyEditorManager.js

@@ -1,123 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- * Copyright (c) Bentley Systems, Incorporated. All rights reserved.
- * See LICENSE.md in the project root for license terms and full copyright notice.
- *--------------------------------------------------------------------------------------------*/
-/** @packageDocumentation
- * @module PropertyEditors
- */
-import * as React from "react";
-import { TextEditor } from "./TextEditor";
-import { StandardTypeNames } from "@itwin/appui-abstract";
-/** PropertyEditor is the base class for all property editors.
- * @public
- */
-export class PropertyEditorBase {
-    constructor() {
-        this.customDataController = undefined;
-    }
-    get containerHandlesBlur() {
-        return true;
-    }
-    get containerHandlesEscape() {
-        return true;
-    }
-    get containerHandlesEnter() {
-        return true;
-    }
-    get containerHandlesTab() {
-        return true;
-    }
-    get containerStopsKeydownPropagation() {
-        return true;
-    }
-    applyEditorParams(_property, _record) { }
-    async commitValue(newValue, record) {
-        if (this.customDataController)
-            return this.customDataController.commitValue(newValue, record);
-        return { encounteredError: false };
-    }
-    async validateValue(newValue, record) {
-        if (this.customDataController)
-            return this.customDataController.validateValue(newValue, record);
-        return { encounteredError: false };
-    }
-}
-/** DataControllerBase is the base class for all Data Controllers.
- * @public
- */
-export class DataControllerBase {
-    async commitValue(_newValue, _record) {
-        return { encounteredError: false };
-    }
-    async validateValue(_newValue, _record) {
-        return { encounteredError: false };
-    }
-}
-/** Manages Property Editors. Property Editors are registered with and created by the manager.
- * @public
- */
-export class PropertyEditorManager {
-    static registerEditor(editType, editor, editorName) {
-        const fullEditorName = PropertyEditorManager.getFullEditorName(editType, editorName);
-        if (PropertyEditorManager._editors.hasOwnProperty(fullEditorName)) {
-            const nameOfEditor = PropertyEditorManager._editors[fullEditorName].name;
-            throw Error(`PropertyEditorManager.registerEditor error: type '${fullEditorName}' already registered to '${nameOfEditor}'`);
-        }
-        PropertyEditorManager._editors[fullEditorName] = editor;
-    }
-    static getFullEditorName(editType, editorName) {
-        let fullEditorName = editType;
-        if (editorName)
-            fullEditorName += `:${editorName}`;
-        return fullEditorName;
-    }
-    static registerDataController(controllerName, controller) {
-        if (PropertyEditorManager._dataControllers.hasOwnProperty(controllerName)) {
-            throw Error(`PropertyEditorManager.registerDataController error: type '${controllerName}' already registered to '${(typeof PropertyEditorManager
-                ._dataControllers[controllerName]).toString()}'`);
-        }
-        PropertyEditorManager._dataControllers[controllerName] = controller;
-    }
-    /** @internal */
-    static deregisterDataController(controllerName) {
-        if (PropertyEditorManager._dataControllers.hasOwnProperty(controllerName)) {
-            delete PropertyEditorManager._dataControllers[controllerName];
-        }
-    }
-    static createEditor(editType, editorName, dataControllerName) {
-        const fullEditorName = PropertyEditorManager.getFullEditorName(editType, editorName);
-        let editor;
-        if (PropertyEditorManager._editors.hasOwnProperty(fullEditorName))
-            editor = new PropertyEditorManager._editors[fullEditorName]();
-        else if (PropertyEditorManager._editors.hasOwnProperty(editType))
-            editor = new PropertyEditorManager._editors[editType]();
-        else
-            editor = new BasicPropertyEditor();
-        if (dataControllerName) {
-            if (PropertyEditorManager._dataControllers.hasOwnProperty(dataControllerName))
-                editor.customDataController =
-                    new PropertyEditorManager._dataControllers[dataControllerName]();
-            else
-                throw Error(`PropertyEditorManager.createEditor error: data controller '${dataControllerName}' is not registered`);
-        }
-        return editor;
-    }
-    static hasCustomEditor(editType, editorName) {
-        const fullEditorName = PropertyEditorManager.getFullEditorName(editType, editorName);
-        return PropertyEditorManager._editors.hasOwnProperty(fullEditorName);
-    }
-}
-PropertyEditorManager._editors = {};
-PropertyEditorManager._dataControllers = {};
-/** Basic Property Editor registered for the "text" and "string" type names.
- * It uses the [[TextEditor]] React component.
- * @public
- */
-export class BasicPropertyEditor extends PropertyEditorBase {
-    get reactNode() {
-        return React.createElement(TextEditor, null);
-    }
-}
-PropertyEditorManager.registerEditor(StandardTypeNames.Text, BasicPropertyEditor);
-PropertyEditorManager.registerEditor(StandardTypeNames.String, BasicPropertyEditor);
-//# sourceMappingURL=PropertyEditorManager.js.map

package/lib/esm/components-react/editors/PropertyEditorManager.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PropertyEditorManager.js","sourceRoot":"","sources":["../../../../src/components-react/editors/PropertyEditorManager.tsx"],"names":[],"mappings":"AAAA;;;gGAGgG;AAChG;;GAEG;AAEH,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAQ1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAmC1D;;GAEG;AACH,MAAM,OAAgB,kBAAkB;IAAxC;QAiBS,yBAAoB,GAA+B,SAAS,CAAC;IA4BtE,CAAC;IA5CC,IAAW,oBAAoB;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAW,sBAAsB;QAC/B,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAW,qBAAqB;QAC9B,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAW,mBAAmB;QAC5B,OAAO,IAAI,CAAC;IACd,CAAC;IACD,IAAW,gCAAgC;QACzC,OAAO,IAAI,CAAC;IACd,CAAC;IAMM,iBAAiB,CACtB,SAA8B,EAC9B,OAAuB,IAChB,CAAC;IAEH,KAAK,CAAC,WAAW,CACtB,QAAuB,EACvB,MAAsB;QAEtB,IAAI,IAAI,CAAC,oBAAoB;YAC3B,OAAO,IAAI,CAAC,oBAAoB,CAAC,WAAW,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAEjE,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAC;IACrC,CAAC;IAEM,KAAK,CAAC,aAAa,CACxB,QAAuB,EACvB,MAAsB;QAEtB,IAAI,IAAI,CAAC,oBAAoB;YAC3B,OAAO,IAAI,CAAC,oBAAoB,CAAC,aAAa,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;QAEnE,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAC;IACrC,CAAC;CACF;AAED;;GAEG;AACH,MAAM,OAAgB,kBAAkB;IAC/B,KAAK,CAAC,WAAW,CACtB,SAAwB,EACxB,OAAuB;QAEvB,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAC;IACrC,CAAC;IAEM,KAAK,CAAC,aAAa,CACxB,SAAwB,EACxB,OAAuB;QAEvB,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAC;IACrC,CAAC;CACF;AAED;;GAEG;AACH,MAAM,OAAO,qBAAqB;IAOzB,MAAM,CAAC,cAAc,CAC1B,QAAgB,EAChB,MAAoC,EACpC,UAAmB;QAEnB,MAAM,cAAc,GAAG,qBAAqB,CAAC,iBAAiB,CAC5D,QAAQ,EACR,UAAU,CACX,CAAC;QAEF,IAAI,qBAAqB,CAAC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,CAAC;YAClE,MAAM,YAAY,GAAG,qBAAqB,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,IAAI,CAAC;YACzE,MAAM,KAAK,CACT,qDAAqD,cAAc,4BAA4B,YAAY,GAAG,CAC/G,CAAC;QACJ,CAAC;QACD,qBAAqB,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,MAAM,CAAC;IAC1D,CAAC;IAEO,MAAM,CAAC,iBAAiB,CAC9B,QAAgB,EAChB,UAAmB;QAEnB,IAAI,cAAc,GAAG,QAAQ,CAAC;QAC9B,IAAI,UAAU;YAAE,cAAc,IAAI,IAAI,UAAU,EAAE,CAAC;QACnD,OAAO,cAAc,CAAC;IACxB,CAAC;IAEM,MAAM,CAAC,sBAAsB,CAClC,cAAsB,EACtB,UAAwC;QAExC,IAAI,qBAAqB,CAAC,gBAAgB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,CAAC;YAC1E,MAAM,KAAK,CACT,6DAA6D,cAAc,4BAA4B,CAAC,OAAO,qBAAqB;iBACjI,gBAAgB,CAAC,cAAc,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,CACnD,CAAC;QACJ,CAAC;QACD,qBAAqB,CAAC,gBAAgB,CAAC,cAAc,CAAC,GAAG,UAAU,CAAC;IACtE,CAAC;IAED,gBAAgB;IACT,MAAM,CAAC,wBAAwB,CAAC,cAAsB;QAC3D,IAAI,qBAAqB,CAAC,gBAAgB,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,CAAC;YAC1E,OAAO,qBAAqB,CAAC,gBAAgB,CAAC,cAAc,CAAC,CAAC;QAChE,CAAC;IACH,CAAC;IAEM,MAAM,CAAC,YAAY,CACxB,QAAgB,EAChB,UAAmB,EACnB,kBAA2B;QAE3B,MAAM,cAAc,GAAG,qBAAqB,CAAC,iBAAiB,CAC5D,QAAQ,EACR,UAAU,CACX,CAAC;QAEF,IAAI,MAA0B,CAAC;QAC/B,IAAI,qBAAqB,CAAC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC;YAC/D,MAAM,GAAG,IAAI,qBAAqB,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAC;aAC3D,IAAI,qBAAqB,CAAC,QAAQ,CAAC,cAAc,CAAC,QAAQ,CAAC;YAC9D,MAAM,GAAG,IAAI,qBAAqB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC;;YACrD,MAAM,GAAG,IAAI,mBAAmB,EAAE,CAAC;QAExC,IAAI,kBAAkB,EAAE,CAAC;YACvB,IACE,qBAAqB,CAAC,gBAAgB,CAAC,cAAc,CACnD,kBAAkB,CACnB;gBAED,MAAM,CAAC,oBAAoB;oBACzB,IAAI,qBAAqB,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,EAAE,CAAC;;gBAEnE,MAAM,KAAK,CACT,8DAA8D,kBAAkB,qBAAqB,CACtG,CAAC;QACN,CAAC;QAED,OAAO,MAAM,CAAC;IAChB,CAAC;IAEM,MAAM,CAAC,eAAe,CAAC,QAAgB,EAAE,UAAkB;QAChE,MAAM,cAAc,GAAG,qBAAqB,CAAC,iBAAiB,CAC5D,QAAQ,EACR,UAAU,CACX,CAAC;QACF,OAAO,qBAAqB,CAAC,QAAQ,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC;IACvE,CAAC;;AA9Fc,8BAAQ,GACrB,EAAE,CAAC;AACU,sCAAgB,GAE3B,EAAE,CAAC;AA6FT;;;GAGG;AACH,MAAM,OAAO,mBAAoB,SAAQ,kBAAkB;IACzD,IAAW,SAAS;QAClB,OAAO,oBAAC,UAAU,OAAG,CAAC;IACxB,CAAC;CACF;AAED,qBAAqB,CAAC,cAAc,CAClC,iBAAiB,CAAC,IAAI,EACtB,mBAAmB,CACpB,CAAC;AACF,qBAAqB,CAAC,cAAc,CAClC,iBAAiB,CAAC,MAAM,EACxB,mBAAmB,CACpB,CAAC","sourcesContent":["/*---------------------------------------------------------------------------------------------\n * Copyright (c) Bentley Systems, Incorporated. All rights reserved.\n * See LICENSE.md in the project root for license terms and full copyright notice.\n *--------------------------------------------------------------------------------------------*/\n/** @packageDocumentation\n * @module PropertyEditors\n */\n\nimport * as React from \"react\";\nimport { TextEditor } from \"./TextEditor\";\nimport type {\n  DisplayMessageType,\n  MessageSeverity,\n  PropertyDescription,\n  PropertyRecord,\n  PropertyValue,\n} from \"@itwin/appui-abstract\";\nimport { StandardTypeNames } from \"@itwin/appui-abstract\";\n\n/** Asynchronous Error Message returned as part of [[AsyncValueProcessingResult]]\n * @public\n */\nexport interface AsyncErrorMessage {\n  severity: MessageSeverity;\n  briefMessage: string;\n  detailedMessage?: string;\n  messageType?: DisplayMessageType;\n}\n\n/** Asynchronous Value Process Result\n * @public\n */\nexport interface AsyncValueProcessingResult {\n  encounteredError: boolean;\n  returnValue?: PropertyValue;\n  errorMessage?: AsyncErrorMessage;\n}\n\n/** DataControllers can be implemented per typename to validate and commit values.\n * @public\n */\nexport interface DataController {\n  validateValue(\n    newValue: PropertyValue,\n    record: PropertyRecord\n  ): Promise<AsyncValueProcessingResult>;\n  commitValue(\n    newValue: PropertyValue,\n    record: PropertyRecord\n  ): Promise<AsyncValueProcessingResult>;\n}\n\n/** PropertyEditor is the base class for all property editors.\n * @public\n */\nexport abstract class PropertyEditorBase implements DataController {\n  public get containerHandlesBlur(): boolean {\n    return true;\n  }\n  public get containerHandlesEscape(): boolean {\n    return true;\n  }\n  public get containerHandlesEnter(): boolean {\n    return true;\n  }\n  public get containerHandlesTab(): boolean {\n    return true;\n  }\n  public get containerStopsKeydownPropagation(): boolean {\n    return true;\n  }\n\n  public customDataController: DataController | undefined = undefined;\n\n  public abstract get reactNode(): React.ReactNode;\n\n  public applyEditorParams(\n    _property: PropertyDescription,\n    _record: PropertyRecord\n  ): void {}\n\n  public async commitValue(\n    newValue: PropertyValue,\n    record: PropertyRecord\n  ): Promise<AsyncValueProcessingResult> {\n    if (this.customDataController)\n      return this.customDataController.commitValue(newValue, record);\n\n    return { encounteredError: false };\n  }\n\n  public async validateValue(\n    newValue: PropertyValue,\n    record: PropertyRecord\n  ): Promise<AsyncValueProcessingResult> {\n    if (this.customDataController)\n      return this.customDataController.validateValue(newValue, record);\n\n    return { encounteredError: false };\n  }\n}\n\n/** DataControllerBase is the base class for all Data Controllers.\n * @public\n */\nexport abstract class DataControllerBase implements DataController {\n  public async commitValue(\n    _newValue: PropertyValue,\n    _record: PropertyRecord\n  ): Promise<AsyncValueProcessingResult> {\n    return { encounteredError: false };\n  }\n\n  public async validateValue(\n    _newValue: PropertyValue,\n    _record: PropertyRecord\n  ): Promise<AsyncValueProcessingResult> {\n    return { encounteredError: false };\n  }\n}\n\n/** Manages Property Editors. Property Editors are registered with and created by the manager.\n * @public\n */\nexport class PropertyEditorManager {\n  private static _editors: { [index: string]: new () => PropertyEditorBase } =\n    {};\n  private static _dataControllers: {\n    [index: string]: new () => DataControllerBase;\n  } = {};\n\n  public static registerEditor(\n    editType: string,\n    editor: new () => PropertyEditorBase,\n    editorName?: string\n  ): void {\n    const fullEditorName = PropertyEditorManager.getFullEditorName(\n      editType,\n      editorName\n    );\n\n    if (PropertyEditorManager._editors.hasOwnProperty(fullEditorName)) {\n      const nameOfEditor = PropertyEditorManager._editors[fullEditorName].name;\n      throw Error(\n        `PropertyEditorManager.registerEditor error: type '${fullEditorName}' already registered to '${nameOfEditor}'`\n      );\n    }\n    PropertyEditorManager._editors[fullEditorName] = editor;\n  }\n\n  private static getFullEditorName(\n    editType: string,\n    editorName?: string\n  ): string {\n    let fullEditorName = editType;\n    if (editorName) fullEditorName += `:${editorName}`;\n    return fullEditorName;\n  }\n\n  public static registerDataController(\n    controllerName: string,\n    controller: new () => DataControllerBase\n  ): void {\n    if (PropertyEditorManager._dataControllers.hasOwnProperty(controllerName)) {\n      throw Error(\n        `PropertyEditorManager.registerDataController error: type '${controllerName}' already registered to '${(typeof PropertyEditorManager\n          ._dataControllers[controllerName]).toString()}'`\n      );\n    }\n    PropertyEditorManager._dataControllers[controllerName] = controller;\n  }\n\n  /** @internal */\n  public static deregisterDataController(controllerName: string): void {\n    if (PropertyEditorManager._dataControllers.hasOwnProperty(controllerName)) {\n      delete PropertyEditorManager._dataControllers[controllerName];\n    }\n  }\n\n  public static createEditor(\n    editType: string,\n    editorName?: string,\n    dataControllerName?: string\n  ): PropertyEditorBase {\n    const fullEditorName = PropertyEditorManager.getFullEditorName(\n      editType,\n      editorName\n    );\n\n    let editor: PropertyEditorBase;\n    if (PropertyEditorManager._editors.hasOwnProperty(fullEditorName))\n      editor = new PropertyEditorManager._editors[fullEditorName]();\n    else if (PropertyEditorManager._editors.hasOwnProperty(editType))\n      editor = new PropertyEditorManager._editors[editType]();\n    else editor = new BasicPropertyEditor();\n\n    if (dataControllerName) {\n      if (\n        PropertyEditorManager._dataControllers.hasOwnProperty(\n          dataControllerName\n        )\n      )\n        editor.customDataController =\n          new PropertyEditorManager._dataControllers[dataControllerName]();\n      else\n        throw Error(\n          `PropertyEditorManager.createEditor error: data controller '${dataControllerName}' is not registered`\n        );\n    }\n\n    return editor;\n  }\n\n  public static hasCustomEditor(editType: string, editorName: string): boolean {\n    const fullEditorName = PropertyEditorManager.getFullEditorName(\n      editType,\n      editorName\n    );\n    return PropertyEditorManager._editors.hasOwnProperty(fullEditorName);\n  }\n}\n\n/** Basic Property Editor registered for the \"text\" and \"string\" type names.\n * It uses the [[TextEditor]] React component.\n * @public\n */\nexport class BasicPropertyEditor extends PropertyEditorBase {\n  public get reactNode(): React.ReactNode {\n    return <TextEditor />;\n  }\n}\n\nPropertyEditorManager.registerEditor(\n  StandardTypeNames.Text,\n  BasicPropertyEditor\n);\nPropertyEditorManager.registerEditor(\n  StandardTypeNames.String,\n  BasicPropertyEditor\n);\n"]}