sprintify-ui 0.10.65 → 0.10.66

package/src/services/table/classes.ts

@@ -1,37 +1,37 @@
-import { CellConfig, CellSize } from "./types";
-
-export function cellClasses(config: CellConfig): string {
-    const base = 'align-top';
-    const space = size(config.size ?? 'md');
-
-    return [base, space].join(' ');
-}
-
-function size(size: CellSize): string {
-
-    if (size == 'none') {
-        return '';
-    }
-
-    if (size == 'xs') {
-        return 'px-1 py-0.5';
-    }
-
-    if (size == 'sm') {
-        return 'px-2 py-1';
-    }
-
-    if (size == 'md') {
-        return 'px-2 py-2';
-    }
-
-    if (size == 'lg') {
-        return 'px-4 py-3';
-    }
-
-    if (size == 'xl') {
-        return 'px-6 py-4';
-    }
-
-    return '';
-}
+import { CellConfig, CellSize } from "./types";
+
+export function cellClasses(config: CellConfig): string {
+    const base = 'align-top';
+    const space = size(config.size ?? 'md');
+
+    return [base, space].join(' ');
+}
+
+function size(size: CellSize): string {
+
+    if (size == 'none') {
+        return '';
+    }
+
+    if (size == 'xs') {
+        return 'px-1 py-0.5';
+    }
+
+    if (size == 'sm') {
+        return 'px-2 py-1';
+    }
+
+    if (size == 'md') {
+        return 'px-2 py-2';
+    }
+
+    if (size == 'lg') {
+        return 'px-4 py-3';
+    }
+
+    if (size == 'xl') {
+        return 'px-6 py-4';
+    }
+
+    return '';
+}

package/src/services/table/customKeyActions.ts

@@ -1,3 +1,3 @@
-const customKeyActions = 'sprintify_ui_actions';
-
+const customKeyActions = 'sprintify_ui_actions';
+
 export { customKeyActions };

package/src/services/table/types.ts

@@ -1,28 +1,28 @@
-import { Size } from "@/utils/sizes";
-import { ClassNameValue } from "tailwind-merge";
-import { RouteLocationRaw } from "vue-router";
-
-export type CellSize = 'none' | Size;
-
-export interface TableProps {
-    size?: CellSize,
-    fixedHeader?: boolean,
-    fixedColumn?: boolean,
-    grid?: boolean,
-    striped?: boolean,
-    flush?: boolean,
-    class?: ClassNameValue,
-    maxHeight?: number,
-    loading?: boolean,
-    virtualScrolling?: boolean,
-}
-
-export type CellConfig = TableProps;
-
-export interface CellProps {
-    title?: string;
-    href?: string;
-    to?: RouteLocationRaw;
-    target?: string;
-    onClick?: (e: MouseEvent) => void;
+import { Size } from "@/utils/sizes";
+import { ClassNameValue } from "tailwind-merge";
+import { RouteLocationRaw } from "vue-router";
+
+export type CellSize = 'none' | Size;
+
+export interface TableProps {
+    size?: CellSize,
+    fixedHeader?: boolean,
+    fixedColumn?: boolean,
+    grid?: boolean,
+    striped?: boolean,
+    flush?: boolean,
+    class?: ClassNameValue,
+    maxHeight?: number,
+    loading?: boolean,
+    virtualScrolling?: boolean,
+}
+
+export type CellConfig = TableProps;
+
+export interface CellProps {
+    title?: string;
+    href?: string;
+    to?: RouteLocationRaw;
+    target?: string;
+    onClick?: (e: MouseEvent) => void;
 }

package/src/stores/dialogs.ts

@@ -1,48 +1,48 @@
-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,
-        errorMessage: options.errorMessage,
-        html: options.html ?? false,
-        confirmText: options.confirmText ?? t('sui.confirm'),
-        cancelText: options.cancelText ?? t('sui.cancel'),
-        closeOnOutsideClick: options.closeOnOutsideClick ?? true,
-        input: options.input ?? false,
-        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,
+        errorMessage: options.errorMessage,
+        html: options.html ?? false,
+        confirmText: options.confirmText ?? t('sui.confirm'),
+        cancelText: options.cancelText ?? t('sui.cancel'),
+        closeOnOutsideClick: options.closeOnOutsideClick ?? true,
+        input: options.input ?? false,
+        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/snackbars.ts

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

package/src/stores/systemAlerts.ts

@@ -1,32 +1,32 @@
-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): string | number {
-      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,
-      });
-
-      return this.count;
-    },
-    remove(alertId: number | string) {
-      this.systemAlerts = this.systemAlerts.filter((alert) => alert.id !== alertId);
-    },
-    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): string | number {
+      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,
+      });
+
+      return this.count;
+    },
+    remove(alertId: number | string) {
+      this.systemAlerts = this.systemAlerts.filter((alert) => alert.id !== alertId);
+    },
+    clear() {
+      this.systemAlerts = [];
+    },
+  },
+});

package/src/stories/InputSizes.stories.js

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