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

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

@@ -1,268 +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
- */
-// cSpell:ignore customnumber testid
-import "./CustomNumberEditor.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { Key } from "ts-key-enum";
-import { Logger } from "@itwin/core-bentley";
-import { MessageSeverity, PropertyEditorParamTypes, PropertyValueFormat, StandardEditorNames, StandardTypeNames, UiAdmin, } from "@itwin/appui-abstract";
-import { Icon, IconInput } from "@itwin/core-react";
-import { Input } from "@itwin/itwinui-react";
-import { UiComponents } from "../UiComponents";
-import { PropertyEditorBase, PropertyEditorManager, } from "./PropertyEditorManager";
-/** CustomNumberEditor is a React component that is a property editor for numbers that specify custom formatting and parsing functions.
- * @alpha
- */
-export class CustomNumberEditor extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._isMounted = false;
-        this._inputElement = React.createRef();
-        this.state = {
-            inputValue: "",
-        };
-        this._updateInputValue = (e) => {
-            this._applyUpdatedValue(e.target.value);
-        };
-        this._onKeyPress = (e) => {
-            if (e.key === Key.Escape.valueOf()) {
-                const initialDisplayValue = (this._lastValidValue &&
-                    this._lastValidValue.displayValue) ??
-                    this._getInitialDisplayValue();
-                if (initialDisplayValue !== this.state.inputValue) {
-                    e.preventDefault();
-                    e.stopPropagation();
-                    this._resetToLastValidDisplayValue();
-                }
-                else {
-                    if (this.props.onCancel)
-                        this.props.onCancel();
-                }
-            }
-            if (e.key !== Key.Enter.valueOf()) {
-                UiAdmin.messagePresenter.closeInputFieldMessage();
-            }
-        };
-        this._onFocus = (e) => {
-            e.target.select();
-        };
-    }
-    async getPropertyValue() {
-        const record = this.props.propertyRecord;
-        let propertyValue;
-        if (record.isReadonly) {
-            return {
-                valueFormat: PropertyValueFormat.Primitive,
-                value: record.value.value,
-                displayValue: record.value.displayValue,
-            };
-        }
-        if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {
-            const parseResults = this._formatParams.parseFunction(this.state.inputValue);
-            if (!parseResults.parseError && undefined !== parseResults.value) {
-                const newDisplayValue = this._formatParams.formatFunction(parseResults.value);
-                propertyValue = {
-                    valueFormat: PropertyValueFormat.Primitive,
-                    value: parseResults.value,
-                    displayValue: newDisplayValue,
-                };
-                this._lastValidValue = { ...propertyValue };
-                // make sure the text in the input item matches the latest formatted text... this could get out if the input string say 1.5 === the display string of 1'-6"
-                if (newDisplayValue !== this.state.inputValue) {
-                    this.setState({ inputValue: newDisplayValue });
-                }
-            }
-            else {
-                if (this.htmlElement) {
-                    UiAdmin.messagePresenter.displayInputFieldMessage(this.htmlElement, MessageSeverity.Error, parseResults.parseError
-                        ? parseResults.parseError
-                        : UiComponents.translate("errors.unable-to-parse-quantity"));
-                    this.htmlElement.focus();
-                }
-                else {
-                    UiAdmin.messagePresenter.displayMessage(MessageSeverity.Error, parseResults.parseError
-                        ? parseResults.parseError
-                        : UiComponents.translate("errors.unable-to-parse-quantity"));
-                }
-                const displayValue = record.value.displayValue && record.value.displayValue.length > 0
-                    ? record.value.displayValue
-                    : this._formatParams.formatFunction(record.value.value);
-                propertyValue = this._lastValidValue
-                    ? { ...this._lastValidValue }
-                    : {
-                        valueFormat: PropertyValueFormat.Primitive,
-                        value: record.value.value,
-                        displayValue,
-                    };
-            }
-        }
-        return propertyValue;
-    }
-    get htmlElement() {
-        return this._inputElement.current;
-    }
-    get hasFocus() {
-        return document.activeElement === this._inputElement.current;
-    }
-    shouldSetFocus() {
-        if (!this.props.setFocus)
-            return false;
-        const record = this.props.propertyRecord;
-        const disabled = record && !record.isDisabled ? false : true;
-        const readonly = record && !record.isReadonly ? false : true;
-        return !disabled && !readonly;
-    }
-    _applyUpdatedValue(userInput) {
-        const record = this.props.propertyRecord;
-        const readonly = record && !record.isReadonly ? false : true;
-        const disabled = record && !record.isDisabled ? false : true;
-        if (readonly || disabled)
-            return;
-        if (this._isMounted)
-            this.setState({
-                inputValue: userInput,
-            });
-    }
-    componentDidMount() {
-        this._isMounted = true;
-        void this.setStateFromProps();
-    }
-    componentWillUnmount() {
-        this._isMounted = false;
-    }
-    componentDidUpdate(prevProps) {
-        if (this.props.propertyRecord !== prevProps.propertyRecord) {
-            void this.setStateFromProps();
-        }
-    }
-    _getInitialDisplayValue() {
-        const record = this.props.propertyRecord;
-        let initialDisplayValue = "";
-        let numberValue = 0;
-        if (record) {
-            if (record.value.valueFormat === PropertyValueFormat.Primitive) {
-                const primitiveValue = record.value;
-                numberValue =
-                    undefined !== primitiveValue.value
-                        ? primitiveValue.value
-                        : 0;
-                if (primitiveValue.displayValue)
-                    initialDisplayValue = primitiveValue.displayValue;
-                else
-                    initialDisplayValue = this._formatParams.formatFunction(numberValue);
-            }
-        }
-        return initialDisplayValue;
-    }
-    async setStateFromProps() {
-        const record = this.props.propertyRecord;
-        if (!record || !record.property) {
-            Logger.logError(UiComponents.loggerCategory(this), "PropertyRecord must be defined to use CustomNumberPropertyEditor");
-            return;
-        }
-        if (record.property &&
-            record.property.editor &&
-            record.property.editor.params) {
-            this._formatParams = record.property.editor.params.find((param) => param.type ===
-                PropertyEditorParamTypes.CustomFormattedNumber.valueOf());
-        }
-        if (!this._formatParams) {
-            Logger.logError(UiComponents.loggerCategory(this), `CustomFormattedNumberParams must be defined for property ${record.property.name}`);
-            return;
-        }
-        const initialDisplayValue = this._getInitialDisplayValue();
-        this._lastValidValue = {
-            valueFormat: PropertyValueFormat.Primitive,
-            value: record.value.value,
-            displayValue: initialDisplayValue,
-        };
-        let size;
-        let maxLength;
-        let iconSpec;
-        if (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 iconParams = record.property.editor.params.find((param) => param.type === PropertyEditorParamTypes.Icon.valueOf());
-            if (iconParams) {
-                iconSpec = iconParams.definition.iconSpec;
-            }
-        }
-        if (this._isMounted)
-            this.setState({
-                inputValue: initialDisplayValue,
-                size,
-                maxLength,
-                iconSpec,
-            });
-    }
-    _resetToLastValidDisplayValue() {
-        const initialDisplayValue = (this._lastValidValue &&
-            this._lastValidValue.displayValue) ??
-            this._getInitialDisplayValue();
-        this.setState({ inputValue: initialDisplayValue });
-    }
-    render() {
-        const minSize = this.state.size ? this.state.size : 8;
-        const minWidthStyle = {
-            minWidth: `${minSize * 0.75}em`,
-        };
-        const record = this.props.propertyRecord;
-        if (!record || !this._formatParams)
-            return null;
-        const readOnly = !record.isReadonly ? false : true;
-        const disabled = !record.isDisabled ? false : true;
-        const className = classnames("components-cell-editor", "components-customnumber-editor", this.props.className);
-        const inputProps = {
-            className,
-            style: this.props.style ? this.props.style : minWidthStyle,
-            readOnly,
-            disabled,
-            maxLength: this.state.maxLength,
-            value: this.state.inputValue,
-            onChange: this._updateInputValue,
-            onBlur: this.props.onBlur,
-            onFocus: this._onFocus,
-            autoFocus: this.shouldSetFocus(),
-            onKeyDown: this._onKeyPress,
-        };
-        let reactNode;
-        if (this.state.iconSpec) {
-            // eslint-disable-next-line deprecation/deprecation
-            const icon = React.createElement(Icon, { iconSpec: this.state.iconSpec });
-            reactNode = (
-            // eslint-disable-next-line deprecation/deprecation
-            React.createElement(IconInput, { ...inputProps, ref: this._inputElement, icon: icon, "data-testid": "components-customnumber-editor" }));
-        }
-        else {
-            reactNode = (React.createElement(Input, { ...inputProps, ref: this._inputElement, "data-testid": "components-customnumber-editor", size: "small", id: this.props.propertyRecord?.property.name }));
-        }
-        return reactNode;
-    }
-}
-/** Custom Property Editor registered for the "number" type name and the "number-custom" editor name.
- * It uses the [[CustomNumberEditor]] React component.
- * @alpha
- */
-export class CustomNumberPropertyEditor extends PropertyEditorBase {
-    get reactNode() {
-        return React.createElement(CustomNumberEditor, null);
-    }
-    get containerHandlesEscape() {
-        return false;
-    }
-}
-PropertyEditorManager.registerEditor(StandardTypeNames.Number, CustomNumberPropertyEditor, StandardEditorNames.NumberCustom);
-//# sourceMappingURL=CustomNumberEditor.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CustomNumberEditor.js","sourceRoot":"","sources":["../../../../src/components-react/editors/CustomNumberEditor.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\n// cSpell:ignore customnumber testid\n\nimport \"./CustomNumberEditor.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport { Key } from \"ts-key-enum\";\nimport { Logger } from \"@itwin/core-bentley\";\nimport type {\n  CustomFormattedNumberParams,\n  IconEditorParams,\n  InputEditorSizeParams,\n  PrimitiveValue,\n  PropertyEditorParams,\n  PropertyRecord,\n  PropertyValue,\n} from \"@itwin/appui-abstract\";\nimport {\n  MessageSeverity,\n  PropertyEditorParamTypes,\n  PropertyValueFormat,\n  StandardEditorNames,\n  StandardTypeNames,\n  UiAdmin,\n} from \"@itwin/appui-abstract\";\nimport { Icon, IconInput } from \"@itwin/core-react\";\nimport { Input } from \"@itwin/itwinui-react\";\n\ntype InputProps = React.ComponentPropsWithoutRef<typeof Input>;\n\nimport { UiComponents } from \"../UiComponents\";\nimport type { PropertyEditorProps, TypeEditor } from \"./EditorContainer\";\nimport {\n  PropertyEditorBase,\n  PropertyEditorManager,\n} from \"./PropertyEditorManager\";\n\n/** @internal */\ninterface CustomNumberEditorState {\n  inputValue: string;\n  size?: number;\n  maxLength?: number;\n  iconSpec?: string;\n}\n\n/** CustomNumberEditor is a React component that is a property editor for numbers that specify custom formatting and parsing functions.\n * @alpha\n */\nexport class CustomNumberEditor\n  extends React.PureComponent<PropertyEditorProps, CustomNumberEditorState>\n  implements TypeEditor\n{\n  private _isMounted = false;\n  private _formatParams: CustomFormattedNumberParams | undefined;\n  private _inputElement = React.createRef<HTMLInputElement>();\n  private _lastValidValue: PropertyValue | undefined;\n\n  public override readonly state: Readonly<CustomNumberEditorState> = {\n    inputValue: \"\",\n  };\n\n  public async getPropertyValue(): Promise<PropertyValue | undefined> {\n    const record = this.props.propertyRecord as PropertyRecord;\n    let propertyValue: PropertyValue | undefined;\n\n    if (record.isReadonly) {\n      return {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: (record.value as PrimitiveValue).value,\n        displayValue: (record.value as PrimitiveValue).displayValue,\n      };\n    }\n\n    if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {\n      const parseResults = (\n        this._formatParams as CustomFormattedNumberParams\n      ).parseFunction(this.state.inputValue);\n      if (!parseResults.parseError && undefined !== parseResults.value) {\n        const newDisplayValue = (\n          this._formatParams as CustomFormattedNumberParams\n        ).formatFunction(parseResults.value as number);\n        propertyValue = {\n          valueFormat: PropertyValueFormat.Primitive,\n          value: parseResults.value,\n          displayValue: newDisplayValue,\n        };\n        this._lastValidValue = { ...propertyValue };\n        // make sure the text in the input item matches the latest formatted text... this could get out if the input string say 1.5 === the display string of 1'-6\"\n        if (newDisplayValue !== this.state.inputValue) {\n          this.setState({ inputValue: newDisplayValue });\n        }\n      } else {\n        if (this.htmlElement) {\n          UiAdmin.messagePresenter.displayInputFieldMessage(\n            this.htmlElement,\n            MessageSeverity.Error,\n            parseResults.parseError\n              ? parseResults.parseError\n              : UiComponents.translate(\"errors.unable-to-parse-quantity\")\n          );\n          this.htmlElement.focus();\n        } else {\n          UiAdmin.messagePresenter.displayMessage(\n            MessageSeverity.Error,\n            parseResults.parseError\n              ? parseResults.parseError\n              : UiComponents.translate(\"errors.unable-to-parse-quantity\")\n          );\n        }\n\n        const displayValue =\n          record.value.displayValue && record.value.displayValue.length > 0\n            ? record.value.displayValue\n            : (\n                this._formatParams as CustomFormattedNumberParams\n              ).formatFunction(record.value.value as number);\n        propertyValue = this._lastValidValue\n          ? { ...this._lastValidValue }\n          : {\n              valueFormat: PropertyValueFormat.Primitive,\n              value: record.value.value,\n              displayValue,\n            };\n      }\n    }\n\n    return propertyValue;\n  }\n\n  public get htmlElement(): HTMLElement | null {\n    return this._inputElement.current;\n  }\n\n  public get hasFocus(): boolean {\n    return document.activeElement === this._inputElement.current;\n  }\n\n  private shouldSetFocus(): boolean {\n    if (!this.props.setFocus) return false;\n\n    const record = this.props.propertyRecord as PropertyRecord;\n    const disabled = record && !record.isDisabled ? false : true;\n    const readonly = record && !record.isReadonly ? false : true;\n\n    return !disabled && !readonly;\n  }\n\n  private _applyUpdatedValue(userInput: string) {\n    const record = this.props.propertyRecord as PropertyRecord;\n    const readonly = record && !record.isReadonly ? false : true;\n    const disabled = record && !record.isDisabled ? false : true;\n\n    if (readonly || disabled) return;\n\n    if (this._isMounted)\n      this.setState({\n        inputValue: userInput,\n      });\n  }\n\n  private _updateInputValue = (e: React.ChangeEvent<HTMLInputElement>) => {\n    this._applyUpdatedValue(e.target.value);\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 _getInitialDisplayValue(): string {\n    const record = this.props.propertyRecord;\n    let initialDisplayValue = \"\";\n    let numberValue = 0;\n    if (record) {\n      if (record.value.valueFormat === PropertyValueFormat.Primitive) {\n        const primitiveValue = record.value;\n        numberValue =\n          undefined !== primitiveValue.value\n            ? (primitiveValue.value as number)\n            : 0;\n        if (primitiveValue.displayValue)\n          initialDisplayValue = primitiveValue.displayValue;\n        else\n          initialDisplayValue = (\n            this._formatParams as CustomFormattedNumberParams\n          ).formatFunction(numberValue);\n      }\n    }\n\n    return initialDisplayValue;\n  }\n\n  private async setStateFromProps() {\n    const record = this.props.propertyRecord;\n    if (!record || !record.property) {\n      Logger.logError(\n        UiComponents.loggerCategory(this),\n        \"PropertyRecord must be defined to use CustomNumberPropertyEditor\"\n      );\n      return;\n    }\n    if (\n      record.property &&\n      record.property.editor &&\n      record.property.editor.params\n    ) {\n      this._formatParams = record.property.editor.params.find(\n        (param: PropertyEditorParams) =>\n          param.type ===\n          PropertyEditorParamTypes.CustomFormattedNumber.valueOf()\n      ) as CustomFormattedNumberParams;\n    }\n\n    if (!this._formatParams) {\n      Logger.logError(\n        UiComponents.loggerCategory(this),\n        `CustomFormattedNumberParams must be defined for property ${record.property.name}`\n      );\n      return;\n    }\n\n    const initialDisplayValue = this._getInitialDisplayValue();\n    this._lastValidValue = {\n      valueFormat: PropertyValueFormat.Primitive,\n      value: (record.value as PrimitiveValue).value,\n      displayValue: initialDisplayValue,\n    };\n    let size: number | undefined;\n    let maxLength: number | undefined;\n    let iconSpec: string | undefined;\n\n    if (\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 iconParams = record.property.editor.params.find(\n        (param: PropertyEditorParams) =>\n          param.type === PropertyEditorParamTypes.Icon.valueOf()\n      ) as IconEditorParams;\n      if (iconParams) {\n        iconSpec = iconParams.definition.iconSpec;\n      }\n    }\n\n    if (this._isMounted)\n      this.setState({\n        inputValue: initialDisplayValue,\n        size,\n        maxLength,\n        iconSpec,\n      });\n  }\n\n  private _resetToLastValidDisplayValue() {\n    const initialDisplayValue =\n      (this._lastValidValue &&\n        (this._lastValidValue as PrimitiveValue).displayValue) ??\n      this._getInitialDisplayValue();\n    this.setState({ inputValue: initialDisplayValue });\n  }\n\n  private _onKeyPress = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === Key.Escape.valueOf()) {\n      const initialDisplayValue =\n        (this._lastValidValue &&\n          (this._lastValidValue as PrimitiveValue).displayValue) ??\n        this._getInitialDisplayValue();\n      if (initialDisplayValue !== this.state.inputValue) {\n        e.preventDefault();\n        e.stopPropagation();\n        this._resetToLastValidDisplayValue();\n      } else {\n        if (this.props.onCancel) this.props.onCancel();\n      }\n    }\n\n    if (e.key !== Key.Enter.valueOf()) {\n      UiAdmin.messagePresenter.closeInputFieldMessage();\n    }\n  };\n\n  private _onFocus = (e: React.FocusEvent<HTMLInputElement>) => {\n    e.target.select();\n  };\n\n  public override render(): React.ReactNode {\n    const minSize = this.state.size ? this.state.size : 8;\n    const minWidthStyle: React.CSSProperties = {\n      minWidth: `${minSize * 0.75}em`,\n    };\n    const record = this.props.propertyRecord as PropertyRecord;\n    if (!record || !this._formatParams) return null;\n\n    const readOnly = !record.isReadonly ? false : true;\n    const disabled = !record.isDisabled ? false : true;\n\n    const className = classnames(\n      \"components-cell-editor\",\n      \"components-customnumber-editor\",\n      this.props.className\n    );\n\n    const inputProps: Omit<InputProps, \"size\"> = {\n      className,\n      style: this.props.style ? this.props.style : minWidthStyle,\n      readOnly,\n      disabled,\n      maxLength: this.state.maxLength,\n      value: this.state.inputValue,\n      onChange: this._updateInputValue,\n      onBlur: this.props.onBlur,\n      onFocus: this._onFocus,\n      autoFocus: this.shouldSetFocus(),\n      onKeyDown: this._onKeyPress,\n    };\n\n    let reactNode: React.ReactNode;\n    if (this.state.iconSpec) {\n      // eslint-disable-next-line deprecation/deprecation\n      const icon = <Icon iconSpec={this.state.iconSpec} />;\n      reactNode = (\n        // eslint-disable-next-line deprecation/deprecation\n        <IconInput\n          {...inputProps}\n          ref={this._inputElement}\n          icon={icon}\n          data-testid=\"components-customnumber-editor\"\n        />\n      );\n    } else {\n      reactNode = (\n        <Input\n          {...inputProps}\n          ref={this._inputElement}\n          data-testid=\"components-customnumber-editor\"\n          size=\"small\"\n          id={this.props.propertyRecord?.property.name}\n        />\n      );\n    }\n\n    return reactNode;\n  }\n}\n\n/** Custom Property Editor registered for the \"number\" type name and the \"number-custom\" editor name.\n * It uses the [[CustomNumberEditor]] React component.\n * @alpha\n */\nexport class CustomNumberPropertyEditor extends PropertyEditorBase {\n  public get reactNode(): React.ReactNode {\n    return <CustomNumberEditor />;\n  }\n  public override get containerHandlesEscape(): boolean {\n    return false;\n  }\n}\nPropertyEditorManager.registerEditor(\n  StandardTypeNames.Number,\n  CustomNumberPropertyEditor,\n  StandardEditorNames.NumberCustom\n);\n"]}

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

@@ -1,66 +0,0 @@
-/** @packageDocumentation
- * @module PropertyEditors
- */
-import "./DateTimeEditor.scss";
-import * as React from "react";
-import type { PropertyValue } from "@itwin/appui-abstract";
-import { TimeDisplay } from "@itwin/appui-abstract";
-import type { PropertyEditorProps, TypeEditor } from "./EditorContainer";
-import { PropertyEditorBase } from "./PropertyEditorManager";
-import type { TypeConverter } from "../converters/TypeConverter";
-/** @internal */
-interface DateTimeEditorState {
-    value: Date;
-    displayValue?: string;
-    timeDisplay?: TimeDisplay;
-    isDisabled?: boolean;
-    typeConverter?: TypeConverter;
-    editInUtc: boolean;
-}
-/** @internal */
-interface DateTimeEditorProps extends PropertyEditorProps {
-    showTime?: boolean;
-}
-/** DateTimeEditor React component that is a property editor for selection of date and time.
- * @internal
- */
-export declare class DateTimeEditor extends React.PureComponent<DateTimeEditorProps, DateTimeEditorState> implements TypeEditor {
-    private _isMounted;
-    private _enterKey;
-    private _divElement;
-    readonly state: Readonly<DateTimeEditorState>;
-    getPropertyValue(): Promise<PropertyValue | undefined>;
-    get htmlElement(): HTMLElement | null;
-    get hasFocus(): boolean;
-    processDateChange(typeConverter: TypeConverter, newValue: Date): Promise<void>;
-    private _handleChange;
-    private _handleTimeChange;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: PropertyEditorProps): void;
-    private setStateFromProps;
-    private _handleEnter;
-    private _handleClose;
-    private _handleOk;
-    private _handleCancel;
-    private _handleCommit;
-    render(): React.ReactNode;
-}
-/** DateTime Property Editor registered for the "number" type name and "DateTime" editor name.
- * It uses the [[DateTimeEditor]] React component.
- * @internal
- */
-export declare class ShortDateTimePropertyEditor extends PropertyEditorBase {
-    get reactNode(): React.ReactNode;
-    get containerHandlesTab(): boolean;
-}
-/** DateTime Property Editor registered for the "number" type name and "DateTime" editor name.
- * It uses the [[DateTimeEditor]] React component.
- * @internal
- */
-export declare class DateTimePropertyEditor extends PropertyEditorBase {
-    get reactNode(): React.ReactNode;
-    get containerHandlesTab(): boolean;
-}
-export {};
-//# sourceMappingURL=DateTimeEditor.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DateTimeEditor.d.ts","sourceRoot":"","sources":["../../../../src/components-react/editors/DateTimeEditor.tsx"],"names":[],"mappings":"AAIA;;GAEG;AAEH,OAAO,uBAAuB,CAAC;AAE/B,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAC3D,OAAO,EAIL,WAAW,EACZ,MAAM,uBAAuB,CAAC;AAC/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AACzE,OAAO,EACL,kBAAkB,EAEnB,MAAM,yBAAyB,CAAC;AAIjC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AASjE,gBAAgB;AAChB,UAAU,mBAAmB;IAC3B,KAAK,EAAE,IAAI,CAAC;IACZ,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,SAAS,EAAE,OAAO,CAAC;CACpB;AAED,gBAAgB;AAChB,UAAU,mBAAoB,SAAQ,mBAAmB;IACvD,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;GAEG;AACH,qBAAa,cACX,SAAQ,KAAK,CAAC,aAAa,CAAC,mBAAmB,EAAE,mBAAmB,CACpE,YAAW,UAAU;IAErB,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,WAAW,CAAqC;IAExD,SAAyB,KAAK,EAAE,QAAQ,CAAC,mBAAmB,CAAC,CAG3D;IAEW,gBAAgB,IAAI,OAAO,CAAC,aAAa,GAAG,SAAS,CAAC;IAenE,IAAW,WAAW,IAAI,WAAW,GAAG,IAAI,CAE3C;IAED,IAAW,QAAQ,IAAI,OAAO,CAK7B;IAEY,iBAAiB,CAC5B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,IAAI,GACb,OAAO,CAAC,IAAI,CAAC;IAahB,OAAO,CAAC,aAAa,CAWnB;IAEF,OAAO,CAAC,iBAAiB,CAWvB;IAEc,iBAAiB;IAKjB,oBAAoB;IAIpB,kBAAkB,CAAC,SAAS,EAAE,mBAAmB;YAMnD,iBAAiB;IAiG/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;IAEc,MAAM,IAAI,KAAK,CAAC,SAAS;CA0D1C;AAED;;;GAGG;AACH,qBAAa,2BAA4B,SAAQ,kBAAkB;IACjE,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAEtC;IACD,IAAoB,mBAAmB,IAAI,OAAO,CAEjD;CACF;AAED;;;GAGG;AACH,qBAAa,sBAAuB,SAAQ,kBAAkB;IAC5D,IAAW,SAAS,IAAI,KAAK,CAAC,SAAS,CAEtC;IACD,IAAoB,mBAAmB,IAAI,OAAO,CAEjD;CACF"}

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

@@ -1,254 +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 "./DateTimeEditor.scss";
-import classnames from "classnames";
-import * as React from "react";
-import { AlternateDateFormats, PropertyValueFormat, StandardTypeNames, TimeDisplay, } from "@itwin/appui-abstract";
-import { PropertyEditorBase, PropertyEditorManager, } from "./PropertyEditorManager";
-import { PopupButton, PopupContent, PopupOkCancelButtons } from "./PopupButton";
-import { TimeField } from "../datepicker/TimeField";
-import { DatePicker } from "../datepicker/DatePicker";
-import { TypeConverterManager } from "../converters/TypeConverterManager";
-import { DateTimeTypeConverterBase } from "../converters/DateTimeTypeConverter";
-import { Text } from "@itwin/itwinui-react";
-import { adjustDateToTimezone } from "../common/DateUtils";
-/** DateTimeEditor React component that is a property editor for selection of date and time.
- * @internal
- */
-export class DateTimeEditor extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._isMounted = false;
-        this._enterKey = false;
-        this._divElement = React.createRef();
-        this.state = {
-            value: new Date(),
-            editInUtc: false,
-        };
-        this._handleChange = (newValue) => {
-            if (this._isMounted && this.state.typeConverter) {
-                if (this.state.editInUtc) {
-                    newValue = adjustDateToTimezone(newValue, newValue.getTimezoneOffset() * -1);
-                }
-                void this.processDateChange(this.state.typeConverter, newValue);
-            }
-        };
-        this._handleTimeChange = (time) => {
-            // Combine new time into selected Date
-            if (this.state.editInUtc) {
-                const newWorkingDate = adjustDateToTimezone(this.state.value, 0);
-                newWorkingDate.setUTCHours(time.hours, time.minutes, time.seconds);
-                this._handleChange(newWorkingDate);
-            }
-            else {
-                const newWorkingDate = new Date(this.state.value.getTime());
-                newWorkingDate.setHours(time.hours, time.minutes, time.seconds);
-                this._handleChange(newWorkingDate);
-            }
-        };
-        this._handleEnter = async () => {
-            this._enterKey = true;
-            await this._handleCommit();
-        };
-        this._handleClose = async () => {
-            if (this._enterKey) {
-                this._enterKey = false;
-            }
-            else {
-                if (this.props.onCancel)
-                    this.props.onCancel();
-            }
-        };
-        this._handleOk = async (_event) => {
-            await this._handleCommit();
-        };
-        this._handleCancel = (_event) => {
-            if (this.props.onCancel) {
-                this.props.onCancel();
-            }
-        };
-        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,
-                    });
-                }
-            }
-        };
-    }
-    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: this.state.displayValue,
-            };
-        }
-        return propertyValue;
-    }
-    get htmlElement() {
-        return this._divElement.current;
-    }
-    get hasFocus() {
-        let containsFocus = false;
-        if (this.htmlElement)
-            containsFocus = this.htmlElement.contains(document.activeElement);
-        return containsFocus;
-    }
-    async processDateChange(typeConverter, newValue) {
-        if (this.props.propertyRecord) {
-            const displayValue = await typeConverter.convertPropertyToString(this.props.propertyRecord.property, newValue);
-            this.setState({
-                value: newValue,
-                displayValue,
-            });
-        }
-    }
-    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;
-        let typeConverter;
-        let timeDisplay;
-        let alternateDateFormat = AlternateDateFormats.None;
-        let editInUtc = false;
-        if (this.props.showTime)
-            timeDisplay = TimeDisplay.H12MC;
-        if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {
-            if (record.value.value instanceof Date)
-                initialValue = new Date(record.value.value);
-            else if (typeof record.value.value === "string")
-                initialValue = new Date(record.value.value);
-            else if (record.value.value === undefined)
-                initialValue = new Date();
-            typeConverter = TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name);
-            const options = record.property.converter?.options;
-            if (options) {
-                if ("alternateDateFormat" in options) {
-                    if (DateTimeTypeConverterBase.isAlternateDateFormats(options.alternateDateFormat)) {
-                        timeDisplay = TimeDisplay.H24MS;
-                        alternateDateFormat = options.alternateDateFormat;
-                    }
-                }
-                if ("timeDisplay" in options && this.props.showTime) {
-                    timeDisplay = options.timeDisplay;
-                    // use 24 hr time display if alternateDateFormat is defined
-                    if (alternateDateFormat &&
-                        timeDisplay !== TimeDisplay.H24MS &&
-                        timeDisplay !== TimeDisplay.H24M)
-                        timeDisplay = TimeDisplay.H24MS;
-                }
-                if (alternateDateFormat) {
-                    editInUtc = true;
-                    if (this.props.showTime) {
-                        if (alternateDateFormat === AlternateDateFormats.IsoShort) {
-                            alternateDateFormat = AlternateDateFormats.IsoDateTime;
-                        }
-                        if (alternateDateFormat === AlternateDateFormats.UtcShort) {
-                            alternateDateFormat = AlternateDateFormats.UtcDateTime;
-                        }
-                        if (alternateDateFormat === AlternateDateFormats.UtcShortWithDay) {
-                            alternateDateFormat = AlternateDateFormats.UtcDateTimeWithDay;
-                        }
-                    }
-                    else {
-                        timeDisplay = undefined;
-                        if (alternateDateFormat === AlternateDateFormats.IsoDateTime)
-                            alternateDateFormat = AlternateDateFormats.IsoShort;
-                        if (alternateDateFormat === AlternateDateFormats.UtcDateTime)
-                            alternateDateFormat = AlternateDateFormats.UtcShort;
-                        if (alternateDateFormat === AlternateDateFormats.UtcDateTimeWithDay)
-                            alternateDateFormat = AlternateDateFormats.UtcShortWithDay;
-                    }
-                }
-            }
-        }
-        if (!initialValue) {
-            throw new Error("Bad Value");
-        }
-        if (!typeConverter) {
-            throw new Error("Unable to determine TypeConverter");
-        }
-        const isDisabled = record && !!record.isDisabled;
-        const displayValue = await typeConverter.convertPropertyToString(record.property, initialValue);
-        if (this._isMounted)
-            this.setState({
-                value: initialValue,
-                isDisabled,
-                timeDisplay,
-                typeConverter,
-                displayValue,
-                editInUtc,
-            });
-    }
-    render() {
-        const date = this.state.editInUtc
-            ? adjustDateToTimezone(this.state.value, 0)
-            : this.state.value;
-        const timeSpec = {
-            hours: date.getHours(),
-            minutes: date.getMinutes(),
-            seconds: date.getSeconds(),
-        };
-        const className = classnames("components-cell-editor", "components-datetime-editor", this.props.className);
-        return (React.createElement("div", { className: className, ref: this._divElement },
-            React.createElement(PopupButton, { label: this.state.displayValue, onClose: this._handleClose, onEnter: this._handleEnter, setFocus: this.props.setFocus },
-                React.createElement(PopupContent, null,
-                    React.createElement(React.Fragment, null,
-                        React.createElement("div", { className: "components-date-picker-calendar-popup-panel", "data-testid": "components-date-picker-calendar-popup-panel" },
-                            React.createElement(DatePicker // eslint-disable-line deprecation/deprecation
-                            , { selected: date, onDateChange: this._handleChange, showFocusOutline: false }),
-                            this.state.timeDisplay && (React.createElement("div", { className: "time-container" },
-                                React.createElement(Text, { variant: "body", className: "time-label" }, "Time"),
-                                React.createElement(TimeField, { time: timeSpec, timeDisplay: this.state.timeDisplay, onTimeChange: this._handleTimeChange }))))),
-                    React.createElement(PopupOkCancelButtons, { onOk: this._handleOk, onCancel: this._handleCancel })))));
-    }
-}
-/** DateTime Property Editor registered for the "number" type name and "DateTime" editor name.
- * It uses the [[DateTimeEditor]] React component.
- * @internal
- */
-export class ShortDateTimePropertyEditor extends PropertyEditorBase {
-    get reactNode() {
-        return React.createElement(DateTimeEditor, { showTime: false });
-    }
-    get containerHandlesTab() {
-        return false;
-    }
-}
-/** DateTime Property Editor registered for the "number" type name and "DateTime" editor name.
- * It uses the [[DateTimeEditor]] React component.
- * @internal
- */
-export class DateTimePropertyEditor extends PropertyEditorBase {
-    get reactNode() {
-        return React.createElement(DateTimeEditor, { showTime: true });
-    }
-    get containerHandlesTab() {
-        return false;
-    }
-}
-PropertyEditorManager.registerEditor(StandardTypeNames.ShortDate, ShortDateTimePropertyEditor);
-PropertyEditorManager.registerEditor(StandardTypeNames.DateTime, DateTimePropertyEditor);
-//# sourceMappingURL=DateTimeEditor.js.map