mig-schema-table 2.0.6 → 2.0.8
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.
|
@@ -26,9 +26,8 @@ const Th = ({ columnFilters, config, isSortable, name, schema, setColumnFilters,
|
|
|
26
26
|
}, [config === null || config === void 0 ? void 0 : config.defaultSortDesc, name, setSortAsc, setSortColumn, sortAsc]);
|
|
27
27
|
if (name === SELECT_ALL_COLUMN_NAME) {
|
|
28
28
|
return (_jsx("div", Object.assign({}, thDivProps, { children: _jsx("div", Object.assign({ style: {
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
marginLeft: 2,
|
|
29
|
+
width: "100%",
|
|
30
|
+
paddingTop: 12,
|
|
32
31
|
textAlign: "center",
|
|
33
32
|
}, title: `${numberOfSelectedRows || 0} selected` }, { children: _jsx("input", { type: "checkbox", checked: isAllChecked, onChange: onSelectAllIndexesHandler }) })) })));
|
|
34
33
|
}
|
|
@@ -209,7 +209,9 @@ export default function SchemaTable(props) {
|
|
|
209
209
|
onCheckedIndexesChange(filteredRenderData.map((el) => el._index));
|
|
210
210
|
}, [onCheckedIndexesChange, filteredRenderData]);
|
|
211
211
|
const isAllRowsChecked = React.useMemo(() => {
|
|
212
|
-
return (checkedIndexes === null || checkedIndexes === void 0 ? void 0 : checkedIndexes.length)
|
|
212
|
+
return ((checkedIndexes === null || checkedIndexes === void 0 ? void 0 : checkedIndexes.length) !== 0 &&
|
|
213
|
+
(filteredRenderData === null || filteredRenderData === void 0 ? void 0 : filteredRenderData.length) === (checkedIndexes === null || checkedIndexes === void 0 ? void 0 : checkedIndexes.length) &&
|
|
214
|
+
(checkedIndexes === null || checkedIndexes === void 0 ? void 0 : checkedIndexes.every((checkedIndex) => filteredRenderData === null || filteredRenderData === void 0 ? void 0 : filteredRenderData.some((el) => el._index === checkedIndex))));
|
|
213
215
|
}, [checkedIndexes, filteredRenderData]);
|
|
214
216
|
const SchemaTableTh = React.useCallback(({ style, index }) => {
|
|
215
217
|
const propName = columnNames[index];
|
|
@@ -265,9 +267,9 @@ export default function SchemaTable(props) {
|
|
|
265
267
|
if (!onCheckedIndexesChange) {
|
|
266
268
|
return;
|
|
267
269
|
}
|
|
268
|
-
onCheckedIndexesChange([
|
|
270
|
+
onCheckedIndexesChange([row._index]);
|
|
269
271
|
};
|
|
270
|
-
return (_jsx("div", Object.assign({}, tdDivProps, { children: _jsx("div", Object.assign({ style: { textAlign: "center" } }, { children: _jsx("input", { type: "checkbox", onChange: onChecked, checked: checkedIndexes === null || checkedIndexes === void 0 ? void 0 : checkedIndexes.includes(
|
|
272
|
+
return (_jsx("div", Object.assign({}, tdDivProps, { children: _jsx("div", Object.assign({ style: { textAlign: "center" } }, { children: _jsx("input", { type: "checkbox", onChange: onChecked, checked: checkedIndexes === null || checkedIndexes === void 0 ? void 0 : checkedIndexes.includes(row._index) }) })) })));
|
|
271
273
|
}
|
|
272
274
|
if (!schema) {
|
|
273
275
|
return null;
|