@zohodesk/library-platform 1.1.2 → 1.1.3-exp.2

package/es/platform/sdk-behaviour/adapters/gateways/Repository.js

@@ -0,0 +1,25 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { BehaviourResourceConnector } from "../../domain/entities/BehaviourResourceConnector";
+export class Repository {
+  constructor() {
+    _defineProperty(this, "resourceNames", void 0);
+
+    _defineProperty(this, "resourceManager", void 0);
+  }
+
+  init(resourceNames, resourceManager) {
+    this.resourceNames = resourceNames;
+    this.resourceManager = resourceManager;
+  }
+
+  getBehaviourResourceConnector() {
+    const {
+      resourceNames,
+      resourceManager
+    } = this;
+    const behaviourResourceConnector = new BehaviourResourceConnector(resourceNames, resourceManager);
+    return behaviourResourceConnector;
+  }
+
+}

package/es/platform/sdk-behaviour/adapters/gateways/ResourceManagerGateWay.js

@@ -0,0 +1,43 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+export class ResourceManagerGateWay {
+  constructor() {
+    _defineProperty(this, "sdkRegistry", void 0);
+  }
+
+  init(sdkRegistry) {
+    this.sdkRegistry = sdkRegistry;
+  }
+
+  createResourceInstance(resourceName, instanceName) {
+    this.sdkRegistry.createResourceInstance({
+      resourceName,
+      instanceName
+    });
+  }
+
+  destructResourceInstance(resourceName, instanceName) {
+    this.sdkRegistry.destructResourceInstance({
+      resourceName,
+      instanceName
+    });
+  }
+
+  syncStateWithResource(_ref) {
+    let {
+      resourceName,
+      instanceName,
+      state,
+      dispatch,
+      updateState
+    } = _ref;
+    this.sdkRegistry.syncStateWithResource({
+      resourceName,
+      instanceName,
+      state,
+      dispatch,
+      updateState
+    });
+  }
+
+}

package/es/platform/sdk-behaviour/adapters/gateways/Service.js

@@ -0,0 +1,19 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+import { CreateResourceInstanceUseCase } from "../../applications/usecases/CreateResourceInstanceUseCase";
+import { DestructResourceInstanceUseCase } from "../../applications/usecases/DestructResourceInstanceUseCase";
+import { SyncStateWithResourceUseCase } from "../../applications/usecases/SyncStateWithResourceUseCase";
+export class Service {
+  constructor(dependencies) {
+    _defineProperty(this, "createResourceInstanceUseCase", void 0);
+
+    _defineProperty(this, "destructResourceInstanceUseCase", void 0);
+
+    _defineProperty(this, "syncStateWithResourceUseCase", void 0);
+
+    this.createResourceInstanceUseCase = new CreateResourceInstanceUseCase(dependencies);
+    this.destructResourceInstanceUseCase = new DestructResourceInstanceUseCase(dependencies);
+    this.syncStateWithResourceUseCase = new SyncStateWithResourceUseCase(dependencies);
+  }
+
+}

package/es/platform/sdk-behaviour/applications/AbstractUseCase.js

@@ -0,0 +1,6 @@
+export default class AbstractUseCase {
+  constructor(dependencies) {
+    this.dependencies = dependencies;
+  }
+
+}

package/es/platform/sdk-behaviour/applications/interfaces/UsecaseDependencies.js

@@ -0,0 +1 @@
+export {};

package/es/platform/sdk-behaviour/applications/interfaces/gateways/IRepository.js

@@ -0,0 +1 @@
+export {};

package/es/platform/sdk-behaviour/applications/interfaces/gateways/IResourceManagerGateWay.js

@@ -0,0 +1,3 @@
+import { StateInterface, DispatchFunction, UpdateState } from "../../../../sdk/domain/entities/interfaces/StateInterface"; //
+
+export { StateInterface, DispatchFunction, UpdateState };

package/es/platform/sdk-behaviour/applications/interfaces/gateways/IService.js

@@ -0,0 +1 @@
+export {};

package/es/platform/sdk-behaviour/applications/interfaces/input/CreateResourceInstanceUseCaseInputModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/sdk-behaviour/applications/interfaces/input/DestructResourceInstanceUseCaseInputModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/sdk-behaviour/applications/interfaces/input/SyncStateWithResourceUseCaseInputModel.js

@@ -0,0 +1 @@
+export {};

package/es/platform/sdk-behaviour/applications/usecases/CreateResourceInstanceUseCase.js

@@ -0,0 +1,14 @@
+import AbstractUseCase from "../AbstractUseCase";
+export class CreateResourceInstanceUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      instanceName
+    } = _ref;
+    const {
+      repository
+    } = this.dependencies;
+    const behaviourResourceConnector = repository.getBehaviourResourceConnector();
+    behaviourResourceConnector.createResourceInstances(instanceName);
+  }
+
+}

package/es/platform/sdk-behaviour/applications/usecases/DestructResourceInstanceUseCase.js

@@ -0,0 +1,14 @@
+import AbstractUseCase from "../AbstractUseCase";
+export class DestructResourceInstanceUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      instanceName
+    } = _ref;
+    const {
+      repository
+    } = this.dependencies;
+    const behaviourResourceConnector = repository.getBehaviourResourceConnector();
+    behaviourResourceConnector.destructResourceInstances(instanceName);
+  }
+
+}

package/es/platform/sdk-behaviour/applications/usecases/SyncStateWithResourceUseCase.js

@@ -0,0 +1,22 @@
+import AbstractUseCase from "../AbstractUseCase";
+export class SyncStateWithResourceUseCase extends AbstractUseCase {
+  execute(_ref) {
+    let {
+      instanceName,
+      state,
+      dispatch,
+      updateState
+    } = _ref;
+    const {
+      repository
+    } = this.dependencies;
+    const behaviourResourceConnector = repository.getBehaviourResourceConnector();
+    behaviourResourceConnector.syncStateWithResources({
+      instanceName,
+      state,
+      dispatch,
+      updateState
+    });
+  }
+
+}

package/es/platform/sdk-behaviour/domain/entities/BehaviourResourceConnector.js

@@ -0,0 +1,49 @@
+export class BehaviourResourceConnector {
+  constructor(resourceNames, resourceManager) {
+    this.resourceNames = resourceNames;
+    this.resourceManager = resourceManager;
+  }
+
+  createResourceInstances(instanceName) {
+    const {
+      resourceNames,
+      resourceManager
+    } = this;
+    resourceNames.forEach(resourceName => {
+      resourceManager.createResourceInstance(resourceName, instanceName);
+    });
+  }
+
+  destructResourceInstances(instanceName) {
+    const {
+      resourceNames,
+      resourceManager
+    } = this;
+    resourceNames.forEach(resourceName => {
+      resourceManager.destructResourceInstance(resourceName, instanceName);
+    });
+  }
+
+  syncStateWithResources(_ref) {
+    let {
+      instanceName,
+      state,
+      dispatch,
+      updateState
+    } = _ref;
+    const {
+      resourceNames,
+      resourceManager
+    } = this;
+    resourceNames.forEach(resourceName => {
+      resourceManager.syncStateWithResource({
+        resourceName,
+        instanceName,
+        state,
+        dispatch,
+        updateState
+      });
+    });
+  }
+
+}

package/es/platform/sdk-behaviour/domain/entities/interfaces/IBehaviourResourceConnector.js

@@ -0,0 +1 @@
+export {};

package/es/platform/sdk-behaviour/domain/entities/interfaces/IResourceManagerProxy.js

@@ -0,0 +1,2 @@
+import { StateInterface, DispatchFunction, UpdateState } from "../../../../sdk/domain/entities/interfaces/StateInterface";
+export { StateInterface, DispatchFunction, UpdateState };

package/es/platform/sdk-behaviour/frameworks/EventHandlerFactory.js

@@ -0,0 +1,29 @@
+import LifeCycleEvents from "../../../cc/component/LifeCycleEventsEnum";
+import { Repository } from "../adapters/gateways/Repository";
+import { Service } from "../adapters/gateways/Service";
+import { InitializeController } from "../adapters/controllers/InitializeController";
+import { DestructController } from "../adapters/controllers/DestructController";
+import { SyncStateWithResourceController } from "../adapters/controllers/SyncStateWithResourceController";
+import { ResourceManagerGateWay } from "../adapters/gateways/ResourceManagerGateWay";
+import { sdkRegistry } from "../../sdk/frameworks/SdkRegistry";
+
+class EventHandlerFactory {
+  static create(resourceNames) {
+    const resourceManager = new ResourceManagerGateWay();
+    resourceManager.init(sdkRegistry);
+    const repository = new Repository();
+    repository.init(resourceNames, resourceManager);
+    const dependencies = {
+      repository
+    };
+    const service = new Service(dependencies);
+    return {
+      [LifeCycleEvents.MOUNT]: new InitializeController(service).handle,
+      [LifeCycleEvents.STATE_UPDATED]: new SyncStateWithResourceController(service).handle,
+      [LifeCycleEvents.UN_MOUNT]: new DestructController(service).handle
+    };
+  }
+
+}
+
+export default EventHandlerFactory;

package/es/platform/sdk-behaviour/frameworks/SdkBehaviourFactory.js

@@ -0,0 +1,16 @@
+import SdkProperties from "../../../bc/sdk/Properties";
+import EventHandlerFactory from "./EventHandlerFactory";
+
+class SdkBehaviourFactory {
+  static create(resourceNames) {
+    return {
+      name: 'sdkBehaviour',
+      setInitialState: () => ({}),
+      eventHandlers: EventHandlerFactory.create(resourceNames),
+      properties: SdkProperties
+    };
+  }
+
+}
+
+export default SdkBehaviourFactory;

package/es/platform/zfield/domain/entities/fields-manager/FieldsManager.js

@@ -61,7 +61,7 @@ class FieldManager {
     const {
       apiName
     } = metaData;
-    return apiName === 'availableFields' || apiName === 'selectedFields';
+    return apiName === 'availableFields' || apiName === 'selectedFields' || apiName === FieldApiName.UPDATE_SELECTED_FIELDS;
   }
 
   startFetching(apiName) {
@@ -85,6 +85,8 @@ class FieldManager {
       this.fields = data;
     } else if (apiName === FieldApiName.SELECTED_FIELDS) {
       this.selectedFields = data;
+    } else if (apiName === FieldApiName.UPDATE_SELECTED_FIELDS) {
+      this.selectedFields = data;
     }
   }
 

package/es/platform/zfield/domain/entities/interfaces/FieldApiName.js

@@ -1,6 +1,7 @@
 var FieldApiName = /*#__PURE__*/function (FieldApiName) {
   FieldApiName["AVAILABLE_FIELDS"] = "availableFields";
   FieldApiName["SELECTED_FIELDS"] = "selectedFields";
+  FieldApiName["UPDATE_SELECTED_FIELDS"] = "updateSelectedFields";
   return FieldApiName;
 }(FieldApiName || {});
 

package/es/platform/zfield/frameworks/ZFieldBehaviourFactory.js

@@ -4,7 +4,12 @@ class ZFieldBehaviourFactory {
   static create(apiTemplates) {
     return {
       name: 'zfield',
-      setInitialState: () => ({}),
+      setInitialState: () => ({
+        fields: [],
+        selectedFields: [],
+        isFieldsFetching: false,
+        isSelectedFieldsFetching: false
+      }),
       eventHandlers: ActionHandlerFactory.create(apiTemplates),
       properties: {}
     };

package/es/platform/zform/frameworks/ui/EventHandlerFactory.js

@@ -3,7 +3,7 @@ import FormSubmitController from "../../adapters/controllers/FormSubmitControlle
 import FormRepository from "../../adapters/gateway/FormRepository";
 import FormPresenter from "../../adapters/presenter/FormPresenter";
 import Service from "../../adapters/gateway/Service";
-import LifeCycleAction from "../../../../cc/architecture/LifeCycleActionEnum";
+import LifeCycleEvents from "../../../../cc/component/LifeCycleEventsEnum";
 import InitializeController from "../../adapters/controllers/IntializeController";
 import { ZFORM_DEPENDENCY_MAPPINGS_REQUEST, ZFORM_DEPENDENCY_MAPPINGS_SUCCESS, ZFORM_FIELD_VALUE_CHANGE_REQUEST, ZFORM_MY_FORM_REQUEST, ZFORM_MY_FORM_SUCCESS, ZFORM_MY_LAYOUTS_SUCCESS, ZFORM_SET_FIELD_ERROR_MESSAGE, ZFORM_SUBMIT_SUCCESS, ZFORM_VALIDATE_FIELD_REQUEST, ZFORM_VALIDATE_SUBMIT_FIELD_HAS_ERROR_MESSAGE, ZFORM_VALIDATION_ERROR, ZFORM_VALIDATION_RULES_REQUEST, ZFORM_VALIDATION_RULES_SUCCESS } from "../../../../bc/zform/Symbol";
 import MyLayoutSuccessController from "../../adapters/controllers/MyLayoutSuccessController";
@@ -57,7 +57,7 @@ class EventHandlersFactory {
     const setFieldErrorMessageController = new SetFieldErrorMessageController(service);
     const validateErrorMessageController = new ValidateErrorMessageController(service);
     return {
-      [LifeCycleAction.MOUNT]: initializeController.handle,
+      [LifeCycleEvents.MOUNT]: initializeController.handle,
       [ZFORM_MY_LAYOUTS_SUCCESS]: myLayoutSuccessController.handle,
       [ZFORM_MY_FORM_REQUEST]: myFormRequestController.handle,
       [ZFORM_MY_FORM_SUCCESS]: myFormSuccessController.handle,

package/es/platform/zlist/adapters/controllers/ReOrderController.js

@@ -0,0 +1,25 @@
+import AbstractController from "./AbstractController";
+export default class ReOrderController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      updateState,
+      dispatch,
+      action
+    } = event;
+    const {
+      newIndex,
+      oldIndex
+    } = action.payload;
+    const {
+      reOrderUseCase
+    } = this.service;
+    reOrderUseCase.updateDependency(state, updateState);
+    reOrderUseCase.execute({
+      dispatch,
+      newIndex,
+      oldIndex
+    });
+  }
+
+}

package/es/platform/zlist/adapters/controllers/ReOrderFailedController.js

@@ -0,0 +1,26 @@
+import AbstractController from "./AbstractController";
+export default class ReOrderController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      updateState,
+      dispatch,
+      action
+    } = event;
+    const {
+      newIndex,
+      oldIndex
+    } = action.payload;
+    const {
+      reOrderFailedUseCase
+    } = this.service;
+    reOrderFailedUseCase.updateDependency(state, updateState);
+    reOrderFailedUseCase.execute({
+      dispatch,
+      newIndex,
+      oldIndex,
+      metaData: action.metaData
+    });
+  }
+
+}

package/es/platform/zlist/adapters/gateways/Repository.js

@@ -21,7 +21,8 @@ class Repository {
       context
     } = this.state.properties;
     const {
-      sortBy
+      sortBy,
+      errorRecordFailed
     } = this.getZListState();
     const list = ListFactory.createList({
       context,
@@ -32,11 +33,19 @@ class Repository {
         ...query
       },
       sortBy: new SortBy(sortBy.id, sortBy.name, sortBy.order),
-      limit: 50
+      limit: 50,
+      errorRecordFailed
     });
     return list;
   }
 
+  getRecords() {
+    const {
+      zrecord
+    } = this.state.behaviours;
+    return zrecord.records;
+  }
+
   getZListState() {
     const {
       zlist

package/es/platform/zlist/adapters/gateways/Service.js

@@ -13,6 +13,8 @@ import RecordExecuteFailedUseCase from "../../applications/usecases/RecordExecut
 import UpdateSuccessUseCase from "../../applications/usecases/UpdateSuccessUseCase";
 import DeleteSuccessUseCase from "../../applications/usecases/DeleteSuccessUseCase";
 import RecordSuccessCallbackUsecase from "../../applications/usecases/RecordSuccessCallbackUsecase";
+import ReOrderUseCase from "../../applications/usecases/ReOrderUseCase";
+import ReOrderFailedUseCase from "../../applications/usecases/ReOrderFailedUseCase";
 
 class Service {
   constructor(dependencies) {
@@ -44,6 +46,10 @@ class Service {
 
     _defineProperty(this, "deleteSuccessUseCase", void 0);
 
+    _defineProperty(this, "reOrderUseCase", void 0);
+
+    _defineProperty(this, "reOrderFailedUseCase", void 0);
+
     this.initializeUseCase = new InitializeUseCase(this.dependencies);
     this.propertiesChangeUseCase = new PropertiesChangeUseCase(this.dependencies);
     this.fetchMoreUseCase = new FetchMoreUseCase(this.dependencies);
@@ -57,6 +63,8 @@ class Service {
     this.recordUpdateUseCase = new RecordUpdateUseCase(this.dependencies);
     this.updateSuccessUseCase = new UpdateSuccessUseCase(this.dependencies);
     this.deleteSuccessUseCase = new DeleteSuccessUseCase(this.dependencies);
+    this.reOrderUseCase = new ReOrderUseCase(this.dependencies);
+    this.reOrderFailedUseCase = new ReOrderFailedUseCase(this.dependencies);
   }
 
 }

package/es/platform/zlist/adapters/presenters/SelectionTranslator.js

@@ -0,0 +1,94 @@
+/* eslint-disable @zohodesk/architecturerules/define-property-schema */
+
+/* eslint-disable max-lines-per-function */
+import ClientActionsTranslator from "../../../client-actions/translators/client-actions-translator";
+import DefaultClientActions from "./utils/DefaultClientActions";
+import { i18NProviderUtils } from '@zohodesk/i18n';
+export default function SelectionTranslator(state) {
+  const {
+    behaviours,
+    properties
+  } = state;
+  const {
+    columnChooserConfig,
+    selectionConfig,
+    context,
+    moduleName
+  } = properties;
+  const {
+    zfield,
+    selection,
+    columnChooser
+  } = behaviours;
+  const {
+    selected,
+    hasAllSelected
+  } = selection;
+  const availableFields = zfield.fields;
+  const columnChooserProps = getColumnChooserProps(columnChooser, availableFields, context, moduleName);
+  const clientActions = generateClientActions(selectionConfig, columnChooserConfig, hasAllSelected, columnChooserProps);
+  const contextAppliedActions = ClientActionsTranslator.transform(clientActions, context);
+  return {
+    selected,
+    hasAllSelected,
+    actions: contextAppliedActions
+  };
+}
+
+function generateClientActions(selectionConfig, columnChooserConfig, hasAllSelected, columnChooserProps) {
+  const clientActions = [];
+
+  if (selectionConfig.isEnabled) {
+    if (columnChooserConfig.isEnabled) {
+      const columnChooserAction = DefaultClientActions.createColumnChooserAction(columnChooserProps);
+      clientActions.push(columnChooserAction);
+    } else if (selectionConfig.isSelectAllEnabled) {
+      const selectAllColumnsAction = DefaultClientActions.createSelectAllAction(hasAllSelected);
+      clientActions.push(selectAllColumnsAction);
+    }
+  }
+
+  return clientActions;
+}
+
+function getColumnChooserProps(columnChooser) {
+  var _context$modules, _context$modules$find;
+
+  let availableFields = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  let context = arguments.length > 2 ? arguments[2] : undefined;
+  let moduleName = arguments.length > 3 ? arguments[3] : undefined;
+  const {
+    searchText: searchString,
+    fieldsOrder,
+    selected,
+    isMaxSelectionReached
+  } = columnChooser;
+  const fieldMap = mapFieldsToObject(availableFields);
+  const disabledFieldName = (_context$modules = context.modules) === null || _context$modules === void 0 ? void 0 : (_context$modules$find = _context$modules.find(module => module.apiKey === moduleName)) === null || _context$modules$find === void 0 ? void 0 : _context$modules$find.nameField;
+  const columnChooserOptions = fieldsOrder.map(fieldName => getOption(fieldMap[fieldName], !!selected[fieldName], disabledFieldName === fieldName));
+  return {
+    options: columnChooserOptions,
+    searchString,
+    hasSearch: searchString !== '' || columnChooserOptions.length > 3,
+    // errorMessage: isMaxSelectionReached ? "You've reached the limit of 15 columns." : ''
+    errorMessage: isMaxSelectionReached ? i18NProviderUtils.getI18NValue("support.ticket.table.max.colmun") : ''
+  };
+}
+
+function getOption(field, checked, disabled) {
+  return {
+    id: field.name,
+    disabled,
+    locked: false,
+    // TODO - field.isLocked,
+    value: field.i18NLabel,
+    checked
+  };
+}
+
+function mapFieldsToObject(availableFields) {
+  return availableFields.reduce((acc, field) => {
+    acc[field.name] = field;
+    return acc;
+  }, {});
+}

package/es/platform/zlist/adapters/presenters/TableTranslator.js

@@ -1,3 +1,5 @@
+/* eslint-disable @zohodesk/architecturerules/define-property-schema */
+
 /* eslint-disable max-lines-per-function */
 import { Width as ColumnWidth } from "../../../../cc/table-list/data-types/Header";
 import HeadersTranslator from "./translators/HeadersTranslator";
@@ -8,6 +10,7 @@ import { TableListConstants } from "../../../../cc/table-list";
 import { ResizerStateTranslator } from "./translators/ResizerStateTranslator";
 import { calculateFieldWidths } from "./utils/calculateFieldWidths";
 import DefaultClientActions from "./utils/DefaultClientActions";
+import SelectionTranslator from "./SelectionTranslator";
 const EMPTY_OBJECT = {};
 const EMPTY_ARRAY = [];
 
@@ -23,15 +26,18 @@ export default class TableTranslator {
     } = state;
     const {
       componentMapping,
-      context
+      context,
+      reOrderConfig
     } = properties;
     const {
       localStorage: localStorageBehaviour,
-      columnResizer
+      columnResizer,
+      keyboardControls
     } = behaviours;
     const {
       resizeConfig,
-      preferences
+      preferences,
+      keyboardControlsConfig
     } = properties;
     context['servicePrefix'] = 'supportapi/zd'; // FIX: servicePrefix defaultValue should be available from properties
 
@@ -41,11 +47,16 @@ export default class TableTranslator {
       zfield,
       zclientAction
     } = fallbackToDefault(behaviours, {}); // FIX: behaviours should be available by default
+    // const { sortBy, isReOrderLoading } = fallbackToDefault(zlist, {}); // FIX: zlist should be available by default
 
     const {
       sortBy
     } = fallbackToDefault(zlist, {}); // FIX: zlist should be available by default
 
+    const {
+      focussedIndex
+    } = fallbackToDefault(keyboardControls, {}); // FIX: KeyboardControls should be available by default
+
     const {
       records,
       isFetching: isRecordsFetching
@@ -93,23 +104,32 @@ export default class TableTranslator {
     return {
       properties,
       behaviours,
-      selection: behaviours === null || behaviours === void 0 ? void 0 : behaviours.selection,
-      sortBy,
-      rowCursor,
-      resizerState: ResizerStateTranslator({
-        columnResizer: columnResizer,
-        resizeConfig: resizeConfig,
-        headerNames: selectedFields,
-        modifiedWidths
-      }),
-      rowActionsConfig: {
-        hasActions: Boolean(rowActions === null || rowActions === void 0 ? void 0 : rowActions.length),
-        // Boolean(newRowActions?.length),
-        columnWidth: ColumnWidth.XSmall
-      },
-      isLoading,
-      emptyStateUiType: componentMapping.emptyState || '',
-      data
+      viewModel: {
+        reOrderConfig,
+        selection: SelectionTranslator(state),
+        focussedRow: focussedIndex,
+        sortBy,
+        rowCursor,
+        resizerState: ResizerStateTranslator({
+          columnResizer: columnResizer,
+          resizeConfig: resizeConfig,
+          headerNames: selectedFields,
+          modifiedWidths
+        }),
+        rowActionsConfig: {
+          hasActions: Boolean(rowActions === null || rowActions === void 0 ? void 0 : rowActions.length),
+          // Boolean(newRowActions?.length),
+          columnWidth: ColumnWidth.XSmall
+        },
+        keyboardControlsConfig,
+        isLoading,
+        // isReOrderLoading,
+        emptyStateUiType: componentMapping.emptyState || '',
+        data: fields.length ? data : {
+          headers: EMPTY_ARRAY,
+          rows: EMPTY_ARRAY
+        }
+      }
     };
   }