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

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

@@ -0,0 +1,89 @@
+declare const _default: {
+    component: import('vue').DefineComponent<{
+        link: {
+            type: import('vue').PropType<string>;
+        };
+        label: {
+            type: import('vue').PropType<string>;
+            required: true;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        modelValue: {
+            type: import('vue').PropType<number>;
+        };
+        min: {
+            type: import('vue').PropType<number>;
+        };
+        max: {
+            type: import('vue').PropType<number>;
+        };
+    }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (modelValue: number) => void;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        link: {
+            type: import('vue').PropType<string>;
+        };
+        label: {
+            type: import('vue').PropType<string>;
+            required: true;
+        };
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        modelValue: {
+            type: import('vue').PropType<number>;
+        };
+        min: {
+            type: import('vue').PropType<number>;
+        };
+        max: {
+            type: import('vue').PropType<number>;
+        };
+    }>> & {
+        "onUpdate:modelValue"?: ((modelValue: number) => any) | undefined;
+    }, {
+        disabled: boolean;
+    }, {}>;
+    title: string;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        modelValue: number;
+        label: string;
+    };
+};
+export declare const MinAndMax: {
+    args: {
+        modelValue: number;
+        min: number;
+        max: number;
+        label: string;
+    };
+};
+export declare const Link: {
+    args: {
+        link: string;
+        modelValue: number;
+        label: string;
+    };
+};
+export declare const Disabled: {
+    args: {
+        disabled: boolean;
+        modelValue: number;
+        label: string;
+    };
+};

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

@@ -0,0 +1,54 @@
+declare let __VLS_typeProps: {
+    /**
+     * Label shown after the counter
+     */
+    label: string;
+    /**
+     * Optional minimum of counter
+     */
+    min?: number;
+    /**
+     * Optional maximum of counter
+     */
+    max?: number;
+    /**
+     * Optional link for label
+     */
+    link?: string;
+    /**
+     * Optionally disable this specific counter
+     */
+    disabled?: boolean;
+};
+type __VLS_PublicProps = {
+    modelValue?: number;
+} & typeof __VLS_typeProps;
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+    disabled: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: number) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<__VLS_PublicProps>, {
+    disabled: boolean;
+}>>> & {
+    "onUpdate:modelValue"?: ((modelValue: number) => any) | undefined;
+}, {
+    disabled: boolean;
+}, {}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+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/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;

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

@@ -1,9 +1,10 @@
 import { default as MucCheckbox } from './MucCheckbox.vue';
 import { default as MucCheckboxGroup } from './MucCheckboxGroup.vue';
+import { default as MucCounter } from './MucCounter.vue';
 import { default as MucErrorList } from './MucErrorList.vue';
 import { default as MucForm } from './MucInput.vue';
 import { default as MucRadioButton } from './MucRadioButton.vue';
 import { default as MucRadioButtonGroup } from './MucRadioButtonGroup.vue';
 import { default as MucSelect } from './MucSelect.vue';
 import { default as MucTextArea } from './MucTextArea.vue';
-export { MucForm, MucCheckbox, MucCheckboxGroup, MucRadioButtonGroup, MucInput, MucRadioButton, MucTextArea, MucErrorList, MucSelect, };
+export { MucForm, MucCheckbox, MucCheckboxGroup, MucCounter, MucRadioButtonGroup, MucInput, MucRadioButton, MucTextArea, MucErrorList, MucSelect, };

package/dist/components/index.d.ts

@@ -4,8 +4,8 @@ import { MucCallout } from './Callout';
 import { MucCard, MucCardContainer } from './Card';
 import { MucComment, MucCommentText } from './Comment/';
 import { MucDivider } from './Divider';
-import { MucCheckbox, MucCheckboxGroup, MucErrorList, MucInput, MucRadioButton, MucRadioButtonGroup, MucSelect, MucTextArea } from './Form';
+import { MucCheckbox, MucCheckboxGroup, MucCounter, MucErrorList, MucInput, MucRadioButton, MucRadioButtonGroup, MucSelect, MucTextArea } from './Form';
 import { MucIcon } from './Icon';
 import { MucIntro } from './Intro';
 import { MucLink } from './Link';
-export { MucButton, MucBanner, MucIntro, MucCallout, MucCard, MucCardContainer, MucComment, MucCommentText, MucRadioButton, MucRadioButtonGroup, MucInput, MucTextArea, MucCheckboxGroup, MucCheckbox, MucSelect, MucErrorList, MucIcon, MucDivider, MucLink, };
+export { MucButton, MucBanner, MucIntro, MucCallout, MucCard, MucCardContainer, MucComment, MucCommentText, MucRadioButton, MucRadioButtonGroup, MucInput, MucTextArea, MucCheckboxGroup, MucCheckbox, MucSelect, MucErrorList, MucIcon, MucDivider, MucLink, MucCounter, };