@zohodesk/library-platform 1.1.12 → 1.1.13

package/es/platform/components/smart-action-band/frameworks/SmartActionBandView.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+import ActionBand from '@zohodesk-private/desk-components/es/ActionBand/ActionBand';
+import RowActionsRenderer from "../../../client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer";
+
+function View(_ref, ref) {
+  let {
+    state
+  } = _ref;
+  const {
+    actionBandLeftActions,
+    actionBandRightActions,
+    clientScripts
+  } = state.viewModel;
+
+  const renderLeftActions = () => {
+    return /*#__PURE__*/React.createElement(RowActionsRenderer, {
+      actions: actionBandLeftActions,
+      clientScripts: clientScripts,
+      gap: "xlarge"
+    });
+  };
+
+  const renderRightActions = () => {
+    return /*#__PURE__*/React.createElement(RowActionsRenderer, {
+      actions: actionBandRightActions,
+      clientScripts: clientScripts,
+      gap: "xlarge"
+    });
+  };
+
+  return /*#__PURE__*/React.createElement(ActionBand, {
+    customProps: {
+      container: {
+        ref: ref
+      }
+    },
+    customId: "actionBand",
+    testId: "actionBand",
+    renderPrimaryActions: renderLeftActions,
+    renderSecondaryActions: renderRightActions
+  });
+}
+
+export default View;
+View.propTypes = {
+  state: PropTypes.object
+};

package/es/platform/components/table-connected/adapters/controllers/ScrollController.js

@@ -1,15 +1,36 @@
 import { RESIZE_SCROLL } from "../../../../../bc/table-column-resizer/Constants";
 import AbstractController from "./AbstractController";
+import { FLOAT_PAGINATION_BEHAVIOUR_UPDATE_REQUESTED } from "../../../../../bc/float-pagination/Constants";
 export default class ScrollController extends AbstractController {
-  handle(event) {
-    // const tableElement = event.host;
-    const tableElement = event.host.getElementsByTagName('table')[0];
-    event.dispatch({
-      type: RESIZE_SCROLL,
-      payload: {
-        tableElement
+  handle(_ref) {
+    let {
+      host,
+      dispatch,
+      state
+    } = _ref;
+    const {
+      properties: {
+        resizeConfig,
+        floatPaginationConfig
       }
-    });
+    } = state;
+
+    if (floatPaginationConfig?.isEnabled) {
+      dispatch({
+        type: FLOAT_PAGINATION_BEHAVIOUR_UPDATE_REQUESTED
+      });
+    }
+
+    if (resizeConfig?.isEnabled) {
+      // const tableElement = event.host;
+      const tableElement = host.getElementsByTagName('table')[0];
+      dispatch({
+        type: RESIZE_SCROLL,
+        payload: {
+          tableElement
+        }
+      });
+    }
   }
 
 }

package/es/platform/components/table-connected/adapters/controllers/ScrollEndReachedController.js

@@ -0,0 +1,23 @@
+import { ZLIST_FETCH_MORE } from "../../../../../bc/zlist/Constants";
+import AbstractController from "./AbstractController";
+export default class ScrollEndReachedController extends AbstractController {
+  handle(_ref) {
+    let {
+      dispatch,
+      state
+    } = _ref;
+    const {
+      behaviours: {
+        zrecord
+      }
+    } = state;
+
+    if (zrecord?.records?.length) {
+      dispatch({
+        type: ZLIST_FETCH_MORE,
+        payload: {}
+      });
+    }
+  }
+
+}

package/es/platform/components/table-connected/adapters/resources/SmartTableResource.js

@@ -1,6 +1,5 @@
 import { AbstractResource } from "../../../../sdk/application/interfaces/gateways/AbstractResource";
 import ZListRepository from "../../../../zlist/adapters/gateways/Repository";
-import ZListSortBy from "../../../../zlist/adapters/gateways/SortBy";
 import ZListPresenters from "../../../../zlist/adapters/presenters/Presenters";
 import ZRecordRepository from "../../../../zrecord/adapters/gateways/Repository";
 import ZRecordPresenter from "../../../../zrecord/adapters/presenters/Presenter";
@@ -17,10 +16,17 @@ import UpdateMultipleRecordUseCase from "../../../../zlist/applications/usecases
 import GetContextUseCase from "../../../../zlist/applications/usecases/GetContextUseCase";
 import ReOrderUseCase from "../../../../zlist/applications/usecases/ReOrderUseCase";
 import { SdkContracts } from "../../../../../cc/table-connected/SdkContract";
-import SortUseCase from "../../../../zlist/applications/usecases/SortUseCase";
 import { Analytics } from "../../../../../library/analytics";
 import MarkAsReadUseCase from "../../../../zrecord/applications/usecases/MarkAsReadUseCase";
 import MarkAsUnReadUseCase from "../../../../zrecord/applications/usecases/MarkAsUnReadUseCase";
+import GetFilterConditionUseCase from "../../../../zrecord/applications/usecases/GetFilterConditionUseCase";
+import SetFilterUseCase from "../../../../zrecord/applications/usecases/SetFilterUseCase";
+import ClearAllFiltersUseCase from "../../../../zrecord/applications/usecases/ClearAllFiltersUseCase";
+import RefreshRecordsUseCase from "../../../../zrecord/applications/usecases/RefreshRecordsUseCase";
+import GetFilterConfigUseCase from "../../../../zrecord/applications/usecases/GetFilterConfigUseCase";
+import { initialSortConfig } from "../../../../../bc/zlist/Types";
+import GetSortConfigUseCase from "../../../../zlist/applications/usecases/GetSortConfigUseCase";
+import SetSortConfigUseCase from "../../../../zlist/applications/usecases/SetSortConfigUseCase";
 export class SmartTableResource extends AbstractResource {
   initialize() {}
 
@@ -37,8 +43,7 @@ export class SmartTableResource extends AbstractResource {
   getListDependencies() {
     const dependencies = {
       repository: new ZListRepository(),
-      presenter: new ZListPresenters(),
-      sortBy: new ZListSortBy()
+      presenter: new ZListPresenters()
     };
     return dependencies;
   }
@@ -68,7 +73,7 @@ export class SmartTableResource extends AbstractResource {
     } = this.dependencies;
     const now = new Date().toISOString();
     const smartTableSdkMethodUsed = {
-      event: "smart_table_sdk_method_used",
+      event: 'smart_table_sdk_method_used',
       timestamp: now,
       contextDetails: {
         moduleName: state.moduleName,
@@ -237,6 +242,98 @@ export class SmartTableResource extends AbstractResource {
     return getData();
   }
 
+  getFilterCondition() {
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getRecordDependencies();
+    const usecase = this.createUseCase(dependencies, GetFilterConditionUseCase);
+    usecase.execute({
+      dispatch,
+      callback: setData
+    });
+    return getData();
+  }
+
+  getFilterConfig() {
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getRecordDependencies();
+    const usecase = this.createUseCase(dependencies, GetFilterConfigUseCase);
+    usecase.execute({
+      dispatch,
+      callback: setData
+    });
+    return getData();
+  }
+
+  setFilter(filterConfig) {
+    let shouldFetch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+    this.validateInput('setFilter', {
+      filterConfig,
+      shouldFetch
+    }, SdkContracts.setFilterInputMeta);
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getRecordDependencies();
+    const usecase = this.createUseCase(dependencies, SetFilterUseCase);
+    usecase.execute({
+      filterConfig,
+      dispatch,
+      callback: setData,
+      shouldFetch
+    });
+    return getData();
+  }
+
+  clearAllFilters() {
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getRecordDependencies();
+    const usecase = this.createUseCase(dependencies, ClearAllFiltersUseCase);
+    usecase.execute({
+      dispatch,
+      callback: setData
+    });
+    return getData();
+  }
+
+  refreshRecords() {
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getRecordDependencies();
+    const usecase = this.createUseCase(dependencies, RefreshRecordsUseCase);
+    usecase.execute({
+      dispatch,
+      callback: setData
+    });
+    return getData();
+  }
+
   selectRecords(ids) {
     this.validateInput('selectRecords', {
       ids
@@ -304,7 +401,8 @@ export class SmartTableResource extends AbstractResource {
       oldIndex: fromIndex,
       dispatch
     });
-  }
+  } // @deprecated use sortRecords
+
 
   sortRecords(sortBy) {
     this.validateInput('sortRecords', {
@@ -313,12 +411,78 @@ export class SmartTableResource extends AbstractResource {
     const {
       dispatch
     } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getListDependencies();
+    const usecase = this.createUseCase(dependencies, SetSortConfigUseCase);
+    const sortConfig = {
+      fieldName: sortBy.name,
+      order: sortBy.order
+    };
+    usecase.execute({
+      sortConfig,
+      dispatch,
+      callback: setData
+    });
+    return getData();
+  }
+
+  getSortConfig() {
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getListDependencies();
+    const usecase = this.createUseCase(dependencies, GetSortConfigUseCase);
+    usecase.execute({
+      dispatch,
+      callback: setData
+    });
+    return getData();
+  }
+
+  setSortConfig(sortConfig) {
+    this.validateInput('setSortConfig', {
+      sortConfig
+    }, SdkContracts.setSortConfigInputMeta);
+    const {
+      dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
     const dependencies = this.getListDependencies();
-    const usecase = this.createUseCase(dependencies, SortUseCase);
+    const usecase = this.createUseCase(dependencies, SetSortConfigUseCase);
     usecase.execute({
-      sortBy,
+      sortConfig,
+      dispatch,
+      callback: setData
+    });
+    return getData();
+  }
+
+  clearSorting() {
+    const {
       dispatch
+    } = this.dependencies;
+    const {
+      getData,
+      setData
+    } = this.createCallback();
+    const dependencies = this.getListDependencies();
+    const usecase = this.createUseCase(dependencies, SetSortConfigUseCase);
+    usecase.execute({
+      sortConfig: initialSortConfig,
+      dispatch,
+      callback: setData
     });
+    return getData();
   }
 
   markAsRead(recordId) {

package/es/platform/components/table-connected/frameworks/EventHandlersFactory.js

@@ -23,13 +23,20 @@ import { TableListConstants } from "../../../../cc/table-list";
 import ResolutionBasedLimitController from "../adapters/controllers/ResolutionBasedLimitController";
 import { TableTextOverflowConstants } from "../../../../cc/table-text-overflow";
 import { TEXT_OVERFLOW_BEHAVIOUR_UPDATE_REQUESTED } from "../../../../bc/clip-wrap/Constants";
+import { SMART_TABLE_SORT_BY_REQUESTED } from "../../../../cc/table-connected/constants/Events";
+import { SortedBy } from "../../../../cc/table-list/data-types/Header";
+import { SortOrder } from "../../../../bc/zlist/Types";
+import { FloatingPaginationConstants } from "../../../../cc/floating-pagination";
+import { FLOAT_PAGINATION_BEHAVIOUR_BOTTOM_UPDATED, FLOAT_PAGINATION_BEHAVIOUR_TOP_UPDATED } from "../../../../bc/float-pagination/Constants";
+import ScrollEndReachedController from "../adapters/controllers/ScrollEndReachedController";
 const {
   TABLE_LIST_RESIZE_START_REQUESTED,
   TABLE_LIST_RESIZE_MOVE_REQUESTED,
   TABLE_LIST_RESIZE_END_REQUESTED,
   TABLE_LIST_SCROLLED,
   TABLE_LIST_ROW_DRAG_END,
-  TABLE_LIST_NAME_FIELD_CLICKED
+  TABLE_LIST_NAME_FIELD_CLICKED,
+  TABLE_LIST_SCROLL_END_REACHED
 } = TableListEventConstants;
 
 function createHandlerWithSdk(handler) {
@@ -154,8 +161,10 @@ export default class EventHandlersFactory {
         contextDetails: {
           moduleName,
           instanceName,
-          sortBy: zlist.sortBy.name,
-          direction: zlist.sortBy.order
+          // sortBy: 'zlist.sortConfig.fieldName',
+          // direction: 'asc',
+          sortBy: zlist?.sortConfig.fieldName,
+          direction: zlist?.sortConfig.order
         }
       }; // -------------------------
       // 5. Column Resized
@@ -326,18 +335,41 @@ export default class EventHandlersFactory {
       [SmartTableConstants.ExternalConstants.SMART_TABLE_MARK_AS_READ_REQUESTED]: markAsReadHandler,
       [SmartTableConstants.ExternalConstants.SMART_TABLE_MARK_AS_UNREAD_REQUESTED]: markAsUnReadHandler,
       [TABLE_LIST_NAME_FIELD_CLICKED]: navigationHandler,
+      [TABLE_LIST_SCROLL_END_REACHED]: new ScrollEndReachedController().handle,
+      [FloatingPaginationConstants.SCROLL_UP_CLICKED]: args => {
+        const {
+          dispatch
+        } = args;
+        dispatch({
+          type: FLOAT_PAGINATION_BEHAVIOUR_TOP_UPDATED
+        });
+      },
+      [FloatingPaginationConstants.SCROLL_DOWN_CLICKED]: args => {
+        const {
+          dispatch
+        } = args;
+        dispatch({
+          type: FLOAT_PAGINATION_BEHAVIOUR_BOTTOM_UPDATED
+        });
+      },
       [`${name}#${LifeCycleEvents.STATE_UPDATED}`]: addMetrics,
       [RESIZE_FINISHED]: new ResizeFinishController().handle,
       [TABLE_LIST_RESIZE_START_REQUESTED]: new ResizeStartController().handle,
       [TABLE_LIST_RESIZE_MOVE_REQUESTED]: new ResizeByMouseController().handle,
-      [SmartTableConstants.Events.SORT]: _ref => {
+      [SMART_TABLE_SORT_BY_REQUESTED]: _ref => {
         let {
           action,
           dispatch
         } = _ref;
         return dispatch({
           type: ZLIST_SORT,
-          payload: action.payload
+          payload: {
+            fieldName: action.payload.name,
+            order: {
+              [SortedBy.Ascending]: SortOrder.ASC,
+              [SortedBy.Descending]: SortOrder.DES
+            }[action.payload.order] || SortOrder.NONE
+          }
         });
       },
       [TABLE_LIST_RESIZE_END_REQUESTED]: new ResizeEndController().handle,
@@ -417,7 +449,8 @@ function createMergedHandler(eventHandlersList, eventName) {
       if (typeof handler === 'function') {
         try {
           handler(...arguments);
-        } catch {// Silently ignore errors
+        } catch (error) {
+          __DEVELOPMENT__ && console.error(error);
         }
       }
     }

package/es/platform/components/table-connected/frameworks/TableConnectedFactory.js

@@ -18,6 +18,7 @@ import SdkBehaviourFactory from "../../../sdk-behaviour/frameworks/SdkBehaviourF
 import ResourceNamesEnum from "../../../../bc/sdk/ResourceNamesEnum";
 import { sdkRegistry } from "../../../sdk/frameworks/SdkRegistry";
 import { SmartTableResource } from "../adapters/resources/SmartTableResource";
+import { SmartActionBandResource } from "../../smart-action-band/adapters/resources/SmartActionBandResource";
 import { ClientActionResource } from "../../../client-actions/behaviour/zclient-actions/adapters/resources/ClientActionResource";
 sdkRegistry.registerResource({
   resourceName: ResourceNamesEnum.SMART_TABLE,
@@ -27,6 +28,10 @@ sdkRegistry.registerResource({
   resourceName: ResourceNamesEnum.CLIENT_ACTION,
   resource: ClientActionResource
 });
+sdkRegistry.registerResource({
+  resourceName: ResourceNamesEnum.SMART_ACTION_BAND,
+  resource: SmartActionBandResource
+});
 import KeyboardControlBehaviourFactory from "../../../../library/behaviours/keyboard-controls/frameworks/KeyboardControlBehaviourFactory";
 
 function combineDataSourceWithDefault(dataSource) {
@@ -42,6 +47,7 @@ import { SmartTableEventsContracts } from "../../../../cc/table-connected";
 import ClientScriptsBehaviourFactory from "../../../client-scripts/behaviour/zclient-scripts-fetch/frameworks/ClientScriptsBehaviourFactory";
 import AppContextBehaviourFactory from "../../../app-context-behaviour/frameworks/AppContextBehaviourFactory";
 import ClipWrapBehaviourFactory from "../../../../library/behaviours/clip-wrap/frameworks/ui/ClipWrapBehaviourFactory";
+import FloatPaginationBehaviourFactory from "../../../../library/behaviours/float-pagination/frameworks/ui/FloatPaginationBehaviourFactory";
 export default class TableConnectedFactory {
   static create(_ref) {
     let {
@@ -70,7 +76,7 @@ export default class TableConnectedFactory {
   }
 
   static getBehaviours(_dataSource) {
-    return [SdkBehaviourFactory.create([ResourceNamesEnum.SMART_TABLE, ResourceNamesEnum.CLIENT_ACTION]), TableColumnResizerBehaviorFactory.create(), KeyboardControlBehaviourFactory.create(), ClipWrapBehaviourFactory.create(), LocalStorageBehaviourFactory.create(), ZHttpBehaviourFactory.create(), DataSourceBehaviourFactory.create(), ...TableConnectedFactory.getPlatformBehaviours(_dataSource), ColumnChooserBehaviourFactory.create(), ListItemSelectionBehaviourFactory.create()];
+    return [SdkBehaviourFactory.create([ResourceNamesEnum.SMART_TABLE, ResourceNamesEnum.CLIENT_ACTION, ResourceNamesEnum.SMART_ACTION_BAND]), TableColumnResizerBehaviorFactory.create(), KeyboardControlBehaviourFactory.create(), ClipWrapBehaviourFactory.create(), FloatPaginationBehaviourFactory.create(), LocalStorageBehaviourFactory.create(), ZHttpBehaviourFactory.create(), DataSourceBehaviourFactory.create(), ...TableConnectedFactory.getPlatformBehaviours(_dataSource), ColumnChooserBehaviourFactory.create(), ListItemSelectionBehaviourFactory.create()];
   }
 
   static getPlatformBehaviours(_dataSource) {

package/es/platform/components/table-connected/frameworks/TableConnectedView.js

@@ -18,6 +18,7 @@ function View(_ref, ref) {
     focussedRow,
     keyboardControlsConfig,
     textOverflowConfig,
+    floatPaginationConfig,
     reOrderConfig
   } = state.viewModel;
   const {
@@ -48,6 +49,7 @@ function View(_ref, ref) {
     selectionConfig: selectionConfig,
     keyboardControlsConfig: keyboardControlsConfig,
     textOverflowConfig: textOverflowConfig,
+    floatPaginationConfig: floatPaginationConfig,
     focussedRow: focussedRow
   });
 }

package/es/platform/data-source/http-template/getComponentMapping.js

@@ -0,0 +1,17 @@
+let getComponentMapping = {
+  name: 'getComponentMapping',
+  api: '/{{servicePrefix}}/{{orgName}}',
+  parameters: `{}`,
+  type: 'GET',
+  getResponse: async _ref => {
+    let {
+      params,
+      payload,
+      headers
+    } = _ref;
+    return [];
+  },
+  transformer: res => res,
+  properties: {}
+};
+export default getComponentMapping;

package/es/platform/data-source/http-template/getRecords.js

@@ -3,6 +3,7 @@ let getRecords = {
   api: '/{{servicePrefix}}/{{orgName}}/api/v1/{{moduleName}}',
   parameters: `{
         "viewId":"{{viewId}}",
+        "filter":"{{filter}}",
         "from":{{from}},
         "limit":{{limit}},
         "sortBy":"{{sortBy}}"

package/es/platform/data-source/index.js

@@ -21,6 +21,7 @@ import fetchLookupFields from "./http-template/fetchLookupFields";
 import getClientScripts from "./http-template/getClientScripts";
 import markAsRead from "./http-template/markAsRead";
 import markAsUnRead from "./http-template/markAsUnRead";
+import getComponentMapping from "./http-template/getComponentMapping";
 let dataSource = {
   httpTemplates: {
     [RecordApiActionName.GET_RECORDS]: getRecords,
@@ -42,7 +43,8 @@ let dataSource = {
     [ZFormApiActionName.getLayoutRules]: getLayoutRules,
     [ZFormApiActionName.getDependencyMappings]: getDependencyMappings,
     [ZFormApiActionName.getValidationRules]: getValidationRules,
-    [ZFormApiActionName.fetchLookupFields]: fetchLookupFields
+    [ZFormApiActionName.fetchLookupFields]: fetchLookupFields,
+    getComponentMapping
   }
 };
 export default dataSource; // let ticketsRecordSerice = createRecord(tickets, () => {});

package/es/platform/sdk/frameworks/Sdk.js

@@ -19,6 +19,13 @@ export const platformSDK_old = {
     });
   },
 
+  [ResourceNamesEnum.SMART_ACTION_BAND](instanceName) {
+    return sdkRegistry.getResourceInstance({
+      resourceName: ResourceNamesEnum.SMART_ACTION_BAND,
+      instanceName: instanceName
+    });
+  },
+
   [ResourceNamesEnum.CLIENT_ACTION](instanceName) {
     return sdkRegistry.getResourceInstance({
       resourceName: ResourceNamesEnum.CLIENT_ACTION,

package/es/platform/zfield/applications/usecases/FetchSuccessUseCase.js

@@ -1,4 +1,6 @@
+import { DATA_SOURCE_EXECUTE } from "../../../../bc/zdata-source/Constants";
 import AbstractUseCase from "./AbstractUseCase";
+import { DATA_SOURCE_FAILURE, DATA_SOURCE_NO_CONTENT, DATA_SOURCE_SUCCESS } from "../../../../bc/zdata-source/Symbols";
 
 class FetchSuccessUseCase extends AbstractUseCase {
   execute(input) {
@@ -16,6 +18,11 @@ class FetchSuccessUseCase extends AbstractUseCase {
     } = metaData;
     const fieldManager = repository.getFieldManager();
 
+    if (String(apiName) === 'getComponentMapping') {
+      fieldManager.setFields(fields, apiName);
+      presenter.updateFields(fieldManager.toObject());
+    }
+
     if (!fieldManager.isFieldFetching(metaData)) {
       return;
     }
@@ -23,6 +30,32 @@ class FetchSuccessUseCase extends AbstractUseCase {
     fieldManager.setFields(fields, apiName);
     fieldManager.stopFetching(apiName);
     presenter.updateFields(fieldManager.toObject());
+    dispatch({
+      type: DATA_SOURCE_EXECUTE,
+      payload: {
+        props: {},
+        actionName: 'getComponentMapping'
+      },
+      metaData: {
+        actionName: 'getComponentMapping',
+        [DATA_SOURCE_SUCCESS]: {
+          metaData: {
+            apiName: 'getComponentMapping'
+          }
+        },
+        [DATA_SOURCE_NO_CONTENT]: {
+          metaData: {
+            apiName: 'getComponentMapping'
+          }
+        },
+        [DATA_SOURCE_FAILURE]: {
+          metaData: {
+            apiName: 'getComponentMapping',
+            actionName: 'getComponentMapping'
+          }
+        }
+      }
+    });
     dispatch(fieldManager.createSuccessAction(fields, metaData));
   }
 

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

@@ -5,10 +5,12 @@ import { DATA_SOURCE_FAILURE, DATA_SOURCE_NO_CONTENT, DATA_SOURCE_SUCCESS } from
 
 class FieldManager {
   constructor(fields, selectedFields, isFieldsFetching, isSelectedFieldsFetching) {
+    let componentMapping = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : [];
     this.fields = fields;
     this.selectedFields = selectedFields;
     this.isFieldsFetching = isFieldsFetching;
     this.isSelectedFieldsFetching = isSelectedFieldsFetching;
+    this.componentMapping = componentMapping;
   }
 
   createSuccessAction(fields, metaData) {
@@ -98,11 +100,14 @@ class FieldManager {
       this.selectedFields = data;
     } else if (apiName === FieldApiName.UPDATE_SELECTED_FIELDS) {
       this.selectedFields = data;
+    } else if (apiName === 'getComponentMapping') {
+      this.componentMapping = data;
     }
   }
 
   toObject() {
     return {
+      componentMapping: this.componentMapping,
       fields: this.fields,
       selectedFields: this.selectedFields,
       isFieldsFetching: this.isFieldsFetching,

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

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

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

@@ -11,10 +11,10 @@ class SortController extends AbstractController {
       action,
       dispatch
     } = event;
-    const sortBy = action.payload;
+    const sortConfig = action.payload;
     sortUseCase.updateDependency(state, updateState);
     sortUseCase.execute({
-      sortBy,
+      sortConfig,
       dispatch
     });
   }