sprintify-ui 0.8.34 → 0.8.37

package/src/components/BaseLayoutSidebarConfigurable.stories.js

@@ -1,141 +1,141 @@
-import { DateTime } from 'luxon';
-import PageDashboard from '../../.storybook/components/PageDashboard.vue';
-import BaseLayoutSidebarConfigurable from './BaseLayoutSidebarConfigurable.vue';
-import { useSystemAlertStore } from '../stores/systemAlerts';
-import { sizes } from '../../.storybook/utils';
-import BaseAutocompleteFetch from './BaseAutocompleteFetch.vue';
+import { DateTime } from "luxon";
+import PageDashboard from "../../.storybook/components/PageDashboard.vue";
+import BaseLayoutSidebarConfigurable from "./BaseLayoutSidebarConfigurable.vue";
+import { useSystemAlertStore } from "../stores/systemAlerts";
+import { sizes } from "../../.storybook/utils";
+import BaseAutocompleteFetch from "./BaseAutocompleteFetch.vue";
 
 export default {
-  title: 'Layout/BaseLayoutSidebarConfigurable',
+  title: "Layout/BaseLayoutSidebarConfigurable",
   component: BaseLayoutSidebarConfigurable,
   parameters: {
-    layout: 'fullscreen',
+    layout: "fullscreen",
   },
   argTypes: {
     size: {
       control: {
-        type: 'select',
+        type: "select",
       },
       options: sizes,
     },
   },
   args: {
     user: {
-      email: 'jane@witify.io',
-      first_name: 'Jane',
-      last_name: 'Doe',
-      full_name: 'Jane Doe',
+      email: "jane@witify.io",
+      first_name: "Jane",
+      last_name: "Doe",
+      full_name: "Jane Doe",
       avatar_url:
-        'https://images.unsplash.com/photo-1494790108377-be9c29b29330??auto=format&fit=crop&w=200&h=200&q=80&g=face',
+        "https://images.unsplash.com/photo-1494790108377-be9c29b29330??auto=format&fit=crop&w=200&h=200&q=80&g=face",
     },
     menu: [
       {
-        label: 'Dashboard',
-        to: '/dashboard',
-        icon: 'heroicons:home-20-solid',
+        label: "Dashboard",
+        to: "/dashboard",
+        icon: "heroicons:home-20-solid",
         count: 1,
         meta: {
-          showSubItems: 'always',
+          showSubItems: "always",
         },
         actions: [
           {
-            label: 'Sales',
-            to: '/dashboard/1',
+            label: "Sales",
+            to: "/dashboard/1",
             count: 10,
           },
           {
-            label: 'Performance',
-            to: '/dashboard/2',
+            label: "Performance",
+            to: "/dashboard/2",
           },
           {
-            label: 'Workload',
-            to: '/dashboard/3',
+            label: "Workload",
+            to: "/dashboard/3",
           },
         ],
       },
       {
-        label: 'General',
+        label: "General",
         actions: [
           {
-            label: 'Articles',
-            to: '/articles',
-            icon: 'heroicons:document-text-20-solid',
+            label: "Articles",
+            to: "/articles",
+            icon: "heroicons:document-text-20-solid",
             count: 3134,
             actions: [
               {
-                label: 'Articles',
-                to: '/articles/1',
+                label: "Articles",
+                to: "/articles/1",
                 count: 10,
               },
               {
-                label: 'Videos',
-                to: '/articles/2',
+                label: "Videos",
+                to: "/articles/2",
               },
               {
-                label: 'Training',
-                to: '/articles/3',
+                label: "Training",
+                to: "/articles/3",
               },
               {
-                label: 'Archived',
-                to: '/articles/4',
+                label: "Archived",
+                to: "/articles/4",
               },
             ],
           },
 
           {
-            label: 'Users',
-            to: '/users',
-            icon: 'heroicons:users-20-solid',
+            label: "Users",
+            to: "/users",
+            icon: "heroicons:users-20-solid",
           },
         ],
       },
       {
-        label: 'Settings',
+        label: "Settings",
         actions: [
           {
-            label: 'Account',
-            to: '/account',
-            icon: 'heroicons:cog-20-solid',
+            label: "Account",
+            to: "/account",
+            icon: "heroicons:cog-20-solid",
           },
           {
-            label: 'Logout',
+            label: "Logout",
             action: logout,
-            icon: 'heroicons:arrow-left-on-rectangle-20-solid',
+            icon: "heroicons:arrow-left-on-rectangle-20-solid",
           },
         ],
       },
     ],
     userMenu: [
       {
-        label: 'Dashboard',
-        to: '/',
-        icon: 'heroicons:home-20-solid',
+        label: "Dashboard",
+        to: "/",
+        icon: "heroicons:home-20-solid",
       },
       {
-        label: 'Settings',
-        to: '/account',
-        icon: 'heroicons:cog-20-solid',
+        label: "Settings",
+        to: "/account",
+        icon: "heroicons:cog-20-solid",
       },
       {
-        label: 'Logout',
+        label: "Logout",
         action: logout,
-        icon: 'heroicons:arrow-left-on-rectangle-20-solid',
+        icon: "heroicons:arrow-left-on-rectangle-20-solid",
       },
     ],
     notifications: {
-      footerTo: '/',
-      footerLabel: 'See all notifications',
+      footerTo: "/",
+      footerLabel: "See all notifications",
       items: [
         {
-          id: '1',
-          text: 'You have a new message',
+          id: "1",
+          text: "You have a new message",
           created_at: DateTime.now().minus({ second: 1 }).toISO(),
         },
         {
-          id: '2',
-          text: 'Your inbox is now full. Please empty your inbox before it goes bang.',
-          to: '/',
-          created_at: '2022-01-01T00:00:00',
+          id: "2",
+          text: "Your inbox is now full. Please empty your inbox before it goes bang.",
+          to: "/",
+          created_at: "2022-01-01T00:00:00",
         },
       ],
     },
@@ -143,7 +143,7 @@ export default {
 };
 
 async function logout() {
-  alert('logout');
+  alert("logout");
 }
 
 const Template = (args) => ({
@@ -153,11 +153,10 @@ const Template = (args) => ({
     BaseAutocompleteFetch,
   },
   setup() {
-
     const alerts = useSystemAlertStore();
     alerts.push({
-      color: 'warning',
-      message: 'This is a warning message',
+      color: "warning",
+      message: "This is a warning message",
     });
 
     return { args };
@@ -187,32 +186,32 @@ const Template = (args) => ({
 export const Light = Template.bind({});
 Light.args = {
   dark: false,
-  logoUrl: 'https://sprintify.witify.io/img/logo/logo-side.svg',
+  logoUrl: "https://demo.sprintify.app/img/logo/logo-side.svg",
 };
 
 export const Dark = Template.bind({});
 Dark.args = {
   dark: true,
-  logoUrl: 'https://sprintify.witify.io/img/logo/logo-side-dark.svg',
+  logoUrl: "https://demo.sprintify.app/img/logo/logo-side-dark.svg",
 };
 
 export const SizeXS = Template.bind({});
 SizeXS.args = {
-  size: 'xs',
+  size: "xs",
   dark: true,
-  logoUrl: 'https://sprintify.witify.io/img/logo/logo-side-dark.svg',
+  logoUrl: "https://demo.sprintify.app/img/logo/logo-side-dark.svg",
 };
 
 export const SizeSM = Template.bind({});
 SizeSM.args = {
-  size: 'sm',
+  size: "sm",
   dark: true,
-  logoUrl: 'https://sprintify.witify.io/img/logo/logo-side-dark.svg',
+  logoUrl: "https://demo.sprintify.app/img/logo/logo-side-dark.svg",
 };
 
 export const SizeMD = Template.bind({});
 SizeMD.args = {
-  size: 'md',
+  size: "md",
   dark: true,
-  logoUrl: 'https://sprintify.witify.io/img/logo/logo-side-dark.svg',
+  logoUrl: "https://demo.sprintify.app/img/logo/logo-side-dark.svg",
 };

package/src/components/BaseLayoutSidebarConfigurable.vue

@@ -139,7 +139,7 @@ const props = defineProps({
     type: String,
   },
   logoUrl: {
-    default: 'https://sprintify.witify.io/img/logo/logo-side-dark.svg',
+    default: 'https://demo.sprintify.app/img/logo/logo-side-dark.svg',
     type: String,
   },
   logoTo: {

package/src/components/BaseLayoutStackedConfigurable.stories.js

@@ -1,115 +1,115 @@
-import { useSystemAlertStore } from '../stores/systemAlerts';
-import BaseContainer from './BaseContainer.vue';
-import BaseLayoutStackedConfigurable from './BaseLayoutStackedConfigurable.vue';
+import { useSystemAlertStore } from "../stores/systemAlerts";
+import BaseContainer from "./BaseContainer.vue";
+import BaseLayoutStackedConfigurable from "./BaseLayoutStackedConfigurable.vue";
 
 export default {
-  title: 'Layout/BaseLayoutStackedConfigurable',
+  title: "Layout/BaseLayoutStackedConfigurable",
   component: BaseLayoutStackedConfigurable,
   parameters: {
-    layout: 'fullscreen',
+    layout: "fullscreen",
   },
   args: {
     navbar: {
       dark: true,
-      class: 'shadow-sm border-t-[3px] border-primary-500'
+      class: "shadow-sm border-t-[3px] border-primary-500",
     },
-    appName: 'Sprintify',
+    appName: "Sprintify",
     user: {
-      email: 'jane@witify.io',
-      first_name: 'Jane',
-      last_name: 'Doe',
-      full_name: 'Jane Doe',
+      email: "jane@witify.io",
+      first_name: "Jane",
+      last_name: "Doe",
+      full_name: "Jane Doe",
       avatar_url:
-        'https://images.unsplash.com/photo-1494790108377-be9c29b29330??auto=format&fit=crop&w=200&h=200&q=80&g=face',
+        "https://images.unsplash.com/photo-1494790108377-be9c29b29330??auto=format&fit=crop&w=200&h=200&q=80&g=face",
     },
     menu: [
       {
-        label: 'Products',
+        label: "Products",
         count: 234,
         actions: [
           {
-            label: 'New product',
-            icon: 'heroicons:plus-20-solid',
-            description: 'Create a new product',
-            to: '/',
+            label: "New product",
+            icon: "heroicons:plus-20-solid",
+            description: "Create a new product",
+            to: "/",
           },
           {
-            label: 'All products',
-            icon: 'heroicons:academic-cap-20-solid',
-            description: 'View all products',
-            to: '/',
+            label: "All products",
+            icon: "heroicons:academic-cap-20-solid",
+            description: "View all products",
+            to: "/",
           },
         ],
       },
       {
-        label: 'Users',
-        to: '/setup',
+        label: "Users",
+        to: "/setup",
         actions: [
           {
-            label: 'New product',
-            icon: 'heroicons:plus-20-solid',
-            to: '/',
+            label: "New product",
+            icon: "heroicons:plus-20-solid",
+            to: "/",
           },
           {
-            meta: { line: true }
+            meta: { line: true },
           },
           {
-            label: 'All products',
-            icon: 'heroicons:academic-cap-20-solid',
-            to: '/',
+            label: "All products",
+            icon: "heroicons:academic-cap-20-solid",
+            to: "/",
           },
         ],
       },
       {
-        label: 'Account',
-        to: '/settings',
-        icon: 'heroicons:cog',
+        label: "Account",
+        to: "/settings",
+        icon: "heroicons:cog",
       },
     ],
     userMenu: [
       {
-        label: 'Dashboard',
-        to: '/',
-        icon: 'heroicons-home',
+        label: "Dashboard",
+        to: "/",
+        icon: "heroicons-home",
       },
       {
-        label: 'Settings',
-        to: '/account',
-        icon: 'heroicons:cog',
+        label: "Settings",
+        to: "/account",
+        icon: "heroicons:cog",
       },
       {
-        meta: { line: true }
+        meta: { line: true },
       },
       {
-        label: 'Logout',
+        label: "Logout",
         action: logout,
-        icon: 'heroicons:arrow-left-on-rectangle',
+        icon: "heroicons:arrow-left-on-rectangle",
       },
     ],
     notifications: {
-      footerTo: '/',
-      footerLabel: 'See all notifications',
+      footerTo: "/",
+      footerLabel: "See all notifications",
       items: [
         {
-          id: '1',
-          text: 'You have a new message',
-          to: '/',
+          id: "1",
+          text: "You have a new message",
+          to: "/",
           read: false,
-          created_at: '2022-12-08T19:16:10Z',
+          created_at: "2022-12-08T19:16:10Z",
         },
         {
-          id: '2',
-          text: 'Your inbox is now full. Please empty your inbox before it goes bang.',
-          to: '/',
+          id: "2",
+          text: "Your inbox is now full. Please empty your inbox before it goes bang.",
+          to: "/",
           read: true,
-          created_at: '2022-01-01T00:00:00',
+          created_at: "2022-01-01T00:00:00",
         },
         {
-          id: '3',
-          text: 'You are running out of credits. Please top up your account.',
-          to: '/',
+          id: "3",
+          text: "You are running out of credits. Please top up your account.",
+          to: "/",
           read: true,
-          created_at: '2022-01-01T00:00:00',
+          created_at: "2022-01-01T00:00:00",
         },
       ],
     },
@@ -117,7 +117,7 @@ export default {
 };
 
 async function logout() {
-  alert('logout');
+  alert("logout");
 }
 
 const Template = (args) => ({
@@ -126,11 +126,10 @@ const Template = (args) => ({
     BaseContainer,
   },
   setup() {
-
     const alerts = useSystemAlertStore();
     alerts.push({
-      color: 'warning',
-      message: 'This is a warning message',
+      color: "warning",
+      message: "This is a warning message",
     });
 
     return { args };
@@ -151,32 +150,32 @@ const Template = (args) => ({
 export const Light = Template.bind({});
 Light.args = {
   dark: false,
-  logoUrl: 'https://sprintify.witify.io/img/logo/logo-side.svg',
+  logoUrl: "https://demo.sprintify.app/img/logo/logo-side.svg",
 };
 
 export const Dark = Template.bind({});
 Dark.args = {
   dark: true,
-  logoUrl: 'https://sprintify.witify.io/img/logo/logo-side-dark.svg',
+  logoUrl: "https://demo.sprintify.app/img/logo/logo-side-dark.svg",
 };
 
 export const SizeXS = Template.bind({});
 SizeXS.args = {
-  size: 'xs',
+  size: "xs",
   dark: true,
-  logoUrl: 'https://sprintify.witify.io/img/logo/logo-side-dark.svg',
+  logoUrl: "https://demo.sprintify.app/img/logo/logo-side-dark.svg",
 };
 
 export const SizeSM = Template.bind({});
 SizeSM.args = {
-  size: 'sm',
+  size: "sm",
   dark: true,
-  logoUrl: 'https://sprintify.witify.io/img/logo/logo-side-dark.svg',
+  logoUrl: "https://demo.sprintify.app/img/logo/logo-side-dark.svg",
 };
 
 export const SizeMD = Template.bind({});
 SizeMD.args = {
-  size: 'md',
+  size: "md",
   dark: true,
-  logoUrl: 'https://sprintify.witify.io/img/logo/logo-side-dark.svg',
-};
+  logoUrl: "https://demo.sprintify.app/img/logo/logo-side-dark.svg",
+};

package/src/components/BaseLoadingCover.stories.js

@@ -1,17 +1,17 @@
-import BaseLoadingCover from './BaseLoadingCover.vue';
+import BaseLoadingCover from "./BaseLoadingCover.vue";
 
 export default {
-  title: 'Layout/BaseLoadingCover',
+  title: "Layout/BaseLoadingCover",
   component: BaseLoadingCover,
   args: {
     delay: 0,
     modelValue: true,
-    size: 'sm',
+    size: "sm",
   },
   argTypes: {
     size: {
-      control: { type: 'select' },
-      options: ['sm', 'lg'],
+      control: { type: "select" },
+      options: ["sm", "lg"],
     },
   },
 };
@@ -36,20 +36,20 @@ Demo.args = {};
 
 export const SmallSpinner = Template.bind({});
 SmallSpinner.args = {
-  size: 'sm',
+  size: "sm",
 };
 
 export const LargeSpinner = Template.bind({});
 LargeSpinner.args = {
-  size: 'lg',
+  size: "lg",
 };
 
 export const SpinnerCustomClass = Template.bind({});
 SpinnerCustomClass.args = {
-  twIcon: 'text-red-500 w-10 h-10',
+  twIcon: "text-red-500 w-10 h-10",
 };
 
 export const BackdropCustomClass = Template.bind({});
 BackdropCustomClass.args = {
-  twBackdrop: 'bg-slate-100 opacity-50',
+  twBackdrop: "bg-slate-100 opacity-50",
 };

package/src/components/BaseMediaItem.stories.js

@@ -1,7 +1,7 @@
-import BaseMediaItem from './BaseMediaItem.vue';
+import BaseMediaItem from "./BaseMediaItem.vue";
 
 export default {
-  title: 'Media/BaseMediaItem',
+  title: "Media/BaseMediaItem",
   component: BaseMediaItem,
   args: {},
 };
@@ -21,10 +21,10 @@ const Template = (args) => ({
 export const Demo = Template.bind({});
 Demo.args = {
   media: {
-    id: 'xxxxxxxxxxx',
-    file_name: 'picture.jpg',
-    url: 'https://images.unsplash.com/photo-1670139018938-af8bf748a1bc?auto=format&fit=crop&w=800&h=800&q=80',
-    mime_type: 'image',
+    id: "xxxxxxxxxxx",
+    file_name: "picture.jpg",
+    url: "https://images.unsplash.com/photo-1670139018938-af8bf748a1bc?auto=format&fit=crop&w=800&h=800&q=80",
+    mime_type: "image",
     size: 430 * 1024,
   },
 };
@@ -32,10 +32,10 @@ Demo.args = {
 export const PDF = Template.bind({});
 PDF.args = {
   media: {
-    id: 'xxxxxxxxxxx',
-    file_name: 'document.pdf',
-    url: 'https://images.unsplash.com/photo-1670139018938-af8bf748a1bc?auto=format&fit=crop&w=800&h=800&q=80',
-    mime_type: 'application/pdf',
+    id: "xxxxxxxxxxx",
+    file_name: "document.pdf",
+    url: "https://images.unsplash.com/photo-1670139018938-af8bf748a1bc?auto=format&fit=crop&w=800&h=800&q=80",
+    mime_type: "application/pdf",
     size: 430 * 1024,
   },
 };