@zohodesk/library-platform 1.0.0-exp.4 → 1.0.0-exp.6

package/es/cc/fields/field/Types.js

@@ -1,6 +1,7 @@
 var Types = /*#__PURE__*/function (Types) {
   Types["CheckboxField"] = "CheckboxField";
   Types["SwitchField"] = "SwitchField";
+  Types["AvatarLookupField"] = "AvatarLookupField";
   Types["SingleLineField"] = "SingleLineField";
   Types["MultiLineField"] = "MultiLineField";
   Types["EmailField"] = "EmailField";

package/es/cc/table-connected/Properties.js

@@ -10,6 +10,15 @@ export default { ...ZListProperties,
       }
     }
   },
+  isFlexibleColumns: {
+    required: false,
+    defaultValue: false,
+    typeMetadata: {
+      schema: {
+        type: 'boolean'
+      }
+    }
+  },
   selectionConfig: {
     required: false,
     defaultValue: {

package/es/desk-frameworks/table-connected/frameworks/TableConnectedView.js

@@ -22,6 +22,7 @@ function View(_ref, ref) {
   }, /*#__PURE__*/React.createElement(TableList, {
     data: data,
     hasRowActions: hasRowActions,
+    isFlexibleColumns: properties.isFlexibleColumns,
     isLoading: isLoading,
     emptyStateUiType: emptyStateUiType,
     selectionConfig: properties.selectionConfig

package/es/library/dot/legacy-to-new-arch/table-field-components/avatar-lookup-field/frameworks/ui/AvatarLookupField.js

@@ -0,0 +1,12 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import LookupProperties from "../../../../../../../cc/fields/lookup/Properties";
+import LookupEvents from "../../../../../../../cc/fields/lookup/Events";
+import { AvatarLookupFieldView } from "./AvatarLookupFieldView";
+const AvatarLookupField = createCustomComponent({
+  name: 'AvatarLookupField',
+  View: AvatarLookupFieldView,
+  properties: LookupProperties,
+  events: LookupEvents,
+  eventHandlers: {}
+});
+export default AvatarLookupField;

package/es/library/dot/legacy-to-new-arch/table-field-components/avatar-lookup-field/frameworks/ui/AvatarLookupFieldView.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Avatar } from "../../../..";
+export function AvatarLookupFieldView(_ref, ref) {
+  let {
+    state
+  } = _ref;
+  const {
+    name,
+    photoURL
+  } = state.properties.value;
+  return /*#__PURE__*/React.createElement(Avatar, {
+    getRef: ref,
+    name: name,
+    label: name,
+    imageSrc: photoURL,
+    tooltip: ""
+  });
+}

package/es/library/dot/legacy-to-new-arch/table-field-components/avatar-lookup-field/frameworks/ui/LookupField.js

@@ -0,0 +1,12 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import LookupProperties from "../../../../../../../cc/fields/lookup/Properties";
+import LookupEvents from "../../../../../../../cc/fields/lookup/Events";
+import { LookupFieldView } from "./LookupFieldView";
+const LookupField = createCustomComponent({
+  name: 'LookupField',
+  View: LookupFieldView,
+  properties: LookupProperties,
+  events: LookupEvents,
+  eventHandlers: {}
+});
+export default LookupField;

package/es/library/dot/legacy-to-new-arch/table-field-components/avatar-lookup-field/frameworks/ui/LookupFieldView.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Avatar } from "../../../..";
+export function LookupFieldView(_ref, ref) {
+  let {
+    state
+  } = _ref;
+  const {
+    name,
+    photoURL
+  } = state.properties.value;
+  return /*#__PURE__*/React.createElement(Avatar, {
+    getRef: ref,
+    name: name,
+    label: name,
+    imageSrc: photoURL,
+    tooltip: ""
+  });
+}

package/es/library/dot/legacy-to-new-arch/table-field-components/lookup-field copy/frameworks/ui/LookupField.js

@@ -0,0 +1,12 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import LookupProperties from "../../../../../../../cc/fields/lookup/Properties";
+import LookupEvents from "../../../../../../../cc/fields/lookup/Events";
+import { LookupFieldView } from "./LookupFieldView";
+const LookupField = createCustomComponent({
+  name: 'LookupField',
+  View: LookupFieldView,
+  properties: LookupProperties,
+  events: LookupEvents,
+  eventHandlers: {}
+});
+export default LookupField;

package/es/library/dot/legacy-to-new-arch/table-field-components/lookup-field copy/frameworks/ui/LookupFieldView.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Avatar } from "../../../..";
+export function LookupFieldView(_ref, ref) {
+  let {
+    state
+  } = _ref;
+  const {
+    name,
+    photoURL
+  } = state.properties.value;
+  return /*#__PURE__*/React.createElement(Avatar, {
+    getRef: ref,
+    name: name,
+    label: name,
+    imageSrc: photoURL,
+    tooltip: ""
+  });
+}

package/es/platform/data-broker/http-template/deleteRecord.js

@@ -4,7 +4,7 @@ const deleteRecord = {
   parameters: `{}`,
   type: 'POST',
   transformer: data => data,
-  requestBody: '{ "entityIds": ["{{recordId}}"] }',
+  requestBody: '{ "recordIds": ["{{recordId}}"] }',
   properties: {
     moduleName: {
       required: true,

package/es/platform/data-broker/http-template/deleteRecords.js

@@ -4,7 +4,7 @@ const deleteRecords = {
   parameters: `{}`,
   type: 'POST',
   transformer: data => data,
-  requestBody: '{ "entityIds": {{recordIds}} }',
+  requestBody: '{ "recordIds": {{recordIds}} }',
   // REVIEW: Is `entityIds` applicable to all modules? To be confirmed with backend team
   properties: {
     moduleName: {

package/es/platform/zfield/entities/api-template/APITemplate.js

@@ -33,7 +33,7 @@ class APITemplate {
 
   getPayload(obj) {
     if (this.payload) {
-      return JSON.parse(this.helper.replaceTemplateVariables(this.payload, obj));
+      return this.helper.replaceTemplateVariables(this.payload, obj);
     } else {
       return `{}`;
     }
@@ -50,6 +50,11 @@ class APITemplate {
   constructURL(obj) {
     const queryObj = JSON.parse(this.getParameter(obj));
     const query = this.helper.objectToQueryString(queryObj);
+
+    if (query === '') {
+      return this.getApi(obj);
+    }
+
     return `${this.getApi(obj)}?${query}`;
   } // eslint-disable-next-line max-lines-per-function
 
@@ -58,12 +63,13 @@ class APITemplate {
     const apiDetails = {
       url: this.constructURL(obj),
       type: this.type,
+      method: this.type,
       payload: this.getPayload(obj)
     };
 
     if (this.getResponseInTemplate) {
       apiDetails.getResponse = () => {
-        const payload = this.getPayload(obj);
+        const payload = JSON.parse(this.getPayload(obj));
         const params = JSON.parse(this.getParameter(obj));
         return this.getResponseInTemplate({
           payload,

package/es/platform/zrecord/entities/APITemplate.js

@@ -36,7 +36,7 @@ class APITemplate {
 
   getPayload(obj) {
     if (this.payload) {
-      return JSON.parse(this.helper.replaceTemplateVariables(this.payload, obj));
+      return this.helper.replaceTemplateVariables(this.payload, obj);
     } else {
       return `{}`;
     }
@@ -53,6 +53,11 @@ class APITemplate {
   constructURL(obj) {
     const queryObj = JSON.parse(this.getParameter(obj));
     const query = this.helper.objectToQueryString(queryObj);
+
+    if (query === '') {
+      return this.getApi(obj);
+    }
+
     return `${this.getApi(obj)}?${query}`;
   } // eslint-disable-next-line max-lines-per-function
 
@@ -61,12 +66,13 @@ class APITemplate {
     const apiDetails = {
       url: this.constructURL(obj),
       type: this.type,
+      method: this.type,
       payload: this.getPayload(obj)
     };
 
     if (this.getResponseInTemplate) {
       apiDetails.getResponse = () => {
-        const payload = this.getPayload(obj);
+        const payload = JSON.parse(this.getPayload(obj));
         const params = JSON.parse(this.getParameter(obj));
         return this.getResponseInTemplate({
           payload,

package/package.json

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