sprintify-ui 0.8.34 → 0.8.37

package/src/components/BaseTimeline.stories.js

@@ -1,7 +1,7 @@
-import BaseTimeline from './BaseTimeline.vue';
+import BaseTimeline from "./BaseTimeline.vue";
 
 export default {
-  title: 'Data/BaseTimeline',
+  title: "Data/BaseTimeline",
   component: BaseTimeline,
 };
 
@@ -15,37 +15,37 @@ const Template = (args) => ({
 
 const items = [
   {
-    title: 'Advanced to phone screening by Bethany Blake',
-    icon: 'heroicons:shield-check-20-solid',
+    title: "Advanced to phone screening by Bethany Blake",
+    icon: "heroicons:shield-check-20-solid",
     description:
-      'Lorem nostrud quis aute elit ea Lorem magna eiusmod ipsum. Eu ipsum eiusmod ad minim adipisicing irure. Fugiat ut adipisicing consequat dolor.',
+      "Lorem nostrud quis aute elit ea Lorem magna eiusmod ipsum. Eu ipsum eiusmod ad minim adipisicing irure. Fugiat ut adipisicing consequat dolor.",
     color: null,
-    date: '15 Jan',
+    date: "15 Jan",
   },
   {
-    title: 'Advanced to phone screening by Bethany Blake',
-    icon: 'heroicons:shield-check-20-solid',
+    title: "Advanced to phone screening by Bethany Blake",
+    icon: "heroicons:shield-check-20-solid",
     description:
-      'Lorem nostrud quis aute elit ea Lorem magna eiusmod ipsum. Eu ipsum eiusmod ad minim adipisicing irure. Fugiat ut adipisicing consequat dolor.',
-    color: 'danger',
+      "Lorem nostrud quis aute elit ea Lorem magna eiusmod ipsum. Eu ipsum eiusmod ad minim adipisicing irure. Fugiat ut adipisicing consequat dolor.",
+    color: "danger",
     date: null,
-    onEdit: () => alert('edit'),
-    onDelete: () => alert('delete'),
+    onEdit: () => alert("edit"),
+    onDelete: () => alert("delete"),
   },
   {
-    title: 'Advanced to phone screening by Bethany Blake',
-    icon: 'heroicons:shield-check-20-solid',
+    title: "Advanced to phone screening by Bethany Blake",
+    icon: "heroicons:shield-check-20-solid",
     description:
-      'Lorem nostrud quis aute elit ea Lorem magna eiusmod ipsum. Eu ipsum eiusmod ad minim adipisicing irure. Fugiat ut adipisicing consequat dolor.',
-    color: 'success',
-    date: '15 Jan',
+      "Lorem nostrud quis aute elit ea Lorem magna eiusmod ipsum. Eu ipsum eiusmod ad minim adipisicing irure. Fugiat ut adipisicing consequat dolor.",
+    color: "success",
+    date: "15 Jan",
   },
   {
-    title: 'Advanced to phone screening by Bethany Blake',
-    icon: 'heroicons:shield-check-20-solid',
-    description: '',
-    color: 'info',
-    date: '15 Jan',
+    title: "Advanced to phone screening by Bethany Blake",
+    icon: "heroicons:shield-check-20-solid",
+    description: "",
+    color: "info",
+    date: "15 Jan",
   },
 ];
 

package/src/components/BaseTimelineItem.stories.js

@@ -1,17 +1,17 @@
-import BaseTimelineItem from './BaseTimelineItem.vue';
+import BaseTimelineItem from "./BaseTimelineItem.vue";
 
 const colors = [
-  'primary',
-  'success',
-  'danger',
-  'warning',
-  'info',
-  'grey',
-  'black',
+  "primary",
+  "success",
+  "danger",
+  "warning",
+  "info",
+  "grey",
+  "black",
 ];
 
 export default {
-  title: 'Data/BaseTimelineItem',
+  title: "Data/BaseTimelineItem",
   component: BaseTimelineItem,
 };
 
@@ -28,12 +28,12 @@ const ColorsTemplate = (args) => ({
   setup() {
     const items = colors.map((color) => {
       return {
-        title: 'Advanced to phone screening by Bethany Blake',
-        icon: 'heroicons:shield-check-20-solid',
+        title: "Advanced to phone screening by Bethany Blake",
+        icon: "heroicons:shield-check-20-solid",
         description:
-          'Lorem nostrud quis aute elit ea Lorem magna eiusmod ipsum. Eu ipsum eiusmod ad minim adipisicing irure. Fugiat ut adipisicing consequat dolor.',
+          "Lorem nostrud quis aute elit ea Lorem magna eiusmod ipsum. Eu ipsum eiusmod ad minim adipisicing irure. Fugiat ut adipisicing consequat dolor.",
         color: color,
-        date: '15 Jan',
+        date: "15 Jan",
       };
     });
     return { args, items };
@@ -55,21 +55,22 @@ const ColorsTemplate = (args) => ({
 export const Simple = Template.bind({});
 Simple.args = {
   item: {
-    title: 'Advanced to phone screening by Bethany Blake',
-    icon: 'heroicons:shield-check-20-solid',
-    description: '',
-    color: 'warning',
-    date: '15 Jan',
+    title: "Advanced to phone screening by Bethany Blake",
+    icon: "heroicons:shield-check-20-solid",
+    description: "",
+    color: "warning",
+    date: "15 Jan",
   },
 };
 
 export const WithDescription = Template.bind({});
 WithDescription.args = {
   item: {
-    title: 'Advanced to phone screening by Bethany Blake',
-    icon: 'heroicons:shield-check-20-solid',
-    description: 'Lorem nostrud quis aute elit ea Lorem magna eiusmod ipsum. Eu ipsum eiusmod ad minim adipisicing irure. Fugiat ut adipisicing consequat dolor.',
-    date: '15 Jan',
+    title: "Advanced to phone screening by Bethany Blake",
+    icon: "heroicons:shield-check-20-solid",
+    description:
+      "Lorem nostrud quis aute elit ea Lorem magna eiusmod ipsum. Eu ipsum eiusmod ad minim adipisicing irure. Fugiat ut adipisicing consequat dolor.",
+    date: "15 Jan",
   },
 };
 

package/src/components/BaseToast.stories.js

@@ -1,15 +1,15 @@
-import BaseToast from './BaseToast.vue';
+import BaseToast from "./BaseToast.vue";
 
 export default {
-  title: 'Components/BaseToast',
+  title: "Components/BaseToast",
   component: BaseToast,
   args: {
-    text: 'Successfully saved',
+    text: "Successfully saved",
   },
   argTypes: {
     color: {
-      control: { type: 'select' },
-      options: ['success', 'info', 'warning', 'danger'],
+      control: { type: "select" },
+      options: ["success", "info", "warning", "danger"],
     },
   },
 };
@@ -29,7 +29,7 @@ const Template = (args) => ({
 export const Demo = Template.bind({});
 Demo.args = {};
 
-const colors = ['info', 'success', 'warning', 'danger'];
+const colors = ["info", "success", "warning", "danger"];
 
 const Colors = (args) => ({
   components: {

package/src/components/BaseTooltip.stories.js

@@ -1,25 +1,25 @@
-import BaseTooltip from './BaseTooltip.vue';
-import BaseCard from './BaseCard.vue';
-import BaseCardRow from './BaseCardRow.vue';
+import BaseTooltip from "./BaseTooltip.vue";
+import BaseCard from "./BaseCard.vue";
+import BaseCardRow from "./BaseCardRow.vue";
 
 export default {
-    title: 'Components/BaseTooltip',
-    component: BaseTooltip,
-    args: {
-        text: 'Click here to learn more about this button',
-    },
+  title: "Components/BaseTooltip",
+  component: BaseTooltip,
+  args: {
+    text: "Click here to learn more about this button",
+  },
 };
 
 const Template = (args) => ({
-    components: {
-        BaseCard,
-        BaseCardRow,
-        BaseTooltip,
-    },
-    setup() {
-        return { args };
-    },
-    template: `
+  components: {
+    BaseCard,
+    BaseCardRow,
+    BaseTooltip,
+  },
+  setup() {
+    return { args };
+  },
+  template: `
     <BaseCard>
         <BaseCardRow size=sm>
         <BaseTooltip class="inline-block" v-bind="args">
@@ -34,15 +34,15 @@ export const Demo = Template.bind({});
 Demo.args = {};
 
 const CustomSlotTemplate = (args) => ({
-    components: {
-        BaseCard,
-        BaseCardRow,
-        BaseTooltip,
-    },
-    setup() {
-        return { args };
-    },
-    template: `
+  components: {
+    BaseCard,
+    BaseCardRow,
+    BaseTooltip,
+  },
+  setup() {
+    return { args };
+  },
+  template: `
     <BaseCard>
         <BaseCardRow size=sm>
             <BaseTooltip class="inline-block" v-bind="args">
@@ -59,4 +59,4 @@ const CustomSlotTemplate = (args) => ({
 });
 
 export const CustomSlot = CustomSlotTemplate.bind({});
-CustomSlot.args = {};
+CustomSlot.args = {};

package/src/components/BaseUniqueCode.stories.js

@@ -1,13 +1,13 @@
-import BaseUniqueCode from './BaseUniqueCode.vue';
-import ShowValue from '@/../.storybook/components/ShowValue.vue';
+import BaseUniqueCode from "./BaseUniqueCode.vue";
+import ShowValue from "@/../.storybook/components/ShowValue.vue";
 
 export default {
-  title: 'Form/BaseUniqueCode',
+  title: "Form/BaseUniqueCode",
   component: BaseUniqueCode,
   argTypes: {
     type: {
-      control: { type: 'select' },
-      options: ['numeric', 'alphanumeric'],
+      control: { type: "select" },
+      options: ["numeric", "alphanumeric"],
     },
   },
 };
@@ -15,7 +15,7 @@ export default {
 const Template = (args) => ({
   components: { BaseUniqueCode, ShowValue },
   setup() {
-    const value = ref('');
+    const value = ref("");
     return { args, value };
   },
   template: `
@@ -32,5 +32,5 @@ Numeric.args = {
 export const Alphanumeric = Template.bind({});
 Alphanumeric.args = {
   numberOfCharacters: 4,
-  type: 'text'
+  type: "text",
 };

package/src/stories/InputSizes.stories.js

@@ -1,22 +1,21 @@
-import InputSizes from './PageInputSizes.vue';
+import InputSizes from "./PageInputSizes.vue";
 
 export default {
-    title: 'Pages/InputSize',
-    component: InputSizes,
-    parameters: {
-        layout: 'fullscreen',
-    },
+  title: "Pages/InputSize",
+  component: InputSizes,
+  parameters: {
+    layout: "fullscreen",
+  },
 };
 
-
 const Template = (args) => ({
-    components: {
-        InputSizes
-    },
-    template: `<InputSizes></InputSizes>`,
-    setup() {
-        return { args };
-    },
+  components: {
+    InputSizes,
+  },
+  template: `<InputSizes></InputSizes>`,
+  setup() {
+    return { args };
+  },
 });
 
 export const Demo = Template.bind({});

package/src/stories/List.stories.js

@@ -1,92 +1,92 @@
-import BaseHeader from '../components/BaseHeader.vue';
-import BaseTabs from '../components/BaseTabs.vue';
-import BaseTabItem from '../components/BaseTabItem.vue';
-import BaseDataTable from '../components/BaseDataTable.vue';
-import BaseTableColumn from '../components/BaseTableColumn.vue';
-import BaseBoolean from '../components/BaseBoolean.vue';
-import BaseSelect from '../components/BaseSelect.vue';
-import BaseBadge from '../components/BaseBadge.vue';
-import BaseCounter from '../components/BaseCounter.vue';
-import BaseAppSnackbars from '../components/BaseAppSnackbars.vue';
-import BaseAppDialogs from '../components/BaseAppDialogs.vue';
-import BaseContainer from '../components/BaseContainer.vue';
-import { DateTime } from 'luxon';
-import { templateDataTable } from '../../.storybook/utils';
+import BaseHeader from "../components/BaseHeader.vue";
+import BaseTabs from "../components/BaseTabs.vue";
+import BaseTabItem from "../components/BaseTabItem.vue";
+import BaseDataTable from "../components/BaseDataTable.vue";
+import BaseTableColumn from "../components/BaseTableColumn.vue";
+import BaseBoolean from "../components/BaseBoolean.vue";
+import BaseSelect from "../components/BaseSelect.vue";
+import BaseBadge from "../components/BaseBadge.vue";
+import BaseCounter from "../components/BaseCounter.vue";
+import BaseAppSnackbars from "../components/BaseAppSnackbars.vue";
+import BaseAppDialogs from "../components/BaseAppDialogs.vue";
+import BaseContainer from "../components/BaseContainer.vue";
+import { DateTime } from "luxon";
+import { templateDataTable } from "../../.storybook/utils";
 
 export default {
-    title: 'Pages/List',
-    component: BaseDataTable,
-    parameters: {
-        layout: 'fullscreen',
+  title: "Pages/List",
+  component: BaseDataTable,
+  parameters: {
+    layout: "fullscreen",
+  },
+  argTypes: {
+    layout: {
+      control: { type: "select" },
+      options: ["default", "compact"],
     },
-    argTypes: {
-        layout: {
-            control: { type: 'select' },
-            options: ['default', 'compact'],
-        },
-        size: {
-            control: { type: 'select' },
-            options: ['sm', 'md'],
-        }
+    size: {
+      control: { type: "select" },
+      options: ["sm", "md"],
     },
-    args: {
-        url: 'https://effettandem.com/api/content/articles',
-        urlQuery: {
-            per_page: 10,
-        },
-        historyMode: false,
-        detailed: true,
-        searchable: true,
-        checkable: true,
-        layout: 'compact',
-        size: 'sm',
-        showUrl() {
-            return '/';
-        },
-        editUrl() {
-            return '/';
-        },
-        deleteUrl() {
-            return '/';
-        },
-        actions: [
-            {
-                label: 'Export',
-                icon: 'heroicons:arrow-down-tray',
-                action: () => alert('export!'),
-            },
-            { meta: { line: true } },
-            {
-                label: 'Delete all',
-                icon: 'heroicons:trash',
-                action: () => alert('Delete All!'),
-                color: 'danger',
-            },
-        ],
-        checkableActions: [
-            {
-                label: 'Delete all',
-                action: () => {
-                    alert('delete!');
-                },
-            },
-        ],
+  },
+  args: {
+    url: "https://effettandem.com/api/content/articles",
+    urlQuery: {
+      per_page: 10,
     },
+    historyMode: false,
+    detailed: true,
+    searchable: true,
+    checkable: true,
+    layout: "compact",
+    size: "sm",
+    showUrl() {
+      return "/";
+    },
+    editUrl() {
+      return "/";
+    },
+    deleteUrl() {
+      return "/";
+    },
+    actions: [
+      {
+        label: "Export",
+        icon: "heroicons:arrow-down-tray",
+        action: () => alert("export!"),
+      },
+      { meta: { line: true } },
+      {
+        label: "Delete all",
+        icon: "heroicons:trash",
+        action: () => alert("Delete All!"),
+        color: "danger",
+      },
+    ],
+    checkableActions: [
+      {
+        label: "Delete all",
+        action: () => {
+          alert("delete!");
+        },
+      },
+    ],
+  },
 };
 
 const templateComponents = {
-    BaseHeader,
-    BaseTabs,
-    BaseTabItem,
-    BaseDataTable,
-    BaseTableColumn,
-    BaseBoolean,
-    BaseSelect,
-    BaseBadge,
-    BaseAppSnackbars,
-    BaseAppDialogs,
-    BaseCounter,
-    BaseContainer,
+  BaseHeader,
+  BaseTabs,
+  BaseTabItem,
+  BaseDataTable,
+  BaseTableColumn,
+  BaseBoolean,
+  BaseSelect,
+  BaseBadge,
+  BaseAppSnackbars,
+  BaseAppDialogs,
+  BaseCounter,
+  BaseContainer,
 };
 
 const template = `
@@ -118,19 +118,19 @@ const template = `
 `;
 
 const Template = (args) => ({
-    components: templateComponents,
-    template: template,
-    setup() {
-        function onCellClick(row) {
-            alert('Cell click: ' + row.id);
-        }
+  components: templateComponents,
+  template: template,
+  setup() {
+    function onCellClick(row) {
+      alert("Cell click: " + row.id);
+    }
 
-        function onRowClick(row) {
-            alert('Row click: ' + row.id);
-        }
+    function onRowClick(row) {
+      alert("Row click: " + row.id);
+    }
 
-        return { args, onCellClick, onRowClick, DateTime };
-    },
+    return { args, onCellClick, onRowClick, DateTime };
+  },
 });
 
 export const Demo = Template.bind({});

package/src/stories/Show.stories.js

@@ -1,22 +1,21 @@
-import PageShow from './PageShow.vue';
+import PageShow from "./PageShow.vue";
 
 export default {
-    title: 'Pages/Show',
-    component: PageShow,
-    parameters: {
-        layout: 'fullscreen',
-    },
+  title: "Pages/Show",
+  component: PageShow,
+  parameters: {
+    layout: "fullscreen",
+  },
 };
 
-
 const Template = (args) => ({
-    components: {
-        PageShow
-    },
-    template: `<PageShow></PageShow>`,
-    setup() {
-        return { args };
-    },
+  components: {
+    PageShow,
+  },
+  template: `<PageShow></PageShow>`,
+  setup() {
+    return { args };
+  },
 });
 
 export const Demo = Template.bind({});