@hybr1d-tech/charizard 0.6.30 → 0.6.31

package/dist/components/button-v2/ButtonV2.d.ts

@@ -1,20 +1,6 @@
 import { PositioningOptions } from '@zag-js/popper';
+import { BUTTON_V2_SIZE, BUTTON_V2_TYPE, BUTTON_V2_VARIANT } from './types';
 import * as React from 'react';
-export declare enum BUTTON_V2_VARIANT {
-    PRIMARY = "primary",
-    SECONDARY = "secondary",
-    TERTIARY = "tertiary"
-}
-export declare enum BUTTON_V2_SIZE {
-    SMALL = "small",
-    DEFAULT = "default"
-}
-export declare enum BUTTON_V2_TYPE {
-    BASIC = "basic",
-    ICON_LEFT = "iconLeft",
-    ICON_RIGHT = "iconRight",
-    ICON_ONLY = "iconOnly"
-}
 interface BaseButtonProps {
     variant?: BUTTON_V2_VARIANT;
     disabled?: boolean;
@@ -41,6 +27,7 @@ export type ButtonV2Props = IconOnlyButtonV2TypeProps | IconButtonV2TypeProps |
 export declare function ButtonV2({ children, variant, disabled, onClick, type, size, customStyles, icon, }: ButtonV2Props): import("react/jsx-runtime").JSX.Element;
 export declare namespace ButtonV2 {
     var GroupAction: ({ children, variant, disabled, menuItems, customData, size, actionsDropdownOptions, positionerProps, isTable, }: GroupActionProps) => import("react/jsx-runtime").JSX.Element;
+    var ActionsDropdown: ({ variant, disabled, menuItems, customData, size, actionsDropdownOptions, positionerProps, isTable, }: ActionsDropdownProps) => import("react/jsx-runtime").JSX.Element;
 }
 export type MenuItemV2 = {
     label: string;
@@ -62,4 +49,16 @@ export interface GroupActionProps {
     positionerProps?: PositioningOptions;
     isTable?: boolean;
 }
+export interface ActionsDropdownProps {
+    variant?: BUTTON_V2_VARIANT;
+    disabled?: boolean;
+    menuItems: MenuItemV2[];
+    customData?: any;
+    size?: BUTTON_V2_SIZE;
+    actionsDropdownOptions?: {
+        setIsActive: React.Dispatch<React.SetStateAction<boolean>>;
+    };
+    positionerProps?: PositioningOptions;
+    isTable?: boolean;
+}
 export {};

package/dist/components/button-v2/index.d.ts

@@ -1 +1,2 @@
 export * from './ButtonV2';
+export * from './types';

package/dist/components/button-v2/types.d.ts

@@ -0,0 +1,15 @@
+export declare enum BUTTON_V2_VARIANT {
+    PRIMARY = "primary",
+    SECONDARY = "secondary",
+    TERTIARY = "tertiary"
+}
+export declare enum BUTTON_V2_SIZE {
+    SMALL = "small",
+    DEFAULT = "default"
+}
+export declare enum BUTTON_V2_TYPE {
+    BASIC = "basic",
+    ICON_LEFT = "iconLeft",
+    ICON_RIGHT = "iconRight",
+    ICON_ONLY = "iconOnly"
+}

package/dist/components/index.d.ts

@@ -29,3 +29,4 @@ export * from './task-cards';
 export * from './button-v2';
 export * from './badge';
 export * from './pill';
+export * from './table-v3';

package/dist/components/table-v3/TableV3.d.ts

@@ -0,0 +1,116 @@
+import { FilterConfig, TableCustomColumns } from './types';
+import * as React from 'react';
+export interface TableV3Props {
+    data: any;
+    columns: any;
+    /**
+     * column for actions dropdown in the last row
+     */
+    actionsConfig?: {
+        isDropdownActions?: boolean;
+        menuItems?: {
+            label: string;
+            iconSrc?: string;
+            onClick: any;
+            filterFn?: any;
+            disabled?: boolean | ((data: any) => boolean);
+        }[];
+    };
+    loaderConfig: {
+        text?: string;
+        isFetching: boolean;
+        isError: boolean;
+        errMsg?: string;
+    };
+    /**
+     * table search
+     */
+    searchConfig?: {
+        placeholder?: string;
+        search: string;
+        setSearch: any;
+    };
+    /**
+     * table sorting
+     * @param sortBy used for
+     */
+    sortConfig?: {
+        sortBy: string;
+        setSortBy: any;
+        sortOrd: 'asc' | 'desc' | '';
+        setSortOrd: any;
+        sortMap: Record<string, string>;
+    };
+    /**
+     * table filtering, data comes from an api
+     */
+    filterConfig?: FilterConfig;
+    totalText?: string;
+    /**
+     * Row checkbox or radio selection config
+     *
+     * @param rowIdKey: needed to keep the selected rows when search is being used server side https://tanstack.com/table/v8/docs/guide/row-selection#useful-row-ids
+     * @param entityName: singular format of entity name
+     */
+    rowSelectionConfig?: {
+        isCheckbox?: boolean;
+        isRadio?: boolean;
+        entityName: string;
+        actions?: {
+            icon: string;
+            text: string;
+            onClick: any;
+        }[];
+        setSelectedRows?: React.Dispatch<React.SetStateAction<any>>;
+        iconSrc?: string;
+        clearOnSearch?: boolean;
+        rowIdKey: string;
+        rowSelection?: {};
+        setRowSelection?: React.Dispatch<React.SetStateAction<{}>>;
+    };
+    paginationConfig?: {
+        metaData?: {
+            total_items: number;
+            items_on_page: number;
+            page_no: number;
+        };
+        page: number;
+        setPage: (page: number) => void;
+        limit: number;
+        setLimit: (limit: number) => void;
+        defaultLimit: string;
+    };
+    emptyStateConfig?: {
+        icon: string;
+        isCustom?: {
+            value: boolean;
+            component: React.ReactNode;
+        };
+        title: string;
+        desc: string;
+        btnText: string;
+        onClick: any;
+        columns: number;
+        emptySearchTitle?: string;
+    };
+    headerText?: string;
+    tableStyleConfig?: {
+        maxHeight?: string;
+        stickyIds?: string[];
+    };
+    /**
+     * custom columns
+     */
+    customColumnConfig?: {
+        description?: string;
+        columns?: TableCustomColumns;
+        isPending: boolean;
+        isError: boolean;
+        handleSaveColumns: (columns: any) => Promise<void>;
+    };
+    /**
+     * export config (csv)
+     */
+    exportConfig?: {};
+}
+export declare function TableV3({ data, loaderConfig, columns, filterConfig, sortConfig, rowSelectionConfig, actionsConfig, searchConfig, totalText, paginationConfig, emptyStateConfig, headerText, tableStyleConfig, customColumnConfig, exportConfig, }: TableV3Props): import("react/jsx-runtime").JSX.Element;

package/dist/components/table-v3/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const CHECKBOX_COL_ID = "select";
+export declare const DROPDOWN_COL_ID = "dropdown-actions";
+export declare const RADIO_COL_ID = "select-radio";

package/dist/components/table-v3/index.d.ts

@@ -0,0 +1 @@
+export * from './TableV3';

package/dist/components/table-v3/inventory/inventory.store.d.ts

@@ -0,0 +1,40 @@
+interface InventoryStore {
+    query: InventoryQueries;
+    dispatch: (action: {
+        type: INV_ACTION_TYPES;
+        payload: string | number | null;
+    }) => void;
+}
+declare const invInitialQueries: {
+    page: number;
+    limit: number;
+    search: string;
+    sort_by: string;
+    sort_order: "" | "asc" | "desc";
+    filters: {
+        filter_type: string;
+        filter_brand: string;
+        filter_country: string;
+        filter_status: string;
+    };
+};
+export type InventoryQueries = typeof invInitialQueries;
+export declare enum INV_ACTION_TYPES {
+    SEARCH = "search",
+    SORT_BY = "sort_by",
+    SORT_ORDER = "sort_order",
+    INITIAL_FILTER = "initial_filter",
+    STATUS_FILTER = "status",
+    FILTER = "filter",
+    RESET_FILTERS = "reset_filters",
+    RESET_ALL = "reset_all",
+    SELECTOR_FILTER = "selector_filter",
+    PAGE = "page",
+    LIMIT = "limit"
+}
+export declare const invQueryReducer: (query: any, { payload, type }: {
+    payload: any;
+    type: any;
+}) => any;
+export declare const useInventoryStore: import('zustand').UseBoundStore<import('zustand').StoreApi<InventoryStore>>;
+export {};

package/dist/components/table-v3/store.d.ts

@@ -0,0 +1,16 @@
+import { InternalTableFilters } from './types';
+
+export interface TableStore {
+    filters: InternalTableFilters[];
+    setDefaultFilters: (filters: InternalTableFilters[]) => void;
+    addFilters: (filterKey: string, value: string, filterDispatch: any) => void;
+    changeFiltersDrawer: (filterKey: string, value: string[], filterDispatch: any) => void;
+    removeFilters: (filterKey: string, value: string, filterDispatch: any) => void;
+    resetFilters: (filterKey: string, filterDispatch: any) => void;
+    resetAllFilters: (filterReset?: any) => void;
+}
+export declare const useTableStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<TableStore>, "setState"> & {
+    setState<A extends string | {
+        type: string;
+    }>(partial: TableStore | Partial<TableStore> | ((state: TableStore) => TableStore | Partial<TableStore>), replace?: boolean | undefined, action?: A | undefined): void;
+}>;

package/dist/components/table-v3/table-actions/TableActions.d.ts

@@ -0,0 +1,8 @@
+import { TableV3Props } from '../TableV3';
+
+interface TableActionsProps {
+    actionsConfig: TableV3Props['actionsConfig'];
+    data: any;
+}
+export default function TableActions({ actionsConfig, data }: TableActionsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/table-v3/table-actions/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TableActions';

package/dist/components/table-v3/table-columns/TableCheckbox.d.ts

@@ -0,0 +1,8 @@
+import { Row } from '@tanstack/react-table';
+import * as React from 'react';
+export declare function TableCheckbox({ indeterminate, row, isHeader, ...rest }: {
+    indeterminate: boolean;
+    row: Row<unknown>;
+    setSelectedRows?: any;
+    isHeader?: boolean;
+} & React.HTMLProps<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/table-v3/table-columns/TableRadio.d.ts

@@ -0,0 +1,7 @@
+import { Row } from '@tanstack/react-table';
+import * as React from 'react';
+export declare function TableRadio({ indeterminate, row, ...rest }: {
+    indeterminate: boolean;
+    row: Row<unknown>;
+    setSelectedRows?: any;
+} & React.HTMLProps<HTMLInputElement>): import("react/jsx-runtime").JSX.Element;

package/dist/components/table-v3/table-columns/index.d.ts

@@ -0,0 +1,2 @@
+export * from './TableCheckbox';
+export * from './TableRadio';

package/dist/components/table-v3/table-custom-cols/CustomColCheckbox.d.ts

@@ -0,0 +1,10 @@
+import { OptionsProp } from './TableCustomCols';
+
+type CustomColCheckboxProps = Pick<OptionsProp, 'setCheckedState'> & {
+    id: string;
+    label: string;
+    checked: boolean;
+    disabled?: boolean;
+};
+export default function CustomColCheckbox({ id, label, checked, setCheckedState, disabled, }: CustomColCheckboxProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table-v3/table-custom-cols/TableCustomCols.d.ts

@@ -0,0 +1,30 @@
+import { Table } from '@tanstack/react-table';
+import { TableCustomColumns } from '../types';
+import * as React from 'react';
+interface TableCustomColsProps {
+    customColumnConfig: {
+        description?: string;
+        columns?: TableCustomColumns;
+        isPending: boolean;
+        isError: boolean;
+        handleSaveColumns: (columns: any) => Promise<void>;
+    };
+    table: Table<any>;
+    isCheckbox?: boolean;
+    isDropdownActions?: boolean;
+}
+export type CheckedState = {
+    id: string;
+    label: string;
+    checked: boolean;
+};
+export default function TableCustomCols({ customColumnConfig, table, isCheckbox, isDropdownActions, }: TableCustomColsProps): import("react/jsx-runtime").JSX.Element;
+export interface OptionsProp {
+    cols: CheckedState[];
+    text: string;
+    textCn: string;
+    checkedState: CheckedState[];
+    setCheckedState: React.Dispatch<React.SetStateAction<CheckedState[]>>;
+    isDraggable?: boolean;
+}
+export {};

package/dist/components/table-v3/table-custom-cols/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TableCustomCols';

package/dist/components/table-v3/table-custom-cols/sortable/SortableItem.d.ts

@@ -0,0 +1,10 @@
+import { UniqueIdentifier } from '@dnd-kit/core';
+import { PropsWithChildren } from 'react';
+
+interface Props {
+    id: UniqueIdentifier;
+    isHidden?: boolean;
+}
+export declare function SortableItem({ children, id, isHidden }: PropsWithChildren<Props>): import("react/jsx-runtime").JSX.Element;
+export declare function DragHandle(): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table-v3/table-custom-cols/sortable/SortableList.d.ts

@@ -0,0 +1,19 @@
+import { SortableItem } from './SortableItem';
+import { UniqueIdentifier } from '@dnd-kit/core';
+import { CheckedState } from '../TableCustomCols';
+import * as React from 'react';
+interface BaseItem {
+    id: UniqueIdentifier;
+}
+interface Props<T extends BaseItem> {
+    items: T[];
+    onChange: React.Dispatch<React.SetStateAction<CheckedState[]>>;
+    renderItem(item: T): React.ReactNode;
+    search: string;
+}
+export declare function SortableList<T extends BaseItem>({ items: _items, onChange, renderItem, search, }: Props<T>): import("react/jsx-runtime").JSX.Element;
+export declare namespace SortableList {
+    var Item: typeof SortableItem;
+    var DragHandle: typeof import("./SortableItem").DragHandle;
+}
+export {};

package/dist/components/table-v3/table-custom-cols/sortable/SortableOverlay.d.ts

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+
+interface Props {
+}
+export declare function SortableOverlay({ children }: PropsWithChildren<Props>): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table-v3/table-custom-cols/utils.d.ts

@@ -0,0 +1,16 @@
+import { FilterOptions, InternalTableFilters } from '../types';
+
+type FilterItem = {
+    label?: string;
+    value?: string;
+    checked: boolean;
+};
+type Filters = {
+    [key: string]: FilterItem[];
+};
+type FilterResults = {
+    [key: string]: string;
+};
+export declare function removeUncheckedItems(input: Filters): FilterResults;
+export declare const getDefaultCheckedState: (filters: FilterOptions[], tableFilters: InternalTableFilters[]) => Record<string, any[]>;
+export {};

package/dist/components/table-v3/table-empty/TableEmpty.d.ts

@@ -0,0 +1,6 @@
+import { TableV3Props } from '../TableV3';
+
+export default function TableEmpty({ emptyStateConfig, search, }: {
+    emptyStateConfig: TableV3Props['emptyStateConfig'];
+    search?: string;
+}): import("react/jsx-runtime").JSX.Element | null;

package/dist/components/table-v3/table-empty/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TableEmpty';

package/dist/components/table-v3/table-filters-drawer/TableFiltersDrawer.d.ts

@@ -0,0 +1,7 @@
+import { FilterConfig } from '../types';
+
+interface TableFiltersDrawerProps {
+    filterConfig: FilterConfig;
+}
+export default function TableFiltersDrawer({ filterConfig }: TableFiltersDrawerProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table-v3/table-filters-drawer/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TableFiltersDrawer';

package/dist/components/table-v3/table-filters-drawer/utils.d.ts

@@ -0,0 +1,16 @@
+import { FilterOptions, InternalTableFilters } from '../types';
+
+type FilterItem = {
+    label?: string;
+    value?: string;
+    checked: boolean;
+};
+type Filters = {
+    [key: string]: FilterItem[];
+};
+type FilterResults = {
+    [key: string]: string;
+};
+export declare function removeUncheckedItems(input: Filters): FilterResults;
+export declare const getDefaultCheckedState: (filters: FilterOptions[], tableFilters: InternalTableFilters[]) => Record<string, any[]>;
+export {};

package/dist/components/table-v3/table-header-filters/FilterCheckbox.d.ts

@@ -0,0 +1,13 @@
+import { TableStore } from '../store';
+
+export default function FilterCheckbox({ label, value, addFilters, removeFilters, checked, filterKey, filterDispatch, countryCode, customName, }: {
+    label: string;
+    value: string;
+    checked: boolean;
+    filterKey: string;
+    addFilters: TableStore['addFilters'];
+    removeFilters: TableStore['removeFilters'];
+    filterDispatch: (value: any) => void;
+    countryCode?: string;
+    customName?: string;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/table-v3/table-header-filters/FilterDrawerAllCheckbox.d.ts

@@ -0,0 +1,7 @@
+export default function FilterDrawerAllCheckbox({ value, checked, filterKey, setFilterCheckedState, idx, }: {
+    value: string;
+    checked: boolean;
+    filterKey: string;
+    setFilterCheckedState: any;
+    idx: number;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/table-v3/table-header-filters/FilterDrawerCheckbox.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+export default function FilterDrawerCheckbox({ label, value, checked, filterKey, countryCode, customName, setFilterCheckedState, idx, setHasChanges, }: {
+    label: string;
+    value: string;
+    checked: boolean;
+    filterKey: string;
+    countryCode?: string;
+    customName?: string;
+    setFilterCheckedState: any;
+    idx: number;
+    setHasChanges: React.Dispatch<React.SetStateAction<boolean>>;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/table-v3/table-header-filters/FilterTooltip.d.ts

@@ -0,0 +1,9 @@
+import { FilterOptions, InternalTableFilters } from '../types';
+
+type FilterTooltipProps = {
+    filter: FilterOptions;
+    tableFilter: InternalTableFilters;
+    selectedFilters: number;
+};
+export default function FilterTooltip({ filter, tableFilter, selectedFilters }: FilterTooltipProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table-v3/table-header-filters/TableHeaderFilter.d.ts

@@ -0,0 +1,14 @@
+import { TableStore } from '../store';
+import { FilterOptions, InternalTableFilters } from '../types';
+
+interface TableHeaderFilterProps {
+    filter: FilterOptions;
+    tableFilters: TableStore['filters'];
+    tableFilter: InternalTableFilters;
+    addFilters: TableStore['addFilters'];
+    removeFilters: TableStore['removeFilters'];
+    resetFilters: (filterKey: string, filterDispatch: any) => void;
+    filterDispatch: (value: any) => void;
+}
+export default function TableHeaderFilter({ filter, tableFilters, tableFilter, addFilters, removeFilters, resetFilters, filterDispatch, }: TableHeaderFilterProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table-v3/table-header-filters/TableHeaderFilters.d.ts

@@ -0,0 +1,8 @@
+import { FilterConfig, FilterOptions } from '../types';
+
+interface TableHeaderFiltersProps {
+    filterConfig: FilterConfig;
+    filters: FilterOptions[];
+}
+export default function TableHeaderFilters({ filterConfig, filters }: TableHeaderFiltersProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/table-v3/table-header-filters/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TableHeaderFilters';

package/dist/components/table-v3/table-loader/TableLoader.d.ts

@@ -0,0 +1,4 @@
+export default function TableLoader({ text, isError, }: {
+    text?: string;
+    isError: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/table-v3/table-loader/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TableLoader';

package/dist/components/table-v3/table-meta-header/TableMetaHeader.d.ts

@@ -0,0 +1,18 @@
+import { TableV3Props } from '../TableV3';
+import { Table } from '@tanstack/react-table';
+import * as React from 'react';
+interface TableMetaHeaderProps {
+    rowSelectionConfig: TableV3Props['rowSelectionConfig'];
+    totalText: TableV3Props['totalText'];
+    searchConfig: TableV3Props['searchConfig'];
+    filterConfig: TableV3Props['filterConfig'];
+    customColumnConfig: TableV3Props['customColumnConfig'];
+    exportConfig: TableV3Props['exportConfig'];
+    rowSelection: {};
+    setRowSelection: React.Dispatch<React.SetStateAction<{}>>;
+    table: Table<any>;
+    isCheckbox?: boolean;
+    isDropdownActions?: boolean;
+}
+export default function TableMetaHeader({ rowSelectionConfig, totalText, searchConfig, filterConfig, customColumnConfig, exportConfig, rowSelection, setRowSelection, table, isCheckbox, isDropdownActions, }: TableMetaHeaderProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table-v3/table-meta-header/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TableMetaHeader';

package/dist/components/table-v3/table-pagination/TableEllipses.d.ts

@@ -0,0 +1,6 @@
+interface TableEllipsesProps {
+    paginationApi: any;
+    i: number;
+}
+export default function TableEllipses({ paginationApi, i }: TableEllipsesProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table-v3/table-pagination/TableLimit.d.ts

@@ -0,0 +1,8 @@
+interface TableLimitProps {
+    setLimit: (l: number) => void;
+    limit: number;
+    totalItems?: number;
+    itemsOnPage?: number;
+}
+export default function TableLimit({ setLimit, limit, totalItems, itemsOnPage }: TableLimitProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/table-v3/table-pagination/TablePagination.d.ts

@@ -0,0 +1,7 @@
+import { TableV3Props } from '../TableV3';
+
+interface TablePaginationProps {
+    paginationConfig: TableV3Props['paginationConfig'];
+}
+export default function TablePagination({ paginationConfig }: TablePaginationProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/table-v3/table-pagination/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TablePagination';

package/dist/components/table-v3/table-pagination/utils.d.ts

@@ -0,0 +1,4 @@
+export declare const generateRange: (x: number, y: number) => {
+    label: string;
+    value: string;
+}[];

package/dist/components/table-v3/table-selected-actions/TableSelectedActions.d.ts

@@ -0,0 +1,8 @@
+import { TableV3Props } from '../TableV3';
+
+interface TableSelectedActionsProps {
+    rowSelectionConfig: TableV3Props['rowSelectionConfig'];
+    rowSelection: {};
+}
+export default function TableSelectedActions({ rowSelectionConfig, rowSelection, }: TableSelectedActionsProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/table-v3/table-selected-actions/index.d.ts

@@ -0,0 +1 @@
+export { default } from './TableSelectedActions';

package/dist/components/table-v3/types.d.ts

@@ -0,0 +1,52 @@
+export type FilterOptions = {
+    id: string;
+    name: string;
+    key: string;
+    options: {
+        name: string;
+        value: string;
+        country_code?: string;
+        customName?: string;
+    }[];
+    config?: {
+        hideSearch?: boolean;
+        placeholder?: string;
+        type?: string;
+    };
+};
+/**
+ * @param filters comes from an api, must follow the type definition strictly
+ * @param isLoading is fetching from api
+ * @param isError api threw error
+ * @param filterDispatch must be of @type (value) => dispatch({type,payload})
+ * this is used to sync the internal table filter state with the external zustand store of the consumer
+ * @param filterReset same type as above but is used to reset all the filters
+ * @param headerFilterIds this is used for the filters which should be in the table header itself, and not inside the filters drawer
+ *
+ *
+ */
+export type FilterConfig = {
+    filters?: TableFilters;
+    isLoading: boolean;
+    isError: boolean;
+    filterDispatch: (value: any) => void;
+    filterReset: (value: any) => void;
+    headerFilterIds?: string[];
+};
+export type InternalTableFilters = {
+    key: string;
+    values: string[];
+};
+export type TableFilters = {
+    header?: FilterOptions[];
+    drawer?: FilterOptions[];
+};
+export type TableCustomColumns = {
+    checked_state: Array<{
+        id: string;
+        label: string;
+        checked: boolean;
+    }>;
+    is_default: boolean;
+    table_name: string;
+};