@weni/unnnic-system 3.31.1 → 3.32.0

package/src/stories/InputNext.stories.js

@@ -1,92 +0,0 @@
-import { action } from 'storybook/actions';
-import UnnnicInputNext from '../components/InputNext/InputNext.vue';
-
-const iconsOptions = [];
-
-export default {
-  title: 'Form/InputNext',
-  component: UnnnicInputNext,
-  argTypes: {
-    iconLeft: { control: { type: 'select', options: iconsOptions } },
-    iconRight: { control: { type: 'select', options: iconsOptions } },
-    size: { control: { type: 'select', options: ['md', 'sm'] } },
-    type: { control: { type: 'select', options: ['normal', 'error'] } },
-    nativeType: { control: { type: 'select', options: ['text', 'password'] } },
-  },
-  render: (args) => ({
-    components: { UnnnicInputNext },
-    setup() {
-      const updateModelValue = (value) => {
-        action('update:modelValue')(value);
-        args.modelValue = value;
-      };
-      return { args, updateModelValue };
-    },
-    template: `
-      <div><pre>v-model: {{ modelValue }}</pre><UnnnicInputNext v-bind="args" v-model="modelValue"></UnnnicInputNext></div>
-    `,
-  }),
-};
-
-export const Default = {
-  args: {
-    placeholder: 'Placeholder',
-  },
-};
-
-export const WithLabel = {
-  args: {
-    placeholder: 'Placeholder',
-    label: 'Label',
-  },
-};
-
-export const Small = {
-  args: {
-    placeholder: 'Placeholder',
-    size: 'sm',
-  },
-};
-
-export const ErrorWithMessage = {
-  args: {
-    placeholder: 'Placeholder',
-    error: 'Error message',
-  },
-};
-
-export const ErrorWithoutMessage = {
-  args: {
-    placeholder: 'Placeholder',
-    error: true,
-  },
-};
-
-export const WithMessage = {
-  args: {
-    placeholder: 'Placeholder',
-    message: 'Message',
-  },
-};
-
-export const PasswordWithToggle = {
-  args: {
-    placeholder: 'Placeholder',
-    allowTogglePassword: true,
-  },
-};
-
-export const PasswordWithoutToggle = {
-  args: {
-    placeholder: 'Placeholder',
-    nativeType: 'password',
-  },
-};
-
-export const IconLeftAndRight = {
-  args: {
-    placeholder: 'Placeholder',
-    iconLeft: 'read-email-at-1',
-    iconRight: 'read-email-at-1',
-  },
-};

package/src/stories/ModalUpload.stories.js

@@ -1,25 +0,0 @@
-import i18n from '../utils/plugins/i18n';
-import unnnicModalUpload from '../components/ModalUpload/ModalUpload.vue';
-
-import { setup } from '@storybook/vue3';
-
-setup((app) => {
-  app.use(i18n);
-});
-
-export default {
-  title: 'example/ModalUpload',
-  component: unnnicModalUpload,
-  argTypes: {},
-};
-
-export const Default = {
-  render: (args) => ({
-    components: { unnnicModalUpload },
-    setup() {
-      return { args, files: [] };
-    },
-    template: '<unnnic-modal-upload v-bind="args" v-model="files" />',
-  }),
-  args: {},
-};

package/src/stories/MoodRating.stories.js

@@ -1,33 +0,0 @@
-import UnnnicMoodRating from '../components/MoodRating/MoodRating.vue';
-
-export default {
-  title: 'Rating/MoodRating',
-  component: UnnnicMoodRating,
-  argTypes: {},
-  render: (args) => ({
-    setup() {
-      return { args };
-    },
-    components: {
-      UnnnicMoodRating,
-    },
-
-    data() {
-      return {
-        mood: null,
-      };
-    },
-
-    template: `
-      <div>
-        <pre>v-model: {{ mood }}</pre>
-        <unnnic-mood-rating v-bind="args" v-model="mood" />
-      </div>
-    `,
-  }),
-  args: {
-    title: 'Avalie seu aprendizado nesta aula',
-  },
-};
-
-export const Default = {};

package/src/stories/Slider.stories.js

@@ -1,23 +0,0 @@
-import unnnicSlider from '../components/Slider/Slider.vue';
-
-export default {
-  title: 'Form/Slider',
-  component: unnnicSlider,
-  argTypes: {
-    size: { control: { type: 'select', options: ['small', 'medium'] } },
-    textLeft: { control: { type: 'text' } },
-    textRight: { control: { type: 'text' } },
-    disabled: { control: { type: 'boolean' } },
-  },
-};
-
-export const Default = {
-  args: {
-    initialValue: 1,
-    minValue: 1,
-    maxValue: 4,
-    step: 1,
-    minLabel: '1',
-    maxLabel: '4',
-  },
-};

package/src/stories/StarRating.stories.js

@@ -1,38 +0,0 @@
-import UnnnicStarRating from '../components/StarRating/StarRating.vue';
-
-export default {
-  title: 'Rating/StarRating',
-  component: UnnnicStarRating,
-  argTypes: {
-    showValue: { control: { type: 'boolean' } },
-    readonly: { control: { type: 'boolean' } },
-  },
-  render: (args) => ({
-    setup() {
-      return { args };
-    },
-    components: {
-      UnnnicStarRating,
-    },
-
-    data() {
-      return {
-        value: 4,
-      };
-    },
-
-    template: `
-      <div>
-        <pre>v-model: {{ value }}</pre>
-        <unnnic-star-rating v-model="value" showValue readonly />
-      </div>
-    `,
-  }),
-  args: {
-    value: 3.6,
-    showValue: true,
-    readonly: true,
-  },
-};
-
-export const Default = {};

package/src/stories/TransitionRipple.stories.js

@@ -1,35 +0,0 @@
-import unnnicTransitionRipple from '../components/TransitionRipple/TransitionRipple.vue';
-import colorsList from '../utils/colorsList';
-
-export default {
-  title: 'Transitions/Ripple',
-  component: unnnicTransitionRipple,
-  argTypes: {
-    color: {
-      control: {
-        type: 'select',
-        options: colorsList,
-      },
-    },
-  },
-  render: (args) => ({
-    setup() {
-      return { args };
-    },
-    components: {
-      unnnicTransitionRipple,
-    },
-    template: `
-      <div ref="transitionContainer" @mousedown="(event) => this.$refs.transitionRipple.addRipple(event)" style="width: 100%; height: 100px;">
-        Click to activate transition
-  
-        <unnnic-transition-ripple ref="transitionRipple" v-bind="args" />
-      </div>
-    `,
-  }),
-  args: {
-    color: 'weni-600',
-  },
-};
-
-export const Default = {};