@winchsa/ui 0.1.39 → 0.1.40

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

@@ -20,21 +20,21 @@ type __VLS_ModelProps = {
     modelValue?: string[];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_19: {}, __VLS_27: {}, __VLS_59: {}, __VLS_101: string | number, __VLS_102: any, __VLS_115: {
+declare var __VLS_8: {}, __VLS_16: {}, __VLS_48: {}, __VLS_90: string | number, __VLS_91: any, __VLS_104: {
     totals: {
         [key: string]: number;
     } | undefined;
 };
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_101>]?: (props: typeof __VLS_102) => any;
+    [K in NonNullable<typeof __VLS_90>]?: (props: typeof __VLS_91) => any;
 } & {
-    buttons?: (props: typeof __VLS_19) => any;
+    buttons?: (props: typeof __VLS_8) => any;
 } & {
-    filters?: (props: typeof __VLS_27) => any;
+    filters?: (props: typeof __VLS_16) => any;
 } & {
-    'action-buttons'?: (props: typeof __VLS_59) => any;
+    'action-buttons'?: (props: typeof __VLS_48) => any;
 } & {
-    'inside-bottom'?: (props: typeof __VLS_115) => any;
+    'inside-bottom'?: (props: typeof __VLS_104) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     filterQueryString: import("vue").ComputedRef<string>;

package/dist/components/table/DataTable.vue

@@ -134,142 +134,133 @@ defineExpose({
 </script>
 
 <template>
-  <section>
-    <VRow>
-      <VCol cols="12">
-        <AppCard
-          :style="{
-  overflow: useIsMobile().value ? 'auto !important' : 'inherit !important'
-}"
-          style="z-index: unset !important;"
-          :is-loading="isLoading && secondaryStyle"
-        >
-          <template v-if="enableButtons" #append>
-            <slot name="buttons" />
-          </template>
-          <!-- filters -->
-          <VCardText v-if="hasFilters" class="pt-0">
-            <slot name="filters">
-              <FilterGenerator
-                v-model="filters"
-                :forms="processedFormFilters"
-                :errors="errors.data"
-              />
-            </slot>
-          </VCardText>
+  <AppCard
+    style="z-index: unset !important;"
+    :is-loading="isLoading && secondaryStyle"
+  >
+    <template v-if="enableButtons" #append>
+      <slot name="buttons" />
+    </template>
+    <!-- filters -->
+    <VCardText v-if="hasFilters">
+      <slot name="filters">
+        <FilterGenerator
+          v-model="filters"
+          :forms="processedFormFilters"
+          :errors="errors.data"
+        />
+      </slot>
+    </VCardText>
 
-          <VDivider v-if="hasFilters" />
+    <VDivider v-if="hasFilters" />
 
-          <!-- options and buttons -->
-          <VCardText
-            v-if="enablePageSizeOptions || enableActionButtons"
-            :class="['d-flex flex-wrap py-4 gap-4', {
+    <!-- options and buttons -->
+    <VCardText
+      v-if="enablePageSizeOptions || enableActionButtons"
+      :class="['d-flex flex-wrap py-4 gap-4', {
   'sticky-actions': stickyActions
 }]"
-          >
-            <!-- Page Size options -->
-            <div v-if="enablePageSizeOptions" class="me-3 d-flex gap-3">
-              <AppSelect
-                hide-details
-                :model-value="itemsPerPage"
-                :items="pageSizeOptions"
-                style="width: 6.25rem"
-                @update:model-value="val => itemsPerPage = Number(val)"
-              />
-            </div>
+    >
+      <!-- Page Size options -->
+      <div v-if="enablePageSizeOptions" class="me-3 d-flex gap-3">
+        <AppSelect
+          hide-details
+          :model-value="itemsPerPage"
+          :items="pageSizeOptions"
+          style="width: 6.25rem"
+          @update:model-value="val => itemsPerPage = Number(val)"
+        />
+      </div>
 
-            <VSpacer />
+      <VSpacer />
 
-            <!-- buttons -->
-            <div v-if="enableActionButtons" class="d-flex align-center table-buttons">
-              <slot name="action-buttons" />
+      <!-- buttons -->
+      <div v-if="enableActionButtons" class="d-flex align-center table-buttons">
+        <slot name="action-buttons" />
 
-              <template v-if="enableBaseButtons">
-                <BaseButton
-                  size="38"
-                  color="secondary"
-                  class="ms-2"
-                  @click="reset"
-                >
-                  <VIcon
-                    icon="tabler-filter-x"
-                    size="22"
-                  />
-                </BaseButton>
+        <template v-if="enableBaseButtons">
+          <BaseButton
+            size="38"
+            color="secondary"
+            class="ms-2"
+            @click="reset"
+          >
+            <VIcon
+              icon="tabler-filter-x"
+              size="22"
+            />
+          </BaseButton>
 
-                <BaseButton
-                  size="38"
-                  color="secondary"
-                  class="ms-2"
-                  @click="refresh"
-                >
-                  <VIcon
-                    icon="tabler-refresh"
-                    size="22"
-                  />
-                </BaseButton>
-              </template>
-            </div>
-          </VCardText>
+          <BaseButton
+            size="38"
+            color="secondary"
+            class="ms-2"
+            @click="refresh"
+          >
+            <VIcon
+              icon="tabler-refresh"
+              size="22"
+            />
+          </BaseButton>
+        </template>
+      </div>
+    </VCardText>
 
-          <VDivider v-if="enableButtonsFilter" :class="{
+    <VDivider v-if="enableButtonsFilter" :class="{
   'sticky-divider': stickyActions
 }" />
 
-          <div :class="[!useIsMobile().value || 'overflow-auto app-h-fit', {
+    <div :class="[!useIsMobile().value || 'overflow-auto app-h-fit', {
   'secondary-table': secondaryStyle,
   'responsive-table': useIsMobile().value
 }]">
-            <!-- table -->
-            <VDataTableServer
-              v-model="modelValue"
-              :class="{
+      <!-- table -->
+      <VDataTableServer
+        v-model="modelValue"
+        :class="{
   'mt-5 px-5': secondaryStyle
 }"
-              :items="data?.rows"
-              :items-length="data?.pagination.total ?? 0"
-              :headers="headers"
-              :loading="isLoading"
-              :no-data-text="t('no_data')"
-              :fixed-header="useIsMobile().value"
-              :show-select="showSelect"
-              :return-object="returnObject"
-            >
-              <!-- columns -->
-              <template v-for="(_, name) in $slots" #[name]="slotProps">
-                <slot :name="name" v-bind="slotProps || {}" />
-              </template>
+        :items="data?.rows"
+        :items-length="data?.pagination.total ?? 0"
+        :headers="headers"
+        :loading="isLoading"
+        :no-data-text="t('no_data')"
+        :fixed-header="useIsMobile().value"
+        :show-select="showSelect"
+        :return-object="returnObject"
+      >
+        <!-- columns -->
+        <template v-for="(_, name) in $slots" #[name]="slotProps">
+          <slot :name="name" v-bind="slotProps || {}" />
+        </template>
 
-              <template #item.index="{ index }">
-                {{ (data?.pagination.total ?? 0) - index - (data?.pagination.from ?? 0) + 1 }}
-              </template>
+        <template #item.index="{ index }">
+          {{ (data?.pagination.total ?? 0) - index - (data?.pagination.from ?? 0) + 1 }}
+        </template>
 
-              <template #item.created_at="{ item }">
-                <div class="d-flex text-pre-line">
-                  {{ item?.created_at != "-" || item?.created_at ? formatDate(item?.created_at) : "-" }}
-                </div>
-              </template>
-
-              <template #loader />
+        <template #item.created_at="{ item }">
+          <div class="d-flex text-pre-line">
+            {{ item?.created_at != "-" || item?.created_at ? formatDate(item?.created_at) : "-" }}
+          </div>
+        </template>
 
-              <!-- loading -->
-              <template #loading>
-                <div class="text-center">
-                  <VProgressCircular indeterminate />
-                </div>
-              </template>
+        <template #loader />
 
-              <!-- pagination -->
-              <template #bottom>
-                <slot name="inside-bottom" :totals="data?.totals" />
-                <TablePagination v-model="currentPage" :pagination="pagination" />
-              </template>
-            </VDataTableServer>
+        <!-- loading -->
+        <template #loading>
+          <div class="text-center">
+            <VProgressCircular indeterminate />
           </div>
-        </AppCard>
-      </VCol>
-    </VRow>
-  </section>
+        </template>
+
+        <!-- pagination -->
+        <template #bottom>
+          <slot name="inside-bottom" :totals="data?.totals" />
+          <TablePagination v-model="currentPage" :pagination="pagination" />
+        </template>
+      </VDataTableServer>
+    </div>
+  </AppCard>
 </template>
 
 <style scoped>

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

@@ -20,21 +20,21 @@ type __VLS_ModelProps = {
     modelValue?: string[];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_19: {}, __VLS_27: {}, __VLS_59: {}, __VLS_101: string | number, __VLS_102: any, __VLS_115: {
+declare var __VLS_8: {}, __VLS_16: {}, __VLS_48: {}, __VLS_90: string | number, __VLS_91: any, __VLS_104: {
     totals: {
         [key: string]: number;
     } | undefined;
 };
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_101>]?: (props: typeof __VLS_102) => any;
+    [K in NonNullable<typeof __VLS_90>]?: (props: typeof __VLS_91) => any;
 } & {
-    buttons?: (props: typeof __VLS_19) => any;
+    buttons?: (props: typeof __VLS_8) => any;
 } & {
-    filters?: (props: typeof __VLS_27) => any;
+    filters?: (props: typeof __VLS_16) => any;
 } & {
-    'action-buttons'?: (props: typeof __VLS_59) => any;
+    'action-buttons'?: (props: typeof __VLS_48) => any;
 } & {
-    'inside-bottom'?: (props: typeof __VLS_115) => any;
+    'inside-bottom'?: (props: typeof __VLS_104) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     filterQueryString: import("vue").ComputedRef<string>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@winchsa/ui",
-    "version": "0.1.39",
+    "version": "0.1.40",
     "type": "module",
     "private": false,
     "publishConfig": {