una-nuxt-module 1.0.2

package/dist/runtime/components/shared/tables/NoDataMessage.vue

@@ -0,0 +1,12 @@
+<template>
+  <span v-if="textToSearch" class="text-body-1">
+    {{ $t("Components.Table.NoDataMessage.WhenNoMatches") }}
+  </span>
+  <span v-else class="text-body-1">
+    {{ $t("Components.Table.NoDataMessage.WhenNoData") }}
+  </span>
+</template>
+
+<script lang="ts" setup>
+const textToSearch = defineModel<string>("textToSearch", { required: true });
+</script>

package/dist/runtime/components/shared/tables/TableSearchBar.vue

@@ -0,0 +1,22 @@
+<template>
+  <v-text-field
+    :label="$t('Components.Table.SearchBar.Label')"
+    :placeholder="$t('Components.Table.SearchBar.Placeholder')"
+    :title="$t('Components.Table.SearchBar.Title')"
+    @click:append-inner="emit('on-search')"
+    @keyup.enter="emit('on-search')"
+    append-inner-icon="mdi-magnify"
+    clearable
+    color="secondary"
+    density="compact"
+    hide-details
+    style="max-width: 20rem"
+    v-model="textToSearch"
+    variant="outlined"
+  />
+</template>
+
+<script lang="ts" setup>
+const emit = defineEmits(["on-search"]);
+const textToSearch = defineModel<string>("textToSearch", { required: true });
+</script>

package/dist/runtime/components/shared/tables/buttons/BtnAdd.vue

@@ -0,0 +1,25 @@
+<template>
+  <v-btn
+    v-if="canCreate"
+    :text="$t('Actions.New')"
+    @click.stop="emit('on-create')"
+    class="text-none text-subtitle-1"
+    color="primary"
+    variant="flat"
+  >
+    <template v-slot:prepend>
+      <v-icon icon="mdi-plus" start size="x-large" class="mx-0" />
+    </template>
+  </v-btn>
+</template>
+
+<script lang="ts" setup>
+import { EAuthorization } from "../../../../enums";
+import { useAuthorization } from "../../../../composables/useAuthorization";
+
+const authorization = useAuthorization();
+
+const emit = defineEmits(["on-create"]);
+
+const canCreate = authorization.hasAuthorization(EAuthorization.CREATE);
+</script>

package/dist/runtime/components/shared/tables/buttons/BtnDelete.vue

@@ -0,0 +1,32 @@
+<template>
+  <v-btn
+    v-if="canDelete"
+    :title="$t('Actions.Delete')"
+    @click.stop="emit('on-delete')"
+    class="ml-5"
+    color="error"
+    density="compact"
+    elevation="1"
+    icon="mdi-delete"
+    rounded="lg"
+    variant="text"
+  >
+  </v-btn>
+</template>
+
+<script lang="ts" setup>
+import { useAuthorization } from "../../../../composables/useAuthorization";
+import { EAuthorization } from "../../../../enums";
+
+const authorization = useAuthorization();
+
+const emit = defineEmits(["on-delete"]);
+
+const props = defineProps({
+  validateAuthorization: { type: Boolean, required: false, default: true },
+});
+
+const canDelete = props.validateAuthorization
+  ? authorization.hasAuthorization(EAuthorization.EDIT)
+  : true;
+</script>

package/dist/runtime/components/shared/tables/buttons/BtnEdit.vue

@@ -0,0 +1,30 @@
+<template>
+  <v-btn
+    v-if="canEdit"
+    :title="$t('Actions.Edit')"
+    @click.stop="emit('on-edit')"
+    color="info"
+    density="compact"
+    elevation="1"
+    icon="mdi-pencil"
+    rounded="lg"
+    variant="text"
+  />
+</template>
+
+<script lang="ts" setup>
+import { useAuthorization } from "../../../../composables/useAuthorization";
+import { EAuthorization } from "../../../../enums";
+
+const authorization = useAuthorization();
+
+const emit = defineEmits(["on-edit"]);
+
+const props = defineProps({
+  validateAuthorization: { type: Boolean, required: false, default: true },
+});
+
+const canEdit = props.validateAuthorization
+  ? authorization.hasAuthorization(EAuthorization.EDIT)
+  : true;
+</script>

package/dist/runtime/components/shared/tables/buttons/BtnExport.vue

@@ -0,0 +1,17 @@
+<template>
+  <v-btn
+    :text="$t('Actions.Export')"
+    @click.stop="emit('on-export')"
+    class="text-none text-subtitle-1 ml-4"
+    color="secondary"
+    variant="outlined"
+  >
+    <template v-slot:prepend>
+      <v-icon icon="mdi-arrow-collapse-down" start class="mx-0" />
+    </template>
+  </v-btn>
+</template>
+
+<script lang="ts" setup>
+const emit = defineEmits(["on-export"]);
+</script>

package/dist/runtime/components/shared/tables/buttons/BtnFilter.vue

@@ -0,0 +1,21 @@
+<template>
+  <v-btn
+    :title="$t('Actions.MoreFilters')"
+    class="ml-4"
+    color="primary"
+    density="compact"
+    icon="mdi-tune-variant"
+    rounded="lg"
+    size="large"
+    v-bind="props.activator"
+    variant="flat"
+  />
+</template>
+
+<script lang="ts" setup>
+import type { PropType } from "vue";
+
+const props = defineProps({
+  activator: { type: Object as PropType<Record<string, any>>, required: true },
+});
+</script>

package/dist/runtime/components/shared/tables/pagination/ItemsPerPageCombo.vue

@@ -0,0 +1,24 @@
+<template>
+  <v-combobox
+    :items="props.items"
+    class="d-flex align-center"
+    color="primary"
+    density="compact"
+    style="max-width: 9.1rem"
+    type="text"
+    v-model="itemsPerPage"
+    variant="outlined"
+  />
+</template>
+
+<script lang="ts" setup>
+import type { IItemsPerPage } from "../../../../types";
+import type { PropType } from "vue";
+
+const itemsPerPage = defineModel<IItemsPerPage>("itemsPerPage", {
+  required: true,
+});
+const props = defineProps({
+  items: { type: Array as PropType<IItemsPerPage[]>, required: true },
+});
+</script>

package/dist/runtime/components/shared/tables/pagination/ItemsPerPageLabel.vue

@@ -0,0 +1,5 @@
+<template>
+  <span class="pr-2">
+    {{ $t("Components.Table.Pagination.ItemsPerPageLabel") }}
+  </span>
+</template>

package/dist/runtime/components/shared/tables/pagination/PageSelector.vue

@@ -0,0 +1,16 @@
+<template>
+  <v-pagination
+    :length="props.totalPages"
+    :show-first-last-page="true"
+    :total-visible="3"
+    activeColor="primary"
+    density="compact"
+    size="largue"
+    v-model="page"
+  />
+</template>
+
+<script lang="ts" setup>
+const page = defineModel<number>("page", { type: Number, required: true });
+const props = defineProps({ totalPages: { type: Number, required: true } });
+</script>

package/dist/runtime/components/shared/tables/pagination/PaginationInfo.vue

@@ -0,0 +1,31 @@
+<template>
+  <span class="mr-2">{{ paginationMessagge }}</span>
+</template>
+
+<script lang="ts" setup>
+import { computed, type PropType } from "vue";
+import { useI18n } from "#imports";
+
+const { t } = useI18n();
+
+interface IPaginationInfoProps {
+  page: number;
+  totalPages: number;
+  totalElements: number;
+}
+
+const props = defineProps({
+  paginationInfo: {
+    type: Object as PropType<IPaginationInfoProps>,
+    required: true,
+  },
+});
+
+const paginationMessagge = computed(() => {
+  return t("Components.Table.Pagination.PaginationInfo", {
+    page: props.paginationInfo.page,
+    totalPages: props.paginationInfo.totalPages,
+    totalElements: props.paginationInfo.totalElements,
+  });
+});
+</script>

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

@@ -0,0 +1,32 @@
+import type { IHasAuthorizationInResourceParams, IMenuItem, IResource, TAuthorization } from "../types/index.js";
+/**
+ * Composable encargado de exponer los métodos de autorización.
+ */
+export declare const useAuthorization: () => {
+    hasAccess: () => boolean;
+    hasAccessTo: (resource: string) => boolean;
+    getResources: (token: string) => Promise<IResource[]>;
+    currentResource: import("vue").Ref<string, string>;
+    hasAuthorization: (authorization: TAuthorization) => boolean;
+    isPageUnprotected: (page: string) => boolean;
+    hasAuthorizationIn: (params: IHasAuthorizationInResourceParams) => boolean;
+    getAuthorizedPaths: () => ({
+        header: any;
+        title?: string;
+        icon?: string;
+        to?: string;
+        divider?: boolean;
+        children?: IMenuItem[];
+        disabled?: boolean;
+        description?: string;
+    } | {
+        title: any;
+        header?: string;
+        icon?: string;
+        to?: string;
+        divider?: boolean;
+        children?: IMenuItem[];
+        disabled?: boolean;
+        description?: string;
+    })[];
+};

package/dist/runtime/composables/useAuthorization.js

@@ -0,0 +1,95 @@
+import { DEFAULT_ERROR_RESPONSE } from "../constants/index.js";
+import { ERequestMethod } from "../enums/index.js";
+import { ref } from "vue";
+import { useAsyncData, useRuntimeConfig } from "#app";
+import { useAuthStore, useI18n } from "#imports";
+import getCurrentPath from "../utils/getCurrentPath.js";
+export const useAuthorization = () => {
+  const currentResource = ref(getCurrentPath());
+  const isPageUnprotected = (page) => {
+    const runtimeConfig = useRuntimeConfig();
+    return runtimeConfig.public.unaNuxtModule.config.unprotectedPages.includes(
+      page
+    );
+  };
+  const hasAccess = () => {
+    return useAuthStore().hasResource(currentResource.value);
+  };
+  const hasAccessTo = (resource) => {
+    return useAuthStore().hasResource(resource);
+  };
+  const hasAuthorization = (authorization) => {
+    return useAuthStore().hasAuthorizationInResource({
+      resource: currentResource.value,
+      authorization
+    });
+  };
+  const hasAuthorizationIn = (params) => {
+    return useAuthStore().hasAuthorizationInResource(params);
+  };
+  const getResources = async (token) => {
+    const runtimeConfig = useRuntimeConfig();
+    const authStore = useAuthStore();
+    if (authStore.authData) {
+      authStore.authData.accessToken = token;
+    }
+    let requestResponse = DEFAULT_ERROR_RESPONSE;
+    const API = runtimeConfig.public.unaNuxtModule.apis.authorization;
+    await useAsyncData(
+      () => $fetch(API.endpoints.getResources, {
+        baseURL: API.baseUrl,
+        method: ERequestMethod.GET,
+        headers: {
+          // Se agrega el token de la sesión
+          Authorization: `Bearer ${token}`
+        },
+        // Hook que se ejecuta cuando el servidor da respuesta
+        onResponse({ response }) {
+          if (response._data) {
+            requestResponse = response._data;
+          }
+        }
+      }).catch((error) => {
+        console.error("Error obteniendo recursos:", error);
+      })
+    );
+    return requestResponse.data;
+  };
+  const removeUnathorizedPaths = (navigationMenu) => {
+    const { t } = useI18n();
+    return navigationMenu.map((menuItem) => {
+      if (menuItem?.header) {
+        return { ...menuItem, header: t(menuItem.header) };
+      }
+      if (menuItem?.to && menuItem?.title) {
+        if (isPageUnprotected(menuItem?.to) || hasAccessTo(menuItem.to)) {
+          return { ...menuItem, title: t(menuItem.title) };
+        }
+      }
+      if (menuItem?.children && menuItem?.title) {
+        menuItem.children = removeUnathorizedPaths(
+          menuItem.children
+        );
+        return { ...menuItem, title: t(menuItem.title) };
+      }
+    }).filter((menuItem) => {
+      return menuItem !== void 0;
+    });
+  };
+  const getAuthorizedPaths = () => {
+    const runtimeConfig = useRuntimeConfig();
+    return removeUnathorizedPaths(
+      runtimeConfig.public.unaNuxtModule.config.navigationMenu
+    );
+  };
+  return {
+    hasAccess,
+    hasAccessTo,
+    getResources,
+    currentResource,
+    hasAuthorization,
+    isPageUnprotected,
+    hasAuthorizationIn,
+    getAuthorizedPaths
+  };
+};

package/dist/runtime/constants/form.d.ts

@@ -0,0 +1,44 @@
+import type { IFormState } from "../types/index.js";
+export declare const INITIAL_FORM_STATE: IFormState;
+/**
+ * Contiene métodos para validación de formularios
+ */
+export declare const FORM_RULES: {
+    /**
+     * Valida que un campo no este vacío.
+     *
+     * @param [any] value - Campo a validar
+     *
+     * @return *boolean* - Retorna *true* si el campo no esta vacío
+     * @error *string* - Mensaje de error si el campo esta vacío
+     */
+    requiredField: (value: any) => string | true;
+    /**
+     * Valida que un campo de texto no este vacío.
+     *
+     * @param [string] value - Campo a validar
+     *
+     * @return *boolean* - Retorna *true* si el campo no esta vacío
+     * @error *string* - Mensaje de error si el campo esta vacío
+     */
+    requiredString: (value: string) => string | true;
+    /**
+     * Valida que un campo de texto sea un email valido.
+     *
+     * @param [string] value - Campo a validar
+     *
+     * @return *boolean* - Retorna *true* si el campo es un email valido
+     * @error *string* - Mensaje de error si el campo no es un email valido
+     */
+    isEmail: (value: string) => string | true;
+    /**
+     * Valida que un campo numérico este dentro de un rango.
+     *
+     * @param [number] min - Rango inferior - *null*
+     * @param [number] max - Rango superior - *null*
+     *
+     * @return *boolean* - Retorna *true* si el campo esta dentro del rango
+     * @error *string* - Mensaje de error si el campo no esta dentro del rango
+     */
+    isNumberInRange: (min?: number | null, max?: number | null) => (value: number) => string | true;
+};

package/dist/runtime/constants/form.js

@@ -0,0 +1,58 @@
+import { EFormMode } from "../enums/index.js";
+import { i18nService } from "../i18n/service.js";
+import isNumberInRange from "../utils/isNumberInRange.js";
+export const INITIAL_FORM_STATE = {
+  formMode: EFormMode.CREATE,
+  openForm: false
+};
+export const FORM_RULES = {
+  /**
+   * Valida que un campo no este vacío.
+   *
+   * @param [any] value - Campo a validar
+   *
+   * @return *boolean* - Retorna *true* si el campo no esta vacío
+   * @error *string* - Mensaje de error si el campo esta vacío
+   */
+  requiredField: (value) => {
+    return !!value || i18nService.global.t("Rules.RequiredField");
+  },
+  /**
+   * Valida que un campo de texto no este vacío.
+   *
+   * @param [string] value - Campo a validar
+   *
+   * @return *boolean* - Retorna *true* si el campo no esta vacío
+   * @error *string* - Mensaje de error si el campo esta vacío
+   */
+  requiredString: (value) => {
+    return !!value.trim() || i18nService.global.t("Rules.RequiredField");
+  },
+  /**
+   * Valida que un campo de texto sea un email valido.
+   *
+   * @param [string] value - Campo a validar
+   *
+   * @return *boolean* - Retorna *true* si el campo es un email valido
+   * @error *string* - Mensaje de error si el campo no es un email valido
+   */
+  isEmail: (value) => {
+    return /.+@.+\..+/.test(value) || i18nService.global.t("Rules.IsEmail");
+  },
+  /**
+   * Valida que un campo numérico este dentro de un rango.
+   *
+   * @param [number] min - Rango inferior - *null*
+   * @param [number] max - Rango superior - *null*
+   *
+   * @return *boolean* - Retorna *true* si el campo esta dentro del rango
+   * @error *string* - Mensaje de error si el campo no esta dentro del rango
+   */
+  isNumberInRange: (min = null, max = null) => (value) => {
+    return isNumberInRange(value, min, max) || i18nService.global.t("Rules.numberInRange", {
+      number: value,
+      min,
+      max
+    });
+  }
+};

package/dist/runtime/constants/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./request.js";
+export * from "./form.js";
+export * from "./pagination.js";
+export * from "./tables.js";

package/dist/runtime/constants/index.js

@@ -0,0 +1,4 @@
+export * from "./request.js";
+export * from "./form.js";
+export * from "./pagination.js";
+export * from "./tables.js";

package/dist/runtime/constants/pagination.d.ts

@@ -0,0 +1,13 @@
+import type { IItemsPerPage } from "../types/index.js";
+/**
+ * Número de la primer página en la paginación.
+ */
+export declare const PAGINATION_FIRST_PAGE = 1;
+/**
+ * Paginación por defecto.
+ */
+export declare const DEFAULT_ITEMS_PER_PAGE: IItemsPerPage;
+/**
+ * Opciones de paginación.
+ */
+export declare const PAGINATION_OPTIONS: IItemsPerPage[];

package/dist/runtime/constants/pagination.js

@@ -0,0 +1,8 @@
+export const PAGINATION_FIRST_PAGE = 1;
+export const DEFAULT_ITEMS_PER_PAGE = { title: "10", value: 10 };
+export const PAGINATION_OPTIONS = [
+  { title: "10", value: 10 },
+  { title: "20", value: 20 },
+  { title: "50", value: 50 },
+  { title: "Todos", value: 0 }
+];

package/dist/runtime/constants/request.d.ts

@@ -0,0 +1,5 @@
+import type { IRequestResponse } from "../types/index.js";
+/**
+ * Mensaje de error por defecto al realizar una petición.
+ */
+export declare const DEFAULT_ERROR_RESPONSE: IRequestResponse;

package/dist/runtime/constants/request.js

@@ -0,0 +1,6 @@
+export const DEFAULT_ERROR_RESPONSE = {
+  title: "Error",
+  description: "Ha ocurrido un error inesperado",
+  statusCode: 500,
+  success: false
+};

package/dist/runtime/constants/tables.d.ts

@@ -0,0 +1,4 @@
+import type { ITableHeader, ITableState } from "../types/index.js";
+export declare const KEY_FOR_ACTIONS_COLUMN = "actions";
+export declare const HEADER_FOR_ACTIONS_COLUMN: ITableHeader;
+export declare const INITIAL_TABLE_STATE: ITableState;

package/dist/runtime/constants/tables.js

@@ -0,0 +1,15 @@
+import { DEFAULT_ITEMS_PER_PAGE, PAGINATION_FIRST_PAGE } from "./pagination.js";
+export const KEY_FOR_ACTIONS_COLUMN = "actions";
+export const HEADER_FOR_ACTIONS_COLUMN = {
+  title: "Acciones",
+  align: "center",
+  key: KEY_FOR_ACTIONS_COLUMN,
+  sortable: false
+};
+export const INITIAL_TABLE_STATE = {
+  page: PAGINATION_FIRST_PAGE,
+  itemsPerPage: DEFAULT_ITEMS_PER_PAGE,
+  textToSearch: null,
+  totalElements: 0,
+  totalPages: 0
+};

package/dist/runtime/enums/EAsyncDataRequestStatus.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Enum que contiene los posibles estados de una peticion HTTP.
+ */
+export declare enum EAsyncDataRequestStatus {
+    IDLE = "idle",
+    PENDING = "pending",
+    SUCCESS = "success",
+    ERROR = "error"
+}

package/dist/runtime/enums/EAsyncDataRequestStatus.js

@@ -0,0 +1,7 @@
+export var EAsyncDataRequestStatus = /* @__PURE__ */ ((EAsyncDataRequestStatus2) => {
+  EAsyncDataRequestStatus2["IDLE"] = "idle";
+  EAsyncDataRequestStatus2["PENDING"] = "pending";
+  EAsyncDataRequestStatus2["SUCCESS"] = "success";
+  EAsyncDataRequestStatus2["ERROR"] = "error";
+  return EAsyncDataRequestStatus2;
+})(EAsyncDataRequestStatus || {});

package/dist/runtime/enums/EAuthorization.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Enum que contiene los tipos de autorizaciones a recursos.
+ */
+export declare const enum EAuthorization {
+    CREATE = "CREATE",
+    DELETE = "DELETE",
+    EDIT = "EDIT"
+}

package/dist/runtime/enums/EAuthorization.js

@@ -0,0 +1,6 @@
+export var EAuthorization = /* @__PURE__ */ ((EAuthorization2) => {
+  EAuthorization2["CREATE"] = "CREATE";
+  EAuthorization2["DELETE"] = "DELETE";
+  EAuthorization2["EDIT"] = "EDIT";
+  return EAuthorization2;
+})(EAuthorization || {});

package/dist/runtime/enums/EFormField.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Enum que contiene los tipos de campos de formulario.
+ */
+export declare const enum EFormField {
+    CHECKBOX = "CHECKBOX",
+    DATE = "DATE",
+    NUMBER = "NUMBER",
+    RADIOBUTTON = "RADIOBUTTON",
+    SELECT = "SELECT",
+    SLOT = "SLOT",
+    SWITCH = "SWITCH",
+    TEXT = "TEXT",
+    TEXTAREA = "TEXTAREA"
+}

package/dist/runtime/enums/EFormField.js

@@ -0,0 +1,12 @@
+export var EFormField = /* @__PURE__ */ ((EFormField2) => {
+  EFormField2["CHECKBOX"] = "CHECKBOX";
+  EFormField2["DATE"] = "DATE";
+  EFormField2["NUMBER"] = "NUMBER";
+  EFormField2["RADIOBUTTON"] = "RADIOBUTTON";
+  EFormField2["SELECT"] = "SELECT";
+  EFormField2["SLOT"] = "SLOT";
+  EFormField2["SWITCH"] = "SWITCH";
+  EFormField2["TEXT"] = "TEXT";
+  EFormField2["TEXTAREA"] = "TEXTAREA";
+  return EFormField2;
+})(EFormField || {});

package/dist/runtime/enums/EFormMode.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Enum que contiene los tipos de modo de edición de formulario.
+ */
+export declare const enum EFormMode {
+    CREATE = "CREATE",
+    EDIT = "EDIT"
+}

package/dist/runtime/enums/EFormMode.js

@@ -0,0 +1,5 @@
+export var EFormMode = /* @__PURE__ */ ((EFormMode2) => {
+  EFormMode2["CREATE"] = "CREATE";
+  EFormMode2["EDIT"] = "EDIT";
+  return EFormMode2;
+})(EFormMode || {});

package/dist/runtime/enums/ERequestMethod.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Enum que contiene los tipos de métodos para las peticiones.
+ */
+export declare const enum ERequestMethod {
+    GET = "GET",
+    PUT = "PUT",
+    POST = "POST",
+    DELETE = "DELETE"
+}

package/dist/runtime/enums/ERequestMethod.js

@@ -0,0 +1,7 @@
+export var ERequestMethod = /* @__PURE__ */ ((ERequestMethod2) => {
+  ERequestMethod2["GET"] = "GET";
+  ERequestMethod2["PUT"] = "PUT";
+  ERequestMethod2["POST"] = "POST";
+  ERequestMethod2["DELETE"] = "DELETE";
+  return ERequestMethod2;
+})(ERequestMethod || {});

package/dist/runtime/enums/ETheme.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Enum que contiene los tipos de temas de la aplicación.
+ */
+export declare const enum ETheme {
+    DARK = "dark",
+    LIGHT = "light"
+}