design-system-next 2.20.1 → 2.20.5

package/src/components/tabs/tabs.ts

@@ -1,43 +1,43 @@
-import type { PropType, ExtractPropTypes, Component } from 'vue';
-
-export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
-
-type List = {
-  label: string;
-  icon?: string;
-  iconFill?: Component;
-  disabled?: boolean;
-};
-
-export const tabsPropTypes = {
-  /**
-   * @description Tabs List,
-   * option list: label, icon, iconFill, disabled
-   */
-  list: {
-    type: Array<List>,
-    default: () => [],
-  },
-  /**
-   * @description Tabs Type (underlined, not underlined)
-   */
-  underlined: {
-    type: Boolean,
-    default: false,
-  },
-  /**
-   * @description Active Tab
-   */
-  activeTab: {
-    type: String,
-    default: '',
-  },
-};
-
-export const tabsEmitTypes = {
-  tabIndex: (index: number): index is number => typeof index === 'number',
-};
-
-export type TabsPropTypes = ExtractPropTypes<typeof tabsPropTypes>;
-
-export type TabsEmitTypes = typeof tabsEmitTypes;
+import type { PropType, ExtractPropTypes, Component } from 'vue';
+
+export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
+
+type List = {
+  label: string;
+  icon?: string;
+  iconFill?: Component;
+  disabled?: boolean;
+};
+
+export const tabsPropTypes = {
+  /**
+   * @description Tabs List,
+   * option list: label, icon, iconFill, disabled
+   */
+  list: {
+    type: Array<List>,
+    default: () => [],
+  },
+  /**
+   * @description Tabs Type (underlined, not underlined)
+   */
+  underlined: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * @description Active Tab
+   */
+  activeTab: {
+    type: String,
+    default: '',
+  },
+};
+
+export const tabsEmitTypes = {
+  tabIndex: (index: number): index is number => typeof index === 'number',
+};
+
+export type TabsPropTypes = ExtractPropTypes<typeof tabsPropTypes>;
+
+export type TabsEmitTypes = typeof tabsEmitTypes;

package/src/components/time-picker/time-picker.ts

@@ -1,69 +1,69 @@
-import type { PropType, ExtractPropTypes } from 'vue';
-
-export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
-
-export const timePickerPropTypes = {
-  modelValue: {
-    type: String,
-    required: true,
-  },
-  label: {
-    type: String,
-    default: '',
-  },
-  error: {
-    type: Boolean,
-    default: false,
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  /**
-   * @description Interval in minutes
-   */
-  interval: {
-    type: Number,
-    default: 30,
-  },
-  /**
-   * @description '24' for 24-hour format, '12' for 12-hour format
-   */
-  format: {
-    type: String,
-    default: '24',
-  },
-  /**
-   * @description disable user to type
-   */
-  disableTyping: {
-    type: Boolean,
-    default: false,
-  },
-  /**
-   * @description disable user to type
-   */
-  fullWidth: {
-    type: Boolean,
-    default: false,
-  },
-  helperText: {
-    type: String,
-    default: '',
-  },
-  placeholder: {
-    type: String,
-    default: '',
-  },
-  id: {
-    type: String,
-    default: 'time-picker',
-  },
-};
-export const timePickerEmitTypes = {
-  'update:modelValue': (evt: MouseEvent): evt is MouseEvent => evt instanceof MouseEvent,
-};
-export type TimePickerEmitTypes = {
-  'update:modelValue': string;
-};
-export type TimePickerPropTypes = ExtractPropTypes<typeof timePickerPropTypes>;
+import type { PropType, ExtractPropTypes } from 'vue';
+
+export const definePropType = <T>(val: unknown): PropType<T> => val as PropType<T>;
+
+export const timePickerPropTypes = {
+  modelValue: {
+    type: String,
+    required: true,
+  },
+  label: {
+    type: String,
+    default: '',
+  },
+  error: {
+    type: Boolean,
+    default: false,
+  },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * @description Interval in minutes
+   */
+  interval: {
+    type: Number,
+    default: 30,
+  },
+  /**
+   * @description '24' for 24-hour format, '12' for 12-hour format
+   */
+  format: {
+    type: String,
+    default: '24',
+  },
+  /**
+   * @description disable user to type
+   */
+  disableTyping: {
+    type: Boolean,
+    default: false,
+  },
+  /**
+   * @description disable user to type
+   */
+  fullWidth: {
+    type: Boolean,
+    default: false,
+  },
+  helperText: {
+    type: String,
+    default: '',
+  },
+  placeholder: {
+    type: String,
+    default: '',
+  },
+  id: {
+    type: String,
+    default: 'time-picker',
+  },
+};
+export const timePickerEmitTypes = {
+  'update:modelValue': (evt: MouseEvent): evt is MouseEvent => evt instanceof MouseEvent,
+};
+export type TimePickerEmitTypes = {
+  'update:modelValue': string;
+};
+export type TimePickerPropTypes = ExtractPropTypes<typeof timePickerPropTypes>;

package/src/components/tooltip/use-tooltip.ts

@@ -1,13 +1,13 @@
-import { ref } from 'vue';
-
-import { Placement } from 'floating-vue';
-
-import { TooltipPropTypes } from './tooltip';
-
-export const useTooltip = (props: TooltipPropTypes) => {
-  const placement = ref(props.placement as Placement);
-
-  return {
-    placement,
-  };
-};
+import { ref } from 'vue';
+
+import { Placement } from 'floating-vue';
+
+import { TooltipPropTypes } from './tooltip';
+
+export const useTooltip = (props: TooltipPropTypes) => {
+  const placement = ref(props.placement as Placement);
+
+  return {
+    placement,
+  };
+};

package/src/stores/useSnackbarStore.ts

@@ -1,44 +1,44 @@
-import { defineStore } from "pinia";
-import { SnackPropTypes } from "@/components/snackbar/snack/snack";
-import { ref, type Ref } from "vue";
-
-const createSnack = (payload: SnackPropTypes): SnackStoreTypes => ({
-  ...payload,
-  id: Math.random() * 1000,
-});
-
-export interface SnackStoreTypes extends SnackPropTypes {
-  id: number,
-  defaultAction?: () => void
-}
-
-export const useSnackbarStore = defineStore("snackbar-store", () => {
-  const snacks: Ref<SnackStoreTypes[]> = ref([]);
-
-  // Delete function for snacks
-  const eatSnack = (snack: SnackStoreTypes) => {
-    snacks.value = snacks.value.filter((s) => s.id !== snack.id);
-  }
-
-  const updateState = (payload: SnackPropTypes) => {
-    const snack = createSnack(payload);
-
-    // Add new snack to state array
-    snacks.value.push({...snack, defaultAction: () => eatSnack(snack)});
-
-    // At a certain duration, delete snack
-    setTimeout(() => {
-      eatSnack(snack);
-    }, payload.duration || 4000);
-  }
-
-  const message = (payload: SnackPropTypes) => {
-    updateState({ ...payload});
-  }
-
-  return {
-    snacks,
-    updateState,
-    message,
-  }
-});
+import { defineStore } from "pinia";
+import { SnackPropTypes } from "@/components/snackbar/snack/snack";
+import { ref, type Ref } from "vue";
+
+const createSnack = (payload: SnackPropTypes): SnackStoreTypes => ({
+  ...payload,
+  id: Math.random() * 1000,
+});
+
+export interface SnackStoreTypes extends SnackPropTypes {
+  id: number,
+  defaultAction?: () => void
+}
+
+export const useSnackbarStore = defineStore("snackbar-store", () => {
+  const snacks: Ref<SnackStoreTypes[]> = ref([]);
+
+  // Delete function for snacks
+  const eatSnack = (snack: SnackStoreTypes) => {
+    snacks.value = snacks.value.filter((s) => s.id !== snack.id);
+  }
+
+  const updateState = (payload: SnackPropTypes) => {
+    const snack = createSnack(payload);
+
+    // Add new snack to state array
+    snacks.value.push({...snack, defaultAction: () => eatSnack(snack)});
+
+    // At a certain duration, delete snack
+    setTimeout(() => {
+      eatSnack(snack);
+    }, payload.duration || 4000);
+  }
+
+  const message = (payload: SnackPropTypes) => {
+    updateState({ ...payload});
+  }
+
+  return {
+    snacks,
+    updateState,
+    message,
+  }
+});