@finema/core 1.2.5 → 1.3.0

package/dist/runtime/composables/useDialog.mjs

@@ -0,0 +1,81 @@
+import { defineStore } from "pinia";
+import { ref, useWatchFalse } from "#imports";
+export var DialogType = /* @__PURE__ */ ((DialogType2) => {
+  DialogType2["ERROR"] = "error";
+  DialogType2["INFO"] = "info";
+  DialogType2["SUCCESS"] = "success";
+  DialogType2["WARNING"] = "warning";
+  return DialogType2;
+})(DialogType || {});
+export const useDialog = defineStore("_dialog", () => {
+  const isShow = ref(false);
+  const meta = ref(void 0);
+  const isReject = ref(false);
+  const proceed = ref(void 0);
+  const cancel = ref(void 0);
+  const openDialog = async (payload) => {
+    return new Promise((resolve, reject) => {
+      isShow.value = true;
+      meta.value = payload;
+      proceed.value = resolve;
+      cancel.value = reject;
+    });
+  };
+  const closeDialogProceed = () => {
+    isShow.value = false;
+    meta.value = void 0;
+  };
+  const closeDialogCancel = () => {
+    isShow.value = false;
+    meta.value = void 0;
+    isReject.value = true;
+  };
+  const error = async (payload) => {
+    return openDialog({
+      ...payload,
+      type: "error" /* ERROR */
+    });
+  };
+  const success = async (payload) => {
+    return openDialog({
+      ...payload,
+      type: "success" /* SUCCESS */
+    });
+  };
+  const info = async (payload) => {
+    return openDialog({
+      ...payload,
+      type: "info" /* INFO */
+    });
+  };
+  const warning = async (payload) => {
+    return openDialog({
+      ...payload,
+      type: "warning" /* WARNING */
+    });
+  };
+  useWatchFalse(
+    () => isShow.value,
+    (val) => {
+      if (isReject.value) {
+        cancel.value();
+      } else {
+        proceed.value();
+      }
+      proceed.value = void 0;
+      cancel.value = void 0;
+      isReject.value = false;
+    }
+  );
+  return {
+    isShow,
+    meta,
+    openDialog,
+    closeDialogCancel,
+    closeDialogProceed,
+    error,
+    success,
+    info,
+    warning
+  };
+});

package/dist/runtime/composables/useForm.d.ts

@@ -0,0 +1,24 @@
+import { type DefineComponent, type ComputedRef } from 'vue';
+import { type FieldContext, type FieldOptions } from 'vee-validate';
+import { type IFormField } from '#core/components/Form/types';
+export interface IFieldWrapperProps {
+    errorMessage?: string;
+    label?: string | any;
+    className?: any;
+    classInner?: any;
+    classInputInner?: any;
+    isRequired?: boolean;
+    isHideLabel?: boolean;
+    customErrorMessage?: string | DefineComponent;
+    name: string;
+}
+interface IFieldContext<TValue> extends FieldContext<TValue> {
+    isRequired: ComputedRef<boolean>;
+    onChange: (e: InputEvent) => void;
+    fieldClassName: ComputedRef<any[]>;
+    disabled: ComputedRef<boolean>;
+    wrapperProps: ComputedRef<IFieldWrapperProps>;
+}
+export declare const useFieldHOC: <TValue = unknown>(newFormProps: IFieldProps, opts?: Partial<FieldOptions<TValue>> | undefined) => IFieldContext<TValue>;
+export declare const createFormFields: (fields: () => IFormField[]) => any;
+export {};

package/dist/runtime/composables/useForm.mjs

@@ -0,0 +1,44 @@
+import { useField } from "vee-validate";
+import { toTypedSchema } from "@vee-validate/zod";
+import { computed, toRef } from "#imports";
+export const useFieldHOC = (newFormProps, opts) => {
+  const field = useField(toRef(newFormProps, "name"), toTypedSchema(newFormProps.rules), {
+    form: newFormProps.form,
+    ...opts
+  });
+  const isRequired = computed(() => false);
+  const onChange = (e) => {
+    const target = e.target;
+    const newValue = newFormProps.transform ? newFormProps.transform(target.value, field.value, e) : target.value;
+    target.value = newValue;
+    field.handleChange(newValue);
+  };
+  const fieldClassName = computed(() => {
+    return [
+      "form-control peer",
+      {
+        "input-error": !field.meta.valid && field.meta.dirty,
+        "input-success": field.meta.valid && field.meta.dirty
+      }
+    ];
+  });
+  return {
+    ...field,
+    isRequired,
+    onChange,
+    fieldClassName,
+    disabled: computed(() => newFormProps.isDisabled ?? newFormProps.isReadOnly ?? false),
+    wrapperProps: computed(() => ({
+      label: newFormProps.label,
+      errorMessage: field.errorMessage.value,
+      className: newFormProps.class,
+      classInner: newFormProps.classInner,
+      classInputInner: newFormProps.classInputInner,
+      isRequired: isRequired.value,
+      isHideLabel: newFormProps.isHideLabel,
+      customErrorMessage: newFormProps.customErrorMessage,
+      name: newFormProps.name
+    }))
+  };
+};
+export const createFormFields = (fields) => computed(fields);

package/dist/runtime/composables/useTable.d.ts

@@ -5,14 +5,12 @@ import { type IColumn, type IRow, type ISimpleTableOptions, type ITableOptions }
 export interface IUseTable<T = object> {
     repo: IUsePageLoader<T> | Store<any, any>;
     columns: () => IColumn[];
-    rows: (items: T[]) => IRow[];
     options?: (() => Partial<ITableOptions<T>>) | Partial<ITableOptions<T>>;
 }
 export interface IUseSimpleTable<T = object> {
     items: () => T[];
     status?: () => IStatus;
     columns: () => IColumn[];
-    rows: (items: T[]) => IRow[];
     options?: (() => Partial<ISimpleTableOptions<T>>) | Partial<ISimpleTableOptions<T>>;
 }
 export declare const useTable: <T = object>(options: IUseTable<T>) => ComputedRef<ITableOptions<T>>;

package/dist/runtime/composables/useTable.mjs

@@ -1,22 +1,19 @@
 import { get } from "@vueuse/core";
 import { computed, ObjectHelper } from "#imports";
-import { mergeConfig } from "#ui/utils";
-import { app } from "#core/core.config";
-import appConfig from "#build/app.config";
+import { useCoreConfig } from "./useConfig.mjs";
 export const useTable = (options) => computed(() => {
   return createTableOptions(
     options.repo,
     options.columns(),
-    options.rows(get(options.repo.fetchItems)),
+    get(options.repo.fetchItems),
     typeof options.options === "function" ? options.options() : options.options ?? {}
   );
 });
 export const useSimpleTable = (options) => computed(() => {
-  const config = mergeConfig(appConfig.app.strategy, appConfig.app, app);
+  const config = useCoreConfig();
   return {
     items: options.items(),
     columns: options.columns(),
-    rows: options.rows(options.items()),
     rawData: options.items(),
     status: options.status ? options.status() : ObjectHelper.createStatus(),
     primary: config.default_primary_key,
@@ -24,12 +21,11 @@ export const useSimpleTable = (options) => computed(() => {
   };
 });
 export const createTableOptions = (repo, columns, rows, options) => {
-  const config = mergeConfig(appConfig.app.strategy, appConfig.app, app);
+  const config = useCoreConfig();
   return {
     rawData: get(repo.fetchItems),
     pageOptions: get(repo.fetchOptions),
     columns,
-    rows,
     status: get(repo.fetchStatus),
     deleteStatus: get(repo.deleteStatus),
     primary: get(repo.fetchOptions).primary ?? config.default_primary_key,

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

@@ -1,4 +1,4 @@
-export declare const app: {
+export declare const core: {
     limit_per_page: number;
     default_primary_key: string;
 };

package/dist/runtime/core.config.mjs

@@ -1,4 +1,4 @@
-export const app = {
+export const core = {
   limit_per_page: 30,
   default_primary_key: "id"
 };

package/dist/runtime/helpers/apiPageHelper.mjs

@@ -2,9 +2,7 @@ import { ObjectHelper } from "../utils/ObjectHelper.mjs";
 import { ParamHelper } from "#core/utils/ParamHelper";
 import { NewRequester } from "#core/lib/Requester";
 import { _findIndex, _get, _shuffle } from "#core/utils/lodash";
-import { mergeConfig } from "#ui/utils";
-import { app } from "#core/core.config";
-import appConfig from "#build/app.config";
+import { useCoreConfig } from "../composables/useConfig.mjs";
 export const apiAddHelper = async (state, onUpdateStatus, onUpdateOptions, onUpdateData, onUpdateItems, data, opts) => {
   onUpdateStatus(ObjectHelper.toLoadingStatus(state().status));
   onUpdateOptions({});
@@ -90,7 +88,7 @@ export const apiDeleteHelper = async (state, onUpdateStatus, onUpdateOptions, _o
   onUpdateStatus(ObjectHelper.toCompleteStatus(state().status));
 };
 export const apiFetchHelper = async (state, onUpdateStatus, onUpdateOptions, onUpdateItems, page, query, opts) => {
-  const config = mergeConfig(appConfig.app.strategy, appConfig.app, app);
+  const config = useCoreConfig();
   const timestamp = state().options._timestamp;
   if (opts.expire && timestamp) {
     if (timestamp + opts.expire > Date.now()) {

package/dist/runtime/plugin.mjs

@@ -1,4 +1,4 @@
 import { defineNuxtPlugin } from "#app";
 export default defineNuxtPlugin((nuxtApp) => {
-  console.log("Plugin injected by finema ui module!");
+  console.log("Plugin injected by @finema/core module!");
 });

package/dist/runtime/types/common.d.ts

@@ -6,3 +6,6 @@ export interface IOption {
     value: any;
     label: string;
 }
+export interface IGetParams {
+    params?: Record<string, any>;
+}

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

@@ -0,0 +1 @@
+export type UIComponentList = 'modal' | 'slideover';

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

@@ -0,0 +1,2 @@
+export declare const modal: any;
+export declare const slideover: any;

package/dist/runtime/ui.config.mjs

@@ -0,0 +1,44 @@
+import { modal as inheritModal, slideover as inheritSlideover } from "#ui/ui.config";
+export const modal = {
+  ...inheritModal,
+  header: "px-4 py-2 border-b",
+  innerWrapper: "p-4",
+  size: {
+    sm: "sm:max-w-sm",
+    md: "sm:max-w-lg",
+    lg: "sm:max-w-2xl",
+    xl: "sm:max-w-4xl"
+  },
+  position: {
+    top: "flex min-h-full items-end sm:items-start justify-center text-center",
+    center: "flex min-h-full items-end sm:items-center  justify-center text-center",
+    bottom: "flex min-h-full items-end sm:items-end justify-center text-center"
+  },
+  fixHeightSize: {
+    default: "max-h-[calc(100vh-4rem)]",
+    sm: "max-h-[256px]",
+    md: "max-h-[512px]",
+    lg: "max-h-[768px]",
+    xl: "max-h-[1024px]"
+  },
+  default: {
+    size: "md",
+    position: "center",
+    fixHeightSize: "default"
+  }
+};
+export const slideover = {
+  ...inheritSlideover,
+  bodyWrapper: "p-4",
+  size: {
+    sm: "w-screen max-w-xs",
+    md: "w-screen max-w-md",
+    lg: "w-screen max-w-xl",
+    xl: "w-screen max-w-2xl",
+    half: "w-screen max-w-[calc(100vw/2)]",
+    full: "w-screen max-w-full"
+  },
+  default: {
+    size: "md"
+  }
+};

package/dist/runtime/ui.css

@@ -0,0 +1,14 @@
+:root {
+  --color-primary-50: 248 248 255;
+  --color-primary-100: 232 239 253;
+  --color-primary-200: 190 227 248;
+  --color-primary-300: 144 205 244;
+  --color-primary-400: 99 179 237;
+  --color-primary-500: 54 117 251;
+  --color-primary-600: 0 104 254;
+  --color-primary-700: 43 108 176;
+  --color-primary-800: 44 82 130;
+  --color-primary-900: 32 36 62;
+  --color-primary-950: 32 36 62;
+  --color-primary-DEFAULT: 54 117 251;
+}

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

@@ -1,6 +1,6 @@
-import { type IError } from '../types/common';
+import { type IError, type IGetParams } from '../types/common';
 export declare class ParamHelper {
-    static getParams: (opts: IGetParams, reqOptions: IGetParams) => any;
+    static getParams: (opts: IGetParams, reqOptions: IGetParams) => Record<string, any> | undefined;
     static getBoolTrue: (bool: any) => boolean;
     static getBoolFalse: (bool: any) => boolean;
     static isNotFoundError: (error: IError | any) => boolean;

package/dist/runtime/utils/StringHelper.mjs

@@ -33,7 +33,7 @@ export class StringHelper {
     if (errorData.code !== "INVALID_PARAMS" && !errorData.fields) {
       return msg;
     }
-    for (const [_, value] of Object.entries(errorData.fields)) {
+    for (const [, value] of Object.entries(errorData.fields)) {
       msg = value.message;
     }
     return msg;

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

@@ -43,6 +43,13 @@ export declare const _map: {
     <T_5>(collection: lodash.Dictionary<T_5> | lodash.NumericDictionary<T_5> | null | undefined, iteratee?: string | undefined): any[];
     <T_6>(collection: lodash.Dictionary<T_6> | lodash.NumericDictionary<T_6> | null | undefined, iteratee?: object | undefined): boolean[];
 };
+export declare const _merge: {
+    <TObject, TSource>(object: TObject, source: TSource): TObject & TSource;
+    <TObject_1, TSource1, TSource2>(object: TObject_1, source1: TSource1, source2: TSource2): TObject_1 & TSource1 & TSource2;
+    <TObject_2, TSource1_1, TSource2_1, TSource3>(object: TObject_2, source1: TSource1_1, source2: TSource2_1, source3: TSource3): TObject_2 & TSource1_1 & TSource2_1 & TSource3;
+    <TObject_3, TSource1_2, TSource2_2, TSource3_1, TSource4>(object: TObject_3, source1: TSource1_2, source2: TSource2_2, source3: TSource3_1, source4: TSource4): TObject_3 & TSource1_2 & TSource2_2 & TSource3_1 & TSource4;
+    (object: any, ...otherArgs: any[]): any;
+};
 export declare const _flatDeep: <T>(array: lodash.ListOfRecursiveArraysOrValues<T> | null | undefined) => lodash.Flat<T>[];
 export declare const _uniq: <T>(array: lodash.List<T> | null | undefined) => T[];
 export declare const _sortBy: {

package/dist/runtime/utils/lodash.mjs

@@ -8,6 +8,7 @@ export const _dropRight = lodash.dropRight;
 export const _intersection = lodash.intersection;
 export const _set = lodash.set;
 export const _map = lodash.map;
+export const _merge = lodash.merge;
 export const _flatDeep = lodash.flattenDeep;
 export const _uniq = lodash.uniq;
 export const _sortBy = lodash.sortBy;

package/dist/types.d.mts

@@ -12,4 +12,4 @@ declare module 'nuxt/schema' {
 }
 
 
-export { app } from './module'
+export { core } from './module'

package/dist/types.d.ts

@@ -12,4 +12,4 @@ declare module 'nuxt/schema' {
 }
 
 
-export { app } from './module'
+export { core } from './module'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finema/core",
-  "version": "1.2.5",
+  "version": "1.3.0",
   "repository": "https://gitlab.finema.co/finema/ui-kit",
   "license": "MIT",
   "author": "Finema Development Team",
@@ -29,40 +29,38 @@
     "lint:fix": "eslint . --fix",
     "test": "vitest run",
     "test:watch": "vitest watch",
-    "release": "release-it"
+    "release": "release-it",
+    "prepare": "husky install"
   },
   "dependencies": {
+    "@headlessui/vue": "^1.7.16",
+    "@iconify-json/mdi": "^1.1.54",
+    "@iconify-json/simple-icons": "^1.1.76",
     "@nuxt/kit": "^3.7.4",
     "@nuxt/ui": "^2.9.0",
     "@pinia/nuxt": "^0.4.11",
     "@vee-validate/nuxt": "^4.11.8",
+    "@vee-validate/zod": "^4.11.8",
     "axios": "^1.5.1",
     "dayjs": "^1.11.10",
     "lodash": "^4.17.21",
     "nuxt-security": "^0.14.4",
     "pinia": "^2.1.6",
-    "url-join": "^5.0.0"
+    "url-join": "^5.0.0",
+    "zod": "^3.22.4"
   },
   "devDependencies": {
+    "@finema/eslint-config": "^1.2.0",
     "@nuxt/devtools": "latest",
     "@nuxt/eslint-config": "^0.2.0",
     "@nuxt/module-builder": "^0.5.2",
     "@nuxt/schema": "^3.7.4",
     "@nuxt/test-utils": "^3.7.4",
-    "@nuxtjs/eslint-config-typescript": "^12.1.0",
     "@release-it/conventional-changelog": "^7.0.2",
     "@types/lodash": "^4.14.199",
     "@types/node": "^18.18.1",
     "changelogen": "^0.5.5",
     "eslint": "^8.50.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-config-standard-with-typescript": "^39.1.0",
-    "eslint-plugin-import": "^2.28.1",
-    "eslint-plugin-n": "^16.1.0",
-    "eslint-plugin-nuxt": "^4.0.0",
-    "eslint-plugin-prettier": "^5.0.0",
-    "eslint-plugin-unused-imports": "^3.0.0",
-    "eslint-plugin-vue": "^9.17.0",
     "husky": "^8.0.3",
     "lint-staged": "^14.0.1",
     "nuxt": "^3.7.4",