@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
@@ -80,17 +80,6 @@ Object.keys(_ButtonGroup).forEach(function (key) {
80
80
  }
81
81
  });
82
82
  });
83
- var _Breadcrumbs = /*#__PURE__*/require("./components/Breadcrumbs");
84
- Object.keys(_Breadcrumbs).forEach(function (key) {
85
- if (key === "default" || key === "__esModule") return;
86
- if (key in exports && exports[key] === _Breadcrumbs[key]) return;
87
- Object.defineProperty(exports, key, {
88
- enumerable: true,
89
- get: function get() {
90
- return _Breadcrumbs[key];
91
- }
92
- });
93
- });
94
83
  var _Chip = /*#__PURE__*/require("./components/Chip");
95
84
  Object.keys(_Chip).forEach(function (key) {
96
85
  if (key === "default" || key === "__esModule") return;
@@ -13,6 +13,7 @@ import { cx } 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
+ import { useKeyNavigation } from '../hooks/useKeyboardNavigation';
16
17
  import { base as sizeCSS } from './variations/_size/base';
17
18
  import { base as viewCSS } from './variations/_view/base';
18
19
  import { base as disabledCSS } from './variations/_disabled/base';
@@ -172,6 +173,11 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
172
173
  }
173
174
  setIsInnerOpen(isCalendarOpen);
174
175
  };
176
+ var _useKeyNavigation = useKeyNavigation({
177
+ isCalendarOpen: isInnerOpen,
178
+ onToggle: handleToggle
179
+ }),
180
+ onKeyDown = _useKeyNavigation.onKeyDown;
175
181
  var RangeComponent = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(StyledRange, {
176
182
  ref: rangeRef,
177
183
  dividerIcon: dividerIcon,
@@ -215,13 +221,19 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
215
221
  onFocusFirstTextfield: onFocusFirstTextfield,
216
222
  onFocusSecondTextfield: onFocusSecondTextfield,
217
223
  onBlurFirstTextfield: onBlurFirstTextfield,
218
- onBlurSecondTextfield: onBlurSecondTextfield
224
+ onBlurSecondTextfield: onBlurSecondTextfield,
225
+ onKeyDown: onKeyDown
219
226
  }));
220
227
  useEffect(function () {
221
228
  var _rangeRef$current5, _rangeRef$current6;
222
229
  setFirstInputRef((_rangeRef$current5 = rangeRef.current) === null || _rangeRef$current5 === void 0 ? void 0 : _rangeRef$current5.firstTextField());
223
230
  setSecondInputRef((_rangeRef$current6 = rangeRef.current) === null || _rangeRef$current6 === void 0 ? void 0 : _rangeRef$current6.secondTextField());
224
231
  }, [rangeRef.current]);
232
+ useEffect(function () {
233
+ setIsInnerOpen(function (prevOpen) {
234
+ return prevOpen !== isOpen && isOpen;
235
+ });
236
+ }, [isOpen]);
225
237
  return /*#__PURE__*/React.createElement(Root, _extends({
226
238
  ref: rootRef,
227
239
  view: view,
@@ -232,7 +244,7 @@ export var datePickerRangeRoot = function datePickerRangeRoot(Root) {
232
244
  }, rest), label && /*#__PURE__*/React.createElement(StyledLabel, null, label), /*#__PURE__*/React.createElement(RangeDatePopover, {
233
245
  calendarValue: [calendarFirstValue, calendarSecondValue],
234
246
  target: RangeComponent,
235
- isOpen: isOpen || isInnerOpen,
247
+ isOpen: isInnerOpen,
236
248
  includeEdgeDates: includeEdgeDates,
237
249
  eventList: eventList,
238
250
  disabledList: disabledList,
@@ -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';
@@ -1 +1 @@
1
- {"version":3,"file":"RangeDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAG9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ9D,eAAO,MAAM,mBAAmB,SACtB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+EAoQvG,CAAC;AAEN,eAAO,MAAM,qBAAqB;;;mBAtQxB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+R3G,CAAC"}
1
+ {"version":3,"file":"RangeDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RangeDate/RangeDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KASN,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAIlD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAI9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAQ9D,eAAO,MAAM,mBAAmB,SACtB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+EA8QvG,CAAC;AAEN,eAAO,MAAM,qBAAqB;;;mBAhRxB,UAAU,cAAc,EAAE,KAAK,oBAAoB,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyS3G,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"SingleDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AAEzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAOlD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAO1D,eAAO,MAAM,cAAc,SACjB,UAAU,cAAc,EAAE,KAAK,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC,gXAqJlG,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBAvJnB,UAAU,cAAc,EAAE,KAAK,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;CAgLtG,CAAC"}
1
+ {"version":3,"file":"SingleDate.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/SingleDate/SingleDate.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+D,MAAM,OAAO,CAAC;AAEpF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAQlD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAO1D,eAAO,MAAM,cAAc,SACjB,UAAU,cAAc,EAAE,KAAK,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC,gXA+JlG,CAAC;AAEN,eAAO,MAAM,gBAAgB;;;mBAjKnB,UAAU,cAAc,EAAE,KAAK,eAAe,EAAE,QAAQ,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;;;;;;;;;;;;;;;;;;;;;;CA0LtG,CAAC"}
@@ -0,0 +1,13 @@
1
+ import type { ChangeEvent, KeyboardEvent, SyntheticEvent } from 'react';
2
+ interface Props {
3
+ isCalendarOpen: boolean;
4
+ onToggle: (isOpen: boolean, event: SyntheticEvent | Event) => void;
5
+ }
6
+ export declare const keys: {
7
+ Space: string;
8
+ };
9
+ export declare const useKeyNavigation: ({ isCalendarOpen, onToggle }: Props) => {
10
+ onKeyDown: (event: ChangeEvent<HTMLInputElement> & KeyboardEvent<HTMLInputElement>) => void;
11
+ };
12
+ export {};
13
+ //# sourceMappingURL=useKeyboardNavigation.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/hooks/useKeyboardNavigation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAExE,UAAU,KAAK;IACX,cAAc,EAAE,OAAO,CAAC;IACxB,QAAQ,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,cAAc,GAAG,KAAK,KAAK,IAAI,CAAC;CACtE;AAED,eAAO,MAAM,IAAI;;CAEhB,CAAC;AAEF,eAAO,MAAM,gBAAgB,iCAAkC,KAAK;uBACtC,YAAY,gBAAgB,CAAC,GAAG,cAAc,gBAAgB,CAAC;CAiB5F,CAAC"}
@@ -6,14 +6,14 @@ import type { RootProps } from '../../../../engines';
6
6
  */
7
7
  export declare const headerArrowRoot: (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) => React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
8
8
  arrow?: "back" | "minimize" | undefined;
9
- iconSize?: "m" | "s" | "xs" | "l" | "xxs" | "xl" | "xxl" | undefined;
9
+ iconSize?: "m" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | undefined;
10
10
  } & React.RefAttributes<HTMLDivElement>>;
11
11
  export declare const headerArrowConfig: {
12
12
  name: string;
13
13
  tag: string;
14
14
  layout: (Root: RootProps<HTMLDivElement, HTMLAttributes<HTMLDivElement>>) => React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & {
15
15
  arrow?: "back" | "minimize" | undefined;
16
- iconSize?: "m" | "s" | "xs" | "l" | "xxs" | "xl" | "xxl" | undefined;
16
+ iconSize?: "m" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | undefined;
17
17
  } & React.RefAttributes<HTMLDivElement>>;
18
18
  base: import("@linaria/core").LinariaClassName;
19
19
  variations: {
@@ -15,7 +15,7 @@ export declare const HeaderRoot: import("react").FunctionComponent<import("../..
15
15
  export declare const HeaderLogo: import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("../../../../components/Header").HeaderLogoProps & import("react").RefAttributes<HTMLDivElement>>;
16
16
  export declare const HeaderArrow: import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
17
17
  arrow?: "back" | "minimize" | undefined;
18
- iconSize?: "m" | "s" | "xs" | "l" | "xxs" | "xl" | "xxl" | undefined;
18
+ iconSize?: "m" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | undefined;
19
19
  } & import("react").RefAttributes<HTMLDivElement>>;
20
20
  export declare const HeaderTitleWrapper: import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & {
21
21
  label?: string | undefined;
@@ -15,7 +15,7 @@ export declare const HeaderRoot: import("react").FunctionComponent<import("../..
15
15
  export declare const HeaderLogo: import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("../../../../components/Header").HeaderLogoProps & import("react").RefAttributes<HTMLDivElement>>;
16
16
  export declare const HeaderArrow: import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
17
17
  arrow?: "back" | "minimize" | undefined;
18
- iconSize?: "m" | "s" | "xs" | "l" | "xxs" | "xl" | "xxl" | undefined;
18
+ iconSize?: "m" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | undefined;
19
19
  } & import("react").RefAttributes<HTMLDivElement>>;
20
20
  export declare const HeaderTitleWrapper: import("react").FunctionComponent<import("../../../../engines/types").PropsType<import("../../../../engines/types").Variants> & import("react").HTMLAttributes<HTMLDivElement> & {
21
21
  label?: string | undefined;
package/types/index.d.ts CHANGED
@@ -5,7 +5,6 @@ export * from './utils';
5
5
  export * from './components/Button';
6
6
  export * from './components/IconButton';
7
7
  export * from './components/ButtonGroup';
8
- export * from './components/Breadcrumbs';
9
8
  export * from './components/Chip';
10
9
  export * from './components/Cell';
11
10
  export * from './components/Link';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,yBAAyB,CAAC"}
@@ -1,13 +0,0 @@
1
- .base_1vy4dme_bcchm3r__d3e4eaba{font-family:var(--plasma-link-font-family);color:var(--plasma-link-color);}.base_1vy4dme_bcchm3r__d3e4eaba::before{border-bottom:var(--plasma-link-underline-border) solid currentColor;}.base_1vy4dme_bcchm3r__d3e4eaba:hover{color:var(--plasma-link-color-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:active{color:var(--plasma-link-color-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:active::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited{color:var(--plasma-link-color-visited,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover{color:var(--plasma-link-color-visited-hover,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:hover::before{opacity:1;}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active{color:var(--plasma-link-color-visited-active,var(--plasma-link-color));}.base_1vy4dme_bcchm3r__d3e4eaba:visited:active::before{opacity:1;}
2
-
3
- .base_1w750p8_b1j3f4f__d44baab5[disabled]{opacity:var(--plasma-link-disabled-opacity);cursor:not-allowed;}.base_1w750p8_b1j3f4f__d44baab5[disabled]:hover,.base_1w750p8_b1j3f4f__d44baab5[disabled]:active{color:var(--plasma-link-color);}.base_1w750p8_b1j3f4f__d44baab5[disabled]::before{opacity:1;}
4
-
5
- .base_153fcja_b1iw8i40__3469524b:focus{outline:none;}.base_153fcja_b1iw8i40__3469524b:focus-visible::before{top:-0.0625rem;right:-0.0625rem;opacity:1;border-radius:0.375rem;box-shadow:0 0 0 0.0625rem var(--plasma-link-focus-color);border-bottom:none;}
6
-
7
- .Link_1oiwct5_b1j91s21__5667805d{position:relative;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:color 0.15s ease-in;transition:color 0.15s ease-in;}.Link_1oiwct5_b1j91s21__5667805d::before{content:'';position:absolute;inset:0;opacity:0.4;}
8
-
9
- .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);}
10
-
11
- .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);}
12
- .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);}
13
- .Breadcrumbs_styles_1troyzr_sajtslk__0db10aef{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}
@@ -1,59 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var index$1 = require('../../utils/index.js');
7
- var base$1 = require('./variations/_size/base.js');
8
- var base = require('./variations/_view/base.js');
9
- var Breadcrumbs_styles = require('./Breadcrumbs.styles.js');
10
- var index = require('./utils/index.js');
11
-
12
- var breadcrumbsRoot = function breadcrumbsRoot(Root) {
13
- return /*#__PURE__*/React.forwardRef(function (_ref, outerRootRef) {
14
- var view = _ref.view,
15
- size = _ref.size,
16
- separator = _ref.separator,
17
- items = _ref.items,
18
- _ref$showItems = _ref.showItems,
19
- showItems = _ref$showItems === void 0 ? items.length : _ref$showItems,
20
- className = _ref.className;
21
- var renderSeparator = separator !== null && separator !== void 0 ? separator : /*#__PURE__*/React.createElement(Breadcrumbs_styles.Separator, {
22
- color: "inherit",
23
- size: index.convertIconSize(size)
24
- });
25
- var renderItems = index.getRenderItems(items, renderSeparator, showItems);
26
- var itemsWithSeparator = index.addSeparator(renderItems, renderSeparator);
27
- return /*#__PURE__*/React.createElement(Root, {
28
- ref: outerRootRef,
29
- size: size,
30
- view: view,
31
- className: index$1.cx(className),
32
- items: items
33
- }, itemsWithSeparator.map(function (item) {
34
- return item;
35
- }));
36
- });
37
- };
38
- var breadcrumbsConfig = {
39
- name: 'Breadcrumbs',
40
- tag: 'div',
41
- layout: breadcrumbsRoot,
42
- base: Breadcrumbs_styles.base,
43
- variations: {
44
- view: {
45
- css: base.base
46
- },
47
- size: {
48
- css: base$1.base
49
- }
50
- },
51
- defaults: {
52
- view: 'default',
53
- size: 'm'
54
- }
55
- };
56
-
57
- exports.breadcrumbsConfig = breadcrumbsConfig;
58
- exports.breadcrumbsRoot = breadcrumbsRoot;
59
- //# sourceMappingURL=Breadcrumbs.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { BreadcrumbsProps } from './Breadcrumbs.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base, Separator } from './Breadcrumbs.styles';\nimport { addSeparator, convertIconSize, getRenderItems } from './utils';\n\nexport const breadcrumbsRoot = (Root: RootProps<HTMLDivElement, BreadcrumbsProps>) =>\n forwardRef<HTMLDivElement, BreadcrumbsProps>(\n ({ view, size, separator, items, showItems = items.length, className }, outerRootRef) => {\n const renderSeparator = separator ?? <Separator color=\"inherit\" size={convertIconSize(size)} />;\n const renderItems: ReactNode[] = getRenderItems(items, renderSeparator, showItems);\n const itemsWithSeparator = addSeparator(renderItems, renderSeparator);\n\n return (\n <Root ref={outerRootRef} size={size} view={view} className={cx(className)} items={items}>\n {itemsWithSeparator.map((item) => {\n return item;\n })}\n </Root>\n );\n },\n );\n\nexport const breadcrumbsConfig = {\n name: 'Breadcrumbs',\n tag: 'div',\n layout: breadcrumbsRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n },\n defaults: {\n view: 'default',\n size: 'm',\n },\n};\n"],"names":["breadcrumbsRoot","Root","forwardRef","_ref","outerRootRef","view","size","separator","items","_ref$showItems","showItems","length","className","renderSeparator","React","createElement","Separator","color","convertIconSize","renderItems","getRenderItems","itemsWithSeparator","addSeparator","ref","cx","map","item","breadcrumbsConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;;;;IAWaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAiD,EAAA;AAAA,EAAA,oBAC7EC,gBAAU,CACN,UAAAC,IAAA,EAAwEC,YAAY,EAAK;AAAA,IAAA,IAAtFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;MAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;MAAAC,cAAA,GAAAN,IAAA,CAAEO,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAA,KAAA,CAAA,GAAGD,KAAK,CAACG,MAAM,GAAAF,cAAA;MAAEG,SAAS,GAAAT,IAAA,CAATS,SAAS,CAAA;AAChE,IAAA,IAAMC,eAAe,GAAGN,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,gBAAIO,KAAA,CAAAC,aAAA,CAACC,4BAAS,EAAA;AAACC,MAAAA,KAAK,EAAC,SAAS;MAACX,IAAI,EAAEY,qBAAe,CAACZ,IAAI,CAAA;AAAE,KAAE,CAAC,CAAA;IAC/F,IAAMa,WAAwB,GAAGC,oBAAc,CAACZ,KAAK,EAAEK,eAAe,EAAEH,SAAS,CAAC,CAAA;AAClF,IAAA,IAAMW,kBAAkB,GAAGC,kBAAY,CAACH,WAAW,EAAEN,eAAe,CAAC,CAAA;AAErE,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACd,IAAI,EAAA;AAACsB,MAAAA,GAAG,EAAEnB,YAAa;AAACE,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,IAAI,EAAEA,IAAK;AAACO,MAAAA,SAAS,EAAEY,UAAE,CAACZ,SAAS,CAAE;AAACJ,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,EACnFa,kBAAkB,CAACI,GAAG,CAAC,UAACC,IAAI,EAAK;AAC9B,MAAA,OAAOA,IAAI,CAAA;AACf,KAAC,CACC,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMC,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE9B,eAAe;AACvB+B,EAAAA,IAAI,EAAJA,uBAAI;AACJC,EAAAA,UAAU,EAAE;AACR3B,IAAAA,IAAI,EAAE;AACF4B,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACD5B,IAAAA,IAAI,EAAE;AACF2B,MAAAA,GAAG,EAAEE,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACN/B,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
@@ -1,46 +0,0 @@
1
- import './Breadcrumbs.styles_1troyzr.css';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var react = require('@linaria/react');
7
- var Link$1 = require('../Link/Link.js');
8
- require('@linaria/core');
9
- var common = require('../../engines/common.js');
10
- require('react');
11
- var IconDisclosureRight = require('../_Icon/Icons/IconDisclosureRight.js');
12
- var Breadcrumbs_tokens = require('./Breadcrumbs.tokens.js');
13
-
14
- var mergedLinkConfig = /*#__PURE__*/common.mergeConfig(Link$1.linkConfig);
15
- var Link = /*#__PURE__*/common.component(mergedLinkConfig);
16
- var _exp = function _exp() {
17
- return Link;
18
- };
19
- var _exp2 = function _exp2() {
20
- return function (_ref) {
21
- var isHref = _ref.isHref;
22
- return isHref ? 1 : "var(".concat(Breadcrumbs_tokens.tokens.breadcrumbsOpacity, ")");
23
- };
24
- };
25
- var StyledLink = /*#__PURE__*/react.styled(_exp())({
26
- name: "StyledLink",
27
- "class": "shehk3i",
28
- propsAsIs: true,
29
- vars: {
30
- "shehk3i-0": [/*#__PURE__*/_exp2()]
31
- }
32
- });
33
- var base = "bkgt5xr";
34
- var _exp12 = function _exp12() {
35
- return IconDisclosureRight.IconDisclosureRight;
36
- };
37
- var Separator = /*#__PURE__*/react.styled(_exp12())({
38
- name: "Separator",
39
- "class": "sajtslk",
40
- propsAsIs: true
41
- });
42
-
43
- exports.Separator = Separator;
44
- exports.StyledLink = StyledLink;
45
- exports.base = base;
46
- //# sourceMappingURL=Breadcrumbs.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Breadcrumbs.styles.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { linkConfig } from '../Link';\nimport { component, mergeConfig } from '../../engines';\nimport { IconDisclosureRight } from '../_Icon';\nimport { addFocus } from '../../mixins';\n\nimport { tokens } from './Breadcrumbs.tokens';\n\nconst mergedLinkConfig = mergeConfig(linkConfig);\nconst Link = component(mergedLinkConfig);\n\nexport const StyledLink = styled(Link)<{ isHref: boolean }>`\n opacity: ${({ isHref }) => (isHref ? 1 : `var(${tokens.breadcrumbsOpacity})`)};\n\n ${addFocus({\n outlineOffset: '0rem',\n outlineSize: '0.125rem',\n outlineRadius: '0rem',\n outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n })}\n`;\n\nexport const base = css`\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: var(${tokens.breadcrumbsGap});\n\n color: var(${tokens.breadcrumbsColor});\n font-family: var(${tokens.breadcrumbsFontFamily});\n font-size: var(${tokens.breadcrumbsFontSize});\n font-weight: var(${tokens.breadcrumbsFontWeight});\n font-style: var(${tokens.breadcrumbsFontStyle});\n letter-spacing: var(${tokens.breadcrumbsLetterSpacing});\n line-height: var(${tokens.breadcrumbsLineHeight});\n`;\n\nexport const Separator = styled(IconDisclosureRight)`\n color: var(${tokens.breadcrumbsColor});\n opacity: var(${tokens.breadcrumbsOpacity});\n`;\n"],"names":["mergedLinkConfig","mergeConfig","linkConfig","Link","component","_exp","_exp2","_ref","isHref","concat","tokens","breadcrumbsOpacity","StyledLink","styled","name","class","propsAsIs","vars","base","_exp12","IconDisclosureRight","Separator"],"mappings":";;;;;;;;;;;;AAUA,IAAMA,gBAAgB,gBAAGC,kBAAW,CAACC,iBAAU,CAAC,CAAA;AAChD,IAAMC,IAAI,gBAAGC,gBAAS,CAACJ,gBAAgB,CAAC,CAAA;AAAC,IAAAK,IAAA,GAVvBA,SAUuBA,IAAAA,GAAA;AAAA,EAAA,OAERF,IAAI,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GAZnBA,SAYmBA,KAAAA,GAAA;AAAA,EAAA,OACtB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,IAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAcA,MAAM,GAAG,CAAC,GAAA,MAAA,CAAAC,MAAA,CAAUC,yBAAM,CAACC,kBAAmB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAD1E,IAAMC,UAAU,gBAAGC,YAAM,CAAAR,IAAA,EAAA,CAAA,CAAA;AAAAS,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cACjBX,KAAkE,EAAA,CAAA;AAAA,GAAA;AAAA,CAQhF,EAAA;AAEM,IAAMY,IAAI,GAahB,UAAA;AAAC,IAAAC,MAAA,GApCgBA,SAoChBA,MAAAA,GAAA;AAAA,EAAA,OAE8BC,uCAAmB,CAAA;AAAA,CAAA,CAAA;AAA5C,IAAMC,SAAS,gBAAGR,YAAM,CAAAM,MAAA,EAAA,CAAA,CAAA;AAAAL,EAAAA,IAAA,EAAA,WAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAG9B;;;;;;"}
@@ -1,3 +0,0 @@
1
- .shehk3i{opacity:var(--shehk3i-0);position:relative;}.shehk3i::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;}.shehk3i.focus-visible:focus::before,.shehk3i[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.125rem var(--plasma-breadcrumbs-focus-outline-color);}
2
- .bkgt5xr{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);}
3
- .sajtslk{color:var(--plasma-breadcrumbs-color);opacity:var(--plasma-breadcrumbs-opacity);}
@@ -1,23 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var classes = {
6
- breadcrumbsRoot: 'breadcrumbs-root'
7
- };
8
- var tokens = {
9
- breadcrumbsGap: '--plasma-breadcrumbs-gap',
10
- breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',
11
- breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',
12
- breadcrumbsColor: '--plasma-breadcrumbs-color',
13
- breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',
14
- breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',
15
- breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',
16
- breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',
17
- breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',
18
- breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height'
19
- };
20
-
21
- exports.classes = classes;
22
- exports.tokens = tokens;
23
- //# sourceMappingURL=Breadcrumbs.tokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Breadcrumbs.tokens.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tokens.ts"],"sourcesContent":["export const classes = {\n breadcrumbsRoot: 'breadcrumbs-root',\n};\n\nexport const tokens = {\n breadcrumbsGap: '--plasma-breadcrumbs-gap',\n breadcrumbsOpacity: '--plasma-breadcrumbs-opacity',\n breadcrumbsFocusOutlineColor: '--plasma-breadcrumbs-focus-outline-color',\n\n breadcrumbsColor: '--plasma-breadcrumbs-color',\n breadcrumbsFontFamily: '--plasma-breadcrumbs-font-family',\n breadcrumbsFontSize: '--plasma-breadcrumbs-font-size',\n breadcrumbsFontStyle: '--plasma-breadcrumbs-font-style',\n breadcrumbsFontWeight: '--plasma-breadcrumbs-font-weight',\n breadcrumbsLetterSpacing: '--plasma-breadcrumbs-letter-spacing',\n breadcrumbsLineHeight: '--plasma-breadcrumbs-line-height',\n};\n"],"names":["classes","breadcrumbsRoot","tokens","breadcrumbsGap","breadcrumbsOpacity","breadcrumbsFocusOutlineColor","breadcrumbsColor","breadcrumbsFontFamily","breadcrumbsFontSize","breadcrumbsFontStyle","breadcrumbsFontWeight","breadcrumbsLetterSpacing","breadcrumbsLineHeight"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,eAAe,EAAE,kBAAA;AACrB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,cAAc,EAAE,0BAA0B;AAC1CC,EAAAA,kBAAkB,EAAE,8BAA8B;AAClDC,EAAAA,4BAA4B,EAAE,0CAA0C;AAExEC,EAAAA,gBAAgB,EAAE,4BAA4B;AAC9CC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,mBAAmB,EAAE,gCAAgC;AACrDC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,qBAAqB,EAAE,kCAAkC;AACzDC,EAAAA,wBAAwB,EAAE,qCAAqC;AAC/DC,EAAAA,qBAAqB,EAAE,kCAAA;AAC3B;;;;;"}
@@ -1,36 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
6
- var React = require('react');
7
- var index = require('../../utils/index.js');
8
- var BreadcrumbShorter_styles = require('./BreadcrumbShorter.styles.js');
9
-
10
- var BreadcrumbShorter = function BreadcrumbShorter(_ref) {
11
- var children = _ref.children,
12
- separator = _ref.separator;
13
- var _useState = React.useState(false),
14
- _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
15
- openShorter = _useState2[0],
16
- setOpenShorter = _useState2[1];
17
- var renderItems = index.addSeparator(children, separator);
18
- var onKeyPress = function onKeyPress(event) {
19
- event.persist();
20
- if (event.keyCode === 13) {
21
- setOpenShorter(true);
22
- }
23
- };
24
- return /*#__PURE__*/React.createElement(BreadcrumbShorter_styles.StyledRoot, null, !openShorter && /*#__PURE__*/React.createElement(BreadcrumbShorter_styles.StyledShorter, {
25
- tabIndex: 0,
26
- onClick: function onClick() {
27
- return setOpenShorter(true);
28
- },
29
- onKeyDown: onKeyPress
30
- }, "..."), openShorter && /*#__PURE__*/React.createElement(BreadcrumbShorter_styles.StyledHidden, null, renderItems.map(function (item) {
31
- return item;
32
- })));
33
- };
34
-
35
- exports.BreadcrumbShorter = BreadcrumbShorter;
36
- //# sourceMappingURL=BreadcrumbShorter.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BreadcrumbShorter.js","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, useState, KeyboardEvent } from 'react';\n\nimport { addSeparator } from '../../utils';\n\nimport { StyledHidden, StyledRoot, StyledShorter } from './BreadcrumbShorter.styles';\nimport { BreadcrumbShorterProps } from './BreadcrumbShorter.types';\n\nexport const BreadcrumbShorter: React.FC<HTMLAttributes<HTMLDivElement> & BreadcrumbShorterProps> = ({\n children,\n separator,\n}) => {\n const [openShorter, setOpenShorter] = useState(false);\n\n const renderItems: ReactNode[] = addSeparator(children, separator);\n\n const onKeyPress = (event: KeyboardEvent<HTMLDivElement>) => {\n event.persist();\n\n if (event.keyCode === 13) {\n setOpenShorter(true);\n }\n };\n\n return (\n <StyledRoot>\n {!openShorter && (\n <StyledShorter tabIndex={0} onClick={() => setOpenShorter(true)} onKeyDown={onKeyPress}>\n ...\n </StyledShorter>\n )}\n {openShorter && (\n <StyledHidden>\n {renderItems.map((item) => {\n return item;\n })}\n </StyledHidden>\n )}\n </StyledRoot>\n );\n};\n"],"names":["BreadcrumbShorter","_ref","children","separator","_useState","useState","_useState2","_slicedToArray","openShorter","setOpenShorter","renderItems","addSeparator","onKeyPress","event","persist","keyCode","React","createElement","StyledRoot","StyledShorter","tabIndex","onClick","onKeyDown","StyledHidden","map","item"],"mappings":";;;;;;;;;IAOaA,iBAAoF,GAAG,SAAvFA,iBAAoFA,CAAAC,IAAA,EAG3F;AAAA,EAAA,IAFFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAA;AAET,EAAA,IAAAC,SAAA,GAAsCC,cAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA9CI,IAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElC,EAAA,IAAMI,WAAwB,GAAGC,kBAAY,CAACT,QAAQ,EAAEC,SAAS,CAAC,CAAA;AAElE,EAAA,IAAMS,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAoC,EAAK;IACzDA,KAAK,CAACC,OAAO,EAAE,CAAA;AAEf,IAAA,IAAID,KAAK,CAACE,OAAO,KAAK,EAAE,EAAE;MACtBN,cAAc,CAAC,IAAI,CAAC,CAAA;AACxB,KAAA;GACH,CAAA;AAED,EAAA,oBACIO,KAAA,CAAAC,aAAA,CAACC,mCAAU,EAAA,IAAA,EACN,CAACV,WAAW,iBACTQ,KAAA,CAAAC,aAAA,CAACE,sCAAa,EAAA;AAACC,IAAAA,QAAQ,EAAE,CAAE;IAACC,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAMZ,cAAc,CAAC,IAAI,CAAC,CAAA;KAAC;AAACa,IAAAA,SAAS,EAAEV,UAAAA;AAAW,GAAA,EAAC,KAEzE,CAClB,EACAJ,WAAW,iBACRQ,KAAA,CAAAC,aAAA,CAACM,qCAAY,QACRb,WAAW,CAACc,GAAG,CAAC,UAACC,IAAI,EAAK;AACvB,IAAA,OAAOA,IAAI,CAAA;GACd,CACS,CAEV,CAAC,CAAA;AAErB;;;;"}
@@ -1,27 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var styled = require('styled-components');
6
- var addFocus = require('../../../../mixins/addFocus.js');
7
- var Breadcrumbs_tokens = require('../../Breadcrumbs.tokens.js');
8
-
9
- var StyledRoot = /*#__PURE__*/styled.div.withConfig({
10
- componentId: "plasma-new-hope__sc-1ufgggn-0"
11
- })([""]);
12
- var StyledShorter = /*#__PURE__*/styled.div.withConfig({
13
- componentId: "plasma-new-hope__sc-1ufgggn-1"
14
- })(["cursor:pointer;", ""], /*#__PURE__*/addFocus.addFocus({
15
- outlineOffset: '0.125rem',
16
- outlineSize: '0.125rem',
17
- outlineRadius: '0',
18
- outlineColor: /*#__PURE__*/"var(".concat(Breadcrumbs_tokens.tokens.breadcrumbsFocusOutlineColor, ")")
19
- }));
20
- var StyledHidden = /*#__PURE__*/styled.div.withConfig({
21
- componentId: "plasma-new-hope__sc-1ufgggn-2"
22
- })(["display:flex;align-items:center;gap:var(", ");"], Breadcrumbs_tokens.tokens.breadcrumbsGap);
23
-
24
- exports.StyledHidden = StyledHidden;
25
- exports.StyledRoot = StyledRoot;
26
- exports.StyledShorter = StyledShorter;
27
- //# sourceMappingURL=BreadcrumbShorter.styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"BreadcrumbShorter.styles.js","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nimport { addFocus } from '../../../../mixins';\nimport { tokens } from '../../Breadcrumbs.tokens';\n\nexport const StyledRoot = styled.div``;\nexport const StyledShorter = styled.div`\n cursor: pointer;\n ${addFocus({\n outlineOffset: '0.125rem',\n outlineSize: '0.125rem',\n outlineRadius: '0',\n outlineColor: `var(${tokens.breadcrumbsFocusOutlineColor})`,\n })}\n`;\nexport const StyledHidden = styled.div`\n display: flex;\n align-items: center;\n gap: var(${tokens.breadcrumbsGap});\n`;\n"],"names":["StyledRoot","styled","div","withConfig","componentId","StyledShorter","addFocus","outlineOffset","outlineSize","outlineRadius","outlineColor","concat","tokens","breadcrumbsFocusOutlineColor","StyledHidden","breadcrumbsGap"],"mappings":";;;;;;;;IAKaA,UAAU,gBAAGC,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;IACzBC,aAAa,gBAAGJ,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAAA,CAAA,CAAA,CAAA,iBAAA,EAAA,EAAA,CAAA,eAEjCE,iBAAQ,CAAC;AACPC,EAAAA,aAAa,EAAE,UAAU;AACzBC,EAAAA,WAAW,EAAE,UAAU;AACvBC,EAAAA,aAAa,EAAE,GAAG;AAClBC,EAAAA,YAAY,eAAAC,MAAAA,CAAAA,MAAA,CAASC,yBAAM,CAACC,4BAA4B,EAAA,GAAA,CAAA;AAC5D,CAAC,CAAC,EACL;IACYC,YAAY,gBAAGb,MAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;AAAA,CAGvBQ,CAAAA,CAAAA,CAAAA,0CAAAA,EAAAA,IAAAA,CAAAA,EAAAA,yBAAM,CAACG,cAAc;;;;;;"}
@@ -1,53 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var BreadcrumbShorter = require('../ui/BreadcrumbShorter/BreadcrumbShorter.js');
7
- var Breadcrumbs_styles = require('../Breadcrumbs.styles.js');
8
-
9
- var shortItems = function shortItems(items, renderSeparator, showItems) {
10
- if (!showItems || showItems < 2 || items.length <= showItems) {
11
- return items;
12
- }
13
- var leftSlice = Math.floor(showItems / 2);
14
- var rightSlice = items.length - leftSlice - showItems % 2;
15
- var renderItems = items.slice(leftSlice, rightSlice);
16
- var shorter = /*#__PURE__*/React.createElement(BreadcrumbShorter.BreadcrumbShorter, {
17
- separator: renderSeparator
18
- }, renderItems);
19
- items.splice(leftSlice, rightSlice - leftSlice, shorter);
20
- return items;
21
- };
22
- var convertIconSize = function convertIconSize(size) {
23
- switch (size) {
24
- case 's':
25
- case 'xs':
26
- return 'xs';
27
- default:
28
- return 's';
29
- }
30
- };
31
- var getRenderItems = function getRenderItems(items, renderSeparator, showItems) {
32
- return shortItems(items.map(function (item) {
33
- if ('renderItem' in item) {
34
- return item.renderItem();
35
- }
36
- return /*#__PURE__*/React.createElement(Breadcrumbs_styles.StyledLink, {
37
- tabIndex: 0,
38
- href: item.href,
39
- isHref: !!item.href
40
- }, item.title);
41
- }), renderSeparator, showItems);
42
- };
43
- var addSeparator = function addSeparator(items, renderSeparator) {
44
- return items.flatMap(function (item, idx) {
45
- return idx < items.length - 1 ? [item, renderSeparator] : [item];
46
- });
47
- };
48
-
49
- exports.addSeparator = addSeparator;
50
- exports.convertIconSize = convertIconSize;
51
- exports.getRenderItems = getRenderItems;
52
- exports.shortItems = shortItems;
53
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":["../../../../src/components/Breadcrumbs/utils/index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\n\nimport { BreadcrumbShorter } from '../ui/BreadcrumbShorter/BreadcrumbShorter';\nimport { StyledLink } from '../Breadcrumbs.styles';\nimport { BreadcrumbsItem } from '../Breadcrumbs.types';\n\nexport const shortItems = (items: ReactNode[], renderSeparator: ReactNode, showItems?: number) => {\n if (!showItems || showItems < 2 || items.length <= showItems) {\n return items;\n }\n\n const leftSlice = Math.floor(showItems / 2);\n const rightSlice = items.length - leftSlice - (showItems % 2);\n\n const renderItems: ReactNode[] = items.slice(leftSlice, rightSlice);\n const shorter = <BreadcrumbShorter separator={renderSeparator}>{renderItems}</BreadcrumbShorter>;\n items.splice(leftSlice, rightSlice - leftSlice, shorter);\n return items;\n};\n\nexport const convertIconSize = (size?: 'xs' | 's' | 'm' | 'l') => {\n switch (size) {\n case 's':\n case 'xs':\n return 'xs';\n default:\n return 's';\n }\n};\n\nexport const getRenderItems = (items: BreadcrumbsItem[], renderSeparator: ReactNode, showItems?: number) => {\n return shortItems(\n items.map((item: BreadcrumbsItem) => {\n if ('renderItem' in item) {\n return item.renderItem();\n }\n return (\n <StyledLink tabIndex={0} href={item.href} isHref={!!item.href}>\n {item.title}\n </StyledLink>\n );\n }),\n renderSeparator,\n showItems,\n );\n};\n\nexport const addSeparator = (items: ReactNode[], renderSeparator: ReactNode) => {\n return items.flatMap((item, idx) => (idx < items.length - 1 ? [item, renderSeparator] : [item]));\n};\n"],"names":["shortItems","items","renderSeparator","showItems","length","leftSlice","Math","floor","rightSlice","renderItems","slice","shorter","React","createElement","BreadcrumbShorter","separator","splice","convertIconSize","size","getRenderItems","map","item","renderItem","StyledLink","tabIndex","href","isHref","title","addSeparator","flatMap","idx"],"mappings":";;;;;;;;AAMO,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAkB,EAAEC,eAA0B,EAAEC,SAAkB,EAAK;AAC9F,EAAA,IAAI,CAACA,SAAS,IAAIA,SAAS,GAAG,CAAC,IAAIF,KAAK,CAACG,MAAM,IAAID,SAAS,EAAE;AAC1D,IAAA,OAAOF,KAAK,CAAA;AAChB,GAAA;EAEA,IAAMI,SAAS,GAAGC,IAAI,CAACC,KAAK,CAACJ,SAAS,GAAG,CAAC,CAAC,CAAA;EAC3C,IAAMK,UAAU,GAAGP,KAAK,CAACG,MAAM,GAAGC,SAAS,GAAIF,SAAS,GAAG,CAAE,CAAA;EAE7D,IAAMM,WAAwB,GAAGR,KAAK,CAACS,KAAK,CAACL,SAAS,EAAEG,UAAU,CAAC,CAAA;AACnE,EAAA,IAAMG,OAAO,gBAAGC,KAAA,CAAAC,aAAA,CAACC,mCAAiB,EAAA;AAACC,IAAAA,SAAS,EAAEb,eAAAA;AAAgB,GAAA,EAAEO,WAA+B,CAAC,CAAA;EAChGR,KAAK,CAACe,MAAM,CAACX,SAAS,EAAEG,UAAU,GAAGH,SAAS,EAAEM,OAAO,CAAC,CAAA;AACxD,EAAA,OAAOV,KAAK,CAAA;AAChB,EAAC;IAEYgB,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAA6B,EAAK;AAC9D,EAAA,QAAQA,IAAI;AACR,IAAA,KAAK,GAAG,CAAA;AACR,IAAA,KAAK,IAAI;AACL,MAAA,OAAO,IAAI,CAAA;AACf,IAAA;AACI,MAAA,OAAO,GAAG,CAAA;AAClB,GAAA;AACJ,EAAC;AAEM,IAAMC,cAAc,GAAG,SAAjBA,cAAcA,CAAIlB,KAAwB,EAAEC,eAA0B,EAAEC,SAAkB,EAAK;EACxG,OAAOH,UAAU,CACbC,KAAK,CAACmB,GAAG,CAAC,UAACC,IAAqB,EAAK;IACjC,IAAI,YAAY,IAAIA,IAAI,EAAE;AACtB,MAAA,OAAOA,IAAI,CAACC,UAAU,EAAE,CAAA;AAC5B,KAAA;AACA,IAAA,oBACIV,KAAA,CAAAC,aAAA,CAACU,6BAAU,EAAA;AAACC,MAAAA,QAAQ,EAAE,CAAE;MAACC,IAAI,EAAEJ,IAAI,CAACI,IAAK;AAACC,MAAAA,MAAM,EAAE,CAAC,CAACL,IAAI,CAACI,IAAAA;KACpDJ,EAAAA,IAAI,CAACM,KACE,CAAC,CAAA;AAErB,GAAC,CAAC,EACFzB,eAAe,EACfC,SACJ,CAAC,CAAA;AACL,EAAC;AAEM,IAAMyB,YAAY,GAAG,SAAfA,YAAYA,CAAI3B,KAAkB,EAAEC,eAA0B,EAAK;AAC5E,EAAA,OAAOD,KAAK,CAAC4B,OAAO,CAAC,UAACR,IAAI,EAAES,GAAG,EAAA;AAAA,IAAA,OAAMA,GAAG,GAAG7B,KAAK,CAACG,MAAM,GAAG,CAAC,GAAG,CAACiB,IAAI,EAAEnB,eAAe,CAAC,GAAG,CAACmB,IAAI,CAAC,CAAA;AAAA,GAAC,CAAC,CAAA;AACpG;;;;;;;"}
@@ -1,9 +0,0 @@
1
- import './base_x642ct.css';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var base = "b1js38v0";
7
-
8
- exports.base = base;
9
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Breadcrumbs/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,9 +0,0 @@
1
- import './base_x642ct.css';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var base = "b1m0s7h0";
7
-
8
- exports.base = base;
9
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/Breadcrumbs/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}