@zohodesk/library-platform 1.1.10 → 1.1.11

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

@@ -5,7 +5,8 @@ export function MultiSelectFieldView(_ref, ref) {
     state
   } = _ref;
   const {
-    value
+    value,
+    textOverflowMode
   } = state.properties;
   const selectedOptions = value.map(item => ({
     id: item,
@@ -13,6 +14,7 @@ export function MultiSelectFieldView(_ref, ref) {
   }));
   return /*#__PURE__*/React.createElement(Tags, {
     getRef: ref,
-    tags: selectedOptions
+    tags: selectedOptions,
+    isWrapped: textOverflowMode === 'wrap'
   });
 }

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

@@ -5,10 +5,15 @@ export function NumberFieldView(_ref, ref) {
     state
   } = _ref;
   const {
-    value
+    value,
+    textOverflowMode,
+    isRead
   } = state.properties;
   return /*#__PURE__*/React.createElement(Text, {
     getRef: ref,
-    text: value
+    text: value,
+    tooltip: value,
+    isDotted: textOverflowMode === 'clip',
+    weight: isRead ? undefined : 'bold'
   });
 }

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

@@ -5,10 +5,15 @@ export function PercentageFieldView(_ref, ref) {
     state
   } = _ref;
   const {
-    value
+    value,
+    textOverflowMode,
+    isRead
   } = state.properties;
   return /*#__PURE__*/React.createElement(Text, {
     getRef: ref,
-    text: value
+    text: value,
+    tooltip: value,
+    isDotted: textOverflowMode === 'clip',
+    weight: isRead ? undefined : 'bold'
   });
 }

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

@@ -6,7 +6,9 @@ function PhoneFieldView(_ref, ref) {
     state
   } = _ref;
   const {
-    value
+    value,
+    textOverflowMode,
+    isRead
   } = state.properties;
   const href = `tel:${value}`;
   return /*#__PURE__*/React.createElement(Link, {
@@ -14,7 +16,9 @@ function PhoneFieldView(_ref, ref) {
     label: value,
     href: href,
     variant: "secondary",
-    opensNewTab: true
+    weight: isRead ? undefined : 'bold',
+    opensNewTab: true,
+    isDotted: textOverflowMode === 'clip'
   });
 }
 

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

@@ -5,10 +5,15 @@ export function PickListFieldView(_ref, ref) {
     state
   } = _ref;
   const {
-    value
+    value,
+    textOverflowMode,
+    isRead
   } = state.properties;
   return /*#__PURE__*/React.createElement(Text, {
     getRef: ref,
-    text: value
+    text: value,
+    tooltip: value,
+    isDotted: textOverflowMode === 'clip',
+    weight: isRead ? undefined : 'bold'
   });
 }

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,50 @@
+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,
+    textOverflowMode,
+    isRead
+  } = 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_wrapText: textOverflowMode === 'wrap',
+    $flag_hoverableFromList: true,
+    $ui_weight: isRead ? undefined : 'bold'
+  });
+}

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

@@ -5,11 +5,15 @@ export function SingleLineFieldView(_ref, ref) {
     state
   } = _ref;
   const {
-    value
+    value,
+    textOverflowMode,
+    isRead
   } = state.properties;
   return /*#__PURE__*/React.createElement(Text, {
     getRef: ref,
     text: value,
-    tooltip: ""
+    tooltip: value,
+    isDotted: textOverflowMode === 'clip',
+    weight: isRead ? undefined : 'bold'
   });
 }

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

@@ -5,13 +5,17 @@ export function UrlFieldView(_ref, ref) {
     state
   } = _ref;
   const {
-    value
+    value,
+    textOverflowMode,
+    isRead
   } = state.properties;
   return /*#__PURE__*/React.createElement(Link, {
     getRef: ref,
     label: value,
     href: value,
     variant: "secondary",
-    opensNewTab: true
+    weight: isRead ? undefined : 'bold',
+    opensNewTab: true,
+    isDotted: textOverflowMode === 'clip'
   });
 }

package/es/library/dot/legacy-to-new-arch/tags/frameworks/ui/TagsView.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import TagList from '@zohodesk-private/desk-components/es/TagsList/TagsList';
 import TagContractAdapter from "./TagContractAdapter";
-import { TagsConstants } from "../../../../../../cc/tags";
+import TagsConstants from "../../../../../../cc/tags/Constants";
 
 function TagView(_ref, ref) {
   let {
@@ -13,13 +13,15 @@ function TagView(_ref, ref) {
   } = helpers;
   let {
     title,
-    tags
+    tags,
+    isWrapped
   } = state.properties;
   let tagsList = tags.map(TagContractAdapter);
   return /*#__PURE__*/React.createElement(TagList, {
     $method_getRef: ref,
     $data_list: tagsList,
     $i18n_moreheading: title,
+    $flag_isWrapped: isWrapped,
     $flag_showAllTagsInsideMore: false,
     $event_onTagClick: id => {
       dispatch({

package/es/library/dot/legacy-to-new-arch/text/frameworks/ui/TextView.js

@@ -1,6 +1,6 @@
 import React from "react";
-import Typography from "@zohodesk/components/es/v1/Typography/Typography";
-import { TextConstants } from "../../../../../../cc";
+import Typography from "@zohodesk/components/es/Typography/Typography";
+import TextConstants from "../../../../../../cc/text/Constants";
 
 function TextView(_ref, ref) {
   let {
@@ -13,7 +13,8 @@ function TextView(_ref, ref) {
   let {
     text,
     weight,
-    tooltip
+    tooltip,
+    isDotted
   } = state.properties;
   return /*#__PURE__*/React.createElement(Typography, {
     $tagAttributes_text: {
@@ -27,7 +28,7 @@ function TextView(_ref, ref) {
       }
     },
     $ui_size: "14",
-    $flag_dotted: true,
+    $flag_dotted: isDotted,
     $ui_weight: weight,
     $i18n_dataTitle: tooltip || text
   }, text);

package/es/library/dot/legacy-to-new-arch/text-area/frameworks/ui/TextAreaView.js

@@ -1,9 +1,10 @@
 import React from "react";
-import ActionEventMediator from "../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator";
 import Textarea from '@zohodesk/components/es/Textarea/Textarea';
 import TextAreaConstants from "../../../../../../cc/textarea/Constants"; // @ts-ignore
 
 import style from "./css/TextAreaView.module.css";
+import RowActionsRenderer from "../../../../../../platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer";
+import { ActionViewGap } from "../../../../../../platform/client-actions/components/interfaces/ActionViewModel";
 
 function TextAreaView(_ref, ref) {
   let {
@@ -21,7 +22,8 @@ function TextAreaView(_ref, ref) {
     required,
     disabled,
     readonly,
-    actions
+    actions,
+    clientScripts
   } = state.properties;
   const textAreaRenderer = /*#__PURE__*/React.createElement(Textarea, {
     getRef: ref,
@@ -62,8 +64,10 @@ function TextAreaView(_ref, ref) {
     className: style.hasChildren
   }, textAreaRenderer, /*#__PURE__*/React.createElement("div", {
     className: style.rightPlaceholder
-  }, /*#__PURE__*/React.createElement(ActionEventMediator, {
-    actions: actions
+  }, /*#__PURE__*/React.createElement(RowActionsRenderer, {
+    actions: actions,
+    clientScripts: clientScripts,
+    gap: ActionViewGap.SMALL
   })));
 }
 

package/es/library/dot/legacy-to-new-arch/text-area/frameworks/ui/css/TextAreaView.module.css

@@ -4,37 +4,13 @@
 
 .rightPlaceholder {
     position: absolute;
-    bottom: var(--zd_size4) ;
+    bottom: 4px;
 }
 
 [dir=ltr] .rightPlaceholder {
-    right: var(--zd_size12) ;
+    right: 12px;
 }
 
 [dir=rtl] .rightPlaceholder {
-    left: var(--zd_size12) ;
-}
-
-[dir=ltr] .paddingRight32 {
-    padding-right: var(--zd_size32) ;
-}
-
-[dir=rtl] .paddingRight32 {
-    padding-left: var(--zd_size32) ;
-}
-
-[dir=ltr] .paddingRight64 {
-    padding-right: var(--zd_size64) ;
-}
-
-[dir=rtl] .paddingRight64 {
-    padding-left: var(--zd_size64) ;
-}
-
-[dir=ltr] .paddingRight96 {
-    padding-right: var(--zd_size96) ;
-}
-
-[dir=rtl] .paddingRight96 {
-    padding-left: var(--zd_size96) ;
+    left: 12px;
 }

package/es/library/dot/legacy-to-new-arch/textbox/frameworks/ui/TextBoxView.js

@@ -1,7 +1,8 @@
 import React from "react";
-import ActionEventMediator from "../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator";
 import TextBox from "@zohodesk/components/es/TextBoxIcon/TextBoxIcon";
 import TextBoxConstants from "../../../../../../cc/textbox/Constants";
+import RowActionsRenderer from "../../../../../../platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer";
+import { ActionViewGap } from "../../../../../../platform/client-actions/components/interfaces/ActionViewModel";
 
 function TextBoxView(_ref, ref) {
   let {
@@ -21,12 +22,15 @@ function TextBoxView(_ref, ref) {
     required,
     disabled,
     readonly,
-    actions
+    actions,
+    clientScripts
   } = state.properties;
 
   const renderRightFieldActions = () => {
-    return actions?.length ? /*#__PURE__*/React.createElement(ActionEventMediator, {
-      actions: actions
+    return actions?.length ? /*#__PURE__*/React.createElement(RowActionsRenderer, {
+      actions: actions,
+      clientScripts: clientScripts,
+      gap: ActionViewGap.SMALL
     }) : null;
   };
 

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

@@ -0,0 +1,31 @@
+import AppContextProperties from "../../../bc/app-context/Properties";
+import { platformSDK } from "../../sdk/frameworks/Sdk";
+import ResourceNamesEnum from "../../../bc/sdk/ResourceNamesEnum";
+
+class AppContextBehaviourFactory {
+  static create() {
+    return {
+      name: 'appContext',
+      setInitialState: _ref => {
+        let {
+          properties: {
+            context
+          }
+        } = _ref;
+        const appResource = platformSDK[ResourceNamesEnum.APP];
+        return {
+          headers: appResource && appResource.getApiHeader(),
+          context: { ...(appResource && appResource.getContext()),
+            ...context
+          }
+        };
+      },
+      // eventHandlers: EventHandlerFactory.create(),
+      eventHandlers: {},
+      properties: AppContextProperties
+    };
+  }
+
+}
+
+export default AppContextBehaviourFactory;

package/es/platform/client-actions/behaviour/zclient-actions/applications/usecases/SetClientActionsUseCase.js

@@ -10,9 +10,14 @@ class SetClientActionsUseCase extends AbstractUseCase {
     const {
       clientActions
     } = input;
+
+    if (!clientActions) {
+      return;
+    }
+
     const recordManager = repository.getClientActionsManagerEntity();
     const recordsEntity = ClientActionFactory.createMultipleClientActions(clientActions);
-    recordManager.setClientActions(recordsEntity);
+    recordManager.setData(recordsEntity);
     presenter.updateClientAction(recordManager.toObject());
   }
 

package/es/platform/client-actions/behaviour/zclient-actions/domain/entities/ClientActionManager.js

@@ -2,12 +2,15 @@ import { DATA_SOURCE_FAILURE, DATA_SOURCE_NO_CONTENT, DATA_SOURCE_SUCCESS } from
 import { DATA_SOURCE_EXECUTE } from "../../../../../../bc/zdata-source/Constants";
 import { CLIENTACTION_EXECUTE_FAIL_CALLBACK, CLIENTACTION_EXECUTE_SUCCESS_CALLBACK, CLIENTACTION_EXECUTE_SUCCESS_NO_CONTENT_CALLBACK, ClientActionApiActionName } from "../../../../bc/zclient-actions/Constants";
 import GetClientActionsStrategy from "./GetClientActionsStrategy";
+import { CLIENTSCRIPT_FETCH_FAILURE_CALLBACK, CLIENTSCRIPT_FETCH_SUCCESS_CALLBACK, CLIENTSCRIPT_FETCH_SUCCESS_NO_CONTENT_CALLBACK, ClientScriptAPIs } from "../../../../../client-scripts/bc/zclient-scripts-fetch/Constants";
+import GetClientScriptsStrategy from "../../../../../client-scripts/behaviour/zclient-scripts-fetch/domain/entities/GetClientScriptsStrategy";
 const clientActionExecuteStrategiesMap = {
-  [ClientActionApiActionName.GET_CLIENTACTIONS]: new GetClientActionsStrategy()
+  [ClientActionApiActionName.GET_CLIENTACTIONS]: new GetClientActionsStrategy(),
+  [ClientScriptAPIs.GET_CLIENTSCRIPTS]: new GetClientScriptsStrategy()
 };
 export default class ClientActionManager {
-  constructor(clientActions) {
-    this.clientActions = clientActions;
+  constructor(clientActionResponse) {
+    this.clientActionResponse = clientActionResponse;
   }
 
   createDataSourceMeta(_ref) {
@@ -67,6 +70,37 @@ export default class ClientActionManager {
     });
   }
 
+  createFetchClientScriptMeta(actionName, apiName, props) {
+    const clientActionExecuteStrategyMeta = {
+      actionName,
+      apiName,
+      props
+    };
+
+    if (this.isGetClientScriptsApi(actionName)) {
+      clientActionExecuteStrategyMeta.props.from = 1;
+    }
+
+    const successMeta = {
+      type: CLIENTSCRIPT_FETCH_SUCCESS_CALLBACK,
+      metaData: clientActionExecuteStrategyMeta
+    };
+    const successNoContentMeta = {
+      type: CLIENTSCRIPT_FETCH_SUCCESS_NO_CONTENT_CALLBACK,
+      metaData: clientActionExecuteStrategyMeta
+    };
+    const failureMeta = {
+      type: CLIENTSCRIPT_FETCH_FAILURE_CALLBACK,
+      metaData: clientActionExecuteStrategyMeta
+    };
+    return this.createDataSourceMeta({
+      actionName,
+      successNoContentMeta,
+      failureMeta,
+      successMeta
+    });
+  }
+
   createSuccessEvents(response, metaData) {
     const {
       actionName
@@ -107,20 +141,25 @@ export default class ClientActionManager {
   }
 
   fetchingStarted() {
-    this.clientActions.setIsFetching(true);
+    this.clientActionResponse.setIsFetching(true);
   }
 
   fetchingFinished() {
-    this.clientActions.setIsFetching(false);
+    this.clientActionResponse.setIsFetching(false);
+  }
+
+  setData(data) {
+    this.clientActionResponse.setData(data);
   }
 
   getClientAction(id) {
-    return this.clientActions.getClientAction(id);
+    const clientActions = this.clientActionResponse;
+    return clientActions.getClientAction(id);
   }
 
   getClientActionModels() {
-    const clientActionModels = this.clientActions.toObject();
-    return clientActionModels.data;
+    const clientActionModels = this.clientActionResponse.toObject();
+    return clientActionModels.clientActions;
   }
 
   updateClientActionComponentProperties(id, newComponentProperties) {
@@ -140,16 +179,16 @@ export default class ClientActionManager {
     };
   }
 
-  setClientActions(clientActions) {
-    this.clientActions.setClientActions(clientActions);
-  }
-
   isGetClientActionsApi(actionName) {
     return ClientActionApiActionName.GET_CLIENTACTIONS === actionName;
   }
 
-  isClientActionsFetching() {
-    return this.clientActions.isClientActionsFetching();
+  isGetClientScriptsApi(actionName) {
+    return ClientScriptAPIs.GET_CLIENTSCRIPTS === actionName;
+  }
+
+  isFetching() {
+    return this.clientActionResponse.isFetching();
   }
 
   isClientActionApiName(apiName) {
@@ -175,12 +214,12 @@ export default class ClientActionManager {
     }
   }
 
+  isClientScriptApiName(apiName) {
+    return apiName === 'clientScripts';
+  }
+
   toObject() {
-    const clientActionsObj = this.clientActions.toObject();
-    return {
-      clientActions: clientActionsObj.data,
-      isFetching: clientActionsObj.isFetching
-    };
+    return this.clientActionResponse.toObject();
   }
 
 }

package/es/platform/client-actions/behaviour/zclient-actions/domain/entities/ClientActions.js

@@ -8,22 +8,22 @@ export default class ClientActions {
     let fetchLimit = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 100;
     this.clientActions = data.map(obj => new ClientAction(obj));
     this.fetchLimit = fetchLimit;
-    this.isFetching = isFetching;
+    this.isDataBeingFetched = isFetching;
   }
 
   setIsFetching(isFetching) {
-    this.isFetching = isFetching;
+    this.isDataBeingFetched = isFetching;
   }
 
-  setClientActions(clientActions) {
+  setData(clientActions) {
     this.clientActions = clientActions;
   }
 
-  isClientActionsFetching() {
-    return this.isFetching;
+  isFetching() {
+    return this.isDataBeingFetched;
   }
 
-  getClientActionsLength() {
+  getLength() {
     return this.clientActions.length;
   }
 
@@ -33,8 +33,8 @@ export default class ClientActions {
 
   toObject() {
     return {
-      data: this.clientActions.map(action => action.toObject()),
-      isFetching: this.isFetching
+      clientActions: this.clientActions.map(action => action.toObject()),
+      isFetching: this.isFetching()
     };
   }
 

package/es/platform/client-actions/behaviour/zclient-actions/domain/entities/interfaces/ClientActionResponse.js

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

package/es/platform/client-actions/cc/action-event-mediator/Properties.js

@@ -1,9 +1,75 @@
 import { ActionViewGap } from "../../components/interfaces/ActionViewModel";
-import { actionSchema } from "../dynamic-action-component/Properties";
+import { clientScriptsSchema } from "../../../client-scripts/cc/zclient-scripts-execution/clientScriptsSchema";
+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 const actionsSchema = {
   type: 'array',
-  minItems: 0,
-  items: actionSchema
+  minItems: 0
+};
+export const ActionEventMediatorProperties = {
+  action: {
+    required: true,
+    typeMetadata: {
+      schema: actionSchema
+    }
+  },
+  clientScripts: {
+    required: false,
+    defaultValue: [],
+    typeMetadata: {
+      schema: clientScriptsSchema
+    }
+  },
+  instanceName: {
+    required: false,
+    defaultValue: 'non-module',
+    typeMetadata: {
+      schema: {
+        type: 'string'
+      }
+    }
+  }
 };
 export default {
   testId: {
@@ -21,6 +87,12 @@ export default {
       schema: actionsSchema
     }
   },
+  clientScripts: {
+    required: false,
+    typeMetadata: {
+      schema: clientScriptsSchema
+    }
+  },
   renderComponentType: {
     required: false,
     typeMetadata: {