@zohodesk/library-platform 1.1.5 → 1.1.6-temp-1

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

@@ -1,60 +1,47 @@
 import SectionTranslator from "./translators/SectionTranslator";
-let fieldTypeToUIType = {
-  Text: 'TextBox',
-  Textarea: 'TextArea',
-  Boolean: 'Checkbox',
-  URL: 'Url',
-  Picklist: 'PickList',
-  AutoNumber: 'TextBox',
-  Number: 'Number',
-  Decimal: 'Decimal',
-  Email: 'Email',
-  Phone: 'Phone',
-  Currency: 'Currency',
-  Percent: 'Percentage',
-  Date: 'Date',
-  DateTime: 'DateTime',
-  Multiselect: 'MultiSelect',
-  LookUp: 'TextBox'
-};
-const ePHIFields = {
-  Text: true,
-  Textarea: true,
-  URL: true,
-  Picklist: true,
-  Number: true,
-  Decimal: true,
-  Email: false,
-  Phone: true,
-  Currency: false,
-  Percent: true,
-  AutoNumber: false,
-  Date: false,
-  DateTime: false,
-  Multiselect: false,
-  Boolean: false,
-  LookUp: false
-};
 export default class FormTranslator {
   static transformState(state) {
-    let uiMapping = state.properties.uiMapping;
+    const {
+      componentMapping,
+      context
+    } = state.properties;
+    const {
+      zform
+    } = state.behaviours;
+    const {
+      isMyFormFetching,
+      isDependencyFetching,
+      isLayoutRulesFetching,
+      isValidationRulesFetching,
+      sections
+    } = zform;
+    const isLoading = isMyFormFetching || isDependencyFetching || isLayoutRulesFetching || isValidationRulesFetching;
 
-    if (state.behaviours.zform.isMyFormFetching || state.behaviours.zform.isDependencyFetching || state.behaviours.zform.isLayoutRulesFetching || state.behaviours.zform.isValidationRulesFetching) {
+    if (isLoading) {
+      return { ...state,
+        viewModel: {
+          isLoading: true
+        }
+      };
+    }
+
+    if (isLoading) {
       return { ...state,
         viewModel: {
           isLoading: true
         }
       };
     } else {
-      let sections = SectionTranslator({
-        state,
-        fieldTypeToUIType,
-        ePHIFields,
-        uiMapping
-      });
       return { ...state,
         viewModel: {
-          sections,
+          sections: sections.map(section => {
+            const sectionViewModel = SectionTranslator({
+              section,
+              componentMapping,
+              context
+            });
+            return sectionViewModel;
+          }),
           isLoading: false
         }
       };

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

@@ -1,32 +1,41 @@
+import { DefaultFormSectionUIType, fieldTypeToUIType } from "../../../../../cc/fields/field/FormDefaultUIType";
 import * as FieldTranslators from "./fields";
 
-const SectionTranslator = _ref => {
+function SectionTranslator(_ref) {
   let {
-    state,
-    fieldTypeToUIType,
-    ePHIFields,
-    uiMapping
+    section,
+    componentMapping,
+    context
   } = _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;
-};
+  const mapping = componentMapping.sections[section.name];
+  const defaultViewModel = {
+    type: mapping !== null && mapping !== void 0 && mapping.UIComponentName ? mapping.UIComponentName : DefaultFormSectionUIType,
+    id: section.id + '',
+    name: section.name,
+    title: section.i18NLabel,
+    description: section.description,
+    isCollapsed: section.isCollapsed,
+    isVisible: section.isVisible,
+    fields: section.fields.map(field => {
+      var _componentMapping$fie;
+
+      const fieldTranslator = FieldTranslators[field.type];
+      const type = (componentMapping === null || componentMapping === void 0 ? void 0 : (_componentMapping$fie = componentMapping.fields) === null || _componentMapping$fie === void 0 ? void 0 : _componentMapping$fie[field.apiName]) || fieldTypeToUIType[field.type];
+      return fieldTranslator({
+        field,
+        type
+      });
+    })
+  };
+
+  if (mapping !== null && mapping !== void 0 && mapping.translator) {
+    return mapping.translator({
+      section: defaultViewModel,
+      context
+    });
+  }
+
+  return defaultViewModel;
+}
 
 export default SectionTranslator;

package/es/platform/zform/adapters/presenter/translators/interfaces/ComponentMapping.js

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

package/es/platform/zform/adapters/presenter/translators/interfaces/FieldContract.js

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

package/es/platform/zform/adapters/presenter/translators/interfaces/FormTranslatorState.js

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

package/es/platform/zform/adapters/presenter/translators/interfaces/SectionContract.js

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

package/es/platform/zform/domain/ZSection.js

@@ -9,6 +9,7 @@ export default class ZSection {
       i18NLabel,
       isCustomSection,
       description,
+      isCollapsed,
       id,
       fields,
       // visibility
@@ -23,6 +24,8 @@ export default class ZSection {
 
     _defineProperty(this, "description", void 0);
 
+    _defineProperty(this, "isCollapsed", void 0);
+
     _defineProperty(this, "id", void 0);
 
     _defineProperty(this, "fields", void 0);
@@ -34,6 +37,8 @@ export default class ZSection {
     this.isCustomSection = isCustomSection;
     this.description = description || ''; // Default to empty string if not provided
 
+    this.isCollapsed = isCollapsed || false; // Default to false if not provided
+
     this.id = id;
     this.fields = fields; // this.visibility=visibility;
 
@@ -114,6 +119,7 @@ export default class ZSection {
       i18NLabel: this.i18NLabel,
       isCustomSection: this.isCustomSection,
       description: this.description,
+      isCollapsed: this.isCollapsed,
       id: this.id,
       fields: this.fields.map(field => {
         return field.toObject();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/library-platform",
-  "version": "1.1.5",
+  "version": "1.1.6-temp-1",
   "description": "",
   "main": "es/index.js",
   "files": [
@@ -44,19 +44,20 @@
     "@typescript-eslint/parser": "^7.11.0",
     "@zoho/SecurityJS": "5.0.2",
     "@zohodesk-private/css-variable-migrator": "^1.0.7",
-    "@zohodesk-private/desk-components": "1.0.0-temp-53.3",
+    "@zohodesk-private/desk-components": "1.3.9",
+    "@zohodesk-private/dot-registry": "0.0.1",
     "@zohodesk-private/node-plugins": "1.1.9",
-    "@zohodesk/a11y": "2.2.6",
+    "@zohodesk/a11y": "2.3.4",
     "@zohodesk/codestandard-analytics": "0.0.2",
     "@zohodesk/codestandard-validator": "0.0.4",
-    "@zohodesk/components": "1.2.62",
-    "@zohodesk/dot": "1.7.8",
-    "@zohodesk/eslint-plugin-architecturerules": "0.0.5-exp-3",
-    "@zohodesk/eslint-plugin-no-hardcoding": "1.0.6",
+    "@zohodesk/components": "1.4.2",
+    "@zohodesk/dot": "1.7.16",
+    "@zohodesk/eslint-plugin-architecturerules": "0.0.6-exp-1",
+    "@zohodesk/eslint-plugin-no-hardcoding": "^1.0.6-platform-1",
     "@zohodesk/hooks": "2.0.5",
-    "@zohodesk/icons": "1.0.72",
+    "@zohodesk/icons": "1.0.79",
     "@zohodesk/layout": "3.1.0",
-    "@zohodesk/svg": "1.1.27",
+    "@zohodesk/svg": "1.1.30",
     "@zohodesk/utils": "1.3.14",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/virtualizer": "1.0.13",
@@ -76,15 +77,16 @@
     "typescript": "4.9.5"
   },
   "peerDependencies": {
-    "@zohodesk-private/desk-components": "1.0.0-temp-53.3",
-    "@zohodesk/a11y": "2.2.6",
-    "@zohodesk/components": "1.2.62",
-    "@zohodesk/dot": "1.7.8",
+    "@zohodesk-private/desk-components": "1.3.9",
+    "@zohodesk-private/dot-registry": "0.0.1",
+    "@zohodesk/a11y": "2.3.4",
+    "@zohodesk/components": "1.4.2",
+    "@zohodesk/dot": "1.7.16",
     "@zohodesk/hooks": "2.0.5",
     "@zohodesk/i18n": "1.0.0-beta.31",
-    "@zohodesk/icons": "1.0.72",
+    "@zohodesk/icons": "1.0.79",
     "@zohodesk/layout": "3.1.0",
-    "@zohodesk/svg": "1.1.27",
+    "@zohodesk/svg": "1.1.30",
     "@zohodesk/utils": "1.3.14",
     "color": "4.2.3",
     "react-sortable-hoc": "1.11.0"
@@ -96,4 +98,4 @@
     "jsep": "0.3.5",
     "object-path-immutable": "4.1.2"
   }
-}
+}

package/es/library/dot/components/section/adapters/presenter/TransFormState.js

@@ -1,26 +0,0 @@
-/* eslint-disable @zohodesk/architecturerules/return-void */
-export default function TransFormState(state) {
-  const {
-    fields
-  } = state.properties;
-
-  if (Array.isArray(fields) === false) {
-    return state;
-  }
-
-  const slotContract = fields.filter(field => field.isVisible).map(field => {
-    const {
-      type,
-      ...properties
-    } = field;
-    return {
-      type,
-      properties
-    };
-  });
-  return { ...state,
-    properties: { ...state.properties,
-      fields: slotContract
-    }
-  };
-}