@finema/core 2.43.1 → 2.43.2

package/dist/module.json

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

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

@@ -33,47 +33,58 @@
           />
         </template>
       </Input>
-      <Input
+      <Popover
         v-else
-        ref="inputRef"
-        v-maska="activeMaskOptions"
-        :model-value="value"
-        :disabled="wrapperProps.disabled"
-        :leading-icon="leadingIcon"
-        :trailing-icon="trailingIcon"
-        :loading="loading"
-        :loading-icon="loadingIcon"
-        :name="name"
-        :placeholder="wrapperProps.placeholder"
-        :type="type"
-        :autofocus="!!autoFocus"
-        :icon="icon"
-        :readonly="readonly"
-        :ui="ui"
-        @update:model-value="onChange"
-        @focus="onFocus"
-        @blur="onBlur"
-        @keydown="onKeydown"
-      />
-      <div
-        v-if="showSuggestions && filteredSuggestions.length > 0"
-        ref="suggestionsContainerRef"
-        :class="theme.suggestionsContainer()"
+        v-model:open="showSuggestions"
+        :dismissible="false"
+        :ui="{ content: 'w-(--reka-popper-anchor-width)' }"
       >
-        <div
-          v-for="(suggestion, index) in filteredSuggestions"
-          :key="suggestion"
-          :ref="(el) => setSuggestionItemRef(el, index)"
-          :class="[
+        <template #anchor>
+          <Input
+            ref="inputRef"
+            v-maska="activeMaskOptions"
+            :model-value="value"
+            :disabled="wrapperProps.disabled"
+            :leading-icon="leadingIcon"
+            :trailing-icon="trailingIcon"
+            :loading="loading"
+            :loading-icon="loadingIcon"
+            :name="name"
+            :placeholder="wrapperProps.placeholder"
+            :type="type"
+            :autofocus="!!autoFocus"
+            :icon="icon"
+            :readonly="readonly"
+            :ui="ui"
+            @update:model-value="onChange"
+            @focus="onFocus"
+            @blur="onBlur"
+            @keydown="onKeydown"
+          />
+        </template>
+
+        <template #content>
+          <div
+            v-if="showSuggestions && filteredSuggestions.length > 0"
+            ref="suggestionsContainerRef"
+            :class="theme.suggestionsContainer()"
+          >
+            <div
+              v-for="(suggestion, index) in filteredSuggestions"
+              :key="suggestion"
+              :ref="(el) => setSuggestionItemRef(el, index)"
+              :class="[
   theme.suggestionItem(),
   { [theme.suggestionItemActive()]: index === selectedSuggestionIndex }
 ]"
-          @mousedown.prevent="selectSuggestion(suggestion, index)"
-          @mouseenter="selectedSuggestionIndex = index"
-        >
-          {{ suggestion }}
-        </div>
-      </div>
+              @mousedown.prevent="selectSuggestion(suggestion, index)"
+              @mouseenter="selectedSuggestionIndex = index"
+            >
+              {{ suggestion }}
+            </div>
+          </div>
+        </template>
+      </Popover>
     </div>
   </FieldWrapper>
 </template>

package/dist/runtime/theme/input.js

@@ -1,7 +1,7 @@
 export const inputTheme = {
   slots: {
     root: "w-full",
-    suggestionsContainer: "absolute z-50 w-full mt-1 bg-white border border-gray-200 rounded-md shadow max-h-60 overflow-y-auto",
+    suggestionsContainer: "w-full bg-white max-h-60 overflow-y-auto rounded-md",
     suggestionItem: "px-3 py-3 text-sm cursor-pointer hover:bg-(--ui-color-primary-100) truncate",
     suggestionItemActive: "bg-(--ui-color-primary-100)"
   },

package/dist/runtime/utils/TimeHelper.js

@@ -104,7 +104,7 @@ export class TimeHelper {
     if (!time) {
       return null;
     }
-    const parsedTime = isDate(time) ? time : getTime(time);
+    const parsedTime = getTime(time);
     const newTime = format(parsedTime, customFormat);
     return isValid(parsedTime) ? newTime : time;
   };
@@ -125,7 +125,7 @@ export class TimeHelper {
       return null;
     }
     try {
-      const parsedTime = isDate(time) ? time : new Date(time);
+      const parsedTime = getTime(time);
       const testTime = format(parsedTime, dateTimeFormat);
       if (!isValid(parsedTime) || testTime === "Invalid Date") {
         return time;
@@ -139,7 +139,7 @@ export class TimeHelper {
     if (!time) {
       return null;
     }
-    const parsedTime = isDate(time) ? time : getTime(time);
+    const parsedTime = getTime(time);
     const newTime = format(parsedTime, dateTimeFormat);
     return isValid(parsedTime) ? newTime : time;
   };
@@ -147,7 +147,7 @@ export class TimeHelper {
     if (!time) {
       return null;
     }
-    const parsedTime = isDate(time) ? time : getTime(time);
+    const parsedTime = getTime(time);
     const newTime = format(parsedTime, timeFormat);
     return isValid(parsedTime) ? newTime : time;
   };
@@ -158,10 +158,7 @@ export class TimeHelper {
     if (!str) {
       return null;
     }
-    if (isDate(str)) {
-      return str;
-    }
-    const parsedTime = new Date(str);
+    const parsedTime = getTime(str);
     return isValid(parsedTime) ? parsedTime : null;
   };
 }

package/package.json

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