@itwin/components-react 3.5.0-dev.12 → 3.5.0-dev.13

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimeEditor.js","sourceRoot":"","sources":["../../../../src/components-react/editors/DateTimeEditor.tsx"],"names":[],"mappings":"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","sourcesContent":["/*---------------------------------------------------------------------------------------------\r\n* Copyright (c) Bentley Systems, Incorporated. All rights reserved.\r\n* See LICENSE.md in the project root for license terms and full copyright notice.\r\n*--------------------------------------------------------------------------------------------*/\r\n/** @packageDocumentation\r\n * @module PropertyEditors\r\n */\r\n\r\nimport \"./DateTimeEditor.scss\";\r\nimport classnames from \"classnames\";\r\nimport * as React from \"react\";\r\nimport {\r\n  AlternateDateFormats, PropertyValue, PropertyValueFormat, StandardTypeNames, TimeDisplay,\r\n} from \"@itwin/appui-abstract\";\r\nimport { PropertyEditorProps, TypeEditor } from \"./EditorContainer\";\r\nimport { PropertyEditorBase, PropertyEditorManager } from \"./PropertyEditorManager\";\r\nimport { PopupButton, PopupContent, PopupOkCancelButtons } from \"./PopupButton\";\r\nimport { TimeField, TimeSpec } from \"../datepicker/TimeField\";\r\nimport { TypeConverter } from \"../converters/TypeConverter\";\r\nimport { DatePicker } from \"../datepicker/DatePicker\";\r\nimport { TypeConverterManager } from \"../converters/TypeConverterManager\";\r\nimport { DateTimeTypeConverterBase } from \"../converters/DateTimeTypeConverter\";\r\nimport { BodyText } from \"@itwin/core-react\";\r\nimport { adjustDateToTimezone } from \"../common/DateUtils\";\r\n\r\n// cSpell:ignore datepicker\r\n\r\n/** @internal */\r\ninterface DateTimeEditorState {\r\n  value: Date;\r\n  displayValue?: string;\r\n  timeDisplay?: TimeDisplay;\r\n  isDisabled?: boolean;\r\n  typeConverter?: TypeConverter;\r\n  editInUtc: boolean;\r\n}\r\n\r\n/** @internal */\r\ninterface DateTimeEditorProps extends PropertyEditorProps {\r\n  showTime?: boolean;\r\n}\r\n\r\n/** DateTimeEditor React component that is a property editor for selection of date and time.\r\n * @internal\r\n */\r\nexport class DateTimeEditor extends React.PureComponent<DateTimeEditorProps, DateTimeEditorState> implements TypeEditor {\r\n  private _isMounted = false;\r\n  private _enterKey = false;\r\n  private _divElement = React.createRef<HTMLDivElement>();\r\n\r\n  /** @internal */\r\n  public override readonly state: Readonly<DateTimeEditorState> = {\r\n    value: new Date(),\r\n    editInUtc: false,\r\n  };\r\n\r\n  public async getPropertyValue(): Promise<PropertyValue | undefined> {\r\n    const record = this.props.propertyRecord;\r\n    let propertyValue: PropertyValue | undefined;\r\n\r\n    // istanbul ignore else\r\n    if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {\r\n      propertyValue = {\r\n        valueFormat: PropertyValueFormat.Primitive,\r\n        value: this.state.value,\r\n        displayValue: this.state.displayValue,\r\n      };\r\n    }\r\n\r\n    return propertyValue;\r\n  }\r\n\r\n  public get htmlElement(): HTMLElement | null {\r\n    return this._divElement.current;\r\n  }\r\n\r\n  public get hasFocus(): boolean {\r\n    let containsFocus = false;\r\n    // istanbul ignore else\r\n    if (this.htmlElement)\r\n      containsFocus = this.htmlElement.contains(document.activeElement);\r\n    return containsFocus;\r\n  }\r\n\r\n  public async processDateChange(typeConverter: TypeConverter, newValue: Date): Promise<void> {\r\n    // istanbul ignore else\r\n    if (this.props.propertyRecord) {\r\n      const displayValue = await typeConverter.convertPropertyToString(this.props.propertyRecord.property, newValue);\r\n      this.setState({\r\n        value: newValue,\r\n        displayValue,\r\n      });\r\n    }\r\n  }\r\n\r\n  private _handleChange = (newValue: Date): void => {\r\n    // istanbul ignore else\r\n    if (this._isMounted && this.state.typeConverter) {\r\n      // istanbul ignore else\r\n      if (this.state.editInUtc) {\r\n        newValue = adjustDateToTimezone(newValue, newValue.getTimezoneOffset() * -1);\r\n      }\r\n\r\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\r\n      this.processDateChange(this.state.typeConverter, newValue);\r\n    }\r\n  };\r\n\r\n  private _handleTimeChange = (time: TimeSpec): void => {\r\n    // Combine new time into selected Date\r\n    if (this.state.editInUtc) {\r\n      const newWorkingDate = adjustDateToTimezone(this.state.value, 0);\r\n      newWorkingDate.setUTCHours(time.hours, time.minutes, time.seconds);\r\n      this._handleChange(newWorkingDate);\r\n    } else {\r\n      const newWorkingDate = new Date(this.state.value.getTime());\r\n      newWorkingDate.setHours(time.hours, time.minutes, time.seconds);\r\n      this._handleChange(newWorkingDate);\r\n    }\r\n  };\r\n\r\n  /** @internal */\r\n  public override componentDidMount() {\r\n    this._isMounted = true;\r\n    this.setStateFromProps(); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentWillUnmount() {\r\n    this._isMounted = false;\r\n  }\r\n\r\n  /** @internal */\r\n  public override componentDidUpdate(prevProps: PropertyEditorProps) {\r\n    if (this.props.propertyRecord !== prevProps.propertyRecord) {\r\n      this.setStateFromProps(); // eslint-disable-line @typescript-eslint/no-floating-promises\r\n    }\r\n  }\r\n\r\n  private async setStateFromProps() {\r\n    const record = this.props.propertyRecord;\r\n    let initialValue: Date | undefined;\r\n    let typeConverter: TypeConverter | undefined;\r\n    let timeDisplay: TimeDisplay | undefined;\r\n    let alternateDateFormat = AlternateDateFormats.None;\r\n    let editInUtc = false;\r\n\r\n    // istanbul ignore else\r\n    if (this.props.showTime)\r\n      timeDisplay = TimeDisplay.H12MC;\r\n\r\n    // istanbul ignore else\r\n    if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {\r\n      // istanbul ignore else\r\n      if (record.value.value instanceof Date)\r\n        initialValue = new Date(record.value.value);\r\n      else if (typeof record.value.value === \"string\")\r\n        initialValue = new Date(record.value.value);\r\n      else if (record.value.value === undefined)\r\n        initialValue = new Date();\r\n\r\n      typeConverter = TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name);\r\n\r\n      const options = record.property.converter?.options;\r\n      if (options) {\r\n        // istanbul ignore else\r\n        if (\"alternateDateFormat\" in options) {\r\n          // istanbul ignore else\r\n          if (DateTimeTypeConverterBase.isAlternateDateFormats(options.alternateDateFormat)) {\r\n            timeDisplay = TimeDisplay.H24MS;\r\n            alternateDateFormat = options.alternateDateFormat;\r\n          }\r\n        }\r\n\r\n        if (\"timeDisplay\" in options && this.props.showTime) {\r\n          timeDisplay = options.timeDisplay;\r\n          // use 24 hr time display if alternateDateFormat is defined\r\n          // istanbul ignore next\r\n          if (alternateDateFormat && timeDisplay !== TimeDisplay.H24MS && timeDisplay !== TimeDisplay.H24M)\r\n            timeDisplay = TimeDisplay.H24MS;\r\n        }\r\n\r\n        // istanbul ignore else\r\n        if (alternateDateFormat) {\r\n          editInUtc = true;\r\n\r\n          if (this.props.showTime) {\r\n            if (alternateDateFormat === AlternateDateFormats.IsoShort) {\r\n              alternateDateFormat = AlternateDateFormats.IsoDateTime;\r\n            }\r\n            if (alternateDateFormat === AlternateDateFormats.UtcShort) {\r\n              alternateDateFormat = AlternateDateFormats.UtcDateTime;\r\n            }\r\n            if (alternateDateFormat === AlternateDateFormats.UtcShortWithDay) {\r\n              alternateDateFormat = AlternateDateFormats.UtcDateTimeWithDay;\r\n            }\r\n          } else {\r\n            timeDisplay = undefined;\r\n            if (alternateDateFormat === AlternateDateFormats.IsoDateTime)\r\n              alternateDateFormat = AlternateDateFormats.IsoShort;\r\n            if (alternateDateFormat === AlternateDateFormats.UtcDateTime)\r\n              alternateDateFormat = AlternateDateFormats.UtcShort;\r\n            if (alternateDateFormat === AlternateDateFormats.UtcDateTimeWithDay)\r\n              alternateDateFormat = AlternateDateFormats.UtcShortWithDay;\r\n          }\r\n        }\r\n      }\r\n    }\r\n\r\n    // istanbul ignore next\r\n    if (!initialValue) {\r\n      throw new Error(\"Bad Value\");\r\n    }\r\n\r\n    // istanbul ignore next\r\n    if (!typeConverter) {\r\n      throw new Error(\"Unable to determine TypeConverter\");\r\n    }\r\n\r\n    const isDisabled = record && !!record.isDisabled;\r\n    const displayValue = await typeConverter.convertPropertyToString(record!.property, initialValue);\r\n\r\n    // istanbul ignore else\r\n    if (this._isMounted)\r\n      this.setState({\r\n        value: initialValue,\r\n        isDisabled,\r\n        timeDisplay,\r\n        typeConverter,\r\n        displayValue,\r\n        editInUtc,\r\n      });\r\n  }\r\n\r\n  private _handleEnter = async (): Promise<void> => {\r\n    this._enterKey = true;\r\n    await this._handleCommit();\r\n  };\r\n\r\n  private _handleClose = async (): Promise<void> => {\r\n    if (this._enterKey) {\r\n      this._enterKey = false;\r\n    } else {\r\n      // istanbul ignore next\r\n      if (this.props.onCancel)\r\n        this.props.onCancel();\r\n    }\r\n  };\r\n\r\n  private _handleOk = async (_event: React.MouseEvent): Promise<void> => {\r\n    await this._handleCommit();\r\n  };\r\n\r\n  private _handleCancel = (_event: React.MouseEvent): void => {\r\n    // istanbul ignore else\r\n    if (this.props.onCancel) {\r\n      this.props.onCancel();\r\n    }\r\n  };\r\n\r\n  private _handleCommit = async (): Promise<void> => {\r\n    // istanbul ignore else\r\n    if (this.props.propertyRecord && this.props.onCommit) {\r\n      const propertyValue = await this.getPropertyValue();\r\n      // istanbul ignore else\r\n      if (propertyValue !== undefined) {\r\n        this.props.onCommit({ propertyRecord: this.props.propertyRecord, newValue: propertyValue });\r\n      }\r\n    }\r\n  };\r\n\r\n  /** @internal */\r\n  public override render(): React.ReactNode {\r\n    const date = this.state.editInUtc ? adjustDateToTimezone(this.state.value, 0) : this.state.value;\r\n    const timeSpec: TimeSpec = {\r\n      hours: date.getHours(),\r\n      minutes: date.getMinutes(),\r\n      seconds: date.getSeconds(),\r\n    };\r\n\r\n    const className = classnames(\"components-cell-editor\", \"components-datetime-editor\", this.props.className);\r\n\r\n    return (\r\n      <div className={className} ref={this._divElement}>\r\n        <PopupButton label={this.state.displayValue} onClose={this._handleClose} onEnter={this._handleEnter}\r\n          setFocus={this.props.setFocus}>\r\n          <PopupContent>\r\n            <>\r\n              <div className=\"components-date-picker-calendar-popup-panel\" data-testid=\"components-date-picker-calendar-popup-panel\">\r\n                <DatePicker selected={date} onDateChange={this._handleChange} showFocusOutline={false} />\r\n                {this.state.timeDisplay &&\r\n                  <div className=\"time-container\">\r\n                    <BodyText className=\"time-label\">{\"Time\"}</BodyText>\r\n                    <TimeField time={timeSpec} timeDisplay={this.state.timeDisplay} onTimeChange={this._handleTimeChange} />\r\n                  </div>\r\n                }\r\n              </div>\r\n            </>\r\n            <PopupOkCancelButtons onOk={this._handleOk} onCancel={this._handleCancel} />\r\n          </PopupContent>\r\n        </PopupButton>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n\r\n/** DateTime Property Editor registered for the \"number\" type name and \"DateTime\" editor name.\r\n  * It uses the [[DateTimeEditor]] React component.\r\n  * @internal\r\n  */\r\nexport class ShortDateTimePropertyEditor extends PropertyEditorBase {\r\n  public get reactNode(): React.ReactNode {\r\n    return <DateTimeEditor showTime={false} />;\r\n  }\r\n  // istanbul ignore next\r\n  public override get containerHandlesTab(): boolean {\r\n    return false;\r\n  }\r\n}\r\n\r\n/** DateTime Property Editor registered for the \"number\" type name and \"DateTime\" editor name.\r\n  * It uses the [[DateTimeEditor]] React component.\r\n  * @internal\r\n  */\r\nexport class DateTimePropertyEditor extends PropertyEditorBase {\r\n  public get reactNode(): React.ReactNode {\r\n    return <DateTimeEditor showTime={true} />;\r\n  }\r\n  // istanbul ignore next\r\n  public override get containerHandlesTab(): boolean {\r\n    return false;\r\n  }\r\n}\r\n\r\nPropertyEditorManager.registerEditor(StandardTypeNames.ShortDate, ShortDateTimePropertyEditor);\r\nPropertyEditorManager.registerEditor(StandardTypeNames.DateTime, DateTimePropertyEditor);\r\n"]}
+{"version":3,"file":"DateTimeEditor.js","sourceRoot":"","sources":["../../../../src/components-react/editors/DateTimeEditor.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 \"./DateTimeEditor.scss\";\nimport classnames from \"classnames\";\nimport * as React from \"react\";\nimport {\n  AlternateDateFormats, PropertyValue, PropertyValueFormat, StandardTypeNames, TimeDisplay,\n} from \"@itwin/appui-abstract\";\nimport { PropertyEditorProps, TypeEditor } from \"./EditorContainer\";\nimport { PropertyEditorBase, PropertyEditorManager } from \"./PropertyEditorManager\";\nimport { PopupButton, PopupContent, PopupOkCancelButtons } from \"./PopupButton\";\nimport { TimeField, TimeSpec } from \"../datepicker/TimeField\";\nimport { TypeConverter } from \"../converters/TypeConverter\";\nimport { DatePicker } from \"../datepicker/DatePicker\";\nimport { TypeConverterManager } from \"../converters/TypeConverterManager\";\nimport { DateTimeTypeConverterBase } from \"../converters/DateTimeTypeConverter\";\nimport { BodyText } from \"@itwin/core-react\";\nimport { adjustDateToTimezone } from \"../common/DateUtils\";\n\n// cSpell:ignore datepicker\n\n/** @internal */\ninterface DateTimeEditorState {\n  value: Date;\n  displayValue?: string;\n  timeDisplay?: TimeDisplay;\n  isDisabled?: boolean;\n  typeConverter?: TypeConverter;\n  editInUtc: boolean;\n}\n\n/** @internal */\ninterface DateTimeEditorProps extends PropertyEditorProps {\n  showTime?: boolean;\n}\n\n/** DateTimeEditor React component that is a property editor for selection of date and time.\n * @internal\n */\nexport class DateTimeEditor extends React.PureComponent<DateTimeEditorProps, DateTimeEditorState> implements TypeEditor {\n  private _isMounted = false;\n  private _enterKey = false;\n  private _divElement = React.createRef<HTMLDivElement>();\n\n  /** @internal */\n  public override readonly state: Readonly<DateTimeEditorState> = {\n    value: new Date(),\n    editInUtc: false,\n  };\n\n  public async getPropertyValue(): Promise<PropertyValue | undefined> {\n    const record = this.props.propertyRecord;\n    let propertyValue: PropertyValue | undefined;\n\n    // istanbul ignore else\n    if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {\n      propertyValue = {\n        valueFormat: PropertyValueFormat.Primitive,\n        value: this.state.value,\n        displayValue: this.state.displayValue,\n      };\n    }\n\n    return propertyValue;\n  }\n\n  public get htmlElement(): HTMLElement | null {\n    return this._divElement.current;\n  }\n\n  public get hasFocus(): boolean {\n    let containsFocus = false;\n    // istanbul ignore else\n    if (this.htmlElement)\n      containsFocus = this.htmlElement.contains(document.activeElement);\n    return containsFocus;\n  }\n\n  public async processDateChange(typeConverter: TypeConverter, newValue: Date): Promise<void> {\n    // istanbul ignore else\n    if (this.props.propertyRecord) {\n      const displayValue = await typeConverter.convertPropertyToString(this.props.propertyRecord.property, newValue);\n      this.setState({\n        value: newValue,\n        displayValue,\n      });\n    }\n  }\n\n  private _handleChange = (newValue: Date): void => {\n    // istanbul ignore else\n    if (this._isMounted && this.state.typeConverter) {\n      // istanbul ignore else\n      if (this.state.editInUtc) {\n        newValue = adjustDateToTimezone(newValue, newValue.getTimezoneOffset() * -1);\n      }\n\n      // eslint-disable-next-line @typescript-eslint/no-floating-promises\n      this.processDateChange(this.state.typeConverter, newValue);\n    }\n  };\n\n  private _handleTimeChange = (time: TimeSpec): void => {\n    // Combine new time into selected Date\n    if (this.state.editInUtc) {\n      const newWorkingDate = adjustDateToTimezone(this.state.value, 0);\n      newWorkingDate.setUTCHours(time.hours, time.minutes, time.seconds);\n      this._handleChange(newWorkingDate);\n    } else {\n      const newWorkingDate = new Date(this.state.value.getTime());\n      newWorkingDate.setHours(time.hours, time.minutes, time.seconds);\n      this._handleChange(newWorkingDate);\n    }\n  };\n\n  /** @internal */\n  public override componentDidMount() {\n    this._isMounted = true;\n    this.setStateFromProps(); // eslint-disable-line @typescript-eslint/no-floating-promises\n  }\n\n  /** @internal */\n  public override componentWillUnmount() {\n    this._isMounted = false;\n  }\n\n  /** @internal */\n  public override componentDidUpdate(prevProps: PropertyEditorProps) {\n    if (this.props.propertyRecord !== prevProps.propertyRecord) {\n      this.setStateFromProps(); // eslint-disable-line @typescript-eslint/no-floating-promises\n    }\n  }\n\n  private async setStateFromProps() {\n    const record = this.props.propertyRecord;\n    let initialValue: Date | undefined;\n    let typeConverter: TypeConverter | undefined;\n    let timeDisplay: TimeDisplay | undefined;\n    let alternateDateFormat = AlternateDateFormats.None;\n    let editInUtc = false;\n\n    // istanbul ignore else\n    if (this.props.showTime)\n      timeDisplay = TimeDisplay.H12MC;\n\n    // istanbul ignore else\n    if (record && record.value.valueFormat === PropertyValueFormat.Primitive) {\n      // istanbul ignore else\n      if (record.value.value instanceof Date)\n        initialValue = new Date(record.value.value);\n      else if (typeof record.value.value === \"string\")\n        initialValue = new Date(record.value.value);\n      else if (record.value.value === undefined)\n        initialValue = new Date();\n\n      typeConverter = TypeConverterManager.getConverter(record.property.typename, record.property.converter?.name);\n\n      const options = record.property.converter?.options;\n      if (options) {\n        // istanbul ignore else\n        if (\"alternateDateFormat\" in options) {\n          // istanbul ignore else\n          if (DateTimeTypeConverterBase.isAlternateDateFormats(options.alternateDateFormat)) {\n            timeDisplay = TimeDisplay.H24MS;\n            alternateDateFormat = options.alternateDateFormat;\n          }\n        }\n\n        if (\"timeDisplay\" in options && this.props.showTime) {\n          timeDisplay = options.timeDisplay;\n          // use 24 hr time display if alternateDateFormat is defined\n          // istanbul ignore next\n          if (alternateDateFormat && timeDisplay !== TimeDisplay.H24MS && timeDisplay !== TimeDisplay.H24M)\n            timeDisplay = TimeDisplay.H24MS;\n        }\n\n        // istanbul ignore else\n        if (alternateDateFormat) {\n          editInUtc = true;\n\n          if (this.props.showTime) {\n            if (alternateDateFormat === AlternateDateFormats.IsoShort) {\n              alternateDateFormat = AlternateDateFormats.IsoDateTime;\n            }\n            if (alternateDateFormat === AlternateDateFormats.UtcShort) {\n              alternateDateFormat = AlternateDateFormats.UtcDateTime;\n            }\n            if (alternateDateFormat === AlternateDateFormats.UtcShortWithDay) {\n              alternateDateFormat = AlternateDateFormats.UtcDateTimeWithDay;\n            }\n          } else {\n            timeDisplay = undefined;\n            if (alternateDateFormat === AlternateDateFormats.IsoDateTime)\n              alternateDateFormat = AlternateDateFormats.IsoShort;\n            if (alternateDateFormat === AlternateDateFormats.UtcDateTime)\n              alternateDateFormat = AlternateDateFormats.UtcShort;\n            if (alternateDateFormat === AlternateDateFormats.UtcDateTimeWithDay)\n              alternateDateFormat = AlternateDateFormats.UtcShortWithDay;\n          }\n        }\n      }\n    }\n\n    // istanbul ignore next\n    if (!initialValue) {\n      throw new Error(\"Bad Value\");\n    }\n\n    // istanbul ignore next\n    if (!typeConverter) {\n      throw new Error(\"Unable to determine TypeConverter\");\n    }\n\n    const isDisabled = record && !!record.isDisabled;\n    const displayValue = await typeConverter.convertPropertyToString(record!.property, initialValue);\n\n    // istanbul ignore else\n    if (this._isMounted)\n      this.setState({\n        value: initialValue,\n        isDisabled,\n        timeDisplay,\n        typeConverter,\n        displayValue,\n        editInUtc,\n      });\n  }\n\n  private _handleEnter = async (): Promise<void> => {\n    this._enterKey = true;\n    await this._handleCommit();\n  };\n\n  private _handleClose = async (): Promise<void> => {\n    if (this._enterKey) {\n      this._enterKey = false;\n    } else {\n      // istanbul ignore next\n      if (this.props.onCancel)\n        this.props.onCancel();\n    }\n  };\n\n  private _handleOk = async (_event: React.MouseEvent): Promise<void> => {\n    await this._handleCommit();\n  };\n\n  private _handleCancel = (_event: React.MouseEvent): void => {\n    // istanbul ignore else\n    if (this.props.onCancel) {\n      this.props.onCancel();\n    }\n  };\n\n  private _handleCommit = async (): Promise<void> => {\n    // istanbul ignore else\n    if (this.props.propertyRecord && this.props.onCommit) {\n      const propertyValue = await this.getPropertyValue();\n      // istanbul ignore else\n      if (propertyValue !== undefined) {\n        this.props.onCommit({ propertyRecord: this.props.propertyRecord, newValue: propertyValue });\n      }\n    }\n  };\n\n  /** @internal */\n  public override render(): React.ReactNode {\n    const date = this.state.editInUtc ? adjustDateToTimezone(this.state.value, 0) : this.state.value;\n    const timeSpec: TimeSpec = {\n      hours: date.getHours(),\n      minutes: date.getMinutes(),\n      seconds: date.getSeconds(),\n    };\n\n    const className = classnames(\"components-cell-editor\", \"components-datetime-editor\", this.props.className);\n\n    return (\n      <div className={className} ref={this._divElement}>\n        <PopupButton label={this.state.displayValue} onClose={this._handleClose} onEnter={this._handleEnter}\n          setFocus={this.props.setFocus}>\n          <PopupContent>\n            <>\n              <div className=\"components-date-picker-calendar-popup-panel\" data-testid=\"components-date-picker-calendar-popup-panel\">\n                <DatePicker selected={date} onDateChange={this._handleChange} showFocusOutline={false} />\n                {this.state.timeDisplay &&\n                  <div className=\"time-container\">\n                    <BodyText className=\"time-label\">{\"Time\"}</BodyText>\n                    <TimeField time={timeSpec} timeDisplay={this.state.timeDisplay} onTimeChange={this._handleTimeChange} />\n                  </div>\n                }\n              </div>\n            </>\n            <PopupOkCancelButtons onOk={this._handleOk} onCancel={this._handleCancel} />\n          </PopupContent>\n        </PopupButton>\n      </div>\n    );\n  }\n}\n\n/** DateTime Property Editor registered for the \"number\" type name and \"DateTime\" editor name.\n  * It uses the [[DateTimeEditor]] React component.\n  * @internal\n  */\nexport class ShortDateTimePropertyEditor extends PropertyEditorBase {\n  public get reactNode(): React.ReactNode {\n    return <DateTimeEditor showTime={false} />;\n  }\n  // istanbul ignore next\n  public override get containerHandlesTab(): boolean {\n    return false;\n  }\n}\n\n/** DateTime Property Editor registered for the \"number\" type name and \"DateTime\" editor name.\n  * It uses the [[DateTimeEditor]] React component.\n  * @internal\n  */\nexport class DateTimePropertyEditor extends PropertyEditorBase {\n  public get reactNode(): React.ReactNode {\n    return <DateTimeEditor showTime={true} />;\n  }\n  // istanbul ignore next\n  public override get containerHandlesTab(): boolean {\n    return false;\n  }\n}\n\nPropertyEditorManager.registerEditor(StandardTypeNames.ShortDate, ShortDateTimePropertyEditor);\nPropertyEditorManager.registerEditor(StandardTypeNames.DateTime, DateTimePropertyEditor);\n"]}

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

@@ -1,9 +1,9 @@
-/*---------------------------------------------------------------------------------------------
-* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
-* See LICENSE.md in the project root for license terms and full copyright notice.
-*--------------------------------------------------------------------------------------------*/
-// cSpell:ignore datetime
-
-.components-datetime-editor {
-  min-width:          100%;
-}
+/*---------------------------------------------------------------------------------------------
+* Copyright (c) Bentley Systems, Incorporated. All rights reserved.
+* See LICENSE.md in the project root for license terms and full copyright notice.
+*--------------------------------------------------------------------------------------------*/
+// cSpell:ignore datetime
+
+.components-datetime-editor {
+  min-width:          100%;
+}

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

@@ -1,83 +1,83 @@
-/** @packageDocumentation
- * @module PropertyEditors
- */
-import "./EditorContainer.scss";
-import * as React from "react";
-import { PropertyRecord, PropertyValue } from "@itwin/appui-abstract";
-import { CommonProps } from "@itwin/core-react";
-/** Arguments for the Property Updated event callback
- * @public
- */
-export interface PropertyUpdatedArgs {
-    /** The property being updated. */
-    propertyRecord: PropertyRecord;
-    /** The new value for the property. */
-    newValue: PropertyValue;
-}
-/** Properties for a property editor component
- * @public
- */
-export interface PropertyEditorProps extends CommonProps {
-    /** The property being updated. */
-    propertyRecord?: PropertyRecord;
-    /** Handler for commit */
-    onCommit?: (args: PropertyUpdatedArgs) => void;
-    /** Handler for cancel */
-    onCancel?: () => void;
-    /** Handler for blur */
-    onBlur?: (event: React.FocusEvent) => void;
-    /** Indicates whether the Property Editor should set focus */
-    setFocus?: boolean;
-}
-/** [[EditorContainer]] React component properties
- * @public
- */
-export interface EditorContainerProps extends CommonProps {
-    /** The property being updated. */
-    propertyRecord: PropertyRecord;
-    /** Tooltip text */
-    title?: string;
-    /** Handler for commit */
-    onCommit: (args: PropertyUpdatedArgs) => void;
-    /** Handler for cancel */
-    onCancel: () => void;
-    /** Indicates whether the Property Editor should set focus */
-    setFocus?: boolean;
-    /** @internal */
-    ignoreEditorBlur?: boolean;
-}
-/** Interface implemented by React based type editors
- * @public
- */
-export interface TypeEditor {
-    getPropertyValue: () => Promise<PropertyValue | undefined>;
-    htmlElement: HTMLElement | null;
-    hasFocus: boolean;
-}
-/**
- * EditorContainer React component used by the Table, Tree and PropertyGrid for cell editing.
- * @public
- */
-export declare class EditorContainer extends React.PureComponent<EditorContainerProps> {
-    private _editorRef;
-    private _propertyEditor;
-    private createEditor;
-    private _handleEditorBlur;
-    private _handleContainerBlur;
-    private _handleClick;
-    private _handleKeyDown;
-    private _handleRightClick;
-    private onPressEscape;
-    private onPressEnter;
-    private onPressTab;
-    private displayOutputMessage;
-    private isNewValueValid;
-    private _handleEditorCommit;
-    private _handleContainerCommit;
-    private _commit;
-    private _handleEditorCancel;
-    private _commitCancel;
-    /** @internal */
-    render(): JSX.Element;
-}
+/** @packageDocumentation
+ * @module PropertyEditors
+ */
+import "./EditorContainer.scss";
+import * as React from "react";
+import { PropertyRecord, PropertyValue } from "@itwin/appui-abstract";
+import { CommonProps } from "@itwin/core-react";
+/** Arguments for the Property Updated event callback
+ * @public
+ */
+export interface PropertyUpdatedArgs {
+    /** The property being updated. */
+    propertyRecord: PropertyRecord;
+    /** The new value for the property. */
+    newValue: PropertyValue;
+}
+/** Properties for a property editor component
+ * @public
+ */
+export interface PropertyEditorProps extends CommonProps {
+    /** The property being updated. */
+    propertyRecord?: PropertyRecord;
+    /** Handler for commit */
+    onCommit?: (args: PropertyUpdatedArgs) => void;
+    /** Handler for cancel */
+    onCancel?: () => void;
+    /** Handler for blur */
+    onBlur?: (event: React.FocusEvent) => void;
+    /** Indicates whether the Property Editor should set focus */
+    setFocus?: boolean;
+}
+/** [[EditorContainer]] React component properties
+ * @public
+ */
+export interface EditorContainerProps extends CommonProps {
+    /** The property being updated. */
+    propertyRecord: PropertyRecord;
+    /** Tooltip text */
+    title?: string;
+    /** Handler for commit */
+    onCommit: (args: PropertyUpdatedArgs) => void;
+    /** Handler for cancel */
+    onCancel: () => void;
+    /** Indicates whether the Property Editor should set focus */
+    setFocus?: boolean;
+    /** @internal */
+    ignoreEditorBlur?: boolean;
+}
+/** Interface implemented by React based type editors
+ * @public
+ */
+export interface TypeEditor {
+    getPropertyValue: () => Promise<PropertyValue | undefined>;
+    htmlElement: HTMLElement | null;
+    hasFocus: boolean;
+}
+/**
+ * EditorContainer React component used by the Table, Tree and PropertyGrid for cell editing.
+ * @public
+ */
+export declare class EditorContainer extends React.PureComponent<EditorContainerProps> {
+    private _editorRef;
+    private _propertyEditor;
+    private createEditor;
+    private _handleEditorBlur;
+    private _handleContainerBlur;
+    private _handleClick;
+    private _handleKeyDown;
+    private _handleRightClick;
+    private onPressEscape;
+    private onPressEnter;
+    private onPressTab;
+    private displayOutputMessage;
+    private isNewValueValid;
+    private _handleEditorCommit;
+    private _handleContainerCommit;
+    private _commit;
+    private _handleEditorCancel;
+    private _commitCancel;
+    /** @internal */
+    render(): JSX.Element;
+}
 //# sourceMappingURL=EditorContainer.d.ts.map

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

@@ -1,160 +1,160 @@
-/*---------------------------------------------------------------------------------------------
-* 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 "./EditorContainer.scss";
-import * as React from "react";
-import { SpecialKey, UiAdmin } from "@itwin/appui-abstract";
-import { PropertyEditorManager } from "./PropertyEditorManager";
-/**
- * EditorContainer React component used by the Table, Tree and PropertyGrid for cell editing.
- * @public
- */
-export class EditorContainer extends React.PureComponent {
-    constructor() {
-        super(...arguments);
-        this._handleEditorBlur = (_e) => {
-            // istanbul ignore else
-            if (!this.props.ignoreEditorBlur && this._propertyEditor && this._propertyEditor.containerHandlesBlur)
-                this._handleContainerCommit(); // eslint-disable-line @typescript-eslint/no-floating-promises
-        };
-        this._handleContainerBlur = (e) => {
-            e.stopPropagation();
-        };
-        this._handleClick = (e) => {
-            e.stopPropagation();
-        };
-        this._handleKeyDown = (e) => {
-            switch (e.key) {
-                case SpecialKey.Escape:
-                    this.onPressEscape(e);
-                    break;
-                case SpecialKey.Enter:
-                    this.onPressEnter(e);
-                    break;
-                case SpecialKey.Tab:
-                    this.onPressTab(e);
-                    break;
-                default:
-                    if (this._propertyEditor && this._propertyEditor.containerStopsKeydownPropagation)
-                        e.stopPropagation();
-            }
-        };
-        this._handleRightClick = (e) => {
-            e.stopPropagation();
-        };
-        this._handleEditorCommit = (args) => {
-            this._commit(args); // eslint-disable-line @typescript-eslint/no-floating-promises
-        };
-        this._handleContainerCommit = async () => {
-            const newValue = this._editorRef && await this._editorRef.getPropertyValue();
-            // istanbul ignore else
-            if (newValue !== undefined) {
-                this._commit({ propertyRecord: this.props.propertyRecord, newValue }); // eslint-disable-line @typescript-eslint/no-floating-promises
-            }
-        };
-        this._commit = async (args) => {
-            const newValue = args.newValue;
-            const isValid = await this.isNewValueValid(newValue);
-            if (isValid) {
-                let doCommit = true;
-                // istanbul ignore else
-                if (this._propertyEditor && args.propertyRecord) {
-                    const commitResult = await this._propertyEditor.commitValue(newValue, args.propertyRecord);
-                    if (commitResult.encounteredError) {
-                        this.displayOutputMessage(commitResult.errorMessage);
-                        doCommit = false;
-                    }
-                }
-                if (doCommit) {
-                    this.props.onCommit(args);
-                }
-            }
-        };
-        this._handleEditorCancel = () => {
-            this._commitCancel();
-        };
-        this._commitCancel = () => {
-            this.props.onCancel();
-        };
-    }
-    createEditor() {
-        const editorRef = (ref) => this._editorRef = ref;
-        const editorProps = {
-            ref: editorRef,
-            onCommit: this._handleEditorCommit,
-            onCancel: this._handleEditorCancel,
-            onBlur: this._handleEditorBlur,
-            propertyRecord: this.props.propertyRecord,
-            setFocus: this.props.setFocus !== undefined ? this.props.setFocus : true,
-            className: this.props.className,
-            style: this.props.style,
-        };
-        const propDescription = this.props.propertyRecord.property;
-        const editorName = propDescription.editor !== undefined ? propDescription.editor.name : undefined;
-        this._propertyEditor = PropertyEditorManager.createEditor(propDescription.typename, editorName, propDescription.dataController);
-        const editorNode = this._propertyEditor.reactNode;
-        let clonedNode = null;
-        // istanbul ignore else
-        if (React.isValidElement(editorNode)) {
-            clonedNode = React.cloneElement(editorNode, editorProps);
-        }
-        return clonedNode;
-    }
-    onPressEscape(_e) {
-        // istanbul ignore else
-        if (this._propertyEditor && this._propertyEditor.containerHandlesEscape) {
-            this._commitCancel();
-        }
-    }
-    onPressEnter(e) {
-        // istanbul ignore else
-        if (this._propertyEditor && this._propertyEditor.containerHandlesEnter) {
-            // istanbul ignore else
-            if (this._editorRef && this._editorRef.hasFocus)
-                e.stopPropagation();
-            this._handleContainerCommit(); // eslint-disable-line @typescript-eslint/no-floating-promises
-        }
-    }
-    onPressTab(e) {
-        // istanbul ignore else
-        if (this._propertyEditor && this._propertyEditor.containerHandlesTab) {
-            e.stopPropagation();
-            this._handleContainerCommit(); // eslint-disable-line @typescript-eslint/no-floating-promises
-        }
-    }
-    displayOutputMessage(errorMessage) {
-        // istanbul ignore else
-        if (errorMessage && this._editorRef) {
-            const htmlElement = this._editorRef && this._editorRef.htmlElement;
-            // istanbul ignore else
-            if (htmlElement)
-                UiAdmin.messagePresenter.displayInputFieldMessage(htmlElement, errorMessage.severity, errorMessage.briefMessage, errorMessage.detailedMessage);
-            else
-                UiAdmin.messagePresenter.displayMessage(errorMessage.severity, errorMessage.briefMessage, errorMessage.detailedMessage, errorMessage.messageType);
-        }
-    }
-    async isNewValueValid(value) {
-        let isValid = true;
-        // istanbul ignore else
-        if (this._propertyEditor && this.props.propertyRecord) {
-            const validateResult = await this._propertyEditor.validateValue(value, this.props.propertyRecord);
-            if (validateResult.encounteredError) {
-                this.displayOutputMessage(validateResult.errorMessage);
-                isValid = false;
-            }
-        }
-        else {
-            isValid = false;
-        }
-        return isValid;
-    }
-    /** @internal */
-    render() {
-        return (React.createElement("span", { className: "components-editor-container", onBlur: this._handleContainerBlur, onKeyDown: this._handleKeyDown, onClick: this._handleClick, onContextMenu: this._handleRightClick, title: this.props.title, "data-testid": "editor-container", role: "presentation" }, this.createEditor()));
-    }
-}
+/*---------------------------------------------------------------------------------------------
+* 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 "./EditorContainer.scss";
+import * as React from "react";
+import { SpecialKey, UiAdmin } from "@itwin/appui-abstract";
+import { PropertyEditorManager } from "./PropertyEditorManager";
+/**
+ * EditorContainer React component used by the Table, Tree and PropertyGrid for cell editing.
+ * @public
+ */
+export class EditorContainer extends React.PureComponent {
+    constructor() {
+        super(...arguments);
+        this._handleEditorBlur = (_e) => {
+            // istanbul ignore else
+            if (!this.props.ignoreEditorBlur && this._propertyEditor && this._propertyEditor.containerHandlesBlur)
+                this._handleContainerCommit(); // eslint-disable-line @typescript-eslint/no-floating-promises
+        };
+        this._handleContainerBlur = (e) => {
+            e.stopPropagation();
+        };
+        this._handleClick = (e) => {
+            e.stopPropagation();
+        };
+        this._handleKeyDown = (e) => {
+            switch (e.key) {
+                case SpecialKey.Escape:
+                    this.onPressEscape(e);
+                    break;
+                case SpecialKey.Enter:
+                    this.onPressEnter(e);
+                    break;
+                case SpecialKey.Tab:
+                    this.onPressTab(e);
+                    break;
+                default:
+                    if (this._propertyEditor && this._propertyEditor.containerStopsKeydownPropagation)
+                        e.stopPropagation();
+            }
+        };
+        this._handleRightClick = (e) => {
+            e.stopPropagation();
+        };
+        this._handleEditorCommit = (args) => {
+            this._commit(args); // eslint-disable-line @typescript-eslint/no-floating-promises
+        };
+        this._handleContainerCommit = async () => {
+            const newValue = this._editorRef && await this._editorRef.getPropertyValue();
+            // istanbul ignore else
+            if (newValue !== undefined) {
+                this._commit({ propertyRecord: this.props.propertyRecord, newValue }); // eslint-disable-line @typescript-eslint/no-floating-promises
+            }
+        };
+        this._commit = async (args) => {
+            const newValue = args.newValue;
+            const isValid = await this.isNewValueValid(newValue);
+            if (isValid) {
+                let doCommit = true;
+                // istanbul ignore else
+                if (this._propertyEditor && args.propertyRecord) {
+                    const commitResult = await this._propertyEditor.commitValue(newValue, args.propertyRecord);
+                    if (commitResult.encounteredError) {
+                        this.displayOutputMessage(commitResult.errorMessage);
+                        doCommit = false;
+                    }
+                }
+                if (doCommit) {
+                    this.props.onCommit(args);
+                }
+            }
+        };
+        this._handleEditorCancel = () => {
+            this._commitCancel();
+        };
+        this._commitCancel = () => {
+            this.props.onCancel();
+        };
+    }
+    createEditor() {
+        const editorRef = (ref) => this._editorRef = ref;
+        const editorProps = {
+            ref: editorRef,
+            onCommit: this._handleEditorCommit,
+            onCancel: this._handleEditorCancel,
+            onBlur: this._handleEditorBlur,
+            propertyRecord: this.props.propertyRecord,
+            setFocus: this.props.setFocus !== undefined ? this.props.setFocus : true,
+            className: this.props.className,
+            style: this.props.style,
+        };
+        const propDescription = this.props.propertyRecord.property;
+        const editorName = propDescription.editor !== undefined ? propDescription.editor.name : undefined;
+        this._propertyEditor = PropertyEditorManager.createEditor(propDescription.typename, editorName, propDescription.dataController);
+        const editorNode = this._propertyEditor.reactNode;
+        let clonedNode = null;
+        // istanbul ignore else
+        if (React.isValidElement(editorNode)) {
+            clonedNode = React.cloneElement(editorNode, editorProps);
+        }
+        return clonedNode;
+    }
+    onPressEscape(_e) {
+        // istanbul ignore else
+        if (this._propertyEditor && this._propertyEditor.containerHandlesEscape) {
+            this._commitCancel();
+        }
+    }
+    onPressEnter(e) {
+        // istanbul ignore else
+        if (this._propertyEditor && this._propertyEditor.containerHandlesEnter) {
+            // istanbul ignore else
+            if (this._editorRef && this._editorRef.hasFocus)
+                e.stopPropagation();
+            this._handleContainerCommit(); // eslint-disable-line @typescript-eslint/no-floating-promises
+        }
+    }
+    onPressTab(e) {
+        // istanbul ignore else
+        if (this._propertyEditor && this._propertyEditor.containerHandlesTab) {
+            e.stopPropagation();
+            this._handleContainerCommit(); // eslint-disable-line @typescript-eslint/no-floating-promises
+        }
+    }
+    displayOutputMessage(errorMessage) {
+        // istanbul ignore else
+        if (errorMessage && this._editorRef) {
+            const htmlElement = this._editorRef && this._editorRef.htmlElement;
+            // istanbul ignore else
+            if (htmlElement)
+                UiAdmin.messagePresenter.displayInputFieldMessage(htmlElement, errorMessage.severity, errorMessage.briefMessage, errorMessage.detailedMessage);
+            else
+                UiAdmin.messagePresenter.displayMessage(errorMessage.severity, errorMessage.briefMessage, errorMessage.detailedMessage, errorMessage.messageType);
+        }
+    }
+    async isNewValueValid(value) {
+        let isValid = true;
+        // istanbul ignore else
+        if (this._propertyEditor && this.props.propertyRecord) {
+            const validateResult = await this._propertyEditor.validateValue(value, this.props.propertyRecord);
+            if (validateResult.encounteredError) {
+                this.displayOutputMessage(validateResult.errorMessage);
+                isValid = false;
+            }
+        }
+        else {
+            isValid = false;
+        }
+        return isValid;
+    }
+    /** @internal */
+    render() {
+        return (React.createElement("span", { className: "components-editor-container", onBlur: this._handleContainerBlur, onKeyDown: this._handleKeyDown, onClick: this._handleClick, onContextMenu: this._handleRightClick, title: this.props.title, "data-testid": "editor-container", role: "presentation" }, this.createEditor()));
+    }
+}
 //# sourceMappingURL=EditorContainer.js.map