@qoretechnologies/reqore 0.35.2 → 0.36.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/dist/components/Collection/index.d.ts +11 -2
- package/dist/components/Collection/index.d.ts.map +1 -1
- package/dist/components/Collection/index.js +33 -7
- package/dist/components/Collection/index.js.map +1 -1
- package/dist/components/KeyValueTable/index.d.ts +27 -0
- package/dist/components/KeyValueTable/index.d.ts.map +1 -0
- package/dist/components/KeyValueTable/index.js +87 -0
- package/dist/components/KeyValueTable/index.js.map +1 -0
- package/dist/components/Table/body.d.ts +0 -1
- package/dist/components/Table/body.d.ts.map +1 -1
- package/dist/components/Table/body.js +6 -2
- package/dist/components/Table/body.js.map +1 -1
- package/dist/components/Table/index.d.ts +3 -1
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.js +50 -39
- package/dist/components/Table/index.js.map +1 -1
- package/dist/components/Table/row.d.ts.map +1 -1
- package/dist/components/Table/row.js +9 -3
- package/dist/components/Table/row.js.map +1 -1
- package/dist/components/Table/value.d.ts +7 -0
- package/dist/components/Table/value.d.ts.map +1 -0
- package/dist/components/Table/value.js +37 -0
- package/dist/components/Table/value.js.map +1 -0
- package/dist/components/Tree/index.d.ts +3 -1
- package/dist/components/Tree/index.d.ts.map +1 -1
- package/dist/components/Tree/index.js +9 -2
- package/dist/components/Tree/index.js.map +1 -1
- package/dist/constants/paging.d.ts +1 -0
- package/dist/constants/paging.d.ts.map +1 -1
- package/dist/constants/paging.js +20 -1
- package/dist/constants/paging.js.map +1 -1
- 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 +1 -1
- package/src/components/Collection/index.tsx +41 -6
- package/src/components/KeyValueTable/index.tsx +123 -0
- package/src/components/Table/body.tsx +9 -4
- package/src/components/Table/index.tsx +86 -52
- package/src/components/Table/row.tsx +9 -3
- package/src/components/Table/value.tsx +27 -0
- package/src/components/Tree/index.tsx +13 -2
- package/src/constants/paging.ts +22 -0
- package/src/index.tsx +2 -0
- package/src/stories/Collection/Collection.stories.tsx +16 -0
- package/src/stories/KeyValueTable/KeyValueTable.stories.tsx +199 -0
- package/src/stories/Table/Table.stories.tsx +18 -1
- package/src/stories/Tree/Tree.stories.tsx +13 -0
- package/tests.json +1 -1
|
@@ -16,9 +16,11 @@ export interface IReqoreCollectionProps extends IReqorePanelProps, IReqoreColumn
|
|
|
16
16
|
height?: string;
|
|
17
17
|
fill?: boolean;
|
|
18
18
|
maxItemHeight?: number;
|
|
19
|
-
filterable?: boolean;
|
|
20
19
|
defaultQuery?: string;
|
|
20
|
+
defaultZoom?: 0 | 0.5 | 1 | 1.5 | 2;
|
|
21
|
+
filterable?: boolean;
|
|
21
22
|
sortable?: boolean;
|
|
23
|
+
zoomable?: boolean;
|
|
22
24
|
showAs?: 'list' | 'grid';
|
|
23
25
|
showSelectedFirst?: boolean;
|
|
24
26
|
selectedIcon?: IReqoreIconName;
|
|
@@ -32,5 +34,12 @@ export interface IReqoreCollectionProps extends IReqorePanelProps, IReqoreColumn
|
|
|
32
34
|
paging?: TReqorePaginationType<IReqoreCollectionItemProps>;
|
|
33
35
|
}
|
|
34
36
|
export declare const StyledCollectionWrapper: any;
|
|
35
|
-
export declare const
|
|
37
|
+
export declare const zoomToWidth: {
|
|
38
|
+
0: string;
|
|
39
|
+
0.5: string;
|
|
40
|
+
1: string;
|
|
41
|
+
1.5: string;
|
|
42
|
+
2: string;
|
|
43
|
+
};
|
|
44
|
+
export declare const ReqoreCollection: ({ items, stacked, rounded, fill, maxItemHeight, filterable, inputInTitle, sortable, zoomable, defaultZoom, showSelectedFirst, inputProps, sortButtonProps, displayButtonProps, headerSize, showAs, selectedIcon, flat, minimal, transparent, defaultQuery, onQueryChange, contentRenderer, searchDelay, emptyMessage, sortButtonTooltip, displayButtonTooltip, inputPlaceholder, paging, height, minColumnWidth, maxColumnWidth, columns, alignItems, columnsGap, ...rest }: IReqoreCollectionProps) => JSX.Element;
|
|
36
45
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collection/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAI/D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAiB,MAAM,YAAY,CAAC;AAEhE,OAAoB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAoC,MAAM,UAAU,CAAC;AAGnG,OAAO,EAAE,0BAA0B,EAAwB,MAAM,QAAQ,CAAC;AAE1E,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB,EAAE,mBAAmB;IACpF,KAAK,CAAC,EAAE,0BAA0B,EAAE,CAAC;IACrC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Collection/index.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAI/D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,mBAAmB,EAAiB,MAAM,YAAY,CAAC;AAEhE,OAAoB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,EAAE,kBAAkB,EAAE,iBAAiB,EAAoC,MAAM,UAAU,CAAC;AAGnG,OAAO,EAAE,0BAA0B,EAAwB,MAAM,QAAQ,CAAC;AAE1E,MAAM,WAAW,sBAAuB,SAAQ,iBAAiB,EAAE,mBAAmB;IACpF,KAAK,CAAC,EAAE,0BAA0B,EAAE,CAAC;IACrC,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC;IAEvB,eAAe,CAAC,EAAE,kBAAkB,CAAC;IACrC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,CAAC,GAAG,GAAG,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;IAEpC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,YAAY,CAAC,EAAE,eAAe,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,eAAe,CAAC,EAAE,CAChB,QAAQ,EAAE,KAAK,CAAC,SAAS,EACzB,KAAK,EAAE,0BAA0B,EAAE,EACnC,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,KAC1B,KAAK,CAAC,SAAS,CAAC;IAErB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,iBAAiB,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,KAAK,GAAG,MAAM,KAAK,MAAM,CAAC;IACtD,oBAAoB,CAAC,EAAE,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,KAAK,MAAM,CAAC;IAC7D,gBAAgB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,0BAA0B,EAAE,KAAK,MAAM,CAAC;IAEpE,MAAM,CAAC,EAAE,qBAAqB,CAAC,0BAA0B,CAAC,CAAC;CAC5D;AAED,eAAO,MAAM,uBAAuB,KAYnC,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;;CAMvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,gdA8C1B,sBAAsB,gBAwPxB,CAAC"}
|
|
@@ -61,7 +61,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
61
61
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
62
62
|
};
|
|
63
63
|
exports.__esModule = true;
|
|
64
|
-
exports.ReqoreCollection = exports.StyledCollectionWrapper = void 0;
|
|
64
|
+
exports.ReqoreCollection = exports.zoomToWidth = exports.StyledCollectionWrapper = void 0;
|
|
65
65
|
var react_1 = require("react");
|
|
66
66
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
67
67
|
var lodash_1 = require("lodash");
|
|
@@ -90,15 +90,23 @@ exports.StyledCollectionWrapper = (0, styled_components_1["default"])(Columns_1.
|
|
|
90
90
|
var rounded = _a.rounded, stacked = _a.stacked;
|
|
91
91
|
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);
|
|
92
92
|
});
|
|
93
|
+
exports.zoomToWidth = {
|
|
94
|
+
0: '200px',
|
|
95
|
+
0.5: '300px',
|
|
96
|
+
1: '400px',
|
|
97
|
+
1.5: '500px',
|
|
98
|
+
2: '600px'
|
|
99
|
+
};
|
|
93
100
|
var ReqoreCollection = function (_a) {
|
|
94
|
-
var items = _a.items, stacked = _a.stacked, _b = _a.rounded, rounded = _b === void 0 ? true : _b, fill = _a.fill, maxItemHeight = _a.maxItemHeight, filterable = _a.filterable, _c = _a.inputInTitle, inputInTitle = _c === void 0 ? true : _c, 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, defaultQuery = _a.defaultQuery, onQueryChange = _a.onQueryChange, _h = _a.contentRenderer, contentRenderer = _h === void 0 ? function (children, _items, searchInput) { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [searchInput, !!searchInput && (0, jsx_runtime_1.jsx)(Spacer_1.ReqoreVerticalSpacer, { height: sizes_1.PADDING_FROM_SIZE.normal }), 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, height = _a.height,
|
|
101
|
+
var items = _a.items, stacked = _a.stacked, _b = _a.rounded, rounded = _b === void 0 ? true : _b, fill = _a.fill, maxItemHeight = _a.maxItemHeight, filterable = _a.filterable, _c = _a.inputInTitle, inputInTitle = _c === void 0 ? true : _c, sortable = _a.sortable, zoomable = _a.zoomable, defaultZoom = _a.defaultZoom, 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, defaultQuery = _a.defaultQuery, onQueryChange = _a.onQueryChange, _h = _a.contentRenderer, contentRenderer = _h === void 0 ? function (children, _items, searchInput) { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [searchInput, !!searchInput && (0, jsx_runtime_1.jsx)(Spacer_1.ReqoreVerticalSpacer, { height: sizes_1.PADDING_FROM_SIZE.normal }), 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, height = _a.height,
|
|
95
102
|
// Columns props
|
|
96
|
-
minColumnWidth = _a.minColumnWidth, maxColumnWidth = _a.maxColumnWidth, columns = _a.columns, alignItems = _a.alignItems, _p = _a.columnsGap, columnsGap = _p === void 0 ? '10px' : _p, rest = __rest(_a, ["items", "stacked", "rounded", "fill", "maxItemHeight", "filterable", "inputInTitle", "sortable", "showSelectedFirst", "inputProps", "sortButtonProps", "displayButtonProps", "headerSize", "showAs", "selectedIcon", "flat", "minimal", "transparent", "defaultQuery", "onQueryChange", "contentRenderer", "searchDelay", "emptyMessage", "sortButtonTooltip", "displayButtonTooltip", "inputPlaceholder", "paging", "height", "minColumnWidth", "maxColumnWidth", "columns", "alignItems", "columnsGap"]);
|
|
103
|
+
minColumnWidth = _a.minColumnWidth, maxColumnWidth = _a.maxColumnWidth, columns = _a.columns, alignItems = _a.alignItems, _p = _a.columnsGap, columnsGap = _p === void 0 ? '10px' : _p, rest = __rest(_a, ["items", "stacked", "rounded", "fill", "maxItemHeight", "filterable", "inputInTitle", "sortable", "zoomable", "defaultZoom", "showSelectedFirst", "inputProps", "sortButtonProps", "displayButtonProps", "headerSize", "showAs", "selectedIcon", "flat", "minimal", "transparent", "defaultQuery", "onQueryChange", "contentRenderer", "searchDelay", "emptyMessage", "sortButtonTooltip", "displayButtonTooltip", "inputPlaceholder", "paging", "height", "minColumnWidth", "maxColumnWidth", "columns", "alignItems", "columnsGap"]);
|
|
97
104
|
var _q = (0, react_2.useState)(showAs), _showAs = _q[0], setShowAs = _q[1];
|
|
98
105
|
var _r = (0, react_2.useState)('asc'), sort = _r[0], setSort = _r[1];
|
|
99
106
|
var _s = (0, react_2.useState)(undefined), contentRef = _s[0], setContentRef = _s[1];
|
|
100
107
|
var isMobile = (0, __1.useReqoreProperty)('isMobile');
|
|
101
|
-
var _t = (0,
|
|
108
|
+
var _t = (0, react_2.useState)(defaultZoom || helpers_1.sizeToZoom.normal), zoom = _t[0], setZoom = _t[1];
|
|
109
|
+
var _u = (0, useQueryWithDelay_1.useQueryWithDelay)(defaultQuery, searchDelay, onQueryChange), query = _u.query, setQuery = _u.setQuery, preQuery = _u.preQuery, setPreQuery = _u.setPreQuery;
|
|
102
110
|
(0, react_use_1.useUpdateEffect)(function () {
|
|
103
111
|
setShowAs(showAs);
|
|
104
112
|
}, [showAs]);
|
|
@@ -153,6 +161,12 @@ var ReqoreCollection = function (_a) {
|
|
|
153
161
|
__assign({ icon: _showAs === 'grid' ? 'ListUnordered' : 'GridLine', onClick: function () { return setShowAs(_showAs === 'grid' ? 'list' : 'grid'); }, tooltip: displayButtonTooltip(_showAs), disabled: !(0, lodash_1.size)(filteredItems), textAlign: 'center', fixed: !isMobile }, displayButtonProps),
|
|
154
162
|
]
|
|
155
163
|
};
|
|
164
|
+
if (zoomable) {
|
|
165
|
+
actions.push({
|
|
166
|
+
fluid: false,
|
|
167
|
+
group: (0, helpers_1.getZoomActions)('reqore-collection', zoom, setZoom)
|
|
168
|
+
});
|
|
169
|
+
}
|
|
156
170
|
if (sortable) {
|
|
157
171
|
toolbarGroup.group.push(__assign({ icon: sort === 'desc' ? 'SortDesc' : 'SortAsc', onClick: function () { return setSort(sort === 'desc' ? 'asc' : 'desc'); }, tooltip: sortButtonTooltip(sort), disabled: !(0, lodash_1.size)(filteredItems), textAlign: 'center', fixed: !isMobile }, sortButtonProps));
|
|
158
172
|
}
|
|
@@ -168,9 +182,21 @@ var ReqoreCollection = function (_a) {
|
|
|
168
182
|
], false);
|
|
169
183
|
}
|
|
170
184
|
return __spreadArray(__spreadArray([], actions, true), [toolbarGroup], false);
|
|
171
|
-
}, [
|
|
185
|
+
}, [
|
|
186
|
+
filterable,
|
|
187
|
+
preQuery,
|
|
188
|
+
query,
|
|
189
|
+
rest.actions,
|
|
190
|
+
_showAs,
|
|
191
|
+
sort,
|
|
192
|
+
sortable,
|
|
193
|
+
filteredItems,
|
|
194
|
+
isMobile,
|
|
195
|
+
zoom,
|
|
196
|
+
zoomable,
|
|
197
|
+
]);
|
|
172
198
|
var renderContent = (0, react_2.useCallback)(function () {
|
|
173
|
-
return contentRenderer((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Paging_1.ReqorePaginationContainer, __assign({ items: filteredItems, type: paging, size: rest.size, scrollContainer: contentRef }, { children: function (finalItems) { return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !(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: columns || (_showAs === 'grid' ? 'auto-fit' : 1), columnsGap: stacked ? '0px' : columnsGap, rounded: rounded, stacked: stacked, fill: fill, ref: setContentRef, height: height, alignItems: alignItems, minColumnWidth: minColumnWidth, maxColumnWidth: maxColumnWidth, className: 'reqore-collection-content' }, { children: finalItems === null || finalItems === void 0 ? void 0 : finalItems.map(function (item, index) { return ((0, react_1.createElement)(item_1.ReqoreCollectionItem, __assign({ size:
|
|
199
|
+
return contentRenderer((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Paging_1.ReqorePaginationContainer, __assign({ items: filteredItems, type: paging, size: rest.size, scrollContainer: contentRef }, { children: function (finalItems) { return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: !(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: columns || (_showAs === 'grid' ? 'auto-fit' : 1), columnsGap: stacked ? '0px' : columnsGap, rounded: rounded, stacked: stacked, fill: fill, ref: setContentRef, height: height, alignItems: alignItems, minColumnWidth: minColumnWidth || exports.zoomToWidth[zoom], maxColumnWidth: maxColumnWidth, className: 'reqore-collection-content' }, { children: finalItems === null || finalItems === void 0 ? void 0 : finalItems.map(function (item, index) { return ((0, react_1.createElement)(item_1.ReqoreCollectionItem, __assign({ size: helpers_1.zoomToSize[zoom], responsiveTitle: false }, item, { icon: item.icon || (item.selected ? selectedIcon : undefined), key: index, rounded: !stacked, maxContentHeight: maxItemHeight }))); }) }))) })); } }), 'paging-container') }), filteredItems, !inputInTitle && filterable ? ((0, jsx_runtime_1.jsx)(ControlGroup_1["default"], { children: (0, jsx_runtime_1.jsx)(Input_1["default"], __assign({ fixed: false, placeholder: inputPlaceholder(items), onClearClick: function () {
|
|
174
200
|
setQuery('');
|
|
175
201
|
setPreQuery('');
|
|
176
202
|
}, onChange: handlePreQueryChange, value: preQuery, icon: 'Search2Line', minimal: false, size: rest.size }, inputProps), 'search') })) : undefined);
|
|
@@ -184,8 +210,8 @@ var ReqoreCollection = function (_a) {
|
|
|
184
210
|
rest,
|
|
185
211
|
rounded,
|
|
186
212
|
selectedIcon,
|
|
187
|
-
lodash_1.size,
|
|
188
213
|
stacked,
|
|
214
|
+
zoom,
|
|
189
215
|
]);
|
|
190
216
|
return ((0, jsx_runtime_1.jsx)(Panel_1.ReqorePanel, __assign({}, rest, { headerSize: headerSize, style: __assign({}, rest.style), fill: fill, contentStyle: {
|
|
191
217
|
overflow: fill ? 'hidden' : 'auto',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Collection/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA8B;AAC9B,+BAAuD;AACvD,uCAA4C;AAC5C,qEAAgD;AAChD,2BAA0C;AAE1C,+CAA0D;AAC1D,kDAAoE;AACpE,mEAAkE;AAElE,sCAAgE;AAChE,iEAAiD;AACjD,mDAA0D;AAC1D,uDAAuC;AACvC,kCAAmG;AACnG,oCAAiD;AACjD,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Collection/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { TReqoreIntent } from '../../constants/theme';
|
|
2
|
+
import { IReqoreIconName } from '../../types/icons';
|
|
3
|
+
import { IReqorePanelProps } from '../Panel';
|
|
4
|
+
import { IReqoreTableColumn, IReqoreTableProps, IReqoreTableRowData, TReqoreTableColumnContent } from '../Table';
|
|
5
|
+
import { IReqoreTableValueProps } from '../Table/value';
|
|
6
|
+
export type TReqoreKeyValueTablePrimitiveValue = string | number | boolean | null | undefined;
|
|
7
|
+
export type TReqoreKeyValueTableValue = TReqoreKeyValueTablePrimitiveValue | TReqoreKeyValueTablePrimitiveValue[] | {
|
|
8
|
+
[key: string]: TReqoreKeyValueTableValue;
|
|
9
|
+
};
|
|
10
|
+
export interface IReqoreKeyValueTableProps extends IReqorePanelProps, Pick<IReqoreTableProps, 'striped' | 'width' | 'height' | 'fill'> {
|
|
11
|
+
data: {
|
|
12
|
+
[key: string | number]: TReqoreKeyValueTableValue;
|
|
13
|
+
};
|
|
14
|
+
keyLabel?: string;
|
|
15
|
+
keyIcon?: IReqoreIconName;
|
|
16
|
+
keyColumnIntent?: TReqoreIntent;
|
|
17
|
+
keyAlign?: IReqoreTableColumn['align'];
|
|
18
|
+
maxKeyWidth?: number;
|
|
19
|
+
valueLabel?: string;
|
|
20
|
+
valueIcon?: IReqoreIconName;
|
|
21
|
+
valueAlign?: IReqoreTableColumn['align'];
|
|
22
|
+
minValueWidth?: number;
|
|
23
|
+
defaultValueFilter?: string | number;
|
|
24
|
+
valueRenderer?: (data: IReqoreTableRowData, defaultComponent?: ({ value, }: IReqoreTableValueProps) => TReqoreTableColumnContent | JSX.Element) => JSX.Element;
|
|
25
|
+
}
|
|
26
|
+
export declare const ReqoreKeyValueTable: ({ data, keyLabel, keyIcon, valueLabel, valueIcon, valueRenderer, keyColumnIntent, minValueWidth, maxKeyWidth, keyAlign, valueAlign, defaultValueFilter, ...rest }: IReqoreKeyValueTableProps) => JSX.Element;
|
|
27
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/KeyValueTable/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAoB,EAClB,kBAAkB,EAClB,iBAAiB,EACjB,mBAAmB,EACnB,yBAAyB,EAC1B,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,sBAAsB,EAAoB,MAAM,gBAAgB,CAAC;AAE1E,MAAM,MAAM,kCAAkC,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,GAAG,SAAS,CAAC;AAC9F,MAAM,MAAM,yBAAyB,GACjC,kCAAkC,GAClC,kCAAkC,EAAE,GACpC;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,yBAAyB,CAAA;CAAE,CAAC;AAEjD,MAAM,WAAW,yBACf,SAAQ,iBAAiB,EACvB,IAAI,CAAC,iBAAiB,EAAE,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;IAClE,IAAI,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,yBAAyB,CAAA;KAAE,CAAC;IAE5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,eAAe,CAAC;IAC1B,eAAe,CAAC,EAAE,aAAa,CAAC;IAChC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACvC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,UAAU,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACzC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAErC,aAAa,CAAC,EAAE,CACd,IAAI,EAAE,mBAAmB,EACzB,gBAAgB,CAAC,EAAE,CAAC,EAClB,KAAK,GACN,EAAE,sBAAsB,KAAK,yBAAyB,GAAG,GAAG,CAAC,OAAO,KAClE,GAAG,CAAC,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,mBAAmB,sKAc7B,yBAAyB,gBAgE3B,CAAC"}
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
|
+
};
|
|
27
|
+
exports.__esModule = true;
|
|
28
|
+
exports.ReqoreKeyValueTable = void 0;
|
|
29
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
30
|
+
var lodash_1 = require("lodash");
|
|
31
|
+
var react_1 = require("react");
|
|
32
|
+
var Table_1 = __importDefault(require("../Table"));
|
|
33
|
+
var value_1 = require("../Table/value");
|
|
34
|
+
var ReqoreKeyValueTable = function (_a) {
|
|
35
|
+
var data = _a.data, keyLabel = _a.keyLabel, keyIcon = _a.keyIcon, valueLabel = _a.valueLabel, valueIcon = _a.valueIcon, valueRenderer = _a.valueRenderer, _b = _a.keyColumnIntent, keyColumnIntent = _b === void 0 ? 'muted' : _b, _c = _a.minValueWidth, minValueWidth = _c === void 0 ? 100 : _c, _d = _a.maxKeyWidth, maxKeyWidth = _d === void 0 ? 200 : _d, _e = _a.keyAlign, keyAlign = _e === void 0 ? 'left' : _e, _f = _a.valueAlign, valueAlign = _f === void 0 ? 'left' : _f, defaultValueFilter = _a.defaultValueFilter, rest = __rest(_a, ["data", "keyLabel", "keyIcon", "valueLabel", "valueIcon", "valueRenderer", "keyColumnIntent", "minValueWidth", "maxKeyWidth", "keyAlign", "valueAlign", "defaultValueFilter"]);
|
|
36
|
+
var _g = (0, react_1.useMemo)(function () {
|
|
37
|
+
var columns = [
|
|
38
|
+
{
|
|
39
|
+
dataId: 'tableKey',
|
|
40
|
+
grow: 1,
|
|
41
|
+
width: maxKeyWidth < 150 ? maxKeyWidth : 150,
|
|
42
|
+
pin: 'left',
|
|
43
|
+
hideable: false,
|
|
44
|
+
intent: keyColumnIntent,
|
|
45
|
+
maxWidth: maxKeyWidth,
|
|
46
|
+
align: keyAlign,
|
|
47
|
+
header: {
|
|
48
|
+
icon: keyIcon,
|
|
49
|
+
label: keyLabel
|
|
50
|
+
},
|
|
51
|
+
cell: {
|
|
52
|
+
content: 'title'
|
|
53
|
+
}
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
dataId: 'value',
|
|
57
|
+
grow: 3,
|
|
58
|
+
hideable: false,
|
|
59
|
+
filterable: true,
|
|
60
|
+
pinnable: false,
|
|
61
|
+
minWidth: minValueWidth,
|
|
62
|
+
filter: defaultValueFilter,
|
|
63
|
+
align: valueAlign,
|
|
64
|
+
header: {
|
|
65
|
+
icon: valueIcon,
|
|
66
|
+
label: valueLabel
|
|
67
|
+
},
|
|
68
|
+
cell: {
|
|
69
|
+
content: function (data) {
|
|
70
|
+
return (valueRenderer === null || valueRenderer === void 0 ? void 0 : valueRenderer(data, value_1.ReqoreTableValue)) || (0, jsx_runtime_1.jsx)(value_1.ReqoreTableValue, { value: data.value });
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
];
|
|
75
|
+
var items = [];
|
|
76
|
+
(0, lodash_1.keys)(data).map(function (key) {
|
|
77
|
+
items.push({
|
|
78
|
+
tableKey: key,
|
|
79
|
+
value: data[key]
|
|
80
|
+
});
|
|
81
|
+
});
|
|
82
|
+
return { columns: columns, items: items };
|
|
83
|
+
}, [data]), columns = _g.columns, items = _g.items;
|
|
84
|
+
return ((0, jsx_runtime_1.jsx)(Table_1["default"], __assign({ columns: columns, data: items }, rest, { className: "".concat(rest.className || '', " reqore-key-value-table") })));
|
|
85
|
+
};
|
|
86
|
+
exports.ReqoreKeyValueTable = ReqoreKeyValueTable;
|
|
87
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/KeyValueTable/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA8B;AAC9B,+BAAgC;AAIhC,mDAKkB;AAClB,wCAA0E;AAiCnE,IAAM,mBAAmB,GAAG,UAAC,EAcR;IAb1B,IAAA,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,uBAAyB,EAAzB,eAAe,mBAAG,OAAO,KAAA,EACzB,qBAAmB,EAAnB,aAAa,mBAAG,GAAG,KAAA,EACnB,mBAAiB,EAAjB,WAAW,mBAAG,GAAG,KAAA,EACjB,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EACjB,kBAAmB,EAAnB,UAAU,mBAAG,MAAM,KAAA,EACnB,kBAAkB,wBAAA,EACf,IAAI,cAb2B,8KAcnC,CADQ;IAED,IAAA,KAAqB,IAAA,eAAO,EAAC;QACjC,IAAI,OAAO,GAAyB;YAClC;gBACE,MAAM,EAAE,UAAU;gBAClB,IAAI,EAAE,CAAC;gBACP,KAAK,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG;gBAC5C,GAAG,EAAE,MAAM;gBACX,QAAQ,EAAE,KAAK;gBACf,MAAM,EAAE,eAAe;gBACvB,QAAQ,EAAE,WAAW;gBACrB,KAAK,EAAE,QAAQ;gBAEf,MAAM,EAAE;oBACN,IAAI,EAAE,OAAO;oBACb,KAAK,EAAE,QAAQ;iBAChB;gBAED,IAAI,EAAE;oBACJ,OAAO,EAAE,OAAO;iBACjB;aACF;YACD;gBACE,MAAM,EAAE,OAAO;gBACf,IAAI,EAAE,CAAC;gBACP,QAAQ,EAAE,KAAK;gBACf,UAAU,EAAE,IAAI;gBAChB,QAAQ,EAAE,KAAK;gBACf,QAAQ,EAAE,aAAa;gBACvB,MAAM,EAAE,kBAAkB;gBAC1B,KAAK,EAAE,UAAU;gBAEjB,MAAM,EAAE;oBACN,IAAI,EAAE,SAAS;oBACf,KAAK,EAAE,UAAU;iBAClB;gBAED,IAAI,EAAE;oBACJ,OAAO,EAAE,UAAC,IAAI;wBACZ,OAAA,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,IAAI,EAAE,wBAAgB,CAAC,KAAI,uBAAC,wBAAgB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,GAAI;oBAAlF,CAAkF;iBACrF;aACF;SACF,CAAC;QAEF,IAAI,KAAK,GAA0B,EAAE,CAAC;QAEtC,IAAA,aAAI,EAAC,IAAI,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG;YACjB,KAAK,CAAC,IAAI,CAAC;gBACT,QAAQ,EAAE,GAAG;gBACb,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC;aACjB,CAAC,CAAC;QACL,CAAC,CAAC,CAAC;QAEH,OAAO,EAAE,OAAO,SAAA,EAAE,KAAK,OAAA,EAAE,CAAC;IAC5B,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EArDF,OAAO,aAAA,EAAE,KAAK,WAqDZ,CAAC;IAEX,OAAO,CACL,uBAAC,kBAAW,aACV,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,KAAK,IACP,IAAI,IACR,SAAS,EAAE,UAAG,IAAI,CAAC,SAAS,IAAI,EAAE,4BAAyB,IAC3D,CACH,CAAC;AACJ,CAAC,CAAC;AA9EW,QAAA,mBAAmB,uBA8E9B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/components/Table/body.tsx"],"names":[],"mappings":";AAMA,OAAuB,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAE/D,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB;IAC1E,
|
|
1
|
+
{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../src/components/Table/body.tsx"],"names":[],"mappings":";AAMA,OAAuB,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAE/D,MAAM,WAAW,4BAA6B,SAAQ,sBAAsB;IAC1E,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE;QACJ,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QACtC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QACvC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;QACtC,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;KACzC,CAAC;IACF,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAC;IACjC,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD;AAQD,QAAA,MAAM,eAAe,yHAoEpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -39,7 +39,7 @@ var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
|
39
39
|
var row_1 = __importDefault(require("./row"));
|
|
40
40
|
var StyledList = (0, styled_components_1["default"])(react_window_1.FixedSizeList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ::-webkit-scrollbar {\n display: none;\n }\n"], ["\n ::-webkit-scrollbar {\n display: none;\n }\n"])));
|
|
41
41
|
var ReqoreTableBody = (0, react_1.forwardRef)(function (_a, ref) {
|
|
42
|
-
var data = _a.data, height = _a.height,
|
|
42
|
+
var data = _a.data, height = _a.height, _b = _a.size, size = _b === void 0 ? 'normal' : _b, refs = _a.refs, type = _a.type, onScrollChange = _a.onScrollChange, rest = __rest(_a, ["data", "height", "size", "refs", "type", "onScrollChange"]);
|
|
43
43
|
var targetRef = (0, useCombinedRefs_1.useCombinedRefs)(ref).targetRef;
|
|
44
44
|
(0, react_use_1.useMount)(function () {
|
|
45
45
|
var _a;
|
|
@@ -68,7 +68,11 @@ var ReqoreTableBody = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
68
68
|
}
|
|
69
69
|
});
|
|
70
70
|
});
|
|
71
|
-
|
|
71
|
+
var rowHeight = (0, react_1.useMemo)(function () { return (rest.flat ? sizes_1.TABLE_SIZE_TO_PX[size] : sizes_1.TABLE_SIZE_TO_PX[size] + 1); }, [size, rest.flat]);
|
|
72
|
+
return ((0, jsx_runtime_1.jsx)(StyledList, __assign({ outerRef: targetRef, itemCount: data.length,
|
|
73
|
+
// If the defined height is less than the count of items' height
|
|
74
|
+
// use that height instead
|
|
75
|
+
height: height > data.length * rowHeight ? data.length * rowHeight : height, className: 'reqore-table-body', itemSize: rest.flat ? sizes_1.TABLE_SIZE_TO_PX[size] : sizes_1.TABLE_SIZE_TO_PX[size] + 1, itemData: __assign({ data: data, size: size }, rest) }, { children: row_1["default"] })));
|
|
72
76
|
});
|
|
73
77
|
exports["default"] = ReqoreTableBody;
|
|
74
78
|
var templateObject_1;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/components/Table/body.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+
|
|
1
|
+
{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../src/components/Table/body.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { TReqorePaginationType } from '../../constants/paging';
|
|
2
3
|
import { TSizes } from '../../constants/sizes';
|
|
3
4
|
import { IReqoreTheme, TReqoreIntent } from '../../constants/theme';
|
|
4
5
|
import { IReqoreIntent, IReqoreTooltip } from '../../types/global';
|
|
@@ -60,6 +61,7 @@ export interface IReqoreTableProps extends IReqorePanelProps {
|
|
|
60
61
|
width?: number;
|
|
61
62
|
height?: number;
|
|
62
63
|
wrapperSize?: TSizes;
|
|
64
|
+
paging?: TReqorePaginationType<IReqoreTableRowData>;
|
|
63
65
|
sort?: IReqoreTableSort;
|
|
64
66
|
onSortChange?: (sort?: IReqoreTableSort) => void;
|
|
65
67
|
filterable?: boolean;
|
|
@@ -95,6 +97,6 @@ export interface IReqoreTableSort {
|
|
|
95
97
|
thenBy?: string;
|
|
96
98
|
direction?: 'asc' | 'desc';
|
|
97
99
|
}
|
|
98
|
-
declare const ReqoreTable: ({ className, height, width, columns, data, sort, onSortChange, selectable, selected, onSelectedChange, selectToggleTooltip, customTheme, onRowClick, striped, selectedRowIntent, size, wrapperSize, intent, fill, filterable, zoomable, filter, actions, onFilterChange, filterProps, emptyMessage, headerCellComponent, rowComponent, bodyCellComponent, onSelectClick, ...rest }: IReqoreTableProps) => JSX.Element;
|
|
100
|
+
declare const ReqoreTable: ({ className, height, width, columns, data, sort, onSortChange, selectable, selected, onSelectedChange, selectToggleTooltip, customTheme, onRowClick, striped, selectedRowIntent, size, wrapperSize, intent, fill, filterable, zoomable, filter, actions, onFilterChange, filterProps, emptyMessage, headerCellComponent, rowComponent, bodyCellComponent, onSelectClick, paging, ...rest }: IReqoreTableProps) => JSX.Element;
|
|
99
101
|
export default ReqoreTable;
|
|
100
102
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Table/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAItE,OAAO,EAAE,qBAAqB,EAA2B,MAAM,wBAAwB,CAAC;AACxF,OAAO,EAAoB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAEpE,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,kBAAkB,EAAgB,MAAM,WAAW,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAoB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAsB,iBAAiB,EAAyB,MAAM,UAAU,CAAC;AAExF,OAA0B,EAAE,gCAAgC,EAAE,MAAM,UAAU,CAAC;AAC/E,OAAO,EAAE,2BAA2B,EAAE,MAAM,cAAc,CAAC;AAe3D,OAAO,EAAE,sBAAsB,EAAE,MAAM,OAAO,CAAC;AAE/C,MAAM,MAAM,yBAAyB,GACjC,KAAK,CAAC,EAAE,CAAC;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IAAC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC,GAC7F,UAAU,GACV,KAAK,GACL,OAAO,aAAa,EAAE,GACtB,QAAQ,MAAM,EAAE,GAChB,OAAO,GACP,SAAS,aAAa,EAAE,GACxB,MAAM,GACN,QAAQ,aAAa,EAAE,CAAC;AAE5B,MAAM,WAAW,kBAAmB,SAAQ,aAAa;IACvD,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,KAAK,CAAC,EAAE,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;IACpC,GAAG,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAEvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAEzB,MAAM,CAAC,EAAE;QACP,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;QAC/B,SAAS,CAAC,EAAE,KAAK,CAAC,EAAE,CAAC,2BAA2B,CAAC,CAAC;QAClD,OAAO,CAAC,EAAE,mBAAmB,EAAE,CAAC;KACjC,GAAG,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;IAEzC,IAAI,CAAC,EAAE;QACL,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI,CAAC;QACnC,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,GAAG,KAAK,MAAM,GAAG,cAAc,CAAC;QACtD,OAAO,CAAC,EAAE,yBAAyB,CAAC;QACpC,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,kBAAkB,EAAE,CAAC;QAC9D,MAAM,CAAC,EAAE,aAAa,CAAC;QACvB,MAAM,CAAC,EAAE,MAAM,GAAG,YAAY,GAAG,UAAU,GAAG,MAAM,CAAC;KACtD,CAAC;CACH;AAED,MAAM,WAAW,mBAAmB;IAClC,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC5B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,oBAAoB,GAAG,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;AACvE,MAAM,MAAM,gBAAgB,GAAG,mBAAmB,EAAE,CAAC;AAErD,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IAExB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,MAAM,CAAC,EAAE,qBAAqB,CAAC,mBAAmB,CAAC,CAAC;IAEpD,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAEjD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,gBAAgB,KAAK,iBAAiB,CAAC;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAEzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,gBAAgB,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IAC9C,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;IAClD,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAE7B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,UAAU,CAAC,EAAE,oBAAoB,CAAC;IAClC,mBAAmB,CAAC,EAAE,gCAAgC,CAAC;IACvD,YAAY,CAAC,EAAE,sBAAsB,CAAC,cAAc,CAAC,CAAC;IACtD,iBAAiB,CAAC,EAAE,sBAAsB,CAAC,eAAe,CAAC,CAAC;CAC7D;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;CAC5B;AA0BD,QAAA,MAAM,WAAW,+XAiCd,iBAAiB,gBAmgBnB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -68,20 +68,21 @@ var react_1 = require("react");
|
|
|
68
68
|
var react_use_1 = require("react-use");
|
|
69
69
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
70
70
|
var __1 = require("../..");
|
|
71
|
+
var paging_1 = require("../../constants/paging");
|
|
71
72
|
var sizes_1 = require("../../constants/sizes");
|
|
72
73
|
var useQueryWithDelay_1 = require("../../hooks/useQueryWithDelay");
|
|
73
74
|
var Input_1 = __importDefault(require("../Input"));
|
|
74
75
|
var body_1 = __importDefault(require("./body"));
|
|
75
76
|
var header_1 = __importDefault(require("./header"));
|
|
76
77
|
var helpers_1 = require("./helpers");
|
|
77
|
-
var StyledTableWrapper = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n overflow: hidden;\n\n ", ";\n"], ["\n overflow: hidden;\n\n ", ";\n"])), function (_a) {
|
|
78
|
+
var StyledTableWrapper = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n overflow: hidden;\n display: flex;\n flex-flow: column;\n\n ", ";\n"], ["\n overflow: hidden;\n display: flex;\n flex-flow: column;\n\n ", ";\n"])), function (_a) {
|
|
78
79
|
var isPinned = _a.isPinned;
|
|
79
80
|
return isPinned
|
|
80
|
-
? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n flex-shrink: 0;\n "], ["\n flex-shrink: 0;\n "]))) : (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n
|
|
81
|
+
? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n flex-shrink: 0;\n z-index: 1;\n box-shadow: 1px -1px 20px -2px rgba(0, 0, 0, 0.8);\n "], ["\n flex-shrink: 0;\n z-index: 1;\n box-shadow: 1px -1px 20px -2px rgba(0, 0, 0, 0.8);\n "]))) : (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 100%;\n flex: 1;\n "], ["\n width: 100%;\n flex: 1;\n "])));
|
|
81
82
|
});
|
|
82
83
|
var StyledTablesWrapper = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n flex-flow: row;\n overflow: hidden;\n"], ["\n display: flex;\n flex-flow: row;\n overflow: hidden;\n"])));
|
|
83
84
|
var ReqoreTable = function (_a) {
|
|
84
|
-
var className = _a.className, _b = _a.height, height = _b === void 0 ? 300 : _b, width = _a.width, columns = _a.columns, _c = _a.data, data = _c === void 0 ? [] : _c, sort = _a.sort, onSortChange = _a.onSortChange, selectable = _a.selectable, selected = _a.selected, onSelectedChange = _a.onSelectedChange, selectToggleTooltip = _a.selectToggleTooltip, customTheme = _a.customTheme, onRowClick = _a.onRowClick, striped = _a.striped, _d = _a.selectedRowIntent, selectedRowIntent = _d === void 0 ? 'info' : _d, _e = _a.size, size = _e === void 0 ? 'normal' : _e, _f = _a.wrapperSize, wrapperSize = _f === void 0 ? 'normal' : _f, intent = _a.intent, fill = _a.fill, filterable = _a.filterable, zoomable = _a.zoomable, filter = _a.filter, _g = _a.actions, actions = _g === void 0 ? [] : _g, onFilterChange = _a.onFilterChange, filterProps = _a.filterProps, _h = _a.emptyMessage, emptyMessage = _h === void 0 ? 'No data in this table, try changing your search query or filters' : _h, headerCellComponent = _a.headerCellComponent, rowComponent = _a.rowComponent, bodyCellComponent = _a.bodyCellComponent, onSelectClick = _a.onSelectClick, rest = __rest(_a, ["className", "height", "width", "columns", "data", "sort", "onSortChange", "selectable", "selected", "onSelectedChange", "selectToggleTooltip", "customTheme", "onRowClick", "striped", "selectedRowIntent", "size", "wrapperSize", "intent", "fill", "filterable", "zoomable", "filter", "actions", "onFilterChange", "filterProps", "emptyMessage", "headerCellComponent", "rowComponent", "bodyCellComponent", "onSelectClick"]);
|
|
85
|
+
var className = _a.className, _b = _a.height, height = _b === void 0 ? 300 : _b, width = _a.width, columns = _a.columns, _c = _a.data, data = _c === void 0 ? [] : _c, sort = _a.sort, onSortChange = _a.onSortChange, selectable = _a.selectable, selected = _a.selected, onSelectedChange = _a.onSelectedChange, selectToggleTooltip = _a.selectToggleTooltip, customTheme = _a.customTheme, onRowClick = _a.onRowClick, striped = _a.striped, _d = _a.selectedRowIntent, selectedRowIntent = _d === void 0 ? 'info' : _d, _e = _a.size, size = _e === void 0 ? 'normal' : _e, _f = _a.wrapperSize, wrapperSize = _f === void 0 ? 'normal' : _f, intent = _a.intent, fill = _a.fill, filterable = _a.filterable, zoomable = _a.zoomable, filter = _a.filter, _g = _a.actions, actions = _g === void 0 ? [] : _g, onFilterChange = _a.onFilterChange, filterProps = _a.filterProps, _h = _a.emptyMessage, emptyMessage = _h === void 0 ? 'No data in this table, try changing your search query or filters' : _h, headerCellComponent = _a.headerCellComponent, rowComponent = _a.rowComponent, bodyCellComponent = _a.bodyCellComponent, onSelectClick = _a.onSelectClick, paging = _a.paging, rest = __rest(_a, ["className", "height", "width", "columns", "data", "sort", "onSortChange", "selectable", "selected", "onSelectedChange", "selectToggleTooltip", "customTheme", "onRowClick", "striped", "selectedRowIntent", "size", "wrapperSize", "intent", "fill", "filterable", "zoomable", "filter", "actions", "onFilterChange", "filterProps", "emptyMessage", "headerCellComponent", "rowComponent", "bodyCellComponent", "onSelectClick", "paging"]);
|
|
85
86
|
var leftTableRef = (0, react_1.useRef)(undefined);
|
|
86
87
|
var rightTableRef = (0, react_1.useRef)(undefined);
|
|
87
88
|
var mainTableRef = (0, react_1.useRef)(undefined);
|
|
@@ -181,7 +182,7 @@ var ReqoreTable = function (_a) {
|
|
|
181
182
|
var transformedData = (0, react_1.useMemo)(function () {
|
|
182
183
|
// Filter by global query
|
|
183
184
|
var filteredData = _data.filter(function (datum) {
|
|
184
|
-
return JSON.stringify(datum).toLowerCase().includes(query.toLowerCase());
|
|
185
|
+
return JSON.stringify(datum).toLowerCase().includes(query.toString().toLowerCase());
|
|
185
186
|
});
|
|
186
187
|
// Filter by column filters
|
|
187
188
|
filteredData = filteredData.filter(function (datum) {
|
|
@@ -278,12 +279,7 @@ var ReqoreTable = function (_a) {
|
|
|
278
279
|
setPreQuery(event.target.value);
|
|
279
280
|
}, []);
|
|
280
281
|
var columnsList = (0, react_1.useMemo)(function () {
|
|
281
|
-
var _columnsList = [
|
|
282
|
-
{
|
|
283
|
-
divider: true,
|
|
284
|
-
label: 'Show / hide columns'
|
|
285
|
-
},
|
|
286
|
-
];
|
|
282
|
+
var _columnsList = [];
|
|
287
283
|
var addColumn = function (column) {
|
|
288
284
|
_columnsList.push({
|
|
289
285
|
label: typeof column.header.label === 'string' ? column.header.label : column.dataId,
|
|
@@ -308,19 +304,43 @@ var ReqoreTable = function (_a) {
|
|
|
308
304
|
addColumn(column);
|
|
309
305
|
}
|
|
310
306
|
});
|
|
307
|
+
if ((0, lodash_1.size)(_columnsList)) {
|
|
308
|
+
_columnsList.unshift({
|
|
309
|
+
divider: true,
|
|
310
|
+
label: 'Show / hide columns'
|
|
311
|
+
});
|
|
312
|
+
}
|
|
311
313
|
return _columnsList;
|
|
312
314
|
}, [finalColumns]);
|
|
315
|
+
var handleScrollToTop = function () {
|
|
316
|
+
var _a, _b, _c;
|
|
317
|
+
(_a = mainTableRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
|
|
318
|
+
top: 0,
|
|
319
|
+
behavior: 'smooth'
|
|
320
|
+
});
|
|
321
|
+
(_b = leftTableRef.current) === null || _b === void 0 ? void 0 : _b.scrollTo({
|
|
322
|
+
top: 0,
|
|
323
|
+
behavior: 'smooth'
|
|
324
|
+
});
|
|
325
|
+
(_c = rightTableRef.current) === null || _c === void 0 ? void 0 : _c.scrollTo({
|
|
326
|
+
top: 0,
|
|
327
|
+
behavior: 'smooth'
|
|
328
|
+
});
|
|
329
|
+
setIsScrolled(false);
|
|
330
|
+
};
|
|
313
331
|
var tableActions = (0, react_1.useMemo)(function () {
|
|
314
332
|
var finalActions = __spreadArray([], actions, true);
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
333
|
+
if ((0, lodash_1.size)(columnsList)) {
|
|
334
|
+
finalActions.push({
|
|
335
|
+
label: 'Columns',
|
|
336
|
+
icon: 'LayoutColumnLine',
|
|
337
|
+
className: 'reqore-table-columns-options',
|
|
338
|
+
badge: (0, helpers_1.getColumnsCount)((0, helpers_1.getOnlyShownColumns)(finalColumns)),
|
|
339
|
+
intent: (0, helpers_1.hasHiddenColumns)(finalColumns) ? 'info' : undefined,
|
|
340
|
+
multiSelect: true,
|
|
341
|
+
actions: columnsList
|
|
342
|
+
});
|
|
343
|
+
}
|
|
324
344
|
if (filterable) {
|
|
325
345
|
finalActions.push({
|
|
326
346
|
as: Input_1["default"],
|
|
@@ -342,22 +362,7 @@ var ReqoreTable = function (_a) {
|
|
|
342
362
|
tooltip: 'Scroll to top',
|
|
343
363
|
className: 'reqore-table-columns-scroll-top',
|
|
344
364
|
responsive: true,
|
|
345
|
-
onClick:
|
|
346
|
-
var _a, _b, _c;
|
|
347
|
-
(_a = mainTableRef.current) === null || _a === void 0 ? void 0 : _a.scrollTo({
|
|
348
|
-
top: 0,
|
|
349
|
-
behavior: 'smooth'
|
|
350
|
-
});
|
|
351
|
-
(_b = leftTableRef.current) === null || _b === void 0 ? void 0 : _b.scrollTo({
|
|
352
|
-
top: 0,
|
|
353
|
-
behavior: 'smooth'
|
|
354
|
-
});
|
|
355
|
-
(_c = rightTableRef.current) === null || _c === void 0 ? void 0 : _c.scrollTo({
|
|
356
|
-
top: 0,
|
|
357
|
-
behavior: 'smooth'
|
|
358
|
-
});
|
|
359
|
-
setIsScrolled(false);
|
|
360
|
-
}
|
|
365
|
+
onClick: handleScrollToTop
|
|
361
366
|
});
|
|
362
367
|
}
|
|
363
368
|
if ((0, lodash_1.size)(columnModifiers) || zoomable || filterable) {
|
|
@@ -415,18 +420,24 @@ var ReqoreTable = function (_a) {
|
|
|
415
420
|
right: (0, helpers_1.getColumnsByPinType)(finalColumns, 'right'),
|
|
416
421
|
main: (0, helpers_1.getColumnsByPinType)(finalColumns, 'main')
|
|
417
422
|
}); }, [finalColumns]);
|
|
418
|
-
var renderTable = function (type) {
|
|
423
|
+
var renderTable = function (type, items) {
|
|
419
424
|
if (type === void 0) { type = 'main'; }
|
|
420
425
|
var tableColumns = columnsByType[type];
|
|
421
426
|
var isPinned = type === 'left' || type === 'right';
|
|
422
427
|
if ((0, lodash_1.size)(tableColumns) === 0) {
|
|
423
428
|
return null;
|
|
424
429
|
}
|
|
425
|
-
return ((0, jsx_runtime_1.jsxs)(StyledTableWrapper, __assign({ isPinned: isPinned }, { children: [(0, jsx_runtime_1.jsx)(header_1["default"], { size: helpers_1.zoomToSize[zoom], columns: tableColumns, scrollable: type === 'main', ref: type === 'main' ? mainHeaderRef : undefined, bodyRef: mainTableRef, onSortChange: handleSortChange, heightAsGroup: (0, helpers_1.hasGroupedColumns)(finalColumns), sortData: _sort, hasVerticalScroll: (0, lodash_1.size)(
|
|
430
|
+
return ((0, jsx_runtime_1.jsxs)(StyledTableWrapper, __assign({ isPinned: isPinned }, { children: [(0, jsx_runtime_1.jsx)(header_1["default"], { size: helpers_1.zoomToSize[zoom], columns: tableColumns, scrollable: type === 'main', ref: type === 'main' ? mainHeaderRef : undefined, bodyRef: mainTableRef, onSortChange: handleSortChange, heightAsGroup: (0, helpers_1.hasGroupedColumns)(finalColumns), sortData: _sort, hasVerticalScroll: (0, lodash_1.size)(items) * sizes_1.TABLE_SIZE_TO_PX[size] > height, onColumnsUpdate: handleColumnsUpdate, onFilterChange: function (dataId, value) {
|
|
426
431
|
handleColumnsUpdate(dataId, 'filter', value);
|
|
427
|
-
}, component: headerCellComponent }), (0, lodash_1.size)(
|
|
432
|
+
}, component: headerCellComponent }), (0, lodash_1.size)(items) === 0 ? null : ((0, jsx_runtime_1.jsx)(body_1["default"], { ref: refs[type], refs: refs, type: type, data: items, columns: tableColumns, height: fill ? sizes.height : height, selectable: selectable, onSelectClick: handleSelectClick, onRowClick: onRowClick, onScrollChange: function (isScrolled) { return setIsScrolled(isScrolled); }, selected: _selected, selectedRowIntent: selectedRowIntent, size: helpers_1.zoomToSize[zoom], striped: striped, flat: rest.flat, rowComponent: rowComponent, cellComponent: bodyCellComponent }))] })));
|
|
428
433
|
};
|
|
429
|
-
|
|
434
|
+
var pagingOptions = (0, react_1.useMemo)(function () { return (0, paging_1.getPagingObjectFromType)(paging); }, [paging]);
|
|
435
|
+
return ((0, jsx_runtime_1.jsx)(__1.ReqorePanel, __assign({ transparent: true, flat: true, padded: false, contentStyle: { display: 'flex', flexFlow: 'column', overflow: 'hidden' }, responsiveActions: false }, rest, { size: wrapperSize, actions: tableActions, fill: fill, className: "".concat(className || '', " reqore-table"), style: __assign({ width: width }, (rest.style || {})), getContentRef: wrapperRef, badge: badge }, { children: (0, jsx_runtime_1.jsx)(__1.ReqorePaginationContainer, __assign({ items: transformedData, type: paging
|
|
436
|
+
? __assign(__assign({}, pagingOptions), { onPageChange: function () {
|
|
437
|
+
if (!pagingOptions.infinite) {
|
|
438
|
+
handleScrollToTop();
|
|
439
|
+
}
|
|
440
|
+
} }) : undefined }, { children: function (pagedData) { return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(StyledTablesWrapper, __assign({ className: 'reqore-table-wrapper' }, { children: [renderTable('left', pagedData), renderTable('main', pagedData), renderTable('right', pagedData)] })), (0, lodash_1.size)(pagedData) === 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(__1.ReqoreVerticalSpacer, { height: 10 }), (0, jsx_runtime_1.jsx)(__1.ReqoreMessage, __assign({ flat: true, size: size, icon: 'Search2Line' }, { children: emptyMessage }))] })) : null] })); } })) })));
|
|
430
441
|
};
|
|
431
442
|
exports["default"] = ReqoreTable;
|
|
432
443
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|