sprintify-ui 0.8.35 → 0.8.37

package/src/components/BaseStepper.stories.js

@@ -1,7 +1,7 @@
-import BaseStepper from './BaseStepper.vue';
+import BaseStepper from "./BaseStepper.vue";
 
 export default {
-  title: 'Layout/BaseStepper',
+  title: "Layout/BaseStepper",
   component: BaseStepper,
 };
 
@@ -15,24 +15,24 @@ const Template = (args) => ({
 
 const threeItems = [
   {
-    title: 'Job details',
-    description: 'Vitae sed mi luctus laoreet.',
+    title: "Job details",
+    description: "Vitae sed mi luctus laoreet.",
     stepNumber: 1,
-    status: 'completed',
+    status: "completed",
     index: 0,
   },
   {
-    title: 'Application form',
-    description: 'Cursus semper viverra.',
+    title: "Application form",
+    description: "Cursus semper viverra.",
     stepNumber: 2,
-    status: 'current',
+    status: "current",
     index: 1,
   },
   {
-    title: 'Preview',
-    description: 'Penatibus eu quis ante.',
+    title: "Preview",
+    description: "Penatibus eu quis ante.",
     stepNumber: 3,
-    status: 'pending',
+    status: "pending",
     index: 2,
   },
 ];
@@ -45,45 +45,45 @@ Demo.args = {
 
 const sixItems = [
   {
-    title: 'Job details',
-    description: 'Vitae sed mi luctus laoreet.',
+    title: "Job details",
+    description: "Vitae sed mi luctus laoreet.",
     stepNumber: 1,
-    status: 'completed',
+    status: "completed",
     index: 0,
   },
   {
-    title: 'Application form',
-    description: 'Cursus semper viverra.',
+    title: "Application form",
+    description: "Cursus semper viverra.",
     stepNumber: 2,
-    status: 'completed',
+    status: "completed",
     index: 1,
   },
   {
-    title: 'Preview',
-    description: 'Penatibus eu quis ante.',
+    title: "Preview",
+    description: "Penatibus eu quis ante.",
     stepNumber: 3,
-    status: 'completed',
+    status: "completed",
     index: 2,
   },
   {
-    title: 'HR interview',
-    description: 'Penatibus eu quis ante.',
+    title: "HR interview",
+    description: "Penatibus eu quis ante.",
     stepNumber: 4,
-    status: 'completed',
+    status: "completed",
     index: 3,
   },
   {
-    title: 'Technical interview',
-    description: 'Penatibus eu quis ante.',
+    title: "Technical interview",
+    description: "Penatibus eu quis ante.",
     stepNumber: 5,
-    status: 'current',
+    status: "current",
     index: 4,
   },
   {
-    title: 'Hiring',
-    description: 'Penatibus eu quis ante.',
+    title: "Hiring",
+    description: "Penatibus eu quis ante.",
     stepNumber: 6,
-    status: 'pending',
+    status: "pending",
     index: 5,
   },
 ];

package/src/components/BaseStepperItem.stories.js

@@ -1,15 +1,15 @@
-import BaseStepperItem from './BaseStepperItem.vue';
+import BaseStepperItem from "./BaseStepperItem.vue";
 
 export default {
-  title: 'Layout/BaseStepperItem',
+  title: "Layout/BaseStepperItem",
   component: BaseStepperItem,
   argTypes: {
     status: {
-      control: { type: 'select' },
-      options: ['pending', 'current', 'completed'],
+      control: { type: "select" },
+      options: ["pending", "current", "completed"],
     },
     description: {
-      control: { type: 'text' },
+      control: { type: "text" },
     },
   },
 };
@@ -47,19 +47,19 @@ const Template = (args) => ({
 export const Simple = Template.bind({});
 
 Simple.args = {
-  title: 'Job application',
-  description: '',
+  title: "Job application",
+  description: "",
   stepNumber: 1,
-  status: 'pending',
+  status: "pending",
   index: 0,
 };
 
 export const WithDescription = Template.bind({});
 
 WithDescription.args = {
-  title: 'Job application',
-  description: 'Vitae sed mi luctus laoreet.',
+  title: "Job application",
+  description: "Vitae sed mi luctus laoreet.",
   stepNumber: 1,
-  status: 'current',
+  status: "current",
   index: 0,
 };

package/src/components/BaseSwitch.stories.js

@@ -1,27 +1,27 @@
-import BaseSwitch from './BaseSwitch.vue';
-import BaseContainer from './BaseContainer.vue';
-import { createFieldStory, sizes } from '../../.storybook/utils';
+import BaseSwitch from "./BaseSwitch.vue";
+import BaseContainer from "./BaseContainer.vue";
+import { createFieldStory, sizes } from "../../.storybook/utils";
 
 export default {
-  title: 'Form/BaseSwitch',
+  title: "Form/BaseSwitch",
   component: BaseSwitch,
   args: {},
   argTypes: {
     color: {
-      control: { type: 'select' },
+      control: { type: "select" },
       options: [
-        'primary',
-        'success',
-        'info',
-        'warning',
-        'danger',
-        'light',
-        'dark',
+        "primary",
+        "success",
+        "info",
+        "warning",
+        "danger",
+        "light",
+        "dark",
       ],
     },
     size: {
-      control: { type: 'select' },
-      options: ['xs', 'sm', 'base', 'lg', 'xl'],
+      control: { type: "select" },
+      options: ["xs", "sm", "base", "lg", "xl"],
     },
   },
 };
@@ -51,13 +51,13 @@ Disabled.args = {
 };
 
 const colors = [
-  'primary',
-  'info',
-  'success',
-  'warning',
-  'danger',
-  'light',
-  'dark',
+  "primary",
+  "info",
+  "success",
+  "warning",
+  "danger",
+  "light",
+  "dark",
 ];
 
 const Colors = (args) => ({
@@ -106,8 +106,8 @@ AllSizes.args = {};
 
 export const Field = createFieldStory({
   component: BaseSwitch,
-  componentName: 'BaseSwitch',
-  label: 'Activate',
+  componentName: "BaseSwitch",
+  label: "Activate",
 });
 
 const Icons = (args) => ({
@@ -128,6 +128,6 @@ const Icons = (args) => ({
 
 export const WithIcons = Icons.bind({});
 WithIcons.args = {
-  checkedIcon: 'heroicons-solid:check',
-  unCheckedIcon: 'heroicons-solid:x',
+  checkedIcon: "heroicons-solid:check",
+  unCheckedIcon: "heroicons-solid:x",
 };

package/src/components/BaseSystemAlert.stories.js

@@ -1,15 +1,15 @@
-import BaseSystemAlert from './BaseSystemAlert.vue';
+import BaseSystemAlert from "./BaseSystemAlert.vue";
 
 export default {
-  title: 'Layout/BaseSystemAlert',
+  title: "Layout/BaseSystemAlert",
   component: BaseSystemAlert,
   args: {
-    to: 'https://google.com',
+    to: "https://google.com",
   },
   argTypes: {
     color: {
-      control: { type: 'select' },
-      options: ['success', 'info', 'warning', 'danger'],
+      control: { type: "select" },
+      options: ["success", "info", "warning", "danger"],
     },
   },
 };
@@ -20,7 +20,7 @@ const Template = (args) => ({
   },
   setup() {
     function onClose() {
-      alert('close');
+      alert("close");
     }
 
     return { args, onClose };
@@ -40,7 +40,7 @@ Closable.args = {
   closable: true,
 };
 
-const colors = ['info', 'success', 'warning', 'danger'];
+const colors = ["info", "success", "warning", "danger"];
 
 const Colors = (args) => ({
   components: {

package/src/components/BaseTable.stories.js

@@ -1,26 +1,26 @@
-import BaseTable from './BaseTable.vue';
-import BaseTableHead from './BaseTableHead.vue';
-import BaseTableBody from './BaseTableBody.vue';
-import BaseTableRow from './BaseTableRow.vue';
-import BaseTableCell from './BaseTableCell.vue';
-import BaseTableHeader from './BaseTableHeader.vue';
-import BaseBadge from './BaseBadge.vue';
-import { options, optionsLarge } from '../../.storybook/utils';
+import BaseTable from "./BaseTable.vue";
+import BaseTableHead from "./BaseTableHead.vue";
+import BaseTableBody from "./BaseTableBody.vue";
+import BaseTableRow from "./BaseTableRow.vue";
+import BaseTableCell from "./BaseTableCell.vue";
+import BaseTableHeader from "./BaseTableHeader.vue";
+import BaseBadge from "./BaseBadge.vue";
+import { options, optionsLarge } from "../../.storybook/utils";
 
 export default {
-  title: 'Data/BaseTable',
+  title: "Data/BaseTable",
   component: BaseTable,
   args: {},
   argTypes: {
     size: {
       control: {
-        type: 'select',
+        type: "select",
       },
-      options: ['none', 'xs', 'sm', 'md', 'lg'],
+      options: ["none", "xs", "sm", "md", "lg"],
     },
     loading: {
       control: {
-        type: 'boolean',
+        type: "boolean",
       },
     },
   },
@@ -61,7 +61,6 @@ const components = {
   BaseBadge,
 };
 
-
 const Template = (args) => ({
   components: components,
   setup() {
@@ -177,9 +176,8 @@ RouterLink.args = {};
 const TemplateCellClick = (args) => ({
   components: components,
   setup() {
-
     const al = function () {
-      alert('clicked');
+      alert("clicked");
     };
 
     return { args, options, al };
@@ -240,4 +238,4 @@ const TemplateCellClick = (args) => ({
 });
 
 export const CellClick = TemplateCellClick.bind({});
-CellClick.args = {};
+CellClick.args = {};

package/src/components/BaseTabs.stories.js

@@ -1,12 +1,12 @@
-import BaseTabs from './BaseTabs.vue';
-import BaseTabItem from './BaseTabItem.vue';
-import BaseContainer from './BaseContainer.vue';
-import BaseCard from './BaseCard.vue';
-import BaseCardRow from './BaseCardRow.vue';
-import BaseCounter from './BaseCounter.vue';
+import BaseTabs from "./BaseTabs.vue";
+import BaseTabItem from "./BaseTabItem.vue";
+import BaseContainer from "./BaseContainer.vue";
+import BaseCard from "./BaseCard.vue";
+import BaseCardRow from "./BaseCardRow.vue";
+import BaseCounter from "./BaseCounter.vue";
 
 export default {
-  title: 'Navigation/BaseTabs',
+  title: "Navigation/BaseTabs",
   component: BaseTabs,
   args: {},
 };
@@ -21,8 +21,7 @@ const Template = (args) => ({
     BaseCounter,
   },
   setup() {
-
-    const label = ref('Home');
+    const label = ref("Home");
 
     setInterval(() => {
       label.value = Math.random().toString(36).substring(7);
@@ -77,20 +76,20 @@ Demo.args = {};
 
 export const SizeXS = Template.bind({});
 SizeXS.args = {
-  size: 'xs',
+  size: "xs",
 };
 
 export const SizeSM = Template.bind({});
 SizeSM.args = {
-  size: 'sm',
+  size: "sm",
 };
 
 export const SizeMD = Template.bind({});
 SizeMD.args = {
-  size: 'md',
+  size: "md",
 };
 
 export const SizeLG = Template.bind({});
 SizeLG.args = {
-  size: 'lg',
+  size: "lg",
 };

package/src/components/BaseTagAutocomplete.stories.js

@@ -1,24 +1,24 @@
-import { createFieldStory, options, sizes } from '../../.storybook/utils';
-import BaseTagAutocomplete from './BaseTagAutocomplete.vue';
-import ShowValue from '@/../.storybook/components/ShowValue.vue';
-import BaseAppSnackbars from './BaseAppSnackbars.vue';
+import { createFieldStory, options, sizes } from "../../.storybook/utils";
+import BaseTagAutocomplete from "./BaseTagAutocomplete.vue";
+import ShowValue from "@/../.storybook/components/ShowValue.vue";
+import BaseAppSnackbars from "./BaseAppSnackbars.vue";
 
 export default {
-  title: 'Form/BaseTagAutocomplete',
+  title: "Form/BaseTagAutocomplete",
   component: BaseTagAutocomplete,
   argTypes: {
     size: {
-      control: { type: 'select' },
+      control: { type: "select" },
       options: sizes,
     },
     dropdownShow: {
-      control: { type: 'select' },
-      options: ['always', 'focus'],
+      control: { type: "select" },
+      options: ["always", "focus"],
     },
   },
   args: {
-    labelKey: 'label',
-    valueKey: 'value',
+    labelKey: "label",
+    valueKey: "value",
     options: options,
   },
   decorators: [() => ({ template: '<div class="mb-36"><story/></div>' })],
@@ -42,13 +42,13 @@ Demo.args = {};
 
 export const Max = Template.bind({});
 Max.args = {
-  max: 3
+  max: 3,
 };
 
 export const AlwaysShowDropdown = Template.bind({});
 AlwaysShowDropdown.args = {
   inline: true,
-  dropdownShow: 'always',
+  dropdownShow: "always",
 };
 
 export const NoFocus = Template.bind({});
@@ -93,11 +93,11 @@ export const SlotOption = (args) => ({
     const value = ref(null);
 
     const options = [
-      { label: 'Red', value: 'red' },
-      { label: 'Blue', value: 'blue' },
-      { label: 'Green', value: 'green' },
-      { label: 'Black', value: 'black' },
-      { label: 'Gray', value: 'gray' },
+      { label: "Red", value: "red" },
+      { label: "Blue", value: "blue" },
+      { label: "Green", value: "green" },
+      { label: "Black", value: "black" },
+      { label: "Gray", value: "gray" },
     ];
 
     return { value, options, args };
@@ -253,6 +253,6 @@ export const SlotEmpty = (args) => {
 
 export const Field = createFieldStory({
   component: BaseTagAutocomplete,
-  componentName: 'BaseTagAutocomplete',
-  label: 'Name',
+  componentName: "BaseTagAutocomplete",
+  label: "Name",
 });

package/src/components/BaseTagAutocompleteFetch.stories.js

@@ -1,21 +1,21 @@
-import BaseTagAutocompleteFetch from './BaseTagAutocompleteFetch.vue';
-import ShowValue from '@/../.storybook/components/ShowValue.vue';
-import { createFieldStory, sizes } from '../../.storybook/utils';
-import BaseAppSnackbars from './BaseAppSnackbars.vue';
+import BaseTagAutocompleteFetch from "./BaseTagAutocompleteFetch.vue";
+import ShowValue from "@/../.storybook/components/ShowValue.vue";
+import { createFieldStory, sizes } from "../../.storybook/utils";
+import BaseAppSnackbars from "./BaseAppSnackbars.vue";
 
 export default {
-  title: 'Form/BaseTagAutocompleteFetch',
+  title: "Form/BaseTagAutocompleteFetch",
   component: BaseTagAutocompleteFetch,
   argTypes: {
     size: {
-      control: { type: 'select' },
+      control: { type: "select" },
       options: sizes,
     },
   },
   args: {
-    url: 'https://effettandem.com/api/content/articles',
-    labelKey: 'title',
-    valueKey: 'id',
+    url: "https://effettandem.com/api/content/articles",
+    labelKey: "title",
+    valueKey: "id",
   },
   decorators: [() => ({ template: '<div class="mb-36"><story/></div>' })],
 };
@@ -199,6 +199,6 @@ export const SlotEmpty = (args) => {
 
 export const Field = createFieldStory({
   component: BaseTagAutocompleteFetch,
-  componentName: 'BaseTagAutocompleteFetch',
-  label: 'Name',
+  componentName: "BaseTagAutocompleteFetch",
+  label: "Name",
 });

package/src/components/BaseTextarea.stories.js

@@ -1,15 +1,15 @@
-import { createFieldStory, sizes } from '../../.storybook/utils';
-import BaseTextarea from './BaseTextarea.vue';
+import { createFieldStory, sizes } from "../../.storybook/utils";
+import BaseTextarea from "./BaseTextarea.vue";
 
 export default {
-  title: 'Form/BaseTextarea',
+  title: "Form/BaseTextarea",
   component: BaseTextarea,
   args: {
-    placeholder: 'Describe your complete life in 4 sentences...',
+    placeholder: "Describe your complete life in 4 sentences...",
   },
   argTypes: {
     size: {
-      control: { type: 'select' },
+      control: { type: "select" },
       options: sizes,
     },
   },
@@ -20,7 +20,7 @@ const Template = (args) => ({
     BaseTextarea,
   },
   setup() {
-    const value = ref('');
+    const value = ref("");
     return { args, value };
   },
   template: `
@@ -38,14 +38,14 @@ Demo.args = {
 
 export const Disabled = Template.bind({});
 Disabled.args = {
-  modelValue: 'Lorem ipsum...',
+  modelValue: "Lorem ipsum...",
   disabled: true,
 };
 
 export const Field = createFieldStory({
   component: BaseTextarea,
-  componentName: 'BaseTextarea',
-  label: 'Biography',
+  componentName: "BaseTextarea",
+  label: "Biography",
 });
 
 const TemplateSizes = (args) => ({
@@ -78,4 +78,4 @@ const FocusTemplate = (args) => ({
   `,
 });
 
-export const Focus = FocusTemplate.bind({});
+export const Focus = FocusTemplate.bind({});

package/src/components/BaseTextareaAutoresize.stories.js

@@ -1,17 +1,17 @@
-import BaseTextareaAutoresize from './BaseTextareaAutoresize.vue';
-import ShowValue from '@/../.storybook/components/ShowValue.vue';
-import { createFieldStory, sizes } from '../../.storybook/utils';
+import BaseTextareaAutoresize from "./BaseTextareaAutoresize.vue";
+import ShowValue from "@/../.storybook/components/ShowValue.vue";
+import { createFieldStory, sizes } from "../../.storybook/utils";
 
 export default {
-  title: 'Form/BaseTextareaAutoresize',
+  title: "Form/BaseTextareaAutoresize",
   component: BaseTextareaAutoresize,
   args: {
-    name: 'name',
-    placeholder: 'Describe your complete life in 4 sentences...',
+    name: "name",
+    placeholder: "Describe your complete life in 4 sentences...",
   },
   argTypes: {
     size: {
-      control: { type: 'select' },
+      control: { type: "select" },
       options: sizes,
     },
   },
@@ -24,7 +24,7 @@ const Template = (args) => ({
   },
   setup() {
     function onSubmit() {
-      alert('submit');
+      alert("submit");
     }
     const value = ref(null);
     return { args, value, onSubmit };
@@ -53,7 +53,7 @@ SubmitOnEnter.args = {
 
 export const Disabled = Template.bind({});
 Disabled.args = {
-  modelValue: 'Lorem ipsum...',
+  modelValue: "Lorem ipsum...",
   disabled: true,
 };
 
@@ -64,7 +64,7 @@ const TemplateTWTextarea = (args) => ({
   },
   setup() {
     function onSubmit() {
-      alert('submit');
+      alert("submit");
     }
     const value = ref(null);
     return { args, value, onSubmit };
@@ -88,8 +88,8 @@ export const TWTextarea = TemplateTWTextarea.bind({});
 
 export const Field = createFieldStory({
   component: BaseTextareaAutoresize,
-  componentName: 'BaseTextareaAutoresize',
-  label: 'Biography',
+  componentName: "BaseTextareaAutoresize",
+  label: "Biography",
 });
 
 const TemplateSizes = (args) => ({
@@ -122,4 +122,4 @@ const FocusTemplate = (args) => ({
   `,
 });
 
-export const Focus = FocusTemplate.bind({});
+export const Focus = FocusTemplate.bind({});

package/src/components/BaseTimePicker.stories.js

@@ -1,15 +1,15 @@
-import { createFieldStory, sizes } from '../../.storybook/utils';
-import BaseTimePicker from './BaseTimePicker.vue';
-import ShowValue from '@/../.storybook/components/ShowValue.vue';
+import { createFieldStory, sizes } from "../../.storybook/utils";
+import BaseTimePicker from "./BaseTimePicker.vue";
+import ShowValue from "@/../.storybook/components/ShowValue.vue";
 
 export default {
-  title: 'Form/BaseTimePicker',
+  title: "Form/BaseTimePicker",
   component: BaseTimePicker,
   argTypes: {
     size: {
-      control: { type: 'select' },
+      control: { type: "select" },
       options: sizes,
-    }
+    },
   },
 };
 
@@ -63,6 +63,6 @@ export const Sizes = TemplateSizes.bind({});
 
 export const Field = createFieldStory({
   component: BaseTimePicker,
-  componentName: 'BaseTimePicker',
-  label: 'Time',
-});
+  componentName: "BaseTimePicker",
+  label: "Time",
+});