@orchestrator-ui/orchestrator-ui-components 7.4.1 → 7.5.1

package/src/components/WfoSummary/WfoSummaryCards.tsx

@@ -5,19 +5,15 @@ import { EuiFlexGrid, useCurrentEuiBreakpoint } from '@elastic/eui';
 import { getNumberOfColumns } from './getNumberOfColumns';
 
 export type WfoSummaryCardsProps = {
-    children: ReactElement[];
+  children: ReactElement[];
 };
 
 export const WfoSummaryCards: FC<WfoSummaryCardsProps> = ({ children }) => {
-    const currentBreakpoint = useCurrentEuiBreakpoint();
+  const currentBreakpoint = useCurrentEuiBreakpoint();
 
-    return (
-        <EuiFlexGrid
-            responsive={false}
-            columns={getNumberOfColumns(currentBreakpoint)}
-            gutterSize="xl"
-        >
-            {children}
-        </EuiFlexGrid>
-    );
+  return (
+    <EuiFlexGrid responsive={false} columns={getNumberOfColumns(currentBreakpoint)} gutterSize="xl">
+      {children}
+    </EuiFlexGrid>
+  );
 };

package/src/components/WfoSummary/getNumberOfColumns.ts

@@ -1,14 +1,14 @@
 export const getNumberOfColumns = (currentBreakpoint: string | undefined) => {
-    switch (currentBreakpoint) {
-        case 'xxl':
-            return 3;
-        case 'xl':
-            return 2;
-        case 'l':
-        case 'm':
-        case 's':
-        case 'xs':
-        default:
-            return 1;
-    }
+  switch (currentBreakpoint) {
+    case 'xxl':
+      return 3;
+    case 'xl':
+      return 2;
+    case 'l':
+    case 'm':
+    case 's':
+    case 'xs':
+    default:
+      return 1;
+  }
 };

package/src/components/WfoSummary/styles.ts

@@ -3,12 +3,12 @@ import { css } from '@emotion/react';
 import { WfoThemeHelpers } from '@/hooks';
 
 export const getWfoSummaryCardsStyles = ({ theme }: WfoThemeHelpers) => {
-    const cardContainerStyle = css({
-        height: theme.base * 36,
-        minWidth: theme.base * 25,
-    });
+  const cardContainerStyle = css({
+    height: theme.base * 36,
+    minWidth: theme.base * 25,
+  });
 
-    return {
-        cardContainerStyle,
-    };
+  return {
+    cardContainerStyle,
+  };
 };

package/src/components/WfoTable/WfoAdvancedTable/WfoAdvancedTable.tsx

@@ -2,29 +2,22 @@ import React, { useEffect, useState } from 'react';
 
 import { useTranslations } from 'next-intl';
 
-import {
-    EuiButton,
-    EuiButtonIcon,
-    EuiFlexGroup,
-    EuiFlexItem,
-    EuiSpacer,
-    EuiText,
-} from '@elastic/eui';
+import { EuiButton, EuiButtonIcon, EuiFlexGroup, EuiFlexItem, EuiSpacer, EuiText } from '@elastic/eui';
 
 import {
-    DEFAULT_PAGE_SIZE,
-    DEFAULT_PAGE_SIZES,
-    TableColumnKeys,
-    TableSettingsColumnConfig,
-    TableSettingsConfig,
-    TableSettingsModal,
-    WfoErrorWithMessage,
-    WfoInformationModal,
-    WfoKeyValueTable,
-    WfoKeyValueTableDataType,
-    WfoSearchField,
-    clearTableConfigFromLocalStorage,
-    setTableConfigToLocalStorage,
+  DEFAULT_PAGE_SIZE,
+  DEFAULT_PAGE_SIZES,
+  TableColumnKeys,
+  TableSettingsColumnConfig,
+  TableSettingsConfig,
+  TableSettingsModal,
+  WfoErrorWithMessage,
+  WfoInformationModal,
+  WfoKeyValueTable,
+  WfoKeyValueTableDataType,
+  WfoSearchField,
+  clearTableConfigFromLocalStorage,
+  setTableConfigToLocalStorage,
 } from '@/components';
 import { getRowDetailData } from '@/components/WfoTable/WfoAdvancedTable/getRowDetailData';
 import { useOrchestratorTheme } from '@/hooks';
@@ -36,218 +29,177 @@ import { ColumnType, WfoTable, WfoTableProps } from '../WfoTable';
 import { updateQueryString } from '../WfoTableWithFilter/updateQueryString';
 import { WfoAdvancedTableColumnConfig } from './types';
 
-export type WfoAdvancedTableProps<T extends object> = Omit<
-    WfoTableProps<T>,
-    'columnConfig'
-> & {
-    tableColumnConfig: WfoAdvancedTableColumnConfig<T>;
-    defaultHiddenColumns?: TableColumnKeys<T>;
-    queryString?: string;
-    localStorageKey: string;
-    detailModal?: boolean;
-    detailModalTitle?: string;
-    exportDataIsLoading?: boolean;
-    error?: WfoGraphqlError[];
-    onUpdateQueryString: (queryString: string) => void;
-    onExportData?: () => void;
-    disableSearch?: boolean;
-    extraButtons?: React.ReactNode;
+export type WfoAdvancedTableProps<T extends object> = Omit<WfoTableProps<T>, 'columnConfig'> & {
+  tableColumnConfig: WfoAdvancedTableColumnConfig<T>;
+  defaultHiddenColumns?: TableColumnKeys<T>;
+  queryString?: string;
+  localStorageKey: string;
+  detailModal?: boolean;
+  detailModalTitle?: string;
+  exportDataIsLoading?: boolean;
+  error?: WfoGraphqlError[];
+  onUpdateQueryString: (queryString: string) => void;
+  onExportData?: () => void;
+  disableSearch?: boolean;
+  extraButtons?: React.ReactNode;
 };
 
 export const WfoAdvancedTable = <T extends object>({
-    tableColumnConfig,
-    defaultHiddenColumns = [],
-    queryString,
-    localStorageKey,
-    detailModal = true,
-    detailModalTitle = 'Details',
-    exportDataIsLoading,
-    error,
-    onUpdateQueryString,
-    onExportData,
-    disableSearch = false,
-    extraButtons,
-    ...tableProps
+  tableColumnConfig,
+  defaultHiddenColumns = [],
+  queryString,
+  localStorageKey,
+  detailModal = true,
+  detailModalTitle = 'Details',
+  exportDataIsLoading,
+  error,
+  onUpdateQueryString,
+  onExportData,
+  disableSearch = false,
+  extraButtons,
+  ...tableProps
 }: WfoAdvancedTableProps<T>) => {
-    const { theme } = useOrchestratorTheme();
-
-    const [hiddenColumns, setHiddenColumns] =
-        useState<TableColumnKeys<T>>(defaultHiddenColumns);
-    const [showSettingsModal, setShowSettingsModal] = useState(false);
-    const [selectedDataForDetailModal, setSelectedDataForDetailModal] =
-        useState<T | undefined>(undefined);
-    const [showSearchModal, setShowSearchModal] = useState(false);
-    const t = useTranslations('common');
-
-    useEffect(() => {
-        if (defaultHiddenColumns) {
-            setHiddenColumns(defaultHiddenColumns);
-        }
-    }, [defaultHiddenColumns]);
-
-    const { pagination } = tableProps;
-
-    const detailsIconColumn: WfoAdvancedTableColumnConfig<T> = {
-        viewDetails: {
-            columnType: ColumnType.CONTROL,
-            width: '36px',
-            renderControl: (row) => (
-                <EuiFlexItem
-                    css={{ cursor: 'pointer' }}
-                    onClick={() => setSelectedDataForDetailModal(row)}
-                >
-                    <WfoArrowsExpand color={theme.colors.borderBasePlain} />
-                </EuiFlexItem>
-            ),
-        },
-    };
-
-    const tableColumnsWithControlColumns: WfoAdvancedTableColumnConfig<T> = {
-        ...(detailModal && detailsIconColumn),
-        ...tableColumnConfig,
-    };
-
-    const tableSettingsColumns: TableSettingsColumnConfig<T>[] = Object.entries(
-        tableColumnConfig,
-    ).map(([key, { label }]): TableSettingsColumnConfig<T> => {
-        const field = key as keyof T;
-
-        return {
-            field,
-            name: label,
-            isVisible: hiddenColumns.indexOf(field) === -1,
-        };
-    });
-
-    const rowDetailData: WfoKeyValueTableDataType[] | undefined =
-        selectedDataForDetailModal &&
-        getRowDetailData(selectedDataForDetailModal, tableColumnConfig);
-
-    const handleUpdateTableConfig = (
-        updatedTableConfig: TableSettingsConfig<T>,
-    ) => {
-        const updatedHiddenColumns = updatedTableConfig.columns
-            .filter((column) => !column.isVisible)
-            .map((hiddenColumn) => hiddenColumn.field);
-        setHiddenColumns(updatedHiddenColumns);
-        setShowSettingsModal(false);
-        setTableConfigToLocalStorage(localStorageKey, {
-            hiddenColumns: updatedHiddenColumns,
-            selectedPageSize: updatedTableConfig.selectedPageSize,
-        });
-        pagination?.onChangeItemsPerPage?.(updatedTableConfig.selectedPageSize);
-        pagination?.onChangePage?.(0);
-    };
-
-    const handleResetToDefaults = () => {
-        const defaultTableConfig = getDefaultTableConfig<T>(localStorageKey);
-        setHiddenColumns(defaultTableConfig.hiddenColumns);
-        setShowSettingsModal(false);
-        clearTableConfigFromLocalStorage(localStorageKey);
-        pagination?.onChangeItemsPerPage?.(
-            defaultTableConfig.selectedPageSize ?? DEFAULT_PAGE_SIZE,
-        );
-        pagination?.onChangePage?.(0);
-    };
-
-    const searchModalText = t.rich('searchModalText', {
-        br: () => <br />,
-        p: (chunks) => <p>{chunks}</p>,
-        ul: (chunks) => <ul>{chunks}</ul>,
-        li: (chunks) => <li>{chunks}</li>,
-        span: (chunks) => <span>{chunks}</span>,
-        b: (chunks) => <b>{chunks}</b>,
+  const { theme } = useOrchestratorTheme();
+
+  const [hiddenColumns, setHiddenColumns] = useState<TableColumnKeys<T>>(defaultHiddenColumns);
+  const [showSettingsModal, setShowSettingsModal] = useState(false);
+  const [selectedDataForDetailModal, setSelectedDataForDetailModal] = useState<T | undefined>(undefined);
+  const [showSearchModal, setShowSearchModal] = useState(false);
+  const t = useTranslations('common');
+
+  useEffect(() => {
+    if (defaultHiddenColumns) {
+      setHiddenColumns(defaultHiddenColumns);
+    }
+  }, [defaultHiddenColumns]);
+
+  const { pagination } = tableProps;
+
+  const detailsIconColumn: WfoAdvancedTableColumnConfig<T> = {
+    viewDetails: {
+      columnType: ColumnType.CONTROL,
+      width: '36px',
+      renderControl: (row) => (
+        <EuiFlexItem css={{ cursor: 'pointer' }} onClick={() => setSelectedDataForDetailModal(row)}>
+          <WfoArrowsExpand color={theme.colors.borderBasePlain} />
+        </EuiFlexItem>
+      ),
+    },
+  };
+
+  const tableColumnsWithControlColumns: WfoAdvancedTableColumnConfig<T> = {
+    ...(detailModal && detailsIconColumn),
+    ...tableColumnConfig,
+  };
+
+  const tableSettingsColumns: TableSettingsColumnConfig<T>[] = Object.entries(tableColumnConfig).map(
+    ([key, { label }]): TableSettingsColumnConfig<T> => {
+      const field = key as keyof T;
+
+      return {
+        field,
+        name: label,
+        isVisible: hiddenColumns.indexOf(field) === -1,
+      };
+    },
+  );
+
+  const rowDetailData: WfoKeyValueTableDataType[] | undefined =
+    selectedDataForDetailModal && getRowDetailData(selectedDataForDetailModal, tableColumnConfig);
+
+  const handleUpdateTableConfig = (updatedTableConfig: TableSettingsConfig<T>) => {
+    const updatedHiddenColumns = updatedTableConfig.columns
+      .filter((column) => !column.isVisible)
+      .map((hiddenColumn) => hiddenColumn.field);
+    setHiddenColumns(updatedHiddenColumns);
+    setShowSettingsModal(false);
+    setTableConfigToLocalStorage(localStorageKey, {
+      hiddenColumns: updatedHiddenColumns,
+      selectedPageSize: updatedTableConfig.selectedPageSize,
     });
-
-    return (
-        <>
-            <EuiFlexGroup alignItems="center">
-                <EuiFlexItem>
-                    {!disableSearch && (
-                        <WfoSearchField
-                            queryString={queryString}
-                            onUpdateQueryString={onUpdateQueryString}
-                        />
-                    )}
-                </EuiFlexItem>
-                <EuiFlexItem grow={false}>
-                    {!disableSearch && (
-                        <EuiButtonIcon
-                            onClick={() => setShowSearchModal(true)}
-                            iconSize={'xl'}
-                            iconType={'info'}
-                            aria-label={t('searchModalTitle')}
-                        />
-                    )}
-                </EuiFlexItem>
-                <EuiButton onClick={() => setShowSettingsModal(true)}>
-                    {t('editColumns')}
-                </EuiButton>
-                {onExportData && (
-                    <EuiButton
-                        isLoading={exportDataIsLoading}
-                        onClick={() => onExportData()}
-                    >
-                        {t('export')}
-                    </EuiButton>
-                )}
-                {extraButtons}
-            </EuiFlexGroup>
-            {error && <WfoErrorWithMessage error={error} />}
-            <EuiSpacer size="m" />
-            <WfoTable
-                columnConfig={tableColumnsWithControlColumns}
-                hiddenColumns={hiddenColumns}
-                onUpdateDataSearch={({ field, searchText }) =>
-                    onUpdateQueryString(
-                        updateQueryString(
-                            queryString ?? '',
-                            field.toString(),
-                            searchText,
-                        ),
-                    )
-                }
-                {...tableProps}
+    pagination?.onChangeItemsPerPage?.(updatedTableConfig.selectedPageSize);
+    pagination?.onChangePage?.(0);
+  };
+
+  const handleResetToDefaults = () => {
+    const defaultTableConfig = getDefaultTableConfig<T>(localStorageKey);
+    setHiddenColumns(defaultTableConfig.hiddenColumns);
+    setShowSettingsModal(false);
+    clearTableConfigFromLocalStorage(localStorageKey);
+    pagination?.onChangeItemsPerPage?.(defaultTableConfig.selectedPageSize ?? DEFAULT_PAGE_SIZE);
+    pagination?.onChangePage?.(0);
+  };
+
+  const searchModalText = t.rich('searchModalText', {
+    br: () => <br />,
+    p: (chunks) => <p>{chunks}</p>,
+    ul: (chunks) => <ul>{chunks}</ul>,
+    li: (chunks) => <li>{chunks}</li>,
+    span: (chunks) => <span>{chunks}</span>,
+    b: (chunks) => <b>{chunks}</b>,
+  });
+
+  return (
+    <>
+      <EuiFlexGroup alignItems="center">
+        <EuiFlexItem>
+          {!disableSearch && <WfoSearchField queryString={queryString} onUpdateQueryString={onUpdateQueryString} />}
+        </EuiFlexItem>
+        <EuiFlexItem grow={false}>
+          {!disableSearch && (
+            <EuiButtonIcon
+              onClick={() => setShowSearchModal(true)}
+              iconSize={'l'}
+              iconType={'info'}
+              aria-label={t('searchModalTitle')}
             />
-
-            {showSettingsModal && (
-                <TableSettingsModal
-                    tableConfig={{
-                        columns: tableSettingsColumns,
-                        selectedPageSize:
-                            pagination?.pageSize ?? DEFAULT_PAGE_SIZE,
-                    }}
-                    pageSizeOptions={
-                        pagination?.pageSizeOptions ?? DEFAULT_PAGE_SIZES
-                    }
-                    onClose={() => setShowSettingsModal(false)}
-                    onUpdateTableConfig={handleUpdateTableConfig}
-                    onResetToDefaults={handleResetToDefaults}
-                />
-            )}
-
-            {showSearchModal && (
-                <WfoInformationModal
-                    title={t('searchModalTitle')}
-                    onClose={() => setShowSearchModal(false)}
-                >
-                    <EuiText>
-                        <p>{searchModalText}</p>
-                    </EuiText>
-                </WfoInformationModal>
-            )}
-
-            {rowDetailData && (
-                <WfoInformationModal
-                    title={detailModalTitle}
-                    onClose={() => setSelectedDataForDetailModal(undefined)}
-                >
-                    <WfoKeyValueTable
-                        keyValues={rowDetailData}
-                        showCopyToClipboardIcon
-                    />
-                </WfoInformationModal>
-            )}
-        </>
-    );
+          )}
+        </EuiFlexItem>
+        <EuiButton onClick={() => setShowSettingsModal(true)}>{t('editColumns')}</EuiButton>
+        {onExportData && (
+          <EuiButton isLoading={exportDataIsLoading} onClick={() => onExportData()}>
+            {t('export')}
+          </EuiButton>
+        )}
+        {extraButtons}
+      </EuiFlexGroup>
+      {error && <WfoErrorWithMessage error={error} />}
+      <EuiSpacer size="m" />
+      <WfoTable
+        columnConfig={tableColumnsWithControlColumns}
+        hiddenColumns={hiddenColumns}
+        onUpdateDataSearch={({ field, searchText }) =>
+          onUpdateQueryString(updateQueryString(queryString ?? '', field.toString(), searchText))
+        }
+        {...tableProps}
+      />
+
+      {showSettingsModal && (
+        <TableSettingsModal
+          tableConfig={{
+            columns: tableSettingsColumns,
+            selectedPageSize: pagination?.pageSize ?? DEFAULT_PAGE_SIZE,
+          }}
+          pageSizeOptions={pagination?.pageSizeOptions ?? DEFAULT_PAGE_SIZES}
+          onClose={() => setShowSettingsModal(false)}
+          onUpdateTableConfig={handleUpdateTableConfig}
+          onResetToDefaults={handleResetToDefaults}
+        />
+      )}
+
+      {showSearchModal && (
+        <WfoInformationModal title={t('searchModalTitle')} onClose={() => setShowSearchModal(false)}>
+          <EuiText>
+            <p>{searchModalText}</p>
+          </EuiText>
+        </WfoInformationModal>
+      )}
+
+      {rowDetailData && (
+        <WfoInformationModal title={detailModalTitle} onClose={() => setSelectedDataForDetailModal(undefined)}>
+          <WfoKeyValueTable keyValues={rowDetailData} showCopyToClipboardIcon />
+        </WfoInformationModal>
+      )}
+    </>
+  );
 };

package/src/components/WfoTable/WfoAdvancedTable/getRowDetailData.tsx

@@ -1,55 +1,44 @@
 import React from 'react';
 
 import {
-    WfoAdvancedTableColumnConfig,
-    WfoAdvancedTableDataColumnConfigItem,
+  WfoAdvancedTableColumnConfig,
+  WfoAdvancedTableDataColumnConfigItem,
 } from '@/components/WfoTable/WfoAdvancedTable/types';
-import {
-    ColumnType,
-    WfoTableControlColumnConfigItem,
-} from '@/components/WfoTable/WfoTable';
+import { ColumnType, WfoTableControlColumnConfigItem } from '@/components/WfoTable/WfoTable';
 import { getTypedFieldFromObject } from '@/utils';
 
 export const getRowDetailData = <T extends object>(
-    selectedDataForDetailModal: T,
-    tableColumnConfig: WfoAdvancedTableColumnConfig<T>,
+  selectedDataForDetailModal: T,
+  tableColumnConfig: WfoAdvancedTableColumnConfig<T>,
 ) => {
-    const tableColumnConfigEntries: [
-        string,
-        (
-            | WfoTableControlColumnConfigItem<T>
-            | WfoAdvancedTableDataColumnConfigItem<T, keyof T>
-        ),
-    ][] = Object.entries(tableColumnConfig);
+  const tableColumnConfigEntries: [
+    string,
+    WfoTableControlColumnConfigItem<T> | WfoAdvancedTableDataColumnConfigItem<T, keyof T>,
+  ][] = Object.entries(tableColumnConfig);
 
-    const dataColumnEntries = tableColumnConfigEntries.filter(
-        ([, tableColumnConfig]) =>
-            tableColumnConfig.columnType === ColumnType.DATA,
-    ) as [string, WfoAdvancedTableDataColumnConfigItem<T, keyof T>][];
+  const dataColumnEntries = tableColumnConfigEntries.filter(
+    ([, tableColumnConfig]) => tableColumnConfig.columnType === ColumnType.DATA,
+  ) as [string, WfoAdvancedTableDataColumnConfigItem<T, keyof T>][];
 
-    return dataColumnEntries.map(([key, value]) => {
-        const dataField = getTypedFieldFromObject(key, tableColumnConfig);
-        if (dataField === null) {
-            return {
-                key,
-                value: undefined,
-            };
-        }
+  return dataColumnEntries.map(([key, value]) => {
+    const dataField = getTypedFieldFromObject(key, tableColumnConfig);
+    if (dataField === null) {
+      return {
+        key,
+        value: undefined,
+      };
+    }
 
-        const { renderDetails, renderData, clipboardText, label } = value;
-        const dataValue = selectedDataForDetailModal[dataField];
+    const { renderDetails, renderData, clipboardText, label } = value;
+    const dataValue = selectedDataForDetailModal[dataField];
 
-        return {
-            key: label ?? dataField.toString(),
-            value: (renderDetails &&
-                renderDetails(dataValue, selectedDataForDetailModal)) ??
-                (renderData &&
-                    renderData(dataValue, selectedDataForDetailModal)) ?? (
-                    <>{dataValue}</>
-                ),
-            textToCopy:
-                clipboardText?.(dataValue, selectedDataForDetailModal) ??
-                (typeof dataValue === 'string' ? dataValue : undefined),
-        };
-    });
+    return {
+      key: label ?? dataField.toString(),
+      value: (renderDetails && renderDetails(dataValue, selectedDataForDetailModal))
+        ?? (renderData && renderData(dataValue, selectedDataForDetailModal)) ?? <>{dataValue}</>,
+      textToCopy:
+        clipboardText?.(dataValue, selectedDataForDetailModal)
+        ?? (typeof dataValue === 'string' ? dataValue : undefined),
+    };
+  });
 };

package/src/components/WfoTable/WfoAdvancedTable/toSortedTableColumnConfig.ts

@@ -1,12 +1,12 @@
 import { WfoAdvancedTableColumnConfig } from '@/components/WfoTable/WfoAdvancedTable/types';
 
 export const toSortedTableColumnConfig = <T extends object>(
-    columnConfig: WfoAdvancedTableColumnConfig<T>,
-    columnKeys: (keyof WfoAdvancedTableColumnConfig<T>)[],
+  columnConfig: WfoAdvancedTableColumnConfig<T>,
+  columnKeys: (keyof WfoAdvancedTableColumnConfig<T>)[],
 ): WfoAdvancedTableColumnConfig<T> =>
-    columnKeys.reduce((sortedConfig, key) => {
-        if (key in columnConfig) {
-            sortedConfig[key] = columnConfig[key];
-        }
-        return sortedConfig;
-    }, {} as WfoAdvancedTableColumnConfig<T>);
+  columnKeys.reduce((sortedConfig, key) => {
+    if (key in columnConfig) {
+      sortedConfig[key] = columnConfig[key];
+    }
+    return sortedConfig;
+  }, {} as WfoAdvancedTableColumnConfig<T>);

package/src/components/WfoTable/WfoAdvancedTable/types.ts

@@ -1,23 +1,21 @@
 import { ReactNode } from 'react';
 
 import {
-    WfoTableControlColumnConfig,
-    WfoTableControlColumnConfigItem,
-    WfoTableDataColumnConfigItem,
+  WfoTableControlColumnConfig,
+  WfoTableControlColumnConfigItem,
+  WfoTableDataColumnConfigItem,
 } from '@/components/WfoTable/WfoTable';
 
 export type WfoAdvancedTableDataColumnConfigItem<
-    T extends object,
-    Property extends keyof T,
+  T extends object,
+  Property extends keyof T,
 > = WfoTableDataColumnConfigItem<T, Property> & {
-    renderDetails?: (cellValue: T[Property], row: T) => ReactNode;
-    clipboardText?: (cellValue: T[Property], row: T) => string;
+  renderDetails?: (cellValue: T[Property], row: T) => ReactNode;
+  clipboardText?: (cellValue: T[Property], row: T) => string;
 };
 export type WfoAdvancedTableDataColumnConfig<T extends object> = {
-    [Property in keyof T]:
-        | WfoAdvancedTableDataColumnConfigItem<T, Property>
-        | WfoTableControlColumnConfigItem<T>;
+  [Property in keyof T]: WfoAdvancedTableDataColumnConfigItem<T, Property> | WfoTableControlColumnConfigItem<T>;
 };
 export type WfoAdvancedTableColumnConfig<T extends object> = Partial<
-    WfoTableControlColumnConfig<T> | WfoAdvancedTableDataColumnConfig<T>
+  WfoTableControlColumnConfig<T> | WfoAdvancedTableDataColumnConfig<T>
 >;