@zohodesk/library-platform 1.2.2-exp.2 → 1.2.2-exp.6

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

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

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

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

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

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

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

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

package/es/platform/zform/domain/interfaces/IZForm.js

@@ -1,5 +1,2 @@
-;
-export let ValidationEvents = /*#__PURE__*/function (ValidationEvents) {
-  ValidationEvents["blur"] = "blur";
-  return ValidationEvents;
-}({});
+export { ValidationEvents } from "./ValidationEvents";
+;

package/es/platform/zform/domain/interfaces/ValidationEvents.js

@@ -0,0 +1,4 @@
+export let ValidationEvents = /*#__PURE__*/function (ValidationEvents) {
+  ValidationEvents["blur"] = "blur";
+  return ValidationEvents;
+}({});

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

@@ -1,7 +1,6 @@
 /* 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) {
@@ -13,7 +12,6 @@ export default function SelectionTranslator(state) {
     columnChooserConfig,
     selectionConfig,
     moduleName,
-    instanceName,
     textOverflowConfig
   } = properties;
   const {
@@ -35,11 +33,11 @@ export default function SelectionTranslator(state) {
     isEnabled: textOverflowConfig.isEnabled,
     mode: textOverflow.mode
   });
-  const contextAppliedActions = ClientActionsTranslator.transform(clientActions, instanceName, moduleName, context);
   return {
     selected,
     hasAllSelected,
-    actions: contextAppliedActions
+    actions: clientActions,
+    context
   };
 }
 

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

@@ -157,13 +157,18 @@ 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; // TODO: Implement ModuleTableModel, and move data and isLoading to tableViewModel Object
+    data.clientScripts = clientScripts;
+    data.massActionsContext = massActionsContext; // TODO: Implement ModuleTableModel, and move data and isLoading to tableViewModel Object
 
     return {
       properties,

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

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

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

@@ -1,5 +1,4 @@
 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";
@@ -14,10 +13,6 @@ 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,
@@ -26,7 +21,13 @@ function HeaderTranslator(field, actions, context, modifiedWidths, sortConfig, r
     sortable: isSortable,
     alignment: Alignment.Left,
     width,
-    actions: transformedActions
+    actions,
+    context: { ...context,
+      field: newField,
+      recordsLength: records.length.toString(),
+      instanceName,
+      moduleName
+    }
   };
 }
 

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

@@ -1,5 +1,4 @@
 import ColumnTranslator from "./ColumnTranslator";
-import ClientActionsTranslator from "../../../../client-actions/translators/client-actions-translator";
 export default function RowTranslator(_ref) {
   let {
     record,
@@ -17,9 +16,6 @@ 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({
@@ -38,7 +34,12 @@ export default function RowTranslator(_ref) {
     })),
     rowActionLocation: {
       type: rowActionsUiType,
-      actions
+      actions: rowActions,
+      context: { ...context,
+        record,
+        instanceName,
+        moduleName
+      }
     }
   };
 }

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

@@ -15,14 +15,18 @@ 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; // const appContext = platformSDK.app.getContext();
-  // const { dateFormat, timeFormat, delimiter } = appContext.dateTimeFormat;
-
+  } = context?.dateTimeFormat || defaultDateTimeFormat;
   const newDateValue = DateAndTimeFormat({
     dateFormatType: dateFormat,
     timeFormatType: timeFormat,

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

@@ -15,14 +15,18 @@ 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; // const appContext = platformSDK.app.getContext();
-  // const { dateFormat, timeFormat, delimiter } = appContext.dateTimeFormat;
-
+  } = context?.dateTimeFormat || defaultDateTimeFormat;
   const newDateValue = DateAndTimeFormat({
     dateFormatType: dateFormat,
     timeFormatType: timeFormat,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/library-platform",
-  "version": "1.2.2-exp.2",
+  "version": "1.2.2-exp.6",
   "description": "",
   "main": "es/index.js",
   "files": [
@@ -15,18 +15,30 @@
     "clean": "cdt clean ./es",
     "build": "npm run clean && cbt build:es",
     "build:watch": "npm run build -- -w",
-    "test": "jest",
+    "test": "npx ZDTestingFramework unit-test",
     "prepare": "npm run build",
     "publish:alpha": "npm publish --tag alpha",
     "publish:beta": "npm publish --tag beta",
     "publish:exp": "npm publish --tag experimental",
+    "postinstall": "node -e \"const path = require('path'); const cwd = process.cwd(); const initCwd = process.env.INIT_CWD ? path.resolve(process.env.INIT_CWD) : cwd; const isDirectInstall = initCwd === cwd; process.exit(!isDirectInstall ? 0 : 1);\" || (npm run lint:setup && sh scripts/setup-husky-precommit.sh)",
     "postpublish": "node ./post_publish.js",
     "lint:setup": "ZDPrecommit setupPlugins",
     "lint": "eslint -c .eslintrc.js --ext .ts,.js,.tsx",
     "lint:analytics": "ZDLintFramework lint",
     "lint:exemption": "ZDLintFramework exemption-report",
     "lint:ci": "ZDLintFramework lint-ci",
-    "prettify": "node prettify.js staged"
+    "prettify": "node prettify.js staged",
+    "arch:check": "depcruise --config .dependency-cruiser.js src",
+    "tdd:check": "bash scripts/check-tdd-compliance.sh",
+    "layer:check": "bash scripts/check-layer-completeness.sh",
+    "guardrails:fast": "bash scripts/guardrails-fast.sh",
+    "guardrails:arch": "npm run arch:check && npm run guardrails:fast",
+    "guardrails:full": "npm run arch:check && npm run lint && npm test && npm run build && npm run guardrails:fast",
+    "staged:test": "bash scripts/run-staged-tests.sh",
+    "mutation:test": "npx zdcodequality mutate --local --branch=v2 --mutationConfigPath=mutation.conf.js --jestConfigPath=ut.config.js",
+    "mutation:test:ci": "npx zdcodequality mutate --ci --branch=v2 --mutationConfigPath=mutation.conf.js --jestConfigPath=ut.config.js",
+    "mutation:staged": "bash scripts/check-mutation-staged.sh",
+    "uat:impact": "bash scripts/check-uat-impact.sh"
   },
   "author": "",
   "license": "ISC",
@@ -46,7 +58,7 @@
     "@zohodesk-private/dot-registry": "0.0.2",
     "@zohodesk-private/node-plugins": "1.1.9",
     "@zohodesk/a11y": "2.3.8",
-    "@zohodesk/codestandard-validator": "1.3.1",
+    "@zohodesk/codestandard-validator": "1.3.1-platform-14",
     "@zohodesk/components": "1.5.8",
     "@zohodesk/dot": "1.8.6",
     "@zohodesk/dotkit": "1.0.7",
@@ -54,6 +66,7 @@
     "@zohodesk/icons": "1.1.5",
     "@zohodesk/layout": "3.1.0",
     "@zohodesk/svg": "1.2.6",
+    "@zohodesk/testinglibrary": "0.0.51-n20-experimental",
     "@zohodesk/utils": "1.3.16",
     "@zohodesk/variables": "1.2.0",
     "@zohodesk/virtualizer": "1.0.13",
@@ -82,7 +95,7 @@
     "@zohodesk/dot": "1.8.6",
     "@zohodesk/dotkit": "1.0.7",
     "@zohodesk/hooks": "2.0.6",
-    "@zohodesk/i18n": "1.0.0-beta.31",
+    "@zohodesk/i18n": "1.0.0-beta.35",
     "@zohodesk/icons": "1.1.5",
     "@zohodesk/layout": "3.1.0",
     "@zohodesk/svg": "1.2.6",
@@ -94,4 +107,4 @@
     "jsep": "0.3.5",
     "object-path-immutable": "4.1.2"
   }
-}
+}

package/es/library/custom-component/frameworks/json-schema-validator/Validator.js

@@ -1 +0,0 @@
-export { default } from "../../../json-schema-validator/Validator";

package/es/platform/client-actions/components/row-actions-renderer/frameworks/ui/AdaptiveRowActions/AdaptiveRowActionsRenderer.js

@@ -1,12 +0,0 @@
-import { createCustomComponent } from "../../../../../../../library/custom-component";
-import RowActionsRendererProperties from "../../../../../cc/action-event-mediator/Properties";
-import { ComponentRegistry } from "../../../../../../../library";
-import AdaptiveRowActionsRendererView from "./AdaptiveRowActionsRendererView";
-const AdaptiveRowActionsRendererComponent = createCustomComponent({
-  name: 'AdaptiveRowActionsRenderer',
-  properties: RowActionsRendererProperties,
-  eventHandlers: {},
-  View: AdaptiveRowActionsRendererView
-});
-ComponentRegistry.register("AdaptiveRowActionsRenderer", AdaptiveRowActionsRendererComponent);
-export default AdaptiveRowActionsRendererComponent;

package/es/platform/client-actions/components/row-actions-renderer/frameworks/ui/AdaptiveRowActions/AdaptiveRowActionsRendererView.js

@@ -1,42 +0,0 @@
-/* eslint-disable react/prop-types */
-import React from 'react';
-import Flex from '@zohodesk/layout/es/Flex/Flex';
-import { ActionViewGap } from "../../../../interfaces/ActionViewModel";
-import ActionEventMediator from "../../../../action-event-mediator/frameworks/ui/ActionEventMediator";
-import MoreActionsRenderer from "../MoreActions/MoreActionsRenderer";
-import { findMappedClientScripts } from "../../../../../../client-scripts/behaviour/zclient-scripts-execution/frameworks/ClientScriptsUtils"; // @ts-ignore
-
-import style from "../RowActions/RowActionsRenderer.module.css";
-export default function AdaptiveRowActionsRendererView(_ref, ref) {
-  let {
-    state,
-    helpers
-  } = _ref;
-  const {
-    actions,
-    gap,
-    testId,
-    clientScripts
-  } = state.properties;
-  const [firstAction, secondAction, ...moreActions] = actions;
-  const showMore = actions.length > 3;
-  const actionsList = showMore ? [firstAction, secondAction] : actions;
-
-  const renderAction = action => /*#__PURE__*/React.createElement(ActionEventMediator, {
-    key: action.id,
-    action: action,
-    clientScripts: findMappedClientScripts(action, clientScripts),
-    instanceName: action.instanceName
-  });
-
-  return /*#__PURE__*/React.createElement(Flex, {
-    ref: ref,
-    testId: testId ? testId : '',
-    $ui_className: gap !== ActionViewGap.NONE ? style[`gap_${gap}`] : '',
-    $ui_displayMode: "inline",
-    $ui_alignItems: "center"
-  }, showMore ? /*#__PURE__*/React.createElement(React.Fragment, null, actionsList.map(renderAction), /*#__PURE__*/React.createElement(MoreActionsRenderer, {
-    actions: moreActions,
-    clientScripts: clientScripts
-  })) : actionsList.map(renderAction));
-}

package/es/platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer.js

@@ -1,12 +0,0 @@
-import { createCustomComponent } from "../../../../../../../library/custom-component";
-import RowActionsRendererProperties from "../../../../../cc/action-event-mediator/Properties";
-import RowActionsRendererView from "./RowActionsRendererView";
-import { ComponentRegistry } from "../../../../../../../library";
-const RowActionsRendererComponent = createCustomComponent({
-  name: 'RowActionsRenderer',
-  properties: RowActionsRendererProperties,
-  eventHandlers: {},
-  View: RowActionsRendererView
-});
-ComponentRegistry.register("RowActionsRenderer", RowActionsRendererComponent);
-export default RowActionsRendererComponent;

package/es/platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer.module.css

@@ -1,23 +0,0 @@
-.wrapper {
-    max-width: 100% 
-}
-
-.gap_small {
-    gap: var(--zd_size4) 
-}
-
-.gap_xmedium {
-    gap: var(--zd_size6) 
-}
-
-.gap_medium {
-    gap: var(--zd_size8) 
-}
-
-.gap_large {
-    gap: var(--zd_size10) 
-}
-
-.gap_xlarge {
-    gap: var(--zd_size12) 
-}

package/es/platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRendererView.js

@@ -1,37 +0,0 @@
-import React from 'react';
-import Flex from '@zohodesk/layout/es/Flex/Flex';
-import { ActionViewGap } from "../../../../interfaces/ActionViewModel";
-// @ts-ignore
-import style from "./RowActionsRenderer.module.css";
-import ActionEventMediator from "../../../../action-event-mediator/frameworks/ui/ActionEventMediator";
-import { findMappedClientScripts } from "../../../../../../client-scripts/behaviour/zclient-scripts-execution/frameworks/ClientScriptsUtils";
-
-function RowActionsRendererView(_ref, ref) {
-  let {
-    state
-  } = _ref;
-  const {
-    actions,
-    gap,
-    clientScripts,
-    testId
-  } = state.properties;
-  return /*#__PURE__*/React.createElement(Flex, {
-    ref: ref,
-    testId: testId ? testId : "",
-    $ui_displayMode: "inline",
-    $ui_alignItems: "center",
-    $ui_className: `${gap !== ActionViewGap.NONE ? style[`gap_${gap}`] : ''}`
-  }, actions.map((action, index) => {
-    // @ts-ignore
-    return /*#__PURE__*/React.createElement(ActionEventMediator, {
-      action: action,
-      clientScripts: findMappedClientScripts(action, clientScripts),
-      key: index,
-      instanceName: action.instanceName
-    });
-  }));
-}
-
-;
-export default RowActionsRendererView;