erp-blocks 1.0.10 → 1.1.1

package/dist/module.json

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

package/dist/runtime/components/CollapsibleSidebar.vue

@@ -20,11 +20,9 @@
 </template>
 
 <script setup>
-import { useCookie } from "#app";
+import { useState } from "#app";
 import MainMenu from "./MainMenu.vue";
-const sidebarOpen = useCookie("sidebarOpen", {
-  default: () => true
-});
+const sidebarOpen = useState("sidebarOpen", () => true);
 function closeSidebar() {
   sidebarOpen.value = false;
 }

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

@@ -13,7 +13,10 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
     }> & import("vue").PublicProps;
     expose: (exposed: {}) => void;
     attrs: any;
-    slots: {};
+    slots: {
+        [x: string]: ((props: any) => any) | undefined;
+        [x: number]: ((props: any) => any) | undefined;
+    };
     emit: (evt: "update:page", value: number | undefined) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

package/dist/runtime/components/DataTable.vue

@@ -16,18 +16,30 @@ const page = defineModel("page", { type: Number });
       :data="data"
       :columns="columns"
       class="flex-1 border border-default rounded-lg grow"
-    />
-    <div class="flex items-center justify-between">
+    >
+      <template
+        v-for="(_, name) in $slots"
+        #[name]="slotProps"
+      >
+        <slot
+          :name="name"
+          v-bind="slotProps"
+        />
+      </template>
+    </UTable>
+    <div
+      v-if="data && totalRows"
+      class="flex items-center justify-between"
+    >
       <span
-        v-if="data && totalRows"
         class="text-base text-dimmed"
       >
-        {{ data.length }} of {{ totalRows }} rows
+        {{ 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

@@ -13,7 +13,10 @@ declare const __VLS_export: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_se
     }> & import("vue").PublicProps;
     expose: (exposed: {}) => void;
     attrs: any;
-    slots: {};
+    slots: {
+        [x: string]: ((props: any) => any) | undefined;
+        [x: number]: ((props: any) => any) | undefined;
+    };
     emit: (evt: "update:page", value: number | undefined) => void;
 }>) => import("vue").VNode & {
     __ctx?: Awaited<typeof __VLS_setup>;

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/dist/runtime/components/SidebarTrigger.vue

@@ -13,8 +13,6 @@
 </template>
 
 <script setup>
-import { useCookie } from "#app";
-const sidebarOpen = useCookie("sidebarOpen", {
-  default: () => true
-});
+import { useState } from "#app";
+const sidebarOpen = useState("sidebarOpen", () => true);
 </script>

package/package.json

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