@zohodesk/library-platform 1.0.2-exp.1.0 → 1.0.2-exp.1.2

package/es/library/dot/components/table-list/adapters/controllers/SortByController.ts

@@ -1,16 +0,0 @@
-import { SORTBY_SORT } from '@bc/sort-by/Constants';
-import AbstractController from './AbstractController';
-
-class SortByController extends AbstractController {
-  handle(event) {
-    const { dispatch, action } = event;
-    const { id, name } = action.payload;
-
-    dispatch({
-      type: SORTBY_SORT,
-      payload: { id, name }
-    });
-  }
-}
-
-export default SortByController;

package/es/library/dot/components/table-list/adapters/controllers/SortedController.ts

@@ -1,15 +0,0 @@
-import { ZLIST_FETCH_SORTED } from '@bc/zlist/Constants';
-import AbstractController from './AbstractController';
-
-class SortedController extends AbstractController {
-  handle(event): void {
-    const { action, dispatch } = event;
-
-    dispatch({
-      type: ZLIST_FETCH_SORTED,
-      payload: action.payload
-    });
-  }
-}
-
-export default SortedController;

package/es/library/dot/components/table-list/adapters/controllers/index.ts

@@ -1,7 +0,0 @@
-export { default as SelectItemController } from './SelectItemController';
-export { default as SelectAllController } from './SelectAllController';
-export { default as ScrollController } from './ScrollController';
-export { default as SortByController } from './SortByController';
-export { default as SortedController } from './SortedController';
-export { default as FieldChangeController } from './FieldChangeController';
-export { default as FieldClickController } from './FieldClickController';

package/es/library/dot/components/table-list/adapters/presenters/TableTranslator.ts

@@ -1,44 +0,0 @@
-class TableTranslator {
-  static translate(state) {
-    const { data, selectionConfig } = state.properties;
-    const { sortBy, selection } = state?.behaviours;
-
-    const headers = TableTranslator.translateHeaders(data.headers, sortBy);
-    const rows = TableTranslator.translateRows(data.rows, selection, selectionConfig);
-
-    state = {
-      ...state,
-      properties: {
-        ...state.properties,
-        data: { ...data, headers, rows }
-      }
-    };
-
-    return state;
-  }
-
-  private static translateHeaders(headers, sortBy) {
-    return headers.map(header => {
-      const sortOrder = sortBy?.id === header.id ? sortBy?.order : 'none';
-      return {
-        ...header,
-        sortOrder,
-        sortTooltip: sortOrder === 'none' ? '' : sortOrder === 'ascending' ? 'Click to Sort Descending' : 'Click to Sort Ascending'
-      };
-    });
-  }
-
-  private static translateRows(rows, selection, selectionConfig) {
-    const { selected, hasAllSelected } = selection;
-    return rows.map((row, index) => {
-      return {
-        ...row,
-        isSelected: selected.includes(row.id),
-        isSelectable: selected.includes(row.id) || !hasAllSelected,
-        selectionTooltip: !selected.includes(row.id) && hasAllSelected ? selectionConfig.limitExceedAlertMessage : `Record ${index + 1}`
-      };
-    });
-  }
-}
-
-export default TableTranslator;

package/es/library/dot/components/table-list/frameworks/ui/EventHandlersFactory.ts

@@ -1,22 +0,0 @@
-import { TableListConstants } from '@cc/table-list';
-import { SelectItemController, SelectAllController, ScrollController, FieldChangeController, FieldClickController, SortByController, SortedController } from '../../adapters/controllers';
-import TableRowConstants from '@cc/table-list/row/Constants';
-import { SORTBY_SORTED } from '@bc/sort-by/Constants';
-import RowClickController from '../../adapters/controllers/RowClickController';
-
-class EventHandlersFactory {
-  static create() {
-    return {
-      [TableRowConstants.TABLE_ROW_CLICKED]: new RowClickController().handle,
-      [TableListConstants.TABLE_LIST_TOGGLE_ITEM_SELECTION]:  new SelectItemController().handle,
-      [TableListConstants.TABLE_LIST_TOGGLE_ALL_SELECTION]:  new SelectAllController().handle,
-      [TableListConstants.TABLE_LIST_SCROLLED]:  new ScrollController().handle,
-      [TableListConstants.TABLE_LIST_SORTED]:  new SortByController().handle,
-      [SORTBY_SORTED]:  new SortedController().handle,
-      [TableRowConstants.TABLE_ROW_FIELD_CHANGED]:  new FieldChangeController().handle,
-      [TableRowConstants.TABLE_ROW_FIELD_CLICKED]:  new FieldClickController().handle
-    };
-  }
-}
-
-export default EventHandlersFactory;

package/es/library/dot/components/table-list/frameworks/ui/TableList.tsx

@@ -1,36 +0,0 @@
-import { TableListProperties } from '@cc/table-list';
-import { createCustomComponent } from '../../../../../custom-component';
-import ListItemSelectionBehaviourFactory from '../../../../../behaviours/list-selection/frameworks/ListItemSelectionBehaviourFactory';
-import TableTranslator from '../../adapters/presenters/TableTranslator';
-import TableListView from './TableListView';
-import EventHandlersFactory from './EventHandlersFactory';
-import SortByBehaviourFactory from '@library/behaviours/sort-by/frameworks/ui/SortByBehaviourFactory';
-
-const TableList = createCustomComponent({
-  name: 'TableList',
-  View: TableListView,
-  properties: TableListProperties,
-  setInitialState: () => ({}),
-  transformState: TableTranslator.translate,
-  eventHandlers: EventHandlersFactory.create(),
-  behaviours: [
-    ListItemSelectionBehaviourFactory.create(),
-    SortByBehaviourFactory.create(),
-    {
-      name: 'resizerState',
-      properties: {},
-      eventHandlers: {},
-      setInitialState: () => ({
-        currentlyResizingColumn: '',
-        isCurrentlyResizing: false,
-        resizedColumnsWidth: {},
-        extraWidth: 0,
-        initialPosition: 0,
-        resizedPosition: 0,
-        tooltip: ''
-      })
-    }
-  ]
-});
-
-export default TableList;

package/es/library/dot/components/table-list/frameworks/ui/TableListView.tsx

@@ -1,82 +0,0 @@
-import React from 'react';
-import Table from '@zohodesk-private/desk-components/es/table/Table/Table';
-
-import Header from './sub-components/Header';
-import Body from './sub-components/Body';
-import Rows from './sub-components/Rows';
-import NoData from './sub-components/NoData';
-import Loading from './sub-components/Loading';
-import ColumnResizingLine from './sub-components/ColumnResizingLine';
-
-import handleScroll from './handlers/HandleScroll';
-
-// @ts-ignore
-import style from './css/TableList.module.css';
-
-function TableListView({ state, helpers }, _ref) {
-  const { dispatch } = helpers;
-  const { data, isLoading, resizerConfig, selectionConfig, isFlexibleColumns, rowCursor, rowActionsConfig, emptyStateUiType } = state.properties;
-  const { resizerState, selection } = state.behaviours;
-  const { headers, rows } = data;
-  const { hasActions: hasRowActions, columnWidth: rowActionsColumnWidth } = rowActionsConfig;
-  const hasRows = rows.length > 0; // TODO: derive from state.properties
-  const isDataEmpty = !hasRows && !isLoading; // TODO: derive from state.properties
-  return (
-    <div className={style.wrapper} ref={_ref}>
-      <Table $event_onScroll={e => handleScroll(dispatch, { scrollEvent: e })}>
-        {renderHeader({ headers, resizerConfig, resizerState, selectionConfig, selection, isFlexibleColumns, hasRowActions, rowActionsColumnWidth, dispatch })}
-        {renderBody({ headers, rows, isFlexibleColumns, selectionConfig, rowCursor, hasRowActions, rowActionsColumnWidth, hasRows })}
-        <NoData isDataEmpty={isDataEmpty} emptyStateUiType={emptyStateUiType} />
-        <Loading isLoading={isLoading} hasRows={hasRows} />
-      </Table>
-      {renderColumnResizingLine(resizerState)}
-    </div>
-  );
-}
-
-function renderHeader({ headers, resizerConfig, resizerState, selectionConfig, selection, isFlexibleColumns, hasRowActions, rowActionsColumnWidth, dispatch }) {
-  return (
-    <Header
-      isSelectionEnabled={selectionConfig.isEnabled}
-      hasAllSelected={selection.hasAllSelected}
-      isResizerEnabled={resizerConfig.isEnabled}
-      currentlyResizingColumn={resizerState.currentlyResizingColumn}
-      isCurrentlyResizing={resizerState.isCurrentlyResizing}
-      resizerExtraWidth={resizerState.extraWidth}
-      isFlexibleColumns={isFlexibleColumns}
-      hasRowActions={hasRowActions}
-      rowActionsColumnWidth={rowActionsColumnWidth}
-      headers={headers}
-      dispatch={dispatch}
-    />
-  );
-}
-
-function renderBody({ headers, rows, isFlexibleColumns, selectionConfig, rowCursor, hasRowActions, rowActionsColumnWidth, hasRows }) {
-  return (
-    <Body hasRows={hasRows} isFlexibleColumns={isFlexibleColumns}>
-      <Rows
-        headers={headers}
-        rows={rows}
-        isFlexibleColumns={isFlexibleColumns}
-        isSelectionEnabled={selectionConfig.isEnabled}
-        rowCursor={rowCursor}
-        hasRowActions={hasRowActions}
-        rowActionsColumnWidth={rowActionsColumnWidth}
-      />
-    </Body>
-  );
-}
-
-function renderColumnResizingLine(resizerState) {
-  return (
-    <ColumnResizingLine
-      isCurrentlyResizing={resizerState.isCurrentlyResizing}
-      initialPosition={resizerState.initialPosition}
-      resizedPosition={resizerState.resizedPosition}
-      tooltip={resizerState.tooltip}
-    />
-  );
-}
-
-export default TableListView;

package/es/library/dot/components/table-list/frameworks/ui/handlers/HandleAllSelect.ts

@@ -1,7 +0,0 @@
-import { TableListConstants } from "@cc/table-list";
-
-export default function handleAllSelect(dispatch) {
-  dispatch({
-    type: TableListConstants.TABLE_LIST_TOGGLE_ALL_SELECTION
-  });
-}

package/es/library/dot/components/table-list/frameworks/ui/handlers/HandleRowSelect.ts

@@ -1,8 +0,0 @@
-import { TableListConstants } from "../../../../../../../cc";
-
-export default function handleRowSelect(dispatch, { id }) {
-  dispatch({
-    type: TableListConstants.TABLE_LIST_TOGGLE_ITEM_SELECTION,
-    payload: { id }
-  });
-}

package/es/library/dot/components/table-list/frameworks/ui/handlers/HandleScroll.ts

@@ -1,10 +0,0 @@
-import { TableListConstants } from "../../../../../../../cc";
-
-export default function handleScroll(dispatch, { scrollEvent }) {
-  dispatch({
-    type: TableListConstants.TABLE_LIST_SCROLLED,
-    payload: {
-      scrollEvent
-    }
-  });
-}

package/es/library/dot/components/table-list/frameworks/ui/handlers/HandleSortClick.ts

@@ -1,8 +0,0 @@
-import { TableListConstants } from "../../../../../../../cc";
-
-export default function handleSortClick(dispatch, { id }) {
-  dispatch({
-    type: TableListConstants.TABLE_LIST_SORTED,
-    payload: { id }
-  });
-}

package/es/library/dot/components/table-list/frameworks/ui/sub-components/Body.tsx

@@ -1,15 +0,0 @@
-import React from 'react';
-import TableBody from '@zohodesk-private/desk-components/es/table/TableBody/TableBody';
-
-export default function Body({
-  hasRows,
-  isFlexibleColumns,
-  children
-}) {
-  if(hasRows) {
-    return (
-      <TableBody $flag_flexibleColumns={isFlexibleColumns}>{children}</TableBody>
-    );
-  }
-  return null;
-}

package/es/library/dot/components/table-list/frameworks/ui/sub-components/ColumnResizingLine.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import TableColumnResizerLine from '@zohodesk-private/desk-components/es/table/TableColumnResizerLine/TableColumnResizerLine';
-
-export default function ColumnResizingLine({
-  isCurrentlyResizing,
-  initialPosition,
-  resizedPosition,
-  tooltip
-}) {
-  if(isCurrentlyResizing) {
-    return (
-      <TableColumnResizerLine
-        $data_initialPosition={initialPosition}
-        $data_resizingPosition={resizedPosition}
-        $data_tooltipText={tooltip}
-      />
-    );
-  }
-  return null;
-}

package/es/library/dot/components/table-list/frameworks/ui/sub-components/Header.tsx

@@ -1,53 +0,0 @@
-import React from 'react';
-import TableHeader from '@zohodesk-private/desk-components/es/table/TableHeader/TableHeader';
-import TableHeaderRow from '@zohodesk-private/desk-components/es/table/TableHeader/TableHeaderRow';
-import SelectAll from './header/SelectAll';
-import Headers from './header/Headers';
-import ActionColumn from './header/ActionColumn';
-import ResizerExtraSpace from './header/ResizerExtraSpace';
-
-function Header({
-  isSelectionEnabled, hasAllSelected,
-  isResizerEnabled, currentlyResizingColumn, isCurrentlyResizing, resizerExtraWidth,
-  isFlexibleColumns, hasRowActions, rowActionsColumnWidth, headers, dispatch
-}) {
-  if (headers.length <= 0) {
-    return null;
-  }
-  return (
-    <TableHeader $flag_isColumnsFlexible={isFlexibleColumns} $flag_padding={!isSelectionEnabled}>
-      <TableHeaderRow>
-        {renderSelectAll(isSelectionEnabled, hasAllSelected, dispatch)}
-        {renderHeaders(headers, currentlyResizingColumn, isResizerEnabled, isFlexibleColumns, dispatch)}
-        {renderActionColumn(hasRowActions, rowActionsColumnWidth)}
-        {renderResizerExtraSpace(isCurrentlyResizing, resizerExtraWidth)}
-      </TableHeaderRow>
-    </TableHeader>
-  );
-}
-
-function renderSelectAll(isSelectionEnabled, hasAllSelected, dispatch) {
-  return <SelectAll isSelectionEnabled={isSelectionEnabled} hasAllSelected={hasAllSelected} dispatch={dispatch} />;
-}
-
-function renderHeaders(headers, currentlyResizingColumn, isResizerEnabled, isFlexibleColumns, dispatch) {
-  return (
-    <Headers
-      headers={headers}
-      currentlyResizingColumn={currentlyResizingColumn}
-      isResizerEnabled={isResizerEnabled}
-      isFlexibleColumns={isFlexibleColumns}
-      dispatch={dispatch}
-    />
-  );
-}
-
-function renderActionColumn(hasRowActions, columnWidth) {
-  return <ActionColumn hasRowActions={hasRowActions} columnWidth={columnWidth} />;
-}
-
-function renderResizerExtraSpace(isCurrentlyResizing, resizerExtraWidth) {
-  return <ResizerExtraSpace isCurrentlyResizing={isCurrentlyResizing} extraWidth={resizerExtraWidth} />;
-}
-
-export default Header;

package/es/library/dot/components/table-list/frameworks/ui/sub-components/Loading.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import Loader from '@zohodesk/svg/es/v1/Loader/Loader';
-// @ts-ignore
-import style from '../css/TableList.module.css';
-
-export default function Loading({
-  isLoading,
-  hasRows
-}) {
-  if(isLoading) {
-    let loadingClass = !hasRows ? style.initialLoading : '';
-    return (
-      <div className={`${style.contentWrapper} ${loadingClass}`}>
-        <Loader isCover={!hasRows} className={style.loader} />
-      </div>
-    );
-  }
-  return null;
-}

package/es/library/dot/components/table-list/frameworks/ui/sub-components/NoData.tsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import Flex from '@zohodesk/layout/es/Flex/Flex';
-import CommonEmptyState from '@library/dot/legacy-to-new-arch/common-empty-state/CommonEmptyState';
-/* @ts-ignore */
-import style from '../css/TableList.module.css';
-import ComponentRegistry from '@library/custom-component/frameworks/ui/ComponentRegistry';
-
-export default function NoData({ isDataEmpty, emptyStateUiType }) {
-  if (isDataEmpty) {
-    /* eslint-disable-next-line @zohodesk/architecturerules/no-defaultProps-rule */
-    const EmptyState = ComponentRegistry.get(emptyStateUiType) || CommonEmptyState;
-
-    return (
-      <Flex
-        $ui_displayMode='flex'
-        $ui_alignItems='center'
-        $ui_justifyContent='center'
-        $ui_className={`${style.contentWrapper} ${style.emptyContent}`}
-      >
-        <EmptyState />
-      </Flex>
-    );
-  }
-  return null;
-}

package/es/library/dot/components/table-list/frameworks/ui/sub-components/Rows.tsx

@@ -1,40 +0,0 @@
-import React from 'react';
-import Row from './row/Row';
-
-function Rows({ headers, rows, isFlexibleColumns, isSelectionEnabled, rowCursor, hasRowActions, rowActionsColumnWidth }) {
-  return rows.map((row, index) => (
-    <Row
-      key={index}
-      {...getRowProps(row, headers, isFlexibleColumns, isSelectionEnabled, rowCursor, hasRowActions, rowActionsColumnWidth)}
-    />
-  ));
-}
-
-function getRowProps(row, headers, isFlexibleColumns, isSelectionEnabled, rowCursor, hasRowActions, rowActionsColumnWidth) {
-  const { id, columns, isSelected, isSelectable, selectionTooltip, rowActionLocation } = row;
-  const updatedColumns = getUpdatedColumns(columns, headers);
-
-  return {
-    id,
-    columns: updatedColumns,
-    rowActionLocation,
-    isSelected,
-    isSelectable,
-    selectionTooltip,
-    isFlexibleColumns,
-    isSelectionEnabled,
-    cursor: rowCursor,
-    hasActions: hasRowActions,
-    rowActionsColumnWidth
-  };
-}
-
-function getUpdatedColumns(columns, headers) {
-  return columns.map((column, index) => ({
-    width: headers[index].width,
-    field: column,
-    alignment: headers[index].alignment
-  }));
-}
-
-export default Rows;

package/es/library/dot/components/table-list/frameworks/ui/sub-components/field/FieldComponent.tsx

@@ -1,20 +0,0 @@
-import React from 'react';
-import FieldComponents from '@library/dot/legacy-to-new-arch/table-field-components';
-import ComponentRegistry from '@library/custom-component/frameworks/ui/ComponentRegistry';
-
-const FieldComponent = props => {
-  const { type, fieldProps } = props;
-  /* eslint-disable-next-line @zohodesk/architecturerules/no-defaultProps-rule */
-  const Component = FieldComponents[type] || ComponentRegistry.get(type);
-
-  if (!Component) {
-    console.error(`Field Component type ${type} not found`);
-    return null;
-  }
-
-  return (
-    <Component {...fieldProps} />
-  );
-};
-
-export default FieldComponent;

package/es/library/dot/components/table-list/frameworks/ui/sub-components/header/ActionColumn.tsx

@@ -1,9 +0,0 @@
-import React from 'react';
-import TableHead from '@zohodesk-private/desk-components/es/table/TableHead/TableHead';
-
-export default function ActionColumn({ hasRowActions, columnWidth }) {
-  if(hasRowActions) {
-    return <TableHead $data_width={columnWidth}><></></TableHead>
-  }
-  return null;
-}

package/es/library/dot/components/table-list/frameworks/ui/sub-components/header/ColumnResizer.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-import TableColumnResizer from '@zohodesk-private/desk-components/es/table/TableHead/TableColumnResizer/TableColumnResizer';
-
-export default function ColumnResizer({
-  isResizerEnabled,
-  isResizing
-}) {
-  if(isResizerEnabled) {
-    return <TableColumnResizer $flag_resizing={isResizing} />
-  }
-  return null;
-}

package/es/library/dot/components/table-list/frameworks/ui/sub-components/header/HeaderData.tsx

@@ -1,34 +0,0 @@
-import React from 'react';
-import TableHead from '@zohodesk-private/desk-components/es/table/TableHead/TableHead';
-import { AlignmentOfFlex } from '@cc/table-list/data-types/Header';
-import ActionEventMediator from '@platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator';
-import { ActionViewGap } from '@platform/client-actions/components/interfaces/ActionViewModel';
-import HeaderText from './HeaderText';
-import ColumnResizer from './ColumnResizer';
-
-function HeaderData({ header, sortedBy, sortTooltip, isResizing, isResizerEnabled, isFlexibleColumns, dispatch }) {
-  const { id, name, text, sortable, width, alignment, actions } = header;
-  const hasActions = Boolean(actions?.length);
-  return (
-    // @ts-ignore
-    <TableHead
-      $ui_align={alignment}
-      $data_width={width}
-      $flag_flexible={isFlexibleColumns}
-      $a11yAttributes_container={{
-        'aria-sort': sortable ? sortedBy : 'none'
-      }}
-      $customProps_container={hasActions ? {
-        $ui_displayMode: 'flex',
-        $ui_alignItems: 'center',
-        $ui_justifyContent: AlignmentOfFlex[alignment]
-      } : null}
-    >
-      <HeaderText id={id} name={name} text={text} sortable={sortable} sortedBy={sortedBy} sortTooltip={sortTooltip} dispatch={dispatch} />
-      {hasActions ? <ActionEventMediator actions={actions} gap={ActionViewGap.SMALL} /> : null }
-      <ColumnResizer isResizerEnabled={isResizerEnabled} isResizing={isResizing} />
-    </TableHead>
-  );
-}
-
-export default HeaderData;

package/es/library/dot/components/table-list/frameworks/ui/sub-components/header/HeaderText.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import SortableHeading from '@zohodesk-private/desk-components/es/table/SortableHeading/SortableHeading';
-import TableHeading from '@zohodesk-private/desk-components/es/table/TableHeading/TableHeading';
-import { TableListConstants } from '@cc/table-list';
-
-export default function HeaderText({ id, name, text, sortable, sortedBy, sortTooltip, dispatch }) {
-  if (sortable) {
-    return (
-      <SortableHeading
-        $i18n_text={text}
-        $data_sortOrder={sortedBy}
-        $i18n_iconTooltip={sortTooltip}
-        $event_onClick={() =>
-          dispatch({
-            type: TableListConstants.TABLE_LIST_SORTED,
-            payload: { id, name }
-          })
-        }
-      />
-    );
-  }
-  return <TableHeading $i18n_text={text} />;
-}

package/es/library/dot/components/table-list/frameworks/ui/sub-components/header/Headers.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import HeaderData from './HeaderData';
-
-function Headers({ headers, currentlyResizingColumn, isResizerEnabled, isFlexibleColumns, dispatch }) {
-  return headers.map((header, index) => {
-    const { sortOrder, sortTooltip } = header;
-    let isResizing = currentlyResizingColumn === header.id; // TODO: To be adopted with properties
-    return (
-      <HeaderData
-        key={index}
-        header={header}
-        sortedBy={sortOrder}
-        sortTooltip={sortTooltip}
-        isResizing={isResizing}
-        isResizerEnabled={isResizerEnabled}
-        isFlexibleColumns={isFlexibleColumns}
-        dispatch={dispatch}
-      />
-    );
-  });
-}
-
-export default Headers;

package/es/library/dot/components/table-list/frameworks/ui/sub-components/header/ResizerExtraSpace.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-// @ts-ignore
-import style from '../../css/TableList.module.css';
-
-export default function ResizerExtraSpace({
-  isCurrentlyResizing,
-  extraWidth
-}) {
-  if(isCurrentlyResizing) {
-    return (
-      <div
-        /* @ts-ignore */
-        style={{ '--local_table_resizer_extra_space': extraWidth }}
-        className={style.resizerSpace}
-      ></div>
-    )
-  }
-  return null;
-}

package/es/library/dot/components/table-list/frameworks/ui/sub-components/header/SelectAll.tsx

@@ -1,24 +0,0 @@
-import React from 'react';
-import CheckBox from '@zohodesk/components/es/CheckBox/CheckBox';
-import TableHeadFirstNode from '@zohodesk-private/desk-components/es/table/TableHeadFirstNode/TableHeadFirstNode';
-import { TableListConstants } from '@cc/table-list';
-
-function SelectAll({ isSelectionEnabled, hasAllSelected, dispatch }) {
-  if (!isSelectionEnabled) {
-    return null;
-  }
-  return (
-    <TableHeadFirstNode>
-      <CheckBox
-        checked={hasAllSelected}
-        onChange={() =>
-          dispatch({
-            type: TableListConstants.TABLE_LIST_TOGGLE_ALL_SELECTION
-          })
-        }
-      />
-    </TableHeadFirstNode>
-  );
-}
-
-export default SelectAll;

package/es/library/dot/components/table-list/frameworks/ui/sub-components/row/Columns.tsx

@@ -1,19 +0,0 @@
-import React from 'react';
-import RowData from './RowData';
-
-function Columns({ data, isFlexibleColumns }) {
-  return data.map((column, index) => {
-    const { width, alignment, field } = column;
-    return (
-      <RowData
-        key={index}
-        field={field}
-        width={width}
-        alignment={alignment}
-        isFlexibleColumns={isFlexibleColumns}
-      />
-    );
-  });
-}
-
-export default Columns;