sprintify-ui 0.0.97 → 0.0.100

package/dist/types/src/components/BaseAutocomplete.vue.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, ComputedRef } from 'vue';
 import { NormalizedOption, Option } from '@/types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
@@ -29,6 +29,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    loadingBottom: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
     required: {
         default: boolean;
         type: BooleanConstructor;
@@ -71,7 +75,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     close: () => void;
     open: () => void;
     setKeywords: (input: string) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:modelValue" | "blur" | "close" | "focus" | "typing" | "scrollBottom" | "open")[], "clear" | "update:modelValue" | "blur" | "close" | "focus" | "typing" | "scrollBottom" | "open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:modelValue" | "close" | "scrollBottom" | "typing" | "open")[], "clear" | "update:modelValue" | "close" | "scrollBottom" | "typing" | "open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
         type: PropType<Option | null | undefined>;
@@ -100,6 +104,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    loadingBottom: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
     required: {
         default: boolean;
         type: BooleanConstructor;
@@ -137,38 +145,52 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
     };
 }>> & {
-    onFocus?: ((...args: any[]) => any) | undefined;
-    onBlur?: ((...args: any[]) => any) | undefined;
+    onScrollBottom?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onClose?: ((...args: any[]) => any) | undefined;
     onTyping?: ((...args: any[]) => any) | undefined;
-    onScrollBottom?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
 }, {
     filter: (option: NormalizedOption) => boolean;
     required: boolean;
     name: string;
+    loading: boolean;
+    loadingBottom: boolean;
+    size: "base" | "xs" | "sm";
     modelValue: Option | null | undefined;
     placeholder: string;
-    loading: boolean;
     disabled: boolean;
     hasError: boolean;
     inline: boolean;
-    size: "base" | "xs" | "sm";
     dropdownShow: "focus" | "always";
     modelValueShow: boolean;
     visibleFocus: boolean;
 }>, {
-    empty: (_: {}) => any;
+    empty: (_: {
+        focus: () => void;
+        blur: () => void;
+        open: () => void;
+        close: () => void;
+        keywords: ComputedRef<string>;
+    }) => any;
     option: (_: {
+        focus: () => void;
+        blur: () => void;
+        open: () => void;
+        close: () => void;
+        keywords: ComputedRef<string>;
         option: Option;
         selected: boolean;
         active: boolean;
     }) => any;
     footer: (_: {
+        focus: () => void;
+        blur: () => void;
+        open: () => void;
+        close: () => void;
+        keywords: ComputedRef<string>;
         options: NormalizedOption[];
-        keywords: string;
     }) => any;
 }>;
 export default _default;

package/dist/types/src/components/BaseAutocompleteDropdown.vue.d.ts

@@ -0,0 +1,88 @@
+import { PropType } from 'vue';
+import { NormalizedOption } from '@/types';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    selected: {
+        type: PropType<NormalizedOption | NormalizedOption[] | null | undefined>;
+        default: undefined;
+    };
+    options: {
+        type: PropType<NormalizedOption[]>;
+        default(): never[];
+    };
+    keywords: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingBottom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"base" | "xs" | "sm">;
+        default: string;
+    };
+    dropdownClass: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "scrollBottom")[], "select" | "scrollBottom", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    selected: {
+        type: PropType<NormalizedOption | NormalizedOption[] | null | undefined>;
+        default: undefined;
+    };
+    options: {
+        type: PropType<NormalizedOption[]>;
+        default(): never[];
+    };
+    keywords: {
+        type: StringConstructor;
+        default: string;
+    };
+    loading: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    loadingBottom: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: PropType<"base" | "xs" | "sm">;
+        default: string;
+    };
+    dropdownClass: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onScrollBottom?: ((...args: any[]) => any) | undefined;
+}, {
+    selected: NormalizedOption | NormalizedOption[] | null | undefined;
+    options: NormalizedOption[];
+    keywords: string;
+    loading: boolean;
+    loadingBottom: boolean;
+    size: "base" | "xs" | "sm";
+    dropdownClass: string;
+}>, {
+    empty: (_: {}) => any;
+    option: (_: {
+        option: import("@/types").Option;
+        selected: boolean;
+        active: boolean;
+    }) => any;
+    footer: (_: {
+        options: NormalizedOption[];
+    }) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/src/components/BaseAutocompleteFetch.vue.d.ts

@@ -61,7 +61,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:modelValue" | "focus" | "typing" | "scrollBottom")[], "clear" | "update:modelValue" | "focus" | "typing" | "scrollBottom", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("clear" | "update:modelValue" | "focus" | "scrollBottom" | "typing")[], "clear" | "update:modelValue" | "focus" | "scrollBottom" | "typing", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         default: undefined;
         type: PropType<Option | null | undefined>;
@@ -124,36 +124,51 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
+    onScrollBottom?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onTyping?: ((...args: any[]) => any) | undefined;
-    onScrollBottom?: ((...args: any[]) => any) | undefined;
 }, {
     required: boolean;
     name: string;
+    size: "base" | "xs" | "sm";
     modelValue: Option | null | undefined;
     placeholder: string;
     disabled: boolean;
     hasError: boolean;
     inline: boolean;
-    size: "base" | "xs" | "sm";
     dropdownShow: "focus" | "always";
     modelValueShow: boolean;
     visibleFocus: boolean;
     queryKey: string;
 }>, {
     option: (_: {
+        focus: () => void;
+        blur: () => void;
+        open: () => void;
+        close: () => void;
+        keywords: import("vue").ComputedRef<string>;
         option: Option;
         selected: boolean;
         active: boolean;
     }) => any;
     footer: (_: {
+        focus: () => void;
+        blur: () => void;
+        open: () => void;
+        close: () => void;
+        keywords: import("vue").ComputedRef<string>;
         options: import("@/types").NormalizedOption[];
-        keywords: string;
     } & {
         keywords: string;
     }) => any;
     empty: (_: {
+        focus: () => void;
+        blur: () => void;
+        open: () => void;
+        close: () => void;
+        keywords: import("vue").ComputedRef<string>;
+    } & {
         firstSearch: boolean;
     }) => any;
 }>;

package/dist/types/src/components/BaseBelongsTo.vue.d.ts

@@ -135,12 +135,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     required: boolean;
     name: string;
+    size: "base" | "xs" | "sm";
     modelValue: string | number | null | undefined;
     placeholder: string;
     disabled: boolean;
     hasError: boolean;
     inline: boolean;
-    size: "base" | "xs" | "sm";
     dropdownShow: "focus" | "always";
     modelValueShow: boolean;
     visibleFocus: boolean;
@@ -149,16 +149,31 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     currentModel: Option | null;
 }>, {
     option: (_: {
+        focus: () => void;
+        blur: () => void;
+        open: () => void;
+        close: () => void;
+        keywords: import("vue").ComputedRef<string>;
         option: Option;
         selected: boolean;
         active: boolean;
     }) => any;
     empty: (_: {
+        focus: () => void;
+        blur: () => void;
+        open: () => void;
+        close: () => void;
+        keywords: import("vue").ComputedRef<string>;
+    } & {
         firstSearch: boolean;
     }) => any;
     footer: (_: {
+        focus: () => void;
+        blur: () => void;
+        open: () => void;
+        close: () => void;
+        keywords: import("vue").ComputedRef<string>;
         options: import("@/types").NormalizedOption[];
-        keywords: string;
     } & {
         keywords: string;
     }) => any;

package/dist/types/src/components/BaseHasMany.vue.d.ts

@@ -103,13 +103,30 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     currentModels: Option[];
 }>, {
     option: (_: {
+        focus: () => void;
+        blur: () => void;
+        open: () => void;
+        close: () => void;
+        keywords: import("vue").ComputedRef<string>;
         option: Option;
+        selected: boolean;
         active: boolean;
     }) => any;
     empty: (_: {
+        focus: () => void;
+        blur: () => void;
+        open: () => void;
+        close: () => void;
+        keywords: import("vue").ComputedRef<string>;
+    } & {
         firstSearch: boolean;
     }) => any;
     footer: (_: {
+        focus: () => void;
+        blur: () => void;
+        open: () => void;
+        close: () => void;
+        keywords: import("vue").ComputedRef<string>;
         options: import("@/types").NormalizedOption[];
     } & {
         keywords: string;

package/dist/types/src/components/BaseLoadingCover.vue.d.ts

@@ -89,8 +89,8 @@ declare const _default: import("vue").DefineComponent<{
     iconClass: string;
     duration: string;
     delay: number;
-    modelValue: boolean;
     size: "sm" | "lg";
+    modelValue: boolean;
     backdropClass: string;
 }>;
 export default _default;

package/dist/types/src/components/BaseSwitch.vue.d.ts

@@ -55,9 +55,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     required: boolean;
     name: string;
     color: "dark" | "light" | "danger" | "success" | "warning" | "info" | "primary";
+    size: "base" | "xs" | "sm" | "lg" | "xl";
     modelValue: boolean;
     hasError: boolean;
-    size: "base" | "xs" | "sm" | "lg" | "xl";
 }>, {
     default: (_: {}) => any;
 }>;

package/dist/types/src/components/BaseTagAutocomplete.vue.d.ts

@@ -1,4 +1,4 @@
-import { PropType } from 'vue';
+import { PropType, ComputedRef } from 'vue';
 import { NormalizedOption, Option } from '@/types';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     modelValue: {
@@ -29,6 +29,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    loadingBottom: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
     required: {
         default: boolean;
         type: BooleanConstructor;
@@ -49,7 +53,25 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "typing" | "scrollBottom")[], "update:modelValue" | "focus" | "typing" | "scrollBottom", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    inline: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    size: {
+        default: string;
+        type: PropType<"base" | "xs" | "sm">;
+    };
+    dropdownShow: {
+        default: string;
+        type: PropType<"focus" | "always">;
+    };
+}, {
+    focus: () => void;
+    blur: () => void;
+    close: () => void;
+    open: () => void;
+    setKeywords: (input: string) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "close" | "scrollBottom" | "typing" | "open")[], "update:modelValue" | "close" | "scrollBottom" | "typing" | "open", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         required: true;
         type: PropType<Option[] | null>;
@@ -78,6 +100,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    loadingBottom: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
     required: {
         default: boolean;
         type: BooleanConstructor;
@@ -98,27 +124,61 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
+    inline: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    size: {
+        default: string;
+        type: PropType<"base" | "xs" | "sm">;
+    };
+    dropdownShow: {
+        default: string;
+        type: PropType<"focus" | "always">;
+    };
 }>> & {
-    onFocus?: ((...args: any[]) => any) | undefined;
+    onScrollBottom?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     onTyping?: ((...args: any[]) => any) | undefined;
-    onScrollBottom?: ((...args: any[]) => any) | undefined;
+    onOpen?: ((...args: any[]) => any) | undefined;
 }, {
     filter: (option: NormalizedOption) => boolean;
     required: boolean;
     name: string;
-    placeholder: string;
     loading: boolean;
+    loadingBottom: boolean;
+    size: "base" | "xs" | "sm";
+    placeholder: string;
     disabled: boolean;
     hasError: boolean;
+    inline: boolean;
+    dropdownShow: "focus" | "always";
     max: number;
 }>, {
-    empty: (_: {}) => any;
+    empty: (_: {
+        focus: () => void;
+        blur: () => void;
+        open: () => void;
+        close: () => void;
+        keywords: ComputedRef<string>;
+    }) => any;
     option: (_: {
+        focus: () => void;
+        blur: () => void;
+        open: () => void;
+        close: () => void;
+        keywords: ComputedRef<string>;
         option: Option;
+        selected: boolean;
         active: boolean;
     }) => any;
     footer: (_: {
+        focus: () => void;
+        blur: () => void;
+        open: () => void;
+        close: () => void;
+        keywords: ComputedRef<string>;
         options: NormalizedOption[];
     }) => any;
 }>;

package/dist/types/src/components/BaseTagAutocompleteFetch.vue.d.ts

@@ -41,7 +41,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
         type: BooleanConstructor;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "typing" | "scrollBottom")[], "update:modelValue" | "focus" | "typing" | "scrollBottom", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "scrollBottom" | "typing")[], "update:modelValue" | "focus" | "scrollBottom" | "typing", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         required: true;
         type: PropType<Option[]>;
@@ -84,9 +84,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>> & {
     onFocus?: ((...args: any[]) => any) | undefined;
+    onScrollBottom?: ((...args: any[]) => any) | undefined;
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onTyping?: ((...args: any[]) => any) | undefined;
-    onScrollBottom?: ((...args: any[]) => any) | undefined;
 }, {
     required: boolean;
     placeholder: string;
@@ -96,15 +96,32 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     max: number;
 }>, {
     option: (_: {
+        focus: () => void;
+        blur: () => void;
+        open: () => void;
+        close: () => void;
+        keywords: import("vue").ComputedRef<string>;
         option: Option;
+        selected: boolean;
         active: boolean;
     }) => any;
     footer: (_: {
+        focus: () => void;
+        blur: () => void;
+        open: () => void;
+        close: () => void;
+        keywords: import("vue").ComputedRef<string>;
         options: import("@/types").NormalizedOption[];
     } & {
         keywords: string;
     }) => any;
     empty: (_: {
+        focus: () => void;
+        blur: () => void;
+        open: () => void;
+        close: () => void;
+        keywords: import("vue").ComputedRef<string>;
+    } & {
         firstSearch: boolean;
     }) => any;
 }>;

package/dist/types/src/composables/clickOutside.d.ts

@@ -2,7 +2,7 @@ import { MaybeElementRef } from '@vueuse/core';
 interface UseClickOutsideOptions {
     includes?: MaybeElementRef[];
 }
-export declare function useClickOutside(element: MaybeElementRef, callback: (outside: boolean) => void, options?: UseClickOutsideOptions): {
+export declare function useClickOutside(element: MaybeElementRef, callback: () => void, options?: UseClickOutsideOptions): {
     stop: () => void;
 };
 export {};

package/dist/types/src/index.d.ts

@@ -4,6 +4,7 @@ import { I18n } from 'vue-i18n';
 import { useDialogsStore } from './stores/dialogs';
 import { useNotificationsStore } from './stores/notifications';
 import { useSystemAlertStore } from './stores/systemAlerts';
+import { useClickOutside } from './composables/clickOutside';
 declare const messages: {
     en: {
         sui: {
@@ -294,3 +295,4 @@ export { config };
 export { useDialogsStore };
 export { useNotificationsStore };
 export { useSystemAlertStore };
+export { useClickOutside };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.97",
+  "version": "0.0.100",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",
@@ -58,7 +58,7 @@
     "@types/scroll-lock": "^2.1.0",
     "@typescript-eslint/eslint-plugin": "^5.42.1",
     "@typescript-eslint/parser": "^5.42.1",
-    "@vitejs/plugin-vue": "^3.2.0",
+    "@vitejs/plugin-vue": "^4.0.0",
     "@vue/eslint-config-typescript": "^11.0.2",
     "@vueup/vue-quill": "^1.0.0",
     "@vueuse/core": "^9.5.0",
@@ -80,10 +80,10 @@
     "object-to-formdata": "^4.4.2",
     "pikaday": "^1.8.2",
     "pinia": "^2.0.23",
-    "postcss": "^8.4.19",
-    "postcss-import": "^15.0.0",
+    "postcss": "^8.4.20",
+    "postcss-import": "^15.1.0",
     "prettier": "^2.7.1",
-    "prettier-plugin-tailwindcss": "^0.1.13",
+    "prettier-plugin-tailwindcss": "^0.2.1",
     "qs": "^6.11.0",
     "rimraf": "^3.0.2",
     "rollup-plugin-analyzer": "^4.0.0",
@@ -91,14 +91,14 @@
     "storybook-addon-mock": "^3.2.0",
     "tailwindcss": "^3.2.4",
     "typescript": "^4.4.4",
-    "unplugin-auto-import": "^0.11.4",
-    "vite": "^3.2.4",
+    "unplugin-auto-import": "^0.12.1",
+    "vite": "^4.0.0",
     "vitepress": "^0.21.6",
-    "vue": "^3.2.25",
+    "vue": "^3.2.45",
     "vue-i18n": "^9.2.2",
-    "vue-loader": "^16.8.3",
+    "vue-loader": "^17.0.1",
     "vue-router": "^4.1.6",
-    "vue-tsc": "^1.0.9"
+    "vue-tsc": "^1.0.18"
   },
   "files": [
     "src",