@typeolymp/ui-components 1.19.25 → 1.19.26

package/build/index.es.js

@@ -48554,16 +48554,35 @@ var Table = function (_a) {
         if (rowSelection && rowSelection.onChange)
             rowSelection.onChange(newSelectedRowKeys, selectedKey, selectedRows, selectedRow);
     };
-    return (jsxs(Container$1, { children: [jsx$1(TableHead, { children: jsxs(TableRow, { children: [rowSelection && jsx$1("th", { style: { width: 55 } }), columns.map(function (_a, index) {
+    var onSelectAllRows = function () {
+        if (!rowSelection)
+            return;
+        if (selectedRowKeys.length === data.length) {
+            setSelectedRowKeys([]);
+            rowSelection.onChange([], "", [], undefined);
+        }
+        else {
+            var newSelectedRowKeys = data.map(function (_a) {
+                var key = _a.key;
+                return key;
+            });
+            setSelectedRowKeys(newSelectedRowKeys);
+            rowSelection.onChange(newSelectedRowKeys, "", data, undefined);
+        }
+    };
+    return (jsxs(Container$1, { children: [jsx$1(TableHead, { children: jsxs(TableRow, { children: [rowSelection && (jsx$1("th", __assign$2({ style: {
+                                width: 55,
+                                display: "flex",
+                                justifyContent: "center",
+                                marginTop: 10,
+                            } }, { children: jsx$1(Checkbox, { id: "selectAll", name: "selectAll", value: "selectAll", onChange: onSelectAllRows }) }))), columns.map(function (_a, index) {
                             var title = _a.title, titlePopup = _a.titlePopup, dataIndex = _a.dataIndex;
                             return (jsx$1(ColumnTitle, { children: jsxs("div", __assign$2({ style: { display: "flex", alignItems: "center", gap: 5 } }, { children: [title && (jsx$1(Heading, __assign$2({ type: "h6", as: "span" }, { children: title }))), titlePopup && (jsx$1(Popup, __assign$2({ content: titlePopup }, { children: jsx$1(Icon, { type: "questionCircle", size: "tiny", color: "lightGray" }) })))] })) }, "".concat(dataIndex, "-").concat(index)));
-                        })] }) }), jsx$1(TableBody, { children: data.length === 0 ? (jsx$1(TableRow, { children: jsx$1(EmptyTableCell, __assign$2({ colSpan: columns.length }, { children: jsx$1(Paragraph, __assign$2({ align: "center", size: "small", weight: "regular" }, { children: emptyText || "No data" })) })) })) : (data.map(function (row, rowIndex) {
-                    return (jsxs(TableRow, { children: [rowSelection && (jsx$1(TableCell, { children: jsx$1(Checkbox, { id: "".concat(rowIndex), name: "".concat(rowIndex), value: row.key, onChange: onSelectRow }) }, "row-select-".concat(rowIndex))), columns.map(function (_a, colIndex) {
-                                var dataIndex = _a.dataIndex, render = _a.render, align = _a.align;
-                                var data = row[dataIndex];
-                                return (jsx$1(TableCell, __assign$2({ align: align }, { children: render ? render(data, row) : data }), "col-".concat(colIndex)));
-                            })] }, "row-".concat(rowIndex)));
-                })) })] }));
+                        })] }) }), jsx$1(TableBody, { children: data.length === 0 ? (jsx$1(TableRow, { children: jsx$1(EmptyTableCell, __assign$2({ colSpan: columns.length }, { children: jsx$1(Paragraph, __assign$2({ align: "center", size: "small", weight: "regular" }, { children: emptyText || "No data" })) })) })) : (data.map(function (row, rowIndex) { return (jsxs(TableRow, { children: [rowSelection && (jsx$1(TableCell, { children: jsx$1(Checkbox, { id: rowIndex.toString(), name: rowIndex.toString(), value: row.key, checked: selectedRowKeys.includes(row.key), onChange: onSelectRow }) }, "row-select-".concat(rowIndex))), columns.map(function (_a, colIndex) {
+                            var dataIndex = _a.dataIndex, render = _a.render, align = _a.align;
+                            var data = row[dataIndex];
+                            return (jsx$1(TableCell, __assign$2({ align: align }, { children: render ? render(data, row) : data }), "col-".concat(colIndex)));
+                        })] }, "row-".concat(rowIndex))); })) })] }));
 };
 
 var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject$1(["\n  display: flex;\n  align-items: stretch;\n\n  > div:nth-child(odd) {\n    width: 100%;\n    min-width: 180px;\n    min-height: 180px;\n\n    > div {\n      padding: 0;\n    }\n  }\n"], ["\n  display: flex;\n  align-items: stretch;\n\n  > div:nth-child(odd) {\n    width: 100%;\n    min-width: 180px;\n    min-height: 180px;\n\n    > div {\n      padding: 0;\n    }\n  }\n"])));