sprintify-ui 0.6.88 → 0.7.0

package/src/components/BaseTagAutocompleteFetch.stories.js

@@ -1,7 +1,7 @@
 import BaseTagAutocompleteFetch from './BaseTagAutocompleteFetch.vue';
 import ShowValue from '@/../.storybook/components/ShowValue.vue';
 import { createFieldStory } from '../../.storybook/utils';
-import BaseAppNotifications from './BaseAppNotifications.vue';
+import BaseAppSnackbars from './BaseAppSnackbars.vue';
 
 const sizes = ['xs', 'sm', 'md'];
 
@@ -24,7 +24,7 @@ export default {
 
 const Template = (args) => {
   return {
-    components: { BaseTagAutocompleteFetch, ShowValue, BaseAppNotifications },
+    components: { BaseTagAutocompleteFetch, ShowValue, BaseAppSnackbars },
     setup() {
       const value = ref([]);
       return { args, value };
@@ -35,7 +35,7 @@ const Template = (args) => {
         v-bind="args"
       ></BaseTagAutocompleteFetch>
       <ShowValue :value="value" />
-      <BaseAppNotifications />
+      <BaseAppSnackbars />
   `,
   };
 };

package/src/components/index.ts

@@ -3,7 +3,7 @@ import BaseAddressForm from './BaseAddressForm.vue';
 import BaseAlert from './BaseAlert.vue';
 import BaseApp from './BaseApp.vue';
 import BaseAppDialogs from './BaseAppDialogs.vue';
-import BaseAppNotifications from './BaseAppNotifications.vue';
+import BaseAppSnackbars from './BaseAppSnackbars.vue';
 import BaseAutocomplete from './BaseAutocomplete.vue';
 import BaseAutocompleteFetch from './BaseAutocompleteFetch.vue';
 import BaseAvatar from './BaseAvatar.vue';
@@ -109,7 +109,7 @@ export {
   BaseAlert,
   BaseApp,
   BaseAppDialogs,
-  BaseAppNotifications,
+  BaseAppSnackbars,
   BaseAutocomplete,
   BaseAutocompleteFetch,
   BaseAvatar,

package/src/index.ts

@@ -5,7 +5,7 @@ import QueryString from 'qs';
 import en from '@/lang/en.json';
 import fr from '@/lang/fr.json';
 import { useDialogsStore } from './stores/dialogs';
-import { useNotificationsStore } from './stores/notifications';
+import { useSnackbarsStore, useNotificationsStore } from './stores/snackbars';
 import { useSystemAlertStore } from './stores/systemAlerts';
 import { useClickOutside } from './composables/clickOutside';
 import { useField } from './composables/field';
@@ -124,6 +124,7 @@ export { messages };
 export { config };
 
 export { useDialogsStore };
+export { useSnackbarsStore };
 export { useNotificationsStore };
 export { useSystemAlertStore };
 export { useClickOutside };

package/src/stores/{notifications.ts → snackbars.ts}

@@ -1,21 +1,21 @@
 import { defineStore } from 'pinia';
-import { Notification, NotificationOptions } from '../types';
+import { Snackbar, SnackbarOptions } from '../types';
 
-export const useNotificationsStore = defineStore('notifications', {
+export const useSnackbarsStore = defineStore('notifications', {
   state: () => {
     return {
       count: 0,
-      notifications: [] as Notification[],
+      snackbars: [] as Snackbar[],
       timeouts: {} as Record<number, number>,
     };
   },
   actions: {
-    push(options: NotificationOptions) {
+    push(options: SnackbarOptions) {
       this.count++;
 
       const id = this.count;
 
-      const notification = {
+      const snackbar = {
         id: id,
         color: options.color ?? 'info',
         title: options.title,
@@ -23,21 +23,21 @@ export const useNotificationsStore = defineStore('notifications', {
         duration: options.duration ?? 3000,
       };
 
-      this.notifications.push(notification);
+      this.snackbars.push(snackbar);
 
       this.timeouts[id] = setTimeout(() => {
-        this.remove(notification);
-      }, notification.duration);
+        this.remove(snackbar);
+      }, snackbar.duration);
     },
-    remove(notification: Notification) {
-      this.notifications.splice(
-        this.notifications.findIndex((n) => n.id === notification.id),
+    remove(snackbar: Snackbar) {
+      this.snackbars.splice(
+        this.snackbars.findIndex((n) => n.id === snackbar.id),
         1
       );
-      clearTimeout(this.timeouts[notification.id]);
+      clearTimeout(this.timeouts[snackbar.id]);
     },
     clear() {
-      this.notifications = [];
+      this.snackbars = [];
       Object.values(this.timeouts).forEach((timeout) => {
         clearTimeout(timeout);
       });
@@ -45,3 +45,5 @@ export const useNotificationsStore = defineStore('notifications', {
     },
   },
 });
+
+export const useNotificationsStore = useSnackbarsStore;

package/src/stories/List.stories.js

@@ -7,7 +7,7 @@ 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 BaseAppNotifications from '../components/BaseAppNotifications.vue';
+import BaseAppSnackbars from '../components/BaseAppSnackbars.vue';
 import BaseAppDialogs from '../components/BaseAppDialogs.vue';
 import BaseContainer from '../components/BaseContainer.vue';
 import { DateTime } from 'luxon';
@@ -83,7 +83,7 @@ const templateComponents = {
     BaseBoolean,
     BaseSelect,
     BaseBadge,
-    BaseAppNotifications,
+    BaseAppSnackbars,
     BaseAppDialogs,
     BaseCounter,
     BaseContainer,
@@ -111,7 +111,7 @@ const template = `
 
     ${templateDataTable}
 
-    <BaseAppNotifications></BaseAppNotifications>
+    <BaseAppSnackbars></BaseAppSnackbars>
     <BaseAppDialogs></BaseAppDialogs>
 </BaseContainer>
 </div>

package/src/stories/PageShow.vue

@@ -361,13 +361,13 @@
       </div>
     </BaseContainer>
 
-    <BaseAppNotifications />
+    <BaseAppSnackbars />
     <BaseAppDialogs />
   </div>
 </template>
 
 <script lang="ts" setup>
-import { useNotificationsStore } from '..';
+import { useSnackbarsStore } from '..';
 
 import BaseCard from '@/components/BaseCard.vue';
 import BaseCardRow from '@/components/BaseCardRow.vue';
@@ -380,7 +380,7 @@ import BaseTimeline from '@/components/BaseTimeline.vue';
 import { BaseIcon } from '../components/index';
 import BaseContainer from '@/components/BaseContainer.vue';
 import BaseClipboard from '@/components/BaseClipboard.vue';
-import BaseAppNotifications from '@/components/BaseAppNotifications.vue';
+import BaseAppSnackbars from '@/components/BaseAppSnackbars.vue';
 import BaseAppDialogs from '@/components/BaseAppDialogs.vue';
 
 const timelineItems = [
@@ -415,7 +415,7 @@ const timelineItems = [
 ];
 
 function showAlert(text: string) {
-  useNotificationsStore().push({
+  useSnackbarsStore().push({
     title: text,
     text: text,
     color: 'success'

package/src/types/index.ts

@@ -170,17 +170,17 @@ export interface Dialog {
 }
 
 /**
- * Notification
+ * Snackbar
  */
 
-export interface NotificationOptions {
+export interface SnackbarOptions {
   title: string;
   text: string;
   color?: 'info' | 'success' | 'danger' | 'warning';
   duration?: number;
 }
 
-export interface Notification {
+export interface Snackbar {
   id: number;
   title: string;
   text: string;
@@ -189,7 +189,7 @@ export interface Notification {
 }
 
 /**
- * App Notification
+ * Notification
  */
 
 export interface NotificationsConfig {

package/dist/types/stores/notifications.d.ts

@@ -1,10 +0,0 @@
-import { Notification, NotificationOptions } from '../types';
-export declare const useNotificationsStore: import("pinia").StoreDefinition<"notifications", {
-    count: number;
-    notifications: Notification[];
-    timeouts: Record<number, number>;
-}, {}, {
-    push(options: NotificationOptions): void;
-    remove(notification: Notification): void;
-    clear(): void;
-}>;