@salutejs/plasma-hope 1.387.0 → 1.387.1-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (229) hide show
  1. package/components/Button/views/b2c/ButtonB2C.d.ts +1 -1
  2. package/components/Button/views/web/ButtonWeb.d.ts +1 -1
  3. package/components/Card/CardBadge.d.ts +12 -1
  4. package/components/Card/CardBadge.d.ts.map +1 -1
  5. package/components/Card/CardBadge.js +19 -4
  6. package/components/PreviewGallery/PreviewGalleryItemBase.d.ts +1 -1
  7. package/components/PreviewGallery/PreviewGalleryItemBase.d.ts.map +1 -1
  8. package/components/PreviewGallery/PreviewGalleryItemBase.js +1 -2
  9. package/components/Upload/UploadMessage.d.ts.map +1 -1
  10. package/components/Upload/UploadMessage.js +2 -2
  11. package/es/components/Card/CardBadge.js +17 -3
  12. package/es/components/PreviewGallery/PreviewGalleryItemBase.js +1 -2
  13. package/es/components/Upload/UploadMessage.js +1 -1
  14. package/es/index.js +0 -10
  15. package/index.d.ts +0 -10
  16. package/index.js +0 -110
  17. package/package.json +11 -11
  18. package/components/Badge/Badge.d.ts +0 -21
  19. package/components/Badge/Badge.d.ts.map +0 -1
  20. package/components/Badge/Badge.js +0 -30
  21. package/components/Badge/index.d.ts +0 -5
  22. package/components/Badge/index.d.ts.map +0 -1
  23. package/components/Badge/index.js +0 -25
  24. package/components/Cell/Cell.d.ts +0 -18
  25. package/components/Cell/Cell.d.ts.map +0 -1
  26. package/components/Cell/Cell.js +0 -32
  27. package/components/Cell/index.d.ts +0 -3
  28. package/components/Cell/index.d.ts.map +0 -1
  29. package/components/Cell/index.js +0 -12
  30. package/components/Dropdown/Dropdown.component-test.js +0 -547
  31. package/components/Dropdown/Dropdown.d.ts +0 -20
  32. package/components/Dropdown/Dropdown.d.ts.map +0 -1
  33. package/components/Dropdown/Dropdown.js +0 -64
  34. package/components/Dropdown/Dropdown.types.d.ts +0 -16
  35. package/components/Dropdown/Dropdown.types.d.ts.map +0 -1
  36. package/components/Dropdown/Dropdown.types.js +0 -7
  37. package/components/Dropdown/DropdownItem.d.ts +0 -30
  38. package/components/Dropdown/DropdownItem.d.ts.map +0 -1
  39. package/components/Dropdown/DropdownItem.js +0 -122
  40. package/components/Dropdown/DropdownList.d.ts +0 -22
  41. package/components/Dropdown/DropdownList.d.ts.map +0 -1
  42. package/components/Dropdown/DropdownList.js +0 -23
  43. package/components/Dropdown/DropdownMenu.d.ts +0 -30
  44. package/components/Dropdown/DropdownMenu.d.ts.map +0 -1
  45. package/components/Dropdown/DropdownMenu.js +0 -60
  46. package/components/Dropdown/DropdownPopup.d.ts +0 -18
  47. package/components/Dropdown/DropdownPopup.d.ts.map +0 -1
  48. package/components/Dropdown/DropdownPopup.js +0 -47
  49. package/components/Dropdown/DropdownUncontrolled.d.ts +0 -12
  50. package/components/Dropdown/DropdownUncontrolled.d.ts.map +0 -1
  51. package/components/Dropdown/DropdownUncontrolled.js +0 -69
  52. package/components/Dropdown/index.d.ts +0 -13
  53. package/components/Dropdown/index.d.ts.map +0 -1
  54. package/components/Dropdown/index.js +0 -53
  55. package/components/Dropdown/keyboardNavigation/index.d.ts +0 -2
  56. package/components/Dropdown/keyboardNavigation/index.d.ts.map +0 -1
  57. package/components/Dropdown/keyboardNavigation/index.js +0 -18
  58. package/components/Dropdown/keyboardNavigation/useKeyboardNavigation.d.ts +0 -20
  59. package/components/Dropdown/keyboardNavigation/useKeyboardNavigation.d.ts.map +0 -1
  60. package/components/Dropdown/keyboardNavigation/useKeyboardNavigation.js +0 -58
  61. package/components/Dropdown/keyboardNavigation/useOnComboType.d.ts +0 -6
  62. package/components/Dropdown/keyboardNavigation/useOnComboType.d.ts.map +0 -1
  63. package/components/Dropdown/keyboardNavigation/useOnComboType.js +0 -30
  64. package/components/Dropdown/keyboardNavigation/useSearchString.d.ts +0 -5
  65. package/components/Dropdown/keyboardNavigation/useSearchString.d.ts.map +0 -1
  66. package/components/Dropdown/keyboardNavigation/useSearchString.js +0 -46
  67. package/components/Dropdown/keyboardNavigation/utils.d.ts +0 -39
  68. package/components/Dropdown/keyboardNavigation/utils.d.ts.map +0 -1
  69. package/components/Dropdown/keyboardNavigation/utils.js +0 -175
  70. package/components/Dropdown/withAssistiveDropdown.d.ts +0 -27
  71. package/components/Dropdown/withAssistiveDropdown.d.ts.map +0 -1
  72. package/components/Dropdown/withAssistiveDropdown.js +0 -134
  73. package/components/Editable/Editable.component-test.js +0 -114
  74. package/components/Editable/Editable.d.ts +0 -36
  75. package/components/Editable/Editable.d.ts.map +0 -1
  76. package/components/Editable/Editable.js +0 -154
  77. package/components/Editable/index.d.ts +0 -2
  78. package/components/Editable/index.d.ts.map +0 -1
  79. package/components/Editable/index.js +0 -16
  80. package/components/List/List.d.ts +0 -3
  81. package/components/List/List.d.ts.map +0 -1
  82. package/components/List/List.js +0 -14
  83. package/components/List/ListItem.d.ts +0 -3
  84. package/components/List/ListItem.d.ts.map +0 -1
  85. package/components/List/ListItem.js +0 -14
  86. package/components/List/index.d.ts +0 -3
  87. package/components/List/index.d.ts.map +0 -1
  88. package/components/List/index.js +0 -19
  89. package/components/Price/Price.d.ts +0 -8
  90. package/components/Price/Price.d.ts.map +0 -1
  91. package/components/Price/Price.js +0 -17
  92. package/components/Price/index.d.ts +0 -3
  93. package/components/Price/index.d.ts.map +0 -1
  94. package/components/Price/index.js +0 -12
  95. package/components/Select/Select.d.ts +0 -35
  96. package/components/Select/Select.d.ts.map +0 -1
  97. package/components/Select/Select.js +0 -38
  98. package/components/Select/Select.utils.d.ts +0 -18
  99. package/components/Select/Select.utils.d.ts.map +0 -1
  100. package/components/Select/Select.utils.js +0 -50
  101. package/components/Select/SelectButton.d.ts +0 -20
  102. package/components/Select/SelectButton.d.ts.map +0 -1
  103. package/components/Select/SelectButton.js +0 -75
  104. package/components/Select/SelectDropdown.d.ts +0 -6
  105. package/components/Select/SelectDropdown.d.ts.map +0 -1
  106. package/components/Select/SelectDropdown.js +0 -16
  107. package/components/Select/SelectGroup.d.ts +0 -2
  108. package/components/Select/SelectGroup.d.ts.map +0 -1
  109. package/components/Select/SelectGroup.js +0 -13
  110. package/components/Select/SelectView.d.ts +0 -18
  111. package/components/Select/SelectView.d.ts.map +0 -1
  112. package/components/Select/SelectView.js +0 -29
  113. package/components/Select/index.d.ts +0 -5
  114. package/components/Select/index.d.ts.map +0 -1
  115. package/components/Select/index.js +0 -19
  116. package/components/Select/types.d.ts +0 -4
  117. package/components/Select/types.d.ts.map +0 -1
  118. package/components/Select/types.js +0 -5
  119. package/components/Select/views/b2c/SelectButton.d.ts +0 -4
  120. package/components/Select/views/b2c/SelectButton.d.ts.map +0 -1
  121. package/components/Select/views/b2c/SelectButton.js +0 -18
  122. package/components/Select/views/b2c/SelectDropdown.d.ts +0 -2
  123. package/components/Select/views/b2c/SelectDropdown.d.ts.map +0 -1
  124. package/components/Select/views/b2c/SelectDropdown.js +0 -11
  125. package/components/Select/views/b2c/SelectView.d.ts +0 -7
  126. package/components/Select/views/b2c/SelectView.d.ts.map +0 -1
  127. package/components/Select/views/b2c/SelectView.js +0 -76
  128. package/components/Select/views/web/SelectView.d.ts +0 -7
  129. package/components/Select/views/web/SelectView.d.ts.map +0 -1
  130. package/components/Select/views/web/SelectView.js +0 -73
  131. package/components/Select/withMultiSelect.d.ts +0 -24
  132. package/components/Select/withMultiSelect.d.ts.map +0 -1
  133. package/components/Select/withMultiSelect.js +0 -54
  134. package/components/Select/withSingleSelect.d.ts +0 -20
  135. package/components/Select/withSingleSelect.d.ts.map +0 -1
  136. package/components/Select/withSingleSelect.js +0 -47
  137. package/components/Slider/Slider.d.ts +0 -4
  138. package/components/Slider/Slider.d.ts.map +0 -1
  139. package/components/Slider/Slider.js +0 -14
  140. package/components/Slider/index.d.ts +0 -2
  141. package/components/Slider/index.d.ts.map +0 -1
  142. package/components/Slider/index.js +0 -12
  143. package/components/Switch/Switch.d.ts +0 -6
  144. package/components/Switch/Switch.d.ts.map +0 -1
  145. package/components/Switch/Switch.js +0 -17
  146. package/components/Switch/index.d.ts +0 -3
  147. package/components/Switch/index.d.ts.map +0 -1
  148. package/components/Switch/index.js +0 -12
  149. package/components/Typography/Body/index.d.ts +0 -2
  150. package/components/Typography/Body/index.d.ts.map +0 -1
  151. package/components/Typography/Body/index.js +0 -18
  152. package/components/Typography/Button/index.d.ts +0 -2
  153. package/components/Typography/Button/index.d.ts.map +0 -1
  154. package/components/Typography/Button/index.js +0 -18
  155. package/components/Typography/Caption/index.d.ts +0 -2
  156. package/components/Typography/Caption/index.d.ts.map +0 -1
  157. package/components/Typography/Caption/index.js +0 -12
  158. package/components/Typography/Footnote/index.d.ts +0 -2
  159. package/components/Typography/Footnote/index.d.ts.map +0 -1
  160. package/components/Typography/Footnote/index.js +0 -18
  161. package/components/Typography/Headline/index.d.ts +0 -4
  162. package/components/Typography/Headline/index.d.ts.map +0 -1
  163. package/components/Typography/Headline/index.js +0 -52
  164. package/components/Typography/Paragraph/index.d.ts +0 -2
  165. package/components/Typography/Paragraph/index.d.ts.map +0 -1
  166. package/components/Typography/Paragraph/index.js +0 -36
  167. package/components/Typography/Subtitle/index.d.ts +0 -2
  168. package/components/Typography/Subtitle/index.d.ts.map +0 -1
  169. package/components/Typography/Subtitle/index.js +0 -21
  170. package/components/Typography/Underline/index.d.ts +0 -2
  171. package/components/Typography/Underline/index.d.ts.map +0 -1
  172. package/components/Typography/Underline/index.js +0 -12
  173. package/components/Typography/index.d.ts +0 -11
  174. package/components/Typography/index.d.ts.map +0 -1
  175. package/components/Typography/index.js +0 -223
  176. package/es/components/Badge/Badge.js +0 -22
  177. package/es/components/Badge/index.js +0 -2
  178. package/es/components/Cell/Cell.js +0 -25
  179. package/es/components/Cell/index.js +0 -1
  180. package/es/components/Dropdown/Dropdown.component-test.js +0 -544
  181. package/es/components/Dropdown/Dropdown.js +0 -55
  182. package/es/components/Dropdown/Dropdown.types.js +0 -3
  183. package/es/components/Dropdown/DropdownItem.js +0 -114
  184. package/es/components/Dropdown/DropdownList.js +0 -15
  185. package/es/components/Dropdown/DropdownMenu.js +0 -53
  186. package/es/components/Dropdown/DropdownPopup.js +0 -39
  187. package/es/components/Dropdown/DropdownUncontrolled.js +0 -61
  188. package/es/components/Dropdown/index.js +0 -6
  189. package/es/components/Dropdown/keyboardNavigation/index.js +0 -1
  190. package/es/components/Dropdown/keyboardNavigation/useKeyboardNavigation.js +0 -52
  191. package/es/components/Dropdown/keyboardNavigation/useOnComboType.js +0 -24
  192. package/es/components/Dropdown/keyboardNavigation/useSearchString.js +0 -40
  193. package/es/components/Dropdown/keyboardNavigation/utils.js +0 -170
  194. package/es/components/Dropdown/withAssistiveDropdown.js +0 -126
  195. package/es/components/Editable/Editable.component-test.js +0 -111
  196. package/es/components/Editable/Editable.js +0 -145
  197. package/es/components/Editable/index.js +0 -1
  198. package/es/components/List/List.js +0 -7
  199. package/es/components/List/ListItem.js +0 -7
  200. package/es/components/List/index.js +0 -2
  201. package/es/components/Price/Price.js +0 -10
  202. package/es/components/Price/index.js +0 -1
  203. package/es/components/Select/Select.js +0 -29
  204. package/es/components/Select/Select.utils.js +0 -44
  205. package/es/components/Select/SelectButton.js +0 -67
  206. package/es/components/Select/SelectDropdown.js +0 -9
  207. package/es/components/Select/SelectGroup.js +0 -6
  208. package/es/components/Select/SelectView.js +0 -21
  209. package/es/components/Select/index.js +0 -2
  210. package/es/components/Select/types.js +0 -1
  211. package/es/components/Select/views/b2c/SelectButton.js +0 -12
  212. package/es/components/Select/views/b2c/SelectDropdown.js +0 -5
  213. package/es/components/Select/views/b2c/SelectView.js +0 -67
  214. package/es/components/Select/views/web/SelectView.js +0 -64
  215. package/es/components/Select/withMultiSelect.js +0 -46
  216. package/es/components/Select/withSingleSelect.js +0 -39
  217. package/es/components/Slider/Slider.js +0 -7
  218. package/es/components/Slider/index.js +0 -1
  219. package/es/components/Switch/Switch.js +0 -10
  220. package/es/components/Switch/index.js +0 -1
  221. package/es/components/Typography/Body/index.js +0 -1
  222. package/es/components/Typography/Button/index.js +0 -1
  223. package/es/components/Typography/Caption/index.js +0 -1
  224. package/es/components/Typography/Footnote/index.js +0 -1
  225. package/es/components/Typography/Headline/index.js +0 -20
  226. package/es/components/Typography/Paragraph/index.js +0 -1
  227. package/es/components/Typography/Subtitle/index.js +0 -14
  228. package/es/components/Typography/Underline/index.js +0 -1
  229. package/es/components/Typography/index.js +0 -9
@@ -1,30 +0,0 @@
1
- import React from 'react';
2
- import type { DetailedHTMLProps, HTMLAttributes, ReactNode, SyntheticEvent } from 'react';
3
- import type { DropdownItem as DropdownItemType, DropdownNode as DropdownNodeType, OnHover } from './Dropdown.types';
4
- export interface DropdownItemProps extends DropdownNodeType, Omit<DetailedHTMLProps<HTMLAttributes<HTMLLIElement>, HTMLLIElement>, 'onClick' | 'ref'> {
5
- /**
6
- * Цвет текста.
7
- */
8
- color?: string;
9
- /**
10
- * Слот для контента слева, например `Icon`.
11
- */
12
- contentLeft?: ReactNode;
13
- /**
14
- * Элемент активен (выбран).
15
- */
16
- isActive?: boolean;
17
- /**
18
- * Программный hover (нужен для навигации с клавиатуры).
19
- */
20
- isHovered?: boolean;
21
- index: number;
22
- onClick?: (item: DropdownItemType, event: SyntheticEvent) => void;
23
- onHover?: OnHover;
24
- onFocus?: () => void;
25
- }
26
- /**
27
- * Элемент выпадающего списка.
28
- */
29
- export declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLLIElement>>;
30
- //# sourceMappingURL=DropdownItem.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownItem.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown/DropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AACxE,OAAO,KAAK,EAAE,iBAAiB,EAAE,cAAc,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAK1F,OAAO,KAAK,EAAE,YAAY,IAAI,gBAAgB,EAAE,YAAY,IAAI,gBAAgB,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEpH,MAAM,WAAW,iBACb,SAAQ,gBAAgB,EACpB,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,aAAa,CAAC,EAAE,aAAa,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;IAC5F;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AA0FD;;GAEG;AACH,eAAO,MAAM,YAAY,yFAgFvB,CAAC"}
@@ -1,122 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.DropdownItem = void 0;
8
- var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
9
- var _styledComponents = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("styled-components"));
10
- var _plasmaCore = /*#__PURE__*/require("@salutejs/plasma-core");
11
- var _plasmaIcons = /*#__PURE__*/require("@salutejs/plasma-icons");
12
- var _collectPackageInfo = /*#__PURE__*/require("../../collectPackageInfo");
13
- var _StyledDot, _StyledChevron, _StyledCheck;
14
- var _excluded = ["value", "label", "isActive", "isDisabled", "isHovered", "color", "contentLeft", "items", "role", "index", "onClick", "onHover", "onFocus"];
15
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
16
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
17
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
18
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
19
- (0, _collectPackageInfo.collectPackageInfo)('Dropdown/DropdownItem');
20
- var StyledDropdownItem = /*#__PURE__*/_styledComponents["default"].li.withConfig({
21
- componentId: "plasma-web-core__sc-sdbmry-0"
22
- })(["display:flex;flex:1;align-items:center;justify-content:flex-start;box-sizing:border-box;text-decoration:none;height:var(--plasma-dropdown-item-height,3rem);padding:var(--plasma-dropdown-item-padding,1rem);border-radius:var(--plasma-dropdown-item-border-radius,0);font-family:var(--plasma-dropdown-item-font-family,", ");font-size:var(--plasma-dropdown-item-font-size,", ");font-weight:var(--plasma-dropdown-item-font-weight,", ");line-height:var(--plasma-dropdown-item-line-height,", ");letter-spacing:var(--plasma-dropdown-item-letter-spacing,", ");background-color:transparent;color:", ";transition:background-color 0.3s ease-in-out;cursor:pointer;", " &:focus{outline:0 none;}", " &:active{background-color:var(--surface-transparent-tertiary);}", ""], _plasmaCore.body1.fontFamily, _plasmaCore.body1.fontSize, _plasmaCore.body1.fontWeight, _plasmaCore.body1.lineHeight, _plasmaCore.body1.letterSpacing, function (_ref) {
23
- var $color = _ref.$color;
24
- return $color || 'var(--text-primary)';
25
- }, function (_ref2) {
26
- var $withAssistive = _ref2.$withAssistive,
27
- $color = _ref2.$color;
28
- return !$withAssistive && (0, _styledComponents.css)(["&:hover,&:focus{color:", ";background-color:var(--surface-transparent-secondary);}"], $color || 'var(--text-primary)');
29
- }, function (_ref3) {
30
- var $hover = _ref3.$hover,
31
- $color = _ref3.$color;
32
- return $hover && (0, _styledComponents.css)(["color:", ";background-color:var(--surface-transparent-secondary);"], $color || 'var(--text-primary)');
33
- }, _plasmaCore.applyDisabled);
34
- var StyledContent = /*#__PURE__*/_styledComponents["default"].div.withConfig({
35
- componentId: "plasma-web-core__sc-sdbmry-1"
36
- })(["display:inline-flex;margin-right:0.375rem;"]);
37
- var StyledText = /*#__PURE__*/_styledComponents["default"].span.withConfig({
38
- componentId: "plasma-web-core__sc-sdbmry-2"
39
- })(["", ";margin-right:0.625rem;pointer-events:none;user-select:none;"], _plasmaCore.applyEllipsis);
40
- var StyledChevron = /*#__PURE__*/(0, _styledComponents["default"])(_plasmaIcons.IconChevronRight).withConfig({
41
- componentId: "plasma-web-core__sc-sdbmry-3"
42
- })(["margin-left:auto;pointer-events:none;margin-right:-0.25rem;"]);
43
- var StyledCheck = /*#__PURE__*/(0, _styledComponents["default"])(_plasmaIcons.IconDone).withConfig({
44
- componentId: "plasma-web-core__sc-sdbmry-4"
45
- })(["margin-left:auto;pointer-events:none;margin-right:-0.5rem;"]);
46
- var StyledDot = /*#__PURE__*/_styledComponents["default"].div.withConfig({
47
- componentId: "plasma-web-core__sc-sdbmry-5"
48
- })(["width:0.375rem;height:0.375rem;background-color:var(--text-accent);border-radius:50%;"]);
49
-
50
- /**
51
- * Элемент выпадающего списка.
52
- */
53
- var DropdownItem = exports.DropdownItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, outerRef) {
54
- var _items$filter;
55
- var value = props.value,
56
- label = props.label,
57
- isActive = props.isActive,
58
- isDisabled = props.isDisabled,
59
- isHovered = props.isHovered,
60
- color = props.color,
61
- contentLeft = props.contentLeft,
62
- _props$items = props.items,
63
- items = _props$items === void 0 ? [] : _props$items,
64
- _props$role = props.role,
65
- role = _props$role === void 0 ? 'menuitem' : _props$role,
66
- index = props.index,
67
- onClickExternal = props.onClick,
68
- onHover = props.onHover,
69
- onFocus = props.onFocus,
70
- rest = _objectWithoutProperties(props, _excluded);
71
- var ref = (0, _react.useRef)(null);
72
- var forkRef = (0, _plasmaCore.useForkRef)(outerRef, ref);
73
- var hasItems = Boolean(items.length);
74
- var isActiveAsSingleOrNode = Boolean(isActive || ((_items$filter = items.filter(function (item) {
75
- return item.isActive;
76
- })) === null || _items$filter === void 0 ? void 0 : _items$filter.length));
77
- var contentRight = (0, _react.useMemo)(function () {
78
- if (hasItems) {
79
- return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isActiveAsSingleOrNode && (_StyledDot || (_StyledDot = /*#__PURE__*/_react["default"].createElement(StyledDot, null))), _StyledChevron || (_StyledChevron = /*#__PURE__*/_react["default"].createElement(StyledChevron, {
80
- size: "xs"
81
- })));
82
- }
83
- if (isActive) {
84
- return _StyledCheck || (_StyledCheck = /*#__PURE__*/_react["default"].createElement(StyledCheck, {
85
- size: "s",
86
- color: "var(--text-accent)"
87
- }));
88
- }
89
- return null;
90
- }, [isActive, isActiveAsSingleOrNode, hasItems]);
91
- var onClick = (0, _react.useCallback)(function (event) {
92
- var _ref$current;
93
- event.preventDefault();
94
- var targetIsItem = event.target === ref.current;
95
- var targetInItem = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.contains(event.target);
96
- if (value !== undefined && !isDisabled && (targetIsItem || targetInItem)) {
97
- onClickExternal === null || onClickExternal === void 0 || onClickExternal({
98
- value: value,
99
- label: label
100
- }, event);
101
- }
102
- }, [value, label, isDisabled, onClickExternal]);
103
- var onMouseOver = (0, _react.useCallback)(function () {
104
- onHover === null || onHover === void 0 || onHover(index);
105
- }, [value, label, isDisabled, onClickExternal]);
106
- return /*#__PURE__*/_react["default"].createElement(StyledDropdownItem, _extends({}, rest, {
107
- ref: forkRef,
108
- $withAssistive: Boolean(onHover),
109
- $hover: isHovered,
110
- $disabled: isDisabled,
111
- $color: color,
112
- role: role,
113
- "aria-label": label,
114
- "aria-disabled": isDisabled,
115
- "aria-selected": role === 'option' ? isActiveAsSingleOrNode : undefined,
116
- onClick: onClick,
117
- onMouseOver: onMouseOver,
118
- onFocus: onFocus
119
- }), contentLeft && /*#__PURE__*/_react["default"].createElement(StyledContent, null, contentLeft), label && /*#__PURE__*/_react["default"].createElement(StyledText, {
120
- role: "presentation"
121
- }, label), contentRight);
122
- });
@@ -1,22 +0,0 @@
1
- import { InterpolationFunction } from 'styled-components';
2
- import { CSSProperties } from 'react';
3
- /**
4
- * Выпадающий список.
5
- */
6
- export declare const DropdownList: import("styled-components").StyledComponent<"ul", any, {}, never>;
7
- export interface DropdownListCssProperties {
8
- /**
9
- * Значение css overflow для выпадающего меню.
10
- * @default initial
11
- * @example listOverflow="scroll"
12
- */
13
- listOverflow?: CSSProperties['overflow'];
14
- /**
15
- * Значение css height для выпадающего меню.
16
- * @default initial
17
- * @example listHeight="11", listHeight="auto", listHeight={11}
18
- */
19
- listHeight?: number | CSSProperties['height'];
20
- }
21
- export declare const applyDropdownListCssProperties: InterpolationFunction<DropdownListCssProperties>;
22
- //# sourceMappingURL=DropdownList.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownList.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown/DropdownList.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAO,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAEtC;;GAEG;AACH,eAAO,MAAM,YAAY,mEAiBxB,CAAC;AAEF,MAAM,WAAW,yBAAyB;IACtC;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC,UAAU,CAAC,CAAC;IACzC;;;;OAIG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC,QAAQ,CAAC,CAAC;CACjD;AAED,eAAO,MAAM,8BAA8B,EAAE,qBAAqB,CAAC,yBAAyB,CAU3F,CAAC"}
@@ -1,23 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.applyDropdownListCssProperties = exports.DropdownList = void 0;
8
- var _styledComponents = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("styled-components"));
9
- var _collectPackageInfo = /*#__PURE__*/require("../../collectPackageInfo");
10
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
11
- /**
12
- * Выпадающий список.
13
- */
14
- (0, _collectPackageInfo.collectPackageInfo)('Dropdown/DropdownList');
15
- var DropdownList = exports.DropdownList = /*#__PURE__*/_styledComponents["default"].ul.withConfig({
16
- componentId: "plasma-web-core__sc-ghowbu-0"
17
- })(["margin:0;padding:var(--plasma-dropdown-padding,0);width:100%;height:var(--plasma-dropdown-height,initial);border-radius:var(--plasma-dropdown-border-radius,0);background-color:var(--plasma-dropdown-background,var(--surface-solid-card));box-shadow:0 0.75rem 1.75rem rgba(0,0,0,0.08);transition:opacity 0.3s ease-in-out;list-style:none;box-sizing:border-box;overflow-y:var(--plasma-dropdown-overflow,initial);"]);
18
- var applyDropdownListCssProperties = exports.applyDropdownListCssProperties = function applyDropdownListCssProperties(_ref) {
19
- var listHeight = _ref.listHeight,
20
- listOverflow = _ref.listOverflow;
21
- var computedHeight = !Number.isNaN(Number(listHeight)) ? "".concat(listHeight, "rem") : listHeight;
22
- return (0, _styledComponents.css)(["--plasma-dropdown-height:", ";--plasma-dropdown-overflow:", ";"], computedHeight, listOverflow);
23
- };
@@ -1,30 +0,0 @@
1
- import React, { HTMLAttributes, FC } from 'react';
2
- import type { DropdownNode, OnHover, OnItemSelect } from './Dropdown.types';
3
- export interface DropdownMenuProps extends HTMLAttributes<HTMLUListElement> {
4
- /**
5
- * Список элементов.
6
- */
7
- items: Array<DropdownNode>;
8
- /**
9
- * Индекс item, который нужно подсветить.
10
- */
11
- hoverIndex?: number;
12
- /**
13
- * WAI-ARIA role элемента меню.
14
- */
15
- itemRole?: string;
16
- /**
17
- * Обработчик выбора item.
18
- */
19
- onItemSelect?: OnItemSelect;
20
- /**
21
- * Обработчик наведения на item.
22
- */
23
- onHover?: OnHover;
24
- children?: React.ReactNode;
25
- }
26
- /**
27
- * Меню dropdown, выводящее текущий список и все вложенные в него списки в popup.
28
- */
29
- export declare const DropdownMenu: FC<DropdownMenuProps>;
30
- //# sourceMappingURL=DropdownMenu.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownMenu.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown/DropdownMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAKlD,OAAO,KAAK,EAAE,YAAY,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAE5E,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,gBAAgB,CAAC;IACvE;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,EAAE,CAAC,iBAAiB,CAiD9C,CAAC"}
@@ -1,60 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.DropdownMenu = void 0;
7
- var _react = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("react"));
8
- var _DropdownPopup = /*#__PURE__*/require("./DropdownPopup");
9
- var _DropdownList = /*#__PURE__*/require("./DropdownList");
10
- var _DropdownItem = /*#__PURE__*/require("./DropdownItem");
11
- var _excluded = ["id", "items", "hoverIndex", "itemRole", "onItemSelect", "onHover", "role"];
12
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
13
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
14
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
15
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
16
- /**
17
- * Меню dropdown, выводящее текущий список и все вложенные в него списки в popup.
18
- */
19
- var DropdownMenu = exports.DropdownMenu = function DropdownMenu(_ref) {
20
- var id = _ref.id,
21
- items = _ref.items,
22
- hoverIndex = _ref.hoverIndex,
23
- itemRole = _ref.itemRole,
24
- onItemSelect = _ref.onItemSelect,
25
- onHover = _ref.onHover,
26
- _ref$role = _ref.role,
27
- role = _ref$role === void 0 ? 'menu' : _ref$role,
28
- rest = _objectWithoutProperties(_ref, _excluded);
29
- return /*#__PURE__*/_react["default"].createElement(_DropdownList.DropdownList, _extends({}, rest, {
30
- id: id,
31
- role: role
32
- }), items.map(function (item, i) {
33
- return item.items && item.items.length ? /*#__PURE__*/_react["default"].createElement(_DropdownPopup.DropdownSelfControlledPopup, {
34
- role: "presentation",
35
- key: item.value,
36
- id: id ? "".concat(id, "-nested-").concat(i) : id,
37
- trigger: "hover",
38
- placement: "right",
39
- disclosure: /*#__PURE__*/_react["default"].createElement(_DropdownItem.DropdownItem, _extends({}, item, {
40
- id: id ? "".concat(id, "-item-").concat(i) : id,
41
- role: itemRole,
42
- isHovered: i === hoverIndex,
43
- index: i,
44
- onClick: onItemSelect,
45
- onHover: onHover
46
- }))
47
- }, /*#__PURE__*/_react["default"].createElement(DropdownMenu, {
48
- items: item.items,
49
- onItemSelect: onItemSelect
50
- })) : /*#__PURE__*/_react["default"].createElement(_DropdownItem.DropdownItem, _extends({}, item, {
51
- key: item.value,
52
- id: id ? "".concat(id, "-item-").concat(i) : id,
53
- role: itemRole,
54
- isHovered: i === hoverIndex,
55
- index: i,
56
- onClick: onItemSelect,
57
- onHover: onHover
58
- }));
59
- }));
60
- };
@@ -1,18 +0,0 @@
1
- import React, { FC } from 'react';
2
- import { PopupProps } from '../Popup';
3
- export interface DropdownPopupProps extends PopupProps {
4
- /**
5
- * Отступ сверху.
6
- * @deprecated
7
- */
8
- offsetTop?: string | number;
9
- }
10
- /**
11
- * Popup с внешним контролем над видимостью через props: `opened` и `onToggle`.
12
- */
13
- export declare const DropdownPopup: import("styled-components").StyledComponent<React.NamedExoticComponent<PopupProps & React.RefAttributes<HTMLDivElement>>, any, DropdownPopupProps, never>;
14
- /**
15
- * Popup, не требующий внешнего контроля над видимостью.
16
- */
17
- export declare const DropdownSelfControlledPopup: FC<Omit<DropdownPopupProps, 'opened' | 'isOpen' | 'onToggle'>>;
18
- //# sourceMappingURL=DropdownPopup.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownPopup.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown/DropdownPopup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,EAAY,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAE7C,MAAM,WAAW,kBAAmB,SAAQ,UAAU;IAClD;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC/B;AAED;;GAEG;AACH,eAAO,MAAM,aAAa,2JAczB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,2BAA2B,EAAE,EAAE,CAAC,IAAI,CAAC,kBAAkB,EAAE,QAAQ,GAAG,QAAQ,GAAG,UAAU,CAAC,CAMtG,CAAC"}
@@ -1,47 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.DropdownSelfControlledPopup = exports.DropdownPopup = void 0;
8
- var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
9
- var _styledComponents = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("styled-components"));
10
- var _Popup = /*#__PURE__*/require("../Popup");
11
- var _collectPackageInfo = /*#__PURE__*/require("../../collectPackageInfo");
12
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
13
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
14
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
15
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
16
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
17
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
18
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
19
- function _objectDestructuringEmpty(t) { if (null == t) throw new TypeError("Cannot destructure " + t); }
20
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
21
- (0, _collectPackageInfo.collectPackageInfo)('Dropdown/DropdownPopup');
22
- /**
23
- * Popup с внешним контролем над видимостью через props: `opened` и `onToggle`.
24
- */
25
- var DropdownPopup = exports.DropdownPopup = /*#__PURE__*/(0, _styledComponents["default"])(_Popup.Popup).withConfig({
26
- componentId: "plasma-web-core__sc-psgcp9-0"
27
- })(["& &{width:100%;--plasma-popup-width:var(--plasma-popup-nested-width);--plasma-popup-padding:var(--plasma-popup-nested-padding);--plasma-popup-margin:var(--plasma-popup-nested-margin);}", ""], function (_ref) {
28
- var offsetTop = _ref.offsetTop;
29
- return offsetTop !== undefined && (0, _styledComponents.css)(["--plasma-popup-padding:", " 0 0;"], offsetTop);
30
- });
31
-
32
- /**
33
- * Popup, не требующий внешнего контроля над видимостью.
34
- */
35
- var DropdownSelfControlledPopup = exports.DropdownSelfControlledPopup = function DropdownSelfControlledPopup(_ref2) {
36
- var rest = _extends({}, (_objectDestructuringEmpty(_ref2), _ref2));
37
- var _useState = (0, _react.useState)(false),
38
- _useState2 = _slicedToArray(_useState, 2),
39
- isOpen = _useState2[0],
40
- setIsOpen = _useState2[1];
41
- return /*#__PURE__*/_react["default"].createElement(DropdownPopup, _extends({}, rest, {
42
- opened: isOpen,
43
- onToggle: function onToggle(is) {
44
- return setIsOpen(is);
45
- }
46
- }));
47
- };
@@ -1,12 +0,0 @@
1
- import { FC } from 'react';
2
- import type { DisabledProps } from '@salutejs/plasma-core';
3
- import { PickOptional } from '../../types';
4
- import { DropdownMenuProps } from './DropdownMenu';
5
- import { DropdownPopupProps } from './DropdownPopup';
6
- export interface DropdownUncontrolledProps extends DisabledProps, Omit<DropdownMenuProps, 'onKeyDown' | 'onBlur'>, PickOptional<DropdownPopupProps, 'opened' | 'isOpen' | 'placement' | 'trigger' | 'offsetTop' | 'onToggle' | 'onKeyDown' | 'onBlur'> {
7
- }
8
- /**
9
- * Выпадающий список с внешнего контроля видимости через props: `opened` и `onToggle`.
10
- */
11
- export declare const DropdownUncontrolled: FC<DropdownUncontrolledProps>;
12
- //# sourceMappingURL=DropdownUncontrolled.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DropdownUncontrolled.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown/DropdownUncontrolled.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAC/C,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAE3D,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAiB,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAEpE,MAAM,WAAW,yBACb,SAAQ,aAAa,EACjB,IAAI,CAAC,iBAAiB,EAAE,WAAW,GAAG,QAAQ,CAAC,EAC/C,YAAY,CACR,kBAAkB,EAClB,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,CACpG;CAAG;AAEZ;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CAyD9D,CAAC"}
@@ -1,69 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.DropdownUncontrolled = void 0;
8
- var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"));
9
- var _DropdownMenu = /*#__PURE__*/require("./DropdownMenu");
10
- var _DropdownPopup = /*#__PURE__*/require("./DropdownPopup");
11
- var _collectPackageInfo = /*#__PURE__*/require("../../collectPackageInfo");
12
- var _excluded = ["id", "isOpen", "opened", "items", "children", "offsetTop", "disabled", "style", "className", "hoverIndex", "placement", "trigger", "onBlur", "onKeyDown", "onToggle", "onItemSelect", "onHover"];
13
- function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
14
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
15
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
16
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
17
- (0, _collectPackageInfo.collectPackageInfo)('Dropdown/DropdownUncontrolled');
18
- /**
19
- * Выпадающий список с внешнего контроля видимости через props: `opened` и `onToggle`.
20
- */
21
- var DropdownUncontrolled = exports.DropdownUncontrolled = function DropdownUncontrolled(_ref) {
22
- var id = _ref.id,
23
- isOpen = _ref.isOpen,
24
- opened = _ref.opened,
25
- items = _ref.items,
26
- children = _ref.children,
27
- offsetTop = _ref.offsetTop,
28
- disabled = _ref.disabled,
29
- style = _ref.style,
30
- className = _ref.className,
31
- hoverIndex = _ref.hoverIndex,
32
- _ref$placement = _ref.placement,
33
- placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
34
- _ref$trigger = _ref.trigger,
35
- trigger = _ref$trigger === void 0 ? 'click' : _ref$trigger,
36
- onBlur = _ref.onBlur,
37
- onKeyDown = _ref.onKeyDown,
38
- onToggleExternal = _ref.onToggle,
39
- onItemSelect = _ref.onItemSelect,
40
- onHover = _ref.onHover,
41
- rest = _objectWithoutProperties(_ref, _excluded);
42
- var innerIsOpen = Boolean(isOpen || opened);
43
- var hasItems = Array.isArray(items) && items.length > 0;
44
- var onToggle = (0, _react.useCallback)(function (newIsOpen, event) {
45
- if (newIsOpen && hasItems && !disabled) {
46
- onToggleExternal === null || onToggleExternal === void 0 || onToggleExternal(true, event);
47
- } else {
48
- onToggleExternal === null || onToggleExternal === void 0 || onToggleExternal(false, event);
49
- }
50
- }, [onToggleExternal, disabled, hasItems]);
51
- return /*#__PURE__*/_react["default"].createElement(_DropdownPopup.DropdownPopup, {
52
- opened: innerIsOpen,
53
- trigger: trigger,
54
- placement: placement,
55
- disclosure: children,
56
- offsetTop: offsetTop,
57
- style: style,
58
- className: className,
59
- onToggle: onToggle,
60
- onKeyDown: onKeyDown,
61
- onBlur: onBlur
62
- }, /*#__PURE__*/_react["default"].createElement(_DropdownMenu.DropdownMenu, _extends({}, rest, {
63
- id: id,
64
- items: items,
65
- hoverIndex: hoverIndex,
66
- onHover: onHover,
67
- onItemSelect: onItemSelect
68
- })));
69
- };
@@ -1,13 +0,0 @@
1
- export { Dropdown } from './Dropdown';
2
- export type { DropdownProps } from './Dropdown';
3
- export { DropdownList, applyDropdownListCssProperties } from './DropdownList';
4
- export type { DropdownListCssProperties } from './DropdownList';
5
- export { DropdownItem } from './DropdownItem';
6
- export type { DropdownItemProps } from './DropdownItem';
7
- export { DropdownPopup } from './DropdownPopup';
8
- export type { DropdownPopupProps } from './DropdownPopup';
9
- export type { DropdownItem as DropdownItemType, DropdownNode as DropdownNodeType } from './Dropdown.types';
10
- export { withAssistiveDropdown } from './withAssistiveDropdown';
11
- export { DropdownUncontrolled } from './DropdownUncontrolled';
12
- export type { DropdownUncontrolledProps } from './DropdownUncontrolled';
13
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,OAAO,EAAE,YAAY,EAAE,8BAA8B,EAAE,MAAM,gBAAgB,CAAC;AAC9E,YAAY,EAAE,yBAAyB,EAAE,MAAM,gBAAgB,CAAC;AAEhE,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAE1D,YAAY,EAAE,YAAY,IAAI,gBAAgB,EAAE,YAAY,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAE3G,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,YAAY,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC"}
@@ -1,53 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "Dropdown", {
7
- enumerable: true,
8
- get: function get() {
9
- return _Dropdown.Dropdown;
10
- }
11
- });
12
- Object.defineProperty(exports, "DropdownItem", {
13
- enumerable: true,
14
- get: function get() {
15
- return _DropdownItem.DropdownItem;
16
- }
17
- });
18
- Object.defineProperty(exports, "DropdownList", {
19
- enumerable: true,
20
- get: function get() {
21
- return _DropdownList.DropdownList;
22
- }
23
- });
24
- Object.defineProperty(exports, "DropdownPopup", {
25
- enumerable: true,
26
- get: function get() {
27
- return _DropdownPopup.DropdownPopup;
28
- }
29
- });
30
- Object.defineProperty(exports, "DropdownUncontrolled", {
31
- enumerable: true,
32
- get: function get() {
33
- return _DropdownUncontrolled.DropdownUncontrolled;
34
- }
35
- });
36
- Object.defineProperty(exports, "applyDropdownListCssProperties", {
37
- enumerable: true,
38
- get: function get() {
39
- return _DropdownList.applyDropdownListCssProperties;
40
- }
41
- });
42
- Object.defineProperty(exports, "withAssistiveDropdown", {
43
- enumerable: true,
44
- get: function get() {
45
- return _withAssistiveDropdown.withAssistiveDropdown;
46
- }
47
- });
48
- var _Dropdown = /*#__PURE__*/require("./Dropdown");
49
- var _DropdownList = /*#__PURE__*/require("./DropdownList");
50
- var _DropdownItem = /*#__PURE__*/require("./DropdownItem");
51
- var _DropdownPopup = /*#__PURE__*/require("./DropdownPopup");
52
- var _withAssistiveDropdown = /*#__PURE__*/require("./withAssistiveDropdown");
53
- var _DropdownUncontrolled = /*#__PURE__*/require("./DropdownUncontrolled");
@@ -1,2 +0,0 @@
1
- export { useKeyboardNavigation, INITIAL_INDEX } from './useKeyboardNavigation';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/keyboardNavigation/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC"}
@@ -1,18 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "INITIAL_INDEX", {
7
- enumerable: true,
8
- get: function get() {
9
- return _useKeyboardNavigation.INITIAL_INDEX;
10
- }
11
- });
12
- Object.defineProperty(exports, "useKeyboardNavigation", {
13
- enumerable: true,
14
- get: function get() {
15
- return _useKeyboardNavigation.useKeyboardNavigation;
16
- }
17
- });
18
- var _useKeyboardNavigation = /*#__PURE__*/require("./useKeyboardNavigation");
@@ -1,20 +0,0 @@
1
- import type { DropdownPopupProps } from '../DropdownPopup';
2
- import type { DropdownNode, OnItemSelect, OnIndexChange } from '../Dropdown.types';
3
- export interface UseKeyboardNavigationProps {
4
- items: DropdownNode[];
5
- isOpen?: boolean;
6
- index?: number;
7
- onToggle?: DropdownPopupProps['onToggle'];
8
- onItemSelect?: OnItemSelect;
9
- onIndexChange?: OnIndexChange;
10
- }
11
- export declare const INITIAL_INDEX = 0;
12
- /**
13
- * Клавиатурная навигация для dropdown.
14
- * Работает для каждого instance dropdown, (popup) отдельно.
15
- */
16
- export declare const useKeyboardNavigation: ({ items, isOpen, index, onToggle, onItemSelect, onIndexChange, }: UseKeyboardNavigationProps) => {
17
- onKeyDown: import("react").KeyboardEventHandler<Element>;
18
- index: number;
19
- };
20
- //# sourceMappingURL=useKeyboardNavigation.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useKeyboardNavigation.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/keyboardNavigation/useKeyboardNavigation.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAKnF,MAAM,WAAW,0BAA0B;IACvC,KAAK,EAAE,YAAY,EAAE,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,kBAAkB,CAAC,UAAU,CAAC,CAAC;IAC1C,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,aAAa,CAAC,EAAE,aAAa,CAAC;CACjC;AAED,eAAO,MAAM,aAAa,IAAI,CAAC;AAE/B;;;GAGG;AACH,eAAO,MAAM,qBAAqB,qEAO/B,0BAA0B;;;CA0C5B,CAAC"}