sprintify-ui 0.2.16 → 0.2.18

package/src/stores/dialogs.ts

@@ -1,45 +1,45 @@
-import { defineStore } from 'pinia';
-import { Dialog, DialogOptions } from '../types';
-import { t } from '@/i18n';
-
-export const useDialogsStore = defineStore('dialogs', {
-  state: () => {
-    return {
-      count: 0,
-      dialogs: [] as Dialog[],
-    };
-  },
-  actions: {
-    push(options: DialogOptions) {
-      this.count++;
-      this.dialogs.push({
-        id: this.count,
-        color: options.color ?? 'info',
-        title: options.title,
-        message: options.message,
-        confirmText: options.confirmText ?? t('sui.confirm'),
-        cancelText: options.cancelText ?? t('sui.cancel'),
-        closeOnOutsideClick: options.closeOnOutsideClick ?? true,
-        onConfirm:
-          options.onConfirm ??
-          function () {
-            return;
-          },
-        onCancel:
-          options.onCancel ??
-          function () {
-            return;
-          },
-      });
-    },
-    remove(dialog: Dialog) {
-      this.dialogs.splice(
-        this.dialogs.findIndex((a) => a.id === dialog.id),
-        1
-      );
-    },
-    clear() {
-      this.dialogs = [];
-    },
-  },
-});
+import { defineStore } from 'pinia';
+import { Dialog, DialogOptions } from '../types';
+import { t } from '@/i18n';
+
+export const useDialogsStore = defineStore('dialogs', {
+  state: () => {
+    return {
+      count: 0,
+      dialogs: [] as Dialog[],
+    };
+  },
+  actions: {
+    push(options: DialogOptions) {
+      this.count++;
+      this.dialogs.push({
+        id: this.count,
+        color: options.color ?? 'info',
+        title: options.title,
+        message: options.message,
+        confirmText: options.confirmText ?? t('sui.confirm'),
+        cancelText: options.cancelText ?? t('sui.cancel'),
+        closeOnOutsideClick: options.closeOnOutsideClick ?? true,
+        onConfirm:
+          options.onConfirm ??
+          function () {
+            return;
+          },
+        onCancel:
+          options.onCancel ??
+          function () {
+            return;
+          },
+      });
+    },
+    remove(dialog: Dialog) {
+      this.dialogs.splice(
+        this.dialogs.findIndex((a) => a.id === dialog.id),
+        1
+      );
+    },
+    clear() {
+      this.dialogs = [];
+    },
+  },
+});

package/src/stores/i18n.ts

@@ -1,14 +1,14 @@
-import { defineStore } from 'pinia';
-
-export const useI18nStore = defineStore('i18n', {
-  state: () => {
-    return {
-      locale: 'en',
-    };
-  },
-  actions: {
-    set(locale: string) {
-      this.locale = locale;
-    },
-  },
-});
+import { defineStore } from 'pinia';
+
+export const useI18nStore = defineStore('i18n', {
+  state: () => {
+    return {
+      locale: 'en',
+    };
+  },
+  actions: {
+    set(locale: string) {
+      this.locale = locale;
+    },
+  },
+});

package/src/stores/notifications.ts

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

package/src/stores/systemAlerts.ts

@@ -1,33 +1,33 @@
-import { defineStore } from 'pinia';
-import { SystemAlert, SystemAlertOptions } from '../types';
-
-export const useSystemAlertStore = defineStore('systemAlerts', {
-  state: () => {
-    return {
-      count: 0,
-      systemAlerts: [] as SystemAlert[],
-    };
-  },
-  actions: {
-    push(systemAlert: SystemAlertOptions) {
-      this.count++;
-      this.systemAlerts.push({
-        id: this.count,
-        color: systemAlert.color ?? 'info',
-        message: systemAlert.message,
-        to: systemAlert.to,
-        action: systemAlert.action,
-        closable: systemAlert.closable ?? false,
-      });
-    },
-    remove(systemAlert: SystemAlert) {
-      this.systemAlerts.splice(
-        this.systemAlerts.findIndex((a) => a.id === systemAlert.id),
-        1
-      );
-    },
-    clear() {
-      this.systemAlerts = [];
-    },
-  },
-});
+import { defineStore } from 'pinia';
+import { SystemAlert, SystemAlertOptions } from '../types';
+
+export const useSystemAlertStore = defineStore('systemAlerts', {
+  state: () => {
+    return {
+      count: 0,
+      systemAlerts: [] as SystemAlert[],
+    };
+  },
+  actions: {
+    push(systemAlert: SystemAlertOptions) {
+      this.count++;
+      this.systemAlerts.push({
+        id: this.count,
+        color: systemAlert.color ?? 'info',
+        message: systemAlert.message,
+        to: systemAlert.to,
+        action: systemAlert.action,
+        closable: systemAlert.closable ?? false,
+      });
+    },
+    remove(systemAlert: SystemAlert) {
+      this.systemAlerts.splice(
+        this.systemAlerts.findIndex((a) => a.id === systemAlert.id),
+        1
+      );
+    },
+    clear() {
+      this.systemAlerts = [];
+    },
+  },
+});

package/src/svg/BaseEmptyState.vue

@@ -1,38 +1,38 @@
-<template>
-  <svg
-    viewBox="0 0 150 150"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      class="text-slate-100"
-      d="M75 150C116.421 150 150 116.421 150 75C150 33.5786 116.421 0 75 0C33.5786 0 0 33.5786 0 75C0 116.421 33.5786 150 75 150Z"
-      fill="currentColor"
-    />
-    <path
-      class="text-white"
-      d="M120 150H30V53C34.242 52.9952 38.3089 51.308 41.3084 48.3085C44.308 45.3089 45.9952 41.242 46 37H104C103.996 39.1014 104.408 41.1828 105.213 43.1238C106.018 45.0648 107.2 46.8268 108.691 48.308C110.172 49.7991 111.934 50.9816 113.875 51.787C115.817 52.5924 117.898 53.0047 120 53V150Z"
-      fill="currentColor"
-    />
-    <path
-      class="text-slate-300"
-      d="M75 102C88.2548 102 99 91.2548 99 78C99 64.7452 88.2548 54 75 54C61.7452 54 51 64.7452 51 78C51 91.2548 61.7452 102 75 102Z"
-      fill="currentColor"
-    />
-    <path
-      class="text-white"
-      d="M83.4853 89.3138L75 80.8286L66.5147 89.3138L63.6863 86.4854L72.1716 78.0001L63.6863 69.5148L66.5147 66.6864L75 75.1717L83.4853 66.6864L86.3137 69.5148L77.8284 78.0001L86.3137 86.4854L83.4853 89.3138Z"
-      fill="currentColor"
-    />
-    <path
-      class="text-slate-200"
-      d="M88 108H62C60.3431 108 59 109.343 59 111C59 112.657 60.3431 114 62 114H88C89.6569 114 91 112.657 91 111C91 109.343 89.6569 108 88 108Z"
-      fill="currentColor"
-    />
-    <path
-      class="text-slate-200"
-      d="M97 120H53C51.3431 120 50 121.343 50 123C50 124.657 51.3431 126 53 126H97C98.6569 126 100 124.657 100 123C100 121.343 98.6569 120 97 120Z"
-      fill="currentColor"
-    />
-  </svg>
-</template>
+<template>
+  <svg
+    viewBox="0 0 150 150"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      class="text-slate-100"
+      d="M75 150C116.421 150 150 116.421 150 75C150 33.5786 116.421 0 75 0C33.5786 0 0 33.5786 0 75C0 116.421 33.5786 150 75 150Z"
+      fill="currentColor"
+    />
+    <path
+      class="text-white"
+      d="M120 150H30V53C34.242 52.9952 38.3089 51.308 41.3084 48.3085C44.308 45.3089 45.9952 41.242 46 37H104C103.996 39.1014 104.408 41.1828 105.213 43.1238C106.018 45.0648 107.2 46.8268 108.691 48.308C110.172 49.7991 111.934 50.9816 113.875 51.787C115.817 52.5924 117.898 53.0047 120 53V150Z"
+      fill="currentColor"
+    />
+    <path
+      class="text-slate-300"
+      d="M75 102C88.2548 102 99 91.2548 99 78C99 64.7452 88.2548 54 75 54C61.7452 54 51 64.7452 51 78C51 91.2548 61.7452 102 75 102Z"
+      fill="currentColor"
+    />
+    <path
+      class="text-white"
+      d="M83.4853 89.3138L75 80.8286L66.5147 89.3138L63.6863 86.4854L72.1716 78.0001L63.6863 69.5148L66.5147 66.6864L75 75.1717L83.4853 66.6864L86.3137 69.5148L77.8284 78.0001L86.3137 86.4854L83.4853 89.3138Z"
+      fill="currentColor"
+    />
+    <path
+      class="text-slate-200"
+      d="M88 108H62C60.3431 108 59 109.343 59 111C59 112.657 60.3431 114 62 114H88C89.6569 114 91 112.657 91 111C91 109.343 89.6569 108 88 108Z"
+      fill="currentColor"
+    />
+    <path
+      class="text-slate-200"
+      d="M97 120H53C51.3431 120 50 121.343 50 123C50 124.657 51.3431 126 53 126H97C98.6569 126 100 124.657 100 123C100 121.343 98.6569 120 97 120Z"
+      fill="currentColor"
+    />
+  </svg>
+</template>

package/src/svg/BaseSpinnerLarge.vue

@@ -1,59 +1,59 @@
-<template>
-  <svg
-    class="spinner h-20 w-20"
-    viewBox="0 0 66 66"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <circle
-      class="path"
-      fill="transparent"
-      stroke-width="2"
-      cx="33"
-      cy="33"
-      r="30"
-      stroke="url(#gradient)"
-    />
-    <linearGradient id="gradient">
-      <stop
-        offset="50%"
-        stop-color="#2563eb"
-        stop-opacity="1"
-      />
-      <stop
-        offset="65%"
-        stop-color="#2563eb"
-        stop-opacity=".5"
-      />
-      <stop
-        offset="100%"
-        stop-color="#2563eb"
-        stop-opacity="0"
-      />
-    </linearGradient>
-  </svg>
-</template>
-
-<script lang="ts">
-import { defineComponent } from 'vue';
-
-export default defineComponent({});
-</script>
-
-<style scoped>
-.spinner {
-  animation: rotate 1s linear infinite;
-  -webkit-animation: rotate 1s linear infinite;
-  -moz-animation: rotate 1s linear infinite;
-}
-
-@keyframes rotate {
-  to {
-    transform: rotate(360deg);
-  }
-}
-
-.path {
-  stroke-dasharray: 170;
-  stroke-dashoffset: 20;
-}
-</style>
+<template>
+  <svg
+    class="spinner h-20 w-20"
+    viewBox="0 0 66 66"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <circle
+      class="path"
+      fill="transparent"
+      stroke-width="2"
+      cx="33"
+      cy="33"
+      r="30"
+      stroke="url(#gradient)"
+    />
+    <linearGradient id="gradient">
+      <stop
+        offset="50%"
+        stop-color="#2563eb"
+        stop-opacity="1"
+      />
+      <stop
+        offset="65%"
+        stop-color="#2563eb"
+        stop-opacity=".5"
+      />
+      <stop
+        offset="100%"
+        stop-color="#2563eb"
+        stop-opacity="0"
+      />
+    </linearGradient>
+  </svg>
+</template>
+
+<script lang="ts">
+import { defineComponent } from 'vue';
+
+export default defineComponent({});
+</script>
+
+<style scoped>
+.spinner {
+  animation: rotate 1s linear infinite;
+  -webkit-animation: rotate 1s linear infinite;
+  -moz-animation: rotate 1s linear infinite;
+}
+
+@keyframes rotate {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.path {
+  stroke-dasharray: 170;
+  stroke-dashoffset: 20;
+}
+</style>

package/src/svg/BaseSpinnerSmall.vue

@@ -1,15 +1,15 @@
-<template>
-  <svg
-    class="animate-spin"
-    viewBox="0 0 24 24"
-  >
-    <path
-      fill="currentColor"
-      d="M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z"
-    />
-  </svg>
-</template>
-
-<script lang="ts" setup></script>
-
-<style scoped></style>
+<template>
+  <svg
+    class="animate-spin"
+    viewBox="0 0 24 24"
+  >
+    <path
+      fill="currentColor"
+      d="M12,4V2A10,10 0 0,0 2,12H4A8,8 0 0,1 12,4Z"
+    />
+  </svg>
+</template>
+
+<script lang="ts" setup></script>
+
+<style scoped></style>

package/src/types/Color.ts

@@ -1,9 +1,9 @@
-export enum Color {
-  primary = 'primary',
-  danger = 'danger',
-  warning = 'warning',
-  info = 'info',
-  grey = 'grey',
-  black = 'black',
-  success = 'success',
-}
+export enum Color {
+  primary = 'primary',
+  danger = 'danger',
+  warning = 'warning',
+  info = 'info',
+  grey = 'grey',
+  black = 'black',
+  success = 'success',
+}

package/src/types/Country.ts

@@ -1,4 +1,4 @@
-export interface Country {
-  id: string;
-  name: string;
-}
+export interface Country {
+  id: string;
+  name: string;
+}

package/src/types/ImagePickerResult.ts

@@ -1,5 +1,5 @@
-export interface ImagePickerResult {
-  mime: string;
-  data: string;
-  file: File;
-}
+export interface ImagePickerResult {
+  mime: string;
+  data: string;
+  file: File;
+}

package/src/types/Media.ts

@@ -1,10 +1,10 @@
-interface Media {
-  id: string;
-  name: string;
-  file_name: string;
-  size: number;
-  mime_type: string;
-  url: string;
-}
-
-export { Media };
+interface Media {
+  id: string;
+  name: string;
+  file_name: string;
+  size: number;
+  mime_type: string;
+  url: string;
+}
+
+export { Media };

package/src/types/Notification.ts

@@ -1,10 +1,10 @@
-import { RouteLocationRaw } from 'vue-router';
-
-interface Notification {
-  id: string;
-  text: string;
-  to?: RouteLocationRaw;
-  created_at?: string;
-}
-
-export { Notification };
+import { RouteLocationRaw } from 'vue-router';
+
+interface Notification {
+  id: string;
+  text: string;
+  to?: RouteLocationRaw;
+  created_at?: string;
+}
+
+export { Notification };

package/src/types/Region.ts

@@ -1,5 +1,5 @@
-export interface Region {
-  id: string;
-  name: string;
-  country_id: string;
-}
+export interface Region {
+  id: string;
+  name: string;
+  country_id: string;
+}

package/src/types/Status.ts

@@ -1,5 +1,5 @@
-export enum Status {
-  pending = 'pending',
-  completed = 'completed',
-  current = 'current',
-}
+export enum Status {
+  pending = 'pending',
+  completed = 'completed',
+  current = 'current',
+}

package/src/types/StepperItem.ts

@@ -1,8 +1,8 @@
-import { Status } from './Status';
-
-export interface StepperItem {
-  title: string;
-  description?: string | null;
-  stepNumber: number;
-  status: Status;
-}
+import { Status } from './Status';
+
+export interface StepperItem {
+  title: string;
+  description?: string | null;
+  stepNumber: number;
+  status: Status;
+}

package/src/types/TimelineItem.ts

@@ -1,8 +1,8 @@
-import { Color } from './Color';
-export interface TimelineItem {
-  title: string;
-  icon: string;
-  description?: null | string;
-  date?: string | null;
-  color?: Color | null;
-}
+import { Color } from './Color';
+export interface TimelineItem {
+  title: string;
+  icon: string;
+  description?: null | string;
+  date?: string | null;
+  color?: Color | null;
+}