erp-blocks 1.1.0 → 1.1.2

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "erp-blocks",
   "configKey": "erp",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

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

@@ -1,9 +1,7 @@
-import type { TableColumn } from '@nuxt/ui';
+import type { TableProps } from '@nuxt/ui';
 declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<({
-        data: T[] | undefined;
-        columns: TableColumn<T>[];
-        loading?: boolean;
+        tableProps: TableProps;
         totalRows?: number | undefined;
         itemsPerPage?: number;
     } & {

package/dist/runtime/components/DataTable.vue

@@ -1,8 +1,6 @@
 <script setup>
 defineProps({
-  data: { type: null, required: true },
-  columns: { type: Array, required: true },
-  loading: { type: Boolean, required: false },
+  tableProps: { type: Object, required: true },
   totalRows: { type: null, required: false },
   itemsPerPage: { type: Number, required: false, default: 5 }
 });
@@ -12,9 +10,7 @@ const page = defineModel("page", { type: Number });
 <template>
   <div class="flex flex-col size-full space-y-4 py-4">
     <UTable
-      :loading="loading"
-      :data="data"
-      :columns="columns"
+      v-bind="tableProps"
       class="flex-1 border border-default rounded-lg grow"
     >
       <template
@@ -28,18 +24,18 @@ const page = defineModel("page", { type: Number });
       </template>
     </UTable>
     <div
-      v-if="data && totalRows"
+      v-if="tableProps.data && totalRows"
       class="flex items-center justify-between"
     >
       <span
         class="text-base text-dimmed"
       >
-        {{ data?.length }} of {{ totalRows }} rows
+        {{ tableProps.data?.length || itemsPerPage }} of {{ totalRows || itemsPerPage }} rows
       </span>
       <UPagination
         v-model:page="page"
         active-color="neutral"
-        :total="totalRows"
+        :total="totalRows || itemsPerPage"
         :items-per-page="itemsPerPage"
       />
     </div>

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

@@ -1,9 +1,7 @@
-import type { TableColumn } from '@nuxt/ui';
+import type { TableProps } from '@nuxt/ui';
 declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: __VLS_PrettifyLocal<({
-        data: T[] | undefined;
-        columns: TableColumn<T>[];
-        loading?: boolean;
+        tableProps: TableProps;
         totalRows?: number | undefined;
         itemsPerPage?: number;
     } & {

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

@@ -1,14 +1,17 @@
-import type { ModalProps } from '@nuxt/ui';
+import type { FormProps, FormSchema, ModalProps } from '@nuxt/ui';
 type __VLS_Props = {
+    formProps?: FormProps<FormSchema>;
     modalProps?: ModalProps;
+    buttonLabel?: string;
+    resetLabel?: string;
+    applyButton?: boolean;
+    applyLabel?: string;
 };
-declare var __VLS_7: {}, __VLS_15: {}, __VLS_18: {};
+declare var __VLS_12: {}, __VLS_20: {};
 type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_7) => any;
+    trigger?: (props: typeof __VLS_12) => any;
 } & {
-    body?: (props: typeof __VLS_15) => any;
-} & {
-    footer?: (props: typeof __VLS_18) => any;
+    fields?: (props: typeof __VLS_20) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     reset: (...args: any[]) => void;
@@ -16,6 +19,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onReset?: ((...args: any[]) => any) | undefined;
 }>, {
     modalProps: ModalProps;
+    buttonLabel: string;
+    resetLabel: string;
+    applyButton: boolean;
+    applyLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/FiltersModal.vue

@@ -1,48 +1,54 @@
 <template>
-  <UModal v-bind="modalProps">
-    <slot name="trigger">
-      <UButton
-        icon="i-lucide:filter"
-        label="Filters"
-        color="neutral"
-        variant="solid"
-        class="cursor-pointer"
-      />
-    </slot>
+  <UForm v-bind="formProps">
+    <UModal v-bind="modalProps">
+      <slot name="trigger">
+        <UButton
+          icon="i-lucide:filter"
+          :label="buttonLabel"
+          color="neutral"
+          variant="solid"
+          class="cursor-pointer"
+        />
+      </slot>
 
-    <template #body>
-      <slot name="body" />
-    </template>
+      <template #body>
+        <div class="space-y-4">
+          <slot name="fields" />
+        </div>
+      </template>
 
-    <template #footer>
-      <slot
-        name="footer"
-      >
+      <template #footer>
         <UButton
-          label="Reset"
+          :label="resetLabel"
           color="neutral"
           variant="outline"
           @click="emit('reset')"
         />
         <UButton
+          v-if="applyButton"
           type="submit"
-          label="Apply"
+          :label="applyLabel"
           color="neutral"
         />
-      </slot>
-    </template>
-  </UModal>
+      </template>
+    </UModal>
+  </UForm>
 </template>
 
 <script setup>
 defineProps({
+  formProps: { type: Object, required: false },
   modalProps: { type: Object, required: false, default: () => ({
     title: "Filters",
     scrollable: true,
     ui: {
       footer: "justify-end"
     }
-  }) }
+  }) },
+  buttonLabel: { type: String, required: false, default: "Filters" },
+  resetLabel: { type: String, required: false, default: "Reset" },
+  applyButton: { type: Boolean, required: false, default: true },
+  applyLabel: { type: String, required: false, default: "Apply" }
 });
 const emit = defineEmits(["reset"]);
 </script>

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

@@ -1,14 +1,17 @@
-import type { ModalProps } from '@nuxt/ui';
+import type { FormProps, FormSchema, ModalProps } from '@nuxt/ui';
 type __VLS_Props = {
+    formProps?: FormProps<FormSchema>;
     modalProps?: ModalProps;
+    buttonLabel?: string;
+    resetLabel?: string;
+    applyButton?: boolean;
+    applyLabel?: string;
 };
-declare var __VLS_7: {}, __VLS_15: {}, __VLS_18: {};
+declare var __VLS_12: {}, __VLS_20: {};
 type __VLS_Slots = {} & {
-    trigger?: (props: typeof __VLS_7) => any;
+    trigger?: (props: typeof __VLS_12) => any;
 } & {
-    body?: (props: typeof __VLS_15) => any;
-} & {
-    footer?: (props: typeof __VLS_18) => any;
+    fields?: (props: typeof __VLS_20) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     reset: (...args: any[]) => void;
@@ -16,6 +19,10 @@ declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {},
     onReset?: ((...args: any[]) => any) | undefined;
 }>, {
     modalProps: ModalProps;
+    buttonLabel: string;
+    resetLabel: string;
+    applyButton: boolean;
+    applyLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "erp-blocks",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Ready-to-use UI layouts and components designed as ERP system elements ",
   "repository": {
     "type": "git",