@salutejs/plasma-new-hope 0.340.0-canary.2316.19100752819.0 → 0.340.0-canary.2316.19170245062.0

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 (96) hide show
  1. package/cjs/components/DatePicker/RangeDate/RangeDate.js +24 -4
  2. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  3. package/cjs/components/DateTimePicker/DateTimePicker.css +6 -6
  4. package/cjs/components/DateTimePicker/DateTimePicker.js +22 -121
  5. package/cjs/components/DateTimePicker/DateTimePicker.js.map +1 -1
  6. package/cjs/components/DateTimePicker/hooks/useDateTimePicker.js +125 -11
  7. package/cjs/components/DateTimePicker/hooks/useDateTimePicker.js.map +1 -1
  8. package/cjs/components/DateTimePicker/hooks/useKeyboardNavigation.js +0 -9
  9. package/cjs/components/DateTimePicker/hooks/useKeyboardNavigation.js.map +1 -1
  10. package/cjs/components/DateTimePicker/ui/DateShortcut/DateShortcutList.css +6 -6
  11. package/cjs/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.js +1 -1
  12. package/cjs/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.js.map +1 -1
  13. package/cjs/components/DateTimePicker/ui/DateShortcut/{DateShortcutList.styles_ubu846.css → DateShortcutList.styles_pdofx1.css} +1 -1
  14. package/cjs/components/Tabs/tokens.js +1 -0
  15. package/cjs/components/Tabs/tokens.js.map +1 -1
  16. package/cjs/index.css +6 -6
  17. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +21 -4
  18. package/emotion/cjs/components/DateTimePicker/DateTimePicker.js +16 -126
  19. package/emotion/cjs/components/DateTimePicker/hooks/useDateTimePicker.js +163 -3
  20. package/emotion/cjs/components/DateTimePicker/hooks/useKeyboardNavigation.js +1 -6
  21. package/emotion/cjs/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.js +12 -12
  22. package/emotion/cjs/components/Tabs/tokens.js +1 -0
  23. package/emotion/cjs/examples/components/ChipGroup/ChipGroup.config.js +35 -0
  24. package/emotion/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
  25. package/emotion/cjs/examples/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
  26. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +21 -4
  27. package/emotion/es/components/DateTimePicker/DateTimePicker.js +17 -127
  28. package/emotion/es/components/DateTimePicker/hooks/useDateTimePicker.js +163 -3
  29. package/emotion/es/components/DateTimePicker/hooks/useKeyboardNavigation.js +1 -6
  30. package/emotion/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.js +12 -12
  31. package/emotion/es/components/Tabs/tokens.js +1 -0
  32. package/emotion/es/examples/components/ChipGroup/ChipGroup.config.js +25 -0
  33. package/emotion/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +16 -16
  34. package/emotion/es/examples/components/Tabs/vertical/VerticalTabItem.config.js +7 -7
  35. package/es/components/DatePicker/RangeDate/RangeDate.js +24 -4
  36. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  37. package/es/components/DateTimePicker/DateTimePicker.css +6 -6
  38. package/es/components/DateTimePicker/DateTimePicker.js +23 -122
  39. package/es/components/DateTimePicker/DateTimePicker.js.map +1 -1
  40. package/es/components/DateTimePicker/hooks/useDateTimePicker.js +126 -12
  41. package/es/components/DateTimePicker/hooks/useDateTimePicker.js.map +1 -1
  42. package/es/components/DateTimePicker/hooks/useKeyboardNavigation.js +0 -9
  43. package/es/components/DateTimePicker/hooks/useKeyboardNavigation.js.map +1 -1
  44. package/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.css +6 -6
  45. package/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.js +1 -1
  46. package/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.js.map +1 -1
  47. package/es/components/DateTimePicker/ui/DateShortcut/{DateShortcutList.styles_ubu846.css → DateShortcutList.styles_pdofx1.css} +1 -1
  48. package/es/components/Tabs/tokens.js +1 -0
  49. package/es/components/Tabs/tokens.js.map +1 -1
  50. package/es/index.css +6 -6
  51. package/package.json +3 -3
  52. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +21 -4
  53. package/styled-components/cjs/components/DateTimePicker/DateTimePicker.js +16 -126
  54. package/styled-components/cjs/components/DateTimePicker/hooks/useDateTimePicker.js +163 -3
  55. package/styled-components/cjs/components/DateTimePicker/hooks/useKeyboardNavigation.js +1 -6
  56. package/styled-components/cjs/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.js +7 -7
  57. package/styled-components/cjs/components/Tabs/tokens.js +1 -0
  58. package/styled-components/cjs/examples/components/ChipGroup/ChipGroup.config.js +141 -0
  59. package/styled-components/cjs/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
  60. package/styled-components/cjs/examples/components/Tabs/vertical/VerticalTabItem.config.js +4 -4
  61. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +21 -4
  62. package/styled-components/es/components/DateTimePicker/DateTimePicker.js +17 -127
  63. package/styled-components/es/components/DateTimePicker/hooks/useDateTimePicker.js +163 -3
  64. package/styled-components/es/components/DateTimePicker/hooks/useKeyboardNavigation.js +1 -6
  65. package/styled-components/es/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.js +7 -7
  66. package/styled-components/es/components/Tabs/tokens.js +1 -0
  67. package/styled-components/es/examples/components/ChipGroup/ChipGroup.config.js +131 -0
  68. package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
  69. package/styled-components/es/examples/components/Tabs/horizontal/HorizontalTabItem.config.js +4 -4
  70. package/styled-components/es/examples/components/Tabs/vertical/VerticalTabItem.config.js +4 -4
  71. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  72. package/types/components/DateTimePicker/DateTimePicker.d.ts.map +1 -1
  73. package/types/components/DateTimePicker/DateTimePicker.types.d.ts +7 -8
  74. package/types/components/DateTimePicker/DateTimePicker.types.d.ts.map +1 -1
  75. package/types/components/DateTimePicker/hooks/useDateTimePicker.d.ts +11 -3
  76. package/types/components/DateTimePicker/hooks/useDateTimePicker.d.ts.map +1 -1
  77. package/types/components/DateTimePicker/hooks/useKeyboardNavigation.d.ts +2 -2
  78. package/types/components/DateTimePicker/hooks/useKeyboardNavigation.d.ts.map +1 -1
  79. package/types/components/DateTimePicker/ui/DateShortcut/DateShortcutList.styles.d.ts.map +1 -1
  80. package/types/components/Tabs/tokens.d.ts +1 -0
  81. package/types/components/Tabs/tokens.d.ts.map +1 -1
  82. package/types/examples/components/ChipGroup/ChipGroup.config.d.ts.map +1 -0
  83. package/types/examples/components/ChipGroup/ChipGroup.d.ts.map +1 -0
  84. package/types/examples/components/DateTimePicker/DateTimePicker.d.ts.map +1 -1
  85. package/emotion/cjs/examples/components/ChipGroup /ChipGroup.config.js +0 -214
  86. package/emotion/es/examples/components/ChipGroup /ChipGroup.config.js +0 -204
  87. package/styled-components/cjs/examples/components/ChipGroup /ChipGroup.config.js +0 -214
  88. package/styled-components/es/examples/components/ChipGroup /ChipGroup.config.js +0 -204
  89. package/types/examples/components/ChipGroup /ChipGroup.config.d.ts.map +0 -1
  90. package/types/examples/components/ChipGroup /ChipGroup.d.ts.map +0 -1
  91. /package/emotion/cjs/examples/components/{ChipGroup → ChipGroup}/ChipGroup.js +0 -0
  92. /package/emotion/es/examples/components/{ChipGroup → ChipGroup}/ChipGroup.js +0 -0
  93. /package/styled-components/cjs/examples/components/{ChipGroup → ChipGroup}/ChipGroup.js +0 -0
  94. /package/styled-components/es/examples/components/{ChipGroup → ChipGroup}/ChipGroup.js +0 -0
  95. /package/types/examples/components/{ChipGroup → ChipGroup}/ChipGroup.config.d.ts +0 -0
  96. /package/types/examples/components/{ChipGroup → ChipGroup}/ChipGroup.d.ts +0 -0
@@ -1,3 +1,11 @@
1
+ function _array_like_to_array(arr, len) {
2
+ if (len == null || len > arr.length) len = arr.length;
3
+ for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
4
+ return arr2;
5
+ }
6
+ function _array_with_holes(arr) {
7
+ if (Array.isArray(arr)) return arr;
8
+ }
1
9
  function _define_property(obj, key, value) {
2
10
  if (key in obj) {
3
11
  Object.defineProperty(obj, key, {
@@ -11,6 +19,33 @@ function _define_property(obj, key, value) {
11
19
  }
12
20
  return obj;
13
21
  }
22
+ function _iterable_to_array_limit(arr, i) {
23
+ var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
24
+ if (_i == null) return;
25
+ var _arr = [];
26
+ var _n = true;
27
+ var _d = false;
28
+ var _s, _e;
29
+ try {
30
+ for(_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true){
31
+ _arr.push(_s.value);
32
+ if (i && _arr.length === i) break;
33
+ }
34
+ } catch (err) {
35
+ _d = true;
36
+ _e = err;
37
+ } finally{
38
+ try {
39
+ if (!_n && _i["return"] != null) _i["return"]();
40
+ } finally{
41
+ if (_d) throw _e;
42
+ }
43
+ }
44
+ return _arr;
45
+ }
46
+ function _non_iterable_rest() {
47
+ throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
48
+ }
14
49
  function _object_spread(target) {
15
50
  for(var i = 1; i < arguments.length; i++){
16
51
  var source = arguments[i] != null ? arguments[i] : {};
@@ -50,15 +85,67 @@ function _object_spread_props(target, source) {
50
85
  }
51
86
  return target;
52
87
  }
88
+ function _sliced_to_array(arr, i) {
89
+ return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
90
+ }
91
+ function _unsupported_iterable_to_array(o, minLen) {
92
+ if (!o) return;
93
+ if (typeof o === "string") return _array_like_to_array(o, minLen);
94
+ var n = Object.prototype.toString.call(o).slice(8, -1);
95
+ if (n === "Object" && o.constructor) n = o.constructor.name;
96
+ if (n === "Map" || n === "Set") return Array.from(n);
97
+ if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
98
+ }
99
+ import { useMemo, useState } from "react";
53
100
  import { customDayjs } from "../../../utils/datejs";
54
101
  import { QUARTER_NAMES } from "../../Calendar/utils";
102
+ import { getDateFormatDelimiter } from "../../DatePicker/utils/dateHelper";
55
103
  import { classes } from "../DateTimePicker.tokens";
56
104
  import { getMaskedValue } from "../utils/getMaskedValue";
57
105
  import { getFormattedDateTime, normalizeDateTime } from "../utils";
58
106
  export var useDateTimePicker = function(param) {
59
- var valueError = param.valueError, valueSuccess = param.valueSuccess, type = param.type, _param_lang = param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, disabled = param.disabled, readOnly = param.readOnly, maskWithFormat = param.maskWithFormat, format = param.format, dateFormat = param.dateFormat, timeFormat = param.timeFormat, currentValue = param.currentValue, delimiters = param.delimiters, inputRef = param.inputRef, min = param.min, max = param.max, includeEdgeDates = param.includeEdgeDates, correctDates = param.correctDates, dateOnTimeSelectOnly = param.dateOnTimeSelectOnly, setCorrectDates = param.setCorrectDates, setInnerDate = param.setInnerDate, onChangeValue = param.onChangeValue, onCommitDate = param.onCommitDate;
107
+ var valueError = param.valueError, valueSuccess = param.valueSuccess, type = param.type, _param_lang = param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, disabled = param.disabled, readOnly = param.readOnly, outerValue = param.outerValue, defaultDate = param.defaultDate, maskWithFormat = param.maskWithFormat, _param_dateFormat = param.dateFormat, dateFormat = _param_dateFormat === void 0 ? 'DD.MM.YYYY' : _param_dateFormat, _param_timeFormat = param.timeFormat, timeFormat = _param_timeFormat === void 0 ? 'HH:mm:ss' : _param_timeFormat, _param_dateTimeSeparator = param.dateTimeSeparator, dateTimeSeparator = _param_dateTimeSeparator === void 0 ? ' ' : _param_dateTimeSeparator, inputRef = param.inputRef, min = param.min, max = param.max, includeEdgeDates = param.includeEdgeDates, dateOnTimeSelectOnly = param.dateOnTimeSelectOnly, preserveInvalidOnBlur = param.preserveInvalidOnBlur, onChangeValue = param.onChangeValue, onCommitDate = param.onCommitDate, onBlur = param.onBlur;
60
108
  var errorClass = valueError ? classes.error : undefined;
61
109
  var successClass = valueSuccess ? classes.success : undefined;
110
+ var dateFormatDelimiter = useMemo(function() {
111
+ return getDateFormatDelimiter(dateFormat);
112
+ }, [
113
+ dateFormat
114
+ ]);
115
+ var timeFormatDelimiter = useMemo(function() {
116
+ return getDateFormatDelimiter(timeFormat);
117
+ }, [
118
+ timeFormat
119
+ ]);
120
+ var delimiters = [
121
+ dateFormatDelimiter,
122
+ timeFormatDelimiter,
123
+ dateTimeSeparator
124
+ ];
125
+ var format = dateFormat + dateTimeSeparator + timeFormat;
126
+ var timeColumnsCount = (timeFormat === null || timeFormat === void 0 ? void 0 : timeFormat.split(timeFormatDelimiter).length) || 2;
127
+ var _useState = _sliced_to_array(useState(defaultDate || ''), 2), innerDate = _useState[0], setInnerDate = _useState[1];
128
+ var dateVisibleValue = outerValue !== null && outerValue !== void 0 ? outerValue : innerDate;
129
+ var initialValues = getFormattedDateTime({
130
+ value: dateVisibleValue,
131
+ lang: lang,
132
+ format: format,
133
+ includeEdgeDates: includeEdgeDates,
134
+ min: min,
135
+ max: max,
136
+ dateFormat: dateFormat,
137
+ timeFormat: timeFormat
138
+ });
139
+ var _useState1 = _sliced_to_array(useState({
140
+ input: initialValues.formattedDate,
141
+ calendar: initialValues.dateValue,
142
+ time: initialValues.timeValue
143
+ }), 2), correctDates = _useState1[0], setCorrectDates = _useState1[1];
144
+ var calendarGridValue = initialValues.dateValue;
145
+ var timeGridValue = initialValues.timeValue;
146
+ customDayjs.locale(lang);
147
+ var timeVisibleValue = timeGridValue ? customDayjs(timeGridValue).format(timeFormat) : '';
148
+ var inputValue = initialValues.formattedDate;
62
149
  var getQuarterInfo = function(originalDate) {
63
150
  if (type !== 'Quarters' || !originalDate) {
64
151
  return;
@@ -76,6 +163,23 @@ export var useDateTimePicker = function(param) {
76
163
  ]
77
164
  };
78
165
  };
166
+ var isDateEqualEdge = function(dateEdge) {
167
+ if (!dateEdge) {
168
+ return false;
169
+ }
170
+ var normalizedEdgeDate = customDayjs(dateEdge);
171
+ normalizedEdgeDate.set('hours', 0);
172
+ normalizedEdgeDate.set('minutes', 0);
173
+ normalizedEdgeDate.set('seconds', 0);
174
+ var normalizedCurrentDate = customDayjs(correctDates.calendar);
175
+ normalizedCurrentDate.set('hours', 0);
176
+ normalizedCurrentDate.set('minutes', 0);
177
+ normalizedCurrentDate.set('seconds', 0);
178
+ if (normalizedCurrentDate.isSame(normalizedEdgeDate)) {
179
+ return true;
180
+ }
181
+ return false;
182
+ };
79
183
  var getFormattedCorrectInput = function(param) {
80
184
  var originalDate = param.originalDate, formattedDate = param.formattedDate, dateValue = param.dateValue, timeValue = param.timeValue;
81
185
  if (originalDate || formattedDate === '') {
@@ -106,7 +210,7 @@ export var useDateTimePicker = function(param) {
106
210
  value: value,
107
211
  format: format,
108
212
  delimiters: delimiters,
109
- prevValue: currentValue,
213
+ prevValue: inputValue,
110
214
  selectionStart: selectionStart
111
215
  }) : {
112
216
  formattedValue: value,
@@ -316,14 +420,70 @@ export var useDateTimePicker = function(param) {
316
420
  });
317
421
  setInnerDate(formattedDate);
318
422
  };
423
+ var handleBlur = function(event) {
424
+ if (!preserveInvalidOnBlur) {
425
+ customDayjs.locale(lang);
426
+ var originalDate = correctDates.calendar;
427
+ if (!originalDate) {
428
+ if (onChangeValue) {
429
+ onChangeValue(event, correctDates.input, {
430
+ originalDate: undefined,
431
+ isoDate: ''
432
+ });
433
+ }
434
+ if (onCommitDate) {
435
+ onCommitDate(correctDates.input, {
436
+ quarterInfo: undefined,
437
+ originalDate: undefined,
438
+ isoDate: ''
439
+ });
440
+ }
441
+ return;
442
+ }
443
+ if (correctDates.time) {
444
+ originalDate.setHours(correctDates.time.getHours(), correctDates.time.getMinutes(), correctDates.time.getSeconds());
445
+ }
446
+ setInnerDate(originalDate);
447
+ if (!timeGridValue) {
448
+ if (correctDates.calendar) {
449
+ setInnerDate(correctDates.calendar);
450
+ }
451
+ }
452
+ if (onChangeValue) {
453
+ onChangeValue(event, correctDates.input, {
454
+ originalDate: originalDate,
455
+ isoDate: originalDate.toISOString()
456
+ });
457
+ }
458
+ if (onCommitDate) {
459
+ var quarterInfo = getQuarterInfo(originalDate);
460
+ onCommitDate(correctDates.input, {
461
+ quarterInfo: quarterInfo,
462
+ originalDate: originalDate,
463
+ isoDate: originalDate.toISOString()
464
+ });
465
+ }
466
+ }
467
+ if (onBlur) {
468
+ onBlur(event);
469
+ }
470
+ };
319
471
  return {
472
+ format: format,
473
+ dateVisibleValue: dateVisibleValue,
474
+ calendarGridValue: calendarGridValue,
475
+ inputValue: inputValue,
476
+ timeVisibleValue: timeVisibleValue,
477
+ timeColumnsCount: timeColumnsCount,
320
478
  errorClass: errorClass,
321
479
  successClass: successClass,
322
480
  handleChangeValue: handleChangeValue,
323
481
  handleSearch: handleSearch,
324
482
  handleCalendarPick: handleCalendarPick,
325
483
  handleTimePick: handleTimePick,
484
+ handleBlur: handleBlur,
326
485
  updateExternalDate: updateExternalDate,
327
- getQuarterInfo: getQuarterInfo
486
+ getQuarterInfo: getQuarterInfo,
487
+ isDateEqualEdge: isDateEqualEdge
328
488
  };
329
489
  };
@@ -1,15 +1,10 @@
1
- import { needFullMonth } from "../../DatePicker/utils/dateHelper";
2
1
  export var keys = {
3
2
  Space: 'Space',
4
3
  Escape: 'Escape'
5
4
  };
6
5
  export var useKeyNavigation = function(param) {
7
- var opened = param.opened, closeOnEsc = param.closeOnEsc, format = param.format, maskWithFormat = param.maskWithFormat, delimiters = param.delimiters, onToggle = param.onToggle;
6
+ var opened = param.opened, closeOnEsc = param.closeOnEsc, onToggle = param.onToggle;
8
7
  var onKeyDown = function(event) {
9
- if ((delimiters === null || delimiters === void 0 ? void 0 : delimiters.includes(event.key)) && maskWithFormat && format && !needFullMonth(format)) {
10
- event.preventDefault();
11
- return;
12
- }
13
8
  switch(event.code){
14
9
  case keys.Space:
15
10
  {
@@ -7,7 +7,7 @@ var mergedCellConfig = mergeConfig(cellConfig);
7
7
  var Cell = component(mergedCellConfig);
8
8
  export var ShortcutsWrapper = styled.div.withConfig({
9
9
  displayName: "DateShortcutList.styles__ShortcutsWrapper",
10
- componentId: "sc-e613e6ad-0"
10
+ componentId: "sc-235f7cb0-0"
11
11
  })([
12
12
  "order:",
13
13
  ";display:flex;flex-direction:",
@@ -30,17 +30,17 @@ export var ShortcutsWrapper = styled.div.withConfig({
30
30
  });
31
31
  export var ShortcutList = styled.ul.withConfig({
32
32
  displayName: "DateShortcutList.styles__ShortcutList",
33
- componentId: "sc-e613e6ad-1"
33
+ componentId: "sc-235f7cb0-1"
34
34
  })([
35
35
  "width:",
36
- ";margin:0;padding:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;::-webkit-scrollbar{display:none;}"
36
+ ";list-style:none;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;::-webkit-scrollbar{display:none;}"
37
37
  ], function(param) {
38
38
  var width = param.width;
39
39
  return width || 'fit-content';
40
40
  });
41
41
  export var ShortcutItem = styled.li.withConfig({
42
42
  displayName: "DateShortcutList.styles__ShortcutItem",
43
- componentId: "sc-e613e6ad-2"
43
+ componentId: "sc-235f7cb0-2"
44
44
  })([
45
45
  "padding:var(",
46
46
  ");border-radius:var(",
@@ -60,7 +60,7 @@ export var ShortcutItem = styled.li.withConfig({
60
60
  }));
61
61
  export var StyledCell = styled(Cell).withConfig({
62
62
  displayName: "DateShortcutList.styles__StyledCell",
63
- componentId: "sc-e613e6ad-3"
63
+ componentId: "sc-235f7cb0-3"
64
64
  })([
65
65
  "",
66
66
  ":var(",
@@ -78,13 +78,13 @@ export var StyledCell = styled(Cell).withConfig({
78
78
  ], cellTokens.cellTitleColor, tokens.shortcutColor, cellTokens.cellPadding, tokens.shortcutPadding, cellTokens.cellPaddingContent, tokens.shortcutPaddingContent, cellTokens.cellPaddingLeftContent, tokens.shortcutPaddingLeftContent, cellTokens.cellPaddingRightContent, tokens.shortcutPaddingRightContent, cellTokens.cellGap, tokens.shortcutGap);
79
79
  export var ShortcutTitleWrapper = styled.div.withConfig({
80
80
  displayName: "DateShortcutList.styles__ShortcutTitleWrapper",
81
- componentId: "sc-e613e6ad-4"
81
+ componentId: "sc-235f7cb0-4"
82
82
  })([
83
83
  "display:grid;"
84
84
  ]);
85
85
  export var ShortcutTitle = styled.span.withConfig({
86
86
  displayName: "DateShortcutList.styles__ShortcutTitle",
87
- componentId: "sc-e613e6ad-5"
87
+ componentId: "sc-235f7cb0-5"
88
88
  })([
89
89
  "font-family:var(",
90
90
  ");font-size:var(",
@@ -80,6 +80,7 @@ export var tokens = {
80
80
  fontSize: '--plasma-tab-item-font-size',
81
81
  fontStyle: '--plasma-tab-item-font-style',
82
82
  fontWeight: '--plasma-tab-item-font-weight',
83
+ fontWeightSelected: '--plasma-tab-item-font-weight-selected',
83
84
  letterSpacing: '--plasma-tab-item-letter-spacing',
84
85
  lineHeight: '--plasma-tab-item-lineheight',
85
86
  valueFontFamily: '--plasma-tab-item-value-font-family',
@@ -0,0 +1,131 @@
1
+ import { css } from "styled-components";
2
+ import { chipGroupTokens as tokens } from "../../../components/ChipGroup";
3
+ export var config = {
4
+ defaults: {
5
+ view: 'default',
6
+ size: 'm'
7
+ },
8
+ variations: {
9
+ view: {
10
+ default: css([
11
+ "",
12
+ ":var(--inverse-text-primary);",
13
+ ":var(--surface-solid-default);",
14
+ ":var(--inverse-text-primary);",
15
+ ":var(--surface-solid-default-hover);",
16
+ ":var(--inverse-text-primary);",
17
+ ":var(--surface-solid-default-active);"
18
+ ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive),
19
+ secondary: css([
20
+ "",
21
+ ":var(--text-primary);",
22
+ ":var(--surface-transparent-secondary);",
23
+ ":var(--text-primary);",
24
+ ":var(--surface-transparent-secondary-hover);",
25
+ ":var(--text-primary);",
26
+ ":var(--surface-transparent-secondary-active);"
27
+ ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive),
28
+ accent: css([
29
+ "",
30
+ ":var(--on-dark-text-primary);",
31
+ ":var(--surface-accent);",
32
+ ":var(--on-dark-text-primary);",
33
+ ":var(--surface-accent-hover);",
34
+ ":var(--on-dark-text-primary);",
35
+ ":var(--surface-accent-active);"
36
+ ], tokens.chipColor, tokens.chipBackground, tokens.chipColorHover, tokens.chipBackgroundHover, tokens.chipColorActive, tokens.chipBackgroundActive)
37
+ },
38
+ size: {
39
+ l: css([
40
+ "",
41
+ ":0.75rem;",
42
+ ":auto;",
43
+ ":3rem;",
44
+ ":0 1rem;",
45
+ ":var(--plasma-typo-body-l-font-family);",
46
+ ":var(--plasma-typo-body-l-font-size);",
47
+ ":var(--plasma-typo-body-l-font-style);",
48
+ ":var(--plasma-typo-body-l-font-weight);",
49
+ ":var(--plasma-typo-body-l-letter-spacing);",
50
+ ":var(--plasma-typo-body-l-line-height);",
51
+ ":-0.125rem;",
52
+ ":0.5rem;",
53
+ ":0.5rem;",
54
+ ":-0.125rem;",
55
+ ":0.625rem;",
56
+ ":-0.25rem;",
57
+ ":1.5rem;"
58
+ ], tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipRightContentMarginLeft, tokens.chipRightContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize),
59
+ m: css([
60
+ "",
61
+ ":0.625rem;",
62
+ ":auto;",
63
+ ":2.5rem;",
64
+ ":0 0.875rem;",
65
+ ":var(--plasma-typo-body-m-font-family);",
66
+ ":var(--plasma-typo-body-m-font-size);",
67
+ ":var(--plasma-typo-body-m-font-style);",
68
+ ":var(--plasma-typo-body-m-font-weight);",
69
+ ":var(--plasma-typo-body-m-letter-spacing);",
70
+ ":var(--plasma-typo-body-m-line-height);",
71
+ ":-0.125rem;",
72
+ ":0.375rem;",
73
+ ":0.375rem;",
74
+ ":-0.125rem;",
75
+ ":0.5rem;",
76
+ ":-0.25rem;",
77
+ ":1rem;"
78
+ ], tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipRightContentMarginLeft, tokens.chipRightContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize),
79
+ s: css([
80
+ "",
81
+ ":0.5rem;",
82
+ ":auto;",
83
+ ":2rem;",
84
+ ":0 0.875rem;",
85
+ ":var(--plasma-typo-body-s-font-family);",
86
+ ":var(--plasma-typo-body-s-font-size);",
87
+ ":var(--plasma-typo-body-s-font-style);",
88
+ ":var(--plasma-typo-body-s-font-weight);",
89
+ ":var(--plasma-typo-body-s-letter-spacing);",
90
+ ":var(--plasma-typo-body-s-line-height);",
91
+ ":-0.125rem;",
92
+ ":0.25rem;",
93
+ ":0.25rem;",
94
+ ":-0.125rem;",
95
+ ":0.375rem;",
96
+ ":-0.25rem;",
97
+ ":1rem;"
98
+ ], tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipRightContentMarginLeft, tokens.chipRightContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize),
99
+ xs: css([
100
+ "",
101
+ ":0.375rem;",
102
+ ":auto;",
103
+ ":1.5rem;",
104
+ ":0 0.625rem;",
105
+ ":var(--plasma-typo-body-xs-font-family);",
106
+ ":var(--plasma-typo-body-xs-font-size);",
107
+ ":var(--plasma-typo-body-xs-font-style);",
108
+ ":var(--plasma-typo-body-xs-font-weight);",
109
+ ":var(--plasma-typo-body-xs-letter-spacing);",
110
+ ":var(--plasma-typo-body-xs-line-height);",
111
+ ":-0.125rem;",
112
+ ":0.25rem;",
113
+ ":0.25rem;",
114
+ ":-0.125rem;",
115
+ ":0.25rem;",
116
+ ":-0.25rem;",
117
+ ":1rem;"
118
+ ], tokens.chipBorderRadius, tokens.chipWidth, tokens.chipHeight, tokens.chipPadding, tokens.chipFontFamily, tokens.chipFontSize, tokens.chipFontStyle, tokens.chipFontWeight, tokens.chipLetterSpacing, tokens.chipLineHeight, tokens.chipLeftContentMarginLeft, tokens.chipLeftContentMarginRight, tokens.chipRightContentMarginLeft, tokens.chipRightContentMarginRight, tokens.chipClearContentMarginLeft, tokens.chipClearContentMarginRight, tokens.chipCloseIconSize)
119
+ },
120
+ gap: {
121
+ dense: css([
122
+ "",
123
+ ":0.125rem;"
124
+ ], tokens.chipGroupItemsGap),
125
+ wide: css([
126
+ "",
127
+ ":0.5rem;"
128
+ ], tokens.chipGroupItemsGap)
129
+ }
130
+ }
131
+ };
@@ -1,7 +0,0 @@
1
- import { component, mergeConfig } from "../../../engines";
2
- import { comboboxNewConfig } from "../../..";
3
- import { config } from "./Combobox.config";
4
- var mergedConfig = mergeConfig(comboboxNewConfig, config);
5
- var ComboboxComponent = component(mergedConfig);
6
- var Combobox = ComboboxComponent;
7
- export { Combobox };
@@ -116,7 +116,7 @@ export var config = {
116
116
  ":var(--plasma-typo-body-xs-font-family);",
117
117
  ":var(--plasma-typo-body-xs-font-size);",
118
118
  ":var(--plasma-typo-body-xs-font-style);",
119
- ":var(--plasma-typo-body-xs-font-weight);",
119
+ ":var(--plasma-typo-body-xs-bold-font-weight);",
120
120
  ":var(--plasma-typo-body-xs-letter-spacing);",
121
121
  ":var(--plasma-typo-body-xs-line-height);",
122
122
  ":0;"
@@ -134,7 +134,7 @@ export var config = {
134
134
  ":var(--plasma-typo-body-s-font-family);",
135
135
  ":var(--plasma-typo-body-s-font-size);",
136
136
  ":var(--plasma-typo-body-s-font-style);",
137
- ":var(--plasma-typo-body-s-font-weight);",
137
+ ":var(--plasma-typo-body-s-bold-font-weight);",
138
138
  ":var(--plasma-typo-body-s-letter-spacing);",
139
139
  ":var(--plasma-typo-body-s-line-height);",
140
140
  ":0.125rem;"
@@ -152,7 +152,7 @@ export var config = {
152
152
  ":var(--plasma-typo-body-m-font-family);",
153
153
  ":var(--plasma-typo-body-m-font-size);",
154
154
  ":var(--plasma-typo-body-m-font-style);",
155
- ":var(--plasma-typo-body-m-font-weight);",
155
+ ":var(--plasma-typo-body-m-bold-font-weight);",
156
156
  ":var(--plasma-typo-body-m-letter-spacing);",
157
157
  ":var(--plasma-typo-body-m-line-height);",
158
158
  ":0.25rem;"
@@ -170,7 +170,7 @@ export var config = {
170
170
  ":var(--plasma-typo-body-l-font-family);",
171
171
  ":var(--plasma-typo-body-l-font-size);",
172
172
  ":var(--plasma-typo-body-l-font-style);",
173
- ":var(--plasma-typo-body-l-font-weight);",
173
+ ":var(--plasma-typo-body-l-bold-font-weight);",
174
174
  ":var(--plasma-typo-body-l-letter-spacing);",
175
175
  ":var(--plasma-typo-body-l-line-height);",
176
176
  ":0.125rem;"
@@ -49,7 +49,7 @@ export var config = {
49
49
  ":var(--plasma-typo-body-xs-font-family);",
50
50
  ":var(--plasma-typo-body-xs-font-size);",
51
51
  ":var(--plasma-typo-body-xs-font-style);",
52
- ":var(--plasma-typo-body-xs-font-weight);",
52
+ ":var(--plasma-typo-body-xs-bold-font-weight);",
53
53
  ":var(--plasma-typo-body-xs-letter-spacing);",
54
54
  ":var(--plasma-typo-body-xs-line-height);",
55
55
  ":0;"
@@ -68,7 +68,7 @@ export var config = {
68
68
  ":var(--plasma-typo-body-s-font-family);",
69
69
  ":var(--plasma-typo-body-s-font-size);",
70
70
  ":var(--plasma-typo-body-s-font-style);",
71
- ":var(--plasma-typo-body-s-font-weight);",
71
+ ":var(--plasma-typo-body-s-bold-font-weight);",
72
72
  ":var(--plasma-typo-body-s-letter-spacing);",
73
73
  ":var(--plasma-typo-body-s-line-height);",
74
74
  ":0.25rem;"
@@ -87,7 +87,7 @@ export var config = {
87
87
  ":var(--plasma-typo-body-m-font-family);",
88
88
  ":var(--plasma-typo-body-m-font-size);",
89
89
  ":var(--plasma-typo-body-m-font-style);",
90
- ":var(--plasma-typo-body-m-font-weight);",
90
+ ":var(--plasma-typo-body-m-bold-font-weight);",
91
91
  ":var(--plasma-typo-body-m-letter-spacing);",
92
92
  ":var(--plasma-typo-body-m-line-height);",
93
93
  ":0.125rem;"
@@ -106,7 +106,7 @@ export var config = {
106
106
  ":var(--plasma-typo-body-l-font-family);",
107
107
  ":var(--plasma-typo-body-l-font-size);",
108
108
  ":var(--plasma-typo-body-l-font-style);",
109
- ":var(--plasma-typo-body-l-font-weight);",
109
+ ":var(--plasma-typo-body-l-bold-font-weight);",
110
110
  ":var(--plasma-typo-body-l-letter-spacing);",
111
111
  ":var(--plasma-typo-body-l-line-height);",
112
112
  ":0.125rem;"
@@ -1 +1 @@
1
- {"version":3,"file":"RangeDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2F,MAAM,OAAO,CAAC;AAEhH,OAAO,KAAK,EAER,UAAU,EAKb,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAK7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAK9D,OAAO,KAAK,EAAY,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAGxE,OAAO,KAAK,EAAwB,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAUxF,eAAO,MAAM,mBAAmB,SAAU,SAAS,CAAC,cAAc,EAAE,wBAAwB,CAAC;;;;;;;;;;;;;;;iBAwC1E,CAAC;gBAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+EA6gB9B,CAAC;AAEN,eAAO,MAAM,qBAAqB;;;mBAvjBQ,SAAS,CAAC,cAAc,EAAE,wBAAwB,CAAC;;;;;;;;;;;;;;;qBAwC1E,CAAC;oBAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4iBlC,CAAC"}
1
+ {"version":3,"file":"RangeDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2F,MAAM,OAAO,CAAC;AAEhH,OAAO,KAAK,EAER,UAAU,EAKb,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAK9D,OAAO,KAAK,EAAY,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAGxE,OAAO,KAAK,EAAwB,wBAAwB,EAAE,MAAM,mBAAmB,CAAC;AAUxF,eAAO,MAAM,mBAAmB,SAAU,SAAS,CAAC,cAAc,EAAE,wBAAwB,CAAC;;;;;;;;;;;;;;;iBAuC7E,CAAD;gBAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+EAqiBzB,CAAC;AAEN,eAAO,MAAM,qBAAqB;;;mBA9kBQ,SAAS,CAAC,cAAc,EAAE,wBAAwB,CAAC;;;;;;;;;;;;;;;qBAuC7E,CAAD;oBAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAokB7B,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4E,MAAM,OAAO,CAAC;AACjG,OAAO,KAAK,EAAc,cAAc,EAAE,aAAa,EAAc,MAAM,OAAO,CAAC;AAInF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAK7C,OAAO,KAAK,EAAuB,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAa3F,eAAO,MAAM,kBAAkB,SAAU,SAAS,CAAC,cAAc,EAAE,uBAAuB,CAAC;;;;;;;;;;;;;;;;;0EA6BtE,CAAC,yBACN,CAAD;qBASE,CAAC,wCACS,CAAC;yTAyXvB,CAAC;AAEN,eAAO,MAAM,oBAAoB;;;mBAnaQ,SAAS,CAAC,cAAc,EAAE,uBAAuB,CAAC;;;;;;;;;;;;;;;;;8EA6BtE,CAAC,yBACN,CAAD;yBASE,CAAC,wCACS,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CAuZ3B,CAAC"}
1
+ {"version":3,"file":"DateTimePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmE,MAAM,OAAO,CAAC;AACxF,OAAO,KAAK,EAAc,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAGvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAE7C,OAAO,KAAK,EAAuB,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAY3F,eAAO,MAAM,kBAAkB,SAAU,SAAS,CAAC,cAAc,EAAE,uBAAuB,CAAC;;;;;;;;;;;;;;;;;0EAoC3E,CAAT,yBACS,CAAD;qBASC,CAAF,wCACQ,CAAC;yTAiQlB,CAAC;AAEN,eAAO,MAAM,oBAAoB;;;mBAlTQ,SAAS,CAAC,cAAc,EAAE,uBAAuB,CAAC;;;;;;;;;;;;;;;;;8EAoC3E,CAAT,yBACS,CAAD;yBASC,CAAF,wCACQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CA+RtB,CAAC"}
@@ -1,5 +1,5 @@
1
- import type { InputHTMLAttributes, SyntheticEvent, KeyboardEvent, SetStateAction, Dispatch, MutableRefObject, ReactNode, CSSProperties } from 'react';
2
- import type { DateInfo, DateType } from '../Calendar/Calendar.types';
1
+ import type { InputHTMLAttributes, SyntheticEvent, KeyboardEvent, MutableRefObject, ReactNode, CSSProperties } from 'react';
2
+ import type { DateInfo } from '../Calendar/Calendar.types';
3
3
  import type { DatePickerPopoverProps, DatePickerTextFieldProps } from '../DatePicker/SingleDate/SingleDate.types';
4
4
  import type { LabelProps } from '../TextField/TextField.types';
5
5
  import type { DatePickerCalendarProps } from '../DatePicker/DatePickerBase.types';
@@ -134,9 +134,10 @@ export type CorrectDates = {
134
134
  time: Date | undefined;
135
135
  };
136
136
  export type UseDateTimePickerArgs = {
137
- currentValue: string;
138
137
  inputRef: MutableRefObject<HTMLInputElement | null>;
139
- delimiters?: string[];
138
+ outerValue?: Date | string;
139
+ defaultDate?: Date;
140
+ preserveInvalidOnBlur?: boolean;
140
141
  valueError?: boolean;
141
142
  valueSuccess?: boolean;
142
143
  type?: CalendarStateType;
@@ -144,18 +145,16 @@ export type UseDateTimePickerArgs = {
144
145
  disabled?: boolean;
145
146
  readOnly?: boolean;
146
147
  maskWithFormat?: boolean;
147
- format?: string;
148
148
  dateFormat?: string;
149
149
  timeFormat?: string;
150
+ dateTimeSeparator?: string;
150
151
  min?: Date;
151
152
  max?: Date;
152
153
  includeEdgeDates?: boolean;
153
154
  dateOnTimeSelectOnly?: Date;
154
- correctDates: CorrectDates;
155
- setInnerDate: Dispatch<SetStateAction<string | DateType>>;
156
- setCorrectDates: Dispatch<SetStateAction<CorrectDates>>;
157
155
  onChangeValue?: InputProps['onChangeValue'];
158
156
  onCommitDate?: InputProps['onCommitDate'];
157
+ onBlur?: InputProps['onBlur'];
159
158
  };
160
159
  export {};
161
160
  //# sourceMappingURL=DateTimePicker.types.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"DateTimePicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimePicker.types.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DateTimePicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/DateTimePicker/DateTimePicker.types.ts"],"names":[],"mappings":"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"}
@@ -1,18 +1,26 @@
1
- import type { ChangeEvent } from 'react';
1
+ import type { ChangeEvent, FocusEvent } from 'react';
2
2
  import type { TimePickerGridChangeEvent } from '../../../components/TimePickerGrid/TimePickerGrid.types';
3
- import type { CalendarValueType, DateInfo } from '../../Calendar/Calendar.types';
3
+ import type { CalendarValueType, DateInfo, DateType } from '../../Calendar/Calendar.types';
4
4
  import type { UseDateTimePickerArgs } from '../DateTimePicker.types';
5
- export declare const useDateTimePicker: ({ valueError, valueSuccess, type, lang, disabled, readOnly, maskWithFormat, format, dateFormat, timeFormat, currentValue, delimiters, inputRef, min, max, includeEdgeDates, correctDates, dateOnTimeSelectOnly, setCorrectDates, setInnerDate, onChangeValue, onCommitDate, }: UseDateTimePickerArgs) => {
5
+ export declare const useDateTimePicker: ({ valueError, valueSuccess, type, lang, disabled, readOnly, outerValue, defaultDate, maskWithFormat, dateFormat, timeFormat, dateTimeSeparator, inputRef, min, max, includeEdgeDates, dateOnTimeSelectOnly, preserveInvalidOnBlur, onChangeValue, onCommitDate, onBlur, }: UseDateTimePickerArgs) => {
6
+ format: string;
7
+ dateVisibleValue: string | DateType;
8
+ calendarGridValue: Date | undefined;
9
+ inputValue: string;
10
+ timeVisibleValue: string;
11
+ timeColumnsCount: number;
6
12
  errorClass: string | undefined;
7
13
  successClass: string | undefined;
8
14
  handleChangeValue: (event: ChangeEvent<HTMLInputElement>) => void;
9
15
  handleSearch: (date?: string) => void;
10
16
  handleCalendarPick: (date?: Date | null, quarterInfo?: DateInfo) => void;
11
17
  handleTimePick: (time?: TimePickerGridChangeEvent) => void;
18
+ handleBlur: (event: FocusEvent<HTMLInputElement>) => void;
12
19
  updateExternalDate: (externalDate: Date | string | undefined) => void;
13
20
  getQuarterInfo: (originalDate?: Date) => {
14
21
  name: string;
15
22
  fullValue: CalendarValueType;
16
23
  } | undefined;
24
+ isDateEqualEdge: (dateEdge?: Date) => boolean;
17
25
  };
18
26
  //# sourceMappingURL=useDateTimePicker.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"useDateTimePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTimePicker/hooks/useDateTimePicker.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAIzC,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oDAAoD,CAAC;AAEpG,OAAO,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAEjF,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAWrE,eAAO,MAAM,iBAAiB,kRAuB3B,qBAAqB;;;+BAoDc,WAAW,CAAC,gBAAgB,CAAC;0BAuDlC,MAAM;gCA+BA,IAAI,GAAG,IAAI,gBAAgB,QAAQ;4BAiDvC,yBAAyB;uCA2Dd,IAAI,GAAG,MAAM,GAAG,SAAS;oCAlP5B,IAAI;;mBAeM,iBAAiB;;CAwQrE,CAAC"}
1
+ {"version":3,"file":"useDateTimePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DateTimePicker/hooks/useDateTimePicker.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAIrD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,oDAAoD,CAAC;AAGpG,OAAO,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AAE3F,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAWrE,eAAO,MAAM,iBAAiB,8QAsB3B,qBAAqB;;;;;;;;;+BA6Gc,WAAW,CAAC,gBAAgB,CAAC;0BAuDlC,MAAM;gCA+BA,IAAI,GAAG,IAAI,gBAAgB,QAAQ;4BAiDvC,yBAAyB;wBAsF7B,UAAU,CAAC,gBAAgB,CAAC;uCA3Bb,IAAI,GAAG,MAAM,GAAG,SAAS;oCAxQ5B,IAAI;;mBAeM,iBAAiB;;iCAI9B,IAAI;CAkW3C,CAAC"}
@@ -2,16 +2,16 @@ import type { ChangeEvent, KeyboardEvent, SyntheticEvent } from 'react';
2
2
  type Props = {
3
3
  opened: boolean;
4
4
  closeOnEsc: boolean;
5
+ onToggle: (isOpen: boolean, event: SyntheticEvent | Event) => void;
5
6
  delimiters?: string[];
6
7
  format?: string;
7
8
  maskWithFormat?: boolean;
8
- onToggle: (isOpen: boolean, event: SyntheticEvent | Event) => void;
9
9
  };
10
10
  export declare const keys: {
11
11
  Space: string;
12
12
  Escape: string;
13
13
  };
14
- export declare const useKeyNavigation: ({ opened, closeOnEsc, format, maskWithFormat, delimiters, onToggle }: Props) => {
14
+ export declare const useKeyNavigation: ({ opened, closeOnEsc, onToggle }: Props) => {
15
15
  onKeyDown: (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => void;
16
16
  };
17
17
  export {};