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

package/es/bc/zlist/Constants.js

@@ -1,4 +1,9 @@
 export const ZLIST_DELETE_RECORDS = 'ZLIST#DELETE_RECORDS';
+export const ZLIST_DELETE_RECORD = 'ZLIST#DELETE_RECORD';
 export const ZLIST_RECORD_UPDATE = 'ZLIST#RECORD_UPDATE';
 export const ZLIST_FETCH_MORE = 'ZLIST#FETCH_MORE';
-export const ZLIST_FETCH_SORTED = 'ZLIST#FETCH_SORTED';
+export const ZLIST_FETCH_SORTED = 'ZLIST#FETCH_SORTED';
+export const ZLIST_RECORD_UPDATE_SUCCEEDED = 'ZLIST#RECORD_UPDATE_SUCCEEDED';
+export const ZLIST_RECORD_UPDATE_FAILED = 'ZLIST#RECORD_UPDATE_FAILED';
+export const ZLIST_RECORD_DELETE_SUCCEEDED = 'ZLIST#RECORD_DELETE_SUCCEEDED';
+export const ZLIST_RECORD_DELETE_FAILED = 'ZLIST#RECORD_DELETE_FAILED';

package/es/bc/zrecord/Constants.js

@@ -1,16 +1,21 @@
 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; }
 
 export const RECORD_EXECUTE = 'RECORD#EXECUTE';
+export const RECORD_EXECUTE_SUCCEEDED = 'RECORD#EXECUTE_SUCCEEDED';
+export const RECORD_EXECUTE_FAILED = 'RECORD#EXECUTE_FAILED';
 export const RECORD_REFETCH = 'RECORD#REFETCH';
 export const RECORD_FETCH_MORE = 'RECORD#FETCH_MORE';
 export const RECORD_FIELD_CHANGE = 'RECORD#FIELD_CHANGE';
 export const RECORD_LOCAL_UPDATE = 'RECORD#LOCAL_UPDATE';
 export const RECORD_LOCAL_MULTIPLE_DELETE = 'RECORD#LOCAL_MULTIPLE_DELETE';
 export const APPEND_RECORDS = 'RECORD#APPEND_RECORDS';
+export const SET_RECORDS = 'RECORD#SET_RECORDS';
 export class RecordApiActionName {}
 
 _defineProperty(RecordApiActionName, "GET_RECORDS", 'getRecords');
 
 _defineProperty(RecordApiActionName, "DELETE_RECORDS", 'deleteRecords');
 
+_defineProperty(RecordApiActionName, "DELETE_RECORD", 'deleteRecord');
+
 _defineProperty(RecordApiActionName, "UPDATE_RECORD", 'updateRecord');

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

@@ -2,10 +2,12 @@ export default function BooleanFieldModel(_ref) {
   let {
     name,
     value,
-    uiType
+    uiType,
+    appendToActionPayload
   } = _ref;
   return {
     name,
+    appendToActionPayload,
     type: uiType,
     value
   };

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/ListSdkFactory.js

@@ -1,4 +1,4 @@
-import { ZLIST_DELETE_RECORDS, ZLIST_RECORD_UPDATE } from "../../../bc/zlist/Constants";
+import { ZLIST_DELETE_RECORD, ZLIST_DELETE_RECORDS, ZLIST_RECORD_UPDATE } from "../../../bc/zlist/Constants";
 /* eslint-disable max-lines-per-function */
 
 export default class ListSdkFactory {
@@ -15,6 +15,21 @@ export default class ListSdkFactory {
           return (_state$behaviours = state.behaviours) === null || _state$behaviours === void 0 ? void 0 : _state$behaviours.zrecord.records;
         },
 
+        getRecord(recordId) {
+          var _state$behaviours2, _state$behaviours2$zr;
+
+          return (_state$behaviours2 = state.behaviours) === null || _state$behaviours2 === void 0 ? void 0 : (_state$behaviours2$zr = _state$behaviours2.zrecord.records) === null || _state$behaviours2$zr === void 0 ? void 0 : _state$behaviours2$zr.find(r => r.id === recordId);
+        },
+
+        deleteRecord(recordId) {
+          dispatch({
+            type: ZLIST_DELETE_RECORD,
+            payload: {
+              recordId
+            }
+          });
+        },
+
         deleteRecords(recordIds) {
           dispatch({
             type: ZLIST_DELETE_RECORDS,
@@ -34,8 +49,7 @@ export default class ListSdkFactory {
           });
         }
 
-      },
-      zrecord: {}
+      }
     };
   }
 

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/components/table-list/frameworks/ui/css/TableList.module.css

@@ -23,7 +23,7 @@
     height: calc(100% - (var(--zd_size100)))
 }
 .emptyContent {
-    padding: var(--zd_size100) 0 var(--zd_size60) 
+    padding: var(--zd_size160) 0 var(--zd_size60) 
 }
 .actions {
     gap: var(--zd_size8) 

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/{field-components/lookup-field → table-field-components/avatar-lookup-field}/frameworks/ui/LookupField.js

@@ -1,11 +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,
-  actions: [],
-  actionHandlers: {}
+  events: LookupEvents,
+  eventHandlers: {}
 });
 export default LookupField;

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

@@ -2,8 +2,7 @@ import React from 'react';
 import { Avatar } from "../../../..";
 export function LookupFieldView(_ref, ref) {
   let {
-    state,
-    helpers
+    state
   } = _ref;
   const {
     name,

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

@@ -0,0 +1,27 @@
+const deleteRecord = {
+  name: 'records',
+  api: '/api/v1/{{moduleName}}/moveToTrash',
+  parameters: `{}`,
+  type: 'POST',
+  transformer: data => data,
+  requestBody: '{ "recordIds": ["{{recordId}}"] }',
+  properties: {
+    moduleName: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    recordId: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  }
+};
+export default deleteRecord;

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

@@ -16,8 +16,11 @@ class APITemplate {
 
     _defineProperty(this, "helper", void 0);
 
+    _defineProperty(this, "getResponseInTemplate", void 0);
+
     this.input = input;
     this.api = input.api;
+    this.getResponseInTemplate = input.getResponse;
     this.payload = input.requestBody;
     this.parameters = input.parameters;
     this.type = API_METHODS[input.type];
@@ -30,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 `{}`;
     }
@@ -47,15 +50,35 @@ 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
+
 
   getApiDetails(obj) {
-    return {
+    const apiDetails = {
       url: this.constructURL(obj),
       type: this.type,
+      method: this.type,
       payload: this.getPayload(obj)
     };
+
+    if (this.getResponseInTemplate) {
+      apiDetails.getResponse = () => {
+        const payload = JSON.parse(this.getPayload(obj));
+        const params = JSON.parse(this.getParameter(obj));
+        return this.getResponseInTemplate({
+          payload,
+          params
+        });
+      };
+    }
+
+    return apiDetails;
   }
 
   getTransformer() {

package/es/platform/zhttp/adapters/controllers/FetchController.js

@@ -17,12 +17,14 @@ class FetchController {
     const {
       url,
       method,
-      headers
+      headers,
+      getResponse
     } = payload;
     this.fetchUseCase.execute({
       url,
       method,
       headers,
+      getResponse,
       metaData,
       dispatch,
       payload: payload.payload

package/es/platform/zhttp/usecases/interactors/FetchUseCase.js

@@ -11,7 +11,8 @@ class FetchUseCase extends AbstractUseCase {
     } = this.dependencies;
     const {
       url,
-      method = 'GET'
+      method = 'GET',
+      getResponse
     } = inputModel;
     const {
       metaData,
@@ -32,27 +33,54 @@ class FetchUseCase extends AbstractUseCase {
     });
 
     try {
-      const response = await fetchGateWay.fetch(url, {
-        headers,
-        method,
-        body: method === "GET" ? null : payload
-      });
+      // NOTE: getResponse is hacky solution to get the data using function call instead of fetch, So any handling added to here needs to be added to fetch and vise versa
+      if (typeof getResponse === 'function') {
+        const data = await getResponse();
 
-      if (response.status === 204) {
-        dispatch({
-          type: FETCH_SUCCESS_NO_CONTENT,
-          payload: {},
-          metaData
-        });
+        if (data === undefined) {
+          dispatch({
+            type: FETCH_SUCCESS_NO_CONTENT,
+            payload: {},
+            metaData
+          });
+        } else {
+          dispatch({
+            type: FETCH_SUCCESS,
+            payload: {
+              response: data
+            },
+            metaData
+          });
+        }
       } else {
-        const data = await response.json();
-        dispatch({
-          type: FETCH_SUCCESS,
-          payload: {
-            response: data
-          },
-          metaData
+        const response = await fetchGateWay.fetch(url, {
+          headers,
+          method,
+          body: method === 'GET' ? null : payload
         });
+
+        if (response.status === 204) {
+          dispatch({
+            type: FETCH_SUCCESS_NO_CONTENT,
+            payload: {},
+            metaData
+          });
+        } else if (response.status === 200 && method === 'DELETE') {
+          dispatch({
+            type: FETCH_SUCCESS,
+            payload: {},
+            metaData
+          });
+        } else {
+          const data = await response.json();
+          dispatch({
+            type: FETCH_SUCCESS,
+            payload: {
+              response: data
+            },
+            metaData
+          });
+        }
       }
     } catch (e) {
       dispatch({

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

@@ -0,0 +1,23 @@
+import AbstractController from "./AbstractController";
+export default class DeleteSingleRecordController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      updateState,
+      dispatch,
+      action
+    } = event;
+    const {
+      recordId
+    } = action.payload;
+    const {
+      deleteSingleRecordUseCase
+    } = this.service;
+    deleteSingleRecordUseCase.updateDependency(state, updateState);
+    deleteSingleRecordUseCase.execute({
+      dispatch,
+      recordId
+    });
+  }
+
+}

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

@@ -0,0 +1,25 @@
+import AbstractController from "./AbstractController";
+export default class RecordExecuteFailedController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      updateState,
+      dispatch,
+      action
+    } = event;
+    const {
+      payload,
+      metaData
+    } = action;
+    const {
+      recordExecuteFailedUseCase
+    } = this.service;
+    recordExecuteFailedUseCase.updateDependency(state, updateState);
+    recordExecuteFailedUseCase.execute({
+      dispatch,
+      payload,
+      metaData
+    });
+  }
+
+}

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

@@ -0,0 +1,25 @@
+import AbstractController from "./AbstractController";
+export default class RecordExecuteSucceededController extends AbstractController {
+  handle(event) {
+    const {
+      state,
+      updateState,
+      dispatch,
+      action
+    } = event;
+    const {
+      payload,
+      metaData
+    } = action;
+    const {
+      recordExecuteSucceededUseCase
+    } = this.service;
+    recordExecuteSucceededUseCase.updateDependency(state, updateState);
+    recordExecuteSucceededUseCase.execute({
+      dispatch,
+      payload,
+      metaData
+    });
+  }
+
+}

package/es/platform/zlist/adapters/gateways/Service.js

@@ -7,6 +7,9 @@ import FieldChangeUseCase from "../../usecases/interactors/FieldChangeUseCase";
 import DeleteMultipleRecordUseCase from "../../usecases/interactors/DeleteMultipleRecordUseCase";
 import SortUseCase from "../../usecases/interactors/SortUseCase";
 import RecordUpdateUseCase from "../../usecases/interactors/RecordUpdateUseCase";
+import DeleteSingleRecordUseCase from "../../usecases/interactors/DeleteSingleRecordUseCase";
+import RecordExecuteSucceededUseCase from "../../usecases/interactors/RecordExecuteSucceededUseCase";
+import RecordExecuteFailedUseCase from "../../usecases/interactors/RecordExecuteFailedUseCase";
 
 class Service {
   constructor(dependencies) {
@@ -22,6 +25,12 @@ class Service {
 
     _defineProperty(this, "deleteMultipleRecordUseCase", void 0);
 
+    _defineProperty(this, "deleteSingleRecordUseCase", void 0);
+
+    _defineProperty(this, "recordExecuteSucceededUseCase", void 0);
+
+    _defineProperty(this, "recordExecuteFailedUseCase", void 0);
+
     _defineProperty(this, "sortUseCase", void 0);
 
     _defineProperty(this, "recordUpdateUseCase", void 0);
@@ -32,6 +41,9 @@ class Service {
     this.fieldChangeUseCase = new FieldChangeUseCase(this.dependencies);
     this.sortUseCase = new SortUseCase(this.dependencies);
     this.deleteMultipleRecordUseCase = new DeleteMultipleRecordUseCase(this.dependencies);
+    this.deleteSingleRecordUseCase = new DeleteSingleRecordUseCase(this.dependencies);
+    this.recordExecuteSucceededUseCase = new RecordExecuteSucceededUseCase(this.dependencies);
+    this.recordExecuteFailedUseCase = new RecordExecuteFailedUseCase(this.dependencies);
     this.recordUpdateUseCase = new RecordUpdateUseCase(this.dependencies);
   }
 

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

@@ -26,7 +26,9 @@ function ColumnTranslator(field, record, fieldUiMapping) {
     return EmptyViewModel(type);
   }
 
-  return fieldTranslator(field, value);
+  return fieldTranslator(field, value, {
+    recordId: record.id
+  });
 }
 
 export default ColumnTranslator;

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

@@ -1,7 +1,7 @@
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import BooleanFieldModel from "../../../../../../cc/fields/boolean/Model";
 
-const BooleanFieldTranslator = (field, value) => {
+const BooleanFieldTranslator = (field, value, appendToActionPayload) => {
   const {
     uiType,
     name
@@ -16,6 +16,7 @@ const BooleanFieldTranslator = (field, value) => {
   return BooleanFieldModel({
     uiType: uiType || FieldTypes.CheckboxField,
     name,
+    appendToActionPayload,
     value
   });
 };

package/es/platform/zlist/entities/List.js

@@ -1,5 +1,6 @@
 import { RECORD_EXECUTE, RECORD_FETCH_MORE, RECORD_REFETCH, RecordApiActionName } from "../../../bc/zrecord/Constants";
 import { FIELD_EXECUTE, FIELD_REFETCH } from "../../../bc/zfield/Constants";
+import { ZLIST_RECORD_DELETE_FAILED, ZLIST_RECORD_DELETE_SUCCEEDED, ZLIST_RECORD_UPDATE_FAILED, ZLIST_RECORD_UPDATE_SUCCEEDED } from "../../../bc/zlist/Constants";
 
 class List {
   constructor(limit, sortBy, filter, headers) {
@@ -10,14 +11,12 @@ class List {
   }
 
   createApiProps() {
-    let from = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
     const {
       filter,
       limit,
       sortBy
     } = this;
     return {
-      from,
       limit,
       sortBy,
       ...filter
@@ -106,6 +105,95 @@ class List {
     };
   }
 
+  getDeleteSingleRecordAction(recordId) {
+    const props = this.createApiProps();
+    return {
+      type: RECORD_EXECUTE,
+      payload: {
+        actionName: RecordApiActionName.DELETE_RECORD,
+        props: { ...props,
+          recordId
+        },
+        apiName: 'records'
+      },
+      metaData: {
+        headers: this.headers
+      }
+    };
+  }
+
+  getRecordExecuteSucceededActions(payload, metaData) {
+    const {
+      actionName
+    } = metaData;
+    const actions = [];
+
+    if (actionName === RecordApiActionName.DELETE_RECORD) {
+      const {
+        recordId
+      } = payload;
+      actions.push({
+        type: ZLIST_RECORD_DELETE_SUCCEEDED,
+        payload: {
+          recordId
+        }
+      });
+    }
+
+    if (actionName === RecordApiActionName.UPDATE_RECORD) {
+      const {
+        recordId,
+        record
+      } = payload;
+      actions.push({
+        type: ZLIST_RECORD_UPDATE_SUCCEEDED,
+        payload: {
+          recordId,
+          record
+        }
+      });
+    }
+
+    return actions;
+  }
+
+  getRecordExecuteFailedActions(payload, metaData) {
+    const {
+      actionName
+    } = metaData;
+    const actions = [];
+
+    if (actionName === RecordApiActionName.DELETE_RECORD) {
+      const {
+        recordId,
+        error
+      } = payload;
+      actions.push({
+        type: ZLIST_RECORD_DELETE_FAILED,
+        payload: {
+          recordId,
+          error
+        }
+      });
+    }
+
+    if (actionName === RecordApiActionName.UPDATE_RECORD) {
+      const {
+        recordId,
+        error
+      } = payload;
+      actions.push({
+        type: ZLIST_RECORD_UPDATE_FAILED,
+        payload: {
+          recordId,
+          error
+        }
+      });
+    }
+
+    return actions;
+  }
+
   getDeleteMultipleRecordAction(recordIds) {
     const props = this.createApiProps();
     return {