@finema/core 2.32.1 → 2.33.0

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "2.32.1",
+  "version": "2.33.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.32.1";
+const version = "2.33.0";
 
 const nuxtAppOptions = {
   head: {

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

@@ -11,13 +11,6 @@
       />
     </div>
 
-    <slot
-      v-if="options.status.isSuccess && options.rawData.length === 0"
-      name="empty-state"
-    >
-      <Empty />
-    </slot>
-
     <div
       v-if="options.pageOptions && options.isEnableInfiniteScroll"
       class="mb-4 flex items-center justify-end"
@@ -27,23 +20,45 @@
       </p>
     </div>
 
-    <div :class="containerClass">
-      <slot
-        v-for="(row, index) in displayData"
-        :key="index"
-        :row="row"
-      />
-      <div ref="bottomEdgeElement" />
-    </div>
+    <slot
+      v-if="options.status.isSuccess && options.rawData.length === 0"
+      name="empty-state"
+    >
+      <Empty />
+    </slot>
 
     <slot
-      v-if="options.status.isLoading"
+      v-else-if="options.status.isLoading"
       name="loading-state"
     >
       <Loader
         :loading="true"
       />
     </slot>
+    <slot
+      v-else-if="options.status.isError"
+      name="error-state"
+    >
+      <div
+        class="
+          text-error-400 flex h-[200px] items-center justify-center text-2xl
+        "
+      >
+        {{ StringHelper.getError(options.status.errorData) }}
+      </div>
+    </slot>
+
+    <div
+      v-else
+      :class="containerClass"
+    >
+      <slot
+        v-for="(row, index) in displayData"
+        :key="index"
+        :row="row"
+      />
+      <div ref="bottomEdgeElement" />
+    </div>
 
     <div
       v-if="options.pageOptions && !options.isEnableInfiniteScroll && !options.isHidePagination"

package/dist/runtime/components/FlexDeck/index.vue.d.ts

@@ -7,6 +7,7 @@ type __VLS_Slots = {
     }) => any;
     'empty-state': () => any;
     'loading-state': () => any;
+    'error-state': () => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     options: {

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

@@ -1,6 +1,7 @@
 <template>
   <FieldWrapper v-bind="wrapperProps">
     <Datepicker
+      :teleport="true"
       :model-value="innerValue"
       :disabled="wrapperProps.disabled"
       cancel-text="ยกเลิก"

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

@@ -3,6 +3,7 @@
     <Datepicker
       ref="datepicker"
       v-model="innerValueRef"
+      :teleport="true"
       :disabled="wrapperProps.disabled"
       cancel-text="ยกเลิก"
       select-text="เลือก"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "2.32.1",
+  "version": "2.33.0",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Dev Core Team",
@@ -44,7 +44,7 @@
     "@iconify-json/ph": "^1.2.2",
     "@iconify-json/svg-spinners": "^1.2.2",
     "@nuxt/kit": "^4.0.2",
-    "@nuxt/ui": "^3.3.2",
+    "@nuxt/ui": "^3.3.3",
     "@pinia/nuxt": "^0.11.0",
     "@tailwindcss/typography": "^0.5.0-alpha.3",
     "@tiptap/extension-image": "^3.0.7",