@zohodesk/library-platform 1.0.2-exp.1.2 → 1.0.2-exp.1.4

package/es/cc/fields/formula/Events.js

@@ -0,0 +1,3 @@
+import FieldEvents from "../field/Events";
+const Events = FieldEvents;
+export default Events;

package/es/cc/fields/formula/Model.js

@@ -0,0 +1,14 @@
+export default function FormulaFieldModel(_ref) {
+  let {
+    name,
+    value,
+    uiType,
+    appendToActionPayload
+  } = _ref;
+  return {
+    name,
+    appendToActionPayload,
+    type: uiType,
+    value
+  };
+}

package/es/cc/fields/formula/Properties.js

@@ -0,0 +1,3 @@
+import FieldProperties from "../field/Properties";
+export default { ...FieldProperties
+};

package/es/cc/fields/index.js

@@ -16,4 +16,5 @@ export { default as ColouredMultiSelectFieldProperties } from "./coloured-multi-
 export { default as ColouredPickListFieldProperties } from "./coloured-pick-list/Properties";
 export { default as TextFieldProperties } from "./text/Properties";
 export { default as UrlFieldProperties } from "./url/Properties";
+export { default as FormulaFieldProperties } from "./formula/Properties";
 export { default as FieldTypes } from "./field/Types";

package/es/library/custom-component/domain/entities/DefaultSlotNameAppend.js

@@ -0,0 +1,10 @@
+export default {
+  name: "slotName",
+  required: false,
+  defaultValue: null,
+  typeMetadata: {
+    schema: {
+      type: 'string'
+    }
+  }
+};

package/es/library/custom-component/domain/entities/Properties.js

@@ -3,6 +3,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 import Property from "./Property";
 import defaultAppendToActionPayload from "./DefaultAppendToActionPayload";
 import getRefPropertySchema from "../../../../cc/component/properties/getRefPropertySchema";
+import defaultSlotNameAppend from "./DefaultSlotNameAppend";
 export default class Properties {
   constructor(properties, componentName) {
     this.componentName = componentName;
@@ -12,6 +13,7 @@ export default class Properties {
     this.data = properties;
     this.data.set('appendToActionPayload', new Property(defaultAppendToActionPayload));
     this.data.set('getRef', new Property(getRefPropertySchema));
+    typeof properties.get("slotName") === "undefined" && this.data.set('slotName', new Property(defaultSlotNameAppend));
   }
 
   getAllPropertiesValue() {

package/es/library/custom-component/frameworks/ui/CreateCustomComponent.js

@@ -16,19 +16,6 @@ function discardChildren(props) {
 
 
 const createCustomComponent = input => {
-  var _input$properties, _input$properties$slo;
-
-  input.properties = { ...(input.properties || {}),
-    slotName: {
-      required: ((_input$properties = input.properties) === null || _input$properties === void 0 ? void 0 : (_input$properties$slo = _input$properties.slotName) === null || _input$properties$slo === void 0 ? void 0 : _input$properties$slo.required) || false,
-      typeMetadata: {
-        schema: {
-          type: "string"
-        }
-      }
-    }
-  };
-
   class Component extends React.Component {
     constructor(props) {
       super(props);

package/es/library/custom-component/frameworks/ui/__testcases__/CreateSlotComponent.spec.js

@@ -0,0 +1,211 @@
+/* eslint-disable react/prop-types */
+import React, { Component } from "react";
+import createCustomComponent from "../CreateCustomComponent.tsx";
+import ComponentRegistry from "../ComponentRegistry";
+import { render, cleanup } from '@testing-library/react';
+import '@testing-library/jest-dom';
+const Parent = createCustomComponent({
+  name: "parent",
+  View: (_ref, ref) => {
+    let {
+      slotChildren
+    } = _ref;
+    const {
+      child = null,
+      siblingChild = null
+    } = slotChildren;
+    return /*#__PURE__*/React.createElement("div", {
+      ref: ref
+    }, "Hi, I am the Parent.", /*#__PURE__*/React.createElement("div", null, child), /*#__PURE__*/React.createElement("div", null, siblingChild));
+  },
+  properties: {
+    slots: {
+      required: false,
+      typeMetadata: {
+        schema: {
+          type: "array"
+        }
+      }
+    }
+  },
+  eventHandlers: {}
+});
+const Child = createCustomComponent({
+  name: "child",
+  View: (_ref2, ref) => {
+    let {
+      slotChildren
+    } = _ref2;
+    const {
+      nestedChildren = null
+    } = slotChildren;
+    return /*#__PURE__*/React.createElement("div", {
+      ref: ref
+    }, "Hi, I am the Child.", /*#__PURE__*/React.createElement("div", null, nestedChildren));
+  },
+  eventHandlers: {},
+  properties: {
+    slots: {
+      required: false,
+      typeMetadata: {
+        schema: {
+          type: "array"
+        }
+      }
+    }
+  }
+});
+const SiblingChild = createCustomComponent({
+  name: "siblingChild",
+  View: (props, ref) => {
+    return /*#__PURE__*/React.createElement("div", {
+      ref: ref
+    }, "Hi, I am the sibling Child.");
+  },
+  eventHandlers: {},
+  properties: {}
+});
+const NestedChild = createCustomComponent({
+  name: "nestedChild",
+  View: (_, ref) => {
+    return /*#__PURE__*/React.createElement("div", {
+      ref: ref
+    }, "Hi, I am the nested Child.");
+  },
+  eventHandlers: {},
+  properties: {}
+});
+const NoSlotName = createCustomComponent({
+  name: "noSlotName",
+  View: (_, ref) => {
+    return /*#__PURE__*/React.createElement("div", {
+      ref: ref
+    }, "Hi, It should not be rendered.");
+  },
+  eventHandlers: {},
+  properties: {}
+});
+ComponentRegistry.register("Parent", Parent);
+ComponentRegistry.register("Child", Child);
+ComponentRegistry.register("SiblingChild", SiblingChild);
+describe("Slot Integration test suite", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+    cleanup();
+  });
+  it("slot Information passed to parent and check children rendering", () => {
+    const slots = [{
+      name: "child",
+      elements: [{
+        name: "child",
+        type: "Child"
+      }]
+    }];
+    const {
+      getByText
+    } = render( /*#__PURE__*/React.createElement(Parent, {
+      slots: slots
+    }, /*#__PURE__*/React.createElement(Child, {
+      slotName: "child"
+    })));
+    const component = getByText("Hi, I am the Child.");
+    expect(component).toBeInTheDocument();
+  });
+  it("slots with nested child and check nested child rendering", () => {
+    const slots = [{
+      name: "child",
+      elements: [{
+        name: "child",
+        type: "Child",
+        slots: [{
+          name: "nestedChildren",
+          elements: [{
+            name: "nestedChild",
+            type: "NestedChild"
+          }]
+        }]
+      }]
+    }];
+    const {
+      getByText
+    } = render( /*#__PURE__*/React.createElement(Parent, {
+      slots: slots
+    }, /*#__PURE__*/React.createElement(Child, {
+      slotName: "child"
+    }, /*#__PURE__*/React.createElement(NestedChild, {
+      slotName: "nestedChildren"
+    }))));
+    const component = getByText("Hi, I am the nested Child.");
+    expect(component).toBeInTheDocument();
+  });
+  it("slots with sibling child and check sibling child rendering", () => {
+    const slots = [{
+      name: "child",
+      elements: [{
+        name: "child",
+        type: "Child",
+        slots: [{
+          name: "nestedChildren",
+          elements: [{
+            name: "nestedChild",
+            type: "NestedChild"
+          }]
+        }]
+      }]
+    }, {
+      name: "siblingChild",
+      elements: [{
+        name: "siblingChild",
+        type: "SiblingChild"
+      }]
+    }];
+    const {
+      getByText
+    } = render( /*#__PURE__*/React.createElement(Parent, {
+      slots: slots
+    }, /*#__PURE__*/React.createElement(Child, {
+      slotName: "child"
+    }, /*#__PURE__*/React.createElement(NestedChild, {
+      slotName: "nestedChildren"
+    })), /*#__PURE__*/React.createElement(SiblingChild, null)));
+    const component = getByText("Hi, I am the sibling Child.");
+    expect(component).toBeInTheDocument();
+  });
+  it("children with no slot support should not be rendered", () => {
+    const slots = [{
+      name: "child",
+      elements: [{
+        name: "child",
+        type: "Child",
+        slots: [{
+          name: "nestedChildren",
+          elements: [{
+            name: "nestedChild",
+            type: "NestedChild"
+          }]
+        }]
+      }]
+    }, {
+      name: "siblingChild",
+      elements: [{
+        name: "siblingChild",
+        type: "SiblingChild"
+      }]
+    }];
+    const {
+      queryByText
+    } = render( /*#__PURE__*/React.createElement(Parent, {
+      slots: slots
+    }, /*#__PURE__*/React.createElement(Child, {
+      slotName: "child"
+    }, /*#__PURE__*/React.createElement(NestedChild, {
+      slotName: "nestedChildren"
+    })), /*#__PURE__*/React.createElement(SiblingChild, {
+      slotName: "siblingChild"
+    }), /*#__PURE__*/React.createElement(NoSlotName, {
+      slotName: "noslotname"
+    })));
+    const component = queryByText("Hi, It should not be rendered.");
+    expect(component).toBeNull();
+  });
+});

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

@@ -33,15 +33,15 @@ let getAvailableFields = {
         servicePrefix,
         orgName,
         departmentId,
-        moduleName
+        module
       } = params;
-      const availableFieldsUrl = `/${servicePrefix}/${orgName}/api/v1/views/availableFields?departmentId=${departmentId}&module=${moduleName}`;
+      const availableFieldsUrl = `/${servicePrefix}/${orgName}/api/v1/views/availableFields?departmentId=${departmentId}&module=${module}`;
       const res = await fetch(availableFieldsUrl, {
         method: 'GET',
         headers
       });
       const availableFields = await getValidJsonResArray(res, 'fields');
-      const organizationFieldsUrl = `/${servicePrefix}/${orgName}/api/v1/organizationFields?departmentId=${departmentId}&module=${moduleName}`;
+      const organizationFieldsUrl = `/${servicePrefix}/${orgName}/api/v1/organizationFields?departmentId=${departmentId}&module=${module}`;
       const ores = await fetch(organizationFieldsUrl, {
         method: 'GET',
         headers
@@ -57,6 +57,7 @@ let getAvailableFields = {
 
           return { ...field,
             pickListValues: organizationField.pickListValues,
+            returnType: organizationField.returnType,
             subType: organizationField.subType
           };
         })

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

@@ -4,7 +4,7 @@ let getClientActions = {
   parameters: `{
         "from":{{from}},
         "limit":{{limit}},
-        "library": "{{library}}",
+        "component": "{{component}}",
         "module": "{{moduleName}}"
     }`,
   type: 'GET',

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

@@ -56,7 +56,7 @@ export default class TableTranslator {
       isFetching: isClientActionsFetching
     } = fallbackToDefault(zclientAction, {}); // FIX: zclientAction should be available by defaultlt
 
-    const fieldComponentMapping = componentMapping.fields;
+    const fieldComponentMapping = fallbackToDefault(componentMapping.fields, {});
     const rowActionsUiType = componentMapping.rowActionsComponentName;
     const {
       fields: availableFields,

package/es/platform/zlist/adapters/presenters/translators/ColumnTranslator.js

@@ -2,9 +2,11 @@ import EmptyViewModel from "./EmptyViewModel";
 import * as FieldTranslators from "./fields";
 import ClientActionsTranslator from "../../../../client-actions/translators/client-actions-translator";
 
-function ColumnTranslator(field, record, fieldComponentMapping, fieldActions) {
+function ColumnTranslator(fieldModel, record, fieldComponentMapping, fieldActions) {
   var _record$cf;
 
+  const field = { ...fieldModel
+  };
   const {
     isCustomField,
     name,

package/es/platform/zlist/adapters/presenters/translators/fields/FormulaFieldTranslator.js

@@ -0,0 +1,26 @@
+import FieldTypes from "../../../../../../cc/fields/field/Types";
+import FormulaFieldModel from "../../../../../../cc/fields/formula/Model";
+
+const FormulaFieldTranslator = (field, value, appendToActionPayload) => {
+  const {
+    uiType,
+    name
+  } = field;
+  const fieldTypeFactory = {
+    STRING: FieldTypes.SingleLineField,
+    BOOLEAN: FieldTypes.CheckboxField,
+    DECIMAL: FieldTypes.DecimalField,
+    CURRENCY: FieldTypes.CurrencyField,
+    DATE: FieldTypes.DateField,
+    DATETIME: FieldTypes.DateTimeField
+  };
+  const setFieldType = fieldTypeFactory[field.returnType] || FieldTypes.SingleLineField;
+  return FormulaFieldModel({
+    uiType: uiType || setFieldType,
+    appendToActionPayload,
+    name,
+    value
+  });
+};
+
+export default FormulaFieldTranslator;

package/es/platform/zlist/adapters/presenters/translators/fields/index.js

@@ -13,7 +13,8 @@ export { default as Date } from "./DateFieldTranslator";
 export { default as DateTime } from "./DateTimeFieldTranslator";
 export { default as Picklist } from "./PickListFieldTranslator";
 export { default as Multiselect } from "./MultiSelectFieldTranslator";
-export { default as LookUp } from "./LookUpFieldTranslator"; // // Field Name is to be similar to the API response
+export { default as LookUp } from "./LookUpFieldTranslator";
+export { default as Formula } from "./FormulaFieldTranslator"; // // Field Name is to be similar to the API response
 // class FieldTranslator {
 //   static translate(field, value) {
 //     const { type } = field;

package/es/platform/zlist/adapters/presenters/utils/calculateFieldWidths.js

@@ -7,13 +7,13 @@ export function calculateFieldWidths(fields, modifiedFieldWidths, preferences) {
   }
 
   function decideWidth(width, fieldName, type) {
-    var _preferences$fields$f;
+    var _preferences$fields, _preferences$fields$f;
 
     if (width !== undefined && width !== null) {
       return width;
     }
 
-    const initialWidth = (_preferences$fields$f = preferences.fields[fieldName]) === null || _preferences$fields$f === void 0 ? void 0 : _preferences$fields$f.initialWidth;
+    const initialWidth = (_preferences$fields = preferences.fields) === null || _preferences$fields === void 0 ? void 0 : (_preferences$fields$f = _preferences$fields[fieldName]) === null || _preferences$fields$f === void 0 ? void 0 : _preferences$fields$f.initialWidth;
 
     if (initialWidth !== undefined && initialWidth !== null) {
       return initialWidth;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/library-platform",
-  "version": "1.0.2-exp.1.2",
+  "version": "1.0.2-exp.1.4",
   "description": "",
   "main": "es/index.js",
   "files": [