@feedmepos/ui-library 0.0.16 → 0.0.17

package/dist/components/form/checkbox/FmCheckbox.vue.d.ts

@@ -1,10 +1,15 @@
 export interface FmCheckboxProps {
+    /**
+     * If defined as array, value will be pushed to array if checkbox is ticked.
+     * You can use it as a boolean value as well
+     * */
     modelValue: boolean | Array<any>;
     label: string;
     sublabel?: string;
     disabled?: boolean;
     /** `modelValue` takes highest precedence, indeterminate only works if `modelValue` is false */
     indeterminate?: boolean;
+    /** The value that will be pushed to `modelValue` if it is an array */
     value: any;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{

package/dist/components/form/date-picker/FmDatePicker.vue.d.ts

@@ -1,9 +1,9 @@
-export interface FmDatePickerProps {
+import type { FormChildProps } from '@/composables/useFormChild';
+export interface FmDatePickerProps extends FormChildProps {
     modelValue: string;
-    label?: string;
-    disabled?: boolean;
+    showValidBorder?: boolean;
 }
-declare const _default: import("vue").DefineComponent<{
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: {
         type: import("vue").PropType<string>;
         default: string;
@@ -16,6 +16,34 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         required: true;
     };
+    rules: {
+        type: import("vue").PropType<import("../../../composables/useValidation").ValidationRule[]>;
+        default: () => never[];
+    };
+    focused: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    helperText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    helperState: {
+        type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+        default: string;
+    };
+    labelMark: {
+        type: import("vue").PropType<"required" | "none" | "optional">;
+        default: string;
+    };
+    labelInfo: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showValidBorder: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -31,10 +59,55 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         required: true;
     };
+    rules: {
+        type: import("vue").PropType<import("../../../composables/useValidation").ValidationRule[]>;
+        default: () => never[];
+    };
+    focused: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    helperText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    helperState: {
+        type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+        default: string;
+    };
+    labelMark: {
+        type: import("vue").PropType<"required" | "none" | "optional">;
+        default: string;
+    };
+    labelInfo: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showValidBorder: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }, {
     label: string;
     disabled: boolean;
-}, {}>;
+    rules: import("../../../composables/useValidation").ValidationRule[];
+    focused: boolean;
+    helperText: string;
+    helperState: "success" | "warning" | "none" | "error";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
+    showValidBorder: boolean;
+}, {}>, {
+    label?(_: {}): any;
+    prepend?(_: {}): any;
+    append?(_: {}): any;
+    "helper-text"?(_: {}): any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/date-range-picker/FmDateRangePicker.vue.d.ts

@@ -1,17 +1,16 @@
+import type { FormChildProps } from '@/composables/useFormChild';
 export type DateRange = {
     startDate: string | null;
     endDate: string | null;
 };
-export interface FmDateRangePickerProps {
+export interface FmDateRangePickerProps extends Omit<FormChildProps, 'label'> {
     modelValue: DateRange | null;
-    label?: string;
+    startLabel?: string;
+    endLabel?: string;
     disabled?: boolean;
+    showValidBorder?: boolean;
 }
-declare const _default: import("vue").DefineComponent<{
-    label: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -20,13 +19,45 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<DateRange | null>;
         required: true;
     };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: DateRange) => void;
-}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    label: {
+    rules: {
+        type: import("vue").PropType<import("../../../composables/useValidation").ValidationRule[]>;
+        default: () => never[];
+    };
+    focused: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    helperText: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    helperState: {
+        type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+        default: string;
+    };
+    labelMark: {
+        type: import("vue").PropType<"required" | "none" | "optional">;
+        default: string;
+    };
+    labelInfo: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showValidBorder: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    startLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    endLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: DateRange) => void;
+}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     disabled: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -35,10 +66,63 @@ declare const _default: import("vue").DefineComponent<{
         type: import("vue").PropType<DateRange | null>;
         required: true;
     };
+    rules: {
+        type: import("vue").PropType<import("../../../composables/useValidation").ValidationRule[]>;
+        default: () => never[];
+    };
+    focused: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    helperText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    helperState: {
+        type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+        default: string;
+    };
+    labelMark: {
+        type: import("vue").PropType<"required" | "none" | "optional">;
+        default: string;
+    };
+    labelInfo: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showValidBorder: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    startLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    endLabel: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
 }, {
-    label: string;
     disabled: boolean;
-}, {}>;
+    rules: import("../../../composables/useValidation").ValidationRule[];
+    focused: boolean;
+    helperText: string;
+    helperState: "success" | "warning" | "none" | "error";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
+    showValidBorder: boolean;
+    startLabel: string;
+    endLabel: string;
+}, {}>, {
+    prepend?(_: {}): any;
+    append?(_: {}): any;
+    "helper-text"?(_: {}): any;
+}>;
 export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/field/FmField.vue.d.ts

@@ -12,11 +12,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    focused: {
+    invalid: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    invalid: {
+    focused: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
@@ -41,11 +41,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    focused: {
+    invalid: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    invalid: {
+    focused: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
@@ -67,8 +67,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
 }>>, {
     disabled: boolean;
-    focused: boolean;
     invalid: boolean;
+    focused: boolean;
     tag: string;
     prependIcon: string;
     appendIcon: string;

package/dist/components/form/form-group/FmFormGroup.vue.d.ts

@@ -10,7 +10,8 @@ export interface FmFormGroupProps {
     info?: string;
     helperText?: string;
     helperState?: 'success' | 'warning' | 'error' | 'none';
-    errorMessages?: string[];
+    /** If running into odd behaviors */
+    tag?: string;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     info: {
@@ -33,15 +34,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<any>;
         required: true;
     };
-    errorMessages: {
-        type: import("vue").PropType<string[]>;
-        default: () => never[];
-    };
-    helperText: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    focused: {
+    optional: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
@@ -49,13 +42,21 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<ValidationRule[]>;
         default: () => never[];
     };
+    focused: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    helperText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     helperState: {
         type: import("vue").PropType<"success" | "warning" | "none" | "error">;
         default: string;
     };
-    optional: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    tag: {
+        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<{
     info: {
@@ -78,15 +79,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<any>;
         required: true;
     };
-    errorMessages: {
-        type: import("vue").PropType<string[]>;
-        default: () => never[];
-    };
-    helperText: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    focused: {
+    optional: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
@@ -94,29 +87,41 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<ValidationRule[]>;
         default: () => never[];
     };
+    focused: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    helperText: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     helperState: {
         type: import("vue").PropType<"success" | "warning" | "none" | "error">;
         default: string;
     };
-    optional: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+    tag: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
 }>>, {
     info: string;
     label: string;
     required: boolean;
     disabled: boolean;
-    errorMessages: string[];
-    helperText: string;
-    focused: boolean;
+    optional: boolean;
     rules: ValidationRule[];
+    focused: boolean;
+    helperText: string;
     helperState: "success" | "warning" | "none" | "error";
-    optional: boolean;
+    tag: string;
 }, {}>, {
     label?(_: {}): any;
-    default?(_: {}): any;
+    default?(_: {
+        isPristine: import("vue").Ref<boolean>;
+        invalid: boolean;
+    }): any;
     "helper-text"?(_: {}): any;
+    "helper-append"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -7,8 +7,6 @@ export interface RadioGroupProvider {
 export interface FmRadioGroup extends FormChildProps {
     modelValue: any;
     inline?: boolean;
-    helperText?: string;
-    disabled?: boolean;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     inline: {
@@ -17,6 +15,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: {
         type: import("vue").PropType<string>;
+        default: string;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
@@ -26,19 +25,29 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<any>;
         required: true;
     };
-    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")[];
     };
     focused: {
         type: import("vue").PropType<boolean>;
+        default: boolean;
     };
-    rules: {
-        type: import("vue").PropType<import("../../../composables/useValidation").ValidationRule[]>;
-        default: () => ((val: any) => true | "This field is required")[];
+    helperText: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
     helperState: {
         type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+        default: string;
+    };
+    labelMark: {
+        type: import("vue").PropType<"required" | "none" | "optional">;
+        default: string;
+    };
+    labelInfo: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: any) => void;
@@ -49,6 +58,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     };
     label: {
         type: import("vue").PropType<string>;
+        default: string;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
@@ -58,28 +68,44 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<any>;
         required: true;
     };
-    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")[];
     };
     focused: {
         type: import("vue").PropType<boolean>;
+        default: boolean;
     };
-    rules: {
-        type: import("vue").PropType<import("../../../composables/useValidation").ValidationRule[]>;
-        default: () => ((val: any) => true | "This field is required")[];
+    helperText: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
     helperState: {
         type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+        default: string;
+    };
+    labelMark: {
+        type: import("vue").PropType<"required" | "none" | "optional">;
+        default: string;
+    };
+    labelInfo: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
 }>> & {
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }, {
     inline: boolean;
+    label: string;
     disabled: boolean;
-    helperText: string;
     rules: import("../../../composables/useValidation").ValidationRule[];
+    focused: boolean;
+    helperText: string;
+    helperState: "success" | "warning" | "none" | "error";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
 }, {}>, {
+    label?(_: {}): any;
     default?(_: {}): any;
     "helper-text"?(_: {}): any;
 }>;

package/dist/components/form/select/FmSelect.vue.d.ts

@@ -1,22 +1,22 @@
 import { type Placement } from '@floating-ui/vue';
+import type { FormChildProps } from '@/composables/useFormChild';
 export interface ISelectItem {
     label: string;
     value: any;
 }
-export interface FmSelectProps {
+export interface FmSelectProps extends FormChildProps {
     /** Will return array if multiselect is enabled, else just the selected value */
     modelValue: any;
-    label: string;
     items: ISelectItem[];
-    disabled?: boolean;
     multiselect?: boolean;
     placement?: Placement;
     placeholder?: string;
+    showValidBorder?: boolean;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: {
         type: import("vue").PropType<string>;
-        required: true;
+        default: string;
     };
     items: {
         type: import("vue").PropType<ISelectItem[]>;
@@ -30,14 +30,42 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<any>;
         required: true;
     };
-    placeholder: {
+    placement: {
+        type: import("vue").PropType<Placement>;
+        default: string;
+    };
+    rules: {
+        type: import("vue").PropType<import("../../../composables/useValidation").ValidationRule[]>;
+        default: () => never[];
+    };
+    focused: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    helperText: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    placement: {
-        type: import("vue").PropType<Placement>;
+    helperState: {
+        type: import("vue").PropType<"success" | "warning" | "none" | "error">;
         default: string;
     };
+    labelMark: {
+        type: import("vue").PropType<"required" | "none" | "optional">;
+        default: string;
+    };
+    labelInfo: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showValidBorder: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     multiselect: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -47,7 +75,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
-        required: true;
+        default: string;
     };
     items: {
         type: import("vue").PropType<ISelectItem[]>;
@@ -61,14 +89,42 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<any>;
         required: true;
     };
-    placeholder: {
+    placement: {
+        type: import("vue").PropType<Placement>;
+        default: string;
+    };
+    rules: {
+        type: import("vue").PropType<import("../../../composables/useValidation").ValidationRule[]>;
+        default: () => never[];
+    };
+    focused: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    helperText: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    placement: {
-        type: import("vue").PropType<Placement>;
+    helperState: {
+        type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+        default: string;
+    };
+    labelMark: {
+        type: import("vue").PropType<"required" | "none" | "optional">;
         default: string;
     };
+    labelInfo: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    placeholder: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    showValidBorder: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
     multiselect: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -76,12 +132,22 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }, {
+    label: string;
     disabled: boolean;
-    placeholder: string;
     placement: Placement;
+    rules: import("../../../composables/useValidation").ValidationRule[];
+    focused: boolean;
+    helperText: string;
+    helperState: "success" | "warning" | "none" | "error";
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
+    placeholder: string;
+    showValidBorder: boolean;
     multiselect: boolean;
 }, {}>, {
     label?(_: {}): any;
+    prepend?(_: {}): any;
+    "helper-text"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {