@feedmepos/ui-library 1.1.2 → 1.1.4

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

@@ -1,4 +1,5 @@
 import { type ColumnDef, type PaginationState, type ColumnFiltersState, type Row } from '@tanstack/vue-table';
+import type { Breakpoints } from '../../composables/useBreakpoints';
 export interface FmTableProps {
     /** Used when using row selection */
     modelValue?: any;
@@ -26,6 +27,38 @@ export interface FmTableProps {
     pinHeaderRow?: boolean;
     /** Callback when row is clicked */
     onRowClick?: (row: Row<any>) => void;
+    /**
+     * If set to `true`, pagination will be reset to the first page when page-altering state changes eg. `data` is updated, filters change, grouping changes, etc.
+     * @link [API Docs](https://tanstack.com/table/v8/docs/api/features/pagination#autoresetpageindex)
+     * @link [Guide](https://tanstack.com/table/v8/docs/guide/pagination)
+     * @default false
+     */
+    autoResetPageIndex?: boolean;
+    /**
+     * Sets upper width boundary for the table layout to render as list layout instead
+     *
+     * @example shrink-at="xs"
+     * @example shrink-at="120" // numeric string will be intepreted as pixel
+     * @example :shrink-at="120" // number literal will be intepreted as pixel
+     * @default "xs"
+     */
+    shrinkAt?: Breakpoints | string | number;
+    /** Hide the footer(Pagination) */
+    hideFooter?: boolean;
+}
+export interface FmTableSlots {
+    /**
+     * Defines table row appearance on table layout mode
+     * @default <tr>
+     */
+    'table-row'<T = any>(row: Row<T>): void;
+    /**
+     * Defines list row appearance on list layout mode
+     * @default <FmListItem>
+     */
+    'list-row'<T = any>(row: Row<T>): void;
+    'pin-top'(): void;
+    'loading-text'(): void;
 }
 export interface FmTableColumnDefs {
     minWidth?: number;
@@ -44,7 +77,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     fetchFn: undefined;
     pinHeaderRow: boolean;
     loading: undefined;
-    onRowClick: () => void;
+    onRowClick: undefined;
+    shrinkAt: string;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FmTableProps>, {
     modelValue: {};
     selection: undefined;
@@ -58,7 +92,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     fetchFn: undefined;
     pinHeaderRow: boolean;
     loading: undefined;
-    onRowClick: () => void;
+    onRowClick: undefined;
+    shrinkAt: string;
 }>>>, {
     modelValue: any;
     loading: boolean;
@@ -73,10 +108,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     fetchFn: ({ pageSize, pageIndex }: PaginationState) => Promise<void>;
     pinHeaderRow: boolean;
     onRowClick: (row: Row<any>) => void;
-}, {}>, {
-    "pin-top"?(_: {}): any;
-    "loading-text"?(_: {}): any;
-}>;
+    shrinkAt: string | number;
+}, {}>, Readonly<FmTableSlots> & FmTableSlots>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToRuntimeProps<T> = {

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

@@ -0,0 +1,15 @@
+import { type Table } from '@tanstack/vue-table';
+export interface FmTableHeaderProps {
+    table: Table<unknown>;
+}
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToRuntimeProps<FmTableHeaderProps>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<FmTableHeaderProps>>>, {}, {}>;
+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/table/FmTableToolbar.vue.d.ts

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

package/dist/components/tabs/FmTabs.vue.d.ts

@@ -21,8 +21,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
 }>>> & {
     "onUpdate:modelValue"?: ((tab: string | number | null) => any) | undefined;
 }, {
-    modelValue: any;
     disabled: boolean;
+    modelValue: any;
     vertical: boolean;
     showMoreAt: number;
 }, {}>, {

package/dist/components/tooltip/FmTooltip.vue.d.ts

@@ -30,9 +30,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     content: string;
     disabled: boolean;
 }>>>, {
-    variant: "plain" | "rich";
     disabled: boolean;
-    placement: "bottom" | "left" | "right" | "top";
+    variant: "plain" | "rich";
+    placement: "top" | "right" | "bottom" | "left";
     hideArrow: boolean;
     content: string;
 }, {}>, {

package/dist/components/tooltip/FmTooltipDirective.vue.d.ts

@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     hideArrow: boolean;
 }>>>, {
     disabled: boolean;
-    placement: "bottom" | "left" | "right" | "top";
+    placement: "top" | "right" | "bottom" | "left";
     hideArrow: boolean;
     content: string;
 }, {}>;

package/dist/components/top-sheet/FmTopSheet.vue.d.ts

@@ -22,7 +22,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
     header: string;
     modelValue: boolean;
     dismissAway: boolean;
-    fullscreenSize: "sm" | "md" | "lg" | "xs";
+    fullscreenSize: "xs" | "sm" | "md" | "lg";
 }, {}>, {
     "top-sheet-button"?(_: {}): any;
     "top-sheet-header"?(_: {}): any;