una-nuxt-module 2.1.0 → 2.1.2

package/dist/runtime/components/shared/dialogs/DialogExportTable.vue

@@ -1,44 +0,0 @@
-<template>
-  <v-dialog
-    v-model="appStatusStore.openDialogExport"
-    persistent
-    max-width="500"
-  >
-    <v-card :title="$t('Components.Dialogs.Export.Title')" class="py-2">
-      <template v-slot:prepend>
-        <v-icon icon="mdi-arrow-collapse-down" color="primary" />
-      </template>
-
-      <template v-slot:text>
-        <div class="pt-4">
-          <v-chip-group v-model="exportTypesSelected" multiple mandatory>
-            <v-chip variant="outlined" filter color="primary"> PDF </v-chip>
-            <v-chip variant="outlined" filter color="primary"> CSV </v-chip>
-            <v-chip variant="outlined" filter color="primary"> EXCEL </v-chip>
-          </v-chip-group>
-        </div>
-      </template>
-
-      <template v-slot:actions>
-        <div class="d-flex justify-space-between w-100 px-2 pt-4">
-          <BtnCancel @on-cancel="handleCancel" />
-          <BtnConfirm @on-confirm="emit('on-export')" />
-        </div>
-      </template>
-    </v-card>
-  </v-dialog>
-</template>
-
-<script lang="ts" setup>
-import { ref, useAppStatusStore } from "#imports";
-
-const appStatusStore = useAppStatusStore();
-
-const exportTypesSelected = ref([0]);
-
-const emit = defineEmits(["on-export"]);
-
-const handleCancel = () => {
-  appStatusStore.setOpenDialogExport(false);
-};
-</script>

package/dist/runtime/components/shared/feedback/LoadingSession.vue

@@ -1,17 +0,0 @@
-<!-- TODO: Embellecer este componente -->
-<template>
-  <v-sheet
-    class="d-flex align-center justify-center flex-wrap text-center mx-auto px-4"
-    elevation="4"
-    height="250"
-    max-width="800"
-    width="100%"
-    rounded
-  >
-    <div>
-      <h2 class="text-h4 font-weight-black text-primary">
-        Iniciando sesión...
-      </h2>
-    </div>
-  </v-sheet>
-</template>

package/dist/runtime/components/shared/feedback/SnackBar.vue

@@ -1,40 +0,0 @@
-<template>
-  <div>
-    <v-snackbar
-      :color="appStatusStore.hasError ? 'error' : 'success'"
-      :timeout="4000"
-      location="top right"
-      v-model="appStatusStore.showInfo"
-    >
-      <h4>{{ appStatusStore.info?.title }}</h4>
-      <div class="mt-1">
-        {{ appStatusStore.info?.description }}
-      </div>
-
-      <template v-slot:actions>
-        <v-btn
-          @click.stop="handleClick"
-          density="compact"
-          icon="mdi-close-circle-outline"
-          rounded="lg"
-          variant="text"
-        >
-        </v-btn>
-      </template>
-    </v-snackbar>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import { onMounted } from "vue";
-import { useAppStatusStore } from "../../../stores/appStatus";
-
-const appStatusStore = useAppStatusStore();
-
-const handleClick = () => {
-  appStatusStore.setShowInfo(false);
-};
-
-// TODO: AGREGAR UNA CUENTA REGRESIVA DE CUANTO FALTA PARA QUE EL SNACKBAR SE CIERRE
-onMounted(() => {});
-</script>

package/dist/runtime/components/shared/forms/FormBuilder/FieldBuilder.vue

@@ -1,251 +0,0 @@
-<template>
-  <v-text-field
-    v-if="field.type == EFormField.TEXT"
-    :aria-label="field.label"
-    :counter="castToFieldText(field).maxlength"
-    :disabled="field.disabled"
-    :label="field.label"
-    :required="field.required"
-    :rules="field.rules"
-    :title="field.title"
-    @keypress="validateTextFieldInput($event, castToFieldText(field))"
-    color="primary"
-    persistent-placeholder
-    v-model="formState[field.key as keyof typeof formState]"
-    variant="outlined"
-  />
-
-  <v-textarea
-    v-else-if="field.type == EFormField.TEXTAREA"
-    :aria-label="field.label"
-    :counter="castToFieldTextArea(field).maxlength"
-    :disabled="field.disabled"
-    :label="field.label"
-    :no-resize="!castToFieldTextArea(field).resizable"
-    :required="field.required"
-    :rows="castToFieldTextArea(field).rows"
-    :rules="field.rules"
-    :title="field.title"
-    @keypress="validateTextAreaFieldInput($event, castToFieldTextArea(field))"
-    color="primary"
-    persistent-placeholder
-    v-model="formState[field.key as keyof typeof formState]"
-    variant="outlined"
-  />
-
-  <v-text-field
-    v-else-if="field.type == EFormField.NUMBER"
-    :aria-label="field.label"
-    :disabled="field.disabled"
-    :label="field.label"
-    :max="castToFieldNumber(field).max"
-    :min="castToFieldNumber(field).min"
-    :required="field.required"
-    :rules="field.rules"
-    :title="field.title"
-    @keypress="validateNumberFieldInput($event, castToFieldNumber(field))"
-    color="primary"
-    persistent-placeholder
-    type="number"
-    v-model="formState[field.key as keyof typeof formState]"
-    variant="outlined"
-    :counter="castToFieldNumber(field).maxlength"
-  />
-
-  <!-- <CustomDatePicker
-    v-else-if="field.type == EFormField.DATE"
-    :field="castToFieldDate(field)"
-    v-model:date="formState[field.key as keyof typeof formState]"
-  /> -->
-
-  <v-autocomplete
-    v-else-if="field.type == EFormField.SELECT"
-    :item-title="castToFieldSelect(field).itemTitle"
-    :item-value="castToFieldSelect(field).itemValue"
-    :items="castToFieldSelect(field).items"
-    :label="field.label"
-    :placeholder="field.placeHolder"
-    :return-object="castToFieldSelect(field).returnObject"
-    :rules="field.rules"
-    :title="field.title"
-    auto-select-first
-    clearable
-    color="primary"
-    density="compact"
-    no-data-text="No hay datos que coincidan con el criterio de búsqueda..."
-    persistent-placeholder
-    v-model="formState[field.key as keyof typeof formState]"
-    variant="outlined"
-  />
-
-  <v-radio-group
-    v-else-if="field.type == EFormField.RADIOBUTTON"
-    :aria-label="field.label"
-    :label="
-      castToFieldRadioButton(field).labelLocation == 'TOP'
-        ? field.label
-        : undefined
-    "
-    :disabled="field.disabled"
-    :inline="castToFieldRadioButton(field).inline"
-    :required="field.required"
-    :rules="field.rules"
-    :title="field.title"
-    color="primary"
-    v-model="formState[field.key as keyof typeof formState]"
-  >
-    <template
-      v-slot:prepend
-      v-if="castToFieldRadioButton(field).labelLocation == 'LEFT'"
-    >
-      <v-label :text="castToFieldRadioButton(field).label" />
-    </template>
-
-    <v-radio
-      v-for="(item, i) in castToFieldRadioButton(field).items"
-      :label="item.label"
-      :value="item.value"
-    />
-  </v-radio-group>
-
-  <v-switch
-    v-else-if="field.type == EFormField.SWITCH"
-    :aria-label="field.label"
-    :indeterminate="castToFieldSwitch(field).indeterminate ?? false"
-    :inset="castToFieldSwitch(field).inset"
-    :disabled="field.disabled"
-    :false-value="castToFieldSwitch(field).falseValue ?? false"
-    :label="field.label"
-    :required="field.required"
-    :rules="field.rules"
-    :title="field.title"
-    :true-value="castToFieldSwitch(field).trueValue ?? true"
-    color="primary"
-    v-model="formState[field.key as keyof typeof formState]"
-  >
-    <template v-slot:prepend>
-      <v-label :text="castToFieldSwitch(field).labelPrepend" />
-    </template>
-  </v-switch>
-
-  <v-checkbox
-    v-else-if="field.type == EFormField.CHECKBOX"
-    :aria-label="field.label"
-    :disabled="field.disabled"
-    :false-value="castToFieldCheckBox(field).falseValue ?? false"
-    :indeterminate="castToFieldCheckBox(field).indeterminate"
-    :label="field.label"
-    :required="field.required"
-    :rules="field.rules"
-    :title="field.title"
-    :true-value="castToFieldCheckBox(field).trueValue ?? true"
-    color="primary"
-    v-model="formState[field.key as keyof typeof formState]"
-  />
-
-  <div v-else class="text-error">
-    {{ "DECLARATION MISSED FOR FIELD " + field.type + " IN FORMBUILDER" }}
-  </div>
-</template>
-
-<script lang="ts" setup generic="T">
-import { type PropType } from "vue";
-import type {
-  TFormBuilderField,
-  IFormBuilderFieldText,
-  IFormBuilderFieldTextArea,
-  IFormBuilderFieldNumber,
-  IFormBuilderFieldDate,
-  IFormBuilderFieldSelect,
-  IFormBuilderFieldCheckBox,
-  IFormBuilderFieldRadioButton,
-  IFormBuilderFieldSwitch,
-} from "../../../../types";
-import { EFormField } from "../../../../enums";
-import onlyNumbers from "../../../../utils/onlyNumbers";
-
-const formState = defineModel<T>("formState", { required: true });
-
-const props = defineProps({
-  field: { type: Object as PropType<TFormBuilderField>, required: true },
-});
-
-// #region INPUT VALIDATION METHODS
-const validateTextFieldInput = (event: any, field: IFormBuilderFieldText) => {
-  const expect = (event.target.value.toString() +
-    event.key.toString()) as string;
-
-  if (field.maxlength && expect.length > field.maxlength) {
-    event.preventDefault();
-  }
-
-  return true;
-};
-
-const validateTextAreaFieldInput = (
-  event: any,
-  field: IFormBuilderFieldTextArea
-) => {
-  const expect = (event.target.value.toString() +
-    event.key.toString()) as string;
-
-  if (field.maxlength && expect.length > field.maxlength) {
-    event.preventDefault();
-  }
-
-  return true;
-};
-
-const validateNumberFieldInput = (
-  event: any,
-  field: IFormBuilderFieldNumber
-) => {
-  const expect = (event.target.value.toString() +
-    event.key.toString()) as string;
-
-  if (!onlyNumbers(expect)) {
-    event.preventDefault();
-  }
-
-  if (field.maxlength && expect.length > field.maxlength) {
-    event.preventDefault();
-  }
-
-  return true;
-};
-// #endregion
-
-// #region CAST METHODS
-const castToFieldText = (field: Object) => {
-  return field as IFormBuilderFieldText;
-};
-
-const castToFieldTextArea = (field: Object) => {
-  return field as IFormBuilderFieldTextArea;
-};
-
-const castToFieldNumber = (field: Object) => {
-  return field as IFormBuilderFieldNumber;
-};
-
-const castToFieldDate = (field: Object) => {
-  return field as IFormBuilderFieldDate;
-};
-
-const castToFieldSelect = (field: Object) => {
-  return field as IFormBuilderFieldSelect;
-};
-
-const castToFieldCheckBox = (field: Object) => {
-  return field as IFormBuilderFieldCheckBox;
-};
-
-const castToFieldRadioButton = (field: Object) => {
-  return field as IFormBuilderFieldRadioButton;
-};
-
-const castToFieldSwitch = (field: Object) => {
-  return field as IFormBuilderFieldSwitch;
-};
-// #endregion
-</script>

package/dist/runtime/components/shared/forms/FormBuilder/FieldSlotMissed.vue

@@ -1,20 +0,0 @@
-<template>
-  <v-text-field
-    :placeholder="`Content slot for field '${field.label}' is missed.`"
-    :title="'Slot missed!'"
-    bg-color="error"
-    color="error"
-    persistent-placeholder
-    readonly
-    variant="outlined"
-  />
-</template>
-
-<script lang="ts" setup>
-import type { PropType } from "vue";
-import type { IFormBuilderFieldSlot } from "../../../../types";
-
-const props = defineProps({
-  field: { type: Object as PropType<IFormBuilderFieldSlot>, required: true },
-});
-</script>

package/dist/runtime/components/shared/forms/FormBuilder/FormBuilder.vue

@@ -1,213 +0,0 @@
-<template>
-  <!-- #region TABS OR STEPPER VARIANTS -->
-  <template v-if="formConfig.tabs">
-    <TabsBuilder
-      v-if="formConfig.variant == 'TABS'"
-      v-model:form-config="formConfig"
-      v-model:tab-selected="tabSelected"
-    />
-    <SteppersBuilder
-      v-if="formConfig.variant == 'STEPPERS'"
-      v-model:form-config="formConfig"
-      v-model:tab-selected="tabSelected"
-    />
-
-    <v-window v-model="tabSelected">
-      <v-window-item
-        v-for="(tab, t) in formConfig.tabs"
-        :key="tab.value"
-        :value="tab.value"
-        reverse-transition="slide-x-transition"
-        transition="slide-x-transition"
-      >
-        <v-form
-          @submit.prevent="handleSubmitMultipleForms"
-          :ref="(element: TFormDomElement) => asignFormRef(tab.value, element)"
-          class="mt-2 mx-3"
-        >
-          <template v-for="(row, r) in tab.rows" :key="r">
-            <v-row v-if="row.section">
-              <v-label
-                :text="row.section.title"
-                class="font-weight-bold text-secondary mb-6"
-              />
-              <!-- <v-divider thickness="1" class="mb-6 mt-2" /> -->
-            </v-row>
-
-            <v-row class="mt-n3">
-              <template v-for="(field, f) in row.fields" :key="f">
-                <v-col :cols="field.size">
-                  <slot
-                    v-if="field.type == EFormField.SLOT"
-                    :name="`field.${field.key}`"
-                    :field="castToFieldSlot(field)"
-                  >
-                    <FieldSlotMissed :field="castToFieldSlot(field)" />
-                  </slot>
-                  <FieldBuilder v-else v-model:form-state="formState" :field />
-                </v-col>
-              </template>
-            </v-row>
-          </template>
-
-          <FormSubmitSection
-            :formMode="props.formMode"
-            :showBtnNextTab="tab.value < tabsCount"
-            :showBtnPrevTab="tab.value > 1"
-            @on-cancel="emit('on-cancel')"
-            @on-prev-tab="prevTab"
-            class="mt-8"
-          />
-        </v-form>
-      </v-window-item>
-    </v-window>
-  </template>
-  <!-- #endregion -->
-
-  <!-- #region SINGLE FORM VARIANT -->
-  <template v-else>
-    <v-form
-      @submit.prevent="handleSubmitSingleForm"
-      ref="singleForm"
-      class="mt-8"
-    >
-      <template v-for="(row, r) in formConfig.rows" :key="r">
-        <v-row v-if="row.section">
-          <v-label
-            :text="row.section.title"
-            class="font-weight-bold text-secondary mb-6"
-          />
-          <!-- <v-divider thickness="1" class="mb-6 mt-2" /> -->
-        </v-row>
-
-        <v-row class="mt-n3">
-          <template v-for="(field, f) in row.fields" :key="f">
-            <v-col :cols="field.size">
-              <slot
-                v-if="field.type == EFormField.SLOT"
-                :name="`field.${field.key}`"
-                :field="castToFieldSlot(field)"
-              >
-                <FieldSlotMissed :field="castToFieldSlot(field)" />
-              </slot>
-              <FieldBuilder v-else :field v-model:form-state="formState" />
-            </v-col>
-          </template>
-        </v-row>
-      </template>
-
-      <FormSubmitSection
-        :formMode="props.formMode"
-        @on-cancel="emit('on-cancel')"
-      />
-    </v-form>
-  </template>
-  <!-- #endregion -->
-</template>
-
-<script lang="ts" setup generic="T">
-import {
-  computed,
-  ref,
-  type ComponentPublicInstance,
-  type PropType,
-} from "vue";
-import type {
-  IFormBuilderConfig,
-  IFormBuilderFieldSlot,
-  IFormBuilderTab,
-  TFormMode,
-} from "../../../../types";
-import { EFormField } from "../../../../enums";
-
-const formState = defineModel<T>("formState", { required: true });
-const formConfig = defineModel<IFormBuilderConfig>("formConfig", {
-  required: true,
-});
-
-const emit = defineEmits(["on-submit", "on-cancel"]);
-
-const props = defineProps({
-  formMode: { type: String as PropType<TFormMode>, required: true },
-  wrapper: { type: String, required: true },
-});
-
-const tabsForms = ref({});
-const singleForm = ref(null);
-const tabSelected = ref(1);
-
-type TFormDomElement = Element | ComponentPublicInstance | null;
-const asignFormRef = (key: number, element: TFormDomElement) => {
-  // @ts-ignore
-  tabsForms.value[key] = element;
-};
-
-// #region HANDLE TABS LOGIC
-const tabsCount = computed(() => {
-  return Number(formConfig.value.tabs?.length);
-});
-
-const changeTab = (newTab: number) => {
-  tabSelected.value = newTab;
-};
-
-const prevTab = () => {
-  changeTab(tabSelected.value - 1);
-};
-
-const nextTab = () => {
-  changeTab(tabSelected.value + 1);
-};
-// #endregion
-
-// #region HANDLE SUBMIT FORMS
-const handleSubmitSingleForm = async () => {
-  // @ts-ignore
-  const { valid } = await singleForm.value?.validate();
-  if (valid) {
-    emit("on-submit");
-  }
-};
-
-const handleSubmitMultipleForms = async () => {
-  if (!(await isCurrentFormValid())) {
-    return;
-  }
-
-  if (!isCurrentFormTheLast()) {
-    nextTab();
-    return;
-  }
-
-  if (await allFormsValid()) {
-    emit("on-submit");
-  }
-};
-
-const isCurrentFormTheLast = () => {
-  return tabSelected.value == tabsCount.value;
-};
-
-const isCurrentFormValid = async () => {
-  // @ts-ignore
-  const { valid } = await tabsForms.value[tabSelected.value]?.validate();
-  return valid;
-};
-
-const allFormsValid = async () => {
-  for (const tab of formConfig.value.tabs as IFormBuilderTab[]) {
-    // @ts-ignore
-    const { valid } = await tabsForms.value[tab.value]?.validate();
-    if (!valid) {
-      changeTab(tab.value);
-      return false;
-    }
-  }
-  return true;
-};
-// #endregion
-
-const castToFieldSlot = (field: Object) => {
-  return field as IFormBuilderFieldSlot;
-};
-</script>

package/dist/runtime/components/shared/forms/FormBuilder/SteppersBuilder.vue

@@ -1,32 +0,0 @@
-<template>
-  <v-stepper
-    :alt-labels="formConfig.stepper?.LabelLocation == 'BOTTOM'"
-    class="my-8"
-    elevation="1"
-    v-model="tabSelected"
-  >
-    <v-stepper-header>
-      <template v-for="(tab, t) in formConfig.tabs" :key="t">
-        <v-stepper-item
-          :complete="tab.value < tabSelected"
-          :title="tab.title"
-          :value="tab.value"
-          color="primary"
-          v-model="tabSelected"
-        />
-        <v-divider v-if="tab.value != formConfig.tabs?.length" />
-      </template>
-    </v-stepper-header>
-  </v-stepper>
-</template>
-
-<script lang="ts" setup>
-import type { IFormBuilderConfig } from "../../../../types";
-
-const formConfig = defineModel<IFormBuilderConfig>("formConfig", {
-  required: true,
-});
-const tabSelected = defineModel<number>("tabSelected", {
-  required: true,
-});
-</script>

package/dist/runtime/components/shared/forms/FormBuilder/TabsBuilder.vue

@@ -1,30 +0,0 @@
-<template>
-  <v-row class="my-8 mx-0">
-    <v-tabs color="primary" grow v-model="tabSelected">
-      <template v-for="(tab, t) in formConfig.tabs" :key="t">
-        <v-tab
-          :class="tabSelected == tab.value ? 'activeTab' : ''"
-          :text="tab.title"
-          :value="tab.value"
-          color="primary"
-          variant="plain"
-        />
-      </template>
-    </v-tabs>
-  </v-row>
-</template>
-
-<script lang="ts" setup>
-import type { IFormBuilderConfig } from "../../../../types";
-
-const formConfig = defineModel<IFormBuilderConfig>("formConfig", {
-  required: true,
-});
-const tabSelected = defineModel<number>("tabSelected", {
-  required: true,
-});
-</script>
-
-<style>
-.activeTab{background-color:rgb(var(--v-theme-borderLight))}
-</style>

package/dist/runtime/components/shared/forms/FormDialogWrapper.vue

@@ -1,48 +0,0 @@
-<template>
-  <v-dialog v-model="openDialog" persistent :class="width">
-    <v-card elevation="2" rounded="lg">
-      <div class="d-flex align-center py-2 ml-10 mr-6">
-        <!-- Título del formulario -->
-        <span class="text-h6 text-primary font-weight-bold">
-          {{ props.title }}
-        </span>
-
-        <v-spacer />
-
-        <!-- Botón cancelar-->
-        <v-btn
-          @click="emit('on-cancel')"
-          elevation="0"
-          icon="mdi-close"
-          style="opacity: 0.8"
-          variant="text"
-        />
-      </div>
-
-      <v-divider :thickness="1" />
-
-      <!-- Slot para el formulario -->
-      <div class="mb-8 mx-13">
-        <slot name="form" wrapper="dialog" />
-      </div>
-    </v-card>
-  </v-dialog>
-</template>
-
-<script lang="ts" setup>
-import type { PropType } from "vue";
-
-type TFormWidth = "w-50" | "w-75" | "w-100";
-
-const openDialog = defineModel<boolean>("openDialog", { required: true });
-
-const emit = defineEmits(["on-cancel"]);
-
-const props = defineProps({
-  title: { type: String, required: true },
-  width: {
-    type: String as PropType<TFormWidth>,
-    default: "w-50",
-  },
-});
-</script>