@salutejs/plasma-new-hope 0.113.0-canary.1310.10143188146.0 → 0.113.0-canary.1326.10144080025.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (194) hide show
  1. package/cjs/components/DatePicker/RangeDate/RangeDate.js +14 -2
  2. package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  3. package/cjs/components/DatePicker/SingleDate/SingleDate.js +14 -2
  4. package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  5. package/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +30 -0
  6. package/cjs/components/DatePicker/hooks/useKeyboardNavigation.js.map +1 -0
  7. package/cjs/index.css +0 -4
  8. package/cjs/index.js +0 -6
  9. package/cjs/index.js.map +1 -1
  10. package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +14 -2
  11. package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +14 -2
  12. package/emotion/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +32 -0
  13. package/emotion/cjs/index.js +0 -11
  14. package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +14 -2
  15. package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +15 -3
  16. package/emotion/es/components/DatePicker/hooks/useKeyboardNavigation.js +26 -0
  17. package/emotion/es/index.js +0 -1
  18. package/es/components/DatePicker/RangeDate/RangeDate.js +14 -2
  19. package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
  20. package/es/components/DatePicker/SingleDate/SingleDate.js +15 -3
  21. package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
  22. package/es/components/DatePicker/hooks/useKeyboardNavigation.js +25 -0
  23. package/es/components/DatePicker/hooks/useKeyboardNavigation.js.map +1 -0
  24. package/es/index.css +0 -4
  25. package/es/index.js +0 -2
  26. package/es/index.js.map +1 -1
  27. package/package.json +2 -2
  28. package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +14 -2
  29. package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +14 -2
  30. package/styled-components/cjs/components/DatePicker/hooks/useKeyboardNavigation.js +32 -0
  31. package/styled-components/cjs/index.js +0 -11
  32. package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +14 -2
  33. package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +15 -3
  34. package/styled-components/es/components/DatePicker/hooks/useKeyboardNavigation.js +26 -0
  35. package/styled-components/es/index.js +0 -1
  36. package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
  37. package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
  38. package/types/components/DatePicker/hooks/useKeyboardNavigation.d.ts +13 -0
  39. package/types/components/DatePicker/hooks/useKeyboardNavigation.d.ts.map +1 -0
  40. package/types/components/Header/ui/HeaderArrow/HeaderArrow.d.ts +2 -2
  41. package/types/examples/plasma_b2c/components/Header/Header.d.ts +1 -1
  42. package/types/examples/plasma_web/components/Header/Header.d.ts +1 -1
  43. package/types/index.d.ts +0 -1
  44. package/types/index.d.ts.map +1 -1
  45. package/cjs/components/Breadcrumbs/Breadcrumbs.css +0 -13
  46. package/cjs/components/Breadcrumbs/Breadcrumbs.js +0 -59
  47. package/cjs/components/Breadcrumbs/Breadcrumbs.js.map +0 -1
  48. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +0 -46
  49. package/cjs/components/Breadcrumbs/Breadcrumbs.styles.js.map +0 -1
  50. package/cjs/components/Breadcrumbs/Breadcrumbs.styles_1troyzr.css +0 -3
  51. package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -23
  52. package/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js.map +0 -1
  53. package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +0 -36
  54. package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map +0 -1
  55. package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +0 -27
  56. package/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js.map +0 -1
  57. package/cjs/components/Breadcrumbs/utils/index.js +0 -53
  58. package/cjs/components/Breadcrumbs/utils/index.js.map +0 -1
  59. package/cjs/components/Breadcrumbs/variations/_size/base.js +0 -9
  60. package/cjs/components/Breadcrumbs/variations/_size/base.js.map +0 -1
  61. package/cjs/components/Breadcrumbs/variations/_size/base_x642ct.css +0 -1
  62. package/cjs/components/Breadcrumbs/variations/_view/base.js +0 -9
  63. package/cjs/components/Breadcrumbs/variations/_view/base.js.map +0 -1
  64. package/cjs/components/Breadcrumbs/variations/_view/base_x642ct.css +0 -1
  65. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.js +0 -59
  66. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +0 -33
  67. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -21
  68. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.types.js +0 -5
  69. package/emotion/cjs/components/Breadcrumbs/README.md +0 -78
  70. package/emotion/cjs/components/Breadcrumbs/index.js +0 -31
  71. package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +0 -42
  72. package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +0 -20
  73. package/emotion/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +0 -5
  74. package/emotion/cjs/components/Breadcrumbs/utils/index.js +0 -49
  75. package/emotion/cjs/components/Breadcrumbs/variations/_size/base.js +0 -8
  76. package/emotion/cjs/components/Breadcrumbs/variations/_size/tokens.json +0 -0
  77. package/emotion/cjs/components/Breadcrumbs/variations/_view/base.js +0 -8
  78. package/emotion/cjs/components/Breadcrumbs/variations/_view/tokens.json +0 -0
  79. package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +0 -25
  80. package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +0 -11
  81. package/emotion/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -42
  82. package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +0 -25
  83. package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +0 -11
  84. package/emotion/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -42
  85. package/emotion/es/components/Breadcrumbs/Breadcrumbs.js +0 -50
  86. package/emotion/es/components/Breadcrumbs/Breadcrumbs.styles.js +0 -26
  87. package/emotion/es/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -15
  88. package/emotion/es/components/Breadcrumbs/Breadcrumbs.types.js +0 -1
  89. package/emotion/es/components/Breadcrumbs/README.md +0 -78
  90. package/emotion/es/components/Breadcrumbs/index.js +0 -2
  91. package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +0 -33
  92. package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +0 -13
  93. package/emotion/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +0 -1
  94. package/emotion/es/components/Breadcrumbs/utils/index.js +0 -42
  95. package/emotion/es/components/Breadcrumbs/variations/_size/base.js +0 -2
  96. package/emotion/es/components/Breadcrumbs/variations/_size/tokens.json +0 -0
  97. package/emotion/es/components/Breadcrumbs/variations/_view/base.js +0 -2
  98. package/emotion/es/components/Breadcrumbs/variations/_view/tokens.json +0 -0
  99. package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +0 -19
  100. package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +0 -5
  101. package/emotion/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -42
  102. package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +0 -19
  103. package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +0 -5
  104. package/emotion/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -42
  105. package/es/components/Breadcrumbs/Breadcrumbs.css +0 -13
  106. package/es/components/Breadcrumbs/Breadcrumbs.js +0 -54
  107. package/es/components/Breadcrumbs/Breadcrumbs.js.map +0 -1
  108. package/es/components/Breadcrumbs/Breadcrumbs.styles.js +0 -40
  109. package/es/components/Breadcrumbs/Breadcrumbs.styles.js.map +0 -1
  110. package/es/components/Breadcrumbs/Breadcrumbs.styles_1troyzr.css +0 -3
  111. package/es/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -18
  112. package/es/components/Breadcrumbs/Breadcrumbs.tokens.js.map +0 -1
  113. package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +0 -32
  114. package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map +0 -1
  115. package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +0 -21
  116. package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js.map +0 -1
  117. package/es/components/Breadcrumbs/utils/index.js +0 -46
  118. package/es/components/Breadcrumbs/utils/index.js.map +0 -1
  119. package/es/components/Breadcrumbs/variations/_size/base.js +0 -5
  120. package/es/components/Breadcrumbs/variations/_size/base.js.map +0 -1
  121. package/es/components/Breadcrumbs/variations/_size/base_x642ct.css +0 -1
  122. package/es/components/Breadcrumbs/variations/_view/base.js +0 -5
  123. package/es/components/Breadcrumbs/variations/_view/base.js.map +0 -1
  124. package/es/components/Breadcrumbs/variations/_view/base_x642ct.css +0 -1
  125. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.js +0 -59
  126. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.styles.js +0 -32
  127. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -21
  128. package/styled-components/cjs/components/Breadcrumbs/Breadcrumbs.types.js +0 -5
  129. package/styled-components/cjs/components/Breadcrumbs/README.md +0 -78
  130. package/styled-components/cjs/components/Breadcrumbs/index.js +0 -31
  131. package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +0 -42
  132. package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +0 -24
  133. package/styled-components/cjs/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +0 -5
  134. package/styled-components/cjs/components/Breadcrumbs/utils/index.js +0 -49
  135. package/styled-components/cjs/components/Breadcrumbs/variations/_size/base.js +0 -8
  136. package/styled-components/cjs/components/Breadcrumbs/variations/_size/tokens.json +0 -0
  137. package/styled-components/cjs/components/Breadcrumbs/variations/_view/base.js +0 -8
  138. package/styled-components/cjs/components/Breadcrumbs/variations/_view/tokens.json +0 -0
  139. package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +0 -25
  140. package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +0 -11
  141. package/styled-components/cjs/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -42
  142. package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +0 -25
  143. package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +0 -11
  144. package/styled-components/cjs/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -42
  145. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.js +0 -50
  146. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.styles.js +0 -24
  147. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.tokens.js +0 -15
  148. package/styled-components/es/components/Breadcrumbs/Breadcrumbs.types.js +0 -1
  149. package/styled-components/es/components/Breadcrumbs/README.md +0 -78
  150. package/styled-components/es/components/Breadcrumbs/index.js +0 -2
  151. package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js +0 -33
  152. package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.js +0 -17
  153. package/styled-components/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.js +0 -1
  154. package/styled-components/es/components/Breadcrumbs/utils/index.js +0 -42
  155. package/styled-components/es/components/Breadcrumbs/variations/_size/base.js +0 -2
  156. package/styled-components/es/components/Breadcrumbs/variations/_size/tokens.json +0 -0
  157. package/styled-components/es/components/Breadcrumbs/variations/_view/base.js +0 -2
  158. package/styled-components/es/components/Breadcrumbs/variations/_view/tokens.json +0 -0
  159. package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.js +0 -19
  160. package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.js +0 -5
  161. package/styled-components/es/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -42
  162. package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.js +0 -19
  163. package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.js +0 -5
  164. package/styled-components/es/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -42
  165. package/types/components/Breadcrumbs/Breadcrumbs.d.ts +0 -35
  166. package/types/components/Breadcrumbs/Breadcrumbs.d.ts.map +0 -1
  167. package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts +0 -7
  168. package/types/components/Breadcrumbs/Breadcrumbs.styles.d.ts.map +0 -1
  169. package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts +0 -16
  170. package/types/components/Breadcrumbs/Breadcrumbs.tokens.d.ts.map +0 -1
  171. package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts +0 -38
  172. package/types/components/Breadcrumbs/Breadcrumbs.types.d.ts.map +0 -1
  173. package/types/components/Breadcrumbs/index.d.ts +0 -4
  174. package/types/components/Breadcrumbs/index.d.ts.map +0 -1
  175. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.d.ts +0 -4
  176. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.d.ts.map +0 -1
  177. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts +0 -4
  178. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.d.ts.map +0 -1
  179. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.d.ts +0 -8
  180. package/types/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.types.d.ts.map +0 -1
  181. package/types/components/Breadcrumbs/utils/index.d.ts +0 -7
  182. package/types/components/Breadcrumbs/utils/index.d.ts.map +0 -1
  183. package/types/components/Breadcrumbs/variations/_size/base.d.ts +0 -2
  184. package/types/components/Breadcrumbs/variations/_size/base.d.ts.map +0 -1
  185. package/types/components/Breadcrumbs/variations/_view/base.d.ts +0 -2
  186. package/types/components/Breadcrumbs/variations/_view/base.d.ts.map +0 -1
  187. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.d.ts +0 -18
  188. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +0 -1
  189. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.d.ts +0 -19
  190. package/types/examples/plasma_b2c/components/Breadcrumbs/Breadcrumbs.d.ts.map +0 -1
  191. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.d.ts +0 -18
  192. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.config.d.ts.map +0 -1
  193. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.d.ts +0 -19
  194. package/types/examples/plasma_web/components/Breadcrumbs/Breadcrumbs.d.ts.map +0 -1
@@ -8,12 +8,13 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
8
8
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
9
9
  function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
10
10
  function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
11
- import React, { forwardRef, useCallback, useRef, useState } from 'react';
11
+ import React, { forwardRef, useCallback, useEffect, useRef, useState } from 'react';
12
12
  import { cx, getPlacements } from '../../../utils';
13
13
  import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';
14
14
  import { useDatePicker } from '../hooks/useDatePicker';
15
15
  import { classes } from '../DatePicker.tokens';
16
16
  import { StyledCalendar } from '../DatePickerBase.styles';
17
+ import { useKeyNavigation } from '../hooks/useKeyboardNavigation';
17
18
  import { base as sizeCSS } from './variations/_size/base';
18
19
  import { base as viewCSS } from './variations/_view/base';
19
20
  import { base as disabledCSS } from './variations/_disabled/base';
@@ -107,6 +108,11 @@ export var datePickerRoot = function datePickerRoot(Root) {
107
108
  handleToggle = _useDatePicker.handleToggle,
108
109
  handleChangeValue = _useDatePicker.handleChangeValue,
109
110
  handleCommitDate = _useDatePicker.handleCommitDate;
111
+ var _useKeyNavigation = useKeyNavigation({
112
+ isCalendarOpen: isInnerOpen,
113
+ onToggle: handleToggle
114
+ }),
115
+ onKeyDown = _useKeyNavigation.onKeyDown;
110
116
  var DatePickerInput = /*#__PURE__*/React.createElement(StyledInput, {
111
117
  ref: inputRef,
112
118
  className: cx(datePickerErrorClass, datePickerSuccessClass),
@@ -123,8 +129,14 @@ export var datePickerRoot = function datePickerRoot(Root) {
123
129
  return handleCommitDate(date, true, false);
124
130
  },
125
131
  onFocus: onFocus,
126
- onBlur: onBlur
132
+ onBlur: onBlur,
133
+ onKeyDown: onKeyDown
127
134
  });
135
+ useEffect(function () {
136
+ setIsInnerOpen(function (prevOpen) {
137
+ return prevOpen !== isOpen && isOpen;
138
+ });
139
+ }, [isOpen]);
128
140
  return /*#__PURE__*/React.createElement(Root, _extends({
129
141
  view: view,
130
142
  size: size,
@@ -133,7 +145,7 @@ export var datePickerRoot = function datePickerRoot(Root) {
133
145
  readOnly: !disabled && readOnly,
134
146
  ref: ref
135
147
  }, rest), label && /*#__PURE__*/React.createElement(StyledLabel, null, label), /*#__PURE__*/React.createElement(StyledPopover, {
136
- isOpen: isOpen || isInnerOpen,
148
+ isOpen: isInnerOpen,
137
149
  usePortal: false,
138
150
  onToggle: handleToggle,
139
151
  offset: offset,
@@ -0,0 +1,26 @@
1
+ export var keys = {
2
+ Space: 'Space'
3
+ };
4
+ export var useKeyNavigation = function useKeyNavigation(_ref) {
5
+ var isCalendarOpen = _ref.isCalendarOpen,
6
+ onToggle = _ref.onToggle;
7
+ var onKeyDown = function onKeyDown(event) {
8
+ switch (event.code) {
9
+ case keys.Space:
10
+ {
11
+ if (!isCalendarOpen) {
12
+ event.preventDefault();
13
+ onToggle(true, event);
14
+ }
15
+ break;
16
+ }
17
+ default:
18
+ {
19
+ break;
20
+ }
21
+ }
22
+ };
23
+ return {
24
+ onKeyDown: onKeyDown
25
+ };
26
+ };
@@ -7,7 +7,6 @@ export * from './utils';
7
7
  export * from './components/Button';
8
8
  export * from './components/IconButton';
9
9
  export * from './components/ButtonGroup';
10
- export * from './components/Breadcrumbs';
11
10
  export * from './components/Chip';
12
11
  export * from './components/Cell';
13
12
  export * from './components/Link';
@@ -4,6 +4,7 @@ import { cx } from '../../../utils/index.js';
4
4
  import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper.js';
5
5
  import { useDatePicker } from '../hooks/useDatePicker.js';
6
6
  import { classes } from '../DatePicker.tokens.js';
7
+ import { useKeyNavigation } from '../hooks/useKeyboardNavigation.js';
7
8
  import { base as base$2 } from './variations/_size/base.js';
8
9
  import { base as base$1 } from './variations/_view/base.js';
9
10
  import { base as base$3 } from './variations/_disabled/base.js';
@@ -165,6 +166,11 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
165
166
  }
166
167
  setIsInnerOpen(isCalendarOpen);
167
168
  };
169
+ var _useKeyNavigation = useKeyNavigation({
170
+ isCalendarOpen: isInnerOpen,
171
+ onToggle: handleToggle
172
+ }),
173
+ onKeyDown = _useKeyNavigation.onKeyDown;
168
174
  var RangeComponent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledRange, {
169
175
  ref: rangeRef,
170
176
  dividerIcon: dividerIcon,
@@ -208,13 +214,19 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
208
214
  onFocusFirstTextfield: onFocusFirstTextfield,
209
215
  onFocusSecondTextfield: onFocusSecondTextfield,
210
216
  onBlurFirstTextfield: onBlurFirstTextfield,
211
- onBlurSecondTextfield: onBlurSecondTextfield
217
+ onBlurSecondTextfield: onBlurSecondTextfield,
218
+ onKeyDown: onKeyDown
212
219
  }));
213
220
  useEffect(function () {
214
221
  var _rangeRef$current5, _rangeRef$current6;
215
222
  setFirstInputRef((_rangeRef$current5 = rangeRef.current) === null || _rangeRef$current5 === void 0 ? void 0 : _rangeRef$current5.firstTextField());
216
223
  setSecondInputRef((_rangeRef$current6 = rangeRef.current) === null || _rangeRef$current6 === void 0 ? void 0 : _rangeRef$current6.secondTextField());
217
224
  }, [rangeRef.current]);
225
+ useEffect(function () {
226
+ setIsInnerOpen(function (prevOpen) {
227
+ return prevOpen !== isOpen && isOpen;
228
+ });
229
+ }, [isOpen]);
218
230
  return /*#__PURE__*/React.createElement(Root, _extends({
219
231
  ref: rootRef,
220
232
  view: view,
@@ -225,7 +237,7 @@ var datePickerRangeRoot = function datePickerRangeRoot(Root) {
225
237
  }, rest), label && /*#__PURE__*/React.createElement(StyledLabel, null, label), /*#__PURE__*/React.createElement(RangeDatePopover, {
226
238
  calendarValue: [calendarFirstValue, calendarSecondValue],
227
239
  target: RangeComponent,
228
- isOpen: isOpen || isInnerOpen,
240
+ isOpen: isInnerOpen,
229
241
  includeEdgeDates: includeEdgeDates,
230
242
  eventList: eventList,
231
243
  disabledList: disabledList,
@@ -1 +1 @@
1
- {"version":3,"file":"RangeDate.js","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"sourcesContent":["import React, {\n MutableRefObject,\n SyntheticEvent,\n createRef,\n forwardRef,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { cx } from '../../../utils';\nimport { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport type { RangeInputRefs } from '../../Range/Range.types';\nimport { classes } from '../DatePicker.tokens';\n\nimport type { DatePickerRangeProps } from './RangeDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledLabel, StyledRange, base } from './RangeDate.styles';\nimport { RangeDatePopover } from './RangeDatePopover/RangeDatePopover';\n\nexport const datePickerRangeRoot = (\n Root: RootProps<HTMLDivElement, Omit<DatePickerRangeProps, 'isOpen' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n forwardRef<RangeInputRefs, DatePickerRangeProps>(\n (\n {\n className,\n\n isDoubleCalendar = false,\n isOpen = false,\n\n label,\n leftHelper,\n contentLeft,\n contentRight,\n view,\n size,\n readOnly = false,\n disabled = false,\n\n dividerVariant = 'dash',\n dividerIcon,\n\n defaultFirstDate = '',\n defaultSecondDate = '',\n firstValueError,\n secondValueError,\n firstValueSuccess,\n secondValueSuccess,\n firstPlaceholder,\n secondPlaceholder,\n firstTextfieldContentLeft,\n firstTextfieldContentRight,\n secondTextfieldContentLeft,\n secondTextfieldContentRight,\n firstTextfieldTextBefore,\n secondTextfieldTextBefore,\n firstTextfieldTextAfter,\n secondTextfieldTextAfter,\n\n format = 'DD.MM.YYYY',\n maskWithFormat,\n min,\n max,\n includeEdgeDates = false,\n eventList,\n disabledList,\n eventMonthList,\n disabledMonthList,\n eventQuarterList,\n disabledQuarterList,\n eventYearList,\n disabledYearList,\n type = 'Days',\n\n placement = ['top', 'bottom'],\n closeOnOverlayClick = true,\n closeOnEsc = true,\n offset,\n\n onToggle,\n\n onChangeFirstValue,\n onChangeSecondValue,\n\n onCommitFirstDate,\n onCommitSecondDate,\n\n onFocusFirstTextfield,\n onFocusSecondTextfield,\n onBlurFirstTextfield,\n onBlurSecondTextfield,\n\n ...rest\n },\n ref,\n ) => {\n const rangeRef = ref && 'current' in ref ? ref : createRef<RangeInputRefs>();\n const rootRef = useRef<HTMLDivElement | null>(null);\n\n const [firstInputRef, setFirstInputRef] = useState<MutableRefObject<HTMLInputElement | null> | undefined>(\n rangeRef?.current?.firstTextField(),\n );\n const [secondInputRef, setSecondInputRef] = useState<MutableRefObject<HTMLInputElement | null> | undefined>(\n rangeRef?.current?.secondTextField(),\n );\n const [isInnerOpen, setIsInnerOpen] = useState(isOpen);\n\n const [calendarFirstValue, setCalendarFirstValue] = useState(formatCalendarValue(defaultFirstDate, format));\n const [inputFirstValue, setInputFirstValue] = useState(formatInputValue(defaultFirstDate, format));\n\n const [calendarSecondValue, setCalendarSecondValue] = useState(\n formatCalendarValue(defaultSecondDate, format),\n );\n const [inputSecondValue, setInputSecondValue] = useState(formatInputValue(defaultSecondDate, format));\n\n const dateFormatDelimiter = useCallback(() => getDateFormatDelimiter(format), [format]);\n\n const {\n handleChangeValue: handleChangeFirstValue,\n handleCommitDate: handleCommitFirstDate,\n } = useDatePicker({\n currentValue: inputFirstValue,\n setInputValue: setInputFirstValue,\n setCalendarValue: setCalendarFirstValue,\n setIsInnerOpen,\n dateFormatDelimiter,\n format,\n disabled,\n readOnly,\n maskWithFormat,\n valueError: firstValueError,\n valueSuccess: firstValueSuccess,\n inputRef: firstInputRef,\n onChangeValue: onChangeFirstValue,\n onCommitDate: onCommitFirstDate,\n });\n\n const {\n handleChangeValue: handleChangeSecondValue,\n handleCommitDate: handleCommitSecondDate,\n } = useDatePicker({\n currentValue: inputSecondValue,\n setInputValue: setInputSecondValue,\n setCalendarValue: setCalendarSecondValue,\n setIsInnerOpen,\n dateFormatDelimiter,\n format,\n disabled,\n readOnly,\n maskWithFormat,\n valueError: secondValueError,\n valueSuccess: secondValueSuccess,\n inputRef: secondInputRef,\n onChangeValue: onChangeSecondValue,\n onCommitDate: onCommitSecondDate,\n });\n\n const handleToggle = (opened: boolean, event: SyntheticEvent | Event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const isCalendarOpen =\n firstInputRef?.current?.contains((event.target as Node) || null) ||\n secondInputRef?.current?.contains((event.target as Node) || null)\n ? true\n : opened;\n\n if (onToggle) {\n return onToggle(isCalendarOpen, event);\n }\n\n setIsInnerOpen(isCalendarOpen);\n };\n\n const RangeComponent = (\n <>\n {/* TODO https://github.com/salute-developers/plasma/issues/1227\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n //@ts-ignore */}\n <StyledRange\n ref={rangeRef}\n dividerIcon={dividerIcon}\n dividerVariant={dividerVariant}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n firstPlaceholder={firstPlaceholder}\n secondPlaceholder={secondPlaceholder}\n contentLeft={contentLeft}\n contentRight={contentRight}\n firstTextfieldTextBefore={firstTextfieldTextBefore}\n secondTextfieldTextBefore={secondTextfieldTextBefore}\n firstTextfieldTextAfter={firstTextfieldTextAfter}\n secondTextfieldTextAfter={secondTextfieldTextAfter}\n firstTextfieldContentLeft={firstTextfieldContentLeft}\n firstTextfieldContentRight={firstTextfieldContentRight}\n secondTextfieldContentLeft={secondTextfieldContentLeft}\n secondTextfieldContentRight={secondTextfieldContentRight}\n firstValue={inputFirstValue}\n secondValue={inputSecondValue}\n firstValueError={firstValueError}\n secondValueError={secondValueError}\n firstValueSuccess={firstValueSuccess}\n secondValueSuccess={secondValueSuccess}\n onChangeFirstValue={handleChangeFirstValue}\n onChangeSecondValue={handleChangeSecondValue}\n onSearchFirstValue={(_, date) => {\n handleCommitFirstDate(String(date), true, false);\n if (!calendarSecondValue || secondValueError) {\n rangeRef?.current?.secondTextField()?.current?.focus();\n }\n }}\n onSearchSecondValue={(_, date) => {\n handleCommitSecondDate(String(date), true, false);\n if (!calendarFirstValue || firstValueError) {\n rangeRef?.current?.firstTextField()?.current?.focus();\n }\n }}\n onFocusFirstTextfield={onFocusFirstTextfield}\n onFocusSecondTextfield={onFocusSecondTextfield}\n onBlurFirstTextfield={onBlurFirstTextfield}\n onBlurSecondTextfield={onBlurSecondTextfield}\n />\n </>\n );\n\n useEffect(() => {\n setFirstInputRef(rangeRef.current?.firstTextField());\n setSecondInputRef(rangeRef.current?.secondTextField());\n }, [rangeRef.current]);\n\n return (\n <Root\n ref={rootRef}\n view={view}\n size={size}\n className={cx(classes.datePickerRoot, className)}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n {...rest}\n >\n {label && <StyledLabel>{label}</StyledLabel>}\n <RangeDatePopover\n calendarValue={[calendarFirstValue, calendarSecondValue]}\n target={RangeComponent}\n isOpen={isOpen || isInnerOpen}\n includeEdgeDates={includeEdgeDates}\n eventList={eventList}\n disabledList={disabledList}\n eventMonthList={eventMonthList}\n disabledMonthList={disabledMonthList}\n eventQuarterList={eventQuarterList}\n disabledQuarterList={disabledQuarterList}\n eventYearList={eventYearList}\n disabledYearList={disabledYearList}\n min={min}\n max={max}\n placement={placement}\n closeOnOverlayClick={closeOnOverlayClick}\n closeOnEsc={closeOnEsc}\n offset={offset}\n type={type}\n onToggle={handleToggle}\n isDoubleCalendar={isDoubleCalendar}\n onChangeStartOfRange={(firstDate, dateInfo) => {\n handleCommitFirstDate(firstDate, false, true, dateInfo);\n handleCommitSecondDate('');\n }}\n onChangeValue={([firstDate, secondDate], dateInfo) => {\n firstDate && handleCommitFirstDate(firstDate, false, true, dateInfo);\n secondDate && handleCommitSecondDate(secondDate, false, true, dateInfo);\n if (firstDate && secondDate && !firstValueError && !secondValueError) {\n setIsInnerOpen(false);\n }\n }}\n />\n {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const datePickerRangeConfig = {\n name: 'DatePickerRange',\n tag: 'div',\n layout: datePickerRangeRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["datePickerRangeRoot","Root","forwardRef","_ref","ref","_rangeRef$current","_rangeRef$current2","className","_ref$isDoubleCalendar","isDoubleCalendar","_ref$isOpen","isOpen","label","leftHelper","contentLeft","contentRight","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$dividerVariant","dividerVariant","dividerIcon","_ref$defaultFirstDate","defaultFirstDate","_ref$defaultSecondDat","defaultSecondDate","firstValueError","secondValueError","firstValueSuccess","secondValueSuccess","firstPlaceholder","secondPlaceholder","firstTextfieldContentLeft","firstTextfieldContentRight","secondTextfieldContentLeft","secondTextfieldContentRight","firstTextfieldTextBefore","secondTextfieldTextBefore","firstTextfieldTextAfter","secondTextfieldTextAfter","_ref$format","format","maskWithFormat","min","max","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","onToggle","onChangeFirstValue","onChangeSecondValue","onCommitFirstDate","onCommitSecondDate","onFocusFirstTextfield","onFocusSecondTextfield","onBlurFirstTextfield","onBlurSecondTextfield","rest","_objectWithoutProperties","_excluded","rangeRef","createRef","rootRef","useRef","_useState","useState","current","firstTextField","_useState2","_slicedToArray","firstInputRef","setFirstInputRef","_useState3","secondTextField","_useState4","secondInputRef","setSecondInputRef","_useState5","_useState6","isInnerOpen","setIsInnerOpen","_useState7","formatCalendarValue","_useState8","calendarFirstValue","setCalendarFirstValue","_useState9","formatInputValue","_useState10","inputFirstValue","setInputFirstValue","_useState11","_useState12","calendarSecondValue","setCalendarSecondValue","_useState13","_useState14","inputSecondValue","setInputSecondValue","dateFormatDelimiter","useCallback","getDateFormatDelimiter","_useDatePicker","useDatePicker","currentValue","setInputValue","setCalendarValue","valueError","valueSuccess","inputRef","onChangeValue","onCommitDate","handleChangeFirstValue","handleChangeValue","handleCommitFirstDate","handleCommitDate","_useDatePicker2","handleChangeSecondValue","handleCommitSecondDate","handleToggle","opened","event","_firstInputRef$curren","_secondInputRef$curre","isCalendarOpen","contains","target","RangeComponent","React","createElement","Fragment","StyledRange","firstValue","secondValue","onSearchFirstValue","_","date","String","_rangeRef$current3","focus","onSearchSecondValue","_rangeRef$current4","useEffect","_rangeRef$current5","_rangeRef$current6","_extends","cx","classes","datePickerRoot","StyledLabel","RangeDatePopover","calendarValue","onChangeStartOfRange","firstDate","dateInfo","_ref2","_ref3","secondDate","LeftHelper","datePickerRangeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"RangeDate.js","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"sourcesContent":["import React, {\n MutableRefObject,\n SyntheticEvent,\n createRef,\n forwardRef,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { cx } from '../../../utils';\nimport { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport type { RangeInputRefs } from '../../Range/Range.types';\nimport { classes } from '../DatePicker.tokens';\nimport { useKeyNavigation } from '../hooks/useKeyboardNavigation';\n\nimport type { DatePickerRangeProps } from './RangeDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledLabel, StyledRange, base } from './RangeDate.styles';\nimport { RangeDatePopover } from './RangeDatePopover/RangeDatePopover';\n\nexport const datePickerRangeRoot = (\n Root: RootProps<HTMLDivElement, Omit<DatePickerRangeProps, 'isOpen' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n forwardRef<RangeInputRefs, DatePickerRangeProps>(\n (\n {\n className,\n\n isDoubleCalendar = false,\n isOpen = false,\n\n label,\n leftHelper,\n contentLeft,\n contentRight,\n view,\n size,\n readOnly = false,\n disabled = false,\n\n dividerVariant = 'dash',\n dividerIcon,\n\n defaultFirstDate = '',\n defaultSecondDate = '',\n firstValueError,\n secondValueError,\n firstValueSuccess,\n secondValueSuccess,\n firstPlaceholder,\n secondPlaceholder,\n firstTextfieldContentLeft,\n firstTextfieldContentRight,\n secondTextfieldContentLeft,\n secondTextfieldContentRight,\n firstTextfieldTextBefore,\n secondTextfieldTextBefore,\n firstTextfieldTextAfter,\n secondTextfieldTextAfter,\n\n format = 'DD.MM.YYYY',\n maskWithFormat,\n min,\n max,\n includeEdgeDates = false,\n eventList,\n disabledList,\n eventMonthList,\n disabledMonthList,\n eventQuarterList,\n disabledQuarterList,\n eventYearList,\n disabledYearList,\n type = 'Days',\n\n placement = ['top', 'bottom'],\n closeOnOverlayClick = true,\n closeOnEsc = true,\n offset,\n\n onToggle,\n\n onChangeFirstValue,\n onChangeSecondValue,\n\n onCommitFirstDate,\n onCommitSecondDate,\n\n onFocusFirstTextfield,\n onFocusSecondTextfield,\n onBlurFirstTextfield,\n onBlurSecondTextfield,\n\n ...rest\n },\n ref,\n ) => {\n const rangeRef = ref && 'current' in ref ? ref : createRef<RangeInputRefs>();\n const rootRef = useRef<HTMLDivElement | null>(null);\n\n const [firstInputRef, setFirstInputRef] = useState<MutableRefObject<HTMLInputElement | null> | undefined>(\n rangeRef?.current?.firstTextField(),\n );\n const [secondInputRef, setSecondInputRef] = useState<MutableRefObject<HTMLInputElement | null> | undefined>(\n rangeRef?.current?.secondTextField(),\n );\n const [isInnerOpen, setIsInnerOpen] = useState(isOpen);\n\n const [calendarFirstValue, setCalendarFirstValue] = useState(formatCalendarValue(defaultFirstDate, format));\n const [inputFirstValue, setInputFirstValue] = useState(formatInputValue(defaultFirstDate, format));\n\n const [calendarSecondValue, setCalendarSecondValue] = useState(\n formatCalendarValue(defaultSecondDate, format),\n );\n const [inputSecondValue, setInputSecondValue] = useState(formatInputValue(defaultSecondDate, format));\n\n const dateFormatDelimiter = useCallback(() => getDateFormatDelimiter(format), [format]);\n\n const {\n handleChangeValue: handleChangeFirstValue,\n handleCommitDate: handleCommitFirstDate,\n } = useDatePicker({\n currentValue: inputFirstValue,\n setInputValue: setInputFirstValue,\n setCalendarValue: setCalendarFirstValue,\n setIsInnerOpen,\n dateFormatDelimiter,\n format,\n disabled,\n readOnly,\n maskWithFormat,\n valueError: firstValueError,\n valueSuccess: firstValueSuccess,\n inputRef: firstInputRef,\n onChangeValue: onChangeFirstValue,\n onCommitDate: onCommitFirstDate,\n });\n\n const {\n handleChangeValue: handleChangeSecondValue,\n handleCommitDate: handleCommitSecondDate,\n } = useDatePicker({\n currentValue: inputSecondValue,\n setInputValue: setInputSecondValue,\n setCalendarValue: setCalendarSecondValue,\n setIsInnerOpen,\n dateFormatDelimiter,\n format,\n disabled,\n readOnly,\n maskWithFormat,\n valueError: secondValueError,\n valueSuccess: secondValueSuccess,\n inputRef: secondInputRef,\n onChangeValue: onChangeSecondValue,\n onCommitDate: onCommitSecondDate,\n });\n\n const handleToggle = (opened: boolean, event: SyntheticEvent | Event) => {\n if (disabled || readOnly) {\n return;\n }\n\n const isCalendarOpen =\n firstInputRef?.current?.contains((event.target as Node) || null) ||\n secondInputRef?.current?.contains((event.target as Node) || null)\n ? true\n : opened;\n\n if (onToggle) {\n return onToggle(isCalendarOpen, event);\n }\n\n setIsInnerOpen(isCalendarOpen);\n };\n\n const { onKeyDown } = useKeyNavigation({\n isCalendarOpen: isInnerOpen,\n onToggle: handleToggle,\n });\n\n const RangeComponent = (\n <>\n {/* TODO https://github.com/salute-developers/plasma/issues/1227\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n //@ts-ignore */}\n <StyledRange\n ref={rangeRef}\n dividerIcon={dividerIcon}\n dividerVariant={dividerVariant}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n firstPlaceholder={firstPlaceholder}\n secondPlaceholder={secondPlaceholder}\n contentLeft={contentLeft}\n contentRight={contentRight}\n firstTextfieldTextBefore={firstTextfieldTextBefore}\n secondTextfieldTextBefore={secondTextfieldTextBefore}\n firstTextfieldTextAfter={firstTextfieldTextAfter}\n secondTextfieldTextAfter={secondTextfieldTextAfter}\n firstTextfieldContentLeft={firstTextfieldContentLeft}\n firstTextfieldContentRight={firstTextfieldContentRight}\n secondTextfieldContentLeft={secondTextfieldContentLeft}\n secondTextfieldContentRight={secondTextfieldContentRight}\n firstValue={inputFirstValue}\n secondValue={inputSecondValue}\n firstValueError={firstValueError}\n secondValueError={secondValueError}\n firstValueSuccess={firstValueSuccess}\n secondValueSuccess={secondValueSuccess}\n onChangeFirstValue={handleChangeFirstValue}\n onChangeSecondValue={handleChangeSecondValue}\n onSearchFirstValue={(_, date) => {\n handleCommitFirstDate(String(date), true, false);\n if (!calendarSecondValue || secondValueError) {\n rangeRef?.current?.secondTextField()?.current?.focus();\n }\n }}\n onSearchSecondValue={(_, date) => {\n handleCommitSecondDate(String(date), true, false);\n if (!calendarFirstValue || firstValueError) {\n rangeRef?.current?.firstTextField()?.current?.focus();\n }\n }}\n onFocusFirstTextfield={onFocusFirstTextfield}\n onFocusSecondTextfield={onFocusSecondTextfield}\n onBlurFirstTextfield={onBlurFirstTextfield}\n onBlurSecondTextfield={onBlurSecondTextfield}\n onKeyDown={onKeyDown}\n />\n </>\n );\n\n useEffect(() => {\n setFirstInputRef(rangeRef.current?.firstTextField());\n setSecondInputRef(rangeRef.current?.secondTextField());\n }, [rangeRef.current]);\n\n useEffect(() => {\n setIsInnerOpen((prevOpen) => prevOpen !== isOpen && isOpen);\n }, [isOpen]);\n\n return (\n <Root\n ref={rootRef}\n view={view}\n size={size}\n className={cx(classes.datePickerRoot, className)}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n {...rest}\n >\n {label && <StyledLabel>{label}</StyledLabel>}\n <RangeDatePopover\n calendarValue={[calendarFirstValue, calendarSecondValue]}\n target={RangeComponent}\n isOpen={isInnerOpen}\n includeEdgeDates={includeEdgeDates}\n eventList={eventList}\n disabledList={disabledList}\n eventMonthList={eventMonthList}\n disabledMonthList={disabledMonthList}\n eventQuarterList={eventQuarterList}\n disabledQuarterList={disabledQuarterList}\n eventYearList={eventYearList}\n disabledYearList={disabledYearList}\n min={min}\n max={max}\n placement={placement}\n closeOnOverlayClick={closeOnOverlayClick}\n closeOnEsc={closeOnEsc}\n offset={offset}\n type={type}\n onToggle={handleToggle}\n isDoubleCalendar={isDoubleCalendar}\n onChangeStartOfRange={(firstDate, dateInfo) => {\n handleCommitFirstDate(firstDate, false, true, dateInfo);\n handleCommitSecondDate('');\n }}\n onChangeValue={([firstDate, secondDate], dateInfo) => {\n firstDate && handleCommitFirstDate(firstDate, false, true, dateInfo);\n secondDate && handleCommitSecondDate(secondDate, false, true, dateInfo);\n if (firstDate && secondDate && !firstValueError && !secondValueError) {\n setIsInnerOpen(false);\n }\n }}\n />\n {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const datePickerRangeConfig = {\n name: 'DatePickerRange',\n tag: 'div',\n layout: datePickerRangeRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["datePickerRangeRoot","Root","forwardRef","_ref","ref","_rangeRef$current","_rangeRef$current2","className","_ref$isDoubleCalendar","isDoubleCalendar","_ref$isOpen","isOpen","label","leftHelper","contentLeft","contentRight","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$dividerVariant","dividerVariant","dividerIcon","_ref$defaultFirstDate","defaultFirstDate","_ref$defaultSecondDat","defaultSecondDate","firstValueError","secondValueError","firstValueSuccess","secondValueSuccess","firstPlaceholder","secondPlaceholder","firstTextfieldContentLeft","firstTextfieldContentRight","secondTextfieldContentLeft","secondTextfieldContentRight","firstTextfieldTextBefore","secondTextfieldTextBefore","firstTextfieldTextAfter","secondTextfieldTextAfter","_ref$format","format","maskWithFormat","min","max","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","_ref$closeOnEsc","closeOnEsc","offset","onToggle","onChangeFirstValue","onChangeSecondValue","onCommitFirstDate","onCommitSecondDate","onFocusFirstTextfield","onFocusSecondTextfield","onBlurFirstTextfield","onBlurSecondTextfield","rest","_objectWithoutProperties","_excluded","rangeRef","createRef","rootRef","useRef","_useState","useState","current","firstTextField","_useState2","_slicedToArray","firstInputRef","setFirstInputRef","_useState3","secondTextField","_useState4","secondInputRef","setSecondInputRef","_useState5","_useState6","isInnerOpen","setIsInnerOpen","_useState7","formatCalendarValue","_useState8","calendarFirstValue","setCalendarFirstValue","_useState9","formatInputValue","_useState10","inputFirstValue","setInputFirstValue","_useState11","_useState12","calendarSecondValue","setCalendarSecondValue","_useState13","_useState14","inputSecondValue","setInputSecondValue","dateFormatDelimiter","useCallback","getDateFormatDelimiter","_useDatePicker","useDatePicker","currentValue","setInputValue","setCalendarValue","valueError","valueSuccess","inputRef","onChangeValue","onCommitDate","handleChangeFirstValue","handleChangeValue","handleCommitFirstDate","handleCommitDate","_useDatePicker2","handleChangeSecondValue","handleCommitSecondDate","handleToggle","opened","event","_firstInputRef$curren","_secondInputRef$curre","isCalendarOpen","contains","target","_useKeyNavigation","useKeyNavigation","onKeyDown","RangeComponent","React","createElement","Fragment","StyledRange","firstValue","secondValue","onSearchFirstValue","_","date","String","_rangeRef$current3","focus","onSearchSecondValue","_rangeRef$current4","useEffect","_rangeRef$current5","_rangeRef$current6","prevOpen","_extends","cx","classes","datePickerRoot","StyledLabel","RangeDatePopover","calendarValue","onChangeStartOfRange","firstDate","dateInfo","_ref2","_ref3","secondDate","LeftHelper","datePickerRangeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
@@ -1,10 +1,11 @@
1
1
  import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React, { forwardRef, useRef, useState, useCallback } from 'react';
2
+ import React, { forwardRef, useRef, useState, useCallback, useEffect } from 'react';
3
3
  import { cx } from '../../../utils/index.js';
4
4
  import { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper.js';
5
5
  import { useDatePicker } from '../hooks/useDatePicker.js';
6
6
  import { classes } from '../DatePicker.tokens.js';
7
7
  import { StyledCalendar } from '../DatePickerBase.styles.js';
8
+ import { useKeyNavigation } from '../hooks/useKeyboardNavigation.js';
8
9
  import { base as base$2 } from './variations/_size/base.js';
9
10
  import { base as base$1 } from './variations/_view/base.js';
10
11
  import { base as base$3 } from './variations/_disabled/base.js';
@@ -101,6 +102,11 @@ var datePickerRoot = function datePickerRoot(Root) {
101
102
  handleToggle = _useDatePicker.handleToggle,
102
103
  handleChangeValue = _useDatePicker.handleChangeValue,
103
104
  handleCommitDate = _useDatePicker.handleCommitDate;
105
+ var _useKeyNavigation = useKeyNavigation({
106
+ isCalendarOpen: isInnerOpen,
107
+ onToggle: handleToggle
108
+ }),
109
+ onKeyDown = _useKeyNavigation.onKeyDown;
104
110
  var DatePickerInput = /*#__PURE__*/React.createElement(StyledInput, {
105
111
  ref: inputRef,
106
112
  className: cx(datePickerErrorClass, datePickerSuccessClass),
@@ -117,8 +123,14 @@ var datePickerRoot = function datePickerRoot(Root) {
117
123
  return handleCommitDate(date, true, false);
118
124
  },
119
125
  onFocus: onFocus,
120
- onBlur: onBlur
126
+ onBlur: onBlur,
127
+ onKeyDown: onKeyDown
121
128
  });
129
+ useEffect(function () {
130
+ setIsInnerOpen(function (prevOpen) {
131
+ return prevOpen !== isOpen && isOpen;
132
+ });
133
+ }, [isOpen]);
122
134
  return /*#__PURE__*/React.createElement(Root, _extends({
123
135
  view: view,
124
136
  size: size,
@@ -127,7 +139,7 @@ var datePickerRoot = function datePickerRoot(Root) {
127
139
  readOnly: !disabled && readOnly,
128
140
  ref: ref
129
141
  }, rest), label && /*#__PURE__*/React.createElement(StyledLabel, null, label), /*#__PURE__*/React.createElement(StyledPopover, {
130
- isOpen: isOpen || isInnerOpen,
142
+ isOpen: isInnerOpen,
131
143
  usePortal: false,
132
144
  onToggle: handleToggle,
133
145
  offset: offset,
@@ -1 +1 @@
1
- {"version":3,"file":"SingleDate.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef, useState } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { cx, getPlacements } from '../../../utils';\nimport { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport { classes } from '../DatePicker.tokens';\nimport { StyledCalendar } from '../DatePickerBase.styles';\n\nimport type { DatePickerProps } from './SingleDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledInput, StyledLabel, StyledPopover, base } from './SingleDate.styles';\n\nexport const datePickerRoot = (\n Root: RootProps<HTMLDivElement, Omit<DatePickerProps, 'isOpen' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n forwardRef<HTMLInputElement, DatePickerProps>(\n (\n {\n className,\n isOpen = false,\n\n label,\n placeholder,\n leftHelper,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n view,\n size,\n readOnly = false,\n disabled = false,\n\n defaultDate = '',\n valueError,\n valueSuccess,\n format = 'DD.MM.YYYY',\n maskWithFormat,\n min,\n max,\n includeEdgeDates = false,\n eventList,\n disabledList,\n eventMonthList,\n disabledMonthList,\n eventQuarterList,\n disabledQuarterList,\n eventYearList,\n disabledYearList,\n type = 'Days',\n\n placement = ['top', 'bottom'],\n closeOnOverlayClick = true,\n offset,\n\n onChangeValue,\n onCommitDate,\n onToggle,\n onFocus,\n onBlur,\n\n ...rest\n },\n ref,\n ) => {\n const inputRef = useRef<HTMLInputElement | null>(null);\n const [isInnerOpen, setIsInnerOpen] = useState(isOpen);\n\n const [calendarValue, setCalendarValue] = useState(formatCalendarValue(defaultDate, format));\n const [inputValue, setInputValue] = useState(formatInputValue(defaultDate, format));\n\n const dateFormatDelimiter = useCallback(() => getDateFormatDelimiter(format), [format]);\n\n const {\n datePickerErrorClass,\n datePickerSuccessClass,\n handleToggle,\n handleChangeValue,\n handleCommitDate,\n } = useDatePicker({\n currentValue: inputValue,\n setInputValue,\n setCalendarValue,\n setIsInnerOpen,\n dateFormatDelimiter,\n format,\n disabled,\n readOnly,\n maskWithFormat,\n valueError,\n valueSuccess,\n inputRef,\n onToggle,\n onChangeValue,\n onCommitDate,\n });\n\n const DatePickerInput = (\n <StyledInput\n ref={inputRef}\n className={cx(datePickerErrorClass, datePickerSuccessClass)}\n value={inputValue}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={placeholder}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onChange={handleChangeValue}\n onSearch={(date) => handleCommitDate(date, true, false)}\n onFocus={onFocus}\n onBlur={onBlur}\n />\n );\n\n return (\n <Root\n view={view}\n size={size}\n className={cx(classes.datePickerRoot, className)}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n ref={ref}\n {...rest}\n >\n {label && <StyledLabel>{label}</StyledLabel>}\n <StyledPopover\n isOpen={isOpen || isInnerOpen}\n usePortal={false}\n onToggle={handleToggle}\n offset={offset}\n placement={getPlacements(placement)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={DatePickerInput}\n preventOverflow={false}\n >\n <StyledCalendar\n size={size}\n value={calendarValue}\n type={type}\n eventList={eventList}\n disabledList={disabledList}\n eventMonthList={eventMonthList}\n disabledMonthList={disabledMonthList}\n eventQuarterList={eventQuarterList}\n disabledQuarterList={disabledQuarterList}\n eventYearList={eventYearList}\n disabledYearList={disabledYearList}\n min={min}\n max={max}\n includeEdgeDates={includeEdgeDates}\n isRange={false}\n onChangeValue={(date, dateInfo) => handleCommitDate(date, false, true, dateInfo)}\n />\n </StyledPopover>\n {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const datePickerConfig = {\n name: 'DatePicker',\n tag: 'div',\n layout: datePickerRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["datePickerRoot","Root","forwardRef","_ref","ref","className","_ref$isOpen","isOpen","label","placeholder","leftHelper","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$defaultDate","defaultDate","valueError","valueSuccess","_ref$format","format","maskWithFormat","min","max","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","offset","onChangeValue","onCommitDate","onToggle","onFocus","onBlur","rest","_objectWithoutProperties","_excluded","inputRef","useRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","formatCalendarValue","_useState4","calendarValue","setCalendarValue","_useState5","formatInputValue","_useState6","inputValue","setInputValue","dateFormatDelimiter","useCallback","getDateFormatDelimiter","_useDatePicker","useDatePicker","currentValue","datePickerErrorClass","datePickerSuccessClass","handleToggle","handleChangeValue","handleCommitDate","DatePickerInput","React","createElement","StyledInput","cx","value","onChange","onSearch","date","_extends","classes","StyledLabel","StyledPopover","usePortal","getPlacements","trigger","isFocusTrapped","target","preventOverflow","StyledCalendar","isRange","dateInfo","LeftHelper","datePickerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
1
+ {"version":3,"file":"SingleDate.js","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { RootProps } from '../../../engines';\nimport { cx, getPlacements } from '../../../utils';\nimport { formatCalendarValue, formatInputValue, getDateFormatDelimiter } from '../utils/dateHelper';\nimport { useDatePicker } from '../hooks/useDatePicker';\nimport { classes } from '../DatePicker.tokens';\nimport { StyledCalendar } from '../DatePickerBase.styles';\nimport { useKeyNavigation } from '../hooks/useKeyboardNavigation';\n\nimport type { DatePickerProps } from './SingleDate.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readOnlyCSS } from './variations/_readonly/base';\nimport { LeftHelper, StyledInput, StyledLabel, StyledPopover, base } from './SingleDate.styles';\n\nexport const datePickerRoot = (\n Root: RootProps<HTMLDivElement, Omit<DatePickerProps, 'isOpen' | 'defaultValue' | 'onChangeValue'>>,\n) =>\n forwardRef<HTMLInputElement, DatePickerProps>(\n (\n {\n className,\n isOpen = false,\n\n label,\n placeholder,\n leftHelper,\n contentLeft,\n contentRight,\n textBefore,\n textAfter,\n view,\n size,\n readOnly = false,\n disabled = false,\n\n defaultDate = '',\n valueError,\n valueSuccess,\n format = 'DD.MM.YYYY',\n maskWithFormat,\n min,\n max,\n includeEdgeDates = false,\n eventList,\n disabledList,\n eventMonthList,\n disabledMonthList,\n eventQuarterList,\n disabledQuarterList,\n eventYearList,\n disabledYearList,\n type = 'Days',\n\n placement = ['top', 'bottom'],\n closeOnOverlayClick = true,\n offset,\n\n onChangeValue,\n onCommitDate,\n onToggle,\n onFocus,\n onBlur,\n\n ...rest\n },\n ref,\n ) => {\n const inputRef = useRef<HTMLInputElement | null>(null);\n const [isInnerOpen, setIsInnerOpen] = useState(isOpen);\n\n const [calendarValue, setCalendarValue] = useState(formatCalendarValue(defaultDate, format));\n const [inputValue, setInputValue] = useState(formatInputValue(defaultDate, format));\n\n const dateFormatDelimiter = useCallback(() => getDateFormatDelimiter(format), [format]);\n\n const {\n datePickerErrorClass,\n datePickerSuccessClass,\n handleToggle,\n handleChangeValue,\n handleCommitDate,\n } = useDatePicker({\n currentValue: inputValue,\n setInputValue,\n setCalendarValue,\n setIsInnerOpen,\n dateFormatDelimiter,\n format,\n disabled,\n readOnly,\n maskWithFormat,\n valueError,\n valueSuccess,\n inputRef,\n onToggle,\n onChangeValue,\n onCommitDate,\n });\n\n const { onKeyDown } = useKeyNavigation({\n isCalendarOpen: isInnerOpen,\n onToggle: handleToggle,\n });\n\n const DatePickerInput = (\n <StyledInput\n ref={inputRef}\n className={cx(datePickerErrorClass, datePickerSuccessClass)}\n value={inputValue}\n readOnly={readOnly}\n disabled={disabled}\n placeholder={placeholder}\n contentLeft={contentLeft}\n contentRight={contentRight}\n textBefore={textBefore}\n textAfter={textAfter}\n onChange={handleChangeValue}\n onSearch={(date) => handleCommitDate(date, true, false)}\n onFocus={onFocus}\n onBlur={onBlur}\n onKeyDown={onKeyDown}\n />\n );\n\n useEffect(() => {\n setIsInnerOpen((prevOpen) => prevOpen !== isOpen && isOpen);\n }, [isOpen]);\n\n return (\n <Root\n view={view}\n size={size}\n className={cx(classes.datePickerRoot, className)}\n disabled={disabled}\n readOnly={!disabled && readOnly}\n ref={ref}\n {...rest}\n >\n {label && <StyledLabel>{label}</StyledLabel>}\n <StyledPopover\n isOpen={isInnerOpen}\n usePortal={false}\n onToggle={handleToggle}\n offset={offset}\n placement={getPlacements(placement)}\n trigger=\"click\"\n closeOnOverlayClick={closeOnOverlayClick}\n isFocusTrapped={false}\n target={DatePickerInput}\n preventOverflow={false}\n >\n <StyledCalendar\n size={size}\n value={calendarValue}\n type={type}\n eventList={eventList}\n disabledList={disabledList}\n eventMonthList={eventMonthList}\n disabledMonthList={disabledMonthList}\n eventQuarterList={eventQuarterList}\n disabledQuarterList={disabledQuarterList}\n eventYearList={eventYearList}\n disabledYearList={disabledYearList}\n min={min}\n max={max}\n includeEdgeDates={includeEdgeDates}\n isRange={false}\n onChangeValue={(date, dateInfo) => handleCommitDate(date, false, true, dateInfo)}\n />\n </StyledPopover>\n {leftHelper && <LeftHelper>{leftHelper}</LeftHelper>}\n </Root>\n );\n },\n );\n\nexport const datePickerConfig = {\n name: 'DatePicker',\n tag: 'div',\n layout: datePickerRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n readOnly: {\n css: readOnlyCSS,\n attrs: true,\n },\n },\n defaults: {\n size: 'm',\n view: 'default',\n },\n};\n"],"names":["datePickerRoot","Root","forwardRef","_ref","ref","className","_ref$isOpen","isOpen","label","placeholder","leftHelper","contentLeft","contentRight","textBefore","textAfter","view","size","_ref$readOnly","readOnly","_ref$disabled","disabled","_ref$defaultDate","defaultDate","valueError","valueSuccess","_ref$format","format","maskWithFormat","min","max","_ref$includeEdgeDates","includeEdgeDates","eventList","disabledList","eventMonthList","disabledMonthList","eventQuarterList","disabledQuarterList","eventYearList","disabledYearList","_ref$type","type","_ref$placement","placement","_ref$closeOnOverlayCl","closeOnOverlayClick","offset","onChangeValue","onCommitDate","onToggle","onFocus","onBlur","rest","_objectWithoutProperties","_excluded","inputRef","useRef","_useState","useState","_useState2","_slicedToArray","isInnerOpen","setIsInnerOpen","_useState3","formatCalendarValue","_useState4","calendarValue","setCalendarValue","_useState5","formatInputValue","_useState6","inputValue","setInputValue","dateFormatDelimiter","useCallback","getDateFormatDelimiter","_useDatePicker","useDatePicker","currentValue","datePickerErrorClass","datePickerSuccessClass","handleToggle","handleChangeValue","handleCommitDate","_useKeyNavigation","useKeyNavigation","isCalendarOpen","onKeyDown","DatePickerInput","React","createElement","StyledInput","cx","value","onChange","onSearch","date","useEffect","prevOpen","_extends","classes","StyledLabel","StyledPopover","usePortal","getPlacements","trigger","isFocusTrapped","target","preventOverflow","StyledCalendar","isRange","dateInfo","LeftHelper","datePickerConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","readOnlyCSS","defaults"],"mappings":"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"}
@@ -0,0 +1,25 @@
1
+ var keys = {
2
+ Space: 'Space'
3
+ };
4
+ var useKeyNavigation = function useKeyNavigation(_ref) {
5
+ var isCalendarOpen = _ref.isCalendarOpen,
6
+ onToggle = _ref.onToggle;
7
+ var onKeyDown = function onKeyDown(event) {
8
+ switch (event.code) {
9
+ case keys.Space:
10
+ {
11
+ if (!isCalendarOpen) {
12
+ event.preventDefault();
13
+ onToggle(true, event);
14
+ }
15
+ break;
16
+ }
17
+ }
18
+ };
19
+ return {
20
+ onKeyDown: onKeyDown
21
+ };
22
+ };
23
+
24
+ export { keys, useKeyNavigation };
25
+ //# sourceMappingURL=useKeyboardNavigation.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../src/components/DatePicker/hooks/useKeyboardNavigation.ts"],"sourcesContent":["import type { ChangeEvent, KeyboardEvent, SyntheticEvent } from 'react';\n\ninterface Props {\n isCalendarOpen: boolean;\n onToggle: (isOpen: boolean, event: SyntheticEvent | Event) => void;\n}\n\nexport const keys = {\n Space: 'Space',\n};\n\nexport const useKeyNavigation = ({ isCalendarOpen, onToggle }: Props) => {\n const onKeyDown = (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => {\n switch (event.code) {\n case keys.Space: {\n if (!isCalendarOpen) {\n event.preventDefault();\n onToggle(true, event);\n }\n break;\n }\n\n default: {\n break;\n }\n }\n };\n\n return { onKeyDown };\n};\n"],"names":["keys","Space","useKeyNavigation","_ref","isCalendarOpen","onToggle","onKeyDown","event","code","preventDefault"],"mappings":"AAOO,IAAMA,IAAI,GAAG;AAChBC,EAAAA,KAAK,EAAE,OAAA;AACX,EAAC;IAEYC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAAC,IAAA,EAA4C;AAAA,EAAA,IAAtCC,cAAc,GAAAD,IAAA,CAAdC,cAAc;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ,CAAA;AACvD,EAAA,IAAMC,SAAS,GAAG,SAAZA,SAASA,CAAIC,KAAsE,EAAK;IAC1F,QAAQA,KAAK,CAACC,IAAI;MACd,KAAKR,IAAI,CAACC,KAAK;AAAE,QAAA;UACb,IAAI,CAACG,cAAc,EAAE;YACjBG,KAAK,CAACE,cAAc,EAAE,CAAA;AACtBJ,YAAAA,QAAQ,CAAC,IAAI,EAAEE,KAAK,CAAC,CAAA;AACzB,WAAA;AACA,UAAA,MAAA;AACJ,SAAA;AAKJ,KAAA;GACH,CAAA;EAED,OAAO;AAAED,IAAAA,SAAS,EAATA,SAAAA;GAAW,CAAA;AACxB;;;;"}
package/es/index.css CHANGED
@@ -33,10 +33,6 @@
33
33
 
34
34
  .ButtonGroup_styles_92nbdg_b181uun8__0ffde6c1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
35
35
 
36
- .Breadcrumbs_styles_1troyzr_shehk3i__0db10aef{opacity:var(--shehk3i-0);position:relative;}.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef::before{content:'';position:absolute;top:0rem;left:0rem;right:0rem;bottom:0rem;z-index:1;display:block;box-sizing:content-box;border:0.125rem solid transparent;border-radius:0rem;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef.Breadcrumbs_styles_1troyzr_focusVisible__0db10aef:focus::before,.Breadcrumbs_styles_1troyzr_shehk3i__0db10aef[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
37
- .Breadcrumbs_styles_1troyzr_bkgt5xr__0db10aef{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:var(--plasma-breadcrumbs-gap);color:var(--plasma-breadcrumbs-color);font-family:var(--plasma-breadcrumbs-font-family);font-size:var(--plasma-breadcrumbs-font-size);font-weight:var(--plasma-breadcrumbs-font-weight);font-style:var(--plasma-breadcrumbs-font-style);-webkit-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-moz-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);-ms-letter-spacing:var(--plasma-breadcrumbs-letter-spacing);letter-spacing:var(--plasma-breadcrumbs-letter-spacing);line-height:var(--plasma-breadcrumbs-line-height);}
38
- .Breadcrumbs_styles_1troyzr_sajtslk__0db10aef{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}
39
-
40
36
  .IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}
41
37
 
42
38
  .base_1lwlv7t_b13tc97x__334a4e59{color:var(--plasma-chip-color);background-color:var(--plasma-chip-background);}.base_1lwlv7t_b13tc97x__334a4e59:hover{color:var(--plasma-chip-color-hover);background-color:var(--plasma-chip-background-hover);scale:var(--plasma-chip-scale-hover);}.base_1lwlv7t_b13tc97x__334a4e59:active{color:var(--plasma-chip-color-active);background-color:var(--plasma-chip-background-active);scale:var(--plasma-chip-scale-active);}
package/es/index.js CHANGED
@@ -23,8 +23,6 @@ export { iconButtonConfig, iconButtonRoot } from './components/IconButton/IconBu
23
23
  export { tokens as iconButtonTokens } from './components/IconButton/IconButton.tokens.js';
24
24
  export { buttonGroupConfig, buttonGroupRoot } from './components/ButtonGroup/ButtonGroup.js';
25
25
  export { classes as buttonGroupClasses, tokens as buttonGroupTokens } from './components/ButtonGroup/ButtonGroup.tokens.js';
26
- export { breadcrumbsConfig, breadcrumbsRoot } from './components/Breadcrumbs/Breadcrumbs.js';
27
- export { classes as breadcrumbsClasses, tokens as breadcrumbsTokens } from './components/Breadcrumbs/Breadcrumbs.tokens.js';
28
26
  export { chipConfig, chipRoot } from './components/Chip/Chip.js';
29
27
  export { tokens as chipTokens } from './components/Chip/Chip.tokens.js';
30
28
  export { CellTextboxLabel } from './components/Cell/ui/CellTextboxLabel/CellTextboxLabel.js';
package/es/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.113.0-canary.1310.10143188146.0",
3
+ "version": "0.113.0-canary.1326.10144080025.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -118,5 +118,5 @@
118
118
  "react-popper": "2.3.0",
119
119
  "storeon": "3.1.5"
120
120
  },
121
- "gitHead": "34bb88ec03a38344d3b0d5f3c0e336f299453f3e"
121
+ "gitHead": "6fb417024fc403552cdd6c22edb34e4d8104351f"
122
122
  }
@@ -10,6 +10,7 @@ var _utils = /*#__PURE__*/require("../../../utils");
10
10
  var _dateHelper = /*#__PURE__*/require("../utils/dateHelper");
11
11
  var _useDatePicker3 = /*#__PURE__*/require("../hooks/useDatePicker");
12
12
  var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
13
+ var _useKeyboardNavigation = /*#__PURE__*/require("../hooks/useKeyboardNavigation");
13
14
  var _base = /*#__PURE__*/require("./variations/_size/base");
14
15
  var _base2 = /*#__PURE__*/require("./variations/_view/base");
15
16
  var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
@@ -181,6 +182,11 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
181
182
  }
182
183
  setIsInnerOpen(isCalendarOpen);
183
184
  };
185
+ var _useKeyNavigation = (0, _useKeyboardNavigation.useKeyNavigation)({
186
+ isCalendarOpen: isInnerOpen,
187
+ onToggle: handleToggle
188
+ }),
189
+ onKeyDown = _useKeyNavigation.onKeyDown;
184
190
  var RangeComponent = /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledRange, {
185
191
  ref: rangeRef,
186
192
  dividerIcon: dividerIcon,
@@ -224,13 +230,19 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
224
230
  onFocusFirstTextfield: onFocusFirstTextfield,
225
231
  onFocusSecondTextfield: onFocusSecondTextfield,
226
232
  onBlurFirstTextfield: onBlurFirstTextfield,
227
- onBlurSecondTextfield: onBlurSecondTextfield
233
+ onBlurSecondTextfield: onBlurSecondTextfield,
234
+ onKeyDown: onKeyDown
228
235
  }));
229
236
  (0, _react.useEffect)(function () {
230
237
  var _rangeRef$current5, _rangeRef$current6;
231
238
  setFirstInputRef((_rangeRef$current5 = rangeRef.current) === null || _rangeRef$current5 === void 0 ? void 0 : _rangeRef$current5.firstTextField());
232
239
  setSecondInputRef((_rangeRef$current6 = rangeRef.current) === null || _rangeRef$current6 === void 0 ? void 0 : _rangeRef$current6.secondTextField());
233
240
  }, [rangeRef.current]);
241
+ (0, _react.useEffect)(function () {
242
+ setIsInnerOpen(function (prevOpen) {
243
+ return prevOpen !== isOpen && isOpen;
244
+ });
245
+ }, [isOpen]);
234
246
  return /*#__PURE__*/_react["default"].createElement(Root, _extends({
235
247
  ref: rootRef,
236
248
  view: view,
@@ -241,7 +253,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
241
253
  }, rest), label && /*#__PURE__*/_react["default"].createElement(_RangeDate.StyledLabel, null, label), /*#__PURE__*/_react["default"].createElement(_RangeDatePopover.RangeDatePopover, {
242
254
  calendarValue: [calendarFirstValue, calendarSecondValue],
243
255
  target: RangeComponent,
244
- isOpen: isOpen || isInnerOpen,
256
+ isOpen: isInnerOpen,
245
257
  includeEdgeDates: includeEdgeDates,
246
258
  eventList: eventList,
247
259
  disabledList: disabledList,
@@ -11,6 +11,7 @@ var _dateHelper = /*#__PURE__*/require("../utils/dateHelper");
11
11
  var _useDatePicker2 = /*#__PURE__*/require("../hooks/useDatePicker");
12
12
  var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
13
13
  var _DatePickerBase = /*#__PURE__*/require("../DatePickerBase.styles");
14
+ var _useKeyboardNavigation = /*#__PURE__*/require("../hooks/useKeyboardNavigation");
14
15
  var _base = /*#__PURE__*/require("./variations/_size/base");
15
16
  var _base2 = /*#__PURE__*/require("./variations/_view/base");
16
17
  var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
@@ -116,6 +117,11 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
116
117
  handleToggle = _useDatePicker.handleToggle,
117
118
  handleChangeValue = _useDatePicker.handleChangeValue,
118
119
  handleCommitDate = _useDatePicker.handleCommitDate;
120
+ var _useKeyNavigation = (0, _useKeyboardNavigation.useKeyNavigation)({
121
+ isCalendarOpen: isInnerOpen,
122
+ onToggle: handleToggle
123
+ }),
124
+ onKeyDown = _useKeyNavigation.onKeyDown;
119
125
  var DatePickerInput = /*#__PURE__*/_react["default"].createElement(_SingleDate.StyledInput, {
120
126
  ref: inputRef,
121
127
  className: (0, _utils.cx)(datePickerErrorClass, datePickerSuccessClass),
@@ -132,8 +138,14 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
132
138
  return handleCommitDate(date, true, false);
133
139
  },
134
140
  onFocus: onFocus,
135
- onBlur: onBlur
141
+ onBlur: onBlur,
142
+ onKeyDown: onKeyDown
136
143
  });
144
+ (0, _react.useEffect)(function () {
145
+ setIsInnerOpen(function (prevOpen) {
146
+ return prevOpen !== isOpen && isOpen;
147
+ });
148
+ }, [isOpen]);
137
149
  return /*#__PURE__*/_react["default"].createElement(Root, _extends({
138
150
  view: view,
139
151
  size: size,
@@ -142,7 +154,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
142
154
  readOnly: !disabled && readOnly,
143
155
  ref: ref
144
156
  }, rest), label && /*#__PURE__*/_react["default"].createElement(_SingleDate.StyledLabel, null, label), /*#__PURE__*/_react["default"].createElement(_SingleDate.StyledPopover, {
145
- isOpen: isOpen || isInnerOpen,
157
+ isOpen: isInnerOpen,
146
158
  usePortal: false,
147
159
  onToggle: handleToggle,
148
160
  offset: offset,
@@ -0,0 +1,32 @@
1
+ "use strict";
2
+
3
+ Object.defineProperty(exports, "__esModule", {
4
+ value: true
5
+ });
6
+ exports.useKeyNavigation = exports.keys = void 0;
7
+ var keys = exports.keys = {
8
+ Space: 'Space'
9
+ };
10
+ var useKeyNavigation = exports.useKeyNavigation = function useKeyNavigation(_ref) {
11
+ var isCalendarOpen = _ref.isCalendarOpen,
12
+ onToggle = _ref.onToggle;
13
+ var onKeyDown = function onKeyDown(event) {
14
+ switch (event.code) {
15
+ case keys.Space:
16
+ {
17
+ if (!isCalendarOpen) {
18
+ event.preventDefault();
19
+ onToggle(true, event);
20
+ }
21
+ break;
22
+ }
23
+ default:
24
+ {
25
+ break;
26
+ }
27
+ }
28
+ };
29
+ return {
30
+ onKeyDown: onKeyDown
31
+ };
32
+ };