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

package/src/helpers/filters.js

@@ -1,163 +1,163 @@
-import { format, parseISO, isMatch } from 'date-fns'
-import { ptBR } from 'date-fns/locale'
-
-// Private
-function __format (value, token, options = {}) {
-  if (!value) {
-    return ''
-  }
-
-  value = value instanceof Date ? value : parseISO(value)
-  return format(value, token, { locale: ptBR, ...options })
-}
-
-// Asset
-function asset (value) {
-  const bucketURL = process.env.BUCKET_URL || location.origin
-
-  return value ? `${bucketURL}/${value}` : ''
-}
-
-// Date
-function date (value, token = 'dd/MM/yyyy', options) {
-  return __format(value, token, options)
-}
-
-function dateTime (value, token = 'dd/MM/yyyy HH:mm:ss', options) {
-  return __format(value, token, options)
-}
-
-function time (value, token = 'HH:mm', options) {
-  return isMatch(value, token) ? value : __format(value, token, options)
-}
-
-function humanDate (value, token = "dd 'de' MMMM 'de' yyyy 'as' HH:mm:ss", options) {
-  return __format(value, token, options)
-}
-
-// Number
-function decimal (value = 0) {
-  value = Number(value)
-  return value ? value.toLocaleString('pt-BR') : ''
-}
-
-function money (value = 0, options = { style: 'currency', currency: 'BRL' }) {
-  value = Number(value)
-  return isNaN(value) ? '' : value.toLocaleString('pt-BR', options)
-}
-
-function percent (value = 0, places = 2) {
-  value = Number(value)
-  return value ? (value / 100).toLocaleString('pt-BR', { style: 'percent', minimumFractionDigits: places }) : ''
-}
-
-function squareArea (value = 0, suffix = 'm²') {
-  value = decimal(value)
-  return value ? `${value} ${suffix}` : ''
-}
-
-function formatPercent (value = 0, places = 2) {
-  value = Number(value)
-  return value ? value.toLocaleString('pt-BR', { style: 'percent', minimumFractionDigits: places }) : ''
-}
-
-function formatCompanyDocument (value) {
-  return value.replace(/^(\d{2})(\d{3})(\d{3})(\d{4})(\d{2})/g, '$1.$2.$3/$4-$5')
-}
-
-function formatDocument (value) {
-  return value.length < 12
-    ? formatPersonalDocument(value)
-    : formatCompanyDocument(value)
-}
-
-function formatPersonalDocument (value) {
-  return value.replace(/^(\d{3})\D*(\d{3})\D*(\d{3})\D*(\d{2})$/g, '$1.$2.$3-$4')
-}
-
-function formatPhone (value) {
-  return value.replace(/^(\d{2})\D*(\d{5}|\d{4})\D*(\d{4})$/g, '($1) $2-$3')
-}
-
-function formatPostalCode (value) {
-  return value.replace(/^(\d{5})\D*(\d{3})$/g, '$1-$2')
-}
-
-function handleMasks (value) {
-  return {
-    'company-document': () => formatCompanyDocument(value),
-    document: () => formatDocument(value),
-    'personal-document': () => formatPersonalDocument(value),
-    phone: () => formatPhone(value),
-    'postal-code': () => formatPostalCode(value),
-    decimal: () => decimal(value),
-    money: () => money(value),
-    'square-area': () => squareArea(value)
-  }
-}
-
-// Labels
-function humanize (field = {}, value) {
-  if (field.mask && !value) return value
-
-  const mappedMasks = handleMasks(value)
-
-  if (mappedMasks[field.mask]) {
-    return mappedMasks[field.mask]()
-  }
-
-  switch (field.type) {
-    case 'boolean': return booleanLabel(value)
-    case 'select': return selectLabel(field.options, value, field.multiple)
-    case 'date': return date(value)
-    case 'datetime': return dateTime(value)
-    case 'time': return time(value)
-    case 'radio': return selectLabel(field.options, value)
-    case 'percent': return formatPercent(value)
-    case 'money': return money(value)
-    case 'decimal': return decimal(value)
-    default: return value
-  }
-}
-
-function selectLabel (options, value, multiple) {
-  return multiple ? multipleOptionsLabel(options, value) : optionLabel(options, value)
-}
-
-function multipleOptionsLabel (options, value) {
-  return value.map(itemValue => optionLabel(options, itemValue))
-}
-
-function optionLabel (options = [], value) {
-  return (options.find(option => String(option.value) === String(value)) || {}).label || ''
-}
-
-function parseValue (value) {
-  try { return JSON.parse(value) } catch { return value }
-}
-
-function booleanLabel (value, trueLabel = 'sim', falseLabel = 'não') {
-  try { return JSON.parse(value) ? trueLabel : falseLabel } catch { return value }
-}
-
-export {
-  asset,
-  booleanLabel,
-  date,
-  dateTime,
-  decimal,
-  formatCompanyDocument,
-  formatDocument,
-  formatPercent,
-  formatPersonalDocument,
-  formatPhone,
-  formatPostalCode,
-  handleMasks,
-  humanDate,
-  humanize,
-  money,
-  optionLabel,
-  parseValue,
-  percent,
-  squareArea
-}
+import { format, parseISO, isMatch } from 'date-fns'
+import { ptBR } from 'date-fns/locale'
+
+// Private
+function __format (value, token, options = {}) {
+  if (!value) {
+    return ''
+  }
+
+  value = value instanceof Date ? value : parseISO(value)
+  return format(value, token, { locale: ptBR, ...options })
+}
+
+// Asset
+function asset (value) {
+  const bucketURL = process.env.BUCKET_URL || location.origin
+
+  return value ? `${bucketURL}/${value}` : ''
+}
+
+// Date
+function date (value, token = 'dd/MM/yyyy', options) {
+  return __format(value, token, options)
+}
+
+function dateTime (value, token = 'dd/MM/yyyy HH:mm:ss', options) {
+  return __format(value, token, options)
+}
+
+function time (value, token = 'HH:mm', options) {
+  return isMatch(value, token) ? value : __format(value, token, options)
+}
+
+function humanDate (value, token = "dd 'de' MMMM 'de' yyyy 'as' HH:mm:ss", options) {
+  return __format(value, token, options)
+}
+
+// Number
+function decimal (value = 0) {
+  value = Number(value)
+  return value ? value.toLocaleString('pt-BR') : ''
+}
+
+function money (value = 0, options = { style: 'currency', currency: 'BRL' }) {
+  value = Number(value)
+  return isNaN(value) ? '' : value.toLocaleString('pt-BR', options)
+}
+
+function percent (value = 0, places = 2) {
+  value = Number(value)
+  return value ? (value / 100).toLocaleString('pt-BR', { style: 'percent', minimumFractionDigits: places }) : ''
+}
+
+function squareArea (value = 0, suffix = 'm²') {
+  value = decimal(value)
+  return value ? `${value} ${suffix}` : ''
+}
+
+function formatPercent (value = 0, places = 2) {
+  value = Number(value)
+  return value ? value.toLocaleString('pt-BR', { style: 'percent', minimumFractionDigits: places }) : ''
+}
+
+function formatCompanyDocument (value) {
+  return value.replace(/^(\d{2})(\d{3})(\d{3})(\d{4})(\d{2})/g, '$1.$2.$3/$4-$5')
+}
+
+function formatDocument (value) {
+  return value.length < 12
+    ? formatPersonalDocument(value)
+    : formatCompanyDocument(value)
+}
+
+function formatPersonalDocument (value) {
+  return value.replace(/^(\d{3})\D*(\d{3})\D*(\d{3})\D*(\d{2})$/g, '$1.$2.$3-$4')
+}
+
+function formatPhone (value) {
+  return value.replace(/^(\d{2})\D*(\d{5}|\d{4})\D*(\d{4})$/g, '($1) $2-$3')
+}
+
+function formatPostalCode (value) {
+  return value.replace(/^(\d{5})\D*(\d{3})$/g, '$1-$2')
+}
+
+function handleMasks (value) {
+  return {
+    'company-document': () => formatCompanyDocument(value),
+    document: () => formatDocument(value),
+    'personal-document': () => formatPersonalDocument(value),
+    phone: () => formatPhone(value),
+    'postal-code': () => formatPostalCode(value),
+    decimal: () => decimal(value),
+    money: () => money(value),
+    'square-area': () => squareArea(value)
+  }
+}
+
+// Labels
+function humanize (field = {}, value) {
+  if (field.mask && !value) return value
+
+  const mappedMasks = handleMasks(value)
+
+  if (mappedMasks[field.mask]) {
+    return mappedMasks[field.mask]()
+  }
+
+  switch (field.type) {
+    case 'boolean': return booleanLabel(value)
+    case 'select': return selectLabel(field.options, value, field.multiple)
+    case 'date': return date(value)
+    case 'datetime': return dateTime(value)
+    case 'time': return time(value)
+    case 'radio': return selectLabel(field.options, value)
+    case 'percent': return formatPercent(value)
+    case 'money': return money(value)
+    case 'decimal': return decimal(value)
+    default: return value
+  }
+}
+
+function selectLabel (options, value, multiple) {
+  return multiple ? multipleOptionsLabel(options, value) : optionLabel(options, value)
+}
+
+function multipleOptionsLabel (options, value) {
+  return value.map(itemValue => optionLabel(options, itemValue))
+}
+
+function optionLabel (options = [], value) {
+  return (options.find(option => String(option.value) === String(value)) || {}).label || ''
+}
+
+function parseValue (value) {
+  try { return JSON.parse(value) } catch { return value }
+}
+
+function booleanLabel (value, trueLabel = 'sim', falseLabel = 'não') {
+  try { return JSON.parse(value) ? trueLabel : falseLabel } catch { return value }
+}
+
+export {
+  asset,
+  booleanLabel,
+  date,
+  dateTime,
+  decimal,
+  formatCompanyDocument,
+  formatDocument,
+  formatPercent,
+  formatPersonalDocument,
+  formatPhone,
+  formatPostalCode,
+  handleMasks,
+  humanDate,
+  humanize,
+  money,
+  optionLabel,
+  parseValue,
+  percent,
+  squareArea
+}

package/src/helpers/find-children-by-key.js

@@ -1,14 +1,14 @@
-export default (nested = [], key, value) => {
-  let response = null
-
-  nested.some(function findNodes (item) {
-    if (item[key] === value) {
-      response = item
-      return true
-    }
-
-    return Array.isArray(item.children) && item.children.some(findNodes)
-  })
-
-  return response
-}
+export default (nested = [], key, value) => {
+  let response = null
+
+  nested.some(function findNodes (item) {
+    if (item[key] === value) {
+      response = item
+      return true
+    }
+
+    return Array.isArray(item.children) && item.children.some(findNodes)
+  })
+
+  return response
+}

package/src/helpers/get-greatest-common-divisor.js

@@ -1,16 +1,16 @@
-export default function (first, second) {
-  if ((typeof first !== 'number') || (typeof second !== 'number')) {
-    throw new Error('Arguments need to be a number.')
-  }
-
-  first = Math.abs(first)
-  second = Math.abs(second)
-
-  while (second) {
-    const temporary = second
-    second = first % second
-    first = temporary
-  }
-
-  return first
-}
+export default function (first, second) {
+  if ((typeof first !== 'number') || (typeof second !== 'number')) {
+    throw new Error('Arguments need to be a number.')
+  }
+
+  first = Math.abs(first)
+  second = Math.abs(second)
+
+  while (second) {
+    const temporary = second
+    second = first % second
+    first = temporary
+  }
+
+  return first
+}

package/src/helpers/get-normalized-options.js

@@ -1,20 +1,20 @@
-/**
- * param {options: object[], label: string, value: string} object
- *
- * @example getNormalizedOptions({
- *  options: [{ name: 'Test 1', uuid: '1' }, { name: 'Test 2', uuid: '2' }],
- *  label: 'name'
- *  value: 'uuid'
- * }) // retorna [{ label: 'Test 1', value: '1' }, { label: 'Test 2', value: '2' }]
- */
-export default ({ options = [], label, value }) => {
-  return options.map(option => {
-    const { [label]: labelKey, [value]: valueKey, ...payload } = option
-
-    return {
-      label: option[label],
-      value: option[value],
-      ...payload
-    }
-  })
-}
+/**
+ * param {options: object[], label: string, value: string} object
+ *
+ * @example getNormalizedOptions({
+ *  options: [{ name: 'Test 1', uuid: '1' }, { name: 'Test 2', uuid: '2' }],
+ *  label: 'name'
+ *  value: 'uuid'
+ * }) // retorna [{ label: 'Test 1', value: '1' }, { label: 'Test 2', value: '2' }]
+ */
+export default ({ options = [], label, value }) => {
+  return options.map(option => {
+    const { [label]: labelKey, [value]: valueKey, ...payload } = option
+
+    return {
+      label: option[label],
+      value: option[value],
+      ...payload
+    }
+  })
+}

package/src/helpers/get-placeholder.js

@@ -1,19 +1,19 @@
-export default function getPlaceholder (type, defaultPlaceholder = 'Digite aqui...') {
-  const placeholders = {
-    'company-document': '00.000.000/0000-00',
-    date: 'dd/mm/aaaa',
-    datetime: 'dd/mm/aaaa hh:mm',
-    decimal: '0,00',
-    email: 'seuemail@exemplo.com',
-    integer: '0',
-    money: 'R$ 0,00',
-    percent: '0,00%',
-    'personal-document': '000.000.000-00',
-    phone: '(00) 00000-0000',
-    'postal-code': '00000-000',
-    'square-area': '0,00 m²',
-    time: 'hh:mm'
-  }
-
-  return placeholders[type] || defaultPlaceholder
-}
+export default function getPlaceholder (type, defaultPlaceholder = 'Digite aqui...') {
+  const placeholders = {
+    'company-document': '00.000.000/0000-00',
+    date: 'dd/mm/aaaa',
+    datetime: 'dd/mm/aaaa hh:mm',
+    decimal: '0,00',
+    email: 'seuemail@exemplo.com',
+    integer: '0',
+    money: 'R$ 0,00',
+    percent: '0,00%',
+    'personal-document': '000.000.000-00',
+    phone: '(00) 00000-0000',
+    'postal-code': '00000-000',
+    'square-area': '0,00 m²',
+    time: 'hh:mm'
+  }
+
+  return placeholders[type] || defaultPlaceholder
+}

package/src/helpers/get-required-label.js

@@ -1,3 +1,3 @@
-export default function getRequiredLabel ({ label, required }) {
-  return required ? `${label}*` : label
-}
+export default function getRequiredLabel ({ label, required }) {
+  return required ? `${label}*` : label
+}

package/src/helpers/get-slot-children-text.js

@@ -1,15 +1,15 @@
-// https://stackoverflow.com/a/64167032/977687
-
-export default function getSlotChildrenText (children) {
-  return children.map(node => {
-    if (!node.children || typeof node.children === 'string') {
-      return node.children || ''
-    } else if (Array.isArray(node.children)) {
-      return getSlotChildrenText(node.children)
-    } else if (node.children.default) {
-      return getSlotChildrenText(node.children.default())
-    }
-
-    return undefined
-  }).join('')
-}
+// https://stackoverflow.com/a/64167032/977687
+
+export default function getSlotChildrenText (children) {
+  return children.map(node => {
+    if (!node.children || typeof node.children === 'string') {
+      return node.children || ''
+    } else if (Array.isArray(node.children)) {
+      return getSlotChildrenText(node.children)
+    } else if (node.children.default) {
+      return getSlotChildrenText(node.children.default())
+    }
+
+    return undefined
+  }).join('')
+}

package/src/helpers/handle-process.js

@@ -1,13 +1,13 @@
-/**
- * @param {function} processEnv função que retorna o process.env.
- * @param {string} defaultValue valor default caso não exista a process.env
- *
- * @example handleProcess(() => process.env.MY_ENV, 'meu-valor-default')
- */
-export default (processEnv = () => {}, defaultValue) => {
-  try {
-    return processEnv() || defaultValue
-  } catch {
-    return defaultValue
-  }
-}
+/**
+ * @param {function} processEnv função que retorna o process.env.
+ * @param {string} defaultValue valor default caso não exista a process.env
+ *
+ * @example handleProcess(() => process.env.MY_ENV, 'meu-valor-default')
+ */
+export default (processEnv = () => {}, defaultValue) => {
+  try {
+    return processEnv() || defaultValue
+  } catch {
+    return defaultValue
+  }
+}

package/src/helpers/images.js

@@ -1,28 +1,28 @@
-function getImageSize (image) {
-  return new Promise((resolve, reject) => {
-    image.addEventListener('load', () => {
-      resolve({ width: image.naturalWidth, height: image.naturalHeight })
-    })
-
-    image.addEventListener('error', reject)
-  })
-}
-
-function getResizeDimensions (sizeLimit, width, height) {
-  const factor = sizeLimit / Math.max(width, height)
-
-  if (factor < 1) {
-    width *= factor
-    height *= factor
-  }
-
-  return {
-    width: Math.round(width),
-    height: Math.round(height)
-  }
-}
-
-export {
-  getImageSize,
-  getResizeDimensions
-}
+function getImageSize (image) {
+  return new Promise((resolve, reject) => {
+    image.addEventListener('load', () => {
+      resolve({ width: image.naturalWidth, height: image.naturalHeight })
+    })
+
+    image.addEventListener('error', reject)
+  })
+}
+
+function getResizeDimensions (sizeLimit, width, height) {
+  const factor = sizeLimit / Math.max(width, height)
+
+  if (factor < 1) {
+    width *= factor
+    height *= factor
+  }
+
+  return {
+    width: Math.round(width),
+    height: Math.round(height)
+  }
+}
+
+export {
+  getImageSize,
+  getResizeDimensions
+}

package/src/helpers/index.js

@@ -1,25 +1,25 @@
-export { default as addCounterSuffix } from './add-counter-suffix.js'
-export { default as base64ToBlob } from './base-64-to-blob.js'
-export { default as camelizeFieldsName } from './camelize-fields-name.js'
-export { default as constructObject } from './construct-object.js'
-export { default as copyToClipboard } from './copy-to-clipboard.js'
-export { default as destroyNestedChildrenByKey } from './destroy-nested-children-by-key.js'
-export { default as downloadFile } from './download-file.js'
-export { default as filterListByHandle } from './filter-list-by-handle.js'
-export { default as filterObject } from './filter-object.js'
-export { default as filterObjectToArray } from './filter-object-to-array.js'
-export { default as findChildrenByKey } from './find-children-by-key.js'
-export { default as getGreatestCommonDivisor } from './get-greatest-common-divisor.js'
-export { default as getNormalizedOptions } from './get-normalized-options.js'
-export { default as getRequiredLabel } from './get-required-label.js'
-export { default as getSlotChildrenText } from './get-slot-children-text.js'
-export { default as handleProcess } from './handle-process.js'
-export { default as isEmpty } from './is-empty.js'
-export { default as isLocalDevelopment } from './is-local-development.js'
-export { default as promiseHandler } from './promise-handler.js'
-export { default as setScrollOnGrab } from './set-scroll-on-grab.js'
-export { default as getPlaceholder } from './get-placeholder.js'
-
-export * from './filters.js'
-export * from './images.js'
-export * from './rules'
+export { default as addCounterSuffix } from './add-counter-suffix.js'
+export { default as base64ToBlob } from './base-64-to-blob.js'
+export { default as camelizeFieldsName } from './camelize-fields-name.js'
+export { default as constructObject } from './construct-object.js'
+export { default as copyToClipboard } from './copy-to-clipboard.js'
+export { default as destroyNestedChildrenByKey } from './destroy-nested-children-by-key.js'
+export { default as downloadFile } from './download-file.js'
+export { default as filterListByHandle } from './filter-list-by-handle.js'
+export { default as filterObject } from './filter-object.js'
+export { default as filterObjectToArray } from './filter-object-to-array.js'
+export { default as findChildrenByKey } from './find-children-by-key.js'
+export { default as getGreatestCommonDivisor } from './get-greatest-common-divisor.js'
+export { default as getNormalizedOptions } from './get-normalized-options.js'
+export { default as getRequiredLabel } from './get-required-label.js'
+export { default as getSlotChildrenText } from './get-slot-children-text.js'
+export { default as handleProcess } from './handle-process.js'
+export { default as isEmpty } from './is-empty.js'
+export { default as isLocalDevelopment } from './is-local-development.js'
+export { default as promiseHandler } from './promise-handler.js'
+export { default as setScrollOnGrab } from './set-scroll-on-grab.js'
+export { default as getPlaceholder } from './get-placeholder.js'
+
+export * from './filters.js'
+export * from './images.js'
+export * from './rules'

package/src/helpers/is-empty.js

@@ -1,3 +1,3 @@
-export default function ({ value }) {
-  return [null, undefined, ''].includes(value)
-}
+export default function ({ value }) {
+  return [null, undefined, ''].includes(value)
+}

package/src/helpers/is-local-development.js

@@ -1,3 +1,3 @@
-export default function () {
-  return ['localhost', '127.0.0.1'].includes(window.location.hostname)
-}
+export default function () {
+  return ['localhost', '127.0.0.1'].includes(window.location.hostname)
+}