@finema/core 2.59.2 → 2.60.2

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

@@ -1,70 +1,70 @@
 <template>
-  <div
+  <div
     :class="
   theme.paginationContainer({
     class: [ui?.paginationContainer]
   })
-"
-  >
-    <div
+"
+  >
+    <div
       :class="
   theme.paginationInfoWrapper({
     class: [ui?.paginationInfoWrapper]
   })
-"
-    >
-      <USelect
-        v-if="options.pageOptions && !options.isHideLimitSelect"
-        size="lg"
-        trailing="รายการ"
+"
+    >
+      <USelect
+        v-if="options.pageOptions && !options.isHideLimitSelect"
+        size="lg"
+        trailing="รายการ"
         :class="
   theme.paginationLimitSelect({
     class: [ui?.paginationLimitSelect, 'cursor-pointer']
   })
-"
-        :items="pageLimitItems"
-        :model-value="pageLimit"
-        @update:modelValue="emits('pageLimitChange', $event)"
-      >
-        <template #default="{ modelValue }">
-          <p
+"
+        :items="pageLimitItems"
+        :model-value="pageLimit"
+        @update:modelValue="emits('pageLimitChange', $event)"
+      >
+        <template #default="{ modelValue }">
+          <p
             :class="
   theme.paginationLimitSelectLabel({
     class: [ui?.paginationLimitSelectLabel]
   })
-"
-          >
-            {{ modelValue }} รายการ
-          </p>
-        </template>
-      </USelect>
-      <p
+"
+          >
+            {{ modelValue }} รายการ
+          </p>
+        </template>
+      </USelect>
+      <p
         :class="
   theme.paginationInfo({
     class: [ui?.paginationInfo, '']
   })
-"
-      >
-        <span v-if="options.pageOptions">{{ pageBetween }} จากทั้งหมด {{ totalCountWithComma }}</span>
-        <span v-else>ทั้งหมด {{ options.rawData.length }} รายการ</span>
-      </p>
-    </div>
-
-    <UPagination
-      v-if="options.pageOptions && options.pageOptions.totalPage > 1"
-      :page="page"
-      :default-page="options.pageOptions?.currentPage || 1"
-      :items-per-page="options.pageOptions.limit"
-      :total="options.pageOptions.totalCount"
-      :to="options.isRouteChange ? to : void 0"
-      show-edges
-      variant="outline"
-      color="neutral"
-      active-color="neutral"
-      active-variant="subtle"
-      @update:page="emits('pageChange', $event)"
-    />
-  </div>
+"
+      >
+        <span v-if="options.pageOptions">{{ pageBetween }} จากทั้งหมด {{ totalCountWithComma }}</span>
+        <span v-else>ทั้งหมด {{ options.rawData.length }} รายการ</span>
+      </p>
+    </div>
+
+    <UPagination
+      v-if="options.pageOptions && options.pageOptions.totalPage > 1"
+      :page="page"
+      :default-page="options.pageOptions?.currentPage || 1"
+      :items-per-page="options.pageOptions.limit"
+      :total="options.pageOptions.totalCount"
+      :to="options.isRouteChange ? to : void 0"
+      show-edges
+      variant="outline"
+      color="neutral"
+      active-color="neutral"
+      active-variant="subtle"
+      @update:page="emits('pageChange', $event)"
+    />
+  </div>
 </template>
 
 <script setup>

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

@@ -1,25 +1,25 @@
 <template>
-  <Base
-    v-bind="$attrs"
+  <Base
+    v-bind="$attrs"
     :options="{
   ...options,
   pageOptions,
   isHideLimitSelect: true
-}"
-    :ui="ui"
-    :raw-data="itemsByPage"
-    @page-change="onPageChange"
-  >
-    <template
-      v-for="(_, slot) of $slots"
-      #[slot]="slotProps"
-    >
-      <slot
-        :name="slot"
-        v-bind="slotProps || {}"
-      />
-    </template>
-  </Base>
+}"
+    :ui="ui"
+    :raw-data="itemsByPage"
+    @page-change="onPageChange"
+  >
+    <template
+      v-for="(_, slot) of $slots"
+      #[slot]="slotProps"
+    >
+      <slot
+        :name="slot"
+        v-bind="slotProps || {}"
+      />
+    </template>
+  </Base>
 </template>
 
 <script setup>

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:#ebeeff;--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}

package/dist/runtime/theme/selectMenu.js

@@ -7,10 +7,10 @@ export const selectMenuTheme = {
     clearIcon: "size-6 bg-gray-400 hover:bg-gray-400/75",
     item: "cursor-pointer max-sm:h-14",
     tagsWrapper: "flex flex-wrap gap-x-2 gap-y-1",
-    tagsItem: "px-1.5 py-0.5 rounded-sm inline-flex items-center gap-0.5 ring-1 ring-gray-300 bg-white data-disabled:cursor-not-allowed data-disabled:opacity-75",
+    tagsItem: "px-1.5 py-0.5 rounded-sm inline-flex items-center gap-0.5 bg-primary text-white data-disabled:cursor-not-allowed data-disabled:opacity-75",
     tagsItemText: "flex items-center gap-x-1 text-sm",
     tagsItemDelete: [
-      "inline-flex items-center hover:text-gray-500 disabled:pointer-events-none",
+      "inline-flex items-center text-white disabled:pointer-events-none",
       "transition-colors cursor-pointer"
     ],
     tagsItemDeleteIcon: "ph:x"

package/dist/runtime/theme/table.js

@@ -14,7 +14,7 @@ export const tableTheme = {
     thead: "",
     th: "text-[#475467]  whitespace-nowrap font-medium text-xs",
     td: "text-[#475467]",
-    tr: "hover:bg-gray-50"
+    tr: ""
   },
   variants: {
     pinned: {

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

@@ -1,20 +1,10 @@
 export declare class TimeHelper {
     static thaiFormat: (dateStr: Date, formatStr: string, forceThai?: boolean) => string;
-    static displayDate: (time: string | Date | null | undefined, options?: {
-        autoTimezone?: boolean;
-    }) => string | null;
-    static displayDateTime: (time: string | Date | null | undefined, options?: {
-        autoTimezone?: boolean;
-    }) => string | null;
-    static displayDateThai: (time: string | Date | null | undefined, options?: {
-        autoTimezone?: boolean;
-    }) => string | null;
-    static displayDateTimeThai: (time: string | Date | null | undefined, options?: {
-        autoTimezone?: boolean;
-    }) => string | null;
-    static displayDateRange: (startDate: Date | string | null | undefined, endDate: Date | string | null | undefined, options?: {
-        autoTimezone?: boolean;
-    }) => {
+    static displayDate: (time: string | Date | null | undefined) => string | null;
+    static displayDateTime: (time: string | Date | null | undefined) => string | null;
+    static displayDateThai: (time: string | Date | null | undefined) => string | null;
+    static displayDateTimeThai: (time: string | Date | null | undefined) => string | null;
+    static displayDateRange: (startDate: Date | string | null | undefined, endDate: Date | string | null | undefined) => {
         startDate: Date | string | null;
         endDate: Date | string | null;
     };

package/dist/runtime/utils/TimeHelper.js

@@ -10,6 +10,7 @@ const timeFormat = useCoreConfig().time_format;
 const isThaiYear = useCoreConfig().is_thai_year;
 const isThaiMonth = useCoreConfig().is_thai_month;
 const timeZone = useCoreConfig().time_zone;
+const locale = useCoreConfig().locale;
 const getTime = (time) => {
   return isDate(time) ? time : new Date(time);
 };
@@ -25,55 +26,39 @@ export class TimeHelper {
     }
     return formatInTimeZone(newDateStr, timeZone, formatStr, options);
   };
-  static displayDate = (time, options) => {
+  static displayDate = (time) => {
     if (!time) {
       return null;
     }
     const parsedTime = getTime(time);
-    if (options?.autoTimezone) {
-      const newTime2 = format(parsedTime, dateFormatDisplay);
-      return isValid(parsedTime) ? newTime2 : time;
-    }
-    const newTime = TimeHelper.thaiFormat(parsedTime, dateFormatDisplay);
+    const newTime = locale === "th" ? TimeHelper.thaiFormat(parsedTime, dateFormatDisplay) : format(parsedTime, dateFormatDisplay);
     return isValid(parsedTime) ? newTime : time;
   };
-  static displayDateTime = (time, options) => {
+  static displayDateTime = (time) => {
     if (!time) {
       return null;
     }
     const parsedTime = getTime(time);
-    if (options?.autoTimezone) {
-      const newTime2 = format(parsedTime, dateTimeFormatDisplay);
-      return isValid(parsedTime) ? newTime2 : time;
-    }
-    const newTime = TimeHelper.thaiFormat(parsedTime, dateTimeFormatDisplay);
+    const newTime = locale === "th" ? TimeHelper.thaiFormat(parsedTime, dateTimeFormatDisplay) : format(parsedTime, dateTimeFormatDisplay);
     return isValid(parsedTime) ? newTime : time;
   };
-  static displayDateThai = (time, options) => {
+  static displayDateThai = (time) => {
     if (!time) {
       return null;
     }
     const parsedTime = getTime(time);
-    if (options?.autoTimezone) {
-      const newTime2 = format(parsedTime, dateFormat);
-      return isValid(parsedTime) ? newTime2 : time;
-    }
-    const newTime = TimeHelper.thaiFormat(parsedTime, dateFormat, true);
+    const newTime = TimeHelper.thaiFormat(parsedTime, dateFormatDisplay, true);
     return isValid(parsedTime) ? newTime : time;
   };
-  static displayDateTimeThai = (time, options) => {
+  static displayDateTimeThai = (time) => {
     if (!time) {
       return null;
     }
     const parsedTime = getTime(time);
-    if (options?.autoTimezone) {
-      const newTime2 = format(parsedTime, dateTimeFormat);
-      return isValid(parsedTime) ? newTime2 : time;
-    }
-    const newTime = TimeHelper.thaiFormat(parsedTime, dateTimeFormat, true);
+    const newTime = TimeHelper.thaiFormat(parsedTime, dateTimeFormatDisplay, true);
     return isValid(parsedTime) ? newTime : time;
   };
-  static displayDateRange = (startDate, endDate, options) => {
+  static displayDateRange = (startDate, endDate) => {
     if (!startDate || !endDate) {
       return {
         startDate: startDate || null,
@@ -82,14 +67,6 @@ export class TimeHelper {
     }
     const parsedStartDate = getTime(startDate);
     const parsedEndDate = getTime(endDate);
-    if (options?.autoTimezone) {
-      const newTimeStartDate = format(parsedStartDate, dateFormatDisplay);
-      const newTimeEndDate = format(parsedEndDate, dateFormatDisplay);
-      return {
-        startDate: isValid(parsedStartDate) ? newTimeStartDate : startDate,
-        endDate: isValid(parsedEndDate) ? newTimeEndDate : endDate
-      };
-    }
     const newStartDate = TimeHelper.thaiFormat(parsedStartDate, dateFormatDisplay);
     const newEndDate = TimeHelper.thaiFormat(parsedEndDate, dateFormatDisplay);
     return {
@@ -129,7 +106,7 @@ export class TimeHelper {
       return null;
     }
     const parsedTime = getTime(time);
-    const newTime = formatInTimeZone(parsedTime, timeZone, customFormat);
+    const newTime = format(parsedTime, customFormat);
     return isValid(parsedTime) ? newTime : time;
   };
   static getDateFormTimeWithLocal = (time, customFormat = dateFormat) => {

package/package.json

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

package/dist/runtime/components/Form/InputCheckboxGroup/index.d.vue.ts

@@ -1,8 +0,0 @@
-import type { ICheckboxGroupFieldProps } from '#core/components/Form/InputCheckboxGroup/types';
-declare const __VLS_export: import("vue").DefineComponent<ICheckboxGroupFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<ICheckboxGroupFieldProps> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/Form/InputCheckboxGroup/index.vue

@@ -1,59 +0,0 @@
-<template>
-  <FieldWrapper
-    v-bind="wrapperProps"
-    label=""
-    description=""
-  >
-    <CheckboxGroup
-      :model-value="value"
-      :disabled="wrapperProps.disabled"
-      :name="name"
-      :label="label"
-      :items="options"
-      :description="description"
-      :required="required"
-      :variant="variant"
-      :indicator="indicator"
-      :value-key="valueKey"
-      :orientation="orientation"
-      :ui="ui"
-      @update:modelValue="onChange"
-    />
-  </FieldWrapper>
-</template>
-
-<script setup>
-import { useFieldHOC } from "#core/composables/useForm";
-import FieldWrapper from "#core/components/Form/FieldWrapper.vue";
-const emits = defineEmits(["change"]);
-const props = defineProps({
-  label: { type: String, required: false },
-  description: { type: String, required: false },
-  variant: { type: String, required: false },
-  orientation: { type: String, required: false },
-  indicator: { type: String, required: false },
-  options: { type: Array, required: true },
-  valueKey: { type: String, required: false },
-  form: { type: Object, required: false },
-  name: { type: String, required: true },
-  errorMessage: { type: String, required: false },
-  hint: { type: String, required: false },
-  rules: { type: null, required: false },
-  autoFocus: { type: Boolean, required: false },
-  placeholder: { type: String, required: false },
-  disabled: { type: Boolean, required: false },
-  readonly: { type: Boolean, required: false },
-  required: { type: Boolean, required: false },
-  help: { type: String, required: false },
-  ui: { type: null, required: false }
-});
-const {
-  value,
-  wrapperProps,
-  handleChange
-} = useFieldHOC(props);
-const onChange = (value2) => {
-  handleChange(value2);
-  emits("change", value2);
-};
-</script>

package/dist/runtime/components/Form/InputCheckboxGroup/index.vue.d.ts

@@ -1,8 +0,0 @@
-import type { ICheckboxGroupFieldProps } from '#core/components/Form/InputCheckboxGroup/types';
-declare const __VLS_export: import("vue").DefineComponent<ICheckboxGroupFieldProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (...args: any[]) => void;
-}, string, import("vue").PublicProps, Readonly<ICheckboxGroupFieldProps> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;

package/dist/runtime/components/Form/InputCheckboxGroup/types.d.ts

@@ -1,21 +0,0 @@
-import type { IFieldProps, IFormFieldBase, INPUT_TYPES } from '#core/components/Form/types';
-import type { IOption } from '#core/types/common';
-export type CheckboxOption = IOption & {
-    label?: string;
-    value?: any;
-    description?: string;
-    disabled?: boolean;
-    class?: any;
-};
-export interface ICheckboxGroupFieldProps extends IFieldProps {
-    label?: string;
-    description?: string;
-    variant?: 'list' | 'card' | 'table';
-    orientation?: 'horizontal' | 'vertical';
-    indicator?: 'start' | 'end' | 'hidden';
-    options: CheckboxOption[];
-    valueKey?: string;
-}
-export type ICheckboxGroupField = IFormFieldBase<INPUT_TYPES.CHECKBOX_GROUP, ICheckboxGroupFieldProps, {
-    change?: (value: any) => void;
-}>;