@teammodlr/ui-kit 3.0.0-beta.33 → 3.0.0-beta.36

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.
Files changed (39) hide show
  1. package/lib/components/clearbutton/ClearButton.vue.d.ts +7 -0
  2. package/lib/components/clearbutton/style/ClearButton.css.d.ts +2 -0
  3. package/lib/components/clearbutton/style/index.d.ts +1 -0
  4. package/lib/components/hovercard/HoverCard.vue.d.ts +122 -0
  5. package/lib/components/hovercard/style/HoverCard.css.d.ts +3 -0
  6. package/lib/components/hovercard/style/index.d.ts +1 -0
  7. package/lib/components/index.d.ts +1 -0
  8. package/lib/components/input/Input.vue.d.ts +15 -0
  9. package/lib/components/input/style/Input.css.d.ts +4 -0
  10. package/lib/components/select/Select.vue.d.ts +12 -0
  11. package/lib/components/select/style/Select.css.d.ts +2 -1
  12. package/lib/components/textarea/Textarea.vue.d.ts +11 -0
  13. package/lib/components/textarea/style/Textarea.css.d.ts +2 -0
  14. package/lib/index.cjs.js +3 -3
  15. package/lib/index.es.js +4853 -4079
  16. package/lib/style.css +1 -1
  17. package/package.json +1 -1
  18. package/src/components/clearbutton/ClearButton.vue +39 -0
  19. package/src/components/clearbutton/style/ClearButton.css.ts +37 -0
  20. package/src/components/clearbutton/style/index.ts +1 -0
  21. package/src/components/hovercard/HoverCard.vue +163 -0
  22. package/src/components/hovercard/style/HoverCard.css.ts +175 -0
  23. package/src/components/hovercard/style/index.ts +1 -0
  24. package/src/components/index.ts +1 -1
  25. package/src/components/input/Input.vue +51 -3
  26. package/src/components/input/examples/clearable.vue +18 -0
  27. package/src/components/input/examples/index.stories.ts +3 -1
  28. package/src/components/input/examples/index.ts +1 -0
  29. package/src/components/input/style/Input.css.ts +20 -0
  30. package/src/components/select/Select.vue +31 -1
  31. package/src/components/select/examples/clearable.vue +18 -0
  32. package/src/components/select/examples/index.stories.ts +2 -1
  33. package/src/components/select/examples/index.ts +1 -0
  34. package/src/components/select/style/Select.css.ts +9 -6
  35. package/src/components/textarea/Textarea.vue +39 -3
  36. package/src/components/textarea/examples/clearable.vue +16 -0
  37. package/src/components/textarea/examples/index.stories.ts +2 -1
  38. package/src/components/textarea/examples/index.ts +1 -0
  39. package/src/components/textarea/style/Textarea.css.ts +11 -0
@@ -0,0 +1,7 @@
1
+ import * as style from './style';
2
+ declare const _default: import("vue").DefineComponent<{}, {
3
+ style: typeof style;
4
+ }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clear"[], "clear", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>> & {
5
+ onClear?: ((...args: any[]) => any) | undefined;
6
+ }, {}, {}>;
7
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export declare const clearButton: string;
2
+ export declare const icon: string;
@@ -0,0 +1 @@
1
+ export * from './ClearButton.css';
@@ -0,0 +1,122 @@
1
+ import { type PropType } from 'vue';
2
+ import { type Placement } from '../../composables/usePopper';
3
+ import * as style from './style';
4
+ declare const _default: import("vue").DefineComponent<{
5
+ open: {
6
+ type: BooleanConstructor;
7
+ default: boolean;
8
+ };
9
+ placement: {
10
+ type: PropType<Placement>;
11
+ default: string;
12
+ validator: (value: Placement) => boolean;
13
+ };
14
+ transfer: {
15
+ type: BooleanConstructor;
16
+ default: boolean;
17
+ };
18
+ sideOffset: {
19
+ type: NumberConstructor;
20
+ default: number;
21
+ };
22
+ collisionPadding: {
23
+ type: PropType<number | {
24
+ top?: number;
25
+ right?: number;
26
+ bottom?: number;
27
+ left?: number;
28
+ }>;
29
+ default: number;
30
+ };
31
+ arrow: {
32
+ type: BooleanConstructor;
33
+ default: boolean;
34
+ };
35
+ variant: {
36
+ type: PropType<"light" | "dark">;
37
+ default: string;
38
+ };
39
+ openDelay: {
40
+ type: NumberConstructor;
41
+ default: number;
42
+ };
43
+ closeDelay: {
44
+ type: NumberConstructor;
45
+ default: number;
46
+ };
47
+ zIndex: {
48
+ type: NumberConstructor;
49
+ };
50
+ }, {
51
+ isOpen: import("vue").Ref<boolean>;
52
+ zIndex: import("vue").Ref<number>;
53
+ showArrow: import("vue").ComputedRef<boolean>;
54
+ contentClasses: import("vue").ComputedRef<unknown[]>;
55
+ resolvedSide: import("vue").ComputedRef<"bottom" | "left" | "right" | "top" | undefined>;
56
+ resolvedAlign: import("vue").ComputedRef<"center" | "end" | "start" | undefined>;
57
+ style: typeof style;
58
+ }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:open"[], "update:open", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
59
+ open: {
60
+ type: BooleanConstructor;
61
+ default: boolean;
62
+ };
63
+ placement: {
64
+ type: PropType<Placement>;
65
+ default: string;
66
+ validator: (value: Placement) => boolean;
67
+ };
68
+ transfer: {
69
+ type: BooleanConstructor;
70
+ default: boolean;
71
+ };
72
+ sideOffset: {
73
+ type: NumberConstructor;
74
+ default: number;
75
+ };
76
+ collisionPadding: {
77
+ type: PropType<number | {
78
+ top?: number;
79
+ right?: number;
80
+ bottom?: number;
81
+ left?: number;
82
+ }>;
83
+ default: number;
84
+ };
85
+ arrow: {
86
+ type: BooleanConstructor;
87
+ default: boolean;
88
+ };
89
+ variant: {
90
+ type: PropType<"light" | "dark">;
91
+ default: string;
92
+ };
93
+ openDelay: {
94
+ type: NumberConstructor;
95
+ default: number;
96
+ };
97
+ closeDelay: {
98
+ type: NumberConstructor;
99
+ default: number;
100
+ };
101
+ zIndex: {
102
+ type: NumberConstructor;
103
+ };
104
+ }>> & {
105
+ "onUpdate:open"?: ((...args: any[]) => any) | undefined;
106
+ }, {
107
+ open: boolean;
108
+ variant: "dark" | "light";
109
+ placement: Placement;
110
+ transfer: boolean;
111
+ arrow: boolean;
112
+ sideOffset: number;
113
+ collisionPadding: number | {
114
+ top?: number;
115
+ right?: number;
116
+ bottom?: number;
117
+ left?: number;
118
+ };
119
+ openDelay: number;
120
+ closeDelay: number;
121
+ }, {}>;
122
+ export default _default;
@@ -0,0 +1,3 @@
1
+ export declare const content: string;
2
+ export declare const arrow: string;
3
+ export declare const dark: string;
@@ -0,0 +1 @@
1
+ export * from './HoverCard.css';
@@ -56,3 +56,4 @@ export { default as MDialogProvider } from './dialogprovider/DialogProvider.vue'
56
56
  export { default as MDrawer } from './drawer/Drawer.vue';
57
57
  export { default as MTree } from './tree/Tree.vue';
58
58
  export { default as MPopover } from './popover/Popover.vue';
59
+ export { default as MHoverCard } from './hovercard/HoverCard.vue';
@@ -42,6 +42,10 @@ declare const _default: import("vue").DefineComponent<{
42
42
  type: StringConstructor;
43
43
  default: string;
44
44
  };
45
+ clearable: {
46
+ type: BooleanConstructor;
47
+ default: boolean;
48
+ };
45
49
  modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
46
50
  name: StringConstructor;
47
51
  required: BooleanConstructor;
@@ -73,6 +77,12 @@ declare const _default: import("vue").DefineComponent<{
73
77
  hasHelpMessage: import("vue").ComputedRef<boolean>;
74
78
  inputError: import("vue").ComputedRef<any>;
75
79
  style: typeof style;
80
+ showClear: import("vue").ComputedRef<boolean>;
81
+ clearClasses: import("vue").ComputedRef<(string | {
82
+ [x: string]: boolean;
83
+ })[]>;
84
+ currentValue: import("vue").ComputedRef<any>;
85
+ onNativeInput: (event: Event) => void;
76
86
  onClear: () => void;
77
87
  validate: (value: any) => boolean;
78
88
  setError: (value: string) => void;
@@ -120,6 +130,10 @@ declare const _default: import("vue").DefineComponent<{
120
130
  type: StringConstructor;
121
131
  default: string;
122
132
  };
133
+ clearable: {
134
+ type: BooleanConstructor;
135
+ default: boolean;
136
+ };
123
137
  modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
124
138
  name: StringConstructor;
125
139
  required: BooleanConstructor;
@@ -141,5 +155,6 @@ declare const _default: import("vue").DefineComponent<{
141
155
  loading: boolean;
142
156
  rules: unknown[];
143
157
  placeholder: string;
158
+ clearable: boolean;
144
159
  }, {}>;
145
160
  export default _default;
@@ -23,5 +23,9 @@ export declare const leftIcon: string;
23
23
  export declare const hasLeftIcon: string;
24
24
  export declare const rightIcon: string;
25
25
  export declare const hasRightIcon: string;
26
+ export declare const hasClear: string;
27
+ export declare const hasClearAndRightIcon: string;
28
+ export declare const clear: string;
29
+ export declare const clearWithRightIcon: string;
26
30
  export declare const prefix: string;
27
31
  export declare const suffix: string;
@@ -84,6 +84,10 @@ declare const _default: import("vue").DefineComponent<{
84
84
  zIndex: {
85
85
  type: NumberConstructor;
86
86
  };
87
+ clearable: {
88
+ type: BooleanConstructor;
89
+ default: boolean;
90
+ };
87
91
  showDataOptions: {
88
92
  type: BooleanConstructor;
89
93
  default: boolean;
@@ -148,6 +152,8 @@ declare const _default: import("vue").DefineComponent<{
148
152
  getSelectedLabel: (value: string | number | []) => any;
149
153
  openSelect: (forceOpen?: boolean) => void;
150
154
  removeSelected: (value: string | number) => void;
155
+ showClear: import("vue").ComputedRef<boolean>;
156
+ clearSelected: () => void;
151
157
  inputError: import("vue").ComputedRef<any>;
152
158
  transitionName: import("vue").ComputedRef<string>;
153
159
  inputListeners: {};
@@ -168,6 +174,7 @@ declare const _default: import("vue").DefineComponent<{
168
174
  }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
169
175
  'on-open': () => true;
170
176
  'on-close': () => true;
177
+ clear: () => true;
171
178
  length: number;
172
179
  toString(): string;
173
180
  toLocaleString(): string;
@@ -332,6 +339,10 @@ declare const _default: import("vue").DefineComponent<{
332
339
  zIndex: {
333
340
  type: NumberConstructor;
334
341
  };
342
+ clearable: {
343
+ type: BooleanConstructor;
344
+ default: boolean;
345
+ };
335
346
  showDataOptions: {
336
347
  type: BooleanConstructor;
337
348
  default: boolean;
@@ -360,6 +371,7 @@ declare const _default: import("vue").DefineComponent<{
360
371
  max: number;
361
372
  rules: unknown[];
362
373
  placeholder: string;
374
+ clearable: boolean;
363
375
  transitionName: string;
364
376
  searchable: boolean;
365
377
  optionValue: string;
@@ -37,7 +37,8 @@ export declare const checkAllButton: string;
37
37
  export declare const checkAllButtonActive: string;
38
38
  export declare const optionIcon: string;
39
39
  export declare const noResults: string;
40
- export declare const clearable: string;
40
+ export declare const clear: string;
41
+ export declare const hasClear: string;
41
42
  export declare const arrow: string;
42
43
  export declare const arrowOpen: string;
43
44
  export declare const fillRoot: string;
@@ -41,6 +41,10 @@ declare const _default: import("vue").DefineComponent<{
41
41
  type: NumberConstructor;
42
42
  default: number;
43
43
  };
44
+ clearable: {
45
+ type: BooleanConstructor;
46
+ default: boolean;
47
+ };
44
48
  modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
45
49
  name: StringConstructor;
46
50
  required: BooleanConstructor;
@@ -67,6 +71,8 @@ declare const _default: import("vue").DefineComponent<{
67
71
  textareaValue: import("vue").ComputedRef<string>;
68
72
  inputError: import("vue").ComputedRef<any>;
69
73
  style: typeof style;
74
+ showClear: import("vue").ComputedRef<boolean>;
75
+ onNativeInput: (event: Event) => void;
70
76
  onClear: () => void;
71
77
  validate: (value: any) => boolean;
72
78
  setError: (value: string) => void;
@@ -113,6 +119,10 @@ declare const _default: import("vue").DefineComponent<{
113
119
  type: NumberConstructor;
114
120
  default: number;
115
121
  };
122
+ clearable: {
123
+ type: BooleanConstructor;
124
+ default: boolean;
125
+ };
116
126
  modelValue: PropType<string | number | boolean | object | any[] | any[] | undefined>;
117
127
  name: StringConstructor;
118
128
  required: BooleanConstructor;
@@ -134,5 +144,6 @@ declare const _default: import("vue").DefineComponent<{
134
144
  loading: boolean;
135
145
  rules: unknown[];
136
146
  placeholder: string;
147
+ clearable: boolean;
137
148
  }, {}>;
138
149
  export default _default;
@@ -13,6 +13,8 @@ export declare const base: string;
13
13
  export declare const size: Record<"sm" | "md" | "lg" | "xs" | "xl", string>;
14
14
  export declare const block: string;
15
15
  export declare const disabled: string;
16
+ export declare const hasClear: string;
17
+ export declare const clear: string;
16
18
  export declare const label: string;
17
19
  export declare const description: string;
18
20
  export declare const errorMessage: string;