sprintify-ui 0.0.77 → 0.0.79

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

@@ -7,6 +7,7 @@ declare const _default: {
         $props: Partial<{
             placement: Placement;
             offset: [number, number];
+            animated: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             placement: {
                 type: PropType<Placement>;
@@ -16,7 +17,14 @@ declare const _default: {
                 default(): number[];
                 type: PropType<[number, number]>;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "offset">;
+            animated: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+        }>> & {
+            onOpen?: ((...args: any[]) => any) | undefined;
+            onClose?: ((...args: any[]) => any) | undefined;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "placement" | "offset" | "animated">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -28,7 +36,7 @@ declare const _default: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: string, ...args: any[]) => void;
+        $emit: (event: "open" | "close", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             placement: {
@@ -39,9 +47,17 @@ declare const _default: {
                 default(): number[];
                 type: PropType<[number, number]>;
             };
-        }>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+            animated: {
+                default: boolean;
+                type: BooleanConstructor;
+            };
+        }>> & {
+            onOpen?: ((...args: any[]) => any) | undefined;
+            onClose?: ((...args: any[]) => any) | undefined;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close")[], string, {
             placement: Placement;
             offset: [number, number];
+            animated: boolean;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -71,7 +87,14 @@ declare const _default: {
             default(): number[];
             type: PropType<[number, number]>;
         };
-    }>> & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+        animated: {
+            default: boolean;
+            type: BooleanConstructor;
+        };
+    }>> & {
+        onOpen?: ((...args: any[]) => any) | undefined;
+        onClose?: ((...args: any[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
     __isFragment?: undefined;
     __isTeleport?: undefined;
     __isSuspense?: undefined;
@@ -84,13 +107,25 @@ declare const _default: {
         default(): number[];
         type: PropType<[number, number]>;
     };
-}>>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    animated: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+}>> & {
+    onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("open" | "close")[], "open" | "close", {
     placement: Placement;
     offset: [number, number];
+    animated: boolean;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         button: (_: {}) => any;
-        dropdown: (_: {}) => any;
+        dropdown: (_: {
+            close: () => void;
+            open: () => void;
+            toggle: () => void;
+        }) => any;
     };
 });
 export default _default;

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

@@ -148,9 +148,9 @@ declare const _default: import("vue").DefineComponent<{
     placeholder: string;
     disabled: boolean;
     hasError: boolean;
+    autocomplete: boolean;
     min: number;
     max: number;
-    autocomplete: boolean;
     preventSubmit: boolean;
     iconLeft: string;
     iconRight: string;

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

@@ -430,10 +430,10 @@ declare const _default: import("vue").DefineComponent<{
     };
 }>>, {
     props: Record<string, any>;
+    inputClass: string;
     component: string;
     defaultValue: string | number | boolean;
     locales: Locales;
-    inputClass: string;
     layout: string;
 }>;
 export default _default;

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

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     actionsVisible: {
         default: string;
-        type: PropType<"toggle" | "always">;
+        type: PropType<"always" | "toggle">;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     item: {
@@ -24,12 +24,12 @@ declare const _default: import("vue").DefineComponent<{
     };
     actionsVisible: {
         default: string;
-        type: PropType<"toggle" | "always">;
+        type: PropType<"always" | "toggle">;
     };
 }>> & {
     onClick?: ((...args: any[]) => any) | undefined;
 }, {
     dark: boolean;
-    actionsVisible: "toggle" | "always";
+    actionsVisible: "always" | "toggle";
 }>;
 export default _default;

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

@@ -9,8 +9,8 @@ declare const _default: {
             modelValue: Option | undefined;
             disabled: boolean;
             hasError: boolean;
-            labelClass: string;
             inputClass: string;
+            labelClass: string;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
                 default: undefined;
@@ -54,7 +54,7 @@ declare const _default: {
             };
         }>> & {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "modelValue" | "disabled" | "hasError" | "labelClass" | "inputClass">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "required" | "modelValue" | "disabled" | "hasError" | "inputClass" | "labelClass">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -116,8 +116,8 @@ declare const _default: {
             modelValue: Option | undefined;
             disabled: boolean;
             hasError: boolean;
-            labelClass: string;
             inputClass: string;
+            labelClass: string;
         }, {}, string> & {
             beforeCreate?: ((() => void) | (() => void)[]) | undefined;
             created?: ((() => void) | (() => void)[]) | undefined;
@@ -233,8 +233,8 @@ declare const _default: {
     modelValue: Option | undefined;
     disabled: boolean;
     hasError: boolean;
-    labelClass: string;
     inputClass: string;
+    labelClass: string;
 }, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
     $slots: {
         option: (_: {

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

@@ -79,7 +79,7 @@ declare const _default: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "update:modelValue" | "typing" | "focus" | "scrollBottom", ...args: any[]) => void;
+        $emit: (event: "update:modelValue" | "focus" | "typing" | "scrollBottom", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
@@ -135,7 +135,7 @@ declare const _default: {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onTyping?: ((...args: any[]) => any) | undefined;
             onScrollBottom?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "typing" | "focus" | "scrollBottom")[], string, {
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "typing" | "scrollBottom")[], string, {
             filter: (option: NormalizedOption) => boolean;
             required: boolean;
             name: string;
@@ -276,7 +276,7 @@ declare const _default: {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onTyping?: ((...args: any[]) => any) | undefined;
     onScrollBottom?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "typing" | "focus" | "scrollBottom")[], "update:modelValue" | "typing" | "focus" | "scrollBottom", {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "typing" | "scrollBottom")[], "update:modelValue" | "focus" | "typing" | "scrollBottom", {
     filter: (option: NormalizedOption) => boolean;
     required: boolean;
     name: string;

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

@@ -69,7 +69,7 @@ declare const _default: {
         }>;
         $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
         $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}> | null;
-        $emit: (event: "update:modelValue" | "typing" | "focus" | "scrollBottom", ...args: any[]) => void;
+        $emit: (event: "update:modelValue" | "focus" | "typing" | "scrollBottom", ...args: any[]) => void;
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
@@ -117,7 +117,7 @@ declare const _default: {
             "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
             onTyping?: ((...args: any[]) => any) | undefined;
             onScrollBottom?: ((...args: any[]) => any) | undefined;
-        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "typing" | "focus" | "scrollBottom")[], string, {
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "typing" | "scrollBottom")[], string, {
             required: boolean;
             placeholder: string;
             disabled: boolean;
@@ -240,7 +240,7 @@ declare const _default: {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onTyping?: ((...args: any[]) => any) | undefined;
     onScrollBottom?: ((...args: any[]) => any) | undefined;
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "typing" | "focus" | "scrollBottom")[], "update:modelValue" | "typing" | "focus" | "scrollBottom", {
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "focus" | "typing" | "scrollBottom")[], "update:modelValue" | "focus" | "typing" | "scrollBottom", {
     required: boolean;
     placeholder: string;
     disabled: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.0.77",
+  "version": "0.0.79",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",
     "build-fast": "rimraf dist && vite build",

package/src/components/BaseAutocomplete.stories.js

@@ -2,9 +2,25 @@ import { createFieldStory, options } from '../../.storybook/utils';
 import BaseAutocomplete from './BaseAutocomplete.vue';
 import ShowValue from '@/../.storybook/components/ShowValue.vue';
 
+const sizes = ['xs', 'sm', 'base'];
+
 export default {
   title: 'Form/BaseAutocomplete',
   component: BaseAutocomplete,
+  argTypes: {
+    size: {
+      control: {
+        type: 'select',
+        options: sizes,
+      },
+    },
+    dropdownShow: {
+      control: {
+        type: 'select',
+        options: ['always', 'focus'],
+      },
+    },
+  },
   args: {
     labelKey: 'label',
     valueKey: 'value',
@@ -28,6 +44,17 @@ const Template = (args) => ({
 export const Demo = Template.bind({});
 Demo.args = {};
 
+export const AlwaysShowDropdown = Template.bind({});
+AlwaysShowDropdown.args = {
+  inline: true,
+  dropdownShow: 'always',
+};
+
+export const NoFocus = Template.bind({});
+NoFocus.args = {
+  visibleFocus: false,
+};
+
 export const Disabled = Template.bind({});
 Disabled.args = {
   options: [],
@@ -40,6 +67,25 @@ Loading.args = {
   loading: true,
 };
 
+export const Inline = Template.bind({});
+Inline.args = {
+  inline: true,
+};
+
+export const Sizes = (args) => ({
+  components: { BaseAutocomplete },
+  setup() {
+    const value = ref(null);
+    return { args, sizes, value };
+  },
+  template: `
+  <div v-for="size in sizes" class="mb-1">
+    <p class="text-xs text-slate-600 leading-tight">{{ size }}</p>
+    <BaseAutocomplete v-model="value" v-bind="args" :size="size"></BaseAutocomplete>
+  </div>
+  `,
+});
+
 export const SlotOption = (args) => ({
   components: { BaseAutocomplete },
   setup() {