rez-table-listing-mui 1.2.19 → 1.3.1

package/src/listing/types/filter.ts

@@ -62,6 +62,30 @@ export interface FilterDropdownDataProps {
   [key: string]: FilterOperationListProps[];
 }
 
+export interface FilterComponentOptionsMainFilterOptions {
+  showSaveButton?: boolean;
+  showClearAllButton?: boolean;
+}
+
+export type FilterComponentOptions =
+  | {
+      showMainHeader?: boolean;
+      showTabs?: true; // when true → additional fields allowed
+      showMainFilter?: boolean;
+      showSavedFilter?: boolean;
+      showAttributesFilter?: boolean;
+      tabOptions?: {
+        mainFilter?: FilterComponentOptionsMainFilterOptions;
+      };
+    }
+  | {
+      showMainHeader?: boolean;
+      showTabs?: false; // explicitly false or omitted
+      tabOptions?: {
+        mainFilter?: FilterComponentOptionsMainFilterOptions;
+      };
+    };
+
 export interface FilterDrawerProps {
   tableStates: CraftTableOptionsProps;
   open?: boolean;
@@ -84,6 +108,7 @@ export interface FilterDrawerProps {
     updatedFilters,
     filterMaster,
   }: onFilterChangeFunctionProps) => void;
+  filterComponentOptions?: FilterComponentOptions;
 }
 
 export interface FilterCriteria {
@@ -107,9 +132,6 @@ export interface FilterStateProps {
   filter_attribute: string;
   filter_operator: string;
   filter_value: string | string[];
-}
-
-export interface UpdatedFilterStateProps extends FilterStateProps {
   id: string | number;
   name: string | undefined;
   data_type: FilterInputDataTypes | undefined;
@@ -122,6 +144,8 @@ export interface UpdatedFilterStateProps extends FilterStateProps {
     label?: string | undefined;
     value?: string | undefined;
   };
+  filter_entity_type?: string;
+  filter_entity_name?: string;
 }
 
 interface FilterDetail {
@@ -171,10 +195,6 @@ export interface FilterFormComponentProps {
   columnsData: FilterColumnsDataProps;
   dropdownData: FilterDropdownDataProps;
   tableStates: CraftTableOptionsProps;
-  selectedFilters: UpdatedFilterStateProps[];
-  setSelectedFilters: React.Dispatch<
-    React.SetStateAction<UpdatedFilterStateProps[]>
-  >;
   editMode?: boolean;
   setEditMode?: React.Dispatch<React.SetStateAction<boolean>>;
   setDeleteFilterModalOpen?: React.Dispatch<React.SetStateAction<boolean>>;
@@ -184,6 +204,7 @@ export interface FilterFormComponentProps {
     updatedFilters,
     filterMaster,
   }: onFilterChangeFunctionProps) => void;
+  filterComponentOptions?: FilterComponentOptions;
 }
 
 export interface FilterMasterStateProps {
@@ -224,3 +245,29 @@ export interface viewSettingsPayload {
   column: string;
   sort_by: string;
 }
+
+export interface FilterDataMainFilterEntityListProps {
+  value: string;
+  id: string | number;
+  label: string;
+}
+
+export interface FilterDataMainFilterEntityWiseCriteriaProps {
+  id: string;
+  name: string;
+  attribute_key: string;
+  element_type: FilterInputDataTypes;
+}
+
+export interface FilterDataProps {
+  mainFilter?: {
+    entityList?: {
+      data?: FilterDataMainFilterEntityListProps[];
+      isPending?: boolean;
+    };
+    entityWiseCriteria?: {
+      data?: FilterDataMainFilterEntityWiseCriteriaProps[];
+      isPending?: boolean;
+    };
+  };
+}

package/src/listing/types/table-options.ts

@@ -7,6 +7,8 @@ import {
 } from "@tanstack/react-table";
 import { Dispatch, SetStateAction } from "react";
 import {
+  FilterDataMainFilterEntityListProps,
+  FilterDataProps,
   FilterMasterStateProps,
   FilterOperationListProps,
   FilterStateProps,
@@ -48,6 +50,12 @@ export interface CraftTableOptionsProps {
   setShowFilterOption: Dispatch<SetStateAction<boolean>>;
   columnPinning: ColumnPinningState;
   setColumnPinning: Dispatch<SetStateAction<ColumnPinningState>>;
+  filterData: FilterDataProps | null;
+  setFilterData: Dispatch<SetStateAction<FilterDataProps | null>>;
+  selectedFilterEntity: FilterDataMainFilterEntityListProps | undefined;
+  setSelectedFilterEntity: Dispatch<
+    SetStateAction<FilterDataMainFilterEntityListProps | undefined>
+  >;
 }
 
 export interface craftTableFilterSettingsOptionsProps {

package/src/view/FIlterWrapper.tsx

@@ -1,28 +1,66 @@
 import { useEffect } from "react";
-import { CraftTableFilter } from "..";
+import { CraftTableFilter, CraftTableOptionsProps } from "..";
 import { useGetNavigationLayoutAPI } from "../listing/libs/hooks/useGetNavigationLayoutAPI";
 import { ENTITY_TYPE } from "../listing/libs/utils/common";
 import {
   useDeleteFilterAPI,
+  useGetFilterEntityList,
   useSavedFilterAPI,
   useUpdateFilterAPI,
 } from "../listing/libs/hooks/useEntityTableAPI";
-import { FilterMasterStateProps } from "../listing/types/filter";
+import {
+  FilterColumnsDataProps,
+  FilterComponentOptions,
+  FilterDropdownDataProps,
+  FilterDataProps,
+  FilterMasterStateProps,
+} from "../listing/types/filter";
+import { onFilterChangeFunctionProps } from "../listing/types/common";
 
 const CraftTableFilterWrapper = ({
   tableStates,
   dropdownData,
   onChangeFunction,
   columnsData,
-}: any) => {
+  filterComponentOptions,
+}: {
+  tableStates: CraftTableOptionsProps;
+  columnsData: FilterColumnsDataProps;
+  dropdownData: FilterDropdownDataProps;
+  onChangeFunction: ({
+    updatedFilters,
+    filterMaster,
+  }: onFilterChangeFunctionProps) => void;
+  filterComponentOptions?: FilterComponentOptions;
+}) => {
   const getNavigationLayoutQuery = useGetNavigationLayoutAPI(ENTITY_TYPE);
 
-  const { filters, filterMaster, setFilterMaster, filterToDelete } =
-    tableStates;
+  const {
+    filters,
+    filterMaster,
+    setFilterMaster,
+    filterToDelete,
+    setFilterData,
+  } = tableStates;
 
   const { savedMutation } = useSavedFilterAPI(); //API CALL FOR SAVED FILTER
   const { updateMutation } = useUpdateFilterAPI(); //API FOR UPDATE FILTER
   const { deleteMutation } = useDeleteFilterAPI(tableStates); //API FOR DELETING FILTER
+  const filterEntityList: any = useGetFilterEntityList({
+    entity_type: ENTITY_TYPE,
+  });
+
+  useEffect(() => {
+    if (filterEntityList?.data) {
+      setFilterData((prev: FilterDataProps | null) => ({
+        ...prev,
+        mainFilter: {
+          ...prev?.mainFilter,
+          entityList: filterEntityList?.data,
+        },
+      }));
+    }
+  }, [filterEntityList?.data, filterEntityList?.isPending]);
 
   // API to handle saving a filter
   const handleSaveFilter = (name: string) => {
@@ -48,7 +86,7 @@ const CraftTableFilterWrapper = ({
           const newFilterId = response?.id;
           if (newFilterId) {
             setFilterMaster(
-              (prev: FilterMasterStateProps) =>
+              (prev: FilterMasterStateProps | null) =>
                 ({
                   ...prev,
                   saved_filters: {
@@ -123,6 +161,7 @@ const CraftTableFilterWrapper = ({
       onDeleteFilter={handleRemoveFilter}
       onSaveFilter={handleSaveFilter}
       onChangeFunction={onChangeFunction}
+      filterComponentOptions={filterComponentOptions}
     />
   );
 };

package/dist/index.d.ts

@@ -1,361 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { SortingState, PaginationState, RowSelectionState, ExpandedState, ColumnPinningState, ColumnDef, Row, Table, ColumnOrderState, Header } from '@tanstack/react-table';
-import React, { Dispatch, SetStateAction } from 'react';
-
-interface onFilterChangeFunctionProps {
-    updatedFilters?: any;
-    filterMaster?: any;
-    filters?: any;
-}
-
-interface OperationProps {
-    label: string;
-    value: string;
-}
-type OperationMapProps = {
-    [key in FilterInputDataTypes]?: OperationProps[];
-};
-interface FilterOperationListProps {
-    label: string;
-    value: string;
-}
-type FilterInputDataTypes = "text" | "select" | "multiselect" | "date" | "year" | "number";
-interface FilterColumnsListProps {
-    created_date: string | null;
-    entity_type: string;
-    id: string;
-    name: string;
-    status: string | null;
-    parent_type: string;
-    parent_id: string;
-    code: string | null;
-    created_by: string | null;
-    modified_by: string | null;
-    modified_date: string | null;
-    enterprise_id: string | null;
-    organization_id: string | null;
-    app_code: string | null;
-    mapped_entity_type: string;
-    menu_code: string | null;
-    table_name: string | null;
-    col_position: number;
-    sortable: string | null;
-    searchable: string | null;
-    attribute_key: string;
-    sort_type: string | null;
-    data_type: FilterInputDataTypes;
-    data_source_type: string | null;
-    datasource_list: any | null;
-    visible: string;
-}
-interface FilterColumnsDataProps {
-    column_list: FilterColumnsListProps[];
-    operation_list: OperationMapProps;
-    saved_filter: FilterOperationListProps[];
-}
-interface FilterDropdownDataProps {
-    [key: string]: FilterOperationListProps[];
-}
-interface FilterDrawerProps {
-    tableStates: CraftTableOptionsProps;
-    open?: boolean;
-    onClose?: () => void;
-    onDeleteFilter?: () => void;
-    onSaveFilter?: (name: string) => void;
-    onUpdateFilter?: (name: string) => void;
-    columnsData: FilterColumnsDataProps;
-    dropdownData: FilterDropdownDataProps;
-    defaultFilters?: Array<{
-        filter_attribute: string;
-        filter_operator: string;
-        filter_value: string;
-    }>;
-    savedFilters?: Array<{
-        label: string;
-        value: string;
-    }>;
-    tableData?: {
-        entity_list: any[];
-    };
-    onChangeFunction: ({ updatedFilters, filterMaster, }: onFilterChangeFunctionProps) => void;
-}
-interface FilterStateProps {
-    filter_attribute: string;
-    filter_operator: string;
-    filter_value: string | string[];
-}
-interface FilterMasterStateProps {
-    attributes: {
-        selected: string;
-        radio: string[];
-    };
-    saved_filters: {
-        selectedId: string;
-        selectedName: string;
-    };
-    activeFilterTabIndex: number;
-}
-
-interface QuickFilterModalProps {
-    view?: string;
-    show?: boolean;
-    filterSettingStates: craftTableFilterSettingsOptionsProps;
-    onClose?: () => void;
-    columnsData: FilterColumnsDataProps;
-    columnsDataLoading: boolean;
-    tabsApiData?: string[];
-    tabsApiDataLoading?: boolean;
-    onSaveSettingsData?: (data: any) => void;
-}
-type TabName = string;
-type SortingType = "asc" | "desc";
-type QuickTabSortingType = "asc" | "dsc" | "count_asc" | "count_dsc" | "custom";
-interface QuickTabConfigProps {
-    attribute?: string;
-    sorting?: QuickTabSortingType;
-    hide_list?: string[];
-    show_list?: string[];
-    isAllSelected?: boolean;
-    isCombineOther?: boolean;
-}
-interface ColumnItem {
-    label: string;
-    value: string;
-}
-interface ColumnTab {
-    tab_name: TabName;
-    show_list: ColumnItem[];
-    hide_list: ColumnItem[];
-}
-interface SortingConfigSortByProps {
-    column: string;
-    order: SortingType;
-}
-interface SortingConfigTabProps {
-    tab_name: TabName;
-    sortby: SortingConfigSortByProps[];
-}
-interface SortingConfigProps {
-    isDefault?: boolean;
-    sortby?: SortingConfigSortByProps[];
-    tabs?: SortingConfigTabProps[];
-}
-interface ColumnTabConfigProps {
-    isDefault?: boolean;
-    show_list?: ColumnItem[];
-    hide_list?: ColumnItem[];
-    tabs?: ColumnTab[];
-}
-interface SettingsDataProps {
-    isDefault?: boolean;
-    show_list?: ColumnItem[];
-    hide_list?: ColumnItem[];
-    tabs?: ColumnTab[];
-    quick_tab?: QuickTabConfigProps;
-    column?: ColumnTabConfigProps;
-    sorting?: SortingConfigProps;
-}
-interface SavedButtonErrorProps {
-    hasError: boolean;
-    messages: {
-        type: string;
-        message: string;
-    }[];
-}
-
-interface CraftTableOptionsProps {
-    sorting: SortingState;
-    setSorting: Dispatch<SetStateAction<SortingState>>;
-    pagination: PaginationState;
-    setPagination: Dispatch<SetStateAction<PaginationState>>;
-    rowSelection: RowSelectionState;
-    setRowSelection: Dispatch<SetStateAction<RowSelectionState>>;
-    isCompactTable?: boolean;
-    setIsCompactTable?: Dispatch<SetStateAction<boolean>>;
-    expanded: ExpandedState;
-    setExpanded: Dispatch<SetStateAction<ExpandedState>>;
-    wrapColumns: Record<string, boolean>;
-    setWrapColumns: Dispatch<SetStateAction<Record<string, boolean>>>;
-    filters: FilterStateProps[];
-    setFilters: Dispatch<SetStateAction<FilterStateProps[]>>;
-    savedFilterEditValue: string | number;
-    setSavedFilterEditValue: Dispatch<SetStateAction<string | number>>;
-    filterToDelete: FilterOperationListProps | null;
-    setFilterToDelete: Dispatch<SetStateAction<FilterOperationListProps | null>>;
-    filterSelectedAttributeValue: string;
-    setFilterSelectedAttributeValue: Dispatch<SetStateAction<string>>;
-    filterMaster: FilterMasterStateProps | null;
-    setFilterMaster: Dispatch<SetStateAction<FilterMasterStateProps | null>>;
-    showTableFilter: boolean;
-    setShowTableFilter: Dispatch<SetStateAction<boolean>>;
-    showFilterOptions: boolean;
-    setShowFilterOption: Dispatch<SetStateAction<boolean>>;
-    columnPinning: ColumnPinningState;
-    setColumnPinning: Dispatch<SetStateAction<ColumnPinningState>>;
-}
-interface craftTableFilterSettingsOptionsProps {
-    settingsData: SettingsDataProps;
-    setSettingsData: Dispatch<SetStateAction<SettingsDataProps>>;
-    showListViewSettings: boolean;
-    setShowListViewSettings: Dispatch<SetStateAction<boolean>>;
-    quickTabStates: QuickTabConfigProps;
-    setQuickTabStates: Dispatch<SetStateAction<QuickTabConfigProps>>;
-    columnTabState: ColumnTabConfigProps;
-    setColumnTabState: Dispatch<SetStateAction<ColumnTabConfigProps>>;
-    sortingTabState: SortingConfigProps;
-    setSortingTabState: Dispatch<SetStateAction<SortingConfigProps>>;
-    saveButtonError: SavedButtonErrorProps;
-    setSaveButtonError: Dispatch<SetStateAction<SavedButtonErrorProps>>;
-}
-interface CraftTableFeatureProps {
-    enableSorting?: boolean;
-    enableServerSidePagination?: boolean;
-    enableServerSideSorting?: boolean;
-    enableRowSelection?: boolean;
-    enableColumnResizing?: boolean;
-    enableColumnReordering?: boolean;
-    enableColumnPinning?: boolean;
-    enableMultiColumnSorting?: boolean;
-    enableTopbar?: boolean;
-    enableWordBreakAll?: boolean;
-    stickyHeader?: boolean;
-    compactTable?: boolean;
-    striped?: boolean;
-}
-
-interface CraftTablePaginationProps {
-    totalRows?: number;
-    rowsPerPageArray?: number[];
-    showPagination?: boolean;
-    paginationPosition?: "top" | "bottom";
-    paginationView?: "full" | "compact";
-}
-interface LoadingOptionsProps {
-    isLoading: boolean;
-    loaderText?: string;
-    loadingComponent?: React.ReactNode;
-}
-interface TopbarOptionsProps {
-    tableStates: CraftTableOptionsProps;
-    leftSideComponent?: React.ReactNode;
-    rightSideComponent?: React.ReactNode;
-    showColumnToggle?: boolean;
-    showCompactTableToggle?: boolean;
-    showChangeLayoutToggle?: boolean;
-    viewMoreToggle?: boolean;
-    showSearch?: boolean;
-    showSortingToggle?: boolean;
-    showFilterToggle?: boolean;
-    searchValue?: string;
-    onSearchChange?: (val: string) => void;
-    onFilterButtonClick?: () => void;
-}
-interface CustomRenderContext<T> {
-    value: unknown;
-    row: Row<T>;
-    table: Row<T>[];
-}
-type CustomRenderFnMap<T> = {
-    [key: string]: (ctx: CustomRenderContext<T>) => React.ReactNode;
-};
-type CustomColumnMeta = {
-    type?: "custom";
-    propName?: string;
-    [key: string]: any;
-};
-type CustomColumnDef<T> = ColumnDef<T> & {
-    meta?: CustomColumnMeta;
-};
-interface CraftTableStyleProps {
-    wrapperStyle?: React.CSSProperties;
-}
-interface FilterOptionsProps {
-    onClick?: () => void;
-    show?: boolean;
-    component: React.ReactNode;
-}
-interface settingsOptionsProps {
-    showIcon?: boolean;
-    onClick?: () => void;
-}
-interface CraftTableProps<T> {
-    data: T[];
-    columns: CustomColumnDef<T>[];
-    tableStates: CraftTableOptionsProps;
-    paginationOptions?: CraftTablePaginationProps;
-    featureOptions?: CraftTableFeatureProps;
-    nestedComponent?: React.ComponentType<{
-        row: Row<T>;
-    }>;
-    loadingOptions?: LoadingOptionsProps;
-    topbarOptions?: TopbarOptionsProps;
-    customRenderFn?: CustomRenderFnMap<T>;
-    shouldHideColumn?: (accessorKey?: string) => boolean;
-    styleOptions?: CraftTableStyleProps;
-    emptyListComponent?: React.ReactNode;
-    filterOptions?: FilterOptionsProps;
-    settingsOptions?: settingsOptionsProps;
-    craftTableFilterSettingsOptions?: craftTableFilterSettingsOptionsProps;
-}
-interface CraftTableComponentProps<T> {
-    table: Table<T>;
-    featureOptions: CraftTableFeatureProps;
-    NestedComponent?: React.ComponentType<{
-        row: Row<T>;
-    }>;
-    columnOrder: ColumnOrderState;
-    setColumnOrder: React.Dispatch<React.SetStateAction<ColumnOrderState>>;
-    isCompactTable: boolean;
-    tableStates: CraftTableOptionsProps;
-}
-interface TableHeaderProps<T> {
-    header: Header<T, unknown>;
-    featureOptions: CraftTableFeatureProps;
-    tableStates: CraftTableOptionsProps;
-}
-
-declare function TableWrapper<T>({ data, columns, tableStates, paginationOptions, featureOptions, topbarOptions, nestedComponent, loadingOptions, customRenderFn, shouldHideColumn, emptyListComponent, filterOptions, }: CraftTableProps<T>): react_jsx_runtime.JSX.Element;
-
-declare function useCraftTable(paginationPageSize?: number): CraftTableOptionsProps;
-
-declare function useCraftTableFilterSettings(): craftTableFilterSettingsOptionsProps;
-
-interface TabDataProps {
-    tab_value: string | null;
-    tab_value_count: string | number;
-}
-interface TableTabsProps {
-    loading?: boolean;
-    tabsData?: TabDataProps[];
-    activeTab?: string;
-    tableStates: CraftTableOptionsProps;
-    onClick: (state: string) => void;
-    columns?: any[];
-    settingsOptions?: settingsOptionsProps;
-}
-declare function TableTabs({ loading, tabsData, activeTab, onClick, tableStates, settingsOptions, }: TableTabsProps): react_jsx_runtime.JSX.Element;
-
-declare function TableFilter({ onClose, columnsData, tableStates, onDeleteFilter, onSaveFilter, onUpdateFilter, dropdownData, onChangeFunction, }: FilterDrawerProps): react_jsx_runtime.JSX.Element;
-
-declare function QuickFilterSettings({ view, show, filterSettingStates, onClose, columnsData, columnsDataLoading, tabsApiData, tabsApiDataLoading, onSaveSettingsData, }: QuickFilterModalProps): react_jsx_runtime.JSX.Element;
-
-interface TableSearchProps {
-    value: string;
-    onChange: (value: string) => void;
-}
-declare const TableSearch: ({ value, onChange, }: TableSearchProps) => JSX.Element;
-
-declare const Kanban: ({ metaData, data, isLoading, KanbanCardComponent, showSettings, onOpenSettings, }: {
-    metaData: any;
-    data: any;
-    isLoading?: boolean;
-    KanbanCardComponent: React.ComponentType<{
-        key: string | number;
-        cardData: any;
-    }>;
-    showSettings: boolean;
-    onOpenSettings?: () => void;
-}) => react_jsx_runtime.JSX.Element;
-
-export { TableFilter as CraftTableFilter, TableSearch as CraftTableSearch, QuickFilterSettings as CraftTableSettings, TableTabs as CraftTableTabs, Kanban as KanbanWrapper, TableWrapper, useCraftTable, useCraftTableFilterSettings };
-export type { CraftTableComponentProps, CraftTableFeatureProps, CraftTableOptionsProps, CraftTablePaginationProps, CraftTableProps, CustomRenderContext, CustomRenderFnMap, FilterOptionsProps, TableHeaderProps, TopbarOptionsProps, craftTableFilterSettingsOptionsProps, settingsOptionsProps };