@commonsku/styles 1.17.6 → 1.17.8

package/README.md

@@ -43,6 +43,7 @@ function fn_cskustyled() {
     && cd $CSKU_DEV_DIR \
         && pm2 kill \
         && npm install $CSKU_STYLES_DIR/commonsku-styles-$CSKUS_PKG_VERSION.tgz \
+        && npm run build:dll \
         && npm run start
 }
 

package/dist/index.cjs

@@ -1081,6 +1081,18 @@ function NavManagementIcon(_a) {
         renderPath);
 }
 
+function NavReportsIcon(_a) {
+    var _b = _a.color, color = _b === void 0 ? white.main : _b, _c = _a.size, size = _c === void 0 ? "medium" : _c, _d = _a.filled, filled = _d === void 0 ? false : _d, _e = _a.altText, altText = _e === void 0 ? "Reports" : _e, props = __rest(_a, ["color", "size", "filled", "altText"]);
+    var renderPath = filled ?
+        "M9.5 10.02H14.5V21H9.5V10.02ZM16.5 21H19.5C20.6 21 21.5 20.1 21.5 19V10H16.5V21ZM19.5 3H4.5C3.4 3 2.5 3.9 2.5 5V8H21.5V5C21.5 3.9 20.6 3 19.5 3ZM2.5 19C2.5 20.1 3.4 21 4.5 21H7.5V10H2.5V19Z"
+        :
+            "M19.5 3H4.5C3.4 3 2.5 3.9 2.5 5V19C2.5 20.1 3.4 21 4.5 21H19.5C20.6 21 21.5 20.1 21.5 19V5C21.5 3.9 20.6 3 19.5 3ZM19.5 5V8H4.5V5H19.5ZM14.5 19H9.5V10H14.5V19ZM4.5 10H7.5V19H4.5V10ZM16.5 19V10H19.5V19H16.5Z";
+    return (React__default.default.createElement(SVG$1, __assign({ size: size, "aria-labelledby": "NavReportsIcon" }, props),
+        React__default.default.createElement("title", { id: "NavReportsIcon" }, altText),
+        React__default.default.createElement("path", { fill: "none", d: "M0 0h24v24H0z" }),
+        React__default.default.createElement("path", { d: renderPath, fill: color })));
+}
+
 function TrashIcon(_a) {
     var _b = _a.color, color = _b === void 0 ? teal.main : _b, _c = _a.size, size = _c === void 0 ? "medium" : _c, _d = _a.filled, filled = _d === void 0 ? false : _d; _a.pinned; var _e = _a.altText, altText = _e === void 0 ? "Delete" : _e, props = __rest(_a, ["color", "size", "filled", "pinned", "altText"]);
     var renderPath = filled ? "M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6v12ZM19 4h-3.5l-1-1h-5l-1 1H5v2h14V4Z"
@@ -6788,50 +6800,51 @@ var VirtualTableStyles = styled__default.default.div(templateObject_1$a || (temp
 var templateObject_1$a;
 
 var SelectionTable = function (props) {
-    var columns = props.columns, onSelectRow = props.onSelectRow;
-    var _a = React.useState(props.data.map(function (row) { return (__assign({ selected: false }, row)); })), data = _a[0], setData = _a[1];
+    var columns = props.columns, data = props.data, selectedRows = props.selectedRows, onSelectionChange = props.onSelectionChange;
     var selectionState = React.useMemo(function () {
-        return !data.some(function (row) { return row.selected === false; })
-            ? 'all'
-            : data.some(function (row) { return row.selected === true; })
-                ? 'indeterminate'
-                : 'none';
-    }, [data]);
+        if (selectedRows == null)
+            return "none";
+        switch (selectedRows.length) {
+            case 0:
+                return 'none';
+            case data.length:
+                return 'all';
+            default:
+                return 'some';
+        }
+    }, [data.length, selectedRows]);
+    var handleSelectRows = React.useCallback(function (rows) {
+        if (onSelectionChange == null)
+            return;
+        if (selectedRows == null) {
+            onSelectionChange(rows);
+            return;
+        }
+        var newSelection = selectedRows.filter(function (row) { return !rows.includes(row); });
+        newSelection.push.apply(newSelection, rows.filter(function (row) { return !selectedRows.includes(row); }));
+        onSelectionChange(newSelection);
+    }, [selectedRows, onSelectionChange]);
     var handleSelectHeader = React.useCallback(function () {
+        if (onSelectionChange == null)
+            return;
         switch (selectionState) {
             case 'none':
-                setData(data.map(function (row) { return (__assign(__assign({}, row), { selected: true })); }));
+                onSelectionChange(__spreadArray([], data, true));
                 break;
             case 'all':
-            case 'indeterminate':
-                setData(data.map(function (row) { return (__assign(__assign({}, row), { selected: false })); }));
+            case 'some':
+                onSelectionChange([]);
                 break;
         }
-    }, [data, selectionState]);
-    var handleSelectRow = React.useCallback(function (rowIndex) {
-        setData(function (prev) { return prev.map(function (row, index) {
-            if (rowIndex !== index)
-                return row;
-            if (onSelectRow != null) {
-                onSelectRow(row, rowIndex);
-            }
-            return __assign(__assign({}, row), { selected: rowIndex === index
-                    ? !row.selected
-                    : row.selected });
-        }); });
-    }, [onSelectRow]);
-    var selectionHeader = React.useMemo(function () { return (React__default.default.createElement(LabeledCheckbox, { label: "", checked: selectionState === 'all', indeterminate: selectionState === 'indeterminate', onChange: handleSelectHeader })); }, [selectionState, handleSelectHeader]);
+    }, [selectionState, data, onSelectionChange]);
+    var selectionHeader = React.useMemo(function () { return (React__default.default.createElement(LabeledCheckbox, { label: "", checked: selectionState === 'all', indeterminate: selectionState === 'some', onChange: handleSelectHeader })); }, [selectionState, handleSelectHeader]);
     var selectionColumn = React.useMemo(function () { return ({
         Header: selectionHeader,
         accessor: 'selected',
-        Cell: function (cellObj) {
-            return (React__default.default.createElement(LabeledCheckbox, { label: "", checked: cellObj.row.original.selected, onChange: function () { return handleSelectRow(cellObj.row.index); } }));
-        },
-        sticky: 'left',
-        noDrag: true,
+        Cell: function (cell) { return (React__default.default.createElement(LabeledCheckbox, { label: "", checked: selectedRows != null && selectedRows.includes(cell.row.original), onChange: function () { return handleSelectRows([cell.row.original]); } })); },
         width: 40,
         disableSortBy: true,
-    }); }, [handleSelectRow, selectionHeader]);
+    }); }, [selectedRows, selectionHeader, handleSelectRows]);
     return (React__default.default.createElement(VirtualTable, __assign({}, props, { columns: __spreadArray([selectionColumn], columns, true), data: data, minWidth: 40 })));
 };
 
@@ -8031,6 +8044,7 @@ exports.NavConnectIcon = NavConnectIcon;
 exports.NavFinanceIcon = NavFinanceIcon;
 exports.NavManagementIcon = NavManagementIcon;
 exports.NavProdIcon = NavProdIcon;
+exports.NavReportsIcon = NavReportsIcon;
 exports.NavResourcesIcon = NavResourcesIcon;
 exports.NavSalesIcon = NavSalesIcon;
 exports.NoteIcon = NoteIcon;