@vanjana/vue-ui 0.1.110 → 0.1.112

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

@@ -24,8 +24,9 @@ import Timer from './timer.vue';
 import EditableLabel from './editable-label.vue';
 import Skeleton from './skeleton.vue';
 import AmountBar from './amount-bar.vue';
+import Upload from './upload.vue';
 export type { ChipSelectorOption, ChipSelectorProps } from './chip-selector.vue';
 export * from './form';
 export * from './shell';
 export * from './notification';
-export { AmountBar, Button, ButtonBar, Card, Carousel, Checkbox, Radio, Chip, ChipGroup, ChipSelector, Dialog, DotMenu, Icon, LinkButton, Menu, MenuAction, Page, Paginator, SearchField, Separator, Spinner, Tab, TabView, Timer, EditableLabel, Skeleton, };
+export { AmountBar, Button, ButtonBar, Card, Carousel, Checkbox, Radio, Chip, ChipGroup, ChipSelector, Dialog, DotMenu, Icon, LinkButton, Menu, MenuAction, Page, Paginator, SearchField, Separator, Spinner, Tab, TabView, Timer, EditableLabel, Skeleton, Upload, };

package/dist/types/components/upload.vue.d.ts

@@ -0,0 +1,37 @@
+type Props = {
+    multiple?: boolean;
+    accept?: string;
+    disabled?: boolean;
+    uploadText?: string;
+    dropText?: string;
+    browseText?: string;
+    subtitleText?: string;
+    maxSize?: number;
+};
+type __VLS_Props = Props;
+type __VLS_ModelProps = {
+    modelValue?: File[];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: File[]) => any;
+} & {
+    "update:modelValue": (files: File[]) => any;
+    "file-added": (file: File) => any;
+    "file-removed": (file: File) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: File[]) => any) | undefined;
+    "onFile-added"?: ((file: File) => any) | undefined;
+    "onFile-removed"?: ((file: File) => any) | undefined;
+}>, {
+    disabled: boolean;
+    multiple: boolean;
+    accept: string;
+    uploadText: string;
+    dropText: string;
+    browseText: string;
+    subtitleText: string;
+    maxSize: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/stories/components/upload.stories.d.ts

@@ -0,0 +1,83 @@
+import type { StoryObj } from '@storybook/vue3';
+declare const meta: {
+    title: string;
+    component: import("vue").DefineComponent<{
+        multiple?: boolean;
+        accept?: string;
+        disabled?: boolean;
+        uploadText?: string;
+        dropText?: string;
+        browseText?: string;
+        subtitleText?: string;
+        maxSize?: number;
+    } & {
+        modelValue?: File[];
+    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        "update:modelValue": (value: File[]) => any;
+    } & {
+        "update:modelValue": (files: File[]) => any;
+        "file-added": (file: File) => any;
+        "file-removed": (file: File) => any;
+    }, string, import("vue").PublicProps, Readonly<{
+        multiple?: boolean;
+        accept?: string;
+        disabled?: boolean;
+        uploadText?: string;
+        dropText?: string;
+        browseText?: string;
+        subtitleText?: string;
+        maxSize?: number;
+    } & {
+        modelValue?: File[];
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: File[]) => any) | undefined;
+        "onFile-added"?: ((file: File) => any) | undefined;
+        "onFile-removed"?: ((file: File) => any) | undefined;
+    }>, {
+        disabled: boolean;
+        multiple: boolean;
+        accept: string;
+        uploadText: string;
+        dropText: string;
+        browseText: string;
+        subtitleText: string;
+        maxSize: number;
+    }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+    tags: string[];
+    argTypes: {
+        multiple: {
+            control: "boolean";
+        };
+        accept: {
+            control: "text";
+        };
+        disabled: {
+            control: "boolean";
+        };
+        uploadText: {
+            control: "text";
+        };
+        dropText: {
+            control: "text";
+        };
+        browseText: {
+            control: "text";
+        };
+        subtitleText: {
+            control: "text";
+        };
+        maxSize: {
+            control: "number";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const SingleFile: Story;
+export declare const ImageOnly: Story;
+export declare const PDFOnly: Story;
+export declare const WithMaxSize: Story;
+export declare const Disabled: Story;
+export declare const CustomText: Story;
+export declare const WithPrefilledFiles: Story;