@zohodesk/library-platform 1.1.3-exp.3 → 1.1.3-temp-1

package/es/library/dot/components/table-list/frameworks/utils/reOrder.js

@@ -0,0 +1,90 @@
+function reorderImmutableArray(arr, fromIndex, toIndex) {
+  const start = fromIndex < 0 ? arr.length + fromIndex : fromIndex;
+
+  if (start >= 0 && start < arr.length) {
+    const end = toIndex < 0 ? arr.length + toIndex : toIndex;
+    const [item] = arr.splice(start, 1);
+    arr.splice(end, 0, item);
+  }
+}
+
+export function reorderArray(arr, fromIndex, toIndex) {
+  const copy = [...arr];
+  reorderImmutableArray(copy, fromIndex, toIndex);
+  return copy;
+}
+export function parseCssNumberWithUnit(value) {
+  if (typeof value !== "string") return null;
+  const regex = /^(-?\d+(\.\d+)?)([a-z%]*)$/i;
+  const match = value.trim().match(regex);
+  if (!match) return null;
+  return {
+    number: parseFloat(match[1]),
+    unit: match[3] || ""
+  };
+}
+export function setTableInteractionClass(ref, className, add) {
+  if (ref.current) {
+    if (add && !ref.current.classList.contains(className)) {
+      ref.current.classList.add(className);
+    } else if (!add && ref.current.classList.contains(className)) {
+      ref.current.classList.remove(className);
+    }
+  }
+}
+export function adjustHelperElementPosition(ref, draggingClass) {
+  if (ref.current) {
+    const TableScrollLeft = ref.current.scrollLeft;
+    const helperElement = ref.current.querySelector(`.${draggingClass}`);
+
+    if (helperElement) {
+      const helperLeft = parseCssNumberWithUnit(helperElement.style.left);
+
+      if (helperLeft && helperLeft.unit === 'px') {
+        helperElement.style.left = `${helperLeft.number + TableScrollLeft}px`;
+      }
+
+      helperElement.scrollLeft = TableScrollLeft;
+    }
+  }
+}
+export function getDropIndicator(_ref) {
+  let {
+    index,
+    oldIndex,
+    newIndex,
+    rowsLength
+  } = _ref;
+  const isMovingDown = newIndex > oldIndex;
+  let dropIndex, normalizedDropIndex, dropPosition;
+
+  if (index === newIndex && newIndex === 0) {
+    normalizedDropIndex = 1;
+    dropPosition = 'downward';
+  } else if (index === newIndex && newIndex === rowsLength - 1) {
+    normalizedDropIndex = rowsLength - 2;
+    dropPosition = 'upward';
+  } else {
+    if (isMovingDown) {
+      dropIndex = newIndex < index ? newIndex : newIndex + 1;
+    } else {
+      dropIndex = newIndex <= index ? newIndex - 1 : newIndex;
+    }
+
+    normalizedDropIndex = dropIndex;
+    dropPosition = isMovingDown ? 'downward' : 'upward';
+
+    if (dropIndex < 0) {
+      normalizedDropIndex = 0;
+      dropPosition = 'downward';
+    } else if (dropIndex >= rowsLength) {
+      normalizedDropIndex = rowsLength - 1;
+      dropPosition = 'upward';
+    }
+  }
+
+  return {
+    index: normalizedDropIndex,
+    position: dropPosition
+  };
+}

package/es/library/dot/legacy-to-new-arch/text-area/frameworks/ui/TextAreaView.js

@@ -27,7 +27,7 @@ function TextAreaView(_ref, ref) {
     text: value,
     isReadOnly: readonly,
     isDisabled: disabled,
-    animated: true,
+    animated: !readonly && !disabled,
     size: "xsmall",
     customAttributes: {
       required

package/es/platform/client-actions/components/action-event-mediator/frameworks/ui/ClientActionsAdapter.js

@@ -0,0 +1,96 @@
+import { createCustomComponent } from "../../../../../../library/custom-component";
+import ActionEventMediatorProperties from "../../../../cc/action-event-mediator/Properties";
+import EventHandlersFactory from "./EventHandlersFactory";
+import ActionEventMediatorView from "./ActionEventMediatorView"; // import ClientActionsSDKFactory from '../../../../behaviour/zclient-actions/frameworks/sdk/ClientActionsSDKFactory'; TODO: Add support for returning clientActionsSDK factory when client actions SDK is merged to V2
+
+import ClientActionsBehaviourFactory from "../../../../behaviour/zclient-actions/frameworks/ClientActionsBehaviourFactory";
+import getClientActions from "../../../../../data-source/http-template/getClientActions";
+import ClientActionsTranslator from "../../../../translators/client-actions-translator";
+import FetchGateWay from "../../../../../zhttp/adapters/gateway/FetchGateWay";
+import APITemplate from "../../../../../zdata-source/domain/entities/APITemplate";
+import TemplateHelpers from "../../../../../zdata-source/adapters/gateways/TemplateHelpers";
+;
+const windowWrapper = window;
+const ClientActionsAdapterUtils = {
+  getClientActionsAPIDetails(args) {
+    const apiTemplate = new APITemplate(getClientActions, new TemplateHelpers());
+    args.servicePrefix = 'supportapi/zd';
+    args.orgName = windowWrapper.currentOrg.portalName;
+    const apiDetails = apiTemplate.getApiDetails(args);
+    apiDetails.options = {
+      headers: {
+        orgId: windowWrapper.currentOrg.id
+      },
+      method: apiDetails.method
+    };
+    return apiDetails;
+  },
+
+  transform(input) {
+    return ClientActionsTranslator.transform(input, {
+      departmentName: windowWrapper.currentDepartment.sanitizedName,
+      orgId: windowWrapper.currentOrg.id,
+      orgName: windowWrapper.currentOrg.portalName,
+      servicePrefix: 'supportapi/zd'
+    });
+  }
+
+};
+const ClientActionsAdapter = {
+  createEventHandler(clientScript) {
+    return event => {
+      let response = {
+        event: event,
+        sdk: {}
+      }; // response.sdks.clientActions = ClientActionsSDKFactory.create({ TODO: Add support for returning clientActionsSDK factory when client actions SDK is merged to V2
+      //     state: event.state,
+      //     dispatch: event.dispatch
+      // });
+
+      clientScript(response);
+    };
+  },
+
+  createActionToEventHandlers(clientScripts) {
+    const actionEventHandlers = {};
+    Object.keys(clientScripts).map(targetEvent => {
+      const clientScript = clientScripts[targetEvent];
+      actionEventHandlers[targetEvent] = ClientActionsAdapter.createEventHandler(clientScript);
+    });
+    return actionEventHandlers;
+  },
+
+  fetchClientActions(args) {
+    const apiDetails = ClientActionsAdapterUtils.getClientActionsAPIDetails(args);
+    const fetchGateway = new FetchGateWay(window.fetch.bind(window));
+    return fetchGateway.fetch(apiDetails.url, apiDetails.options).then(response => {
+      return response.json();
+    }).then(response => {
+      if (response.errorCode) {
+        return Promise.reject(response);
+      } else {
+        const actions = ClientActionsAdapterUtils.transform(response);
+        return Promise.resolve(actions);
+      }
+    });
+  },
+
+  getClientActionComponent: clientScripts => {
+    return createCustomComponent({
+      name: 'ClientActionsAdapter',
+      properties: ActionEventMediatorProperties,
+      setInitialState: () => ({
+        handlers: {}
+      }),
+      eventHandlers: { ...EventHandlersFactory.createClientActionsAdapterEventHandlers(),
+        ...ClientActionsAdapter.createActionToEventHandlers(clientScripts)
+      },
+      behaviours: [ClientActionsBehaviourFactory.create({
+        getClientActions: getClientActions
+      })],
+      View: ActionEventMediatorView
+    });
+  }
+};
+export const getClientActionsAdapter = ClientActionsAdapter.getClientActionComponent;
+export const fetchClientActions = ClientActionsAdapter.fetchClientActions;

package/es/platform/client-actions/components/action-event-mediator/frameworks/ui/EventHandlersFactory.js

@@ -9,6 +9,14 @@ import PropertiesChangeController from "../../adapters/controllers/PropertiesCha
 import LifeCycleEvents from "../../../../../../cc/component/LifeCycleEventsEnum";
 export default class EventHandlersFactory {
   static create() {
+    return EventHandlersFactory.createClientActionsLifeCycleEventHandlers('ActionEventMediator');
+  }
+
+  static createClientActionsAdapterEventHandlers() {
+    return EventHandlersFactory.createClientActionsLifeCycleEventHandlers('ClientActionsAdapter');
+  }
+
+  static createClientActionsLifeCycleEventHandlers(componentName) {
     const repository = new Repository();
     const presenter = new Presenter();
     const dependencies = {
@@ -22,9 +30,9 @@ export default class EventHandlersFactory {
     const unmountController = new UnmountController(destroyUseCase);
     const propertiesChangeController = new PropertiesChangeController(propertiesChangeUseCase);
     return {
-      [`ActionEventMediator#${LifeCycleEvents.MOUNT}`]: initializeController.handle,
-      [`ActionEventMediator#${LifeCycleEvents.UPDATE_PROPERTIES}`]: propertiesChangeController.handle,
-      [`ActionEventMediator#${LifeCycleEvents.UN_MOUNT}`]: unmountController.handle
+      [`${componentName}#${LifeCycleEvents.MOUNT}`]: initializeController.handle,
+      [`${componentName}#${LifeCycleEvents.UPDATE_PROPERTIES}`]: propertiesChangeController.handle,
+      [`${componentName}#${LifeCycleEvents.UN_MOUNT}`]: unmountController.handle
     };
   }
 

package/es/platform/client-actions/template-resolver/index.js

@@ -22,6 +22,7 @@ export default class TemplateResolver {
   }
 
   static replaceContextVariablesInObject(properties, replacementObj) {
+    if (!properties) return {};
     const replaced = {};
     Object.entries(properties).forEach(_ref => {
       let [key, value] = _ref;

package/es/platform/client-actions/translators/context-resolver/index.js

@@ -4,7 +4,7 @@ export class ActionContextResolver {
 
   static resolveContextInEventMappingPayload(eventMapping, context) {
     return { ...eventMapping,
-      payloadValueMapping: TemplateResolver.replaceContextVariablesInObject(eventMapping.payloadValueMappingMeta, context)
+      payloadValueMapping: TemplateResolver.replaceContextVariablesInObject(eventMapping.payloadValueMapping, context)
     };
   }
 
@@ -14,9 +14,9 @@ export class ActionContextResolver {
       pattern
     } = condition;
     const resolvedFields = fields.map(field => {
-      const resolvedValue = TemplateResolver.replaceContextVariables(field.value.join(","), templateContext);
+      const resolvedValue = TemplateResolver.replaceContextVariables(field.value.join(','), templateContext);
       return { ...field,
-        value: resolvedValue.split(",")
+        value: resolvedValue.split(',')
       };
     });
     return { ...condition,
@@ -31,10 +31,10 @@ export class ActionContextResolver {
 
   static resolveAction(action, context) {
     const eventMappings = action.uiComponentMapping.eventMappings;
-    const conditions = action.conditionsMeta;
+    const conditions = action.conditions;
     const resolvedEventMappings = eventMappings.map(eventMapping => this.resolveContextInEventMappingPayload(eventMapping, context));
-    const resolvedProperty = this.resolveContextInProperties(action.uiComponentMapping.propertiesValueMappingMeta, context);
-    const resolveConditionValues = this.resolveConditionValueContext(conditions, context);
+    const resolvedProperty = this.resolveContextInProperties(action.uiComponentMapping.propertiesValueMapping, context);
+    const resolveConditionValues = conditions ? this.resolveConditionValueContext(conditions, context) : conditions;
     return { ...action,
       conditions: resolveConditionValues,
       uiComponentMapping: { ...action.uiComponentMapping,

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

@@ -0,0 +1,21 @@
+import AbstractController from "./AbstractController";
+import { ZLIST_RECORD_REORDER } from "../../../../../bc/zlist/Constants";
+export class ReOrderFinishController extends AbstractController {
+  handle(event) {
+    const {
+      dispatch
+    } = event;
+    const {
+      oldIndex,
+      newIndex
+    } = event.action.payload;
+    dispatch({
+      type: ZLIST_RECORD_REORDER,
+      payload: {
+        oldIndex,
+        newIndex
+      }
+    });
+  }
+
+}

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

@@ -15,6 +15,7 @@ import DeleteMultipleRecordUseCase from "../../../../zlist/applications/usecases
 import RecordUpdateUseCase from "../../../../zlist/applications/usecases/RecordUpdateUseCase";
 import UpdateMultipleRecordUseCase from "../../../../zlist/applications/usecases/UpdateMultipleRecordUseCase";
 import GetContextUseCase from "../../../../zlist/applications/usecases/GetContextUseCase";
+import ReOrderUseCase from "../../../../zlist/applications/usecases/ReOrderUseCase";
 export class SmartTableResource extends AbstractResource {
   initialize() {}
 
@@ -234,4 +235,17 @@ export class SmartTableResource extends AbstractResource {
     });
   }
 
+  reOrderRecord(fromIndex, toIndex) {
+    const {
+      dispatch
+    } = this.dependencies;
+    const dependencies = this.getListDependencies();
+    const usecase = this.createUseCase(dependencies, ReOrderUseCase);
+    usecase.execute({
+      newIndex: toIndex,
+      oldIndex: fromIndex,
+      dispatch
+    });
+  }
+
 }

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

@@ -10,6 +10,7 @@ import ResizeStartController from "../adapters/controllers/ResizeStartController
 import ResizeByMouseController from "../adapters/controllers/ResizeByMouseController";
 import ResizeEndController from "../adapters/controllers/ResizeEndController";
 import { ResizeFinishController } from "../adapters/controllers/ResizeFinishController";
+import { ReOrderFinishController } from "../adapters/controllers/ReOrderFinishController";
 import ScrollController from "../adapters/controllers/ScrollController";
 import ColumnChooserUpdateController from "../adapters/controllers/ColumnChooserUpdateController";
 import ColumnChooserOpenedController from "../adapters/controllers/ColumnChooserOpenedController";
@@ -18,7 +19,8 @@ const {
   TABLE_LIST_RESIZE_START_REQUESTED,
   TABLE_LIST_RESIZE_MOVE_REQUESTED,
   TABLE_LIST_RESIZE_END_REQUESTED,
-  TABLE_LIST_SCROLLED
+  TABLE_LIST_SCROLLED,
+  TABLE_LIST_ROW_DRAG_END
 } = TableListEventConstants;
 
 function createHandlerWithSdk(handler) {
@@ -92,7 +94,8 @@ export default class EventHandlersFactory {
           type: SmartTableConstants.Events.SELECTION_LIMIT_EXCEEDED,
           payload: action.payload
         });
-      }
+      },
+      [TABLE_LIST_ROW_DRAG_END]: new ReOrderFinishController().handle
     };
   }
 

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

@@ -15,7 +15,8 @@ export default class ListSdkFactory {
       updateRecords: function (recordsMap) {
         let shouldFetch = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
         return smartTable.updateRecords(recordsMap, shouldFetch);
-      }
+      },
+      reOrderRecord: (fromIndex, toIndex) => smartTable.reOrderRecord(fromIndex, toIndex)
     };
   }
 
@@ -47,7 +48,8 @@ export default class ListSdkFactory {
         selectRecords: selectionSdks.selectRecords,
         deselectRecords: selectionSdks.deselectRecords,
         selectAllRecords: selectionSdks.selectAllRecords,
-        deselectAllRecords: selectionSdks.deselectAllRecords
+        deselectAllRecords: selectionSdks.deselectAllRecords,
+        reOrderRecord: recordSdks.reOrderRecord
       }
     };
   }

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

@@ -8,6 +8,7 @@ function View(_ref, ref) {
   } = _ref;
   const {
     isLoading,
+    isReOrderLoading,
     data = [],
     rowActionsConfig,
     rowCursor,
@@ -15,7 +16,8 @@ function View(_ref, ref) {
     selection,
     emptyStateUiType,
     focussedRow,
-    keyboardControlsConfig
+    keyboardControlsConfig,
+    reOrderConfig
   } = state.viewModel;
   const {
     resizerState
@@ -28,6 +30,8 @@ function View(_ref, ref) {
     autoColumnSizing
   } = preferences ? preferences : {};
   return /*#__PURE__*/React.createElement(TableList, {
+    reOrderConfig: reOrderConfig,
+    isReOrderLoading: isReOrderLoading,
     data: data,
     rowCursor: rowCursor,
     sortBy: sortBy,

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

@@ -0,0 +1,44 @@
+const reOrderRecord = {
+  name: 'records',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/{{moduleName}}/reorder',
+  parameters: `{}`,
+  type: 'POST',
+  transformer: data => data,
+  getResponse: _ref => {
+    let {
+      payload
+    } = _ref;
+    let {
+      oldIndex,
+      newIndex
+    } = payload;
+    return {
+      oldIndex,
+      newIndex,
+      status: 'success'
+    }; // return Promise.reject({
+    //     status: 500,
+    //     error: "Something went wrong",
+    // });
+  },
+  requestBody: '{ "oldIndex": {{oldIndex}}, "newIndex": {{newIndex}} }',
+  properties: {
+    moduleName: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    recordId: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  }
+};
+export default reOrderRecord;

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

@@ -5,6 +5,7 @@ import deleteRecords from "./http-template/deleteRecords";
 import getAvailableFields from "./http-template/getAvailableFields";
 import getSelectedFields from "./http-template/getSelectedFields";
 import getClientActions from "./http-template/getClientActions";
+import reOrderRecord from "./http-template/reOrderRecord";
 import { RecordApiActionName } from "../../bc/zrecord/Constants";
 import deleteRecord from "./http-template/deleteRecord";
 import fetchMyLayouts from "./http-template/fetchMyFormLayout";
@@ -22,6 +23,7 @@ let dataSource = {
     [RecordApiActionName.DELETE_RECORD]: deleteRecord,
     [RecordApiActionName.CREATE_RECORD]: createRecord,
     [RecordApiActionName.GET_CLIENTACTIONS]: getClientActions,
+    [RecordApiActionName.GET_REORDERRECORD]: reOrderRecord,
     getAvailableFields,
     getSelectedFields,
     updateSelectedFields,

package/es/platform/sdk/application/interfaces/gateways/AbstractResource.js

@@ -1,7 +1,6 @@
 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 { SdkResourceDependencies } from "../../../domain/entities/interfaces/SdkResourceDependencies";
-export { SdkResourceDependencies };
+// export { SdkResourceDependencies };
 export class AbstractResource {
   constructor() {
     _defineProperty(this, "dependencies", void 0);

package/es/platform/sdk/domain/entities/ResourceManager.js

@@ -78,7 +78,7 @@ export class ResourceManager {
       resourceInstances
     } = this;
     const instance = (_resourceInstances$re3 = resourceInstances[resourceName]) === null || _resourceInstances$re3 === void 0 ? void 0 : _resourceInstances$re3[instanceName];
-    instance.updateDependencies({
+    instance && instance.updateDependencies({
       state,
       dispatch,
       updateState

package/es/platform/zform/adapters/presenter/FormTranslator.js

@@ -1,3 +1,4 @@
+import SectionTranslator from "./translators/SectionTranslator";
 let fieldTypeToUIType = {
   Text: 'TextBox',
   Textarea: 'TextArea',
@@ -45,133 +46,11 @@ export default class FormTranslator {
         }
       };
     } else {
-      let sections = state.behaviours.zform.sections.map(section => {
-        return {
-          type: uiMapping.sections[section.id],
-          id: section.id + '',
-          title: section.i18NLabel,
-          description: '',
-          //section.description,
-          isVisible: section.visibility,
-          fields: section.fields.map(field => {
-            let type = uiMapping.fields[field.apiName] || fieldTypeToUIType[field.type];
-
-            if (field.type == 'DateTime' || field.type == 'Date') {
-              let value = field.value;
-              return {
-                id: field.id,
-                label: field.i18NLabel,
-                type,
-                value: value || '',
-                //state.behaviours.zform.values[field.apiName],
-                name: field.apiName,
-                // placeholder: field.i18NLabel,//field.placeholder,
-                required: field.isMandatory,
-                isVisible: field.visibility
-              };
-            } else if (field.type == 'Picklist') {
-              let value = field.value;
-              let errorMessage = field.errorMessage || '';
-              return {
-                id: field.id,
-                label: field.i18NLabel,
-                options: field.pickListValues.map(picklistValue => {
-                  return {
-                    value: picklistValue.value,
-                    label: picklistValue.value
-                  };
-                }),
-                type,
-                subType: field.subType.toLowerCase(),
-                value: value || '',
-                //state.behaviours.zform.values[field.apiName],
-                name: field.apiName,
-                // placeholder: field.i18NLabel,//field.placeholder,
-                required: field.isMandatory,
-                isVisible: field.visibility,
-                errorMessage
-              };
-            } else if (field.type == 'Multiselect') {
-              let value = field.value;
-              let errorMessage = field.errorMessage || '';
-              return {
-                id: field.id,
-                label: field.i18NLabel,
-                options: field.pickListValues ? field.pickListValues.map(picklistValue => {
-                  return {
-                    value: picklistValue.value,
-                    label: picklistValue.value
-                  };
-                }) : [],
-                type,
-                subType: field.subType,
-                value: value || [],
-                //state.behaviours.zform.values[field.apiName],
-                name: field.apiName,
-                // placeholder: field.i18NLabel,//field.placeholder,
-                required: field.isMandatory,
-                isVisible: field.visibility,
-                errorMessage
-              };
-            } else if (field.type == 'Boolean') {
-              let value = field.value;
-              return {
-                id: field.id,
-                label: field.i18NLabel,
-                type,
-                value: value || false,
-                name: field.apiName,
-                // placeholder: field.i18NLabel,//field.placeholder,
-                required: field.isMandatory,
-                isVisible: field.visibility
-              };
-            } else if (field.type == 'Text') {
-              let value = field.value;
-              let errorMessage = field.errorMessage || '';
-              return {
-                type,
-                value: value || '',
-                //state.behaviours.zform.values[field.apiName],
-                name: field.apiName,
-                id: field.id,
-                label: field.i18NLabel,
-                tooltip: '',
-                //field.tooltip,
-                ePHI: false,
-                //field.ePHI,
-                placeholder: field.i18NLabel,
-                //field.placeholder,
-                required: field.isMandatory,
-                isVisible: field.visibility,
-                errorMessage
-              };
-            } else {
-              let value = field.value;
-              let errorMessage = field.errorMessage || '';
-              const fieldModified = {
-                type,
-                value: value || '',
-                //state.behaviours.zform.values[field.apiName],
-                name: field.apiName,
-                id: field.id,
-                label: field.i18NLabel,
-                tooltip: '',
-                //field.tooltip,
-                placeholder: field.i18NLabel,
-                //field.placeholder,
-                required: field.isMandatory,
-                isVisible: field.visibility,
-                errorMessage
-              };
-
-              if (ePHIFields[field.type]) {
-                fieldModified.ePHI = true;
-              }
-
-              return fieldModified;
-            }
-          })
-        };
+      let sections = SectionTranslator({
+        state,
+        fieldTypeToUIType,
+        ePHIFields,
+        uiMapping
       });
       return { ...state,
         viewModel: {

package/es/platform/zform/adapters/presenter/translators/SectionTranslator.js

@@ -0,0 +1,32 @@
+import * as FieldTranslators from "./fields";
+
+const SectionTranslator = _ref => {
+  let {
+    state,
+    fieldTypeToUIType,
+    ePHIFields,
+    uiMapping
+  } = _ref;
+  let sections = state.behaviours.zform.sections.map(section => {
+    return {
+      type: uiMapping.sections[section.id],
+      id: section.id + '',
+      title: section.i18NLabel,
+      description: section.description,
+      //section.description,
+      // isVisible: section.visibility,
+      isVisible: section.isVisible,
+      fields: section.fields.map(field => {
+        const fieldTranslator = FieldTranslators[field.type];
+        let type = uiMapping.fields[field.apiName] || fieldTypeToUIType[field.type];
+        return fieldTranslator({
+          field,
+          type
+        });
+      })
+    };
+  });
+  return sections;
+};
+
+export default SectionTranslator;

package/es/platform/zform/adapters/presenter/translators/fields/BooleanFieldTranslator.js

@@ -0,0 +1,20 @@
+const BooleanFieldTranslator = _ref => {
+  let {
+    field,
+    type
+  } = _ref;
+  return {
+    id: field.id,
+    label: field.i18NLabel,
+    type,
+    value: field.value,
+    name: field.apiName,
+    // placeholder: field.i18NLabel,//field.placeholder,
+    required: field.isMandatory,
+    readonly: field.isReadOnly,
+    // visibility: field.isVisible
+    isVisible: field.isVisible
+  };
+};
+
+export default BooleanFieldTranslator;