@dronico/droni-kit 1.18.2 → 1.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { default as DuiButton } from './stories/Forms/DuiButton.vue';
2
+ import { default as DuiFile } from './stories/Forms/DuiFile.vue';
2
3
  import { default as DuiInput } from './stories/Forms/DuiInput.vue';
3
4
  import { default as DuiTextarea } from './stories/Forms/DuiTextarea.vue';
4
5
  import { default as DuiSelect } from './stories/Forms/DuiSelect.vue';
@@ -22,4 +23,4 @@ import { default as DuiSkeleton } from './stories/Elements/DuiSkeleton.vue';
22
23
  import { default as DuiTabs } from './stories/Elements/DuiTabs.vue';
23
24
  import { default as DuiToast } from './stories/Elements/DuiToast.vue';
24
25
  import { default as DuiNavbar } from './stories/Widgets/DuiNavbar.vue';
25
- export { DuiButton, DuiInput, DuiTextarea, DuiAction, DuiCard, DuiSelect, DuiLabel, DuiCheckbox, DuiRadio, DuiSwitch, DuiAlert, DuiTable, DuiModal, DuiTooltip, DuiAccordion, DuiBadge, DuiDropdown, DuiDropdownItem, DuiDropdownSeparator, DuiPagination, DuiSkeleton, DuiTabs, DuiToast, DuiNavbar };
26
+ export { DuiButton, DuiFile, DuiInput, DuiTextarea, DuiAction, DuiCard, DuiSelect, DuiLabel, DuiCheckbox, DuiRadio, DuiSwitch, DuiAlert, DuiTable, DuiModal, DuiTooltip, DuiAccordion, DuiBadge, DuiDropdown, DuiDropdownItem, DuiDropdownSeparator, DuiPagination, DuiSkeleton, DuiTabs, DuiToast, DuiNavbar };
@@ -28,8 +28,8 @@ declare const __VLS_component: import('vue').DefineComponent<DuiDropdownItemProp
28
28
  size: "sm" | "md" | "lg";
29
29
  disabled: boolean;
30
30
  label: string;
31
- icon: string;
32
31
  target: string;
32
+ icon: string;
33
33
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
34
34
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
35
35
  export default _default;
@@ -0,0 +1,139 @@
1
+ import { StoryObj } from '@storybook/vue3-vite';
2
+ declare const meta: {
3
+ title: string;
4
+ component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
5
+ modelValue: {
6
+ type: StringConstructor;
7
+ default: string;
8
+ };
9
+ explorerUrl: {
10
+ type: StringConstructor;
11
+ default: string;
12
+ };
13
+ uploadUrl: {
14
+ type: StringConstructor;
15
+ default: string;
16
+ };
17
+ accept: {
18
+ type: StringConstructor;
19
+ default: string;
20
+ };
21
+ size: {
22
+ type: () => "sm" | "md" | "lg";
23
+ default: string;
24
+ };
25
+ block: {
26
+ type: BooleanConstructor;
27
+ default: boolean;
28
+ };
29
+ rounded: {
30
+ type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
31
+ default: string;
32
+ };
33
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
34
+ select: (file: File) => any;
35
+ "update:modelValue": (value: string) => any;
36
+ "upload-start": (file: File) => any;
37
+ "upload-success": (payload: {
38
+ file: File;
39
+ response: unknown;
40
+ url: string;
41
+ }) => any;
42
+ "upload-error": (error: Error) => any;
43
+ browse: () => any;
44
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
45
+ modelValue: {
46
+ type: StringConstructor;
47
+ default: string;
48
+ };
49
+ explorerUrl: {
50
+ type: StringConstructor;
51
+ default: string;
52
+ };
53
+ uploadUrl: {
54
+ type: StringConstructor;
55
+ default: string;
56
+ };
57
+ accept: {
58
+ type: StringConstructor;
59
+ default: string;
60
+ };
61
+ size: {
62
+ type: () => "sm" | "md" | "lg";
63
+ default: string;
64
+ };
65
+ block: {
66
+ type: BooleanConstructor;
67
+ default: boolean;
68
+ };
69
+ rounded: {
70
+ type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
71
+ default: string;
72
+ };
73
+ }>> & Readonly<{
74
+ onSelect?: ((file: File) => any) | undefined;
75
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
76
+ "onUpload-start"?: ((file: File) => any) | undefined;
77
+ "onUpload-success"?: ((payload: {
78
+ file: File;
79
+ response: unknown;
80
+ url: string;
81
+ }) => any) | undefined;
82
+ "onUpload-error"?: ((error: Error) => any) | undefined;
83
+ onBrowse?: (() => any) | undefined;
84
+ }>, {
85
+ size: "sm" | "md" | "lg";
86
+ block: boolean;
87
+ rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
88
+ modelValue: string;
89
+ explorerUrl: string;
90
+ uploadUrl: string;
91
+ accept: string;
92
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
93
+ fileInputRef: HTMLInputElement;
94
+ }, any>;
95
+ tags: string[];
96
+ argTypes: {
97
+ modelValue: {
98
+ control: {
99
+ type: "text";
100
+ };
101
+ };
102
+ explorerUrl: {
103
+ control: {
104
+ type: "text";
105
+ };
106
+ };
107
+ uploadUrl: {
108
+ control: {
109
+ type: "text";
110
+ };
111
+ };
112
+ accept: {
113
+ control: {
114
+ type: "text";
115
+ };
116
+ };
117
+ size: {
118
+ control: {
119
+ type: "select";
120
+ };
121
+ options: string[];
122
+ };
123
+ block: {
124
+ control: {
125
+ type: "boolean";
126
+ };
127
+ };
128
+ rounded: {
129
+ control: {
130
+ type: "select";
131
+ };
132
+ options: string[];
133
+ };
134
+ };
135
+ };
136
+ export default meta;
137
+ type Story = StoryObj<typeof meta>;
138
+ export declare const Default: Story;
139
+ export declare const Compact: Story;
@@ -0,0 +1,92 @@
1
+ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
+ modelValue: {
3
+ type: StringConstructor;
4
+ default: string;
5
+ };
6
+ explorerUrl: {
7
+ type: StringConstructor;
8
+ default: string;
9
+ };
10
+ uploadUrl: {
11
+ type: StringConstructor;
12
+ default: string;
13
+ };
14
+ accept: {
15
+ type: StringConstructor;
16
+ default: string;
17
+ };
18
+ size: {
19
+ type: () => "sm" | "md" | "lg";
20
+ default: string;
21
+ };
22
+ block: {
23
+ type: BooleanConstructor;
24
+ default: boolean;
25
+ };
26
+ rounded: {
27
+ type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
28
+ default: string;
29
+ };
30
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
31
+ select: (file: File) => any;
32
+ "update:modelValue": (value: string) => any;
33
+ "upload-start": (file: File) => any;
34
+ "upload-success": (payload: {
35
+ file: File;
36
+ response: unknown;
37
+ url: string;
38
+ }) => any;
39
+ "upload-error": (error: Error) => any;
40
+ browse: () => any;
41
+ }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
42
+ modelValue: {
43
+ type: StringConstructor;
44
+ default: string;
45
+ };
46
+ explorerUrl: {
47
+ type: StringConstructor;
48
+ default: string;
49
+ };
50
+ uploadUrl: {
51
+ type: StringConstructor;
52
+ default: string;
53
+ };
54
+ accept: {
55
+ type: StringConstructor;
56
+ default: string;
57
+ };
58
+ size: {
59
+ type: () => "sm" | "md" | "lg";
60
+ default: string;
61
+ };
62
+ block: {
63
+ type: BooleanConstructor;
64
+ default: boolean;
65
+ };
66
+ rounded: {
67
+ type: () => "all" | "top" | "bottom" | "left" | "right" | "none";
68
+ default: string;
69
+ };
70
+ }>> & Readonly<{
71
+ onSelect?: ((file: File) => any) | undefined;
72
+ "onUpdate:modelValue"?: ((value: string) => any) | undefined;
73
+ "onUpload-start"?: ((file: File) => any) | undefined;
74
+ "onUpload-success"?: ((payload: {
75
+ file: File;
76
+ response: unknown;
77
+ url: string;
78
+ }) => any) | undefined;
79
+ "onUpload-error"?: ((error: Error) => any) | undefined;
80
+ onBrowse?: (() => any) | undefined;
81
+ }>, {
82
+ size: "sm" | "md" | "lg";
83
+ block: boolean;
84
+ rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
85
+ modelValue: string;
86
+ explorerUrl: string;
87
+ uploadUrl: string;
88
+ accept: string;
89
+ }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
90
+ fileInputRef: HTMLInputElement;
91
+ }, any>;
92
+ export default _default;
@@ -3,7 +3,7 @@ declare const meta: {
3
3
  title: string;
4
4
  component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
5
5
  modelValue: {
6
- type: (StringConstructor | NumberConstructor)[];
6
+ type: (NumberConstructor | StringConstructor)[];
7
7
  default: string;
8
8
  };
9
9
  size: {
@@ -22,7 +22,7 @@ declare const meta: {
22
22
  "update:modelValue": (value: string) => any;
23
23
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
24
24
  modelValue: {
25
- type: (StringConstructor | NumberConstructor)[];
25
+ type: (NumberConstructor | StringConstructor)[];
26
26
  default: string;
27
27
  };
28
28
  size: {
@@ -1,6 +1,6 @@
1
1
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
2
  modelValue: {
3
- type: (StringConstructor | NumberConstructor)[];
3
+ type: (NumberConstructor | StringConstructor)[];
4
4
  default: string;
5
5
  };
6
6
  size: {
@@ -19,7 +19,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
19
19
  "update:modelValue": (value: string) => any;
20
20
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
21
21
  modelValue: {
22
- type: (StringConstructor | NumberConstructor)[];
22
+ type: (NumberConstructor | StringConstructor)[];
23
23
  default: string;
24
24
  };
25
25
  size: {
@@ -30,9 +30,9 @@ declare const meta: {
30
30
  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
31
31
  size: "s" | "m" | "l";
32
32
  title: string;
33
+ error: string;
33
34
  icon: string;
34
35
  helpText: string;
35
- error: string;
36
36
  required: boolean;
37
37
  }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLLabelElement, import('vue').ComponentProvideOptions, {
38
38
  P: {};
@@ -69,9 +69,9 @@ declare const meta: {
69
69
  }>> & Readonly<{}>, {}, {}, {}, {}, {
70
70
  size: "s" | "m" | "l";
71
71
  title: string;
72
+ error: string;
72
73
  icon: string;
73
74
  helpText: string;
74
- error: string;
75
75
  required: boolean;
76
76
  }>;
77
77
  __isFragment?: never;
@@ -105,9 +105,9 @@ declare const meta: {
105
105
  }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
106
106
  size: "s" | "m" | "l";
107
107
  title: string;
108
+ error: string;
108
109
  icon: string;
109
110
  helpText: string;
110
- error: string;
111
111
  required: boolean;
112
112
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
113
113
  $slots: {
@@ -60,9 +60,9 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
60
60
  }>> & Readonly<{}>, {
61
61
  size: "s" | "m" | "l";
62
62
  title: string;
63
+ error: string;
63
64
  icon: string;
64
65
  helpText: string;
65
- error: string;
66
66
  required: boolean;
67
67
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLLabelElement>;
68
68
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -3,7 +3,7 @@ declare const meta: {
3
3
  title: string;
4
4
  component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
5
5
  modelValue: {
6
- type: (StringConstructor | NumberConstructor)[];
6
+ type: (NumberConstructor | StringConstructor)[];
7
7
  default: string;
8
8
  };
9
9
  options: {
@@ -38,7 +38,7 @@ declare const meta: {
38
38
  "update:modelValue": (value: string | number) => any;
39
39
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
40
40
  modelValue: {
41
- type: (StringConstructor | NumberConstructor)[];
41
+ type: (NumberConstructor | StringConstructor)[];
42
42
  default: string;
43
43
  };
44
44
  options: {
@@ -76,10 +76,10 @@ declare const meta: {
76
76
  block: boolean;
77
77
  rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
78
78
  modelValue: string | number;
79
+ placeholder: string;
79
80
  options: Record<string, any>[];
80
81
  itemLabel: string;
81
82
  itemValue: string;
82
- placeholder: string;
83
83
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
84
84
  tags: string[];
85
85
  argTypes: {
@@ -1,6 +1,6 @@
1
1
  declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
2
2
  modelValue: {
3
- type: (StringConstructor | NumberConstructor)[];
3
+ type: (NumberConstructor | StringConstructor)[];
4
4
  default: string;
5
5
  };
6
6
  options: {
@@ -35,7 +35,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
35
35
  "update:modelValue": (value: string | number) => any;
36
36
  }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
37
37
  modelValue: {
38
- type: (StringConstructor | NumberConstructor)[];
38
+ type: (NumberConstructor | StringConstructor)[];
39
39
  default: string;
40
40
  };
41
41
  options: {
@@ -73,9 +73,9 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
73
73
  block: boolean;
74
74
  rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
75
75
  modelValue: string | number;
76
+ placeholder: string;
76
77
  options: Record<string, any>[];
77
78
  itemLabel: string;
78
79
  itemValue: string;
79
- placeholder: string;
80
80
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
81
81
  export default _default;
@@ -52,8 +52,8 @@ declare const meta: {
52
52
  block: boolean;
53
53
  label: string;
54
54
  modelValue: boolean;
55
- labelPosition: "left" | "right";
56
55
  description: string;
56
+ labelPosition: "left" | "right";
57
57
  showIcons: boolean;
58
58
  }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
59
59
  P: {};
@@ -109,8 +109,8 @@ declare const meta: {
109
109
  block: boolean;
110
110
  label: string;
111
111
  modelValue: boolean;
112
- labelPosition: "left" | "right";
113
112
  description: string;
113
+ labelPosition: "left" | "right";
114
114
  showIcons: boolean;
115
115
  }>;
116
116
  __isFragment?: never;
@@ -166,8 +166,8 @@ declare const meta: {
166
166
  block: boolean;
167
167
  label: string;
168
168
  modelValue: boolean;
169
- labelPosition: "left" | "right";
170
169
  description: string;
170
+ labelPosition: "left" | "right";
171
171
  showIcons: boolean;
172
172
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
173
173
  $slots: {
@@ -95,8 +95,8 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
95
95
  block: boolean;
96
96
  label: string;
97
97
  modelValue: boolean;
98
- labelPosition: "left" | "right";
99
98
  description: string;
99
+ labelPosition: "left" | "right";
100
100
  showIcons: boolean;
101
101
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
102
102
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
@@ -60,8 +60,8 @@ declare const meta: {
60
60
  block: boolean;
61
61
  rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
62
62
  modelValue: string;
63
- autoheight: boolean;
64
63
  resize: "none" | "both" | "horizontal" | "vertical";
64
+ autoheight: boolean;
65
65
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
66
66
  tags: string[];
67
67
  argTypes: {
@@ -57,7 +57,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
57
57
  block: boolean;
58
58
  rounded: "all" | "top" | "bottom" | "left" | "right" | "none";
59
59
  modelValue: string;
60
- autoheight: boolean;
61
60
  resize: "none" | "both" | "horizontal" | "vertical";
61
+ autoheight: boolean;
62
62
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
63
63
  export default _default;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dronico/droni-kit",
3
3
  "author": "Gustavo Barragan <dev@droni.co>",
4
- "version": "1.18.2",
4
+ "version": "1.20.0",
5
5
  "private": false,
6
6
  "access": "public",
7
7
  "publishConfig": {