@zohodesk/library-platform 1.1.10-exp.2 → 1.1.10-temp-1

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

@@ -1,19 +1,19 @@
 .wrapper {
-    max-width: 100%
+    max-width: 100% 
 }
 
 .gap_small {
-    gap: 4px
+    gap: var(--zd_size4) 
 }
 
 .gap_xmedium {
-    gap: 6px
+    gap: var(--zd_size6) 
 }
 
 .gap_medium {
-    gap: 8px
+    gap: var(--zd_size8) 
 }
 
 .gap_large {
-    gap: 10px
+    gap: var(--zd_size10) 
 }

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

@@ -0,0 +1,12 @@
+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/RowActionsRenderer.module.css

@@ -0,0 +1,19 @@
+.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) 
+}

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import Flex from '@zohodesk/layout/es/Flex/Flex';
+import DynamicActionComponent from "../../../dynamic-component/frameworks/ui/DynamicActionComponent";
+import { ActionViewGap } from "../../../interfaces/ActionViewModel";
+// @ts-ignore
+import style from "./RowActionsRenderer.module.css";
+
+function RowActionsRendererView(_ref, ref) {
+  let {
+    state
+  } = _ref;
+  const {
+    actions,
+    gap,
+    testId
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(Flex, {
+    ref: ref,
+    testId: testId,
+    customId: testId,
+    $ui_displayMode: "inline",
+    $ui_alignItems: "center",
+    $ui_className: `${style.wrapper} ${gap !== ActionViewGap.NONE ? style[`gap_${gap}`] : ''}`
+  }, actions.map((action, index) => {
+    return /*#__PURE__*/React.createElement(DynamicActionComponent, {
+      action: action,
+      key: index
+    });
+  }));
+}
+
+;
+export default RowActionsRendererView;

package/es/platform/data-source/http-template/fetchDependencyMappings.js

@@ -0,0 +1,18 @@
+const fetchDependencyMappings = {
+  name: 'fetchDependencyMappings',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/dependencyMappings',
+  parameters: `{"layoutId":"{{layoutId}}"}`,
+  type: 'GET',
+  transformer: data => data,
+  properties: {
+    layoutId: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  }
+};
+export default fetchDependencyMappings;

package/es/platform/data-source/http-template/fetchLayoutRules.js

@@ -0,0 +1,29 @@
+// Assuming GetTemplate interface is defined
+const fetchLayoutRules = {
+  name: 'fetchLayoutRules',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/layouts/{{layoutId}}/layoutRules',
+  parameters: `{"activeRulesOnly":{{activeRulesOnly}}}`,
+  type: 'GET',
+  transformer: data => data,
+  properties: {
+    layoutId: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    activeRulesOnly: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'boolean'
+        }
+      },
+      defaultValue: true // Assuming true as a default if parameter is optional
+
+    }
+  }
+};
+export default fetchLayoutRules;

package/es/platform/data-source/http-template/fetchMyForm.js

@@ -0,0 +1,19 @@
+// Assuming similar structure to PatchTemplate
+const fetchMyForm = {
+  name: 'myFormFetch',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/myForm',
+  parameters: `{"layoutId":"{{layoutId}}"}`,
+  type: 'GET',
+  transformer: data => data,
+  properties: {
+    layoutId: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  }
+};
+export default fetchMyForm;

package/es/platform/data-source/http-template/fetchMyFormLayout.js

@@ -0,0 +1,43 @@
+// Assumed you have a GetTemplate interface similar to PatchTemplate
+const fetchMyLayouts = {
+  name: 'myLayoutsFetch',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/myLayouts',
+  parameters: `{"module":"{{module}}","departmentId":"{{departmentId}}","from":"{{from}}","limit":"{{limit}}"}`,
+  type: 'GET',
+  transformer: data => data,
+  properties: {
+    module: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    departmentId: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    from: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    limit: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  }
+};
+export default fetchMyLayouts;

package/es/platform/data-source/http-template/fetchValidationRules.js

@@ -0,0 +1,30 @@
+// Assuming GetTemplate interface is similar to PatchTemplate
+import { transFormValidationRules } from "../utils/validation-rules/TransFormValidationRules";
+const fetchValidationRules = {
+  name: 'fetchValidationRules',
+  api: '/{{servicePrefix}}/{{orgName}}/api/v1/layouts/{{layoutId}}/validationRules',
+  parameters: `{"activeRulesOnly":{{activeRulesOnly}}}`,
+  type: 'GET',
+  transformer: transFormValidationRules,
+  properties: {
+    layoutId: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    activeRulesOnly: {
+      required: true,
+      typeMetadata: {
+        schema: {
+          type: 'boolean'
+        }
+      },
+      defaultValue: true // Assuming default behavior if not provided
+
+    }
+  }
+};
+export default fetchValidationRules;

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

@@ -38,8 +38,12 @@ export default class TableTranslator {
     const {
       resizeConfig,
       preferences,
-      keyboardControlsConfig
+      keyboardControlsConfig,
+      nameFieldsConfig
     } = properties;
+    const {
+      modules
+    } = context;
     context['servicePrefix'] = 'supportapi/zd'; // FIX: servicePrefix defaultValue should be available from properties
 
     const {
@@ -108,7 +112,7 @@ export default class TableTranslator {
     const modifiedWidths = calculateFieldWidths(fields, localStorageFieldWidths, preferences);
     const recordsForDisplay = isRecordsShouldBeEmptied ? EMPTY_ARRAY : records;
     const headersTranslator = new HeadersTranslator(fields, headerActions, context, modifiedWidths, sortBy, records, instanceName, moduleName);
-    const rowsTranslator = new RowsTranslator(recordsForDisplay, fields, rowActions, context, preferences, fieldComponentMapping, rowActionsUiType, fieldActions, instanceName, moduleName); // const actionTranslator = new ClientActionsTranslator(clientActions, records, fields, pageContext);
+    const rowsTranslator = new RowsTranslator(recordsForDisplay, fields, rowActions, context, preferences, fieldComponentMapping, rowActionsUiType, fieldActions, instanceName, moduleName, nameFieldsConfig); // const actionTranslator = new ClientActionsTranslator(clientActions, records, fields, pageContext);
     // const translators = [headersTranslator.getTranslator(), rowsTranslator.getTranslator(), actionTranslator.getTranslator()];
 
     const translators = [headersTranslator.getTranslator(), rowsTranslator.getTranslator()];

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

@@ -0,0 +1,11 @@
+import { Alignment } from "../../../../../cc/table-list/data-types/Header";
+
+function ColumnAlignmentTranslator(type) {
+  if (type === 'Boolean') {
+    return Alignment.Center;
+  } else {
+    return Alignment.Left;
+  }
+}
+
+export default ColumnAlignmentTranslator;

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

@@ -17,13 +17,15 @@ function getLookupUrlConstructions(_ref) {
   return `/agent/${orgName}/${departmentName}/${lookupModuleName}/details/${value.id}`;
 }
 
-function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, context, preferences, instanceName, moduleName) {
+function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, context, preferences, instanceName, moduleName, nameFieldsConfig) {
   const {
     isCustomField,
     name,
     type
   } = field;
-  let fieldToUiValue;
+  const {
+    modules
+  } = context;
   const fieldEntry = fieldComponentMapping[name];
 
   if (typeof fieldEntry == 'string') {
@@ -45,7 +47,11 @@ function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, co
     field.uiType = fieldComponentMapping[name];
   }
 
-  const fieldTranslator = FieldTranslators[type];
+  let nameFieldTypes = ['Text'];
+  let moduleApiKeyCheck = modules && modules.some(m => {
+    return m.apiKey === field.name;
+  });
+  const fieldTranslator = nameFieldsConfig.isEnabled && nameFieldTypes.includes(field.type) && moduleApiKeyCheck ? FieldTranslators['NameField'] : FieldTranslators[type];
 
   if (!fieldTranslator) {
     console.error(`Field type ${type} not supported`);
@@ -65,18 +71,19 @@ function ColumnTranslator(field, record, fieldComponentMapping, fieldActions, co
     });
   }
 
-  let finalValue = value;
-
-  if (fieldToUiValue !== undefined) {
-    finalValue = fieldToUiValue;
-  }
-
-  finalValue = tempValue ? tempValue : finalValue;
   const viewModel = {
     actions,
-    ...fieldTranslator(field, finalValue, {
-      recordId: record.id
-    }, context, preferences)
+    ...fieldTranslator({
+      field,
+      value: tempValue ? tempValue : value,
+      appendToActionPayload: {
+        recordId: record.id
+      },
+      context,
+      preferences,
+      moduleName,
+      constructUrl: nameFieldsConfig.constructUrl
+    })
   };
 
   if (fieldEntry && typeof fieldEntry === 'object') {

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

@@ -11,14 +11,15 @@ export default function RowTranslator(_ref) {
     context,
     preferences,
     instanceName,
-    moduleName
+    moduleName,
+    nameFieldsConfig
   } = _ref;
   const actions = ClientActionsTranslator.transform(rowActions, instanceName, moduleName, { ...context,
     record
   });
   return {
     id: record.id,
-    columns: fields.map(field => ColumnTranslator(field, record, fieldComponentMapping, fieldActions, context, preferences, instanceName, moduleName)),
+    columns: fields.map(field => ColumnTranslator(field, record, fieldComponentMapping, fieldActions, context, preferences, instanceName, moduleName, nameFieldsConfig)),
     rowActionLocation: {
       type: rowActionsUiType,
       actions

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

@@ -1,6 +1,6 @@
 import RowTranslator from "./Row";
 export default class RowsTranslator {
-  constructor(records, fields, rowActions, context, preferences, fieldComponentMapping, rowActionsUiType, fieldActions, instanceName, moduleName) {
+  constructor(records, fields, rowActions, context, preferences, fieldComponentMapping, rowActionsUiType, fieldActions, instanceName, moduleName, nameFieldsConfig) {
     this.records = records;
     this.fields = fields;
     this.rowActions = rowActions;
@@ -11,6 +11,7 @@ export default class RowsTranslator {
     this.fieldActions = fieldActions;
     this.instanceName = instanceName;
     this.moduleName = moduleName;
+    this.nameFieldsConfig = nameFieldsConfig;
     this.pipe = this.pipe.bind(this);
   }
 
@@ -29,7 +30,8 @@ export default class RowsTranslator {
       context: this.context,
       preferences: this.preferences,
       instanceName: this.instanceName,
-      moduleName: this.moduleName
+      moduleName: this.moduleName,
+      nameFieldsConfig: this.nameFieldsConfig
     }));
   }
 

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

@@ -1,7 +1,13 @@
+// import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import BooleanFieldModel from "../../../../../../cc/fields/boolean/Model";
 
-const BooleanFieldTranslator = (field, value, appendToActionPayload) => {
+const BooleanFieldTranslator = _ref => {
+  let {
+    field,
+    value,
+    appendToActionPayload
+  } = _ref;
   const {
     uiType,
     name

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

@@ -1,7 +1,14 @@
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import CurrencyFieldModel from "../../../../../../cc/fields/currency/Model";
 
-const CurrencyFieldTranslator = (field, value, appendToActionPayload, context, preferences) => {
+const CurrencyFieldTranslator = _ref => {
+  let {
+    field,
+    value,
+    appendToActionPayload,
+    context,
+    preferences
+  } = _ref;
   const {
     uiType,
     name

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

@@ -1,7 +1,13 @@
+// import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import DateFieldModel from "../../../../../../cc/fields/date/Model";
 
-const DateFieldTranslator = (field, value, appendToActionPayload) => {
+const DateFieldTranslator = _ref => {
+  let {
+    field,
+    value,
+    appendToActionPayload
+  } = _ref;
   const {
     uiType,
     name

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

@@ -1,7 +1,13 @@
+// import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import DateTimeFieldModel from "../../../../../../cc/fields/datetime/Model";
 
-const DateTimeFieldTranslator = (field, value, appendToActionPayload) => {
+const DateTimeFieldTranslator = _ref => {
+  let {
+    field,
+    value,
+    appendToActionPayload
+  } = _ref;
   const {
     uiType,
     name

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

@@ -1,7 +1,13 @@
+// import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import DecimalFieldModel from "../../../../../../cc/fields/decimal/Model";
 
-const DecimalFieldTranslator = (field, value, appendToActionPayload) => {
+const DecimalFieldTranslator = _ref => {
+  let {
+    field,
+    value,
+    appendToActionPayload
+  } = _ref;
   const {
     uiType,
     name

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

@@ -1,7 +1,12 @@
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import EmailFieldModel from "../../../../../../cc/fields/email/Model";
 
-const EmailFieldTranslator = (field, value, appendToActionPayload) => {
+const EmailFieldTranslator = _ref => {
+  let {
+    field,
+    value,
+    appendToActionPayload
+  } = _ref;
   const {
     uiType,
     name

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

@@ -1,7 +1,14 @@
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import FormulaFieldModel from "../../../../../../cc/fields/formula/Model";
 
-const FormulaFieldTranslator = (field, value, appendToActionPayload, context, preferences) => {
+const FormulaFieldTranslator = _ref => {
+  let {
+    field,
+    value,
+    appendToActionPayload,
+    context,
+    preferences
+  } = _ref;
   const {
     uiType,
     name

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

@@ -1,7 +1,12 @@
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import LookupFieldModel from "../../../../../../cc/fields/lookup/Model";
 
-const LookUpFieldTranslator = (field, value, appendToActionPayload) => {
+const LookUpFieldTranslator = _ref => {
+  let {
+    field,
+    value,
+    appendToActionPayload
+  } = _ref;
   const {
     uiType,
     name

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

@@ -1,7 +1,13 @@
+// import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import MultiLineFieldModel from "../../../../../../cc/fields/multi-select/Model";
 
-const MultiLineFieldTranslator = (field, value, appendToActionPayload) => {
+const MultiLineFieldTranslator = _ref => {
+  let {
+    field,
+    value,
+    appendToActionPayload
+  } = _ref;
   const {
     uiType,
     name

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

@@ -1,8 +1,14 @@
+// import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import MultiListFieldModel from "../../../../../../cc/fields/multi-select/Model";
 import ColouredMultiListFieldModel from "../../../../../../cc/fields/coloured-multi-select/Model";
 
-const MultiSelectFieldTranslator = (field, value, appendToActionPayload) => {
+const MultiSelectFieldTranslator = _ref => {
+  let {
+    field,
+    value,
+    appendToActionPayload
+  } = _ref;
   const {
     uiType,
     name,

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

@@ -0,0 +1,52 @@
+import FieldTypes from "../../../../../../cc/fields/field/Types";
+import NameFieldModel from "../../../../../../cc/fields/name/Model";
+
+function getNameFieldUrlConstructions(_ref) {
+  let {
+    record,
+    context,
+    moduleName
+  } = _ref;
+  let {
+    orgName,
+    departmentName
+  } = context;
+  return `/agent/${orgName}/${departmentName}/${moduleName}/details/${record.recordId}`;
+}
+
+const NameFieldTranslator = _ref2 => {
+  let {
+    field,
+    value,
+    appendToActionPayload,
+    context,
+    moduleName,
+    constructUrl
+  } = _ref2;
+  const {
+    uiType,
+    name
+  } = field;
+  let nameFieldValue = undefined;
+  nameFieldValue = typeof value !== 'object' ? {
+    value,
+    id: appendToActionPayload.recordId
+  } : value;
+  nameFieldValue.url = constructUrl ? constructUrl({
+    record: appendToActionPayload,
+    context,
+    moduleName
+  }) : getNameFieldUrlConstructions({
+    record: appendToActionPayload,
+    context,
+    moduleName
+  });
+  return NameFieldModel({
+    uiType: FieldTypes.PrimaryField,
+    appendToActionPayload,
+    name,
+    value: nameFieldValue
+  });
+};
+
+export default NameFieldTranslator;

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

@@ -1,7 +1,13 @@
+// import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import NumberFieldModel from "../../../../../../cc/fields/number/Model";
 
-const NumberLineFieldTranslator = (field, value, appendToActionPayload) => {
+const NumberLineFieldTranslator = _ref => {
+  let {
+    field,
+    value,
+    appendToActionPayload
+  } = _ref;
   const {
     uiType,
     name

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

@@ -1,7 +1,13 @@
+// import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import PercentFieldModel from "../../../../../../cc/fields/percent/Model";
 
-const PercentageFieldTranslator = (field, value, appendToActionPayload) => {
+const PercentageFieldTranslator = _ref => {
+  let {
+    field,
+    value,
+    appendToActionPayload
+  } = _ref;
   const {
     uiType,
     name

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

@@ -1,7 +1,13 @@
+// import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import PhoneFieldModel from "../../../../../../cc/fields/phone/Model";
 
-const PhoneFieldTranslator = (field, value, appendToActionPayload) => {
+const PhoneFieldTranslator = _ref => {
+  let {
+    field,
+    value,
+    appendToActionPayload
+  } = _ref;
   const {
     uiType,
     name

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

@@ -1,8 +1,14 @@
+// import FieldModel from '@platform/zfield/entities/interfaces/FieldModel';
 import FieldTypes from "../../../../../../cc/fields/field/Types";
 import PickListFieldModel from "../../../../../../cc/fields/pick-list/Model";
 import ColouredPickListFieldModel from "../../../../../../cc/fields/coloured-pick-list/Model";
 
-const PickListFieldTranslator = (field, value, appendToActionPayload) => {
+const PickListFieldTranslator = _ref => {
+  let {
+    field,
+    value,
+    appendToActionPayload
+  } = _ref;
   const {
     uiType,
     name,