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

package/cjs/components/DateInput/DateInput.md

@@ -1,104 +1,106 @@
-```jsx harmony
-<DateInput value="27.04.1992" />
-```
-
-```jsx harmony
-<DateInput value={state.value} onValueChange={v => setState({ value: v })} />
-```
-
-```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 />;
-```
+```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

@@ -1,7 +1,11 @@
-export declare const jsStyles: {
-    icon(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    iconSmall(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    iconMedium(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    iconLarge(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
-    iconDisabled(t: Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>): string;
+import type { Emotion } from '@emotion/css/create-instance';
+import { Theme } from '../../lib/theming/Theme';
+export declare const getStyles: (emotion: Emotion) => {
+    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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["DateInput.styles.ts"],"names":["jsStyles","icon","t","css","dateInputIconColor","iconSmall","inputFontSizeSmall","iconMedium","inputFontSizeMedium","iconLarge","inputFontSizeLarge","iconDisabled","textColorDisabled"],"mappings":"8QAAA,oD;;;AAGO,IAAMA,QAAQ,GAAG;AACtBC,EAAAA,IADsB,gBACjBC,CADiB,EACP;AACb,eAAOC,YAAP;;AAEWD,IAAAA,CAAC,CAACE,kBAFb;;AAID,GANqB;;AAQtBC,EAAAA,SARsB,qBAQZH,CARY,EAQF;AAClB,eAAOC,YAAP;AACeD,IAAAA,CAAC,CAACI,kBADjB;;AAGD,GAZqB;;AActBC,EAAAA,UAdsB,sBAcXL,CAdW,EAcD;AACnB,eAAOC,YAAP;AACeD,IAAAA,CAAC,CAACM,mBADjB;;AAGD,GAlBqB;;AAoBtBC,EAAAA,SApBsB,qBAoBZP,CApBY,EAoBF;AAClB,eAAOC,YAAP;AACeD,IAAAA,CAAC,CAACQ,kBADjB;;AAGD,GAxBqB;;AA0BtBC,EAAAA,YA1BsB,wBA0BTT,CA1BS,EA0BC;AACrB,eAAOC,YAAP;;AAEWD,IAAAA,CAAC,CAACU,iBAFb;;AAID,GA/BqB,EAAjB,C","sourcesContent":["import { css } from '../../lib/theming/Emotion';\r\nimport { Theme } from '../../lib/theming/Theme';\r\n\r\nexport const jsStyles = {\r\n  icon(t: Theme) {\r\n    return css`\r\n      cursor: pointer;\r\n      color: ${t.dateInputIconColor};\r\n    `;\r\n  },\r\n\r\n  iconSmall(t: Theme) {\r\n    return css`\r\n      font-size: ${t.inputFontSizeSmall};\r\n    `;\r\n  },\r\n\r\n  iconMedium(t: Theme) {\r\n    return css`\r\n      font-size: ${t.inputFontSizeMedium};\r\n    `;\r\n  },\r\n\r\n  iconLarge(t: Theme) {\r\n    return css`\r\n      font-size: ${t.inputFontSizeLarge};\r\n    `;\r\n  },\r\n\r\n  iconDisabled(t: Theme) {\r\n    return css`\r\n      cursor: default;\r\n      color: ${t.textColorDisabled};\r\n    `;\r\n  },\r\n};\r\n"]}
+{"version":3,"sources":["DateInput.styles.ts"],"names":["getStyles","emotion","icon","t","css","dateInputIconColor","iconSmall","inputFontSizeSmall","iconMedium","inputFontSizeMedium","iconLarge","inputFontSizeLarge","iconDisabled","textColorDisabled","value","valueVisible"],"mappings":";;;;AAIO,IAAMA,SAAS,GAAG,SAAZA,SAAY,CAACC,OAAD,UAAuB;AAC9CC,IAAAA,IAD8C,gBACzCC,CADyC,EAC/B;AACb,aAAOF,OAAO,CAACG,GAAf;;AAEWD,MAAAA,CAAC,CAACE,kBAFb;;AAID,KAN6C;;AAQ9CC,IAAAA,SAR8C,qBAQpCH,CARoC,EAQ1B;AAClB,aAAOF,OAAO,CAACG,GAAf;AACeD,MAAAA,CAAC,CAACI,kBADjB;;AAGD,KAZ6C;;AAc9CC,IAAAA,UAd8C,sBAcnCL,CAdmC,EAczB;AACnB,aAAOF,OAAO,CAACG,GAAf;AACeD,MAAAA,CAAC,CAACM,mBADjB;;AAGD,KAlB6C;;AAoB9CC,IAAAA,SApB8C,qBAoBpCP,CApBoC,EAoB1B;AAClB,aAAOF,OAAO,CAACG,GAAf;AACeD,MAAAA,CAAC,CAACQ,kBADjB;;AAGD,KAxB6C;;AA0B9CC,IAAAA,YA1B8C,wBA0BjCT,CA1BiC,EA0BvB;AACrB,aAAOF,OAAO,CAACG,GAAf;;AAEWD,MAAAA,CAAC,CAACU,iBAFb;;AAID,KA/B6C;;AAiC9CC,IAAAA,KAjC8C,mBAiCtC;AACN,aAAOb,OAAO,CAACG,GAAf;;;AAGD,KArC6C;;AAuC9CW,IAAAA,YAvC8C,0BAuC/B;AACb,aAAOd,OAAO,CAACG,GAAf;;;AAGD,KA3C6C,EAAvB,EAAlB,C","sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { Theme } from '../../lib/theming/Theme';\n\nexport const getStyles = (emotion: Emotion) => ({\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/cjs/components/DateInput/ViewDateInputValidateChecks.js

@@ -1,4 +1,4 @@
-"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"));
+"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;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");
@@ -19,40 +19,40 @@ ViewDateInputValidateChecks = /*#__PURE__*/function (_React$Component) {(0, _inh
     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 (
-      _react.default.createElement(_Gapped.Gapped, { gap: 10, vertical: true },
-      _react.default.createElement("h3", null, "\u0412\u043D\u0443\u0442\u0440\u0435\u043D\u043D\u0438\u0435 \u043F\u0440\u043E\u0432\u0435\u0440\u043A\u0438"),
-      _react.default.createElement(_Checkbox.Checkbox, { disabled: true, checked: internalDate.validate({ checks: [_types.InternalDateValidateCheck.NotNull] }) }, "\u2B63 ",
-      _react.default.createElement("code", { style: { color: 'black' } }, "NotNull"),
+    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",
-      ' ',
-      _react.default.createElement("b", null,
-      _react.default.createElement("code", null, "null")), ")")),
+      ' ', /*#__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 ",
-      _react.default.createElement("code", { style: { color: 'black' } }, "Limits"),
-      _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",
+      _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,
+      _constants.MIN_YEAR, " - ", _constants.MAX_YEAR, /*#__PURE__*/
       _react.default.createElement("br", null), "\u041C\u0435\u0441\u044F\u0446: ",
-      _constants.MIN_MONTH, " - ", _constants.MAX_MONTH,
+      _constants.MIN_MONTH, " - ", _constants.MAX_MONTH, /*#__PURE__*/
       _react.default.createElement("br", null), "\u0427\u0438\u0441\u043B\u043E: ",
-      _constants.MIN_DATE, " - ", _constants.MAX_DATE)),
+      _constants.MIN_DATE, " - ", _constants.MAX_DATE)), /*#__PURE__*/
 
 
-      _react.default.createElement(_Checkbox.Checkbox, { disabled: true, checked: internalDate.validate({ checks: [_types.InternalDateValidateCheck.Native] }) }, "\u2B63 ",
-      _react.default.createElement("code", { style: { color: 'black' } }, "Native"),
-      _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 ",
-      _react.default.createElement("code", null, "Date()"))),
+      _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 ",
-      _react.default.createElement("code", { style: { color: 'black' } }, "Range"),
-      _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 ",
+      _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")))));
 
 

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

@@ -1 +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';\r\n\r\nimport { MAX_DATE, MAX_MONTH, MAX_YEAR, MIN_DATE, MIN_MONTH, MIN_YEAR } from '../../lib/date/constants';\r\nimport { InternalDate } from '../../lib/date/InternalDate';\r\nimport { InternalDateValidateCheck } from '../../lib/date/types';\r\nimport { Checkbox } from '../Checkbox';\r\nimport { Gapped } from '../Gapped';\r\n\r\ninterface DateInputValidateChecksProps {\r\n  value: string;\r\n  minDate: string;\r\n  maxDate: string;\r\n}\r\n\r\nexport class ViewDateInputValidateChecks extends React.Component<DateInputValidateChecksProps> {\r\n  public render() {\r\n    const internalDate = new InternalDate();\r\n    internalDate.parseInternalValue(this.props.value);\r\n    internalDate.setRangeStart(this.props.minDate ? new InternalDate().parseInternalValue(this.props.minDate) : null);\r\n    internalDate.setRangeEnd(this.props.maxDate ? new InternalDate().parseInternalValue(this.props.maxDate) : null);\r\n\r\n    return (\r\n      <Gapped gap={10} vertical>\r\n        <h3>Внутренние проверки</h3>\r\n        <Checkbox disabled checked={internalDate.validate({ checks: [InternalDateValidateCheck.NotNull] })}>\r\n          ⭣ <code style={{ color: 'black' }}>NotNull</code>\r\n          <div>\r\n            Все компоненты даты заполнены (не равны{' '}\r\n            <b>\r\n              <code>null</code>\r\n            </b>\r\n            )\r\n          </div>\r\n        </Checkbox>\r\n        <Checkbox disabled checked={internalDate.validate({ checks: [InternalDateValidateCheck.Limits] })}>\r\n          ⭣ <code style={{ color: 'black' }}>Limits</code>\r\n          <div>\r\n            Компоненты даты не выходят за рамки предустановленных лимитов\r\n            <br />\r\n            Год: {MIN_YEAR} - {MAX_YEAR}\r\n            <br />\r\n            Месяц: {MIN_MONTH} - {MAX_MONTH}\r\n            <br />\r\n            Число: {MIN_DATE} - {MAX_DATE}\r\n          </div>\r\n        </Checkbox>\r\n        <Checkbox disabled checked={internalDate.validate({ checks: [InternalDateValidateCheck.Native] })}>\r\n          ⭣ <code style={{ color: 'black' }}>Native</code>\r\n          <div>\r\n            Из компонентов даты можно создать валидный экземпляр нативного объекта <code>Date()</code>\r\n          </div>\r\n        </Checkbox>\r\n        <Checkbox disabled checked={internalDate.validate({ checks: [InternalDateValidateCheck.Range] })}>\r\n          ⭳ <code style={{ color: 'black' }}>Range</code>\r\n          <div>\r\n            Дата не выходит за пределы диапазонов <code>minDate/maxDate</code>\r\n          </div>\r\n        </Checkbox>\r\n      </Gapped>\r\n    );\r\n  }\r\n}\r\n"]}
+{"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":"+QAAA;;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.js

@@ -1,9 +1,8 @@
-"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");exports.__esModule = true;exports.extractAction = exports.Actions = void 0;
-
+"use strict";var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;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 _extractKeyboardAction = require("../../../lib/extractKeyboardAction");
 
 var delimiters = [
 function (e) {return new RegExp(_constants.SEPARATOR).test(e.key);},

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

@@ -1 +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,UAAA5C,CAAC,UAAIK,QAAQ,CAACwC,WAAT,CAAqB7C,CAArB,CAAJ,EAZV;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,UAAAlD,CAAC,UAAI,CAACK,QAAQ,CAAC4C,WAAT,CAAqBjD,CAArB,CAAL,EAfN;AAgBnBmD,KAhBmB,CAgBbnC,OAAO,CAACoC,OAhBK,CAAtB,C","sourcesContent":["// @ts-ignore noUnusedVar\r\nimport React from 'react';\r\n\r\nimport { SEPARATOR } from '../../../lib/date/constants';\r\nimport * as Keyboard from '../../../lib/events/keyboard/identifiers';\r\nimport { KeyboardActionExctracterBuilder } from '../../../lib/extractKeyboardAction';\r\n\r\nconst delimiters = [\r\n  (e: React.KeyboardEvent<HTMLElement> | KeyboardEvent) => new RegExp(SEPARATOR).test(e.key),\r\n  Keyboard.isKeySpace,\r\n  Keyboard.isCodeMinus,\r\n  Keyboard.isCodeComma,\r\n  Keyboard.isCodePeriod,\r\n  Keyboard.isCodeSlash,\r\n  Keyboard.isCodeBackslash,\r\n  Keyboard.isCodeIntlBackslash,\r\n  Keyboard.isCodeNumpadDecimal,\r\n  Keyboard.isCodeNumpadDivide,\r\n  Keyboard.isCodeNumpadSubtract,\r\n];\r\n\r\nexport enum Actions {\r\n  Unknown,\r\n  Ignore,\r\n  MoveSelectionLeft,\r\n  MoveSelectionRight,\r\n  MoveSelectionFirst,\r\n  MoveSelectionLast,\r\n  Decrement,\r\n  Increment,\r\n  FullSelection,\r\n  ClearSelection,\r\n  ClearOneChar,\r\n  Digit,\r\n  Separator,\r\n  WrongInput,\r\n  PasteValue,\r\n  CopyValue,\r\n}\r\n\r\nconst extractAction = new KeyboardActionExctracterBuilder<Actions>()\r\n  .add(Actions.PasteValue, Keyboard.isShortcutPaste)\r\n  .add(Actions.CopyValue, Keyboard.isShortcutCopy)\r\n  .add(Actions.FullSelection, Keyboard.isShortcutSelectAll)\r\n  .add(Actions.Ignore, Keyboard.someKeys(Keyboard.isModified(), Keyboard.isKeyFs, Keyboard.isKeyTab))\r\n  .add(Actions.MoveSelectionLeft, Keyboard.isKeyArrowLeft)\r\n  .add(Actions.MoveSelectionRight, Keyboard.isKeyArrowRight)\r\n  .add(Actions.MoveSelectionFirst, Keyboard.isKeyHome)\r\n  .add(Actions.MoveSelectionLast, Keyboard.isKeyEnd)\r\n  .add(Actions.Separator, Keyboard.someKeys(...delimiters))\r\n  .add(Actions.Increment, Keyboard.isKeyArrowUp)\r\n  .add(Actions.Decrement, Keyboard.isKeyArrowDown)\r\n  .add(Actions.ClearSelection, e => Keyboard.isKeyDelete(e))\r\n  .add(Actions.ClearOneChar, Keyboard.isKeyBackspace)\r\n  .add(Actions.Digit, Keyboard.isKeyNumber)\r\n  .add(Actions.WrongInput, e => !Keyboard.isKeyNumber(e))\r\n  .build(Actions.Unknown);\r\n\r\nexport { extractAction };\r\n"]}
+{"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":";;AAEA;AACA;AACA;;AAEA,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":["import 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

@@ -1,11 +1,11 @@
 import { InternalDate } from '../../../lib/date/InternalDate';
-import { InternalDateComponentType, InternalDateTypesOrder } from '../../../lib/date/types';
+import { InputKeyResult, 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;
+    inputKey(key: string, type: InternalDateComponentType | null, inputMode: boolean): InputKeyResult;
     paste: (pasted: string) => InternalDateMediator;
     restore: () => boolean;
     shiftDateComponent(type: InternalDateComponentType | null, step: number): boolean;
@@ -15,7 +15,7 @@ export declare class InternalDateMediator {
     isChangedLocale: (locale: DatePickerLocale) => boolean;
     isNull: (type: InternalDateComponentType | null) => boolean;
     isEmpty: () => boolean;
-    get: (type: InternalDateComponentType | null) => string | number | null;
+    get: (type: InternalDateComponentType | null) => import("../../../lib/date/types").InternalDateComponentRaw;
     clear: (type: InternalDateComponentType | null) => InternalDate;
     validateString: (value: string) => boolean;
     getString: () => string;

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

@@ -5,6 +5,11 @@ var _types = require("../../../lib/date/types");
 
 
 
+
+
+
+
+
 var _inputNumber2 = require("./inputNumber");var
 
 InternalDateMediator = /*#__PURE__*/function () {function InternalDateMediator() {var _this = this;this.
@@ -14,8 +19,8 @@ InternalDateMediator = /*#__PURE__*/function () {function InternalDateMediator()
       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;
+      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(
@@ -61,11 +66,10 @@ InternalDateMediator = /*#__PURE__*/function () {function InternalDateMediator()
 
 
 
+
+
     paste = function (pasted) {
-      _this.iDate.
-      parseValue(pasted).
-      restore().
-      cutOffExcess();
+      _this.iDate.parseValue(pasted).restore().cutOffExcess();
       return _this;
     };this.
 
@@ -119,6 +123,9 @@ InternalDateMediator = /*#__PURE__*/function () {function InternalDateMediator()
 
 
 
+
+
+
 
 
 
@@ -158,7 +165,7 @@ InternalDateMediator = /*#__PURE__*/function () {function InternalDateMediator()
 
     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; // Если выделено всё поле, то в завимости от направления перемещения, выделям крайний компонент
+    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) {var leftMostType = this.getLeftmostType();this.clear(leftMostType);}if (type !== _types.InternalDateComponentType.Year) {this.iDate.cutOffExcess(type);} else {this.iDate.restore(type);}var maxValue = _InternalDateGetter.InternalDateGetter.getDefaultMax(type, this.iDate.getComponentsLikeNumber());var _inputNumber = (0, _inputNumber2.inputNumber)(type, prevValue, key, inputMode, maxValue),nextValue = _inputNumber.nextValue,nextInputMode = _inputNumber.nextInputMode;this.iDate.set(type, nextValue);return { inputMode: nextInputMode, changed: nextValue !== prevValue };};_proto.shiftDateComponent = function shiftDateComponent(type, step) {var calculatedType = type != null ? type : this.getLeftmostType();var iDate = this.iDate.clone();var start = iDate.getRangeStart();var end = iDate.getRangeEnd();var isValidRange = iDate.validate({ checks: [_types.InternalDateValidateCheck.Range] });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(calculatedType, step, { isRange: false, isLoop: true, isCutFeb: true });if (clone.validate({ checks: [_types.InternalDateValidateCheck.Range] })) {iDate.duplicateOf(clone);}}var changed = !this.iDate.isEqualComponentDate(calculatedType, 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;