@alfalab/core-components-date-time-input 4.5.34 → 5.0.0-snapshot-6a9d3fc

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (167) hide show
  1. package/Component.responsive.d.ts +5 -7
  2. package/Component.responsive.js +4 -3
  3. package/Component.responsive.js.map +1 -0
  4. package/components/date-time-input/Component.d.ts +12 -13
  5. package/components/date-time-input/Component.js +20 -21
  6. package/components/date-time-input/Component.js.map +1 -0
  7. package/components/date-time-input/index.css +11 -51
  8. package/components/date-time-input/index.d.ts +1 -1
  9. package/components/date-time-input/index.js +3 -2
  10. package/components/date-time-input/index.js.map +1 -0
  11. package/components/date-time-input/index.module.css.js +8 -0
  12. package/components/date-time-input/index.module.css.js.map +1 -0
  13. package/cssm/Component.responsive.d.ts +5 -7
  14. package/cssm/Component.responsive.js +6 -5
  15. package/cssm/Component.responsive.js.map +1 -0
  16. package/cssm/components/date-time-input/Component.d.ts +12 -13
  17. package/cssm/components/date-time-input/Component.js +18 -17
  18. package/cssm/components/date-time-input/Component.js.map +1 -0
  19. package/cssm/components/date-time-input/index.d.ts +1 -1
  20. package/cssm/components/date-time-input/index.js +3 -2
  21. package/cssm/components/date-time-input/index.js.map +1 -0
  22. package/cssm/components/date-time-input/index.module.css +5 -44
  23. package/cssm/desktop/Component.desktop.d.ts +3 -5
  24. package/cssm/desktop/Component.desktop.js +5 -4
  25. package/cssm/desktop/Component.desktop.js.map +1 -0
  26. package/cssm/desktop/index.d.ts +1 -2
  27. package/cssm/desktop/index.js +3 -2
  28. package/cssm/desktop/index.js.map +1 -0
  29. package/cssm/index.d.ts +2 -3
  30. package/cssm/index.js +1 -0
  31. package/cssm/index.js.map +1 -0
  32. package/cssm/mobile/Component.mobile.d.ts +3 -5
  33. package/cssm/mobile/Component.mobile.js +5 -4
  34. package/cssm/mobile/Component.mobile.js.map +1 -0
  35. package/cssm/mobile/index.d.ts +1 -2
  36. package/cssm/mobile/index.js +3 -2
  37. package/cssm/mobile/index.js.map +1 -0
  38. package/cssm/utils/format.d.ts +12 -13
  39. package/cssm/utils/format.js +1 -0
  40. package/cssm/utils/format.js.map +1 -0
  41. package/cssm/utils/index.d.ts +1 -1
  42. package/cssm/utils/index.js +14 -13
  43. package/cssm/utils/index.js.map +1 -0
  44. package/desktop/Component.desktop.d.ts +3 -5
  45. package/desktop/Component.desktop.js +5 -4
  46. package/desktop/Component.desktop.js.map +1 -0
  47. package/desktop/index.d.ts +1 -2
  48. package/desktop/index.js +3 -2
  49. package/desktop/index.js.map +1 -0
  50. package/esm/Component.responsive.d.ts +5 -7
  51. package/esm/Component.responsive.js +1 -0
  52. package/esm/Component.responsive.js.map +1 -0
  53. package/esm/components/date-time-input/Component.d.ts +12 -13
  54. package/esm/components/date-time-input/Component.js +2 -3
  55. package/esm/components/date-time-input/Component.js.map +1 -0
  56. package/esm/components/date-time-input/index.css +11 -51
  57. package/esm/components/date-time-input/index.d.ts +1 -1
  58. package/esm/components/date-time-input/index.js +1 -0
  59. package/esm/components/date-time-input/index.js.map +1 -0
  60. package/esm/components/date-time-input/index.module.css.js +6 -0
  61. package/esm/components/date-time-input/index.module.css.js.map +1 -0
  62. package/esm/desktop/Component.desktop.d.ts +3 -5
  63. package/esm/desktop/Component.desktop.js +1 -0
  64. package/esm/desktop/Component.desktop.js.map +1 -0
  65. package/esm/desktop/index.d.ts +1 -2
  66. package/esm/desktop/index.js +1 -0
  67. package/esm/desktop/index.js.map +1 -0
  68. package/esm/index.d.ts +2 -3
  69. package/esm/index.js +1 -0
  70. package/esm/index.js.map +1 -0
  71. package/esm/mobile/Component.mobile.d.ts +3 -5
  72. package/esm/mobile/Component.mobile.js +1 -0
  73. package/esm/mobile/Component.mobile.js.map +1 -0
  74. package/esm/mobile/index.d.ts +1 -2
  75. package/esm/mobile/index.js +1 -0
  76. package/esm/mobile/index.js.map +1 -0
  77. package/esm/utils/format.d.ts +12 -13
  78. package/esm/utils/format.js +1 -0
  79. package/esm/utils/format.js.map +1 -0
  80. package/esm/utils/index.d.ts +1 -1
  81. package/esm/utils/index.js +1 -0
  82. package/esm/utils/index.js.map +1 -0
  83. package/index.d.ts +2 -3
  84. package/index.js +1 -0
  85. package/index.js.map +1 -0
  86. package/mobile/Component.mobile.d.ts +3 -5
  87. package/mobile/Component.mobile.js +5 -4
  88. package/mobile/Component.mobile.js.map +1 -0
  89. package/mobile/index.d.ts +1 -2
  90. package/mobile/index.js +3 -2
  91. package/mobile/index.js.map +1 -0
  92. package/modern/Component.responsive.d.ts +5 -7
  93. package/modern/Component.responsive.js +1 -0
  94. package/modern/Component.responsive.js.map +1 -0
  95. package/modern/components/date-time-input/Component.d.ts +12 -13
  96. package/modern/components/date-time-input/Component.js +2 -3
  97. package/modern/components/date-time-input/Component.js.map +1 -0
  98. package/modern/components/date-time-input/index.css +11 -51
  99. package/modern/components/date-time-input/index.d.ts +1 -1
  100. package/modern/components/date-time-input/index.js +1 -0
  101. package/modern/components/date-time-input/index.js.map +1 -0
  102. package/modern/components/date-time-input/index.module.css.js +6 -0
  103. package/modern/components/date-time-input/index.module.css.js.map +1 -0
  104. package/modern/desktop/Component.desktop.d.ts +3 -5
  105. package/modern/desktop/Component.desktop.js +1 -0
  106. package/modern/desktop/Component.desktop.js.map +1 -0
  107. package/modern/desktop/index.d.ts +1 -2
  108. package/modern/desktop/index.js +1 -0
  109. package/modern/desktop/index.js.map +1 -0
  110. package/modern/index.d.ts +2 -3
  111. package/modern/index.js +1 -0
  112. package/modern/index.js.map +1 -0
  113. package/modern/mobile/Component.mobile.d.ts +3 -5
  114. package/modern/mobile/Component.mobile.js +1 -0
  115. package/modern/mobile/Component.mobile.js.map +1 -0
  116. package/modern/mobile/index.d.ts +1 -2
  117. package/modern/mobile/index.js +1 -0
  118. package/modern/mobile/index.js.map +1 -0
  119. package/modern/utils/format.d.ts +12 -13
  120. package/modern/utils/format.js +1 -0
  121. package/modern/utils/format.js.map +1 -0
  122. package/modern/utils/index.d.ts +1 -1
  123. package/modern/utils/index.js +1 -0
  124. package/modern/utils/index.js.map +1 -0
  125. package/moderncssm/Component.responsive.d.ts +5 -7
  126. package/moderncssm/Component.responsive.js +1 -0
  127. package/moderncssm/Component.responsive.js.map +1 -0
  128. package/moderncssm/components/date-time-input/Component.d.ts +12 -13
  129. package/moderncssm/components/date-time-input/Component.js +1 -0
  130. package/moderncssm/components/date-time-input/Component.js.map +1 -0
  131. package/moderncssm/components/date-time-input/index.d.ts +1 -1
  132. package/moderncssm/components/date-time-input/index.js +1 -0
  133. package/moderncssm/components/date-time-input/index.js.map +1 -0
  134. package/moderncssm/components/date-time-input/index.module.css +0 -21
  135. package/moderncssm/desktop/Component.desktop.d.ts +3 -5
  136. package/moderncssm/desktop/Component.desktop.js +1 -0
  137. package/moderncssm/desktop/Component.desktop.js.map +1 -0
  138. package/moderncssm/desktop/index.d.ts +1 -2
  139. package/moderncssm/desktop/index.js +1 -0
  140. package/moderncssm/desktop/index.js.map +1 -0
  141. package/moderncssm/index.d.ts +2 -3
  142. package/moderncssm/index.js +1 -0
  143. package/moderncssm/index.js.map +1 -0
  144. package/moderncssm/mobile/Component.mobile.d.ts +3 -5
  145. package/moderncssm/mobile/Component.mobile.js +1 -0
  146. package/moderncssm/mobile/Component.mobile.js.map +1 -0
  147. package/moderncssm/mobile/index.d.ts +1 -2
  148. package/moderncssm/mobile/index.js +1 -0
  149. package/moderncssm/mobile/index.js.map +1 -0
  150. package/moderncssm/utils/format.d.ts +12 -13
  151. package/moderncssm/utils/format.js +1 -0
  152. package/moderncssm/utils/format.js.map +1 -0
  153. package/moderncssm/utils/index.d.ts +1 -1
  154. package/moderncssm/utils/index.js +1 -0
  155. package/moderncssm/utils/index.js.map +1 -0
  156. package/package.json +9 -10
  157. package/src/components/date-time-input/index.module.css +1 -1
  158. package/utils/format.d.ts +12 -13
  159. package/utils/format.js +1 -0
  160. package/utils/format.js.map +1 -0
  161. package/utils/index.d.ts +1 -1
  162. package/utils/index.js +14 -13
  163. package/utils/index.js.map +1 -0
  164. package/desktop/package.json +0 -3
  165. package/mobile/package.json +0 -3
  166. package/src/desktop/package.json +0 -3
  167. package/src/mobile/package.json +0 -3
@@ -1,7 +1,6 @@
1
- /// <reference types="react" />
2
1
  import React from 'react';
3
- import { DateTimeInputProps } from "./components/date-time-input/Component";
4
- type DateTimeInputResponsiveProps = Omit<DateTimeInputProps, 'view' | 'InputComponent'> & {
2
+ import { DateTimeInputProps } from './components/date-time-input/Component';
3
+ export declare type DateTimeInputResponsiveProps = Omit<DateTimeInputProps, 'view' | 'InputComponent'> & {
5
4
  /**
6
5
  * Контрольная точка, с нее начинается desktop версия
7
6
  * @default 1024
@@ -12,8 +11,8 @@ type DateTimeInputResponsiveProps = Omit<DateTimeInputProps, 'view' | 'InputComp
12
11
  */
13
12
  client?: 'desktop' | 'mobile';
14
13
  };
15
- type DateTimeInputMedia = 'desktop' | 'mobile';
16
- declare const DateTimeInputResponsive: React.ForwardRefExoticComponent<Omit<DateTimeInputProps, "view" | "InputComponent"> & {
14
+ export declare type DateTimeInputMedia = 'desktop' | 'mobile';
15
+ export declare const DateTimeInputResponsive: React.ForwardRefExoticComponent<Omit<DateTimeInputProps, "view" | "InputComponent"> & {
17
16
  /**
18
17
  * Контрольная точка, с нее начинается desktop версия
19
18
  * @default 1024
@@ -22,6 +21,5 @@ declare const DateTimeInputResponsive: React.ForwardRefExoticComponent<Omit<Date
22
21
  /**
23
22
  * Версия, которая будет использоваться при серверном рендеринге
24
23
  */
25
- client?: "desktop" | "mobile" | undefined;
24
+ client?: "mobile" | "desktop" | undefined;
26
25
  } & React.RefAttributes<HTMLInputElement>>;
27
- export { DateTimeInputResponsiveProps, DateTimeInputMedia, DateTimeInputResponsive };
@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
7
  var coreComponentsMq = require('@alfalab/core-components-mq');
8
- var desktop_Component_desktop = require('./desktop/Component.desktop.js');
9
- var mobile_Component_mobile = require('./mobile/Component.mobile.js');
8
+ var Component_desktop = require('./desktop/Component.desktop.js');
9
+ var Component_mobile = require('./mobile/Component.mobile.js');
10
10
 
11
11
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
12
12
 
@@ -15,7 +15,8 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
15
15
  var DateTimeInputResponsive = React.forwardRef(function (_a, ref) {
16
16
  var breakpoint = _a.breakpoint, client = _a.client, restProps = tslib.__rest(_a, ["breakpoint", "client"]);
17
17
  var isDesktop = coreComponentsMq.useIsDesktop(breakpoint, client === 'desktop');
18
- return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.DateTimeInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.DateTimeInputMobile, tslib.__assign({}, restProps, { ref: ref })));
18
+ return isDesktop ? (React__default.default.createElement(Component_desktop.DateTimeInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(Component_mobile.DateTimeInputMobile, tslib.__assign({}, restProps, { ref: ref })));
19
19
  });
20
20
 
21
21
  exports.DateTimeInputResponsive = DateTimeInputResponsive;
22
+ //# sourceMappingURL=Component.responsive.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Component.responsive.js","sources":["src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { InputProps } from '@alfalab/core-components-input';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { DateTimeInputProps } from './components/date-time-input/Component';\nimport { DateTimeInputDesktop } from './desktop';\nimport { DateTimeInputMobile } from './mobile';\n\nexport type DateTimeInputResponsiveProps = Omit<DateTimeInputProps, 'view' | 'InputComponent'> & {\n /**\n * Контрольная точка, с нее начинается desktop версия\n * @default 1024\n */\n breakpoint?: number;\n\n /**\n * Версия, которая будет использоваться при серверном рендеринге\n */\n client?: 'desktop' | 'mobile';\n};\n\nexport type DateTimeInputMedia = 'desktop' | 'mobile';\n\nexport const DateTimeInputResponsive = forwardRef<HTMLInputElement, DateTimeInputResponsiveProps>(\n ({ breakpoint, client, ...restProps }, ref) => {\n const isDesktop = useIsDesktop(breakpoint, client === 'desktop');\n\n return isDesktop ? (\n <DateTimeInputDesktop {...restProps} ref={ref} />\n ) : (\n <DateTimeInputMobile {...restProps} ref={ref} />\n );\n },\n);\n"],"names":["forwardRef","__rest","useIsDesktop","React","DateTimeInputDesktop","__assign","DateTimeInputMobile"],"mappings":";;;;;;;;;;;;;;IAyBa,uBAAuB,GAAGA,gBAAU,CAC7C,UAAC,EAAoC,EAAE,GAAG,EAAA;IAAvC,IAAA,UAAU,gBAAA,EAAE,MAAM,YAAA,EAAK,SAAS,GAAlCC,YAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,CAAoC,CAAF;IAC/B,IAAM,SAAS,GAAGC,6BAAY,CAAC,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC;AAEhE,IAAA,OAAO,SAAS,IACZC,sBAAA,CAAA,aAAA,CAACC,sCAAoB,EAAAC,cAAA,CAAA,EAAA,EAAK,SAAS,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA,CAAI,KAEjDF,sBAAA,CAAA,aAAA,CAACG,oCAAmB,EAAAD,cAAA,CAAA,EAAA,EAAK,SAAS,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA,CAAI,CACnD;AACL,CAAC;;;;"}
@@ -1,11 +1,9 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { ChangeEvent, ElementType } from "react";
4
- import { CalendarDesktopProps } from "@alfalab/core-components-calendar/desktop";
5
- import { CalendarMobileProps } from "@alfalab/core-components-calendar/mobile";
6
- import { InputProps } from "@alfalab/core-components-input";
7
- import { PopoverProps } from "@alfalab/core-components-popover";
8
- type DateTimeInputProps = Omit<InputProps, 'onChange'> & {
1
+ import React, { ChangeEvent, ElementType } from 'react';
2
+ import type { CalendarDesktopProps } from '@alfalab/core-components-calendar/desktop';
3
+ import type { CalendarMobileProps } from '@alfalab/core-components-calendar/mobile';
4
+ import { InputProps } from '@alfalab/core-components-input';
5
+ import { PopoverProps } from '@alfalab/core-components-popover';
6
+ export declare type DateTimeInputProps = Omit<InputProps, 'onChange'> & {
9
7
  /**
10
8
  * Дополнительный класс
11
9
  */
@@ -102,7 +100,7 @@ type DateTimeInputProps = Omit<InputProps, 'onChange'> & {
102
100
  */
103
101
  disableUserInput?: boolean;
104
102
  };
105
- declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "onChange"> & {
103
+ export declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "onChange"> & {
106
104
  /**
107
105
  * Дополнительный класс
108
106
  */
@@ -150,12 +148,14 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
150
148
  clickableMonth?: boolean | undefined;
151
149
  cancelButtonContent?: string | undefined;
152
150
  selectButtonContent?: string | undefined;
153
- resetButtonContent?: string | undefined;
151
+ resetButtonContent?: string | undefined; /**
152
+ * Доп. пропсы для календаря
153
+ */
154
154
  } & {
155
155
  onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
156
156
  yearsAmount?: number | undefined;
157
157
  scrollableContainer?: HTMLElement | undefined;
158
- } & Omit<CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "onMonthChange" | "defaultView" | "selectorView" | "rangeComplete" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & Pick<CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "onMonthChange" | "defaultView" | "selectorView" | "rangeComplete" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector"> & Pick<import("@alfalab/core-components-modal/shared").ModalHeaderProps, "hasBackButton" | "onBack"> & Record<string, unknown>) | undefined;
158
+ } & Omit<CalendarDesktopProps, ("className" | "dataTestId" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "hasHeader" | "responsive" | "showCurrentYearSelector") | ("headerClassName" | "contentClassName")> & Pick<CalendarDesktopProps, "className" | "dataTestId" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "hasHeader" | "responsive" | "showCurrentYearSelector"> & Pick<import("../../../../modal/src/shared").ModalHeaderProps, "hasBackButton" | "onBack"> & Record<string, unknown>) | undefined;
159
159
  /**
160
160
  * Месяц в календаре по умолчанию (timestamp)
161
161
  */
@@ -204,7 +204,7 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
204
204
  /**
205
205
  * Отображение компонента в мобильном или десктопном виде
206
206
  */
207
- view?: "desktop" | "mobile" | undefined;
207
+ view?: "mobile" | "desktop" | undefined;
208
208
  /**
209
209
  * Компонент инпута
210
210
  */
@@ -214,4 +214,3 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
214
214
  */
215
215
  disableUserInput?: boolean | undefined;
216
216
  } & React.RefAttributes<HTMLInputElement>>;
217
- export { DateTimeInputProps, DateTimeInput };
@@ -11,7 +11,8 @@ var coreComponentsIconButton = require('@alfalab/core-components-icon-button');
11
11
  var coreComponentsPopover = require('@alfalab/core-components-popover');
12
12
  var hooks = require('@alfalab/hooks');
13
13
  var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
14
- var utils_format = require('../../utils/format.js');
14
+ var format = require('../../utils/format.js');
15
+ var index_module = require('./index.module.css.js');
15
16
 
16
17
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
17
18
 
@@ -19,9 +20,6 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
19
20
  var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
20
21
  var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
21
22
 
22
- var styles = {"component":"date-time-input__component_19i9k","calendarContainer":"date-time-input__calendarContainer_19i9k","calendarResponsive":"date-time-input__calendarResponsive_19i9k","block":"date-time-input__block_19i9k","calendarIcon":"date-time-input__calendarIcon_19i9k"};
23
- require('./index.css')
24
-
25
23
  /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */
26
24
  var DateTimeInput = React__default.default.forwardRef(function (_a, ref) {
27
25
  var _b, _c;
@@ -31,7 +29,7 @@ var DateTimeInput = React__default.default.forwardRef(function (_a, ref) {
31
29
  var calendarRef = React.useRef(null);
32
30
  var _q = React.useState(propValue || defaultValue), value = _q[0], setValue = _q[1];
33
31
  var _r = React.useState(false), open = _r[0], setOpen = _r[1];
34
- var calendarValue = value ? utils_format.getDateWithoutTime(value).getTime() : undefined;
32
+ var calendarValue = value ? format.getDateWithoutTime(value).getTime() : undefined;
35
33
  var inputDisabled = disabled || readOnly;
36
34
  var calendarResponsive = (_d = calendarProps === null || calendarProps === void 0 ? void 0 : calendarProps.responsive) !== null && _d !== void 0 ? _d : true;
37
35
  React.useEffect(function () {
@@ -44,17 +42,17 @@ var DateTimeInput = React__default.default.forwardRef(function (_a, ref) {
44
42
  var checkInputValueIsValid = function (newInputValue) {
45
43
  if (!newInputValue || error)
46
44
  return false;
47
- var dateValue = utils_format.getDateWithoutTime(newInputValue).getTime();
45
+ var dateValue = format.getDateWithoutTime(newInputValue).getTime();
48
46
  return (dateValue &&
49
47
  shared.dateInLimits(dateValue, minDate, maxDate) &&
50
48
  !offDays.includes(dateValue));
51
49
  };
52
50
  var setTimeToDate = function () {
53
51
  setValue(function (prevValue) {
54
- var dateWithTime = utils_format.addTimeToDate(prevValue);
55
- if (dateWithTime !== prevValue && dateWithTime.length === utils_format.DATE_WITH_TIME_LENGTH) {
52
+ var dateWithTime = format.addTimeToDate(prevValue);
53
+ if (dateWithTime !== prevValue && dateWithTime.length === format.DATE_WITH_TIME_LENGTH) {
56
54
  onComplete === null || onComplete === void 0 ? void 0 : onComplete(null, {
57
- date: utils_format.getFullDateTime(dateWithTime),
55
+ date: format.getFullDateTime(dateWithTime),
58
56
  value: dateWithTime,
59
57
  });
60
58
  }
@@ -82,7 +80,7 @@ var DateTimeInput = React__default.default.forwardRef(function (_a, ref) {
82
80
  };
83
81
  var handleChange = function (event) {
84
82
  var newValue = event.target.value;
85
- if (newValue.length > utils_format.DATE_WITH_TIME_LENGTH)
83
+ if (newValue.length > format.DATE_WITH_TIME_LENGTH)
86
84
  return;
87
85
  // Позволяем вводить только цифры, точки, запятую, двоеточие и пробел
88
86
  if (/[^\d., :]/.test(newValue)) {
@@ -97,13 +95,13 @@ var DateTimeInput = React__default.default.forwardRef(function (_a, ref) {
97
95
  (comma && comma.length > 1)) {
98
96
  return;
99
97
  }
100
- var formattedValue = utils_format.format(newValue);
101
- var date = utils_format.getFullDateTime(formattedValue);
98
+ var formattedValue = format.format(newValue);
99
+ var date = format.getFullDateTime(formattedValue);
102
100
  setValue(formattedValue);
103
101
  if (onChange)
104
102
  onChange(event, { date: date, value: formattedValue });
105
- if (utils_format.isCompleteDateInput(formattedValue)) {
106
- var valid = utils_format.isValid(formattedValue);
103
+ if (format.isCompleteDateInput(formattedValue)) {
104
+ var valid = format.isValid(formattedValue);
107
105
  if (!valid)
108
106
  return;
109
107
  if (onComplete) {
@@ -120,9 +118,9 @@ var DateTimeInput = React__default.default.forwardRef(function (_a, ref) {
120
118
  };
121
119
  var handleCalendarChange = function (date) {
122
120
  if (date) {
123
- var newValue = utils_format.parseTimestampToDate(date);
121
+ var newValue = format.parseTimestampToDate(date);
124
122
  setValue(newValue);
125
- onChange === null || onChange === void 0 ? void 0 : onChange(null, { date: utils_format.getFullDateTime(newValue), value: newValue });
123
+ onChange === null || onChange === void 0 ? void 0 : onChange(null, { date: format.getFullDateTime(newValue), value: newValue });
126
124
  }
127
125
  };
128
126
  var handleCalendarWrapperMouseDown = function (event) {
@@ -142,16 +140,17 @@ var DateTimeInput = React__default.default.forwardRef(function (_a, ref) {
142
140
  React__default.default.createElement("div", { onMouseDown: handleCalendarWrapperMouseDown },
143
141
  React__default.default.createElement(Calendar, tslib.__assign({}, calendarProps, { responsive: calendarResponsive, open: open, onClose: handleMobileCalendarClose, ref: calendarRef, defaultMonth: defaultMonth, value: checkInputValueIsValid(value) ? calendarValue : undefined, onChange: handleCalendarChange, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events })))) : null;
144
142
  };
145
- return (React__default.default.createElement("div", { className: cn__default.default(styles.component, className, (_b = {},
146
- _b[styles.block] = block,
143
+ return (React__default.default.createElement("div", { className: cn__default.default(index_module.component, className, (_b = {},
144
+ _b[index_module.block] = block,
147
145
  _b)), onFocus: inputDisabled ? undefined : handleInputWrapperFocus, onBlur: handleBlur },
148
146
  InputComponent ? (React__default.default.createElement(InputComponent, tslib.__assign({ autoComplete: picker ? 'off' : undefined }, restProps, { block: block, ref: mergeRefs__default.default([ref, inputRef]), value: value, onChange: handleChange, disabled: disabled, readOnly: readOnly, className: inputClassName, onClear: handleClear, disableUserInput: disableUserInput, error: error, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
149
147
  rightAddons,
150
- picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles.calendarIcon, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 's' }))) }))) : null,
148
+ picker && (React__default.default.createElement(coreComponentsIconButton.IconButton, { className: index_module.calendarIcon, onClick: inputDisabled ? undefined : handleIconButtonClick, icon: CalendarMIcon.CalendarMIcon, size: 's' }))) }))) : null,
151
149
  picker &&
152
- (view === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(styles.calendarContainer, (_c = {},
153
- _c[styles.calendarResponsive] = calendarResponsive,
150
+ (view === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputRef.current, popperClassName: cn__default.default(index_module.calendarContainer, (_c = {},
151
+ _c[index_module.calendarResponsive] = calendarResponsive,
154
152
  _c)), className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar())) : (renderCalendar()))));
155
153
  });
156
154
 
157
155
  exports.DateTimeInput = DateTimeInput;
156
+ //# sourceMappingURL=Component.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Component.js","sources":["../../src/components/date-time-input/Component.tsx"],"sourcesContent":["/* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */\n\nimport React, {\n ChangeEvent,\n ElementType,\n FocusEvent,\n MouseEvent,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport type { CalendarDesktopProps } from '@alfalab/core-components-calendar/desktop';\nimport type { CalendarMobileProps } from '@alfalab/core-components-calendar/mobile';\nimport { dateInLimits } from '@alfalab/core-components-calendar/shared';\nimport { IconButton } from '@alfalab/core-components-icon-button';\nimport { InputProps } from '@alfalab/core-components-input';\nimport { Popover, PopoverProps } from '@alfalab/core-components-popover';\nimport { useDidUpdateEffect } from '@alfalab/hooks';\nimport { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';\n\nimport {\n addTimeToDate,\n DATE_WITH_TIME_LENGTH,\n format,\n getDateWithoutTime,\n getFullDateTime,\n isCompleteDateInput,\n isValid,\n parseTimestampToDate,\n} from '../../utils';\n\nimport styles from './index.module.css';\n\nexport type DateTimeInputProps = Omit<InputProps, 'onChange'> & {\n /**\n * Дополнительный класс\n */\n className?: string;\n\n /**\n * Дополнительный класс для инпута\n */\n inputClassName?: string;\n\n /**\n * Дополнительный класс для поповера\n */\n popoverClassName?: string;\n\n /**\n * Обработчик изменения значения\n */\n picker?: boolean;\n\n /**\n * Обработчик изменения значения\n */\n onChange?: (\n event: ChangeEvent<HTMLInputElement> | null,\n payload: { date: Date; value: string },\n ) => void;\n\n /**\n * Обработчик окончания ввода\n */\n onComplete?: (\n event: ChangeEvent<HTMLInputElement> | null,\n payload: { date: Date; value: string },\n ) => void;\n\n /**\n * Компонент календаря\n */\n Calendar?: ElementType;\n\n /**\n * Доп. пропсы для календаря\n */\n calendarProps?:\n | (CalendarDesktopProps & Record<string, unknown>)\n | (CalendarMobileProps & Record<string, unknown>);\n\n /**\n * Месяц в календаре по умолчанию (timestamp)\n */\n defaultMonth?: number;\n\n /**\n * Минимальная дата, доступная для выбора (timestamp)\n */\n minDate?: number;\n\n /**\n * Максимальная дата, доступная для выбора (timestamp)\n */\n maxDate?: number;\n\n /**\n * Список событий\n */\n events?: Array<Date | number>;\n\n /**\n * Список выходных\n */\n offDays?: Array<Date | number>;\n\n /**\n * Состояние открытия по умолчанию\n */\n defaultOpen?: boolean;\n\n /**\n * Позиционирование поповера с календарем\n */\n popoverPosition?: PopoverProps['position'];\n\n /**\n * z-index Popover\n */\n zIndexPopover?: PopoverProps['zIndex'];\n\n /**\n * Запрещает поповеру менять свою позицию.\n * Например, если места снизу недостаточно,то он все равно будет показан снизу\n */\n preventFlip?: boolean;\n\n /**\n * Календарь будет принимать ширину инпута\n */\n useAnchorWidth?: boolean;\n\n /**\n * Растягивает компонент на ширину контейнера\n */\n block?: boolean;\n\n /**\n * Отображение компонента в мобильном или десктопном виде\n */\n view?: 'desktop' | 'mobile';\n\n /**\n * Компонент инпута\n */\n InputComponent?: ElementType;\n\n /**\n * Запретить ввод с клавиатуры\n */\n disableUserInput?: boolean;\n};\n\nexport const DateTimeInput = React.forwardRef<HTMLInputElement, DateTimeInputProps>(\n (\n {\n className,\n inputClassName,\n popoverClassName,\n disabled,\n readOnly,\n disableUserInput = false,\n picker,\n defaultValue = '',\n value: propValue,\n onChange,\n onComplete,\n rightAddons,\n useAnchorWidth,\n block,\n popoverPosition = 'bottom-start',\n zIndexPopover,\n preventFlip,\n InputComponent,\n Calendar,\n calendarProps = {},\n defaultMonth,\n minDate = calendarProps.minDate,\n maxDate = calendarProps.maxDate,\n offDays = calendarProps.offDays || [],\n events = calendarProps.events || [],\n defaultOpen = false,\n error,\n view = 'desktop',\n ...restProps\n },\n ref,\n ) => {\n const inputRef = useRef<HTMLInputElement>(null);\n const calendarRef = useRef<HTMLDivElement>(null);\n\n const [value, setValue] = useState(propValue || defaultValue);\n const [open, setOpen] = useState(false);\n\n const calendarValue = value ? getDateWithoutTime(value).getTime() : undefined;\n\n const inputDisabled = disabled || readOnly;\n\n const calendarResponsive = calendarProps?.responsive ?? true;\n\n useEffect(() => {\n setOpen(defaultOpen);\n }, [defaultOpen]);\n\n useDidUpdateEffect(() => {\n const newPropValue = propValue || '';\n\n setValue((prevValue) => (prevValue === propValue ? prevValue : newPropValue));\n }, [propValue]);\n\n const checkInputValueIsValid = (newInputValue?: string) => {\n if (!newInputValue || error) return false;\n\n const dateValue = getDateWithoutTime(newInputValue).getTime();\n\n return (\n dateValue &&\n dateInLimits(dateValue, minDate, maxDate) &&\n !offDays.includes(dateValue)\n );\n };\n\n const setTimeToDate = () => {\n setValue((prevValue) => {\n const dateWithTime = addTimeToDate(prevValue);\n\n if (dateWithTime !== prevValue && dateWithTime.length === DATE_WITH_TIME_LENGTH) {\n onComplete?.(null, {\n date: getFullDateTime(dateWithTime),\n value: dateWithTime,\n });\n }\n\n return dateWithTime;\n });\n };\n\n const handleInputWrapperFocus = (event: FocusEvent<HTMLDivElement>) => {\n if (view === 'desktop') {\n if (picker) {\n setOpen(true);\n }\n if (!open && event.target.tagName !== 'INPUT' && calendarRef.current) {\n calendarRef.current.focus();\n }\n }\n };\n\n const handleBlur = (event: FocusEvent<HTMLDivElement>) => {\n if (view === 'desktop') {\n const target = (event.relatedTarget || document.activeElement) as HTMLElement;\n\n if (calendarRef.current && calendarRef.current.contains(target) === false) {\n setOpen(false);\n setTimeToDate();\n }\n }\n };\n\n const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n const { value: newValue } = event.target;\n\n if (newValue.length > DATE_WITH_TIME_LENGTH) return;\n\n // Позволяем вводить только цифры, точки, запятую, двоеточие и пробел\n if (/[^\\d., :]/.test(newValue)) {\n return;\n }\n\n const dots = newValue.match(/\\./g);\n const colon = newValue.match(/:/g);\n const comma = newValue.match(/,/g);\n\n // Не даем вводить больше, чем 2 точки, 1 двоеточие и 1 запятую\n if (\n (dots && dots.length > 2) ||\n (colon && colon.length > 1) ||\n (comma && comma.length > 1)\n ) {\n return;\n }\n\n const formattedValue = format(newValue);\n const date = getFullDateTime(formattedValue);\n\n setValue(formattedValue);\n\n if (onChange) onChange(event, { date, value: formattedValue });\n\n if (isCompleteDateInput(formattedValue)) {\n const valid = isValid(formattedValue);\n\n if (!valid) return;\n\n if (onComplete) {\n onComplete(event, { date, value: formattedValue });\n }\n }\n };\n\n const handleMobileCalendarClose = () => {\n setOpen(false);\n setTimeToDate();\n };\n\n const handleClear = () => {\n setValue('');\n };\n\n const handleCalendarChange = (date?: number) => {\n if (date) {\n const newValue = parseTimestampToDate(date);\n\n setValue(newValue);\n onChange?.(null, { date: getFullDateTime(newValue), value: newValue });\n }\n };\n\n const handleCalendarWrapperMouseDown = (event: MouseEvent<HTMLDivElement>) => {\n // Не дает инпуту терять фокус при выборе даты\n event.preventDefault();\n };\n\n const handleIconButtonClick = () => {\n if (!open) setOpen(true);\n\n if (view === 'desktop' && inputRef.current) {\n inputRef.current.focus();\n }\n };\n\n const renderCalendar = () =>\n Calendar ? (\n // eslint-disable-next-line jsx-a11y/no-static-element-interactions\n <div onMouseDown={handleCalendarWrapperMouseDown}>\n <Calendar\n {...calendarProps}\n responsive={calendarResponsive}\n open={open}\n onClose={handleMobileCalendarClose}\n ref={calendarRef}\n defaultMonth={defaultMonth}\n value={checkInputValueIsValid(value) ? calendarValue : undefined}\n onChange={handleCalendarChange}\n minDate={minDate}\n maxDate={maxDate}\n offDays={offDays}\n events={events}\n />\n </div>\n ) : null;\n\n return (\n <div\n className={cn(styles.component, className, {\n [styles.block]: block,\n })}\n onFocus={inputDisabled ? undefined : handleInputWrapperFocus}\n onBlur={handleBlur}\n >\n {InputComponent ? (\n <InputComponent\n autoComplete={picker ? 'off' : undefined}\n {...restProps}\n block={block}\n ref={mergeRefs([ref, inputRef])}\n value={value}\n onChange={handleChange}\n disabled={disabled}\n readOnly={readOnly}\n className={inputClassName}\n onClear={handleClear}\n disableUserInput={disableUserInput}\n error={error}\n rightAddons={\n <React.Fragment>\n {rightAddons}\n {picker && (\n <IconButton\n className={styles.calendarIcon}\n onClick={inputDisabled ? undefined : handleIconButtonClick}\n icon={CalendarMIcon}\n size='s'\n />\n )}\n </React.Fragment>\n }\n />\n ) : null}\n {picker &&\n (view === 'desktop' ? (\n <Popover\n open={open}\n useAnchorWidth={useAnchorWidth}\n anchorElement={inputRef.current as HTMLElement}\n popperClassName={cn(styles.calendarContainer, {\n [styles.calendarResponsive]: calendarResponsive,\n })}\n className={popoverClassName}\n position={popoverPosition}\n offset={[0, 8]}\n withTransition={false}\n preventFlip={preventFlip}\n zIndex={zIndexPopover}\n >\n {renderCalendar()}\n </Popover>\n ) : (\n renderCalendar()\n ))}\n </div>\n );\n },\n);\n"],"names":["React","__rest","useRef","useState","getDateWithoutTime","useEffect","useDidUpdateEffect","dateInLimits","addTimeToDate","DATE_WITH_TIME_LENGTH","getFullDateTime","format","isCompleteDateInput","isValid","parseTimestampToDate","__assign","cn","styles","mergeRefs","IconButton","CalendarMIcon","Popover"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA;AA6Ja,IAAA,aAAa,GAAGA,sBAAK,CAAC,UAAU,CACzC,UACI,EA8BC,EACD,GAAG,EAAA;;;AA9BC,IAAA,IAAA,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,gBAAgB,GAAA,EAAA,CAAA,gBAAA,EAChB,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAwB,GAAA,EAAA,CAAA,gBAAA,EAAxB,gBAAgB,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACxB,MAAM,GAAA,EAAA,CAAA,MAAA,EACN,EAAA,GAAA,EAAA,CAAA,YAAiB,EAAjB,YAAY,GAAG,EAAA,KAAA,MAAA,GAAA,EAAE,KAAA,EACV,SAAS,GAAA,EAAA,CAAA,KAAA,EAChB,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,UAAU,gBAAA,EACV,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,KAAK,WAAA,EACL,EAAA,GAAA,EAAA,CAAA,eAAgC,EAAhC,eAAe,GAAG,EAAA,KAAA,MAAA,GAAA,cAAc,GAAA,EAAA,EAChC,aAAa,GAAA,EAAA,CAAA,aAAA,EACb,WAAW,GAAA,EAAA,CAAA,WAAA,EACX,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,EAAkB,GAAA,EAAA,CAAA,aAAA,EAAlB,aAAa,GAAA,EAAA,KAAA,MAAA,GAAG,EAAE,GAAA,EAAA,EAClB,YAAY,GAAA,EAAA,CAAA,YAAA,EACZ,EAAA,GAAA,EAAA,CAAA,OAA+B,EAA/B,OAAO,GAAG,EAAA,KAAA,MAAA,GAAA,aAAa,CAAC,OAAO,GAAA,EAAA,EAC/B,EAAA,GAAA,EAAA,CAAA,OAA+B,EAA/B,OAAO,GAAG,EAAA,KAAA,MAAA,GAAA,aAAa,CAAC,OAAO,GAAA,EAAA,EAC/B,EAAA,GAAA,EAAA,CAAA,OAAqC,EAArC,OAAO,GAAG,EAAA,KAAA,MAAA,GAAA,aAAa,CAAC,OAAO,IAAI,EAAE,GAAA,EAAA,EACrC,EAAA,GAAA,EAAA,CAAA,MAAmC,EAAnC,MAAM,mBAAG,aAAa,CAAC,MAAM,IAAI,EAAE,GAAA,EAAA,EACnC,EAAA,GAAA,EAAA,CAAA,WAAmB,EAAnB,WAAW,GAAA,EAAA,KAAA,MAAA,GAAG,KAAK,GAAA,EAAA,EACnB,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,YAAgB,EAAhB,IAAI,GAAG,EAAA,KAAA,MAAA,GAAA,SAAS,GAAA,EAAA,EACb,SAAS,GAAAC,YAAA,CAAA,EAAA,EA7BhB,mYA8BC,CADe;AAIhB,IAAA,IAAM,QAAQ,GAAGC,YAAM,CAAmB,IAAI,CAAC;AAC/C,IAAA,IAAM,WAAW,GAAGA,YAAM,CAAiB,IAAI,CAAC;AAE1C,IAAA,IAAA,EAAoB,GAAAC,cAAQ,CAAC,SAAS,IAAI,YAAY,CAAC,EAAtD,KAAK,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,QAAQ,QAAuC;IACvD,IAAA,EAAA,GAAkBA,cAAQ,CAAC,KAAK,CAAC,EAAhC,IAAI,GAAA,EAAA,CAAA,CAAA,CAAA,EAAE,OAAO,GAAA,EAAA,CAAA,CAAA,CAAmB;AAEvC,IAAA,IAAM,aAAa,GAAG,KAAK,GAAGC,yBAAkB,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE,GAAG,SAAS;AAE7E,IAAA,IAAM,aAAa,GAAG,QAAQ,IAAI,QAAQ;AAE1C,IAAA,IAAM,kBAAkB,GAAG,CAAA,EAAA,GAAA,aAAa,KAAb,IAAA,IAAA,aAAa,KAAb,MAAA,GAAA,MAAA,GAAA,aAAa,CAAE,UAAU,MAAI,IAAA,IAAA,EAAA,KAAA,MAAA,GAAA,EAAA,GAAA,IAAI;AAE5D,IAAAC,eAAS,CAAC,YAAA;QACN,OAAO,CAAC,WAAW,CAAC;AACxB,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC;AAEjB,IAAAC,wBAAkB,CAAC,YAAA;AACf,QAAA,IAAM,YAAY,GAAG,SAAS,IAAI,EAAE;QAEpC,QAAQ,CAAC,UAAC,SAAS,EAAA,EAAK,QAAC,SAAS,KAAK,SAAS,GAAG,SAAS,GAAG,YAAY,EAAC,EAAA,CAAC;AACjF,KAAC,EAAE,CAAC,SAAS,CAAC,CAAC;IAEf,IAAM,sBAAsB,GAAG,UAAC,aAAsB,EAAA;QAClD,IAAI,CAAC,aAAa,IAAI,KAAK;AAAE,YAAA,OAAO,KAAK;QAEzC,IAAM,SAAS,GAAGF,yBAAkB,CAAC,aAAa,CAAC,CAAC,OAAO,EAAE;AAE7D,QAAA,QACI,SAAS;AACT,YAAAG,mBAAY,CAAC,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC;AACzC,YAAA,CAAC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC;AAEpC,KAAC;AAED,IAAA,IAAM,aAAa,GAAG,YAAA;QAClB,QAAQ,CAAC,UAAC,SAAS,EAAA;AACf,YAAA,IAAM,YAAY,GAAGC,oBAAa,CAAC,SAAS,CAAC;YAE7C,IAAI,YAAY,KAAK,SAAS,IAAI,YAAY,CAAC,MAAM,KAAKC,4BAAqB,EAAE;AAC7E,gBAAA,UAAU,aAAV,UAAU,KAAA,MAAA,GAAA,MAAA,GAAV,UAAU,CAAG,IAAI,EAAE;AACf,oBAAA,IAAI,EAAEC,sBAAe,CAAC,YAAY,CAAC;AACnC,oBAAA,KAAK,EAAE,YAAY;AACtB,iBAAA,CAAC;AACL;AAED,YAAA,OAAO,YAAY;AACvB,SAAC,CAAC;AACN,KAAC;IAED,IAAM,uBAAuB,GAAG,UAAC,KAAiC,EAAA;QAC9D,IAAI,IAAI,KAAK,SAAS,EAAE;AACpB,YAAA,IAAI,MAAM,EAAE;gBACR,OAAO,CAAC,IAAI,CAAC;AAChB;AACD,YAAA,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,KAAK,OAAO,IAAI,WAAW,CAAC,OAAO,EAAE;AAClE,gBAAA,WAAW,CAAC,OAAO,CAAC,KAAK,EAAE;AAC9B;AACJ;AACL,KAAC;IAED,IAAM,UAAU,GAAG,UAAC,KAAiC,EAAA;QACjD,IAAI,IAAI,KAAK,SAAS,EAAE;YACpB,IAAM,MAAM,IAAI,KAAK,CAAC,aAAa,IAAI,QAAQ,CAAC,aAAa,CAAgB;AAE7E,YAAA,IAAI,WAAW,CAAC,OAAO,IAAI,WAAW,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,KAAK,EAAE;gBACvE,OAAO,CAAC,KAAK,CAAC;AACd,gBAAA,aAAa,EAAE;AAClB;AACJ;AACL,KAAC;IAED,IAAM,YAAY,GAAG,UAAC,KAAoC,EAAA;AAC9C,QAAA,IAAO,QAAQ,GAAK,KAAK,CAAC,MAAM,MAAjB;AAEvB,QAAA,IAAI,QAAQ,CAAC,MAAM,GAAGD,4BAAqB;YAAE;;AAG7C,QAAA,IAAI,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAE;YAC5B;AACH;QAED,IAAM,IAAI,GAAG,QAAQ,CAAC,KAAK,CAAC,KAAK,CAAC;QAClC,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC;QAClC,IAAM,KAAK,GAAG,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC;;QAGlC,IACI,CAAC,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,CAAC;AACxB,aAAC,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;aAC1B,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,EAC7B;YACE;AACH;AAED,QAAA,IAAM,cAAc,GAAGE,aAAM,CAAC,QAAQ,CAAC;AACvC,QAAA,IAAM,IAAI,GAAGD,sBAAe,CAAC,cAAc,CAAC;QAE5C,QAAQ,CAAC,cAAc,CAAC;AAExB,QAAA,IAAI,QAAQ;AAAE,YAAA,QAAQ,CAAC,KAAK,EAAE,EAAE,IAAI,EAAA,IAAA,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AAE9D,QAAA,IAAIE,0BAAmB,CAAC,cAAc,CAAC,EAAE;AACrC,YAAA,IAAM,KAAK,GAAGC,cAAO,CAAC,cAAc,CAAC;AAErC,YAAA,IAAI,CAAC,KAAK;gBAAE;AAEZ,YAAA,IAAI,UAAU,EAAE;AACZ,gBAAA,UAAU,CAAC,KAAK,EAAE,EAAE,IAAI,EAAA,IAAA,EAAE,KAAK,EAAE,cAAc,EAAE,CAAC;AACrD;AACJ;AACL,KAAC;AAED,IAAA,IAAM,yBAAyB,GAAG,YAAA;QAC9B,OAAO,CAAC,KAAK,CAAC;AACd,QAAA,aAAa,EAAE;AACnB,KAAC;AAED,IAAA,IAAM,WAAW,GAAG,YAAA;QAChB,QAAQ,CAAC,EAAE,CAAC;AAChB,KAAC;IAED,IAAM,oBAAoB,GAAG,UAAC,IAAa,EAAA;AACvC,QAAA,IAAI,IAAI,EAAE;AACN,YAAA,IAAM,QAAQ,GAAGC,2BAAoB,CAAC,IAAI,CAAC;YAE3C,QAAQ,CAAC,QAAQ,CAAC;YAClB,QAAQ,KAAA,IAAA,IAAR,QAAQ,KAAR,MAAA,GAAA,MAAA,GAAA,QAAQ,CAAG,IAAI,EAAE,EAAE,IAAI,EAAEJ,sBAAe,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC;AACzE;AACL,KAAC;IAED,IAAM,8BAA8B,GAAG,UAAC,KAAiC,EAAA;;QAErE,KAAK,CAAC,cAAc,EAAE;AAC1B,KAAC;AAED,IAAA,IAAM,qBAAqB,GAAG,YAAA;AAC1B,QAAA,IAAI,CAAC,IAAI;YAAE,OAAO,CAAC,IAAI,CAAC;AAExB,QAAA,IAAI,IAAI,KAAK,SAAS,IAAI,QAAQ,CAAC,OAAO,EAAE;AACxC,YAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE;AAC3B;AACL,KAAC;AAED,IAAA,IAAM,cAAc,GAAG,YAAA;QACnB,OAAA,QAAQ;;QAEJV,sBAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,WAAW,EAAE,8BAA8B,EAAA;AAC5C,YAAAA,sBAAA,CAAA,aAAA,CAAC,QAAQ,EAAAe,cAAA,CAAA,EAAA,EACD,aAAa,EAAA,EACjB,UAAU,EAAE,kBAAkB,EAC9B,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,yBAAyB,EAClC,GAAG,EAAE,WAAW,EAChB,YAAY,EAAE,YAAY,EAC1B,KAAK,EAAE,sBAAsB,CAAC,KAAK,CAAC,GAAG,aAAa,GAAG,SAAS,EAChE,QAAQ,EAAE,oBAAoB,EAC9B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EAAA,CAAA,CAChB,CACA,IACN,IAAI;AAlBR,KAkBQ;IAEZ,QACIf,sBACI,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAEgB,mBAAE,CAACC,YAAM,CAAC,SAAS,EAAE,SAAS,GAAA,EAAA,GAAA,EAAA;AACrC,YAAA,EAAA,CAACA,YAAM,CAAC,KAAK,CAAA,GAAG,KAAK;AACvB,YAAA,EAAA,EAAA,EACF,OAAO,EAAE,aAAa,GAAG,SAAS,GAAG,uBAAuB,EAC5D,MAAM,EAAE,UAAU,EAAA;AAEjB,QAAA,cAAc,IACXjB,qCAAC,cAAc,EAAAe,cAAA,CAAA,EACX,YAAY,EAAE,MAAM,GAAG,KAAK,GAAG,SAAS,EAAA,EACpC,SAAS,EAAA,EACb,KAAK,EAAE,KAAK,EACZ,GAAG,EAAEG,0BAAS,CAAC,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC,EAC/B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE,WAAW,EACpB,gBAAgB,EAAE,gBAAgB,EAClC,KAAK,EAAE,KAAK,EACZ,WAAW,EACPlB,sBAAC,CAAA,aAAA,CAAAA,sBAAK,CAAC,QAAQ,EAAA,IAAA;gBACV,WAAW;AACX,gBAAA,MAAM,KACHA,sBAAA,CAAA,aAAA,CAACmB,mCAAU,EAAA,EACP,SAAS,EAAEF,YAAM,CAAC,YAAY,EAC9B,OAAO,EAAE,aAAa,GAAG,SAAS,GAAG,qBAAqB,EAC1D,IAAI,EAAEG,2BAAa,EACnB,IAAI,EAAC,GAAG,EAAA,CACV,CACL,CACY,EAAA,CAAA,CAEvB,IACF,IAAI;QACP,MAAM;AACH,aAAC,IAAI,KAAK,SAAS,IACfpB,sBAAA,CAAA,aAAA,CAACqB,6BAAO,EAAA,EACJ,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,QAAQ,CAAC,OAAsB,EAC9C,eAAe,EAAEL,mBAAE,CAACC,YAAM,CAAC,iBAAiB,GAAA,EAAA,GAAA,EAAA;AACxC,oBAAA,EAAA,CAACA,YAAM,CAAC,kBAAkB,CAAA,GAAG,kBAAkB;AACjD,oBAAA,EAAA,EAAA,EACF,SAAS,EAAE,gBAAgB,EAC3B,QAAQ,EAAE,eAAe,EACzB,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC,EACd,cAAc,EAAE,KAAK,EACrB,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,aAAa,EAEpB,EAAA,cAAc,EAAE,CACX,KAEV,cAAc,EAAE,CACnB,CAAC,CACJ;AAEd,CAAC;;;;"}
@@ -1,73 +1,33 @@
1
- /* hash: 1z09i */
2
- :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
3
- } /* deprecated */ :root {
4
- --color-light-neutral-300: #e7e8eb; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
5
- } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
6
- } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
1
+ :root {
2
+ --color-light-neutral-300: #e7e8eb;
7
3
  } :root {
8
-
9
- /* Hard */
10
-
11
- /* Up */
12
-
13
- /* Hard up */
14
- } :root { /* deprecated */ /* deprecated */
15
- --border-radius-m: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
16
-
17
- /* новые значения, используйте их */
4
+ --border-radius-m: 8px;
18
5
  --border-radius-8: var(--border-radius-m);
19
- } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
20
- --gap-s-neg: -12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
21
-
22
- /* новые значения, используйте их */
23
-
24
- /* no-unit может приводить к проблемам в calc (#1559) */
25
- /* stylelint-disable-next-line length-zero-no-unit */
6
+ } :root {
7
+ --gap-s-neg: -12px;
26
8
  --gap-12-neg: var(--gap-s-neg);
27
9
  } :root {
28
- } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
29
- } /* сбрасывает синюю подсветку при нажатии */ :root {
30
10
  --calendar-width: 344px;
31
-
32
- /* Кнопки выбора месяцев и годов */
33
-
34
- /* Шапка */
35
-
36
- /* День */
37
-
38
- /* today */
39
-
40
- /* highlighted */
41
-
42
- /* holidays */
43
-
44
- /* range */
45
-
46
- /* selected */
47
-
48
- /* disabled */
49
-
50
- /* marker */
51
11
  } :root {
52
12
  --calendar-popover-border-radius: var(--border-radius-8);
53
- } .date-time-input__component_19i9k {
13
+ } .date-time-input__component_5bzin {
54
14
  display: inline-block;
55
15
  outline: none;
56
16
  position: relative;
57
- } .date-time-input__calendarContainer_19i9k {
17
+ } .date-time-input__calendarContainer_5bzin {
58
18
  display: inline-block;
59
19
  box-sizing: border-box;
60
20
  border-radius: var(--calendar-popover-border-radius);
61
21
  border: 1px solid var(--color-light-neutral-300)
62
- } @media (max-width: 374px) { .date-time-input__calendarContainer_19i9k {
22
+ } @media (max-width: 374px) { .date-time-input__calendarContainer_5bzin {
63
23
  width: 100%;
64
24
  min-width: 288px
65
25
  }
66
- } .date-time-input__calendarResponsive_19i9k {
26
+ } .date-time-input__calendarResponsive_5bzin {
67
27
  width: var(--calendar-width);
68
- } .date-time-input__block_19i9k {
28
+ } .date-time-input__block_5bzin {
69
29
  width: 100%;
70
- } .date-time-input__calendarIcon_19i9k {
30
+ } .date-time-input__calendarIcon_5bzin {
71
31
  margin-right: var(--gap-12-neg);
72
32
  height: 100%;
73
33
  }
@@ -1 +1 @@
1
- export * from "./Component";
1
+ export * from './Component';
@@ -2,8 +2,9 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var components_dateTimeInput_Component = require('./Component.js');
5
+ var Component = require('./Component.js');
6
6
 
7
7
 
8
8
 
9
- exports.DateTimeInput = components_dateTimeInput_Component.DateTimeInput;
9
+ exports.DateTimeInput = Component.DateTimeInput;
10
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}
@@ -0,0 +1,8 @@
1
+ 'use strict';
2
+
3
+ require('./index.css');
4
+
5
+ var styles = {"component":"date-time-input__component_5bzin","calendarContainer":"date-time-input__calendarContainer_5bzin","calendarResponsive":"date-time-input__calendarResponsive_5bzin","block":"date-time-input__block_5bzin","calendarIcon":"date-time-input__calendarIcon_5bzin"};
6
+
7
+ module.exports = styles;
8
+ //# sourceMappingURL=index.module.css.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.module.css.js","sources":["../../src/components/date-time-input/index.module.css"],"sourcesContent":["@import '@alfalab/core-components-vars/src/index.css';\n@import '../../../../calendar/src/vars.css';\n\n:root {\n --calendar-popover-border-radius: var(--border-radius-8);\n}\n\n.component {\n display: inline-block;\n outline: none;\n position: relative;\n}\n\n.calendarContainer {\n display: inline-block;\n box-sizing: border-box;\n border-radius: var(--calendar-popover-border-radius);\n border: 1px solid var(--color-light-neutral-300);\n\n @media (max-width: 374px) {\n width: 100%;\n min-width: 288px;\n }\n}\n\n.calendarResponsive {\n width: var(--calendar-width);\n}\n\n.block {\n width: 100%;\n}\n\n.calendarIcon {\n margin-right: var(--gap-12-neg);\n height: 100%;\n}\n"],"names":[],"mappings":";;;;AAEgB,aAAe,CAAC,WAAW,CAAC,kCAAkC,CAAC,mBAAmB,CAAC,0CAA0C,CAAC,oBAAoB,CAAC,2CAA2C,CAAC,OAAO,CAAC,8BAA8B,CAAC,cAAc,CAAC,qCAAqC,CAAC;;;;"}
@@ -1,7 +1,6 @@
1
- /// <reference types="react" />
2
1
  import React from 'react';
3
- import { DateTimeInputProps } from "./components/date-time-input/Component";
4
- type DateTimeInputResponsiveProps = Omit<DateTimeInputProps, 'view' | 'InputComponent'> & {
2
+ import { DateTimeInputProps } from './components/date-time-input/Component';
3
+ export declare type DateTimeInputResponsiveProps = Omit<DateTimeInputProps, 'view' | 'InputComponent'> & {
5
4
  /**
6
5
  * Контрольная точка, с нее начинается desktop версия
7
6
  * @default 1024
@@ -12,8 +11,8 @@ type DateTimeInputResponsiveProps = Omit<DateTimeInputProps, 'view' | 'InputComp
12
11
  */
13
12
  client?: 'desktop' | 'mobile';
14
13
  };
15
- type DateTimeInputMedia = 'desktop' | 'mobile';
16
- declare const DateTimeInputResponsive: React.ForwardRefExoticComponent<Omit<DateTimeInputProps, "view" | "InputComponent"> & {
14
+ export declare type DateTimeInputMedia = 'desktop' | 'mobile';
15
+ export declare const DateTimeInputResponsive: React.ForwardRefExoticComponent<Omit<DateTimeInputProps, "view" | "InputComponent"> & {
17
16
  /**
18
17
  * Контрольная точка, с нее начинается desktop версия
19
18
  * @default 1024
@@ -22,6 +21,5 @@ declare const DateTimeInputResponsive: React.ForwardRefExoticComponent<Omit<Date
22
21
  /**
23
22
  * Версия, которая будет использоваться при серверном рендеринге
24
23
  */
25
- client?: "desktop" | "mobile" | undefined;
24
+ client?: "mobile" | "desktop" | undefined;
26
25
  } & React.RefAttributes<HTMLInputElement>>;
27
- export { DateTimeInputResponsiveProps, DateTimeInputMedia, DateTimeInputResponsive };
@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var tslib = require('tslib');
6
6
  var React = require('react');
7
- var coreComponentsMq = require('@alfalab/core-components-mq/cssm');
8
- var desktop_Component_desktop = require('./desktop/Component.desktop.js');
9
- var mobile_Component_mobile = require('./mobile/Component.mobile.js');
7
+ var cssm = require('@alfalab/core-components-mq/cssm');
8
+ var Component_desktop = require('./desktop/Component.desktop.js');
9
+ var Component_mobile = require('./mobile/Component.mobile.js');
10
10
 
11
11
  function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
12
12
 
@@ -14,8 +14,9 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
14
14
 
15
15
  var DateTimeInputResponsive = React.forwardRef(function (_a, ref) {
16
16
  var breakpoint = _a.breakpoint, client = _a.client, restProps = tslib.__rest(_a, ["breakpoint", "client"]);
17
- var isDesktop = coreComponentsMq.useIsDesktop(breakpoint, client === 'desktop');
18
- return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.DateTimeInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.DateTimeInputMobile, tslib.__assign({}, restProps, { ref: ref })));
17
+ var isDesktop = cssm.useIsDesktop(breakpoint, client === 'desktop');
18
+ return isDesktop ? (React__default.default.createElement(Component_desktop.DateTimeInputDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(Component_mobile.DateTimeInputMobile, tslib.__assign({}, restProps, { ref: ref })));
19
19
  });
20
20
 
21
21
  exports.DateTimeInputResponsive = DateTimeInputResponsive;
22
+ //# sourceMappingURL=Component.responsive.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Component.responsive.js","sources":["../src/Component.responsive.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\n// eslint-disable-next-line @typescript-eslint/no-unused-vars\nimport { InputProps } from '@alfalab/core-components-input';\nimport { useIsDesktop } from '@alfalab/core-components-mq';\n\nimport { DateTimeInputProps } from './components/date-time-input/Component';\nimport { DateTimeInputDesktop } from './desktop';\nimport { DateTimeInputMobile } from './mobile';\n\nexport type DateTimeInputResponsiveProps = Omit<DateTimeInputProps, 'view' | 'InputComponent'> & {\n /**\n * Контрольная точка, с нее начинается desktop версия\n * @default 1024\n */\n breakpoint?: number;\n\n /**\n * Версия, которая будет использоваться при серверном рендеринге\n */\n client?: 'desktop' | 'mobile';\n};\n\nexport type DateTimeInputMedia = 'desktop' | 'mobile';\n\nexport const DateTimeInputResponsive = forwardRef<HTMLInputElement, DateTimeInputResponsiveProps>(\n ({ breakpoint, client, ...restProps }, ref) => {\n const isDesktop = useIsDesktop(breakpoint, client === 'desktop');\n\n return isDesktop ? (\n <DateTimeInputDesktop {...restProps} ref={ref} />\n ) : (\n <DateTimeInputMobile {...restProps} ref={ref} />\n );\n },\n);\n"],"names":["forwardRef","__rest","useIsDesktop","React","DateTimeInputDesktop","__assign","DateTimeInputMobile"],"mappings":";;;;;;;;;;;;;;IAyBa,uBAAuB,GAAGA,gBAAU,CAC7C,UAAC,EAAoC,EAAE,GAAG,EAAA;IAAvC,IAAA,UAAU,gBAAA,EAAE,MAAM,YAAA,EAAK,SAAS,GAAlCC,YAAA,CAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,CAAoC,CAAF;IAC/B,IAAM,SAAS,GAAGC,iBAAY,CAAC,UAAU,EAAE,MAAM,KAAK,SAAS,CAAC;AAEhE,IAAA,OAAO,SAAS,IACZC,sBAAA,CAAA,aAAA,CAACC,sCAAoB,EAAAC,cAAA,CAAA,EAAA,EAAK,SAAS,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA,CAAI,KAEjDF,sBAAA,CAAA,aAAA,CAACG,oCAAmB,EAAAD,cAAA,CAAA,EAAA,EAAK,SAAS,EAAA,EAAE,GAAG,EAAE,GAAG,EAAA,CAAA,CAAI,CACnD;AACL,CAAC;;;;"}
@@ -1,11 +1,9 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { ChangeEvent, ElementType } from "react";
4
- import { CalendarDesktopProps } from "@alfalab/core-components-calendar/desktop";
5
- import { CalendarMobileProps } from "@alfalab/core-components-calendar/mobile";
6
- import { InputProps } from "@alfalab/core-components-input";
7
- import { PopoverProps } from "@alfalab/core-components-popover";
8
- type DateTimeInputProps = Omit<InputProps, 'onChange'> & {
1
+ import React, { ChangeEvent, ElementType } from 'react';
2
+ import type { CalendarDesktopProps } from '@alfalab/core-components-calendar/desktop';
3
+ import type { CalendarMobileProps } from '@alfalab/core-components-calendar/mobile';
4
+ import { InputProps } from '@alfalab/core-components-input';
5
+ import { PopoverProps } from '@alfalab/core-components-popover';
6
+ export declare type DateTimeInputProps = Omit<InputProps, 'onChange'> & {
9
7
  /**
10
8
  * Дополнительный класс
11
9
  */
@@ -102,7 +100,7 @@ type DateTimeInputProps = Omit<InputProps, 'onChange'> & {
102
100
  */
103
101
  disableUserInput?: boolean;
104
102
  };
105
- declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "onChange"> & {
103
+ export declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "onChange"> & {
106
104
  /**
107
105
  * Дополнительный класс
108
106
  */
@@ -150,12 +148,14 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
150
148
  clickableMonth?: boolean | undefined;
151
149
  cancelButtonContent?: string | undefined;
152
150
  selectButtonContent?: string | undefined;
153
- resetButtonContent?: string | undefined;
151
+ resetButtonContent?: string | undefined; /**
152
+ * Доп. пропсы для календаря
153
+ */
154
154
  } & {
155
155
  onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, globalThis.MouseEvent>) => void) | undefined;
156
156
  yearsAmount?: number | undefined;
157
157
  scrollableContainer?: HTMLElement | undefined;
158
- } & Omit<CalendarDesktopProps, ("className" | "dataTestId" | "hasHeader" | "onMonthChange" | "defaultView" | "selectorView" | "rangeComplete" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector") | ("contentClassName" | "headerClassName")> & Pick<CalendarDesktopProps, "className" | "dataTestId" | "hasHeader" | "onMonthChange" | "defaultView" | "selectorView" | "rangeComplete" | "onYearClick" | "onPeriodClick" | "responsive" | "showCurrentYearSelector"> & Pick<import("@alfalab/core-components-modal/shared").ModalHeaderProps, "hasBackButton" | "onBack"> & Record<string, unknown>) | undefined;
158
+ } & Omit<CalendarDesktopProps, ("className" | "dataTestId" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "hasHeader" | "responsive" | "showCurrentYearSelector") | ("headerClassName" | "contentClassName")> & Pick<CalendarDesktopProps, "className" | "dataTestId" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "hasHeader" | "responsive" | "showCurrentYearSelector"> & Pick<import("../../../../modal/src/shared").ModalHeaderProps, "hasBackButton" | "onBack"> & Record<string, unknown>) | undefined;
159
159
  /**
160
160
  * Месяц в календаре по умолчанию (timestamp)
161
161
  */
@@ -204,7 +204,7 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
204
204
  /**
205
205
  * Отображение компонента в мобильном или десктопном виде
206
206
  */
207
- view?: "desktop" | "mobile" | undefined;
207
+ view?: "mobile" | "desktop" | undefined;
208
208
  /**
209
209
  * Компонент инпута
210
210
  */
@@ -214,4 +214,3 @@ declare const DateTimeInput: React.ForwardRefExoticComponent<Omit<InputProps, "o
214
214
  */
215
215
  disableUserInput?: boolean | undefined;
216
216
  } & React.RefAttributes<HTMLInputElement>>;
217
- export { DateTimeInputProps, DateTimeInput };