quasar-factory-lib 0.0.19 → 0.0.20

package/dist/store/index.d.ts

@@ -1,2 +1 @@
-export default pinia;
-declare const pinia: import("pinia").Pinia;
+export { default as tableStore } from './table.js';

package/dist/store/plugin.d.ts

@@ -0,0 +1,2 @@
+import TableStore from './table.js';
+export { TableStore };

package/dist/store/table.d.ts

@@ -1,4 +1,5 @@
-export const tableStore: import("pinia").StoreDefinition<"tableStore", {
+export default tableStore;
+declare const tableStore: import("pinia").StoreDefinition<"tableStore", {
     disableScannerButtons: import("@vueuse/shared").RemovableRef<boolean>;
     filterValue: import("@vueuse/shared").RemovableRef<string>;
     lastFilterValue: import("@vueuse/shared").RemovableRef<string>;

package/package.json

@@ -97,6 +97,6 @@
     "release": "standard-version"
   },
   "type": "module",
-  "version": "0.0.19",
+  "version": "0.0.20",
   "author": ""
 }

package/src/components/Confirm/ConfirmDialog.vue

@@ -1,28 +1,21 @@
 <template>
-  <q-dialog v-model="alert" :persistent="persistent">
+  <q-dialog v-model="alert" persistent>
     <q-card class="alert-card" :data-cy="dataCy">
       <q-card-section class="row items-center">
-        <q-avatar
-          :icon="avatarIcon"
-          :color="avatarColor"
-          :text-color="avatarTextColor"
-          :size="avatarSize"
-          :font-size="avatarFontSize"
-        />
         <span class="q-ml-sm text-body1">{{ message }}</span>
       </q-card-section>
       <q-card-actions align="right">
         <q-btn
-          :color="cancelBtnColor"
+          color="negative"
           flat
-          :label="labelBtnCancel"
+          :label="$t('confirmDialog.cancel')"
           @click="onClickBtnCancel()"
           data-cy="cancel"
         />
         <q-btn
-          :color="confirmBtnColor"
+          color="positive"
           flat
-          :label="labelBtnConfirm"
+          :label="$t('confirmDialog.confirm')"
           @click="onClickBtnConfirm()"
           data-cy="confirm"
         />
@@ -55,56 +48,19 @@ export default defineComponent({
     }
   },
   props: {
-    persistent: {
-      type: Boolean,
-      default: true,
-    },
     dataCy: {
       type: String,
       default: '',
     },
-    cancelBtnColor: {
-      type: String,
-      default: '',
-      required: true,
-    },
-    labelBtnCancel: {
-      type: String,
-      default: '',
-      required: true,
-    },
-    confirmBtnColor: {
-      type: String,
-      default: '',
-      required: true,
-    },
-    labelBtnConfirm: {
-      type: String,
-      default: '',
-      required: true,
-    },
-    avatarIcon: {
-      type: String,
-      default: 'warning',
-    },
-    avatarSize: {
-      type: String,
-      default: 'md',
-    },
-    avatarColor: {
-      type: String,
-      default: '',
-    },
-    avatarTextColor: {
-      type: String,
-      default: 'primary',
-    },
-    avatarFontSize: {
-      type: String,
-      default: '18px',
+      onClickBtnConfirm: {
+      type: Function,
+      default: function () { },
     },
+    onClickBtnCancel: {
+      type: Function,
+      default: function () { },
+    }
   },
-  emit: ['onClickBtnCancel', 'onClickBtnConfirm'],
   methods: {
     openDialogAndSetMessage(msg: string): void {
       this.alert = true
@@ -112,13 +68,7 @@ export default defineComponent({
     },
     closeAlert() {
       this.alert = false
-    },
-    onClickBtnCancel() {
-      this.closeAlert()
-    },
-    onClickBtnConfirm() {
-      this.closeAlert()
-    },
+    }
   }
 })
 </script>

package/src/i18n/en/index.ts

@@ -1,13 +1,16 @@
 // import translateKeys from '../translateKeys'
 
 // const en: translateKeys = {
-  const en = {
-  test: 'Test',
+const en = {
   table: {
     search: 'Search',
     cancel: 'Cancel',
     confirm: 'Save'
   },
+  confirmDialog: {
+    cancel: 'Cancel',
+    confirm: 'Confirm'
+  },
   form: {
     rules: {
       emptyField: 'The field cannot be empty',

package/src/i18n/es/index.ts

@@ -1,18 +1,21 @@
 // import translateKeys from "../translateKeys"
 
 // const es: translateKeys = {
-    const es = {
-    test: 'Test',
-    table: {
-        search: 'Buscar',
-        cancel: 'Cancelar',
-        confirm: 'Guardar'
-      },
-      form: {
-        rules: {
-          emptyField: 'El campo no puede estar vacío',
-          exceedCharactersTypeList: 'El campo no debe exceder más de {0} caracteres'
-        }
-      }
+const es = {
+  table: {
+    search: 'Buscar',
+    cancel: 'Cancelar',
+    confirm: 'Guardar'
+  },
+  confirmDialog: {
+    cancel: 'Cancelar',
+    confirm: 'Confirmar'
+  },
+  form: {
+    rules: {
+      emptyField: 'El campo no puede estar vacío',
+      exceedCharactersTypeList: 'El campo no debe exceder más de {0} caracteres'
+    }
+  }
 }
 export default es

package/src/pages/ConfirmPage.vue

@@ -9,16 +9,8 @@
       >
       <ConfirmDialog
           ref="ConfirmRef"
-          :cancelBtnColor="'red'"
-          :labelBtnCancel="'Cancelar'"
-          @onClickBtnCancel="onClickBtnCancel"
-          :confirmBtnColor="'positive'"
-          :labelBtnConfirm="'Confirmar'"
-          @onClickBtnConfirm="onClickBtnConfirm"
-          :avatarIcon="'warning'"
-          :avatarSize="'xl'"
-          :avatarFontSize="'40px'"
-          :avatarTextColor="'primary'"
+          :onClickBtnConfirm="onClickBtnConfirm"
+          :onClickBtnCancel="onClickBtnCancel"
         />
       </div>
     </q-page>
@@ -41,11 +33,13 @@ export default {
     this.$refs.ConfirmRef.openDialogAndSetMessage("Confirm")
   },
   methods: {
-    onClickBtnCancel() {
-      console.log('cancel')
-    },
     onClickBtnConfirm() {
       console.log('confirm')
+      this.$refs.ConfirmRef.closeAlert()
+    },
+    onClickBtnCancel() {
+      this.$refs.ConfirmRef.closeAlert()
+      console.log('cancel')
     }
   }
 }

package/src/pages/TablePage.vue

@@ -50,7 +50,7 @@ import Table from '../components/Table/Table.vue'
 import setTableHeight from '../components/Table/utils/setTableHeight'
 import infiniteScroll from '../components/Table/utils/infiniteScroll'
 import FilterMethod from '../components/Table/utils/filterMethod'
-import { tableStore } from '../store/table.js'
+import tableStore  from '../store/table.js'
 export default {
   components: {
     Table

package/src/store/index.ts

@@ -0,0 +1 @@
+export { default as tableStore } from './table.js';

package/src/store/plugin.ts

@@ -0,0 +1,3 @@
+import TableStore from './table.js'
+export { TableStore }
+

package/src/store/table.js

@@ -1,6 +1,6 @@
 import { defineStore } from 'pinia'
 import { useStorage } from '@vueuse/core'
-export const tableStore = defineStore('tableStore', {
+const tableStore = defineStore('tableStore', {
   state: () => ({
     disableScannerButtons: useStorage('counter', false),
     filterValue: useStorage('filterValue', ''),
@@ -21,3 +21,5 @@ export const tableStore = defineStore('tableStore', {
 
   }
 })
+
+export default tableStore