@salutejs/plasma-new-hope 0.327.0-canary.1741.15775036215.0 → 0.327.0-canary.1741.15776056320.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Autocomplete/Autocomplete.js +3 -3
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Autocomplete/FloatingPopover.js +2 -2
- package/cjs/components/Autocomplete/FloatingPopover.js.map +1 -1
- package/cjs/components/Checkbox/Checkbox.js +2 -1
- package/cjs/components/Checkbox/Checkbox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +2 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +2 -2
- package/cjs/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +2 -2
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/Combobox.js +2 -1
- package/cjs/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js +3 -3
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js.map +1 -1
- package/cjs/components/Dropdown/Dropdown.js +2 -2
- package/cjs/components/Dropdown/Dropdown.js.map +1 -1
- package/cjs/components/Dropdown/FloatingPopover.js +2 -2
- package/cjs/components/Dropdown/FloatingPopover.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownDivider/DropdownDivider.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownFooter/DropdownFooter.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownGroup/DropdownGroup.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownHeader/DropdownHeader.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +2 -2
- package/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +3 -3
- package/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +1 -1
- package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js.map +1 -1
- package/cjs/components/Radiobox/Radiobox.js +3 -2
- package/cjs/components/Radiobox/Radiobox.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +3 -3
- package/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +2 -2
- package/cjs/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
- package/cjs/components/Select/FloatingPopover.js +2 -2
- package/cjs/components/Select/FloatingPopover.js.map +1 -1
- package/cjs/components/Select/Select.js +2 -2
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.js +2 -2
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Spinner/Spinner.js +2 -2
- package/cjs/components/Spinner/Spinner.js.map +1 -1
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +3 -3
- package/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +3 -3
- package/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/cjs/components/TextArea/ui/Hint/Hint.js.map +1 -1
- package/cjs/components/TextField/TextField.js +4 -3
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/ui/Hint/Hint.js.map +1 -1
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +3 -3
- package/emotion/cjs/components/Autocomplete/FloatingPopover.js +2 -2
- package/emotion/cjs/components/Checkbox/Checkbox.js +3 -2
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +21 -20
- package/emotion/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +2 -2
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +4 -4
- package/emotion/cjs/components/Combobox/ComboboxOld/Combobox.js +9 -8
- package/emotion/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js +7 -7
- package/emotion/cjs/components/Dropdown/Dropdown.js +8 -8
- package/emotion/cjs/components/Dropdown/FloatingPopover.js +2 -2
- package/emotion/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -4
- package/emotion/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +2 -3
- package/emotion/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +1 -1
- package/emotion/cjs/components/Radiobox/Radiobox.js +2 -2
- package/emotion/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +2 -3
- package/emotion/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +1 -2
- package/emotion/cjs/components/Select/FloatingPopover.js +5 -5
- package/emotion/cjs/components/Select/Select.js +1 -2
- package/emotion/cjs/components/Select/ui/Inner/Inner.js +1 -2
- package/emotion/cjs/components/Spinner/Spinner.js +2 -2
- package/emotion/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -3
- package/emotion/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -3
- package/emotion/cjs/components/TextArea/ui/Hint/Hint.js +1 -1
- package/emotion/cjs/components/TextField/TextField.js +4 -4
- package/emotion/cjs/components/TextField/ui/Hint/Hint.js +1 -1
- package/emotion/es/components/Autocomplete/Autocomplete.js +1 -1
- package/emotion/es/components/Autocomplete/FloatingPopover.js +1 -1
- package/emotion/es/components/Checkbox/Checkbox.js +2 -1
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +2 -1
- package/emotion/es/components/Combobox/ComboboxNew/FloatingPopover.js +1 -1
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -1
- package/emotion/es/components/Combobox/ComboboxOld/Combobox.js +2 -1
- package/emotion/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js +1 -1
- package/emotion/es/components/Dropdown/Dropdown.js +1 -1
- package/emotion/es/components/Dropdown/FloatingPopover.js +1 -1
- package/emotion/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
- package/emotion/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +1 -2
- package/emotion/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +1 -1
- package/emotion/es/components/Radiobox/Radiobox.js +2 -2
- package/emotion/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +1 -2
- package/emotion/es/components/Segment/ui/SegmentItem/SegmentItem.js +1 -2
- package/emotion/es/components/Select/FloatingPopover.js +1 -1
- package/emotion/es/components/Select/Select.js +1 -2
- package/emotion/es/components/Select/ui/Inner/Inner.js +1 -2
- package/emotion/es/components/Spinner/Spinner.js +1 -1
- package/emotion/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +1 -2
- package/emotion/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +1 -2
- package/emotion/es/components/TextArea/ui/Hint/Hint.js +1 -1
- package/emotion/es/components/TextField/TextField.js +3 -3
- package/emotion/es/components/TextField/ui/Hint/Hint.js +1 -1
- package/es/components/Autocomplete/Autocomplete.js +1 -1
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Autocomplete/FloatingPopover.js +1 -1
- package/es/components/Autocomplete/FloatingPopover.js.map +1 -1
- package/es/components/Checkbox/Checkbox.js +2 -1
- package/es/components/Checkbox/Checkbox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js +2 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js +1 -1
- package/es/components/Combobox/ComboboxNew/FloatingPopover.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/Combobox.js +2 -1
- package/es/components/Combobox/ComboboxOld/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js +2 -2
- package/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js.map +1 -1
- package/es/components/Dropdown/Dropdown.js +1 -1
- package/es/components/Dropdown/Dropdown.js.map +1 -1
- package/es/components/Dropdown/FloatingPopover.js +1 -1
- package/es/components/Dropdown/FloatingPopover.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownDivider/DropdownDivider.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownFooter/DropdownFooter.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownGroup/DropdownGroup.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownHeader/DropdownHeader.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
- package/es/components/Dropdown/ui/DropdownInner/DropdownInner.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +2 -2
- package/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js.map +1 -1
- package/es/components/Dropdown/ui/DropdownOld/DropdownOld.js.map +1 -1
- package/es/components/Radiobox/Radiobox.js +3 -2
- package/es/components/Radiobox/Radiobox.js.map +1 -1
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +2 -2
- package/es/components/Segment/ui/SegmentGroup/SegmentGroup.js.map +1 -1
- package/es/components/Segment/ui/SegmentItem/SegmentItem.js +1 -1
- package/es/components/Segment/ui/SegmentItem/SegmentItem.js.map +1 -1
- package/es/components/Select/FloatingPopover.js +1 -1
- package/es/components/Select/FloatingPopover.js.map +1 -1
- package/es/components/Select/Select.js +1 -1
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.js +1 -1
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Spinner/Spinner.js +1 -1
- package/es/components/Spinner/Spinner.js.map +1 -1
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -2
- package/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js.map +1 -1
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -2
- package/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js.map +1 -1
- package/es/components/TextArea/ui/Hint/Hint.js.map +1 -1
- package/es/components/TextField/TextField.js +2 -1
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/ui/Hint/Hint.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +3 -3
- package/styled-components/cjs/components/Autocomplete/FloatingPopover.js +2 -2
- package/styled-components/cjs/components/Checkbox/Checkbox.js +3 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +21 -20
- package/styled-components/cjs/components/Combobox/ComboboxNew/FloatingPopover.js +2 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +4 -4
- package/styled-components/cjs/components/Combobox/ComboboxOld/Combobox.js +9 -8
- package/styled-components/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js +7 -7
- package/styled-components/cjs/components/Dropdown/Dropdown.js +8 -8
- package/styled-components/cjs/components/Dropdown/FloatingPopover.js +2 -2
- package/styled-components/cjs/components/Dropdown/ui/DropdownInner/DropdownInner.js +4 -4
- package/styled-components/cjs/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +2 -3
- package/styled-components/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.js +1 -1
- package/styled-components/cjs/components/Radiobox/Radiobox.js +2 -2
- package/styled-components/cjs/components/Segment/ui/SegmentGroup/SegmentGroup.js +2 -3
- package/styled-components/cjs/components/Segment/ui/SegmentItem/SegmentItem.js +1 -2
- package/styled-components/cjs/components/Select/FloatingPopover.js +5 -5
- package/styled-components/cjs/components/Select/Select.js +1 -2
- package/styled-components/cjs/components/Select/ui/Inner/Inner.js +1 -2
- package/styled-components/cjs/components/Spinner/Spinner.js +2 -2
- package/styled-components/cjs/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +2 -3
- package/styled-components/cjs/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +2 -3
- package/styled-components/cjs/components/TextArea/ui/Hint/Hint.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.js +3 -3
- package/styled-components/cjs/components/TextField/ui/Hint/Hint.js +1 -1
- package/styled-components/es/components/Autocomplete/Autocomplete.js +1 -1
- package/styled-components/es/components/Autocomplete/FloatingPopover.js +1 -1
- package/styled-components/es/components/Checkbox/Checkbox.js +2 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +2 -1
- package/styled-components/es/components/Combobox/ComboboxNew/FloatingPopover.js +1 -1
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +1 -1
- package/styled-components/es/components/Combobox/ComboboxOld/Combobox.js +2 -1
- package/styled-components/es/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js +1 -1
- package/styled-components/es/components/Dropdown/Dropdown.js +1 -1
- package/styled-components/es/components/Dropdown/FloatingPopover.js +1 -1
- package/styled-components/es/components/Dropdown/ui/DropdownInner/DropdownInner.js +1 -1
- package/styled-components/es/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.js +1 -2
- package/styled-components/es/components/Dropdown/ui/DropdownOld/DropdownOld.js +1 -1
- package/styled-components/es/components/Radiobox/Radiobox.js +2 -2
- package/styled-components/es/components/Segment/ui/SegmentGroup/SegmentGroup.js +1 -2
- package/styled-components/es/components/Segment/ui/SegmentItem/SegmentItem.js +1 -2
- package/styled-components/es/components/Select/FloatingPopover.js +1 -1
- package/styled-components/es/components/Select/Select.js +1 -2
- package/styled-components/es/components/Select/ui/Inner/Inner.js +1 -2
- package/styled-components/es/components/Spinner/Spinner.js +1 -1
- package/styled-components/es/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.js +1 -2
- package/styled-components/es/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.js +1 -2
- package/styled-components/es/components/TextArea/ui/Hint/Hint.js +1 -1
- package/styled-components/es/components/TextField/TextField.js +2 -2
- package/styled-components/es/components/TextField/ui/Hint/Hint.js +1 -1
- package/types/components/Checkbox/Checkbox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxOld/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.d.ts.map +1 -1
- package/types/components/Dropdown/Dropdown.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownDivider/DropdownDivider.d.ts +1 -1
- package/types/components/Dropdown/ui/DropdownDivider/DropdownDivider.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownFooter/DropdownFooter.d.ts +1 -1
- package/types/components/Dropdown/ui/DropdownFooter/DropdownFooter.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownGroup/DropdownGroup.d.ts +1 -1
- package/types/components/Dropdown/ui/DropdownGroup/DropdownGroup.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownHeader/DropdownHeader.d.ts +1 -1
- package/types/components/Dropdown/ui/DropdownHeader/DropdownHeader.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts +1 -1
- package/types/components/Dropdown/ui/DropdownItemOld/DropdownItemOld.d.ts.map +1 -1
- package/types/components/Dropdown/ui/DropdownOld/DropdownOld.d.ts +1 -1
- package/types/components/Dropdown/ui/DropdownOld/DropdownOld.d.ts.map +1 -1
- package/types/components/Radiobox/Radiobox.d.ts +2 -2
- package/types/components/Radiobox/Radiobox.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts +1 -1
- package/types/components/Segment/ui/SegmentGroup/SegmentGroup.d.ts.map +1 -1
- package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts +1 -1
- package/types/components/Segment/ui/SegmentItem/SegmentItem.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
- package/types/components/Spinner/Spinner.d.ts +1 -1
- package/types/components/Spinner/Spinner.d.ts.map +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts +1 -1
- package/types/components/Tabs/ui/horizontal/HorizontalTabs/HorizontalTabs.d.ts.map +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts +1 -1
- package/types/components/Tabs/ui/vertical/VerticalTabs/VerticalTabs.d.ts.map +1 -1
- package/types/components/TextField/TextField.d.ts +1 -1
- package/types/components/TextField/TextField.d.ts.map +1 -1
@@ -17,7 +17,7 @@ _export(exports, {
|
|
17
17
|
}
|
18
18
|
});
|
19
19
|
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
20
|
-
var
|
20
|
+
var _utils = require("../../utils");
|
21
21
|
var _hooks = require("../../hooks");
|
22
22
|
var _FloatingPopover = require("./FloatingPopover");
|
23
23
|
var _focusedReducer = require("./reducers/focusedReducer");
|
@@ -206,9 +206,9 @@ var autocompleteRoot = function(Root) {
|
|
206
206
|
var _useReducer = _sliced_to_array((0, _react.useReducer)(_focusedReducer.focusedReducer, null), 2), focused = _useReducer[0], dispatchFocused = _useReducer[1];
|
207
207
|
var _useState = _sliced_to_array((0, _react.useState)(''), 2), innerValue = _useState[0], setInnerValue = _useState[1];
|
208
208
|
var _useState1 = _sliced_to_array((0, _react.useState)(false), 2), isOpen = _useState1[0], setIsOpen = _useState1[1];
|
209
|
-
var listId = (0,
|
209
|
+
var listId = (0, _utils.safeUseId)();
|
210
210
|
var value = outerValue !== null && outerValue !== void 0 ? outerValue : innerValue;
|
211
|
-
var helperTextId = (0,
|
211
|
+
var helperTextId = (0, _utils.safeUseId)();
|
212
212
|
var floatingPopoverRef = (0, _react.useRef)(null);
|
213
213
|
var targetRef = (0, _hooks.useOutsideClick)(function() {
|
214
214
|
setIsOpen(false);
|
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "FloatingPopover", {
|
|
10
10
|
});
|
11
11
|
var _react = require("@floating-ui/react");
|
12
12
|
var _react1 = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
13
|
-
var
|
13
|
+
var _utils = require("../../utils");
|
14
14
|
function _define_property(obj, key, value) {
|
15
15
|
if (key in obj) {
|
16
16
|
Object.defineProperty(obj, key, {
|
@@ -131,7 +131,7 @@ var FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(function(param, ref)
|
|
131
131
|
})
|
132
132
|
]
|
133
133
|
}), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles;
|
134
|
-
var wrappedId = (0,
|
134
|
+
var wrappedId = (0, _utils.safeUseId)();
|
135
135
|
// Проверка на target. Это может быть как ReactNode, так и функция, в которую пробрасывается ref.
|
136
136
|
// Это нужно для более тонкой настройки reference-элемента, вокруг которого и будет позиционироваться выпадашка.
|
137
137
|
// Пример: когда в Textfield под инпутом находится helperText (или еще что-либо),
|
@@ -19,6 +19,7 @@ _export(exports, {
|
|
19
19
|
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
20
20
|
var _plasmacore = require("@salutejs/plasma-core");
|
21
21
|
var _utils = require("../../utils");
|
22
|
+
var _utils1 = require("../../utils");
|
22
23
|
var _base = require("./variations/_view/base");
|
23
24
|
var _base1 = require("./variations/_size/base");
|
24
25
|
var _base2 = require("./variations/_disabled/base");
|
@@ -173,7 +174,7 @@ var checkboxRoot = function(Root) {
|
|
173
174
|
inputRef,
|
174
175
|
indeterminate
|
175
176
|
]);
|
176
|
-
var uniqId = (0,
|
177
|
+
var uniqId = (0, _utils.safeUseId)();
|
177
178
|
var uniqLabelId = "label-".concat(uniqId);
|
178
179
|
var uniqDescriptionId = "description-".concat(uniqId);
|
179
180
|
var checkboxId = id || "input-".concat(uniqId);
|
@@ -229,7 +230,7 @@ var checkboxRoot = function(Root) {
|
|
229
230
|
id: uniqLabelId,
|
230
231
|
"aria-hidden": isLabelAriaHidden
|
231
232
|
}, label), description && /*#__PURE__*/ _react.default.createElement(_Checkboxstyles.StyledDescription, {
|
232
|
-
className: (0,
|
233
|
+
className: (0, _utils1.cx)(singleLineClass, onlyDescriptionClass),
|
233
234
|
id: uniqDescriptionId
|
234
235
|
}, description))));
|
235
236
|
});
|
@@ -19,12 +19,13 @@ _export(exports, {
|
|
19
19
|
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
20
20
|
var _plasmacore = require("@salutejs/plasma-core");
|
21
21
|
var _utils = require("../../../utils");
|
22
|
+
var _utils1 = require("../../../utils");
|
22
23
|
var _hooks = require("../../../hooks");
|
23
|
-
var
|
24
|
+
var _utils2 = require("../../Select/utils");
|
24
25
|
var _Comboboxtokens = require("./Combobox.tokens");
|
25
26
|
var _FloatingPopover = require("./FloatingPopover");
|
26
27
|
var _useKeyboardNavigation = require("./hooks/useKeyboardNavigation");
|
27
|
-
var
|
28
|
+
var _utils3 = require("./utils");
|
28
29
|
var _ui = require("./ui");
|
29
30
|
var _reducers = require("./reducers");
|
30
31
|
var _getPathMaps = require("./hooks/getPathMaps");
|
@@ -263,7 +264,7 @@ var comboboxRoot = function(Root) {
|
|
263
264
|
"onToggle"
|
264
265
|
]);
|
265
266
|
var transformedItems = (0, _react.useMemo)(function() {
|
266
|
-
return (0,
|
267
|
+
return (0, _utils3.initialItemsTransform)(items || []);
|
267
268
|
}, [
|
268
269
|
items
|
269
270
|
]);
|
@@ -279,10 +280,10 @@ var comboboxRoot = function(Root) {
|
|
279
280
|
var inputRef = (0, _react.useRef)(null);
|
280
281
|
var floatingPopoverRef = (0, _react.useRef)(null);
|
281
282
|
var inputForkRef = (0, _plasmacore.useForkRef)(inputRef, ref);
|
282
|
-
var treeId = (0,
|
283
|
+
var treeId = (0, _utils.safeUseId)();
|
283
284
|
var filteredItems = (0, _react.useMemo)(function() {
|
284
285
|
var _valueToItemMap_get;
|
285
|
-
return (0,
|
286
|
+
return (0, _utils3.filterItems)(transformedItems, textValue, ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || value, filter);
|
286
287
|
}, [
|
287
288
|
transformedItems,
|
288
289
|
textValue,
|
@@ -320,7 +321,7 @@ var comboboxRoot = function(Root) {
|
|
320
321
|
// Если изменилось, то возвращаем label выбранного айтема.
|
321
322
|
// Если нет выбранного элемента, то стираем значение инпута.
|
322
323
|
if (textValue !== value) {
|
323
|
-
if ((0,
|
324
|
+
if ((0, _utils1.isEmpty)(value)) {
|
324
325
|
setTextValue('');
|
325
326
|
} else if (multiple) {
|
326
327
|
setTextValue('');
|
@@ -398,7 +399,7 @@ var comboboxRoot = function(Root) {
|
|
398
399
|
resultValues.splice(index, 1);
|
399
400
|
}
|
400
401
|
});
|
401
|
-
var removedItemValue = (0,
|
402
|
+
var removedItemValue = (0, _utils3.getRemovedElement)(value, resultValues, isTargetAmount);
|
402
403
|
onChange(resultValues, removedItemValue ? valueToItemMap.get(removedItemValue) || {
|
403
404
|
value: removedItemValue,
|
404
405
|
label: removedItemValue.toString()
|
@@ -408,7 +409,7 @@ var comboboxRoot = function(Root) {
|
|
408
409
|
var _labelToItemMap_get;
|
409
410
|
return ((_labelToItemMap_get = labelToItemMap.get(chipLabel)) === null || _labelToItemMap_get === void 0 ? void 0 : _labelToItemMap_get.value) || chipLabel;
|
410
411
|
});
|
411
|
-
var removedItemValue1 = (0,
|
412
|
+
var removedItemValue1 = (0, _utils3.getRemovedElement)(value, newValues, isTargetAmount);
|
412
413
|
onChange(newValues, removedItemValue1 ? valueToItemMap.get(removedItemValue1) || {
|
413
414
|
value: removedItemValue1,
|
414
415
|
label: removedItemValue1.toString()
|
@@ -444,12 +445,12 @@ var comboboxRoot = function(Root) {
|
|
444
445
|
var checkedCopy = new Map(checked);
|
445
446
|
if (!checkedCopy.get(item.value)) {
|
446
447
|
checkedCopy.set(item.value, true);
|
447
|
-
(0,
|
448
|
+
(0, _utils3.updateDescendants)(item, checkedCopy, true, valueToItemMap);
|
448
449
|
} else {
|
449
450
|
checkedCopy.set(item.value, false);
|
450
|
-
(0,
|
451
|
+
(0, _utils3.updateDescendants)(item, checkedCopy, false);
|
451
452
|
}
|
452
|
-
(0,
|
453
|
+
(0, _utils3.updateAncestors)(item, checkedCopy);
|
453
454
|
var newValues = [];
|
454
455
|
valueToItemMap.forEach(function(item, key) {
|
455
456
|
if (checkedCopy.get(key)) {
|
@@ -478,7 +479,7 @@ var comboboxRoot = function(Root) {
|
|
478
479
|
};
|
479
480
|
// Обработчик клика по айтему выпадающего списка
|
480
481
|
var handleItemClick = function(item, e) {
|
481
|
-
if (!(0,
|
482
|
+
if (!(0, _utils1.isEmpty)(item === null || item === void 0 ? void 0 : item.items)) {
|
482
483
|
return;
|
483
484
|
}
|
484
485
|
if (multiple) {
|
@@ -524,7 +525,7 @@ var comboboxRoot = function(Root) {
|
|
524
525
|
return [];
|
525
526
|
};
|
526
527
|
var handlePressDown = function(item, e) {
|
527
|
-
if ((0,
|
528
|
+
if ((0, _utils1.isEmpty)(item.items)) {
|
528
529
|
handleItemClick(item, e);
|
529
530
|
} else if (multiple) {
|
530
531
|
handleCheckboxChange(item);
|
@@ -556,14 +557,14 @@ var comboboxRoot = function(Root) {
|
|
556
557
|
checkedCopy.forEach(function(_, key) {
|
557
558
|
checkedCopy.set(key, false);
|
558
559
|
});
|
559
|
-
if (!(0,
|
560
|
+
if (!(0, _utils1.isEmpty)(value)) {
|
560
561
|
if (Array.isArray(value)) {
|
561
562
|
value.forEach(function(val) {
|
562
563
|
// Только если value находится в items, т.к. value может и не существовать в items.
|
563
564
|
if (valueToItemMap.has(val)) {
|
564
565
|
checkedCopy.set(val, true);
|
565
|
-
(0,
|
566
|
-
(0,
|
566
|
+
(0, _utils3.updateDescendants)(valueToItemMap.get(val), checkedCopy, true);
|
567
|
+
(0, _utils3.updateAncestors)(valueToItemMap.get(val), checkedCopy);
|
567
568
|
}
|
568
569
|
});
|
569
570
|
} else {
|
@@ -571,7 +572,7 @@ var comboboxRoot = function(Root) {
|
|
571
572
|
// eslint-disable-next-line no-lonely-if
|
572
573
|
if (valueToItemMap.has(value)) {
|
573
574
|
checkedCopy.set(value, 'done');
|
574
|
-
(0,
|
575
|
+
(0, _utils3.updateSingleAncestors)(valueToItemMap.get(value), checkedCopy, 'dot');
|
575
576
|
}
|
576
577
|
}
|
577
578
|
}
|
@@ -649,7 +650,7 @@ var comboboxRoot = function(Root) {
|
|
649
650
|
onClick: handleClickArrow
|
650
651
|
}, /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.StyledArrow, {
|
651
652
|
color: "inherit",
|
652
|
-
size: (0,
|
653
|
+
size: (0, _utils2.sizeToIconSize)(size),
|
653
654
|
className: withArrowInverse
|
654
655
|
})),
|
655
656
|
textBefore: textBefore,
|
@@ -662,7 +663,7 @@ var comboboxRoot = function(Root) {
|
|
662
663
|
"aria-autocomplete": "list",
|
663
664
|
"aria-controls": "".concat(treeId, "_tree_level_1"),
|
664
665
|
"aria-expanded": isCurrentListOpen,
|
665
|
-
"aria-activedescendant": activeDescendantItemValue ? (0,
|
666
|
+
"aria-activedescendant": activeDescendantItemValue ? (0, _utils3.getItemId)(treeId, activeDescendantItemValue) : '',
|
666
667
|
labelPlacement: labelPlacement,
|
667
668
|
keepPlaceholder: keepPlaceholder
|
668
669
|
}, multiple ? {
|
@@ -695,7 +696,7 @@ var comboboxRoot = function(Root) {
|
|
695
696
|
virtual: virtual,
|
696
697
|
listOverflow: listOverflow,
|
697
698
|
onScroll: virtual ? undefined : onScroll
|
698
|
-
}, beforeList, (0,
|
699
|
+
}, beforeList, (0, _utils1.isEmpty)(filteredItems) ? /*#__PURE__*/ _react.default.createElement(_Comboboxstyles.StyledEmptyState, {
|
699
700
|
className: _Comboboxtokens.classes.emptyStateWrapper,
|
700
701
|
size: size,
|
701
702
|
description: emptyStateDescription || 'Ничего не найдено'
|
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "FloatingPopover", {
|
|
10
10
|
});
|
11
11
|
var _react = require("@floating-ui/react");
|
12
12
|
var _react1 = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
13
|
-
var
|
13
|
+
var _utils = require("../../../utils");
|
14
14
|
function _define_property(obj, key, value) {
|
15
15
|
if (key in obj) {
|
16
16
|
Object.defineProperty(obj, key, {
|
@@ -137,7 +137,7 @@ var FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(function(param, ref)
|
|
137
137
|
})
|
138
138
|
]
|
139
139
|
}), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles;
|
140
|
-
var wrappedId = (0,
|
140
|
+
var wrappedId = (0, _utils.safeUseId)();
|
141
141
|
var handleClick = function() {
|
142
142
|
if (onToggle) {
|
143
143
|
onToggle(!opened);
|
@@ -9,9 +9,9 @@ Object.defineProperty(exports, "Inner", {
|
|
9
9
|
}
|
10
10
|
});
|
11
11
|
var _react = /*#__PURE__*/ _interop_require_default(require("react"));
|
12
|
-
var _plasmacore = require("@salutejs/plasma-core");
|
13
|
-
var _FloatingPopover = require("../../FloatingPopover");
|
14
12
|
var _utils = require("../../../../../utils");
|
13
|
+
var _FloatingPopover = require("../../FloatingPopover");
|
14
|
+
var _utils1 = require("../../../../../utils");
|
15
15
|
var _Comboboxstyles = require("../../Combobox.styles");
|
16
16
|
var _ui = require("./ui");
|
17
17
|
function _interop_require_default(obj) {
|
@@ -36,10 +36,10 @@ var Inner = function(param) {
|
|
36
36
|
}
|
37
37
|
};
|
38
38
|
var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
|
39
|
-
var treeId = (0,
|
39
|
+
var treeId = (0, _utils.safeUseId)();
|
40
40
|
var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
|
41
41
|
var nextLevel = currentLevel + 1;
|
42
|
-
if (!(0,
|
42
|
+
if (!(0, _utils1.isEmpty)(item === null || item === void 0 ? void 0 : item.items)) {
|
43
43
|
var _item_items;
|
44
44
|
return /*#__PURE__*/ _react.default.createElement(_FloatingPopover.FloatingPopover, {
|
45
45
|
placement: (item === null || item === void 0 ? void 0 : item.placement) || 'right-start',
|
@@ -19,8 +19,9 @@ _export(exports, {
|
|
19
19
|
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
20
20
|
var _plasmacore = require("@salutejs/plasma-core");
|
21
21
|
var _utils = require("../../../utils");
|
22
|
+
var _utils1 = require("../../../utils");
|
22
23
|
var _hooks = require("../../../hooks");
|
23
|
-
var
|
24
|
+
var _utils2 = require("./utils");
|
24
25
|
var _hooks1 = require("./hooks");
|
25
26
|
var _base = require("./variations/_view/base");
|
26
27
|
var _base1 = require("./variations/_size/base");
|
@@ -195,7 +196,7 @@ var comboboxRoot = function(Root) {
|
|
195
196
|
]);
|
196
197
|
var _targetRef_current;
|
197
198
|
var forceUpdate = (0, _hooks.useForceUpdate)();
|
198
|
-
var uniqId = (0,
|
199
|
+
var uniqId = (0, _utils.safeUseId)();
|
199
200
|
var innerId = id || uniqId;
|
200
201
|
var _rest_valueType = rest.valueType, valueType = _rest_valueType === void 0 ? 'single' : _rest_valueType, value = rest.value;
|
201
202
|
var offset = [
|
@@ -267,11 +268,11 @@ var comboboxRoot = function(Root) {
|
|
267
268
|
var _item_dataset = item.dataset, newValue = _item_dataset.value;
|
268
269
|
if (rest.valueType === 'multiple') {
|
269
270
|
var _rest_onChangeValue1;
|
270
|
-
var newSelected = (0,
|
271
|
+
var newSelected = (0, _utils2.getNewSelected)(rest.value, newValue, rest.valueType);
|
271
272
|
(_rest_onChangeValue1 = rest.onChangeValue) === null || _rest_onChangeValue1 === void 0 ? void 0 : _rest_onChangeValue1.call(rest, newSelected);
|
272
273
|
return;
|
273
274
|
}
|
274
|
-
var newSelected1 = (0,
|
275
|
+
var newSelected1 = (0, _utils2.getNewSelected)(rest.value, newValue, 'single');
|
275
276
|
(_rest_onChangeValue = rest.onChangeValue) === null || _rest_onChangeValue === void 0 ? void 0 : _rest_onChangeValue.call(rest, newSelected1);
|
276
277
|
onInnerToggle === null || onInnerToggle === void 0 ? void 0 : onInnerToggle(alwaysOpened || false, event);
|
277
278
|
closedWithoutChanges.current = false;
|
@@ -301,11 +302,11 @@ var comboboxRoot = function(Root) {
|
|
301
302
|
updateValue: updateValue
|
302
303
|
}), onKeyDownTarget = _useKeyNavigation.onKeyDownTarget, onKeyDownSelect = _useKeyNavigation.onKeyDownSelect;
|
303
304
|
var childrenArray = _react.Children.toArray(children);
|
304
|
-
var childrenMemo = (0,
|
305
|
+
var childrenMemo = (0, _utils2.getChildren)(childrenArray, {
|
305
306
|
onClick: onClickChildrenItem,
|
306
307
|
childrenRefs: itemsRefs
|
307
308
|
}, value, filterValue, filterFunction).filter(Boolean);
|
308
|
-
var values = (0,
|
309
|
+
var values = (0, _utils2.getValues)(childrenArray, value);
|
309
310
|
var onSearch = function(newSearch, newOpened) {
|
310
311
|
setSearch(newSearch);
|
311
312
|
setFilterValue(newSearch);
|
@@ -358,10 +359,10 @@ var comboboxRoot = function(Root) {
|
|
358
359
|
onSearch: onSearch,
|
359
360
|
onKeyDown: onKeyDownHandle
|
360
361
|
}, rest)),
|
361
|
-
className: (0,
|
362
|
+
className: (0, _utils1.cx)(ref === null || ref === void 0 ? void 0 : ref.classList.toString()),
|
362
363
|
id: innerId,
|
363
364
|
offset: offset,
|
364
|
-
placement: (0,
|
365
|
+
placement: (0, _utils1.getPlacements)(placement),
|
365
366
|
usePortal: usePortal,
|
366
367
|
selectWidth: dynamicTargetWidth,
|
367
368
|
frame: frame,
|
package/styled-components/cjs/components/Combobox/ComboboxOld/ui/ComboboxItem/ComboboxItem.js
CHANGED
@@ -17,10 +17,10 @@ _export(exports, {
|
|
17
17
|
}
|
18
18
|
});
|
19
19
|
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
20
|
-
var
|
20
|
+
var _utils = require("../../../../../utils");
|
21
21
|
var _Comboboxtokens = require("../../Combobox.tokens");
|
22
|
-
var
|
23
|
-
var
|
22
|
+
var _utils1 = require("../../utils");
|
23
|
+
var _utils2 = require("../../../../../utils");
|
24
24
|
var _base = require("./variations/_view/base");
|
25
25
|
var _base1 = require("./variations/_size/base");
|
26
26
|
var _ComboboxItemstyles = require("./ComboboxItem.styles");
|
@@ -141,7 +141,7 @@ var comboboxItemRoot = function(Root) {
|
|
141
141
|
"onClick",
|
142
142
|
"onChange"
|
143
143
|
]);
|
144
|
-
var uniqId = (0,
|
144
|
+
var uniqId = (0, _utils.safeUseId)();
|
145
145
|
var innerId = id || uniqId;
|
146
146
|
var withComboboxItemIsSelected = checked || isSelected ? _Comboboxtokens.classes.comboboxItemIsSelected : undefined;
|
147
147
|
var withComboboxItemIsDisabled = disabled ? _Comboboxtokens.classes.comboboxItemIsDisabled : undefined;
|
@@ -179,19 +179,19 @@ var comboboxItemRoot = function(Root) {
|
|
179
179
|
onChange: handleOnChange
|
180
180
|
});
|
181
181
|
var ContentLeft = (0, _react.useMemo)(function() {
|
182
|
-
return (0,
|
182
|
+
return (0, _utils1.getValidComponent)(ContentLeftComponent, contentProps);
|
183
183
|
}, [
|
184
184
|
ContentRightComponent,
|
185
185
|
contentProps
|
186
186
|
]);
|
187
187
|
var ContentRight = (0, _react.useMemo)(function() {
|
188
|
-
return (0,
|
188
|
+
return (0, _utils1.getValidComponent)(ContentRightComponent, contentProps);
|
189
189
|
}, [
|
190
190
|
ContentRightComponent,
|
191
191
|
contentProps
|
192
192
|
]);
|
193
193
|
return /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
|
194
|
-
className: (0,
|
194
|
+
className: (0, _utils2.cx)(withComboboxItemIsSelected, withComboboxItemIsDisabled, className),
|
195
195
|
view: view,
|
196
196
|
size: size,
|
197
197
|
id: innerId,
|
@@ -17,8 +17,8 @@ _export(exports, {
|
|
17
17
|
}
|
18
18
|
});
|
19
19
|
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
20
|
-
var _plasmacore = require("@salutejs/plasma-core");
|
21
20
|
var _utils = require("../../utils");
|
21
|
+
var _utils1 = require("../../utils");
|
22
22
|
var _hooks = require("../../hooks");
|
23
23
|
var _pathReducer = require("./reducers/pathReducer");
|
24
24
|
var _focusedPathReducer = require("./reducers/focusedPathReducer");
|
@@ -26,7 +26,7 @@ var _ui = require("./ui");
|
|
26
26
|
var _base = require("./variations/_view/base");
|
27
27
|
var _base1 = require("./variations/_size/base");
|
28
28
|
var _Dropdownstyles = require("./Dropdown.styles");
|
29
|
-
var
|
29
|
+
var _utils2 = require("./utils");
|
30
30
|
var _Dropdowntokens = require("./Dropdown.tokens");
|
31
31
|
var _useKeyboardNavigation = require("./hooks/useKeyboardNavigation");
|
32
32
|
var _useHashMaps = require("./hooks/useHashMaps");
|
@@ -211,9 +211,9 @@ var dropdownRoot = function(Root) {
|
|
211
211
|
var _useReducer1 = _sliced_to_array((0, _react.useReducer)(_focusedPathReducer.focusedPathReducer, []), 2), focusedPath = _useReducer1[0], dispatchFocusedPath = _useReducer1[1];
|
212
212
|
var isCurrentListOpen = alwaysOpened || Boolean(path[0]);
|
213
213
|
var _useHashMaps1 = _sliced_to_array((0, _useHashMaps.useHashMaps)(items), 2), pathMap = _useHashMaps1[0], focusedToValueMap = _useHashMaps1[1];
|
214
|
-
var activeDescendantItemValue = ((_getItemByFocused = (0,
|
214
|
+
var activeDescendantItemValue = ((_getItemByFocused = (0, _utils2.getItemByFocused)(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value) || '';
|
215
215
|
var floatingPopoverRef = (0, _react.useRef)(null);
|
216
|
-
var treeId = (0,
|
216
|
+
var treeId = (0, _utils.safeUseId)();
|
217
217
|
// Логика работы при клике за пределами выпадающего списка
|
218
218
|
var targetRef = (0, _hooks.useOutsideClick)(function(event) {
|
219
219
|
if (!isCurrentListOpen || !closeOnOverlayClick || alwaysOpened) {
|
@@ -288,22 +288,22 @@ var dropdownRoot = function(Root) {
|
|
288
288
|
ref: floatingPopoverRef,
|
289
289
|
opened: isCurrentListOpen,
|
290
290
|
onToggle: handleGlobalToggle,
|
291
|
-
placement: (0,
|
291
|
+
placement: (0, _utils2.getPlacement)(placement),
|
292
292
|
offset: offset,
|
293
293
|
portal: portal,
|
294
294
|
trigger: trigger,
|
295
|
-
target: (0,
|
295
|
+
target: (0, _utils2.childrenWithProps)(children, {
|
296
296
|
role: 'combobox',
|
297
297
|
'aria-controls': "".concat(treeId, "_tree_level_1"),
|
298
298
|
'aria-expanded': isCurrentListOpen,
|
299
|
-
'aria-activedescendant': activeDescendantItemValue ? (0,
|
299
|
+
'aria-activedescendant': activeDescendantItemValue ? (0, _utils2.getItemId)(treeId, activeDescendantItemValue.toString()) : '',
|
300
300
|
onKeyDown: onKeyDown,
|
301
301
|
onContextMenu: openByRightClick ? onContextMenu : undefined
|
302
302
|
}),
|
303
303
|
zIndex: zIndex,
|
304
304
|
isInner: false
|
305
305
|
}, /*#__PURE__*/ _react.default.createElement(Root, _object_spread({
|
306
|
-
className: (0,
|
306
|
+
className: (0, _utils1.cx)(className, _Dropdowntokens.classes.dropdownRoot),
|
307
307
|
ref: ref,
|
308
308
|
view: view,
|
309
309
|
size: size,
|
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "FloatingPopover", {
|
|
10
10
|
});
|
11
11
|
var _react = require("@floating-ui/react");
|
12
12
|
var _react1 = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
13
|
-
var
|
13
|
+
var _utils = require("../../utils");
|
14
14
|
function _define_property(obj, key, value) {
|
15
15
|
if (key in obj) {
|
16
16
|
Object.defineProperty(obj, key, {
|
@@ -137,7 +137,7 @@ var FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(function(param, ref)
|
|
137
137
|
(0, _react.shift)()
|
138
138
|
]
|
139
139
|
}), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles;
|
140
|
-
var wrappedId = (0,
|
140
|
+
var wrappedId = (0, _utils.safeUseId)();
|
141
141
|
var handleTargetClick = function(event) {
|
142
142
|
if (trigger === 'hover') {
|
143
143
|
return;
|
@@ -9,11 +9,11 @@ Object.defineProperty(exports, "DropdownInner", {
|
|
9
9
|
}
|
10
10
|
});
|
11
11
|
var _react = /*#__PURE__*/ _interop_require_default(require("react"));
|
12
|
-
var
|
12
|
+
var _utils = require("../../../../utils");
|
13
13
|
var _DropdownItem = require("../DropdownItem/DropdownItem");
|
14
14
|
var _Dropdownstyles = require("../../Dropdown.styles");
|
15
15
|
var _FloatingPopover = require("../../FloatingPopover");
|
16
|
-
var
|
16
|
+
var _utils1 = require("../../utils");
|
17
17
|
function _interop_require_default(obj) {
|
18
18
|
return obj && obj.__esModule ? obj : {
|
19
19
|
default: obj
|
@@ -36,12 +36,12 @@ var DropdownInner = function(param) {
|
|
36
36
|
}
|
37
37
|
};
|
38
38
|
var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
|
39
|
-
var treeId = (0,
|
39
|
+
var treeId = (0, _utils.safeUseId)();
|
40
40
|
var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
|
41
41
|
var nextLevel = currentLevel + 1;
|
42
42
|
if (item === null || item === void 0 ? void 0 : item.items) {
|
43
43
|
return /*#__PURE__*/ _react.default.createElement(_FloatingPopover.FloatingPopover, {
|
44
|
-
placement: (0,
|
44
|
+
placement: (0, _utils1.getPlacement)((item === null || item === void 0 ? void 0 : item.placement) || 'right'),
|
45
45
|
opened: isCurrentListOpen,
|
46
46
|
onToggle: handleToggle,
|
47
47
|
trigger: item.trigger || trigger,
|
@@ -17,9 +17,8 @@ _export(exports, {
|
|
17
17
|
}
|
18
18
|
});
|
19
19
|
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
20
|
-
var _plasmacore = require("@salutejs/plasma-core");
|
21
|
-
var _Dropdowntokens = require("../../Dropdown.tokens");
|
22
20
|
var _utils = require("../../../../utils");
|
21
|
+
var _Dropdowntokens = require("../../Dropdown.tokens");
|
23
22
|
var _utils1 = require("../../utils");
|
24
23
|
var _base = require("./variations/_view/base");
|
25
24
|
var _base1 = require("./variations/_size/base");
|
@@ -141,7 +140,7 @@ var dropdownItemOldRoot = function(Root) {
|
|
141
140
|
"onClick",
|
142
141
|
"onChange"
|
143
142
|
]);
|
144
|
-
var uniqId = (0,
|
143
|
+
var uniqId = (0, _utils.safeUseId)();
|
145
144
|
var innerId = id || uniqId;
|
146
145
|
var withDropdownItemIsSelected = checked || isSelected ? _Dropdowntokens.classes.dropdownItemIsSelected : undefined;
|
147
146
|
var withDropdownItemIsDisabled = disabled ? _Dropdowntokens.classes.dropdownItemIsDisabled : undefined;
|
@@ -18,8 +18,8 @@ _export(exports, {
|
|
18
18
|
});
|
19
19
|
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
20
20
|
var _plasmacore = require("@salutejs/plasma-core");
|
21
|
-
var _hooks = require("../../../../hooks");
|
22
21
|
var _utils = require("../../../../utils");
|
22
|
+
var _hooks = require("../../../../hooks");
|
23
23
|
var _base = require("./variations/_view/base");
|
24
24
|
var _base1 = require("./variations/_size/base");
|
25
25
|
var _Dropdownstyles = require("./Dropdown.styles");
|
@@ -18,8 +18,8 @@ _export(exports, {
|
|
18
18
|
});
|
19
19
|
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
20
20
|
var _plasmacore = require("@salutejs/plasma-core");
|
21
|
-
var _Checkboxstyles = require("../Checkbox/Checkbox.styles");
|
22
21
|
var _utils = require("../../utils");
|
22
|
+
var _Checkboxstyles = require("../Checkbox/Checkbox.styles");
|
23
23
|
var _base = require("./variations/_view/base");
|
24
24
|
var _base1 = require("./variations/_size/base");
|
25
25
|
var _base2 = require("./variations/_disabled/base");
|
@@ -161,7 +161,7 @@ var radioboxRoot = function(Root) {
|
|
161
161
|
"singleLine",
|
162
162
|
'aria-label'
|
163
163
|
]);
|
164
|
-
var uniqId = (0,
|
164
|
+
var uniqId = (0, _utils.safeUseId)();
|
165
165
|
var uniqLabelId = "label-".concat(uniqId);
|
166
166
|
var uniqDescriptionId = "description-".concat(uniqId);
|
167
167
|
var radioboxId = id || "input-".concat(uniqId);
|
@@ -20,10 +20,9 @@ _export(exports, {
|
|
20
20
|
}
|
21
21
|
});
|
22
22
|
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
23
|
-
var
|
23
|
+
var _utils = require("../../../../utils");
|
24
24
|
var _Icon = require("../../../_Icon");
|
25
25
|
var _tokens = require("../../tokens");
|
26
|
-
var _utils = require("../../../../utils");
|
27
26
|
var _SegmentProvider = require("../../SegmentProvider/SegmentProvider");
|
28
27
|
var _base = require("./variations/_size/base");
|
29
28
|
var _base1 = require("./variations/_view/base");
|
@@ -208,7 +207,7 @@ var segmentGroupRoot = function(Root) {
|
|
208
207
|
var _useSegmentInner = (0, _SegmentProvider.useSegmentInner)(), setSelectionMode = _useSegmentInner.setSelectionMode, setDisabledGroup = _useSegmentInner.setDisabledGroup;
|
209
208
|
var _useState = _sliced_to_array((0, _react.useState)(true), 2), firstItemVisible = _useState[0], setFirstItemVisible = _useState[1];
|
210
209
|
var _useState1 = _sliced_to_array((0, _react.useState)(true), 2), lastItemVisible = _useState1[0], setLastItemVisible = _useState1[1];
|
211
|
-
var uniqId = (0,
|
210
|
+
var uniqId = (0, _utils.safeUseId)();
|
212
211
|
var segmentGroupId = id || uniqId;
|
213
212
|
var canClip = clip && !stretch;
|
214
213
|
var isVertical = orientation === 'vertical';
|
@@ -17,7 +17,6 @@ _export(exports, {
|
|
17
17
|
}
|
18
18
|
});
|
19
19
|
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
20
|
-
var _plasmacore = require("@salutejs/plasma-core");
|
21
20
|
var _utils = require("../../../../utils");
|
22
21
|
var _tokens = require("../../tokens");
|
23
22
|
var _SegmentProvider = require("../../SegmentProvider/SegmentProvider");
|
@@ -138,7 +137,7 @@ var segmentItemRoot = function(Root) {
|
|
138
137
|
'aria-label'
|
139
138
|
]);
|
140
139
|
var _useSegmentInner = (0, _SegmentProvider.useSegmentInner)(), disabledGroup = _useSegmentInner.disabledGroup, handleSelect = _useSegmentInner.handleSelect, selectedSegmentItems = _useSegmentInner.selectedSegmentItems;
|
141
|
-
var uniqId = (0,
|
140
|
+
var uniqId = (0, _utils.safeUseId)();
|
142
141
|
var segmentId = id || "label-".concat(uniqId);
|
143
142
|
var ariaLabelDefault = (0, _react.useMemo)(function() {
|
144
143
|
return (0, _utils.extractTextFrom)(label);
|
@@ -10,8 +10,8 @@ Object.defineProperty(exports, "FloatingPopover", {
|
|
10
10
|
});
|
11
11
|
var _react = require("@floating-ui/react");
|
12
12
|
var _react1 = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
13
|
-
var
|
14
|
-
var
|
13
|
+
var _utils = require("../../utils");
|
14
|
+
var _utils1 = require("./utils");
|
15
15
|
function _define_property(obj, key, value) {
|
16
16
|
if (key in obj) {
|
17
17
|
Object.defineProperty(obj, key, {
|
@@ -117,7 +117,7 @@ var FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(function(param, ref)
|
|
117
117
|
layoutShift: false
|
118
118
|
});
|
119
119
|
},
|
120
|
-
placement: (0,
|
120
|
+
placement: (0, _utils1.getPlacement)(placement),
|
121
121
|
open: opened,
|
122
122
|
middleware: [
|
123
123
|
(0, _react.offset)({
|
@@ -125,7 +125,7 @@ var FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(function(param, ref)
|
|
125
125
|
alignmentAxis: isInner ? -LIST_PADDING : 0
|
126
126
|
}),
|
127
127
|
(0, _react.flip)({
|
128
|
-
fallbackPlacements: (0,
|
128
|
+
fallbackPlacements: (0, _utils1.getFallbackPlacements)(placement)
|
129
129
|
}),
|
130
130
|
(0, _react.shift)(),
|
131
131
|
(0, _react.size)({
|
@@ -138,7 +138,7 @@ var FloatingPopover = /*#__PURE__*/ (0, _react1.forwardRef)(function(param, ref)
|
|
138
138
|
})
|
139
139
|
]
|
140
140
|
}), refs = _useFloating.refs, floatingStyles = _useFloating.floatingStyles;
|
141
|
-
var wrappedId = (0,
|
141
|
+
var wrappedId = (0, _utils.safeUseId)();
|
142
142
|
var handleClick = function() {
|
143
143
|
if (onToggle) {
|
144
144
|
onToggle(!opened);
|
@@ -17,7 +17,6 @@ _export(exports, {
|
|
17
17
|
}
|
18
18
|
});
|
19
19
|
var _react = /*#__PURE__*/ _interop_require_wildcard(require("react"));
|
20
|
-
var _plasmacore = require("@salutejs/plasma-core");
|
21
20
|
var _utils = require("../../utils");
|
22
21
|
var _hooks = require("../../hooks");
|
23
22
|
var _useKeyboardNavigation = require("./hooks/useKeyboardNavigation");
|
@@ -265,7 +264,7 @@ var selectRoot = function(Root) {
|
|
265
264
|
var isCurrentListOpen = Boolean(path[0]);
|
266
265
|
var activeDescendantItemValue = ((_getItemByFocused = (0, _useKeyboardNavigation.getItemByFocused)(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value.toString()) || '';
|
267
266
|
var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
|
268
|
-
var treeId = (0,
|
267
|
+
var treeId = (0, _utils.safeUseId)();
|
269
268
|
var view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : (0, _utils1.getView)(status, outerView);
|
270
269
|
// Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.
|
271
270
|
var requiredProps = props.target === 'button-like' ? undefined : {
|