sprintify-ui 0.8.64 → 0.8.66

package/dist/types/utils/storage.d.ts

@@ -4,7 +4,7 @@ declare class SettingsStorage {
     private getFunction;
     private setFunction;
     constructor(getFunction?: SettingsStorageGetFunction, setFunction?: SettingsStorageSetFunction);
-    get(key: string): Promise<string | null>;
+    get(key: string): Promise<Record<string, any> | string[] | number[] | number | string | boolean | null | undefined>;
     set(key: string, value: string): Promise<void>;
 }
 export { SettingsStorage };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.8.64",
+  "version": "0.8.66",
   "type": "module",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",

package/src/components/BaseDataTable.vue

@@ -674,7 +674,23 @@ onMounted(async () => {
 
   const value = await settingsStorage.get(visibleColumnsKey);
 
-  const visibleColumnsFromStorage = JSON.parse(value + '') as string[];
+  let visibleColumnsFromStorage = [];
+
+  if (typeof value === 'string') {
+    try {
+      visibleColumnsFromStorage.push(...JSON.parse(value));
+    } catch (e) {
+      console.error('Error parsing visible columns from storage', e);
+    }
+  }
+
+  if (typeof value === 'object' && value !== null) {
+    visibleColumnsFromStorage.push(Object.values(value));
+  }
+
+  if (Array.isArray(value)) {
+    visibleColumnsFromStorage = value;
+  }
 
   // If found, set visibleColumns
   if (
@@ -685,24 +701,16 @@ onMounted(async () => {
     visibleColumns.value = visibleColumnsFromStorage;
   }
 
-  // If nothing is found, set visibleColumns to all columns from table
-  const unWatchTable = watch(
-    () => table.value,
-    () => {
-      if (
-        table.value &&
-        table.value.newColumns.length &&
-        visibleColumns.value.length == 0
-      ) {
-        visibleColumns.value = table.value.newColumns
-          .filter((c) => c.toggle)
-          .filter((c) => c.toggleDefault ?? true)
-          .map((c) => c.newKey);
-
-        unWatchTable();
-      }
-    }
-  );
+  if (
+    table.value &&
+    table.value.newColumns.length &&
+    visibleColumns.value.length == 0
+  ) {
+    visibleColumns.value = table.value.newColumns
+      .filter((c) => c.toggle)
+      .filter((c) => c.toggleDefault ?? true)
+      .map((c) => c.newKey);
+  }
 });
 
 /**
@@ -732,7 +740,23 @@ onMounted(async () => {
 
   const value = await settingsStorage.get(columnOrderKey);
 
-  const columnOrderFromStorage = JSON.parse(value + '') as string[];
+  let columnOrderFromStorage = [];
+
+  if (typeof value === 'string') {
+    try {
+      columnOrderFromStorage.push(...JSON.parse(value));
+    } catch (e) {
+      console.error('Error parsing visible columns from storage', e);
+    }
+  }
+
+  if (typeof value === 'object' && value !== null) {
+    columnOrderFromStorage.push(Object.values(value));
+  }
+
+  if (Array.isArray(value)) {
+    columnOrderFromStorage = value;
+  }
 
   // If found, set columnOrder
   if (

package/src/utils/storage.ts

@@ -24,7 +24,7 @@ class SettingsStorage {
         this.setFunction = setFunction ? setFunction : localStorageSet;
     }
 
-    get(key: string): Promise<string | null> {
+    get(key: string): Promise<Record<string, any> | string[] | number[] | number | string | boolean | null | undefined> {
         return this.getFunction(key);
     }