@zohodesk/library-platform 1.1.1-exp.6 → 1.1.2-exp.0

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

@@ -1,11 +1,14 @@
 import { TableListConstants } from "../../../../../../cc/table-list";
-import { SelectItemController, SelectAllController, ScrollController, FieldChangeController, FieldClickController, SortByController } from "../../adapters/controllers";
+import { SelectItemController, SelectAllController, ScrollController, FieldChangeController, FieldClickController, SortByController, KeyboardRowSelectController, KeyboardRowClickController } from "../../adapters/controllers";
 import TableRowConstants from "../../../../../../cc/table-list/row/Constants";
 import RowClickController from "../../adapters/controllers/RowClickController";
+import { SMART_TABLE_ACTION_TRIGGERED, SMART_TABLE_SELECTION_TOGGLED } from "../../../../../../cc/table-connected/constants/Events";
 
 class EventHandlersFactory {
   static create() {
     return {
+      [SMART_TABLE_SELECTION_TOGGLED]: new KeyboardRowSelectController().handle,
+      [SMART_TABLE_ACTION_TRIGGERED]: new KeyboardRowClickController().handle,
       [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,

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

@@ -27,6 +27,7 @@ function TableListView(_ref2, _ref) {
     isFlexibleColumns,
     rowCursor,
     rowActionsConfig,
+    keyboardControlsConfig,
     selection,
     emptyStateUiType,
     isError
@@ -43,6 +44,7 @@ function TableListView(_ref2, _ref) {
 
   const isDataEmpty = !hasRows && !isLoading && !isError; // TODO: derive from state.properties
 
+  const isKeyboardControlsEnabled = keyboardControlsConfig.isEnabled;
   return /*#__PURE__*/React.createElement("div", {
     className: style.wrapper,
     ref: _ref
@@ -55,6 +57,7 @@ function TableListView(_ref2, _ref) {
     resizerState,
     selectionConfig,
     selection,
+    isKeyboardControlsEnabled,
     isFlexibleColumns,
     hasRowActions,
     rowActionsColumnWidth,
@@ -64,6 +67,7 @@ function TableListView(_ref2, _ref) {
     rows,
     isFlexibleColumns,
     selectionConfig,
+    isKeyboardControlsEnabled,
     rowCursor,
     hasRowActions,
     rowActionsColumnWidth,
@@ -85,6 +89,7 @@ function renderHeader(_ref3) {
     resizerState,
     selectionConfig,
     selection,
+    isKeyboardControlsEnabled,
     isFlexibleColumns,
     hasRowActions,
     rowActionsColumnWidth,
@@ -92,15 +97,15 @@ function renderHeader(_ref3) {
   } = _ref3;
   return /*#__PURE__*/React.createElement(Header, {
     isSelectionEnabled: selectionConfig.isEnabled,
-    isSelectAllEnabled: selectionConfig.isSelectAllEnabled,
-    hasAllSelected: selection.hasAllSelected,
     isResizerEnabled: resizerState.isEnabled,
+    isKeyboardControlsEnabled: isKeyboardControlsEnabled,
     currentlyResizingColumn: resizerState.currentlyResizingColumn,
     isCurrentlyResizing: resizerState.isCurrentlyResizing,
     resizerExtraWidth: resizerState.extraWidth,
     isFlexibleColumns: isFlexibleColumns,
     hasRowActions: hasRowActions,
     rowActionsColumnWidth: rowActionsColumnWidth,
+    actions: selection.actions,
     headers: headers,
     dispatch: dispatch
   });
@@ -112,6 +117,7 @@ function renderBody(_ref4) {
     rows,
     isFlexibleColumns,
     selectionConfig,
+    isKeyboardControlsEnabled,
     rowCursor,
     hasRowActions,
     rowActionsColumnWidth,
@@ -127,7 +133,8 @@ function renderBody(_ref4) {
     isSelectionEnabled: selectionConfig.isEnabled,
     rowCursor: rowCursor,
     hasRowActions: hasRowActions,
-    rowActionsColumnWidth: rowActionsColumnWidth
+    rowActionsColumnWidth: rowActionsColumnWidth,
+    isKeyboardControlsEnabled: isKeyboardControlsEnabled
   }));
 }
 

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

@@ -28,6 +28,9 @@
 .errorContent {
     padding: var(--zd_size60) 0 
 }
+.headerWithActions, .fieldWithActions {
+    gap: var(--zd_size6) 
+}
 .actions {
     gap: var(--zd_size8) 
 }

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

@@ -8,7 +8,7 @@ const TableHeaderRow = _ref => {
   return /*#__PURE__*/React.createElement(React.Fragment, null, children);
 };
 
-import SelectAll from "./header/SelectAll";
+import MassAction from "./header/MassAction";
 import Headers from "./header/Headers";
 import ActionColumn from "./header/ActionColumn";
 import ResizerExtraSpace from "./header/ResizerExtraSpace";
@@ -16,8 +16,8 @@ import ResizerExtraSpace from "./header/ResizerExtraSpace";
 function Header(_ref2) {
   let {
     isSelectionEnabled,
-    isSelectAllEnabled,
-    hasAllSelected,
+    actions,
+    isKeyboardControlsEnabled,
     isResizerEnabled,
     currentlyResizingColumn,
     isCurrentlyResizing,
@@ -35,16 +35,15 @@ function Header(_ref2) {
 
   return /*#__PURE__*/React.createElement(TableHeader, {
     $flag_isColumnsFlexible: isFlexibleColumns,
-    $flag_padding: !isSelectionEnabled
-  }, /*#__PURE__*/React.createElement(TableHeaderRow, null, renderSelectAll(isSelectionEnabled, isSelectAllEnabled, hasAllSelected, dispatch), renderHeaders(headers, currentlyResizingColumn, isResizerEnabled, isFlexibleColumns, dispatch), renderActionColumn(hasRowActions, rowActionsColumnWidth), renderResizerExtraSpace(isCurrentlyResizing, resizerExtraWidth)));
+    $flag_padding: !isSelectionEnabled,
+    $flag_hasHighlighter: isKeyboardControlsEnabled
+  }, /*#__PURE__*/React.createElement(TableHeaderRow, null, rendermassAction(isSelectionEnabled, actions), renderHeaders(headers, currentlyResizingColumn, isResizerEnabled, isFlexibleColumns, dispatch), renderActionColumn(hasRowActions, rowActionsColumnWidth), renderResizerExtraSpace(isCurrentlyResizing, resizerExtraWidth)));
 }
 
-function renderSelectAll(isSelectionEnabled, isSelectAllEnabled, hasAllSelected, dispatch) {
-  return /*#__PURE__*/React.createElement(SelectAll, {
+function rendermassAction(isSelectionEnabled, actions) {
+  return /*#__PURE__*/React.createElement(MassAction, {
     isSelectionEnabled: isSelectionEnabled,
-    isSelectAllEnabled: isSelectAllEnabled,
-    hasAllSelected: hasAllSelected,
-    dispatch: dispatch
+    actions: actions
   });
 }
 

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

@@ -9,20 +9,22 @@ function Rows(_ref) {
     isSelectionEnabled,
     rowCursor,
     hasRowActions,
-    rowActionsColumnWidth
+    rowActionsColumnWidth,
+    isKeyboardControlsEnabled
   } = _ref;
   return rows.map((row, index) => /*#__PURE__*/React.createElement(Row, {
     key: index,
-    ...getRowProps(row, headers, isFlexibleColumns, isSelectionEnabled, rowCursor, hasRowActions, rowActionsColumnWidth)
+    ...getRowProps(row, headers, isFlexibleColumns, isSelectionEnabled, rowCursor, hasRowActions, rowActionsColumnWidth, isKeyboardControlsEnabled)
   }));
 }
 
-function getRowProps(row, headers, isFlexibleColumns, isSelectionEnabled, rowCursor, hasRowActions, rowActionsColumnWidth) {
+function getRowProps(row, headers, isFlexibleColumns, isSelectionEnabled, rowCursor, hasRowActions, rowActionsColumnWidth, isKeyboardControlsEnabled) {
   const {
     id,
     columns,
     isSelected,
     isSelectable,
+    isFocussed,
     selectionTooltip,
     rowActionLocation
   } = row;
@@ -33,11 +35,13 @@ function getRowProps(row, headers, isFlexibleColumns, isSelectionEnabled, rowCur
     rowActionLocation,
     isSelected,
     isSelectable,
+    isFocussed,
     selectionTooltip,
     isFlexibleColumns,
     isSelectionEnabled,
     cursor: rowCursor,
     hasActions: hasRowActions,
+    isKeyboardControlsEnabled,
     rowActionsColumnWidth
   };
 }

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

@@ -4,7 +4,9 @@ import TableHeading from '@zohodesk-private/desk-components/es/table/TableHeadin
 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 ColumnResizer from "./ColumnResizer";
+import ColumnResizer from "./ColumnResizer"; // @ts-ignore
+
+import style from "./../../css/TableList.module.css";
 
 function HeaderData(_ref) {
   let {
@@ -39,7 +41,10 @@ function HeaderData(_ref) {
         $ui_displayMode: 'flex',
         $ui_alignItems: 'center',
         $ui_justifyContent: AlignmentOfFlex[alignment]
-      } : null
+      } : null,
+      customStyle: hasActions ? {
+        tableHead: style.headerWithActions
+      } : undefined
     }, /*#__PURE__*/React.createElement(TableHeading, {
       $i18n_text: text
     }), hasActions ? /*#__PURE__*/React.createElement(ActionEventMediator, {

package/es/library/dot/components/table-list/frameworks/ui/sub-components/header/MassAction.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import TableHeadFirstNode from '@zohodesk-private/desk-components/es/table/TableHeadFirstNode/TableHeadFirstNode';
+import TableHeading from '@zohodesk-private/desk-components/es/table/TableHeading/TableHeading';
+import ActionEventMediator from "../../../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator";
+
+function MassAction(_ref) {
+  let {
+    isSelectionEnabled,
+    actions
+  } = _ref;
+
+  if (!isSelectionEnabled) {
+    return null;
+  }
+
+  if (!actions || actions.length === 0) {
+    return /*#__PURE__*/React.createElement(TableHeadFirstNode, null, /*#__PURE__*/React.createElement(TableHeading, {
+      $i18n_text: "M/A",
+      $i18n_tooltip: "Mass Action"
+    }));
+  }
+
+  return /*#__PURE__*/React.createElement(TableHeadFirstNode, null, /*#__PURE__*/React.createElement(ActionEventMediator, {
+    actions: actions
+  }));
+}
+
+export default MassAction;

package/es/library/dot/components/table-list/frameworks/ui/sub-components/row/Row.js

@@ -22,6 +22,8 @@ function RowView(_ref, ref) {
     isSelectionEnabled,
     isSelected,
     isSelectable,
+    isKeyboardControlsEnabled,
+    isFocussed,
     selectionTooltip
   } = state.properties;
   const {
@@ -42,6 +44,9 @@ function RowView(_ref, ref) {
     ref: ref,
     testId: id,
     $flag_padding: !isSelectionEnabled,
+    $flag_active: isSelected,
+    $flag_hasHighlighter: isKeyboardControlsEnabled,
+    $flag_isHighlighted: isFocussed,
     $event_onClick: () => dispatch({
       type: TableRowConstants.TABLE_ROW_CLICKED,
       payload: {

package/es/library/dot/components/table-list/frameworks/ui/sub-components/row/RowData.js

@@ -3,7 +3,9 @@ import TableData from '@zohodesk-private/desk-components/es/table/TableData/Tabl
 import ActionEventMediator from "../../../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator";
 import { ActionViewGap } from "../../../../../../../../platform/client-actions/components/interfaces/ActionViewModel";
 import { AlignmentOfFlex } from "../../../../../../../../cc/table-list/data-types/Header";
-import FieldComponent from "../field/FieldComponent";
+import FieldComponent from "../field/FieldComponent"; // @ts-ignore
+
+import style from "./../../css/TableList.module.css";
 export default function RowData(_ref) {
   let {
     field,
@@ -25,7 +27,10 @@ export default function RowData(_ref) {
       $ui_displayMode: 'flex',
       $ui_alignItems: 'center',
       $ui_justifyContent: AlignmentOfFlex[alignment]
-    } : null
+    } : null,
+    customStyle: hasActions ? {
+      tableData: style.fieldWithActions
+    } : undefined
   }, /*#__PURE__*/React.createElement(FieldComponent, {
     type: type,
     fieldProps: props

package/es/library/dot/legacy-to-new-arch/table-column-chooser/frameworks/ui/TableColumnChooser.js

@@ -0,0 +1,11 @@
+import { createCustomComponent } from "../../../../../custom-component";
+import { TableColumnChooserProperties } from "../../../../../../cc/table-column-chooser";
+import TableColumnChooserView from "./TableColumnChooserView";
+const TableColumnChooser = createCustomComponent({
+  name: 'TableColumnChooser',
+  View: TableColumnChooserView,
+  properties: TableColumnChooserProperties,
+  events: [],
+  eventHandlers: {}
+});
+export default TableColumnChooser;

package/es/library/dot/legacy-to-new-arch/table-column-chooser/frameworks/ui/TableColumnChooserView.js

@@ -0,0 +1,79 @@
+/* eslint-disable max-lines-per-function */
+import React from 'react';
+import ColumnChooser from '@zohodesk-private/desk-components/es/ColumnChooser/ColumnChooser';
+import { TableColumnChooserConstants } from "../../../../../../cc/table-column-chooser";
+
+function TableColumnChooserView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  const {
+    dispatch
+  } = helpers;
+  const {
+    options,
+    tooltip,
+    heading,
+    infoText,
+    hasSearch,
+    searchString,
+    searchPlaceholder
+  } = state.properties;
+  const {
+    emptyMessage,
+    errorMessage,
+    saveLabel,
+    cancelLabel
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(ColumnChooser, {
+    options: options,
+    getRef: ref,
+    tooltip: tooltip,
+    heading: heading,
+    infoText: infoText,
+    emptyMessage: emptyMessage,
+    getHelperContainer: () => document.querySelector('[data-id="table"]'),
+    hasSearch: hasSearch,
+    searchString: searchString,
+    searchPlacholder: searchPlaceholder,
+    onSearch: searchString => dispatch({
+      type: TableColumnChooserConstants.COLUMN_CHOOSER_SEARCH_REQUESTED,
+      payload: {
+        searchString
+      }
+    }),
+    onClearSearch: () => dispatch({
+      type: TableColumnChooserConstants.COLUMN_CHOOSER_SEARCH_REQUESTED,
+      payload: {
+        searchString: ''
+      }
+    }),
+    onOpen: () => dispatch({
+      type: TableColumnChooserConstants.COLUMN_CHOOSER_OPEN_REQUESTED
+    }),
+    onClose: () => dispatch({
+      type: TableColumnChooserConstants.COLUMN_CHOOSER_CLOSE_REQUESTED
+    }),
+    onSelect: data => dispatch({
+      type: TableColumnChooserConstants.COLUMN_CHOOSER_SELECT_REQUESTED,
+      payload: {
+        data
+      }
+    }),
+    onReorder: reOrderedIndex => dispatch({
+      type: TableColumnChooserConstants.COLUMN_CHOOSER_REORDER_REQUESTED,
+      payload: {
+        reOrderedIndex
+      }
+    }),
+    onSave: () => dispatch({
+      type: TableColumnChooserConstants.COLUMN_CHOOSER_SAVE_REQUESTED
+    }),
+    errorMessage: errorMessage,
+    saveLabel: saveLabel,
+    cancelLabel: cancelLabel
+  });
+}
+
+export default TableColumnChooserView;

package/es/library/dot/legacy-to-new-arch/table-column-filter/frameworks/ui/TableColumnFilterView.js

@@ -66,6 +66,11 @@ function TableColumnFilterView(_ref, ref) {
             $tagAttributes_container: {
               ref: ref
             },
+            $customProps_dropbox: {
+              customClass: {
+                customDropBoxWrap: style.filterDropbox
+              }
+            },
             customStyle: {
               container: `${style.container} ${(isMultiSelect ? Array.isArray(selectedOptions) && selectedOptions.length > 0 : selectedOptions && Object.keys(selectedOptions).length > 0) ? style.active : ''}`
             }

package/es/library/dot/legacy-to-new-arch/table-column-filter/frameworks/ui/css/TableColumnFilter.module.css

@@ -4,8 +4,12 @@
 }
 
 :global(.GLOBAL_ZDDC_tableHead:hover) .container,
-:global(.GLOBAL_ZDDC_tableHead:has([dot-ui-element="dropbox"])) .container,
+:global(.GLOBAL_ZDDC_tableHead):has(.filterDropbox) .container,
 .active {
   visibility: visible;
   opacity: 1;
+}
+
+.filterDropbox {
+  /* ** */
 }

package/es/library/dot/legacy-to-new-arch/table-column-sort/frameworks/ui/TableColumnSortView.js

@@ -37,6 +37,13 @@ function TableColumnSortView(_ref, ref) {
     },
     customAttributes_container: {
       ref
+    },
+    customProps: {
+      dropBoxProps: {
+        customClass: {
+          customDropBoxWrap: style.sortDropbox
+        }
+      }
     }
   });
 }

package/es/library/dot/legacy-to-new-arch/table-column-sort/frameworks/ui/css/TableColumnSort.module.css

@@ -4,8 +4,12 @@
 }
 
 :global(.GLOBAL_ZDDC_tableHead:hover) .parentContainer,
-:global(.GLOBAL_ZDDC_tableHead:has([dot-ui-element="dropbox"])) .parentContainer,
+:global(.GLOBAL_ZDDC_tableHead):has(.sortDropbox) .parentContainer,
 .active {
   visibility: visible;
   opacity: 1;
 }
+
+.sortDropbox {
+  /** **/
+}

package/es/library/dot/legacy-to-new-arch/table-field-components/lookup-field/frameworks/ui/LookupFieldView.js

@@ -1,19 +1,17 @@
 import React from 'react';
-import Tag from '@zohodesk/components/es/Tag/Tag';
+import Link from "../../../../link/frameworks/ui/Link";
 export function LookupFieldView(_ref, ref) {
   let {
     state
   } = _ref;
   const {
     name,
-    photoURL
+    url
   } = state.properties.value;
-  return /*#__PURE__*/React.createElement(Tag, {
+  return /*#__PURE__*/React.createElement(Link, {
     getRef: ref,
-    text: name,
-    hasAvatar: true,
-    initial: name,
-    imageURL: photoURL,
-    tooltip: name
+    label: name,
+    variant: "secondary",
+    href: url
   });
 }

package/es/platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActionsRenderer.module.css

@@ -1,9 +1,3 @@
-[dir=ltr] .actions {
-    padding-left: var(--zd_size6) 
-}[dir=rtl] .actions {
-    padding-right: var(--zd_size6) 
-}
-
 .gap_small {
     gap: var(--zd_size4) 
 }

package/es/platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActionsRendererView.js

@@ -17,7 +17,7 @@ function RowActionsRendererView(_ref, ref) {
     ref: ref,
     $ui_displayMode: "inline",
     $ui_alignItems: "center",
-    $ui_className: `${style.actions} ${gap !== ActionViewGap.NONE ? style[`gap_${gap}`] : ''}`
+    $ui_className: `${gap !== ActionViewGap.NONE ? style[`gap_${gap}`] : ''}`
   }, actions.map((action, index) => {
     return /*#__PURE__*/React.createElement(DynamicActionComponent, {
       action: action,

package/es/platform/column-chooser/adapters/controllers/AbstractController.js

@@ -0,0 +1,10 @@
+class AbstractController {
+  constructor(service) {
+    this.service = service;
+    this.handle = this.handle.bind(this);
+  } // TODO: Add event type
+
+
+}
+
+export default AbstractController;

package/es/platform/column-chooser/adapters/controllers/ColumnChooserCloseController.js

@@ -0,0 +1,21 @@
+import AbstractController from "./AbstractController";
+
+class ColumnChooserCloseController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      updateState,
+      dispatch
+    } = event;
+    const {
+      columnChooserCloseUseCase
+    } = this.service;
+    columnChooserCloseUseCase.updateDependencies(state, updateState);
+    columnChooserCloseUseCase.execute({
+      dispatch
+    });
+  }
+
+}
+
+export default ColumnChooserCloseController;

package/es/platform/column-chooser/adapters/controllers/ColumnChooserOpenController.js

@@ -0,0 +1,26 @@
+import AbstractController from "./AbstractController";
+
+class ColumnChooserOpenController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      action,
+      updateState
+    } = event;
+    const {
+      order,
+      selectedArray
+    } = action.payload;
+    const {
+      columnChooserOpenUseCase
+    } = this.service;
+    columnChooserOpenUseCase.updateDependencies(state, updateState);
+    columnChooserOpenUseCase.execute({
+      order,
+      selectedArray
+    });
+  }
+
+}
+
+export default ColumnChooserOpenController;

package/es/platform/column-chooser/adapters/controllers/ColumnChooserReorderController.js

@@ -0,0 +1,26 @@
+import AbstractController from "./AbstractController";
+
+class ColumnChooserReorderController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      action,
+      updateState
+    } = event;
+    const {
+      oldIndex: fromIndex,
+      newIndex: toIndex
+    } = action.payload.reOrderedIndex;
+    const {
+      columnChooserReorderUseCase
+    } = this.service;
+    columnChooserReorderUseCase.updateDependencies(state, updateState);
+    columnChooserReorderUseCase.execute({
+      fromIndex,
+      toIndex
+    });
+  }
+
+}
+
+export default ColumnChooserReorderController;

package/es/platform/column-chooser/adapters/controllers/ColumnChooserSaveController.js

@@ -0,0 +1,21 @@
+import AbstractController from "./AbstractController";
+
+class ColumnChooserSaveController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      updateState,
+      dispatch
+    } = event;
+    const {
+      columnChooserSaveUseCase
+    } = this.service;
+    columnChooserSaveUseCase.updateDependencies(state, updateState);
+    columnChooserSaveUseCase.execute({
+      dispatch
+    });
+  }
+
+}
+
+export default ColumnChooserSaveController;

package/es/platform/column-chooser/adapters/controllers/ColumnChooserSearchController.js

@@ -0,0 +1,24 @@
+import AbstractController from "./AbstractController";
+
+class ColumnChooserSearchController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      action,
+      updateState
+    } = event;
+    const {
+      searchString: searchText
+    } = action.payload;
+    const {
+      columnChooserSearchUseCase
+    } = this.service;
+    columnChooserSearchUseCase.updateDependencies(state, updateState);
+    columnChooserSearchUseCase.execute({
+      searchText
+    });
+  }
+
+}
+
+export default ColumnChooserSearchController;

package/es/platform/column-chooser/adapters/controllers/ColumnChooserSelectController.js

@@ -0,0 +1,26 @@
+import AbstractController from "./AbstractController";
+
+class ColumnChooserSelectController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      action,
+      updateState
+    } = event;
+    const {
+      id: columnId,
+      isChecked
+    } = action.payload.data;
+    const {
+      columnChooserSelectUseCase
+    } = this.service;
+    columnChooserSelectUseCase.updateDependencies(state, updateState);
+    columnChooserSelectUseCase.execute({
+      columnId,
+      isChecked
+    });
+  }
+
+}
+
+export default ColumnChooserSelectController;