@alfalab/core-components-select 10.6.3 → 10.6.6

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 (242) hide show
  1. package/CHANGELOG.md +137 -129
  2. package/dist/Component-ed0d36ed.d.ts +33 -0
  3. package/dist/Component-ed0d36ed.js +359 -0
  4. package/dist/Component-f9672486.d.ts +5 -0
  5. package/dist/Component-f9672486.js +247 -0
  6. package/dist/Component.d.ts +1 -1
  7. package/dist/Component.js +2 -2
  8. package/dist/components/arrow/Component.js +1 -1
  9. package/dist/components/arrow/index.css +3 -3
  10. package/dist/components/base-select/Component.d.ts +0 -5
  11. package/dist/components/base-select/Component.js +11 -241
  12. package/dist/components/base-select/index.css +7 -7
  13. package/dist/components/base-select/index.d.ts +1 -1
  14. package/dist/components/base-select/index.js +2 -2
  15. package/dist/components/checkmark/Component.js +1 -1
  16. package/dist/components/checkmark/index.css +7 -7
  17. package/dist/components/field/Component.js +2 -2
  18. package/dist/components/field/index.css +9 -9
  19. package/dist/components/field/index.js +1 -1
  20. package/dist/components/index.d.ts +1 -0
  21. package/dist/components/index.js +12 -2
  22. package/dist/components/native-select/Component.js +1 -1
  23. package/dist/components/native-select/index.js +1 -1
  24. package/dist/components/optgroup/Component.d.ts +1 -1
  25. package/dist/components/optgroup/Component.js +3 -3
  26. package/dist/components/optgroup/index.css +6 -6
  27. package/dist/components/option/Component.js +2 -2
  28. package/dist/components/option/index.css +20 -20
  29. package/dist/components/option/index.js +1 -1
  30. package/dist/components/options-list/Component.js +4 -4
  31. package/dist/components/options-list/index.css +6 -6
  32. package/dist/components/options-list/index.js +1 -1
  33. package/dist/components/select-mobile/Component.d.ts +0 -0
  34. package/dist/components/select-mobile/Component.js +38 -0
  35. package/dist/components/select-mobile/checkmark/Component.d.ts +4 -0
  36. package/dist/components/select-mobile/checkmark/Component.js +24 -0
  37. package/dist/components/select-mobile/checkmark/index.css +37 -0
  38. package/dist/components/select-mobile/checkmark/index.d.ts +1 -0
  39. package/dist/components/select-mobile/checkmark/index.js +11 -0
  40. package/dist/components/select-mobile/index.css +68 -0
  41. package/dist/components/select-mobile/index.d.ts +1 -0
  42. package/dist/components/select-mobile/index.js +38 -0
  43. package/dist/components/select-mobile/options-list/Component.d.ts +4 -0
  44. package/dist/components/select-mobile/options-list/Component.js +51 -0
  45. package/dist/components/select-mobile/options-list/index.css +65 -0
  46. package/dist/components/select-mobile/options-list/index.d.ts +1 -0
  47. package/dist/components/select-mobile/options-list/index.js +16 -0
  48. package/dist/components/virtual-options-list/Component.js +2 -2
  49. package/dist/components/virtual-options-list/index.css +12 -12
  50. package/dist/components/virtual-options-list/index.js +1 -1
  51. package/dist/cssm/Component-9bc41b6c.d.ts +5 -0
  52. package/dist/cssm/Component-9bc41b6c.js +246 -0
  53. package/dist/cssm/Component-d45c0e41.d.ts +33 -0
  54. package/dist/cssm/Component-d45c0e41.js +365 -0
  55. package/dist/cssm/Component.d.ts +1 -1
  56. package/dist/cssm/Component.js +1 -1
  57. package/dist/cssm/components/base-select/Component.d.ts +0 -5
  58. package/dist/cssm/components/base-select/Component.js +12 -240
  59. package/dist/cssm/components/base-select/index.d.ts +1 -1
  60. package/dist/cssm/components/base-select/index.js +1 -1
  61. package/dist/cssm/components/index.d.ts +1 -0
  62. package/dist/cssm/components/index.js +17 -1
  63. package/dist/cssm/components/optgroup/Component.d.ts +1 -1
  64. package/dist/cssm/components/optgroup/Component.js +2 -2
  65. package/dist/cssm/components/options-list/Component.js +2 -2
  66. package/dist/cssm/components/select-mobile/Component.d.ts +0 -0
  67. package/dist/cssm/components/select-mobile/Component.js +52 -0
  68. package/dist/cssm/components/select-mobile/checkmark/Component.d.ts +4 -0
  69. package/dist/cssm/components/select-mobile/checkmark/Component.js +23 -0
  70. package/dist/cssm/components/select-mobile/checkmark/index.d.ts +1 -0
  71. package/dist/cssm/components/select-mobile/checkmark/index.js +12 -0
  72. package/dist/cssm/components/select-mobile/checkmark/index.module.css +36 -0
  73. package/dist/cssm/components/select-mobile/index.d.ts +1 -0
  74. package/dist/cssm/components/select-mobile/index.js +52 -0
  75. package/dist/cssm/components/select-mobile/index.module.css +67 -0
  76. package/dist/cssm/components/select-mobile/options-list/Component.d.ts +4 -0
  77. package/dist/cssm/components/select-mobile/options-list/Component.js +51 -0
  78. package/dist/cssm/components/select-mobile/options-list/index.d.ts +1 -0
  79. package/dist/cssm/components/select-mobile/options-list/index.js +18 -0
  80. package/dist/cssm/components/select-mobile/options-list/index.module.css +64 -0
  81. package/dist/cssm/getDataTestId-3fe0d3e6.d.ts +2 -0
  82. package/dist/cssm/hook-f5b8fe4f.d.ts +3 -3
  83. package/dist/cssm/index.js +14 -6
  84. package/dist/cssm/presets/index.js +13 -6
  85. package/dist/cssm/presets/useSelectWithApply/hook.js +13 -6
  86. package/dist/cssm/presets/useSelectWithApply/options-list-with-apply/Component.js +12 -5
  87. package/dist/cssm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  88. package/dist/cssm/presets/useSelectWithApply/options-list-with-apply/index.js +12 -5
  89. package/dist/cssm/typings.d.ts +29 -0
  90. package/dist/esm/Component-9afbfef2.d.ts +5 -0
  91. package/dist/esm/Component-9afbfef2.js +238 -0
  92. package/dist/esm/Component-e16d77bb.d.ts +33 -0
  93. package/dist/esm/Component-e16d77bb.js +348 -0
  94. package/dist/esm/Component.d.ts +1 -1
  95. package/dist/esm/Component.js +2 -2
  96. package/dist/esm/components/arrow/Component.js +1 -1
  97. package/dist/esm/components/arrow/index.css +3 -3
  98. package/dist/esm/components/base-select/Component.d.ts +0 -5
  99. package/dist/esm/components/base-select/Component.js +10 -238
  100. package/dist/esm/components/base-select/index.css +7 -7
  101. package/dist/esm/components/base-select/index.d.ts +1 -1
  102. package/dist/esm/components/base-select/index.js +2 -2
  103. package/dist/esm/components/checkmark/Component.js +1 -1
  104. package/dist/esm/components/checkmark/index.css +7 -7
  105. package/dist/esm/components/field/Component.js +2 -2
  106. package/dist/esm/components/field/index.css +9 -9
  107. package/dist/esm/components/field/index.js +1 -1
  108. package/dist/esm/components/index.d.ts +1 -0
  109. package/dist/esm/components/index.js +11 -2
  110. package/dist/esm/components/native-select/Component.js +1 -1
  111. package/dist/esm/components/native-select/index.js +1 -1
  112. package/dist/esm/components/optgroup/Component.d.ts +1 -1
  113. package/dist/esm/components/optgroup/Component.js +3 -3
  114. package/dist/esm/components/optgroup/index.css +6 -6
  115. package/dist/esm/components/option/Component.js +2 -2
  116. package/dist/esm/components/option/index.css +20 -20
  117. package/dist/esm/components/option/index.js +1 -1
  118. package/dist/esm/components/options-list/Component.js +4 -4
  119. package/dist/esm/components/options-list/index.css +6 -6
  120. package/dist/esm/components/options-list/index.js +1 -1
  121. package/dist/esm/components/select-mobile/Component.d.ts +0 -0
  122. package/dist/esm/components/select-mobile/Component.js +30 -0
  123. package/dist/esm/components/select-mobile/checkmark/Component.d.ts +4 -0
  124. package/dist/esm/components/select-mobile/checkmark/Component.js +15 -0
  125. package/dist/esm/components/select-mobile/checkmark/index.css +37 -0
  126. package/dist/esm/components/select-mobile/checkmark/index.d.ts +1 -0
  127. package/dist/esm/components/select-mobile/checkmark/index.js +3 -0
  128. package/dist/esm/components/select-mobile/index.css +68 -0
  129. package/dist/esm/components/select-mobile/index.d.ts +1 -0
  130. package/dist/esm/components/select-mobile/index.js +30 -0
  131. package/dist/esm/components/select-mobile/options-list/Component.d.ts +4 -0
  132. package/dist/esm/components/select-mobile/options-list/Component.js +42 -0
  133. package/dist/esm/components/select-mobile/options-list/index.css +65 -0
  134. package/dist/esm/components/select-mobile/options-list/index.d.ts +1 -0
  135. package/dist/esm/components/select-mobile/options-list/index.js +8 -0
  136. package/dist/esm/components/virtual-options-list/Component.js +2 -2
  137. package/dist/esm/components/virtual-options-list/index.css +12 -12
  138. package/dist/esm/components/virtual-options-list/index.js +1 -1
  139. package/dist/esm/getDataTestId-3fe0d3e6.d.ts +2 -0
  140. package/dist/esm/hook-f5b8fe4f.d.ts +3 -3
  141. package/dist/esm/index.js +9 -5
  142. package/dist/esm/{intersection-observer-d3bb47ca.d.ts → intersection-observer-004c512b.d.ts} +0 -0
  143. package/dist/esm/{intersection-observer-d3bb47ca.js → intersection-observer-004c512b.js} +0 -0
  144. package/dist/esm/presets/index.js +9 -5
  145. package/dist/esm/presets/useLazyLoading/hook.js +3 -3
  146. package/dist/esm/presets/useLazyLoading/index.css +2 -2
  147. package/dist/esm/presets/useSelectWithApply/hook.js +9 -5
  148. package/dist/esm/presets/useSelectWithApply/options-list-with-apply/Component.js +9 -5
  149. package/dist/esm/presets/useSelectWithApply/options-list-with-apply/index.css +4 -4
  150. package/dist/esm/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  151. package/dist/esm/presets/useSelectWithApply/options-list-with-apply/index.js +9 -5
  152. package/dist/esm/presets/useSelectWithLoading/hook.js +2 -2
  153. package/dist/esm/presets/useSelectWithLoading/index.css +2 -2
  154. package/dist/esm/{tslib.es6-16f12dd5.d.ts → tslib.es6-1fd989ad.d.ts} +0 -0
  155. package/dist/esm/{tslib.es6-16f12dd5.js → tslib.es6-1fd989ad.js} +0 -0
  156. package/dist/esm/typings.d.ts +29 -0
  157. package/dist/getDataTestId-3fe0d3e6.d.ts +2 -0
  158. package/dist/hook-f5b8fe4f.d.ts +3 -3
  159. package/dist/index.js +12 -7
  160. package/dist/{intersection-observer-a7fa2c77.d.ts → intersection-observer-e6739adc.d.ts} +0 -0
  161. package/dist/{intersection-observer-a7fa2c77.js → intersection-observer-e6739adc.js} +0 -0
  162. package/dist/modern/Component-25d26613.d.ts +5 -0
  163. package/dist/modern/Component-25d26613.js +247 -0
  164. package/dist/modern/Component-54c400c0.d.ts +33 -0
  165. package/dist/modern/Component-54c400c0.js +363 -0
  166. package/dist/modern/Component.d.ts +1 -1
  167. package/dist/modern/Component.js +1 -1
  168. package/dist/modern/components/arrow/Component.js +1 -1
  169. package/dist/modern/components/arrow/index.css +3 -3
  170. package/dist/modern/components/base-select/Component.d.ts +0 -5
  171. package/dist/modern/components/base-select/Component.js +9 -247
  172. package/dist/modern/components/base-select/index.css +7 -7
  173. package/dist/modern/components/base-select/index.d.ts +1 -1
  174. package/dist/modern/components/base-select/index.js +1 -1
  175. package/dist/modern/components/checkmark/Component.js +1 -1
  176. package/dist/modern/components/checkmark/index.css +7 -7
  177. package/dist/modern/components/field/Component.js +1 -1
  178. package/dist/modern/components/field/index.css +9 -9
  179. package/dist/modern/components/index.d.ts +1 -0
  180. package/dist/modern/components/index.js +10 -1
  181. package/dist/modern/components/optgroup/Component.d.ts +1 -1
  182. package/dist/modern/components/optgroup/Component.js +3 -3
  183. package/dist/modern/components/optgroup/index.css +6 -6
  184. package/dist/modern/components/option/Component.js +1 -1
  185. package/dist/modern/components/option/index.css +20 -20
  186. package/dist/modern/components/options-list/Component.js +3 -3
  187. package/dist/modern/components/options-list/index.css +6 -6
  188. package/dist/modern/components/select-mobile/Component.d.ts +0 -0
  189. package/dist/modern/components/select-mobile/Component.js +29 -0
  190. package/dist/modern/components/select-mobile/checkmark/Component.d.ts +4 -0
  191. package/dist/modern/components/select-mobile/checkmark/Component.js +11 -0
  192. package/dist/modern/components/select-mobile/checkmark/index.css +37 -0
  193. package/dist/modern/components/select-mobile/checkmark/index.d.ts +1 -0
  194. package/dist/modern/components/select-mobile/checkmark/index.js +3 -0
  195. package/dist/modern/components/select-mobile/index.css +68 -0
  196. package/dist/modern/components/select-mobile/index.d.ts +1 -0
  197. package/dist/modern/components/select-mobile/index.js +29 -0
  198. package/dist/modern/components/select-mobile/options-list/Component.d.ts +4 -0
  199. package/dist/modern/components/select-mobile/options-list/Component.js +37 -0
  200. package/dist/modern/components/select-mobile/options-list/index.css +65 -0
  201. package/dist/modern/components/select-mobile/options-list/index.d.ts +1 -0
  202. package/dist/modern/components/select-mobile/options-list/index.js +7 -0
  203. package/dist/modern/components/virtual-options-list/Component.js +1 -1
  204. package/dist/modern/components/virtual-options-list/index.css +12 -12
  205. package/dist/modern/getDataTestId-3fe0d3e6.d.ts +2 -0
  206. package/dist/modern/hook-f5b8fe4f.d.ts +3 -3
  207. package/dist/modern/index.js +8 -4
  208. package/dist/modern/{intersection-observer-d3bb47ca.d.ts → intersection-observer-004c512b.d.ts} +0 -0
  209. package/dist/modern/{intersection-observer-d3bb47ca.js → intersection-observer-004c512b.js} +0 -0
  210. package/dist/modern/presets/index.js +8 -4
  211. package/dist/modern/presets/useLazyLoading/hook.js +2 -2
  212. package/dist/modern/presets/useLazyLoading/index.css +2 -2
  213. package/dist/modern/presets/useSelectWithApply/hook.js +8 -4
  214. package/dist/modern/presets/useSelectWithApply/options-list-with-apply/Component.js +8 -4
  215. package/dist/modern/presets/useSelectWithApply/options-list-with-apply/index.css +4 -4
  216. package/dist/modern/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  217. package/dist/modern/presets/useSelectWithApply/options-list-with-apply/index.js +8 -4
  218. package/dist/modern/presets/useSelectWithLoading/hook.js +1 -1
  219. package/dist/modern/presets/useSelectWithLoading/index.css +2 -2
  220. package/dist/modern/typings.d.ts +29 -0
  221. package/dist/presets/index.js +11 -7
  222. package/dist/presets/useLazyLoading/hook.js +3 -3
  223. package/dist/presets/useLazyLoading/index.css +2 -2
  224. package/dist/presets/useSelectWithApply/hook.js +11 -7
  225. package/dist/presets/useSelectWithApply/options-list-with-apply/Component.js +10 -6
  226. package/dist/presets/useSelectWithApply/options-list-with-apply/index.css +4 -4
  227. package/dist/presets/useSelectWithApply/options-list-with-apply/index.d.ts +1 -1
  228. package/dist/presets/useSelectWithApply/options-list-with-apply/index.js +10 -6
  229. package/dist/presets/useSelectWithLoading/hook.js +2 -2
  230. package/dist/presets/useSelectWithLoading/index.css +2 -2
  231. package/dist/{tslib.es6-e3c7094c.d.ts → tslib.es6-efd670d0.d.ts} +0 -0
  232. package/dist/{tslib.es6-e3c7094c.js → tslib.es6-efd670d0.js} +0 -0
  233. package/dist/typings.d.ts +29 -0
  234. package/package.json +14 -12
  235. package/dist/cssm/hook-3b9bd559.d.ts +0 -12
  236. package/dist/cssm/hook-3b9bd559.js +0 -147
  237. package/dist/esm/hook-25ca47e0.d.ts +0 -12
  238. package/dist/esm/hook-25ca47e0.js +0 -131
  239. package/dist/hook-86df020f.d.ts +0 -12
  240. package/dist/hook-86df020f.js +0 -140
  241. package/dist/modern/hook-722e061a.d.ts +0 -12
  242. package/dist/modern/hook-722e061a.js +0 -132
@@ -0,0 +1,365 @@
1
+ 'use strict';
2
+
3
+ var tslib_es6 = require('./tslib.es6-f8106a15.js');
4
+ var React = require('react');
5
+ var cn = require('classnames');
6
+ require('@alfalab/hooks');
7
+ require('@alfalab/core-components-form-control/dist/cssm');
8
+ var utils = require('./utils.js');
9
+ require('./components/field/index.module.css');
10
+ var components_field_Component = require('./components/field/Component.js');
11
+ require('@alfalab/icons-glyph/ChevronDownMIcon');
12
+ require('./components/arrow/index.module.css');
13
+ var components_arrow_Component = require('./components/arrow/Component.js');
14
+ var mergeRefs = require('react-merge-refs');
15
+ require('./components/optgroup/index.module.css');
16
+ var components_optgroup_Component = require('./components/optgroup/Component.js');
17
+ var components_optionsList_Component = require('./components/options-list/Component.js');
18
+ require('@alfalab/core-components-checkbox/dist/cssm');
19
+ require('./components/checkmark/index.module.css');
20
+ require('./components/option/index.module.css');
21
+ var components_option_Component = require('./components/option/Component.js');
22
+ var downshift = require('downshift');
23
+ var components_baseSelect_Component = require('./Component-9bc41b6c.js');
24
+ require('./Component.js');
25
+ var coreComponentsBottomSheet = require('@alfalab/core-components-bottom-sheet/dist/cssm');
26
+ var coreComponentsButton = require('@alfalab/core-components-button/dist/cssm');
27
+ var components_selectMobile_optionsList_Component = require('./components/select-mobile/options-list/Component.js');
28
+ var components_selectMobile_checkmark_Component = require('./components/select-mobile/checkmark/Component.js');
29
+ var styles = require('./presets/useSelectWithApply/options-list-with-apply/index.module.css');
30
+ var styles$1 = require('./components/select-mobile/index.module.css');
31
+ require('react-virtual');
32
+ require('./components/virtual-options-list/index.module.css');
33
+ require('@alfalab/core-components-skeleton/dist/cssm');
34
+ require('./presets/useSelectWithLoading/index.module.css');
35
+ require('./intersection-observer-8c55e13a.js');
36
+ require('./presets/useLazyLoading/index.module.css');
37
+
38
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
39
+
40
+ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
41
+ var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
42
+ var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
43
+ var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
44
+ var styles__default$1 = /*#__PURE__*/_interopDefaultLegacy(styles$1);
45
+
46
+ var SELECT_ALL_KEY = 'select_all';
47
+ var selectAllOption = { key: SELECT_ALL_KEY, content: 'Выбрать все' };
48
+ function useSelectWithApply(_a) {
49
+ var options = _a.options, selected = _a.selected, _b = _a.onChange, onChange = _b === void 0 ? function () { return null; } : _b, OptionsList = _a.OptionsList, _c = _a.showClear, showClear = _c === void 0 ? true : _c, _d = _a.showSelectAll, showSelectAll = _d === void 0 ? false : _d;
50
+ var _e = React.useMemo(function () { return utils.processOptions(options, selected); }, [
51
+ options,
52
+ selected,
53
+ ]), flatOptions = _e.flatOptions, selectedOptions = _e.selectedOptions;
54
+ var _f = React.useState(selectedOptions), selectedDraft = _f[0], setSelectedDraft = _f[1];
55
+ var selectedOptionsRef = React.useRef(selectedOptions);
56
+ var handleApply = React.useCallback(function () {
57
+ onChange({
58
+ selected: selectedDraft[0],
59
+ selectedMultiple: selectedDraft,
60
+ initiator: null,
61
+ });
62
+ }, [onChange, selectedDraft]);
63
+ var handleClear = React.useCallback(function () {
64
+ setSelectedDraft([]);
65
+ onChange({
66
+ selected: null,
67
+ selectedMultiple: [],
68
+ initiator: null,
69
+ });
70
+ }, [onChange]);
71
+ var handleChange = React.useCallback(function (_a) {
72
+ var initiator = _a.initiator, restArgs = tslib_es6.__rest(_a, ["initiator"]);
73
+ if (!initiator) {
74
+ onChange(tslib_es6.__assign({ initiator: null }, restArgs));
75
+ return;
76
+ }
77
+ var initiatorSelected = selectedDraft.includes(initiator) ||
78
+ (initiator.key === SELECT_ALL_KEY && selectedDraft.length === flatOptions.length);
79
+ if (initiator.key === SELECT_ALL_KEY) {
80
+ setSelectedDraft(initiatorSelected ? [] : flatOptions);
81
+ }
82
+ else {
83
+ setSelectedDraft(initiatorSelected
84
+ ? selectedDraft.filter(function (o) { return o !== initiator; })
85
+ : selectedDraft.concat(initiator));
86
+ }
87
+ }, [flatOptions, onChange, selectedDraft]);
88
+ var handleClose = React.useCallback(function () {
89
+ setSelectedDraft(selectedOptionsRef.current);
90
+ }, []);
91
+ React.useEffect(function () {
92
+ setSelectedDraft(selectedOptions);
93
+ selectedOptionsRef.current = selectedOptions;
94
+ }, [selectedOptions]);
95
+ var memoizedOptions = React.useMemo(function () { return (showSelectAll ? tslib_es6.__spreadArrays([selectAllOption], options) : options); }, [options, showSelectAll]);
96
+ return {
97
+ OptionsList: OptionsListWithApply,
98
+ optionsListProps: {
99
+ OptionsList: OptionsList,
100
+ showClear: showClear && (selectedDraft.length > 0 || selectedOptions.length > 0),
101
+ onClear: handleClear,
102
+ onApply: handleApply,
103
+ onClose: handleClose,
104
+ selectedDraft: selectedDraft,
105
+ },
106
+ allowUnselect: true,
107
+ multiple: true,
108
+ options: memoizedOptions,
109
+ onChange: handleChange,
110
+ selected: selected,
111
+ };
112
+ }
113
+
114
+ var OptionsListWithApply = React.forwardRef(function (_a, ref) {
115
+ var _b;
116
+ var toggleMenu = _a.toggleMenu, _c = _a.OptionsList, OptionsList = _c === void 0 ? components_optionsList_Component.OptionsList : _c, defaultGetOptionProps = _a.getOptionProps, _d = _a.showClear, showClear = _d === void 0 ? true : _d, _e = _a.selectedDraft, selectedDraft = _e === void 0 ? [] : _e, _f = _a.flatOptions, flatOptions = _f === void 0 ? [] : _f, _g = _a.onApply, onApply = _g === void 0 ? function () { return null; } : _g, _h = _a.onClear, onClear = _h === void 0 ? function () { return null; } : _h, _j = _a.onClose, onClose = _j === void 0 ? function () { return null; } : _j, _k = _a.visibleOptions, visibleOptions = _k === void 0 ? 5 : _k, restProps = tslib_es6.__rest(_a, ["toggleMenu", "OptionsList", "getOptionProps", "showClear", "selectedDraft", "flatOptions", "onApply", "onClear", "onClose", "visibleOptions"]);
117
+ var footerRef = React.useRef(null);
118
+ var getOptionProps = React.useCallback(function (option, index) {
119
+ var optionProps = defaultGetOptionProps(option, index);
120
+ var selected = option.key === SELECT_ALL_KEY
121
+ ? selectedDraft.length === flatOptions.length - 1
122
+ : selectedDraft.includes(option);
123
+ return tslib_es6.__assign(tslib_es6.__assign({}, optionProps), { selected: selected });
124
+ }, [defaultGetOptionProps, flatOptions.length, selectedDraft]);
125
+ var handleApply = React.useCallback(function () {
126
+ onApply();
127
+ toggleMenu();
128
+ }, [onApply, toggleMenu]);
129
+ var handleClear = React.useCallback(function () {
130
+ onClear();
131
+ toggleMenu();
132
+ }, [onClear, toggleMenu]);
133
+ React.useEffect(function () {
134
+ var activeElement = document.activeElement;
135
+ setTimeout(function () {
136
+ if (footerRef.current) {
137
+ footerRef.current.focus();
138
+ }
139
+ }, 0);
140
+ return function () {
141
+ onClose();
142
+ if (activeElement) {
143
+ activeElement.focus();
144
+ }
145
+ };
146
+ // eslint-disable-next-line react-hooks/exhaustive-deps
147
+ }, []);
148
+ return (React__default['default'].createElement(OptionsList, tslib_es6.__assign({}, restProps, { ref: ref, visibleOptions: visibleOptions, toggleMenu: toggleMenu, flatOptions: flatOptions, getOptionProps: getOptionProps, onApply: handleApply, onClear: handleClear, footer: React__default['default'].createElement("div", {
149
+ // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
150
+ tabIndex: 0, className: cn__default['default'](styles__default['default'].footer, (_b = {},
151
+ _b[styles__default['default'].withBorder] = visibleOptions && flatOptions.length > visibleOptions,
152
+ _b)), ref: footerRef },
153
+ React__default['default'].createElement(coreComponentsButton.Button, { size: 'xxs', view: 'primary', onClick: handleApply }, "\u041F\u0440\u0438\u043C\u0435\u043D\u0438\u0442\u044C"),
154
+ showClear && (React__default['default'].createElement(coreComponentsButton.Button, { size: 'xxs', view: 'secondary', onClick: handleClear }, "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C"))) })));
155
+ });
156
+
157
+ var SelectMobile = React.forwardRef(function (_a, ref) {
158
+ var _b;
159
+ var dataTestId = _a.dataTestId, className = _a.className, fieldClassName = _a.fieldClassName, optionsListClassName = _a.optionsListClassName, optionClassName = _a.optionClassName, optionGroupClassName = _a.optionGroupClassName, optionsListProps = _a.optionsListProps, options = _a.options, _c = _a.autocomplete, autocomplete = _c === void 0 ? false : _c, _d = _a.multiple, multiple = _d === void 0 ? false : _d, _e = _a.allowUnselect, allowUnselect = _e === void 0 ? false : _e, _f = _a.disabled, disabled = _f === void 0 ? false : _f, _g = _a.closeOnSelect, closeOnSelect = _g === void 0 ? !multiple : _g, _h = _a.circularNavigation, circularNavigation = _h === void 0 ? false : _h, _j = _a.defaultOpen, defaultOpen = _j === void 0 ? false : _j, openProp = _a.open, name = _a.name, id = _a.id, selected = _a.selected, _k = _a.size, size = _k === void 0 ? 'm' : _k, _l = _a.optionsSize, optionsSize = _l === void 0 ? 'm' : _l, error = _a.error, hint = _a.hint, block = _a.block, label = _a.label, placeholder = _a.placeholder, _m = _a.fieldProps, fieldProps = _m === void 0 ? {} : _m, _o = _a.optionProps, optionProps = _o === void 0 ? {} : _o, valueRenderer = _a.valueRenderer, onChange = _a.onChange, onOpen = _a.onOpen, onFocus = _a.onFocus, _p = _a.Arrow, Arrow = _p === void 0 ? components_arrow_Component.Arrow : _p, _q = _a.Field, Field = _q === void 0 ? components_field_Component.Field : _q, _r = _a.Optgroup, Optgroup = _r === void 0 ? components_optgroup_Component.Optgroup : _r, _s = _a.Option, Option = _s === void 0 ? components_option_Component.Option : _s, swipeable = _a.swipeable, footer = _a.footer;
160
+ var rootRef = React.useRef(null);
161
+ var fieldRef = React.useRef(null);
162
+ var listRef = React.useRef(null);
163
+ var initiatorRef = React.useRef(null);
164
+ var itemToString = function (option) { return (option ? option.key : ''); };
165
+ var _t = React.useMemo(function () { return utils.processOptions(options, selected); }, [
166
+ options,
167
+ selected,
168
+ ]), flatOptions = _t.flatOptions, selectedOptions = _t.selectedOptions;
169
+ var selectedOptionsRef = React.useRef(selectedOptions);
170
+ var _u = React.useState(selectedOptions), selectedDraft = _u[0], setSelectedDraft = _u[1];
171
+ var useMultipleSelectionProps = {
172
+ itemToString: itemToString,
173
+ onSelectedItemsChange: function (changes) {
174
+ if (onChange) {
175
+ var _a = changes.selectedItems, selectedItems_1 = _a === void 0 ? [] : _a;
176
+ onChange({
177
+ selectedMultiple: selectedItems_1,
178
+ selected: selectedItems_1.length ? selectedItems_1[0] : null,
179
+ initiator: initiatorRef.current,
180
+ name: name,
181
+ });
182
+ initiatorRef.current = null;
183
+ }
184
+ },
185
+ stateReducer: function (state, actionAndChanges) {
186
+ var type = actionAndChanges.type, changes = actionAndChanges.changes;
187
+ if (!allowUnselect &&
188
+ type === downshift.useMultipleSelection.stateChangeTypes.DropdownKeyDownBackspace) {
189
+ return state;
190
+ }
191
+ return changes;
192
+ },
193
+ };
194
+ if (selected !== undefined) {
195
+ useMultipleSelectionProps.selectedItems = selectedOptions;
196
+ }
197
+ var _v = downshift.useMultipleSelection(useMultipleSelectionProps), selectedItems = _v.selectedItems, addSelectedItem = _v.addSelectedItem, setSelectedItems = _v.setSelectedItems, removeSelectedItem = _v.removeSelectedItem, getDropdownProps = _v.getDropdownProps;
198
+ var _w = downshift.useCombobox({
199
+ id: id,
200
+ isOpen: openProp,
201
+ circularNavigation: circularNavigation,
202
+ items: flatOptions,
203
+ itemToString: itemToString,
204
+ defaultHighlightedIndex: -1,
205
+ onIsOpenChange: function (changes) {
206
+ if (onOpen) {
207
+ /**
208
+ * Вызываем обработчик асинхронно.
209
+ *
210
+ * Иначе при клике вне открытого селекта сначала сработает onOpen, который закроет селект,
211
+ * А затем сработает onClick кнопки открытия\закрытия с open=false и в итоге селект откроется снова.
212
+ */
213
+ setTimeout(function () {
214
+ onOpen({
215
+ open: changes.isOpen,
216
+ name: name,
217
+ });
218
+ }, 0);
219
+ }
220
+ },
221
+ stateReducer: function (state, actionAndChanges) {
222
+ var type = actionAndChanges.type, changes = actionAndChanges.changes;
223
+ var selectedItem = changes.selectedItem;
224
+ switch (type) {
225
+ case downshift.useCombobox.stateChangeTypes.InputBlur:
226
+ return state;
227
+ case downshift.useCombobox.stateChangeTypes.InputKeyDownEnter:
228
+ case downshift.useCombobox.stateChangeTypes.ItemClick:
229
+ initiatorRef.current = selectedItem;
230
+ if (selectedItem && !selectedItem.disabled) {
231
+ var alreadySelected = selectedItems.includes(selectedItem);
232
+ var allowRemove = allowUnselect || (multiple && selectedItems.length > 1);
233
+ if (alreadySelected && allowRemove) {
234
+ if (multiple) {
235
+ removeSelectedItem(selectedItem);
236
+ }
237
+ else {
238
+ setSelectedItems([]);
239
+ setSelectedDraft([]);
240
+ }
241
+ }
242
+ if (!alreadySelected) {
243
+ if (multiple) {
244
+ addSelectedItem(selectedItem);
245
+ }
246
+ else {
247
+ setSelectedItems([selectedItem]);
248
+ setSelectedDraft([selectedItem]);
249
+ }
250
+ }
251
+ }
252
+ return tslib_es6.__assign(tslib_es6.__assign({}, changes), { isOpen: !closeOnSelect || multiple,
253
+ // при closeOnSelect === false - сохраняем подсвеченный индекс
254
+ highlightedIndex: state.isOpen && !closeOnSelect
255
+ ? state.highlightedIndex
256
+ : changes.highlightedIndex });
257
+ default:
258
+ return changes;
259
+ }
260
+ },
261
+ }), open = _w.isOpen, getMenuProps = _w.getMenuProps, getInputProps = _w.getInputProps, getItemProps = _w.getItemProps, getComboboxProps = _w.getComboboxProps, getLabelProps = _w.getLabelProps, highlightedIndex = _w.highlightedIndex, toggleMenu = _w.toggleMenu, openMenu = _w.openMenu;
262
+ var menuProps = getMenuProps({ ref: listRef }, { suppressRefError: true });
263
+ var inputProps = getInputProps(getDropdownProps({ ref: mergeRefs__default['default']([ref, fieldRef]) }));
264
+ React.useEffect(function () {
265
+ setSelectedDraft(selectedOptions);
266
+ setSelectedItems(selectedOptions);
267
+ selectedOptionsRef.current = selectedOptions;
268
+ }, [setSelectedItems, selectedOptions]);
269
+ var handleFieldFocus = function (event) {
270
+ if (onFocus)
271
+ onFocus(event);
272
+ if (autocomplete && !open) {
273
+ openMenu();
274
+ }
275
+ };
276
+ var handleFieldKeyDown = function (event) {
277
+ inputProps.onKeyDown(event);
278
+ if (autocomplete && !open && (event.key.length === 1 || event.key === 'Backspace')) {
279
+ // Для автокомплита - открываем меню при начале ввода
280
+ openMenu();
281
+ }
282
+ if ([' ', 'Enter'].includes(event.key) &&
283
+ !autocomplete &&
284
+ event.target.tagName !== 'INPUT' &&
285
+ event.target.tagName !== 'BUTTON') {
286
+ // Открываем\закрываем меню по нажатию enter или пробела
287
+ event.preventDefault();
288
+ if (!open || highlightedIndex === -1)
289
+ toggleMenu();
290
+ }
291
+ };
292
+ var handleFieldClick = function (event) {
293
+ if (!autocomplete || event.target.tagName !== 'INPUT') {
294
+ toggleMenu();
295
+ }
296
+ else {
297
+ openMenu();
298
+ }
299
+ };
300
+ var getOptionProps = React.useCallback(function (option, index) { return (tslib_es6.__assign(tslib_es6.__assign({}, optionProps), { className: cn__default['default'](styles__default$1['default'].option, optionClassName), innerProps: getItemProps({
301
+ index: index,
302
+ item: option,
303
+ disabled: option.disabled,
304
+ onMouseDown: function (event) { return event.preventDefault(); },
305
+ }), multiple: multiple,
306
+ index: index,
307
+ option: option, size: optionsSize, disabled: option.disabled, highlighted: index === highlightedIndex, selected: selectedItems.includes(option), dataTestId: components_baseSelect_Component.getDataTestId(dataTestId, 'option'), Checkmark: function () { return React__default['default'].createElement(components_selectMobile_checkmark_Component.Checkmark, { selected: selectedItems.includes(option) }); } })); }, [
308
+ dataTestId,
309
+ getItemProps,
310
+ highlightedIndex,
311
+ multiple,
312
+ optionClassName,
313
+ optionProps,
314
+ optionsSize,
315
+ selectedItems,
316
+ ]);
317
+ React.useEffect(function () {
318
+ if (defaultOpen)
319
+ openMenu();
320
+ }, [defaultOpen, openMenu]);
321
+ React.useEffect(function () {
322
+ if (openProp) {
323
+ openMenu();
324
+ }
325
+ // eslint-disable-next-line react-hooks/exhaustive-deps
326
+ }, []);
327
+ var renderValue = React.useCallback(function () {
328
+ return selectedItems.map(function (option) { return (React__default['default'].createElement("input", { type: 'hidden', name: name, value: option.key, key: option.key })); });
329
+ }, [selectedItems, name]);
330
+ var handleApply = React.useCallback(function () {
331
+ setSelectedDraft(selectedItems);
332
+ }, [setSelectedDraft, selectedItems]);
333
+ var handleClear = React.useCallback(function () {
334
+ setSelectedDraft([]);
335
+ setSelectedItems([]);
336
+ }, [setSelectedDraft, setSelectedItems]);
337
+ var handleClose = React.useCallback(function () {
338
+ if (multiple) {
339
+ setSelectedItems(selectedDraft);
340
+ }
341
+ toggleMenu();
342
+ }, [setSelectedItems, selectedDraft, toggleMenu, multiple]);
343
+ return (React__default['default'].createElement("div", tslib_es6.__assign({}, getComboboxProps(tslib_es6.__assign(tslib_es6.__assign({ ref: rootRef }, (disabled && { 'aria-disabled': true })), { className: cn__default['default'](styles__default$1['default'].component, (_b = {}, _b[styles__default$1['default'].block] = block, _b), className) })), { onKeyDown: disabled ? undefined : handleFieldKeyDown, tabIndex: -1, "data-test-id": components_baseSelect_Component.getDataTestId(dataTestId) }),
344
+ React__default['default'].createElement(Field, tslib_es6.__assign({ selectedMultiple: selectedDraft, selected: selectedItems[0], setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, multiple: multiple, open: open, disabled: disabled, size: size, placeholder: placeholder, label: label && React__default['default'].createElement("span", tslib_es6.__assign({}, getLabelProps()), label), Arrow: Arrow && React__default['default'].createElement(Arrow, { open: open }), error: error, hint: hint, valueRenderer: valueRenderer, className: fieldClassName, innerProps: {
345
+ onFocus: disabled ? undefined : handleFieldFocus,
346
+ onClick: disabled ? undefined : handleFieldClick,
347
+ tabIndex: disabled ? -1 : 0,
348
+ ref: mergeRefs__default['default']([inputProps.ref]),
349
+ id: inputProps.id,
350
+ 'aria-labelledby': inputProps['aria-labelledby'],
351
+ 'aria-controls': inputProps['aria-controls'],
352
+ 'aria-autocomplete': autocomplete
353
+ ? inputProps['aria-autocomplete']
354
+ : undefined,
355
+ }, dataTestId: components_baseSelect_Component.getDataTestId(dataTestId, 'field') }, fieldProps)),
356
+ name && renderValue(),
357
+ React__default['default'].createElement(coreComponentsBottomSheet.BottomSheet, { open: open, onClose: handleClose, className: styles__default$1['default'].sheet, contentClassName: styles__default$1['default'].sheetContent, containerClassName: styles__default$1['default'].sheetContainer, title: placeholder, actionButton: footer, stickyHeader: true, hasCloser: true, swipeable: swipeable },
358
+ React__default['default'].createElement("div", tslib_es6.__assign({}, menuProps, { className: cn__default['default'](optionsListClassName, styles__default$1['default'].optionsList) }),
359
+ React__default['default'].createElement(OptionsListWithApply, tslib_es6.__assign({}, optionsListProps, { flatOptions: flatOptions, highlightedIndex: highlightedIndex, size: size, options: options, OptionsList: components_selectMobile_optionsList_Component.OptionsList, Optgroup: Optgroup, Option: Option, selectedItems: selectedItems, setSelectedItems: setSelectedItems, toggleMenu: toggleMenu, getOptionProps: getOptionProps, dataTestId: components_baseSelect_Component.getDataTestId(dataTestId, 'options-list'), optionGroupClassName: cn__default['default'](styles__default$1['default'].optionGroup, optionGroupClassName), showFooter: multiple, onApply: handleApply, onClear: handleClear }))))));
360
+ });
361
+
362
+ exports.OptionsListWithApply = OptionsListWithApply;
363
+ exports.SELECT_ALL_KEY = SELECT_ALL_KEY;
364
+ exports.SelectMobile = SelectMobile;
365
+ exports.useSelectWithApply = useSelectWithApply;
@@ -82,7 +82,7 @@ type SelectProps = Omit<BaseSelectProps, 'fieldProps'> & {
82
82
  */
83
83
  fieldProps?: FormControlProps & Record<string, unknown>;
84
84
  };
85
- declare const Select: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "selected" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "Option" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
85
+ declare const Select: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onChange" | "onScroll" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "selected" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "Field" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & {
86
86
  /**
87
87
  * Пропсы, которые будут прокинуты в компонент поля
88
88
  */
@@ -27,7 +27,7 @@ require('resize-observer');
27
27
  require('@alfalab/core-components-popover/dist/cssm');
28
28
  require('downshift');
29
29
  require('./components/native-select/Component.js');
30
- var components_baseSelect_Component = require('./components/base-select/Component.js');
30
+ var components_baseSelect_Component = require('./Component-9bc41b6c.js');
31
31
  require('./components/base-select/index.module.css');
32
32
 
33
33
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -1,5 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { BaseSelectProps } from "../../typings";
4
- declare const BaseSelect: React.ForwardRefExoticComponent<BaseSelectProps & React.RefAttributes<unknown>>;
5
- export { BaseSelect };