@sima-land/ui-nucleons 45.0.0-alpha.20 → 45.0.0-alpha.22
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.
- package/helpers/index.d.ts +1 -0
- package/helpers/index.js +3 -1
- package/helpers/index.js.map +1 -1
- package/helpers/merge-refs.d.ts +8 -0
- package/helpers/merge-refs.js +22 -0
- package/helpers/merge-refs.js.map +1 -0
- package/input/input.js +1 -1
- package/input/input.js.map +1 -1
- package/package.json +3 -4
- package/phone-input/phone-input.js +21 -10
- package/phone-input/phone-input.js.map +1 -1
- package/select/index.d.ts +2 -0
- package/select/index.js +5 -1
- package/select/index.js.map +1 -1
- package/select/parts/{block.d.ts → field-block.d.ts} +1 -1
- package/select/parts/field-block.js +70 -0
- package/select/parts/field-block.js.map +1 -0
- package/select/parts/menu.d.ts +2 -2
- package/select/parts/menu.js +132 -46
- package/select/parts/menu.js.map +1 -1
- package/select/parts/{button.d.ts → text-button.d.ts} +1 -1
- package/select/parts/text-button.js +48 -0
- package/select/parts/text-button.js.map +1 -0
- package/select/select.d.ts +1 -7
- package/select/select.js +44 -105
- package/select/select.js.map +1 -1
- package/select/types.d.ts +16 -22
- package/select/utils.d.ts +3 -2
- package/select/utils.js +16 -10
- package/select/utils.js.map +1 -1
- package/side-page/index.d.ts +2 -1
- package/side-page/index.js +6 -5
- package/side-page/index.js.map +1 -1
- package/side-page/side-page-body.d.ts +7 -0
- package/side-page/side-page-body.js +27 -0
- package/side-page/side-page-body.js.map +1 -0
- package/side-page/side-page-body.m.scss +4 -0
- package/side-page/side-page-util.scss +9 -0
- package/side-page/side-page.d.ts +1 -7
- package/side-page/side-page.js +10 -37
- package/side-page/side-page.js.map +1 -1
- package/side-page/side-page.m.scss +6 -72
- package/side-page/types.d.ts +11 -23
- package/side-page/utils.d.ts +26 -0
- package/side-page/utils.js +69 -0
- package/side-page/utils.js.map +1 -0
- package/side-page/utils.m.scss +67 -0
- package/textarea/textarea.js +5 -5
- package/textarea/textarea.js.map +1 -1
- package/textarea/types.d.ts +1 -1
- package/select/parts/block.js +0 -52
- package/select/parts/block.js.map +0 -1
- package/select/parts/button.js +0 -33
- package/select/parts/button.js.map +0 -1
- package/select/parts/menu.m.scss +0 -4
- package/side-page/slots.d.ts +0 -26
- package/side-page/slots.js +0 -39
- package/side-page/slots.js.map +0 -1
- /package/select/parts/{block.m.scss → field-block.m.scss} +0 -0
package/helpers/index.d.ts
CHANGED
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
|
package/helpers/index.js.map
CHANGED
|
@@ -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,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);
|
package/input/input.js.map
CHANGED
|
@@ -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.
|
|
4
|
+
"version": "45.0.0-alpha.22",
|
|
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",
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
"focus-trap": "^7.2.0",
|
|
35
35
|
"overlayscrollbars": "^2.8.0",
|
|
36
36
|
"overlayscrollbars-react": "^0.5.6",
|
|
37
|
-
"react-transition-
|
|
37
|
+
"react-transition-state": "^2.1.2",
|
|
38
38
|
"redux": "^4.2.0"
|
|
39
39
|
},
|
|
40
40
|
"devDependencies": {
|
|
@@ -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.
|
|
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",
|
|
@@ -51,7 +51,6 @@
|
|
|
51
51
|
"@types/overlayscrollbars": "^1.12.1",
|
|
52
52
|
"@types/react": "^18.2.21",
|
|
53
53
|
"@types/react-dom": "^18.2.7",
|
|
54
|
-
"@types/react-transition-group": "^4.4.4",
|
|
55
54
|
"babel-jest": "^27.5.1",
|
|
56
55
|
"copyfiles": "^2.4.1",
|
|
57
56
|
"eslint": "^9.8.0",
|
|
@@ -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
|
|
111
|
-
const {
|
|
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.
|
|
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:
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
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":";;;;;
|
|
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
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
|
package/select/index.js.map
CHANGED
|
@@ -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(
|
|
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":"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"}
|
package/select/parts/menu.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { DropdownProps } from '../../dropdown';
|
|
2
2
|
/**
|
|
3
3
|
* Меню выбора для компонента Select.
|
|
4
4
|
* @param props Свойства.
|
|
5
5
|
* @return Элемент.
|
|
6
6
|
*/
|
|
7
|
-
export declare function SelectMenu(
|
|
7
|
+
export declare function SelectMenu(props: DropdownProps): import("react/jsx-runtime").JSX.Element | null;
|
package/select/parts/menu.js
CHANGED
|
@@ -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
|
|
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
|
|
13
|
-
const
|
|
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(
|
|
27
|
-
const
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
const
|
|
31
|
-
(0,
|
|
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,
|
|
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)[
|
|
91
|
+
const item = menu?.querySelectorAll(itemSelector)[activeItemIndex];
|
|
37
92
|
if (menu && item instanceof HTMLElement) {
|
|
38
|
-
(0,
|
|
93
|
+
(0, helpers_1.scrollToChild)(menu, item);
|
|
39
94
|
}
|
|
40
|
-
}, [
|
|
95
|
+
}, [activeItemIndex]);
|
|
41
96
|
// скрытие меню при прокрутке колесом за пределами меню
|
|
42
|
-
(0, dropdown_1.useDismissByWheel)(
|
|
43
|
-
|
|
97
|
+
(0, dropdown_1.useDismissByWheel)(rootRef, () => {
|
|
98
|
+
setMenuOpen(false);
|
|
44
99
|
});
|
|
45
|
-
const
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
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
|
-
|
|
54
|
-
|
|
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
|
-
|
|
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
|
package/select/parts/menu.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../src/select/parts/menu.tsx"],"names":[],"mappings":"
|
|
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
|
|
7
|
+
export declare function SelectTextButton({ buttonRef, children, onMouseDown, onKeyDown, ...restProps }: TextButtonAsButtonProps): import("react/jsx-runtime").JSX.Element;
|