@finema/core 3.23.2 → 3.24.0

package/dist/runtime/helpers/apiPageHelper.js

@@ -1,7 +1,7 @@
 import { useCoreConfig } from "../composables/useConfig.js";
 import { _get } from "../utils/lodash.js";
-import { bindParamsToUrl } from "./apiBaseHelper.js";
 import {
+  bindParamsToUrl,
   checkExpiration,
   createErrorOptions,
   createSuccessOptions,
@@ -14,10 +14,7 @@ import { _findIndex, _shuffle } from "#imports";
 export const apiAddHelper = async (state, onUpdateStatus, onUpdateOptions, onUpdateData, onUpdateItems, data, opts) => {
   onUpdateStatus(updateLoaderState.setLoading(state().status));
   onUpdateOptions({});
-  const {
-    requestOptions,
-    stateRequestOptions
-  } = prepareLoaderRequestOptions(
+  const { requestOptions, stateRequestOptions } = prepareLoaderRequestOptions(
     opts.getBaseRequestOptions?.() || {},
     opts.add?.getRequestOptions?.(data, opts),
     opts.params,
@@ -53,16 +50,16 @@ export const apiDeleteHelper = async (state, onUpdateStatus, onUpdateOptions, _o
   const getPrimaryKey = (item) => _get(item, primaryKey, "");
   onUpdateStatus(updateLoaderState.setLoading(state().status));
   onUpdateOptions({});
-  const {
-    requestOptions,
-    stateRequestOptions
-  } = prepareLoaderRequestOptions(
+  const { requestOptions, stateRequestOptions } = prepareLoaderRequestOptions(
     opts.getBaseRequestOptions?.() || {},
     opts.delete?.getRequestOptions?.(id, opts),
     opts.params,
     opts.signal
   );
-  const url = bindParamsToUrl(opts.delete?.getURL ? opts.delete.getURL(id, opts) : `${opts.baseURL}/${id}`, opts.pathBind);
+  const url = bindParamsToUrl(
+    opts.delete?.getURL ? opts.delete.getURL(id, opts) : `${opts.baseURL}/${id}`,
+    opts.pathBind
+  );
   await handleApiRequest(
     {
       url,
@@ -74,9 +71,7 @@ export const apiDeleteHelper = async (state, onUpdateStatus, onUpdateOptions, _o
     {
       onSuccess: (_, status) => {
         if (state().items) {
-          onUpdateItems(
-            state().items.filter((item) => getPrimaryKey(item) !== id)
-          );
+          onUpdateItems(state().items.filter((item) => getPrimaryKey(item) !== id));
         }
         onUpdateStatus(updateLoaderState.setSuccess(state().status));
         onUpdateOptions(createSuccessOptions(status, stateRequestOptions));
@@ -109,12 +104,7 @@ export const apiFetchHelper = async (state, onUpdateStatus, onUpdateOptions, onU
     _status: void 0
   });
   const getOptions = (data) => {
-    const {
-      page: page2,
-      total,
-      limit: limit2,
-      ...more
-    } = data;
+    const { page: page2, total, limit: limit2, ...more } = data;
     return {
       ...toSerializableLoaderOptions(state().options),
       ...more,
@@ -127,14 +117,11 @@ export const apiFetchHelper = async (state, onUpdateStatus, onUpdateOptions, onU
     };
   };
   const baseRequestOptions = {
-    ...opts.getBaseRequestOptions?.() || {},
-    ...opts.fetch?.getRequestOptions?.(page, query, opts) || {}
+    ...opts.getBaseRequestOptions?.(),
+    ...opts.fetch?.getRequestOptions?.(page, query, opts)
   };
   const limit = Number(state().options.limit || baseRequestOptions.params?.limit || config.limit_per_page);
-  const {
-    requestOptions,
-    stateRequestOptions
-  } = prepareLoaderRequestOptions(
+  const { requestOptions, stateRequestOptions } = prepareLoaderRequestOptions(
     baseRequestOptions,
     {
       params: {
@@ -160,10 +147,7 @@ export const apiFetchHelper = async (state, onUpdateStatus, onUpdateOptions, onU
     } : null,
     {
       onSuccess: (response, status) => {
-        const {
-          items,
-          ...moreOptions
-        } = response;
+        const { items, ...moreOptions } = response;
         onUpdateItems(items);
         onUpdateOptions({
           ...getOptions(moreOptions),
@@ -191,10 +175,7 @@ export const apiFindHelper = async (state, onUpdateStatus, onUpdateOptions, onUp
   }
   onUpdateStatus(updateLoaderState.setLoading(state().status));
   onUpdateOptions({});
-  const {
-    requestOptions,
-    stateRequestOptions
-  } = prepareLoaderRequestOptions(
+  const { requestOptions, stateRequestOptions } = prepareLoaderRequestOptions(
     opts.getBaseRequestOptions?.() || {},
     opts.find?.getRequestOptions?.(id, opts),
     opts.params,
@@ -231,16 +212,16 @@ export const updateHelper = async (state, onUpdateStatus, onUpdateOptions, onUpd
   }
   onUpdateStatus(updateLoaderState.setLoading(state().status));
   onUpdateOptions({});
-  const {
-    requestOptions,
-    stateRequestOptions
-  } = prepareLoaderRequestOptions(
+  const { requestOptions, stateRequestOptions } = prepareLoaderRequestOptions(
     opts.getBaseRequestOptions?.() || {},
     opts.update?.getRequestOptions?.(id, data, opts),
     opts.params,
     opts.signal
   );
-  const url = bindParamsToUrl(opts.update?.getURL ? opts.update.getURL(id, data, opts) : `${opts.baseURL}/${id}`, opts.pathBind);
+  const url = bindParamsToUrl(
+    opts.update?.getURL ? opts.update.getURL(id, data, opts) : `${opts.baseURL}/${id}`,
+    opts.pathBind
+  );
   await handleApiRequest(
     {
       url,

package/dist/runtime/helpers/componentHelper.js

@@ -53,16 +53,12 @@ export const isPDFFromPath = (path = "") => {
 };
 export const useFileAllocate = (selectedFile, props) => {
   const selectedFileSizeKb = computed(() => ((selectedFile.value?.size || 0) / 1e3).toFixed(2));
-  const selectedFileSizeMb = computed(
-    () => ((selectedFile.value?.size || 0) / 1e3 / 1e3).toFixed(2)
-  );
+  const selectedFileSizeMb = computed(() => ((selectedFile.value?.size || 0) / 1e3 / 1e3).toFixed(2));
   const isSelectedFileUseMb = computed(() => (selectedFile.value?.size || 0) / 1e3 > 1024);
   const acceptFileSizeKb = computed(() => props.maxSize || 0);
   const acceptFileSizeMb = computed(() => ((acceptFileSizeKb.value || 0) / 1024).toFixed(2));
   const isAcceptFileUseMb = computed(() => acceptFileSizeKb.value && acceptFileSizeKb.value > 1024);
-  const acceptFile = computed(
-    () => typeof props.accept === "string" ? props.accept : props.accept?.join(",")
-  );
+  const acceptFile = computed(() => typeof props.accept === "string" ? props.accept : props.accept?.join(","));
   return {
     selectedFileSizeKb,
     selectedFileSizeMb,

package/dist/runtime/helpers/uploadCore.js

@@ -40,10 +40,7 @@ export const validateFile = (file, rules, messages) => {
 };
 export const validateDimensions = (image, rules, messages) => {
   if (!rules) return;
-  const {
-    width,
-    height
-  } = image;
+  const { width, height } = image;
   const checks = [
     [rules.width !== void 0 && width !== rules.width, messages.imageWidth, rules.width, width],
     [rules.height !== void 0 && height !== rules.height, messages.imageHeight, rules.height, height],

package/dist/runtime/locale/index.js

@@ -1,8 +1,5 @@
 import defu from "defu";
 import { th } from "./th.js";
 import { en } from "./en.js";
-export const formatMessage = (template, params = {}) => template.replace(
-  /\{(\w+)\}/g,
-  (placeholder, key) => key in params ? String(params[key]) : placeholder
-);
+export const formatMessage = (template, params = {}) => template.replace(/\{(\w+)\}/g, (placeholder, key) => key in params ? String(params[key]) : placeholder);
 export const resolveMessages = (locale, overrides = {}) => defu(overrides, locale === "th" ? th : en);

package/dist/runtime/server/tsconfig.json

@@ -1,3 +1,3 @@
-{
-  "extends": "../../../.nuxt/tsconfig.server.json",
-}
+{
+  "extends": "../../../.nuxt/tsconfig.server.json"
+}

package/dist/runtime/styles/main.css

@@ -1 +1 @@
-@import "tailwindcss";@import "@nuxt/ui";@plugin "@tailwindcss/typography";@source inline("prose");@theme{--font-sans:"Noto Sans Thai","Noto Sans Thai Looped","Public Sans",sans-serif;--font-display:"Noto Sans Thai","Noto Sans Thai Looped","Public Sans",sans-serif}:root{--ui-text:var(--ui-color-neutral-800);--color-main:#1570ef;--color-main-50:#eff8ff;--color-main-100:#d1e9ff;--color-main-200:#b2ddff;--color-main-300:#84caff;--color-main-400:#53b1fd;--color-main-500:#1570ef;--color-main-600:#1570ef;--color-main-700:#175cd3;--color-main-800:#1849a9;--color-main-900:#194185;--color-main-950:#102a56;--color-warning:#f79009;--color-warning-50:#fffaeb;--color-warning-100:#fef0c7;--color-warning-200:#fedf89;--color-warning-300:#fec84b;--color-warning-400:#fdb022;--color-warning-500:#f79009;--color-warning-600:#dc6803;--color-warning-700:#b54708;--color-warning-800:#93370d;--color-warning-900:#7a2e0e;--color-warning-950:#4e1d09;--color-success:#17b26a;--color-success-50:#ecfdf3;--color-success-100:#dcfae6;--color-success-200:#abefc6;--color-success-300:#75e0a7;--color-success-400:#47cd89;--color-success-500:#17b26a;--color-success-600:#079455;--color-success-700:#067647;--color-success-800:#085d3a;--color-success-900:#074d31;--color-success-950:#053321;--color-error:#e11d48;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-200:#f0899f;--color-error-300:#eb6582;--color-error-400:#e64065;--color-error-500:#e11d48;--color-error-600:#af1738;--color-error-700:#7e1028;--color-error-800:#4c0a18;--color-error-900:#1a0308;--color-error-950:#010000;--color-info:#2563eb;--color-info-50:#dde9ff;--color-info-100:#c8dfff;--color-info-200:#a1c4ff;--color-info-300:#7aa9ff;--color-info-400:#538eff;--color-info-500:#2563eb;--color-info-600:#1a4aaf;--color-info-700:#0f318a;--color-info-800:#081f65;--color-info-900:#020b3a;--color-info-950:#000;--color-white:#fff;--color-white-50:#fff;--color-white-100:#fff;--color-white-200:#fff;--color-white-300:#fff;--color-white-400:#fff;--color-white-500:#fff;--color-white-600:#e3e3e3;--color-white-700:#c7c7c7;--color-white-800:#ababab;--color-white-900:#8f8f8f;--color-white-950:#818181}html{@apply text-sm lg:text-base;font-family:Noto Sans Thai,Noto Sans Thai Looped,Public Sans,sans-serif}::-webkit-scrollbar{-webkit-appearance:none;height:10px;width:10px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:4px;box-shadow:0 0 1px hsla(0,0%,100%,.5)}:root{--dp-font-family:inherit!important}.dp__theme_light{--dp-primary-color:var(--color-main)!important;--dp-primary-disabled-color:var(--color-main-200)!important}.dp__outer_menu_wrap{@apply ring-1 ring-gray-200}[role=dialog]{pointer-events:auto!important}#__nuxt,body,html{@apply w-full h-full}.dp__main{display:block!important}.dp__menu{border:none!important}.dp__pointer{height:44px!important}.dp__outer_menu_wrap{box-shadow:none!important}.dp--menu-wrapper{@apply ring-1 ring-slate-300}
+@import "tailwindcss";@import "@nuxt/ui";@plugin "@tailwindcss/typography";@source inline("prose");@theme{--font-sans:"Noto Sans Thai","Noto Sans Thai Looped","Public Sans",sans-serif;--font-display:"Noto Sans Thai","Noto Sans Thai Looped","Public Sans",sans-serif}:root{--ui-text:var(--ui-color-neutral-800);--color-main:#1570ef;--color-main-50:#eff8ff;--color-main-100:#d1e9ff;--color-main-200:#b2ddff;--color-main-300:#84caff;--color-main-400:#53b1fd;--color-main-500:#1570ef;--color-main-600:#1570ef;--color-main-700:#175cd3;--color-main-800:#1849a9;--color-main-900:#194185;--color-main-950:#102a56;--color-warning:#f79009;--color-warning-50:#fffaeb;--color-warning-100:#fef0c7;--color-warning-200:#fedf89;--color-warning-300:#fec84b;--color-warning-400:#fdb022;--color-warning-500:#f79009;--color-warning-600:#dc6803;--color-warning-700:#b54708;--color-warning-800:#93370d;--color-warning-900:#7a2e0e;--color-warning-950:#4e1d09;--color-success:#17b26a;--color-success-50:#ecfdf3;--color-success-100:#dcfae6;--color-success-200:#abefc6;--color-success-300:#75e0a7;--color-success-400:#47cd89;--color-success-500:#17b26a;--color-success-600:#079455;--color-success-700:#067647;--color-success-800:#085d3a;--color-success-900:#074d31;--color-success-950:#053321;--color-error:#e11d48;--color-error-50:#fef2f2;--color-error-100:#fee2e2;--color-error-200:#f0899f;--color-error-300:#eb6582;--color-error-400:#e64065;--color-error-500:#e11d48;--color-error-600:#af1738;--color-error-700:#7e1028;--color-error-800:#4c0a18;--color-error-900:#1a0308;--color-error-950:#010000;--color-info:#2563eb;--color-info-50:#dde9ff;--color-info-100:#c8dfff;--color-info-200:#a1c4ff;--color-info-300:#7aa9ff;--color-info-400:#538eff;--color-info-500:#2563eb;--color-info-600:#1a4aaf;--color-info-700:#0f318a;--color-info-800:#081f65;--color-info-900:#020b3a;--color-info-950:#000;--color-white:#fff;--color-white-50:#fff;--color-white-100:#fff;--color-white-200:#fff;--color-white-300:#fff;--color-white-400:#fff;--color-white-500:#fff;--color-white-600:#e3e3e3;--color-white-700:#c7c7c7;--color-white-800:#ababab;--color-white-900:#8f8f8f;--color-white-950:#818181}html{@apply text-sm lg:text-base;font-family:Noto Sans Thai,Noto Sans Thai Looped,Public Sans,sans-serif}::-webkit-scrollbar{-webkit-appearance:none;height:10px;width:10px}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.3);border-radius:4px;box-shadow:0 0 1px hsla(0,0%,100%,.5)}:root{--dp-font-family:inherit!important}.dp__theme_light{--dp-primary-color:var(--color-main)!important;--dp-primary-disabled-color:var(--color-main-200)!important}.dp__outer_menu_wrap{@apply ring-1 ring-gray-200}[role=dialog]{pointer-events:auto!important}#__nuxt,body,html{@apply h-full w-full}.dp__main{display:block!important}.dp__menu{border:none!important}.dp__pointer{height:44px!important}.dp__outer_menu_wrap{box-shadow:none!important}.dp--menu-wrapper{@apply ring-1 ring-slate-300}

package/package.json

@@ -1,20 +1,13 @@
 {
   "name": "@finema/core",
-  "version": "3.23.2",
-  "repository": "https://gitlab.finema.co/finema/ui-kit",
+  "version": "3.24.0",
   "license": "MIT",
   "author": "Finema Dev Core Team",
-  "engines": {
-    "node": ">=22"
-  },
+  "repository": "https://gitlab.finema.co/finema/ui-kit",
+  "files": [
+    "dist"
+  ],
   "type": "module",
-  "exports": {
-    ".": {
-      "types": "./dist/types.d.mts",
-      "style": "./dist/runtime/styles/main.css",
-      "default": "./dist/module.mjs"
-    }
-  },
   "main": "./dist/module.mjs",
   "typesVersions": {
     "*": {
@@ -23,17 +16,21 @@
       ]
     }
   },
-  "files": [
-    "dist"
-  ],
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.mts",
+      "style": "./dist/runtime/styles/main.css",
+      "default": "./dist/module.mjs"
+    }
+  },
   "scripts": {
     "prepack": "nuxt-module-build build",
     "dev": "bun run dev:prepare && nuxi dev playground -o",
     "dev:build": "nuxi build playground",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
-    "release": "npm run lint && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
-    "lint": "eslint .",
-    "lint:fix": "eslint --fix .",
+    "release": "npm run check && npm run test && npm run prepack && changelogen --release && npm publish && git push --follow-tags",
+    "lint": "oxlint",
+    "lint:fix": "oxlint --fix",
     "test": "vitest run",
     "test:unit": "vitest run --project unit",
     "test:nuxt": "vitest run --project nuxt",
@@ -41,7 +38,12 @@
     "test:coverage": "vitest run --coverage",
     "test:types": "vue-tsc --noEmit && cd playground && vue-tsc --noEmit -p .nuxt/tsconfig.app.json",
     "bundle:report": "node scripts/bundle-report.mjs",
-    "prepare": "husky"
+    "prepare": "husky",
+    "format": "oxfmt",
+    "format:check": "oxfmt --check",
+    "check": "oxfmt --check && oxlint && nuxt-oxclint check-vue src playground",
+    "check:vue": "nuxt-oxclint check-vue src playground",
+    "check:vue:fix": "nuxt-oxclint check-vue --fix src playground"
   },
   "dependencies": {
     "@iconify-json/heroicons": "^1.2.2",
@@ -50,7 +52,7 @@
     "@nuxt/kit": "^4.5.2",
     "@nuxt/ui": "^4.11.1",
     "@pinia/nuxt": "^1.0.2",
-    "@tailwindcss/typography": "^0.5.0-alpha.3",
+    "@tailwindcss/typography": "^0.5.20",
     "@tiptap/extension-text-align": "^3.18.0",
     "@vee-validate/nuxt": "^4.15.1",
     "@vee-validate/valibot": "^4.15.1",
@@ -67,15 +69,13 @@
     "url-join": "^5.0.0"
   },
   "devDependencies": {
-    "@eslint/js": "^10.0.1",
-    "@finema/eslint-config": "^2.0.4",
+    "@finema/nuxt-oxclint": "^1.0.1",
     "@nuxt/devtools": "^3.4.2",
-    "@nuxt/eslint-config": "^1.17.0",
     "@nuxt/module-builder": "^1.0.3",
     "@nuxt/schema": "^4.5.2",
     "@nuxt/test-utils": "^4.3.2",
     "@types/lodash-es": "^4.17.12",
-    "@types/node": "latest",
+    "@types/node": "^22",
     "@vitest/coverage-v8": "^5.0.1",
     "@vue/test-utils": "^2.5.1",
     "changelogen": "^0.6.1",
@@ -83,12 +83,25 @@
     "husky": "^9.1.7",
     "lint-staged": "^17.0.7",
     "nuxt": "^4.5.2",
+    "oxfmt": "^0.70.0",
+    "oxlint": "^1.85.0",
     "typescript": "~5.9.3",
-    "typescript-eslint": "^8.18.0",
     "vitest": "^5.0.1",
     "vue-tsc": "^3.0.4"
   },
   "lint-staged": {
-    "*": "eslint"
+    "*.{js,mjs,cjs,ts,mts,cts}": [
+      "oxfmt",
+      "oxlint"
+    ],
+    "*.vue": [
+      "oxfmt",
+      "oxlint",
+      "nuxt-oxclint check-vue"
+    ],
+    "*.{json,jsonc,css}": "oxfmt"
+  },
+  "engines": {
+    "node": ">=22"
   }
 }