@salutejs/plasma-new-hope 0.335.0-canary.2194.17367251959.0 → 0.335.0-canary.2197.17377664818.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 +6 -1
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js +13 -43
- package/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js.map +1 -1
- package/cjs/components/Carousel/CarouselNew/Carousel.js +3 -4
- package/cjs/components/Carousel/CarouselNew/Carousel.js.map +1 -1
- package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +1 -6
- package/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.js +4 -3
- package/cjs/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +2 -3
- package/cjs/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +11 -5
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +13 -43
- package/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDate.js +1 -3
- package/cjs/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +2 -5
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/cjs/components/DatePicker/SingleDate/SingleDate.js +2 -4
- package/cjs/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/cjs/components/Popup/ClientOnlyPortal.js +2 -15
- package/cjs/components/Popup/ClientOnlyPortal.js.map +1 -1
- package/cjs/components/Popup/PopupContext.js +5 -26
- package/cjs/components/Popup/PopupContext.js.map +1 -1
- package/cjs/components/Select/Select.js +4 -3
- package/cjs/components/Select/Select.js.map +1 -1
- package/cjs/components/Select/Select.styles.js +2 -3
- package/cjs/components/Select/Select.styles.js.map +1 -1
- package/cjs/components/Select/ui/Inner/Inner.js +11 -5
- package/cjs/components/Select/ui/Inner/Inner.js.map +1 -1
- package/cjs/components/Select/ui/VirtualList/VirtualList.js +13 -43
- package/cjs/components/Select/ui/VirtualList/VirtualList.js.map +1 -1
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +8 -1
- package/emotion/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js +16 -84
- package/emotion/cjs/components/Carousel/CarouselNew/Carousel.js +2 -2
- package/emotion/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +1 -6
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.js +4 -2
- package/emotion/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +15 -15
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +50 -9
- package/emotion/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +16 -84
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDate.js +1 -3
- package/emotion/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -5
- package/emotion/cjs/components/DatePicker/SingleDate/SingleDate.js +2 -4
- package/emotion/cjs/components/Popup/ClientOnlyPortal.js +2 -14
- package/emotion/cjs/components/Popup/PopupContext.js +6 -25
- package/emotion/cjs/components/Select/Select.js +4 -2
- package/emotion/cjs/components/Select/Select.styles.js +7 -7
- package/emotion/cjs/components/Select/ui/Inner/Inner.js +50 -9
- package/emotion/cjs/components/Select/ui/VirtualList/VirtualList.js +16 -84
- package/emotion/cjs/examples/components/Chip/Chip.config.js +13 -14
- package/emotion/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/emotion/es/components/Autocomplete/Autocomplete.js +9 -2
- package/emotion/es/components/Autocomplete/ui/VirtualList/VirtualList.js +13 -45
- package/emotion/es/components/Carousel/CarouselNew/Carousel.js +2 -2
- package/emotion/es/components/Carousel/CarouselNew/hooks/useCarousel.js +1 -6
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.js +4 -2
- package/emotion/es/components/Combobox/ComboboxNew/Combobox.styles.js +15 -15
- package/emotion/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +11 -6
- package/emotion/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +13 -45
- package/emotion/es/components/DatePicker/RangeDate/RangeDate.js +1 -3
- package/emotion/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -5
- package/emotion/es/components/DatePicker/SingleDate/SingleDate.js +2 -4
- package/emotion/es/components/Popup/ClientOnlyPortal.js +2 -14
- package/emotion/es/components/Popup/PopupContext.js +6 -25
- package/emotion/es/components/Select/Select.js +4 -2
- package/emotion/es/components/Select/Select.styles.js +7 -7
- package/emotion/es/components/Select/ui/Inner/Inner.js +11 -6
- package/emotion/es/components/Select/ui/VirtualList/VirtualList.js +13 -45
- package/emotion/es/examples/components/Chip/Chip.config.js +13 -14
- package/es/components/Autocomplete/Autocomplete.js +7 -2
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Autocomplete/ui/VirtualList/VirtualList.js +13 -44
- package/es/components/Autocomplete/ui/VirtualList/VirtualList.js.map +1 -1
- package/es/components/Carousel/CarouselNew/Carousel.js +4 -5
- package/es/components/Carousel/CarouselNew/Carousel.js.map +1 -1
- package/es/components/Carousel/CarouselNew/hooks/useCarousel.js +1 -6
- package/es/components/Carousel/CarouselNew/hooks/useCarousel.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.js +4 -3
- package/es/components/Combobox/ComboboxNew/Combobox.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js +2 -3
- package/es/components/Combobox/ComboboxNew/Combobox.styles.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +12 -6
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js.map +1 -1
- package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +13 -44
- package/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDate.js +1 -3
- package/es/components/DatePicker/RangeDate/RangeDate.js.map +1 -1
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +2 -5
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js.map +1 -1
- package/es/components/DatePicker/SingleDate/SingleDate.js +2 -4
- package/es/components/DatePicker/SingleDate/SingleDate.js.map +1 -1
- package/es/components/Popup/ClientOnlyPortal.js +2 -15
- package/es/components/Popup/ClientOnlyPortal.js.map +1 -1
- package/es/components/Popup/PopupContext.js +5 -26
- package/es/components/Popup/PopupContext.js.map +1 -1
- package/es/components/Select/Select.js +4 -3
- package/es/components/Select/Select.js.map +1 -1
- package/es/components/Select/Select.styles.js +2 -3
- package/es/components/Select/Select.styles.js.map +1 -1
- package/es/components/Select/ui/Inner/Inner.js +12 -6
- package/es/components/Select/ui/Inner/Inner.js.map +1 -1
- package/es/components/Select/ui/VirtualList/VirtualList.js +13 -44
- package/es/components/Select/ui/VirtualList/VirtualList.js.map +1 -1
- package/package.json +3 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +8 -1
- package/styled-components/cjs/components/Autocomplete/ui/VirtualList/VirtualList.js +16 -84
- package/styled-components/cjs/components/Carousel/CarouselNew/Carousel.js +2 -2
- package/styled-components/cjs/components/Carousel/CarouselNew/hooks/useCarousel.js +1 -6
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.js +4 -2
- package/styled-components/cjs/components/Combobox/ComboboxNew/Combobox.styles.js +8 -8
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.js +50 -9
- package/styled-components/cjs/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +16 -84
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js +1 -3
- package/styled-components/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -5
- package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js +2 -4
- package/styled-components/cjs/components/Popup/ClientOnlyPortal.js +2 -14
- package/styled-components/cjs/components/Popup/PopupContext.js +6 -25
- package/styled-components/cjs/components/Select/Select.js +4 -2
- package/styled-components/cjs/components/Select/Select.styles.js +4 -4
- package/styled-components/cjs/components/Select/ui/Inner/Inner.js +50 -9
- package/styled-components/cjs/components/Select/ui/VirtualList/VirtualList.js +16 -84
- package/styled-components/cjs/examples/components/Chip/Chip.config.js +0 -21
- package/styled-components/es/components/Autocomplete/Autocomplete.js +9 -2
- package/styled-components/es/components/Autocomplete/ui/VirtualList/VirtualList.js +13 -45
- package/styled-components/es/components/Carousel/CarouselNew/Carousel.js +2 -2
- package/styled-components/es/components/Carousel/CarouselNew/hooks/useCarousel.js +1 -6
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.js +4 -2
- package/styled-components/es/components/Combobox/ComboboxNew/Combobox.styles.js +8 -8
- package/styled-components/es/components/Combobox/ComboboxNew/ui/Inner/Inner.js +11 -6
- package/styled-components/es/components/Combobox/ComboboxNew/ui/VirtualList/VirtualList.js +13 -45
- package/styled-components/es/components/DatePicker/RangeDate/RangeDate.js +1 -3
- package/styled-components/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.js +3 -5
- package/styled-components/es/components/DatePicker/SingleDate/SingleDate.js +2 -4
- package/styled-components/es/components/Popup/ClientOnlyPortal.js +2 -14
- package/styled-components/es/components/Popup/PopupContext.js +6 -25
- package/styled-components/es/components/Select/Select.js +4 -2
- package/styled-components/es/components/Select/Select.styles.js +4 -4
- package/styled-components/es/components/Select/ui/Inner/Inner.js +11 -6
- package/styled-components/es/components/Select/ui/VirtualList/VirtualList.js +13 -45
- package/styled-components/es/examples/components/Chip/Chip.config.js +0 -21
- package/styled-components/es/examples/components/Combobox/Combobox.js +0 -7
- 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 +0 -5
- 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 +0 -1
- package/types/components/Combobox/ComboboxNew/Combobox.styles.d.ts.map +1 -1
- package/types/components/Combobox/ComboboxNew/Combobox.types.d.ts +6 -6
- 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 +2 -1
- 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 +6 -2
- 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/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 +0 -4
- 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 +0 -1
- package/types/components/Popup/ClientOnlyPortal.d.ts.map +1 -1
- package/types/components/Popup/PopupContext.d.ts +1 -5
- 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 +0 -1
- 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 +2 -1
- 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 +11 -3
- 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/Chip/Chip.config.d.ts +0 -1
- package/types/examples/components/Chip/Chip.config.d.ts.map +1 -1
- package/types/examples/components/Chip/Chip.d.ts +0 -1
- package/types/examples/components/Chip/Chip.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,57 +1,25 @@
|
|
1
|
-
import React
|
2
|
-
import
|
1
|
+
import React from "react";
|
2
|
+
import List from "rc-virtual-list";
|
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
|
-
|
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
|
-
},
|
7
|
+
return /*#__PURE__*/ React.createElement(List, {
|
8
|
+
data: items,
|
9
|
+
height: getHeightAsNumber(listMaxHeight),
|
10
|
+
fullHeight: false,
|
11
|
+
itemHeight: 100,
|
12
|
+
itemKey: "id",
|
27
13
|
onScroll: onScroll
|
28
|
-
},
|
29
|
-
|
30
|
-
|
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],
|
14
|
+
}, function(item, index, props) {
|
15
|
+
return /*#__PURE__*/ React.createElement("div", props, /*#__PURE__*/ React.createElement(Item, {
|
16
|
+
item: item,
|
49
17
|
path: [
|
50
18
|
'root'
|
51
19
|
],
|
52
20
|
currentLevel: 0,
|
53
|
-
index:
|
21
|
+
index: index,
|
54
22
|
ariaLevel: 1
|
55
23
|
}));
|
56
|
-
})
|
24
|
+
});
|
57
25
|
};
|
@@ -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,
|
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 ? [
|
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,7 +199,6 @@ export var datePickerRangeRoot = function(Root) {
|
|
199
199
|
"type",
|
200
200
|
"frame",
|
201
201
|
"usePortal",
|
202
|
-
"zIndex",
|
203
202
|
"placement",
|
204
203
|
"closeOnOverlayClick",
|
205
204
|
"closeOnEsc",
|
@@ -569,7 +568,6 @@ export var datePickerRangeRoot = function(Root) {
|
|
569
568
|
renderFromDate: renderFromDate,
|
570
569
|
frame: frame,
|
571
570
|
usePortal: usePortal,
|
572
|
-
zIndex: zIndex,
|
573
571
|
placement: placement,
|
574
572
|
closeOnOverlayClick: closeOnOverlayClick,
|
575
573
|
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,
|
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 ? [
|
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,8 +51,7 @@ export var RangeDatePopover = function(param) {
|
|
51
51
|
closeOnOverlayClick: closeOnOverlayClick,
|
52
52
|
isFocusTrapped: false,
|
53
53
|
target: target,
|
54
|
-
preventOverflow: false
|
55
|
-
zIndex: zIndex
|
54
|
+
preventOverflow: false
|
56
55
|
}, /*#__PURE__*/ React.createElement(Root, {
|
57
56
|
ref: doubleCalendarRootRef,
|
58
57
|
className: cls(classes.datePickerRoot, _define_property({}, classes.datePickerstretched, stretched)),
|
@@ -93,8 +92,7 @@ export var RangeDatePopover = function(param) {
|
|
93
92
|
isFocusTrapped: false,
|
94
93
|
target: target,
|
95
94
|
preventOverflow: false,
|
96
|
-
closeOnEsc: closeOnEsc
|
97
|
-
zIndex: zIndex
|
95
|
+
closeOnEsc: closeOnEsc
|
98
96
|
}, /*#__PURE__*/ React.createElement(Root, {
|
99
97
|
ref: calendarRootRef,
|
100
98
|
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,
|
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 ? [
|
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,7 +161,6 @@ export var datePickerRoot = function(Root) {
|
|
161
161
|
"type",
|
162
162
|
"frame",
|
163
163
|
"usePortal",
|
164
|
-
"zIndex",
|
165
164
|
"placement",
|
166
165
|
"closeOnOverlayClick",
|
167
166
|
"closeOnEsc",
|
@@ -349,8 +348,7 @@ export var datePickerRoot = function(Root) {
|
|
349
348
|
closeOnOverlayClick: closeOnOverlayClick,
|
350
349
|
isFocusTrapped: false,
|
351
350
|
target: DatePickerInput,
|
352
|
-
preventOverflow: false
|
353
|
-
zIndex: zIndex
|
351
|
+
preventOverflow: false
|
354
352
|
}, /*#__PURE__*/ React.createElement(Root, {
|
355
353
|
ref: calendarRootRef,
|
356
354
|
view: view,
|
@@ -50,24 +50,12 @@ import { useIsomorphicLayoutEffect } from "../../hooks";
|
|
50
50
|
// Полиморфная версия портала для рендера как на сервере, так и на клиенте.
|
51
51
|
// Позволяет избежать ошибок, связанных с гидрацией.
|
52
52
|
var ClientOnlyPortal = function(param) {
|
53
|
-
var children = param.children
|
53
|
+
var children = param.children;
|
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
|
-
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
57
|
ref.current = document.body;
|
58
|
+
setMounted(true);
|
71
59
|
}, []);
|
72
60
|
return mounted && ref.current ? /*#__PURE__*/ createPortal(children, ref.current) : null;
|
73
61
|
};
|
@@ -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,
|
72
|
+
var children = param.children, 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,32 +112,13 @@ 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
|
-
};
|
138
115
|
return /*#__PURE__*/ React.createElement(PopupContext.Provider, {
|
139
116
|
value: context
|
140
117
|
}, children, UNSAFE_SSR_ENABLED ? /*#__PURE__*/ React.createElement(ClientOnlyPortal, null, /*#__PURE__*/ React.createElement(StyledPortal, {
|
141
118
|
id: rootId
|
142
|
-
})) :
|
119
|
+
})) : /*#__PURE__*/ React.createElement(Portal, {
|
120
|
+
container: document.body
|
121
|
+
}, /*#__PURE__*/ React.createElement(StyledPortal, {
|
122
|
+
id: rootId
|
123
|
+
})));
|
143
124
|
};
|
@@ -210,6 +210,7 @@ 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);
|
213
214
|
var view = target === 'textfield-like' && (disabled || readOnly) ? 'default' : getView(status, outerView);
|
214
215
|
// Собираем объект с пропсами для required и прокидываем их напрямую в компонент Textfield.
|
215
216
|
var requiredProps = props.target === 'button-like' ? undefined : {
|
@@ -496,12 +497,12 @@ import { Context } from "./Select.context";
|
|
496
497
|
disabled: disabled,
|
497
498
|
readOnly: readOnly
|
498
499
|
}, rest), /*#__PURE__*/ React.createElement(ListWrapper, {
|
500
|
+
ref: listWrapperRef,
|
499
501
|
listWidth: listWidth
|
500
502
|
}, /*#__PURE__*/ React.createElement(Ul, {
|
501
503
|
role: "tree",
|
502
504
|
id: "".concat(treeId, "_tree_level_1"),
|
503
505
|
"aria-multiselectable": Boolean(props.multiselect),
|
504
|
-
listOverflow: listOverflow,
|
505
506
|
listMaxHeight: listMaxHeight || listHeight,
|
506
507
|
onScroll: virtual ? undefined : handleScroll,
|
507
508
|
ref: targetRef,
|
@@ -522,7 +523,8 @@ import { Context } from "./Select.context";
|
|
522
523
|
path: path,
|
523
524
|
dispatchPath: dispatchPath,
|
524
525
|
index: index,
|
525
|
-
listWidth: listWidth
|
526
|
+
listWidth: listWidth,
|
527
|
+
portal: listWrapperRef
|
526
528
|
});
|
527
529
|
}), afterList))))));
|
528
530
|
});
|
@@ -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-23c571db-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-23c571db-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;
|
37
|
+
return virtual ? 'visible' : 'auto';
|
38
38
|
}, tokens.borderRadius, tokens.dropdownBorderWidth);
|
39
39
|
export var base = css([
|
40
40
|
""
|
@@ -1,10 +1,10 @@
|
|
1
|
-
import React from "react";
|
1
|
+
import React, { useRef } 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, portal = param.portal;
|
8
8
|
var handleToggle = function(opened) {
|
9
9
|
if (opened) {
|
10
10
|
dispatchPath({
|
@@ -19,6 +19,7 @@ export var Inner = function(param) {
|
|
19
19
|
});
|
20
20
|
}
|
21
21
|
};
|
22
|
+
var listWrapperRef = useRef(null);
|
22
23
|
var isCurrentListOpen = path[currentLevel + 1] === item.value.toString();
|
23
24
|
var treeId = safeUseId();
|
24
25
|
var listId = "".concat(treeId, "_tree_level_").concat(currentLevel + 2);
|
@@ -39,13 +40,16 @@ export var Inner = function(param) {
|
|
39
40
|
ariaLevel: nextLevel,
|
40
41
|
ariaLabel: item.label
|
41
42
|
}),
|
42
|
-
isInner: true
|
43
|
+
isInner: true,
|
44
|
+
portal: portal
|
43
45
|
}, /*#__PURE__*/ React.createElement(ListWrapper, {
|
44
|
-
listWidth: listWidth
|
46
|
+
listWidth: listWidth,
|
47
|
+
ref: listWrapperRef
|
45
48
|
}, /*#__PURE__*/ React.createElement(Ul, {
|
46
49
|
role: "group",
|
47
50
|
id: listId,
|
48
|
-
virtual: false
|
51
|
+
virtual: false,
|
52
|
+
listMaxHeight: item === null || item === void 0 ? void 0 : item.listMaxHeight
|
49
53
|
}, (_item_items = item.items) === null || _item_items === void 0 ? void 0 : _item_items.map(function(innerItem, innerIndex) {
|
50
54
|
return /*#__PURE__*/ React.createElement(Inner, {
|
51
55
|
key: "".concat(innerIndex, "/").concat(currentLevel),
|
@@ -54,7 +58,8 @@ export var Inner = function(param) {
|
|
54
58
|
path: path,
|
55
59
|
dispatchPath: dispatchPath,
|
56
60
|
index: innerIndex,
|
57
|
-
listWidth: listWidth
|
61
|
+
listWidth: listWidth,
|
62
|
+
portal: listWrapperRef
|
58
63
|
});
|
59
64
|
}))));
|
60
65
|
}
|
@@ -1,57 +1,25 @@
|
|
1
|
-
import React
|
2
|
-
import
|
1
|
+
import React from "react";
|
2
|
+
import List from "rc-virtual-list";
|
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
|
-
|
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
|
-
},
|
7
|
+
return /*#__PURE__*/ React.createElement(List, {
|
8
|
+
data: items,
|
9
|
+
height: getHeightAsNumber(listMaxHeight),
|
10
|
+
fullHeight: false,
|
11
|
+
itemHeight: 100,
|
12
|
+
itemKey: "id",
|
27
13
|
onScroll: onScroll
|
28
|
-
},
|
29
|
-
|
30
|
-
|
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],
|
14
|
+
}, function(item, index, props) {
|
15
|
+
return /*#__PURE__*/ React.createElement("div", props, /*#__PURE__*/ React.createElement(Item, {
|
16
|
+
item: item,
|
49
17
|
path: [
|
50
18
|
'root'
|
51
19
|
],
|
52
20
|
currentLevel: 0,
|
53
|
-
index:
|
21
|
+
index: index,
|
54
22
|
ariaLevel: 1
|
55
23
|
}));
|
56
|
-
})
|
24
|
+
});
|
57
25
|
};
|
@@ -171,27 +171,6 @@ export var config = {
|
|
171
171
|
":0.25rem;",
|
172
172
|
":-0.25rem;",
|
173
173
|
":0.75rem;"
|
174
|
-
], chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.rightContentMarginLeft, chipTokens.rightContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize),
|
175
|
-
xxs: css([
|
176
|
-
"",
|
177
|
-
":0.375rem;",
|
178
|
-
":0.625rem;",
|
179
|
-
":auto;",
|
180
|
-
":1.25rem;",
|
181
|
-
":0 0.5rem;",
|
182
|
-
":var(--plasma-typo-body-xxs-font-family);",
|
183
|
-
":var(--plasma-typo-body-xxs-font-size);",
|
184
|
-
":var(--plasma-typo-body-xxs-font-style);",
|
185
|
-
":var(--plasma-typo-body-xxs-font-weight);",
|
186
|
-
":var(--plasma-typo-body-xxs-letter-spacing);",
|
187
|
-
":var(--plasma-typo-body-xxs-line-height);",
|
188
|
-
":-0.125rem;",
|
189
|
-
":0.125rem;",
|
190
|
-
":0.125rem;",
|
191
|
-
":-0.125rem;",
|
192
|
-
":0.25rem;",
|
193
|
-
":-0.25rem;",
|
194
|
-
":0.75rem;"
|
195
174
|
], chipTokens.borderRadius, chipTokens.pilledBorderRadius, chipTokens.width, chipTokens.height, chipTokens.padding, chipTokens.fontFamily, chipTokens.fontSize, chipTokens.fontStyle, chipTokens.fontWeight, chipTokens.letterSpacing, chipTokens.lineHeight, chipTokens.leftContentMarginLeft, chipTokens.leftContentMarginRight, chipTokens.rightContentMarginLeft, chipTokens.rightContentMarginRight, chipTokens.clearContentMarginLeft, chipTokens.clearContentMarginRight, chipTokens.closeIconSize)
|
196
175
|
},
|
197
176
|
disabled: {
|
@@ -1,7 +0,0 @@
|
|
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,KAAoE,MAAM,OAAO,CAAC;AAGzF,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,+FAwOlG,CAAC;AAEN,eAAO,MAAM,kBAAkB;;;mBA1OQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,CAAC;;;;;;;;;;;;CAyPtG,CAAC"}
|
@@ -16,6 +16,16 @@ 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;
|
19
29
|
/**
|
20
30
|
* Расположение лейбла.
|
21
31
|
* @default outer
|
@@ -38,13 +48,9 @@ export type AutocompleteProps = {
|
|
38
48
|
*/
|
39
49
|
zIndex?: CSSProperties['zIndex'];
|
40
50
|
/**
|
41
|
-
* Значение
|
51
|
+
* Значение инпута.
|
42
52
|
*/
|
43
53
|
value?: string;
|
44
|
-
/**
|
45
|
-
* Значение поля ввода по-умолчанию.
|
46
|
-
*/
|
47
|
-
defaultValue?: string;
|
48
54
|
/**
|
49
55
|
* Массив подсказок.
|
50
56
|
*/
|
@@ -65,7 +71,7 @@ export type AutocompleteProps = {
|
|
65
71
|
/**
|
66
72
|
* Коллбэк, срабатывающий при скролле.
|
67
73
|
*/
|
68
|
-
onScroll?: (e: React.UIEvent<
|
74
|
+
onScroll?: (e: React.UIEvent<HTMLUListElement>) => void;
|
69
75
|
/**
|
70
76
|
* Максимальная высота выпадающего списка подсказок.
|
71
77
|
* @default 25rem
|
@@ -87,6 +93,10 @@ export type AutocompleteProps = {
|
|
87
93
|
* Callback для кастомной настройки элемента в выпадающем списке.
|
88
94
|
*/
|
89
95
|
renderItem?: (item: SuggestionItemType) => React.ReactNode;
|
96
|
+
/**
|
97
|
+
* Изначальное значение.
|
98
|
+
*/
|
99
|
+
defaultValue?: string;
|
90
100
|
/**
|
91
101
|
* Ячейка для контента в начале выпадающего списка.
|
92
102
|
*/
|
@@ -100,17 +110,7 @@ export type AutocompleteProps = {
|
|
100
110
|
* @default false
|
101
111
|
*/
|
102
112
|
virtual?: boolean;
|
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'>;
|
113
|
+
} & DistributiveOmit<TextFieldPropsBase, 'chips' | 'onChangeChips' | 'enumerationType' | 'labelPlacement' | 'chipView' | 'chipValidator' | 'chipType'> & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'>;
|
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,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,
|
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,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;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,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,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD;;;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;IAC3D;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,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,CAAC,CAAC;AAErE,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<HTMLUListElement>) => 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,KAAK,MAAM,OAAO,CAAC;AAK1B,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,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,KAAK,CAAC,SAAS,CAAC;CAC9D;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAqBvC,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,4FAqE5E,CAAC;AAEN,eAAO,MAAM,iBAAiB;;;mBAvEQ,SAAS,CAAC,cAAc,EAAE,gBAAgB,CAAC;;;;;;;;;;;;;;CAwFhF,CAAC"}
|
@@ -1,11 +1,6 @@
|
|
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;
|
9
4
|
/**
|
10
5
|
* Центрирование активного элемента при скролле.
|
11
6
|
* @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,
|
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 +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,qBA6BxE,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;AAKlG,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AA6B7C,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,
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/Combobox/ComboboxNew/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6E,MAAM,OAAO,CAAC;AAKlG,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AA6B7C,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,2FA+kBtF,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBAjlBQ,SAAS,CAAC,gBAAgB,EAAE,IAAI,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC;;;;;;;;;;;;;;;;;;CAsmB3F,CAAC"}
|