sprintify-ui 0.8.60 → 0.8.62

package/dist/types/components/BaseDataTable.vue.d.ts

@@ -1101,6 +1101,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: boolean;
         type: BooleanConstructor;
     };
+    /**
+     * Storage key to save visible columns and order settings.
+     * By default, it uses the current URL path, without query params.
+     */
+    storageKey: {
+        type: StringConstructor;
+        default(): string;
+    };
 }>, {
     fetch: typeof fetch;
     fetchWithoutLoading: typeof fetchWithoutLoading;
@@ -1349,6 +1357,14 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: boolean;
         type: BooleanConstructor;
     };
+    /**
+     * Storage key to save visible columns and order settings.
+     * By default, it uses the current URL path, without query params.
+     */
+    storageKey: {
+        type: StringConstructor;
+        default(): string;
+    };
 }>> & Readonly<{
     onDelete?: ((...args: any[]) => any) | undefined;
     "onUpdate:checked-rows"?: ((...args: any[]) => any) | undefined;
@@ -1389,6 +1405,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     toggleable: boolean;
     rowActions: RowAction[];
     numberOfVisibleRowActions: number;
+    storageKey: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -0,0 +1,2 @@
+declare const storageKeyPrefix = "sui.";
+export { storageKeyPrefix };

package/package.json

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

package/src/components/BaseDataIteratorSectionColumns.vue

@@ -5,7 +5,8 @@
       <BaseInput 
         v-model="search" 
         size="sm" 
-        class="w-full mb-2" 
+        icon-left="heroicons:magnifying-glass"
+        class="w-full mb-3" 
         :placeholder="t('sui.search')"
       />
     </div>
@@ -18,7 +19,7 @@
       @update:model-value="onDragUpdate"
     >
       <template #item="{ element }">
-        <div class="flex items-center border-b">
+        <div class="flex items-center border-t">
 
           <div 
             class="handle shrink-0 relative py-1 pl-4 pr-1 -left-1"

package/src/components/BaseDataTable.vue

@@ -256,6 +256,7 @@ import { useInputSize } from '@/composables/inputSize';
 import BaseButton from './BaseButton.vue';
 import BaseDataTableTemplate from './BaseDataTableTemplate.vue';
 import { customKeyActions } from '@/services/table/customKeyActions';
+import { storageKeyPrefix } from '@/utils/storage';
 
 const http = config.http;
 
@@ -555,6 +556,17 @@ const props = defineProps({
     default: false,
     type: Boolean,
   },
+
+  /**
+   * Storage key to save visible columns and order settings.
+   * By default, it uses the current URL path, without query params.
+   */
+  storageKey: {
+    type: String,
+    default() {
+      return window.location.pathname;
+    },
+  },
 });
 
 const sizeInternal = useInputSize(props.size);
@@ -647,6 +659,8 @@ const onDelete = (row: CollectionItem) => {
     });
 };
 
+const componentStorageKey = 'base_data_table.';
+
 /*
 |--------------------------------------------------------------------------
 | Toggle columns
@@ -656,8 +670,7 @@ const onDelete = (row: CollectionItem) => {
 const visibleColumns = ref<string[]>([]);
 
 // Find visible columns in local storage
-const VISIBLE_COLUMNS_LOCAL_STORAGE = 'sprintify.visible_columns.';
-const VISIBLE_COLUMNS_LOCAL_STORAGE_KEY = VISIBLE_COLUMNS_LOCAL_STORAGE + window.location.pathname;
+const VISIBLE_COLUMNS_LOCAL_STORAGE_KEY = storageKeyPrefix + componentStorageKey + props.storageKey + '.visible_columns';
 
 const visibleColumnsFromStorage = JSON.parse(
   localStorage.getItem(VISIBLE_COLUMNS_LOCAL_STORAGE_KEY) + ''
@@ -712,8 +725,7 @@ function onUpdateVisibleColumn(columns: string[]) {
 
 const columnOrder = ref<string[]>([]);
 
-const COLUMN_ORDER_LOCAL_STORAGE = 'sprintify.column_order.';
-const COLUMN_ORDER_LOCAL_STORAGE_KEY = COLUMN_ORDER_LOCAL_STORAGE + window.location.pathname;
+const COLUMN_ORDER_LOCAL_STORAGE_KEY = storageKeyPrefix + componentStorageKey + props.storageKey + '.column_order';
 
 onMounted(() => {
   const columnOrderFromStorage = JSON.parse(

package/src/utils/storage.ts

@@ -0,0 +1,3 @@
+const storageKeyPrefix = 'sui.';
+
+export { storageKeyPrefix };