@bildvitta/quasar-ui-asteroid 3.0.0 → 3.1.0-beta.2

package/dist/asteroid.cjs.js

@@ -1,5 +1,5 @@
 /*!
-* @bildvitta/quasar-ui-asteroid v3.0.0
+* @bildvitta/quasar-ui-asteroid v3.1.0-beta.2
 * (c) 2022 Bild & Vitta <systemteam@bild.com.br>
 * Released under the MIT License.
 */
@@ -12,6 +12,7 @@ var humps = require('humps');
 var dateFns = require('date-fns');
 var locale = require('date-fns/locale');
 var quasar = require('quasar');
+var storeAdapter = require('@bildvitta/store-adapter');
 var lodashEs = require('lodash-es');
 var AutoNumeric = require('autonumeric');
 var Pica = require('pica');
@@ -60,7 +61,7 @@ var script$L = {
 };
 
 const _hoisted_1$t = { class: "col-12 col-sm-auto" };
-const _hoisted_2$l = { class: "col-12 col-sm-auto" };
+const _hoisted_2$m = { class: "col-12 col-sm-auto" };
 
 function render$L(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createElementBlock("div", {
@@ -69,7 +70,7 @@ function render$L(_ctx, _cache, $props, $setup, $data, $options) {
     vue.createElementVNode("div", _hoisted_1$t, [
       vue.renderSlot(_ctx.$slots, "secondary")
     ]),
-    vue.createElementVNode("div", _hoisted_2$l, [
+    vue.createElementVNode("div", _hoisted_2$m, [
       vue.renderSlot(_ctx.$slots, "primary")
     ])
   ], 2 /* CLASS */))
@@ -195,7 +196,7 @@ var script$J = {
 };
 
 const _hoisted_1$s = { class: "flex items-center justify-center q-gutter-x-md" };
-const _hoisted_2$k = { class: "flex items-center justify-center q-gutter-x-sm" };
+const _hoisted_2$l = { class: "flex items-center justify-center q-gutter-x-sm" };
 
 function render$J(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_q_icon = vue.resolveComponent("q-icon");
@@ -259,7 +260,7 @@ function render$J(_ctx, _cache, $props, $setup, $data, $options) {
                     default: vue.withCtx(() => [
                       vue.createVNode(_component_q_item_section, null, {
                         default: vue.withCtx(() => [
-                          vue.createElementVNode("div", _hoisted_2$k, [
+                          vue.createElementVNode("div", _hoisted_2$l, [
                             vue.createVNode(_component_q_icon, {
                               name: $props.deleteIcon,
                               size: "sm"
@@ -763,7 +764,7 @@ var script$H = {
 };
 
 const _hoisted_1$r = { class: "q-gutter-md q-mr-lg" };
-const _hoisted_2$j = {
+const _hoisted_2$k = {
   key: 0,
   class: "text-bold text-h5"
 };
@@ -789,7 +790,7 @@ function render$H(_ctx, _cache, $props, $setup, $data, $options) {
         vue.createElementVNode("div", _hoisted_1$r, [
           vue.renderSlot(_ctx.$slots, "header", {}, () => [
             ($props.title)
-              ? (vue.openBlock(), vue.createElementBlock("h5", _hoisted_2$j, vue.toDisplayString($props.title), 1 /* TEXT */))
+              ? (vue.openBlock(), vue.createElementBlock("h5", _hoisted_2$k, vue.toDisplayString($props.title), 1 /* TEXT */))
               : vue.createCommentVNode("v-if", true)
           ]),
           vue.renderSlot(_ctx.$slots, "default", {}, () => [
@@ -1026,7 +1027,7 @@ var script$F = {
 };
 
 const _hoisted_1$q = ["alt", "src"];
-const _hoisted_2$i = {
+const _hoisted_2$j = {
   key: 1,
   class: "text-bold text-grey-9 text-subtitle1 text-uppercase"
 };
@@ -1058,7 +1059,7 @@ function render$F(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_close_popup = vue.resolveDirective("close-popup");
 
   return (vue.openBlock(), vue.createBlock(_component_q_header, {
-    class: "bg-white qas-app-bar shadow-14",
+    class: "bg-white qas-app-bar shadow-2",
     "height-hint": "70"
   }, {
     default: vue.withCtx(() => [
@@ -1095,7 +1096,7 @@ function render$F(_ctx, _cache, $props, $setup, $data, $options) {
                     }, null, 8 /* PROPS */, _hoisted_1$q))
                   : vue.createCommentVNode("v-if", true),
                 ($options.showTitle)
-                  ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$i, vue.toDisplayString($props.title), 1 /* TEXT */))
+                  ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$j, vue.toDisplayString($props.title), 1 /* TEXT */))
                   : vue.createCommentVNode("v-if", true),
                 ($options.hasDevelopmentBadge)
                   ? (vue.openBlock(), vue.createBlock(_component_q_badge, {
@@ -1161,7 +1162,7 @@ function render$F(_ctx, _cache, $props, $setup, $data, $options) {
                   ]),
                   vue.createVNode(_component_q_menu, {
                     anchor: "bottom end",
-                    class: "shadow-14",
+                    class: "shadow-2",
                     "max-height": "400px",
                     offset: [0, 5],
                     self: "top end"
@@ -1359,7 +1360,7 @@ var script$E = {
 };
 
 const _hoisted_1$p = { class: "column flex full-height justify-between no-wrap overflow-x-hidden" };
-const _hoisted_2$h = {
+const _hoisted_2$i = {
   key: 0,
   class: "q-ma-md"
 };
@@ -1394,7 +1395,7 @@ function render$E(_ctx, _cache, $props, $setup, $data, $options) {
       vue.createElementVNode("div", _hoisted_1$p, [
         vue.createElementVNode("div", null, [
           ($options.displayModuleSection)
-            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$h, [
+            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$i, [
                 _hoisted_3$d,
                 vue.createVNode(_component_qas_select, {
                   modelValue: $data.module,
@@ -1547,7 +1548,7 @@ var script$D = {
     boxClass () {
       return {
         'border-primary-contrast': this.outlined,
-        'shadow-14': !this.unelevated
+        'shadow-2': !this.unelevated
       }
     }
   }
@@ -1609,7 +1610,7 @@ var script$C = {
 
     cardClasses () {
       return {
-        'shadow-14': !this.unelevated,
+        'shadow-2': !this.unelevated,
         'border-primary': this.outlined,
         'no-shadow': this.outlined,
         'bg-white': this.outlined
@@ -1645,7 +1646,7 @@ var script$C = {
 };
 
 const _hoisted_1$o = { class: "col-12 col-lg-3 col-md-4 col-sm-6" };
-const _hoisted_2$g = {
+const _hoisted_2$h = {
   key: 0,
   class: "overflow-hidden relative-position w-full"
 };
@@ -1668,7 +1669,7 @@ function render$C(_ctx, _cache, $props, $setup, $data, $options) {
     }, {
       default: vue.withCtx(() => [
         ($props.useHeader)
-          ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$g, [
+          ? (vue.openBlock(), vue.createElementBlock("header", _hoisted_2$h, [
               vue.renderSlot(_ctx.$slots, "header", {}, () => [
                 vue.createVNode(_component_q_carousel, {
                   modelValue: $data.slideImage,
@@ -2209,12 +2210,12 @@ var script$y = {
 };
 
 const _hoisted_1$m = { class: "bg-grey-3 q-my-md q-pa-md rounded-borders" };
-const _hoisted_2$f = /*#__PURE__*/vue.createElementVNode("summary", null, "Debugger", -1 /* HOISTED */);
+const _hoisted_2$g = /*#__PURE__*/vue.createElementVNode("summary", null, "Debugger", -1 /* HOISTED */);
 const _hoisted_3$b = { class: "row" };
 
 function render$y(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createElementBlock("details", _hoisted_1$m, [
-    _hoisted_2$f,
+    _hoisted_2$g,
     vue.createElementVNode("div", _hoisted_3$b, [
       (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.inspect, (item, index) => {
         return (vue.openBlock(), vue.createElementBlock("pre", {
@@ -2382,7 +2383,7 @@ var script$x = {
 };
 
 const _hoisted_1$l = { class: "justify-between row" };
-const _hoisted_2$e = { class: "text-bold text-h6" };
+const _hoisted_2$f = { class: "text-bold text-h6" };
 const _hoisted_3$a = { key: 0 };
 
 function render$x(_ctx, _cache, $props, $setup, $data, $options) {
@@ -2407,7 +2408,7 @@ function render$x(_ctx, _cache, $props, $setup, $data, $options) {
             default: vue.withCtx(() => [
               vue.renderSlot(_ctx.$slots, "header", {}, () => [
                 vue.createElementVNode("div", _hoisted_1$l, [
-                  vue.createElementVNode("div", _hoisted_2$e, vue.toDisplayString($props.card.title), 1 /* TEXT */),
+                  vue.createElementVNode("div", _hoisted_2$f, vue.toDisplayString($props.card.title), 1 /* TEXT */),
                   ($props.useCloseButton)
                     ? vue.withDirectives((vue.openBlock(), vue.createBlock(_component_qas_btn, {
                         key: 0,
@@ -2729,7 +2730,11 @@ var script$w = {
           `QasDelete - destroy -> Payload do parâmetro do ${this.entity}/destroy`, [payload]
         );
 
-        await this.$store.dispatch(`${this.entity}/destroy`, payload);
+        await storeAdapter.getAction.call(this, {
+          entity: this.entity,
+          key: 'destroy',
+          payload
+        });
 
         NotifySuccess('Item deletado com sucesso!');
 
@@ -3927,7 +3932,7 @@ var script$q = {
 };
 
 const _hoisted_1$i = { class: "flex flex-center full-width justify-between no-border no-wrap q-gutter-xs q-pa-sm text-white transparent" };
-const _hoisted_2$d = { class: "col column items-start justify-center" };
+const _hoisted_2$e = { class: "col column items-start justify-center" };
 const _hoisted_3$9 = {
   key: 0,
   class: "q-uploader__title"
@@ -3986,7 +3991,7 @@ function render$q(_ctx, _cache, $props, $setup, $data, $options) {
                     size: "24px"
                   }))
                 : vue.createCommentVNode("v-if", true),
-              vue.createElementVNode("div", _hoisted_2$d, [
+              vue.createElementVNode("div", _hoisted_2$e, [
                 (_ctx.$attrs.label)
                   ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$9, vue.toDisplayString(_ctx.$attrs.label), 1 /* TEXT */))
                   : vue.createCommentVNode("v-if", true),
@@ -4221,7 +4226,7 @@ const _hoisted_1$h = {
   ref: "signatureContainer",
   class: "qas-signature-pad relative-position"
 };
-const _hoisted_2$c = ["id", "height"];
+const _hoisted_2$d = ["id", "height"];
 
 function render$p(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_qas_btn = vue.resolveComponent("qas-btn");
@@ -4233,7 +4238,7 @@ function render$p(_ctx, _cache, $props, $setup, $data, $options) {
         ref: _ctx.$attrs.ref,
         class: "qas-signature-pad__canvas rounded-borders vertical-bottom",
         height: $props.height
-      }, null, 8 /* PROPS */, _hoisted_2$c),
+      }, null, 8 /* PROPS */, _hoisted_2$d),
       (!$props.empty)
         ? (vue.openBlock(), vue.createBlock(_component_qas_btn, {
             key: 0,
@@ -4392,7 +4397,7 @@ var script$o = {
 };
 
 const _hoisted_1$g = { class: "col column items-start justify-center" };
-const _hoisted_2$b = {
+const _hoisted_2$c = {
   key: 0,
   class: "q-uploader__title"
 };
@@ -4420,7 +4425,7 @@ function render$o(_ctx, _cache, $props, $setup, $data, $options) {
         }, [
           vue.createElementVNode("div", _hoisted_1$g, [
             ($props.uploadLabel)
-              ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, vue.toDisplayString($props.uploadLabel), 1 /* TEXT */))
+              ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$c, vue.toDisplayString($props.uploadLabel), 1 /* TEXT */))
               : vue.createCommentVNode("v-if", true)
           ]),
           (!$props.readonly)
@@ -4804,7 +4809,7 @@ var script$m = {
     },
 
     fields () {
-      return this.$store.getters[`${this.entity}/filters`]
+      return storeAdapter.getState.call(this, { entity: this.entity, key: 'filters' })
     },
 
     filterButtonColor () {
@@ -4820,7 +4825,7 @@ var script$m = {
     },
 
     hasFields () {
-      return !!Object.keys(this.fields).length
+      return !!Object.keys(this.fields || {}).length
     },
 
     hasSearch () {
@@ -4902,7 +4907,12 @@ var script$m = {
           [{ url: this.url }]
         );
 
-        const response = await this.$store.dispatch(`${this.entity}/fetchFilters`, { url: this.url });
+        const response = await storeAdapter.getAction.call(this, {
+          entity: this.entity,
+          key: 'fetchFilters',
+          payload: { url: this.url }
+        });
+
         this.$emit('fetch-success', response);
 
         this.$qas.logger.group(
@@ -4976,7 +4986,7 @@ var script$m = {
 };
 
 const _hoisted_1$f = { class: "q-mb-lg" };
-const _hoisted_2$a = {
+const _hoisted_2$b = {
   key: 0,
   class: "q-gutter-x-md row"
 };
@@ -5010,7 +5020,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
 
   return (vue.openBlock(), vue.createElementBlock("section", _hoisted_1$f, [
     ($options.showFilters)
-      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$a, [
+      ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$b, [
           ($options.showSearch)
             ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3$7, [
                 vue.renderSlot(_ctx.$slots, "search", { filter: $options.filter }, () => [
@@ -5023,6 +5033,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
                           vue.createVNode(_component_qas_input, {
                             modelValue: $data.search,
                             "onUpdate:modelValue": _cache[1] || (_cache[1] = $event => (($data.search) = $event)),
+                            "data-cy": "filters-search-input",
                             debounce: $options.debounce,
                             dense: "",
                             "hide-bottom-space": "",
@@ -5071,6 +5082,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
                   ? (vue.openBlock(), vue.createBlock(_component_qas_btn, {
                       key: 0,
                       color: $options.filterButtonColor,
+                      "data-cy": "filters-btn",
                       flat: "",
                       icon: "o_filter_list",
                       label: $options.filterButtonLabel
@@ -5107,14 +5119,16 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
                                           vue.createVNode(_component_qas_field, {
                                             modelValue: $data.filters[field.name],
                                             "onUpdate:modelValue": $event => (($data.filters[field.name]) = $event),
+                                            "data-cy": `filters-${field.name}-field`,
                                             dense: "",
                                             field: field
-                                          }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue", "field"])
+                                          }, null, 8 /* PROPS */, ["modelValue", "onUpdate:modelValue", "data-cy", "field"])
                                         ]))
                                       }), 128 /* KEYED_FRAGMENT */)),
                                       vue.createElementVNode("div", _hoisted_6$2, [
                                         vue.createVNode(_component_qas_btn, {
                                           class: "q-mr-sm",
+                                          "data-cy": "filters-clear-btn",
                                           flat: "",
                                           label: "Limpar",
                                           "no-caps": false,
@@ -5124,6 +5138,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
                                         }, null, 8 /* PROPS */, ["onClick"]),
                                         vue.createVNode(_component_qas_btn, {
                                           color: "primary",
+                                          "data-cy": "filters-submit-btn",
                                           label: "Filtrar",
                                           "no-caps": false,
                                           size: "12px",
@@ -5151,6 +5166,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
             return (vue.openBlock(), vue.createBlock(_component_q_chip, {
               key: key,
               color: "primary",
+              "data-cy": `filters-${filterItem.value}-chip`,
               dense: "",
               removable: "",
               size: "md",
@@ -5161,7 +5177,7 @@ function render$m(_ctx, _cache, $props, $setup, $data, $options) {
                 vue.createTextVNode(vue.toDisplayString(filterItem.label) + " = \"" + vue.toDisplayString($options.getChipValue(filterItem.value)) + "\"", 1 /* TEXT */)
               ]),
               _: 2 /* DYNAMIC */
-            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onRemove"]))
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["data-cy", "onRemove"]))
           }), 128 /* KEYED_FRAGMENT */))
         ]))
       : vue.createCommentVNode("v-if", true),
@@ -5314,6 +5330,10 @@ var script$l = {
       validator: value => {
         return typeof value === 'boolean' || ['xs', 'sm', 'md', 'lg', 'xl'].includes(value)
       }
+    },
+
+    disable: {
+      type: Boolean
     }
   },
 
@@ -5435,12 +5455,12 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
                 class: vue.normalizeClass(_ctx.mx_getFieldClass(key))
               }, [
                 vue.renderSlot(_ctx.$slots, `field-${field.name}`, { field: field }, () => [
-                  vue.createVNode(_component_qas_field, vue.mergeProps($props.fieldsProps[field.name], {
+                  vue.createVNode(_component_qas_field, vue.mergeProps({ disable: $props.disable }, $props.fieldsProps[field.name], {
                     error: $props.errors[key],
                     field: field,
                     "model-value": $props.modelValue[field.name],
                     "onUpdate:modelValue": $event => ($options.updateModelValue(field.name, $event))
-                  }), null, 16 /* FULL_PROPS */, ["error", "field", "model-value", "onUpdate:modelValue"])
+                  }), null, 16 /* FULL_PROPS */, ["disable", "error", "field", "model-value", "onUpdate:modelValue"])
                 ])
               ], 2 /* CLASS */))
             }), 128 /* KEYED_FRAGMENT */))
@@ -5448,11 +5468,11 @@ function render$l(_ctx, _cache, $props, $setup, $data, $options) {
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(fieldsetItem.fields.hidden, (field, key) => {
             return (vue.openBlock(), vue.createElementBlock("div", { key: key }, [
               vue.renderSlot(_ctx.$slots, `field-${field.name}`, { field: field }, () => [
-                vue.createVNode(_component_qas_field, vue.mergeProps($props.fieldsProps[field.name], {
+                vue.createVNode(_component_qas_field, vue.mergeProps({ disable: $props.disable }, $props.fieldsProps[field.name], {
                   field: field,
                   "model-value": $props.modelValue[field.name],
                   "onUpdate:modelValue": $event => ($options.updateModelValue(field.name, $event))
-                }), null, 16 /* FULL_PROPS */, ["field", "model-value", "onUpdate:modelValue"])
+                }), null, 16 /* FULL_PROPS */, ["disable", "field", "model-value", "onUpdate:modelValue"])
               ])
             ]))
           }), 128 /* KEYED_FRAGMENT */))
@@ -5611,13 +5631,17 @@ var searchFilterMixin = {
 
         const { url, params, decamelizeFieldName } = this.mx_defaultLazyLoadingProps;
 
-        const { data } = await this.$store.dispatch(`${this.entity}/fetchFieldOptions`, {
-          url,
-          field: decamelizeFieldName ? humps.decamelize(this.name, { separator: '-' }) : this.name,
-          params: {
-            ...params,
-            search: this.mx_search,
-            offset: (this.mx_pagination.page - 1) * params.limit
+        const { data } = await storeAdapter.getAction.call(this, {
+          entity: this.entity,
+          key: 'fetchFieldOptions',
+          payload: {
+            url,
+            field: decamelizeFieldName ? humps.decamelize(this.name, { separator: '-' }) : this.name,
+            params: {
+              ...params,
+              search: this.mx_search,
+              offset: (this.mx_pagination.page - 1) * params.limit
+            }
           }
         });
 
@@ -6053,7 +6077,11 @@ var script$k = {
           `QasFormView - fetchSingle -> payload do parâmetro do ${this.entity}/fetchSingle`, [payload]
         );
 
-        const response = await this.$store.dispatch(`${this.entity}/fetchSingle`, payload);
+        const response = await storeAdapter.getAction.call(this, {
+          entity: this.entity,
+          key: 'fetchSingle',
+          payload
+        });
 
         const { errors, fields, metadata, result } = response.data;
 
@@ -6188,7 +6216,11 @@ var script$k = {
           `QasFormView - submit -> payload do ${this.entity}/${this.mode}`, [payload]
         );
 
-        const response = await this.$store.dispatch(`${this.entity}/${this.mode}`, payload);
+        const response = await storeAdapter.getAction.call(this, {
+          entity: this.entity,
+          key: this.mode,
+          payload
+        });
 
         if (this.useDialogOnUnsavedChanges) {
           this.cachedResult = quasar.extend(true, {}, this.modelValue);
@@ -6234,7 +6266,7 @@ var script$k = {
 };
 
 const _hoisted_1$e = { key: 0 };
-const _hoisted_2$9 = { class: "justify-end q-col-gutter-md q-my-lg row" };
+const _hoisted_2$a = { class: "justify-end q-col-gutter-md q-my-lg row" };
 const _hoisted_3$6 = { key: 1 };
 
 function render$k(_ctx, _cache, $props, $setup, $data, $options) {
@@ -6262,7 +6294,7 @@ function render$k(_ctx, _cache, $props, $setup, $data, $options) {
           vue.renderSlot(_ctx.$slots, "default"),
           ($props.useActions)
             ? vue.renderSlot(_ctx.$slots, "actions", { key: 0 }, () => [
-                vue.createElementVNode("div", _hoisted_2$9, [
+                vue.createElementVNode("div", _hoisted_2$a, [
                   ($options.hasCancelButton)
                     ? (vue.openBlock(), vue.createElementBlock("div", {
                         key: 0,
@@ -6448,7 +6480,7 @@ var script$j = {
 };
 
 const _hoisted_1$d = { class: "q-col-gutter-md row" };
-const _hoisted_2$8 = {
+const _hoisted_2$9 = {
   key: 0,
   class: "full-width text-center"
 };
@@ -6486,7 +6518,7 @@ function render$j(_ctx, _cache, $props, $setup, $data, $options) {
         }), 128 /* KEYED_FRAGMENT */)),
         vue.renderSlot(_ctx.$slots, "default", {}, () => [
           (!$options.hideShowMore)
-            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$8, [
+            ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$9, [
                 vue.createVNode(_component_qas_btn, {
                   class: "text-weight-bolder",
                   color: "primary",
@@ -6673,6 +6705,9 @@ var script$i = {
   }
 };
 
+const _hoisted_1$c = ["data-cy"];
+const _hoisted_2$8 = ["data-cy"];
+
 function render$i(_ctx, _cache, $props, $setup, $data, $options) {
   return (vue.openBlock(), vue.createElementBlock("div", {
     class: vue.normalizeClass(_ctx.mx_classes)
@@ -6689,15 +6724,17 @@ function render$i(_ctx, _cache, $props, $setup, $data, $options) {
             field: $data.slotValue[key]
           }, () => [
             vue.createElementVNode("header", {
-              class: vue.normalizeClass($props.headerClass)
-            }, vue.toDisplayString(field.label), 3 /* TEXT, CLASS */)
+              class: vue.normalizeClass($props.headerClass),
+              "data-cy": `grid-generator-${field.name}-field`
+            }, vue.toDisplayString(field.label), 11 /* TEXT, CLASS, PROPS */, _hoisted_1$c)
           ]),
           vue.renderSlot(_ctx.$slots, "content", {
             field: $data.slotValue[key]
           }, () => [
             vue.createElementVNode("div", {
-              class: vue.normalizeClass($props.contentClass)
-            }, vue.toDisplayString($options.resultsByFields[key]), 3 /* TEXT, CLASS */)
+              class: vue.normalizeClass($props.contentClass),
+              "data-cy": `grid-generator-${field.name}-result`
+            }, vue.toDisplayString($options.resultsByFields[key]), 11 /* TEXT, CLASS, PROPS */, _hoisted_2$8)
           ])
         ])
       ], 2 /* CLASS */))
@@ -6853,6 +6890,7 @@ var script$f = {
   name: 'QasListItems',
 
   components: {
+    QasBox: script$D,
     QasBtn: script$K
   },
 
@@ -6894,79 +6932,77 @@ var script$f = {
   }
 };
 
-const _hoisted_1$c = { class: "qas-list-items shadow-14" };
-
 function render$f(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_q_item_section = vue.resolveComponent("q-item-section");
   const _component_q_icon = vue.resolveComponent("q-icon");
   const _component_qas_btn = vue.resolveComponent("qas-btn");
   const _component_q_item = vue.resolveComponent("q-item");
   const _component_q_list = vue.resolveComponent("q-list");
+  const _component_qas_box = vue.resolveComponent("qas-box");
   const _directive_ripple = vue.resolveDirective("ripple");
 
-  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$c, [
-    vue.createVNode(_component_q_list, {
-      bordered: "",
-      class: "rounded-borders",
-      separator: ""
-    }, {
-      default: vue.withCtx(() => [
-        (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.list, (item, index) => {
-          return vue.withDirectives((vue.openBlock(), vue.createBlock(_component_q_item, {
-            key: index,
-            clickable: $props.useClickableItem,
-            onClick: $event => ($options.onClick({ item, index }, true))
-          }, {
-            default: vue.withCtx(() => [
-              vue.renderSlot(_ctx.$slots, "item", {
-                index: index,
-                item: item
-              }, () => [
-                vue.createVNode(_component_q_item_section, null, {
-                  default: vue.withCtx(() => [
-                    vue.renderSlot(_ctx.$slots, "item-section", {
-                      index: index,
-                      item: item
-                    })
-                  ]),
-                  _: 2 /* DYNAMIC */
-                }, 1024 /* DYNAMIC_SLOTS */),
-                ($props.useSectionActions)
-                  ? (vue.openBlock(), vue.createBlock(_component_q_item_section, {
-                      key: 0,
-                      side: ""
-                    }, {
-                      default: vue.withCtx(() => [
-                        vue.renderSlot(_ctx.$slots, "item-section-side", {
-                          index: index,
-                          item: item
-                        }, () => [
-                          vue.createVNode(_component_qas_btn, {
-                            flat: "",
-                            round: "",
-                            onClick: $event => ($options.onClick({ item, index }))
-                          }, {
-                            default: vue.withCtx(() => [
-                              vue.createVNode(_component_q_icon, vue.normalizeProps(vue.guardReactiveProps($props.iconProps)), null, 16 /* FULL_PROPS */)
-                            ]),
-                            _: 2 /* DYNAMIC */
-                          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"])
-                        ])
-                      ]),
-                      _: 2 /* DYNAMIC */
-                    }, 1024 /* DYNAMIC_SLOTS */))
-                  : vue.createCommentVNode("v-if", true)
-              ])
-            ]),
-            _: 2 /* DYNAMIC */
-          }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["clickable", "onClick"])), [
-            [_directive_ripple]
-          ])
-        }), 128 /* KEYED_FRAGMENT */))
-      ]),
-      _: 3 /* FORWARDED */
-    })
-  ]))
+  return (vue.openBlock(), vue.createBlock(_component_qas_box, { class: "qas-list-items" }, {
+    default: vue.withCtx(() => [
+      vue.createVNode(_component_q_list, { separator: "" }, {
+        default: vue.withCtx(() => [
+          (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList($props.list, (item, index) => {
+            return vue.withDirectives((vue.openBlock(), vue.createBlock(_component_q_item, {
+              key: index,
+              clickable: $props.useClickableItem,
+              onClick: $event => ($options.onClick({ item, index }, true))
+            }, {
+              default: vue.withCtx(() => [
+                vue.renderSlot(_ctx.$slots, "item", {
+                  index: index,
+                  item: item
+                }, () => [
+                  vue.createVNode(_component_q_item_section, null, {
+                    default: vue.withCtx(() => [
+                      vue.renderSlot(_ctx.$slots, "item-section", {
+                        index: index,
+                        item: item
+                      })
+                    ]),
+                    _: 2 /* DYNAMIC */
+                  }, 1024 /* DYNAMIC_SLOTS */),
+                  ($props.useSectionActions)
+                    ? (vue.openBlock(), vue.createBlock(_component_q_item_section, {
+                        key: 0,
+                        side: ""
+                      }, {
+                        default: vue.withCtx(() => [
+                          vue.renderSlot(_ctx.$slots, "item-section-side", {
+                            index: index,
+                            item: item
+                          }, () => [
+                            vue.createVNode(_component_qas_btn, {
+                              flat: "",
+                              round: "",
+                              onClick: $event => ($options.onClick({ item, index }))
+                            }, {
+                              default: vue.withCtx(() => [
+                                vue.createVNode(_component_q_icon, vue.normalizeProps(vue.guardReactiveProps($props.iconProps)), null, 16 /* FULL_PROPS */)
+                              ]),
+                              _: 2 /* DYNAMIC */
+                            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["onClick"])
+                          ])
+                        ]),
+                        _: 2 /* DYNAMIC */
+                      }, 1024 /* DYNAMIC_SLOTS */))
+                    : vue.createCommentVNode("v-if", true)
+                ])
+              ]),
+              _: 2 /* DYNAMIC */
+            }, 1032 /* PROPS, DYNAMIC_SLOTS */, ["clickable", "onClick"])), [
+              [_directive_ripple]
+            ])
+          }), 128 /* KEYED_FRAGMENT */))
+        ]),
+        _: 3 /* FORWARDED */
+      })
+    ]),
+    _: 3 /* FORWARDED */
+  }))
 }
 
 script$f.render = render$f;
@@ -7032,11 +7068,11 @@ var script$e = {
     },
 
     resultsModel () {
-      return this.$store.getters[`${this.entity}/list`]
+      return storeAdapter.getState.call(this, { entity: this.entity, key: 'list' })
     },
 
     totalPages () {
-      return this.$store.getters[`${this.entity}/totalPages`]
+      return storeAdapter.getState.call(this, { entity: this.entity, key: 'totalPages' })
     },
 
     showResults () {
@@ -7087,7 +7123,11 @@ var script$e = {
           `QasListView - fetchList -> Payload do parâmetro do ${this.entity}/fetchList`, [payload]
         );
 
-        const response = await this.$store.dispatch(`${this.entity}/fetchList`, payload);
+        const response = await storeAdapter.getAction.call(this, {
+          entity: this.entity,
+          key: 'fetchList',
+          payload
+        });
 
         const { errors, fields, metadata } = response.data;
 
@@ -7392,6 +7432,11 @@ var script$c = {
       default: 'destroyed'
     },
 
+    disabledRows: {
+      type: [Array, Boolean],
+      default: false
+    },
+
     errors: {
       type: [Array, Object],
       default: () => ({})
@@ -7441,6 +7486,11 @@ var script$c = {
       default: () => ({})
     },
 
+    useAdd: {
+      type: Boolean,
+      default: true
+    },
+
     useAnimation: {
       type: Boolean,
       default: true
@@ -7614,6 +7664,22 @@ var script$c = {
       }
 
       return this.fieldLabel
+    },
+
+    isDisabledRow (row) {
+      if (!this.disabledRows) return false
+
+      if (typeof this.disabledRows === 'boolean') return true
+
+      return this.disabledRows.includes(row[this.identifierItemKey])
+    },
+
+    hasBlockActions (row) {
+      return !this.useInlineActions && !this.isDisabledRow(row)
+    },
+
+    hasInlineActions (row) {
+      return this.useInlineActions && !this.isDisabledRow(row)
     }
   }
 };
@@ -7634,7 +7700,10 @@ const _hoisted_7 = {
 const _hoisted_8 = { class: "col-auto" };
 const _hoisted_9 = { class: "col-auto" };
 const _hoisted_10 = { class: "col-12" };
-const _hoisted_11 = { class: "q-mt-md" };
+const _hoisted_11 = {
+  key: 0,
+  class: "q-mt-md"
+};
 const _hoisted_12 = { class: "col" };
 const _hoisted_13 = { class: "col-auto" };
 const _hoisted_14 = {
@@ -7682,7 +7751,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
                               label: $options.getRowLabel(index)
                             }, null, 8 /* PROPS */, ["label"]))
                           : vue.createCommentVNode("v-if", true),
-                        (!$props.useInlineActions)
+                        ($options.hasBlockActions(row))
                           ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_6, [
                               ($props.useDuplicate)
                                 ? (vue.openBlock(), vue.createBlock(_component_qas_btn, vue.mergeProps({ key: 0 }, $props.buttonDuplicateProps, {
@@ -7713,6 +7782,7 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
                             "onUpdate:modelValue": [$event => (($data.nested[index]) = $event), $event => ($options.updateValuesFromInput($event, index))],
                             class: vue.normalizeClass($options.formClasses),
                             columns: $props.formColumns,
+                            disable: $options.isDisabledRow(row),
                             errors: $options.transformedErrors[index],
                             fields: $options.children,
                             "fields-props": $props.fieldsProps
@@ -7722,15 +7792,16 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
                                 name: key,
                                 fn: vue.withCtx((scope) => [
                                   vue.renderSlot(_ctx.$slots, key, vue.mergeProps(scope, {
+                                    disabled: $options.isDisabledRow(row),
                                     errors: $options.transformedErrors,
                                     index: index
                                   }))
                                 ])
                               }
                             })
-                          ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue", "class", "columns", "errors", "fields", "fields-props"])
+                          ]), 1032 /* PROPS, DYNAMIC_SLOTS */, ["modelValue", "onUpdate:modelValue", "class", "columns", "disable", "errors", "fields", "fields-props"])
                         ]),
-                        ($props.useInlineActions)
+                        ($options.hasInlineActions(row))
                           ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
                               vue.createElementVNode("div", _hoisted_8, [
                                 ($props.useDuplicate)
@@ -7775,47 +7846,49 @@ function render$c(_ctx, _cache, $props, $setup, $data, $options) {
         ]),
         _: 3 /* FORWARDED */
       }, 16 /* FULL_PROPS */)),
-      vue.createElementVNode("div", _hoisted_11, [
-        vue.renderSlot(_ctx.$slots, "add-input", { add: $options.add }, () => [
-          ($props.useInlineActions)
-            ? (vue.openBlock(), vue.createElementBlock("div", {
-                key: 0,
-                class: "cursor-pointer items-center q-col-gutter-x-md q-mt-md row",
-                onClick: _cache[1] || (_cache[1] = $event => ($options.add()))
-              }, [
-                vue.createElementVNode("div", _hoisted_12, [
-                  vue.createVNode(_component_qas_input, {
-                    class: "disabled no-pointer-events",
-                    "hide-bottom-space": "",
-                    label: $props.addInputLabel,
-                    outlined: "",
-                    onFocus: _cache[0] || (_cache[0] = $event => ($options.add()))
-                  }, null, 8 /* PROPS */, ["label"])
-                ]),
-                vue.createElementVNode("div", _hoisted_13, [
-                  vue.createVNode(_component_qas_btn, {
-                    color: "green",
-                    flat: "",
-                    icon: "o_add_circle_outline",
-                    round: ""
-                  })
-                ])
-              ]))
-            : (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
-                vue.createVNode(_component_qas_btn, {
-                  class: "full-width q-py-md",
-                  icon: "o_add",
-                  outline: "",
-                  onClick: _cache[2] || (_cache[2] = $event => ($options.add()))
-                }, {
-                  default: vue.withCtx(() => [
-                    vue.createTextVNode(vue.toDisplayString($props.addInputLabel), 1 /* TEXT */)
-                  ]),
-                  _: 1 /* STABLE */
-                })
-              ]))
-        ])
-      ])
+      ($props.useAdd)
+        ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11, [
+            vue.renderSlot(_ctx.$slots, "add-input", { add: $options.add }, () => [
+              ($props.useInlineActions)
+                ? (vue.openBlock(), vue.createElementBlock("div", {
+                    key: 0,
+                    class: "cursor-pointer items-center q-col-gutter-x-md q-mt-md row",
+                    onClick: _cache[1] || (_cache[1] = $event => ($options.add()))
+                  }, [
+                    vue.createElementVNode("div", _hoisted_12, [
+                      vue.createVNode(_component_qas_input, {
+                        class: "disabled no-pointer-events",
+                        "hide-bottom-space": "",
+                        label: $props.addInputLabel,
+                        outlined: "",
+                        onFocus: _cache[0] || (_cache[0] = $event => ($options.add()))
+                      }, null, 8 /* PROPS */, ["label"])
+                    ]),
+                    vue.createElementVNode("div", _hoisted_13, [
+                      vue.createVNode(_component_qas_btn, {
+                        color: "green",
+                        flat: "",
+                        icon: "o_add_circle_outline",
+                        round: ""
+                      })
+                    ])
+                  ]))
+                : (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
+                    vue.createVNode(_component_qas_btn, {
+                      class: "full-width q-py-md",
+                      icon: "o_add",
+                      outline: "",
+                      onClick: _cache[2] || (_cache[2] = $event => ($options.add()))
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode(vue.toDisplayString($props.addInputLabel), 1 /* TEXT */)
+                      ]),
+                      _: 1 /* STABLE */
+                    })
+                  ]))
+            ])
+          ]))
+        : vue.createCommentVNode("v-if", true)
     ], 512 /* NEED_PATCH */)
   ], 8 /* PROPS */, _hoisted_1$9))
 }
@@ -8964,7 +9037,7 @@ var script$5 = {
     },
 
     resultModel () {
-      return this.$store.getters[`${this.entity}/byId`](this.id) || {}
+      return storeAdapter.getGetter.call(this, { entity: this.entity, key: 'byId' })(this.id) || {}
     }
   },
 
@@ -8996,7 +9069,11 @@ var script$5 = {
           [payload]
         );
 
-        const response = await this.$store.dispatch(`${this.entity}/fetchSingle`, payload);
+        const response = await storeAdapter.getAction.call(this, {
+          entity: this.entity,
+          key: 'fetchSingle',
+          payload
+        });
 
         const { errors, fields, metadata } = response.data;
 
@@ -9187,9 +9264,13 @@ var script$4 = {
       quasar.Loading.show();
 
       try {
-        const response = await this.$store.dispatch(`${this.entity}/replace`, {
-          payload: { order: this.identifiers },
-          url: this.url || `${this.entity}/sort`
+        const response = await storeAdapter.getAction.call(this, {
+          entity: this.entity,
+          key: 'replace',
+          payload: {
+            payload: { order: this.identifiers },
+            url: this.url || `${this.entity}/sort`
+          }
         });
 
         this.$emit('success', response);
@@ -10076,7 +10157,7 @@ script.__file = "src/components/transfer/QasTransfer.vue";
 
 var name = "@bildvitta/quasar-ui-asteroid";
 var description = "Asteroid";
-var version$1 = "3.0.0";
+var version$1 = "3.1.0-beta.2";
 var author = "Bild & Vitta <systemteam@bild.com.br>";
 var license = "MIT";
 var main = "dist/asteroid.cjs.min.js";
@@ -10120,6 +10201,7 @@ var devDependencies = {
 	sass: "^1.49.0"
 };
 var dependencies = {
+	"@bildvitta/store-adapter": "^1.0.0-beta.22",
 	"@fawmi/vue-google-maps": "^0.9.4",
 	autonumeric: "^4.6.0",
 	axios: "^0.21.1",