@feedmepos/ui-library 0.0.14 → 0.0.16

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

@@ -1,13 +1,13 @@
 export interface FmRadio {
     modelValue?: any | null;
-    value: string;
+    value: any;
     label?: string;
     sublabel?: string;
     disabled?: boolean;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     value: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<any>;
         required: true;
     };
     label: {
@@ -27,10 +27,10 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => void;
+    "update:modelValue": (value: any) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     value: {
-        type: import("vue").PropType<string>;
+        type: import("vue").PropType<any>;
         required: true;
     };
     label: {
@@ -50,7 +50,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }, {
     label: string;
     disabled: boolean;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import FmRadioGroup from './FmRadioGroup.vue';
+declare const meta: Meta<typeof FmRadioGroup>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

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

@@ -2,7 +2,6 @@ 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 {
@@ -31,10 +30,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    focused: {
+        type: import("vue").PropType<boolean>;
+    };
     rules: {
-        type: import("vue").PropType<import("@/composables/useValidation").ValidationRule[]>;
+        type: import("vue").PropType<import("../../../composables/useValidation").ValidationRule[]>;
         default: () => ((val: any) => true | "This field is required")[];
     };
+    helperState: {
+        type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+    };
 }, {}, 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<{
@@ -57,17 +62,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    focused: {
+        type: import("vue").PropType<boolean>;
+    };
     rules: {
-        type: import("vue").PropType<import("@/composables/useValidation").ValidationRule[]>;
+        type: import("vue").PropType<import("../../../composables/useValidation").ValidationRule[]>;
         default: () => ((val: any) => true | "This field is required")[];
     };
+    helperState: {
+        type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }, {
     inline: boolean;
     disabled: boolean;
     helperText: string;
-    rules: import("@/composables/useValidation").ValidationRule[];
+    rules: import("../../../composables/useValidation").ValidationRule[];
 }, {}>, {
     default?(_: {}): any;
     "helper-text"?(_: {}): any;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import FmSelect from './FmSelect.vue';
+declare const meta: Meta<typeof FmSelect>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

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

@@ -4,7 +4,7 @@ export interface ISelectItem {
     value: any;
 }
 export interface FmSelectProps {
-    /** Will return array if multiselect is enabled, else string */
+    /** Will return array if multiselect is enabled, else just the selected value */
     modelValue: any;
     label: string;
     items: ISelectItem[];
@@ -30,20 +30,20 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<any>;
         required: true;
     };
-    placement: {
-        type: import("vue").PropType<Placement>;
-        default: string;
-    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    placement: {
+        type: import("vue").PropType<Placement>;
+        default: string;
+    };
     multiselect: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | string[]) => void;
+    "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>;
@@ -61,24 +61,24 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<any>;
         required: true;
     };
-    placement: {
-        type: import("vue").PropType<Placement>;
-        default: string;
-    };
     placeholder: {
         type: import("vue").PropType<string>;
         default: string;
     };
+    placement: {
+        type: import("vue").PropType<Placement>;
+        default: string;
+    };
     multiselect: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((value: string | string[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
 }, {
     disabled: boolean;
-    placement: Placement;
     placeholder: string;
+    placement: Placement;
     multiselect: boolean;
 }, {}>, {
     label?(_: {}): any;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import FmStepperField from './FmStepperField.vue';
+declare const meta: Meta<typeof FmStepperField>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

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

@@ -2,7 +2,6 @@ import { type ValidationRule } from '../../../composables/useValidation';
 export interface FmStepperFieldProps {
     label?: string;
     modelValue: number | null;
-    required?: boolean;
     disabled?: boolean;
     placeholder?: string;
     helperText?: string;
@@ -26,9 +25,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    required: {
-        type: import("vue").PropType<boolean>;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
     };
@@ -60,13 +56,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<number>;
         default: number;
     };
-    leadingIcon: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    trailingIcon: {
-        type: import("vue").PropType<string>;
-        default: string;
+    showValidBorder: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
     };
     inputmode: {
         type: import("vue").PropType<"numeric" | "decimal">;
@@ -75,6 +67,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     readonly: {
         type: import("vue").PropType<boolean>;
     };
+    leadingIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    trailingIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     useGrouping: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -87,10 +87,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    showValidBorder: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     prependText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -100,15 +96,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
+    "update:modelValue": (value: number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
         default: string;
     };
-    required: {
-        type: import("vue").PropType<boolean>;
-    };
     disabled: {
         type: import("vue").PropType<boolean>;
     };
@@ -140,13 +133,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<number>;
         default: number;
     };
-    leadingIcon: {
-        type: import("vue").PropType<string>;
-        default: string;
-    };
-    trailingIcon: {
-        type: import("vue").PropType<string>;
-        default: string;
+    showValidBorder: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
     };
     inputmode: {
         type: import("vue").PropType<"numeric" | "decimal">;
@@ -155,6 +144,14 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     readonly: {
         type: import("vue").PropType<boolean>;
     };
+    leadingIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    trailingIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
     useGrouping: {
         type: import("vue").PropType<boolean>;
         default: boolean;
@@ -167,10 +164,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    showValidBorder: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
-    };
     prependText: {
         type: import("vue").PropType<string>;
         default: string;
@@ -180,7 +173,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         default: string;
     };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
 }, {
     label: string;
     min: number;
@@ -188,13 +181,13 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     rules: ValidationRule[];
     placeholder: string;
     step: number;
+    showValidBorder: boolean;
+    inputmode: "numeric" | "decimal";
     leadingIcon: string;
     trailingIcon: string;
-    inputmode: "numeric" | "decimal";
     useGrouping: boolean;
     isCurrency: boolean;
     showSteppers: boolean;
-    showValidBorder: boolean;
     prependText: string;
     appendText: string;
 }, {}>, {

package/dist/components/form/switch/FmSwitch.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import FmSwitch from './FmSwitch.vue';
+declare const meta: Meta<typeof FmSwitch>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import FmTextfield from './FmTextField.vue';
+declare const meta: Meta<typeof FmTextfield>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;

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

@@ -1,34 +1,24 @@
 import { type FormChildProps } from '../../../composables/useFormChild';
 export interface FmTextFieldProps extends FormChildProps {
-    required?: boolean;
-    disabled?: boolean;
     placeholder?: string;
-    helperText?: string;
     minLength?: number;
     maxLength?: number;
+    /** To display virtual keyboard */
     inputmode?: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url';
     readonly?: boolean;
     labelMark?: 'required' | 'optional' | 'none';
-    leadingIcon?: {
-        name: string;
-        color: string;
-    };
-    trailingIcon?: {
-        name: string;
-        color: string;
-    };
+    prependIcon?: string;
+    appendIcon?: string;
     showSuccess?: boolean;
     showValidBorder?: boolean;
     prependText?: string;
     appendText?: string;
+    labelInfo?: string;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     label: {
         type: import("vue").PropType<string>;
-    };
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+        default: string;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
@@ -42,10 +32,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    focused: {
+        type: import("vue").PropType<boolean>;
+    };
     rules: {
         type: import("vue").PropType<import("../../../composables/useValidation").ValidationRule[]>;
         default: () => never[];
     };
+    helperState: {
+        type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+        default: string;
+    };
     maxLength: {
         type: import("vue").PropType<number>;
         default: number;
@@ -58,35 +55,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    leadingIcon: {
-        type: import("vue").PropType<{
-            name: string;
-            color: string;
-        }>;
-        default: () => {
-            name: string;
-            color: string;
-        };
-    };
-    trailingIcon: {
-        type: import("vue").PropType<{
-            name: string;
-            color: string;
-        }>;
-        default: () => {
-            name: string;
-            color: string;
-        };
+    prependIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
-    inputmode: {
-        type: import("vue").PropType<"text" | "search" | "none" | "email" | "tel" | "numeric" | "decimal" | "url">;
+    appendIcon: {
+        type: import("vue").PropType<string>;
         default: string;
     };
-    readonly: {
+    showValidBorder: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    showValidBorder: {
+    inputmode: {
+        type: import("vue").PropType<"numeric" | "text" | "search" | "none" | "email" | "tel" | "decimal" | "url">;
+        default: string;
+    };
+    readonly: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
@@ -106,15 +91,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    labelInfo: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (...args: any[]) => void;
+    "update:modelValue": (value: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: import("vue").PropType<string>;
-    };
-    required: {
-        type: import("vue").PropType<boolean>;
-        default: boolean;
+        default: string;
     };
     disabled: {
         type: import("vue").PropType<boolean>;
@@ -128,10 +114,17 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
+    focused: {
+        type: import("vue").PropType<boolean>;
+    };
     rules: {
         type: import("vue").PropType<import("../../../composables/useValidation").ValidationRule[]>;
         default: () => never[];
     };
+    helperState: {
+        type: import("vue").PropType<"success" | "warning" | "none" | "error">;
+        default: string;
+    };
     maxLength: {
         type: import("vue").PropType<number>;
         default: number;
@@ -144,35 +137,23 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<string>;
         default: string;
     };
-    leadingIcon: {
-        type: import("vue").PropType<{
-            name: string;
-            color: string;
-        }>;
-        default: () => {
-            name: string;
-            color: string;
-        };
-    };
-    trailingIcon: {
-        type: import("vue").PropType<{
-            name: string;
-            color: string;
-        }>;
-        default: () => {
-            name: string;
-            color: string;
-        };
+    prependIcon: {
+        type: import("vue").PropType<string>;
+        default: string;
     };
-    inputmode: {
-        type: import("vue").PropType<"text" | "search" | "none" | "email" | "tel" | "numeric" | "decimal" | "url">;
+    appendIcon: {
+        type: import("vue").PropType<string>;
         default: string;
     };
-    readonly: {
+    showValidBorder: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
-    showValidBorder: {
+    inputmode: {
+        type: import("vue").PropType<"numeric" | "text" | "search" | "none" | "email" | "tel" | "decimal" | "url">;
+        default: string;
+    };
+    readonly: {
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
@@ -192,36 +173,35 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
         type: import("vue").PropType<boolean>;
         default: boolean;
     };
+    labelInfo: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
 }>> & {
-    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
 }, {
-    required: boolean;
+    label: string;
     disabled: boolean;
     helperText: string;
     rules: import("../../../composables/useValidation").ValidationRule[];
+    helperState: "success" | "warning" | "none" | "error";
     maxLength: number;
     minLength: number;
     placeholder: string;
-    leadingIcon: {
-        name: string;
-        color: string;
-    };
-    trailingIcon: {
-        name: string;
-        color: string;
-    };
-    inputmode: "text" | "search" | "none" | "email" | "tel" | "numeric" | "decimal" | "url";
-    readonly: boolean;
+    prependIcon: string;
+    appendIcon: string;
     showValidBorder: boolean;
+    inputmode: "numeric" | "text" | "search" | "none" | "email" | "tel" | "decimal" | "url";
+    readonly: boolean;
     prependText: string;
     appendText: string;
     labelMark: "required" | "none" | "optional";
     showSuccess: boolean;
+    labelInfo: string;
 }, {}>, {
     label?(_: {}): any;
     prepend?(_: {}): any;
     append?(_: {}): any;
-    "helper-text"?(_: {}): any;
 }>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/vue3';
+import FmTextarea from './FmTextarea.vue';
+declare const meta: Meta<typeof FmTextarea>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;