@maltjoy/core-vue 1.0.0-alpha.5 → 1.0.0-alpha.7

package/dist/components/JoyRadio/JoyRadio.vue.d.ts

@@ -1,15 +1,5 @@
 import { PropType } from 'vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    modelValue: {
-        type: StringConstructor;
-    };
-    theme: {
-        type: PropType<"default" | "outline">;
-        default: string;
-    };
-    value: {
-        type: StringConstructor;
-    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -28,10 +18,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {
-    checked: import("vue").ComputedRef<boolean>;
-    isExpanded: import("vue").Ref<boolean>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: StringConstructor;
     };
@@ -42,6 +28,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     value: {
         type: StringConstructor;
     };
+}, {
+    checked: import("vue").ComputedRef<boolean>;
+    isExpanded: import("vue").Ref<boolean>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -60,12 +50,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    modelValue: {
+        type: StringConstructor;
+    };
+    theme: {
+        type: PropType<"default" | "outline">;
+        default: string;
+    };
+    value: {
+        type: StringConstructor;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    invalid: boolean;
     required: boolean;
+    invalid: boolean;
     theme: "default" | "outline";
 }>, {
     default: (_: {}) => any;

package/dist/components/JoySelect/JoySelect.vue.d.ts

@@ -1,18 +1,5 @@
+import { PropType } from 'vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-    };
-    label: StringConstructor;
-    labelSize: {
-        type: import("vue").PropType<"small" | "large" | "medium">;
-        default: string;
-    };
-    optionalLabel: StringConstructor;
-    requiredMark: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -31,14 +18,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    modelValue: {
-        type: StringConstructor;
-        default: string;
-    };
     label: StringConstructor;
     labelSize: {
-        type: import("vue").PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "large" | "medium">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -46,6 +28,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -64,15 +51,29 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    label: StringConstructor;
+    labelSize: {
+        type: PropType<"small" | "large" | "medium">;
+        default: string;
+    };
+    optionalLabel: StringConstructor;
+    requiredMark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    invalid: boolean;
     required: boolean;
-    modelValue: string;
+    invalid: boolean;
     labelSize: "small" | "large" | "medium";
     requiredMark: boolean;
+    modelValue: string;
 }>, {
     label: (_: {}) => any;
     default: (_: {}) => any;

package/dist/components/JoySelectableItem/JoySelectableItem.types.d.ts

@@ -0,0 +1,2 @@
+export declare const RADIO_THEMES: readonly ["default", "outline"];
+export type RadioThemes = (typeof RADIO_THEMES)[number];

package/dist/components/JoySelectableItem/JoySelectableItem.vue.d.ts

@@ -0,0 +1,80 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Mandatory in order to link the label and the actual input */
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    checked: {
+        type: BooleanConstructor;
+    };
+    value: {
+        type: StringConstructor;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:checked"[], "update:checked", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** Mandatory in order to link the label and the actual input */
+    id: {
+        type: StringConstructor;
+        required: true;
+    };
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    name: {
+        type: StringConstructor;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    checked: {
+        type: BooleanConstructor;
+    };
+    value: {
+        type: StringConstructor;
+    };
+}>> & {
+    "onUpdate:checked"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    checked: boolean;
+    required: boolean;
+    invalid: boolean;
+    multiple: boolean;
+}>, {
+    default: (_: {}) => any;
+    'selectable-item-sublabel': (_: {}) => any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/JoySelectableItemGroup/JoySelectableItemGroup.vue.d.ts

@@ -0,0 +1,93 @@
+import { PropType } from 'vue';
+export interface Option {
+    id: string;
+    name?: string;
+    value: string;
+    label: string;
+    subLabel?: string;
+    /**
+     * @default false
+     */
+    disabled: boolean;
+    /**
+     * @default false
+     */
+    required: boolean;
+}
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: PropType<Option[]>;
+        required: true;
+        validator(value: Array<Option>): boolean;
+    };
+    id: StringConstructor;
+    value: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default: null;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: StringConstructor;
+    labelSize: {
+        type: PropType<"small" | "large" | "medium">;
+        default: string;
+    };
+    optionalLabel: StringConstructor;
+    requiredMark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:value"[], "update:value", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<Option[]>;
+        required: true;
+        validator(value: Array<Option>): boolean;
+    };
+    id: StringConstructor;
+    value: {
+        type: (StringConstructor | ArrayConstructor)[];
+        default: null;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    fullWidth: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: StringConstructor;
+    labelSize: {
+        type: PropType<"small" | "large" | "medium">;
+        default: string;
+    };
+    optionalLabel: StringConstructor;
+    requiredMark: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}, {
+    value: string | unknown[];
+    required: boolean;
+    labelSize: "small" | "large" | "medium";
+    requiredMark: boolean;
+    fullWidth: boolean;
+    multiple: boolean;
+}>;
+export default _default;

package/dist/components/JoyTextarea/JoyTextarea.vue.d.ts

@@ -1,22 +1,26 @@
+import { PropType } from 'vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    autogrow: {
+    disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-    minlength: {
-        type: NumberConstructor;
+    id: {
+        type: StringConstructor;
     };
-    minlengthLabel: StringConstructor;
-    maxlength: {
-        type: NumberConstructor;
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-    modelValue: {
+    name: {
         type: StringConstructor;
-        default: string;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     label: StringConstructor;
     labelSize: {
-        type: import("vue").PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "large" | "medium">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -24,47 +28,47 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    id: {
+    modelValue: {
         type: StringConstructor;
+        default: string;
     };
-    invalid: {
+    autogrow: {
         type: BooleanConstructor;
         default: boolean;
     };
-    name: {
-        type: StringConstructor;
+    minlength: {
+        type: NumberConstructor;
     };
-    required: {
-        type: BooleanConstructor;
-        default: boolean;
+    minlengthLabel: StringConstructor;
+    maxlength: {
+        type: NumberConstructor;
     };
 }, {
     isInvalid: import("vue").Ref<boolean>;
     valueOverMaxlength: import("vue").ComputedRef<boolean>;
     valueUnderMinlength: import("vue").ComputedRef<boolean>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    autogrow: {
+    disabled: {
         type: BooleanConstructor;
         default: boolean;
     };
-    minlength: {
-        type: NumberConstructor;
+    id: {
+        type: StringConstructor;
     };
-    minlengthLabel: StringConstructor;
-    maxlength: {
-        type: NumberConstructor;
+    invalid: {
+        type: BooleanConstructor;
+        default: boolean;
     };
-    modelValue: {
+    name: {
         type: StringConstructor;
-        default: string;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
     };
     label: StringConstructor;
     labelSize: {
-        type: import("vue").PropType<"small" | "large" | "medium">;
+        type: PropType<"small" | "large" | "medium">;
         default: string;
     };
     optionalLabel: StringConstructor;
@@ -72,33 +76,30 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    id: {
+    modelValue: {
         type: StringConstructor;
+        default: string;
     };
-    invalid: {
+    autogrow: {
         type: BooleanConstructor;
         default: boolean;
     };
-    name: {
-        type: StringConstructor;
+    minlength: {
+        type: NumberConstructor;
     };
-    required: {
-        type: BooleanConstructor;
-        default: boolean;
+    minlengthLabel: StringConstructor;
+    maxlength: {
+        type: NumberConstructor;
     };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    invalid: boolean;
     required: boolean;
-    modelValue: string;
+    invalid: boolean;
     labelSize: "small" | "large" | "medium";
     requiredMark: boolean;
+    modelValue: string;
     autogrow: boolean;
 }>, {
     default: (_: {}) => any;

package/dist/components/JoyToggle/JoyToggle.vue.d.ts

@@ -1,5 +1,12 @@
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
-    label: StringConstructor;
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -18,6 +25,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
+    label: StringConstructor;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: {
         type: BooleanConstructor;
         default: boolean;
@@ -26,8 +35,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: StringConstructor;
         default: string;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    label: StringConstructor;
     disabled: {
         type: BooleanConstructor;
         default: boolean;
@@ -46,22 +53,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-    modelValue: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    value: {
-        type: StringConstructor;
-        default: string;
-    };
+    label: StringConstructor;
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     disabled: boolean;
-    invalid: boolean;
+    value: string;
     required: boolean;
+    invalid: boolean;
     modelValue: boolean;
-    value: string;
 }>, {
     default: (_: {}) => any;
 }>;

package/dist/components/JoyWrapper/JoyWrapper.vue.d.ts

@@ -1,15 +1,15 @@
 import { PropType } from 'vue';
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     justify: {
-        type: PropType<"flex-start" | "flex-end" | "center" | "space-between">;
+        type: PropType<"center" | "space-between" | "flex-start" | "flex-end">;
         default: string;
     };
     align: {
-        type: PropType<"stretch" | "flex-start" | "flex-end" | "center">;
+        type: PropType<"center" | "flex-start" | "flex-end" | "stretch">;
         default: string;
     };
     direction: {
-        type: PropType<"column" | "row">;
+        type: PropType<"row" | "column">;
         default: string;
     };
     wrap: {
@@ -18,15 +18,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     justify: {
-        type: PropType<"flex-start" | "flex-end" | "center" | "space-between">;
+        type: PropType<"center" | "space-between" | "flex-start" | "flex-end">;
         default: string;
     };
     align: {
-        type: PropType<"stretch" | "flex-start" | "flex-end" | "center">;
+        type: PropType<"center" | "flex-start" | "flex-end" | "stretch">;
         default: string;
     };
     direction: {
-        type: PropType<"column" | "row">;
+        type: PropType<"row" | "column">;
         default: string;
     };
     wrap: {
@@ -34,10 +34,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    direction: "column" | "row";
+    direction: "row" | "column";
     wrap: "nowrap" | "wrap";
-    justify: "flex-start" | "flex-end" | "center" | "space-between";
-    align: "stretch" | "flex-start" | "flex-end" | "center";
+    justify: "center" | "space-between" | "flex-start" | "flex-end";
+    align: "center" | "flex-start" | "flex-end" | "stretch";
 }>, {
     default: (_: {}) => any;
 }>;

package/dist/components/index.d.ts

@@ -1,16 +1,20 @@
 import JoyButton from '@/components/JoyButton/JoyButton.vue';
 import JoyCheckbox from '@/components/JoyCheckbox/JoyCheckbox.vue';
+import JoyCounter from '@/components/JoyCounter/JoyCounter.vue';
 import JoyFormError from '@/components/JoyFormError/JoyFormError.vue';
 import JoyHighlight from '@/components/JoyHighlight/JoyHighlight.vue';
 import JoyInput from '@/components/JoyInput/JoyInput.vue';
 import JoyLabel from '@/components/JoyLabel/JoyLabel.vue';
 import JoyLink from '@/components/JoyLink/JoyLink.vue';
+import JoyMultiCheckbox from '@/components/JoyMultiCheckbox/JoyMultiCheckbox.vue';
 import JoyRadio from '@/components/JoyRadio/JoyRadio.vue';
 import JoyRadioGroup from '@/components/JoyRadioGroup/JoyRadioGroup.vue';
 import JoySelect from '@/components/JoySelect/JoySelect.vue';
+import JoySelectableItem from '@/components/JoySelectableItem/JoySelectableItem.vue';
+import JoySelectableItemGroup from '@/components/JoySelectableItemGroup/JoySelectableItemGroup.vue';
 import JoySpinner from '@/components/JoySpinner/JoySpinner.vue';
 import JoyWrapper from '@/components/JoyWrapper/JoyWrapper.vue';
 import JoyTemplate from '@/components/JoyTemplate/JoyTemplate.vue';
 import JoyTextarea from '@/components/JoyTextarea/JoyTextarea.vue';
 import JoyToggle from '@/components/JoyToggle/JoyToggle.vue';
-export { JoyButton, JoyCheckbox, JoyFormError, JoyHighlight, JoyInput, JoyLabel, JoyLink, JoyRadio, JoyRadioGroup, JoySelect, JoySpinner, JoyTemplate, JoyTextarea, JoyToggle, JoyWrapper, };
+export { JoyButton, JoyCheckbox, JoyCounter, JoyFormError, JoyHighlight, JoyInput, JoyLabel, JoyLink, JoyMultiCheckbox, JoyRadio, JoyRadioGroup, JoySelect, JoySelectableItem, JoySelectableItemGroup, JoySpinner, JoyTemplate, JoyTextarea, JoyToggle, JoyWrapper, };

package/dist/composables/props.d.ts

@@ -1,4 +1,9 @@
 import { PropType } from 'vue';
+/**
+ * AT THE MOMENT VUE-AUTOGEN PLUGIN FOR STORYBOOK DOES NOT SUPPORT OUT-OF-COMPONENTS PROPS DECLARATION.
+ * IT SIMPLY IGNORES IT AND PROPS ARE NOT RENDERED.
+ * WE KEEP THIS CODE ONLY IN CASE OF A MAJOR RELEASE INCLUDING THE FEATURE
+ */
 export declare const FORM_BASED_PROPS: {
     disabled: {
         type: BooleanConstructor;