@bildvitta/quasar-ui-asteroid 3.17.0-beta.20 → 3.17.0-beta.21

package/src/pages/Unauthorized.vue

@@ -1,29 +1,29 @@
-<template>
-  <error-component v-bind="errorProps" />
-</template>
-
-<script>
-import ErrorComponent from './ErrorComponent.vue'
-
-export default {
-  name: 'Unauthorized',
-
-  components: {
-    ErrorComponent
-  },
-
-  computed: {
-    errorProps () {
-      return {
-        code: '401',
-        description: 'Ops... Parece que você foi desconectado do sistema. \n Por favor, entre na sua conta novamente.',
-        imagePath: require('../assets/big-shoes-walking-the-dog.svg'),
-        buttonProps: {
-          to: { path: '/auth/login' },
-          label: 'Entrar novamente'
-        }
-      }
-    }
-  }
-}
-</script>
+<template>
+  <error-component v-bind="errorProps" />
+</template>
+
+<script>
+import ErrorComponent from './ErrorComponent.vue'
+
+export default {
+  name: 'Unauthorized',
+
+  components: {
+    ErrorComponent
+  },
+
+  computed: {
+    errorProps () {
+      return {
+        code: '401',
+        description: 'Ops... Parece que você foi desconectado do sistema. \n Por favor, entre na sua conta novamente.',
+        imagePath: require('../assets/big-shoes-walking-the-dog.svg'),
+        buttonProps: {
+          to: { path: '/auth/login' },
+          label: 'Entrar novamente'
+        }
+      }
+    }
+  }
+}
+</script>

package/src/plugins/delete/Delete.js

@@ -1,107 +1,107 @@
-import { Dialog, NotifySuccess, NotifyError } from 'asteroid'
-import { Loading } from 'quasar'
-import { getAction } from '@bildvitta/store-adapter'
-import { useHistory } from '../../composables'
-
-export default function (config = {}) {
-  const {
-    dialogProps = {},
-    deleteActionParams = {},
-    useAutoDeleteRoute,
-    redirectRoute,
-
-    // callbacks
-    onDelete = () => {},
-    onDeleteError = () => {},
-    onDeleteSuccess = () => {},
-    deleteAction
-  } = config
-
-  const { entity, id, url } = deleteActionParams
-
-  const defaultDialogProps = {
-    ...dialogProps,
-
-    card: {
-      description: 'Tem certeza que deseja excluir este item?',
-
-      ...dialogProps.card
-    },
-
-    ok: {
-      label: 'Excluir',
-      onClick: () => destroy.call(this),
-
-      ...dialogProps.ok
-    }
-  }
-
-  const defaultNotifyMessages = {
-    error: 'Não conseguimos excluir as informações. Por favor, tente novamente em alguns minutos.',
-    success: 'Informações excluídas com sucesso.'
-  }
-
-  async function destroy () {
-    Loading.show()
-
-    try {
-      onDelete(true)
-
-      const hasDeleteAction = typeof deleteAction === 'function'
-
-      const payload = { id, url }
-      const destroyActionParams = { entity, key: 'destroy', payload }
-
-      const response = hasDeleteAction
-        ? await deleteAction(payload)
-        : await getAction.call(this, destroyActionParams)
-
-      NotifySuccess(defaultNotifyMessages.success)
-
-      if (useAutoDeleteRoute) {
-        const { destroyRoutes, history } = useHistory()
-
-        // remove todas rotas que possuem o id do item excluído.
-        const routesToBeDeleted = getRoutesToBeDeletedById(history.list)
-        destroyRoutes(routesToBeDeleted)
-      }
-
-      // cria um evento para notificar que o item foi excluído no "window".
-      createDeleteSuccessEvent()
-
-      onDeleteSuccess(response)
-
-      redirectRoute && replaceRoute(this)
-    } catch (error) {
-      onDeleteError(error)
-
-      NotifyError(defaultNotifyMessages.error)
-    } finally {
-      onDelete(false)
-
-      Loading.hide()
-    }
-  }
-
-  function replaceRoute (context) {
-    const { $router } = context
-
-    $router.replace(redirectRoute)
-  }
-
-  function getRoutesToBeDeletedById (routes = []) {
-    return routes.filter(({ params }) => params.id === id)
-  }
-
-  function createDeleteSuccessEvent () {
-    const event = new CustomEvent('delete-success', {
-      bubbles: false,
-      cancelable: false,
-      detail: deleteActionParams
-    })
-
-    window.dispatchEvent(event)
-  }
-
-  Dialog(defaultDialogProps)
-}
+import { Dialog, NotifySuccess, NotifyError } from 'asteroid'
+import { Loading } from 'quasar'
+import { getAction } from '@bildvitta/store-adapter'
+import { useHistory } from '../../composables'
+
+export default function (config = {}) {
+  const {
+    dialogProps = {},
+    deleteActionParams = {},
+    useAutoDeleteRoute,
+    redirectRoute,
+
+    // callbacks
+    onDelete = () => {},
+    onDeleteError = () => {},
+    onDeleteSuccess = () => {},
+    deleteAction
+  } = config
+
+  const { entity, id, url } = deleteActionParams
+
+  const defaultDialogProps = {
+    ...dialogProps,
+
+    card: {
+      description: 'Tem certeza que deseja excluir este item?',
+
+      ...dialogProps.card
+    },
+
+    ok: {
+      label: 'Excluir',
+      onClick: () => destroy.call(this),
+
+      ...dialogProps.ok
+    }
+  }
+
+  const defaultNotifyMessages = {
+    error: 'Não conseguimos excluir as informações. Por favor, tente novamente em alguns minutos.',
+    success: 'Informações excluídas com sucesso.'
+  }
+
+  async function destroy () {
+    Loading.show()
+
+    try {
+      onDelete(true)
+
+      const hasDeleteAction = typeof deleteAction === 'function'
+
+      const payload = { id, url }
+      const destroyActionParams = { entity, key: 'destroy', payload }
+
+      const response = hasDeleteAction
+        ? await deleteAction(payload)
+        : await getAction.call(this, destroyActionParams)
+
+      NotifySuccess(defaultNotifyMessages.success)
+
+      if (useAutoDeleteRoute) {
+        const { destroyRoutes, history } = useHistory()
+
+        // remove todas rotas que possuem o id do item excluído.
+        const routesToBeDeleted = getRoutesToBeDeletedById(history.list)
+        destroyRoutes(routesToBeDeleted)
+      }
+
+      // cria um evento para notificar que o item foi excluído no "window".
+      createDeleteSuccessEvent()
+
+      onDeleteSuccess(response)
+
+      redirectRoute && replaceRoute(this)
+    } catch (error) {
+      onDeleteError(error)
+
+      NotifyError(defaultNotifyMessages.error)
+    } finally {
+      onDelete(false)
+
+      Loading.hide()
+    }
+  }
+
+  function replaceRoute (context) {
+    const { $router } = context
+
+    $router.replace(redirectRoute)
+  }
+
+  function getRoutesToBeDeletedById (routes = []) {
+    return routes.filter(({ params }) => params.id === id)
+  }
+
+  function createDeleteSuccessEvent () {
+    const event = new CustomEvent('delete-success', {
+      bubbles: false,
+      cancelable: false,
+      detail: deleteActionParams
+    })
+
+    window.dispatchEvent(event)
+  }
+
+  Dialog(defaultDialogProps)
+}

package/src/plugins/delete/Delete.yml

@@ -1,75 +1,75 @@
-type: component
-
-meta:
-  desc: Plugin que implementa a action `destroy` do `StoreModule` adicionando comportamento de confirmação antes de excluir, este mesmo plugin é utilizado no componente `QasDelete`.
-
-inject:
-  'this.$qas.delete(config)':
-    params:
-      config:
-        type: Object
-        desc: Objeto de configuração do plugin.
-        params:
-          dialogProps:
-            type: Object
-            desc: Propriedades repassadas para o "QasDialog".
-
-          deleteActionParams:
-            type: Object
-            desc: Propriedades de configuração da action destroy.
-            params:
-              entity:
-                type: String
-                desc: entidade da store.
-                default: ''
-
-              id:
-                type: String
-                desc: Identificador (id, uuid, slug) do item a ser deletado.
-                default: ''
-
-              url:
-                type: String
-                desc: URL do endpoint do item a ser deletado.
-                default: ''
-
-          'onDelete -> function (isDeleting)':
-            type: Function
-            desc: Este callback é chamado quando inicializa a ação de deleção e quando finaliza, independente se der erro ou sucesso.
-            params:
-              isDeleting:
-                type: Boolean
-                desc: Retorna "true" caso esteja ocorrendo a ação de deleção e "false" quando finalizada.
-                default: false
-
-          'onDeleteError -> function (error)':
-            type: Function
-            desc: Este callback é chamado quando a ação de deleção é finalizada com erro.
-            params:
-              error:
-                type: Object
-                desc: Objeto de retorno de erro
-                default: {}
-
-          'onDeleteSuccess -> function (response)':
-            type: Function
-            desc: Este callback é chamado quando a ação de deleção é finalizada com sucesso.
-            params:
-              error:
-                type: Object
-                desc: Objeto de resposta da API
-                default: {}
-
-          'deleteAction -> function (deleteActionParams) || undefined':
-            type: [Function, undefined]
-            desc: Quando utilizado este plugin fora de componentes vue, não temos acesso ao contexto "this", neste caso é necessário passar a action "destroy" que deseja executar, é neste momento que o callback é chamado / utilizado, caso esteja dentro do componente vue, não repasse esse callback.
-            params:
-              error:
-                type: Object
-                desc: Objeto deleteActionParams enviado anteriormente como configuração do plugin Delete.
-                default: {}
-                examples: ["{ ..., deleteAction: params => useUsers.destroy(params) }"]
-
-          redirectRoute:
-            desc: Espera receber um objeto de rota ou um path na qual vai ser redirecionado após o item ser deletado.
-            type: [String, Object]
+type: component
+
+meta:
+  desc: Plugin que implementa a action `destroy` do `StoreModule` adicionando comportamento de confirmação antes de excluir, este mesmo plugin é utilizado no componente `QasDelete`.
+
+inject:
+  'this.$qas.delete(config)':
+    params:
+      config:
+        type: Object
+        desc: Objeto de configuração do plugin.
+        params:
+          dialogProps:
+            type: Object
+            desc: Propriedades repassadas para o "QasDialog".
+
+          deleteActionParams:
+            type: Object
+            desc: Propriedades de configuração da action destroy.
+            params:
+              entity:
+                type: String
+                desc: entidade da store.
+                default: ''
+
+              id:
+                type: String
+                desc: Identificador (id, uuid, slug) do item a ser deletado.
+                default: ''
+
+              url:
+                type: String
+                desc: URL do endpoint do item a ser deletado.
+                default: ''
+
+          'onDelete -> function (isDeleting)':
+            type: Function
+            desc: Este callback é chamado quando inicializa a ação de deleção e quando finaliza, independente se der erro ou sucesso.
+            params:
+              isDeleting:
+                type: Boolean
+                desc: Retorna "true" caso esteja ocorrendo a ação de deleção e "false" quando finalizada.
+                default: false
+
+          'onDeleteError -> function (error)':
+            type: Function
+            desc: Este callback é chamado quando a ação de deleção é finalizada com erro.
+            params:
+              error:
+                type: Object
+                desc: Objeto de retorno de erro
+                default: {}
+
+          'onDeleteSuccess -> function (response)':
+            type: Function
+            desc: Este callback é chamado quando a ação de deleção é finalizada com sucesso.
+            params:
+              error:
+                type: Object
+                desc: Objeto de resposta da API
+                default: {}
+
+          'deleteAction -> function (deleteActionParams) || undefined':
+            type: [Function, undefined]
+            desc: Quando utilizado este plugin fora de componentes vue, não temos acesso ao contexto "this", neste caso é necessário passar a action "destroy" que deseja executar, é neste momento que o callback é chamado / utilizado, caso esteja dentro do componente vue, não repasse esse callback.
+            params:
+              error:
+                type: Object
+                desc: Objeto deleteActionParams enviado anteriormente como configuração do plugin Delete.
+                default: {}
+                examples: ["{ ..., deleteAction: params => useUsers.destroy(params) }"]
+
+          redirectRoute:
+            desc: Espera receber um objeto de rota ou um path na qual vai ser redirecionado após o item ser deletado.
+            type: [String, Object]

package/src/plugins/dialog/Dialog.js

@@ -1,14 +1,14 @@
-import { Dialog } from 'quasar'
-import QasDialog from '../../components/dialog/QasDialog.vue'
-
-/**
- * @param {object} componentProps={}
- *
- * @example Dialog({ card: { title: 'Esse é o meu titulo!' } })
- */
-export default (componentProps = {}) => {
-  return Dialog.create({
-    component: QasDialog,
-    componentProps: { ...componentProps, usePlugin: true }
-  })
-}
+import { Dialog } from 'quasar'
+import QasDialog from '../../components/dialog/QasDialog.vue'
+
+/**
+ * @param {object} componentProps={}
+ *
+ * @example Dialog({ card: { title: 'Esse é o meu titulo!' } })
+ */
+export default (componentProps = {}) => {
+  return Dialog.create({
+    component: QasDialog,
+    componentProps: { ...componentProps, usePlugin: true }
+  })
+}

package/src/plugins/dialog/Dialog.yml

@@ -1,10 +1,10 @@
-type: component
-
-meta:
-  desc: Plugin que implementa o `QasDialog`.
-
-inject:
-  'this.$qas.dialog(config)':
-    params:
-      config:
-        desc: Mensagem de sucesso para ser exibida na notificação.
+type: component
+
+meta:
+  desc: Plugin que implementa o `QasDialog`.
+
+inject:
+  'this.$qas.dialog(config)':
+    params:
+      config:
+        desc: Mensagem de sucesso para ser exibida na notificação.

package/src/plugins/index.js

@@ -1,13 +1,13 @@
-import Delete from './delete/Delete.js'
-import Dialog from './dialog/Dialog.js'
-import NotifyError from './notify-error/NotifyError.js'
-import NotifySuccess from './notify-success/NotifySuccess.js'
-import Screen from './screen/Screen.js'
-
-export {
-  Delete,
-  Dialog,
-  NotifyError,
-  NotifySuccess,
-  Screen
-}
+import Delete from './delete/Delete.js'
+import Dialog from './dialog/Dialog.js'
+import NotifyError from './notify-error/NotifyError.js'
+import NotifySuccess from './notify-success/NotifySuccess.js'
+import Screen from './screen/Screen.js'
+
+export {
+  Delete,
+  Dialog,
+  NotifyError,
+  NotifySuccess,
+  Screen
+}

package/src/plugins/notify-error/NotifyError.js

@@ -1,13 +1,13 @@
-import { Notify } from 'quasar'
-import notifyConfig from '../../shared/notify-config.js'
-
-Notify.registerType('error', notifyConfig)
-
-export default (message, caption) => {
-  Notify.create({
-    caption,
-    classes: 'qas-notification qas-notification--error',
-    message,
-    type: 'error'
-  })
-}
+import { Notify } from 'quasar'
+import notifyConfig from '../../shared/notify-config.js'
+
+Notify.registerType('error', notifyConfig)
+
+export default (message, caption) => {
+  Notify.create({
+    caption,
+    classes: 'qas-notification qas-notification--error',
+    message,
+    type: 'error'
+  })
+}

package/src/plugins/notify-error/NotifyError.yml

@@ -1,11 +1,11 @@
-type: component
-
-meta:
-  desc: Plugin que implementa o "QNotify" do quasar.
-
-inject:
-  'this.$qas.error(msg)':
-    params:
-      msg:
-        desc: Mensagem de erro para ser exibida na notificação.
-        type: String
+type: component
+
+meta:
+  desc: Plugin que implementa o "QNotify" do quasar.
+
+inject:
+  'this.$qas.error(msg)':
+    params:
+      msg:
+        desc: Mensagem de erro para ser exibida na notificação.
+        type: String

package/src/plugins/notify-success/NotifySuccess.js

@@ -1,13 +1,13 @@
-import { Notify } from 'quasar'
-import notifyConfig from '../../shared/notify-config.js'
-
-Notify.registerType('success', notifyConfig)
-
-export default (message, caption) => {
-  Notify.create({
-    caption,
-    classes: 'qas-notification qas-notification--success',
-    message,
-    type: 'success'
-  })
-}
+import { Notify } from 'quasar'
+import notifyConfig from '../../shared/notify-config.js'
+
+Notify.registerType('success', notifyConfig)
+
+export default (message, caption) => {
+  Notify.create({
+    caption,
+    classes: 'qas-notification qas-notification--success',
+    message,
+    type: 'success'
+  })
+}

package/src/plugins/notify-success/NotifySuccess.yml

@@ -1,11 +1,11 @@
-type: component
-
-meta:
-  desc: Plugin que implementa o "QNotify" do quasar para notificações de sucesso.
-
-inject:
-  'this.$qas.success(msg)':
-    params:
-      msg:
-        desc: Mensagem de sucesso para ser exibida na notificação.
-        type: String
+type: component
+
+meta:
+  desc: Plugin que implementa o "QNotify" do quasar para notificações de sucesso.
+
+inject:
+  'this.$qas.success(msg)':
+    params:
+      msg:
+        desc: Mensagem de sucesso para ser exibida na notificação.
+        type: String