@sima-land/ui-nucleons 45.0.0-alpha.20 → 45.0.0-alpha.21

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 (39) hide show
  1. package/helpers/index.d.ts +1 -0
  2. package/helpers/index.js +3 -1
  3. package/helpers/index.js.map +1 -1
  4. package/helpers/merge-refs.d.ts +8 -0
  5. package/helpers/merge-refs.js +22 -0
  6. package/helpers/merge-refs.js.map +1 -0
  7. package/input/input.js +1 -1
  8. package/input/input.js.map +1 -1
  9. package/package.json +2 -2
  10. package/phone-input/phone-input.js +21 -10
  11. package/phone-input/phone-input.js.map +1 -1
  12. package/select/index.d.ts +2 -0
  13. package/select/index.js +5 -1
  14. package/select/index.js.map +1 -1
  15. package/select/parts/{block.d.ts → field-block.d.ts} +1 -1
  16. package/select/parts/field-block.js +70 -0
  17. package/select/parts/field-block.js.map +1 -0
  18. package/select/parts/menu.d.ts +2 -2
  19. package/select/parts/menu.js +132 -46
  20. package/select/parts/menu.js.map +1 -1
  21. package/select/parts/{button.d.ts → text-button.d.ts} +1 -1
  22. package/select/parts/text-button.js +48 -0
  23. package/select/parts/text-button.js.map +1 -0
  24. package/select/select.d.ts +1 -7
  25. package/select/select.js +44 -105
  26. package/select/select.js.map +1 -1
  27. package/select/types.d.ts +16 -22
  28. package/select/utils.d.ts +3 -2
  29. package/select/utils.js +16 -10
  30. package/select/utils.js.map +1 -1
  31. package/textarea/textarea.js +5 -5
  32. package/textarea/textarea.js.map +1 -1
  33. package/textarea/types.d.ts +1 -1
  34. package/select/parts/block.js +0 -52
  35. package/select/parts/block.js.map +0 -1
  36. package/select/parts/button.js +0 -33
  37. package/select/parts/button.js.map +0 -1
  38. package/select/parts/menu.m.scss +0 -4
  39. /package/select/parts/{block.m.scss → field-block.m.scss} +0 -0
@@ -11,3 +11,4 @@ export { isTouchDevice } from './is-touch-device';
11
11
  export { on } from './on';
12
12
  export { scrollToChild } from './scroll-to-child';
13
13
  export { useLayer, LayerProvider } from './layer';
14
+ export { mergeRefs } from './merge-refs';
package/helpers/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.LayerProvider = exports.useLayer = exports.scrollToChild = exports.on = exports.isTouchDevice = exports.isFullyScrolled = exports.isBrowser = exports.getScrollParent = exports.getPositionedParentOffset = exports.getDeclination = exports.getDateIntervalData = exports.createDateFormatter = exports.formatDate = exports.findOffsetParent = exports.defineSlots = void 0;
3
+ exports.mergeRefs = exports.LayerProvider = exports.useLayer = exports.scrollToChild = exports.on = exports.isTouchDevice = exports.isFullyScrolled = exports.isBrowser = exports.getScrollParent = exports.getPositionedParentOffset = exports.getDeclination = exports.getDateIntervalData = exports.createDateFormatter = exports.formatDate = exports.findOffsetParent = exports.defineSlots = void 0;
4
4
  // ВАЖНО: только определенные утилиты являются публичными, они экспортируются здесь
5
5
  var define_slots_1 = require("./define-slots");
6
6
  Object.defineProperty(exports, "defineSlots", { enumerable: true, get: function () { return define_slots_1.defineSlots; } });
@@ -30,4 +30,6 @@ Object.defineProperty(exports, "scrollToChild", { enumerable: true, get: functio
30
30
  var layer_1 = require("./layer");
31
31
  Object.defineProperty(exports, "useLayer", { enumerable: true, get: function () { return layer_1.useLayer; } });
32
32
  Object.defineProperty(exports, "LayerProvider", { enumerable: true, get: function () { return layer_1.LayerProvider; } });
33
+ var merge_refs_1 = require("./merge-refs");
34
+ Object.defineProperty(exports, "mergeRefs", { enumerable: true, get: function () { return merge_refs_1.mergeRefs; } });
33
35
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":";;;AAAA,mFAAmF;AACnF,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,2DAAwD;AAA/C,sHAAA,gBAAgB,OAAA;AACzB,6CAAgE;AAAvD,yGAAA,UAAU,OAAA;AAAE,kHAAA,mBAAmB,OAAA;AACxC,mEAA+D;AAAtD,6HAAA,mBAAmB,OAAA;AAC5B,qDAAmD;AAA1C,iHAAA,cAAc,OAAA;AACvB,+EAA2E;AAAlE,yIAAA,yBAAyB,OAAA;AAClC,yDAAsD;AAA7C,oHAAA,eAAe,OAAA;AACxB,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AAClB,yDAAsD;AAA7C,oHAAA,eAAe,OAAA;AACxB,qDAAkD;AAAzC,gHAAA,aAAa,OAAA;AACtB,2BAA0B;AAAjB,wFAAA,EAAE,OAAA;AACX,qDAAkD;AAAzC,gHAAA,aAAa,OAAA;AACtB,iCAAkD;AAAzC,iGAAA,QAAQ,OAAA;AAAE,sGAAA,aAAa,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/helpers/index.ts"],"names":[],"mappings":";;;AAAA,mFAAmF;AACnF,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,2DAAwD;AAA/C,sHAAA,gBAAgB,OAAA;AACzB,6CAAgE;AAAvD,yGAAA,UAAU,OAAA;AAAE,kHAAA,mBAAmB,OAAA;AACxC,mEAA+D;AAAtD,6HAAA,mBAAmB,OAAA;AAC5B,qDAAmD;AAA1C,iHAAA,cAAc,OAAA;AACvB,+EAA2E;AAAlE,yIAAA,yBAAyB,OAAA;AAClC,yDAAsD;AAA7C,oHAAA,eAAe,OAAA;AACxB,2CAAyC;AAAhC,uGAAA,SAAS,OAAA;AAClB,yDAAsD;AAA7C,oHAAA,eAAe,OAAA;AACxB,qDAAkD;AAAzC,gHAAA,aAAa,OAAA;AACtB,2BAA0B;AAAjB,wFAAA,EAAE,OAAA;AACX,qDAAkD;AAAzC,gHAAA,aAAa,OAAA;AACtB,iCAAkD;AAAzC,iGAAA,QAAQ,OAAA;AAAE,sGAAA,aAAa,OAAA;AAChC,2CAAyC;AAAhC,uGAAA,SAAS,OAAA"}
@@ -0,0 +1,8 @@
1
+ import { Ref } from 'react';
2
+ /**
3
+ * Объединяет рефы в один.
4
+ * Полученный реф будет транслировать значение во все переданные.
5
+ * @param refs Рефы.
6
+ * @return Реф.
7
+ */
8
+ export declare function mergeRefs<T>(refs: Array<Ref<T> | null | undefined>): Ref<T>;
@@ -0,0 +1,22 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.mergeRefs = mergeRefs;
4
+ /**
5
+ * Объединяет рефы в один.
6
+ * Полученный реф будет транслировать значение во все переданные.
7
+ * @param refs Рефы.
8
+ * @return Реф.
9
+ */
10
+ function mergeRefs(refs) {
11
+ return value => {
12
+ for (const ref of refs) {
13
+ if (typeof ref === 'function') {
14
+ ref(value);
15
+ }
16
+ else if (ref) {
17
+ ref.current = value;
18
+ }
19
+ }
20
+ };
21
+ }
22
+ //# sourceMappingURL=merge-refs.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"merge-refs.js","sourceRoot":"","sources":["../../src/helpers/merge-refs.ts"],"names":[],"mappings":";;AAQA,8BAUC;AAhBD;;;;;GAKG;AACH,SAAgB,SAAS,CAAI,IAAsC;IACjE,OAAO,KAAK,CAAC,EAAE;QACb,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;YACvB,IAAI,OAAO,GAAG,KAAK,UAAU,EAAE,CAAC;gBAC9B,GAAG,CAAC,KAAK,CAAC,CAAC;YACb,CAAC;iBAAM,IAAI,GAAG,EAAE,CAAC;gBACd,GAAkC,CAAC,OAAO,GAAG,KAAK,CAAC;YACtD,CAAC;QACH,CAAC;IACH,CAAC,CAAC;AACJ,CAAC"}
package/input/input.js CHANGED
@@ -51,8 +51,8 @@ size, label, failed, caption, blockProps, focused: focusedProp, 'data-testid': t
51
51
  ...blockProps,
52
52
  onMouseDown: handleMouseDown,
53
53
  }, main: (0, jsx_runtime_1.jsx)(base_input_1.BaseInput, { ...baseInputProps, inputRef: ref, multiline: false, className: cx('input', disabled && 'disabled', baseInputProps?.className), style: {
54
- ...baseInputProps?.style,
55
54
  '--base-input-placeholder-color': (0, utils_1.definePlaceholderColor)({ failed, disabled }),
55
+ ...baseInputProps?.style,
56
56
  }, autoComplete: autoComplete, autoFocus: autoFocus, defaultValue: defaultValue, disabled: disabled, id: id, name: name, placeholder: !focused ? label || placeholder : placeholder, readOnly: readOnly, required: required, type: type, value: value, onFocus: event => {
57
57
  onFocus?.(event);
58
58
  updateFilled(event);
@@ -1 +1 @@
1
- {"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/input/input.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"input.js","sourceRoot":"","sources":["../../src/input/input.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@sima-land/ui-nucleons",
3
3
  "type": "commonjs",
4
- "version": "45.0.0-alpha.20",
4
+ "version": "45.0.0-alpha.21",
5
5
  "repository": "ssh://git@github.com:sima-land/ui-nucleons.git",
6
6
  "author": "www.sima-land.ru team",
7
7
  "license": "Apache-2.0",
@@ -42,7 +42,7 @@
42
42
  "@babel/preset-env": "^7.16.11",
43
43
  "@babel/preset-react": "^7.16.7",
44
44
  "@babel/preset-typescript": "^7.16.7",
45
- "@playwright/test": "^1.40.1",
45
+ "@playwright/test": "^1.46.1",
46
46
  "@sima-land/linters": "^5.0.0",
47
47
  "@testing-library/react": "^14.0.0",
48
48
  "@testing-library/user-event": "^14.4.3",
@@ -14,6 +14,7 @@ const dropdown_item_1 = require("../dropdown-item");
14
14
  const utils_2 = require("../select/utils");
15
15
  const menu_opener_1 = require("./menu-opener");
16
16
  const hooks_1 = require("../hooks");
17
+ const helpers_1 = require("../helpers");
17
18
  const bind_1 = __importDefault(require("classnames/bind"));
18
19
  const phone_input_m_scss_1 = __importDefault(require("./phone-input.m.scss"));
19
20
  const cx = bind_1.default.bind(phone_input_m_scss_1.default);
@@ -107,18 +108,28 @@ function StatelessPhoneInput({ masks = defaults_1.masks, getDefaultMask = utils_
107
108
  * @param props Свойства.
108
109
  * @return Элемент.
109
110
  */
110
- function PhoneMaskedInput({ blockRef: blockRefProp, withMenuOpener, currentMaskData, disabled, ...restProps }) {
111
- const { opened, anchorRef, openerRef, onKeyDown, onMouseDown } = (0, react_1.useContext)(utils_2.SelectContext);
112
- const blockRef = (0, react_1.useRef)(null);
111
+ function PhoneMaskedInput({ blockRef, withMenuOpener, currentMaskData, disabled, ...restProps }) {
112
+ const { menuOpen, setMenuOpen, setOpenerElement, setAnchorElement } = (0, react_1.useContext)(utils_2.SelectContext);
113
113
  const [openerFocused, setOpenerFocused] = (0, react_1.useState)(false);
114
- (0, react_1.useImperativeHandle)(blockRefProp, () => blockRef.current);
115
- (0, react_1.useImperativeHandle)(anchorRef, () => blockRef.current);
114
+ const blockMergedRef = (0, react_1.useMemo)(() => (0, helpers_1.mergeRefs)([blockRef, setAnchorElement]), [blockRef, setAnchorElement]);
116
115
  return ((0, jsx_runtime_1.jsx)(masked_input_1.MaskedInput, { ...restProps,
117
116
  // ВАЖНО: undefined нужен для поведения по умолчанию если меню скрыто и кнопка не в фокусе
118
- focused: opened || openerFocused || undefined, blockRef: blockRef, disabled: disabled, adornmentEnd: withMenuOpener && ((0, jsx_runtime_1.jsx)(menu_opener_1.PhoneInputMenuOpener, { className: cx('opener'), rootRef: openerRef, imageSrc: currentMaskData.optionImageSrc, visuallyOpen: opened, visuallyDisabled: disabled, role: 'combobox', "aria-label": '\u0412\u044B\u0431\u043E\u0440 \u0441\u0442\u0440\u0430\u043D\u044B', "aria-disabled": disabled, onBlur: () => setOpenerFocused(false), onFocus: () => setOpenerFocused(true), ...(!disabled && {
119
- tabIndex: 0,
120
- onKeyDown,
121
- onMouseDown,
122
- }) })) }));
117
+ focused: menuOpen || openerFocused || undefined, blockRef: blockMergedRef, disabled: disabled, adornmentEnd: withMenuOpener && ((0, jsx_runtime_1.jsx)(menu_opener_1.PhoneInputMenuOpener, { className: cx('opener'), rootRef: setOpenerElement, imageSrc: currentMaskData.optionImageSrc, visuallyOpen: menuOpen, visuallyDisabled: disabled, role: 'combobox', "aria-label": '\u0412\u044B\u0431\u043E\u0440 \u0441\u0442\u0440\u0430\u043D\u044B', "aria-disabled": disabled, onBlur: () => setOpenerFocused(false), onFocus: () => setOpenerFocused(true), tabIndex: disabled ? undefined : 0, onMouseDown: event => {
118
+ if (disabled || event.defaultPrevented) {
119
+ return;
120
+ }
121
+ setMenuOpen(a => !a);
122
+ }, onKeyDown: event => {
123
+ if (disabled || event.defaultPrevented) {
124
+ return;
125
+ }
126
+ switch (event.code) {
127
+ case 'Enter':
128
+ case 'ArrowUp':
129
+ case 'ArrowDown':
130
+ setMenuOpen(true);
131
+ break;
132
+ }
133
+ } })) }));
123
134
  }
124
135
  //# sourceMappingURL=phone-input.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"phone-input.js","sourceRoot":"","sources":["../../src/phone-input/phone-input.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"phone-input.js","sourceRoot":"","sources":["../../src/phone-input/phone-input.tsx"],"names":[],"mappings":"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"}
package/select/index.d.ts CHANGED
@@ -1,2 +1,4 @@
1
1
  export type { SelectProps, SelectStyle } from './types';
2
2
  export { Select } from './select';
3
+ export { SelectFieldBlock } from './parts/field-block';
4
+ export { SelectTextButton } from './parts/text-button';
package/select/index.js CHANGED
@@ -1,6 +1,10 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Select = void 0;
3
+ exports.SelectTextButton = exports.SelectFieldBlock = exports.Select = void 0;
4
4
  var select_1 = require("./select");
5
5
  Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return select_1.Select; } });
6
+ var field_block_1 = require("./parts/field-block");
7
+ Object.defineProperty(exports, "SelectFieldBlock", { enumerable: true, get: function () { return field_block_1.SelectFieldBlock; } });
8
+ var text_button_1 = require("./parts/text-button");
9
+ Object.defineProperty(exports, "SelectTextButton", { enumerable: true, get: function () { return text_button_1.SelectTextButton; } });
6
10
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":";;;AACA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":";;;AACA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,mDAAuD;AAA9C,+GAAA,gBAAgB,OAAA;AACzB,mDAAuD;AAA9C,+GAAA,gBAAgB,OAAA"}
@@ -4,4 +4,4 @@ import { FieldBlockProps } from '../../field-block';
4
4
  * @param props Свойства.
5
5
  * @return Элемент.
6
6
  */
7
- export declare function SelectFieldBlock(props: FieldBlockProps): import("react/jsx-runtime").JSX.Element;
7
+ export declare function SelectFieldBlock({ blockRef, blockProps, mainProps, ...restProps }: FieldBlockProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,70 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.SelectFieldBlock = SelectFieldBlock;
7
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
+ const react_1 = require("react");
9
+ const utils_1 = require("../utils");
10
+ const field_block_1 = require("../../field-block");
11
+ const colors_1 = require("../../colors");
12
+ const helpers_1 = require("../../helpers");
13
+ const ArrowExpandUp_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandUp"));
14
+ const ArrowExpandDown_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandDown"));
15
+ const classnames_1 = __importDefault(require("classnames"));
16
+ const field_block_m_scss_1 = __importDefault(require("./field-block.m.scss"));
17
+ /**
18
+ * "Открывашка" для Select в виде поля.
19
+ * @param props Свойства.
20
+ * @return Элемент.
21
+ */
22
+ function SelectFieldBlock({ blockRef, blockProps, mainProps, ...restProps }) {
23
+ const {
24
+ //
25
+ selectProps, currentValue, menuOpen, setMenuOpen, setOpenerElement, setAnchorElement, } = (0, react_1.useContext)(utils_1.SelectContext);
26
+ const { disabled, failed, label, renderValue = v => v } = selectProps;
27
+ const [focused, setFocused] = (0, react_1.useState)(false);
28
+ const ArrowSVG = menuOpen ? ArrowExpandUp_1.default : ArrowExpandDown_1.default;
29
+ const mergedRef = (0, react_1.useMemo)(() => (0, helpers_1.mergeRefs)([blockRef, setOpenerElement, setAnchorElement]), [blockRef, setOpenerElement, setAnchorElement]);
30
+ return ((0, jsx_runtime_1.jsx)(field_block_1.FieldBlock, { label: label, labelAsPlaceholder: !currentValue, failed: failed, disabled: disabled, focused: focused || menuOpen, fixedHeight: true, adornmentEnd: (0, jsx_runtime_1.jsx)(ArrowSVG, { fill: colors_1.COLORS.get('basic-gray24') }), main: renderValue(currentValue), ...restProps, blockRef: mergedRef, mainProps: {
31
+ ...mainProps,
32
+ className: (0, classnames_1.default)(field_block_m_scss_1.default.main, mainProps?.className),
33
+ }, blockProps: {
34
+ role: 'combobox',
35
+ tabIndex: disabled ? undefined : 0,
36
+ className: field_block_m_scss_1.default.block,
37
+ ...blockProps,
38
+ onMouseDown: event => {
39
+ blockProps?.onMouseDown?.(event);
40
+ if (disabled || event.defaultPrevented) {
41
+ return;
42
+ }
43
+ // ВАЖНО: предотвращаем фокус
44
+ !menuOpen && event.preventDefault();
45
+ setMenuOpen(a => !a);
46
+ },
47
+ onKeyDown: event => {
48
+ blockProps?.onKeyDown?.(event);
49
+ if (disabled || event.defaultPrevented) {
50
+ return;
51
+ }
52
+ switch (event.code) {
53
+ case 'Enter':
54
+ case 'ArrowUp':
55
+ case 'ArrowDown':
56
+ setMenuOpen(true);
57
+ break;
58
+ }
59
+ },
60
+ onFocus: event => {
61
+ blockProps?.onFocus?.(event);
62
+ setFocused(true);
63
+ },
64
+ onBlur: event => {
65
+ blockProps?.onBlur?.(event);
66
+ setFocused(false);
67
+ },
68
+ } }));
69
+ }
70
+ //# sourceMappingURL=field-block.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"field-block.js","sourceRoot":"","sources":["../../../src/select/parts/field-block.tsx"],"names":[],"mappings":";;;;;AAeA,4CA4FC;;AA3GD,iCAAsD;AACtD,oCAAyC;AACzC,mDAAgE;AAChE,yCAAsC;AACtC,2CAA0C;AAC1C,2GAA2E;AAC3E,+GAA+E;AAC/E,4DAAoC;AACpC,8EAA0C;AAE1C;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,EAC/B,QAAQ,EACR,UAAU,EACV,SAAS,EACT,GAAG,SAAS,EACI;IAChB,MAAM;IACJ,EAAE;IACF,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,gBAAgB,GACjB,GAAG,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAE9B,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,WAAW,CAAC;IAEtE,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,uBAAK,CAAC,CAAC,CAAC,yBAAO,CAAC;IAE5C,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE,CAAC,IAAA,mBAAS,EAAC,CAAC,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,EAC/D,CAAC,QAAQ,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAC/C,CAAC;IAEF,OAAO,CACL,uBAAC,wBAAU,IACT,KAAK,EAAE,KAAK,EACZ,kBAAkB,EAAE,CAAC,YAAY,EACjC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,IAAI,QAAQ,EAC5B,WAAW,QACX,YAAY,EAAE,uBAAC,QAAQ,IAAC,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,cAAc,CAAC,GAAI,EAC5D,IAAI,EAAE,WAAW,CAAC,YAAY,CAAC,KAC3B,SAAS,EACb,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE;YACT,GAAG,SAAS;YACZ,SAAS,EAAE,IAAA,oBAAU,EAAC,4BAAM,CAAC,IAAI,EAAE,SAAS,EAAE,SAAS,CAAC;SACzD,EACD,UAAU,EAAE;YACV,IAAI,EAAE,UAAU;YAChB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YAClC,SAAS,EAAE,4BAAM,CAAC,KAAK;YAEvB,GAAG,UAAU;YAEb,WAAW,EAAE,KAAK,CAAC,EAAE;gBACnB,UAAU,EAAE,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;gBAEjC,IAAI,QAAQ,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;oBACvC,OAAO;gBACT,CAAC;gBAED,6BAA6B;gBAC7B,CAAC,QAAQ,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;gBAEpC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YACvB,CAAC;YAED,SAAS,EAAE,KAAK,CAAC,EAAE;gBACjB,UAAU,EAAE,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;gBAE/B,IAAI,QAAQ,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;oBACvC,OAAO;gBACT,CAAC;gBAED,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;oBACnB,KAAK,OAAO,CAAC;oBACb,KAAK,SAAS,CAAC;oBACf,KAAK,WAAW;wBACd,WAAW,CAAC,IAAI,CAAC,CAAC;wBAClB,MAAM;gBACV,CAAC;YACH,CAAC;YAED,OAAO,EAAE,KAAK,CAAC,EAAE;gBACf,UAAU,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;gBAE7B,UAAU,CAAC,IAAI,CAAC,CAAC;YACnB,CAAC;YAED,MAAM,EAAE,KAAK,CAAC,EAAE;gBACd,UAAU,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;gBAE5B,UAAU,CAAC,KAAK,CAAC,CAAC;YACpB,CAAC;SACF,GACD,CACH,CAAC;AACJ,CAAC"}
@@ -1,7 +1,7 @@
1
- import { SelectMenuProps } from '../types';
1
+ import { DropdownProps } from '../../dropdown';
2
2
  /**
3
3
  * Меню выбора для компонента Select.
4
4
  * @param props Свойства.
5
5
  * @return Элемент.
6
6
  */
7
- export declare function SelectMenu({ loading, children, menuRef, value, onKeyDown, onItemSelect, onDismiss, ...dropdownProps }: SelectMenuProps): import("react/jsx-runtime").JSX.Element;
7
+ export declare function SelectMenu(props: DropdownProps): import("react/jsx-runtime").JSX.Element | null;
@@ -1,72 +1,158 @@
1
1
  "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
2
  Object.defineProperty(exports, "__esModule", { value: true });
6
3
  exports.SelectMenu = SelectMenu;
7
- const react_1 = require("react");
8
4
  const jsx_runtime_1 = require("react/jsx-runtime");
9
- const react_2 = require("react");
5
+ const react_1 = require("react");
10
6
  const dropdown_1 = require("../../dropdown");
7
+ const utils_1 = require("../utils");
8
+ const helpers_1 = require("../../helpers");
9
+ const portal_1 = require("../../portal");
10
+ const lifecycle_1 = require("../../_internal/lifecycle");
11
11
  const dropdown_item_1 = require("../../dropdown-item");
12
- const utils_1 = require("../../dropdown-item/utils");
13
- const scroll_to_child_1 = require("../../helpers/scroll-to-child");
14
- const bind_1 = __importDefault(require("classnames/bind"));
15
- const menu_m_scss_1 = __importDefault(require("./menu.m.scss"));
12
+ const utils_2 = require("../../dropdown-item/utils");
13
+ const hooks_1 = require("../../hooks");
16
14
  const MenuItemAttr = {
17
15
  name: 'data-select-role',
18
16
  value: 'option',
19
17
  };
20
- const cx = bind_1.default.bind(menu_m_scss_1.default);
21
18
  /**
22
19
  * Меню выбора для компонента Select.
23
20
  * @param props Свойства.
24
21
  * @return Элемент.
25
22
  */
26
- function SelectMenu({ loading, children, menuRef, value, onKeyDown, onItemSelect, onDismiss, ...dropdownProps }) {
27
- const ref = (0, react_2.useRef)(null);
28
- const viewportRef = (0, react_2.useRef)(null);
29
- const [activeIndex, setActiveIndex] = (0, react_2.useState)(-1);
30
- const items = react_2.Children.toArray(children).filter(utils_1.DropdownItemUtils.is);
31
- (0, react_2.useImperativeHandle)(menuRef, () => ref.current);
23
+ function SelectMenu(props) {
24
+ const {
25
+ //
26
+ selectProps, menuOpen, } = (0, react_1.useContext)(utils_1.SelectContext);
27
+ const { disabled, onMenuOpen, onMenuClose, onMenuToggle } = selectProps;
28
+ const onMount = (0, react_1.useCallback)(() => {
29
+ onMenuOpen?.();
30
+ onMenuToggle?.({ opened: true });
31
+ }, [onMenuOpen, onMenuToggle]);
32
+ const onUnmount = (0, react_1.useCallback)(() => {
33
+ onMenuClose?.();
34
+ onMenuToggle?.({ opened: false });
35
+ }, [onMenuClose, onMenuToggle]);
36
+ if (disabled || !menuOpen) {
37
+ return null;
38
+ }
39
+ return ((0, jsx_runtime_1.jsx)(portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(lifecycle_1.Lifecycle, { onMount: onMount, onUnmount: onUnmount, children: (0, jsx_runtime_1.jsx)(SelectMenuInner, { ...props }) }) }));
40
+ }
41
+ /**
42
+ * Внутренний компонент, необходимый из-за специфики работы с порталами.
43
+ * @param props Свойства.
44
+ * @return Элемент.
45
+ */
46
+ function SelectMenuInner({ rootRef: rootRefProp, style, onBlur, onKeyDown, viewportRef: viewportRefProp, ...restProps }) {
47
+ const { selectProps, currentValue, setCurrentValue, setMenuOpen, openerElement, setMenuElement, menuFloatingStyle, } = (0, react_1.useContext)(utils_1.SelectContext);
48
+ const { loading, children, dropdownProps } = selectProps;
49
+ // ВАЖНО: хотя menuFloatingStyle уже содержит zIndex на основе layer-контекста, мы дублируем его тут так как нам надо его предоставить
50
+ const layer = (0, helpers_1.useLayer)() + 2;
51
+ const rootRef = (0, react_1.useRef)(null);
52
+ const viewportRef = (0, react_1.useRef)(null);
53
+ const mergedRootRef = (0, react_1.useMemo)(() => (0, helpers_1.mergeRefs)([rootRef, setMenuElement, rootRefProp]), [setMenuElement, rootRefProp]);
54
+ const mergedViewportRef = (0, react_1.useMemo)(() => (0, helpers_1.mergeRefs)([viewportRef, viewportRefProp]), [viewportRef, viewportRefProp]);
55
+ (0, react_1.useEffect)(() => {
56
+ rootRef.current?.focus();
57
+ }, []);
58
+ const [activeItemIndex, setActiveItemIndex] = (0, react_1.useState)(-1);
59
+ const items = [];
60
+ const content = [];
61
+ react_1.Children.toArray(children).forEach(child => {
62
+ if ((0, react_1.isValidElement)(child) && child.type === dropdown_item_1.DropdownItem) {
63
+ const itemIndex = items.length;
64
+ const itemValue = child.props.value ?? String(child.props.children);
65
+ items.push(child);
66
+ content.push((0, react_1.cloneElement)(child, {
67
+ // ВАЖНО: собственные свойства опции имеют приоритет
68
+ checked: child.props.checked ?? activeItemIndex === itemIndex,
69
+ selected: child.props.selected ?? itemValue === currentValue,
70
+ onClick: (event) => {
71
+ child.props.onClick?.(event);
72
+ if (child.props.disabled || event.defaultPrevented) {
73
+ return;
74
+ }
75
+ setCurrentValue(itemValue);
76
+ setMenuOpen(false);
77
+ openerElement?.focus();
78
+ },
79
+ // ВАЖНО: добавляем атрибут который нужен для прокрутки к элементу
80
+ [MenuItemAttr.name]: MenuItemAttr.value,
81
+ }));
82
+ }
83
+ else {
84
+ content.push(child);
85
+ }
86
+ }, []);
32
87
  // прокрутка до элемента списка
33
- (0, react_2.useEffect)(() => {
88
+ (0, react_1.useEffect)(() => {
34
89
  const itemSelector = `[${MenuItemAttr.name}="${MenuItemAttr.value}"]`;
35
90
  const menu = viewportRef.current;
36
- const item = menu?.querySelectorAll(itemSelector)[activeIndex];
91
+ const item = menu?.querySelectorAll(itemSelector)[activeItemIndex];
37
92
  if (menu && item instanceof HTMLElement) {
38
- (0, scroll_to_child_1.scrollToChild)(menu, item);
93
+ (0, helpers_1.scrollToChild)(menu, item);
39
94
  }
40
- }, [activeIndex]);
95
+ }, [activeItemIndex]);
41
96
  // скрытие меню при прокрутке колесом за пределами меню
42
- (0, dropdown_1.useDismissByWheel)(ref, () => {
43
- onDismiss?.();
97
+ (0, dropdown_1.useDismissByWheel)(rootRef, () => {
98
+ setMenuOpen(false);
44
99
  });
45
- const handleMenuKeyDown = (0, react_2.useCallback)(event => {
46
- onKeyDown?.(event);
47
- switch (event.code) {
48
- case 'Enter': {
49
- const item = items[activeIndex];
50
- if (item) {
51
- onItemSelect?.(item);
100
+ const openerRef = (0, hooks_1.useIdentityRef)(openerElement);
101
+ (0, hooks_1.useOutsideClick)([rootRef, openerRef], () => {
102
+ setMenuOpen(false);
103
+ });
104
+ const selectItem = (0, react_1.useCallback)((item) => {
105
+ const nextValue = item.props.value ?? String(item.props.children);
106
+ setCurrentValue(nextValue);
107
+ setMenuOpen(false);
108
+ openerElement?.focus();
109
+ }, [setCurrentValue, setMenuOpen, openerElement]);
110
+ return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { tabIndex: 0, ...dropdownProps, ...restProps, rootRef: mergedRootRef, viewportRef: mergedViewportRef, style: {
111
+ ...menuFloatingStyle,
112
+ ...dropdownProps?.style,
113
+ ...style,
114
+ }, onBlur: event => {
115
+ onBlur?.(event);
116
+ dropdownProps?.onBlur?.(event);
117
+ if (event.currentTarget.contains(event.relatedTarget)) {
118
+ return;
119
+ }
120
+ if (openerElement?.contains(event.relatedTarget)) {
121
+ return;
122
+ }
123
+ setMenuOpen(false);
124
+ }, onKeyDown: event => {
125
+ onKeyDown?.(event);
126
+ dropdownProps?.onKeyDown?.(event);
127
+ switch (event.code) {
128
+ case 'Escape': {
129
+ setMenuOpen(false);
130
+ openerElement?.focus();
131
+ break;
132
+ }
133
+ case 'Enter': {
134
+ if (activeItemIndex === -1) {
135
+ setMenuOpen(false);
136
+ openerElement?.focus();
137
+ }
138
+ else {
139
+ const item = items[activeItemIndex];
140
+ item && !item.props.disabled && selectItem(item);
141
+ }
142
+ break;
52
143
  }
53
- setActiveIndex(-1);
54
- break;
144
+ case 'Tab':
145
+ event.preventDefault(); // ВАЖНО: предотвращаем фокус на следующем элементе
146
+ setMenuOpen(false);
147
+ openerElement?.focus();
148
+ break;
149
+ case 'ArrowUp':
150
+ setActiveItemIndex(n => utils_2.DropdownItemUtils.asLoopedIterator(items, n).prev() ?? -1);
151
+ break;
152
+ case 'ArrowDown':
153
+ setActiveItemIndex(n => utils_2.DropdownItemUtils.asLoopedIterator(items, n).next() ?? -1);
154
+ break;
55
155
  }
56
- case 'ArrowUp':
57
- setActiveIndex(n => utils_1.DropdownItemUtils.asLoopedIterator(items, n).prev() ?? -1);
58
- break;
59
- case 'ArrowDown':
60
- setActiveIndex(n => utils_1.DropdownItemUtils.asLoopedIterator(items, n).next() ?? -1);
61
- break;
62
- }
63
- }, [items, activeIndex, onKeyDown]);
64
- const handleItemClick = (0, react_2.useCallback)((item) => item.props.disabled
65
- ? undefined
66
- : event => {
67
- item.props.onClick?.(event);
68
- onItemSelect?.(item);
69
- }, [onItemSelect]);
70
- return ((0, jsx_runtime_1.jsx)(dropdown_1.Dropdown, { ...dropdownProps, rootRef: ref, viewportRef: viewportRef, tabIndex: 0, role: 'listbox', onKeyDown: handleMenuKeyDown, className: cx('menu', dropdownProps.className), children: loading ? ((0, jsx_runtime_1.jsx)(dropdown_1.DropdownLoading, { "data-testid": 'select:loading-area' })) : (items.map((item, index) => ((0, react_1.createElement)(dropdown_item_1.DropdownItem, { checked: activeIndex === index, selected: value === utils_1.DropdownItemUtils.getValue(item), ...item.props, key: index, role: 'option', onClick: handleItemClick(item), [MenuItemAttr.name]: MenuItemAttr.value })))) }));
156
+ }, children: (0, jsx_runtime_1.jsx)(helpers_1.LayerProvider, { value: layer + 2, children: loading ? (0, jsx_runtime_1.jsx)(dropdown_1.DropdownLoading, { "data-testid": 'select:loading-area' }) : content }) }));
71
157
  }
72
158
  //# sourceMappingURL=menu.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/select/parts/menu.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/select/parts/menu.tsx"],"names":[],"mappings":"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"}
@@ -4,4 +4,4 @@ import { TextButtonAsButtonProps } from '../../text-button';
4
4
  * @param props Свойства.
5
5
  * @return Элемент.
6
6
  */
7
- export declare function SelectTextButton({ buttonRef: buttonRefProp, children, onKeyDown, onMouseDown, ...props }: TextButtonAsButtonProps): import("react/jsx-runtime").JSX.Element;
7
+ export declare function SelectTextButton({ buttonRef, children, onMouseDown, onKeyDown, ...restProps }: TextButtonAsButtonProps): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,48 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.SelectTextButton = SelectTextButton;
7
+ const jsx_runtime_1 = require("react/jsx-runtime");
8
+ const react_1 = require("react");
9
+ const text_button_1 = require("../../text-button");
10
+ const utils_1 = require("../utils");
11
+ const ArrowExpandUp_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandUp"));
12
+ const ArrowExpandDown_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandDown"));
13
+ const helpers_1 = require("../../helpers");
14
+ /**
15
+ * "Открывашка" для Select в виде текстовой кнопки.
16
+ * @param props Свойства.
17
+ * @return Элемент.
18
+ */
19
+ function SelectTextButton({ buttonRef, children, onMouseDown, onKeyDown, ...restProps }) {
20
+ const {
21
+ //
22
+ selectProps, currentValue, menuOpen, setMenuOpen, setOpenerElement, setAnchorElement, } = (0, react_1.useContext)(utils_1.SelectContext);
23
+ const { label, disabled } = selectProps;
24
+ const ArrowSVG = menuOpen ? ArrowExpandUp_1.default : ArrowExpandDown_1.default;
25
+ const mergedRef = (0, react_1.useMemo)(() => (0, helpers_1.mergeRefs)([buttonRef, setOpenerElement, setAnchorElement]), [buttonRef, setOpenerElement, setAnchorElement]);
26
+ return ((0, jsx_runtime_1.jsx)(text_button_1.TextButton, { role: 'combobox', disabled: disabled, iconGutter: 4, endIcon: ArrowSVG, ...restProps, as: 'button', buttonRef: mergedRef, onMouseDown: event => {
27
+ onMouseDown?.(event);
28
+ if (disabled || event.defaultPrevented) {
29
+ return;
30
+ }
31
+ // ВАЖНО: предотвращаем фокус
32
+ !menuOpen && event.preventDefault();
33
+ setMenuOpen(a => !a);
34
+ }, onKeyDown: event => {
35
+ onKeyDown?.(event);
36
+ if (disabled || event.defaultPrevented) {
37
+ return;
38
+ }
39
+ switch (event.code) {
40
+ case 'Enter':
41
+ case 'ArrowUp':
42
+ case 'ArrowDown':
43
+ setMenuOpen(true);
44
+ break;
45
+ }
46
+ }, children: children ?? (currentValue || label) }));
47
+ }
48
+ //# sourceMappingURL=text-button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text-button.js","sourceRoot":"","sources":["../../../src/select/parts/text-button.tsx"],"names":[],"mappings":";;;;;AAYA,4CAkEC;;AA9ED,iCAA4C;AAC5C,mDAAwE;AACxE,oCAAyC;AACzC,2GAA2E;AAC3E,+GAA+E;AAC/E,2CAA0C;AAE1C;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,EAC/B,SAAS,EACT,QAAQ,EACR,WAAW,EACX,SAAS,EACT,GAAG,SAAS,EACY;IACxB,MAAM;IACJ,EAAE;IACF,WAAW,EACX,YAAY,EACZ,QAAQ,EACR,WAAW,EACX,gBAAgB,EAChB,gBAAgB,GACjB,GAAG,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAE9B,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,WAAW,CAAC;IAExC,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,uBAAK,CAAC,CAAC,CAAC,yBAAO,CAAC;IAE5C,MAAM,SAAS,GAAG,IAAA,eAAO,EACvB,GAAG,EAAE,CAAC,IAAA,mBAAS,EAAoB,CAAC,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAAC,EACnF,CAAC,SAAS,EAAE,gBAAgB,EAAE,gBAAgB,CAAC,CAChD,CAAC;IAEF,OAAO,CACL,uBAAC,wBAAU,IACT,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,CAAC,EACb,OAAO,EAAE,QAAQ,KACb,SAAS,EACb,EAAE,EAAC,QAAQ,EACX,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,KAAK,CAAC,EAAE;YACnB,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YAErB,IAAI,QAAQ,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;gBACvC,OAAO;YACT,CAAC;YAED,6BAA6B;YAC7B,CAAC,QAAQ,IAAI,KAAK,CAAC,cAAc,EAAE,CAAC;YAEpC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QACvB,CAAC,EACD,SAAS,EAAE,KAAK,CAAC,EAAE;YACjB,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;YAEnB,IAAI,QAAQ,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;gBACvC,OAAO;YACT,CAAC;YAED,QAAQ,KAAK,CAAC,IAAI,EAAE,CAAC;gBACnB,KAAK,OAAO,CAAC;gBACb,KAAK,SAAS,CAAC;gBACf,KAAK,WAAW;oBACd,WAAW,CAAC,IAAI,CAAC,CAAC;oBAClB,MAAM;YACV,CAAC;QACH,CAAC,YAEA,QAAQ,IAAI,CAAC,YAAY,IAAI,KAAK,CAAC,GACzB,CACd,CAAC;AACJ,CAAC"}
@@ -1,13 +1,7 @@
1
1
  import { SelectProps } from './types';
2
- import { SelectFieldBlock } from './parts/block';
3
- import { SelectTextButton } from './parts/button';
4
2
  /**
5
3
  * Поле выбора из списка.
6
4
  * @param props Свойства.
7
5
  * @return Элемент.
8
6
  */
9
- export declare function Select({ children, disabled, failed, loading, onValueChange, onMenuToggle, value, defaultValue, label, opener, renderValue, dropdownProps, onMenuOpen, onMenuClose, }: SelectProps): import("react/jsx-runtime").JSX.Element;
10
- export declare namespace Select {
11
- var FieldBlock: typeof SelectFieldBlock;
12
- var TextButton: typeof SelectTextButton;
13
- }
7
+ export declare function Select(props: SelectProps): import("react/jsx-runtime").JSX.Element;
package/select/select.js CHANGED
@@ -4,124 +4,63 @@ exports.Select = Select;
4
4
  const jsx_runtime_1 = require("react/jsx-runtime");
5
5
  const react_1 = require("react");
6
6
  const utils_1 = require("./utils");
7
- const use_identity_ref_1 = require("../hooks/use-identity-ref");
8
- const utils_2 = require("../dropdown-item/utils");
9
- const react_2 = require("@floating-ui/react");
7
+ const field_block_1 = require("./parts/field-block");
10
8
  const menu_1 = require("./parts/menu");
11
- const block_1 = require("./parts/block");
12
- const button_1 = require("./parts/button");
13
- const utils_3 = require("../dropdown/utils");
14
- const lifecycle_1 = require("../_internal/lifecycle");
15
- const portal_1 = require("../portal");
9
+ const react_2 = require("@floating-ui/react");
10
+ const dropdown_1 = require("../dropdown");
11
+ const hooks_1 = require("../hooks");
16
12
  /**
17
13
  * Поле выбора из списка.
18
14
  * @param props Свойства.
19
15
  * @return Элемент.
20
16
  */
21
- function Select({ children, disabled, failed, loading, onValueChange, onMenuToggle, value, defaultValue, label, opener = (0, jsx_runtime_1.jsx)(block_1.SelectFieldBlock, {}), renderValue = v => v, dropdownProps, onMenuOpen, onMenuClose, }) {
17
+ function Select(props) {
18
+ const { opener = (0, jsx_runtime_1.jsx)(field_block_1.SelectFieldBlock, {}), menu = (0, jsx_runtime_1.jsx)(menu_1.SelectMenu, {}), value, defaultValue, onValueChange, } = props;
22
19
  // @todo по аналогии с <select /> надо проверять, есть ли значение в списке переданных
23
- const [initialValue] = (0, react_1.useState)(() => value ?? defaultValue ?? '');
24
- const [currentValue, setCurrentValue] = (0, react_1.useState)(initialValue);
25
- const [needMenu, setNeedMenu] = (0, react_1.useState)(false);
20
+ const [currentValue, setCurrentValue] = (0, react_1.useState)(() => value ?? defaultValue ?? '');
21
+ const [menuOpen, setMenuOpen] = (0, react_1.useState)(false);
22
+ const [openerElement, setOpenerElement] = (0, react_1.useState)(null);
23
+ const [anchorElement, setAnchorElement] = (0, react_1.useState)(null);
26
24
  const [menuElement, setMenuElement] = (0, react_1.useState)(null);
27
- const [menuFocused, setMenuFocused] = (0, react_1.useState)(false);
28
- const onMenuToggleRef = (0, use_identity_ref_1.useIdentityRef)(onMenuToggle);
29
- const openerRef = (0, react_1.useRef)(null);
30
- const menuShown = needMenu && menuElement !== null;
31
- const { refs, isPositioned, ...floating } = (0, react_2.useFloating)({
32
- open: needMenu,
33
- ...(0, utils_3.dropdownFloatingConfig)(),
34
- });
35
- (0, react_1.useImperativeHandle)(refs.setFloating, () => menuElement, [menuElement]);
36
- (0, react_1.useEffect)(() => {
37
- if (typeof value !== 'undefined') {
38
- // @todo по аналогии с <select /> надо проверять, есть ли значение в списке переданных
25
+ const menuFloating = (0, react_2.useFloating)({ open: menuOpen, ...(0, dropdown_1.dropdownFloatingConfig)() });
26
+ const { setReference, setFloating } = menuFloating.refs;
27
+ const menuFloatingStyle = (0, dropdown_1.useDropdownFloatingStyle)(menuFloating);
28
+ (0, hooks_1.useIsomorphicLayoutEffect)(() => {
29
+ if (typeof value === 'string') {
39
30
  setCurrentValue(value);
40
31
  }
41
32
  }, [value]);
42
- (0, react_1.useEffect)(() => {
43
- if (disabled) {
44
- setNeedMenu(false);
45
- }
46
- if (!disabled && menuElement && isPositioned) {
47
- menuElement.focus();
48
- }
49
- // @todo menuShown в зависимости или useCallback
50
- onMenuToggleRef.current?.({ opened: menuShown });
51
- }, [disabled, menuElement, isPositioned]);
52
- const openerBinding = {
53
- label,
54
- anchorRef: refs.setReference,
55
- openerRef,
56
- value: renderValue(currentValue),
57
- opened: menuShown,
58
- failed,
59
- disabled,
60
- menuFocused,
61
- onMouseDown: event => {
62
- if (!disabled) {
63
- !menuElement && event.preventDefault();
64
- setNeedMenu(a => !a);
65
- }
66
- },
67
- onKeyDown: e => {
68
- if (!disabled) {
69
- switch (e.code) {
70
- case 'Enter':
71
- case 'ArrowUp':
72
- case 'ArrowDown':
73
- setNeedMenu(true);
74
- break;
75
- }
33
+ const contextValue = {
34
+ selectProps: props,
35
+ currentValue,
36
+ setCurrentValue: (0, react_1.useCallback)(valueInit => {
37
+ let nextValue = valueInit;
38
+ if (typeof nextValue === 'function') {
39
+ nextValue = nextValue(currentValue);
76
40
  }
77
- },
78
- };
79
- const floatingStyle = (0, utils_3.useDropdownFloatingStyle)({ refs, ...floating });
80
- const menuProps = {
81
- ...dropdownProps,
82
- style: {
83
- ...floatingStyle,
84
- ...dropdownProps?.style,
85
- },
86
- menuRef: setMenuElement,
87
- value,
88
- loading,
89
- onFocus: () => {
90
- setMenuFocused(true);
91
- },
92
- onBlur: () => {
93
- setNeedMenu(false);
94
- setMenuFocused(false);
95
- },
96
- onKeyDown: event => {
97
- switch (event.code) {
98
- case 'ArrowUp':
99
- case 'ArrowDown':
100
- event.preventDefault(); // предотвращаем прокрутку страницы
101
- break;
102
- case 'Enter':
103
- case 'Escape':
104
- openerRef.current?.focus();
105
- break;
106
- case 'Tab':
107
- event.preventDefault(); // предотвращаем фокус на следующем элементе
108
- openerRef.current?.focus();
109
- break;
41
+ if (currentValue !== nextValue) {
42
+ setCurrentValue(nextValue);
43
+ onValueChange?.(nextValue);
110
44
  }
111
- },
112
- onItemSelect: item => {
113
- const nextValue = utils_2.DropdownItemUtils.getValue(item);
114
- setCurrentValue(nextValue);
115
- onValueChange?.(nextValue);
116
- setNeedMenu(false);
117
- openerRef.current?.focus();
118
- },
119
- onDismiss: () => {
120
- setNeedMenu(false);
121
- },
45
+ }, [currentValue, onValueChange]),
46
+ menuOpen,
47
+ setMenuOpen,
48
+ openerElement,
49
+ setOpenerElement: (0, react_1.useCallback)(element => {
50
+ setOpenerElement(element);
51
+ }, []),
52
+ anchorElement,
53
+ setAnchorElement: (0, react_1.useCallback)(element => {
54
+ setReference(element);
55
+ setAnchorElement(element);
56
+ }, [setReference]),
57
+ menuElement,
58
+ setMenuElement: (0, react_1.useCallback)(element => {
59
+ setFloating(element);
60
+ setMenuElement(element);
61
+ }, [setFloating]),
62
+ menuFloatingStyle,
122
63
  };
123
- return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(utils_1.SelectContext.Provider, { value: openerBinding, children: (0, react_1.isValidElement)(opener) && opener }), needMenu && ((0, jsx_runtime_1.jsx)(portal_1.Portal, { children: (0, jsx_runtime_1.jsx)(lifecycle_1.Lifecycle, { onMount: onMenuOpen, onUnmount: onMenuClose, children: (0, jsx_runtime_1.jsx)(menu_1.SelectMenu, { ...menuProps, children: children }) }) }))] }));
64
+ return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(utils_1.SelectContext.Provider, { value: contextValue, children: [opener, menu] }) }));
124
65
  }
125
- Select.FieldBlock = block_1.SelectFieldBlock;
126
- Select.TextButton = button_1.SelectTextButton;
127
66
  //# sourceMappingURL=select.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"select.js","sourceRoot":"","sources":["../../src/select/select.tsx"],"names":[],"mappings":"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"}
package/select/types.d.ts CHANGED
@@ -1,30 +1,22 @@
1
- import type { FocusEventHandler, HTMLAttributes, ReactElement, ReactNode, Ref } from 'react';
1
+ import type { CSSProperties, Dispatch, ReactElement, ReactNode, SetStateAction } from 'react';
2
2
  import type { DropdownProps } from '../dropdown';
3
- import type { DropdownItemElement } from '../dropdown-item/types';
4
3
  import type { FieldBlockStyle } from '../field-block';
5
4
  export interface SelectStyle extends FieldBlockStyle {
6
5
  '--dropdown-width'?: string | number;
7
6
  }
8
- export interface SelectOpenerBinding {
9
- label?: string;
10
- failed?: boolean;
11
- disabled?: boolean;
12
- value: ReactNode;
13
- opened: boolean;
14
- menuFocused: boolean;
15
- openerRef: Ref<HTMLElement | null>;
16
- anchorRef: Ref<HTMLElement | null>;
17
- onMouseDown: Required<HTMLAttributes<HTMLElement>>['onMouseDown'];
18
- onKeyDown: Required<HTMLAttributes<HTMLElement>>['onKeyDown'];
19
- }
20
- export interface SelectMenuProps extends DropdownProps {
21
- menuRef?: Ref<HTMLDivElement | null>;
22
- value?: ReactNode;
23
- children?: ReactNode;
24
- loading?: boolean;
25
- onBlur?: FocusEventHandler;
26
- onItemSelect?: (item: DropdownItemElement) => void;
27
- onDismiss?: VoidFunction;
7
+ export interface SelectContextValue {
8
+ selectProps: SelectProps;
9
+ currentValue: string;
10
+ setCurrentValue: Dispatch<SetStateAction<string>>;
11
+ menuOpen: boolean;
12
+ setMenuOpen: Dispatch<SetStateAction<boolean>>;
13
+ openerElement: HTMLElement | null;
14
+ setOpenerElement: (element: HTMLElement | null) => void;
15
+ anchorElement: HTMLElement | null;
16
+ setAnchorElement: (element: HTMLElement | null) => void;
17
+ menuElement: HTMLElement | null;
18
+ setMenuElement: (element: HTMLElement | null) => void;
19
+ menuFloatingStyle?: CSSProperties;
28
20
  }
29
21
  export interface SelectProps {
30
22
  /** Опции. */
@@ -51,6 +43,8 @@ export interface SelectProps {
51
43
  label?: string;
52
44
  /** Открывающий элемент. */
53
45
  opener?: ReactElement;
46
+ /** Элемент меню. */
47
+ menu?: ReactElement;
54
48
  /** Свойства компонента Dropdown. */
55
49
  dropdownProps?: Omit<DropdownProps, 'rootRef' | 'viewportRef'>;
56
50
  /** Сработает при открытии меню. */
package/select/utils.d.ts CHANGED
@@ -1,2 +1,3 @@
1
- import { SelectOpenerBinding } from './types';
2
- export declare const SelectContext: import("react").Context<SelectOpenerBinding>;
1
+ import type { SelectContextValue } from './types';
2
+ export declare const SELECT_CONTEXT_DEFAULT_VALUE: SelectContextValue;
3
+ export declare const SelectContext: import("react").Context<SelectContextValue>;
package/select/utils.js CHANGED
@@ -1,14 +1,20 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.SelectContext = void 0;
3
+ exports.SelectContext = exports.SELECT_CONTEXT_DEFAULT_VALUE = void 0;
4
4
  const react_1 = require("react");
5
- exports.SelectContext = (0, react_1.createContext)({
6
- value: '',
7
- opened: false,
8
- menuFocused: false,
9
- openerRef: (0, react_1.createRef)(),
10
- anchorRef: (0, react_1.createRef)(),
11
- onMouseDown: () => void 0,
12
- onKeyDown: () => void 0,
13
- });
5
+ exports.SELECT_CONTEXT_DEFAULT_VALUE = {
6
+ selectProps: {},
7
+ currentValue: '',
8
+ setCurrentValue: () => { },
9
+ menuOpen: false,
10
+ setMenuOpen: () => { },
11
+ openerElement: null,
12
+ setOpenerElement: () => { },
13
+ anchorElement: null,
14
+ setAnchorElement: () => { },
15
+ menuElement: null,
16
+ setMenuElement: () => { },
17
+ menuFloatingStyle: {},
18
+ };
19
+ exports.SelectContext = (0, react_1.createContext)(exports.SELECT_CONTEXT_DEFAULT_VALUE);
14
20
  //# sourceMappingURL=utils.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/select/utils.ts"],"names":[],"mappings":";;;AAAA,iCAAiD;AAGpC,QAAA,aAAa,GAAG,IAAA,qBAAa,EAAsB;IAC9D,KAAK,EAAE,EAAE;IACT,MAAM,EAAE,KAAK;IACb,WAAW,EAAE,KAAK;IAClB,SAAS,EAAE,IAAA,iBAAS,GAAE;IACtB,SAAS,EAAE,IAAA,iBAAS,GAAE;IACtB,WAAW,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;IACzB,SAAS,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC;CACxB,CAAC,CAAC"}
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/select/utils.ts"],"names":[],"mappings":";;;AACA,iCAAsC;AAEzB,QAAA,4BAA4B,GAAuB;IAC9D,WAAW,EAAE,EAAE;IAEf,YAAY,EAAE,EAAE;IAChB,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;IAEzB,QAAQ,EAAE,KAAK;IACf,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;IAErB,aAAa,EAAE,IAAI;IACnB,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;IAE1B,aAAa,EAAE,IAAI;IACnB,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;IAE1B,WAAW,EAAE,IAAI;IACjB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;IAExB,iBAAiB,EAAE,EAAE;CACtB,CAAC;AAEW,QAAA,aAAa,GAAG,IAAA,qBAAa,EAAqB,oCAA4B,CAAC,CAAC"}
@@ -39,20 +39,20 @@ label, failed, caption, blockProps, 'data-testid': testId = 'textarea', ...restP
39
39
  ...blockProps,
40
40
  onMouseDown: handleMouseDown,
41
41
  }, main: (0, jsx_runtime_1.jsx)(base_input_1.BaseInput, { ...baseInputProps, textareaRef: ref, multiline: true, className: cx('textarea', baseInputProps?.className), style: {
42
- ...baseInputProps?.style,
43
42
  '--base-input-placeholder-color': (0, utils_1.definePlaceholderColor)({ failed, disabled }),
44
- }, autoComplete: autoComplete, autoFocus: autoFocus, defaultValue: defaultValue, disabled: disabled, id: id, name: name, placeholder: placeholder, readOnly: readOnly, required: required, rows: rows, value: value, onFocus: (event) => {
43
+ ...baseInputProps?.style,
44
+ }, autoComplete: autoComplete, autoFocus: autoFocus, defaultValue: defaultValue, disabled: disabled, id: id, name: name, placeholder: placeholder, readOnly: readOnly, required: required, rows: rows, value: value, onFocus: event => {
45
45
  onFocus?.(event);
46
46
  updateFilled(event);
47
47
  setFocused(true);
48
- }, onBlur: (event) => {
48
+ }, onBlur: event => {
49
49
  onBlur?.(event);
50
50
  updateFilled(event);
51
51
  setFocused(false);
52
- }, onInput: (event) => {
52
+ }, onInput: event => {
53
53
  onInput?.(event);
54
54
  updateFilled(event);
55
- }, onChange: (event) => {
55
+ }, onChange: event => {
56
56
  onChange?.(event);
57
57
  updateFilled(event);
58
58
  } }), mainProps: { className: cx('main') } }));
@@ -1 +1 @@
1
- {"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/textarea/textarea.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../src/textarea/textarea.tsx"],"names":[],"mappings":"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"}
@@ -6,7 +6,7 @@ export interface TextareaProps extends HTMLTextareaProps, FieldBlockProps {
6
6
  /** Ref элемента textarea. */
7
7
  textareaRef?: Ref<HTMLTextAreaElement>;
8
8
  /** Свойства BaseInputProps. */
9
- baseInputProps?: BaseInputAsTextareaProps;
9
+ baseInputProps?: Omit<BaseInputAsTextareaProps, 'multiline'>;
10
10
  /** Стили корневого элемента. */
11
11
  style?: Required<FieldBlockProps>['rootProps']['style'];
12
12
  /** CSS-класс корневого элемента. */
@@ -1,52 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.SelectFieldBlock = SelectFieldBlock;
7
- const jsx_runtime_1 = require("react/jsx-runtime");
8
- const react_1 = require("react");
9
- const utils_1 = require("../utils");
10
- const field_block_1 = require("../../field-block");
11
- const colors_1 = require("../../colors");
12
- const ArrowExpandUp_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandUp"));
13
- const ArrowExpandDown_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandDown"));
14
- const block_m_scss_1 = __importDefault(require("./block.m.scss"));
15
- const classnames_1 = __importDefault(require("classnames"));
16
- /**
17
- * "Открывашка" для Select в виде поля.
18
- * @param props Свойства.
19
- * @return Элемент.
20
- */
21
- function SelectFieldBlock(props) {
22
- const binding = (0, react_1.useContext)(utils_1.SelectContext);
23
- const [focused, setFocused] = (0, react_1.useState)(false);
24
- const ArrowSVG = binding.opened ? ArrowExpandUp_1.default : ArrowExpandDown_1.default;
25
- // @todo прокидывать ref в props.blockRef при необходимости
26
- const ref = (0, react_1.useRef)(null);
27
- (0, react_1.useImperativeHandle)(binding.anchorRef, () => ref.current);
28
- (0, react_1.useImperativeHandle)(binding.openerRef, () => ref.current);
29
- return ((0, jsx_runtime_1.jsx)(field_block_1.FieldBlock, { label: binding.label, adornmentEnd: (0, jsx_runtime_1.jsx)(ArrowSVG, { fill: colors_1.COLORS.get('basic-gray24') }), ...props, failed: binding.failed, disabled: binding.disabled, fixedHeight: true, blockRef: ref, blockProps: {
30
- ...props?.blockProps,
31
- onFocus: event => {
32
- setFocused(true);
33
- props.blockProps?.onFocus?.(event);
34
- },
35
- onBlur: event => {
36
- setFocused(false);
37
- props.blockProps?.onBlur?.(event);
38
- },
39
- onKeyDown: event => {
40
- binding.onKeyDown?.(event);
41
- props.blockProps?.onKeyDown?.(event);
42
- },
43
- onMouseDown: event => {
44
- binding.onMouseDown?.(event);
45
- props.blockProps?.onMouseDown?.(event);
46
- },
47
- role: 'combobox',
48
- tabIndex: binding.disabled ? undefined : 0,
49
- className: (0, classnames_1.default)(block_m_scss_1.default.block, props.blockProps?.className),
50
- }, focused: focused || binding.opened, labelAsPlaceholder: !binding.value, main: binding.value, mainProps: { className: block_m_scss_1.default.main } }));
51
- }
52
- //# sourceMappingURL=block.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"block.js","sourceRoot":"","sources":["../../../src/select/parts/block.tsx"],"names":[],"mappings":";;;;;AAcA,4CAgDC;;AA9DD,iCAA0E;AAC1E,oCAAyC;AACzC,mDAAgE;AAChE,yCAAsC;AACtC,2GAA2E;AAC3E,+GAA+E;AAC/E,kEAAoC;AACpC,4DAAoC;AAEpC;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,KAAsB;IACrD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAC1C,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACvD,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAK,CAAC,CAAC,CAAC,yBAAO,CAAC;IAElD,2DAA2D;IAE3D,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,IAAA,2BAAmB,EAAC,OAAO,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAsB,CAAC,CAAC;IACzE,IAAA,2BAAmB,EAAC,OAAO,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,OAAsB,CAAC,CAAC;IAEzE,OAAO,CACL,uBAAC,wBAAU,IACT,KAAK,EAAE,OAAO,CAAC,KAAK,EACpB,YAAY,EAAE,uBAAC,QAAQ,IAAC,IAAI,EAAE,eAAM,CAAC,GAAG,CAAC,cAAc,CAAC,GAAI,KACxD,KAAK,EACT,MAAM,EAAE,OAAO,CAAC,MAAM,EACtB,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,WAAW,QACX,QAAQ,EAAE,GAAG,EACb,UAAU,EAAE;YACV,GAAG,KAAK,EAAE,UAAU;YACpB,OAAO,EAAE,KAAK,CAAC,EAAE;gBACf,UAAU,CAAC,IAAI,CAAC,CAAC;gBACjB,KAAK,CAAC,UAAU,EAAE,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;YACrC,CAAC;YACD,MAAM,EAAE,KAAK,CAAC,EAAE;gBACd,UAAU,CAAC,KAAK,CAAC,CAAC;gBAClB,KAAK,CAAC,UAAU,EAAE,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC;YACpC,CAAC;YACD,SAAS,EAAE,KAAK,CAAC,EAAE;gBACjB,OAAO,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;gBAC3B,KAAK,CAAC,UAAU,EAAE,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;YACvC,CAAC;YACD,WAAW,EAAE,KAAK,CAAC,EAAE;gBACnB,OAAO,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;gBAC7B,KAAK,CAAC,UAAU,EAAE,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YACzC,CAAC;YACD,IAAI,EAAE,UAAU;YAChB,QAAQ,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC;YAC1C,SAAS,EAAE,IAAA,oBAAU,EAAC,sBAAM,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,EAAE,SAAS,CAAC;SACjE,EACD,OAAO,EAAE,OAAO,IAAI,OAAO,CAAC,MAAM,EAClC,kBAAkB,EAAE,CAAC,OAAO,CAAC,KAAK,EAClC,IAAI,EAAE,OAAO,CAAC,KAAK,EACnB,SAAS,EAAE,EAAE,SAAS,EAAE,sBAAM,CAAC,IAAI,EAAE,GACrC,CACH,CAAC;AACJ,CAAC"}
@@ -1,33 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.SelectTextButton = SelectTextButton;
7
- const jsx_runtime_1 = require("react/jsx-runtime");
8
- const react_1 = require("react");
9
- const text_button_1 = require("../../text-button");
10
- const utils_1 = require("../utils");
11
- const ArrowExpandUp_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandUp"));
12
- const ArrowExpandDown_1 = __importDefault(require("@sima-land/ui-quarks/icons/16x16/Stroked/ArrowExpandDown"));
13
- /**
14
- * "Открывашка" для Select в виде текстовой кнопки.
15
- * @param props Свойства.
16
- * @return Элемент.
17
- */
18
- function SelectTextButton({ buttonRef: buttonRefProp, children, onKeyDown, onMouseDown, ...props }) {
19
- const buttonRef = (0, react_1.useRef)(null);
20
- const binding = (0, react_1.useContext)(utils_1.SelectContext);
21
- const ArrowSVG = binding.opened ? ArrowExpandUp_1.default : ArrowExpandDown_1.default;
22
- (0, react_1.useImperativeHandle)(buttonRefProp, () => buttonRef.current);
23
- (0, react_1.useImperativeHandle)(binding.anchorRef, () => buttonRef.current);
24
- (0, react_1.useImperativeHandle)(binding.openerRef, () => buttonRef.current);
25
- return ((0, jsx_runtime_1.jsx)(text_button_1.TextButton, { iconGutter: 4, endIcon: ArrowSVG, ...props, as: 'button', onMouseDown: event => {
26
- binding.onMouseDown?.(event);
27
- onMouseDown?.(event);
28
- }, onKeyDown: event => {
29
- binding.onKeyDown?.(event);
30
- onKeyDown?.(event);
31
- }, disabled: binding.disabled, buttonRef: buttonRef, role: 'combobox', children: children ?? (binding.value || binding.label) }));
32
- }
33
- //# sourceMappingURL=button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/select/parts/button.tsx"],"names":[],"mappings":";;;;;AAWA,4CAoCC;;AA/CD,iCAAgE;AAChE,mDAAwE;AACxE,oCAAyC;AACzC,2GAA2E;AAC3E,+GAA+E;AAE/E;;;;GAIG;AACH,SAAgB,gBAAgB,CAAC,EAC/B,SAAS,EAAE,aAAa,EACxB,QAAQ,EACR,SAAS,EACT,WAAW,EACX,GAAG,KAAK,EACgB;IACxB,MAAM,SAAS,GAAG,IAAA,cAAM,EAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,qBAAa,CAAC,CAAC;IAC1C,MAAM,QAAQ,GAAG,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,uBAAK,CAAC,CAAC,CAAC,yBAAO,CAAC;IAElD,IAAA,2BAAmB,EAAC,aAAa,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAA4B,CAAC,CAAC;IACjF,IAAA,2BAAmB,EAAC,OAAO,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAsB,CAAC,CAAC;IAC/E,IAAA,2BAAmB,EAAC,OAAO,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,OAAsB,CAAC,CAAC;IAE/E,OAAO,CACL,uBAAC,wBAAU,IACT,UAAU,EAAE,CAAC,EACb,OAAO,EAAE,QAAQ,KACb,KAAK,EACT,EAAE,EAAC,QAAQ,EACX,WAAW,EAAE,KAAK,CAAC,EAAE;YACnB,OAAO,CAAC,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;YAC7B,WAAW,EAAE,CAAC,KAAK,CAAC,CAAC;QACvB,CAAC,EACD,SAAS,EAAE,KAAK,CAAC,EAAE;YACjB,OAAO,CAAC,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;YAC3B,SAAS,EAAE,CAAC,KAAK,CAAC,CAAC;QACrB,CAAC,EACD,QAAQ,EAAE,OAAO,CAAC,QAAQ,EAC1B,SAAS,EAAE,SAAS,EACpB,IAAI,EAAC,UAAU,YAEd,QAAQ,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,OAAO,CAAC,KAAK,CAAC,GAClC,CACd,CAAC;AACJ,CAAC"}
@@ -1,4 +0,0 @@
1
- .menu {
2
- // @todo LayerProvider
3
- z-index: 2;
4
- }