@ramathibodi/nuxt-commons 0.1.73 → 4.0.0

package/dist/runtime/components/ExportCSV.vue

@@ -1,80 +1,51 @@
-<script lang="ts" setup>
-import { ref } from 'vue'
-import * as XLSX from 'xlsx'
-import { VBtn } from 'vuetify/components/VBtn'
-import { useAlert } from '../composables/alert'
-
-interface ExportButtonProps extends /* @vue-ignore */ InstanceType<typeof VBtn['$props']> {
-  fileName?: string
-  sheetName?: string
-  modelValue?: object[]
-  stringFields?: Array<string>
-  tooltip?: string | Record<string,any> | undefined
-}
-
-const props = withDefaults(defineProps<ExportButtonProps>(), {
-  fileName: 'download',
-  sheetName: 'Sheet1',
-  stringFields: ()=>[],
-  tooltip: ()=>({text: 'Export', location: 'bottom'}),
-})
-
-const alert = useAlert()
-const loading = ref(false)
-
-/**
- * Triggers file export
- */
+<script setup>
+import { ref } from "vue";
+import * as XLSX from "xlsx";
+import { VBtn } from "vuetify/components/VBtn";
+import { useAlert } from "../composables/alert";
+const props = defineProps({
+  fileName: { type: String, required: false, default: "download" },
+  sheetName: { type: String, required: false, default: "Sheet1" },
+  modelValue: { type: Array, required: false },
+  stringFields: { type: Array, required: false, default: () => [] },
+  tooltip: { type: null, required: false, default: () => ({ text: "Export", location: "bottom" }) }
+});
+const alert = useAlert();
+const loading = ref(false);
 function exportFile() {
   if (props.modelValue && Array.isArray(props.modelValue) && props.modelValue.length > 0) {
-    loading.value = true
-
+    loading.value = true;
     try {
-      const workbook = XLSX.utils.book_new()
-      const worksheet = XLSX.utils.json_to_sheet(flattenNestedFields(props.modelValue))
-      const fileName = `${props.fileName}.xlsx`
-
-      XLSX.utils.book_append_sheet(workbook, worksheet, props.sheetName)
-      XLSX.writeFile(workbook, fileName)
-    } catch (error: any) {
-      alert?.addAlert({ message: `Export failed: ${error.message}`, alertType: 'error' })
+      const workbook = XLSX.utils.book_new();
+      const worksheet = XLSX.utils.json_to_sheet(flattenNestedFields(props.modelValue));
+      const fileName = `${props.fileName}.xlsx`;
+      XLSX.utils.book_append_sheet(workbook, worksheet, props.sheetName);
+      XLSX.writeFile(workbook, fileName);
+    } catch (error) {
+      alert?.addAlert({ message: `Export failed: ${error.message}`, alertType: "error" });
     } finally {
-      loading.value = false
+      loading.value = false;
     }
   } else {
-    alert?.addAlert({ message: 'Invalid or no data to export', alertType: 'error' })
+    alert?.addAlert({ message: "Invalid or no data to export", alertType: "error" });
   }
 }
-
-/**
- * Recursively flattens nested fields for export
- * @param items - Array of objects to flatten
- */
-function flattenNestedFields(items: any[]) {
-  return items.map((item: any) => {
-    return flattenObject(item)
-  })
+function flattenNestedFields(items) {
+  return items.map((item) => {
+    return flattenObject(item);
+  });
 }
-
-/**
- * Recursively flattens an object, converting nested keys into dot-separated keys
- * @param obj - Object to flatten
- * @param parentKey - Parent key (for recursion)
- * @param separator - Separator for nested keys
- */
-function flattenObject(obj: any, parentKey = '', separator = '.') {
-  return Object.keys(obj).reduce((acc: any, key: string) => {
-    const newKey = parentKey ? `${parentKey}${separator}${key}` : key
-    const value = obj[key]
-
-    if (value && typeof value === 'object' && !Array.isArray(value) && !props.stringFields.includes(newKey)) {
-      Object.assign(acc, flattenObject(value, newKey, separator))
+function flattenObject(obj, parentKey = "", separator = ".") {
+  return Object.keys(obj).reduce((acc, key) => {
+    const newKey = parentKey ? `${parentKey}${separator}${key}` : key;
+    const value = obj[key];
+    if (value && typeof value === "object" && !Array.isArray(value) && !props.stringFields.includes(newKey)) {
+      Object.assign(acc, flattenObject(value, newKey, separator));
     } else {
-      acc[newKey] = typeof value === 'object' ? JSON.stringify(value) : value
+      acc[newKey] = typeof value === "object" ? JSON.stringify(value) : value;
     }
-
-    return acc
-  }, {})
+    return acc;
+  }, {});
 }
 </script>
 
@@ -89,13 +60,13 @@ function flattenObject(obj: any, parentKey = '', separator = '.') {
       v-tooltip="props.tooltip"
   >
     <template
-        v-for="(_, name, index) in ($slots as {})"
+        v-for="(_, name, index) in $slots"
         :key="index"
         #[name]="slotData"
     >
       <slot
           :name="name"
-          v-bind="((slotData || {}) as object)"
+          v-bind="slotData || {}"
       />
     </template>
   </VBtn>

package/dist/runtime/components/ExportCSV.vue.d.ts

@@ -0,0 +1,55 @@
+import { VBtn } from 'vuetify/components/VBtn';
+interface ExportButtonProps extends /* @vue-ignore */ InstanceType<typeof VBtn['$props']> {
+    fileName?: string;
+    sheetName?: string;
+    modelValue?: object[];
+    stringFields?: Array<string>;
+    tooltip?: string | Record<string, any> | undefined;
+}
+declare var __VLS_12: never, __VLS_13: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_12>]?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ExportButtonProps>, {
+    fileName: string;
+    sheetName: string;
+    stringFields: () => never[];
+    tooltip: () => {
+        text: string;
+        location: string;
+    };
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ExportButtonProps>, {
+    fileName: string;
+    sheetName: string;
+    stringFields: () => never[];
+    tooltip: () => {
+        text: string;
+        location: string;
+    };
+}>>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/FileBtn.d.vue.ts

@@ -0,0 +1,53 @@
+import { VBtn } from 'vuetify/components/VBtn';
+interface Props extends /* @vue-ignore */ InstanceType<typeof VBtn['$props']> {
+    accept?: string;
+    multiple?: boolean;
+    iconOnly?: boolean;
+    modelValue?: File | File[] | undefined;
+    tooltip?: string | Record<string, any> | undefined;
+}
+declare var __VLS_11: never, __VLS_12: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_11>]?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    multiple: boolean;
+    accept: string;
+    tooltip: string;
+}>>, {
+    reset: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: File | File[] | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    multiple: boolean;
+    accept: string;
+    tooltip: string;
+}>>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: File | File[] | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/FileBtn.vue

@@ -1,42 +1,27 @@
-<script lang="ts" setup>
-import {ref} from 'vue'
-import {VBtn} from 'vuetify/components/VBtn'
-
-interface Props extends /* @vue-ignore */ InstanceType<typeof VBtn['$props']> {
-  accept?: string
-  multiple?: boolean
-  iconOnly?: boolean
-  modelValue?: File | File[] | undefined
-  tooltip?: string | Record<string,any> | undefined
-}
-
-const props = withDefaults(defineProps<Props>(), {
-  multiple: false,
-  accept: '*',
-  tooltip: 'Upload File',
-})
-
-const emit = defineEmits<{
-  (event: 'update:modelValue', value: File | File[] | undefined): void
-}>()
-
-const fileInput = ref<HTMLInputElement>()
-const files = ref<File | File[]>()
-
+<script setup>
+import { ref } from "vue";
+import { VBtn } from "vuetify/components/VBtn";
+const props = defineProps({
+  accept: { type: String, required: false, default: "*" },
+  multiple: { type: Boolean, required: false, default: false },
+  iconOnly: { type: Boolean, required: false },
+  modelValue: { type: null, required: false },
+  tooltip: { type: null, required: false, default: "Upload File" }
+});
+const emit = defineEmits(["update:modelValue"]);
+const fileInput = ref();
+const files = ref();
 const openFileInput = () => {
-  fileInput.value?.click()
-}
-
+  fileInput.value?.click();
+};
 const reset = () => {
-  files.value = undefined
-}
-
+  files.value = void 0;
+};
 const emitFiles = () => {
-  emit('update:modelValue', files.value)
-  files.value = []
-}
-
-defineExpose({ reset })
+  emit("update:modelValue", files.value);
+  files.value = [];
+};
+defineExpose({ reset });
 </script>
 
 <template>
@@ -46,13 +31,13 @@ defineExpose({ reset })
     v-tooltip="tooltip"
   >
     <template
-      v-for="(_, name, index) in ($slots as {})"
+      v-for="(_, name, index) in $slots"
       :key="index"
       #[name]="slotData"
     >
       <slot
         :name="name"
-        v-bind="((slotData || {}) as object)"
+        v-bind="slotData || {}"
       />
     </template>
   </v-btn>

package/dist/runtime/components/FileBtn.vue.d.ts

@@ -0,0 +1,53 @@
+import { VBtn } from 'vuetify/components/VBtn';
+interface Props extends /* @vue-ignore */ InstanceType<typeof VBtn['$props']> {
+    accept?: string;
+    multiple?: boolean;
+    iconOnly?: boolean;
+    modelValue?: File | File[] | undefined;
+    tooltip?: string | Record<string, any> | undefined;
+}
+declare var __VLS_11: never, __VLS_12: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_11>]?: (props: typeof __VLS_12) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    multiple: boolean;
+    accept: string;
+    tooltip: string;
+}>>, {
+    reset: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: File | File[] | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    multiple: boolean;
+    accept: string;
+    tooltip: string;
+}>>> & Readonly<{
+    "onUpdate:modelValue"?: ((value: File | File[] | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/ImportCSV.d.vue.ts

@@ -0,0 +1,52 @@
+import { VBtn } from 'vuetify/components/VBtn';
+interface ImportButtonProps extends /* @vue-ignore */ InstanceType<typeof VBtn['$props']> {
+    stringFields?: Array<string>;
+    tooltip?: string | Record<string, any> | undefined;
+}
+declare var __VLS_13: never, __VLS_14: {};
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_13>]?: (props: typeof __VLS_14) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ImportButtonProps>, {
+    stringFields: () => never[];
+    tooltip: () => {
+        text: string;
+        location: string;
+    };
+}>>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    import: (value: object[]) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ImportButtonProps>, {
+    stringFields: () => never[];
+    tooltip: () => {
+        text: string;
+        location: string;
+    };
+}>>> & Readonly<{
+    onImport?: ((value: object[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<Required<T>[K]>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/runtime/components/ImportCSV.vue

@@ -1,116 +1,77 @@
-<script lang="ts" setup>
-import * as XLSX from 'xlsx'
-import { ref } from 'vue'
-import { useAlert } from '../composables/alert'
-import { VBtn } from 'vuetify/components/VBtn'
-
-interface ImportButtonProps extends /* @vue-ignore */ InstanceType<typeof VBtn['$props']> {
-  stringFields?: Array<string>
-  tooltip?: string | Record<string,any> | undefined
-}
-
-const props = withDefaults(defineProps<ImportButtonProps>(), {
-  stringFields: ()=>[],
-  tooltip: ()=>({text: 'Import', location: 'bottom'}),
-})
-
-const alert = useAlert()
-const emit = defineEmits<{
-  (e: 'import', value: object[]): void
-}>()
-
-const loading = ref(false)
-const fileBtnRef = ref()
-
-function uploadedFile(files: File[] | File | undefined) {
-  if (!files) return
-
+<script setup>
+import * as XLSX from "xlsx";
+import { ref } from "vue";
+import { useAlert } from "../composables/alert";
+import { VBtn } from "vuetify/components/VBtn";
+const props = defineProps({
+  stringFields: { type: Array, required: false, default: () => [] },
+  tooltip: { type: null, required: false, default: () => ({ text: "Import", location: "bottom" }) }
+});
+const alert = useAlert();
+const emit = defineEmits(["import"]);
+const loading = ref(false);
+const fileBtnRef = ref();
+function uploadedFile(files) {
+  if (!files) return;
   if (Array.isArray(files) && files.length != 1) {
-    alert?.addAlert({ message: 'Please select a single file for import', alertType: 'error' })
-    return
+    alert?.addAlert({ message: "Please select a single file for import", alertType: "error" });
+    return;
   }
-
-  if (Array.isArray(files)) files = files[0]
-
-  const fileExtension = files.name.slice(files.name.lastIndexOf('.')).toLowerCase()
-  if (!['.xlsx', '.csv'].includes(fileExtension)) {
-    alert?.addAlert({ message: `Please upload a file with .csv or .xlsx extension only (${files.name})`, alertType: 'error' })
-    return
+  if (Array.isArray(files)) files = files[0];
+  const fileExtension = files.name.slice(files.name.lastIndexOf(".")).toLowerCase();
+  if (![".xlsx", ".csv"].includes(fileExtension)) {
+    alert?.addAlert({ message: `Please upload a file with .csv or .xlsx extension only (${files.name})`, alertType: "error" });
+    return;
   }
-
-  const reader = new FileReader()
-  reader.onload = (e: ProgressEvent<FileReader>) => {
-    const workbook = XLSX.read(e.target?.result)
+  const reader = new FileReader();
+  reader.onload = (e) => {
+    const workbook = XLSX.read(e.target?.result);
     const parsedData = parseAndAggregateColumns(
-        XLSX.utils.sheet_to_json(workbook.Sheets[workbook.SheetNames[0]])
-    )
-    emit('import', parsedData)
-    loading.value = false
-    fileBtnRef.value.reset()
-  }
-  loading.value = true
-  reader.readAsArrayBuffer(files)
+      XLSX.utils.sheet_to_json(workbook.Sheets[workbook.SheetNames[0]])
+    );
+    emit("import", parsedData);
+    loading.value = false;
+    fileBtnRef.value.reset();
+  };
+  loading.value = true;
+  reader.readAsArrayBuffer(files);
 }
-
-/**
- * Recursively aggregates nested columns and properties.
- * @param items - Array of data from the Excel sheet
- */
-const parseAndAggregateColumns = (items: any[]) => {
-  return items.map((item: any) => {
-    const aggregatedItem: any = {}
-
+const parseAndAggregateColumns = (items) => {
+  return items.map((item) => {
+    const aggregatedItem = {};
     for (const key in item) {
-      if (key.includes('.')) {
-        // Extract root key and subKey
-        const [rootKey, ...subKeys] = key.split('.')
-
-        // Recursively aggregate subKeys
-        aggregatedItem[rootKey] = aggregatedItem[rootKey] || {}
-        assignNestedValue(aggregatedItem[rootKey], subKeys, parseIfJson(item[key]))
+      if (key.includes(".")) {
+        const [rootKey, ...subKeys] = key.split(".");
+        aggregatedItem[rootKey] = aggregatedItem[rootKey] || {};
+        assignNestedValue(aggregatedItem[rootKey], subKeys, parseIfJson(item[key]));
       } else {
-        // Directly assign root-level properties
-        if (props.stringFields.includes(key)) aggregatedItem[key] = item[key]
-        else aggregatedItem[key] = parseIfJson(item[key])
+        if (props.stringFields.includes(key)) aggregatedItem[key] = item[key];
+        else aggregatedItem[key] = parseIfJson(item[key]);
       }
     }
-
-    return aggregatedItem
-  })
-}
-
-/**
- * Recursively assigns a value to a nested key structure.
- * @param obj - The object to assign to
- * @param keys - Array of keys leading to the final property
- * @param value - The value to assign
- */
-const assignNestedValue = (obj: any, keys: string[], value: any) => {
-  const [currentKey, ...remainingKeys] = keys
+    return aggregatedItem;
+  });
+};
+const assignNestedValue = (obj, keys, value) => {
+  const [currentKey, ...remainingKeys] = keys;
   if (remainingKeys.length === 0) {
-    obj[currentKey] = value
+    obj[currentKey] = value;
   } else {
-    obj[currentKey] = obj[currentKey] || {}
-    assignNestedValue(obj[currentKey], remainingKeys, value)
+    obj[currentKey] = obj[currentKey] || {};
+    assignNestedValue(obj[currentKey], remainingKeys, value);
   }
-}
-
-/**
- * Attempt to parse a value as JSON or array.
- * @param value - The value to parse
- */
-const parseIfJson = (value: any) => {
-  if (typeof value === 'string') {
+};
+const parseIfJson = (value) => {
+  if (typeof value === "string") {
     try {
-      let parsedValue = JSON.parse(value)
-      return (parsedValue==value) ? value : parsedValue
+      let parsedValue = JSON.parse(value);
+      return parsedValue == value ? value : parsedValue;
     } catch {
-      // If parsing fails, return the original value
-      return value
+      return value;
     }
   }
-  return value
-}
+  return value;
+};
 </script>
 
 <template>
@@ -126,13 +87,13 @@ const parseIfJson = (value: any) => {
       :tooltip="props.tooltip"
   >
     <template
-        v-for="(_, name, index) in ($slots as {})"
+        v-for="(_, name, index) in $slots"
         :key="index"
         #[name]="slotData"
     >
       <slot
           :name="name"
-          v-bind="((slotData || {}) as object)"
+          v-bind="slotData || {}"
       />
     </template>
   </FileBtn>