@bildvitta/quasar-ui-asteroid 2.14.0 → 3.0.0-alpha.1

package/src/components/password-input/QasPasswordInput.stories.js

@@ -1,76 +0,0 @@
-import QasPasswordInput from './QasPasswordInput.vue'
-
-export default {
-  component: QasPasswordInput,
-  title: 'Components/PasswordInput',
-
-  parameters: {
-    docs: {
-      description: {
-        component: 'Creates a password input with strength checker.'
-      }
-    }
-  },
-
-  argTypes: {
-    // Props
-    hideStrengthChecker: {
-      description: 'Hides the password strength check component.'
-    },
-
-    iconColor: {
-      description: 'Color name for icon from the [Quasar Color Palette](https://quasar.dev/style/color-palette#Color-List).'
-    },
-
-    pattern: {
-      description: 'Sets the pattern for the input strenght with RegExp and string.'
-    },
-
-    value: {
-      description: 'Password field value.'
-    },
-
-    weak: {
-      description: 'Define weak password level.'
-    },
-
-    // Events
-    input: {
-      description: 'Fires when the value changes.',
-      table: {
-        type: { summary: null }
-      }
-    },
-
-    'password-success': {
-      description: 'Fires when a password meets requirements.',
-      table: {
-        type: { summary: null }
-      }
-    },
-
-    // Slots
-    default: {
-      description: 'Main content.',
-      table: {
-        type: { summary: null }
-      }
-    }
-  }
-}
-
-const Template = (args, { argTypes }) => ({
-  components: { QasPasswordInput },
-  props: Object.keys(argTypes),
-
-  data () {
-    return { model: 'Example@321' }
-  },
-
-  template: '<qas-password-input v-model="model" v-bind="$props" />'
-})
-
-export const Default = Template.bind({})
-Default.args = {
-  pattern: /(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$/
-}

package/src/components/password-strength-checker/QasPasswordStrengthChecker.stories.js

@@ -1,54 +0,0 @@
-import QasPasswordStrengthChecker from './QasPasswordStrengthChecker.vue'
-
-export default {
-  component: QasPasswordStrengthChecker,
-  title: 'Components/PasswordStrengthChecker',
-
-  parameters: {
-    docs: {
-      description: {
-        component: 'Password strenght checker.'
-      }
-    }
-  },
-
-  argTypes: {
-    // Props
-    pattern: {
-      description: 'Sets the pattern for the input strenght with RegExp and string.'
-    },
-
-    trackColor: {
-      description: 'Color name for component\'s track from the Quasar Color Palette.'
-    },
-
-    value: {
-      description: 'Password field value.'
-    },
-
-    weak: {
-      description: 'Define weak password level.'
-    },
-
-    // Events
-    'password-success': {
-      description: 'Fires when a password meets requirements.',
-      table: {
-        type: { summary: null }
-      }
-    }
-  }
-}
-
-const Template = (args, { argTypes }) => ({
-  components: { QasPasswordStrengthChecker },
-  props: Object.keys(argTypes),
-  template: '<qas-password-strength-checker v-bind="$props" />'
-})
-
-export const Default = Template.bind({})
-
-Default.args = {
-  pattern: /(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$/,
-  value: 'Example@321'
-}

package/src/components/profile/QasProfile.stories.js

@@ -1,131 +0,0 @@
-import QasProfile from './QasProfile.vue'
-
-const noSummary = {
-  type: { summary: null }
-}
-
-export default {
-  component: QasProfile,
-  title: 'Components/Profile',
-
-  parameters: {
-    docs: {
-      description: {
-        component: 'Profile view.'
-      }
-    }
-  },
-
-  argTypes: {
-    // Props
-    columns: {
-      description: 'Define size of each column.',
-      table: {
-        defaultValue: { summary: '[]' }
-      }
-    },
-
-    fields: {
-      description: 'Define header value for each `field`.'
-    },
-
-    hideStatus: {
-      description: 'Show the status badge.'
-    },
-
-    list: {
-      description: 'List of the fields to be listed in grid.'
-    },
-
-    result: {
-      description: 'Define result value for each `field`.'
-    },
-
-    subtitle: {
-      description: 'Component subtitle.'
-    },
-
-    tag: {
-      description: 'Type of main element.'
-    },
-
-    title: {
-      description: 'Component title.'
-    },
-
-    // Slot
-    default: {
-      description: 'Main content.',
-      table: noSummary
-    },
-
-    grid: {
-      description: 'Grid custom fields.',
-      table: noSummary
-    }
-  }
-}
-
-const Template = (args, { argTypes }) => ({
-  components: { QasProfile },
-  props: Object.keys(argTypes),
-  template:
-    '<qas-profile v-bind="$props" :title="result.name" />'
-})
-
-const fields = {
-  name: { name: 'name', label: 'Full name', type: 'text' },
-  email: { name: 'email', label: 'E-mail', type: 'email' },
-  phone: { name: 'phone', label: 'Phone', type: 'text', mask: 'phone' },
-  gender: { name: 'gender', label: 'Gender', type: 'text' },
-  document: { name: 'document', label: 'Document', type: 'text', mask: 'document' },
-  address: { name: 'address', label: 'Address', type: 'text' }
-}
-
-const list = ['name', 'phone', 'gender', 'document', 'address', 'email']
-
-const result = {
-  name: 'John Appleseed',
-  phone: '99999999999',
-  gender: 'Male',
-  document: '99999999999',
-  address: '747 Austen View',
-  email: 'john.appleseed@example.com'
-}
-
-const columns = {
-  name: { col: 12, sm: 6 },
-  phone: { col: 12, sm: 6 },
-  gender: { col: 12, sm: 6 },
-  document: { col: 12, sm: 6 },
-  address: { col: 6 },
-  email: { col: 12, sm: 6 }
-}
-
-export const Default = Template.bind({})
-Default.args = {
-  columns,
-  fields,
-  list,
-  result
-}
-
-Default.parameters = {
-  docs: {
-    source: { code: `<qas-profile :fields="fields" :list="list" :result="result" :columns="${JSON.stringify(columns)}" />` }
-  }
-}
-
-export const CustomColumns = Template.bind({})
-CustomColumns.args = {
-  columns,
-  fields,
-  list,
-  result
-}
-
-CustomColumns.parameters = {
-  docs: {
-    source: { code: `<qas-profile :fields="fields" :list="list" :result="result" :columns="${JSON.stringify(columns)}" />` }
-  }
-}

package/src/components/resizer/QasResizer.stories.js

@@ -1,43 +0,0 @@
-import QasResizer from './QasResizer.vue'
-
-export default {
-  component: QasResizer,
-  title: 'Components/Resizer',
-
-  parameters: {
-    docs: {
-      description: {
-        component: 'Resize images on cloud.'
-      }
-    }
-  },
-
-  argTypes: {
-    resize: {
-      control: { type: 'select', options: ['cover', 'contain', 'fill', 'inside', 'outside'] },
-      description: 'Resizer fit format.'
-    },
-
-    size: {
-      description: 'Image size.'
-    },
-
-    source: {
-      description: 'Path of image.'
-    }
-  }
-}
-
-const Template = (args, { argTypes }) => ({
-  props: Object.keys(argTypes),
-  components: { QasResizer },
-  template:
-    '<qas-resizer v-bind="$props" />'
-})
-
-export const Default = Template.bind({})
-
-Default.args = {
-  size: '100x100',
-  source: '//placehold.it/1000'
-}

package/src/components/search-box/QasSearchBox.stories.js

@@ -1,111 +0,0 @@
-import QasSearchBox from './QasSearchBox.vue'
-
-const noSummary = {
-  type: { summary: null }
-}
-
-const options = JSON.stringify({
-  distance: 100,
-  location: 0,
-  maxPatternLength: 32,
-  minMatchCharLength: 1,
-  shouldSort: true,
-  threshold: 0.1,
-  tokenize: true
-})
-
-export default {
-  component: QasSearchBox,
-  title: 'Components/SearchBox',
-
-  parameters: {
-    docs: {
-      description: {
-        component: 'Filters items in the provided list.<br />Search algorithm powered by [Fuse.js](https://fusejs.io).'
-      }
-    }
-  },
-
-  argTypes: {
-    // Props
-    emptyListHeight: {
-      description: 'List height when there is no results.'
-    },
-
-    fuseOptions: {
-      description: '[Fuse.js options](https://fusejs.io/api/options.html)',
-      table: {
-        defaultValue: { detail: options }
-      }
-    },
-
-    height: {
-      description: 'List height (without search field).'
-    },
-
-    hideEmptySlot: {
-      description: 'Hides empty slot.'
-    },
-
-    list: {
-      description: 'Array of objects with `label` and `value` each, to be searched.'
-    },
-
-    placeholder: {
-      description: 'Display temporary message when search field in empty.'
-    },
-
-    value: {
-      description: 'Search field value.'
-    },
-
-    // Events
-    emptyResult: {
-      description: 'Fires when there is no results.',
-      table: noSummary
-    },
-
-    input: {
-      description: 'Fires when the result changes.',
-      table: noSummary
-    },
-
-    // Slots
-    default: {
-      description: 'To format results. Receives the filtered list.',
-      table: {
-        defaultValue: {
-          detail: JSON.stringify({ results: 'array' }),
-          summary: '{}'
-        },
-        ...noSummary
-      }
-    },
-
-    empty: {
-      description: 'To be displayed when there is no results.',
-      table: noSummary
-    }
-  }
-}
-
-const Template = (args, { argTypes }) => ({
-  components: { QasSearchBox },
-  props: Object.keys(argTypes),
-  template:
-    `<qas-search-box v-bind="$props" > 
-      <template v-slot="{ results }">
-        <pre>{{ results }}</pre>
-      </template>
-    </qas-search-box>`
-})
-
-export const Default = Template.bind({})
-// TODO: Inserir um mock maior e criar exemplos mais visuais.
-Default.args = {
-  fuseOptions: { keys: ['label'] },
-  list: [
-    { label: 'Paul', value: 1 },
-    { label: 'Walker', value: 2 }
-  ]
-}

package/src/components/select/QasSelect.stories.js

@@ -1,113 +0,0 @@
-import QasSelect from './QasSelect.vue'
-
-const noSummary = {
-  type: { summary: null }
-}
-
-const options = JSON.stringify({
-  distance: 100,
-  includeScore: true,
-  keys: ['label', 'value'],
-  location: 0,
-  maxPatternLength: 32,
-  minMatchCharLength: 1,
-  shouldSort: true,
-  threshold: 0.1,
-  tokenize: true
-})
-
-export default {
-  component: QasSelect,
-  title: 'Components/Select',
-
-  parameters: {
-    docs: {
-      description: {
-        component: 'Filter options by text. Uses [Fuse.js](https://fusejs.io/) and extends [QSelect](https://quasar.dev/vue-components/select).'
-      }
-    }
-  },
-
-  argTypes: {
-    // Props
-    fuseOptions: {
-      description: '[Fuse.js](https://fusejs.io/) options.',
-      table: {
-        defaultValue: { detail: options }
-      }
-    },
-
-    labelKey: {
-      description: 'Key to be used instead of `label`.'
-    },
-
-    options: {
-      description: 'Select options.'
-    },
-
-    noOptionLabel: {
-      description: 'Text for empty result on search.'
-    },
-
-    value: {
-      description: 'String to filter results.'
-    },
-
-    valueKey: {
-      description: 'Key to be used instead of `value`.'
-    },
-
-    searchable: {
-      description: 'option to enable the search field.'
-    },
-
-    // Events
-    input: {
-      description: 'Fires when model changes. Also used by `v-model`.'
-    },
-
-    // Slots
-    append: {
-      description: 'Attach to the inner field.',
-      table: {
-        category: 'slots',
-        ...noSummary
-      }
-    },
-
-    'no-option': {
-      description: 'Customize display when there is no options to show. By default, the results box does not appear.',
-      table: {
-        category: 'slots',
-        ...noSummary
-      }
-    },
-
-    option: {
-      description: 'Replace an option defaults.',
-      table: noSummary
-    }
-  }
-}
-
-const Template = ({ options }, { argTypes }) => ({
-  components: { QasSelect },
-  props: Object.keys(argTypes),
-
-  data () {
-    return {
-      model: ''
-    }
-  },
-
-  template: '<qas-select v-model="model" v-bind="$props" label="Selecione o item"/>'
-})
-
-export const Default = Template.bind({})
-
-Default.args = {
-  options: [
-    { label: 'Option 1', value: '1' },
-    { label: 'Option 2', value: '2' }
-  ]
-}

package/src/components/select-list/QasSelectList.stories.js

@@ -1,153 +0,0 @@
-import QasSelectList from './QasSelectList.vue'
-
-const noSummary = {
-  type: { summary: null }
-}
-
-export default {
-  component: QasSelectList,
-  title: 'Components/SelectList',
-
-  parameters: {
-    docs: {
-      description: {
-        component: 'Extends `SearchBox`. Filter and select items and return selected items.'
-      }
-    }
-  },
-
-  argTypes: {
-    deleteOnly: {
-      description: 'Remove options by value model.',
-      table: {
-        defaultValue: { summary: false }
-      }
-    },
-
-    fuseOptions: {
-      description: '[Fuse.js](https://fusejs.io) options.',
-      table: {
-        defaultValue: {
-          detail: JSON.stringify({ keys: ['label'] }),
-          summary: '{}'
-        }
-      }
-    },
-
-    options: {
-      description: 'Array of objects containing `label` and `value` each.'
-    },
-
-    to: {
-      description: 'Object sended to `$router.push(to)` for each item.'
-    },
-
-    toIdentifier: {
-      description: 'Key to be used as identifier.'
-    },
-
-    value: {
-      control: { type: null },
-      description: 'Array of selected items.'
-    },
-
-    // events
-    input: {
-      description: 'Fires when model changes. Also used by `v-model`.',
-      table: {
-        defaultValue: {
-          detail: JSON.stringify({ value: 'array' }),
-          summary: '{}'
-        }
-      }
-    },
-
-    added: {
-      description: 'Fires when an item is added to the list.',
-      table: {
-        defaultValue: {
-          detail: JSON.stringify({ item: 'object' }),
-          summary: '{}'
-        }
-      }
-    },
-
-    removed: {
-      description: 'Fires when removing an item from the list.',
-      table: {
-        defaultValue: {
-          detail: JSON.stringify({ item: 'object', index: 'string' }),
-          summary: '{}'
-        }
-      }
-    },
-
-    // Slots
-    item: {
-      description: '[QItem](https://quasar.dev/vue-components/list-and-list-items) slot.',
-      table: {
-        defaultValue: {
-          detail: JSON.stringify({ context: 'SelectList' }),
-          summary: '{}'
-        },
-        ...noSummary
-      }
-    },
-
-    'item-action': {
-      description: 'Slot inside [QItemSection](https://quasar.dev/vue-components/list-and-list-items#QItemSection) encompassing action button.',
-      table: {
-        defaultValue: {
-          detail: JSON.stringify({ context: 'SelectList' }),
-          summary: '{}'
-        },
-        ...noSummary
-      }
-    },
-
-    'item-section': {
-      description: '[QItemSection](https://quasar.dev/vue-components/list-and-list-items#QItemSection) wrapper slot.',
-      table: {
-        defaultValue: {
-          detail: JSON.stringify({ result: 'object' }),
-          summary: '{}'
-        },
-        ...noSummary
-      }
-    }
-  }
-}
-
-const Template = (args, { argTypes }) => ({
-  components: { QasSelectList },
-  props: Object.keys(argTypes),
-
-  data () {
-    return {
-      model: []
-    }
-  },
-
-  template:
-    `<div>
-      <qas-select-list v-model="model" v-bind="$props" />
-      <pre>{{ model }}</pre>
-    </div>`
-})
-
-export const Default = Template.bind({})
-Default.args = {
-  fuseOptions: { keys: ['label'] },
-  options: [
-    { label: 'Item 1', value: 1 },
-    { label: 'Item 2', value: 2 },
-    { label: 'Item 3', value: 3 },
-    { label: 'Item 4', value: 4 },
-    { label: 'Item 5', value: 5 },
-    { label: 'Item 6', value: 6 },
-    { label: 'Item 7', value: 7 },
-    { label: 'Item 8', value: 8 },
-    { label: 'Item 9', value: 9 },
-    { label: 'Item 10', value: 10 }
-  ]
-}