@feedmepos/ui-library 1.0.1 → 1.1.0

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

@@ -1,4 +1,4 @@
-import type { FormChildProps } from '@/composables/useFormChild';
+import type { FormChildProps } from '../../../composables/useFormChild';
 export interface FmStepperFieldProps extends FormChildProps {
     modelValue: number | null;
     placeholder?: string;
@@ -73,11 +73,11 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     label: string;
     prependIcon: string;
     appendIcon: string;
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     rules: import("../../../composables/useValidation").ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    labelMark: "none" | "required" | "optional";
-    labelInfo: string;
+    helperState: "success" | "warning" | "none" | "error";
     max: number;
     min: number;
     placeholder: string;

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

@@ -1,4 +1,4 @@
-import { type FormChildProps } from '@/composables/useFormChild';
+import { type FormChildProps } from '../../../composables/useFormChild';
 export interface FmTextFieldProps extends FormChildProps {
     placeholder?: string;
     minLength?: number;
@@ -31,7 +31,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     labelInfo: string;
     helperState: string;
     showWordCount: boolean;
-}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+}>, {
+    focus: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
     "focus-changed": (value: boolean) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmTextFieldProps>, {
@@ -59,16 +61,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     disabled: boolean;
     prependIcon: string;
     appendIcon: string;
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     rules: import("../../../composables/useValidation").ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    labelMark: "none" | "required" | "optional";
-    labelInfo: string;
+    helperState: "success" | "warning" | "none" | "error";
     maxLength: number;
     minLength: number;
     placeholder: string;
     showValidBorder: boolean;
-    inputmode: "text" | "none" | "search" | "numeric" | "email" | "tel" | "url" | "decimal";
+    inputmode: "text" | "numeric" | "search" | "none" | "email" | "tel" | "url" | "decimal";
     readonly: boolean;
     showWordCount: boolean;
 }, {}>, {

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

@@ -1,4 +1,4 @@
-import { type FormChildProps } from '@/composables/useFormChild';
+import { type FormChildProps } from '../../../composables/useFormChild';
 export interface FmTextareaProps extends FormChildProps {
     modelValue: string;
     placeholder?: string;
@@ -55,12 +55,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     label: string;
     modelValue: string;
     disabled: boolean;
-    rules: import("../../../composables/useValidation").ValidationRule[];
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     focused: boolean;
+    rules: import("../../../composables/useValidation").ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    labelMark: "none" | "required" | "optional";
-    labelInfo: string;
+    helperState: "success" | "warning" | "none" | "error";
     maxLength: number;
     minLength: number;
     placeholder: string;

package/dist/components/form/time-picker/FmTimePicker.vue.d.ts

@@ -1,4 +1,4 @@
-import type { FormChildProps } from '@/composables/useFormChild';
+import type { FormChildProps } from '../../../composables/useFormChild';
 export interface FmTimePicker extends FormChildProps {
     modelValue: string | null;
     showValidBorder?: boolean;
@@ -30,12 +30,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     label: string;
     disabled: boolean;
-    rules: import("../../../composables/useValidation").ValidationRule[];
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     focused: boolean;
+    rules: import("../../../composables/useValidation").ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    labelMark: "none" | "required" | "optional";
-    labelInfo: string;
+    helperState: "success" | "warning" | "none" | "error";
     showValidBorder: boolean;
 }, {}>, {
     label?(_: {}): any;

package/dist/components/form/time-picker/FmTimeRangePicker.vue.d.ts

@@ -1,4 +1,4 @@
-import type { FormChildProps } from '@/composables/useFormChild';
+import type { FormChildProps } from '../../../composables/useFormChild';
 export interface FmTimePicker extends FormChildProps {
     modelValue: string[] | null;
     showValidBorder?: boolean;
@@ -30,12 +30,12 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {
     label: string;
     disabled: boolean;
-    rules: import("../../../composables/useValidation").ValidationRule[];
+    labelMark: "required" | "none" | "optional";
+    labelInfo: string;
     focused: boolean;
+    rules: import("../../../composables/useValidation").ValidationRule[];
     helperText: string;
-    helperState: "none" | "success" | "warning" | "error";
-    labelMark: "none" | "required" | "optional";
-    labelInfo: string;
+    helperState: "success" | "warning" | "none" | "error";
     showValidBorder: boolean;
 }, {}>, {
     label?(_: {}): any;

package/dist/components/icon/FmIcon.vue.d.ts

@@ -34,8 +34,8 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    size: "sm" | "md" | "lg" | "xl";
     color: string;
     outline: boolean;
+    size: "sm" | "md" | "lg" | "xl";
 }, {}>;
 export default _default;

package/dist/components/menu/menu-component/FmMenu.vue.d.ts

@@ -3,6 +3,7 @@ import { type Placement } from '@floating-ui/vue';
 interface FmMenu {
     /** Placement for the dropdown content relative to the button */
     placement?: Placement;
+    disabled?: boolean;
     /** Trigger for the main menu button only (does not affect submenu(s)) */
     trigger?: 'click' | 'hover';
     /** When set to `true`, menu will close on item clicks */
@@ -55,6 +56,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onMenu-changed"?: ((opened: boolean) => any) | undefined;
 }, {
+    disabled: boolean;
     placement: Placement;
     width: number;
     trigger: "click" | "hover";

package/dist/components/progress-indicator/FmCircularProgress.vue.d.ts

@@ -24,8 +24,8 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     size: string;
     color: string;
 }>>>, {
-    size: "md" | "lg" | "xl" | "xxl";
     color: string;
+    size: "md" | "lg" | "xl" | "xxl";
     currentStep: string | number;
     totalSteps: string | number;
     indeterminate: boolean;

package/dist/components/tab/FmTab.vue.d.ts

@@ -42,16 +42,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }, {}>, {
     prepend?(_: {}): any;
     append?(_: {}): any;
-    "list-item"?(_: {
-        modelValue?: any;
-        label?: string | undefined;
-        vertical?: boolean | undefined;
-        icon?: string | undefined;
-        disabled?: boolean | undefined;
-        badge?: number | undefined;
-        value?: any;
-        children?: FmTabProps[] | undefined;
-    }): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/table/FmTable.vue.d.ts

@@ -1,17 +1,27 @@
-import { type ColumnDef, type PaginationState } from '@tanstack/vue-table';
+import { type ColumnDef, type PaginationState, type ColumnFiltersState } from '@tanstack/vue-table';
 export interface FmTableProps {
     /** Used when using row selection */
     modelValue?: any;
     selection?: 'single' | 'multiple' | undefined;
     rowData?: any[];
     columnDefs?: ColumnDef<any>[];
+    /** Defines filter options on column level */
+    columnFilter?: ColumnFiltersState;
     searchValue?: string;
     /** Total number of pages if using manual pagination */
     pageCount?: number;
+    /** Total number of items if using manual pagination */
+    rowCount?: number;
     /** When specified, manual pagination will be enabled */
-    fetchFn?: ({ pageSize, pageIndex }: PaginationState) => void;
+    fetchFn?: ({ pageSize, pageIndex }: PaginationState) => Promise<void>;
     /** Default is 10 */
     pageSize?: number;
+    /**
+     * Manually set the loading state of the table.
+     * If not specified, the loading state will trigger on
+     * the start until the end of `fetchFn` Promise
+     */
+    loading?: boolean;
     /** Pin the headers row */
     pinHeaderRow?: boolean;
 }
@@ -19,37 +29,49 @@ export interface FmTableColumnDefs {
     minWidth?: number;
     maxWidth?: number;
 }
-declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmTableProps>, {
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmTableProps>, {
     modelValue: {};
     selection: undefined;
     rowData: () => never[];
     columnDefs: () => never[];
+    columnFilter: undefined;
     searchValue: string;
     pageCount: number;
+    rowCount: undefined;
     pageSize: number;
     fetchFn: undefined;
     pinHeaderRow: boolean;
+    loading: undefined;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmTableProps>, {
     modelValue: {};
     selection: undefined;
     rowData: () => never[];
     columnDefs: () => never[];
+    columnFilter: undefined;
     searchValue: string;
     pageCount: number;
+    rowCount: undefined;
     pageSize: number;
     fetchFn: undefined;
     pinHeaderRow: boolean;
+    loading: undefined;
 }>>>, {
     modelValue: any;
+    loading: boolean;
     pageSize: number;
     selection: "multiple" | "single";
     rowData: any[];
     columnDefs: ColumnDef<any>[];
+    columnFilter: ColumnFiltersState;
     searchValue: string;
     pageCount: number;
-    fetchFn: ({ pageSize, pageIndex }: PaginationState) => void;
+    rowCount: number;
+    fetchFn: ({ pageSize, pageIndex }: PaginationState) => Promise<void>;
     pinHeaderRow: boolean;
-}, {}>;
+}, {}>, {
+    "pin-top"?(_: {}): any;
+    "loading-text"?(_: {}): any;
+}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {
@@ -68,3 +90,8 @@ type __VLS_WithDefaults<P, D> = {
 type __VLS_Prettify<T> = {
     [K in keyof T]: T[K];
 } & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/table/FmTableToolbar.vue.d.ts

@@ -0,0 +1,48 @@
+import type { FmTableToolbarActions, FmTableToolbarProps } from './FmTableToolbar';
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmTableToolbarProps>, {
+    globalSearchModel: string;
+    chips: () => never[];
+    actions: () => never[];
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    [x: `click:action-${string}`]: () => void;
+    "update:global-search-model": (search: string) => void;
+    "click:remove-chip": (chipIndex: number) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmTableToolbarProps>, {
+    globalSearchModel: string;
+    chips: () => never[];
+    actions: () => never[];
+}>>> & {
+    [x: `onClick:action-${string}`]: (() => any) | undefined;
+    "onClick:remove-chip"?: ((chipIndex: number) => any) | undefined;
+    "onUpdate:global-search-model"?: ((search: string) => any) | undefined;
+}, {
+    actions: FmTableToolbarActions[];
+    chips: import("../chip/FmChip.vue").FmChipProps[];
+}, {}>, Partial<Record<`action-${string}`, (_: {}) => any>> & {
+    chips?(_: {}): any;
+    "action-search"?(_: {}): 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/tabs/FmTabs.vue.d.ts

@@ -40,16 +40,6 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         value?: any;
         children?: FmTabProps[] | undefined;
     }): any;
-    "list-item"?(_: {
-        modelValue?: any;
-        label?: string | undefined;
-        vertical?: boolean | undefined;
-        icon?: string | undefined;
-        disabled?: boolean | undefined;
-        badge?: number | undefined;
-        value?: any;
-        children?: FmTabProps[] | undefined;
-    }): any;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/dist/components/thumbnail/FmThumbnail.vue.d.ts

@@ -23,9 +23,9 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     icon: (state: any) => "" | "image";
     size: () => "md";
 }>>>, {
-    src: string;
     size: "sm" | "md" | "lg" | "xl";
     icon: string;
+    src: string;
 }, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;