@finema/core 1.4.3 → 1.4.6

package/dist/module.d.mts

@@ -3,6 +3,9 @@ import * as _nuxt_schema from '@nuxt/schema';
 declare const core: {
     limit_per_page: number;
     default_primary_key: string;
+    date_format: string;
+    date_time_format: string;
+    time_format: string;
 };
 
 declare const config_core: typeof core;

package/dist/module.d.ts

@@ -3,6 +3,9 @@ import * as _nuxt_schema from '@nuxt/schema';
 declare const core: {
     limit_per_page: number;
     default_primary_key: string;
+    date_format: string;
+    date_time_format: string;
+    time_format: string;
 };
 
 declare const config_core: typeof core;

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.4.3",
+  "version": "1.4.6",
   "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.3";
+const version = "1.4.6";
 
 const colors = {
   black: "#20243E",

package/dist/runtime/components/Form/Fields.vue

@@ -9,63 +9,63 @@
           v-on="option.on ?? {}"
         />
         <FormInputText
-          v-if="option.type === INPUT_TYPES.TEXT"
+          v-else-if="option.type === INPUT_TYPES.TEXT"
           :form="form"
           v-bind="option.props"
           v-on="option.on ?? {}"
         />
         <FormInputText
-          v-if="option.type === INPUT_TYPES.PASSWORD"
+          v-else-if="option.type === INPUT_TYPES.PASSWORD"
           type="password"
           :form="form"
           v-bind="option.props"
           v-on="option.on ?? {}"
         />
         <FormInputText
-          v-if="option.type === INPUT_TYPES.EMAIL"
+          v-else-if="option.type === INPUT_TYPES.EMAIL"
           type="email"
           :form="form"
           v-bind="option.props"
           v-on="option.on ?? {}"
         />
         <FormInputTextarea
-          v-if="option.type === INPUT_TYPES.TEXTAREA"
+          v-else-if="option.type === INPUT_TYPES.TEXTAREA"
           :form="form"
           v-bind="option.props"
           v-on="option.on ?? {}"
         />
         <FormInputToggle
-          v-if="option.type === INPUT_TYPES.TOGGLE"
+          v-else-if="option.type === INPUT_TYPES.TOGGLE"
           :form="form"
           v-bind="option.props"
           v-on="option.on ?? {}"
         />
         <FormInputSelect
-          v-if="option.type === INPUT_TYPES.SELECT"
+          v-else-if="option.type === INPUT_TYPES.SELECT"
           :form="form"
           v-bind="option.props"
           v-on="option.on ?? {}"
         />
         <FormInputRadio
-          v-if="option.type === INPUT_TYPES.RADIO"
+          v-else-if="option.type === INPUT_TYPES.RADIO"
           :form="form"
           v-bind="option.props"
           v-on="option.on ?? {}"
         />
         <FormInputCheckbox
-          v-if="option.type === INPUT_TYPES.CHECKBOX"
+          v-else-if="option.type === INPUT_TYPES.CHECKBOX"
           :form="form"
           v-bind="option.props"
           v-on="option.on ?? {}"
         />
         <FormInputDateTime
-          v-if="option.type === INPUT_TYPES.DATE_TIME"
+          v-else-if="option.type === INPUT_TYPES.DATE_TIME"
           :form="form"
           v-bind="option.props"
           v-on="option.on ?? {}"
         />
         <FormInputDateTime
-          v-if="option.type === INPUT_TYPES.DATE"
+          v-else-if="option.type === INPUT_TYPES.DATE"
           :form="form"
           v-bind="option.props"
           :disabled-time="true"

package/dist/runtime/components/Form/InputDateTime/date_time_field.types.d.ts

@@ -1,8 +1,16 @@
 import { type IFieldProps, type IFormFieldBase, type INPUT_TYPES } from '#core/components/Form/types';
+export interface ITimeOption {
+    hours?: number | string;
+    minutes?: number | string;
+    seconds?: number | string;
+}
 export interface IDateTimeFieldProps extends IFieldProps {
     disabledTime?: boolean;
     minDate?: Date | string;
     maxDate?: Date | string;
+    startTime?: ITimeOption;
+    minTime?: ITimeOption;
+    maxTime?: ITimeOption;
 }
 export type IDateTimeField = IFormFieldBase<INPUT_TYPES.DATE_TIME | INPUT_TYPES.DATE, IDateTimeFieldProps, {
     change: (value: string) => void;

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

@@ -11,13 +11,17 @@
       :format="format"
       :min-date="minDate"
       :max-date="maxDate"
+      :min-time="minTime"
+      :max-time="maxTime"
+      :start-time="startTime"
       :required="isRequired"
+      time-picker-inline
     >
-      <template #dp-input="{ value }">
+      <template #dp-input="{ value: innerValue }">
         <UInput
           icon="i-heroicons-calendar-days"
           type="text"
-          :value="value"
+          :value="innerValue"
           :placeholder="wrapperProps.placeholder"
           :readonly="true"
           input-class="cursor-pointer select-none"

package/dist/runtime/composables/useConfig.mjs

@@ -2,7 +2,7 @@ import { mergeConfig } from "#ui/utils";
 import { core } from "#core/core.config";
 import appConfig from "#build/app.config";
 export const useCoreConfig = () => {
-  return mergeConfig(appConfig.core.strategy, appConfig.core, core);
+  return mergeConfig("override", appConfig.core, core);
 };
 export const useUiConfig = (config, name) => {
   return mergeConfig(appConfig.ui.strategy, appConfig.ui[name], config);

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

@@ -1,4 +1,7 @@
 export declare const core: {
     limit_per_page: number;
     default_primary_key: string;
+    date_format: string;
+    date_time_format: string;
+    time_format: string;
 };

package/dist/runtime/core.config.mjs

@@ -1,4 +1,7 @@
 export const core = {
   limit_per_page: 30,
-  default_primary_key: "id"
+  default_primary_key: "id",
+  date_format: "yyyy-MM-dd",
+  date_time_format: "yyyy-MM-dd HH:mm",
+  time_format: "HH:mm"
 };

package/dist/runtime/utils/TimeHelper.mjs

@@ -1,7 +1,8 @@
 import { addHours, format, formatISO, isDate, isValid, parse, subHours } from "date-fns";
-const dateFormat = "yyyy-MM-dd";
-const dateTimeFormat = "yyyy-MM-dd HH:mm";
-const timeFormat = "HH:mm";
+import { useCoreConfig } from "#core/composables/useConfig";
+const dateFormat = useCoreConfig().date_format;
+const dateTimeFormat = useCoreConfig().date_time_format;
+const timeFormat = useCoreConfig().time_format;
 export class TimeHelper {
   static toUTC = (time) => {
     if (!time) {

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

@@ -1,54 +1,63 @@
-import { test, assert } from "vitest";
+import { assert, describe, it, vi } from "vitest";
 import { TimeHelper } from "./TimeHelper.mjs";
-test("toUTC should convert time to UTC format", () => {
-  const inputTime = "2023-12-19 12:00";
-  const expectedOutput = "2023-12-19 05:00";
-  const result = TimeHelper.toUTC(inputTime);
-  assert.equal(result, expectedOutput);
-});
-test("toLocal should convert time to local format", () => {
-  const inputTime = "2023-12-19 12:00";
-  const expectedOutput = "2023-12-19 19:00";
-  const result = TimeHelper.toLocal(inputTime);
-  assert.equal(result, expectedOutput);
-});
-test("getCurrentDate should return the current date in yyyy-MM-dd format", () => {
-  const expectedOutputRegex = /^\d{4}-\d{2}-\d{2}$/;
-  const result = TimeHelper.getCurrentDate();
-  assert.match(result, expectedOutputRegex);
-});
-test("getDateFormTime should convert time to date format", () => {
-  const inputTime = "2023-12-19 12:00";
-  const expectedOutput = "2023-12-19";
-  const result = TimeHelper.getDateFormTime(inputTime);
-  assert.equal(result, expectedOutput);
-});
-test("getDateFormTimeWithLocal should convert time to date format with local time", () => {
-  const inputTime = "2023-12-19 12:00";
-  const expectedOutputRegex = /^\d{4}-\d{2}-\d{2}$/;
-  const result = TimeHelper.getDateFormTimeWithLocal(inputTime);
-  assert.match(result, expectedOutputRegex);
-});
-test("getISODateTimeFormTime should convert time to ISO date-time format", () => {
-  const inputTime = "2023-12-19 14:30";
-  const expectedOutput = "2023-12-19T14:30:00+07:00";
-  const result = TimeHelper.getISODateTimeFormTime(inputTime);
-  assert.equal(result, expectedOutput);
-});
-test("getDateTimeFormTime should convert time to date-time format", () => {
-  const inputTime = "2023-12-19 12:00";
-  const expectedOutputRegex = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/;
-  const result = TimeHelper.getDateTimeFormTime(inputTime);
-  assert.match(result, expectedOutputRegex);
-});
-test("getTimeFormTime should convert time to time format", () => {
-  const inputTime = "2023-12-19 12:00";
-  const expectedOutputRegex = /^\d{2}:\d{2}$/;
-  const result = TimeHelper.getTimeFormTime(inputTime);
-  assert.match(result, expectedOutputRegex);
-});
-test("getCurrentDateTime should return the current date and time in yyyy-MM-dd HH:mm format", () => {
-  const expectedOutputRegex = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/;
-  const result = TimeHelper.getCurrentDateTime();
-  assert.match(result, expectedOutputRegex);
+vi.mock("#core/composables/useConfig", () => ({
+  useCoreConfig: () => ({
+    date_format: "yyyy-MM-dd",
+    date_time_format: "yyyy-MM-dd HH:mm",
+    time_format: "HH:mm"
+  })
+}));
+describe("TimeHelper", async () => {
+  it("toUTC should convert time to UTC format", () => {
+    const inputTime = "2023-12-19 12:00";
+    const expectedOutput = "2023-12-19 05:00";
+    const result = TimeHelper.toUTC(inputTime);
+    assert.equal(result, expectedOutput);
+  });
+  it("toLocal should convert time to local format", () => {
+    const inputTime = "2023-12-19 12:00";
+    const expectedOutput = "2023-12-19 19:00";
+    const result = TimeHelper.toLocal(inputTime);
+    assert.equal(result, expectedOutput);
+  });
+  it("getCurrentDate should return the current date in yyyy-MM-dd format", () => {
+    const expectedOutputRegex = /^\d{4}-\d{2}-\d{2}$/;
+    const result = TimeHelper.getCurrentDate();
+    assert.match(result, expectedOutputRegex);
+  });
+  it("getDateFormTime should convert time to date format", () => {
+    const inputTime = "2023-12-19 12:00";
+    const expectedOutput = "2023-12-19";
+    const result = TimeHelper.getDateFormTime(inputTime);
+    assert.equal(result, expectedOutput);
+  });
+  it("getDateFormTimeWithLocal should convert time to date format with local time", () => {
+    const inputTime = "2023-12-19 12:00";
+    const expectedOutputRegex = /^\d{4}-\d{2}-\d{2}$/;
+    const result = TimeHelper.getDateFormTimeWithLocal(inputTime);
+    assert.match(result, expectedOutputRegex);
+  });
+  it("getISODateTimeFormTime should convert time to ISO date-time format", () => {
+    const inputTime = "2023-12-19 14:30";
+    const expectedOutput = "2023-12-19T14:30:00+07:00";
+    const result = TimeHelper.getISODateTimeFormTime(inputTime);
+    assert.equal(result, expectedOutput);
+  });
+  it("getDateTimeFormTime should convert time to date-time format", () => {
+    const inputTime = "2023-12-19 12:00";
+    const expectedOutputRegex = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/;
+    const result = TimeHelper.getDateTimeFormTime(inputTime);
+    assert.match(result, expectedOutputRegex);
+  });
+  it("getTimeFormTime should convert time to time format", () => {
+    const inputTime = "2023-12-19 12:00";
+    const expectedOutputRegex = /^\d{2}:\d{2}$/;
+    const result = TimeHelper.getTimeFormTime(inputTime);
+    assert.match(result, expectedOutputRegex);
+  });
+  it("getCurrentDateTime should return the current date and time in yyyy-MM-dd HH:mm format", () => {
+    const expectedOutputRegex = /^\d{4}-\d{2}-\d{2} \d{2}:\d{2}$/;
+    const result = TimeHelper.getCurrentDateTime();
+    assert.match(result, expectedOutputRegex);
+  });
 });

package/package.json

@@ -1,79 +1,82 @@
-{
-  "name": "@finema/core",
-  "version": "1.4.3",
-  "repository": "https://gitlab.finema.co/finema/ui-kit",
-  "license": "MIT",
-  "author": "Finema Dev Core Team",
-  "type": "module",
-  "exports": {
-    ".": {
-      "types": "./dist/types.d.ts",
-      "import": "./dist/module.mjs",
-      "require": "./dist/module.cjs"
-    }
-  },
-  "main": "./dist/module.cjs",
-  "types": "./dist/types.d.ts",
-  "files": [
-    "dist"
-  ],
-  "engines": {
-    "node": ">=18.0.0"
-  },
-  "scripts": {
-    "prepack": "nuxt-module-build build",
-    "dev": "nuxi dev playground",
-    "dev:build": "nuxi build playground",
-    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
-    "lint": "eslint .",
-    "lint:fix": "eslint . --fix",
-    "test": "vitest run",
-    "test:watch": "vitest watch",
-    "release": "release-it --ci",
-    "prepare": "husky install"
-  },
-  "dependencies": {
-    "@nuxt/kit": "^3.7.4",
-    "@nuxt/ui": "^2.11.1",
-    "@pinia/nuxt": "^0.5.1",
-    "@vee-validate/nuxt": "^4.12.3",
-    "@vee-validate/zod": "^4.12.3",
-    "@vuepic/vue-datepicker": "^7.4.0",
-    "axios": "^1.6.2",
-    "date-fns": "^3.0.6",
-    "i18next": "^23.7.11",
-    "lodash-es": "^4.17.21",
-    "nuxt-security": "^1.0.0",
-    "pinia": "^2.1.7",
-    "url-join": "^5.0.0",
-    "zod": "^3.22.4",
-    "zod-i18n-map": "^2.23.0"
-  },
-  "devDependencies": {
-    "@finema/eslint-config": "^1.2.0",
-    "@nuxt/devtools": "latest",
-    "@nuxt/eslint-config": "^0.2.0",
-    "@nuxt/module-builder": "^0.5.4",
-    "@nuxt/schema": "^3.7.4",
-    "@nuxt/test-utils": "^3.9.0",
-    "@release-it/conventional-changelog": "^8.0.1",
-    "@types/lodash-es": "^4.17.12",
-    "@types/node": "^18.18.1",
-    "changelogen": "^0.5.5",
-    "eslint": "^8.56.0",
-    "husky": "^8.0.3",
-    "lint-staged": "^15.2.0",
-    "nuxt": "^3.8.2",
-    "prettier": "^3.1.1",
-    "release-it": "^17.0.1",
-    "sass": "^1.69.5",
-    "stylelint": "^16.0.2",
-    "stylelint-config-prettier-scss": "^1.0.0",
-    "stylelint-config-standard-scss": "^12.0.0",
-    "vitest": "^1.1.0"
-  },
-  "lint-staged": {
-    "*.{ts,vue,tsx,js}": "eslint --fix",
-    "*.{html,json}": "prettier --write"
-  }
-}
+{
+  "name": "@finema/core",
+  "version": "1.4.6",
+  "repository": "https://gitlab.finema.co/finema/ui-kit",
+  "license": "MIT",
+  "author": "Finema Dev Core Team",
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/types.d.ts",
+      "import": "./dist/module.mjs",
+      "require": "./dist/module.cjs"
+    }
+  },
+  "main": "./dist/module.cjs",
+  "types": "./dist/types.d.ts",
+  "files": [
+    "dist"
+  ],
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "scripts": {
+    "prepack": "nuxt-module-build build",
+    "dev": "nuxi dev playground",
+    "dev:build": "nuxi build playground",
+    "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix",
+    "test": "vitest run",
+    "test:watch": "vitest watch",
+    "release": "release-it --ci",
+    "prepare": "husky install"
+  },
+  "dependencies": {
+    "@nuxt/kit": "^3.7.4",
+    "@nuxt/ui": "^2.11.1",
+    "@pinia/nuxt": "^0.5.1",
+    "@vee-validate/nuxt": "^4.12.3",
+    "@vee-validate/zod": "^4.12.3",
+    "@vuepic/vue-datepicker": "^7.4.0",
+    "axios": "^1.6.2",
+    "date-fns": "^3.0.6",
+    "i18next": "^23.7.11",
+    "lodash-es": "^4.17.21",
+    "nuxt-security": "^1.0.0",
+    "pinia": "^2.1.7",
+    "url-join": "^5.0.0",
+    "zod": "^3.22.4",
+    "zod-i18n-map": "^2.23.0"
+  },
+  "devDependencies": {
+    "@finema/eslint-config": "^1.2.0",
+    "@nuxt/devtools": "latest",
+    "@nuxt/eslint-config": "^0.2.0",
+    "@nuxt/module-builder": "^0.5.4",
+    "@nuxt/schema": "^3.7.4",
+    "@nuxt/test-utils": "^3.9.0",
+    "@release-it/conventional-changelog": "^8.0.1",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^18.18.1",
+    "@vue/test-utils": "^2.4.3",
+    "changelogen": "^0.5.5",
+    "eslint": "^8.56.0",
+    "happy-dom": "^12.10.3",
+    "husky": "^8.0.3",
+    "lint-staged": "^15.2.0",
+    "nuxt": "^3.8.2",
+    "playwright-core": "^1.40.1",
+    "prettier": "^3.1.1",
+    "release-it": "^17.0.1",
+    "sass": "^1.69.5",
+    "stylelint": "^16.0.2",
+    "stylelint-config-prettier-scss": "^1.0.0",
+    "stylelint-config-standard-scss": "^12.0.0",
+    "vitest": "^1.1.0"
+  },
+  "lint-staged": {
+    "*.{ts,vue,tsx,js}": "eslint --fix",
+    "*.{html,json}": "prettier --write"
+  }
+}