@salutejs/plasma-new-hope 0.335.0-canary.2197.17377664818.0 → 0.335.0-canary.2198.17378237458.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 +1 -6
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js +43 -13
- package/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js.map +1 -1
- package/cjs/components/Carousel/CarouselNew/Carousel.js +4 -3
- package/cjs/components/Carousel/CarouselNew/Carousel.js.map +1 -1
- package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
- package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +18 -34
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +3 -2
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +5 -11
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +43 -13
- package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js +24 -0
- package/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js.map +1 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +3 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -2
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -2
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/Popup/ClientOnlyPortal.js +15 -2
- package/cjs/components/Popup/ClientOnlyPortal.js.map +1 -1
- package/cjs/components/Popup/PopupContext.js +26 -5
- package/cjs/components/Popup/PopupContext.js.map +1 -1
- package/cjs/components/Select/Select.js +3 -4
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +3 -2
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.js +5 -11
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Select/ui/VirtualList/VirtualList.js +43 -13
- package/cjs/components/Select/ui/VirtualList/VirtualList.js.map +1 -1
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +1 -8
- package/emotion/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js +84 -16
- package/emotion/cjs/components/Carousel/CarouselNew/Carousel.js +2 -2
- package/emotion/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +28 -48
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +15 -15
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +9 -50
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +84 -16
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js +25 -0
- package/emotion/cjs/components/Combobox/ComboboxNew/utils/index.js +4 -0
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +3 -1
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -3
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -2
- package/emotion/cjs/components/Popup/ClientOnlyPortal.js +14 -2
- package/emotion/cjs/components/Popup/PopupContext.js +25 -6
- package/emotion/cjs/components/Select/Select.js +2 -4
- package/emotion/cjs/components/Select/Select.styles.js +7 -7
- package/emotion/cjs/components/Select/ui/Inner/Inner.js +9 -50
- package/emotion/cjs/components/Select/ui/VirtualList/VirtualList.js +84 -16
- package/emotion/cjs/examples/components/Combobox/Combobox.js +0 -15
- package/emotion/es/components/Autocomplete/Autocomplete.js +2 -9
- package/emotion/es/components/Autocomplete/ui/VirtualList/VirtualList.js +45 -13
- package/emotion/es/components/Carousel/CarouselNew/Carousel.js +2 -2
- package/emotion/es/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +14 -34
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +15 -15
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -11
- package/emotion/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +45 -13
- package/emotion/es/components/Combobox/ComboboxNew/utils/getTextValue.js +16 -0
- package/emotion/es/components/Combobox/ComboboxNew/utils/index.js +1 -0
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +3 -1
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -3
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +4 -2
- package/emotion/es/components/Popup/ClientOnlyPortal.js +14 -2
- package/emotion/es/components/Popup/PopupContext.js +25 -6
- package/emotion/es/components/Select/Select.js +2 -4
- package/emotion/es/components/Select/Select.styles.js +7 -7
- package/emotion/es/components/Select/ui/Inner/Inner.js +6 -11
- package/emotion/es/components/Select/ui/VirtualList/VirtualList.js +45 -13
- package/emotion/es/examples/components/Combobox/Combobox.js +7 -0
- package/es/components/Autocomplete/Autocomplete.js +2 -7
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Autocomplete/ui/VirtualList/VirtualList.js +44 -13
- package/es/components/Autocomplete/ui/VirtualList/VirtualList.js.map +1 -1
- package/es/components/Carousel/CarouselNew/Carousel.js +5 -4
- package/es/components/Carousel/CarouselNew/Carousel.js.map +1 -1
- package/es/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
- package/es/components/Carousel/CarouselNew/hooks/useCarousel.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js +18 -34
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +3 -2
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -12
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +44 -13
- package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/utils/getTextValue.js +20 -0
- package/es/components/Combobox/ComboboxNew/utils/getTextValue.js.map +1 -0
- package/es/components/DatePicker/RangeDate/RangeDate.js +3 -1
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -2
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +4 -2
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/Popup/ClientOnlyPortal.js +15 -2
- package/es/components/Popup/ClientOnlyPortal.js.map +1 -1
- package/es/components/Popup/PopupContext.js +26 -5
- package/es/components/Popup/PopupContext.js.map +1 -1
- package/es/components/Select/Select.js +3 -4
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +3 -2
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.js +6 -12
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Select/ui/VirtualList/VirtualList.js +44 -13
- package/es/components/Select/ui/VirtualList/VirtualList.js.map +1 -1
- package/package.json +4 -5
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +1 -8
- package/styled-components/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js +84 -16
- package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.js +2 -2
- package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +28 -48
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +8 -8
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +9 -50
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +84 -16
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/getTextValue.js +25 -0
- package/styled-components/cjs/components/Combobox/ComboboxNew/utils/index.js +4 -0
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +3 -1
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -3
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +4 -2
- package/styled-components/cjs/components/Popup/ClientOnlyPortal.js +14 -2
- package/styled-components/cjs/components/Popup/PopupContext.js +25 -6
- package/styled-components/cjs/components/Select/Select.js +2 -4
- package/styled-components/cjs/components/Select/Select.styles.js +4 -4
- package/styled-components/cjs/components/Select/ui/Inner/Inner.js +9 -50
- package/styled-components/cjs/components/Select/ui/VirtualList/VirtualList.js +84 -16
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/styled-components/es/components/Autocomplete/Autocomplete.js +2 -9
- package/styled-components/es/components/Autocomplete/ui/VirtualList/VirtualList.js +45 -13
- package/styled-components/es/components/Carousel/CarouselNew/Carousel.js +2 -2
- package/styled-components/es/components/Carousel/CarouselNew/hooks/useCarousel.js +6 -1
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +14 -34
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +8 -8
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +6 -11
- package/styled-components/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +45 -13
- package/styled-components/es/components/Combobox/ComboboxNew/utils/getTextValue.js +16 -0
- package/styled-components/es/components/Combobox/ComboboxNew/utils/index.js +1 -0
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +3 -1
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +5 -3
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +4 -2
- package/styled-components/es/components/Popup/ClientOnlyPortal.js +14 -2
- package/styled-components/es/components/Popup/PopupContext.js +25 -6
- package/styled-components/es/components/Select/Select.js +2 -4
- package/styled-components/es/components/Select/Select.styles.js +4 -4
- package/styled-components/es/components/Select/ui/Inner/Inner.js +6 -11
- package/styled-components/es/components/Select/ui/VirtualList/VirtualList.js +45 -13
- package/styled-components/es/examples/components/Combobox/Combobox.js +7 -0
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.types.d.ts +17 -17
- package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
- package/types/components/Autocomplete/ui/VirtualList/VirtualList.d.ts +1 -1
- package/types/components/Autocomplete/ui/VirtualList/VirtualList.d.ts.map +1 -1
- package/types/components/Carousel/CarouselNew/Carousel.d.ts.map +1 -1
- package/types/components/Carousel/CarouselNew/Carousel.types.d.ts +5 -0
- package/types/components/Carousel/CarouselNew/Carousel.types.d.ts.map +1 -1
- package/types/components/Carousel/CarouselNew/hooks/useCarousel.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts +1 -0
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +7 -7
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.type.d.ts +1 -2
- package/types/components/Combobox/ComboboxNew/ui/Inner/Inner.type.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.types.d.ts +2 -6
- package/types/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.d.ts +1 -1
- package/types/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/utils/getTextValue.d.ts +4 -0
- package/types/components/Combobox/ComboboxNew/utils/getTextValue.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/utils/index.d.ts +1 -0
- package/types/components/Combobox/ComboboxNew/utils/index.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDate.d.ts.map +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts +1 -1
- package/types/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts +4 -0
- package/types/components/DatePicker/SingleDate/SingleDate.types.d.ts.map +1 -1
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts +18 -18
- package/types/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.styles.d.ts.map +1 -1
- package/types/components/Popup/ClientOnlyPortal.d.ts +1 -0
- package/types/components/Popup/ClientOnlyPortal.d.ts.map +1 -1
- package/types/components/Popup/PopupContext.d.ts +5 -1
- package/types/components/Popup/PopupContext.d.ts.map +1 -1
- package/types/components/Select/Select.d.ts.map +1 -1
- package/types/components/Select/Select.styles.d.ts +1 -0
- package/types/components/Select/Select.styles.d.ts.map +1 -1
- package/types/components/Select/Select.types.d.ts +14 -14
- package/types/components/Select/Select.types.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/Inner.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/Inner.type.d.ts +1 -2
- package/types/components/Select/ui/Inner/Inner.type.d.ts.map +1 -1
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts +3 -11
- package/types/components/Select/ui/Inner/ui/Item/Item.types.d.ts.map +1 -1
- package/types/components/Select/ui/VirtualList/VirtualList.d.ts +1 -1
- package/types/components/Select/ui/VirtualList/VirtualList.d.ts.map +1 -1
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts +18 -18
- package/types/components/Table/ui/HeadCell/ui/Filter/Filter.styles.d.ts.map +1 -1
- package/types/examples/components/Autocomplete/Autocomplete.d.ts +40 -40
- package/types/examples/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/examples/components/Combobox/Combobox.d.ts +48 -48
- package/types/examples/components/Combobox/Combobox.d.ts.map +1 -1
- package/types/examples/components/Select/Select.d.ts +18 -18
- package/types/examples/components/Select/Select.d.ts.map +1 -1
@@ -1,25 +1,57 @@
|
|
1
|
-
import React from "react";
|
2
|
-
import
|
1
|
+
import React, { useRef } from "react";
|
2
|
+
import { useVirtualizer } from "@tanstack/react-virtual";
|
3
3
|
import { getHeightAsNumber } from "../../../../../utils";
|
4
4
|
import { Item } from "../Inner/ui";
|
5
5
|
export var VirtualList = function(param) {
|
6
6
|
var items = param.items, listMaxHeight = param.listMaxHeight, onScroll = param.onScroll;
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
7
|
+
var _virtualItems_;
|
8
|
+
var parentRef = useRef(null);
|
9
|
+
var virtualizer = useVirtualizer({
|
10
|
+
count: items.length,
|
11
|
+
getScrollElement: function() {
|
12
|
+
return parentRef.current;
|
13
|
+
},
|
14
|
+
estimateSize: function() {
|
15
|
+
return 48;
|
16
|
+
}
|
17
|
+
});
|
18
|
+
var virtualItems = virtualizer.getVirtualItems();
|
19
|
+
var _virtualItems__start;
|
20
|
+
return /*#__PURE__*/ React.createElement("div", {
|
21
|
+
ref: parentRef,
|
22
|
+
style: {
|
23
|
+
height: 'auto',
|
24
|
+
maxHeight: getHeightAsNumber(listMaxHeight),
|
25
|
+
overflowY: 'auto'
|
26
|
+
},
|
13
27
|
onScroll: onScroll
|
14
|
-
},
|
15
|
-
|
16
|
-
|
28
|
+
}, /*#__PURE__*/ React.createElement("div", {
|
29
|
+
style: {
|
30
|
+
height: virtualizer.getTotalSize(),
|
31
|
+
width: '100%',
|
32
|
+
position: 'relative'
|
33
|
+
}
|
34
|
+
}, /*#__PURE__*/ React.createElement("div", {
|
35
|
+
style: {
|
36
|
+
position: 'absolute',
|
37
|
+
top: 0,
|
38
|
+
left: 0,
|
39
|
+
width: '100%',
|
40
|
+
transform: "translateY(".concat((_virtualItems__start = (_virtualItems_ = virtualItems[0]) === null || _virtualItems_ === void 0 ? void 0 : _virtualItems_.start) !== null && _virtualItems__start !== void 0 ? _virtualItems__start : 0, "px)")
|
41
|
+
}
|
42
|
+
}, virtualItems.map(function(virtualRow) {
|
43
|
+
return /*#__PURE__*/ React.createElement("div", {
|
44
|
+
key: virtualRow.key,
|
45
|
+
"data-index": virtualRow.index,
|
46
|
+
ref: virtualizer.measureElement
|
47
|
+
}, /*#__PURE__*/ React.createElement(Item, {
|
48
|
+
item: items[virtualRow.index],
|
17
49
|
path: [
|
18
50
|
'root'
|
19
51
|
],
|
20
52
|
currentLevel: 0,
|
21
|
-
index: index,
|
53
|
+
index: virtualRow.index,
|
22
54
|
ariaLevel: 1
|
23
55
|
}));
|
24
|
-
});
|
56
|
+
}))));
|
25
57
|
};
|
@@ -0,0 +1,16 @@
|
|
1
|
+
// Type Guard для multiple.
|
2
|
+
// @ts-ignore
|
3
|
+
function isMultiple(multiple, value) {
|
4
|
+
return Boolean(multiple);
|
5
|
+
}
|
6
|
+
// Хелпер для генерации начального состояния поля ввода.
|
7
|
+
export var getTextValue = function(multiple, value, valueToItemMap, renderValue) {
|
8
|
+
var _valueToItemMap_get;
|
9
|
+
if (isMultiple(multiple, value) || !value) {
|
10
|
+
return '';
|
11
|
+
}
|
12
|
+
return (renderValue === null || renderValue === void 0 ? void 0 : renderValue({
|
13
|
+
value: value,
|
14
|
+
label: ''
|
15
|
+
})) || ((_valueToItemMap_get = valueToItemMap.get(value)) === null || _valueToItemMap_get === void 0 ? void 0 : _valueToItemMap_get.label) || value.toString();
|
16
|
+
};
|
@@ -141,7 +141,7 @@ import { LeftHelper, StyledRange, base } from "./RangeDate.styles";
|
|
141
141
|
import { RangeDatePopover } from "./RangeDatePopover/RangeDatePopover";
|
142
142
|
export var datePickerRangeRoot = function(Root) {
|
143
143
|
return /*#__PURE__*/ forwardRef(function(_param, ref) {
|
144
|
-
var className = _param.className, autoComplete = _param.autoComplete, _param_isDoubleCalendar = _param.isDoubleCalendar, isDoubleCalendar = _param_isDoubleCalendar === void 0 ? false : _param_isDoubleCalendar, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultFirstDate = _param.defaultFirstDate, defaultFirstDate = _param_defaultFirstDate === void 0 ? '' : _param_defaultFirstDate, _param_defaultSecondDate = _param.defaultSecondDate, defaultSecondDate = _param_defaultSecondDate === void 0 ? '' : _param_defaultSecondDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, _param_dividerVariant = _param.dividerVariant, dividerVariant = _param_dividerVariant === void 0 ? 'dash' : _param_dividerVariant, dividerIcon = _param.dividerIcon, firstValueError = _param.firstValueError, secondValueError = _param.secondValueError, firstValueSuccess = _param.firstValueSuccess, secondValueSuccess = _param.secondValueSuccess, firstPlaceholder = _param.firstPlaceholder, secondPlaceholder = _param.secondPlaceholder, firstTextfieldContentLeft = _param.firstTextfieldContentLeft, firstTextfieldContentRight = _param.firstTextfieldContentRight, secondTextfieldContentLeft = _param.secondTextfieldContentLeft, secondTextfieldContentRight = _param.secondTextfieldContentRight, firstTextfieldTextBefore = _param.firstTextfieldTextBefore, secondTextfieldTextBefore = _param.secondTextfieldTextBefore, firstTextfieldTextAfter = _param.firstTextfieldTextAfter, secondTextfieldTextAfter = _param.secondTextfieldTextAfter, required = _param.required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
|
144
|
+
var className = _param.className, autoComplete = _param.autoComplete, _param_isDoubleCalendar = _param.isDoubleCalendar, isDoubleCalendar = _param_isDoubleCalendar === void 0 ? false : _param_isDoubleCalendar, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultFirstDate = _param.defaultFirstDate, defaultFirstDate = _param_defaultFirstDate === void 0 ? '' : _param_defaultFirstDate, _param_defaultSecondDate = _param.defaultSecondDate, defaultSecondDate = _param_defaultSecondDate === void 0 ? '' : _param_defaultSecondDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, _param_dividerVariant = _param.dividerVariant, dividerVariant = _param_dividerVariant === void 0 ? 'dash' : _param_dividerVariant, dividerIcon = _param.dividerIcon, firstValueError = _param.firstValueError, secondValueError = _param.secondValueError, firstValueSuccess = _param.firstValueSuccess, secondValueSuccess = _param.secondValueSuccess, firstPlaceholder = _param.firstPlaceholder, secondPlaceholder = _param.secondPlaceholder, firstTextfieldContentLeft = _param.firstTextfieldContentLeft, firstTextfieldContentRight = _param.firstTextfieldContentRight, secondTextfieldContentLeft = _param.secondTextfieldContentLeft, secondTextfieldContentRight = _param.secondTextfieldContentRight, firstTextfieldTextBefore = _param.firstTextfieldTextBefore, secondTextfieldTextBefore = _param.secondTextfieldTextBefore, firstTextfieldTextAfter = _param.firstTextfieldTextAfter, secondTextfieldTextAfter = _param.secondTextfieldTextAfter, required = _param.required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
|
145
145
|
'top',
|
146
146
|
'bottom'
|
147
147
|
] : _param_placement, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeAfterDateSelect = _param.closeAfterDateSelect, closeAfterDateSelect = _param_closeAfterDateSelect === void 0 ? true : _param_closeAfterDateSelect, offset = _param.offset, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, stretched = _param.stretched, onToggle = _param.onToggle, onChange = _param.onChange, onChangeFirstValue = _param.onChangeFirstValue, onChangeSecondValue = _param.onChangeSecondValue, onCommitFirstDate = _param.onCommitFirstDate, onCommitSecondDate = _param.onCommitSecondDate, onFocusFirstTextfield = _param.onFocusFirstTextfield, onFocusSecondTextfield = _param.onFocusSecondTextfield, onBlurFirstTextfield = _param.onBlurFirstTextfield, onBlurSecondTextfield = _param.onBlurSecondTextfield, rest = _object_without_properties(_param, [
|
@@ -199,6 +199,7 @@ export var datePickerRangeRoot = function(Root) {
|
|
199
199
|
"type",
|
200
200
|
"frame",
|
201
201
|
"usePortal",
|
202
|
+
"zIndex",
|
202
203
|
"placement",
|
203
204
|
"closeOnOverlayClick",
|
204
205
|
"closeOnEsc",
|
@@ -568,6 +569,7 @@ export var datePickerRangeRoot = function(Root) {
|
|
568
569
|
renderFromDate: renderFromDate,
|
569
570
|
frame: frame,
|
570
571
|
usePortal: usePortal,
|
572
|
+
zIndex: zIndex,
|
571
573
|
placement: placement,
|
572
574
|
closeOnOverlayClick: closeOnOverlayClick,
|
573
575
|
closeOnEsc: closeOnEsc,
|
package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js
CHANGED
@@ -18,7 +18,7 @@ import { StyledPopover } from "../RangeDate.styles";
|
|
18
18
|
import { classes } from "../../DatePicker.tokens";
|
19
19
|
import { StyledCalendar, StyledCalendarDouble } from "./RangeDatePopover.styles";
|
20
20
|
export var RangeDatePopover = function(param) {
|
21
|
-
var Root = param.rootWrapper, target = param.target, isOpen = param.isOpen, opened = param.opened, isDoubleCalendar = param.isDoubleCalendar, calendarValue = param.calendarValue, min = param.min, max = param.max, renderFromDate = param.renderFromDate, includeEdgeDates = param.includeEdgeDates, eventList = param.eventList, disabledList = param.disabledList, eventMonthList = param.eventMonthList, disabledMonthList = param.disabledMonthList, eventQuarterList = param.eventQuarterList, disabledQuarterList = param.disabledQuarterList, eventYearList = param.eventYearList, disabledYearList = param.disabledYearList, _param_frame = param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, _param_placement = param.placement, placement = _param_placement === void 0 ? [
|
21
|
+
var Root = param.rootWrapper, target = param.target, isOpen = param.isOpen, opened = param.opened, isDoubleCalendar = param.isDoubleCalendar, calendarValue = param.calendarValue, min = param.min, max = param.max, renderFromDate = param.renderFromDate, includeEdgeDates = param.includeEdgeDates, eventList = param.eventList, disabledList = param.disabledList, eventMonthList = param.eventMonthList, disabledMonthList = param.disabledMonthList, eventQuarterList = param.eventQuarterList, disabledQuarterList = param.disabledQuarterList, eventYearList = param.eventYearList, disabledYearList = param.disabledYearList, _param_frame = param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = param.zIndex, _param_placement = param.placement, placement = _param_placement === void 0 ? [
|
22
22
|
'top',
|
23
23
|
'bottom'
|
24
24
|
] : _param_placement, _param_closeOnOverlayClick = param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, closeOnEsc = param.closeOnEsc, offset = param.offset, calendarContainerWidth = param.calendarContainerWidth, calendarContainerHeight = param.calendarContainerHeight, stretched = param.stretched, type = param.type, size = param.size, _param_lang = param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, disabled = param.disabled, readOnly = param.readOnly, setIsInnerOpen = param.setIsInnerOpen, onChangeValue = param.onChangeValue, onChangeStartOfRange = param.onChangeStartOfRange, onToggle = param.onToggle;
|
@@ -51,7 +51,8 @@ export var RangeDatePopover = function(param) {
|
|
51
51
|
closeOnOverlayClick: closeOnOverlayClick,
|
52
52
|
isFocusTrapped: false,
|
53
53
|
target: target,
|
54
|
-
preventOverflow: false
|
54
|
+
preventOverflow: false,
|
55
|
+
zIndex: zIndex
|
55
56
|
}, /*#__PURE__*/ React.createElement(Root, {
|
56
57
|
ref: doubleCalendarRootRef,
|
57
58
|
className: cls(classes.datePickerRoot, _define_property({}, classes.datePickerstretched, stretched)),
|
@@ -92,7 +93,8 @@ export var RangeDatePopover = function(param) {
|
|
92
93
|
isFocusTrapped: false,
|
93
94
|
target: target,
|
94
95
|
preventOverflow: false,
|
95
|
-
closeOnEsc: closeOnEsc
|
96
|
+
closeOnEsc: closeOnEsc,
|
97
|
+
zIndex: zIndex
|
96
98
|
}, /*#__PURE__*/ React.createElement(Root, {
|
97
99
|
ref: calendarRootRef,
|
98
100
|
className: cls(classes.datePickerRoot, _define_property({}, classes.datePickerstretched, stretched)),
|
@@ -115,7 +115,7 @@ import { base as readOnlyCSS } from "./variations/_readonly/base";
|
|
115
115
|
import { LeftHelper, StyledInput, StyledPopover, base } from "./SingleDate.styles";
|
116
116
|
export var datePickerRoot = function(Root) {
|
117
117
|
return /*#__PURE__*/ forwardRef(function(_param, ref) {
|
118
|
-
var className = _param.className, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultDate = _param.defaultDate, defaultDate = _param_defaultDate === void 0 ? '' : _param_defaultDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'outer' : _param_labelPlacement, keepPlaceholder = _param.keepPlaceholder, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, placeholder = _param.placeholder, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, valueError = _param.valueError, valueSuccess = _param.valueSuccess, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
|
118
|
+
var className = _param.className, _param_opened = _param.opened, opened = _param_opened === void 0 ? false : _param_opened, outerValue = _param.value, _param_defaultDate = _param.defaultDate, defaultDate = _param_defaultDate === void 0 ? '' : _param_defaultDate, preserveInvalidOnBlur = _param.preserveInvalidOnBlur, label = _param.label, _param_labelPlacement = _param.labelPlacement, labelPlacement = _param_labelPlacement === void 0 ? 'outer' : _param_labelPlacement, keepPlaceholder = _param.keepPlaceholder, _param_required = _param.required, required = _param_required === void 0 ? false : _param_required, _param_requiredPlacement = _param.requiredPlacement, requiredPlacement = _param_requiredPlacement === void 0 ? 'right' : _param_requiredPlacement, _param_hasRequiredIndicator = _param.hasRequiredIndicator, hasRequiredIndicator = _param_hasRequiredIndicator === void 0 ? true : _param_hasRequiredIndicator, placeholder = _param.placeholder, leftHelper = _param.leftHelper, contentLeft = _param.contentLeft, contentRight = _param.contentRight, textBefore = _param.textBefore, textAfter = _param.textAfter, view = _param.view, size = _param.size, _param_readOnly = _param.readOnly, readOnly = _param_readOnly === void 0 ? false : _param_readOnly, _param_disabled = _param.disabled, disabled = _param_disabled === void 0 ? false : _param_disabled, name = _param.name, valueError = _param.valueError, valueSuccess = _param.valueSuccess, _param_format = _param.format, format = _param_format === void 0 ? 'DD.MM.YYYY' : _param_format, _param_lang = _param.lang, lang = _param_lang === void 0 ? 'ru' : _param_lang, maskWithFormat = _param.maskWithFormat, min = _param.min, max = _param.max, renderFromDate = _param.renderFromDate, _param_includeEdgeDates = _param.includeEdgeDates, includeEdgeDates = _param_includeEdgeDates === void 0 ? false : _param_includeEdgeDates, eventList = _param.eventList, disabledList = _param.disabledList, eventMonthList = _param.eventMonthList, disabledMonthList = _param.disabledMonthList, eventQuarterList = _param.eventQuarterList, disabledQuarterList = _param.disabledQuarterList, eventYearList = _param.eventYearList, disabledYearList = _param.disabledYearList, _param_type = _param.type, type = _param_type === void 0 ? 'Days' : _param_type, _param_frame = _param.frame, frame = _param_frame === void 0 ? 'document' : _param_frame, _param_usePortal = _param.usePortal, usePortal = _param_usePortal === void 0 ? false : _param_usePortal, zIndex = _param.zIndex, _param_placement = _param.placement, placement = _param_placement === void 0 ? [
|
119
119
|
'top',
|
120
120
|
'bottom'
|
121
121
|
] : _param_placement, _param_closeOnOverlayClick = _param.closeOnOverlayClick, closeOnOverlayClick = _param_closeOnOverlayClick === void 0 ? true : _param_closeOnOverlayClick, _param_closeOnEsc = _param.closeOnEsc, closeOnEsc = _param_closeOnEsc === void 0 ? true : _param_closeOnEsc, _param_closeAfterDateSelect = _param.closeAfterDateSelect, closeAfterDateSelect = _param_closeAfterDateSelect === void 0 ? true : _param_closeAfterDateSelect, offset = _param.offset, calendarContainerWidth = _param.calendarContainerWidth, calendarContainerHeight = _param.calendarContainerHeight, stretched = _param.stretched, onChangeValue = _param.onChangeValue, onCommitDate = _param.onCommitDate, onToggle = _param.onToggle, onFocus = _param.onFocus, onBlur = _param.onBlur, onChange = _param.onChange, autoComplete = _param.autoComplete, rest = _object_without_properties(_param, [
|
@@ -161,6 +161,7 @@ export var datePickerRoot = function(Root) {
|
|
161
161
|
"type",
|
162
162
|
"frame",
|
163
163
|
"usePortal",
|
164
|
+
"zIndex",
|
164
165
|
"placement",
|
165
166
|
"closeOnOverlayClick",
|
166
167
|
"closeOnEsc",
|
@@ -348,7 +349,8 @@ export var datePickerRoot = function(Root) {
|
|
348
349
|
closeOnOverlayClick: closeOnOverlayClick,
|
349
350
|
isFocusTrapped: false,
|
350
351
|
target: DatePickerInput,
|
351
|
-
preventOverflow: false
|
352
|
+
preventOverflow: false,
|
353
|
+
zIndex: zIndex
|
352
354
|
}, /*#__PURE__*/ React.createElement(Root, {
|
353
355
|
ref: calendarRootRef,
|
354
356
|
view: view,
|
@@ -50,12 +50,24 @@ import { useIsomorphicLayoutEffect } from "../../hooks";
|
|
50
50
|
// Полиморфная версия портала для рендера как на сервере, так и на клиенте.
|
51
51
|
// Позволяет избежать ошибок, связанных с гидрацией.
|
52
52
|
var ClientOnlyPortal = function(param) {
|
53
|
-
var children = param.children;
|
53
|
+
var children = param.children, providerFrame = param.providerFrame;
|
54
54
|
var ref = useRef(null);
|
55
55
|
var _useState = _sliced_to_array(useState(false), 2), mounted = _useState[0], setMounted = _useState[1];
|
56
56
|
useIsomorphicLayoutEffect(function() {
|
57
|
-
ref.current = document.body;
|
58
57
|
setMounted(true);
|
58
|
+
if (typeof providerFrame !== 'string' && providerFrame && providerFrame.current) {
|
59
|
+
ref.current = providerFrame.current;
|
60
|
+
return;
|
61
|
+
}
|
62
|
+
if (typeof providerFrame === 'string' && providerFrame !== 'document') {
|
63
|
+
var containerElement = document.getElementById(providerFrame);
|
64
|
+
if (!containerElement) {
|
65
|
+
ref.current = document.body;
|
66
|
+
}
|
67
|
+
ref.current = containerElement;
|
68
|
+
return;
|
69
|
+
}
|
70
|
+
ref.current = document.body;
|
59
71
|
}, []);
|
60
72
|
return mounted && ref.current ? /*#__PURE__*/ createPortal(children, ref.current) : null;
|
61
73
|
};
|
@@ -69,7 +69,7 @@ export var usePopupContext = function() {
|
|
69
69
|
};
|
70
70
|
// TODO: #1599
|
71
71
|
export var PopupProvider = function(param) {
|
72
|
-
var children = param.children, UNSAFE_SSR_ENABLED = param.UNSAFE_SSR_ENABLED;
|
72
|
+
var children = param.children, providerFrame = param.providerFrame, UNSAFE_SSR_ENABLED = param.UNSAFE_SSR_ENABLED;
|
73
73
|
var prevBodyOverflowY = useRef(canUseDOM ? document.body.style.overflowY : '');
|
74
74
|
var _useState = _sliced_to_array(useState(initialItems), 2), items = _useState[0], setItems = _useState[1];
|
75
75
|
var uuid = safeUseId();
|
@@ -112,13 +112,32 @@ export var PopupProvider = function(param) {
|
|
112
112
|
register: register,
|
113
113
|
unregister: unregister
|
114
114
|
};
|
115
|
+
var getDefaultPortal = function() {
|
116
|
+
if (typeof providerFrame !== 'string' && providerFrame && providerFrame.current && canUseDOM) {
|
117
|
+
return /*#__PURE__*/ React.createElement(Portal, {
|
118
|
+
container: providerFrame.current
|
119
|
+
}, /*#__PURE__*/ React.createElement(StyledPortal, {
|
120
|
+
id: rootId
|
121
|
+
}));
|
122
|
+
}
|
123
|
+
var withFrameId = typeof providerFrame === 'string' && providerFrame !== 'document';
|
124
|
+
var containerElement = withFrameId && canUseDOM && document.getElementById(providerFrame);
|
125
|
+
if (containerElement) {
|
126
|
+
return /*#__PURE__*/ React.createElement(Portal, {
|
127
|
+
container: containerElement
|
128
|
+
}, /*#__PURE__*/ React.createElement(StyledPortal, {
|
129
|
+
id: rootId
|
130
|
+
}));
|
131
|
+
}
|
132
|
+
return /*#__PURE__*/ React.createElement(Portal, {
|
133
|
+
container: document.body
|
134
|
+
}, /*#__PURE__*/ React.createElement(StyledPortal, {
|
135
|
+
id: rootId
|
136
|
+
}));
|
137
|
+
};
|
115
138
|
return /*#__PURE__*/ React.createElement(PopupContext.Provider, {
|
116
139
|
value: context
|
117
140
|
}, children, UNSAFE_SSR_ENABLED ? /*#__PURE__*/ React.createElement(ClientOnlyPortal, null, /*#__PURE__*/ React.createElement(StyledPortal, {
|
118
141
|
id: rootId
|
119
|
-
})) :
|
120
|
-
container: document.body
|
121
|
-
}, /*#__PURE__*/ React.createElement(StyledPortal, {
|
122
|
-
id: rootId
|
123
|
-
})));
|
142
|
+
})) : getDefaultPortal());
|
124
143
|
};
|
@@ -210,7 +210,6 @@ import { Context } from "./Select.context";
|
|
210
210
|
var activeDescendantItemValue = ((_getItemByFocused = getItemByFocused(focusedPath, focusedToValueMap)) === null || _getItemByFocused === void 0 ? void 0 : _getItemByFocused.value.toString()) || '';
|
211
211
|
var closeAfterSelect = outerCloseAfterSelect !== null && outerCloseAfterSelect !== void 0 ? outerCloseAfterSelect : !props.multiselect;
|
212
212
|
var treeId = safeUseId();
|
213
|
-
var listWrapperRef = useRef(null);
|
214
213
|
var view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : getView(status, outerView);
|
215
214
|
// Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.
|
216
215
|
var requiredProps = props.target === 'button-like' ? undefined : {
|
@@ -497,12 +496,12 @@ import { Context } from "./Select.context";
|
|
497
496
|
disabled: disabled,
|
498
497
|
readOnly: readOnly
|
499
498
|
}, rest), /*#__PURE__*/ React.createElement(ListWrapper, {
|
500
|
-
ref: listWrapperRef,
|
501
499
|
listWidth: listWidth
|
502
500
|
}, /*#__PURE__*/ React.createElement(Ul, {
|
503
501
|
role: "tree",
|
504
502
|
id: "".concat(treeId, "_tree_level_1"),
|
505
503
|
"aria-multiselectable": Boolean(props.multiselect),
|
504
|
+
listOverflow: listOverflow,
|
506
505
|
listMaxHeight: listMaxHeight || listHeight,
|
507
506
|
onScroll: virtual ? undefined : handleScroll,
|
508
507
|
ref: targetRef,
|
@@ -523,8 +522,7 @@ import { Context } from "./Select.context";
|
|
523
522
|
path: path,
|
524
523
|
dispatchPath: dispatchPath,
|
525
524
|
index: index,
|
526
|
-
listWidth: listWidth
|
527
|
-
portal: listWrapperRef
|
525
|
+
listWidth: listWidth
|
528
526
|
});
|
529
527
|
}), afterList))))));
|
530
528
|
});
|
@@ -4,7 +4,7 @@ import { getCorrectHeight } from "./utils";
|
|
4
4
|
import { tokens, constants } from "./Select.tokens";
|
5
5
|
export var ListWrapper = styled.div.withConfig({
|
6
6
|
displayName: "Select.styles__ListWrapper",
|
7
|
-
componentId: "sc-
|
7
|
+
componentId: "sc-30266665-0"
|
8
8
|
})([
|
9
9
|
"width:",
|
10
10
|
";padding:calc(var(",
|
@@ -21,7 +21,7 @@ export var ListWrapper = styled.div.withConfig({
|
|
21
21
|
}, tokens.padding, tokens.dropdownBorderWidth, tokens.borderRadius, constants.background, constants.boxShadow, tokens.dropdownBorderWidth, tokens.dropdownBorderColor);
|
22
22
|
export var Ul = styled.ul.withConfig({
|
23
23
|
displayName: "Select.styles__Ul",
|
24
|
-
componentId: "sc-
|
24
|
+
componentId: "sc-30266665-1"
|
25
25
|
})([
|
26
26
|
"max-height:",
|
27
27
|
";overflow-y:",
|
@@ -33,8 +33,8 @@ export var Ul = styled.ul.withConfig({
|
|
33
33
|
return(// eslint-disable-next-line no-nested-ternary
|
34
34
|
virtual ? 'auto' : listMaxHeight ? getCorrectHeight(listMaxHeight) : 'auto');
|
35
35
|
}, function(param) {
|
36
|
-
var virtual = param.virtual;
|
37
|
-
return virtual ? 'visible' : '
|
36
|
+
var virtual = param.virtual, listOverflow = param.listOverflow;
|
37
|
+
return virtual ? 'visible' : listOverflow || 'visible';
|
38
38
|
}, tokens.borderRadius, tokens.dropdownBorderWidth);
|
39
39
|
export var base = css([
|
40
40
|
""
|
@@ -1,10 +1,10 @@
|
|
1
|
-
import React
|
1
|
+
import React from "react";
|
2
2
|
import { isEmpty, safeUseId } from "../../../../utils";
|
3
3
|
import { Ul, ListWrapper } from "../../Select.styles";
|
4
4
|
import { FloatingPopover } from "../../FloatingPopover";
|
5
5
|
import { Item } from "./ui/Item/Item";
|
6
6
|
export var Inner = function(param) {
|
7
|
-
var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, listWidth = param.listWidth
|
7
|
+
var item = param.item, currentLevel = param.currentLevel, path = param.path, dispatchPath = param.dispatchPath, index = param.index, listWidth = param.listWidth;
|
8
8
|
var handleToggle = function(opened) {
|
9
9
|
if (opened) {
|
10
10
|
dispatchPath({
|
@@ -19,7 +19,6 @@ export var Inner = function(param) {
|
|
19
19
|
});
|
20
20
|
}
|
21
21
|
};
|
22
|
-
var listWrapperRef = useRef(null);
|
23
22
|
var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
|
24
23
|
var treeId = safeUseId();
|
25
24
|
var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
|
@@ -40,16 +39,13 @@ export var Inner = function(param) {
|
|
40
39
|
ariaLevel: nextLevel,
|
41
40
|
ariaLabel: item.label
|
42
41
|
}),
|
43
|
-
isInner: true
|
44
|
-
portal: portal
|
42
|
+
isInner: true
|
45
43
|
}, /*#__PURE__*/ React.createElement(ListWrapper, {
|
46
|
-
listWidth: listWidth
|
47
|
-
ref: listWrapperRef
|
44
|
+
listWidth: listWidth
|
48
45
|
}, /*#__PURE__*/ React.createElement(Ul, {
|
49
46
|
role: "group",
|
50
47
|
id: listId,
|
51
|
-
virtual: false
|
52
|
-
listMaxHeight: item === null || item === void 0 ? void 0 : item.listMaxHeight
|
48
|
+
virtual: false
|
53
49
|
}, (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.map(function(innerItem, innerIndex) {
|
54
50
|
return /*#__PURE__*/ React.createElement(Inner, {
|
55
51
|
key: "".concat(innerIndex, "/").concat(currentLevel),
|
@@ -58,8 +54,7 @@ export var Inner = function(param) {
|
|
58
54
|
path: path,
|
59
55
|
dispatchPath: dispatchPath,
|
60
56
|
index: innerIndex,
|
61
|
-
listWidth: listWidth
|
62
|
-
portal: listWrapperRef
|
57
|
+
listWidth: listWidth
|
63
58
|
});
|
64
59
|
}))));
|
65
60
|
}
|
@@ -1,25 +1,57 @@
|
|
1
|
-
import React from "react";
|
2
|
-
import
|
1
|
+
import React, { useRef } from "react";
|
2
|
+
import { useVirtualizer } from "@tanstack/react-virtual";
|
3
3
|
import { getHeightAsNumber } from "../../../../utils";
|
4
4
|
import { Item } from "../Inner/ui";
|
5
5
|
export var VirtualList = function(param) {
|
6
6
|
var items = param.items, listMaxHeight = param.listMaxHeight, onScroll = param.onScroll;
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
7
|
+
var _virtualItems_;
|
8
|
+
var parentRef = useRef(null);
|
9
|
+
var virtualizer = useVirtualizer({
|
10
|
+
count: items.length,
|
11
|
+
getScrollElement: function() {
|
12
|
+
return parentRef.current;
|
13
|
+
},
|
14
|
+
estimateSize: function() {
|
15
|
+
return 48;
|
16
|
+
}
|
17
|
+
});
|
18
|
+
var virtualItems = virtualizer.getVirtualItems();
|
19
|
+
var _virtualItems__start;
|
20
|
+
return /*#__PURE__*/ React.createElement("div", {
|
21
|
+
ref: parentRef,
|
22
|
+
style: {
|
23
|
+
height: 'auto',
|
24
|
+
maxHeight: getHeightAsNumber(listMaxHeight),
|
25
|
+
overflowY: 'auto'
|
26
|
+
},
|
13
27
|
onScroll: onScroll
|
14
|
-
},
|
15
|
-
|
16
|
-
|
28
|
+
}, /*#__PURE__*/ React.createElement("div", {
|
29
|
+
style: {
|
30
|
+
height: virtualizer.getTotalSize(),
|
31
|
+
width: '100%',
|
32
|
+
position: 'relative'
|
33
|
+
}
|
34
|
+
}, /*#__PURE__*/ React.createElement("div", {
|
35
|
+
style: {
|
36
|
+
position: 'absolute',
|
37
|
+
top: 0,
|
38
|
+
left: 0,
|
39
|
+
width: '100%',
|
40
|
+
transform: "translateY(".concat((_virtualItems__start = (_virtualItems_ = virtualItems[0]) === null || _virtualItems_ === void 0 ? void 0 : _virtualItems_.start) !== null && _virtualItems__start !== void 0 ? _virtualItems__start : 0, "px)")
|
41
|
+
}
|
42
|
+
}, virtualItems.map(function(virtualRow) {
|
43
|
+
return /*#__PURE__*/ React.createElement("div", {
|
44
|
+
key: virtualRow.key,
|
45
|
+
"data-index": virtualRow.index,
|
46
|
+
ref: virtualizer.measureElement
|
47
|
+
}, /*#__PURE__*/ React.createElement(Item, {
|
48
|
+
item: items[virtualRow.index],
|
17
49
|
path: [
|
18
50
|
'root'
|
19
51
|
],
|
20
52
|
currentLevel: 0,
|
21
|
-
index: index,
|
53
|
+
index: virtualRow.index,
|
22
54
|
ariaLevel: 1
|
23
55
|
}));
|
24
|
-
});
|
56
|
+
}))));
|
25
57
|
};
|
@@ -0,0 +1,7 @@
|
|
1
|
+
import { component, mergeConfig } from "../../../engines";
|
2
|
+
import { comboboxNewConfig } from "../../..";
|
3
|
+
import { config } from "./Combobox.config";
|
4
|
+
var mergedConfig = mergeConfig(comboboxNewConfig, config);
|
5
|
+
var ComboboxComponent = component(mergedConfig);
|
6
|
+
var Combobox = ComboboxComponent;
|
7
|
+
export { Combobox };
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAGxE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAMxC,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,sBAAsB,CAAC;AAGlF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC,+FAkOlG,CAAC;AAEN,eAAO,MAAM,kBAAkB;;;mBApOQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC;;;;;;;;;;;;CAmPtG,CAAC"}
|
@@ -16,16 +16,6 @@ export type SuggestionItemType = {
|
|
16
16
|
contentRight?: ReactNode;
|
17
17
|
};
|
18
18
|
export type AutocompleteProps = {
|
19
|
-
/**
|
20
|
-
* Размер контрола.
|
21
|
-
* @default l
|
22
|
-
*/
|
23
|
-
size?: string;
|
24
|
-
/**
|
25
|
-
* Вид контрола.
|
26
|
-
* @default default
|
27
|
-
*/
|
28
|
-
view?: string;
|
29
19
|
/**
|
30
20
|
* Расположение лейбла.
|
31
21
|
* @default outer
|
@@ -48,9 +38,13 @@ export type AutocompleteProps = {
|
|
48
38
|
*/
|
49
39
|
zIndex?: CSSProperties['zIndex'];
|
50
40
|
/**
|
51
|
-
* Значение
|
41
|
+
* Значение поля ввода.
|
52
42
|
*/
|
53
43
|
value?: string;
|
44
|
+
/**
|
45
|
+
* Значение поля ввода по-умолчанию.
|
46
|
+
*/
|
47
|
+
defaultValue?: string;
|
54
48
|
/**
|
55
49
|
* Массив подсказок.
|
56
50
|
*/
|
@@ -71,7 +65,7 @@ export type AutocompleteProps = {
|
|
71
65
|
/**
|
72
66
|
* Коллбэк, срабатывающий при скролле.
|
73
67
|
*/
|
74
|
-
onScroll?: (e: React.UIEvent<
|
68
|
+
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
75
69
|
/**
|
76
70
|
* Максимальная высота выпадающего списка подсказок.
|
77
71
|
* @default 25rem
|
@@ -93,10 +87,6 @@ export type AutocompleteProps = {
|
|
93
87
|
* Callback для кастомной настройки элемента в выпадающем списке.
|
94
88
|
*/
|
95
89
|
renderItem?: (item: SuggestionItemType) => React.ReactNode;
|
96
|
-
/**
|
97
|
-
* Изначальное значение.
|
98
|
-
*/
|
99
|
-
defaultValue?: string;
|
100
90
|
/**
|
101
91
|
* Ячейка для контента в начале выпадающего списка.
|
102
92
|
*/
|
@@ -110,7 +100,17 @@ export type AutocompleteProps = {
|
|
110
100
|
* @default false
|
111
101
|
*/
|
112
102
|
virtual?: boolean;
|
113
|
-
|
103
|
+
/**
|
104
|
+
* Размер контрола.
|
105
|
+
* @default l
|
106
|
+
*/
|
107
|
+
size?: string;
|
108
|
+
/**
|
109
|
+
* Вид контрола.
|
110
|
+
* @default default
|
111
|
+
*/
|
112
|
+
view?: string;
|
113
|
+
} & DistributiveOmit<TextFieldPropsBase, 'chips' | 'onChangeChips' | 'enumerationType' | 'labelPlacement' | 'chipView' | 'chipValidator' | 'chipType'> & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required' | 'value' | 'defaultValue'>;
|
114
114
|
export type FloatingPopoverProps = {
|
115
115
|
target: React.ReactNode | ((ref: React.MutableRefObject<HTMLElement | null>) => React.ReactNode);
|
116
116
|
children: React.ReactNode;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Autocomplete.types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,mBAAmB,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAElE,MAAM,MAAM,kBAAkB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC5B;;;OAGG;IACH,
|
1
|
+
{"version":3,"file":"Autocomplete.types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,mBAAmB,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC7E,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE7C,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAC;AAElE,MAAM,MAAM,kBAAkB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC5B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;OAEG;IACH,MAAM,CAAC,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAC;IACjC;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC;IAC/C;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,kBAAkB,EAAE,KAAK,SAAS,CAAC;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,SAAS,CAAC;IAChC;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC;IAE3D;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,gBAAgB,CAChB,kBAAkB,EAClB,OAAO,GAAG,eAAe,GAAG,iBAAiB,GAAG,gBAAgB,GAAG,UAAU,GAAG,eAAe,GAAG,UAAU,CAC/G,GACG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,CAAC,CAAC;AAEhG,MAAM,MAAM,oBAAoB,GAAG;IAC/B,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;IACjG,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACrC,MAAM,CAAC,EAAE,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,iBAAiB,CAAC,WAAW,CAAC,CAAC;IAC3C,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAC7B,CAAC"}
|
@@ -5,7 +5,7 @@ interface Props {
|
|
5
5
|
onClick: (e: SuggestionItemType) => void;
|
6
6
|
listId: string;
|
7
7
|
listMaxHeight?: string;
|
8
|
-
onScroll?: (e: React.UIEvent<
|
8
|
+
onScroll?: (e: React.UIEvent<HTMLElement>) => void;
|
9
9
|
renderItem?: (item: SuggestionItemType) => React.ReactNode;
|
10
10
|
}
|
11
11
|
export declare const VirtualList: React.FC<Props>;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/ui/VirtualList/VirtualList.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"VirtualList.d.ts","sourceRoot":"","sources":["../../../../../src/components/Autocomplete/ui/VirtualList/VirtualList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiB,MAAM,OAAO,CAAC;AAKtC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,UAAU,KAAK;IACX,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,OAAO,EAAE,CAAC,CAAC,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACzC,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACnD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9D;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAwDvC,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAyC,MAAM,OAAO,CAAC;AAQ9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAOpD;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC,
|
1
|
+
{"version":3,"file":"Carousel.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,KAAyC,MAAM,OAAO,CAAC;AAQ9D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAOpD;;GAEG;AACH,eAAO,MAAM,eAAe,SAAU,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC,4FAwE5E,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBA1EQ,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC;;;;;;;;;;;;;;CA2FhF,CAAC"}
|
@@ -1,6 +1,11 @@
|
|
1
1
|
import type { HTMLAttributes, CSSProperties } from 'react';
|
2
2
|
export type ScrollAlign = 'start' | 'center' | 'end';
|
3
3
|
export interface CarouselNewProps extends HTMLAttributes<HTMLDivElement> {
|
4
|
+
/**
|
5
|
+
* Номер слайда по-умолчанию.
|
6
|
+
* @default 0
|
7
|
+
*/
|
8
|
+
defaultIndex?: number;
|
4
9
|
/**
|
5
10
|
* Центрирование активного элемента при скролле.
|
6
11
|
* @default start
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Carousel.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAErD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,iBAAiB,CAAC,EAAE;QAChB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;;WAGG;QACH,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;IACF;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,GAAG,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}
|
1
|
+
{"version":3,"file":"Carousel.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Carousel/CarouselNew/Carousel.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3D,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAC;AAErD,MAAM,WAAW,gBAAiB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACpE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B;;OAEG;IACH,iBAAiB,CAAC,EAAE;QAChB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB;;;WAGG;QACH,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB;;;WAGG;QACH,QAAQ,CAAC,EAAE,OAAO,CAAC;KACtB,CAAC;IACF;;;OAGG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;OAGG;IACH,GAAG,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC,CAAC;IAE3B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,MAAM,iBAAiB,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"useCarousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/CarouselNew/hooks/useCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,gBAAgB,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEtE;;GAEG;AACH,eAAO,MAAM,gBAAgB,kEAM1B;IACC,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACpC,eAAe,EAAE,cAAc,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;CAC7C,KAAG,MA2BH,CAAC;AAEF,KAAK,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,GAAG;IAC3D,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IACzB,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,WAAW,2BAA4B,kBAAkB,KAAG,
|
1
|
+
{"version":3,"file":"useCarousel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Carousel/CarouselNew/hooks/useCarousel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,gBAAgB,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEtE;;GAEG;AACH,eAAO,MAAM,gBAAgB,kEAM1B;IACC,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACpC,eAAe,EAAE,cAAc,CAAC;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;CAC7C,KAAG,MA2BH,CAAC;AAEF,KAAK,kBAAkB,GAAG,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,GAAG;IAC3D,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,KAAK,qBAAqB,GAAG;IACzB,SAAS,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;IACrC,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC,CAAC;CACvC,CAAC;AAEF,eAAO,MAAM,WAAW,2BAA4B,kBAAkB,KAAG,qBAkCxE,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAIlG,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AA8BxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD;;GAEG;AAEH,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,2FA6jBtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA/jBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAolB3F,CAAC"}
|