@finema/core 1.4.24 → 1.4.26

package/dist/module.d.mts

@@ -7,6 +7,7 @@ declare const core: {
     date_time_format: string;
     time_format: string;
     is_thai_year: boolean;
+    site_name: string;
 };
 
 declare const config_core: typeof core;

package/dist/module.d.ts

@@ -7,6 +7,7 @@ declare const core: {
     date_time_format: string;
     time_format: string;
     is_thai_year: boolean;
+    site_name: string;
 };
 
 declare const config_core: typeof core;

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.4.24",
+  "version": "1.4.26",
   "configKey": "core",
   "compatibility": {
     "nuxt": "^3.7.4"

package/dist/module.mjs

@@ -2,7 +2,7 @@ import { defineNuxtModule, createResolver, installModule, addPlugin, addComponen
 import 'lodash-es';
 
 const name = "@finema/core";
-const version = "1.4.24";
+const version = "1.4.26";
 
 const colors = {
   black: "#20243E",

package/dist/runtime/components/Dialog/index.vue

@@ -24,16 +24,19 @@
       :color="getColor"
       close-button=""
     />
-    <div :class="['mt-5 flex justify-end']">
+    <div :class="[uiConfig.actionGroup.wrapper]">
       <Button
         v-if="dialog.meta?.isShowCancelBtn"
-        class="text-gray mr-4"
+        :color="uiConfig.actionGroup.cancelColor"
+        :variant="uiConfig.actionGroup.cancelVariant"
         type="button"
         @click="dialog.closeDialogCancel"
       >
         {{ dialog.meta?.cancelText || 'ยกเลิก' }}
       </Button>
       <Button
+        :color="uiConfig.actionGroup.confirmColor"
+        :variant="uiConfig.actionGroup.confirmVariant"
         :class="[
           {
             'btn-success': dialog.meta?.type === DialogType.SUCCESS,
@@ -53,8 +56,11 @@
 <script lang="tsx" setup>
 import { DialogType, useDialog } from '#core/composables/useDialog'
 import { computed } from 'vue'
+import { useUiConfig } from '#core/composables/useConfig'
+import { notification } from '#core/ui.config/notification'
 
 const dialog = useDialog()
+const uiConfig = useUiConfig<typeof notification>(notification, 'notification')
 
 const getColor = computed(() => {
   if (dialog.meta?.type === DialogType.SUCCESS) {
@@ -77,6 +83,10 @@ const getColor = computed(() => {
 })
 
 const getIcon = computed(() => {
+  if (dialog.meta?.isHideIcon) {
+    return ''
+  }
+
   if (dialog.meta?.type === DialogType.SUCCESS) {
     return 'i-heroicons-check-circle'
   }
@@ -90,7 +100,7 @@ const getIcon = computed(() => {
   }
 
   if (dialog.meta?.type === DialogType.WARNING) {
-    return 'i-heroicons-sexclamation-circle'
+    return 'i-heroicons-exclamation-circle'
   }
 
   return ''

package/dist/runtime/composables/useApp.mjs

@@ -1,4 +1,4 @@
-import { useSeoMeta } from "#imports";
+import { useCoreConfig, useSeoMeta } from "#imports";
 import { defineStore } from "pinia";
 export const useApp = defineStore("_app", {
   state: () => ({
@@ -16,8 +16,10 @@ export const useApp = defineStore("_app", {
       this.sidebar = items;
     },
     defineSEO(payload) {
+      const coreConfig = useCoreConfig();
       useSeoMeta({
         title: payload.title,
+        titleTemplate: (title) => title ? `${title} | ${coreConfig.site_name}` : coreConfig.site_name,
         ogTitle: payload.title,
         description: payload.description,
         ogDescription: payload.description,

package/dist/runtime/composables/useDialog.d.ts

@@ -11,6 +11,7 @@ export interface IDialogMetaItem {
     confirmText?: string;
     cancelText?: string;
     isShowCancelBtn?: boolean;
+    isHideIcon?: boolean;
 }
 export interface IDialog {
     isShow: boolean;

package/dist/runtime/core.config.d.ts

@@ -5,4 +5,5 @@ export declare const core: {
     date_time_format: string;
     time_format: string;
     is_thai_year: boolean;
+    site_name: string;
 };

package/dist/runtime/core.config.mjs

@@ -4,5 +4,6 @@ export const core = {
   date_format: "dd-MM-yyyy",
   date_time_format: "dd-MM-yyyy HH:mm",
   time_format: "HH:mm",
-  is_thai_year: false
+  is_thai_year: false,
+  site_name: ""
 };

package/dist/runtime/types/config.d.ts

@@ -1 +1 @@
-export type UIComponentList = 'modal' | 'slideover' | 'dropdown' | 'icon' | 'button' | 'buttonGroup' | 'tabs' | 'card' | 'breadcrumb' | 'badge' | 'input' | 'pagination';
+export type UIComponentList = 'modal' | 'slideover' | 'dropdown' | 'icon' | 'button' | 'buttonGroup' | 'tabs' | 'card' | 'breadcrumb' | 'badge' | 'input' | 'pagination' | 'notification';

package/dist/runtime/ui.config/notification.d.ts

@@ -0,0 +1,11 @@
+import type { DeepPartial } from '#ui/types';
+import type * as config from '#ui/ui.config';
+export declare const notification: DeepPartial<(typeof config)['notification'] & {
+    actionGroup: {
+        wrapper: string;
+        cancelColor: string;
+        cancelVariant: string;
+        confirmColor: string;
+        confirmVariant: string;
+    };
+}>;

package/dist/runtime/ui.config/notification.mjs

@@ -0,0 +1,9 @@
+export const notification = {
+  actionGroup: {
+    wrapper: "mt-5 flex justify-end space-x-4",
+    cancelColor: "primary",
+    cancelVariant: "outline",
+    confirmColor: "primary",
+    confirmVariant: "solid"
+  }
+};

package/dist/runtime/utils/ArrayHelper.d.ts

@@ -0,0 +1,7 @@
+import { type IOption } from '../types/common';
+export declare class ArrayHelper {
+    static toOptions(data: any[], valueAttr?: string, labelAttr?: string): IOption[];
+    static toArray<T>(value: any): Array<T | any>;
+    static isEmpty(value: any): boolean;
+    static create: (length: number) => any[];
+}

package/dist/runtime/utils/ArrayHelper.mjs

@@ -0,0 +1,21 @@
+import { _get } from "../utils/lodash.mjs";
+export class ArrayHelper {
+  static toOptions(data, valueAttr = "id", labelAttr = "name") {
+    return ArrayHelper.toArray(data).map((item) => {
+      const value = _get(item, valueAttr, null);
+      return {
+        value: value || null,
+        label: _get(item, labelAttr, value)
+      };
+    });
+  }
+  static toArray(value) {
+    return Array.from(value || []);
+  }
+  static isEmpty(value) {
+    return ArrayHelper.toArray(value).length === 0;
+  }
+  static create = (length) => {
+    return Array(...Array(length));
+  };
+}

package/dist/runtime/utils/ArrayHelper.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/runtime/utils/ArrayHelper.spec.mjs

@@ -0,0 +1,112 @@
+import { describe, test, expect } from "vitest";
+import { ArrayHelper } from "./ArrayHelper.mjs";
+describe("ArrayHelper", () => {
+  test("toOptions default attr", () => {
+    const data = [
+      {
+        id: "1",
+        name: "long"
+      },
+      {
+        id: "2",
+        name: "long2"
+      },
+      {
+        id: "3",
+        name: "long3"
+      }
+    ];
+    expect(ArrayHelper.toOptions(data)).toEqual([
+      {
+        value: "1",
+        label: "long"
+      },
+      {
+        value: "2",
+        label: "long2"
+      },
+      {
+        value: "3",
+        label: "long3"
+      }
+    ]);
+  });
+  test("toOptions custom attr", () => {
+    const data = [
+      {
+        ide: "1",
+        wtf: "long"
+      },
+      {
+        ide: "2",
+        wtf: "long2"
+      },
+      {
+        ide: "3",
+        wtf: "long3"
+      }
+    ];
+    expect(ArrayHelper.toOptions(data, "ide", "wtf")).toEqual([
+      {
+        value: "1",
+        label: "long"
+      },
+      {
+        value: "2",
+        label: "long2"
+      },
+      {
+        value: "3",
+        label: "long3"
+      }
+    ]);
+  });
+  test("toOptions custom attr nested", () => {
+    const data = [
+      {
+        ide: "1",
+        wtf: {
+          ed: "long"
+        }
+      },
+      {
+        ide: "2",
+        wtf: {
+          ed: "long2"
+        }
+      },
+      {
+        ide: "3",
+        wtf: "eiei"
+      },
+      {}
+    ];
+    expect(ArrayHelper.toOptions(data, "ide", "wtf.ed")).toEqual([
+      {
+        value: "1",
+        label: "long"
+      },
+      {
+        value: "2",
+        label: "long2"
+      },
+      {
+        value: "3",
+        label: "3"
+      },
+      {
+        value: null,
+        label: null
+      }
+    ]);
+  });
+  test("toArray", () => {
+    expect(ArrayHelper.toArray(null)).toEqual([]);
+    expect(ArrayHelper.toArray([])).toEqual([]);
+    expect(ArrayHelper.toArray("")).toEqual([]);
+    expect(ArrayHelper.toArray(false)).toEqual([]);
+    expect(ArrayHelper.toArray(true)).toEqual([]);
+    expect(ArrayHelper.toArray({})).toEqual([]);
+    expect(ArrayHelper.toArray([1, 2, 3])).toEqual([1, 2, 3]);
+  });
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.4.24",
+  "version": "1.4.26",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Dev Core Team",