@db-ux/v-core-components 1.1.1 → 2.0.0-0-custom-select-16b8cce
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/README.md +2 -2
- package/dist/components/accordion-item/accordion-item.vue.d.ts +1 -1
- package/dist/components/badge/badge.vue.d.ts +1 -1
- package/dist/components/brand/brand.vue.d.ts +1 -1
- package/dist/components/button/button.vue.d.ts +3 -3
- package/dist/components/card/card.vue.d.ts +1 -1
- package/dist/components/checkbox/checkbox.vue.d.ts +1 -1
- package/dist/components/custom-select/custom-select.vue.d.ts +60 -0
- package/dist/components/custom-select/index.d.ts +1 -0
- package/dist/components/custom-select/model.d.ts +173 -0
- package/dist/components/custom-select-dropdown/custom-select-dropdown.vue.d.ts +15 -0
- package/dist/components/custom-select-dropdown/index.d.ts +1 -0
- package/dist/components/custom-select-dropdown/model.d.ts +15 -0
- package/dist/components/custom-select-form-field/custom-select-form-field.vue.d.ts +13 -0
- package/dist/components/custom-select-form-field/index.d.ts +1 -0
- package/dist/components/custom-select-form-field/model.d.ts +5 -0
- package/dist/components/custom-select-list/custom-select-list.vue.d.ts +16 -0
- package/dist/components/custom-select-list/index.d.ts +1 -0
- package/dist/components/custom-select-list/model.d.ts +8 -0
- package/dist/components/custom-select-list-item/custom-select-list-item.vue.d.ts +31 -0
- package/dist/components/custom-select-list-item/index.d.ts +1 -0
- package/dist/components/custom-select-list-item/model.d.ts +29 -0
- package/dist/components/divider/divider.vue.d.ts +1 -1
- package/dist/components/drawer/drawer.vue.d.ts +2 -2
- package/dist/components/icon/icon.vue.d.ts +1 -1
- package/dist/components/infotext/infotext.vue.d.ts +1 -1
- package/dist/components/input/input.vue.d.ts +5 -4
- package/dist/components/link/link.vue.d.ts +2 -2
- package/dist/components/navigation-item/navigation-item.vue.d.ts +2 -2
- package/dist/components/notification/notification.vue.d.ts +1 -1
- package/dist/components/page/model.d.ts +4 -0
- package/dist/components/page/page.vue.d.ts +1 -0
- package/dist/components/popover/popover.vue.d.ts +2 -2
- package/dist/components/radio/radio.vue.d.ts +1 -1
- package/dist/components/section/section.vue.d.ts +1 -1
- package/dist/components/select/model.d.ts +3 -3
- package/dist/components/select/select.vue.d.ts +3 -2
- package/dist/components/switch/switch.vue.d.ts +1 -1
- package/dist/components/tab-item/tab-item.vue.d.ts +1 -1
- package/dist/components/tabs/tabs.vue.d.ts +2 -2
- package/dist/components/tag/model.d.ts +3 -3
- package/dist/components/tag/tag.vue.d.ts +2 -2
- package/dist/components/textarea/textarea.vue.d.ts +3 -3
- package/dist/components/tooltip/tooltip.vue.d.ts +1 -1
- package/dist/db-ux.es.js +2042 -1240
- package/dist/db-ux.umd.js +1 -1
- package/dist/index.d.ts +5 -0
- package/dist/shared/constants.d.ts +5 -0
- package/dist/shared/model.d.ts +36 -19
- package/dist/utils/index.d.ts +2 -0
- package/dist/utils/react.d.ts +4 -4
- package/package.json +5 -5
package/dist/shared/model.d.ts
CHANGED
|
@@ -38,7 +38,7 @@ export type SemanticProps = {
|
|
|
38
38
|
};
|
|
39
39
|
export type IconProps = {
|
|
40
40
|
/**
|
|
41
|
-
* Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://
|
|
41
|
+
* Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.
|
|
42
42
|
*/
|
|
43
43
|
icon?: IconTypes;
|
|
44
44
|
};
|
|
@@ -51,7 +51,7 @@ export type ShowIconProps = {
|
|
|
51
51
|
};
|
|
52
52
|
export type IconAfterProps = {
|
|
53
53
|
/**
|
|
54
|
-
* Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://
|
|
54
|
+
* Define an icon by its identifier (like e.g. _user_, compare to [Icons](https://design-system.deutschebahn.com/core-web/review/main/foundations/icons/overview)) to get displayed in front of the elements content.
|
|
55
55
|
*/
|
|
56
56
|
iconAfter?: IconTypes;
|
|
57
57
|
};
|
|
@@ -61,7 +61,7 @@ export type SpacingProps = {
|
|
|
61
61
|
/**
|
|
62
62
|
* The spacing attribute changes the padding of the component.
|
|
63
63
|
*/
|
|
64
|
-
spacing?: SpacingType;
|
|
64
|
+
spacing?: SpacingType | string;
|
|
65
65
|
};
|
|
66
66
|
export declare const MarginList: readonly ["medium", "small", "large", "none"];
|
|
67
67
|
export type MarginType = (typeof MarginList)[number];
|
|
@@ -71,7 +71,11 @@ export type MarginProps = {
|
|
|
71
71
|
*/
|
|
72
72
|
margin?: MarginType;
|
|
73
73
|
};
|
|
74
|
-
export declare const
|
|
74
|
+
export declare const PlacementHorizontalList: readonly ["left", "right", "left-start", "left-end", "right-start", "right-end"];
|
|
75
|
+
export type PlacementHorizontalType = (typeof PlacementHorizontalList)[number];
|
|
76
|
+
export declare const PlacementVerticalList: readonly ["top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"];
|
|
77
|
+
export type PlacementVerticalType = (typeof PlacementVerticalList)[number];
|
|
78
|
+
export declare const PlacementList: readonly ["left", "right", "left-start", "left-end", "right-start", "right-end", "top", "bottom", "top-start", "top-end", "bottom-start", "bottom-end"];
|
|
75
79
|
export type PlacementType = (typeof PlacementList)[number];
|
|
76
80
|
export type PlacementProps = {
|
|
77
81
|
/**
|
|
@@ -116,7 +120,7 @@ export type WidthProps = {
|
|
|
116
120
|
/**
|
|
117
121
|
* Width of the component. Auto width based on children size, full width based on parent elements width.
|
|
118
122
|
*/
|
|
119
|
-
width?: WidthType;
|
|
123
|
+
width?: WidthType | string;
|
|
120
124
|
};
|
|
121
125
|
export declare const MaxWidthList: readonly ["full", "medium", "large", "small"];
|
|
122
126
|
export type MaxWidthType = (typeof MaxWidthList)[number];
|
|
@@ -179,19 +183,29 @@ export type TagEmphasisProps = {
|
|
|
179
183
|
};
|
|
180
184
|
export declare const ValidationList: readonly ["invalid", "valid", "no-validation"];
|
|
181
185
|
export type ValidationType = (typeof ValidationList)[number];
|
|
182
|
-
export type
|
|
186
|
+
export type RequiredProps = {
|
|
183
187
|
/**
|
|
184
|
-
*
|
|
188
|
+
* When the required attribute specified, the user will be required to fill the form element before submitting the form.
|
|
185
189
|
*/
|
|
186
|
-
|
|
190
|
+
required?: boolean;
|
|
191
|
+
};
|
|
192
|
+
export type ShowLabelProps = {
|
|
187
193
|
/**
|
|
188
|
-
*
|
|
194
|
+
* Enables/disables the visibility of the label
|
|
189
195
|
*/
|
|
190
|
-
|
|
196
|
+
showLabel?: boolean;
|
|
197
|
+
};
|
|
198
|
+
export type ValueProps = {
|
|
191
199
|
/**
|
|
192
|
-
*
|
|
200
|
+
* The value property is to receive results from the native form element.
|
|
193
201
|
*/
|
|
194
|
-
|
|
202
|
+
value?: any;
|
|
203
|
+
};
|
|
204
|
+
export type BaseFormProps = {
|
|
205
|
+
/**
|
|
206
|
+
* The disabled attribute can be set to keep a user from clicking on the form element.
|
|
207
|
+
*/
|
|
208
|
+
disabled?: boolean;
|
|
195
209
|
/**
|
|
196
210
|
* The label attribute specifies the caption of the form element.
|
|
197
211
|
*/
|
|
@@ -200,19 +214,22 @@ export type FormProps = {
|
|
|
200
214
|
* The name attribute gives the name of the form control, as used in form submission and in the form element's elements object.
|
|
201
215
|
*/
|
|
202
216
|
name?: string;
|
|
217
|
+
};
|
|
218
|
+
export type CustomFormProps = {
|
|
203
219
|
/**
|
|
204
|
-
*
|
|
220
|
+
* Overwrites auto handling for aria-describedby.
|
|
205
221
|
*/
|
|
206
|
-
|
|
222
|
+
ariaDescribedBy?: string;
|
|
207
223
|
/**
|
|
208
|
-
*
|
|
224
|
+
* Associates the control with a form element
|
|
209
225
|
*/
|
|
210
|
-
|
|
226
|
+
form?: string;
|
|
211
227
|
/**
|
|
212
|
-
*
|
|
228
|
+
* Marks an input element as invalid (red) / valid (green) / no-validation (grey). Overwrites the :user-valid selector.
|
|
213
229
|
*/
|
|
214
|
-
|
|
230
|
+
validation?: ValidationType;
|
|
215
231
|
};
|
|
232
|
+
export type FormProps = CustomFormProps & BaseFormProps & RequiredProps & ShowLabelProps & ValueProps;
|
|
216
233
|
export type FormTextProps = {
|
|
217
234
|
/**
|
|
218
235
|
* Maximum length (number of characters) of value
|
|
@@ -378,7 +395,7 @@ export type AlignmentProps = {
|
|
|
378
395
|
/**
|
|
379
396
|
* Define the content alignment in full width
|
|
380
397
|
*/
|
|
381
|
-
alignment?: AlignmentType;
|
|
398
|
+
alignment?: AlignmentType | string;
|
|
382
399
|
};
|
|
383
400
|
export type ActiveProps = {
|
|
384
401
|
/**
|
package/dist/utils/index.d.ts
CHANGED
|
@@ -31,7 +31,9 @@ export declare const delay: (fn: () => void, ms: number) => Promise<unknown>;
|
|
|
31
31
|
export declare const getBooleanAsString: (originBool?: boolean) => any;
|
|
32
32
|
export declare const getHideProp: (show?: boolean) => any;
|
|
33
33
|
export declare const stringPropVisible: (givenString?: string, showString?: boolean) => string | boolean | undefined;
|
|
34
|
+
export declare const getSearchInput: (element: HTMLElement) => HTMLInputElement | null;
|
|
34
35
|
declare const _default: {
|
|
36
|
+
getSearchInput: (element: HTMLElement) => HTMLInputElement | null;
|
|
35
37
|
cls: (...args: ClassNameArg[]) => string;
|
|
36
38
|
addAttributeToChildren: (element: Element, attribute: {
|
|
37
39
|
key: string;
|
package/dist/utils/react.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
export declare const filterPassingProps: (props:
|
|
2
|
-
export declare const getRootProps: (props:
|
|
1
|
+
export declare const filterPassingProps: (props: any, propsPassingFilter: string[]) => Record<string, unknown>;
|
|
2
|
+
export declare const getRootProps: (props: any, rooProps: string[]) => Record<string, unknown>;
|
|
3
3
|
declare const _default: {
|
|
4
|
-
getRootProps: (props:
|
|
5
|
-
filterPassingProps: (props:
|
|
4
|
+
getRootProps: (props: any, rooProps: string[]) => Record<string, unknown>;
|
|
5
|
+
filterPassingProps: (props: any, propsPassingFilter: string[]) => Record<string, unknown>;
|
|
6
6
|
};
|
|
7
7
|
export default _default;
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@db-ux/v-core-components",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0-0-custom-select-16b8cce",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Vue components for @db-ux/core-components",
|
|
6
6
|
"repository": {
|
|
7
7
|
"type": "git",
|
|
8
|
-
"url": "https://github.com/db-ux-design-system/core-web.git"
|
|
8
|
+
"url": "git+https://github.com/db-ux-design-system/core-web.git"
|
|
9
9
|
},
|
|
10
10
|
"license": "Apache-2.0",
|
|
11
11
|
"main": "./dist/db-ux.umd.js",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"replace-in-file": "^8.3.0",
|
|
42
42
|
"tsx": "^4.19.3",
|
|
43
43
|
"typescript": "^5.4.5",
|
|
44
|
-
"vite": "^6.2.
|
|
44
|
+
"vite": "^6.2.1",
|
|
45
45
|
"vue": "^3.5.13",
|
|
46
46
|
"vue-tsc": "^2.2.8"
|
|
47
47
|
},
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
"sideEffects": false,
|
|
53
53
|
"source": "src/index.ts",
|
|
54
54
|
"dependencies": {
|
|
55
|
-
"@db-ux/core-components": "
|
|
56
|
-
"@db-ux/core-foundations": "
|
|
55
|
+
"@db-ux/core-components": "2.0.0-0-custom-select-16b8cce",
|
|
56
|
+
"@db-ux/core-foundations": "2.0.0-0-custom-select-16b8cce"
|
|
57
57
|
}
|
|
58
58
|
}
|