@feedmepos/ui-library 0.0.25 → 1.0.0

package/dist/components/form/calendar/FmDateRangeYearMonthPicker.vue.d.ts

@@ -0,0 +1,20 @@
+import type { Dayjs } from 'dayjs';
+export interface FmDateRangeMonthPickerProps {
+    modelValue: Dayjs;
+    picker: 'month' | 'year';
+}
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FmDateRangeMonthPickerProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Dayjs) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FmDateRangeMonthPickerProps>>> & {
+    "onUpdate:modelValue"?: ((value: Dayjs) => any) | undefined;
+}, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<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/calendar/date-picker/FmDatePicker.vue.d.ts

@@ -0,0 +1,50 @@
+import { type FmDatePickerProps } from './FmDatePickerDesktop.vue';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmDatePickerProps>, {
+    label: string;
+    labelMark: string;
+    labelInfo: string;
+    disabled: boolean;
+    focused: boolean;
+    rules: () => never[];
+    helperText: string;
+    helperState: string;
+    showValidBorder: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmDatePickerProps>, {
+    label: string;
+    labelMark: string;
+    labelInfo: string;
+    disabled: boolean;
+    focused: boolean;
+    rules: () => never[];
+    helperText: string;
+    helperState: string;
+    showValidBorder: boolean;
+}>>>, {
+    label: string;
+    disabled: boolean;
+    rules: import("../../../../composables/useValidation").ValidationRule[];
+    focused: boolean;
+    helperText: string;
+    helperState: "none" | "success" | "warning" | "error";
+    labelMark: "none" | "required" | "optional";
+    labelInfo: string;
+    showValidBorder: boolean;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<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;
+    };
+};
+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];
+} & {};

package/dist/components/form/{date-picker/FmDatePicker.vue.d.ts → calendar/date-picker/FmDatePickerDesktop.vue.d.ts}

@@ -30,11 +30,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     label: string;
     disabled: boolean;
-    rules: import("../../../composables/useValidation").ValidationRule[];
+    rules: import("../../../../composables/useValidation").ValidationRule[];
     focused: boolean;
     helperText: string;
-    helperState: "success" | "warning" | "none" | "error";
-    labelMark: "required" | "none" | "optional";
+    helperState: "none" | "success" | "warning" | "error";
+    labelMark: "none" | "required" | "optional";
     labelInfo: string;
     showValidBorder: boolean;
 }, {}>, {

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

@@ -0,0 +1,68 @@
+import type { FormChildProps } from '@/composables/useFormChild';
+export interface FmDatePickerProps extends FormChildProps {
+    modelValue: string;
+    showValidBorder?: boolean;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmDatePickerProps>, {
+    label: string;
+    labelMark: string;
+    labelInfo: string;
+    disabled: boolean;
+    focused: boolean;
+    rules: () => never[];
+    helperText: string;
+    helperState: string;
+    showValidBorder: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmDatePickerProps>, {
+    label: string;
+    labelMark: string;
+    labelInfo: string;
+    disabled: boolean;
+    focused: boolean;
+    rules: () => never[];
+    helperText: string;
+    helperState: string;
+    showValidBorder: boolean;
+}>>> & {
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}, {
+    label: string;
+    disabled: boolean;
+    rules: import("../../../../composables/useValidation").ValidationRule[];
+    focused: boolean;
+    helperText: string;
+    helperState: "none" | "success" | "warning" | "error";
+    labelMark: "none" | "required" | "optional";
+    labelInfo: string;
+    showValidBorder: boolean;
+}, {}>, {
+    label?(_: {}): any;
+    prepend?(_: {}): any;
+    append?(_: {}): any;
+    "helper-text"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<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;
+    };
+};
+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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,77 @@
+import type { FmDateRangePickerProps } from './common';
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmDateRangePickerProps>, {
+    startLabel: string;
+    endLabel: string;
+    labelMark: string;
+    labelInfo: string;
+    disabled: boolean;
+    focused: boolean;
+    rules: () => never[];
+    helperText: string;
+    helperState: string;
+    showValidBorder: boolean;
+    showPredefinedRange: boolean;
+    predefinedRange: () => {
+        label: string;
+        value: {
+            startDate: string;
+            endDate: string;
+        };
+    }[];
+    compare: boolean;
+    compareLabel: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmDateRangePickerProps>, {
+    startLabel: string;
+    endLabel: string;
+    labelMark: string;
+    labelInfo: string;
+    disabled: boolean;
+    focused: boolean;
+    rules: () => never[];
+    helperText: string;
+    helperState: string;
+    showValidBorder: boolean;
+    showPredefinedRange: boolean;
+    predefinedRange: () => {
+        label: string;
+        value: {
+            startDate: string;
+            endDate: string;
+        };
+    }[];
+    compare: boolean;
+    compareLabel: string;
+}>>>, {
+    disabled: boolean;
+    rules: import("../../../../composables/useValidation").ValidationRule[];
+    focused: boolean;
+    helperText: string;
+    helperState: "none" | "success" | "warning" | "error";
+    labelMark: "none" | "required" | "optional";
+    labelInfo: string;
+    showValidBorder: boolean;
+    startLabel: string;
+    endLabel: string;
+    showPredefinedRange: boolean;
+    predefinedRange: import("./common").FmCalendarPredefinedRange[];
+    compare: boolean;
+    compareLabel: string;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<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;
+    };
+};
+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];
+} & {};

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

@@ -0,0 +1,90 @@
+import { type DateRange, type FmDateRangePickerProps, type FmCalendarPredefinedRange } from './common';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmDateRangePickerProps>, {
+    startLabel: string;
+    endLabel: string;
+    labelMark: string;
+    labelInfo: string;
+    disabled: boolean;
+    focused: boolean;
+    rules: () => never[];
+    helperText: string;
+    helperState: string;
+    showValidBorder: boolean;
+    showPredefinedRange: boolean;
+    predefinedRange: () => {
+        label: string;
+        value: {
+            startDate: string;
+            endDate: string;
+        };
+    }[];
+    compare: boolean;
+    compareLabel: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: DateRange) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmDateRangePickerProps>, {
+    startLabel: string;
+    endLabel: string;
+    labelMark: string;
+    labelInfo: string;
+    disabled: boolean;
+    focused: boolean;
+    rules: () => never[];
+    helperText: string;
+    helperState: string;
+    showValidBorder: boolean;
+    showPredefinedRange: boolean;
+    predefinedRange: () => {
+        label: string;
+        value: {
+            startDate: string;
+            endDate: string;
+        };
+    }[];
+    compare: boolean;
+    compareLabel: string;
+}>>> & {
+    "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
+}, {
+    disabled: boolean;
+    rules: import("../../../../composables/useValidation").ValidationRule[];
+    focused: boolean;
+    helperText: string;
+    helperState: "none" | "success" | "warning" | "error";
+    labelMark: "none" | "required" | "optional";
+    labelInfo: string;
+    showValidBorder: boolean;
+    startLabel: string;
+    endLabel: string;
+    showPredefinedRange: boolean;
+    predefinedRange: FmCalendarPredefinedRange[];
+    compare: boolean;
+    compareLabel: string;
+}, {}>, {
+    prepend?(_: {}): any;
+    append?(_: {}): any;
+    "helper-text"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<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;
+    };
+};
+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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,70 @@
+import type { DateRange } from './common';
+export interface FmDateRangePickerFieldProps {
+    modelValue: DateRange | null;
+    analytic?: boolean;
+    disabled?: boolean;
+    invalid?: boolean;
+    focused?: boolean;
+    showValidBorder?: boolean;
+    isComparing?: boolean;
+    startLabel?: string;
+    endLabel?: string;
+    compareLabel?: string;
+}
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmDateRangePickerFieldProps>, {
+    analytic: boolean;
+    disabled: boolean;
+    invalid: boolean;
+    focused: boolean;
+    showValidBorder: boolean;
+    isComparing: boolean;
+    startLabel: string;
+    endLabel: string;
+    compareLabel: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmDateRangePickerFieldProps>, {
+    analytic: boolean;
+    disabled: boolean;
+    invalid: boolean;
+    focused: boolean;
+    showValidBorder: boolean;
+    isComparing: boolean;
+    startLabel: string;
+    endLabel: string;
+    compareLabel: string;
+}>>>, {
+    disabled: boolean;
+    focused: boolean;
+    invalid: boolean;
+    showValidBorder: boolean;
+    startLabel: string;
+    endLabel: string;
+    compareLabel: string;
+    analytic: boolean;
+    isComparing: boolean;
+}, {}>, {
+    prepend?(_: {}): any;
+    append?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<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;
+    };
+};
+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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

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

@@ -0,0 +1,88 @@
+import { type DateRange, type FmDateRangePickerProps, type FmCalendarPredefinedRange } from './common';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmDateRangePickerProps>, {
+    startLabel: string;
+    endLabel: string;
+    labelMark: string;
+    labelInfo: string;
+    disabled: boolean;
+    focused: boolean;
+    rules: () => never[];
+    helperText: string;
+    helperState: string;
+    showValidBorder: boolean;
+    showPredefinedRange: boolean;
+    predefinedRange: () => {
+        label: string;
+        value: {
+            startDate: string;
+            endDate: string;
+        };
+    }[];
+    compare: boolean;
+    compareLabel: string;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: DateRange) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmDateRangePickerProps>, {
+    startLabel: string;
+    endLabel: string;
+    labelMark: string;
+    labelInfo: string;
+    disabled: boolean;
+    focused: boolean;
+    rules: () => never[];
+    helperText: string;
+    helperState: string;
+    showValidBorder: boolean;
+    showPredefinedRange: boolean;
+    predefinedRange: () => {
+        label: string;
+        value: {
+            startDate: string;
+            endDate: string;
+        };
+    }[];
+    compare: boolean;
+    compareLabel: string;
+}>>> & {
+    "onUpdate:modelValue"?: ((value: DateRange) => any) | undefined;
+}, {
+    disabled: boolean;
+    rules: import("../../../../composables/useValidation").ValidationRule[];
+    focused: boolean;
+    helperText: string;
+    helperState: "none" | "success" | "warning" | "error";
+    labelMark: "none" | "required" | "optional";
+    labelInfo: string;
+    showValidBorder: boolean;
+    startLabel: string;
+    endLabel: string;
+    showPredefinedRange: boolean;
+    predefinedRange: FmCalendarPredefinedRange[];
+    compare: boolean;
+    compareLabel: string;
+}, {}>, {
+    "helper-text"?(_: {}): any;
+}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<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;
+    };
+};
+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_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/form/calendar/date-range-picker/common.d.ts

@@ -0,0 +1,37 @@
+import type { FormChildProps } from '@/composables/useFormChild';
+import type { Dayjs } from 'dayjs';
+export declare const enum CompareType {
+    PrecedingPeriod = "preceding_period",
+    PrecedingWeek = "preceding_week",
+    PrecedingMonth = "preceding_month",
+    Custom = "custom"
+}
+export interface FmCalendarPredefinedRange {
+    label: string;
+    value: DateRange;
+}
+export interface FmCalendarPredefinedComparison {
+    id: string;
+    label: string;
+    sublabel: string;
+    action: () => void;
+}
+export interface InternalDateRange {
+    startDate: Dayjs | null;
+    endDate: Dayjs | null;
+}
+export type DateRange = {
+    startDate: string | null;
+    endDate: string | null;
+};
+export interface FmDateRangePickerProps extends Omit<FormChildProps, 'label'> {
+    modelValue: DateRange | DateRange[] | null;
+    startLabel?: string;
+    endLabel?: string;
+    disabled?: boolean;
+    showValidBorder?: boolean;
+    showPredefinedRange?: boolean;
+    predefinedRange?: FmCalendarPredefinedRange[];
+    compare?: boolean;
+    compareLabel?: string;
+}

package/dist/components/form/calendar/helper.d.ts

@@ -0,0 +1,15 @@
+import type { Dayjs } from 'dayjs';
+export declare const DATE_FORMAT = "YYYY-MM-DD";
+export declare const generateCalendar: (firstDayOfMonth: Dayjs) => {
+    date: Dayjs;
+    isCurrentMonth: boolean;
+}[][];
+export declare const generateMobileCalendar: () => {
+    id: string;
+    matrix: {
+        date: Dayjs;
+        isCurrentMonth: boolean;
+    }[][];
+    height: number;
+}[];
+export declare const namesOfDays: string[];

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

@@ -4,7 +4,7 @@ export interface FmCheckboxProps {
      * You can use it as a boolean value as well
      * */
     modelValue: boolean | Array<any>;
-    label: string;
+    label?: string;
     sublabel?: string;
     disabled?: boolean;
     /** `modelValue` takes highest precedence, indeterminate only works if `modelValue` is false */
@@ -13,6 +13,7 @@ export interface FmCheckboxProps {
     value: any;
 }
 declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmCheckboxProps>, {
+    label: string;
     sublabel: string;
     disabled: boolean;
     indeterminate: boolean;
@@ -20,6 +21,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "update:modelValue": (value: any) => void;
     "update:indeterminate": (value: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmCheckboxProps>, {
+    label: string;
     sublabel: string;
     disabled: boolean;
     indeterminate: boolean;
@@ -27,6 +29,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     "onUpdate:modelValue"?: ((value: any) => any) | undefined;
     "onUpdate:indeterminate"?: ((value: boolean) => any) | undefined;
 }, {
+    label: string;
     disabled: boolean;
     indeterminate: boolean;
     sublabel: string;

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

@@ -27,9 +27,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled: boolean;
     prependIcon: string;
     appendIcon: string;
-    invalid: boolean;
     focused: boolean;
     tag: string;
+    invalid: boolean;
     showValidBorder: boolean;
 }, {}>, {
     prepend?(_: {}): any;

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

@@ -36,15 +36,15 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     helperState: string;
     tag: string;
 }>>>, {
-    info: string;
     label: string;
+    info: string;
     required: boolean;
     disabled: boolean;
     optional: boolean;
     rules: ValidationRule[];
     focused: boolean;
     helperText: string;
-    helperState: "success" | "warning" | "none" | "error";
+    helperState: "none" | "success" | "warning" | "error";
     tag: string;
 }, {}>, {
     label?(_: {}): any;

package/dist/components/form/helper-text/FmHelperText.vue.d.ts

@@ -18,7 +18,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     text: string;
     disabled: boolean;
     errorMessages: string[];
-    state: "success" | "warning" | "none" | "error";
+    state: "none" | "success" | "warning" | "error";
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/components/form/label/FmLabel.vue.d.ts

@@ -27,8 +27,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     optional: boolean;
     info: string;
 }>>>, {
-    info: string;
     label: string;
+    info: string;
     required: boolean;
     disabled: boolean;
     optional: boolean;