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

package/es/bc/zlist/Constants.js

@@ -1,9 +1,4 @@
 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_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';
+export const ZLIST_FETCH_SORTED = 'ZLIST#FETCH_SORTED';

package/es/bc/zrecord/Constants.js

@@ -1,21 +1,16 @@
 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,12 +2,10 @@ export default function BooleanFieldModel(_ref) {
   let {
     name,
     value,
-    uiType,
-    appendToActionPayload
+    uiType
   } = _ref;
   return {
     name,
-    appendToActionPayload,
     type: uiType,
     value
   };

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

@@ -1,4 +1,4 @@
-import { ZLIST_DELETE_RECORD, ZLIST_DELETE_RECORDS, ZLIST_RECORD_UPDATE } from "../../../bc/zlist/Constants";
+import { ZLIST_DELETE_RECORDS, ZLIST_RECORD_UPDATE } from "../../../bc/zlist/Constants";
 /* eslint-disable max-lines-per-function */
 
 export default class ListSdkFactory {
@@ -15,21 +15,6 @@ 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,
@@ -49,7 +34,8 @@ export default class ListSdkFactory {
           });
         }
 
-      }
+      },
+      zrecord: {}
     };
   }
 

package/es/library/behaviours/sort-by/adapters/controllers/Initialize.js

@@ -0,0 +1,14 @@
+import AbstractController from "./AbstractController";
+
+class Initialize extends AbstractController {
+  handle(event) {
+    const {
+      dispatch,
+      action
+    } = event;
+    const {
+      id
+    } = action.payload;
+  }
+
+}

package/es/library/custom-component/adapters/gateways/validator/jsonValidator.js

@@ -0,0 +1,5 @@
+let jsonValidator = validator => (propertySchema, propertyValue) => {
+  return validator(propertySchema, propertyValue);
+};
+
+export default jsonValidator;

package/es/library/custom-component/entities/getRef.js

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

package/es/library/dot/components/action-location/adapters/gateway/RepositoryOld.js

@@ -0,0 +1,32 @@
+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 ActionLocationEntity from "../../entities/ActionLocationEntity";
+export default class Repository {
+  constructor() {
+    _defineProperty(this, "element", void 0);
+
+    _defineProperty(this, "dispatch", void 0);
+
+    _defineProperty(this, "state", void 0);
+
+    this.element = null;
+  }
+
+  updateDependencies(element, state, dispatch) {
+    this.element = element;
+    this.dispatch = dispatch;
+    this.state = state;
+  }
+
+  getActionLocation() {
+    const {
+      actions
+    } = this.state.properties;
+    const {
+      handlers
+    } = this.state;
+    const actionLocation = new ActionLocationEntity(handlers, actions, this.element, this.dispatch);
+    return actionLocation;
+  }
+
+}

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_size160) 0 var(--zd_size60) 
+    padding: var(--zd_size100) 0 var(--zd_size60) 
 }
 .actions {
     gap: var(--zd_size8) 

package/es/library/dot/legacy-to-new-arch/field-components/checkbox-field/frameworks/ui/CheckboxField.js

@@ -0,0 +1,13 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import BooleanProperties from "../../../../../../../cc/fields/boolean/Properties";
+import BooleanEvents from "../../../../../../../cc/fields/boolean/Events";
+import CheckboxFieldView from "./CheckboxFieldView";
+import { EventHandlersFactory } from "./EventHandlersFactory";
+const CheckboxField = createCustomComponent({
+  name: 'CheckboxField',
+  View: CheckboxFieldView,
+  properties: BooleanProperties,
+  events: BooleanEvents,
+  eventHandlers: EventHandlersFactory.create()
+});
+export default CheckboxField;

package/es/library/dot/legacy-to-new-arch/field-components/checkbox-field/frameworks/ui/CheckboxFieldView.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Checkbox } from "../../../..";
+export default function CheckboxFieldView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  const {
+    value
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(Checkbox, {
+    getRef: ref,
+    checked: value,
+    disabled: false,
+    readonly: false,
+    label: "",
+    tooltip: ""
+  });
+}

package/es/library/dot/legacy-to-new-arch/field-components/checkbox-field/frameworks/ui/EventHandlersFactory.js

@@ -0,0 +1,29 @@
+import CheckboxConstants from "../../../../../../../cc/checkbox/Constants";
+import FieldConstants from "../../../../../../../cc/fields/field/Constants";
+export class EventHandlersFactory {
+  static create() {
+    const changeHandler = input => {
+      const {
+        state,
+        dispatch
+      } = input;
+      const {
+        name: fieldName,
+        value: currentValue
+      } = state.properties;
+      const toggledValue = !currentValue;
+      dispatch({
+        type: FieldConstants.FIELD_CHANGED,
+        payload: {
+          fieldName,
+          value: toggledValue
+        }
+      });
+    };
+
+    return {
+      [CheckboxConstants.CHECKBOX_TOGGLED]: changeHandler
+    };
+  }
+
+}

package/es/library/dot/legacy-to-new-arch/field-components/email-field/frameworks/ui/EmailField.js

@@ -0,0 +1,11 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import EmailProperties from "../../../../../../../cc/fields/email/Properties";
+import { EmailFieldView } from "./EmailFieldView";
+const EmailField = createCustomComponent({
+  name: 'EmailField',
+  View: EmailFieldView,
+  properties: EmailProperties,
+  actions: [],
+  actionHandlers: {}
+});
+export default EmailField;

package/es/library/dot/legacy-to-new-arch/field-components/email-field/frameworks/ui/EmailFieldView.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Email } from "../../../..";
+export function EmailFieldView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  const {
+    value
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(Email, {
+    getRef: ref,
+    email: value
+  });
+}

package/es/library/dot/legacy-to-new-arch/field-components/index.js

@@ -0,0 +1,15 @@
+export { default as CheckboxField } from "./checkbox-field/frameworks/ui/CheckboxField";
+export { default as SwitchField } from "./switch-field/frameworks/ui/SwitchField";
+export { default as SingleLineField } from "./text-field/frameworks/ui/TextField";
+export { default as EmailField } from "./email-field/frameworks/ui/EmailField";
+export { default as URLField } from "./url-field/frameworks/ui/UrlField";
+export { default as PhoneField } from "./phone-field/frameworks/ui/PhoneField";
+export { default as CurrencyField } from "./text-field/frameworks/ui/TextField";
+export { default as LookUpField } from "./lookup-field/frameworks/ui/LookupField";
+export { default as PickListField } from "./text-field/frameworks/ui/TextField";
+export { default as PercentageField } from "./text-field/frameworks/ui/TextField";
+export { default as DateField } from "./text-field/frameworks/ui/TextField";
+export { default as DateTimeField } from "./text-field/frameworks/ui/TextField";
+export { default as MultiSelectField } from "./multiselect-field/frameworks/ui/MultiSelectField"; // export { default as DateTimeField } from './date-time-field/frameworks/ui/DateTimeField';
+// export { default as ColoredPickListField } from './colored-picklist-field/frameworks/ui/ColoredPickListField';
+// export { default as ColoredMultiSelectField } from './colored-multi-select-field/frameworks/ui/ColoredMultiSelectField';

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

@@ -0,0 +1,11 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import LookupProperties from "../../../../../../../cc/fields/lookup/Properties";
+import { LookupFieldView } from "./LookupFieldView";
+const LookupField = createCustomComponent({
+  name: 'LookupField',
+  View: LookupFieldView,
+  properties: LookupProperties,
+  actions: [],
+  actionHandlers: {}
+});
+export default LookupField;

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

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Avatar } from "../../../..";
+export function LookupFieldView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _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/multiselect-field/frameworks/ui/MultiSelectField.js

@@ -0,0 +1,11 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import MultiSelectProperties from "../../../../../../../cc/fields/multi-select/Properties";
+import { MultiSelectFieldView } from "./MultiSelectFieldView";
+const MultiSelectField = createCustomComponent({
+  name: 'MultiSelectField',
+  View: MultiSelectFieldView,
+  properties: MultiSelectProperties,
+  actions: [],
+  actionHandlers: {}
+});
+export default MultiSelectField;

package/es/library/dot/legacy-to-new-arch/field-components/multiselect-field/frameworks/ui/MultiSelectFieldView.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Tags } from "../../../..";
+export function MultiSelectFieldView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  const {
+    value,
+    options
+  } = state.properties; // const selectedOptions = options.find(option => value.includes(option.value));
+
+  const selectedOptions = value.map(item => ({
+    id: item,
+    label: item
+  }));
+  return /*#__PURE__*/React.createElement(Tags, {
+    getRef: ref,
+    tags: selectedOptions
+  });
+}

package/es/library/dot/legacy-to-new-arch/field-components/phone-field/frameworks/ui/PhoneField.js

@@ -0,0 +1,11 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import UrlProperties from "../../../../../../../cc/fields/url/Properties";
+import PhoneFieldView from "./PhoneFieldView";
+const PhoneField = createCustomComponent({
+  name: 'PhoneField',
+  View: PhoneFieldView,
+  properties: UrlProperties,
+  actions: [],
+  actionHandlers: {}
+});
+export default PhoneField;

package/es/library/dot/legacy-to-new-arch/field-components/phone-field/frameworks/ui/PhoneFieldView.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Link } from "../../../..";
+
+function PhoneFieldView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  const {
+    value
+  } = state.properties;
+  const href = `tel:${value}`;
+  return /*#__PURE__*/React.createElement(Link, {
+    getRef: ref,
+    label: value,
+    href: href,
+    variant: "secondary",
+    opensNewTab: true
+  });
+}
+
+export default PhoneFieldView;

package/es/library/dot/legacy-to-new-arch/field-components/picklist-field/frameworks/ui/PickListField.js

@@ -0,0 +1,11 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import PickListProperties from "../../../../../../../cc/fields/pick-list/Properties";
+import { PickListFieldView } from "./PickListFieldView";
+const PickListField = createCustomComponent({
+  name: 'PickListField',
+  View: PickListFieldView,
+  properties: PickListProperties,
+  actions: [],
+  actionHandlers: {}
+});
+export default PickListField;

package/es/library/dot/legacy-to-new-arch/field-components/picklist-field/frameworks/ui/PickListFieldView.js

@@ -0,0 +1,19 @@
+import React from 'react';
+import { HighlightedValue } from "../../../..";
+export function PickListFieldView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  const {
+    value,
+    options
+  } = state.properties;
+  const selectedOptions = options.find(option => value === option.value);
+  return /*#__PURE__*/React.createElement(HighlightedValue, {
+    getRef: ref,
+    text: value,
+    color: selectedOptions === null || selectedOptions === void 0 ? void 0 : selectedOptions.colorCode,
+    tooltip: ""
+  });
+}

package/es/library/dot/legacy-to-new-arch/field-components/switch-field/frameworks/ui/EventHandlersFactory.js

@@ -0,0 +1,29 @@
+import SwitchConstants from "../../../../../../../cc/switch/Constants";
+import FieldConstants from "../../../../../../../cc/fields/field/Constants";
+export class EventHandlersFactory {
+  static create() {
+    const changeHandler = input => {
+      const {
+        state,
+        dispatch
+      } = input;
+      const {
+        name: fieldName,
+        value: currentValue
+      } = state.properties;
+      const toggledValue = !currentValue;
+      dispatch({
+        type: FieldConstants.FIELD_CHANGED,
+        payload: {
+          fieldName,
+          value: toggledValue
+        }
+      });
+    };
+
+    return {
+      [SwitchConstants.SWITCH_TOGGLED]: changeHandler
+    };
+  }
+
+}

package/es/library/dot/legacy-to-new-arch/field-components/switch-field/frameworks/ui/SwitchField.js

@@ -0,0 +1,13 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import BooleanProperties from "../../../../../../../cc/fields/boolean/Properties";
+import BooleanEvents from "../../../../../../../cc/fields/boolean/Events";
+import SwitchFieldView from "./SwitchFieldView";
+import { EventHandlersFactory } from "./EventHandlersFactory";
+const SwitchField = createCustomComponent({
+  name: 'SwitchField',
+  View: SwitchFieldView,
+  properties: BooleanProperties,
+  events: BooleanEvents,
+  eventHandlers: EventHandlersFactory.create()
+});
+export default SwitchField;

package/es/library/dot/legacy-to-new-arch/field-components/switch-field/frameworks/ui/SwitchFieldView.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Switch } from "../../../..";
+export default function SwitchFieldView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  const {
+    value
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(Switch, {
+    getRef: ref,
+    checked: value,
+    disabled: false,
+    size: 'small',
+    tooltip: ""
+  });
+}

package/es/library/dot/legacy-to-new-arch/field-components/text-field/frameworks/ui/EventHandlersFactory.js

@@ -0,0 +1,26 @@
+import TextConstants from "../../../../../../../cc/text/Constants";
+import FieldConstants from "../../../../../../../cc/fields/field/Constants";
+export class EventHandlersFactory {
+  static create() {
+    const clickHandler = input => {
+      const {
+        state,
+        dispatch
+      } = input;
+      const {
+        name: fieldName
+      } = state.properties;
+      dispatch({
+        type: FieldConstants.FIELD_CLICKED,
+        payload: {
+          fieldName
+        }
+      });
+    };
+
+    return {
+      [TextConstants.TEXT_CLICKED]: clickHandler
+    };
+  }
+
+}

package/es/library/dot/legacy-to-new-arch/field-components/text-field/frameworks/ui/TextField.js

@@ -0,0 +1,13 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import TextProperties from "../../../../../../../cc/fields/text/Properties";
+import TextEvents from "../../../../../../../cc/fields/text/Events";
+import { TextFieldView } from "./TextFieldView";
+import { EventHandlersFactory } from "./EventHandlersFactory";
+const TextField = createCustomComponent({
+  name: 'TextField',
+  View: TextFieldView,
+  properties: TextProperties,
+  events: TextEvents,
+  eventHandlers: EventHandlersFactory.create()
+});
+export default TextField;

package/es/library/dot/legacy-to-new-arch/field-components/text-field/frameworks/ui/TextFieldView.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Text } from "../../../..";
+export function TextFieldView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  const {
+    value
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(Text, {
+    getRef: ref,
+    text: value,
+    tooltip: ""
+  });
+}

package/es/library/dot/legacy-to-new-arch/field-components/url-field/frameworks/ui/EventHandlersFactory.js

@@ -0,0 +1,26 @@
+import LinkConstants from "../../../../../../../cc/link/Constants";
+import FieldConstants from "../../../../../../../cc/fields/field/Constants";
+export class EventHandlersFactory {
+  static create() {
+    const clickHandler = input => {
+      const {
+        state,
+        dispatch
+      } = input;
+      const {
+        name: fieldName
+      } = state.properties;
+      dispatch({
+        type: FieldConstants.FIELD_CLICKED,
+        payload: {
+          fieldName
+        }
+      });
+    };
+
+    return {
+      [LinkConstants.LINK_CLICKED]: clickHandler
+    };
+  }
+
+}

package/es/library/dot/legacy-to-new-arch/field-components/url-field/frameworks/ui/UrlField.js

@@ -0,0 +1,13 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import UrlProperties from "../../../../../../../cc/fields/url/Properties";
+import UrlEvents from "../../../../../../../cc/fields/url/Events";
+import { UrlFieldView } from "./UrlFieldView";
+import { EventHandlersFactory } from "./EventHandlersFactory";
+const UrlField = createCustomComponent({
+  name: 'UrlField',
+  View: UrlFieldView,
+  properties: UrlProperties,
+  events: UrlEvents,
+  eventHandlers: EventHandlersFactory.create()
+});
+export default UrlField;

package/es/library/dot/legacy-to-new-arch/field-components/url-field/frameworks/ui/UrlFieldView.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { Link } from "../../../..";
+export function UrlFieldView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  const {
+    value
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(Link, {
+    getRef: ref,
+    label: value,
+    href: value,
+    variant: "secondary",
+    opensNewTab: true
+  });
+}

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

@@ -16,11 +16,8 @@ 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];
@@ -51,28 +48,14 @@ class APITemplate {
     const queryObj = JSON.parse(this.getParameter(obj));
     const query = this.helper.objectToQueryString(queryObj);
     return `${this.getApi(obj)}?${query}`;
-  } // eslint-disable-next-line max-lines-per-function
-
+  }
 
   getApiDetails(obj) {
-    const apiDetails = {
+    return {
       url: this.constructURL(obj),
       type: this.type,
       payload: this.getPayload(obj)
     };
-
-    if (this.getResponseInTemplate) {
-      apiDetails.getResponse = () => {
-        const payload = this.getPayload(obj);
-        const params = JSON.parse(this.getParameter(obj));
-        return this.getResponseInTemplate({
-          payload,
-          params
-        });
-      };
-    }
-
-    return apiDetails;
   }
 
   getTransformer() {