@zohodesk/library-platform 1.2.0-exp.4 → 1.2.0-exp.45

package/es/platform/zform/adapters/presenter/translators/fields/LookUpFieldTranslator.js

@@ -3,8 +3,7 @@ const LookUpFieldTranslator = _ref => {
     field,
     type,
     fieldPreModified,
-    uiConfig,
-    context
+    uiConfig
   } = _ref;
   const fieldModified = {
     // Need to check if value is an object or string (ID)
@@ -24,8 +23,7 @@ const LookUpFieldTranslator = _ref => {
     required: field.isMandatory,
     isCustomField: field.isCustomField,
     maxLength: field.maxLength,
-    lookup: field.lookup,
-    context
+    lookup: field.lookup
   };
   return fieldModified;
 };

package/es/platform/zform/adapters/presenter/translators/fields/MultiselectFieldTranslator.js

@@ -1,3 +1,5 @@
+import ClientActionsTranslator from "../../../../../client-actions/translators/client-actions-translator";
+
 const MultiSelectFieldTranslator = _ref => {
   let {
     field,
@@ -6,33 +8,27 @@ const MultiSelectFieldTranslator = _ref => {
     fieldPreModified,
     fieldOptionActions,
     instanceName,
-    moduleName,
-    context
+    moduleName
   } = _ref;
   const fieldModified = { ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
     options: field.pickListValues ? field.pickListValues.map(picklistValue => {
       const optionActions = {};
-      let fieldOptionsContext = {};
       Object.entries(fieldOptionActions).forEach(_ref2 => {
         let [key, value] = _ref2;
         const {
           value: _omit,
           ...fieldWithoutValue
         } = field;
-        optionActions[key] = value;
-        fieldOptionsContext = { ...picklistValue,
-          ...fieldWithoutValue,
-          instanceName,
-          moduleName
-        };
+        optionActions[key] = ClientActionsTranslator.transform(value, instanceName, moduleName, { ...picklistValue,
+          ...fieldWithoutValue
+        });
       });
       return {
         optionActions: optionActions.fieldOptionRightActions,
         value: picklistValue.value,
-        label: picklistValue.value,
-        context: fieldOptionsContext
+        label: picklistValue.value
       };
     }) : [],
     type,
@@ -45,8 +41,7 @@ const MultiSelectFieldTranslator = _ref => {
     readonly: field.isReadOnly,
     // visibility: field.isVisible,
     isVisible: field.isVisible,
-    errorMessage: field.errorMessage || '',
-    context
+    errorMessage: field.errorMessage || ''
   };
   return fieldModified;
 };

package/es/platform/zform/adapters/presenter/translators/fields/NumberFieldTranslator.js

@@ -3,8 +3,7 @@ const NumberFieldTranslator = _ref => {
     field,
     type,
     fieldPreModified,
-    uiConfig,
-    context
+    uiConfig
   } = _ref;
   const fieldModified = {
     type,
@@ -21,8 +20,7 @@ const NumberFieldTranslator = _ref => {
     readonly: field.isReadOnly,
     // visibility: field.isVisible,
     isVisible: field.isVisible,
-    errorMessage: field.errorMessage || '',
-    context
+    errorMessage: field.errorMessage || ''
   };
   return fieldModified;
 };

package/es/platform/zform/adapters/presenter/translators/fields/PercentageFieldTranslator.js

@@ -3,8 +3,7 @@ const PercentageFieldTranslator = _ref => {
     field,
     type,
     fieldPreModified,
-    uiConfig,
-    context
+    uiConfig
   } = _ref;
   const fieldModified = {
     type,
@@ -20,8 +19,7 @@ const PercentageFieldTranslator = _ref => {
     readonly: field.isReadOnly,
     // visibility: field.isVisible,
     isVisible: field.isVisible,
-    errorMessage: field.errorMessage || '',
-    context
+    errorMessage: field.errorMessage || ''
   };
   return fieldModified;
 };

package/es/platform/zform/adapters/presenter/translators/fields/PhoneFieldTranslator.js

@@ -3,8 +3,7 @@ const PhoneFieldTranslator = _ref => {
     field,
     type,
     fieldPreModified,
-    uiConfig,
-    context
+    uiConfig
   } = _ref;
   const fieldModified = {
     type,
@@ -20,8 +19,7 @@ const PhoneFieldTranslator = _ref => {
     maxLength: field.maxLength,
     readonly: field.isReadOnly,
     isVisible: field.isVisible,
-    errorMessage: field.errorMessage || '',
-    context
+    errorMessage: field.errorMessage || ''
   };
   return fieldModified;
 };

package/es/platform/zform/adapters/presenter/translators/fields/PicklistFieldTranslator.js

@@ -1,3 +1,5 @@
+import ClientActionsTranslator from "../../../../../client-actions/translators/client-actions-translator";
+
 const PickListFieldTranslator = _ref => {
   let {
     field,
@@ -6,27 +8,27 @@ const PickListFieldTranslator = _ref => {
     fieldPreModified,
     fieldOptionActions,
     instanceName,
-    moduleName,
-    context
+    moduleName
   } = _ref;
   const fieldModified = { ...fieldPreModified,
     id: field.id,
     label: field.i18NLabel,
     options: field.pickListValues.map(picklistValue => {
       const optionActions = {};
-      const context = { ...picklistValue,
-        ...field
-      };
       Object.entries(fieldOptionActions).forEach(_ref2 => {
         let [key, value] = _ref2;
-        // const { value: _omit, ...fieldWithoutValue } = field;
-        optionActions[key] = value; // optionActions[key] = ClientActionsTranslator.transform(value, instanceName, moduleName, { ...picklistValue, ...fieldWithoutValue });
+        const {
+          value: _omit,
+          ...fieldWithoutValue
+        } = field;
+        optionActions[key] = ClientActionsTranslator.transform(value, instanceName, moduleName, { ...picklistValue,
+          ...fieldWithoutValue
+        });
       });
       return {
         optionActions: optionActions.fieldOptionRightActions,
         value: picklistValue.value,
-        label: picklistValue.value,
-        context
+        label: picklistValue.value
       };
     }),
     type,
@@ -39,8 +41,7 @@ const PickListFieldTranslator = _ref => {
     readonly: field.isReadOnly,
     // visibility: field.isVisible,
     isVisible: field.isVisible,
-    errorMessage: field.errorMessage || '',
-    context
+    errorMessage: field.errorMessage || ''
   };
   return fieldModified;
 };

package/es/platform/zform/adapters/presenter/translators/fields/TextAreaFieldTranslator.js

@@ -3,8 +3,7 @@ const TextAreaFieldTranslator = _ref => {
     field,
     type,
     fieldPreModified,
-    uiConfig,
-    context
+    uiConfig
   } = _ref;
   const fieldModified = {
     type,
@@ -20,8 +19,7 @@ const TextAreaFieldTranslator = _ref => {
     maxLength: field.maxLength,
     // visibility: field.isVisible,
     isVisible: field.isVisible,
-    errorMessage: field.errorMessage || '',
-    context
+    errorMessage: field.errorMessage || ''
   };
   return fieldModified;
 };

package/es/platform/zform/adapters/presenter/translators/fields/TextFieldTranslator.js

@@ -3,8 +3,7 @@ const TextFieldTranslator = _ref => {
     field,
     type,
     fieldPreModified,
-    uiConfig,
-    context
+    uiConfig
   } = _ref;
   const fieldModified = {
     type,
@@ -21,8 +20,7 @@ const TextFieldTranslator = _ref => {
     maxLength: field.maxLength,
     // visibility: field.isVisible,
     isVisible: field.isVisible,
-    errorMessage: field.errorMessage || '',
-    context
+    errorMessage: field.errorMessage || ''
   };
   return fieldModified;
 };

package/es/platform/zform/adapters/presenter/translators/fields/URLFieldTranslator.js

@@ -3,8 +3,7 @@ const URLFieldTranslator = _ref => {
     field,
     type,
     fieldPreModified,
-    uiConfig,
-    context
+    uiConfig
   } = _ref;
   const fieldModified = {
     type,
@@ -21,8 +20,7 @@ const URLFieldTranslator = _ref => {
     readonly: field.isReadOnly,
     // visibility: field.isVisible,
     isVisible: field.isVisible,
-    errorMessage: field.errorMessage || '',
-    context
+    errorMessage: field.errorMessage || ''
   };
   return fieldModified;
 };

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

@@ -0,0 +1,38 @@
+import SortOrder from "../../../../bc/sort-by/SortOrderEnum";
+
+class SortBy {
+  toQueryString(sortBy) {
+    const {
+      name,
+      order
+    } = sortBy;
+    let sortQueryString = '';
+
+    if (order === SortOrder.ASC) {
+      sortQueryString = name;
+    } else if (order === SortOrder.DES) {
+      sortQueryString = `-${name}`;
+    }
+
+    return sortQueryString;
+  }
+
+  toObject(sortBy) {
+    let sortByParsed = sortBy.split('-');
+
+    if (sortByParsed[0] === '-') {
+      return {
+        name: sortByParsed[1],
+        order: SortOrder.DES
+      };
+    } else {
+      return {
+        name: sortByParsed[0],
+        order: SortOrder.ASC
+      };
+    }
+  }
+
+}
+
+export default SortBy;

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

@@ -1,6 +1,7 @@
 /* eslint-disable @zohodesk/architecturerules/define-property-schema */
 
 /* eslint-disable max-lines-per-function */
+import ClientActionsTranslator from "../../../client-actions/translators/client-actions-translator";
 import DefaultClientActions from "./utils/DefaultClientActions";
 import { i18NProviderUtils } from '@zohodesk/i18n';
 export default function SelectionTranslator(state) {
@@ -12,6 +13,7 @@ export default function SelectionTranslator(state) {
     columnChooserConfig,
     selectionConfig,
     moduleName,
+    instanceName,
     textOverflowConfig
   } = properties;
   const {
@@ -33,11 +35,11 @@ export default function SelectionTranslator(state) {
     isEnabled: textOverflowConfig.isEnabled,
     mode: textOverflow.mode
   });
+  const contextAppliedActions = ClientActionsTranslator.transform(clientActions, instanceName, moduleName, context);
   return {
     selected,
     hasAllSelected,
-    actions: clientActions,
-    context
+    actions: contextAppliedActions
   };
 }
 

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

@@ -157,18 +157,13 @@ export default class TableTranslator {
         field.uiType = uiType;
       }
     });
-    const massActionsContext = {
-      instanceName,
-      moduleName
-    };
     const headersTranslator = new HeadersTranslator(fields, headerActions, context, modifiedWidths, sortConfig, records, instanceName, moduleName);
     const rowsTranslator = new RowsTranslator(isLocalSearchEnabled ? localRecords : recordsForDisplay, fields, rowActions, context, preferences, fieldComponentMapping, rowActionsUiType, fieldActions, instanceName, textOverflowData, moduleName, nameFieldsConfig, recordReadStatusConfig, Array.isArray(zfield.componentMapping) ? [...zfield.componentMapping] : []); // const actionTranslator = new ClientActionsTranslator(clientActions, records, fields, pageContext);
     // const translators = [headersTranslator.getTranslator(), rowsTranslator.getTranslator(), actionTranslator.getTranslator()];
 
     const translators = [headersTranslator.getTranslator(), rowsTranslator.getTranslator()];
     let data = Pipeline.run(translators, {});
-    data.clientScripts = clientScripts;
-    data.massActionsContext = massActionsContext; // TODO: Implement ModuleTableModel, and move data and isLoading to tableViewModel Object
+    data.clientScripts = clientScripts; // TODO: Implement ModuleTableModel, and move data and isLoading to tableViewModel Object
 
     return {
       properties,

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

@@ -82,13 +82,7 @@ function ColumnTranslator(_ref) {
   }
 
   const viewModel = {
-    actions: fieldActions,
-    context: {
-      field,
-      record,
-      instanceName,
-      moduleName
-    },
+    actions,
     ...fieldTranslator(translatorArgs)
   };
 

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

@@ -1,4 +1,5 @@
 import { Alignment } from "../../../../../cc/table-list/data-types/Header";
+import ClientActionsTranslator from "../../../../client-actions/translators/client-actions-translator";
 import { SortModelOrder } from "../../../../zlist/domain/entities/interfaces/Properties";
 import { i18NProviderUtils } from '@zohodesk/i18n';
 import { SortOrder } from "../../../../../bc/zlist/Types";
@@ -13,6 +14,10 @@ function HeaderTranslator(field, actions, context, modifiedWidths, sortConfig, r
   const newField = { ...field,
     sort: translateSortBy(field.name, sortConfig)
   };
+  const transformedActions = ClientActionsTranslator.transform(actions, instanceName, moduleName, { ...context,
+    field: newField,
+    recordsLength: records.length.toString()
+  });
   const width = modifiedWidths[name];
   return {
     id: id,
@@ -21,13 +26,7 @@ function HeaderTranslator(field, actions, context, modifiedWidths, sortConfig, r
     sortable: isSortable,
     alignment: Alignment.Left,
     width,
-    actions,
-    context: { ...context,
-      field: newField,
-      recordsLength: records.length.toString(),
-      instanceName,
-      moduleName
-    }
+    actions: transformedActions
   };
 }
 

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

@@ -1,4 +1,5 @@
 import ColumnTranslator from "./ColumnTranslator";
+import ClientActionsTranslator from "../../../../client-actions/translators/client-actions-translator";
 export default function RowTranslator(_ref) {
   let {
     record,
@@ -16,6 +17,9 @@ export default function RowTranslator(_ref) {
     recordReadStatusConfig,
     componentMapping
   } = _ref;
+  const actions = ClientActionsTranslator.transform(rowActions, instanceName, moduleName, { ...context,
+    record
+  });
   return {
     id: record.id,
     columns: fields.map(field => ColumnTranslator({
@@ -34,12 +38,7 @@ export default function RowTranslator(_ref) {
     })),
     rowActionLocation: {
       type: rowActionsUiType,
-      actions: rowActions,
-      context: { ...context,
-        record,
-        instanceName,
-        moduleName
-      }
+      actions
     }
   };
 }

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

@@ -15,18 +15,14 @@ const DateFieldTranslator = _ref => {
     uiType,
     name
   } = field;
-  const defaultDateTimeFormat = {
-    dateFormat: 'dd MM yyyy',
-    timeFormat: '12-hour',
-    delimiter: 'space',
-    isShortenDateTimeInfo: false
-  };
   const {
     dateFormat,
     timeFormat,
     delimiter,
     isShortenDateTimeInfo
-  } = context?.dateTimeFormat || defaultDateTimeFormat;
+  } = context.dateTimeFormat; // const appContext = platformSDK.app.getContext();
+  // const { dateFormat, timeFormat, delimiter } = appContext.dateTimeFormat;
+
   const newDateValue = DateAndTimeFormat({
     dateFormatType: dateFormat,
     timeFormatType: timeFormat,

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

@@ -15,18 +15,14 @@ const DateTimeFieldTranslator = _ref => {
     uiType,
     name
   } = field;
-  const defaultDateTimeFormat = {
-    dateFormat: 'dd MM yyyy',
-    timeFormat: '12-hour',
-    delimiter: 'space',
-    isShortenDateTimeInfo: false
-  };
   const {
     dateFormat,
     timeFormat,
     delimiter,
     isShortenDateTimeInfo
-  } = context?.dateTimeFormat || defaultDateTimeFormat;
+  } = context.dateTimeFormat; // const appContext = platformSDK.app.getContext();
+  // const { dateFormat, timeFormat, delimiter } = appContext.dateTimeFormat;
+
   const newDateValue = DateAndTimeFormat({
     dateFormatType: dateFormat,
     timeFormatType: timeFormat,

package/es/platform/zlist/domain/entities/SortBy.js

@@ -0,0 +1,58 @@
+import { SortOrder } from "./interfaces/Properties";
+
+class SortBy {
+  constructor(id, name, order) {
+    this.id = id;
+    this.name = name;
+    this.order = order;
+  }
+
+  toObject() {
+    return {
+      id: this.id,
+      name: this.name,
+      order: this.order
+    };
+  }
+
+  toQueryString() {
+    const {
+      name,
+      order
+    } = this;
+    let sortQueryString = '';
+
+    if (order === SortOrder.DES) {
+      sortQueryString = `-${name}`;
+    } else if (order === SortOrder.ASC) {
+      sortQueryString = name;
+    }
+
+    return sortQueryString;
+  }
+
+  doSorting(id, name) {
+    if (this.id === id) {
+      this.toggleSort();
+    } else {
+      this.resetSortBy(id, name);
+    }
+  }
+
+  toggleSort() {
+    if (this.order === SortOrder.ASC) {
+      this.order = SortOrder.DES;
+    } else {
+      this.order = SortOrder.ASC;
+    }
+  }
+
+  resetSortBy(id, name) {
+    this.id = id;
+    this.name = name;
+    this.order = SortOrder.ASC;
+  }
+
+}
+
+export default SortBy;

package/es/platform/zlist/domain/entities/interfaces/ISortBy.js

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

package/es/to-do-app/ToDo.js

@@ -0,0 +1,10 @@
+import React from "react";
+import TextBox from "./component/textbox/framework/TextBox";
+
+function ToDoApp() {
+  return /*#__PURE__*/React.createElement("div", {
+    className: "ToDoApp"
+  }, /*#__PURE__*/React.createElement("h1", null, "To-Do Application"), /*#__PURE__*/React.createElement(TextBox, null));
+}
+
+export default ToDoApp;

package/es/to-do-app/cc/button/Properties.js

@@ -0,0 +1,4 @@
+export default {}; //todo app
+//text
+//button
+//list

package/es/to-do-app/cc/textbox/Constants.js

@@ -0,0 +1,7 @@
+class TextBoxConstants {
+  static TEXTBOX_FOCUS = 'TEXTBOX#FOCUSED';
+  static TEXTBOX_BLUR = 'TEXTBOX#BLURRED';
+  static TEXTBOX_CHANGE = 'TEXTBOX#CHANGED';
+}
+
+export default TextBoxConstants;

package/es/to-do-app/cc/textbox/Events.js

@@ -0,0 +1,20 @@
+import TextBoxConstants from "./Constants";
+export default [{
+  type: TextBoxConstants.TEXTBOX_FOCUS,
+  payload: {
+    value: {
+      name: 'value',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  }
+}, {
+  type: TextBoxConstants.TEXTBOX_BLUR,
+  payload: {}
+}, {
+  type: TextBoxConstants.TEXTBOX_CHANGE,
+  payload: {}
+}];

package/es/to-do-app/cc/textbox/Properties.js

@@ -0,0 +1,51 @@
+export default {
+  id: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  name: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  type: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  maxLength: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'number'
+      }
+    }
+  },
+  placeholder: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  },
+  value: {
+    defaultValue: '',
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  }
+};

package/es/to-do-app/cc/textbox/index.js

@@ -0,0 +1,3 @@
+export { default as TextBoxProperties } from "./Properties";
+export { default as TextBoxEvents } from "./Events";
+export { default as TextBoxConstants } from "./Constants";

package/es/to-do-app/component/textbox/framework/TextBox.js

@@ -0,0 +1,30 @@
+import { createCustomComponent } from "../../../../library/custom-component";
+import TextBoxProperties from "../../../cc/textbox/Properties";
+import TextBoxEvents from "../../../cc/textbox/Events";
+import TextBoxView from "./TextBoxView";
+import { TextBoxConstants } from "../../../cc/textbox";
+const TextBox = createCustomComponent({
+  name: "TextBox",
+  View: TextBoxView,
+  properties: TextBoxProperties,
+  events: TextBoxEvents,
+  eventHandlers: {
+    [TextBoxConstants.TEXTBOX_CHANGE]: _ref => {
+      let {
+        action,
+        state,
+        updateState
+      } = _ref;
+      updateState({ ...state,
+        value: action.payload.value
+      }); // console.log("TextBox value changed:", payload.value);
+    }
+  },
+  transformState: state => {
+    console.log("TextBox transformState ::::::::", state);
+    return { ...state,
+      value: state.value || ''
+    };
+  }
+});
+export default TextBox;