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

package/src/components/actions-menu/composables/use-delete.js

@@ -1,30 +1,30 @@
-import { computed } from 'vue'
-
-/**
- * @param {{
- *  color: string,
- *  props: { deleteIcon: string, deleteLabel: string, deleteProps: object },
- *  qas: { delete: function(object) }
- * }}
- */
-export default function useDelete ({ color, props, qas }) {
-  const hasDelete = computed(() => !!Object.keys(props.deleteProps).length)
-
-  const deleteBtnProps = computed(() => {
-    return {
-      ...(hasDelete.value && {
-        delete: {
-          color,
-          icon: props.deleteIcon,
-          label: props.deleteLabel,
-          handler: () => qas.delete(props.deleteProps)
-        }
-      })
-    }
-  })
-
-  return {
-    deleteBtnProps,
-    hasDelete
-  }
-}
+import { computed } from 'vue'
+
+/**
+ * @param {{
+ *  color: string,
+ *  props: { deleteIcon: string, deleteLabel: string, deleteProps: object },
+ *  qas: { delete: function(object) }
+ * }}
+ */
+export default function useDelete ({ color, props, qas }) {
+  const hasDelete = computed(() => !!Object.keys(props.deleteProps).length)
+
+  const deleteBtnProps = computed(() => {
+    return {
+      ...(hasDelete.value && {
+        delete: {
+          color,
+          icon: props.deleteIcon,
+          label: props.deleteLabel,
+          handler: () => qas.delete(props.deleteProps)
+        }
+      })
+    }
+  })
+
+  return {
+    deleteBtnProps,
+    hasDelete
+  }
+}

package/src/components/actions-menu/composables/use-double-split-actions.js

@@ -1,42 +1,42 @@
-import setClickHandler from '../utils/set-click-handler'
-import getLabel from '../utils/get-label'
-
-import { computed } from 'vue'
-
-/**
- * Cenário onde ficará um botão ao lado do outro "Ação primaria | Ação secundaria".
- *
- * @param {{
- *  color: string,
- *  props: { useLabel: boolean },
- *  primaryKey: import('vue').ComputedRef<string>,
- *  buttonsPropsList: import('vue').ComputedRef<object>
- *  primaryButtonProps: import('vue').ComputedRef<primaryButtonProps>
- * }} config
- */
-export default function useDoubleSplitActions (config = {}) {
-  const { color, props, primaryKey, buttonsPropsList, primaryButtonProps } = config
-
-  const buttonsList = computed(() => {
-    const secondaryKey = Object.keys(buttonsPropsList).find(key => key !== primaryKey.value)
-    const secondaryButton = buttonsPropsList[secondaryKey]
-
-    return {
-      [primaryKey.value]: {
-        ...primaryButtonProps.value,
-        label: getLabel({ useLabel: props.useLabel, label: primaryButtonProps.value.label })
-      },
-
-      [secondaryKey]: {
-        ...secondaryButton,
-        color,
-        label: getLabel({ useLabel: props.useLabel, label: secondaryButton.label }),
-        onClick: () => setClickHandler(secondaryButton)
-      }
-    }
-  })
-
-  return {
-    buttonsList
-  }
-}
+import setClickHandler from '../utils/set-click-handler'
+import getLabel from '../utils/get-label'
+
+import { computed } from 'vue'
+
+/**
+ * Cenário onde ficará um botão ao lado do outro "Ação primaria | Ação secundaria".
+ *
+ * @param {{
+ *  color: string,
+ *  props: { useLabel: boolean },
+ *  primaryKey: import('vue').ComputedRef<string>,
+ *  buttonsPropsList: import('vue').ComputedRef<object>
+ *  primaryButtonProps: import('vue').ComputedRef<primaryButtonProps>
+ * }} config
+ */
+export default function useDoubleSplitActions (config = {}) {
+  const { color, props, primaryKey, buttonsPropsList, primaryButtonProps } = config
+
+  const buttonsList = computed(() => {
+    const secondaryKey = Object.keys(buttonsPropsList).find(key => key !== primaryKey.value)
+    const secondaryButton = buttonsPropsList[secondaryKey]
+
+    return {
+      [primaryKey.value]: {
+        ...primaryButtonProps.value,
+        label: getLabel({ useLabel: props.useLabel, label: primaryButtonProps.value.label })
+      },
+
+      [secondaryKey]: {
+        ...secondaryButton,
+        color,
+        label: getLabel({ useLabel: props.useLabel, label: secondaryButton.label }),
+        onClick: () => setClickHandler(secondaryButton)
+      }
+    }
+  })
+
+  return {
+    buttonsList
+  }
+}

package/src/components/actions-menu/composables/use-options-actions.js

@@ -1,27 +1,27 @@
-import getLabel from '../utils/get-label'
-
-import { computed } from 'vue'
-
-/**
- * Cenário onde não é utilizado com split e tenha mais de 1 item na lista,
- * neste caso, ele se torna o botão de "opções" onde será usado em casos como
- * dentro de cards, etc.
- *
- * @param {{ color: string, props: { buttonProps: object, useLabel: boolean } }}
- */
-export default function useOptionsActions ({ props, color }) {
-  const buttonsList = computed(() => {
-    return {
-      options: {
-        color,
-        iconRight: 'sym_r_more_vert',
-        ...props.buttonProps,
-        label: getLabel({ useLabel: props.useLabel, label: 'Opções' }) // label não pode ser sobrescrita.
-      }
-    }
-  })
-
-  return {
-    buttonsList
-  }
-}
+import getLabel from '../utils/get-label'
+
+import { computed } from 'vue'
+
+/**
+ * Cenário onde não é utilizado com split e tenha mais de 1 item na lista,
+ * neste caso, ele se torna o botão de "opções" onde será usado em casos como
+ * dentro de cards, etc.
+ *
+ * @param {{ color: string, props: { buttonProps: object, useLabel: boolean } }}
+ */
+export default function useOptionsActions ({ props, color }) {
+  const buttonsList = computed(() => {
+    return {
+      options: {
+        color,
+        iconRight: 'sym_r_more_vert',
+        ...props.buttonProps,
+        label: getLabel({ useLabel: props.useLabel, label: 'Opções' }) // label não pode ser sobrescrita.
+      }
+    }
+  })
+
+  return {
+    buttonsList
+  }
+}

package/src/components/actions-menu/composables/use-single-action.js

@@ -1,17 +1,17 @@
-import { computed } from 'vue'
-
-/**
- * Cenário para quando existir apenas 1 item na lista.
- *
- * @param {{
- *  primaryKey: import('vue').ComputedRef<string>,
- *  primaryButtonProps: import('vue').ComputedRef<primaryButtonProps>
- * }}
- */
-export default function useSingleAction ({ primaryKey, primaryButtonProps }) {
-  const buttonsList = computed(() => ({ [primaryKey.value]: { ...primaryButtonProps.value } }))
-
-  return {
-    buttonsList
-  }
-}
+import { computed } from 'vue'
+
+/**
+ * Cenário para quando existir apenas 1 item na lista.
+ *
+ * @param {{
+ *  primaryKey: import('vue').ComputedRef<string>,
+ *  primaryButtonProps: import('vue').ComputedRef<primaryButtonProps>
+ * }}
+ */
+export default function useSingleAction ({ primaryKey, primaryButtonProps }) {
+  const buttonsList = computed(() => ({ [primaryKey.value]: { ...primaryButtonProps.value } }))
+
+  return {
+    buttonsList
+  }
+}

package/src/components/actions-menu/composables/use-single-split-actions.js

@@ -1,35 +1,35 @@
-import { computed } from 'vue'
-
-import getLabel from '../utils/get-label'
-
-/**
- * Cenário onde vai ter mais de 2 itens na lista, então precisa ficar
- * o botão primário fora do dropdown e o restante dentro do dropdown.
- *
- * @param {{
- *  props: { useLabel: boolean },
- *  primaryKey: import('vue').ComputedRef<string>,
- *  buttonsPropsList: import('vue').ComputedRef<object>
- *  primaryButtonProps: import('vue').ComputedRef<primaryButtonProps>
- * }} config
- */
-export default function useSingleSplitActions ({ buttonsPropsList, props, primaryKey, primaryButtonProps }) {
-  delete buttonsPropsList[primaryKey.value]
-
-  const list = computed(() => {
-    return {
-      buttonsList: {
-        [primaryKey.value]: {
-          ...primaryButtonProps.value,
-          label: getLabel({ useLabel: props.useLabel, label: primaryButtonProps.value.label })
-        }
-      },
-
-      dropdownList: buttonsPropsList
-    }
-  })
-
-  return {
-    list
-  }
-}
+import { computed } from 'vue'
+
+import getLabel from '../utils/get-label'
+
+/**
+ * Cenário onde vai ter mais de 2 itens na lista, então precisa ficar
+ * o botão primário fora do dropdown e o restante dentro do dropdown.
+ *
+ * @param {{
+ *  props: { useLabel: boolean },
+ *  primaryKey: import('vue').ComputedRef<string>,
+ *  buttonsPropsList: import('vue').ComputedRef<object>
+ *  primaryButtonProps: import('vue').ComputedRef<primaryButtonProps>
+ * }} config
+ */
+export default function useSingleSplitActions ({ buttonsPropsList, props, primaryKey, primaryButtonProps }) {
+  delete buttonsPropsList[primaryKey.value]
+
+  const list = computed(() => {
+    return {
+      buttonsList: {
+        [primaryKey.value]: {
+          ...primaryButtonProps.value,
+          label: getLabel({ useLabel: props.useLabel, label: primaryButtonProps.value.label })
+        }
+      },
+
+      dropdownList: buttonsPropsList
+    }
+  })
+
+  return {
+    list
+  }
+}

package/src/components/actions-menu/composables/use-tooltips.js

@@ -1,43 +1,43 @@
-import { computed } from 'vue'
-
-/**
- * Composable responsável pelo tooltip
- *
- * @param {{
- *  props: { useTooltip: boolean, useLabel: boolean },
- *  formattedList: import('vue').ComputedRef<object>
- *  fullList: import('vue').ComputedRef<object>
- * }}
- */
-export default function useTooltip ({ props, formattedList, fullList }) {
-  const hasTooltip = computed(() => !props.useLabel && props.useTooltip)
-
-  /**
-  * Precisa existir um tooltip para item de "formattedList.value.buttonsList",
-  * então é preciso fazer um tratamento, uma vez que dentro de "formattedList.value.buttonsList"
-  * não existe mais "labels", então recuperamos elas de "fullList".
-  */
-  const tooltipLabels = computed(() => {
-    if (!hasTooltip.value) return {}
-
-    const formattedProps = {}
-
-    for (const key in formattedList.value.buttonsList) {
-      formattedProps[key] = {
-        label: fullList.value[key]?.label
-      }
-    }
-
-    return formattedProps
-  })
-
-  function showTooltip ({ label }) {
-    return hasTooltip.value && label
-  }
-
-  return {
-    tooltipLabels,
-
-    showTooltip
-  }
-}
+import { computed } from 'vue'
+
+/**
+ * Composable responsável pelo tooltip
+ *
+ * @param {{
+ *  props: { useTooltip: boolean, useLabel: boolean },
+ *  formattedList: import('vue').ComputedRef<object>
+ *  fullList: import('vue').ComputedRef<object>
+ * }}
+ */
+export default function useTooltip ({ props, formattedList, fullList }) {
+  const hasTooltip = computed(() => !props.useLabel && props.useTooltip)
+
+  /**
+  * Precisa existir um tooltip para item de "formattedList.value.buttonsList",
+  * então é preciso fazer um tratamento, uma vez que dentro de "formattedList.value.buttonsList"
+  * não existe mais "labels", então recuperamos elas de "fullList".
+  */
+  const tooltipLabels = computed(() => {
+    if (!hasTooltip.value) return {}
+
+    const formattedProps = {}
+
+    for (const key in formattedList.value.buttonsList) {
+      formattedProps[key] = {
+        label: fullList.value[key]?.label
+      }
+    }
+
+    return formattedProps
+  })
+
+  function showTooltip ({ label }) {
+    return hasTooltip.value && label
+  }
+
+  return {
+    tooltipLabels,
+
+    showTooltip
+  }
+}

package/src/components/actions-menu/utils/get-label.js

@@ -1,3 +1,3 @@
-export default function getLabel ({ useLabel, label }) {
-  return useLabel ? label : ''
-}
+export default function getLabel ({ useLabel, label }) {
+  return useLabel ? label : ''
+}

package/src/components/actions-menu/utils/set-click-handler.js

@@ -1,6 +1,6 @@
-export default function setClickHandler (item = {}) {
-  if (typeof item.handler === 'function') {
-    const { handler, ...filtered } = item
-    item.handler(filtered)
-  }
-}
+export default function setClickHandler (item = {}) {
+  if (typeof item.handler === 'function') {
+    const { handler, ...filtered } = item
+    item.handler(filtered)
+  }
+}

package/src/components/alert/QasAlert.test.js

@@ -1,43 +1,43 @@
-import { mount } from '@vue/test-utils'
-import { h } from 'vue'
-
-import { describe, expect, test } from 'vitest'
-import QasAlert from './QasAlert.vue'
-import QasBtn from '../btn/QasBtn.vue'
-import QasBreakline from '../breakline/QasBreakline.vue'
-import { Quasar } from 'quasar'
-
-// Descrevemos o grupo de testes para o componente QasAlert
-describe('QasAlert', () => {
-  const wrapper = mount(QasAlert, {
-    slots: {
-      default: 'Default Text'
-    },
-
-    global: {
-      plugins: [Quasar],
-
-      slots: {
-        default: h('div', 'Test 111')
-      },
-
-      components: {
-        'qas-btn': QasBtn,
-        'qas-breakline': QasBreakline
-      }
-    }
-  })
-
-  test('renders correctly', () => {
-    expect(wrapper.exists()).toBe(true)
-  })
-
-  // Teste para verificar a propriedade "title"
-  test('renders title correctly', async () => {
-    await wrapper.setProps({ title: 'Test Title' })
-
-    const titleElement = wrapper.get('[data-test="alert-title"]')
-
-    expect(titleElement.text()).toBe('Test Title')
-  })
-})
+import { mount } from '@vue/test-utils'
+import { h } from 'vue'
+
+import { describe, expect, test } from 'vitest'
+import QasAlert from './QasAlert.vue'
+import QasBtn from '../btn/QasBtn.vue'
+import QasBreakline from '../breakline/QasBreakline.vue'
+import { Quasar } from 'quasar'
+
+// Descrevemos o grupo de testes para o componente QasAlert
+describe('QasAlert', () => {
+  const wrapper = mount(QasAlert, {
+    slots: {
+      default: 'Default Text'
+    },
+
+    global: {
+      plugins: [Quasar],
+
+      slots: {
+        default: h('div', 'Test 111')
+      },
+
+      components: {
+        'qas-btn': QasBtn,
+        'qas-breakline': QasBreakline
+      }
+    }
+  })
+
+  test('renders correctly', () => {
+    expect(wrapper.exists()).toBe(true)
+  })
+
+  // Teste para verificar a propriedade "title"
+  test('renders title correctly', async () => {
+    await wrapper.setProps({ title: 'Test Title' })
+
+    const titleElement = wrapper.get('[data-test="alert-title"]')
+
+    expect(titleElement.text()).toBe('Test Title')
+  })
+})