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

package/es/library/dot/components/form/frameworks/ui/sub-components/Footer.js

@@ -1,30 +1,39 @@
 import React from 'react';
 import FormAction, { LeftSide, RightSide } from '@zohodesk/dot/es/FormAction/FormAction';
-import { ActionViewGap } from "../../../../../../../platform/client-actions/components/interfaces/ActionViewModel"; // @ts-ignore
+import { ActionViewGap, Layout } from "../../../../../../../platform/client-actions/components/interfaces/ActionViewModel"; // @ts-ignore
 
 import style from "../css/Form.module.css";
-import { RowActionsRenderer } from "../../../../../../../index";
+import ClientActionsRenderer from "../../../../../../../platform/client-actions/components/client-actions-renderer/frameworks/ui/client-actions-renderer/ClientActionsRenderer";
 export default function Footer(_ref) {
   let {
     hasFooter,
     footerLeftActions,
     footerRightActions,
-    clientScripts
+    clientScripts,
+    context
   } = _ref;
   if (!hasFooter) return null;
   return /*#__PURE__*/React.createElement(FormAction, {
     size: "small",
     paddingLeftSize: "xmedium",
     paddingRightClass: style.footer
-  }, /*#__PURE__*/React.createElement(LeftSide, null, footerLeftActions.length > 0 && /*#__PURE__*/React.createElement(RowActionsRenderer, {
+  }, /*#__PURE__*/React.createElement(LeftSide, null, footerLeftActions.length > 0 && /*#__PURE__*/React.createElement(ClientActionsRenderer, {
     testId: "formFooter_leftActions",
     actions: footerLeftActions,
     clientScripts: clientScripts,
-    gap: ActionViewGap.LARGE
-  })), /*#__PURE__*/React.createElement(RightSide, null, footerRightActions.length > 0 && /*#__PURE__*/React.createElement(RowActionsRenderer, {
+    context: context,
+    viewMeta: {
+      layout: Layout.HORIZONTAL,
+      gap: ActionViewGap.LARGE
+    }
+  })), /*#__PURE__*/React.createElement(RightSide, null, footerRightActions.length > 0 && /*#__PURE__*/React.createElement(ClientActionsRenderer, {
     testId: "formFooter_rightActions",
     actions: footerRightActions,
     clientScripts: clientScripts,
-    gap: ActionViewGap.LARGE
+    context: context,
+    viewMeta: {
+      layout: Layout.HORIZONTAL,
+      gap: ActionViewGap.LARGE
+    }
   })));
 }

package/es/library/dot/components/form/frameworks/ui/sub-components/Header.js

@@ -1,27 +1,36 @@
 import React from 'react';
 import FormHeader from '@zohodesk-private/desk-components/es/setup/SetupHeader/SetupHeader';
-import { ActionViewGap } from "../../../../../../../platform/client-actions/components/interfaces/ActionViewModel";
-import RowActionsRenderer from "../../../../../../../platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer";
+import { ActionViewGap, Layout } from "../../../../../../../platform/client-actions/components/interfaces/ActionViewModel";
+import ClientActionsRenderer from "../../../../../../../platform/client-actions/components/client-actions-renderer/frameworks/ui/client-actions-renderer/ClientActionsRenderer";
 export default function Header(_ref) {
   let {
     hasHeader,
     headerLeftActions,
     headerRightActions,
-    clientScripts
+    clientScripts,
+    context
   } = _ref;
   if (!hasHeader) return null;
   return /*#__PURE__*/React.createElement(FormHeader, {
     customId: "formHeader",
     testId: "formHeader",
-    $render_leftElement: headerLeftActions.length > 0 ? /*#__PURE__*/React.createElement(RowActionsRenderer, {
+    $render_leftElement: headerLeftActions.length > 0 ? /*#__PURE__*/React.createElement(ClientActionsRenderer, {
       actions: headerLeftActions,
       clientScripts: clientScripts,
-      gap: ActionViewGap.MEDIUM
+      context: context,
+      viewMeta: {
+        layout: Layout.HORIZONTAL,
+        gap: ActionViewGap.MEDIUM
+      }
     }) : null,
-    $render_rightElement: headerRightActions.length > 0 ? /*#__PURE__*/React.createElement(RowActionsRenderer, {
+    $render_rightElement: headerRightActions.length > 0 ? /*#__PURE__*/React.createElement(ClientActionsRenderer, {
       actions: headerRightActions,
       clientScripts: clientScripts,
-      gap: ActionViewGap.MEDIUM
+      context: context,
+      viewMeta: {
+        layout: Layout.HORIZONTAL,
+        gap: ActionViewGap.MEDIUM
+      }
     }) : null
   });
 }

package/es/library/dot/components/form/frameworks/ui/sub-components/Sections.js

@@ -22,7 +22,8 @@ export default function Sections(_ref) {
       type,
       titleActions,
       headerActions,
-      additionalDetails
+      additionalDetails,
+      context
     } = section;
     const Section = ComponentRegistry.get(type);
     if (isVisible === false) return null;
@@ -37,7 +38,8 @@ export default function Sections(_ref) {
       titleActions: titleActions,
       headerActions: headerActions,
       additionalDetails: additionalDetails,
-      clientScripts: clientScripts
+      clientScripts: clientScripts,
+      context: context
     });
   }));
 }

package/es/library/dot/components/form-fields/checkbox/frameworks/ui/CheckboxView.js

@@ -35,7 +35,8 @@ function CheckboxView(_ref2, ref) {
     readonly,
     required,
     labelActions,
-    clientScripts
+    clientScripts,
+    context
   } = state.properties;
   const {
     size,
@@ -48,7 +49,8 @@ function CheckboxView(_ref2, ref) {
     errorMessage: errorMessage,
     testId: "smart_form_field_checkbox",
     size: size,
-    breakRow: breakRow
+    breakRow: breakRow,
+    context: context
   }, /*#__PURE__*/React.createElement(FieldController, {
     $ui_className: `${style.checkboxField} ${cursorStyle({
       disabled,
@@ -76,7 +78,8 @@ function CheckboxView(_ref2, ref) {
     label: label,
     actions: labelActions,
     isMandatory: required,
-    clientScripts: clientScripts
+    clientScripts: clientScripts,
+    context: context
   })));
 }
 

package/es/library/dot/components/form-fields/currency/frameworks/ui/CurrencyView.js

@@ -28,7 +28,8 @@ function CurrencyView(_ref, ref) {
     labelActions,
     actions,
     uiConfig,
-    clientScripts
+    clientScripts,
+    context
   } = properties;
   const {
     size,
@@ -48,7 +49,8 @@ function CurrencyView(_ref, ref) {
     errorMessage: errorMessage,
     testId: "smart_form_field_currency",
     size: size,
-    breakRow: breakRow
+    breakRow: breakRow,
+    context: context
   }, /*#__PURE__*/React.createElement("div", {
     className: style.field
   }, /*#__PURE__*/React.createElement(TextBox, {
@@ -60,7 +62,8 @@ function CurrencyView(_ref, ref) {
     readonly: readonly,
     required: required,
     actions: actions,
-    clientScripts: clientScripts
+    clientScripts: clientScripts,
+    context: context
   })));
 }
 

package/es/library/dot/components/form-fields/date/frameworks/ui/DateView.js

@@ -19,7 +19,8 @@ function DateView(_ref, ref) {
     uiConfig,
     labelActions,
     actions,
-    clientScripts
+    clientScripts,
+    context
   } = state.properties;
   const {
     size,
@@ -34,7 +35,8 @@ function DateView(_ref, ref) {
     size: size,
     breakRow: breakRow,
     errorMessage: errorMessage,
-    testId: "smart_form_field_date"
+    testId: 'smart_form_field_date',
+    context: context
   }, /*#__PURE__*/React.createElement("div", {
     className: style.field
   }, /*#__PURE__*/React.createElement(Date, {
@@ -44,7 +46,8 @@ function DateView(_ref, ref) {
     readonly: readonly,
     required: required,
     actions: actions,
-    clientScripts: clientScripts
+    clientScripts: clientScripts,
+    context: context
   })));
 }
 

package/es/library/dot/components/form-fields/datetime/frameworks/ui/DateTimeView.js

@@ -19,7 +19,8 @@ function DateView(_ref, ref) {
     uiConfig,
     labelActions,
     actions,
-    clientScripts
+    clientScripts,
+    context
   } = state.properties;
   const {
     size,
@@ -34,7 +35,8 @@ function DateView(_ref, ref) {
     size: size,
     breakRow: breakRow,
     errorMessage: errorMessage,
-    testId: "smart_form_field_datetime"
+    testId: 'smart_form_field_datetime',
+    context: context
   }, /*#__PURE__*/React.createElement("div", {
     className: style.field
   }, /*#__PURE__*/React.createElement(Date, {
@@ -45,7 +47,8 @@ function DateView(_ref, ref) {
     readonly: readonly,
     actions: actions,
     isTimeIncluded: true,
-    clientScripts: clientScripts
+    clientScripts: clientScripts,
+    context: context
   })));
 }
 

package/es/library/dot/components/form-fields/decimal/frameworks/ui/DecimalView.js

@@ -21,7 +21,8 @@ function DecimalView(_ref, ref) {
     uiConfig,
     labelActions,
     actions,
-    clientScripts
+    clientScripts,
+    context
   } = state.properties;
   const {
     size,
@@ -36,7 +37,8 @@ function DecimalView(_ref, ref) {
     errorMessage: errorMessage,
     testId: "smart_form_field_decimal",
     size: size,
-    breakRow: breakRow
+    breakRow: breakRow,
+    context: context
   }, /*#__PURE__*/React.createElement("div", {
     className: style.field
   }, /*#__PURE__*/React.createElement(TextBox, {
@@ -48,7 +50,8 @@ function DecimalView(_ref, ref) {
     disabled: disabled,
     readonly: readonly,
     actions: actions,
-    clientScripts: clientScripts
+    clientScripts: clientScripts,
+    context: context
   })));
 }
 

package/es/library/dot/components/form-fields/email/frameworks/ui/EmailView.js

@@ -21,7 +21,8 @@ function EmailView(_ref, ref) {
     uiConfig,
     labelActions,
     actions,
-    clientScripts
+    clientScripts,
+    context
   } = state.properties;
   const {
     size,
@@ -36,7 +37,8 @@ function EmailView(_ref, ref) {
     errorMessage: errorMessage,
     testId: "smart_form_field_email",
     size: size,
-    breakRow: breakRow
+    breakRow: breakRow,
+    context: context
   }, /*#__PURE__*/React.createElement("div", {
     className: style.field
   }, /*#__PURE__*/React.createElement(TextBox, {
@@ -48,7 +50,8 @@ function EmailView(_ref, ref) {
     readonly: readonly,
     required: required,
     actions: actions,
-    clientScripts: clientScripts
+    clientScripts: clientScripts,
+    context: context
   })));
 }
 

package/es/library/dot/components/form-fields/field/FieldItem.js

@@ -13,7 +13,8 @@ const FieldItem = /*#__PURE__*/forwardRef((props, ref) => {
     breakRow,
     errorMessage,
     testId,
-    children
+    children,
+    context
   } = props;
   const isLargeSize = size === 'large';
   return /*#__PURE__*/React.createElement("div", {
@@ -24,7 +25,8 @@ const FieldItem = /*#__PURE__*/forwardRef((props, ref) => {
     for: id,
     label: label,
     actions: labelActions,
-    isMandatory: required
+    isMandatory: required,
+    context: context
   }), !isLargeSize && breakRow ? /*#__PURE__*/React.createElement("div", {
     className: style.breakRow
   }, children) : children, errorMessage ? /*#__PURE__*/React.createElement(ErrorMessage, {

package/es/library/dot/components/form-fields/lookup/frameworks/ui/LookupView.js

@@ -20,7 +20,8 @@ function TextBoxView(_ref, ref) {
     uiConfig,
     labelActions,
     actions,
-    clientScripts
+    clientScripts,
+    context
   } = state.properties;
   const {
     size,
@@ -35,7 +36,8 @@ function TextBoxView(_ref, ref) {
     errorMessage: errorMessage,
     testId: 'smart_form_field_lookup',
     size: size,
-    breakRow: breakRow
+    breakRow: breakRow,
+    context: context
   }, /*#__PURE__*/React.createElement("div", {
     className: style.field
   }, /*#__PURE__*/React.createElement(TextBox, {
@@ -46,7 +48,8 @@ function TextBoxView(_ref, ref) {
     disabled: disabled,
     readonly: readonly,
     actions: actions,
-    clientScripts: clientScripts
+    clientScripts: clientScripts,
+    context: context
   })));
 }
 

package/es/library/dot/components/form-fields/multi-select/frameworks/ui/MultiSelectView.js

@@ -26,7 +26,8 @@ function MultiSelectView(_ref, ref) {
     labelActions,
     actions,
     uiConfig,
-    clientScripts
+    clientScripts,
+    context
   } = state.properties;
   const {
     size,
@@ -39,9 +40,10 @@ function MultiSelectView(_ref, ref) {
     labelActions: labelActions,
     required: required,
     errorMessage: errorMessage,
-    testId: "smart_form_field_multiselect",
+    testId: 'smart_form_field_multiselect',
     size: size,
-    breakRow: breakRow
+    breakRow: breakRow,
+    context: context
   }, /*#__PURE__*/React.createElement(FieldController, {
     $ui_className: style.multiSelectField,
     $event_onFocus: () => dispatch({
@@ -58,7 +60,8 @@ function MultiSelectView(_ref, ref) {
     disabled: disabled,
     readonly: readonly,
     actions: actions,
-    clientScripts: clientScripts
+    clientScripts: clientScripts,
+    context: context
   })));
 }
 

package/es/library/dot/components/form-fields/number/frameworks/ui/NumberView.js

@@ -21,7 +21,8 @@ function NumberView(_ref, ref) {
     uiConfig,
     labelActions,
     actions,
-    clientScripts
+    clientScripts,
+    context
   } = state.properties;
   const {
     size,
@@ -36,7 +37,8 @@ function NumberView(_ref, ref) {
     errorMessage: errorMessage,
     testId: "smart_form_field_number",
     size: size,
-    breakRow: breakRow
+    breakRow: breakRow,
+    context: context
   }, /*#__PURE__*/React.createElement("div", {
     className: style.field
   }, /*#__PURE__*/React.createElement(TextBox, {
@@ -48,7 +50,8 @@ function NumberView(_ref, ref) {
     readonly: readonly,
     required: required,
     actions: actions,
-    clientScripts: clientScripts
+    clientScripts: clientScripts,
+    context: context
   })));
 }
 

package/es/library/dot/components/form-fields/percentage/frameworks/ui/PercentageView.js

@@ -20,7 +20,8 @@ function PercentageView(_ref, ref) {
     uiConfig,
     labelActions,
     actions,
-    clientScripts
+    clientScripts,
+    context
   } = state.properties;
   const {
     size,
@@ -33,9 +34,10 @@ function PercentageView(_ref, ref) {
     labelActions: labelActions,
     required: required,
     errorMessage: errorMessage,
-    testId: "smart_form_field_percentage",
+    testId: 'smart_form_field_percentage',
     size: size,
-    breakRow: breakRow
+    breakRow: breakRow,
+    context: context
   }, /*#__PURE__*/React.createElement("div", {
     className: style.field
   }, /*#__PURE__*/React.createElement(TextBox, {
@@ -46,7 +48,8 @@ function PercentageView(_ref, ref) {
     readonly: readonly,
     required: required,
     actions: actions,
-    clientScripts: clientScripts
+    clientScripts: clientScripts,
+    context: context
   })));
 }
 

package/es/library/dot/components/form-fields/phone/frameworks/ui/PhoneView.js

@@ -21,7 +21,8 @@ function PhoneView(_ref, ref) {
     uiConfig,
     labelActions,
     actions,
-    clientScripts
+    clientScripts,
+    context
   } = state.properties;
   const {
     size,
@@ -36,7 +37,8 @@ function PhoneView(_ref, ref) {
     errorMessage: errorMessage,
     testId: "smart_form_field_phone",
     size: size,
-    breakRow: breakRow
+    breakRow: breakRow,
+    context: context
   }, /*#__PURE__*/React.createElement("div", {
     className: style.field
   }, /*#__PURE__*/React.createElement(TextBox, {
@@ -48,7 +50,8 @@ function PhoneView(_ref, ref) {
     readonly: readonly,
     required: required,
     actions: actions,
-    clientScripts: clientScripts
+    clientScripts: clientScripts,
+    context: context
   })));
 }
 

package/es/library/dot/components/form-fields/pick-list/frameworks/ui/PickListView.js

@@ -26,7 +26,8 @@ function PickListView(_ref, ref) {
     labelActions,
     actions,
     uiConfig,
-    clientScripts
+    clientScripts,
+    context
   } = state.properties;
   const {
     size,
@@ -39,9 +40,10 @@ function PickListView(_ref, ref) {
     labelActions: labelActions,
     required: required,
     errorMessage: errorMessage,
-    testId: "smart_form_field_picklist",
+    testId: 'smart_form_field_picklist',
     size: size,
-    breakRow: breakRow
+    breakRow: breakRow,
+    context: context
   }, /*#__PURE__*/React.createElement(FieldController, {
     $ui_className: style.field,
     $event_onFocus: () => dispatch({
@@ -58,7 +60,8 @@ function PickListView(_ref, ref) {
     disabled: disabled,
     readonly: readonly,
     actions: actions,
-    clientScripts: clientScripts
+    clientScripts: clientScripts,
+    context: context
   })));
 }
 

package/es/library/dot/components/form-fields/textarea/frameworks/ui/TextAreaView.js

@@ -21,7 +21,8 @@ function TextAreaView(_ref, ref) {
     labelActions,
     actions,
     clientScripts,
-    maxLength
+    maxLength,
+    context
   } = state.properties;
   const {
     size,
@@ -36,7 +37,8 @@ function TextAreaView(_ref, ref) {
     errorMessage: errorMessage,
     testId: "smart_form_field_textarea",
     size: size,
-    breakRow: breakRow
+    breakRow: breakRow,
+    context: context
   }, /*#__PURE__*/React.createElement("div", {
     className: style.field
   }, /*#__PURE__*/React.createElement(TextArea, {
@@ -48,7 +50,8 @@ function TextAreaView(_ref, ref) {
     readonly: readonly,
     actions: actions,
     clientScripts: clientScripts,
-    maxLength: maxLength
+    maxLength: maxLength,
+    context: context
   })));
 }
 

package/es/library/dot/components/form-fields/textbox/frameworks/ui/TextBoxView.js

@@ -21,7 +21,8 @@ function TextBoxView(_ref, ref) {
     uiConfig,
     labelActions,
     actions,
-    clientScripts
+    clientScripts,
+    context
   } = state.properties;
   const {
     size,
@@ -36,7 +37,8 @@ function TextBoxView(_ref, ref) {
     errorMessage: errorMessage,
     testId: "smart_form_field_textbox",
     size: size,
-    breakRow: breakRow
+    breakRow: breakRow,
+    context: context
   }, /*#__PURE__*/React.createElement("div", {
     className: style.field
   }, /*#__PURE__*/React.createElement(TextBox, {
@@ -48,7 +50,8 @@ function TextBoxView(_ref, ref) {
     disabled: disabled,
     readonly: readonly,
     actions: actions,
-    clientScripts: clientScripts
+    clientScripts: clientScripts,
+    context: context
   })));
 }
 

package/es/library/dot/components/form-fields/url/frameworks/ui/UrlView.js

@@ -21,7 +21,8 @@ function UrlView(_ref, ref) {
     required,
     labelActions,
     actions,
-    clientScripts
+    clientScripts,
+    context
   } = state.properties;
   const {
     size,
@@ -36,7 +37,8 @@ function UrlView(_ref, ref) {
     size: size,
     breakRow: breakRow,
     errorMessage: errorMessage,
-    testId: "smart_form_field_url"
+    testId: "smart_form_field_url",
+    context: context
   }, /*#__PURE__*/React.createElement("div", {
     className: style.field
   }, /*#__PURE__*/React.createElement(TextBox, {
@@ -48,7 +50,8 @@ function UrlView(_ref, ref) {
     readonly: readonly,
     required: required,
     actions: actions,
-    clientScripts: clientScripts
+    clientScripts: clientScripts,
+    context: context
   })));
 }
 

package/es/library/dot/components/section/frameworks/ui/RenderField.js

@@ -5,6 +5,7 @@ import ComponentRegistry from "../../../../../custom-component/frameworks/ui/Com
 export function renderField(field, key, clientScripts) {
   const {
     type,
+    context,
     ...properties
   } = field;
   const Component = ComponentRegistry.get(type);
@@ -17,6 +18,7 @@ export function renderField(field, key, clientScripts) {
   return /*#__PURE__*/React.createElement(Component, _extends({
     key: key
   }, properties, {
-    clientScripts: clientScripts
+    clientScripts: clientScripts,
+    context: context
   }));
 }

package/es/library/dot/components/section/frameworks/ui/SectionView.js

@@ -1,13 +1,13 @@
 import React from 'react';
-import RowActionsRenderer from "../../../../../../platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer";
 import VelocityAnimationGroup from '@zohodesk/components/es/VelocityAnimation/VelocityAnimationGroup/VelocityAnimationGroup';
 import Flex from '@zohodesk/layout/es/Flex/Flex';
 import Section from '@zohodesk-private/desk-components/es/setup/SetupFormBox/SetupFormBox';
 import FieldsLayout from '@zohodesk-private/desk-components/es/form/FieldsLayout/FieldsLayout';
 import { renderField } from "./RenderField";
-import { ActionViewGap } from "../../../../../../platform/client-actions/components/interfaces/ActionViewModel"; // @ts-ignore
+import { ActionViewGap, Layout } from "../../../../../../platform/client-actions/components/interfaces/ActionViewModel"; // @ts-ignore
 
 import style from "./css/Section.module.css";
+import ClientActionsRenderer from "../../../../../../platform/client-actions/components/client-actions-renderer/frameworks/ui/client-actions-renderer/ClientActionsRenderer";
 
 function SectionView(_ref, ref) {
   let {
@@ -21,7 +21,8 @@ function SectionView(_ref, ref) {
     fields,
     titleActions,
     headerActions,
-    clientScripts
+    clientScripts,
+    context
   } = state.properties;
 
   const renderActions = actions => {
@@ -30,10 +31,14 @@ function SectionView(_ref, ref) {
       $ui_displayMode: "flex",
       $ui_alignItems: "center",
       $ui_className: style.actionContainer
-    }, /*#__PURE__*/React.createElement(RowActionsRenderer, {
+    }, /*#__PURE__*/React.createElement(ClientActionsRenderer, {
       actions: actions,
-      gap: ActionViewGap.LARGE,
-      clientScripts: clientScripts
+      clientScripts: clientScripts,
+      context: context,
+      viewMeta: {
+        layout: Layout.HORIZONTAL,
+        gap: ActionViewGap.LARGE
+      }
     }));
   };
 

package/es/library/dot/components/table-list/adapters/controllers/FieldChangeController.js

@@ -13,7 +13,8 @@ class FieldChangeController extends AbstractController {
     } = state;
     const {
       fieldName,
-      value
+      value,
+      previousValue
     } = action.payload;
     const {
       id
@@ -23,7 +24,8 @@ class FieldChangeController extends AbstractController {
       payload: {
         rowId: id,
         fieldName,
-        value
+        value,
+        previousValue
       }
     });
   }