@zohodesk/library-platform 1.1.10-temp-1 → 1.1.11

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

@@ -5,10 +5,15 @@ export function DateFieldView(_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/datetime-field/frameworks/ui/DateTimeFieldView.js

@@ -5,10 +5,15 @@ export function DateTimeFieldView(_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/decimal-field/frameworks/ui/DecimalFieldView.js

@@ -5,10 +5,15 @@ export function DecimalFieldView(_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/email-field/frameworks/ui/EmailFieldView.js

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

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

@@ -4,14 +4,21 @@ export function LookupFieldView(_ref, ref) {
   let {
     state
   } = _ref;
+  const {
+    textOverflowMode,
+    value,
+    isRead
+  } = state.properties;
   const {
     name,
     url
-  } = state.properties.value;
+  } = value;
   return /*#__PURE__*/React.createElement(Link, {
     getRef: ref,
     label: name,
     variant: "secondary",
-    href: url
+    href: url,
+    isDotted: textOverflowMode === 'clip',
+    weight: isRead ? undefined : 'bold'
   });
 }

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/PrimaryFieldView.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import TableLink from "@zohodesk-private/desk-components/es/table/TableLink/TableLink";
-import FieldConstants from "../../../../../../../cc/fields/field/Constants";
+import { TableListConstants } from "../../../../../../../cc/table-list";
 export default function PrimaryFieldView(_ref, ref) {
   let {
     state,
@@ -11,28 +11,40 @@ export default function PrimaryFieldView(_ref, ref) {
   } = helpers;
   let {
     value: propValue,
-    name: fieldName
+    name: fieldName,
+    textOverflowMode,
+    isRead
   } = state.properties;
   let {
     value,
-    url
+    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
+      ref,
+      onClick: handleClick
     },
     $data_text: value,
     $data_url: url,
     $data_target: "_self",
+    $flag_wrapText: textOverflowMode === 'wrap',
     $flag_hoverableFromList: true,
-    $event_onClick: () => {
-      dispatch({
-        type: FieldConstants.FIELD_CLICKED,
-        payload: {
-          fieldName,
-          url
-        }
-      });
-    }
+    $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/Typography/Typography";
-import { TextConstants } from "../../../../../../cc";
+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

@@ -4,6 +4,7 @@ import TextAreaConstants from "../../../../../../cc/textarea/Constants"; // @ts-
 
 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,
@@ -63,7 +65,9 @@ function TextAreaView(_ref, ref) {
   }, textAreaRenderer, /*#__PURE__*/React.createElement("div", {
     className: style.rightPlaceholder
   }, /*#__PURE__*/React.createElement(RowActionsRenderer, {
-    actions: actions
+    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

@@ -2,6 +2,7 @@ import React from "react";
 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(RowActionsRenderer, {
-      actions: actions
+      actions: actions,
+      clientScripts: clientScripts,
+      gap: ActionViewGap.SMALL
     }) : null;
   };
 

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/client-actions/components/action-event-mediator/frameworks/ui/ClientActionReordererRegistry.js

@@ -0,0 +1,40 @@
+class ClientActionReordererRegistry {
+  static isLoggingEnabled = __DEVELOPMENT__;
+  reorderers = new Map();
+
+  constructor() {}
+
+  static getInstance() {
+    if (!ClientActionReordererRegistry.instance) {
+      ClientActionReordererRegistry.instance = new ClientActionReordererRegistry();
+    }
+
+    return ClientActionReordererRegistry.instance;
+  }
+
+  register(name, reordererFn) {
+    const reordererFnNameRegex = /^[A-Za-z0-9_-]+#[A-Z][a-zA-Z]*ActionsReorderer$/;
+    const isValidReordererFnName = reordererFnNameRegex.test(name);
+
+    if (!isValidReordererFnName && ClientActionReordererRegistry.isLoggingEnabled) {
+      console.warn(`${name} is not a valid client action reorderer function name.Reorderer function name should be of the format \"<instanceName>#<location>ActionsReorderer\"`);
+    }
+
+    if (this.reorderers.has(name) && ClientActionReordererRegistry.isLoggingEnabled) {
+      console.warn(`Client action reorderer function with name "${name}" is already registered. Overwriting the existing function.`);
+    }
+
+    if (this.reorderers.has(name) && this.get(name) !== reordererFn && ClientActionReordererRegistry.isLoggingEnabled) {
+      console.warn(`Client action reorderer function with name "${name}" is already registered with a different instance. Overwriting the existing function.`);
+    }
+
+    this.reorderers.set(name, reordererFn);
+  }
+
+  get(name) {
+    return this.reorderers.get(name);
+  }
+
+}
+
+export default ClientActionReordererRegistry.getInstance();

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: var(--zd_size4) 
+    gap: 4px
 }
 
 .gap_xmedium {
-    gap: var(--zd_size6) 
+    gap: 6px
 }
 
 .gap_medium {
-    gap: var(--zd_size8) 
+    gap: 8px
 }
 
 .gap_large {
-    gap: var(--zd_size10) 
+    gap: 10px
 }

package/es/platform/client-actions/translators/client-actions-translator/index.js

@@ -1,5 +1,6 @@
 import { ActionContextResolver } from "../context-resolver";
 import { ConditionResolver } from "../condition-resolver";
+import ClientActionReordererRegistry from "../../components/action-event-mediator/frameworks/ui/ClientActionReordererRegistry";
 export default class ClientActionsTranslator {
   constructor() {}
 
@@ -21,6 +22,30 @@ export default class ClientActionsTranslator {
     };
   }
 
+  static getReordererFnName(instanceName, location) {
+    if (!instanceName || !location) return null;
+    const locationIdentifier = location.split('_')[0];
+    let formattedLocationName = locationIdentifier ? locationIdentifier : null;
+    if (!formattedLocationName) return null;
+    formattedLocationName = formattedLocationName.charAt(0).toUpperCase() + formattedLocationName.slice(1);
+    return `${instanceName}#${formattedLocationName}ActionsReorderer`;
+  }
+
+  static reorderActions(actions) {
+    const instanceName = actions && actions.length > 0 ? actions[0].instanceName : null;
+    if (!location || !actions || !instanceName || actions.length < 1) return actions;
+    const reordererFnName = ClientActionsTranslator.getReordererFnName(instanceName, actions[0].location);
+    const reordererFn = ClientActionReordererRegistry.get(reordererFnName);
+
+    if (reordererFn) {
+      const reorderedActions = reordererFn(actions);
+      const reorderedClientActionIds = reorderedActions.map(clientAction => clientAction.id);
+      return reorderedClientActionIds && reorderedClientActionIds.length === actions.length ? reorderedClientActionIds.map(clientActionId => actions.find(action => action.id === clientActionId)) : actions;
+    }
+
+    return actions;
+  }
+
   static appendComponentMetaToActions(actions, instanceName, moduleName) {
     return actions.map(action => {
       return { ...action,
@@ -37,7 +62,8 @@ export default class ClientActionsTranslator {
     const actionsWithInstanceName = ClientActionsTranslator.appendComponentMetaToActions(actions, instanceName, moduleName);
     const resolvedActions = ActionContextResolver.resolveActions(actionsWithInstanceName, replacementContext);
     const evaluatedActions = resolvedActions.filter(action => ConditionResolver.evaluateCondition(action.conditions, replacementContext, action.id));
-    const finalTransformedActions = evaluatedActions.map(action => this.transformToActionViewModel(action));
+    const reorderedActions = ClientActionsTranslator.reorderActions(evaluatedActions);
+    const finalTransformedActions = reorderedActions.map(action => this.transformToActionViewModel(action));
     return finalTransformedActions;
   }
 

package/es/platform/components/table-connected/adapters/controllers/ResolutionBasedLimitController.js

@@ -0,0 +1,21 @@
+import AbstractController from "./AbstractController";
+import { ZLIST_INITIALIZE } from "../../../../../bc/zlist/Constants";
+export default class ResolutionBasedLimitController extends AbstractController {
+  handle(event) {
+    const {
+      dispatch,
+      action
+    } = event;
+    const {
+      count
+    } = action.payload;
+    const newLimit = Math.ceil(count / 25) * 25;
+    dispatch({
+      type: ZLIST_INITIALIZE,
+      payload: {
+        resolutionBasedLimit: newLimit
+      }
+    });
+  }
+
+}

package/es/platform/components/table-connected/adapters/resources/ErrorPrinter.js

@@ -1,20 +1,23 @@
 export default class ErrorPrinter {
   static printError(error) {
-    console.error('Error occurred:', error);
+    __DEVELOPMENT__ && console.error('Error occurred:', error);
   }
 
   static displaySchemaErrors(title, errors) {
     let dataName = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : '(root)';
-    console.group(title.msg, ...title.styles);
-    errors.forEach((_ref, i) => {
-      let {
-        dataPath,
-        keyword,
-        message
-      } = _ref;
-      console.error(`%c${i + 1}. %c${dataName + dataPath}%c → ${keyword} ${message}`, 'color: initial;', 'color: #FF6F61; font-weight: bold;', 'color: #FFA500;');
-    });
-    console.groupEnd();
+
+    if (__DEVELOPMENT__) {
+      console.group(title.msg, ...title.styles);
+      errors.forEach((_ref, i) => {
+        let {
+          dataPath,
+          keyword,
+          message
+        } = _ref;
+        console.error(`%c${i + 1}. %c${dataName + dataPath}%c → ${keyword} ${message}`, 'color: initial;', 'color: #FF6F61; font-weight: bold;', 'color: #FFA500;');
+      });
+      console.groupEnd();
+    }
   }
 
 }