@finema/core 2.52.6 → 2.54.0

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "2.52.6",
+  "version": "2.54.0",
   "configKey": "core",
   "builder": {
     "@nuxt/module-builder": "1.0.2",

package/dist/module.mjs

@@ -4,7 +4,7 @@ import * as lodash from 'lodash-es';
 import * as theme from '../dist/runtime/theme/index.js';
 
 const name = "@finema/core";
-const version = "2.52.6";
+const version = "2.54.0";
 
 const nuxtAppOptions = {
   head: {
@@ -49,7 +49,7 @@ const nuxtRunTimeConfigOptions = {
 };
 
 const core = {
-  limit_per_page: 30,
+  limit_per_page: 25,
   default_primary_key: "id",
   time_format: "HH:mm",
   date_format: "dd-MMM-yyyy",

package/dist/runtime/components/Table/Base.vue

@@ -101,7 +101,6 @@ import {
 import ColumnNumber from "#core/components/Table/ColumnNumber.vue";
 import ColumnImage from "#core/components/Table/ColumnImage.vue";
 import {
-  updateAppConfig,
   useAppConfig,
   useUiConfig,
   useWatchChange,
@@ -129,9 +128,7 @@ const columnTypeComponents = {
 const theme = computed(() => useUiConfig(tableTheme, "table")());
 const config = useAppConfig();
 const page = ref(props.options.pageOptions?.currentPage || 1);
-const pageLimit = ref(
-  props.options.pageOptions?.limit || config.core.limit_per_page
-);
+const pageLimit = ref(props.options.pageOptions?.limit || config.core.limit_per_page);
 const uTableCompatibleColumns = computed(
   () => props.options.columns.map((col) => ({
     ...col,
@@ -156,11 +153,11 @@ const onPageChange = (newPage) => {
 };
 const changePageLimit = (limit) => {
   pageLimit.value = limit;
-  updateAppConfig({
-    core: {
-      limit_per_page: limit
+  props.options.repo.fetchPageChange(1, {
+    params: {
+      ...props.options.pageOptions?.request?.params,
+      limit
     }
   });
-  emits("search");
 };
 </script>

package/dist/runtime/components/Table/types.d.ts

@@ -1,6 +1,7 @@
 import type { Component } from 'vue';
 import type { TableColumn as NuxtUiTableColumn } from '@nuxt/ui';
 import type { IPageOptions, IStatus } from '#core/types/lib';
+import type { IUsePageLoader } from '../../helpers/apiPageHelper.js';
 export declare enum COLUMN_TYPES {
     COMPONENT = "COMPONENT",
     DATE = "DATE",
@@ -26,6 +27,7 @@ export interface IBaseTableOptions<T extends Record<string, any> = Record<string
     isHideCaption?: boolean;
 }
 export interface ITableOptions<T extends Record<string, any> = Record<string, any>> extends IBaseTableOptions<T> {
+    repo: IUsePageLoader<T>;
     pageOptions: IPageOptions;
     isHideToolbar?: boolean;
     isEnabledSearch?: boolean;

package/dist/runtime/composables/useTable.js

@@ -24,6 +24,7 @@ export const createTableOptions = (repo, columns, options, transformItems) => {
     columns,
     status: get(repo.fetch.status),
     isRouteChange: false,
+    repo,
     ...options
   };
 };

package/dist/runtime/helpers/apiPageHelper.js

@@ -131,7 +131,7 @@ export const apiFetchHelper = async (state, onUpdateStatus, onUpdateOptions, onU
     ...opts.getBaseRequestOptions?.() || {},
     ...opts.fetch?.getRequestOptions?.(page, query, opts) || {}
   };
-  const limit = Number(baseRequestOptions.params?.limit || config.limit_per_page);
+  const limit = Number(state().options.limit || baseRequestOptions.params?.limit || config.limit_per_page);
   const requestOptions = prepareRequestOptions(
     baseRequestOptions,
     {

package/dist/runtime/theme/dialog.js

@@ -19,7 +19,7 @@ export const dialogTheme = {
       "md:translate-x-[-50%] md:translate-y-[-50%]",
       "md:!rounded-lg md:space-x-4"
     ],
-    overlay: "fixed inset-0 bg-black/50 backdrop-blur",
+    overlay: "fixed inset-0 bg-[#0C111D]/60 backdrop-blur",
     iconWrapper: "rounded-full size-[48px] flex justify-center items-center",
     wrapper: "flex flex-col w-full justify-start items-start",
     confirmColor: "info",

package/dist/runtime/theme/slideover.js

@@ -1,5 +1,5 @@
 export const slideoverTheme = {
   slots: {
-    overlay: "bg-black/50 backdrop-blur"
+    overlay: "[#0C111D]/60 backdrop-blur"
   }
 };

package/dist/runtime/theme/table.js

@@ -25,8 +25,8 @@ export const tableTheme = {
     },
     sticky: {
       true: {
-        thead: "sticky top-0 inset-x-0  z-[1] backdrop-blur",
-        tfoot: "sticky bottom-0 inset-x-0 bg-white z-[1] backdrop-blur"
+        thead: "sticky bg-transparent top-0 inset-x-0  z-[1]",
+        tfoot: "sticky bottom-0 inset-x-0 bg-white z-[1]"
       }
     }
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "2.52.6",
+  "version": "2.54.0",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Dev Core Team",
@@ -43,8 +43,8 @@
     "@iconify-json/heroicons": "^1.2.2",
     "@iconify-json/ph": "^1.2.2",
     "@iconify-json/svg-spinners": "^1.2.2",
-    "@nuxt/kit": "^4.0.2",
-    "@nuxt/ui": "^4.0.1",
+    "@nuxt/kit": "^4.1.3",
+    "@nuxt/ui": "^4.1.0",
     "@pinia/nuxt": "^0.11.0",
     "@tailwindcss/typography": "^0.5.0-alpha.3",
     "@tiptap/extension-image": "^3.0.7",
@@ -59,8 +59,8 @@
     "@vee-validate/nuxt": "^4.15.1",
     "@vee-validate/valibot": "^4.15.1",
     "@vuepic/vue-datepicker": "^11.0.2",
-    "@vueuse/components": "^13.2.0",
-    "@vueuse/core": "^13.4.0",
+    "@vueuse/components": "^13.9.0",
+    "@vueuse/core": "^13.9.0",
     "@wdns/vue-code-block": "^2.3.5",
     "axios": "^1.10.0",
     "date-fns": "^4.1.0",
@@ -76,16 +76,16 @@
     "@nuxt/devtools": "^2.6.0",
     "@nuxt/eslint-config": "^1.4.1",
     "@nuxt/module-builder": "^1.0.2",
-    "@nuxt/schema": "^4.0.2",
+    "@nuxt/schema": "^4.1.3",
     "@nuxt/test-utils": "^3.19.0",
     "@types/node": "latest",
     "changelogen": "^0.6.1",
     "husky": "^9.1.7",
     "lint-staged": "^16.0.0",
-    "nuxt": "^4.0.2",
-    "typescript": "~5.6.3",
+    "nuxt": "^4.1.3",
+    "typescript": "~5.9.3",
     "typescript-eslint": "^8.18.0",
-    "vitest": "^3.1.3",
+    "vitest": "^4.0.2",
     "vue-tsc": "^3.0.4"
   },
   "lint-staged": {