@zohodesk/library-platform 1.1.10-exp.3 → 1.1.10-exp.5

package/es/cc/fields/field/Types.js

@@ -1,4 +1,5 @@
 var Types = /*#__PURE__*/function (Types) {
+  Types["PrimaryField"] = "Primary";
   Types["CheckboxField"] = "Checkbox";
   Types["SwitchField"] = "Switch";
   Types["SingleLineField"] = "SingleLine";

package/es/cc/fields/lookup/Properties.js

@@ -32,7 +32,8 @@ export default { ...FieldProperties,
               type: ['string', 'null']
             }
           },
-          required: ['id', 'name']
+          required: ['id', 'name'],
+          additionalProperties: true
         }, {
           // NOTE: string type is used in Form Lookup field translator
           type: 'string' // Allowing string type for backward compatibility or alternative usage

package/es/cc/fields/name/Events.js

@@ -0,0 +1,3 @@
+import FieldEvents from "../field/Events";
+const Events = FieldEvents;
+export default Events;

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

@@ -0,0 +1,14 @@
+export default function NameFieldModel(_ref) {
+  let {
+    name,
+    value,
+    uiType,
+    appendToActionPayload
+  } = _ref;
+  return {
+    name,
+    appendToActionPayload,
+    type: uiType,
+    value
+  };
+}

package/es/cc/fields/name/Properties.js

@@ -0,0 +1,27 @@
+import FieldProperties from "../field/Properties";
+export default { ...FieldProperties,
+  value: {
+    required: true,
+    defaultValue: {},
+    typeMetadata: {
+      schema: {
+        type: 'object',
+        properties: {
+          id: {
+            type: 'string'
+          },
+          value: {
+            type: 'string'
+          },
+          url: {
+            type: 'string'
+          },
+          isPreventDefault: {
+            type: 'boolean'
+          }
+        },
+        required: ['value', 'url']
+      }
+    }
+  }
+};

package/es/cc/table-connected/Properties.js

@@ -59,6 +59,19 @@ export default {
       }
     }
   },
+  nameFieldsConfig: {
+    required: false,
+    defaultValue: {
+      isEnabled: true,
+      isPreventDefault: false,
+      constructUrl: null
+    },
+    typeMetadata: {
+      schema: {
+        type: 'object'
+      }
+    }
+  },
   reOrderConfig: {
     required: false,
     defaultValue: {

package/es/cc/table-connected/constants/ExternalConstants.js

@@ -5,5 +5,6 @@ export default {
   RECORDS_SELECTED: 'SMART_TABLE#RECORDS_SELECTED',
   RECORDS_DESELECTED: 'SMART_TABLE#RECORDS_DESELECTED',
   SMART_TABLE_ROW_ACTION_TRIGGERED: 'SMART_TABLE#ROW_ACTION_TRIGGERED',
+  SMART_TABLE_NAME_FIELD_CLICKED: 'SMART_TABLE#NAME_FIELD_CLICKED',
   SELECTION_LIMIT_EXCEEDED: 'SMART_TABLE#SELECTION_LIMIT_EXCEEDED'
 };

package/es/cc/table-list/Constants.js

@@ -11,6 +11,7 @@ class Constants {
   static TABLE_LIST_ROW_CLICKED = 'TABLE_LIST#ROW_CLICKED';
   static TABLE_LIST_ROW_DRAG_START = 'TABLE_LIST#ROW_DRAG_START';
   static TABLE_LIST_ROW_DRAG_END = 'TABLE_LIST#ROW_DRAG_END';
+  static TABLE_LIST_NAME_FIELD_CLICKED = 'TABLE_LIST#NAME_FIELD_CLICKED';
 }
 
 export default Constants;

package/es/cc/table-list/Events.js

@@ -55,5 +55,25 @@ const Events = [{
       }
     }
   }
+}, {
+  type: Constants.TABLE_LIST_NAME_FIELD_CLICKED,
+  payload: {
+    fieldName: {
+      name: 'fieldName',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    url: {
+      name: 'url',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  }
 }];
 export default Events;

package/es/cc/table-list/Properties.js

@@ -17,6 +17,7 @@ import PhoneProperties from "../fields/phone/Properties";
 import PickListProperties from "../fields/pick-list/Properties";
 import TextProperties from "../fields/text/Properties";
 import UrlProperties from "../fields/url/Properties";
+import NameFieldProperties from "../fields/name/Properties";
 const TableListProperties = {
   isReOrderLoading: {
     required: false,
@@ -203,7 +204,7 @@ const TableListProperties = {
             required: ['id', 'name', 'text']
           },
           Column: {
-            anyOf: [PropertiesConverter.toJsonSchema(BooleanProperties), PropertiesConverter.toJsonSchema(CurrencyProperties), PropertiesConverter.toJsonSchema(DateProperties), PropertiesConverter.toJsonSchema(DatetimeProperties), PropertiesConverter.toJsonSchema(DecimalProperties), PropertiesConverter.toJsonSchema(EmailProperties), PropertiesConverter.toJsonSchema(LookupProperties), PropertiesConverter.toJsonSchema(MultiSelectProperties), PropertiesConverter.toJsonSchema(NumberProperties), PropertiesConverter.toJsonSchema(PercentProperties), PropertiesConverter.toJsonSchema(PhoneProperties), PropertiesConverter.toJsonSchema(PickListProperties), PropertiesConverter.toJsonSchema(TextProperties), PropertiesConverter.toJsonSchema(UrlProperties), // Below field is for the empty cell
+            anyOf: [PropertiesConverter.toJsonSchema(BooleanProperties), PropertiesConverter.toJsonSchema(CurrencyProperties), PropertiesConverter.toJsonSchema(DateProperties), PropertiesConverter.toJsonSchema(DatetimeProperties), PropertiesConverter.toJsonSchema(DecimalProperties), PropertiesConverter.toJsonSchema(EmailProperties), PropertiesConverter.toJsonSchema(LookupProperties), PropertiesConverter.toJsonSchema(MultiSelectProperties), PropertiesConverter.toJsonSchema(NumberProperties), PropertiesConverter.toJsonSchema(PercentProperties), PropertiesConverter.toJsonSchema(PhoneProperties), PropertiesConverter.toJsonSchema(PickListProperties), PropertiesConverter.toJsonSchema(TextProperties), PropertiesConverter.toJsonSchema(UrlProperties), PropertiesConverter.toJsonSchema(NameFieldProperties), // Below field is for the empty cell
             {
               type: 'object',
               properties: {

package/es/library/dot/components/form/frameworks/ui/FormView.js

@@ -21,7 +21,6 @@ function FormView(_ref, ref) {
     clientScripts
   } = state.viewModel;
   return /*#__PURE__*/React.createElement(Flex, {
-    $ui_tagName: "form",
     $ui_displayMode: "flex",
     $ui_direction: "column",
     $flag_fullsize: true,

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

@@ -1,4 +1,5 @@
 import FieldTypes from "../../../../cc/fields/field/Types";
+import PrimaryField from "./primary-field/frameworks/ui/PrimaryField";
 import CheckboxField from "./checkbox-field/frameworks/ui/CheckboxField";
 import SwitchField from "./switch-field/frameworks/ui/SwitchField";
 import SingleLineField from "./singleline-field/frameworks/ui/SingleLineField";
@@ -17,6 +18,7 @@ import NumberField from "./number-field/frameworks/ui/NumberField";
 import DecimalField from "./decimal-field/frameworks/ui/DecimalField";
 import MultiSelectField from "./multiselect-field/frameworks/ui/MultiSelectField";
 const FieldComponents = {
+  [FieldTypes.PrimaryField]: PrimaryField,
   [FieldTypes.CheckboxField]: CheckboxField,
   [FieldTypes.SwitchField]: SwitchField,
   // TODO: Need to register SwitchField

package/es/library/dot/legacy-to-new-arch/table-field-components/primary-field/frameworks/ui/PrimaryField.js

@@ -0,0 +1,12 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import NameFieldProperties from "../../../../../../../cc/fields/name/Properties";
+import NameFieldEvents from "../../../../../../../cc/fields/name/Events";
+import PrimaryFieldView from "./PrimaryFieldView";
+const PrimaryField = createCustomComponent({
+  name: 'PrimaryField',
+  View: PrimaryFieldView,
+  properties: NameFieldProperties,
+  events: NameFieldEvents,
+  eventHandlers: {}
+});
+export default PrimaryField;

package/es/library/dot/legacy-to-new-arch/table-field-components/primary-field/frameworks/ui/PrimaryFieldView.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import TableLink from "@zohodesk-private/desk-components/es/table/TableLink/TableLink";
+import { TableListConstants } from "../../../../../../../cc/table-list";
+export default function PrimaryFieldView(_ref, ref) {
+  let {
+    state,
+    helpers
+  } = _ref;
+  let {
+    dispatch
+  } = helpers;
+  let {
+    value: propValue,
+    name: fieldName
+  } = state.properties;
+  let {
+    value,
+    url,
+    isPreventDefault
+  } = propValue;
+
+  function handleClick(event) {
+    if (isPreventDefault) {
+      event && event.preventDefault();
+    }
+
+    dispatch({
+      type: TableListConstants.TABLE_LIST_NAME_FIELD_CLICKED,
+      payload: {
+        fieldName,
+        url
+      }
+    });
+  }
+
+  return /*#__PURE__*/React.createElement(TableLink, {
+    $customProps_link: {
+      ref,
+      onClick: handleClick
+    },
+    $data_text: value,
+    $data_url: url,
+    $data_target: "_self",
+    $flag_hoverableFromList: true
+  });
+}

package/es/platform/app-context-behaviour/frameworks/AppContextBehaviourFactory.js

@@ -14,8 +14,8 @@ class AppContextBehaviourFactory {
         } = _ref;
         const appResource = platformSDK[ResourceNamesEnum.APP];
         return {
-          headers: appResource.getApiHeader(),
-          context: { ...appResource.getContext(),
+          headers: appResource && appResource.getApiHeader(),
+          context: { ...(appResource && appResource.getContext()),
             ...context
           }
         };

package/es/platform/components/table-connected/frameworks/EventHandlersFactory.js

@@ -24,7 +24,8 @@ const {
   TABLE_LIST_RESIZE_MOVE_REQUESTED,
   TABLE_LIST_RESIZE_END_REQUESTED,
   TABLE_LIST_SCROLLED,
-  TABLE_LIST_ROW_DRAG_END
+  TABLE_LIST_ROW_DRAG_END,
+  TABLE_LIST_NAME_FIELD_CLICKED
 } = TableListEventConstants;
 
 function createHandlerWithSdk(handler) {
@@ -261,9 +262,21 @@ export default class EventHandlersFactory {
       });
     };
 
+    const navigationHandler = args => {
+      const {
+        action,
+        dispatch
+      } = args;
+      dispatch({
+        type: SmartTableConstants.ExternalConstants.SMART_TABLE_NAME_FIELD_CLICKED,
+        payload: action.payload
+      });
+    };
+
     const defaultEventHandlers = {
       NAVIGATION: NavigationHandler,
       // [`${name}#${LifeCycleEvents.MOUNT}`]: smartTableRenderedMetrics,
+      [TABLE_LIST_NAME_FIELD_CLICKED]: navigationHandler,
       [`${name}#${LifeCycleEvents.STATE_UPDATED}`]: addMetrics,
       [RESIZE_FINISHED]: new ResizeFinishController().handle,
       [TABLE_LIST_RESIZE_START_REQUESTED]: new ResizeStartController().handle,

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/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,20 @@ 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,
+      isPreventDefault: nameFieldsConfig.isPreventDefault || false
+    })
   };
 
   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,54 @@
+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,
+    isPreventDefault
+  } = _ref2;
+  const {
+    uiType,
+    name
+  } = field;
+  let nameFieldValue = undefined;
+  nameFieldValue = typeof value !== 'object' ? {
+    value,
+    isPreventDefault,
+    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,

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

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

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

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

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

@@ -14,7 +14,9 @@ export { default as DateTime } from "./DateTimeFieldTranslator";
 export { default as Picklist } from "./PickListFieldTranslator";
 export { default as Multiselect } from "./MultiSelectFieldTranslator";
 export { default as LookUp } from "./LookUpFieldTranslator";
-export { default as Formula } from "./FormulaFieldTranslator"; // // Field Name is to be similar to the API response
+export { default as Formula } from "./FormulaFieldTranslator"; // Special Field Type
+
+export { default as NameField } from "./NameFieldTranslator"; // // Field Name is to be similar to the API response
 // class FieldTranslator {
 //   static translate(field, value) {
 //     const { type } = field;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/library-platform",
-  "version": "1.1.10-exp.3",
+  "version": "1.1.10-exp.5",
   "description": "",
   "main": "es/index.js",
   "files": [
@@ -97,4 +97,4 @@
     "jsep": "0.3.5",
     "object-path-immutable": "4.1.2"
   }
-}
+}

package/es/cc/form-connected/Constants.js

@@ -1,12 +0,0 @@
-class SmartFormConstants {
-  static SMART_FORM_FIELD_FOCUSED = 'SMART_FORM#FIELD_FOCUSED';
-  static SMART_FORM_FIELD_BLURRED = 'SMART_FORM#FIELD_BLURRED';
-  static SMART_FORM_FIELD_VALUE_CHANGED = 'SMART_FORM#FIELD_VALUE_CHANGED';
-  static SMART_FORM_SUBMIT = 'SMART_FORM#SUBMIT';
-  static SMART_FORM_SUBMIT_CLICKED = 'SMART_FORM#SUBMIT_CLICKED';
-  static SMART_FORM_CANCEL_CLICKED = 'SMART_FORM#CANCEL_CLICKED';
-  static SMART_FORM_SUBMIT_SUCCESS = 'SMART_FORM#SUBMIT_SUCCESS';
-  static SMART_FORM_SUBMIT_FAILURE = 'SMART_FORM#SUBMIT_FAILED';
-}
-
-export default SmartFormConstants;

package/es/platform/client-actions/cc/dynamic-action-component/Properties.js

@@ -1,51 +0,0 @@
-export const actionSchema = {
-  type: 'object',
-  properties: {
-    component: {
-      type: 'string'
-    },
-    id: {
-      type: 'string'
-    },
-    properties: {
-      type: 'object'
-    },
-    eventMappings: {
-      type: 'array',
-      minItems: 0,
-      items: {
-        type: 'object',
-        properties: {
-          action: {
-            type: 'object',
-            properties: {
-              event: {
-                type: 'string'
-              },
-              payload: {
-                type: 'object'
-              }
-            },
-            required: ['event', 'payload']
-          },
-          id: {
-            type: 'string'
-          },
-          sourceEvent: {
-            type: 'string'
-          }
-        },
-        required: ['id']
-      }
-    }
-  },
-  required: ['component', 'properties']
-};
-export default {
-  action: {
-    required: true,
-    typeMetadata: {
-      schema: actionSchema
-    }
-  }
-};

package/es/platform/client-actions/components/dynamic-component/domain/entities/interfaces/IState.js

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

package/es/platform/client-actions/components/dynamic-component/frameworks/ui/DynamicActionComponent.js

@@ -1,9 +0,0 @@
-import { createCustomComponent } from "../../../../../../library/custom-component";
-import DynamicActionComponentProperties from "../../../../cc/dynamic-action-component/Properties";
-import DynamicActionComponentView from "./DynamicActionComponentView";
-export default createCustomComponent({
-  name: 'DynamicActionComponent',
-  properties: DynamicActionComponentProperties,
-  eventHandlers: {},
-  View: DynamicActionComponentView
-});

package/es/platform/client-actions/components/dynamic-component/frameworks/ui/DynamicActionComponentView.js

@@ -1,38 +0,0 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-import React from 'react';
-import ComponentRegistry from "../../../../../../library/custom-component/frameworks/ui/ComponentRegistry";
-import ActionComponentMapping from "../../../../../../library/dot/components/action-location/frameworks/ui/ActionComponentMapping";
-
-function DynamicComponentView(_ref, ref) {
-  let {
-    state
-  } = _ref;
-  const {
-    action
-  } = state.properties;
-  const {
-    component,
-    properties,
-    eventMappings,
-    id: actionId
-  } = action;
-  const Component = ComponentRegistry.get(component) || ActionComponentMapping[component];
-
-  if (!Component) {
-    return /*#__PURE__*/React.createElement("div", {
-      ref: ref
-    }, "Error");
-  }
-
-  return /*#__PURE__*/React.createElement(Component, _extends({
-    getRef: ref
-  }, properties, {
-    appendToActionPayload: {
-      eventMappings,
-      actionId
-    }
-  }));
-}
-
-export default DynamicComponentView;

package/es/platform/client-actions/components/row-actions-renderer/frameworks/ui/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/RowActionsRenderer.module.css

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

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

@@ -1,33 +0,0 @@
-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

@@ -1,18 +0,0 @@
-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

@@ -1,29 +0,0 @@
-// 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

@@ -1,19 +0,0 @@
-// 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

@@ -1,43 +0,0 @@
-// 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

@@ -1,30 +0,0 @@
-// 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/translators/ColumnAlignmentTranslator.js

@@ -1,11 +0,0 @@
-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;