@itwin/components-react 4.17.0 → 5.0.0-dev.2

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/PopupButton.scss

@@ -1,115 +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/icons/variables";
-@import "~@itwin/core-react/lib/cjs/core-react/inputs/variables";
-@import "~@itwin/core-react/lib/cjs/core-react/style/baseline";
-@import "~@itwin/core-react/lib/cjs/core-react/style/themecolors";
-@import "./variables.scss";
-
-.components-popup-button {
-  min-width: 100%;
-  min-height: 28px;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  background-color: $buic-background-control;
-  border: 1px solid var(--iui-color-border-foreground);
-  border-radius: var(--iui-border-radius-1);
-  box-shadow: $buic-inputs-boxshadow 0px 1px 1px inset;
-  box-sizing: border-box;
-  cursor: pointer;
-
-  display: flex;
-  flex-shrink: 1;
-  align-items: center;
-
-  font-weight: normal;
-
-  > .components-popup-button-value {
-    flex-grow: 1;
-    max-width: calc(100% - var(--iui-size-l));
-    overflow-x: hidden;
-    padding: 0 3px;
-
-    &.components-popup-button-placeholder {
-      color: var(--iui-color-text-disabled);
-    }
-  }
-
-  > .components-popup-button-arrow {
-    background-color: $buic-background-control;
-    width: var(--iui-size-l);
-    height: var(--iui-size-l);
-
-    > .components-popup-button-arrow-icon {
-      transition: transform 0.2s;
-      text-align: center;
-      font-size: var(--iui-font-size-0);
-      line-height: var(--iui-size-l);
-
-      &:hover {
-        color: var(--iui-color-text-accent);
-      }
-    }
-  }
-
-  &:focus,
-  &.components-popup-expanded {
-    border-color: $buic-foreground-focus;
-    outline: 0px;
-    box-shadow: $uicore-inputs-focus-boxshadow;
-
-    > .components-popup-button-arrow {
-      border: none;
-      box-shadow: none;
-      outline: 0px;
-
-      > .components-popup-button-arrow-icon {
-        color: var(--iui-color-text-accent);
-      }
-    }
-  }
-}
-
-.components-smallEditor-host {
-  .components-popup-button {
-    min-height: $editor-component-height-small !important;
-  }
-}
-
-.components-popup-button-popup {
-  background-color: var(--iui-color-background);
-}
-
-.components-editor-popup-content {
-  padding: 4px 8px;
-}
-
-.components-popup-bottom-buttons {
-  display: flex;
-  justify-content: flex-end;
-  margin-top: 4px;
-
-  > .components-popup-large-button {
-    width: 70px;
-    font-size: 20px;
-    margin-left: 6px;
-  }
-
-  > .components-popup-cancel-button {
-    &,
-    &:active,
-    &:focus {
-      border: none;
-      background-color: var(--iui-color-background-negative);
-      color: var(--iui-color-white);
-    }
-
-    &:hover {
-      background-color: var(--iui-color-background-negative-hover);
-      color: var(--iui-color-white);
-    }
-  }
-}

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"]}

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

@@ -1,59 +0,0 @@
-/** @packageDocumentation
- * @module PropertyEditors
- */
-import "./SliderEditor.scss";
-import * as React from "react";
-import type { PropertyValue } from "@itwin/appui-abstract";
-import type { PropertyEditorProps, TypeEditor } from "./EditorContainer";
-import { PropertyEditorBase } from "./PropertyEditorManager";
-/** @internal */
-interface SliderEditorState {
-    value: number;
-    isDisabled?: boolean;
-    min: number;
-    max: number;
-    size?: number;
-    step?: number;
-    showTooltip?: boolean;
-    tooltipBelow?: boolean;
-    formatTooltip?: (value: number) => string;
-    thumbMode?: "allow-crossing" | "inhibit-crossing";
-    trackDisplayMode?: "auto" | "none" | "odd-segments" | "even-segments";
-    minLabel?: React.ReactNode;
-    maxLabel?: React.ReactNode;
-    tickLabels?: React.ReactNode;
-}
-/** SliderEditor React component that is a property editor with numeric input & up/down buttons
- * @public
- */
-export declare class SliderEditor extends React.PureComponent<PropertyEditorProps, SliderEditorState> implements TypeEditor {
-    private _isMounted;
-    private _enterKey;
-    private _divElement;
-    readonly state: Readonly<SliderEditorState>;
-    getPropertyValue(): Promise<PropertyValue | undefined>;
-    get htmlElement(): HTMLElement | null;
-    get hasFocus(): boolean;
-    private _handleChange;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: PropertyEditorProps): void;
-    private internalFormatTooltip;
-    private setStateFromProps;
-    private _handleEnter;
-    private _handleClose;
-    private _handleOk;
-    private _handleCancel;
-    private _handleCommit;
-    private tooltipProps;
-    render(): React.ReactNode;
-}
-/** Slider Property Editor registered for the "number" type name and "slider" editor name.
- * It uses the [[SliderEditor]] React component.
- * @public
- */
-export declare class SliderPropertyEditor extends PropertyEditorBase {
-    get reactNode(): React.ReactNode;
-}
-export {};
-//# sourceMappingURL=SliderEditor.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"SliderEditor.d.ts","sourceRoot":"","sources":["../../../../src/components-react/editors/SliderEditor.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,qBAAqB,CAAC;AAE7B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAEV,aAAa,EAEd,MAAM,uBAAuB,CAAC;AAU/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EACL,kBAAkB,EAEnB,MAAM,yBAAyB,CAAC;AAKjC,gBAAgB;AAChB,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,SAAS,CAAC,EAAE,gBAAgB,GAAG,kBAAkB,CAAC;IAClD,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,cAAc,GAAG,eAAe,CAAC;IACtE,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,qBAAa,YACX,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE,iBAAiB,CAClE,YAAW,UAAU;IAErB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,WAAW,CAAqC;IAExD,SAAyB,KAAK,EAAE,QAAQ,CAAC,iBAAiB,CAAC,CAIzD;IAEW,gBAAgB,IAAI,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC;IAenE,IAAW,WAAW,IAAI,WAAW,GAAG,IAAI,CAE3C;IAED,IAAW,QAAQ,IAAI,OAAO,CAK7B;IAED,OAAO,CAAC,aAAa,CAOnB;IAEc,iBAAiB;IAKjB,oBAAoB;IAIpB,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;IAMjE,OAAO,CAAC,qBAAqB,CAO3B;YAEY,iBAAiB;IAiH/B,OAAO,CAAC,YAAY,CAGlB;IAEF,OAAO,CAAC,YAAY,CAMlB;IAEF,OAAO,CAAC,SAAS,CAEf;IAEF,OAAO,CAAC,aAAa,CAInB;IAEF,OAAO,CAAC,aAAa,CAUnB;IAEF,OAAO,CAAC,YAAY,CASlB;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;CAsD1C;AAED;;;GAGG;AACH,qBAAa,oBAAqB,SAAQ,kBAAkB;IAC1D,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAEtC;CACF"}