@skbkontur/react-ui 5.6.1-9a162.0 → 5.6.1-e2bc4.0

package/components/DateInput/DateInput.js

@@ -0,0 +1,375 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import React from 'react';
+import ReactDOM from 'react-dom';
+import { ConditionalHandler } from '../../lib/ConditionalHandler.js';
+import { LENGTH_FULLDATE, MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants.js';
+import { InternalDateComponentType } from '../../lib/date/types.js';
+import { DatePickerLocaleHelper } from '../DatePicker/locale/index.js';
+import { InputLikeText } from '../../internal/InputLikeText/index.js';
+import { locale } from '../../lib/locale/decorators.js';
+import { ThemeContext } from '../../lib/theming/ThemeContext.js';
+import { CommonWrapper } from '../../internal/CommonWrapper/index.js';
+import { rootNode } from '../../lib/rootNode/index.js';
+import { createPropsGetter } from '../../lib/createPropsGetter.js';
+import { FocusControlWrapper } from '../../internal/FocusControlWrapper/index.js';
+import { withSize } from '../../lib/size/SizeDecorator.js';
+import { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';
+import { CalendarIcon } from './CalendarIcon.js';
+import { DateFragmentsView } from './DateFragmentsView.js';
+import { getStyles } from './DateInput.styles.js';
+import { Actions, extractAction } from './helpers/DateInputKeyboardActions.js';
+import { InternalDateMediator } from './helpers/InternalDateMediator.js';
+export var DateInputDataTids = {
+    root: 'DateInput__root',
+    icon: 'DateInput__icon',
+};
+/**
+ * Компонент поля `DateInput` из DatePicker'а помогает выбирать дату с клавиатуры.
+ */
+var DateInput = /** @class */ (function (_super) {
+    __extends(DateInput, _super);
+    function DateInput(props) {
+        var _this = _super.call(this, props) || this;
+        _this.getProps = createPropsGetter(DateInput_1.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 _a;
+            var _b = _this.props, withIcon = _b.withIcon, _c = _b.disabled, disabled = _c === void 0 ? false : _c;
+            var size = _this.size;
+            if (withIcon) {
+                var theme = _this.theme;
+                var icon = React.createElement(CalendarIcon, { size: size });
+                var iconStyles = _this.cx((_a = {},
+                    _a[_this.styles.icon(theme)] = true,
+                    _a[_this.styles.iconSmall(theme)] = size === 'small',
+                    _a[_this.styles.iconMedium(theme)] = size === 'medium',
+                    _a[_this.styles.iconLarge(theme)] = size === 'large',
+                    _a[_this.styles.iconDisabled(theme)] = disabled,
+                    _a));
+                return (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 }, 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 _a, _b;
+            var selection = (_b = (_a = _this.globalObject).getSelection) === null || _b === void 0 ? void 0 : _b.call(_a);
+            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 () { return _this.setState(__assign(__assign({}, 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 () {
+            if (_this.props.onValueChange) {
+                var value = _this.iDateMediator.getInternalString();
+                if (_this.props.value !== value) {
+                    _this.props.onValueChange(value);
+                }
+            }
+            // `this.blurEvent` is always null in `flushSync` without `setTimeout` due to sync update
+            setTimeout(function () {
+                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 _a = _this.state, selected = _a.selected, inputMode = _a.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 inputMode = _this.iDateMediator.inputKey(event.key, selected, _this.state.inputMode).inputMode;
+            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;
+    }
+    DateInput_1 = DateInput;
+    DateInput.prototype.componentDidUpdate = function (prevProps) {
+        var _a = this.getProps(), value = _a.value, minDate = _a.minDate, maxDate = _a.maxDate;
+        if (prevProps.value !== value ||
+            prevProps.minDate !== minDate ||
+            prevProps.maxDate !== maxDate ||
+            this.iDateMediator.isChangedLocale(this.locale)) {
+            this.updateFromProps(false);
+        }
+        !this.props.disabled && this.selectNode();
+    };
+    DateInput.prototype.componentDidMount = function () {
+        this.updateFromProps(false);
+        if (this.props.autoFocus) {
+            this.focus();
+        }
+    };
+    DateInput.prototype.blur = function () {
+        if (this.inputLikeText) {
+            this.inputLikeText.blur();
+        }
+    };
+    DateInput.prototype.focus = function () {
+        if (this.inputLikeText) {
+            this.inputLikeText.focus();
+        }
+    };
+    DateInput.prototype.blink = function () {
+        if (this.inputLikeText) {
+            this.inputLikeText.blink();
+        }
+    };
+    DateInput.prototype.render = function () {
+        var _this = this;
+        this.styles = getStyles(this.emotion);
+        return (React.createElement(ThemeContext.Consumer, null, function (theme) {
+            _this.theme = theme;
+            return _this.renderMain();
+        }));
+    };
+    DateInput.prototype.renderMain = function () {
+        var _a;
+        var _b = this.state, focused = _b.focused, selected = _b.selected, inputMode = _b.inputMode, valueFormatted = _b.valueFormatted;
+        var showValue = Boolean(focused || valueFormatted);
+        var width = this.getProps().width;
+        return (React.createElement(CommonWrapper, __assign({ rootNodeRef: this.setRootNode }, this.props),
+            React.createElement(FocusControlWrapper, { onBlurWhenDisabled: this.resetFocus },
+                React.createElement(InputLikeText, { "data-tid": DateInputDataTids.root, id: this.props.id, width: width, ref: this.inputLikeTextRef, size: this.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, "aria-describedby": this.props['aria-describedby'], "aria-label": this.props['aria-label'], "aria-labelledby": this.props['aria-labelledby'] },
+                    React.createElement("span", { className: this.cx(this.styles.value(), (_a = {}, _a[this.styles.valueVisible()] = showValue, _a)) },
+                        React.createElement(DateFragmentsView, { ref: this.dateFragmentsViewRef, fragments: this.iDateMediator.getFragments(), onSelectDateComponent: this.handleSelectDateComponent, selected: selected, inputMode: inputMode }))))));
+    };
+    var DateInput_1;
+    DateInput.__KONTUR_REACT_UI__ = 'DateInput';
+    DateInput.displayName = 'DateInput';
+    DateInput.defaultProps = {
+        value: '',
+        minDate: MIN_FULLDATE,
+        maxDate: MAX_FULLDATE,
+        width: 125,
+    };
+    DateInput = DateInput_1 = __decorate([
+        withRenderEnvironment,
+        rootNode,
+        locale('DatePicker', DatePickerLocaleHelper),
+        withSize
+    ], DateInput);
+    return DateInput;
+}(React.Component));
+export { DateInput };
+//# sourceMappingURL=DateInput.js.map

package/components/DateInput/DateInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../../components/DateInput/DateInput.tsx"],"names":[],"mappings":"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","sourcesContent":["import type { AriaAttributes, HTMLAttributes } from 'react';\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject.js';\nimport { ConditionalHandler } from '../../lib/ConditionalHandler.js';\nimport { LENGTH_FULLDATE, MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants.js';\nimport { InternalDateComponentType } from '../../lib/date/types.js';\nimport type { Theme } from '../../lib/theming/Theme.js';\nimport type { DatePickerLocale } from '../DatePicker/locale/index.js';\nimport { DatePickerLocaleHelper } from '../DatePicker/locale/index.js';\nimport { InputLikeText } from '../../internal/InputLikeText/index.js';\nimport { locale } from '../../lib/locale/decorators.js';\nimport { ThemeContext } from '../../lib/theming/ThemeContext.js';\nimport type { CommonProps } from '../../internal/CommonWrapper/index.js';\nimport { CommonWrapper } from '../../internal/CommonWrapper/index.js';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode/index.js';\nimport { rootNode } from '../../lib/rootNode/index.js';\nimport { createPropsGetter } from '../../lib/createPropsGetter.js';\nimport type { SizeProp } from '../../lib/types/props.js';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper/index.js';\nimport { withSize } from '../../lib/size/SizeDecorator.js';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment/index.js';\n\nimport { CalendarIcon } from './CalendarIcon.js';\nimport { DateFragmentsView } from './DateFragmentsView.js';\nimport { getStyles } from './DateInput.styles.js';\nimport { Actions, extractAction } from './helpers/DateInputKeyboardActions.js';\nimport { InternalDateMediator } from './helpers/InternalDateMediator.js';\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  root: 'DateInput__root',\n  icon: 'DateInput__icon',\n} as const;\n\nexport interface DateInputProps\n  extends CommonProps,\n    Pick<AriaAttributes, 'aria-describedby' | 'aria-label' | 'aria-labelledby'>,\n    Pick<HTMLAttributes<HTMLElement>, 'id'> {\n  /** Устанавливает фокус на контроле после окончания загрузки страницы. */\n  autoFocus?: boolean;\n\n  /** Устанавливает значение датаинпута. */\n  value?: string;\n\n  /** Переводит контрол в состояние валидации \"ошибка\". */\n  error?: boolean;\n\n  /** Переводит контрол в состояние валидации \"предупреждение\". */\n  warning?: boolean;\n\n  /** Делает компонент недоступным. */\n  disabled?: boolean;\n\n  /** Задает минимальную возможную дату в формате `dd.mm.yyyy`. */\n  minDate?: string;\n\n  /** Задает максимальную возможную дату в формате `dd.mm.yyyy` */\n  maxDate?: string;\n\n  /** Задает ширину поля. */\n  width?: string | number;\n\n  /** Добавляет иконку календаря. */\n  withIcon?: boolean;\n\n  /** Задает размер поля. */\n  size?: SizeProp;\n\n  /** Задает функцию, которая вызывается при потере датаинпутом фокуса. */\n  onBlur?: (x0: React.FocusEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при клике на датаинпут. */\n  onClick?: (x0: React.MouseEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при получении датаинпутом фокуса. */\n  onFocus?: (x0: React.FocusEvent<HTMLElement>) => void;\n\n  /** Задает функцию, которая вызывается при изменении value.\n   * @param value - строка в формате `dd.mm.yyyy`. */\n  onValueChange?: (value: string) => void;\n\n  /** Задает функцию, которая вызывается при нажатии кнопки на клавиатуре. */\n  onKeyDown?: (x0: React.KeyboardEvent<HTMLElement>) => void;\n}\n\ntype DefaultProps = Required<Pick<DateInputProps, 'value' | 'minDate' | 'maxDate' | 'width'>>;\n\n/**\n * Компонент поля `DateInput` из DatePicker'а помогает выбирать дату с клавиатуры.\n */\n@withRenderEnvironment\n@rootNode\n@locale('DatePicker', DatePickerLocaleHelper)\n@withSize\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    width: 125,\n  };\n  private size!: SizeProp;\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 globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n  public getRootNode!: TGetRootNode;\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.props.disabled && this.selectNode();\n  }\n\n  public selectNode = (): void => {\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(): void {\n    if (this.inputLikeText) {\n      this.inputLikeText.blur();\n    }\n  }\n\n  public focus(): void {\n    if (this.inputLikeText) {\n      this.inputLikeText.focus();\n    }\n  }\n\n  public blink(): void {\n    if (this.inputLikeText) {\n      this.inputLikeText.blink();\n    }\n  }\n\n  public render(): React.JSX.Element {\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return this.renderMain();\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private renderMain() {\n    const { focused, selected, inputMode, valueFormatted } = this.state;\n    const showValue = Boolean(focused || valueFormatted);\n    const { width } = this.getProps();\n\n    return (\n      <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n        <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n          <InputLikeText\n            data-tid={DateInputDataTids.root}\n            id={this.props.id}\n            width={width}\n            ref={this.inputLikeTextRef}\n            size={this.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            aria-describedby={this.props['aria-describedby']}\n            aria-label={this.props['aria-label']}\n            aria-labelledby={this.props['aria-labelledby']}\n          >\n            <span className={this.cx(this.styles.value(), { [this.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.size;\n\n    if (withIcon) {\n      const theme = this.theme;\n      const icon = <CalendarIcon size={size} />;\n      const iconStyles = this.cx({\n        [this.styles.icon(theme)]: true,\n        [this.styles.iconSmall(theme)]: size === 'small',\n        [this.styles.iconMedium(theme)]: size === 'medium',\n        [this.styles.iconLarge(theme)]: size === 'large',\n        [this.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 }, 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 = this.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    if (this.props.onValueChange) {\n      const value = this.iDateMediator.getInternalString();\n      if (this.props.value !== value) {\n        this.props.onValueChange(value);\n      }\n    }\n\n    // `this.blurEvent` is always null in `flushSync` without `setTimeout` due to sync update\n    setTimeout(() => {\n      if (this.blurEvent && this.props.onBlur) {\n        this.props.onBlur(this.blurEvent);\n        this.blurEvent = null;\n      }\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\n    const { inputMode } = this.iDateMediator.inputKey(event.key, selected, this.state.inputMode);\n\n    if (!inputMode) {\n      this.ignoringDelimiter = true;\n      this.shiftSelection(1);\n    }\n    this.updateValue({ inputMode });\n  };\n}\n"]}

package/components/DateInput/DateInput.styles.d.ts

@@ -1,5 +1,6 @@
-import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+import type { Emotion } from '@emotion/css/create-instance';
+import type { Theme } from '../../lib/theming/Theme.js';
+export declare const getStyles: (emotion: Emotion) => {
     icon(t: Theme): string;
     iconSmall(t: Theme): string;
     iconMedium(t: Theme): string;

package/components/DateInput/DateInput.styles.js

@@ -0,0 +1,29 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+export var getStyles = function (emotion) { return ({
+    icon: function (t) {
+        return emotion.css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      cursor: pointer;\n      color: ", ";\n    "], ["\n      cursor: pointer;\n      color: ", ";\n    "])), t.dateInputIconColor);
+    },
+    iconSmall: function (t) {
+        return emotion.css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n      font-size: ", ";\n    "], ["\n      font-size: ", ";\n    "])), t.inputFontSizeSmall);
+    },
+    iconMedium: function (t) {
+        return emotion.css(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n      font-size: ", ";\n    "], ["\n      font-size: ", ";\n    "])), t.inputFontSizeMedium);
+    },
+    iconLarge: function (t) {
+        return emotion.css(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n      font-size: ", ";\n    "], ["\n      font-size: ", ";\n    "])), t.inputFontSizeLarge);
+    },
+    iconDisabled: function (t) {
+        return emotion.css(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n      cursor: default;\n      color: ", ";\n    "], ["\n      cursor: default;\n      color: ", ";\n    "])), t.textColorDisabled);
+    },
+    value: function () {
+        return emotion.css(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n      visibility: hidden;\n    "], ["\n      visibility: hidden;\n    "])));
+    },
+    valueVisible: function () {
+        return emotion.css(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n      visibility: visible;\n    "], ["\n      visibility: visible;\n    "])));
+    },
+}); };
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+//# sourceMappingURL=DateInput.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateInput.styles.js","sourceRoot":"","sources":["../../../components/DateInput/DateInput.styles.ts"],"names":[],"mappings":";;;;AAIA,MAAM,CAAC,IAAM,SAAS,GAAG,UACvB,OAAgB,IASb,OAAA,CAAC;IACJ,IAAI,YAAC,CAAQ;QACX,OAAO,OAAO,CAAC,GAAG,uHAAA,yCAEP,EAAoB,SAC9B,KADU,CAAC,CAAC,kBAAkB,EAC7B;IACJ,CAAC;IAED,SAAS,YAAC,CAAQ;QAChB,OAAO,OAAO,CAAC,GAAG,mGAAA,qBACH,EAAoB,SAClC,KADc,CAAC,CAAC,kBAAkB,EACjC;IACJ,CAAC;IAED,UAAU,YAAC,CAAQ;QACjB,OAAO,OAAO,CAAC,GAAG,mGAAA,qBACH,EAAqB,SACnC,KADc,CAAC,CAAC,mBAAmB,EAClC;IACJ,CAAC;IAED,SAAS,YAAC,CAAQ;QAChB,OAAO,OAAO,CAAC,GAAG,mGAAA,qBACH,EAAoB,SAClC,KADc,CAAC,CAAC,kBAAkB,EACjC;IACJ,CAAC;IAED,YAAY,YAAC,CAAQ;QACnB,OAAO,OAAO,CAAC,GAAG,uHAAA,yCAEP,EAAmB,SAC7B,KADU,CAAC,CAAC,iBAAiB,EAC5B;IACJ,CAAC;IAED,KAAK;QACH,OAAO,OAAO,CAAC,GAAG,sGAAA,mCAEjB,KAAC;IACJ,CAAC;IAED,YAAY;QACV,OAAO,OAAO,CAAC,GAAG,uGAAA,oCAEjB,KAAC;IACJ,CAAC;CACF,CAAC,EA5CG,CA4CH,CAAC","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport type { Theme } from '../../lib/theming/Theme.js';\n\nexport const getStyles = (\n  emotion: Emotion,\n): {\n  icon(t: Theme): string;\n  iconSmall(t: Theme): string;\n  iconMedium(t: Theme): string;\n  iconLarge(t: Theme): string;\n  iconDisabled(t: Theme): string;\n  value(): string;\n  valueVisible(): string;\n} => ({\n  icon(t: Theme) {\n    return emotion.css`\n      cursor: pointer;\n      color: ${t.dateInputIconColor};\n    `;\n  },\n\n  iconSmall(t: Theme) {\n    return emotion.css`\n      font-size: ${t.inputFontSizeSmall};\n    `;\n  },\n\n  iconMedium(t: Theme) {\n    return emotion.css`\n      font-size: ${t.inputFontSizeMedium};\n    `;\n  },\n\n  iconLarge(t: Theme) {\n    return emotion.css`\n      font-size: ${t.inputFontSizeLarge};\n    `;\n  },\n\n  iconDisabled(t: Theme) {\n    return emotion.css`\n      cursor: default;\n      color: ${t.textColorDisabled};\n    `;\n  },\n\n  value() {\n    return emotion.css`\n      visibility: hidden;\n    `;\n  },\n\n  valueVisible() {\n    return emotion.css`\n      visibility: visible;\n    `;\n  },\n});\n"]}

package/components/DateInput/helpers/DateInputKeyboardActions.js

@@ -0,0 +1,54 @@
+import { SEPARATOR } from '../../../lib/date/constants.js';
+import * as Keyboard from '../../../lib/events/keyboard/identifiers.js';
+import { KeyboardActionExctracterBuilder } from '../../../lib/extractKeyboardAction.js';
+var delimiters = [
+    function (e) { return new RegExp(SEPARATOR).test(e.key); },
+    Keyboard.isKeySpace,
+    Keyboard.isCodeMinus,
+    Keyboard.isCodeComma,
+    Keyboard.isCodePeriod,
+    Keyboard.isCodeSlash,
+    Keyboard.isCodeBackslash,
+    Keyboard.isCodeIntlBackslash,
+    Keyboard.isCodeNumpadDecimal,
+    Keyboard.isCodeNumpadDivide,
+    Keyboard.isCodeNumpadSubtract,
+];
+export var Actions;
+(function (Actions) {
+    Actions[Actions["Unknown"] = 0] = "Unknown";
+    Actions[Actions["Ignore"] = 1] = "Ignore";
+    Actions[Actions["MoveSelectionLeft"] = 2] = "MoveSelectionLeft";
+    Actions[Actions["MoveSelectionRight"] = 3] = "MoveSelectionRight";
+    Actions[Actions["MoveSelectionFirst"] = 4] = "MoveSelectionFirst";
+    Actions[Actions["MoveSelectionLast"] = 5] = "MoveSelectionLast";
+    Actions[Actions["Decrement"] = 6] = "Decrement";
+    Actions[Actions["Increment"] = 7] = "Increment";
+    Actions[Actions["FullSelection"] = 8] = "FullSelection";
+    Actions[Actions["ClearSelection"] = 9] = "ClearSelection";
+    Actions[Actions["ClearOneChar"] = 10] = "ClearOneChar";
+    Actions[Actions["Digit"] = 11] = "Digit";
+    Actions[Actions["Separator"] = 12] = "Separator";
+    Actions[Actions["WrongInput"] = 13] = "WrongInput";
+    Actions[Actions["PasteValue"] = 14] = "PasteValue";
+    Actions[Actions["CopyValue"] = 15] = "CopyValue";
+})(Actions || (Actions = {}));
+var extractAction = new KeyboardActionExctracterBuilder()
+    .add(Actions.PasteValue, Keyboard.isShortcutPaste)
+    .add(Actions.CopyValue, Keyboard.isShortcutCopy)
+    .add(Actions.FullSelection, Keyboard.isShortcutSelectAll)
+    .add(Actions.Ignore, Keyboard.someKeys(Keyboard.isModified(), Keyboard.isKeyFs, Keyboard.isKeyTab))
+    .add(Actions.MoveSelectionLeft, Keyboard.isKeyArrowLeft)
+    .add(Actions.MoveSelectionRight, Keyboard.isKeyArrowRight)
+    .add(Actions.MoveSelectionFirst, Keyboard.isKeyHome)
+    .add(Actions.MoveSelectionLast, Keyboard.isKeyEnd)
+    .add(Actions.Separator, Keyboard.someKeys.apply(Keyboard, delimiters))
+    .add(Actions.Increment, Keyboard.isKeyArrowUp)
+    .add(Actions.Decrement, Keyboard.isKeyArrowDown)
+    .add(Actions.ClearSelection, function (e) { return Keyboard.isKeyDelete(e); })
+    .add(Actions.ClearOneChar, Keyboard.isKeyBackspace)
+    .add(Actions.Digit, Keyboard.isKeyNumber)
+    .add(Actions.WrongInput, function (e) { return !Keyboard.isKeyNumber(e); })
+    .build(Actions.Unknown);
+export { extractAction };
+//# sourceMappingURL=DateInputKeyboardActions.js.map

package/components/DateInput/helpers/DateInputKeyboardActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateInputKeyboardActions.js","sourceRoot":"","sources":["../../../../components/DateInput/helpers/DateInputKeyboardActions.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,KAAK,QAAQ,MAAM,6CAA6C,CAAC;AACxE,OAAO,EAAE,+BAA+B,EAAE,MAAM,uCAAuC,CAAC;AAExF,IAAM,UAAU,GAAG;IACjB,UAAC,CAAmD,IAAK,OAAA,IAAI,MAAM,CAAC,SAAS,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAAjC,CAAiC;IAC1F,QAAQ,CAAC,UAAU;IACnB,QAAQ,CAAC,WAAW;IACpB,QAAQ,CAAC,WAAW;IACpB,QAAQ,CAAC,YAAY;IACrB,QAAQ,CAAC,WAAW;IACpB,QAAQ,CAAC,eAAe;IACxB,QAAQ,CAAC,mBAAmB;IAC5B,QAAQ,CAAC,mBAAmB;IAC5B,QAAQ,CAAC,kBAAkB;IAC3B,QAAQ,CAAC,oBAAoB;CAC9B,CAAC;AAEF,MAAM,CAAN,IAAY,OAiBX;AAjBD,WAAY,OAAO;IACjB,2CAAO,CAAA;IACP,yCAAM,CAAA;IACN,+DAAiB,CAAA;IACjB,iEAAkB,CAAA;IAClB,iEAAkB,CAAA;IAClB,+DAAiB,CAAA;IACjB,+CAAS,CAAA;IACT,+CAAS,CAAA;IACT,uDAAa,CAAA;IACb,yDAAc,CAAA;IACd,sDAAY,CAAA;IACZ,wCAAK,CAAA;IACL,gDAAS,CAAA;IACT,kDAAU,CAAA;IACV,kDAAU,CAAA;IACV,gDAAS,CAAA;AACX,CAAC,EAjBW,OAAO,KAAP,OAAO,QAiBlB;AAED,IAAM,aAAa,GAAG,IAAI,+BAA+B,EAAW;KACjE,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,eAAe,CAAC;KACjD,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC;KAC/C,GAAG,CAAC,OAAO,CAAC,aAAa,EAAE,QAAQ,CAAC,mBAAmB,CAAC;KACxD,GAAG,CAAC,OAAO,CAAC,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,QAAQ,CAAC,UAAU,EAAE,EAAE,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAC;KAClG,GAAG,CAAC,OAAO,CAAC,iBAAiB,EAAE,QAAQ,CAAC,cAAc,CAAC;KACvD,GAAG,CAAC,OAAO,CAAC,kBAAkB,EAAE,QAAQ,CAAC,eAAe,CAAC;KACzD,GAAG,CAAC,OAAO,CAAC,kBAAkB,EAAE,QAAQ,CAAC,SAAS,CAAC;KACnD,GAAG,CAAC,OAAO,CAAC,iBAAiB,EAAE,QAAQ,CAAC,QAAQ,CAAC;KACjD,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,QAAQ,OAAjB,QAAQ,EAAa,UAAU,EAAE;KACxD,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,YAAY,CAAC;KAC7C,GAAG,CAAC,OAAO,CAAC,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC;KAC/C,GAAG,CAAC,OAAO,CAAC,cAAc,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,EAAvB,CAAuB,CAAC;KAC3D,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,QAAQ,CAAC,cAAc,CAAC;KAClD,GAAG,CAAC,OAAO,CAAC,KAAK,EAAE,QAAQ,CAAC,WAAW,CAAC;KACxC,GAAG,CAAC,OAAO,CAAC,UAAU,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,EAAxB,CAAwB,CAAC;KACxD,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAE1B,OAAO,EAAE,aAAa,EAAE,CAAC","sourcesContent":["import type React from 'react';\n\nimport { SEPARATOR } from '../../../lib/date/constants.js';\nimport * as Keyboard from '../../../lib/events/keyboard/identifiers.js';\nimport { KeyboardActionExctracterBuilder } from '../../../lib/extractKeyboardAction.js';\n\nconst delimiters = [\n  (e: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => new RegExp(SEPARATOR).test(e.key),\n  Keyboard.isKeySpace,\n  Keyboard.isCodeMinus,\n  Keyboard.isCodeComma,\n  Keyboard.isCodePeriod,\n  Keyboard.isCodeSlash,\n  Keyboard.isCodeBackslash,\n  Keyboard.isCodeIntlBackslash,\n  Keyboard.isCodeNumpadDecimal,\n  Keyboard.isCodeNumpadDivide,\n  Keyboard.isCodeNumpadSubtract,\n];\n\nexport enum Actions {\n  Unknown,\n  Ignore,\n  MoveSelectionLeft,\n  MoveSelectionRight,\n  MoveSelectionFirst,\n  MoveSelectionLast,\n  Decrement,\n  Increment,\n  FullSelection,\n  ClearSelection,\n  ClearOneChar,\n  Digit,\n  Separator,\n  WrongInput,\n  PasteValue,\n  CopyValue,\n}\n\nconst extractAction = new KeyboardActionExctracterBuilder<Actions>()\n  .add(Actions.PasteValue, Keyboard.isShortcutPaste)\n  .add(Actions.CopyValue, Keyboard.isShortcutCopy)\n  .add(Actions.FullSelection, Keyboard.isShortcutSelectAll)\n  .add(Actions.Ignore, Keyboard.someKeys(Keyboard.isModified(), Keyboard.isKeyFs, Keyboard.isKeyTab))\n  .add(Actions.MoveSelectionLeft, Keyboard.isKeyArrowLeft)\n  .add(Actions.MoveSelectionRight, Keyboard.isKeyArrowRight)\n  .add(Actions.MoveSelectionFirst, Keyboard.isKeyHome)\n  .add(Actions.MoveSelectionLast, Keyboard.isKeyEnd)\n  .add(Actions.Separator, Keyboard.someKeys(...delimiters))\n  .add(Actions.Increment, Keyboard.isKeyArrowUp)\n  .add(Actions.Decrement, Keyboard.isKeyArrowDown)\n  .add(Actions.ClearSelection, (e) => Keyboard.isKeyDelete(e))\n  .add(Actions.ClearOneChar, Keyboard.isKeyBackspace)\n  .add(Actions.Digit, Keyboard.isKeyNumber)\n  .add(Actions.WrongInput, (e) => !Keyboard.isKeyNumber(e))\n  .build(Actions.Unknown);\n\nexport { extractAction };\n"]}

package/components/DateInput/helpers/InternalDateMediator.d.ts

@@ -1,22 +1,22 @@
-import { InternalDate } from '../../../lib/date/InternalDate';
-import type { InputKeyResult, InternalDateTypesOrder } from '../../../lib/date/types';
-import { InternalDateComponentType } from '../../../lib/date/types';
-import type { DatePickerLocale } from '../../DatePicker/locale';
-import type { DateInputProps } from '../DateInput';
+import { InternalDate } from '../../../lib/date/InternalDate.js';
+import type { InputKeyResult, InternalDateComponentRaw, InternalDateFragment, InternalDateTypesOrder } from '../../../lib/date/types.js';
+import { InternalDateComponentType } from '../../../lib/date/types.js';
+import type { DatePickerLocale } from '../../DatePicker/locale/index.js';
+import type { DateInputProps } from '../DateInput.js';
 export declare class InternalDateMediator {
     iDate: InternalDate;
     update: (props: DateInputProps, locale: DatePickerLocale) => InternalDateMediator;
-    inputKey(key: string, type: InternalDateComponentType | null, inputMode: boolean, dateInputAllowInvalidValuesInDays?: boolean): InputKeyResult;
+    inputKey(key: string, type: InternalDateComponentType | null, inputMode: boolean): InputKeyResult;
     paste: (pasted: string) => InternalDateMediator;
     restore: () => boolean;
     shiftDateComponent(type: InternalDateComponentType | null, step: number): boolean;
     getShiftedType(type: InternalDateComponentType | null, step: number): InternalDateComponentType | null;
-    getFragments: () => import("../../../lib/date/types").InternalDateFragment[];
+    getFragments: () => InternalDateFragment[];
     deleteOneCharRight: (type: InternalDateComponentType, inputMode: boolean) => void;
     isChangedLocale: (locale: DatePickerLocale) => boolean;
     isNull: (type: InternalDateComponentType | null) => boolean;
     isEmpty: () => boolean;
-    get: (type: InternalDateComponentType | null) => import("../../../lib/date/types").InternalDateComponentRaw;
+    get: (type: InternalDateComponentType | null) => InternalDateComponentRaw;
     clear: (type: InternalDateComponentType | null) => InternalDate;
     validateString: (value: string) => boolean;
     getString: () => string;