@feedmepos/ui-library 0.0.1 → 0.0.2

package/dist/components/button/FmButton.vue.d.ts

@@ -1,64 +1,82 @@
-import type { PropType } from 'vue';
 type ButtonVariant = 'primary' | 'secondary' | 'tertiary' | 'destructive' | 'fab';
+export interface FmButtonProps {
+    variant?: ButtonVariant;
+    label?: string;
+    icon?: string;
+    size?: 'md' | 'lg';
+    disabled?: boolean;
+    autofocus?: boolean;
+    iconColor?: string;
+    type?: 'submit' | 'reset' | 'button';
+}
 declare const _default: import("vue").DefineComponent<{
-    variant: {
-        type: PropType<ButtonVariant>;
+    type: {
+        type: import("vue").PropType<"button" | "submit" | "reset">;
         default: string;
     };
     label: {
-        type: StringConstructor;
-        default: undefined;
+        type: import("vue").PropType<string>;
+        default: string;
     };
-    icon: {
-        type: StringConstructor;
-        default: undefined;
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
     };
     size: {
-        type: PropType<"md" | "lg">;
+        type: import("vue").PropType<"md" | "lg">;
         default: string;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
+    variant: {
+        type: import("vue").PropType<ButtonVariant>;
+        default: string;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
     autofocus: {
-        type: BooleanConstructor;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     iconColor: {
-        type: StringConstructor;
-        default: null;
+        type: import("vue").PropType<string>;
+        default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    variant: {
-        type: PropType<ButtonVariant>;
+    type: {
+        type: import("vue").PropType<"button" | "submit" | "reset">;
         default: string;
     };
     label: {
-        type: StringConstructor;
-        default: undefined;
+        type: import("vue").PropType<string>;
+        default: string;
     };
-    icon: {
-        type: StringConstructor;
-        default: undefined;
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
     };
     size: {
-        type: PropType<"md" | "lg">;
+        type: import("vue").PropType<"md" | "lg">;
         default: string;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
+    variant: {
+        type: import("vue").PropType<ButtonVariant>;
+        default: string;
+    };
+    icon: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
     autofocus: {
-        type: BooleanConstructor;
+        type: import("vue").PropType<boolean>;
         default: boolean;
     };
     iconColor: {
-        type: StringConstructor;
-        default: null;
+        type: import("vue").PropType<string>;
+        default: string;
     };
 }>>, {
+    type: "button" | "submit" | "reset";
     label: string;
     disabled: boolean;
     size: "md" | "lg";

package/dist/components/form/form/FmForm.vue.d.ts

@@ -0,0 +1,18 @@
+export interface FormParentProvider {
+    register: ({ validate, resetValidation, resetValue }: RegisteredComponent) => number;
+    unregister: (componentId: number) => void;
+}
+export interface RegisteredComponent {
+    validate: () => string[];
+    resetValidation: () => void;
+    resetValue: (cb?: () => void) => void;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>, {
+    default?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/radio/FmRadio.vue.d.ts

@@ -1,5 +1,5 @@
 export interface FmRadio {
-    modelValue: string;
+    modelValue?: any | null;
     value: string;
     label?: string;
     sublabel?: string;
@@ -15,8 +15,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     modelValue: {
-        type: import("vue").PropType<string>;
-        required: true;
+        type: import("vue").PropType<any>;
+        default: null;
     };
     sublabel: {
         type: import("vue").PropType<string>;
@@ -38,8 +38,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: boolean;
     };
     modelValue: {
-        type: import("vue").PropType<string>;
-        required: true;
+        type: import("vue").PropType<any>;
+        default: null;
     };
     sublabel: {
         type: import("vue").PropType<string>;
@@ -54,6 +54,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, {
     label: string;
     disabled: boolean;
+    modelValue: any;
     sublabel: string;
 }, {}>, {
     label?(_: {}): any;

package/dist/components/form/radio-group/FmRadioGroup.vue.d.ts

@@ -0,0 +1,80 @@
+import { type FormChildProps } from '@/composables/useFormChild';
+export interface RadioGroupProvider {
+    groupValue: any;
+    getDisabled: () => boolean;
+    register: (cb: () => void) => void;
+    updateValue: (newValue: any) => void;
+}
+export interface FmRadioGroup extends FormChildProps {
+    modelValue: any;
+    inline?: boolean;
+    helperText?: string;
+    disabled?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
+    label: {
+        type: import("vue").PropType<string>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+    inline: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    helperText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    rules: {
+        type: import("vue").PropType<import("@/composables/useValidation").ValidationRule[]>;
+        default: () => ((val: any) => true | "This field is required")[];
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: import("vue").PropType<string>;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<any>;
+        required: true;
+    };
+    inline: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    helperText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    rules: {
+        type: import("vue").PropType<import("@/composables/useValidation").ValidationRule[]>;
+        default: () => ((val: any) => true | "This field is required")[];
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}, {
+    disabled: boolean;
+    inline: boolean;
+    helperText: string;
+    rules: import("@/composables/useValidation").ValidationRule[];
+}, {}>, {
+    default?(_: {}): any;
+    "helper-text"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/stepper-field/FmStepperField.vue.d.ts

@@ -1,4 +1,4 @@
-import { type ValidationRule } from '../../../composables/validation';
+import { type ValidationRule } from '../../../composables/useValidation';
 export interface FmStepperFieldProps {
     label?: string;
     modelValue: number | null;
@@ -52,11 +52,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    placeholder: {
+    helperText: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    helperText: {
+    rules: {
+        type: import("vue").PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    placeholder: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -83,10 +87,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    rules: {
-        type: import("vue").PropType<ValidationRule[]>;
-        default: () => never[];
-    };
     showValidBorder: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -132,11 +132,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    placeholder: {
+    helperText: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    helperText: {
+    rules: {
+        type: import("vue").PropType<ValidationRule[]>;
+        default: () => never[];
+    };
+    placeholder: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -163,10 +167,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    rules: {
-        type: import("vue").PropType<ValidationRule[]>;
-        default: () => never[];
-    };
     showValidBorder: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -186,14 +186,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     min: number;
     leadingIcon: string;
     trailingIcon: string;
-    placeholder: string;
     helperText: string;
+    rules: ValidationRule[];
+    placeholder: string;
     inputmode: "numeric" | "decimal";
     step: number;
     useGrouping: boolean;
     isCurrency: boolean;
     showSteppers: boolean;
-    rules: ValidationRule[];
     showValidBorder: boolean;
     prependText: string;
     appendText: string;

package/dist/components/form/text-field/FmTextField.vue.d.ts

@@ -1,7 +1,5 @@
-import { type ValidationRule } from '../../../composables/validation';
-export interface FmTextFieldProps {
-    label?: string;
-    modelValue: string;
+import { type FormChildProps } from '../../../composables/useFormChild';
+export interface FmTextFieldProps extends FormChildProps {
     required?: boolean;
     disabled?: boolean;
     placeholder?: string;
@@ -10,7 +8,6 @@ export interface FmTextFieldProps {
     maxLength?: number;
     inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
     readonly?: boolean;
-    inputState?: 'success' | 'warning' | 'error' | 'default';
     labelMark?: 'required' | 'optional' | 'none';
     leadingIcon?: {
         name: string;
@@ -20,7 +17,7 @@ export interface FmTextFieldProps {
         name: string;
         color: string;
     };
-    rules?: ValidationRule[];
+    showSuccess?: boolean;
     showValidBorder?: boolean;
     prependText?: string;
     appendText?: string;
@@ -32,16 +29,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: {
         type: import("vue").PropType<string>;
-        default: string;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
     modelValue: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<any>;
         required: true;
-        default: string;
     };
     leadingIcon: {
         type: import("vue").PropType<{
@@ -63,11 +58,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             color: string;
         };
     };
-    placeholder: {
+    helperText: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    helperText: {
+    rules: {
+        type: import("vue").PropType<import("../../../composables/useValidation").ValidationRule[]>;
+        default: () => never[];
+    };
+    placeholder: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -79,10 +78,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    rules: {
-        type: import("vue").PropType<ValidationRule[]>;
-        default: () => never[];
-    };
     showValidBorder: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -103,14 +98,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<number>;
         default: number;
     };
-    inputState: {
-        type: import("vue").PropType<"default" | "error" | "success" | "warning">;
-        default: string;
-    };
     labelMark: {
         type: import("vue").PropType<"required" | "none" | "optional">;
         default: string;
     };
+    showSuccess: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -120,16 +115,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: {
         type: import("vue").PropType<string>;
-        default: string;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
     modelValue: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<any>;
         required: true;
-        default: string;
     };
     leadingIcon: {
         type: import("vue").PropType<{
@@ -151,11 +144,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
             color: string;
         };
     };
-    placeholder: {
+    helperText: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    helperText: {
+    rules: {
+        type: import("vue").PropType<import("../../../composables/useValidation").ValidationRule[]>;
+        default: () => never[];
+    };
+    placeholder: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -167,10 +164,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    rules: {
-        type: import("vue").PropType<ValidationRule[]>;
-        default: () => never[];
-    };
     showValidBorder: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -191,21 +184,19 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<number>;
         default: number;
     };
-    inputState: {
-        type: import("vue").PropType<"default" | "error" | "success" | "warning">;
-        default: string;
-    };
     labelMark: {
         type: import("vue").PropType<"required" | "none" | "optional">;
         default: string;
     };
+    showSuccess: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
     required: boolean;
-    label: string;
     disabled: boolean;
-    modelValue: string;
     leadingIcon: {
         name: string;
         color: string;
@@ -214,18 +205,18 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         name: string;
         color: string;
     };
-    placeholder: string;
     helperText: string;
+    rules: import("../../../composables/useValidation").ValidationRule[];
+    placeholder: string;
     inputmode: "text" | "search" | "none" | "numeric" | "decimal" | "tel" | "email" | "url";
     readonly: boolean;
-    rules: ValidationRule[];
     showValidBorder: boolean;
     prependText: string;
     appendText: string;
     minLength: number;
     maxLength: number;
-    inputState: "default" | "error" | "success" | "warning";
     labelMark: "required" | "none" | "optional";
+    showSuccess: boolean;
 }, {}>, {
     label?(_: {}): any;
     prepend?(_: {}): any;

package/dist/components/form/textarea/FmTextarea.vue.d.ts

@@ -1,4 +1,5 @@
-export interface FmTextareaProps {
+import { type FormChildProps } from '@/composables/useFormChild';
+export interface FmTextareaProps extends FormChildProps {
     label?: string;
     modelValue: string;
     required?: boolean;
@@ -8,8 +9,9 @@ export interface FmTextareaProps {
     minLength?: number;
     maxLength?: number;
     readonly?: boolean;
-    inputState?: 'success' | 'warning' | 'error' | 'default';
     labelMark?: 'required' | 'optional' | 'none';
+    showSuccess?: boolean;
+    showValidBorder?: boolean;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     required: {
@@ -29,11 +31,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         required: true;
         default: string;
     };
-    placeholder: {
+    helperText: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    helperText: {
+    rules: {
+        type: import("vue").PropType<import("@/composables/useValidation").ValidationRule[]>;
+        default: () => never[];
+    };
+    placeholder: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -41,6 +47,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    showValidBorder: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     minLength: {
         type: import("vue").PropType<number>;
         default: number;
@@ -49,14 +59,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<number>;
         default: number;
     };
-    inputState: {
-        type: import("vue").PropType<"default" | "error" | "success" | "warning">;
-        default: string;
-    };
     labelMark: {
         type: import("vue").PropType<"required" | "none" | "optional">;
         default: string;
     };
+    showSuccess: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (...args: any[]) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -77,11 +87,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         required: true;
         default: string;
     };
-    placeholder: {
+    helperText: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    helperText: {
+    rules: {
+        type: import("vue").PropType<import("@/composables/useValidation").ValidationRule[]>;
+        default: () => never[];
+    };
+    placeholder: {
         type: import("vue").PropType<string>;
         default: string;
     };
@@ -89,6 +103,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    showValidBorder: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     minLength: {
         type: import("vue").PropType<number>;
         default: number;
@@ -97,14 +115,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<number>;
         default: number;
     };
-    inputState: {
-        type: import("vue").PropType<"default" | "error" | "success" | "warning">;
-        default: string;
-    };
     labelMark: {
         type: import("vue").PropType<"required" | "none" | "optional">;
         default: string;
     };
+    showSuccess: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
 }, {
@@ -112,13 +130,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: string;
     disabled: boolean;
     modelValue: string;
-    placeholder: string;
     helperText: string;
+    rules: import("@/composables/useValidation").ValidationRule[];
+    placeholder: string;
     readonly: boolean;
+    showValidBorder: boolean;
     minLength: number;
     maxLength: number;
-    inputState: "default" | "error" | "success" | "warning";
     labelMark: "required" | "none" | "optional";
+    showSuccess: boolean;
 }, {}>, {
     label?(_: {}): any;
     "helper-text"?(_: {}): any;