@skbkontur/react-ui 0.0.0-dd8159fe6c → 0.0.0-ecefada396

package/cjs/components/DateInput/DateInput.md

@@ -0,0 +1,106 @@
+```jsx harmony
+<DateInput value="27.04.1992" />
+```
+
+```jsx harmony
+const [value, setValue] = React.useState();
+
+<DateInput value={value} onValueChange={setValue} />
+```
+
+```jsx harmony
+<DateInput disabled value="27.04.1992" />
+```
+
+### Форматирование даты при смене локали
+
+```jsx harmony
+import { Gapped, LangCodes, LocaleContext, Select } from '@skbkontur/react-ui';
+
+class DateInputFormatting2 extends React.Component {
+  constructor() {
+    this.state = {
+      langCode: LangCodes.ru_RU,
+      value: '21.12.2012',
+    };
+  }
+
+  render() {
+    return (
+      <Gapped vertical gap={10}>
+        <div>
+          <span style={{ width: '300px', display: 'inline-block' }}>
+            Локаль (<tt>LangCodes</tt>)
+          </span>
+          <Select
+            value={this.state.langCode}
+            placeholder="Выбрать язык"
+            items={Object.values(LangCodes)}
+            onValueChange={langCode => this.setState({ langCode })}
+          />
+        </div>
+        <LocaleContext.Provider value={{ langCode: this.state.langCode }}>
+          <DateInput onValueChange={value => this.setState({ value })} value={this.state.value} />
+        </LocaleContext.Provider>
+      </Gapped>
+    );
+  }
+}
+
+<DateInputFormatting2 />;
+```
+
+### Ручное форматирование даты
+
+```jsx harmony
+import { DateOrder, DateSeparator, Gapped, LocaleContext, Select } from '@skbkontur/react-ui';
+
+class DateInputFormatting extends React.Component {
+  constructor() {
+    this.state = {
+      order: DateOrder.YMD,
+      separator: 'Dot',
+      value: '21.12.2012',
+    };
+  }
+
+  render() {
+    return (
+      <Gapped vertical gap={10}>
+        <div>
+          <span style={{ width: '300px', display: 'inline-block' }}>
+            Порядок компонентов (<tt>DateOrder</tt>)
+          </span>
+          <Select
+            value={this.state.order}
+            items={Object.keys(DateOrder)}
+            onValueChange={order => this.setState({ order })}
+          />
+        </div>
+        <div>
+          <span style={{ width: '300px', display: 'inline-block' }}>
+            Разделитель (<tt>DateSeparator</tt>)
+          </span>
+          <Select
+            value={this.state.separator}
+            items={Object.keys(DateSeparator)}
+            onValueChange={separator => this.setState({ separator })}
+          />
+        </div>
+        <LocaleContext.Provider value={{
+          locale:{
+            DatePicker: {
+              separator: DateSeparator[this.state.separator],
+              order: this.state.order,
+            },
+          }}}
+        >
+          <DateInput onValueChange={value => this.setState({ value })} value={this.state.value} />
+        </LocaleContext.Provider>
+      </Gapped>
+    );
+  }
+}
+
+<DateInputFormatting />;
+```

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

@@ -0,0 +1,10 @@
+import { Theme } from '../../lib/theming/Theme';
+export declare const styles: {
+    icon(t: Theme): string;
+    iconSmall(t: Theme): string;
+    iconMedium(t: Theme): string;
+    iconLarge(t: Theme): string;
+    iconDisabled(t: Theme): string;
+    value(): string;
+    valueVisible(): string;
+};

package/cjs/components/DateInput/DateInput.styles.js

@@ -0,0 +1,47 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.styles = void 0;var _taggedTemplateLiteralLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteralLoose"));var _Emotion = require("../../lib/theming/Emotion");var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+
+
+var styles = {
+  icon: function icon(t) {
+    return (0, _Emotion.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: pointer;\n      color: ", ";\n    "])),
+
+    t.dateInputIconColor);
+
+  },
+
+  iconSmall: function iconSmall(t) {
+    return (0, _Emotion.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n    "])),
+    t.inputFontSizeSmall);
+
+  },
+
+  iconMedium: function iconMedium(t) {
+    return (0, _Emotion.css)(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n    "])),
+    t.inputFontSizeMedium);
+
+  },
+
+  iconLarge: function iconLarge(t) {
+    return (0, _Emotion.css)(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteralLoose2.default)(["\n      font-size: ", ";\n    "])),
+    t.inputFontSizeLarge);
+
+  },
+
+  iconDisabled: function iconDisabled(t) {
+    return (0, _Emotion.css)(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteralLoose2.default)(["\n      cursor: default;\n      color: ", ";\n    "])),
+
+    t.textColorDisabled);
+
+  },
+
+  value: function value() {
+    return (0, _Emotion.css)(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 0;\n    "])));
+
+
+  },
+
+  valueVisible: function valueVisible() {
+    return (0, _Emotion.css)(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteralLoose2.default)(["\n      opacity: 1;\n    "])));
+
+
+  } };exports.styles = styles;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["DateInput.styles.ts"],"names":["styles","icon","t","css","dateInputIconColor","iconSmall","inputFontSizeSmall","iconMedium","inputFontSizeMedium","iconLarge","inputFontSizeLarge","iconDisabled","textColorDisabled","value","valueVisible"],"mappings":"4QAAA,oD;;;AAGO,IAAMA,MAAM,GAAG;AACpBC,EAAAA,IADoB,gBACfC,CADe,EACL;AACb,eAAOC,YAAP;;AAEWD,IAAAA,CAAC,CAACE,kBAFb;;AAID,GANmB;;AAQpBC,EAAAA,SARoB,qBAQVH,CARU,EAQA;AAClB,eAAOC,YAAP;AACeD,IAAAA,CAAC,CAACI,kBADjB;;AAGD,GAZmB;;AAcpBC,EAAAA,UAdoB,sBAcTL,CAdS,EAcC;AACnB,eAAOC,YAAP;AACeD,IAAAA,CAAC,CAACM,mBADjB;;AAGD,GAlBmB;;AAoBpBC,EAAAA,SApBoB,qBAoBVP,CApBU,EAoBA;AAClB,eAAOC,YAAP;AACeD,IAAAA,CAAC,CAACQ,kBADjB;;AAGD,GAxBmB;;AA0BpBC,EAAAA,YA1BoB,wBA0BPT,CA1BO,EA0BG;AACrB,eAAOC,YAAP;;AAEWD,IAAAA,CAAC,CAACU,iBAFb;;AAID,GA/BmB;;AAiCpBC,EAAAA,KAjCoB,mBAiCZ;AACN,eAAOV,YAAP;;;AAGD,GArCmB;;AAuCpBW,EAAAA,YAvCoB,0BAuCL;AACb,eAAOX,YAAP;;;AAGD,GA3CmB,EAAf,C","sourcesContent":["import { css } from '../../lib/theming/Emotion';\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const styles = {\n  icon(t: Theme) {\n    return css`\n      cursor: pointer;\n      color: ${t.dateInputIconColor};\n    `;\n  },\n\n  iconSmall(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeSmall};\n    `;\n  },\n\n  iconMedium(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeMedium};\n    `;\n  },\n\n  iconLarge(t: Theme) {\n    return css`\n      font-size: ${t.inputFontSizeLarge};\n    `;\n  },\n\n  iconDisabled(t: Theme) {\n    return css`\n      cursor: default;\n      color: ${t.textColorDisabled};\n    `;\n  },\n\n  value() {\n    return css`\n      opacity: 0;\n    `;\n  },\n\n  valueVisible() {\n    return css`\n      opacity: 1;\n    `;\n  },\n};\n"]}

package/cjs/components/DateInput/ViewDateInputValidateChecks.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+interface DateInputValidateChecksProps {
+    value: string;
+    minDate: string;
+    maxDate: string;
+}
+export declare class ViewDateInputValidateChecks extends React.Component<DateInputValidateChecksProps> {
+    render(): JSX.Element;
+}
+export {};

package/cjs/components/DateInput/ViewDateInputValidateChecks.js

@@ -0,0 +1,61 @@
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.ViewDateInputValidateChecks = void 0;var _inheritsLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/inheritsLoose"));var _react = _interopRequireDefault(require("react"));
+
+var _constants = require("../../lib/date/constants");
+var _InternalDate = require("../../lib/date/InternalDate");
+var _types = require("../../lib/date/types");
+var _Checkbox = require("../Checkbox");
+var _Gapped = require("../Gapped");var
+
+
+
+
+
+
+
+ViewDateInputValidateChecks = /*#__PURE__*/function (_React$Component) {(0, _inheritsLoose2.default)(ViewDateInputValidateChecks, _React$Component);function ViewDateInputValidateChecks() {return _React$Component.apply(this, arguments) || this;}var _proto = ViewDateInputValidateChecks.prototype;_proto.
+  render = function render() {
+    var internalDate = new _InternalDate.InternalDate();
+    internalDate.parseInternalValue(this.props.value);
+    internalDate.setRangeStart(this.props.minDate ? new _InternalDate.InternalDate().parseInternalValue(this.props.minDate) : null);
+    internalDate.setRangeEnd(this.props.maxDate ? new _InternalDate.InternalDate().parseInternalValue(this.props.maxDate) : null);
+
+    return /*#__PURE__*/(
+      _react.default.createElement(_Gapped.Gapped, { gap: 10, vertical: true }, /*#__PURE__*/
+      _react.default.createElement("h3", null, "\u0412\u043D\u0443\u0442\u0440\u0435\u043D\u043D\u0438\u0435 \u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0438"), /*#__PURE__*/
+      _react.default.createElement(_Checkbox.Checkbox, { disabled: true, checked: internalDate.validate({ checks: [_types.InternalDateValidateCheck.NotNull] }) }, "\u2B63 ", /*#__PURE__*/
+      _react.default.createElement("code", { style: { color: 'black' } }, "NotNull"), /*#__PURE__*/
+      _react.default.createElement("div", null, "\u0412\u0441\u0435 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u044B \u0434\u0430\u0442\u044B \u0437\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u044B (\u043D\u0435 \u0440\u0430\u0432\u043D\u044B",
+      ' ', /*#__PURE__*/
+      _react.default.createElement("b", null, /*#__PURE__*/
+      _react.default.createElement("code", null, "null")), ")")), /*#__PURE__*/
+
+
+
+
+      _react.default.createElement(_Checkbox.Checkbox, { disabled: true, checked: internalDate.validate({ checks: [_types.InternalDateValidateCheck.Limits] }) }, "\u2B63 ", /*#__PURE__*/
+      _react.default.createElement("code", { style: { color: 'black' } }, "Limits"), /*#__PURE__*/
+      _react.default.createElement("div", null, "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u044B \u0434\u0430\u0442\u044B \u043D\u0435 \u0432\u044B\u0445\u043E\u0434\u044F\u0442 \u0437\u0430 \u0440\u0430\u043C\u043A\u0438 \u043F\u0440\u0435\u0434\u0443\u0441\u0442\u0430\u043D\u043E\u0432\u043B\u0435\u043D\u043D\u044B\u0445 \u043B\u0438\u043C\u0438\u0442\u043E\u0432", /*#__PURE__*/
+
+      _react.default.createElement("br", null), "\u0413\u043E\u0434: ",
+      _constants.MIN_YEAR, " - ", _constants.MAX_YEAR, /*#__PURE__*/
+      _react.default.createElement("br", null), "\u041C\u0435\u0441\u044F\u0446: ",
+      _constants.MIN_MONTH, " - ", _constants.MAX_MONTH, /*#__PURE__*/
+      _react.default.createElement("br", null), "\u0427\u0438\u0441\u043B\u043E: ",
+      _constants.MIN_DATE, " - ", _constants.MAX_DATE)), /*#__PURE__*/
+
+
+      _react.default.createElement(_Checkbox.Checkbox, { disabled: true, checked: internalDate.validate({ checks: [_types.InternalDateValidateCheck.Native] }) }, "\u2B63 ", /*#__PURE__*/
+      _react.default.createElement("code", { style: { color: 'black' } }, "Native"), /*#__PURE__*/
+      _react.default.createElement("div", null, "\u0418\u0437 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u043E\u0432 \u0434\u0430\u0442\u044B \u043C\u043E\u0436\u043D\u043E \u0441\u043E\u0437\u0434\u0430\u0442\u044C \u0432\u0430\u043B\u0438\u0434\u043D\u044B\u0439 \u044D\u043A\u0437\u0435\u043C\u043F\u043B\u044F\u0440 \u043D\u0430\u0442\u0438\u0432\u043D\u043E\u0433\u043E \u043E\u0431\u044A\u0435\u043A\u0442\u0430 ", /*#__PURE__*/
+      _react.default.createElement("code", null, "Date()"))), /*#__PURE__*/
+
+
+      _react.default.createElement(_Checkbox.Checkbox, { disabled: true, checked: internalDate.validate({ checks: [_types.InternalDateValidateCheck.Range] }) }, "\u2B73 ", /*#__PURE__*/
+      _react.default.createElement("code", { style: { color: 'black' } }, "Range"), /*#__PURE__*/
+      _react.default.createElement("div", null, "\u0414\u0430\u0442\u0430 \u043D\u0435 \u0432\u044B\u0445\u043E\u0434\u0438\u0442 \u0437\u0430 \u043F\u0440\u0435\u0434\u0435\u043B\u044B \u0434\u0438\u0430\u043F\u0430\u0437\u043E\u043D\u043E\u0432 ", /*#__PURE__*/
+      _react.default.createElement("code", null, "minDate/maxDate")))));
+
+
+
+
+  };return ViewDateInputValidateChecks;}(_react.default.Component);exports.ViewDateInputValidateChecks = ViewDateInputValidateChecks;

package/cjs/components/DateInput/ViewDateInputValidateChecks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ViewDateInputValidateChecks.tsx"],"names":["ViewDateInputValidateChecks","render","internalDate","InternalDate","parseInternalValue","props","value","setRangeStart","minDate","setRangeEnd","maxDate","validate","checks","InternalDateValidateCheck","NotNull","color","Limits","MIN_YEAR","MAX_YEAR","MIN_MONTH","MAX_MONTH","MIN_DATE","MAX_DATE","Native","Range","React","Component"],"mappings":"uQAAA;;AAEA;AACA;AACA;AACA;AACA,mC;;;;;;;;AAQaA,2B;AACJC,EAAAA,M,GAAP,kBAAgB;AACd,QAAMC,YAAY,GAAG,IAAIC,0BAAJ,EAArB;AACAD,IAAAA,YAAY,CAACE,kBAAb,CAAgC,KAAKC,KAAL,CAAWC,KAA3C;AACAJ,IAAAA,YAAY,CAACK,aAAb,CAA2B,KAAKF,KAAL,CAAWG,OAAX,GAAqB,IAAIL,0BAAJ,GAAmBC,kBAAnB,CAAsC,KAAKC,KAAL,CAAWG,OAAjD,CAArB,GAAiF,IAA5G;AACAN,IAAAA,YAAY,CAACO,WAAb,CAAyB,KAAKJ,KAAL,CAAWK,OAAX,GAAqB,IAAIP,0BAAJ,GAAmBC,kBAAnB,CAAsC,KAAKC,KAAL,CAAWK,OAAjD,CAArB,GAAiF,IAA1G;;AAEA;AACE,mCAAC,cAAD,IAAQ,GAAG,EAAE,EAAb,EAAiB,QAAQ,MAAzB;AACE,+JADF;AAEE,mCAAC,kBAAD,IAAU,QAAQ,MAAlB,EAAmB,OAAO,EAAER,YAAY,CAACS,QAAb,CAAsB,EAAEC,MAAM,EAAE,CAACC,iCAA0BC,OAA3B,CAAV,EAAtB,CAA5B;AACI,6CAAM,KAAK,EAAE,EAAEC,KAAK,EAAE,OAAT,EAAb,cADJ;AAEE;AAC0C,SAD1C;AAEE;AACE,wDADF,CAFF,MAFF,CAFF;;;;;AAYE,mCAAC,kBAAD,IAAU,QAAQ,MAAlB,EAAmB,OAAO,EAAEb,YAAY,CAACS,QAAb,CAAsB,EAAEC,MAAM,EAAE,CAACC,iCAA0BG,MAA3B,CAAV,EAAtB,CAA5B;AACI,6CAAM,KAAK,EAAE,EAAED,KAAK,EAAE,OAAT,EAAb,aADJ;AAEE;;AAEE,8CAFF;AAGQE,yBAHR,SAGqBC,mBAHrB;AAIE,8CAJF;AAKUC,0BALV,SAKwBC,oBALxB;AAME,8CANF;AAOUC,yBAPV,SAOuBC,mBAPvB,CAFF,CAZF;;;AAwBE,mCAAC,kBAAD,IAAU,QAAQ,MAAlB,EAAmB,OAAO,EAAEpB,YAAY,CAACS,QAAb,CAAsB,EAAEC,MAAM,EAAE,CAACC,iCAA0BU,MAA3B,CAAV,EAAtB,CAA5B;AACI,6CAAM,KAAK,EAAE,EAAER,KAAK,EAAE,OAAT,EAAb,aADJ;AAEE;AACyE,0DADzE,CAFF,CAxBF;;;AA8BE,mCAAC,kBAAD,IAAU,QAAQ,MAAlB,EAAmB,OAAO,EAAEb,YAAY,CAACS,QAAb,CAAsB,EAAEC,MAAM,EAAE,CAACC,iCAA0BW,KAA3B,CAAV,EAAtB,CAA5B;AACI,6CAAM,KAAK,EAAE,EAAET,KAAK,EAAE,OAAT,EAAb,YADJ;AAEE;AACwC,mEADxC,CAFF,CA9BF,CADF;;;;;AAuCD,G,sCA9C8CU,eAAMC,S","sourcesContent":["import React from 'react';\n\nimport { MAX_DATE, MAX_MONTH, MAX_YEAR, MIN_DATE, MIN_MONTH, MIN_YEAR } from '../../lib/date/constants';\nimport { InternalDate } from '../../lib/date/InternalDate';\nimport { InternalDateValidateCheck } from '../../lib/date/types';\nimport { Checkbox } from '../Checkbox';\nimport { Gapped } from '../Gapped';\n\ninterface DateInputValidateChecksProps {\n  value: string;\n  minDate: string;\n  maxDate: string;\n}\n\nexport class ViewDateInputValidateChecks extends React.Component<DateInputValidateChecksProps> {\n  public render() {\n    const internalDate = new InternalDate();\n    internalDate.parseInternalValue(this.props.value);\n    internalDate.setRangeStart(this.props.minDate ? new InternalDate().parseInternalValue(this.props.minDate) : null);\n    internalDate.setRangeEnd(this.props.maxDate ? new InternalDate().parseInternalValue(this.props.maxDate) : null);\n\n    return (\n      <Gapped gap={10} vertical>\n        <h3>Внутренние проверки</h3>\n        <Checkbox disabled checked={internalDate.validate({ checks: [InternalDateValidateCheck.NotNull] })}>\n          ⭣ <code style={{ color: 'black' }}>NotNull</code>\n          <div>\n            Все компоненты даты заполнены (не равны{' '}\n            <b>\n              <code>null</code>\n            </b>\n            )\n          </div>\n        </Checkbox>\n        <Checkbox disabled checked={internalDate.validate({ checks: [InternalDateValidateCheck.Limits] })}>\n          ⭣ <code style={{ color: 'black' }}>Limits</code>\n          <div>\n            Компоненты даты не выходят за рамки предустановленных лимитов\n            <br />\n            Год: {MIN_YEAR} - {MAX_YEAR}\n            <br />\n            Месяц: {MIN_MONTH} - {MAX_MONTH}\n            <br />\n            Число: {MIN_DATE} - {MAX_DATE}\n          </div>\n        </Checkbox>\n        <Checkbox disabled checked={internalDate.validate({ checks: [InternalDateValidateCheck.Native] })}>\n          ⭣ <code style={{ color: 'black' }}>Native</code>\n          <div>\n            Из компонентов даты можно создать валидный экземпляр нативного объекта <code>Date()</code>\n          </div>\n        </Checkbox>\n        <Checkbox disabled checked={internalDate.validate({ checks: [InternalDateValidateCheck.Range] })}>\n          ⭳ <code style={{ color: 'black' }}>Range</code>\n          <div>\n            Дата не выходит за пределы диапазонов <code>minDate/maxDate</code>\n          </div>\n        </Checkbox>\n      </Gapped>\n    );\n  }\n}\n"]}

package/cjs/components/DateInput/helpers/DateInputKeyboardActions.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+export declare enum Actions {
+    Unknown = 0,
+    Ignore = 1,
+    MoveSelectionLeft = 2,
+    MoveSelectionRight = 3,
+    MoveSelectionFirst = 4,
+    MoveSelectionLast = 5,
+    Decrement = 6,
+    Increment = 7,
+    FullSelection = 8,
+    ClearSelection = 9,
+    ClearOneChar = 10,
+    Digit = 11,
+    Separator = 12,
+    WrongInput = 13,
+    PasteValue = 14,
+    CopyValue = 15
+}
+declare const extractAction: (x0: React.KeyboardEvent<HTMLElement>) => Actions;
+export { extractAction };

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

@@ -0,0 +1,57 @@
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");exports.__esModule = true;exports.extractAction = exports.Actions = void 0;
+
+
+var _constants = require("../../../lib/date/constants");
+var Keyboard = _interopRequireWildcard(require("../../../lib/events/keyboard/identifiers"));
+var _extractKeyboardAction = require("../../../lib/extractKeyboardAction"); // @ts-ignore noUnusedVar
+
+var delimiters = [
+function (e) {return new RegExp(_constants.SEPARATOR).test(e.key);},
+Keyboard.isKeySpace,
+Keyboard.isCodeMinus,
+Keyboard.isCodeComma,
+Keyboard.isCodePeriod,
+Keyboard.isCodeSlash,
+Keyboard.isCodeBackslash,
+Keyboard.isCodeIntlBackslash,
+Keyboard.isCodeNumpadDecimal,
+Keyboard.isCodeNumpadDivide,
+Keyboard.isCodeNumpadSubtract];var
+
+
+Actions;exports.Actions = 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 || (exports.Actions = Actions = {}));
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var extractAction = new _extractKeyboardAction.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);exports.extractAction = extractAction;

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

@@ -0,0 +1 @@
+{"version":3,"sources":["DateInputKeyboardActions.tsx"],"names":["delimiters","e","RegExp","SEPARATOR","test","key","Keyboard","isKeySpace","isCodeMinus","isCodeComma","isCodePeriod","isCodeSlash","isCodeBackslash","isCodeIntlBackslash","isCodeNumpadDecimal","isCodeNumpadDivide","isCodeNumpadSubtract","Actions","extractAction","KeyboardActionExctracterBuilder","add","PasteValue","isShortcutPaste","CopyValue","isShortcutCopy","FullSelection","isShortcutSelectAll","Ignore","someKeys","isModified","isKeyFs","isKeyTab","MoveSelectionLeft","isKeyArrowLeft","MoveSelectionRight","isKeyArrowRight","MoveSelectionFirst","isKeyHome","MoveSelectionLast","isKeyEnd","Separator","Increment","isKeyArrowUp","Decrement","isKeyArrowDown","ClearSelection","isKeyDelete","ClearOneChar","isKeyBackspace","Digit","isKeyNumber","WrongInput","build","Unknown"],"mappings":";;;AAGA;AACA;AACA,2E,CALA;;AAOA,IAAMA,UAAU,GAAG;AACjB,UAACC,CAAD,UAAyD,IAAIC,MAAJ,CAAWC,oBAAX,EAAsBC,IAAtB,CAA2BH,CAAC,CAACI,GAA7B,CAAzD,EADiB;AAEjBC,QAAQ,CAACC,UAFQ;AAGjBD,QAAQ,CAACE,WAHQ;AAIjBF,QAAQ,CAACG,WAJQ;AAKjBH,QAAQ,CAACI,YALQ;AAMjBJ,QAAQ,CAACK,WANQ;AAOjBL,QAAQ,CAACM,eAPQ;AAQjBN,QAAQ,CAACO,mBARQ;AASjBP,QAAQ,CAACQ,mBATQ;AAUjBR,QAAQ,CAACS,kBAVQ;AAWjBT,QAAQ,CAACU,oBAXQ,CAAnB,C;;;AAcYC,O,sCAAAA,O,GAAAA,O,CAAAA,O,6BAAAA,O,CAAAA,O,2BAAAA,O,CAAAA,O,iDAAAA,O,CAAAA,O,mDAAAA,O,CAAAA,O,mDAAAA,O,CAAAA,O,iDAAAA,O,CAAAA,O,iCAAAA,O,CAAAA,O,iCAAAA,O,CAAAA,O,yCAAAA,O,CAAAA,O,2CAAAA,O,CAAAA,O,wCAAAA,O,CAAAA,O,0BAAAA,O,CAAAA,O,kCAAAA,O,CAAAA,O,oCAAAA,O,CAAAA,O,oCAAAA,O,CAAAA,O,qCAAAA,O,uBAAAA,O;;;;;;;;;;;;;;;;;;;AAmBZ,IAAMC,aAAa,GAAG,IAAIC,sDAAJ;AACnBC,GADmB,CACfH,OAAO,CAACI,UADO,EACKf,QAAQ,CAACgB,eADd;AAEnBF,GAFmB,CAEfH,OAAO,CAACM,SAFO,EAEIjB,QAAQ,CAACkB,cAFb;AAGnBJ,GAHmB,CAGfH,OAAO,CAACQ,aAHO,EAGQnB,QAAQ,CAACoB,mBAHjB;AAInBN,GAJmB,CAIfH,OAAO,CAACU,MAJO,EAICrB,QAAQ,CAACsB,QAAT,CAAkBtB,QAAQ,CAACuB,UAAT,EAAlB,EAAyCvB,QAAQ,CAACwB,OAAlD,EAA2DxB,QAAQ,CAACyB,QAApE,CAJD;AAKnBX,GALmB,CAKfH,OAAO,CAACe,iBALO,EAKY1B,QAAQ,CAAC2B,cALrB;AAMnBb,GANmB,CAMfH,OAAO,CAACiB,kBANO,EAMa5B,QAAQ,CAAC6B,eANtB;AAOnBf,GAPmB,CAOfH,OAAO,CAACmB,kBAPO,EAOa9B,QAAQ,CAAC+B,SAPtB;AAQnBjB,GARmB,CAQfH,OAAO,CAACqB,iBARO,EAQYhC,QAAQ,CAACiC,QARrB;AASnBnB,GATmB,CASfH,OAAO,CAACuB,SATO,EASIlC,QAAQ,CAACsB,QAAT,OAAAtB,QAAQ,EAAaN,UAAb,CATZ;AAUnBoB,GAVmB,CAUfH,OAAO,CAACwB,SAVO,EAUInC,QAAQ,CAACoC,YAVb;AAWnBtB,GAXmB,CAWfH,OAAO,CAAC0B,SAXO,EAWIrC,QAAQ,CAACsC,cAXb;AAYnBxB,GAZmB,CAYfH,OAAO,CAAC4B,cAZO,EAYS,UAAC5C,CAAD,UAAOK,QAAQ,CAACwC,WAAT,CAAqB7C,CAArB,CAAP,EAZT;AAanBmB,GAbmB,CAafH,OAAO,CAAC8B,YAbO,EAaOzC,QAAQ,CAAC0C,cAbhB;AAcnB5B,GAdmB,CAcfH,OAAO,CAACgC,KAdO,EAcA3C,QAAQ,CAAC4C,WAdT;AAenB9B,GAfmB,CAefH,OAAO,CAACkC,UAfO,EAeK,UAAClD,CAAD,UAAO,CAACK,QAAQ,CAAC4C,WAAT,CAAqBjD,CAArB,CAAR,EAfL;AAgBnBmD,KAhBmB,CAgBbnC,OAAO,CAACoC,OAhBK,CAAtB,C","sourcesContent":["// @ts-ignore noUnusedVar\nimport React from 'react';\n\nimport { SEPARATOR } from '../../../lib/date/constants';\nimport * as Keyboard from '../../../lib/events/keyboard/identifiers';\nimport { KeyboardActionExctracterBuilder } from '../../../lib/extractKeyboardAction';\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/cjs/components/DateInput/helpers/InternalDateMediator.d.ts

@@ -0,0 +1,26 @@
+import { InternalDate } from '../../../lib/date/InternalDate';
+import { InternalDateComponentType, InternalDateTypesOrder } from '../../../lib/date/types';
+import { DatePickerLocale } from '../../DatePicker/locale';
+import { DateInputProps } from '../DateInput';
+export declare class InternalDateMediator {
+    iDate: InternalDate;
+    update: (props: DateInputProps, locale: DatePickerLocale) => InternalDateMediator;
+    inputKey(key: string, type: InternalDateComponentType | null, inputMode: boolean): boolean;
+    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[];
+    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;
+    clear: (type: InternalDateComponentType | null) => InternalDate;
+    validateString: (value: string) => boolean;
+    getString: () => string;
+    getInternalString: () => string;
+    getTypesOrder: () => InternalDateTypesOrder;
+    getLeftmostType: () => InternalDateComponentType;
+    getRightmostType: () => InternalDateComponentType;
+}

package/cjs/components/DateInput/helpers/InternalDateMediator.js

@@ -0,0 +1,161 @@
+"use strict";exports.__esModule = true;exports.InternalDateMediator = void 0;var _InternalDate = require("../../../lib/date/InternalDate");
+var _InternalDateGetter = require("../../../lib/date/InternalDateGetter");
+var _InternalDateTransformer = require("../../../lib/date/InternalDateTransformer");
+var _types = require("../../../lib/date/types");
+
+
+
+var _inputNumber2 = require("./inputNumber");var
+
+InternalDateMediator = /*#__PURE__*/function () {function InternalDateMediator() {var _this = this;this.
+    iDate = new _InternalDate.InternalDate();this.
+
+    update = function (props, locale) {
+      var start = _this.iDate.getRangeStart();
+      var min = start && start.toInternalString();
+      var end = _this.iDate.getRangeEnd();
+      var max = end && end.toInternalString();var
+      order = locale.order,separator = locale.separator;
+      _this.iDate.setOrder(order).setSeparator(separator);
+      if (props.minDate !== min) {
+        _this.iDate.setRangeStart(
+        props.minDate ?
+        new _InternalDate.InternalDate({
+          order: order,
+          separator: separator,
+          value: props.minDate }) :
+
+        null);
+
+      }
+      if (props.maxDate !== max) {
+        _this.iDate.setRangeEnd(
+        props.maxDate ?
+        new _InternalDate.InternalDate({
+          order: order,
+          separator: separator,
+          value: props.maxDate }) :
+
+        null);
+
+      }
+      if (!props.value || props.value !== _this.iDate.toInternalString()) {
+        _this.iDate.parseInternalValue(props.value);
+      }
+      return _this;
+    };this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    paste = function (pasted) {
+      _this.iDate.parseValue(pasted).restore().cutOffExcess();
+      return _this;
+    };this.
+
+    restore = function () {
+      if (_this.iDate.isIncomplete()) {
+        var restored = _this.iDate.clone().restore();
+        if (!_this.iDate.isEqual(restored)) {
+          _this.iDate.duplicateOf(restored);
+        }
+        return true;
+      }
+      return false;
+    };this.
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+    getFragments = function () {return (
+        _this.iDate.toFragments({
+          withSeparator: true,
+          withPad: true }));};this.
+
+
+    deleteOneCharRight = function (type, inputMode) {
+      var prev = _this.iDate.get(type);
+      prev = String(inputMode ? prev : _InternalDateTransformer.InternalDateTransformer.padDateComponent(type, prev));
+      var next = prev.replace(/.$/, '') || null;
+      _this.iDate.set(type, next);
+    };this.
+
+    isChangedLocale = function (locale) {return (
+        locale.order !== _this.iDate.getOrder() || locale.separator !== _this.iDate.getSeparator());};this.
+
+    isNull = function (type) {return _this.iDate.get(type) === null;};this.
+
+    isEmpty = function () {return _this.iDate.isEmpty();};this.
+
+    get = function (type) {return _this.iDate.get(type);};this.
+
+    clear = function (type) {return _this.iDate.set(type, null);};this.
+
+    validateString = function (value) {return (
+        _InternalDateTransformer.InternalDateTransformer.parseValueToDate(value, _this.iDate.getOrder()) !== null);};this.
+
+    getString = function () {return _this.iDate.isEmpty() ? '' : _this.iDate.toString();};this.
+
+    getInternalString = function () {return _this.iDate.isEmpty() ? '' : _this.iDate.toInternalString();};this.
+
+    getTypesOrder = function () {return _this.iDate.toFragments().map(function (_ref) {var type = _ref.type;return type;});};this.
+
+    getLeftmostType = function () {return _this.getTypesOrder()[0];};this.
+
+    getRightmostType = function () {return _this.getTypesOrder()[2];};}var _proto = InternalDateMediator.prototype;_proto.inputKey = function inputKey(key, type, inputMode) {var prevValue = this.iDate.get(type);if (type === null) {type = this.getLeftmostType();this.clear(type);}if (type !== _types.InternalDateComponentType.Year) {this.iDate.cutOffExcess(type);} else {this.iDate.restore(type);}var _inputNumber = (0, _inputNumber2.inputNumber)(type, prevValue, key, inputMode),nextValue = _inputNumber.nextValue,nextInputMode = _inputNumber.nextInputMode;this.iDate.set(type, nextValue);return nextInputMode;};_proto.shiftDateComponent = function shiftDateComponent(type, step) {type = type === null ? this.getLeftmostType() : type;var iDate = this.iDate.clone();var isValidRange = iDate.validate({ checks: [_types.InternalDateValidateCheck.Range] });var start = iDate.getRangeStart();var end = iDate.getRangeEnd();if (!isValidRange) {// Удерживаем дату в заданном диапазоне
+      if (start && _InternalDateGetter.InternalDateGetter.max([iDate, start]) === start) {iDate.duplicateOf(start);} else if (end && _InternalDateGetter.InternalDateGetter.min([iDate, end]) === end) {iDate.duplicateOf(end);}} else {var clone = iDate.clone().shift(type, step, { isRange: false, isLoop: true });if (clone.validate({ checks: [_types.InternalDateValidateCheck.Range] })) {iDate.duplicateOf(clone);}}var changed = !this.iDate.isEqualComponentDate(type, iDate);this.iDate = iDate;return changed;};_proto.getShiftedType = function getShiftedType(type, step) {var typesOrder = this.getTypesOrder();var index = type === null ? 0 : typesOrder.indexOf(type);var nextIndex = index + step; // Если выделено всё поле, то в завимости от направления перемещения, выделям крайний компонент
+    if (type === _types.InternalDateComponentType.All) {return step < 0 ? typesOrder[0] : typesOrder[2];} // Если текущий компонент "год", и он не пуст, то при перемещении выделения "восстанавливаем" значение года
+    if (type === _types.InternalDateComponentType.Year && this.iDate.getYear() !== null) {this.iDate.restore(type);}var shiftedType = typesOrder[nextIndex];return typeof shiftedType === 'number' ? shiftedType : type;};return InternalDateMediator;}();exports.InternalDateMediator = InternalDateMediator;

package/cjs/components/DateInput/helpers/InternalDateMediator.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["InternalDateMediator.ts"],"names":["InternalDateMediator","iDate","InternalDate","update","props","locale","start","getRangeStart","min","toInternalString","end","getRangeEnd","max","order","separator","setOrder","setSeparator","minDate","setRangeStart","value","maxDate","setRangeEnd","parseInternalValue","paste","pasted","parseValue","restore","cutOffExcess","isIncomplete","restored","clone","isEqual","duplicateOf","getFragments","toFragments","withSeparator","withPad","deleteOneCharRight","type","inputMode","prev","get","String","InternalDateTransformer","padDateComponent","next","replace","set","isChangedLocale","getOrder","getSeparator","isNull","isEmpty","clear","validateString","parseValueToDate","getString","toString","getInternalString","getTypesOrder","map","getLeftmostType","getRightmostType","inputKey","key","prevValue","InternalDateComponentType","Year","nextValue","nextInputMode","shiftDateComponent","step","isValidRange","validate","checks","InternalDateValidateCheck","Range","InternalDateGetter","shift","isRange","isLoop","changed","isEqualComponentDate","getShiftedType","typesOrder","index","indexOf","nextIndex","All","getYear","shiftedType"],"mappings":"6EAAA;AACA;AACA;AACA;;;;AAIA,6C;;AAEaA,oB;AACJC,IAAAA,K,GAAsB,IAAIC,0BAAJ,E;;AAEtBC,IAAAA,M,GAAS,UAACC,KAAD,EAAwBC,MAAxB,EAA2E;AACzF,UAAMC,KAAK,GAAG,KAAI,CAACL,KAAL,CAAWM,aAAX,EAAd;AACA,UAAMC,GAAG,GAAGF,KAAK,IAAIA,KAAK,CAACG,gBAAN,EAArB;AACA,UAAMC,GAAG,GAAG,KAAI,CAACT,KAAL,CAAWU,WAAX,EAAZ;AACA,UAAMC,GAAG,GAAGF,GAAG,IAAIA,GAAG,CAACD,gBAAJ,EAAnB,CAJyF;AAKjFI,MAAAA,KALiF,GAK5DR,MAL4D,CAKjFQ,KALiF,CAK1EC,SAL0E,GAK5DT,MAL4D,CAK1ES,SAL0E;AAMzF,MAAA,KAAI,CAACb,KAAL,CAAWc,QAAX,CAAoBF,KAApB,EAA2BG,YAA3B,CAAwCF,SAAxC;AACA,UAAIV,KAAK,CAACa,OAAN,KAAkBT,GAAtB,EAA2B;AACzB,QAAA,KAAI,CAACP,KAAL,CAAWiB,aAAX;AACEd,QAAAA,KAAK,CAACa,OAAN;AACI,YAAIf,0BAAJ,CAAiB;AACfW,UAAAA,KAAK,EAALA,KADe;AAEfC,UAAAA,SAAS,EAATA,SAFe;AAGfK,UAAAA,KAAK,EAAEf,KAAK,CAACa,OAHE,EAAjB,CADJ;;AAMI,YAPN;;AASD;AACD,UAAIb,KAAK,CAACgB,OAAN,KAAkBR,GAAtB,EAA2B;AACzB,QAAA,KAAI,CAACX,KAAL,CAAWoB,WAAX;AACEjB,QAAAA,KAAK,CAACgB,OAAN;AACI,YAAIlB,0BAAJ,CAAiB;AACfW,UAAAA,KAAK,EAALA,KADe;AAEfC,UAAAA,SAAS,EAATA,SAFe;AAGfK,UAAAA,KAAK,EAAEf,KAAK,CAACgB,OAHE,EAAjB,CADJ;;AAMI,YAPN;;AASD;AACD,UAAI,CAAChB,KAAK,CAACe,KAAP,IAAgBf,KAAK,CAACe,KAAN,KAAgB,KAAI,CAAClB,KAAL,CAAWQ,gBAAX,EAApC,EAAmE;AACjE,QAAA,KAAI,CAACR,KAAL,CAAWqB,kBAAX,CAA8BlB,KAAK,CAACe,KAApC;AACD;AACD,aAAO,KAAP;AACD,K;;;;;;;;;;;;;;;;;;AAkBMI,IAAAA,K,GAAQ,UAACC,MAAD,EAA0C;AACvD,MAAA,KAAI,CAACvB,KAAL,CAAWwB,UAAX,CAAsBD,MAAtB,EAA8BE,OAA9B,GAAwCC,YAAxC;AACA,aAAO,KAAP;AACD,K;;AAEMD,IAAAA,O,GAAU,YAAe;AAC9B,UAAI,KAAI,CAACzB,KAAL,CAAW2B,YAAX,EAAJ,EAA+B;AAC7B,YAAMC,QAAQ,GAAG,KAAI,CAAC5B,KAAL,CAAW6B,KAAX,GAAmBJ,OAAnB,EAAjB;AACA,YAAI,CAAC,KAAI,CAACzB,KAAL,CAAW8B,OAAX,CAAmBF,QAAnB,CAAL,EAAmC;AACjC,UAAA,KAAI,CAAC5B,KAAL,CAAW+B,WAAX,CAAuBH,QAAvB;AACD;AACD,eAAO,IAAP;AACD;AACD,aAAO,KAAP;AACD,K;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6CMI,IAAAA,Y,GAAe;AACpB,QAAA,KAAI,CAAChC,KAAL,CAAWiC,WAAX,CAAuB;AACrBC,UAAAA,aAAa,EAAE,IADM;AAErBC,UAAAA,OAAO,EAAE,IAFY,EAAvB,CADoB,G;;;AAMfC,IAAAA,kB,GAAqB,UAACC,IAAD,EAAkCC,SAAlC,EAAyD;AACnF,UAAIC,IAAI,GAAG,KAAI,CAACvC,KAAL,CAAWwC,GAAX,CAAeH,IAAf,CAAX;AACAE,MAAAA,IAAI,GAAGE,MAAM,CAACH,SAAS,GAAGC,IAAH,GAAUG,iDAAwBC,gBAAxB,CAAyCN,IAAzC,EAA+CE,IAA/C,CAApB,CAAb;AACA,UAAMK,IAAI,GAAGL,IAAI,CAACM,OAAL,CAAa,IAAb,EAAmB,EAAnB,KAA0B,IAAvC;AACA,MAAA,KAAI,CAAC7C,KAAL,CAAW8C,GAAX,CAAeT,IAAf,EAAqBO,IAArB;AACD,K;;AAEMG,IAAAA,e,GAAkB,UAAC3C,MAAD;AACvBA,QAAAA,MAAM,CAACQ,KAAP,KAAiB,KAAI,CAACZ,KAAL,CAAWgD,QAAX,EAAjB,IAA0C5C,MAAM,CAACS,SAAP,KAAqB,KAAI,CAACb,KAAL,CAAWiD,YAAX,EADxC,G;;AAGlBC,IAAAA,M,GAAS,UAACb,IAAD,UAAqD,KAAI,CAACrC,KAAL,CAAWwC,GAAX,CAAeH,IAAf,MAAyB,IAA9E,E;;AAETc,IAAAA,O,GAAU,oBAAe,KAAI,CAACnD,KAAL,CAAWmD,OAAX,EAAf,E;;AAEVX,IAAAA,G,GAAM,UAACH,IAAD,UAA4C,KAAI,CAACrC,KAAL,CAAWwC,GAAX,CAAeH,IAAf,CAA5C,E;;AAENe,IAAAA,K,GAAQ,UAACf,IAAD,UAA0D,KAAI,CAACrC,KAAL,CAAW8C,GAAX,CAAeT,IAAf,EAAqB,IAArB,CAA1D,E;;AAERgB,IAAAA,c,GAAiB,UAACnC,KAAD;AACtBwB,yDAAwBY,gBAAxB,CAAyCpC,KAAzC,EAAgD,KAAI,CAAClB,KAAL,CAAWgD,QAAX,EAAhD,MAA2E,IADrD,G;;AAGjBO,IAAAA,S,GAAY,oBAAe,KAAI,CAACvD,KAAL,CAAWmD,OAAX,KAAuB,EAAvB,GAA4B,KAAI,CAACnD,KAAL,CAAWwD,QAAX,EAA3C,E;;AAEZC,IAAAA,iB,GAAoB,oBAAe,KAAI,CAACzD,KAAL,CAAWmD,OAAX,KAAuB,EAAvB,GAA4B,KAAI,CAACnD,KAAL,CAAWQ,gBAAX,EAA3C,E;;AAEpBkD,IAAAA,a,GAAgB,oBAAM,KAAI,CAAC1D,KAAL,CAAWiC,WAAX,GAAyB0B,GAAzB,CAA6B,qBAAGtB,IAAH,QAAGA,IAAH,QAAcA,IAAd,EAA7B,CAAN,E;;AAEhBuB,IAAAA,e,GAAkB,oBAAiC,KAAI,CAACF,aAAL,GAAqB,CAArB,CAAjC,E;;AAElBG,IAAAA,gB,GAAmB,oBAAiC,KAAI,CAACH,aAAL,GAAqB,CAArB,CAAjC,E,qDA9GnBI,Q,GAAP,kBAAgBC,GAAhB,EAA6B1B,IAA7B,EAAqEC,SAArE,EAAkG,CAChG,IAAM0B,SAAS,GAAG,KAAKhE,KAAL,CAAWwC,GAAX,CAAeH,IAAf,CAAlB,CACA,IAAIA,IAAI,KAAK,IAAb,EAAmB,CACjBA,IAAI,GAAG,KAAKuB,eAAL,EAAP,CACA,KAAKR,KAAL,CAAWf,IAAX,EACD,CACD,IAAIA,IAAI,KAAK4B,iCAA0BC,IAAvC,EAA6C,CAC3C,KAAKlE,KAAL,CAAW0B,YAAX,CAAwBW,IAAxB,EACD,CAFD,MAEO,CACL,KAAKrC,KAAL,CAAWyB,OAAX,CAAmBY,IAAnB,EACD,CAV+F,mBAW3D,+BAAYA,IAAZ,EAAkB2B,SAAlB,EAA6BD,GAA7B,EAAkCzB,SAAlC,CAX2D,CAWxF6B,SAXwF,gBAWxFA,SAXwF,CAW7EC,aAX6E,gBAW7EA,aAX6E,CAYhG,KAAKpE,KAAL,CAAW8C,GAAX,CAAeT,IAAf,EAAqB8B,SAArB,EACA,OAAOC,aAAP,CACD,C,QAkBMC,kB,GAAP,4BAA0BhC,IAA1B,EAAkEiC,IAAlE,EAAyF,CACvFjC,IAAI,GAAGA,IAAI,KAAK,IAAT,GAAgB,KAAKuB,eAAL,EAAhB,GAAyCvB,IAAhD,CACA,IAAMrC,KAAK,GAAG,KAAKA,KAAL,CAAW6B,KAAX,EAAd,CACA,IAAM0C,YAAY,GAAGvE,KAAK,CAACwE,QAAN,CAAe,EAAEC,MAAM,EAAE,CAACC,iCAA0BC,KAA3B,CAAV,EAAf,CAArB,CACA,IAAMtE,KAAK,GAAGL,KAAK,CAACM,aAAN,EAAd,CACA,IAAMG,GAAG,GAAGT,KAAK,CAACU,WAAN,EAAZ,CACA,IAAI,CAAC6D,YAAL,EAAmB,CACjB;AACA,UAAIlE,KAAK,IAAIuE,uCAAmBjE,GAAnB,CAAuB,CAACX,KAAD,EAAQK,KAAR,CAAvB,MAA2CA,KAAxD,EAA+D,CAC7DL,KAAK,CAAC+B,WAAN,CAAkB1B,KAAlB,EACD,CAFD,MAEO,IAAII,GAAG,IAAImE,uCAAmBrE,GAAnB,CAAuB,CAACP,KAAD,EAAQS,GAAR,CAAvB,MAAyCA,GAApD,EAAyD,CAC9DT,KAAK,CAAC+B,WAAN,CAAkBtB,GAAlB,EACD,CACF,CAPD,MAOO,CACL,IAAMoB,KAAK,GAAG7B,KAAK,CAAC6B,KAAN,GAAcgD,KAAd,CAAoBxC,IAApB,EAA0BiC,IAA1B,EAAgC,EAAEQ,OAAO,EAAE,KAAX,EAAkBC,MAAM,EAAE,IAA1B,EAAhC,CAAd,CACA,IAAIlD,KAAK,CAAC2C,QAAN,CAAe,EAAEC,MAAM,EAAE,CAACC,iCAA0BC,KAA3B,CAAV,EAAf,CAAJ,EAAmE,CACjE3E,KAAK,CAAC+B,WAAN,CAAkBF,KAAlB,EACD,CACF,CACD,IAAMmD,OAAO,GAAG,CAAC,KAAKhF,KAAL,CAAWiF,oBAAX,CAAgC5C,IAAhC,EAAsCrC,KAAtC,CAAjB,CACA,KAAKA,KAAL,GAAaA,KAAb,CACA,OAAOgF,OAAP,CACD,C,QAEME,c,GAAP,wBAAsB7C,IAAtB,EAA8DiC,IAA9D,EAA8G,CAC5G,IAAMa,UAAU,GAAG,KAAKzB,aAAL,EAAnB,CACA,IAAM0B,KAAK,GAAG/C,IAAI,KAAK,IAAT,GAAgB,CAAhB,GAAoB8C,UAAU,CAACE,OAAX,CAAmBhD,IAAnB,CAAlC,CACA,IAAMiD,SAAS,GAAGF,KAAK,GAAGd,IAA1B,CAH4G,CAK5G;AACA,QAAIjC,IAAI,KAAK4B,iCAA0BsB,GAAvC,EAA4C,CAC1C,OAAOjB,IAAI,GAAG,CAAP,GAAWa,UAAU,CAAC,CAAD,CAArB,GAA2BA,UAAU,CAAC,CAAD,CAA5C,CACD,CAR2G,CAU5G;AACA,QAAI9C,IAAI,KAAK4B,iCAA0BC,IAAnC,IAA2C,KAAKlE,KAAL,CAAWwF,OAAX,OAAyB,IAAxE,EAA8E,CAC5E,KAAKxF,KAAL,CAAWyB,OAAX,CAAmBY,IAAnB,EACD,CAED,IAAMoD,WAAW,GAAGN,UAAU,CAACG,SAAD,CAA9B,CACA,OAAO,OAAOG,WAAP,KAAuB,QAAvB,GAAkCA,WAAlC,GAAgDpD,IAAvD,CACD,C","sourcesContent":["import { InternalDate } from '../../../lib/date/InternalDate';\nimport { InternalDateGetter } from '../../../lib/date/InternalDateGetter';\nimport { InternalDateTransformer } from '../../../lib/date/InternalDateTransformer';\nimport { InternalDateComponentType, InternalDateTypesOrder, InternalDateValidateCheck } from '../../../lib/date/types';\nimport { DatePickerLocale } from '../../DatePicker/locale';\nimport { DateInputProps } from '../DateInput';\n\nimport { inputNumber } from './inputNumber';\n\nexport class InternalDateMediator {\n  public iDate: InternalDate = new InternalDate();\n\n  public update = (props: DateInputProps, locale: DatePickerLocale): InternalDateMediator => {\n    const start = this.iDate.getRangeStart();\n    const min = start && start.toInternalString();\n    const end = this.iDate.getRangeEnd();\n    const max = end && end.toInternalString();\n    const { order, separator } = locale;\n    this.iDate.setOrder(order).setSeparator(separator);\n    if (props.minDate !== min) {\n      this.iDate.setRangeStart(\n        props.minDate\n          ? new InternalDate({\n              order,\n              separator,\n              value: props.minDate,\n            })\n          : null,\n      );\n    }\n    if (props.maxDate !== max) {\n      this.iDate.setRangeEnd(\n        props.maxDate\n          ? new InternalDate({\n              order,\n              separator,\n              value: props.maxDate,\n            })\n          : null,\n      );\n    }\n    if (!props.value || props.value !== this.iDate.toInternalString()) {\n      this.iDate.parseInternalValue(props.value);\n    }\n    return this;\n  };\n\n  public inputKey(key: string, type: InternalDateComponentType | null, inputMode: boolean): boolean {\n    const prevValue = this.iDate.get(type);\n    if (type === null) {\n      type = this.getLeftmostType();\n      this.clear(type);\n    }\n    if (type !== InternalDateComponentType.Year) {\n      this.iDate.cutOffExcess(type);\n    } else {\n      this.iDate.restore(type);\n    }\n    const { nextValue, nextInputMode } = inputNumber(type, prevValue, key, inputMode);\n    this.iDate.set(type, nextValue);\n    return nextInputMode;\n  }\n\n  public paste = (pasted: string): InternalDateMediator => {\n    this.iDate.parseValue(pasted).restore().cutOffExcess();\n    return this;\n  };\n\n  public restore = (): boolean => {\n    if (this.iDate.isIncomplete()) {\n      const restored = this.iDate.clone().restore();\n      if (!this.iDate.isEqual(restored)) {\n        this.iDate.duplicateOf(restored);\n      }\n      return true;\n    }\n    return false;\n  };\n\n  public shiftDateComponent(type: InternalDateComponentType | null, step: number): boolean {\n    type = type === null ? this.getLeftmostType() : type;\n    const iDate = this.iDate.clone();\n    const isValidRange = iDate.validate({ checks: [InternalDateValidateCheck.Range] });\n    const start = iDate.getRangeStart();\n    const end = iDate.getRangeEnd();\n    if (!isValidRange) {\n      // Удерживаем дату в заданном диапазоне\n      if (start && InternalDateGetter.max([iDate, start]) === start) {\n        iDate.duplicateOf(start);\n      } else if (end && InternalDateGetter.min([iDate, end]) === end) {\n        iDate.duplicateOf(end);\n      }\n    } else {\n      const clone = iDate.clone().shift(type, step, { isRange: false, isLoop: true });\n      if (clone.validate({ checks: [InternalDateValidateCheck.Range] })) {\n        iDate.duplicateOf(clone);\n      }\n    }\n    const changed = !this.iDate.isEqualComponentDate(type, iDate);\n    this.iDate = iDate;\n    return changed;\n  }\n\n  public getShiftedType(type: InternalDateComponentType | null, step: number): InternalDateComponentType | null {\n    const typesOrder = this.getTypesOrder();\n    const index = type === null ? 0 : typesOrder.indexOf(type);\n    const nextIndex = index + step;\n\n    // Если выделено всё поле, то в завимости от направления перемещения, выделям крайний компонент\n    if (type === InternalDateComponentType.All) {\n      return step < 0 ? typesOrder[0] : typesOrder[2];\n    }\n\n    // Если текущий компонент \"год\", и он не пуст, то при перемещении выделения \"восстанавливаем\" значение года\n    if (type === InternalDateComponentType.Year && this.iDate.getYear() !== null) {\n      this.iDate.restore(type);\n    }\n\n    const shiftedType = typesOrder[nextIndex];\n    return typeof shiftedType === 'number' ? shiftedType : type;\n  }\n\n  public getFragments = () =>\n    this.iDate.toFragments({\n      withSeparator: true,\n      withPad: true,\n    });\n\n  public deleteOneCharRight = (type: InternalDateComponentType, inputMode: boolean) => {\n    let prev = this.iDate.get(type);\n    prev = String(inputMode ? prev : InternalDateTransformer.padDateComponent(type, prev));\n    const next = prev.replace(/.$/, '') || null;\n    this.iDate.set(type, next);\n  };\n\n  public isChangedLocale = (locale: DatePickerLocale): boolean =>\n    locale.order !== this.iDate.getOrder() || locale.separator !== this.iDate.getSeparator();\n\n  public isNull = (type: InternalDateComponentType | null): boolean => this.iDate.get(type) === null;\n\n  public isEmpty = (): boolean => this.iDate.isEmpty();\n\n  public get = (type: InternalDateComponentType | null) => this.iDate.get(type);\n\n  public clear = (type: InternalDateComponentType | null): InternalDate => this.iDate.set(type, null);\n\n  public validateString = (value: string): boolean =>\n    InternalDateTransformer.parseValueToDate(value, this.iDate.getOrder()) !== null;\n\n  public getString = (): string => (this.iDate.isEmpty() ? '' : this.iDate.toString());\n\n  public getInternalString = (): string => (this.iDate.isEmpty() ? '' : this.iDate.toInternalString());\n\n  public getTypesOrder = () => this.iDate.toFragments().map(({ type }) => type) as InternalDateTypesOrder;\n\n  public getLeftmostType = (): InternalDateComponentType => this.getTypesOrder()[0];\n\n  public getRightmostType = (): InternalDateComponentType => this.getTypesOrder()[2];\n}\n"]}

package/cjs/components/DateInput/helpers/SelectionHelpers.d.ts

@@ -0,0 +1,2 @@
+export declare const selectNodeContents: (node: HTMLElement | null, start?: number | undefined, end?: number | undefined) => void;
+export declare const removeAllSelections: () => void;

package/cjs/components/DateInput/helpers/SelectionHelpers.js

@@ -0,0 +1,48 @@
+"use strict";exports.__esModule = true;exports.removeAllSelections = exports.selectNodeContents = void 0;var selectNodeContents = function selectNodeContents(node, start, end) {
+  if (!node) {
+    return;
+  }
+  if ('createRange' in document) {
+    try {
+      var selection = window.getSelection();
+      var range = window.document.createRange();
+      if (start !== undefined && end !== undefined) {
+        range.setStart(node, start);
+        range.setEnd(node, end);
+      } else {
+        range.selectNodeContents(node);
+      }
+      if (selection !== null) {
+        // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)
+        selection.removeAllRanges();
+        selection.addRange(range);
+        return;
+      }
+    } catch (e) {
+      // empty block
+    }
+  }
+
+  // @ts-ignore (IE specific api)
+  if (typeof document.body.createTextRange === 'function') {
+    // @ts-ignore
+    var _range = document.body.createTextRange();
+    _range.moveToElementText(node);
+    if (typeof _range.select === 'function') {
+      _range.select();
+    }
+    return;
+  }
+};exports.selectNodeContents = selectNodeContents;
+
+var removeAllSelections = function removeAllSelections() {
+  var selection = window.getSelection();
+  if (selection !== null) {
+    try {
+      // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)
+      selection.removeAllRanges();
+    } catch (e) {
+      // empty block
+    }
+  }
+};exports.removeAllSelections = removeAllSelections;

package/cjs/components/DateInput/helpers/SelectionHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["SelectionHelpers.tsx"],"names":["selectNodeContents","node","start","end","document","selection","window","getSelection","range","createRange","undefined","setStart","setEnd","removeAllRanges","addRange","e","body","createTextRange","moveToElementText","select","removeAllSelections"],"mappings":"yGAAO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,IAAD,EAA2BC,KAA3B,EAA2CC,GAA3C,EAA4D;AAC5F,MAAI,CAACF,IAAL,EAAW;AACT;AACD;AACD,MAAI,iBAAiBG,QAArB,EAA+B;AAC7B,QAAI;AACF,UAAMC,SAAS,GAAGC,MAAM,CAACC,YAAP,EAAlB;AACA,UAAMC,KAAK,GAAGF,MAAM,CAACF,QAAP,CAAgBK,WAAhB,EAAd;AACA,UAAIP,KAAK,KAAKQ,SAAV,IAAuBP,GAAG,KAAKO,SAAnC,EAA8C;AAC5CF,QAAAA,KAAK,CAACG,QAAN,CAAeV,IAAf,EAAqBC,KAArB;AACAM,QAAAA,KAAK,CAACI,MAAN,CAAaX,IAAb,EAAmBE,GAAnB;AACD,OAHD,MAGO;AACLK,QAAAA,KAAK,CAACR,kBAAN,CAAyBC,IAAzB;AACD;AACD,UAAII,SAAS,KAAK,IAAlB,EAAwB;AACtB;AACAA,QAAAA,SAAS,CAACQ,eAAV;AACAR,QAAAA,SAAS,CAACS,QAAV,CAAmBN,KAAnB;AACA;AACD;AACF,KAfD,CAeE,OAAOO,CAAP,EAAU;AACV;AACD;AACF;;AAED;AACA,MAAI,OAAOX,QAAQ,CAACY,IAAT,CAAcC,eAArB,KAAyC,UAA7C,EAAyD;AACvD;AACA,QAAMT,MAAK,GAAGJ,QAAQ,CAACY,IAAT,CAAcC,eAAd,EAAd;AACAT,IAAAA,MAAK,CAACU,iBAAN,CAAwBjB,IAAxB;AACA,QAAI,OAAOO,MAAK,CAACW,MAAb,KAAwB,UAA5B,EAAwC;AACtCX,MAAAA,MAAK,CAACW,MAAN;AACD;AACD;AACD;AACF,CAnCM,C;;AAqCA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAsB,GAAM;AACvC,MAAMf,SAAS,GAAGC,MAAM,CAACC,YAAP,EAAlB;AACA,MAAIF,SAAS,KAAK,IAAlB,EAAwB;AACtB,QAAI;AACF;AACAA,MAAAA,SAAS,CAACQ,eAAV;AACD,KAHD,CAGE,OAAOE,CAAP,EAAU;AACV;AACD;AACF;AACF,CAVM,C","sourcesContent":["export const selectNodeContents = (node: HTMLElement | null, start?: number, end?: number) => {\n  if (!node) {\n    return;\n  }\n  if ('createRange' in document) {\n    try {\n      const selection = window.getSelection();\n      const range = window.document.createRange();\n      if (start !== undefined && end !== undefined) {\n        range.setStart(node, start);\n        range.setEnd(node, end);\n      } else {\n        range.selectNodeContents(node);\n      }\n      if (selection !== null) {\n        // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)\n        selection.removeAllRanges();\n        selection.addRange(range);\n        return;\n      }\n    } catch (e) {\n      // empty block\n    }\n  }\n\n  // @ts-ignore (IE specific api)\n  if (typeof document.body.createTextRange === 'function') {\n    // @ts-ignore\n    const range = document.body.createTextRange();\n    range.moveToElementText(node);\n    if (typeof range.select === 'function') {\n      range.select();\n    }\n    return;\n  }\n};\n\nexport const removeAllSelections = () => {\n  const selection = window.getSelection();\n  if (selection !== null) {\n    try {\n      // Fix IE from issue not working (https://github.com/skbkontur/retail-ui/issues/1205)\n      selection.removeAllRanges();\n    } catch (e) {\n      // empty block\n    }\n  }\n};\n"]}

package/cjs/components/DateInput/helpers/inputNumber.d.ts

@@ -0,0 +1,5 @@
+import { InternalDateComponentRaw, InternalDateComponentType } from '../../../lib/date/types';
+export declare const inputNumber: (type: InternalDateComponentType | null, prev: InternalDateComponentRaw, key: string, inputMode: boolean) => {
+    nextValue: InternalDateComponentRaw;
+    nextInputMode: boolean;
+};