@muenchen/muc-patternlab-vue 1.13.0-beta.6 → 1.13.0-beta.7

package/dist/components/Form/MucSelect.stories.d.ts

@@ -4,13 +4,13 @@ declare const _default: {
             type: import('vue').PropType<string>;
         };
         modelValue: {
-            type: import('vue').PropType<string | string[]>;
+            type: import('vue').PropType<import('./MucSelectTypes').MucSelectItemTypes | import('./MucSelectTypes').MucSelectItemTypes[]>;
         };
         hint: {
             type: import('vue').PropType<string>;
         };
         items: {
-            type: import('vue').PropType<string[]>;
+            type: import('vue').PropType<import('./MucSelectTypes').MucSelectItemTypes[]>;
             required: true;
         };
         multiple: {
@@ -21,20 +21,24 @@ declare const _default: {
             type: import('vue').PropType<string>;
             default: string;
         };
+        itemTitle: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
     }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-        "update:modelValue": (modelValue: string | string[]) => void;
+        "update:modelValue": (modelValue: import('./MucSelectTypes').MucSelectItemTypes | import('./MucSelectTypes').MucSelectItemTypes[]) => void;
     }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
         label: {
             type: import('vue').PropType<string>;
         };
         modelValue: {
-            type: import('vue').PropType<string | string[]>;
+            type: import('vue').PropType<import('./MucSelectTypes').MucSelectItemTypes | import('./MucSelectTypes').MucSelectItemTypes[]>;
         };
         hint: {
             type: import('vue').PropType<string>;
         };
         items: {
-            type: import('vue').PropType<string[]>;
+            type: import('vue').PropType<import('./MucSelectTypes').MucSelectItemTypes[]>;
             required: true;
         };
         multiple: {
@@ -45,11 +49,16 @@ declare const _default: {
             type: import('vue').PropType<string>;
             default: string;
         };
+        itemTitle: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
     }>> & {
-        "onUpdate:modelValue"?: ((modelValue: string | string[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((modelValue: import('./MucSelectTypes').MucSelectItemTypes | import('./MucSelectTypes').MucSelectItemTypes[]) => any) | undefined;
     }, {
         multiple: boolean;
         noItemFoundMessage: string;
+        itemTitle: string;
     }, {}>;
     title: string;
     tags: string[];
@@ -64,18 +73,44 @@ declare const _default: {
 export default _default;
 export declare const Default: {
     args: {
-        modelValue: string;
-        items: string[];
+        modelValue: {
+            id: string;
+            name: string;
+            quantity: number;
+        };
+        items: {
+            id: string;
+            name: string;
+            quantity: number;
+        }[];
         label: string;
         hint: string;
+        itemTitle: string;
     };
 };
 export declare const MultiSelect: {
     args: {
         label: string;
         multiple: boolean;
+        modelValue: {
+            id: string;
+            name: string;
+            quantity: number;
+        };
+        items: {
+            id: string;
+            name: string;
+            quantity: number;
+        }[];
+        hint: string;
+        itemTitle: string;
+    };
+};
+export declare const StringSelect: {
+    args: {
         modelValue: string;
         items: string[];
+        label: string;
         hint: string;
     };
 };

package/dist/components/Form/MucSelect.vue.d.ts

@@ -1,8 +1,9 @@
+import { MucSelectItemTypes } from './MucSelectTypes';
 declare let __VLS_typeProps: {
     /**
      * List of items to be available
      */
-    items: string[];
+    items: MucSelectItemTypes[];
     /**
      * Optional label shown above the input
      */
@@ -19,23 +20,30 @@ declare let __VLS_typeProps: {
      * Optional message shown no item is found after filtering
      */
     noItemFoundMessage?: string;
+    /**
+     * Property that contains the value to be displayed in the list when a list of objects is used
+     */
+    itemTitle?: string;
 };
 type __VLS_PublicProps = {
-    "modelValue"?: string | string[];
+    "modelValue"?: MucSelectItemTypes | MucSelectItemTypes[];
 } & typeof __VLS_typeProps;
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
     multiple: boolean;
     noItemFoundMessage: string;
+    itemTitle: string;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    "update:modelValue": (modelValue: string | string[]) => void;
+    "update:modelValue": (modelValue: MucSelectItemTypes | MucSelectItemTypes[]) => void;
 }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
     multiple: boolean;
     noItemFoundMessage: string;
+    itemTitle: string;
 }>>> & {
-    "onUpdate:modelValue"?: ((modelValue: string | string[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((modelValue: MucSelectItemTypes | MucSelectItemTypes[]) => any) | undefined;
 }, {
     multiple: boolean;
     noItemFoundMessage: string;
+    itemTitle: string;
 }, {}>;
 export default _default;
 type __VLS_WithDefaults<P, D> = {

package/dist/components/Form/MucSelectItem.vue.d.ts

@@ -0,0 +1,18 @@
+import { MucSelectItemTypes } from './MucSelectTypes';
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<{
+    item: MucSelectItemTypes;
+    itemLabel: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<{
+    item: MucSelectItemTypes;
+    itemLabel: string;
+}>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};

package/dist/components/Form/MucSelectTypes.d.ts

@@ -0,0 +1,7 @@
+export interface ItemAsObject {
+    [key: string]: any;
+}
+/**
+ * Different possible types of items
+ */
+export type MucSelectItemTypes = string | ItemAsObject;