@finema/core 3.14.0 → 3.14.2

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "3.14.0",
+  "version": "3.14.2",
   "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 = "3.14.0";
+const version = "3.14.2";
 
 const nuxtAppOptions = {
   head: {

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

@@ -1,29 +1,29 @@
 <template>
   <FieldWrapper v-bind="wrapperProps">
-    <Drawer
+    <!--   <Drawer
       v-if="isMobile"
       v-model:open="isShowModal"
     >
       <Input
         v-if="!readMode"
-        :trailing-icon="innerValue ? void 0 : 'i-heroicons-calendar-days'"
+        :trailing-icon="innerValue ? undefined : 'i-heroicons-calendar-days'"
         type="text"
         :disabled="wrapperProps.disabled"
         :model-value="format(innerValue)"
         :placeholder="wrapperProps.placeholder"
         :readonly="true"
         :ui="{
-  base: 'cursor-pointer select-none',
-  trailingIcon: 'cursor-pointer'
-}"
+          base: 'cursor-pointer select-none',
+          trailingIcon: 'cursor-pointer',
+        }"
       >
         <template #trailing>
           <Icon
             v-if="clearable && value"
             :name="clearIcon"
             :class="theme.clearIcon({
-  class: [ui?.clearIcon, 'mr-0 cursor-pointer']
-})"
+              class: [ui?.clearIcon, 'mr-0 cursor-pointer'],
+            })"
             @click.stop="value = null"
           />
         </template>
@@ -33,7 +33,7 @@
         class="cursor-pointer rounded-md px-2 py-1 hover:bg-gray-100"
         :class="classReadMode"
       >
-        {{ innerValue ? format(innerValue) : "None" }}
+        {{ innerValue ? format(innerValue) : 'None' }}
       </div>
 
       <template #content>
@@ -41,12 +41,12 @@
           inline
           :model-value="innerValue"
           :disabled="wrapperProps.disabled"
-          :cancel-text="appConfig.core?.locale === 'th' ? '\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01' : 'Cancel'"
-          :select-text="appConfig.core?.locale === 'th' ? '\u0E15\u0E01\u0E25\u0E07' : 'Select'"
+          :cancel-text="appConfig.core?.locale === 'th' ? 'ยกเลิก' : 'Cancel'"
+          :select-text="appConfig.core?.locale === 'th' ? 'ตกลง' : 'Select'"
           :locale="appConfig.core?.locale"
           :enable-time-picker="!disabledTime"
           :placeholder="wrapperProps.placeholder"
-          :format="format"
+          :format="(format as any)"
           :min-date="minDate"
           :max-date="maxDate"
           :min-time="minTime"
@@ -60,22 +60,20 @@
           <template #action-row="{ internalModelValue, selectDate, closePicker }">
             <div class="flex w-full items-center justify-between">
               <p>
-                {{ format(internalModelValue) }}
+                {{ format(internalModelValue as any) }}
               </p>
 
               <div class="flex items-center space-x-2">
                 <Button
                   color="neutral"
                   variant="subtle"
-                  @click="closePicker;
-  isShowModal = false"
+                  @click="closePicker; isShowModal = false"
                 >
-                  {{ appConfig.core?.locale === "th" ? "\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01" : "Cancel" }}
+                  {{ appConfig.core?.locale === 'th' ? 'ยกเลิก' : 'Cancel' }}
                 </Button>  <Button
-                  @click="selectDate;
-  isShowModal = false"
+                  @click="selectDate; isShowModal = false"
                 >
-                  {{ appConfig.core?.locale === "th" ? "\u0E15\u0E01\u0E25\u0E07" : "Select" }}
+                  {{ appConfig.core?.locale === 'th' ? 'ตกลง' : 'Select' }}
                 </Button>
               </div>
             </div>
@@ -94,9 +92,8 @@
           </template>
         </Datepicker>
       </template>
-    </Drawer>
+    </Drawer> -->
     <Datepicker
-      v-else
       :model-value="innerValue"
       :disabled="wrapperProps.disabled"
       :cancel-text="appConfig.core?.locale === 'th' ? '\u0E22\u0E01\u0E40\u0E25\u0E34\u0E01' : 'Cancel'"

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

@@ -69,8 +69,11 @@
           :color="page === item.value ? 'neutral' : 'neutral'"
           :label="String(NumberHelper.withComma(item.value))"
           :ui="{ label: themePagination.label }"
-          :to="to?.(item.value)"
           square
+          :to="to?.(item.value)"
+          :class="theme.buttonPagination({
+  class: [ui?.buttonPagination]
+})"
         />
       </template>
     </UPagination>

package/dist/runtime/theme/table.d.ts

@@ -15,6 +15,7 @@ export declare const tableTheme: {
         th: string;
         td: string;
         tr: string;
+        buttonPagination: string;
     };
     variants: {
         pinned: {

package/dist/runtime/theme/table.js

@@ -6,15 +6,16 @@ export const tableTheme = {
     captionContainer: "hidden mb-4 text-gray-500",
     captionBoldText: "font-bold",
     errorMessage: "text-error-400 text-2xl h-[200px] flex justify-center items-center",
-    paginationContainer: "flex justify-between items-center flex-row md:flex-col lg:flex-row gap-4 px-4 py-3 bg-[#F2F4F7]",
-    paginationInfoWrapper: "flex items-center justify-between gap-4",
+    paginationContainer: "flex justify-between items-center flex-row md:flex-col lg:flex-row gap-y-2 gap-x-4 px-4 py-3 bg-[#F2F4F7]",
+    paginationInfoWrapper: "flex flex-wrap items-center justify-between gap-4",
     paginationInfo: "text-sm font-bold text-gray-600",
     paginationLimitSelect: "max-sm:!hidden min-w-[120px]",
     paginationLimitSelectLabel: "font-bold text-gray-600",
     thead: "",
     th: "text-[#475467]  whitespace-nowrap font-medium text-xs",
     td: "text-[#475467]",
-    tr: "hover:bg-gray-50"
+    tr: "hover:bg-gray-50",
+    buttonPagination: "min-w-10 justify-center"
   },
   variants: {
     pinned: {

package/package.json

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