@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-ea6161656e

package/components/DateInput/DateInput/DateInput.js

@@ -0,0 +1,520 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
+
+var _dec, _class, _class2, _temp;
+
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { globalObject } from '@skbkontur/global-object';
+import { ConditionalHandler } from "../../../lib/ConditionalHandler";
+import { LENGTH_FULLDATE, MAX_FULLDATE, MIN_FULLDATE } from "../../../lib/date/constants";
+import { InternalDateComponentType } from "../../../lib/date/types";
+import { DatePickerLocaleHelper } from "../../DatePicker/locale";
+import { InputLikeText } from "../../../internal/InputLikeText";
+import { locale } from "../../../lib/locale/decorators";
+import { CalendarIcon } from "../../../internal/icons/16px";
+import { CommonWrapper } from "../../../internal/CommonWrapper";
+import { rootNode } from "../../../lib/rootNode";
+import { createPropsGetter } from "../../../lib/createPropsGetter";
+import { isTheme2022 } from "../../../lib/theming/ThemeHelpers";
+import { FocusControlWrapper } from "../../../internal/FocusControlWrapper";
+import { ThemeContext } from "../../../lib/theming/ThemeContext";
+import { EmotionConsumer } from "../../../lib/theming/Emotion";
+import { CalendarIcon as CalendarIcon2022 } from "../CalendarIcon";
+import { DateFragmentsView } from "../DateFragmentsView";
+import { getStyles } from "../DateInput.styles";
+import { Actions, extractAction } from "../helpers/DateInputKeyboardActions";
+import { InternalDateMediator } from "../helpers/InternalDateMediator";
+export var DateInputDataTids = {
+  icon: 'DateInput__icon'
+};
+export var DateInput = (_dec = locale('DatePicker', DatePickerLocaleHelper), rootNode(_class = _dec(_class = (_temp = _class2 = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(DateInput, _React$Component);
+
+  function DateInput(props) {
+    var _this;
+
+    _this = _React$Component.call(this, props) || this;
+    _this.getProps = createPropsGetter(DateInput.defaultProps);
+    _this.iDateMediator = new InternalDateMediator();
+    _this.inputLikeText = null;
+    _this.dateFragmentsView = null;
+    _this.isMouseDown = false;
+    _this.isMouseFocus = false;
+    _this.ignoringDelimiter = false;
+    _this.blurEvent = null;
+    _this.conditionalHandler = new ConditionalHandler().add(Actions.MoveSelectionLeft, function () {
+      return _this.shiftSelection(-1);
+    }).add(Actions.MoveSelectionRight, function () {
+      return _this.shiftSelection(1);
+    }).add(Actions.Separator, function () {
+      return _this.pressDelimiter();
+    }).add(Actions.MoveSelectionFirst, function () {
+      return _this.selectDateComponent(_this.iDateMediator.getLeftmostType());
+    }).add(Actions.MoveSelectionLast, function () {
+      return _this.selectDateComponent(_this.iDateMediator.getRightmostType());
+    }).add(Actions.Increment, function () {
+      return _this.shiftDateComponent(1);
+    }).add(Actions.Decrement, function () {
+      return _this.shiftDateComponent(-1);
+    }).add(Actions.Digit, function (e) {
+      return _this.inputValue(e);
+    }).add(Actions.ClearSelection, function () {
+      return _this.clearSelected();
+    }).add(Actions.ClearOneChar, function () {
+      return _this.clearOneChar();
+    }).add(Actions.FullSelection, function () {
+      return _this.fullSelection();
+    }).add(Actions.WrongInput, function () {
+      return _this.blink();
+    }).build();
+
+    _this.selectNode = function () {
+      var type = _this.state.selected;
+
+      var dateFragmentsView = _this.dateFragmentsView && _this.dateFragmentsView.getRootNode();
+
+      if (type === null || !_this.inputLikeText || !dateFragmentsView) {
+        return;
+      }
+
+      if (type === InternalDateComponentType.All) {
+        _this.inputLikeText.selectInnerNode(dateFragmentsView, 0, 5);
+
+        return;
+      }
+
+      var index = _this.iDateMediator.getTypesOrder().indexOf(type);
+
+      if (index > -1) {
+        _this.inputLikeText.selectInnerNode(dateFragmentsView, index * 2, index * 2 + 1);
+      }
+    };
+
+    _this.renderIcon = function () {
+      var _this$props = _this.props,
+          withIcon = _this$props.withIcon,
+          _this$props$disabled = _this$props.disabled,
+          disabled = _this$props$disabled === void 0 ? false : _this$props$disabled;
+
+      var size = _this.getProps().size;
+
+      var styles = getStyles(_this.emotion);
+
+      if (withIcon) {
+        var _this$emotion$cx;
+
+        var theme = _this.theme;
+        var icon = isTheme2022(theme) ? /*#__PURE__*/React.createElement(CalendarIcon2022, {
+          size: size
+        }) : /*#__PURE__*/React.createElement(CalendarIcon, null);
+
+        var iconStyles = _this.emotion.cx((_this$emotion$cx = {}, _this$emotion$cx[styles.icon(theme)] = true, _this$emotion$cx[styles.iconSmall(theme)] = size === 'small', _this$emotion$cx[styles.iconMedium(theme)] = size === 'medium', _this$emotion$cx[styles.iconLarge(theme)] = size === 'large', _this$emotion$cx[styles.iconDisabled(theme)] = disabled, _this$emotion$cx));
+
+        return /*#__PURE__*/React.createElement("span", {
+          className: iconStyles,
+          "data-tid": DateInputDataTids.icon
+        }, icon);
+      }
+
+      return null;
+    };
+
+    _this.handleFocus = function (e) {
+      _this.setState(function (prevState) {
+        return {
+          focused: true,
+          selected: _this.isMouseDown && !prevState.focused ? prevState.selected : _this.iDateMediator.getLeftmostType()
+        };
+      });
+
+      if (_this.props.onFocus) {
+        _this.props.onFocus(e);
+      }
+    };
+
+    _this.resetFocus = function () {
+      return _this.updateValue({
+        focused: false,
+        selected: null,
+        inputMode: false
+      });
+    };
+
+    _this.handleBlur = function (e) {
+      _this.resetFocus();
+
+      if (_this.props.onBlur) {
+        var restored = _this.iDateMediator.restore();
+
+        if (restored) {
+          e.persist();
+          _this.blurEvent = e;
+        } else {
+          _this.props.onBlur(e);
+        }
+      }
+    };
+
+    _this.handleMouseDownCapture = function (e) {
+      var isFragment = _this.dateFragmentsView ? _this.dateFragmentsView.isFragment(e.target) : false;
+
+      if (_this.state.focused && !isFragment) {
+        e.preventDefault();
+      }
+
+      _this.isMouseFocus = !_this.state.focused;
+      _this.isMouseDown = isFragment;
+    };
+
+    _this.handleSelectDateComponent = function (type) {
+      if (!(_this.isMouseFocus && _this.iDateMediator.isEmpty())) {
+        _this.selectDateComponent(type);
+      }
+
+      _this.isMouseFocus = false;
+      _this.isMouseDown = false;
+    };
+
+    _this.handleMouseDragStart = function () {
+      _this.setState({
+        dragged: true,
+        selected: null
+      });
+    };
+
+    _this.handleMouseDragEnd = function () {
+      var selection = globalObject.getSelection == null ? void 0 : globalObject.getSelection();
+
+      if (selection && selection.toString().length === LENGTH_FULLDATE && _this.state.selected !== InternalDateComponentType.All) {
+        _this.selectDateComponent(InternalDateComponentType.All);
+      }
+    };
+
+    _this.handleKeyDown = function (e) {
+      if (_this.conditionalHandler(extractAction(e), e)) {
+        e.preventDefault();
+      }
+
+      if (_this.props.onKeyDown) {
+        _this.props.onKeyDown(e);
+      }
+    };
+
+    _this.handlePaste = function (e) {
+      var pasted = e && e.clipboardData.getData('text').trim();
+
+      if (pasted && _this.iDateMediator.validateString(pasted)) {
+        _this.iDateMediator.paste(pasted);
+
+        _this.updateValue();
+      }
+    };
+
+    _this.handleDoubleClick = function () {
+      _this.selectDateComponent(InternalDateComponentType.All);
+    };
+
+    _this.inputLikeTextRef = function (el) {
+      _this.inputLikeText = el;
+    };
+
+    _this.dateFragmentsViewRef = function (el) {
+      _this.dateFragmentsView = el;
+    };
+
+    _this.selectDateComponent = function (selected) {
+      _this.setState({
+        selected: selected,
+        inputMode: false
+      });
+    };
+
+    _this.updateValue = function (state, sync) {
+      if (state === void 0) {
+        state = {};
+      }
+
+      if (sync === void 0) {
+        sync = true;
+      }
+
+      var valueFormatted = _this.iDateMediator.getString();
+
+      var update = function update() {
+        return _this.setState(_extends({}, state, {
+          valueFormatted: valueFormatted
+        }), _this.emitChange);
+      };
+
+      if (sync && React.version.search('18') === 0) {
+        ReactDOM.flushSync(update);
+      } else {
+        update();
+      }
+    };
+
+    _this.updateFromProps = function (sync) {
+      _this.iDateMediator.update(_this.props, _this.locale);
+
+      _this.updateValue({}, sync);
+    };
+
+    _this.fullSelection = function () {
+      _this.selectDateComponent(InternalDateComponentType.All);
+    };
+
+    _this.pressDelimiter = function () {
+      var value = _this.iDateMediator.get(_this.state.selected);
+
+      if (value !== null && value !== '') {
+        if (!_this.ignoringDelimiter) {
+          _this.shiftSelection(1);
+        }
+
+        _this.ignoringDelimiter = false;
+      }
+    };
+
+    _this.emitChange = function () {
+      var value = _this.iDateMediator.getInternalString();
+
+      if (_this.props.value === value) {
+        return;
+      }
+
+      if (_this.props.onValueChange) {
+        _this.props.onValueChange(value);
+      }
+
+      if (_this.blurEvent && _this.props.onBlur) {
+        _this.props.onBlur(_this.blurEvent);
+
+        _this.blurEvent = null;
+      }
+    };
+
+    _this.clearSelected = function () {
+      var selected = _this.state.selected === null ? _this.iDateMediator.getLeftmostType() : _this.state.selected;
+
+      _this.iDateMediator.clear(selected);
+
+      _this.updateValue({
+        inputMode: false,
+        selected: selected === InternalDateComponentType.All ? _this.iDateMediator.getLeftmostType() : selected
+      });
+    };
+
+    _this.clearOneChar = function () {
+      var _this$state = _this.state,
+          selected = _this$state.selected,
+          inputMode = _this$state.inputMode;
+      var nextType = selected === null ? _this.iDateMediator.getRightmostType() : selected;
+
+      if (_this.iDateMediator.isNull(nextType)) {
+        _this.shiftSelection(-1);
+
+        return;
+      }
+
+      if (selected === InternalDateComponentType.All) {
+        _this.iDateMediator.clear(InternalDateComponentType.All);
+
+        _this.updateValue({
+          selected: _this.iDateMediator.getLeftmostType()
+        });
+
+        return;
+      }
+
+      _this.iDateMediator.deleteOneCharRight(nextType, inputMode);
+
+      _this.updateValue({
+        inputMode: _this.iDateMediator.get(nextType) !== null,
+        selected: nextType
+      });
+    };
+
+    _this.shiftDateComponent = function (step) {
+      var selected = _this.state.selected;
+
+      var changed = _this.iDateMediator.shiftDateComponent(selected, step);
+
+      if (!changed) {
+        _this.blink();
+
+        return;
+      }
+
+      _this.updateValue({
+        inputMode: false,
+        selected: selected === InternalDateComponentType.All ? _this.iDateMediator.getLeftmostType() : selected
+      });
+    };
+
+    _this.shiftSelection = function (step) {
+      var selected = _this.iDateMediator.getShiftedType(_this.state.selected, step);
+
+      if (selected !== _this.state.selected) {
+        _this.setState({
+          selected: selected,
+          inputMode: false
+        });
+      }
+    };
+
+    _this.inputValue = function (event) {
+      var selected = _this.state.selected;
+
+      if (selected === InternalDateComponentType.All) {
+        selected = _this.iDateMediator.getLeftmostType();
+
+        _this.iDateMediator.clear(InternalDateComponentType.All);
+
+        _this.setState({
+          selected: selected
+        });
+      }
+
+      var _this$iDateMediator$i = _this.iDateMediator.inputKey(event.key, selected, _this.state.inputMode),
+          inputMode = _this$iDateMediator$i.inputMode,
+          changed = _this$iDateMediator$i.changed;
+
+      if (!changed) {
+        _this.blink();
+
+        return;
+      }
+
+      if (!inputMode) {
+        _this.ignoringDelimiter = true;
+
+        _this.shiftSelection(1);
+      }
+
+      _this.updateValue({
+        inputMode: inputMode
+      });
+    };
+
+    _this.state = {
+      valueFormatted: '',
+      selected: null,
+      inputMode: false,
+      focused: false,
+      dragged: false
+    };
+    return _this;
+  }
+
+  var _proto = DateInput.prototype;
+
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    var _this$getProps = this.getProps(),
+        value = _this$getProps.value,
+        minDate = _this$getProps.minDate,
+        maxDate = _this$getProps.maxDate;
+
+    if (prevProps.value !== value || prevProps.minDate !== minDate || prevProps.maxDate !== maxDate || this.iDateMediator.isChangedLocale(this.locale)) {
+      this.updateFromProps(false);
+    }
+
+    this.selectNode();
+  };
+
+  _proto.componentDidMount = function componentDidMount() {
+    this.updateFromProps(false);
+
+    if (this.props.autoFocus) {
+      this.focus();
+    }
+  };
+
+  _proto.blur = function blur() {
+    if (this.inputLikeText) {
+      this.inputLikeText.blur();
+    }
+  };
+
+  _proto.focus = function focus() {
+    if (this.inputLikeText) {
+      this.inputLikeText.focus();
+    }
+  };
+
+  _proto.blink = function blink() {
+    if (this.inputLikeText) {
+      this.inputLikeText.blink();
+    }
+  };
+
+  _proto.render = function render() {
+    var _this2 = this;
+
+    return /*#__PURE__*/React.createElement(EmotionConsumer, null, function (emotion) {
+      _this2.emotion = emotion;
+      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+        _this2.theme = theme;
+        return _this2.renderMain();
+      });
+    });
+  };
+
+  _proto.renderMain = function renderMain() {
+    var _this$emotion$cx2;
+
+    var _this$state2 = this.state,
+        focused = _this$state2.focused,
+        selected = _this$state2.selected,
+        inputMode = _this$state2.inputMode,
+        valueFormatted = _this$state2.valueFormatted;
+    var showValue = Boolean(focused || valueFormatted);
+
+    var _this$getProps2 = this.getProps(),
+        width = _this$getProps2.width,
+        size = _this$getProps2.size;
+
+    var styles = getStyles(this.emotion);
+    return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+      rootNodeRef: this.setRootNode
+    }, this.props), /*#__PURE__*/React.createElement(FocusControlWrapper, {
+      onBlurWhenDisabled: this.resetFocus
+    }, /*#__PURE__*/React.createElement(InputLikeText, {
+      width: width,
+      ref: this.inputLikeTextRef,
+      size: size,
+      disabled: this.props.disabled,
+      error: this.props.error,
+      warning: this.props.warning,
+      onBlur: this.handleBlur,
+      onFocus: this.handleFocus,
+      onClick: this.props.onClick,
+      onKeyDown: this.handleKeyDown,
+      onMouseDownCapture: this.handleMouseDownCapture,
+      onPaste: this.handlePaste,
+      rightIcon: this.renderIcon(),
+      onDoubleClickCapture: this.handleDoubleClick,
+      onMouseDragStart: this.handleMouseDragStart,
+      onMouseDragEnd: this.handleMouseDragEnd,
+      value: this.iDateMediator.getInternalString(),
+      inputMode: 'numeric',
+      takeContentWidth: true
+    }, /*#__PURE__*/React.createElement("span", {
+      className: this.emotion.cx(styles.value(), (_this$emotion$cx2 = {}, _this$emotion$cx2[styles.valueVisible()] = showValue, _this$emotion$cx2))
+    }, /*#__PURE__*/React.createElement(DateFragmentsView, {
+      ref: this.dateFragmentsViewRef,
+      fragments: this.iDateMediator.getFragments(),
+      onSelectDateComponent: this.handleSelectDateComponent,
+      selected: selected,
+      inputMode: inputMode
+    })))));
+  };
+
+  return DateInput;
+}(React.Component), _class2.__KONTUR_REACT_UI__ = 'DateInput', _class2.displayName = 'DateInput', _class2.defaultProps = {
+  value: '',
+  minDate: MIN_FULLDATE,
+  maxDate: MAX_FULLDATE,
+  size: 'small',
+  width: 125
+}, _temp)) || _class) || _class);

package/components/DateInput/DateInput/DateInput.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DateInput.tsx"],"names":["React","ReactDOM","globalObject","ConditionalHandler","LENGTH_FULLDATE","MAX_FULLDATE","MIN_FULLDATE","InternalDateComponentType","DatePickerLocaleHelper","InputLikeText","locale","CalendarIcon","CommonWrapper","rootNode","createPropsGetter","isTheme2022","FocusControlWrapper","ThemeContext","EmotionConsumer","CalendarIcon2022","DateFragmentsView","getStyles","Actions","extractAction","InternalDateMediator","DateInputDataTids","icon","DateInput","props","getProps","defaultProps","iDateMediator","inputLikeText","dateFragmentsView","isMouseDown","isMouseFocus","ignoringDelimiter","blurEvent","conditionalHandler","add","MoveSelectionLeft","shiftSelection","MoveSelectionRight","Separator","pressDelimiter","MoveSelectionFirst","selectDateComponent","getLeftmostType","MoveSelectionLast","getRightmostType","Increment","shiftDateComponent","Decrement","Digit","e","inputValue","ClearSelection","clearSelected","ClearOneChar","clearOneChar","FullSelection","fullSelection","WrongInput","blink","build","selectNode","type","state","selected","getRootNode","All","selectInnerNode","index","getTypesOrder","indexOf","renderIcon","withIcon","disabled","size","styles","emotion","theme","iconStyles","cx","iconSmall","iconMedium","iconLarge","iconDisabled","handleFocus","setState","prevState","focused","onFocus","resetFocus","updateValue","inputMode","handleBlur","onBlur","restored","restore","persist","handleMouseDownCapture","isFragment","target","preventDefault","handleSelectDateComponent","isEmpty","handleMouseDragStart","dragged","handleMouseDragEnd","selection","getSelection","toString","length","handleKeyDown","onKeyDown","handlePaste","pasted","clipboardData","getData","trim","validateString","paste","handleDoubleClick","inputLikeTextRef","el","dateFragmentsViewRef","sync","valueFormatted","getString","update","emitChange","version","search","flushSync","updateFromProps","value","get","getInternalString","onValueChange","clear","nextType","isNull","deleteOneCharRight","step","changed","getShiftedType","event","inputKey","key","componentDidUpdate","prevProps","minDate","maxDate","isChangedLocale","componentDidMount","autoFocus","focus","blur","render","renderMain","showValue","Boolean","width","setRootNode","error","warning","onClick","valueVisible","getFragments","Component","__KONTUR_REACT_UI__","displayName"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { globalObject } from '@skbkontur/global-object';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport { ConditionalHandler } from '../../lib/ConditionalHandler';\nimport { LENGTH_FULLDATE, MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants';\nimport { InternalDateComponentType } from '../../lib/date/types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { DatePickerLocale, DatePickerLocaleHelper } from '../DatePicker/locale';\nimport { InputLikeText } from '../../internal/InputLikeText';\nimport { locale } from '../../lib/locale/decorators';\nimport { CalendarIcon } from '../../internal/icons/16px';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\nimport { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { EmotionConsumer } from '../../lib/theming/Emotion';\n\nimport { CalendarIcon as CalendarIcon2022 } from './CalendarIcon';\nimport { DateFragmentsView } from './DateFragmentsView';\nimport { getStyles } from './DateInput.styles';\nimport { Actions, extractAction } from './helpers/DateInputKeyboardActions';\nimport { InternalDateMediator } from './helpers/InternalDateMediator';\n\nexport interface DateInputState {\n  selected: InternalDateComponentType | null;\n  valueFormatted: string;\n  inputMode: boolean;\n  focused: boolean;\n  dragged: boolean;\n}\n\nexport const DateInputDataTids = {\n  icon: 'DateInput__icon',\n} as const;\n\nexport interface DateInputProps extends CommonProps {\n  autoFocus?: boolean;\n  value?: string;\n  /**\n   * Состояние валидации при ошибке.\n   */\n  error?: boolean;\n  /**\n   * Состояние валидации при предупреждении.\n   */\n  warning?: boolean;\n  disabled?: boolean;\n  /**\n   * Минимальная дата.\n   * @default '01.01.1900'\n   */\n  minDate?: string;\n  /**\n   * Максимальная дата\n   * @default '31.12.2099'\n   */\n  maxDate?: string;\n  /**\n   * Ширина поля\n   * @default 125\n   */\n  width?: string | number;\n  withIcon?: boolean;\n  /**\n   * Размер поля\n   * @default 'small'\n   */\n  size?: SizeProp;\n  onBlur?: (x0: React.FocusEvent<HTMLElement>) => void;\n  onClick?: (x0: React.MouseEvent<HTMLElement>) => void;\n  onFocus?: (x0: React.FocusEvent<HTMLElement>) => void;\n  /**\n   * Вызывается при изменении `value`\n   *\n   * @param value - строка в формате `dd.mm.yyyy`.\n   */\n  onValueChange?: (value: string) => void;\n  onKeyDown?: (x0: React.KeyboardEvent<HTMLElement>) => void;\n}\n\ntype DefaultProps = Required<Pick<DateInputProps, 'value' | 'minDate' | 'maxDate' | 'size' | 'width'>>;\n\n@rootNode\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class DateInput extends React.Component<DateInputProps, DateInputState> {\n  public static __KONTUR_REACT_UI__ = 'DateInput';\n  public static displayName = 'DateInput';\n\n  public static defaultProps: DefaultProps = {\n    value: '',\n    minDate: MIN_FULLDATE,\n    maxDate: MAX_FULLDATE,\n    size: 'small',\n    width: 125,\n  };\n\n  private getProps = createPropsGetter(DateInput.defaultProps);\n\n  private iDateMediator: InternalDateMediator = new InternalDateMediator();\n  private inputLikeText: InputLikeText | null = null;\n  private dateFragmentsView: DateFragmentsView | null = null;\n  private isMouseDown = false;\n  private isMouseFocus = false;\n  private ignoringDelimiter = false;\n  private locale!: DatePickerLocale;\n  private blurEvent: React.FocusEvent<HTMLElement> | null = null;\n  private theme!: Theme;\n  private emotion!: Emotion;\n  private setRootNode!: TSetRootNode;\n  private conditionalHandler = new ConditionalHandler<Actions, [React.KeyboardEvent<HTMLElement>]>()\n    .add(Actions.MoveSelectionLeft, () => this.shiftSelection(-1))\n    .add(Actions.MoveSelectionRight, () => this.shiftSelection(1))\n    .add(Actions.Separator, () => this.pressDelimiter())\n    .add(Actions.MoveSelectionFirst, () => this.selectDateComponent(this.iDateMediator.getLeftmostType()))\n    .add(Actions.MoveSelectionLast, () => this.selectDateComponent(this.iDateMediator.getRightmostType()))\n    .add(Actions.Increment, () => this.shiftDateComponent(1))\n    .add(Actions.Decrement, () => this.shiftDateComponent(-1))\n    .add(Actions.Digit, (e) => this.inputValue(e))\n    .add(Actions.ClearSelection, () => this.clearSelected())\n    .add(Actions.ClearOneChar, () => this.clearOneChar())\n    .add(Actions.FullSelection, () => this.fullSelection())\n    .add(Actions.WrongInput, () => this.blink())\n    .build();\n\n  constructor(props: DateInputProps) {\n    super(props);\n\n    this.state = {\n      valueFormatted: '',\n      selected: null,\n      inputMode: false,\n      focused: false,\n      dragged: false,\n    };\n  }\n\n  public componentDidUpdate(prevProps: DateInputProps) {\n    const { value, minDate, maxDate } = this.getProps();\n    if (\n      prevProps.value !== value ||\n      prevProps.minDate !== minDate ||\n      prevProps.maxDate !== maxDate ||\n      this.iDateMediator.isChangedLocale(this.locale)\n    ) {\n      this.updateFromProps(false);\n    }\n    this.selectNode();\n  }\n\n  public selectNode = () => {\n    const type = this.state.selected;\n    const dateFragmentsView = this.dateFragmentsView && this.dateFragmentsView.getRootNode();\n    if (type === null || !this.inputLikeText || !dateFragmentsView) {\n      return;\n    }\n    if (type === InternalDateComponentType.All) {\n      this.inputLikeText.selectInnerNode(dateFragmentsView, 0, 5);\n      return;\n    }\n    const index = this.iDateMediator.getTypesOrder().indexOf(type);\n    if (index > -1) {\n      this.inputLikeText.selectInnerNode(dateFragmentsView, index * 2, index * 2 + 1);\n    }\n  };\n\n  public componentDidMount(): void {\n    this.updateFromProps(false);\n    if (this.props.autoFocus) {\n      this.focus();\n    }\n  }\n\n  public blur() {\n    if (this.inputLikeText) {\n      this.inputLikeText.blur();\n    }\n  }\n\n  public focus() {\n    if (this.inputLikeText) {\n      this.inputLikeText.focus();\n    }\n  }\n\n  public blink() {\n    if (this.inputLikeText) {\n      this.inputLikeText.blink();\n    }\n  }\n\n  public render() {\n    return (\n      <EmotionConsumer>\n        {(emotion) => {\n          this.emotion = emotion;\n          return (\n            <ThemeContext.Consumer>\n              {(theme) => {\n                this.theme = theme;\n                return this.renderMain();\n              }}\n            </ThemeContext.Consumer>\n          );\n        }}\n      </EmotionConsumer>\n    );\n  }\n\n  private renderMain() {\n    const { focused, selected, inputMode, valueFormatted } = this.state;\n    const showValue = Boolean(focused || valueFormatted);\n    const { width, size } = this.getProps();\n    const styles = getStyles(this.emotion);\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n          <InputLikeText\n            width={width}\n            ref={this.inputLikeTextRef}\n            size={size}\n            disabled={this.props.disabled}\n            error={this.props.error}\n            warning={this.props.warning}\n            onBlur={this.handleBlur}\n            onFocus={this.handleFocus}\n            onClick={this.props.onClick}\n            onKeyDown={this.handleKeyDown}\n            onMouseDownCapture={this.handleMouseDownCapture}\n            onPaste={this.handlePaste}\n            rightIcon={this.renderIcon()}\n            onDoubleClickCapture={this.handleDoubleClick}\n            onMouseDragStart={this.handleMouseDragStart}\n            onMouseDragEnd={this.handleMouseDragEnd}\n            value={this.iDateMediator.getInternalString()}\n            inputMode={'numeric'}\n            takeContentWidth\n          >\n            <span className={this.emotion.cx(styles.value(), { [styles.valueVisible()]: showValue })}>\n              <DateFragmentsView\n                ref={this.dateFragmentsViewRef}\n                fragments={this.iDateMediator.getFragments()}\n                onSelectDateComponent={this.handleSelectDateComponent}\n                selected={selected}\n                inputMode={inputMode}\n              />\n            </span>\n          </InputLikeText>\n        </FocusControlWrapper>\n      </CommonWrapper>\n    );\n  }\n\n  private renderIcon = () => {\n    const { withIcon, disabled = false } = this.props;\n    const size = this.getProps().size;\n    const styles = getStyles(this.emotion);\n    if (withIcon) {\n      const theme = this.theme;\n      const icon = isTheme2022(theme) ? <CalendarIcon2022 size={size} /> : <CalendarIcon />;\n      const iconStyles = this.emotion.cx({\n        [styles.icon(theme)]: true,\n        [styles.iconSmall(theme)]: size === 'small',\n        [styles.iconMedium(theme)]: size === 'medium',\n        [styles.iconLarge(theme)]: size === 'large',\n        [styles.iconDisabled(theme)]: disabled,\n      });\n      return (\n        <span className={iconStyles} data-tid={DateInputDataTids.icon}>\n          {icon}\n        </span>\n      );\n    }\n    return null;\n  };\n\n  private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n    this.setState((prevState) => ({\n      focused: true,\n      selected: this.isMouseDown && !prevState.focused ? prevState.selected : this.iDateMediator.getLeftmostType(),\n    }));\n\n    if (this.props.onFocus) {\n      this.props.onFocus(e);\n    }\n  };\n\n  private resetFocus = () => this.updateValue({ focused: false, selected: null, inputMode: false });\n\n  private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n    this.resetFocus();\n\n    if (this.props.onBlur) {\n      const restored = this.iDateMediator.restore();\n      if (restored) {\n        e.persist();\n        this.blurEvent = e;\n      } else {\n        this.props.onBlur(e);\n      }\n    }\n  };\n\n  private handleMouseDownCapture = (e: React.MouseEvent<HTMLSpanElement>) => {\n    const isFragment = this.dateFragmentsView ? this.dateFragmentsView.isFragment(e.target) : false;\n    if (this.state.focused && !isFragment) {\n      e.preventDefault();\n    }\n    this.isMouseFocus = !this.state.focused;\n    this.isMouseDown = isFragment;\n  };\n\n  private handleSelectDateComponent = (type: InternalDateComponentType) => {\n    if (!(this.isMouseFocus && this.iDateMediator.isEmpty())) {\n      this.selectDateComponent(type);\n    }\n    this.isMouseFocus = false;\n    this.isMouseDown = false;\n  };\n\n  private handleMouseDragStart = () => {\n    this.setState({ dragged: true, selected: null });\n  };\n\n  private handleMouseDragEnd = () => {\n    const selection = globalObject.getSelection?.();\n    if (\n      selection &&\n      selection.toString().length === LENGTH_FULLDATE &&\n      this.state.selected !== InternalDateComponentType.All\n    ) {\n      this.selectDateComponent(InternalDateComponentType.All);\n    }\n  };\n\n  private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n    if (this.conditionalHandler(extractAction(e), e)) {\n      e.preventDefault();\n    }\n    if (this.props.onKeyDown) {\n      this.props.onKeyDown(e);\n    }\n  };\n\n  private handlePaste = (e: React.ClipboardEvent<HTMLElement>) => {\n    const pasted = e && e.clipboardData.getData('text').trim();\n    if (pasted && this.iDateMediator.validateString(pasted)) {\n      this.iDateMediator.paste(pasted);\n      this.updateValue();\n    }\n  };\n\n  private handleDoubleClick = () => {\n    this.selectDateComponent(InternalDateComponentType.All);\n  };\n\n  private inputLikeTextRef = (el: InputLikeText | null) => {\n    this.inputLikeText = el;\n  };\n\n  private dateFragmentsViewRef = (el: DateFragmentsView | null) => {\n    this.dateFragmentsView = el;\n  };\n\n  private selectDateComponent = (selected: InternalDateComponentType | null): void => {\n    this.setState({ selected, inputMode: false });\n  };\n\n  private updateValue = (state: Partial<DateInputState> = {}, sync = true): void => {\n    const valueFormatted = this.iDateMediator.getString();\n\n    const update = () => this.setState({ ...state, valueFormatted } as DateInputState, this.emitChange);\n\n    if (sync && React.version.search('18') === 0) {\n      ReactDOM.flushSync(update);\n    } else {\n      update();\n    }\n  };\n\n  private updateFromProps = (sync: boolean): void => {\n    this.iDateMediator.update(this.props, this.locale);\n\n    this.updateValue({}, sync);\n  };\n\n  private fullSelection = (): void => {\n    this.selectDateComponent(InternalDateComponentType.All);\n  };\n\n  private pressDelimiter = (): void => {\n    const value = this.iDateMediator.get(this.state.selected);\n    if (value !== null && value !== '') {\n      if (!this.ignoringDelimiter) {\n        this.shiftSelection(1);\n      }\n      this.ignoringDelimiter = false;\n    }\n  };\n\n  private emitChange = (): void => {\n    const value = this.iDateMediator.getInternalString();\n    if (this.props.value === value) {\n      return;\n    }\n    if (this.props.onValueChange) {\n      this.props.onValueChange(value);\n    }\n    if (this.blurEvent && this.props.onBlur) {\n      this.props.onBlur(this.blurEvent);\n      this.blurEvent = null;\n    }\n  };\n\n  private clearSelected = (): void => {\n    const selected = this.state.selected === null ? this.iDateMediator.getLeftmostType() : this.state.selected;\n    this.iDateMediator.clear(selected);\n    this.updateValue({\n      inputMode: false,\n      selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\n    });\n  };\n\n  private clearOneChar = (): void => {\n    const { selected, inputMode } = this.state;\n    const nextType = selected === null ? this.iDateMediator.getRightmostType() : selected;\n    if (this.iDateMediator.isNull(nextType)) {\n      this.shiftSelection(-1);\n      return;\n    }\n    if (selected === InternalDateComponentType.All) {\n      this.iDateMediator.clear(InternalDateComponentType.All);\n      this.updateValue({ selected: this.iDateMediator.getLeftmostType() });\n      return;\n    }\n    this.iDateMediator.deleteOneCharRight(nextType, inputMode);\n    this.updateValue({\n      inputMode: this.iDateMediator.get(nextType) !== null,\n      selected: nextType,\n    });\n  };\n\n  private shiftDateComponent = (step: number): void => {\n    const { selected } = this.state;\n    const changed = this.iDateMediator.shiftDateComponent(selected, step);\n    if (!changed) {\n      this.blink();\n      return;\n    }\n    this.updateValue({\n      inputMode: false,\n      selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\n    });\n  };\n\n  private shiftSelection = (step: number): void => {\n    const selected = this.iDateMediator.getShiftedType(this.state.selected, step);\n    if (selected !== this.state.selected) {\n      this.setState({ selected, inputMode: false });\n    }\n  };\n\n  private inputValue = (event: React.KeyboardEvent<HTMLElement>): void => {\n    let selected = this.state.selected;\n    if (selected === InternalDateComponentType.All) {\n      selected = this.iDateMediator.getLeftmostType();\n      this.iDateMediator.clear(InternalDateComponentType.All);\n      this.setState({ selected });\n    }\n    const { inputMode, changed } = this.iDateMediator.inputKey(event.key, selected, this.state.inputMode);\n    if (!changed) {\n      this.blink();\n      return;\n    }\n\n    if (!inputMode) {\n      this.ignoringDelimiter = true;\n      this.shiftSelection(1);\n    }\n    this.updateValue({ inputMode });\n  };\n}\n"]}

package/components/DateInput/DateInput/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/components/DateInput/DateInput.js",
+  "module": "DateInput",
+  "types": "../DateInput.d.ts",
+  "sideEffects": false
+}