feat: update column view types to use ColView interface across CatalogDesignTable components

Signed-off-by: Amit Amrutiya <amitamrutiya2210@gmail.com>

Author: amitamrutiya

src/custom/CatalogDesignTable/CatalogDesignTable.tsx

@@ -5,6 +5,7 @@ import { PublishIcon } from '../../icons';
 import { CHARCOAL, useTheme } from '../../theme';
 import { Pattern } from '../CustomCatalog/CustomCard';
 import { ErrorBoundary } from '../ErrorBoundary';
+import { ColView } from '../Helpers/ResponsiveColumns/responsive-coulmns.tsx/responsive-column';
 import PromptComponent from '../Prompt';
 import { PromptRef } from '../Prompt/promt-component';
 import ResponsiveDataTable from '../ResponsiveDataTable';
@@ -22,7 +23,7 @@ interface CatalogDesignsTableProps {
   page: number;
   setPage: (page: number) => void;
   columnVisibility: Record<string, boolean>;
-  colViews: Record<string, boolean> | undefined;
+  colViews: ColView[];
   handleBulkDeleteModal: (patterns: Pattern[], modalRef: React.RefObject<PromptRef>) => void;
   handleBulkpatternsDataUnpublishModal: (
     selected: any,
@@ -43,7 +44,7 @@ export const CatalogDesignsTable: React.FC<CatalogDesignsTableProps> = ({
   page = 0,
   setPage,
   columnVisibility = {},
-  colViews = {},
+  colViews = [],
   handleBulkDeleteModal,
   handleBulkpatternsDataUnpublishModal
 }) => {

src/custom/CatalogDesignTable/DesignTableColumnConfig.tsx

@@ -7,6 +7,7 @@ import { downloadYaml, slugify } from '../CatalogDetail/helper';
 import { RESOURCE_TYPES } from '../CatalogDetail/types';
 import { Pattern } from '../CustomCatalog/CustomCard';
 import { ConditionalTooltip } from '../Helpers/CondtionalTooltip';
+import { ColView } from '../Helpers/ResponsiveColumns/responsive-coulmns.tsx';
 import { DataTableEllipsisMenu } from '../ResponsiveDataTable';
 import AuthorCell from './AuthorCell';
 import { getColumnValue } from './helper';
@@ -31,7 +32,7 @@ interface ColumnConfigProps {
   isUnpublishDisabled: boolean;
 }
 
-export const colViews: [string, string][] = [
+export const colViews: ColView[] = [
   ['id', 'na'],
   ['name', 'xs'],
   ['first_name', 'xs'],

src/custom/CatalogDesignTable/columnConfig.tsx

@@ -17,13 +17,12 @@ import { downloadFilter, downloadYaml } from '../CatalogDetail/helper';
 import { RESOURCE_TYPES } from '../CatalogDetail/types';
 import { Pattern } from '../CustomCatalog/CustomCard';
 import { ConditionalTooltip } from '../Helpers/CondtionalTooltip';
+import { ColView } from '../Helpers/ResponsiveColumns/responsive-coulmns.tsx/responsive-column';
 import { DataTableEllipsisMenu } from '../ResponsiveDataTable';
 import AuthorCell from './AuthorCell';
 import { getColumnValue } from './helper';
 import { NameDiv } from './style';
 
-export type ColView = [string, 'na' | 'xs' | 'l'];
-
 export const colViews: ColView[] = [
   ['id', 'na'],
   ['name', 'xs'],

src/custom/CustomColumnVisibilityControl/CustomColumnVisibilityControl.tsx

@@ -1,3 +1,4 @@
+import { MUIDataTableColumn } from 'mui-datatables';
 import React from 'react';
 import { Box } from '../../base/Box';
 import { Card } from '../../base/Card';
@@ -10,7 +11,7 @@ import PopperListener from '../PopperListener';
 import TooltipIcon from '../TooltipIcon';
 
 export interface CustomColumnVisibilityControlProps {
-  columns: CustomColumn[];
+  columns: MUIDataTableColumn[];
   customToolsProps: {
     columnVisibility: Record<string, boolean>;
     setColumnVisibility: React.Dispatch<React.SetStateAction<Record<string, boolean>>>;

src/custom/PerformersSection/PerformersSection.tsx

@@ -184,7 +184,7 @@ interface PageArgs {
   [key: string]: any;
 }
 
-const withDefaultPageArgs = (args: PageArgs = {}): PageArgs => ({
+export const withDefaultPageArgs = (args: PageArgs = {}): PageArgs => ({
   search: args.search ?? '',
   order: args.order ?? '',
   pagesize: args.pagesize ?? 0,

src/custom/ResponsiveDataTable.tsx

@@ -4,6 +4,7 @@ import React, { useCallback } from 'react';
 import { Checkbox, Collapse, ListItemIcon, ListItemText, Menu, MenuItem } from '../base';
 import { ShareIcon } from '../icons';
 import { EllipsisIcon } from '../icons/Ellipsis';
+import { ColView } from './Helpers/ResponsiveColumns/responsive-coulmns.tsx';
 import TooltipIcon from './TooltipIcon';
 
 export const IconWrapper = styled('div')<{ disabled?: boolean }>(({ disabled = false }) => ({
@@ -283,7 +284,7 @@ export interface ResponsiveDataTableProps {
   updateCols?: ((columns: Column[]) => void) | undefined;
   columnVisibility: Record<string, boolean> | undefined;
   theme?: object;
-  colViews?: Record<string, boolean> | undefined;
+  colViews?: ColView[];
   rowsPerPageOptions?: number[] | undefined;
   backgroundColor?: string;
 }

src/custom/Workspaces/AssignmentModal.tsx

@@ -1,6 +1,6 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 import { Modal, ModalBody, ModalButtonPrimary, ModalButtonSecondary, ModalFooter } from '../Modal';
 import { TransferList } from '../TransferModal/TransferList';
-import { ListItemType } from '../TransferModal/TransferList/TransferList';
 import { ModalActionDiv } from './styles';
 
 interface AssignmentModalProps {
@@ -9,9 +9,9 @@ interface AssignmentModalProps {
   title: string;
   headerIcon: JSX.Element;
   name: string;
-  assignableData: ListItemType[];
-  handleAssignedData: (data: ListItemType[]) => void;
-  originalAssignedData: ListItemType[];
+  assignableData: any[];
+  handleAssignedData: (data: any) => void;
+  originalAssignedData: any[];
   emptyStateIcon: JSX.Element;
   handleAssignablePage: () => void;
   handleAssignedPage: () => void;