@gpa-gemstone/react-table 1.2.73 → 1.2.74

package/lib/ConfigurableTable/ConfigurableTable.js

@@ -39,6 +39,8 @@ function ConfigurableTable(props) {
         var _a, _b, _c;
         const updated = new Map();
         const localKeys = (_c = (_b = localStorage.getItem((_a = props.LocalStorageKey) !== null && _a !== void 0 ? _a : '')) === null || _b === void 0 ? void 0 : _b.split(',')) !== null && _c !== void 0 ? _c : [];
+        if (localKeys[0] == '')
+            localKeys.pop(); // if localstorage is empty, set the array to an empty array. [''] by default
         React.Children.forEach(props.children, (element) => {
             var _a, _b;
             if (!React.isValidElement(element))
@@ -91,7 +93,7 @@ function ConfigurableTable(props) {
         currentKeys = currentKeys.filter((k) => !allKeys.includes(k));
         const enabled = allKeys.filter((k) => { var _a; return (_a = columns.get(k)) === null || _a === void 0 ? void 0 : _a.Enabled; });
         currentKeys.push(...enabled);
-        (currentKeys.length == 0 && currentState == null) ? null : localStorage.setItem(props.LocalStorageKey, currentKeys.join(','));
+        localStorage.setItem(props.LocalStorageKey, currentKeys.join(','));
     }
     function changeColumns(key) {
         setColumns((d) => {
@@ -177,18 +179,26 @@ function ConfigurableTable(props) {
                         } }, "Reset Defaults"))))) : null));
 }
 function ColumnSelection(props) {
-    const [showAlert, setShowAlert] = React.useState(true);
+    const enabledCols = props.columns.filter((column) => column.Enabled);
+    const isOnlyOneEnabled = enabledCols.length === 1;
+    const helpMessage = (col) => {
+        if (col.Key === props.sortKey)
+            return 'The Table is currently sorted by this column, so it cannot be hidden.';
+        if (isOnlyOneEnabled && col.Enabled)
+            return 'The Table must have one column visible at all times, so it cannot be hidden.';
+        return undefined;
+    };
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: "row" },
-            React.createElement("div", { className: "col-4" }, props.columns.map((c, i) => i % 3 == 0 ? (React.createElement(react_forms_1.CheckBox, { Label: c.Label, Field: 'Enabled', Record: c, Setter: () => props.onChange(c.Key), key: c.Key, Disabled: c.Key == props.sortKey || (props.disableAdd && !c.Enabled), Help: c.Key == props.sortKey
-                    ? 'The Table is currently sorted by this column so it cannot be hidden.'
-                    : undefined })) : null)),
-            React.createElement("div", { className: "col-4" }, props.columns.map((c, i) => i % 3 == 1 ? (React.createElement(react_forms_1.CheckBox, { Label: c.Label, Field: 'Enabled', Record: c, Setter: () => props.onChange(c.Key), key: c.Key, Disabled: c.Key == props.sortKey || (props.disableAdd && !c.Enabled), Help: c.Key == props.sortKey
-                    ? 'The Table is currently sorted by this column so it cannot be hidden.'
-                    : undefined })) : null)),
-            React.createElement("div", { className: "col-4" }, props.columns.map((c, i) => i % 3 == 2 ? (React.createElement(react_forms_1.CheckBox, { Label: c.Label, Field: 'Enabled', Record: c, Setter: () => props.onChange(c.Key), key: c.Key, Disabled: c.Key == props.sortKey || (props.disableAdd && !c.Enabled), Help: c.Key == props.sortKey
-                    ? 'The Table is currently sorted by this column so it cannot be hidden.'
-                    : undefined })) : null))),
+            React.createElement("div", { className: "col-4" }, props.columns.map((c, i) => i % 3 == 0 ? (React.createElement(react_forms_1.CheckBox, { Label: c.Label, Field: 'Enabled', Record: c, Setter: () => props.onChange(c.Key), key: c.Key, Disabled: c.Key === props.sortKey ||
+                    (props.disableAdd && !c.Enabled) ||
+                    (isOnlyOneEnabled && c.Enabled), Help: helpMessage(c) })) : null)),
+            React.createElement("div", { className: "col-4" }, props.columns.map((c, i) => i % 3 == 1 ? (React.createElement(react_forms_1.CheckBox, { Label: c.Label, Field: 'Enabled', Record: c, Setter: () => props.onChange(c.Key), key: c.Key, Disabled: c.Key === props.sortKey ||
+                    (props.disableAdd && !c.Enabled) ||
+                    (isOnlyOneEnabled && c.Enabled), Help: helpMessage(c) })) : null)),
+            React.createElement("div", { className: "col-4" }, props.columns.map((c, i) => i % 3 == 2 ? (React.createElement(react_forms_1.CheckBox, { Label: c.Label, Field: 'Enabled', Record: c, Setter: () => props.onChange(c.Key), key: c.Key, Disabled: c.Key === props.sortKey ||
+                    (props.disableAdd && !c.Enabled) ||
+                    (isOnlyOneEnabled && c.Enabled), Help: helpMessage(c) })) : null))),
         props.disableAdd ?
             React.createElement(react_interactive_1.Alert, { Class: 'alert-primary', Style: { marginBottom: 0, marginTop: '0.5em' } }, "Additional columns disabled due to table size.")
             : null));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gpa-gemstone/react-table",
-  "version": "1.2.73",
+  "version": "1.2.74",
   "description": "Table for GPA web applications",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",
@@ -43,9 +43,9 @@
     "typescript": "5.5.3"
   },
   "dependencies":   {
-    "@gpa-gemstone/gpa-symbols": "0.0.51",
-    "@gpa-gemstone/helper-functions": "0.0.41",
-    "@gpa-gemstone/react-interactive": "1.0.151",
+    "@gpa-gemstone/gpa-symbols": "0.0.52",
+    "@gpa-gemstone/helper-functions": "0.0.42",
+    "@gpa-gemstone/react-interactive": "1.0.152",
     "@types/lodash": "^4.14.171",
     "@types/react": "^17.0.14",
     "lodash": "^4.17.21",