@winchsa/ui 0.1.19 → 0.1.23

package/dist/components/MoreBtn.vue

@@ -15,6 +15,7 @@ defineProps({
 
     <VMenu
       activator="parent"
+      scroll-strategy="close"
     >
       <slot>
         <VList

package/dist/components/cards/AppCardActions.d.vue.ts

@@ -39,12 +39,12 @@ declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     triggerRefresh: typeof triggerRefresh;
     triggeredRemove: typeof triggeredRemove;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    collapsed: (isContentCollapsed: boolean) => any;
     refresh: (hideOverlay: () => void) => any;
+    collapsed: (isContentCollapsed: boolean) => any;
     trash: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
     onRefresh?: ((hideOverlay: () => void) => any) | undefined;
+    onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
     onTrash?: (() => any) | undefined;
 }>, {
     title: string;
@@ -55,12 +55,12 @@ declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     actionRemove: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    collapsed: (isContentCollapsed: boolean) => any;
     refresh: (hideOverlay: () => void) => any;
+    collapsed: (isContentCollapsed: boolean) => any;
     trash: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
     onRefresh?: ((hideOverlay: () => void) => any) | undefined;
+    onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
     onTrash?: (() => any) | undefined;
 }>, {
     title: string;

package/dist/components/cards/AppCardActions.vue.d.ts

@@ -39,12 +39,12 @@ declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     triggerRefresh: typeof triggerRefresh;
     triggeredRemove: typeof triggeredRemove;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    collapsed: (isContentCollapsed: boolean) => any;
     refresh: (hideOverlay: () => void) => any;
+    collapsed: (isContentCollapsed: boolean) => any;
     trash: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
     onRefresh?: ((hideOverlay: () => void) => any) | undefined;
+    onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
     onTrash?: (() => any) | undefined;
 }>, {
     title: string;
@@ -55,12 +55,12 @@ declare const __VLS_self: import("vue").DefineComponent<__VLS_Props, {
     actionRemove: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    collapsed: (isContentCollapsed: boolean) => any;
     refresh: (hideOverlay: () => void) => any;
+    collapsed: (isContentCollapsed: boolean) => any;
     trash: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
     onRefresh?: ((hideOverlay: () => void) => any) | undefined;
+    onCollapsed?: ((isContentCollapsed: boolean) => any) | undefined;
     onTrash?: (() => any) | undefined;
 }>, {
     title: string;

package/dist/components/forms/AppBarSearch.d.vue.ts

@@ -550,7 +550,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            append?: ((arg: {
+            prepend?: ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -558,7 +558,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            prepend?: ((arg: {
+            append?: ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -607,7 +607,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            append?: false | ((arg: {
+            prepend?: false | ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -615,7 +615,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            prepend?: false | ((arg: {
+            append?: false | ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -664,7 +664,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:append"?: false | ((arg: {
+        "v-slot:prepend"?: false | ((arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;
@@ -672,7 +672,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:prepend"?: false | ((arg: {
+        "v-slot:append"?: false | ((arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;
@@ -721,7 +721,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNode[];
-        append: (arg: {
+        prepend: (arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;
@@ -729,7 +729,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNode[];
-        prepend: (arg: {
+        append: (arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;
@@ -1299,7 +1299,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            append?: ((arg: {
+            prepend?: ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -1307,7 +1307,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            prepend?: ((arg: {
+            append?: ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -1356,7 +1356,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            append?: false | ((arg: {
+            prepend?: false | ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -1364,7 +1364,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            prepend?: false | ((arg: {
+            append?: false | ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -1413,7 +1413,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:append"?: false | ((arg: {
+        "v-slot:prepend"?: false | ((arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;
@@ -1421,7 +1421,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:prepend"?: false | ((arg: {
+        "v-slot:append"?: false | ((arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;
@@ -1470,7 +1470,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNode[];
-        append: (arg: {
+        prepend: (arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;
@@ -1478,7 +1478,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNode[];
-        prepend: (arg: {
+        append: (arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;

package/dist/components/forms/AppBarSearch.vue.d.ts

@@ -550,7 +550,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            append?: ((arg: {
+            prepend?: ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -558,7 +558,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            prepend?: ((arg: {
+            append?: ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -607,7 +607,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            append?: false | ((arg: {
+            prepend?: false | ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -615,7 +615,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            prepend?: false | ((arg: {
+            append?: false | ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -664,7 +664,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:append"?: false | ((arg: {
+        "v-slot:prepend"?: false | ((arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;
@@ -672,7 +672,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:prepend"?: false | ((arg: {
+        "v-slot:append"?: false | ((arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;
@@ -721,7 +721,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNode[];
-        append: (arg: {
+        prepend: (arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;
@@ -729,7 +729,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNode[];
-        prepend: (arg: {
+        append: (arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;
@@ -1299,7 +1299,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            append?: ((arg: {
+            prepend?: ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -1307,7 +1307,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            prepend?: ((arg: {
+            append?: ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -1356,7 +1356,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            append?: false | ((arg: {
+            prepend?: false | ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -1364,7 +1364,7 @@ declare const refSearchList: import("vue").Ref<({
             } & {
                 item: unknown;
             }) => import("vue").VNodeChild) | undefined;
-            prepend?: false | ((arg: {
+            append?: false | ((arg: {
                 isActive: boolean;
                 isSelected: boolean;
                 isIndeterminate: boolean;
@@ -1413,7 +1413,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:append"?: false | ((arg: {
+        "v-slot:prepend"?: false | ((arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;
@@ -1421,7 +1421,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNodeChild) | undefined;
-        "v-slot:prepend"?: false | ((arg: {
+        "v-slot:append"?: false | ((arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;
@@ -1470,7 +1470,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNode[];
-        append: (arg: {
+        prepend: (arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;
@@ -1478,7 +1478,7 @@ declare const refSearchList: import("vue").Ref<({
         } & {
             item: unknown;
         }) => import("vue").VNode[];
-        prepend: (arg: {
+        append: (arg: {
             isActive: boolean;
             isSelected: boolean;
             isIndeterminate: boolean;

package/dist/components/table/DataTable.vue

@@ -18,6 +18,8 @@ import FilterGenerator from "./FilterGenerator.vue";
 import TablePagination from "./TablePagination.vue";
 const { t } = useI18n();
 const { showValidationAlert } = responseAlert();
+const route = useRoute();
+const router = useRouter();
 const pageSizeOptions = [
   { value: 30, title: "30" },
   { value: 60, title: "60" },
@@ -31,12 +33,17 @@ const props = defineProps({
   queryParams: { type: Object, required: false, default: () => ({}) },
   enableButtons: { type: Boolean, required: false, default: false },
   enableButtonsFilter: { type: Boolean, required: false, default: true },
+  enablePageSizeOptions: { type: Boolean, required: false, default: true },
+  enableActionButtons: { type: Boolean, required: false, default: true },
+  enableBaseButtons: { type: Boolean, required: false, default: true },
   secondaryStyle: { type: Boolean, required: false },
   replaceNullWithDash: { type: Boolean, required: false, default: true },
-  withoutQueryParams: { type: Boolean, required: false, default: false }
+  withoutQueryParams: { type: Boolean, required: false, default: false },
+  showSelect: { type: Boolean, required: false },
+  returnObject: { type: Boolean, required: false, default: false },
+  stickyActions: { type: Boolean, required: false, default: false }
 });
-const route = useRoute();
-const router = useRouter();
+const modelValue = defineModel({ type: Array, ...{ default: [] } });
 const { processedFormFilters, filters, urlQueryParams } = useTableFilters({
   formFilters: computed(() => props.formFilters),
   syncFiltersWithUrl: !props.withoutQueryParams
@@ -155,9 +162,14 @@ defineExpose({
           <VDivider v-if="hasFilters" />
 
           <!-- options and buttons -->
-          <VCardText v-if="enableButtonsFilter" class="d-flex flex-wrap py-4 gap-4">
+          <VCardText
+            v-if="enablePageSizeOptions || enableActionButtons"
+            :class="['d-flex flex-wrap py-4 gap-4', {
+  'sticky-actions': stickyActions
+}]"
+          >
             <!-- Page Size options -->
-            <div class="me-3 d-flex gap-3">
+            <div v-if="enablePageSizeOptions" class="me-3 d-flex gap-3">
               <AppSelect
                 hide-details
                 :model-value="itemsPerPage"
@@ -170,36 +182,40 @@ defineExpose({
             <VSpacer />
 
             <!-- buttons -->
-            <div class="d-flex align-center table-buttons">
-              <slot name="buttons-action" />
+            <div v-if="enableActionButtons" class="d-flex align-center table-buttons">
+              <slot name="action-buttons" />
 
-              <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>
+                <BaseButton
+                  size="38"
+                  color="secondary"
+                  class="ms-2"
+                  @click="refresh"
+                >
+                  <VIcon
+                    icon="tabler-refresh"
+                    size="22"
+                  />
+                </BaseButton>
+              </template>
             </div>
           </VCardText>
 
-          <VDivider v-if="enableButtonsFilter" />
+          <VDivider v-if="enableButtonsFilter" :class="{
+  'sticky-divider': stickyActions
+}" />
 
           <div :class="[!useIsMobile().value || 'overflow-auto app-h-fit', {
   'secondary-table': secondaryStyle,
@@ -207,6 +223,7 @@ defineExpose({
 }]">
             <!-- table -->
             <VDataTableServer
+              v-model="modelValue"
               :class="{
   'mt-5 px-5': secondaryStyle
 }"
@@ -216,6 +233,8 @@ defineExpose({
               :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">
@@ -255,6 +274,21 @@ defineExpose({
 </template>
 
 <style scoped>
+.sticky-actions {
+  position: sticky !important;
+  position: -webkit-sticky;
+  top: 90px;
+  z-index: 11 !important;
+  background-color: rgb(var(--v-theme-surface)) !important;
+}
+
+.sticky-divider {
+  position: sticky !important;
+  position: -webkit-sticky;
+  top: 146px;
+  z-index: 11 !important;
+}
+
 :deep(.v-table) .v-table__wrapper > table > tbody > tr > td,
 :deep(.v-table) .v-table__wrapper > table > tbody > tr > th {
   border-bottom: 8px solid rgba(var(--v-table-divider)) !important;
@@ -272,6 +306,10 @@ defineExpose({
   padding-bottom: 0.75rem;
 }
 
+.sticky-actions ~ div :deep(table) tr th {
+  top: 146px !important;
+}
+
 .table-buttons .v-btn .v-btn__overlay {
   display: none !important;
 }
@@ -307,6 +345,10 @@ defineExpose({
   border-bottom: 1px solid rgba(var(--v-theme-silver)) !important;
 }
 
+.sticky-actions ~ div .secondary-table :deep(table) th {
+  top: 156px !important;
+}
+
 :deep(.v-overlay) {
   z-index: 500 !important;
 }

package/dist/utils/client.js

@@ -13,12 +13,12 @@ const clientInstance = _ofetch.ofetch.create({
 async function apiRequest(method, path, options) {
   const baseUrl = process.env.VITE_BASE_API;
   const prefix = process.env.VITE_APP_TYPE;
+  const token = localStorage.getItem("token");
   const {
     ignoreUrlPrefix,
     headers,
     ...restOptions
   } = options || {};
-  const token = localStorage.getItem("token");
   return clientInstance(path, {
     method,
     baseURL: ignoreUrlPrefix ? baseUrl : `${baseUrl}/${prefix}`,
@@ -26,7 +26,7 @@ async function apiRequest(method, path, options) {
     headers: {
       "Accept": "application/json",
       "X-Requested-With": "XMLHttpRequest",
-      "Accept-Language": localStorage.getItem("token"),
+      "Accept-Language": localStorage.getItem("winch-lang"),
       "User-Platform": "web",
       ...(token && {
         Authorization: `Bearer ${token}`

package/dist/utils/client.mjs

@@ -5,8 +5,8 @@ const clientInstance = ofetch.create({ credentials: "include" });
 async function apiRequest(method, path, options) {
   const baseUrl = import.meta.env.VITE_BASE_API;
   const prefix = import.meta.env.VITE_APP_TYPE;
-  const { ignoreUrlPrefix, headers, ...restOptions } = options || {};
   const token = localStorage.getItem("token");
+  const { ignoreUrlPrefix, headers, ...restOptions } = options || {};
   return clientInstance(path, {
     method,
     baseURL: ignoreUrlPrefix ? baseUrl : `${baseUrl}/${prefix}`,
@@ -14,7 +14,7 @@ async function apiRequest(method, path, options) {
     headers: {
       "Accept": "application/json",
       "X-Requested-With": "XMLHttpRequest",
-      "Accept-Language": localStorage.getItem("token"),
+      "Accept-Language": localStorage.getItem("winch-lang"),
       "User-Platform": "web",
       ...token && { Authorization: `Bearer ${token}` },
       ...headers

package/package.json

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