@qoretechnologies/reqore 0.32.3 → 0.33.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/__tests__/collection.test.tsx +123 -5
- package/__tests__/hooks/useLatestZIndex.test.tsx +10 -0
- package/__tests__/hooks/useReqorePaging.test.tsx +251 -0
- package/__tests__/hooks/useTheme.test.tsx +31 -0
- package/__tests__/pagination.test.tsx +301 -0
- package/__tests__/popover.test.tsx +20 -6
- package/__tests__/setup.js +8 -0
- package/__tests__/tree.test.tsx +0 -1
- package/dist/components/Button/index.d.ts +1 -0
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Button/index.js +11 -7
- package/dist/components/Button/index.js.map +1 -1
- package/dist/components/Collection/index.d.ts +9 -3
- package/dist/components/Collection/index.d.ts.map +1 -1
- package/dist/components/Collection/index.js +34 -8
- package/dist/components/Collection/index.js.map +1 -1
- package/dist/components/Dropdown/index.d.ts +5 -2
- package/dist/components/Dropdown/index.d.ts.map +1 -1
- package/dist/components/Dropdown/index.js +2 -2
- package/dist/components/Dropdown/index.js.map +1 -1
- package/dist/components/Dropdown/list.d.ts +4 -1
- package/dist/components/Dropdown/list.d.ts.map +1 -1
- package/dist/components/Dropdown/list.js +3 -3
- package/dist/components/Dropdown/list.js.map +1 -1
- package/dist/components/Menu/item.d.ts +1 -0
- package/dist/components/Menu/item.d.ts.map +1 -1
- package/dist/components/Menu/item.js +14 -2
- package/dist/components/Menu/item.js.map +1 -1
- package/dist/components/MultiSelect/index.d.ts +1 -1
- package/dist/components/MultiSelect/index.d.ts.map +1 -1
- package/dist/components/Paging/index.d.ts +30 -0
- package/dist/components/Paging/index.d.ts.map +1 -0
- package/dist/components/Paging/index.js +106 -0
- package/dist/components/Paging/index.js.map +1 -0
- package/dist/components/Tag/index.d.ts +3 -2
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +10 -7
- package/dist/components/Tag/index.js.map +1 -1
- package/dist/constants/colors.d.ts +2 -9
- package/dist/constants/colors.d.ts.map +1 -1
- package/dist/constants/colors.js +3 -1
- package/dist/constants/colors.js.map +1 -1
- package/dist/constants/paging.d.ts +10 -0
- package/dist/constants/paging.d.ts.map +1 -0
- package/dist/constants/paging.js +41 -0
- package/dist/constants/paging.js.map +1 -0
- package/dist/constants/theme.d.ts.map +1 -1
- package/dist/constants/theme.js +8 -7
- package/dist/constants/theme.js.map +1 -1
- package/dist/containers/ReqoreProvider.d.ts.map +1 -1
- package/dist/containers/ReqoreProvider.js +2 -2
- package/dist/containers/ReqoreProvider.js.map +1 -1
- package/dist/containers/UIProvider.d.ts.map +1 -1
- package/dist/containers/UIProvider.js +9 -3
- package/dist/containers/UIProvider.js.map +1 -1
- package/dist/hooks/useCombinedRefs.d.ts +2 -2
- package/dist/hooks/useCombinedRefs.d.ts.map +1 -1
- package/dist/hooks/useCombinedRefs.js.map +1 -1
- package/dist/hooks/usePaging.d.ts +27 -0
- package/dist/hooks/usePaging.d.ts.map +1 -0
- package/dist/hooks/usePaging.js +83 -0
- package/dist/hooks/usePaging.js.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +6 -2
- package/dist/index.js.map +1 -1
- package/package.json +6 -4
- package/src/components/Button/index.tsx +18 -10
- package/src/components/Collection/index.tsx +96 -44
- package/src/components/ControlGroup/index.tsx +1 -1
- package/src/components/Dropdown/index.tsx +8 -2
- package/src/components/Dropdown/list.tsx +7 -1
- package/src/components/Menu/item.tsx +16 -2
- package/src/components/MultiSelect/index.tsx +1 -1
- package/src/components/Paging/index.tsx +232 -0
- package/src/components/Tag/index.tsx +9 -7
- package/src/constants/colors.ts +5 -1
- package/src/constants/paging.ts +48 -0
- package/src/constants/theme.ts +8 -7
- package/src/containers/ReqoreProvider.tsx +3 -3
- package/src/containers/UIProvider.tsx +17 -4
- package/src/hooks/useCombinedRefs.ts +2 -2
- package/src/hooks/usePaging.ts +110 -0
- package/src/index.tsx +2 -0
- package/src/mock/collectionData.tsx +19 -0
- package/src/mock/tableData.ts +1 -0
- package/src/stories/Button/Button.stories.tsx +25 -8
- package/src/stories/Collection/Collection.stories.tsx +32 -42
- package/src/stories/Dropdown/Dropdown.stories.tsx +24 -1
- package/src/stories/Paging/Paging.stories.tsx +184 -0
- package/src/stories/Tag/Tag.stories.tsx +50 -0
- package/tests.json +1 -1
|
@@ -68,10 +68,13 @@ var lodash_1 = require("lodash");
|
|
|
68
68
|
var react_2 = require("react");
|
|
69
69
|
var react_use_1 = require("react-use");
|
|
70
70
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
71
|
+
var paging_1 = require("../../constants/paging");
|
|
71
72
|
var sizes_1 = require("../../constants/sizes");
|
|
73
|
+
var usePaging_1 = require("../../hooks/usePaging");
|
|
72
74
|
var Columns_1 = require("../Columns");
|
|
73
75
|
var Input_1 = __importDefault(require("../Input"));
|
|
74
76
|
var Message_1 = __importDefault(require("../Message"));
|
|
77
|
+
var Paging_1 = require("../Paging");
|
|
75
78
|
var Panel_1 = require("../Panel");
|
|
76
79
|
var Spacer_1 = require("../Spacer");
|
|
77
80
|
var helpers_1 = require("../Table/helpers");
|
|
@@ -84,11 +87,11 @@ exports.StyledCollectionWrapper = (0, styled_components_1["default"])(Columns_1.
|
|
|
84
87
|
return (!rounded || stacked) && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-radius: ", ";\n "], ["\n border-radius: ", ";\n "])), stacked && rounded ? '10px' : undefined);
|
|
85
88
|
});
|
|
86
89
|
var ReqoreCollection = function (_a) {
|
|
87
|
-
var items = _a.items, _b = _a.columnsGap, columnsGap = _b === void 0 ? '10px' : _b, stacked = _a.stacked, _c = _a.rounded, rounded = _c === void 0 ? true : _c, fill = _a.fill, maxItemHeight = _a.maxItemHeight, filterable = _a.filterable, sortable = _a.sortable, showSelectedFirst = _a.showSelectedFirst, inputProps = _a.inputProps, sortButtonProps = _a.sortButtonProps, displayButtonProps = _a.displayButtonProps, _d = _a.headerSize, headerSize = _d === void 0 ? 2 : _d, _e = _a.showAs, showAs = _e === void 0 ? 'grid' : _e, selectedIcon = _a.selectedIcon, _f = _a.flat, flat = _f === void 0 ? true : _f, minimal = _a.minimal, _g = _a.transparent, transparent = _g === void 0 ? true : _g, onQueryChange = _a.onQueryChange,
|
|
88
|
-
var
|
|
89
|
-
var
|
|
90
|
-
var
|
|
91
|
-
var
|
|
90
|
+
var items = _a.items, _b = _a.columnsGap, columnsGap = _b === void 0 ? '10px' : _b, stacked = _a.stacked, _c = _a.rounded, rounded = _c === void 0 ? true : _c, fill = _a.fill, maxItemHeight = _a.maxItemHeight, filterable = _a.filterable, sortable = _a.sortable, showSelectedFirst = _a.showSelectedFirst, inputProps = _a.inputProps, sortButtonProps = _a.sortButtonProps, displayButtonProps = _a.displayButtonProps, _d = _a.headerSize, headerSize = _d === void 0 ? 2 : _d, _e = _a.showAs, showAs = _e === void 0 ? 'grid' : _e, selectedIcon = _a.selectedIcon, _f = _a.flat, flat = _f === void 0 ? true : _f, minimal = _a.minimal, _g = _a.transparent, transparent = _g === void 0 ? true : _g, onQueryChange = _a.onQueryChange, _h = _a.contentRenderer, contentRenderer = _h === void 0 ? function (children) { return children; } : _h, _j = _a.searchDelay, searchDelay = _j === void 0 ? 300 : _j, _k = _a.emptyMessage, emptyMessage = _k === void 0 ? 'No data in this collection, try changing your search query or filters' : _k, _l = _a.sortButtonTooltip, sortButtonTooltip = _l === void 0 ? function (sort) { return (sort === 'desc' ? 'Sort ascending' : 'Sort descending'); } : _l, _m = _a.displayButtonTooltip, displayButtonTooltip = _m === void 0 ? function (display) { return (display === 'grid' ? 'Show as list' : 'Show as grid'); } : _m, _o = _a.inputPlaceholder, inputPlaceholder = _o === void 0 ? function (items) { return "Search in ".concat((0, lodash_1.size)(items), " items"); } : _o, paging = _a.paging, rest = __rest(_a, ["items", "columnsGap", "stacked", "rounded", "fill", "maxItemHeight", "filterable", "sortable", "showSelectedFirst", "inputProps", "sortButtonProps", "displayButtonProps", "headerSize", "showAs", "selectedIcon", "flat", "minimal", "transparent", "onQueryChange", "contentRenderer", "searchDelay", "emptyMessage", "sortButtonTooltip", "displayButtonTooltip", "inputPlaceholder", "paging"]);
|
|
91
|
+
var _p = (0, react_2.useState)(showAs), _showAs = _p[0], setShowAs = _p[1];
|
|
92
|
+
var _q = (0, react_2.useState)('asc'), sort = _q[0], setSort = _q[1];
|
|
93
|
+
var _r = (0, react_2.useState)(''), query = _r[0], setQuery = _r[1];
|
|
94
|
+
var _s = (0, react_2.useState)(''), preQuery = _s[0], setPreQuery = _s[1];
|
|
92
95
|
(0, react_use_1.useUpdateEffect)(function () {
|
|
93
96
|
setShowAs(showAs);
|
|
94
97
|
}, [showAs]);
|
|
@@ -124,7 +127,7 @@ var ReqoreCollection = function (_a) {
|
|
|
124
127
|
direction: sort
|
|
125
128
|
});
|
|
126
129
|
}, [items, sort]);
|
|
127
|
-
var
|
|
130
|
+
var filteredItems = (0, react_2.useMemo)(function () {
|
|
128
131
|
if (!filterable || query === '') {
|
|
129
132
|
return sortedItems;
|
|
130
133
|
}
|
|
@@ -137,6 +140,8 @@ var ReqoreCollection = function (_a) {
|
|
|
137
140
|
return text.toString().toLowerCase().indexOf(query.toLowerCase()) !== -1;
|
|
138
141
|
});
|
|
139
142
|
}, [items, query, sortedItems]);
|
|
143
|
+
var _t = (0, react_2.useMemo)(function () { return (0, paging_1.getPaginationOptionsFromType)(paging); }, [paging]), _u = _t.pagingOptions, pagingOptions = _u === void 0 ? {} : _u, _v = _t.componentOptions, componentOptions = _v === void 0 ? {} : _v, pageControlsPosition = _t.pageControlsPosition;
|
|
144
|
+
var _w = (0, usePaging_1.useReqorePaging)(__assign(__assign({ items: filteredItems }, pagingOptions), { enabled: !!paging })), finalItems = _w.items, pagingData = __rest(_w, ["items"]);
|
|
140
145
|
var handlePreQueryChange = function (event) {
|
|
141
146
|
setPreQuery(event.target.value);
|
|
142
147
|
};
|
|
@@ -155,13 +160,34 @@ var ReqoreCollection = function (_a) {
|
|
|
155
160
|
actions = __spreadArray(__spreadArray([], actions, true), [
|
|
156
161
|
{
|
|
157
162
|
as: Input_1["default"],
|
|
158
|
-
props: __assign({ key: 'search', fixed: false, placeholder: inputPlaceholder(
|
|
163
|
+
props: __assign({ key: 'search', fixed: false, placeholder: inputPlaceholder(items), onClearClick: function () {
|
|
164
|
+
setQuery('');
|
|
165
|
+
setPreQuery('');
|
|
166
|
+
}, onChange: handlePreQueryChange, value: preQuery, icon: 'Search2Line', minimal: false }, inputProps)
|
|
159
167
|
},
|
|
160
168
|
], false);
|
|
161
169
|
}
|
|
162
170
|
return __spreadArray(__spreadArray([], actions, true), [toolbarGroup], false);
|
|
163
171
|
}, [filterable, preQuery, query, rest.actions, _showAs, sort, sortable, finalItems]);
|
|
164
|
-
|
|
172
|
+
var renderContent = (0, react_2.useCallback)(function () {
|
|
173
|
+
return contentRenderer((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [!!paging && (pageControlsPosition === 'top' || pageControlsPosition === 'both') ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Paging_1.ReqorePagination, __assign({ size: rest.size }, pagingData, componentOptions)), (0, jsx_runtime_1.jsx)(Spacer_1.ReqoreVerticalSpacer, { height: sizes_1.PADDING_FROM_SIZE[rest.size || 'normal'] })] })) : null, !(0, lodash_1.size)(finalItems) ? ((0, jsx_runtime_1.jsx)(Message_1["default"], __assign({ flat: true, icon: 'Search2Line' }, { children: emptyMessage }))) : ((0, jsx_runtime_1.jsx)(exports.StyledCollectionWrapper, __assign({ columns: _showAs === 'grid' ? 'auto-fit' : 1, columnsGap: stacked ? '0px' : columnsGap, rounded: rounded, stacked: stacked }, rest, { children: finalItems === null || finalItems === void 0 ? void 0 : finalItems.map(function (item, index) { return ((0, react_1.createElement)(item_1.ReqoreCollectionItem, __assign({ size: rest.size }, item, { icon: item.icon || (item.selected ? selectedIcon : undefined), key: index, rounded: !stacked, maxContentHeight: maxItemHeight }))); }) }))), !!paging &&
|
|
174
|
+
(!pageControlsPosition ||
|
|
175
|
+
pageControlsPosition === 'bottom' ||
|
|
176
|
+
pageControlsPosition === 'both') ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Spacer_1.ReqoreVerticalSpacer, { height: sizes_1.PADDING_FROM_SIZE[rest.size || 'normal'] }), (0, jsx_runtime_1.jsx)(Paging_1.ReqorePagination, __assign({ size: rest.size }, pagingData, componentOptions))] })) : null] }), finalItems);
|
|
177
|
+
}, [
|
|
178
|
+
contentRenderer,
|
|
179
|
+
finalItems,
|
|
180
|
+
_showAs,
|
|
181
|
+
columnsGap,
|
|
182
|
+
emptyMessage,
|
|
183
|
+
maxItemHeight,
|
|
184
|
+
rest,
|
|
185
|
+
rounded,
|
|
186
|
+
selectedIcon,
|
|
187
|
+
lodash_1.size,
|
|
188
|
+
stacked,
|
|
189
|
+
]);
|
|
190
|
+
return ((0, jsx_runtime_1.jsx)(Panel_1.ReqorePanel, __assign({}, rest, { headerSize: headerSize, style: __assign({}, rest.style), fill: fill, transparent: transparent, minimal: minimal, flat: flat, actions: finalActions, className: "reqore-collection ".concat(rest.className || '') }, { children: renderContent() })));
|
|
165
191
|
};
|
|
166
192
|
exports.ReqoreCollection = ReqoreCollection;
|
|
167
193
|
var templateObject_1, templateObject_2;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Collection/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA8B;AAC9B,+
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Collection/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,8 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import { IPopoverOptions } from '../../hooks/usePopover';
|
|
3
3
|
import { IReqoreIconName } from '../../types/icons';
|
|
4
4
|
import { IReqoreButtonProps } from '../Button';
|
|
5
|
+
import { IReqoreInputProps } from '../Input';
|
|
5
6
|
import { IReqoreDropdownItem, TDropdownItemOnClick } from './list';
|
|
6
|
-
export interface IReqoreDropdownProps extends Partial<IPopoverOptions
|
|
7
|
+
export interface IReqoreDropdownProps extends Partial<Omit<IPopoverOptions, 'openOnMount'>> {
|
|
7
8
|
items?: IReqoreDropdownItem[];
|
|
8
9
|
multiSelect?: boolean;
|
|
9
10
|
buttonStyle?: React.CSSProperties;
|
|
@@ -20,8 +21,10 @@ export interface IReqoreDropdownProps extends Partial<IPopoverOptions> {
|
|
|
20
21
|
isDefaultOpen?: boolean;
|
|
21
22
|
onItemSelect?: TDropdownItemOnClick;
|
|
22
23
|
style?: React.CSSProperties;
|
|
24
|
+
inputProps?: IReqoreInputProps;
|
|
25
|
+
scrollToSelected?: boolean;
|
|
23
26
|
}
|
|
24
|
-
declare function ReqoreDropdown<T extends unknown = IReqoreButtonProps>({ items, component, label, children, multiSelect, buttonStyle, listStyle, handler, placement, filterable, icon, rightIcon, caretPosition, isDefaultOpen, onItemSelect, closeOnOutsideClick, blur, closeOnAnyClick, content, delay, maxHeight, maxWidth, noArrow, transparent,
|
|
27
|
+
declare function ReqoreDropdown<T extends unknown = IReqoreButtonProps>({ items, component, label, children, multiSelect, buttonStyle, listStyle, handler, placement, filterable, icon, rightIcon, caretPosition, isDefaultOpen, onItemSelect, closeOnOutsideClick, blur, closeOnAnyClick, content, delay, maxHeight, maxWidth, noArrow, transparent, show, targetElement, useTargetWidth, listWidth, listHeight, passPopoverData, inputProps, scrollToSelected, ...rest }: IReqoreDropdownProps & T): JSX.Element;
|
|
25
28
|
declare const _default: typeof ReqoreDropdown;
|
|
26
29
|
export default _default;
|
|
27
30
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC7D,OAA2B,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAEvF,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAwB,MAAM,OAAO,CAAC;AAE7C,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAqB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAA2B,EAAE,mBAAmB,EAAE,oBAAoB,EAAE,MAAM,QAAQ,CAAC;AAEvF,MAAM,WAAW,oBAAqB,SAAQ,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,aAAa,CAAC,CAAC;IACzF,KAAK,CAAC,EAAE,mBAAmB,EAAE,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAClC,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,SAAS,CAAC,EAAE,GAAG,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,iBAAS,cAAc,CAAC,CAAC,SAAS,OAAO,GAAG,kBAAkB,EAAE,EAC9D,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,WAAW,EACX,WAAW,EACX,SAAS,EACT,OAAO,EACP,SAAS,EACT,UAAU,EACV,IAAI,EACJ,SAAS,EACT,aAAsB,EACtB,aAAqB,EACrB,YAAY,EACZ,mBAAmB,EACnB,IAAI,EACJ,eAAe,EACf,OAAO,EACP,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAc,EACd,WAAW,EACX,IAAI,EACJ,aAAa,EACb,cAAc,EACd,SAAS,EACT,UAAU,EACV,eAAe,EACf,UAAU,EACV,gBAAgB,EAChB,GAAG,IAAI,EACR,EAAE,oBAAoB,GAAG,CAAC,eAsD1B;;AAED,wBAA6D"}
|
|
@@ -32,12 +32,12 @@ var __1 = require("../..");
|
|
|
32
32
|
var Button_1 = __importDefault(require("../Button"));
|
|
33
33
|
var list_1 = __importDefault(require("./list"));
|
|
34
34
|
function ReqoreDropdown(_a) {
|
|
35
|
-
var items = _a.items, component = _a.component, label = _a.label, children = _a.children, multiSelect = _a.multiSelect, buttonStyle = _a.buttonStyle, listStyle = _a.listStyle, handler = _a.handler, placement = _a.placement, filterable = _a.filterable, icon = _a.icon, rightIcon = _a.rightIcon, _b = _a.caretPosition, caretPosition = _b === void 0 ? 'left' : _b, _c = _a.isDefaultOpen, isDefaultOpen = _c === void 0 ? false : _c, onItemSelect = _a.onItemSelect, closeOnOutsideClick = _a.closeOnOutsideClick, blur = _a.blur, closeOnAnyClick = _a.closeOnAnyClick, content = _a.content, delay = _a.delay, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, _d = _a.noArrow, noArrow = _d === void 0 ? true : _d, transparent = _a.transparent,
|
|
35
|
+
var items = _a.items, component = _a.component, label = _a.label, children = _a.children, multiSelect = _a.multiSelect, buttonStyle = _a.buttonStyle, listStyle = _a.listStyle, handler = _a.handler, placement = _a.placement, filterable = _a.filterable, icon = _a.icon, rightIcon = _a.rightIcon, _b = _a.caretPosition, caretPosition = _b === void 0 ? 'left' : _b, _c = _a.isDefaultOpen, isDefaultOpen = _c === void 0 ? false : _c, onItemSelect = _a.onItemSelect, closeOnOutsideClick = _a.closeOnOutsideClick, blur = _a.blur, closeOnAnyClick = _a.closeOnAnyClick, content = _a.content, delay = _a.delay, maxHeight = _a.maxHeight, maxWidth = _a.maxWidth, _d = _a.noArrow, noArrow = _d === void 0 ? true : _d, transparent = _a.transparent, show = _a.show, targetElement = _a.targetElement, useTargetWidth = _a.useTargetWidth, listWidth = _a.listWidth, listHeight = _a.listHeight, passPopoverData = _a.passPopoverData, inputProps = _a.inputProps, scrollToSelected = _a.scrollToSelected, rest = __rest(_a, ["items", "component", "label", "children", "multiSelect", "buttonStyle", "listStyle", "handler", "placement", "filterable", "icon", "rightIcon", "caretPosition", "isDefaultOpen", "onItemSelect", "closeOnOutsideClick", "blur", "closeOnAnyClick", "content", "delay", "maxHeight", "maxWidth", "noArrow", "transparent", "show", "targetElement", "useTargetWidth", "listWidth", "listHeight", "passPopoverData", "inputProps", "scrollToSelected"]);
|
|
36
36
|
var componentProps = (0, react_1.useMemo)(function () {
|
|
37
37
|
return (__assign(__assign({}, rest), { icon: caretPosition === 'left' ? icon || 'ArrowDownSFill' : rightIcon, rightIcon: caretPosition === 'right' ? icon || 'ArrowDownSFill' : rightIcon, style: buttonStyle || rest.style, disabled: !(0, lodash_1.size)(items) || rest.disabled, className: "".concat((rest === null || rest === void 0 ? void 0 : rest.className) || '', " reqore-dropdown-control") }));
|
|
38
38
|
}, [items, icon, rightIcon, buttonStyle, caretPosition, rest]);
|
|
39
39
|
var popoverContent = (0, react_1.useMemo)(function () {
|
|
40
|
-
return (0, lodash_1.size)(items) ? ((0, jsx_runtime_1.jsx)(list_1["default"], { multiSelect: multiSelect, listStyle: listStyle, width: useTargetWidth ? '100%' : listWidth, height: listHeight, items: items, filterable: filterable, onItemSelect: onItemSelect })) : undefined;
|
|
40
|
+
return (0, lodash_1.size)(items) ? ((0, jsx_runtime_1.jsx)(list_1["default"], { multiSelect: multiSelect, listStyle: listStyle, width: useTargetWidth ? '100%' : listWidth, height: listHeight, items: items, filterable: filterable, onItemSelect: onItemSelect, inputProps: inputProps, scrollToSelected: scrollToSelected })) : undefined;
|
|
41
41
|
}, [items]);
|
|
42
42
|
return ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ closeOnOutsideClick: closeOnOutsideClick, blur: blur, closeOnAnyClick: closeOnAnyClick, delay: delay, maxHeight: maxHeight, maxWidth: maxWidth, noArrow: noArrow, transparent: transparent, useTargetWidth: useTargetWidth, component: component || Button_1["default"], componentProps: componentProps, isReqoreComponent: true, noWrapper: true, placement: placement || 'bottom-start', handler: handler || 'click', openOnMount: isDefaultOpen, content: popoverContent, passPopoverData: passPopoverData }, { children: children || label })));
|
|
43
43
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA8B;AAC9B,+BAA6C;AAC7C,2BAAsC;AAGtC,qDAA6D;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Dropdown/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { IReqoreComponent } from '../../types/global';
|
|
3
|
+
import { IReqoreInputProps } from '../Input';
|
|
3
4
|
import { IReqoreMenuItemProps } from '../Menu/item';
|
|
4
5
|
export type TDropdownItemOnClick = (item: IReqoreDropdownItem) => void;
|
|
5
6
|
export interface IReqoreDropdownItem extends Omit<IReqoreMenuItemProps, 'onClick' | 'rightIcon' | 'onRightIconClick'> {
|
|
@@ -18,7 +19,9 @@ export interface IReqoreDropdownListProps extends IReqoreComponent {
|
|
|
18
19
|
height?: string;
|
|
19
20
|
filterable?: boolean;
|
|
20
21
|
onItemSelect?: TDropdownItemOnClick;
|
|
22
|
+
inputProps?: IReqoreInputProps;
|
|
23
|
+
scrollToSelected?: boolean;
|
|
21
24
|
}
|
|
22
|
-
declare const ReqoreDropdownList: React.MemoExoticComponent<({ items, multiSelect, listStyle, _popoverId, filterable, width, height, onItemSelect, }: IReqoreDropdownListProps) => JSX.Element>;
|
|
25
|
+
declare const ReqoreDropdownList: React.MemoExoticComponent<({ items, multiSelect, listStyle, _popoverId, filterable, width, height, onItemSelect, inputProps, scrollToSelected, }: IReqoreDropdownListProps) => JSX.Element>;
|
|
23
26
|
export default ReqoreDropdownList;
|
|
24
27
|
//# sourceMappingURL=list.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6C,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAoB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAG1D,OAAuB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAEpE,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;AACvE,MAAM,WAAW,mBACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,SAAS,GAAG,WAAW,GAAG,kBAAkB,CAAC;IAChF,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;CAC5C;AAED,MAAM,MAAM,mBAAmB,GAAG,mBAAmB,CAAC;AACtD,MAAM,MAAM,oBAAoB,GAAG,mBAAmB,EAAE,CAAC;AAEzD,MAAM,WAAW,wBAAyB,SAAQ,gBAAgB;IAChE,KAAK,CAAC,EAAE,oBAAoB,CAAC;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,YAAY,CAAC,EAAE,oBAAoB,CAAC;IACpC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,kBAAkB,oJAYnB,wBAAwB,iBA+E5B,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -32,7 +32,7 @@ var Menu_1 = __importDefault(require("../Menu"));
|
|
|
32
32
|
var divider_1 = __importDefault(require("../Menu/divider"));
|
|
33
33
|
var item_1 = __importDefault(require("../Menu/item"));
|
|
34
34
|
var ReqoreDropdownList = (0, react_1.memo)(function (_a) {
|
|
35
|
-
var items = _a.items, multiSelect = _a.multiSelect, listStyle = _a.listStyle, _popoverId = _a._popoverId, filterable = _a.filterable, width = _a.width, height = _a.height, onItemSelect = _a.onItemSelect;
|
|
35
|
+
var items = _a.items, multiSelect = _a.multiSelect, listStyle = _a.listStyle, _popoverId = _a._popoverId, filterable = _a.filterable, width = _a.width, height = _a.height, onItemSelect = _a.onItemSelect, inputProps = _a.inputProps, scrollToSelected = _a.scrollToSelected;
|
|
36
36
|
var _b = (0, react_1.useState)(items), _items = _b[0], setItems = _b[1];
|
|
37
37
|
var _c = (0, react_1.useState)(''), query = _c[0], setQuery = _c[1];
|
|
38
38
|
(0, react_1.useEffect)(function () {
|
|
@@ -64,9 +64,9 @@ var ReqoreDropdownList = (0, react_1.memo)(function (_a) {
|
|
|
64
64
|
onItemSelect(item);
|
|
65
65
|
}
|
|
66
66
|
};
|
|
67
|
-
return ((0, jsx_runtime_1.jsxs)(Menu_1["default"], __assign({ _insidePopover: !multiSelect, _popoverId: _popoverId, style: listStyle, width: width, maxHeight: height || '300px' }, { children: [filterable && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Input_1["default"], { value: query, onChange: handleQueryChange, placeholder: 'Filter', onClearClick: function () { return setQuery(''); } }) })), filteredItems.map(function (_a, index) {
|
|
67
|
+
return ((0, jsx_runtime_1.jsxs)(Menu_1["default"], __assign({ _insidePopover: !multiSelect, _popoverId: _popoverId, style: listStyle, width: width, maxHeight: height || '300px' }, { children: [filterable && ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Input_1["default"], __assign({ value: query, onChange: handleQueryChange, placeholder: 'Filter', onClearClick: function () { return setQuery(''); } }, inputProps)) })), filteredItems.map(function (_a, index) {
|
|
68
68
|
var onClick = _a.onClick, dividerAlign = _a.dividerAlign, divider = _a.divider, item = __rest(_a, ["onClick", "dividerAlign", "divider"]);
|
|
69
|
-
return divider ? ((0, jsx_runtime_1.jsx)(divider_1["default"], __assign({}, item, { align: dividerAlign }), index)) : ((0, jsx_runtime_1.jsx)(item_1["default"], __assign({}, item, { label: item.label || item.value, onClick: function () { return handleItemClick(__assign(__assign({}, item), { onClick: onClick })); }, rightIcon: item.selected ? 'CheckLine' : undefined }), index));
|
|
69
|
+
return divider ? ((0, jsx_runtime_1.jsx)(divider_1["default"], __assign({}, item, { align: dividerAlign }), index)) : ((0, jsx_runtime_1.jsx)(item_1["default"], __assign({}, item, { label: item.label || item.value, onClick: function () { return handleItemClick(__assign(__assign({}, item), { onClick: onClick })); }, rightIcon: item.selected ? 'CheckLine' : undefined, scrollIntoView: scrollToSelected && item.selected && !multiSelect }), index));
|
|
70
70
|
})] })));
|
|
71
71
|
});
|
|
72
72
|
exports["default"] = ReqoreDropdownList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAkE;AAElE,
|
|
1
|
+
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Dropdown/list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,6 +9,7 @@ export interface IReqoreMenuItemProps extends IReqoreComponent, React.HTMLAttrib
|
|
|
9
9
|
itemId?: string;
|
|
10
10
|
onRightIconClick?: (itemId?: string, event?: React.MouseEvent<HTMLElement>) => void;
|
|
11
11
|
onClick?: (itemId?: string, event?: React.MouseEvent<HTMLElement>) => void;
|
|
12
|
+
scrollIntoView?: boolean;
|
|
12
13
|
}
|
|
13
14
|
export interface IReqoreMenuItemStyle {
|
|
14
15
|
theme: IReqoreTheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAG/D,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAG/C,MAAM,WAAW,oBACf,SAAQ,gBAAgB,EACtB,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EACjC,kBAAkB;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,EAAE,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACpF,OAAO,CAAC,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAC3E,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,QAAA,MAAM,cAAc,gGAgGnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -30,9 +30,12 @@ var react_1 = require("react");
|
|
|
30
30
|
var use_context_selector_1 = require("use-context-selector");
|
|
31
31
|
var __1 = require("../..");
|
|
32
32
|
var PopoverContext_1 = __importDefault(require("../../context/PopoverContext"));
|
|
33
|
+
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
33
34
|
var ReqoreMenuItem = (0, react_1.forwardRef)(function (_a, ref) {
|
|
34
|
-
var children = _a.children, label = _a.label, icon = _a.icon, rightIcon = _a.rightIcon, as = _a.as, selected = _a.selected, onClick = _a.onClick, onRightIconClick = _a.onRightIconClick, disabled = _a.disabled, itemId = _a.itemId, _insidePopover = _a._insidePopover, _popoverId = _a._popoverId, tooltip = _a.tooltip, intent = _a.intent, _b = _a.flat, flat = _b === void 0 ? true : _b, rest = __rest(_a, ["children", "label", "icon", "rightIcon", "as", "selected", "onClick", "onRightIconClick", "disabled", "itemId", "_insidePopover", "_popoverId", "tooltip", "intent", "flat"]);
|
|
35
|
+
var children = _a.children, label = _a.label, icon = _a.icon, rightIcon = _a.rightIcon, as = _a.as, selected = _a.selected, onClick = _a.onClick, onRightIconClick = _a.onRightIconClick, disabled = _a.disabled, itemId = _a.itemId, _insidePopover = _a._insidePopover, _popoverId = _a._popoverId, tooltip = _a.tooltip, intent = _a.intent, _b = _a.flat, flat = _b === void 0 ? true : _b, scrollIntoView = _a.scrollIntoView, rest = __rest(_a, ["children", "label", "icon", "rightIcon", "as", "selected", "onClick", "onRightIconClick", "disabled", "itemId", "_insidePopover", "_popoverId", "tooltip", "intent", "flat", "scrollIntoView"]);
|
|
35
36
|
var removePopover = (0, use_context_selector_1.useContext)(PopoverContext_1["default"]).removePopover;
|
|
37
|
+
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
38
|
+
var _c = (0, react_1.useState)(undefined), itemRef = _c[0], setItemRef = _c[1];
|
|
36
39
|
var handleClick = function (event) {
|
|
37
40
|
event.persist();
|
|
38
41
|
onClick === null || onClick === void 0 ? void 0 : onClick(itemId, event);
|
|
@@ -50,11 +53,20 @@ var ReqoreMenuItem = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
50
53
|
}
|
|
51
54
|
}
|
|
52
55
|
};
|
|
56
|
+
(0, react_1.useEffect)(function () {
|
|
57
|
+
var _a;
|
|
58
|
+
if (scrollIntoView && itemRef) {
|
|
59
|
+
(_a = itemRef.scrollIntoView) === null || _a === void 0 ? void 0 : _a.call(itemRef, { behavior: 'smooth', block: 'center', inline: 'center' });
|
|
60
|
+
}
|
|
61
|
+
}, [itemRef, scrollIntoView]);
|
|
53
62
|
return ((0, jsx_runtime_1.jsxs)(__1.ReqoreControlGroup, __assign({ stack: !!onRightIconClick, fluid: true }, { children: [(0, jsx_runtime_1.jsx)(__1.ReqoreButton
|
|
54
63
|
//@ts-ignore
|
|
55
64
|
, __assign({
|
|
56
65
|
//@ts-ignore
|
|
57
|
-
as: as }, rest, { flat: flat, className: 'reqore-menu-item', fluid: true, onClick: handleClick, active: selected, ref:
|
|
66
|
+
as: as }, rest, { flat: flat, className: 'reqore-menu-item', fluid: true, onClick: handleClick, active: selected, ref: function (ref) {
|
|
67
|
+
targetRef.current = ref;
|
|
68
|
+
setItemRef(ref);
|
|
69
|
+
}, disabled: disabled, intent: intent, icon: icon, rightIcon: onRightIconClick ? undefined : rightIcon, tooltip: tooltip }, { children: label || children })), rightIcon && onRightIconClick ? ((0, jsx_runtime_1.jsx)(__1.ReqoreButton, { icon: rightIcon, flat: flat, fixed: true, minimal: !onRightIconClick, customTheme: rest.customTheme, className: 'reqore-menu-item-right-icon', onClick: handleRightIconClick, readOnly: !onRightIconClick, intent: intent, active: selected && !!onRightIconClick })) : null] })));
|
|
58
70
|
});
|
|
59
71
|
exports["default"] = ReqoreMenuItem;
|
|
60
72
|
//# sourceMappingURL=item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA+D;AAC/D,6DAAkD;AAClD,2BAAyD;AAEzD,gFAA0D;AAC1D,+DAA8D;AA+B9D,IAAM,cAAc,GAAG,IAAA,kBAAU,EAC/B,UACE,EAkBuB,EACvB,GAAG;IAlBD,IAAA,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,OAAO,aAAA,EACP,MAAM,YAAA,EACN,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,cAAc,oBAAA,EACX,IAAI,cAjBT,gMAkBC,CADQ;IAID,IAAA,aAAa,GAAK,IAAA,iCAAU,EAAC,2BAAc,CAAC,cAA/B,CAAgC;IAC7C,IAAA,SAAS,GAAK,IAAA,iCAAe,EAAoB,GAAG,CAAC,UAA5C,CAA6C;IACxD,IAAA,KAAwB,IAAA,gBAAQ,EAAoB,SAAS,CAAC,EAA7D,OAAO,QAAA,EAAE,UAAU,QAA0C,CAAC;IAErE,IAAM,WAAW,GAAG,UAAC,KAA0C;QAC7D,KAAK,CAAC,OAAO,EAAE,CAAC;QAEhB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,MAAM,EAAE,KAAK,CAAC,CAAC;QAEzB,IAAI,cAAc,IAAI,UAAU,EAAE;YAChC,aAAc,CAAC,UAAU,CAAC,CAAC;SAC5B;IACH,CAAC,CAAC;IAEF,IAAM,oBAAoB,GAAG,UAAC,KAAwC;QACpE,KAAK,CAAC,OAAO,EAAE,CAAC;QAChB,KAAK,CAAC,eAAe,EAAE,CAAC;QAExB,IAAI,gBAAgB,EAAE;YACpB,gBAAgB,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;YAEhC,IAAI,cAAc,IAAI,UAAU,EAAE;gBAChC,aAAc,CAAC,UAAU,CAAC,CAAC;aAC5B;SACF;IACH,CAAC,CAAC;IAEF,IAAA,iBAAS,EAAC;;QACR,IAAI,cAAc,IAAI,OAAO,EAAE;YAC7B,MAAA,OAAO,CAAC,cAAc,wDAAG,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,CAAC,CAAC;SACrF;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC;IAE9B,OAAO,CACL,wBAAC,sBAAkB,aAAC,KAAK,EAAE,CAAC,CAAC,gBAAgB,EAAE,KAAK,uBAClD,uBAAC,gBAAY;YACX,YAAY;;gBAAZ,YAAY;gBACZ,EAAE,EAAE,EAAE,IACF,IAAI,IACR,IAAI,EAAE,IAAI,EACV,SAAS,EAAC,kBAAkB,EAC5B,KAAK,QACL,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,QAAQ,EAChB,GAAG,EAAE,UAAC,GAAG;oBACP,SAAS,CAAC,OAAO,GAAG,GAAG,CAAC;oBACxB,UAAU,CAAC,GAAG,CAAC,CAAC;gBAClB,CAAC,EACD,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,gBAAgB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,EACnD,OAAO,EAAE,OAAO,gBAEf,KAAK,IAAI,QAAQ,IACL,EACd,SAAS,IAAI,gBAAgB,CAAC,CAAC,CAAC,CAC/B,uBAAC,gBAAY,IACX,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,IAAI,EACV,KAAK,QACL,OAAO,EAAE,CAAC,gBAAgB,EAC1B,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,SAAS,EAAC,6BAA6B,EACvC,OAAO,EAAE,oBAAoB,EAC7B,QAAQ,EAAE,CAAC,gBAAgB,EAC3B,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,QAAQ,IAAI,CAAC,CAAC,gBAAgB,GACtC,CACH,CAAC,CAAC,CAAC,IAAI,KACW,CACtB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,cAAc,CAAC"}
|
|
@@ -22,7 +22,7 @@ export interface IReqoreMultiSelectProps extends Omit<IReqoreControlGroupProps,
|
|
|
22
22
|
selectedItemEffect?: IReqoreEffect;
|
|
23
23
|
selectedItemSize?: TSizes;
|
|
24
24
|
selectorProps?: Omit<IReqoreInputProps, 'value' | 'onValueChange'> & IReqoreDropdownProps;
|
|
25
|
-
openOnMount?: IReqoreDropdownProps['
|
|
25
|
+
openOnMount?: IReqoreDropdownProps['isDefaultOpen'];
|
|
26
26
|
enterKeySelects?: boolean;
|
|
27
27
|
}
|
|
28
28
|
export interface IReqoreMultiSelectItemProps extends Pick<IReqoreMultiSelectProps, 'selectedItemEffect' | 'selectedItemSize'> {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAA2B,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAGpD,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GACrE,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEnF,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,wBAAwB,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,eAAe,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACvD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,aAAa,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,eAAe,CAAC,GAAG,oBAAoB,CAAC;IAC1F,WAAW,CAAC,EAAE,oBAAoB,CAAC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultiSelect/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,OAA2B,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAkB,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAGpD,MAAM,MAAM,sBAAsB,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GACrE,IAAI,CAAC,eAAe,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAC,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAA;CAAE,CAAC;AAEnF,MAAM,WAAW,uBACf,SAAQ,IAAI,CAAC,wBAAwB,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,sBAAsB,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAClD,eAAe,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;IAC/C,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACrD,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,sBAAsB,KAAK,IAAI,CAAC;IACvD,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,aAAa,CAAC;IACnC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,eAAe,CAAC,GAAG,oBAAoB,CAAC;IAC1F,WAAW,CAAC,EAAE,oBAAoB,CAAC,eAAe,CAAC,CAAC;IACpD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,uBAAuB,EAAE,oBAAoB,GAAG,kBAAkB,CAAC;IAChF,IAAI,EAAE,sBAAsB,CAAC;IAC7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,eAAe,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAC;CAChD;AAED,eAAO,MAAM,qBAAqB,iIAQ7B,2BAA2B,iBA0B/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,0NAgB3B,uBAAuB,gBAiMzB,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { IReqorePagingResult } from '../../hooks/usePaging';
|
|
2
|
+
import { IReqoreButtonProps } from '../Button';
|
|
3
|
+
import { IReqoreControlGroupProps } from '../ControlGroup';
|
|
4
|
+
import { IReqoreDropdownProps } from '../Dropdown';
|
|
5
|
+
export interface IReqorePaginationComponentProps extends Omit<IReqoreControlGroupProps, 'children'> {
|
|
6
|
+
pageButtonProps?: IReqoreButtonProps;
|
|
7
|
+
activePageButtonProps?: IReqoreButtonProps;
|
|
8
|
+
listPageButtonProps?: IReqoreDropdownProps;
|
|
9
|
+
controlPageButtonProps?: IReqoreButtonProps;
|
|
10
|
+
loadMoreButtonProps?: IReqoreButtonProps;
|
|
11
|
+
firstPageLabel?: string;
|
|
12
|
+
lastPageLabel?: string;
|
|
13
|
+
nextPageLabel?: string;
|
|
14
|
+
previousPageLabel?: string;
|
|
15
|
+
pageLabel?: string;
|
|
16
|
+
loadMoreLabel?: string;
|
|
17
|
+
showPages?: boolean;
|
|
18
|
+
showControls?: boolean;
|
|
19
|
+
showPagesAs?: 'buttons' | 'list';
|
|
20
|
+
showLabels?: boolean;
|
|
21
|
+
scrollOnLoadMore?: boolean;
|
|
22
|
+
autoLoadMore?: boolean;
|
|
23
|
+
}
|
|
24
|
+
export interface IReqorePaginationProps<T> extends Omit<IReqorePagingResult<T>, 'items'>, IReqorePaginationComponentProps {
|
|
25
|
+
}
|
|
26
|
+
export declare const StyledPagesWrapper: any;
|
|
27
|
+
declare function Pagination<T>({ allPages, back, first, currentPage, isLastPage, isFirstPage, pageCount, pages, last, next, setPage, infinite, itemsLeft, showPagesAs, pageButtonProps, activePageButtonProps, listPageButtonProps, controlPageButtonProps, loadMoreButtonProps, firstPageLabel, lastPageLabel, nextPageLabel, previousPageLabel, pageLabel, loadMoreLabel, showLabels, showPages, showControls, scrollOnLoadMore, autoLoadMore, itemsPerPage, ...rest }: IReqorePaginationProps<T>): JSX.Element;
|
|
28
|
+
export declare const ReqorePagination: typeof Pagination;
|
|
29
|
+
export {};
|
|
30
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Paging/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAqB,EAAE,kBAAkB,EAAgB,MAAM,WAAW,CAAC;AAC3E,OAA2B,EAAE,wBAAwB,EAAE,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAE,oBAAoB,EAAE,MAAM,aAAa,CAAC;AAGnD,MAAM,WAAW,+BACf,SAAQ,IAAI,CAAC,wBAAwB,EAAE,UAAU,CAAC;IAClD,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,qBAAqB,CAAC,EAAE,kBAAkB,CAAC;IAC3C,mBAAmB,CAAC,EAAE,oBAAoB,CAAC;IAC3C,sBAAsB,CAAC,EAAE,kBAAkB,CAAC;IAC5C,mBAAmB,CAAC,EAAE,kBAAkB,CAAC;IACzC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,WAAW,CAAC,EAAE,SAAS,GAAG,MAAM,CAAC;IACjC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AACD,MAAM,WAAW,sBAAsB,CAAC,CAAC,CACvC,SAAQ,IAAI,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,EAC3C,+BAA+B;CAAG;AAEtC,eAAO,MAAM,kBAAkB,KAQ9B,CAAC;AAEF,iBAAS,UAAU,CAAC,CAAC,EAAE,EACrB,QAAQ,EACR,IAAI,EACJ,KAAK,EACL,WAAW,EACX,UAAU,EACV,WAAW,EACX,SAAS,EACT,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,OAAO,EACP,QAAQ,EACR,SAAS,EACT,WAAuB,EACvB,eAAoB,EACpB,qBAA0B,EAC1B,mBAAwB,EACxB,sBAA2B,EAC3B,mBAAwB,EACxB,cAAwB,EACxB,aAAsB,EACtB,aAAsB,EACtB,iBAA0B,EAC1B,SAAkB,EAClB,aAA2B,EAC3B,UAAU,EACV,SAAgB,EAChB,YAAmB,EACnB,gBAAgB,EAChB,YAAY,EACZ,YAAY,EACZ,GAAG,IAAI,EACR,EAAE,sBAAsB,CAAC,CAAC,CAAC,eAwJ3B;AAED,eAAO,MAAM,gBAAgB,mBAAwC,CAAC"}
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
var __assign = (this && this.__assign) || function () {
|
|
7
|
+
__assign = Object.assign || function(t) {
|
|
8
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
+
s = arguments[i];
|
|
10
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
+
t[p] = s[p];
|
|
12
|
+
}
|
|
13
|
+
return t;
|
|
14
|
+
};
|
|
15
|
+
return __assign.apply(this, arguments);
|
|
16
|
+
};
|
|
17
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
41
|
+
var t = {};
|
|
42
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
43
|
+
t[p] = s[p];
|
|
44
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
45
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
46
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
47
|
+
t[p[i]] = s[p[i]];
|
|
48
|
+
}
|
|
49
|
+
return t;
|
|
50
|
+
};
|
|
51
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
52
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
53
|
+
};
|
|
54
|
+
exports.__esModule = true;
|
|
55
|
+
exports.ReqorePagination = exports.StyledPagesWrapper = void 0;
|
|
56
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
57
|
+
var react_1 = require("react");
|
|
58
|
+
var react_use_1 = require("react-use");
|
|
59
|
+
var styled_components_1 = __importDefault(require("styled-components"));
|
|
60
|
+
var __1 = require("../..");
|
|
61
|
+
var Button_1 = __importStar(require("../Button"));
|
|
62
|
+
var ControlGroup_1 = __importDefault(require("../ControlGroup"));
|
|
63
|
+
exports.StyledPagesWrapper = (0, styled_components_1["default"])(ControlGroup_1["default"])(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: unset;\n max-width: 100%;\n justify-content: center;\n\n & > ", " {\n margin: 0;\n }\n"], ["\n width: unset;\n max-width: 100%;\n justify-content: center;\n\n & > ", " {\n margin: 0;\n }\n"])), Button_1.StyledButton);
|
|
64
|
+
function Pagination(_a) {
|
|
65
|
+
var allPages = _a.allPages, back = _a.back, first = _a.first, currentPage = _a.currentPage, isLastPage = _a.isLastPage, isFirstPage = _a.isFirstPage, pageCount = _a.pageCount, pages = _a.pages, last = _a.last, next = _a.next, setPage = _a.setPage, infinite = _a.infinite, itemsLeft = _a.itemsLeft, _b = _a.showPagesAs, showPagesAs = _b === void 0 ? 'buttons' : _b, _c = _a.pageButtonProps, pageButtonProps = _c === void 0 ? {} : _c, _d = _a.activePageButtonProps, activePageButtonProps = _d === void 0 ? {} : _d, _e = _a.listPageButtonProps, listPageButtonProps = _e === void 0 ? {} : _e, _f = _a.controlPageButtonProps, controlPageButtonProps = _f === void 0 ? {} : _f, _g = _a.loadMoreButtonProps, loadMoreButtonProps = _g === void 0 ? {} : _g, _h = _a.firstPageLabel, firstPageLabel = _h === void 0 ? 'First' : _h, _j = _a.lastPageLabel, lastPageLabel = _j === void 0 ? 'Last' : _j, _k = _a.nextPageLabel, nextPageLabel = _k === void 0 ? 'Next' : _k, _l = _a.previousPageLabel, previousPageLabel = _l === void 0 ? 'Back' : _l, _m = _a.pageLabel, pageLabel = _m === void 0 ? 'Page' : _m, _o = _a.loadMoreLabel, loadMoreLabel = _o === void 0 ? 'Load more' : _o, showLabels = _a.showLabels, _p = _a.showPages, showPages = _p === void 0 ? true : _p, _q = _a.showControls, showControls = _q === void 0 ? true : _q, scrollOnLoadMore = _a.scrollOnLoadMore, autoLoadMore = _a.autoLoadMore, itemsPerPage = _a.itemsPerPage, rest = __rest(_a, ["allPages", "back", "first", "currentPage", "isLastPage", "isFirstPage", "pageCount", "pages", "last", "next", "setPage", "infinite", "itemsLeft", "showPagesAs", "pageButtonProps", "activePageButtonProps", "listPageButtonProps", "controlPageButtonProps", "loadMoreButtonProps", "firstPageLabel", "lastPageLabel", "nextPageLabel", "previousPageLabel", "pageLabel", "loadMoreLabel", "showLabels", "showPages", "showControls", "scrollOnLoadMore", "autoLoadMore", "itemsPerPage"]);
|
|
66
|
+
var _r = (0, react_1.useState)(undefined), loadMoreRef = _r[0], setLoadMoreRef = _r[1];
|
|
67
|
+
var _s = (0, react_1.useState)(undefined), scrollTargetRef = _s[0], setScrollTargetRef = _s[1];
|
|
68
|
+
var observer = (0, react_1.useRef)(null);
|
|
69
|
+
(0, react_1.useEffect)(function () {
|
|
70
|
+
if (scrollTargetRef && scrollOnLoadMore && !isLastPage && !isFirstPage) {
|
|
71
|
+
scrollTargetRef.scrollIntoView({
|
|
72
|
+
behavior: 'smooth',
|
|
73
|
+
block: 'end',
|
|
74
|
+
inline: 'nearest'
|
|
75
|
+
});
|
|
76
|
+
}
|
|
77
|
+
}, [currentPage, scrollTargetRef, scrollOnLoadMore, isLastPage, isFirstPage]);
|
|
78
|
+
(0, react_use_1.useUpdateEffect)(function () {
|
|
79
|
+
if (loadMoreRef && autoLoadMore) {
|
|
80
|
+
observer.current = new IntersectionObserver(function (entries) {
|
|
81
|
+
entries.forEach(function (entry) {
|
|
82
|
+
if (entry.isIntersecting) {
|
|
83
|
+
next();
|
|
84
|
+
}
|
|
85
|
+
});
|
|
86
|
+
}, {
|
|
87
|
+
threshold: 0.8
|
|
88
|
+
});
|
|
89
|
+
observer.current.observe(loadMoreRef);
|
|
90
|
+
}
|
|
91
|
+
}, [loadMoreRef, autoLoadMore, isLastPage]);
|
|
92
|
+
(0, react_use_1.useUnmount)(function () {
|
|
93
|
+
var _a;
|
|
94
|
+
(_a = observer.current) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
95
|
+
});
|
|
96
|
+
if (pageCount === 1 || pageCount === 0)
|
|
97
|
+
return null;
|
|
98
|
+
return ((0, jsx_runtime_1.jsx)(ControlGroup_1["default"], __assign({}, rest, { className: "".concat(rest.className || '', " reqore-pagination-wrapper"), style: { justifyContent: 'center' } }, { children: infinite && !isLastPage ? ((0, jsx_runtime_1.jsxs)(ControlGroup_1["default"], __assign({ vertical: true }, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'reqore-auto-scroll-target', ref: setScrollTargetRef }), (0, jsx_runtime_1.jsx)(Button_1["default"], __assign({ icon: 'ArrowDropDownLine', badge: itemsLeft, iconsAlign: 'center' }, loadMoreButtonProps, { onClick: next, ref: setLoadMoreRef, style: {
|
|
99
|
+
scrollMarginTop: '200px'
|
|
100
|
+
} }, { children: showLabels && loadMoreLabel }))] }))) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [showPagesAs === 'list' || (showControls && !showPages) ? ((0, jsx_runtime_1.jsx)(Button_1["default"], __assign({ icon: 'RewindMiniLine', fixed: true }, controlPageButtonProps, { onClick: first, disabled: isFirstPage, tooltip: !showLabels && firstPageLabel }, { children: showLabels && firstPageLabel }))) : null, showControls && ((0, jsx_runtime_1.jsx)(Button_1["default"], __assign({ icon: 'ArrowDropLeftLine', fixed: true }, controlPageButtonProps, { onClick: back, disabled: isFirstPage, tooltip: !showLabels && previousPageLabel }, { children: showLabels && previousPageLabel }))), showPages && ((0, jsx_runtime_1.jsx)(exports.StyledPagesWrapper, __assign({ wrap: true, horizontalAlign: 'center' }, { children: showPagesAs === 'buttons' ? (pages.map(function (page) { return ((0, jsx_runtime_1.jsx)(Button_1["default"], __assign({ textAlign: 'center', fixed: true, onClick: function () { return setPage(page); }, active: page === currentPage }, (page === currentPage ? activePageButtonProps : pageButtonProps), { children: page }), page)); })) : ((0, jsx_runtime_1.jsx)(__1.ReqoreDropdown, __assign({ filterable: true, label: "".concat(showLabels ? "".concat(pageLabel, " ") : '').concat(currentPage, " / ").concat(pageCount), items: pages.map(function (page) { return (__assign({ label: "".concat(showLabels ? "".concat(pageLabel, " ") : '').concat(page), onClick: function () { return setPage(page); }, selected: page === currentPage }, (page === currentPage
|
|
101
|
+
? activePageButtonProps
|
|
102
|
+
: pageButtonProps))); }), placement: 'bottom', inputProps: { focusRules: { type: 'auto', viewportOnly: true } }, scrollToSelected: true }, listPageButtonProps))) }))), showControls && ((0, jsx_runtime_1.jsx)(Button_1["default"], __assign({ icon: 'ArrowDropRightLine', fixed: true }, controlPageButtonProps, { onClick: next, disabled: isLastPage, tooltip: !showLabels && nextPageLabel }, { children: showLabels && nextPageLabel }))), showPagesAs === 'list' || (showControls && !showPages) ? ((0, jsx_runtime_1.jsx)(Button_1["default"], __assign({ icon: 'SpeedMiniLine', fixed: true }, controlPageButtonProps, { onClick: last, disabled: isLastPage, tooltip: !showLabels && lastPageLabel }, { children: showLabels && lastPageLabel }))) : null] })) })));
|
|
103
|
+
}
|
|
104
|
+
exports.ReqorePagination = (0, react_1.memo)(Pagination);
|
|
105
|
+
var templateObject_1;
|
|
106
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Paging/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TSizes } from '../../constants/sizes';
|
|
3
3
|
import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
|
|
4
|
-
import { IReqoreDisabled, IReqoreIntent, IWithReqoreEffect,
|
|
4
|
+
import { IReqoreDisabled, IReqoreIntent, IWithReqoreEffect, IWithReqoreFluid, IWithReqoreMinimal, IWithReqoreTooltip } from '../../types/global';
|
|
5
5
|
import { IReqoreIconName } from '../../types/icons';
|
|
6
6
|
import { IReqoreEffect, TReqoreEffectColor, TReqoreHexColor } from '../Effect';
|
|
7
7
|
export interface IReqoreTagAction extends IWithReqoreTooltip, IReqoreDisabled, IReqoreIntent {
|
|
@@ -9,7 +9,8 @@ export interface IReqoreTagAction extends IWithReqoreTooltip, IReqoreDisabled, I
|
|
|
9
9
|
show?: boolean;
|
|
10
10
|
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
11
11
|
}
|
|
12
|
-
export interface IReqoreTagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'>, IWithReqoreTooltip, IReqoreDisabled, IWithReqoreMinimal, IWithReqoreFluid,
|
|
12
|
+
export interface IReqoreTagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'>, IWithReqoreTooltip, IReqoreDisabled, IWithReqoreMinimal, IWithReqoreFluid, IWithReqoreEffect {
|
|
13
|
+
fixed?: boolean | 'key' | 'label';
|
|
13
14
|
size?: TSizes;
|
|
14
15
|
label?: string | number;
|
|
15
16
|
labelKey?: string | number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,EAML,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAUpE,OAAO,EACL,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,EAML,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAUpE,OAAO,EACL,eAAe,EACf,aAAa,EACb,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,kBAAkB,EACnB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EACL,aAAa,EAGb,kBAAkB,EAClB,eAAe,EAChB,MAAM,WAAW,CAAC;AAGnB,MAAM,WAAW,gBAAiB,SAAQ,kBAAkB,EAAE,eAAe,EAAE,aAAa;IAC1F,IAAI,EAAE,eAAe,CAAC;IACtB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,EAC7D,kBAAkB,EAClB,eAAe,EACf,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,OAAO,CAAC;IAClC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC3B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,aAAa,CAAC,EAAE,kBAAkB,CAAC;IACnC,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,WAAW,CAAC,EAAE,aAAa,CAAC;IAC5B,cAAc,CAAC,EAAE,aAAa,CAAC;CAChC;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,eAAe,CAAC;CACzB;AAED,eAAO,MAAM,SAAS,KA6ErB,CAAC;AA6EF,QAAA,MAAM,SAAS,yFAqLd,CAAC;AAEF,eAAe,SAAS,CAAC"}
|