@zohodesk/library-platform 1.2.2-exp.6 → 1.2.3

package/es/cc/date/Properties.js

@@ -1,4 +1,3 @@
-import { clientScriptsSchema } from "../../platform/client-scripts/cc/zclient-scripts-execution/clientScriptsSchema";
 export default {
   id: {
     defaultValue: '',
@@ -80,19 +79,5 @@ export default {
         type: 'array'
       }
     }
-  },
-  clientScripts: {
-    required: false,
-    typeMetadata: {
-      schema: clientScriptsSchema
-    }
-  },
-  context: {
-    required: false,
-    typeMetadata: {
-      schema: {
-        type: 'object'
-      }
-    }
   }
 };

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

@@ -1,4 +1,3 @@
-import { clientScriptsSchema } from "../../../platform/client-scripts/cc/zclient-scripts-execution/clientScriptsSchema";
 export default {
   type: {
     required: false,
@@ -194,16 +193,10 @@ export default {
     }
   },
   clientScripts: {
-    required: false,
-    typeMetadata: {
-      schema: clientScriptsSchema
-    }
-  },
-  context: {
     required: false,
     typeMetadata: {
       schema: {
-        type: 'object'
+        type: 'array'
       }
     }
   }

package/es/cc/form/Properties.js

@@ -97,13 +97,5 @@ export default {
     typeMetadata: {
       schema: clientScriptsSchema
     }
-  },
-  context: {
-    required: false,
-    typeMetadata: {
-      schema: {
-        type: 'object'
-      }
-    }
   }
 };

package/es/cc/label/Properties.js

@@ -1,10 +1,9 @@
-import { clientScriptsSchema } from "../../platform/client-scripts/cc/zclient-scripts-execution/clientScriptsSchema";
 export default {
   label: {
     required: false,
     typeMetadata: {
       schema: {
-        type: 'string'
+        type: "string"
       }
     }
   },
@@ -12,7 +11,7 @@ export default {
     required: false,
     typeMetadata: {
       schema: {
-        type: 'string'
+        type: "string"
       }
     }
   },
@@ -21,7 +20,7 @@ export default {
     defaultValue: [],
     typeMetadata: {
       schema: {
-        type: 'array'
+        type: "array"
       }
     }
   },
@@ -30,21 +29,15 @@ export default {
     defaultValue: false,
     typeMetadata: {
       schema: {
-        type: 'boolean'
+        type: "boolean"
       }
     }
   },
   clientScripts: {
-    required: false,
-    typeMetadata: {
-      schema: clientScriptsSchema
-    }
-  },
-  context: {
     required: false,
     typeMetadata: {
       schema: {
-        type: 'object'
+        type: 'array'
       }
     }
   }

package/es/cc/multi-select/Properties.js

@@ -1,4 +1,3 @@
-import { clientScriptsSchema } from "../../platform/client-scripts/cc/zclient-scripts-execution/clientScriptsSchema";
 export default {
   id: {
     defaultValue: '',
@@ -93,16 +92,10 @@ export default {
     }
   },
   clientScripts: {
-    required: false,
-    typeMetadata: {
-      schema: clientScriptsSchema
-    }
-  },
-  context: {
     required: false,
     typeMetadata: {
       schema: {
-        type: 'object'
+        type: 'array'
       }
     }
   }

package/es/cc/section/Properties.js

@@ -14,7 +14,6 @@ import PercentProperties from "../fields/percent/Properties";
 import PhoneProperties from "../fields/phone/Properties";
 import PickListProperties from "../fields/pick-list/Properties";
 import UrlProperties from "../fields/url/Properties";
-import { clientScriptsSchema } from "../../platform/client-scripts/cc/zclient-scripts-execution/clientScriptsSchema";
 export default {
   id: {
     required: false,
@@ -109,16 +108,10 @@ export default {
     }
   },
   clientScripts: {
-    required: false,
-    typeMetadata: {
-      schema: clientScriptsSchema
-    }
-  },
-  context: {
     required: false,
     typeMetadata: {
       schema: {
-        type: 'object'
+        type: 'array'
       }
     }
   },

package/es/cc/select/Properties.js

@@ -1,4 +1,3 @@
-import { clientScriptsSchema } from "../../platform/client-scripts/cc/zclient-scripts-execution/clientScriptsSchema";
 export default {
   id: {
     defaultValue: '',
@@ -85,16 +84,10 @@ export default {
     }
   },
   clientScripts: {
-    required: false,
-    typeMetadata: {
-      schema: clientScriptsSchema
-    }
-  },
-  context: {
     required: false,
     typeMetadata: {
       schema: {
-        type: 'object'
+        type: 'array'
       }
     }
   }

package/es/cc/textarea/Properties.js

@@ -1,4 +1,3 @@
-import { clientScriptsSchema } from "../../platform/client-scripts/cc/zclient-scripts-execution/clientScriptsSchema";
 export default {
   id: {
     required: false,
@@ -76,19 +75,5 @@ export default {
         }
       }
     }
-  },
-  clientScripts: {
-    required: false,
-    typeMetadata: {
-      schema: clientScriptsSchema
-    }
-  },
-  context: {
-    required: false,
-    typeMetadata: {
-      schema: {
-        type: 'object'
-      }
-    }
   }
 };

package/es/cc/textbox/Properties.js

@@ -1,4 +1,3 @@
-import { clientScriptsSchema } from "../../platform/client-scripts/cc/zclient-scripts-execution/clientScriptsSchema";
 export default {
   id: {
     defaultValue: '',
@@ -93,16 +92,10 @@ export default {
     }
   },
   clientScripts: {
-    required: false,
-    typeMetadata: {
-      schema: clientScriptsSchema
-    }
-  },
-  context: {
     required: false,
     typeMetadata: {
       schema: {
-        type: 'object'
+        type: 'array'
       }
     }
   }

package/es/index.js

@@ -3,10 +3,11 @@ import * as CCNamespace from "./cc"; // Import only the ExternalConstants
 
 import ExternalConstants from "./cc/table-connected/constants/ExternalConstants";
 import ActionEventMediator from "./platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator";
+import RowActionsRenderer from "./platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer";
+import AdaptiveRowActionsRenderer from "./platform/client-actions/components/row-actions-renderer/frameworks/ui/AdaptiveRowActions/AdaptiveRowActionsRenderer";
 import ClientActionReordererRegistry from "./platform/client-actions/components/action-event-mediator/frameworks/ui/ClientActionReordererRegistry";
 import ClientActionsFetchSDK from "./platform/client-actions/behaviour/zclient-actions/adapters/resources/ClientActionsFetchSDK";
-import ClientScriptsFetchSDK from "./platform/client-scripts/behaviour/zclient-scripts-fetch/adapters/resources/ClientScriptsFetchSDK";
-import ClientActionsRenderer from "./platform/client-actions/components/client-actions-renderer/frameworks/ui/client-actions-renderer/ClientActionsRenderer"; // Rebuild SmartTableConstants without Events
+import ClientScriptsFetchSDK from "./platform/client-scripts/behaviour/zclient-scripts-fetch/adapters/resources/ClientScriptsFetchSDK"; // Rebuild SmartTableConstants without Events
 
 const SmartTableConstants = {
   ExternalConstants
@@ -30,7 +31,9 @@ export { fetchClientActions } from "./platform/client-actions/components/action-
 export { ZFormApiActionName } from "./bc/zform/Constants";
 export { RecordApiActionName } from "./bc/zrecord/Constants";
 export { transFormValidationRules } from "./platform/data-source/utils/validation-rules/TransFormValidationRules";
+export { AdaptiveRowActionsRenderer };
 export { ActionEventMediator };
+export { RowActionsRenderer };
 export { renderField } from "./library/dot/components/section/frameworks/ui/RenderField";
 export { default as ResourceNamesEnum } from "./bc/sdk/ResourceNamesEnum";
 import { FieldSectionEventMappingBehaviourFactory } from "./library/dot/components/section/frameworks/ui/Section";
@@ -41,5 +44,4 @@ export const Behaviours = {
 export * from "./library/analytics";
 export { ClientActionReordererRegistry };
 export { ClientActionsFetchSDK };
-export { ClientScriptsFetchSDK };
-export { ClientActionsRenderer };
+export { ClientScriptsFetchSDK };

package/es/library/dot/components/action-status/frameworks/ui/css/ActionStatus.module.css

@@ -5,13 +5,13 @@
 }
 
 .container {
-  gap: 8px;
+  gap: var(--zd_size8) ;
 }
 
 .spinner {
   display: inline-block;
-  width: 16px;
-  height: 16px;
+  width: var(--zd_size16) ;
+  height: var(--zd_size16) ;
   /* COLOR VARIABLES TO BE UPDATED PROPERLY USING COMMON COLORS */
   flex-shrink: 0;
   box-sizing: border-box;

package/es/library/dot/components/form/adapters/presenter/TransformState.js

@@ -47,8 +47,7 @@ export function TransformState(state) {
     footerLeftActions,
     footerRightActions,
     rightPanel,
-    clientScripts,
-    context
+    clientScripts
   } = state.properties; // const { values, errorMessages } = state.behaviours.form;
 
   const updatedSections = updateFieldValues({
@@ -68,7 +67,6 @@ export function TransformState(state) {
       footerLeftActions,
       footerRightActions,
       clientScripts,
-      context,
       rightPanel
     }
   };

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

@@ -18,8 +18,7 @@ function FormView(_ref, ref) {
     footerRightActions,
     isHeaderEnabled,
     isFooterEnabled,
-    clientScripts,
-    context
+    clientScripts
   } = state.viewModel;
   return /*#__PURE__*/React.createElement(Flex, {
     $ui_displayMode: "flex",
@@ -33,8 +32,7 @@ function FormView(_ref, ref) {
     hasHeader: isHeaderEnabled,
     headerLeftActions: headerLeftActions,
     headerRightActions: headerRightActions,
-    clientScripts: clientScripts,
-    context: context
+    clientScripts: clientScripts
   }), /*#__PURE__*/React.createElement(MiddleSection, {
     sections: sections,
     isLoading: isLoading,
@@ -44,8 +42,7 @@ function FormView(_ref, ref) {
     hasFooter: isFooterEnabled,
     footerLeftActions: footerLeftActions,
     footerRightActions: footerRightActions,
-    clientScripts: clientScripts,
-    context: context
+    clientScripts: clientScripts
   }));
 }
 

package/es/library/dot/components/form/frameworks/ui/css/Form.module.css

@@ -3,17 +3,17 @@
 }
 
 .field {
-    margin-top: 5px;
+    margin-top: var(--zd_size5) ;
 }
 
 .multiSelectField {
-    margin-top: 2px
+    margin-top: var(--zd_size2) 
 }
 
 .checkboxField {
     composes: dInflex alignFstart from '~@zohodesk/components/es/common/common.module.css';
-    max-width: 100%;
-    gap: 8px
+    max-width: 100% ;
+    gap: var(--zd_size8) 
 }
 
 .cursor_pointer {
@@ -27,36 +27,36 @@
 }
 
 [dir=ltr] .footer {
-    padding-right: 32px
+    padding-right: var(--zd_size32) 
 }
 
 [dir=rtl] .footer {
-    padding-left: 32px
+    padding-left: var(--zd_size32) 
 }
 
 /* Sections layout */
 
 .sectionsWrapper {
-    padding-bottom: 8px
+    padding-bottom: var(--zd_size8) 
 }
 
 .sectionsLayout, .sectionsTwoLayout {
-    margin: 0 auto
+    margin: 0 auto 
 }
 
 .sectionsLayout {
-    max-width: var(--local-form-layout-max-width, 1080px)
+    max-width: var(--local-form-layout-max-width, var(--zd_size1080))
 }
 
 .sectionsTwoLayout {
-    column-gap: 8px;
-    max-width: var(--local-form-layout-max-width, 1210px)
+    column-gap: var(--zd_size8) ;
+    max-width: var(--local-form-layout-max-width, var(--zd_size1210))
 }
 
 .rightPanel {
     height: var(--local-form-right-panel-height, 100%);
     position: -webkit-sticky;
     position: sticky;
-    top: 0;
-    padding: 8px 0
+    top: 0 ;
+    padding: var(--zd_size8) 0 
 }

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

@@ -1,39 +1,30 @@
 import React from 'react';
 import FormAction, { LeftSide, RightSide } from '@zohodesk/dot/es/FormAction/FormAction';
-import { ActionViewGap, Layout } from "../../../../../../../platform/client-actions/components/interfaces/ActionViewModel"; // @ts-ignore
+import { ActionViewGap } from "../../../../../../../platform/client-actions/components/interfaces/ActionViewModel"; // @ts-ignore
 
 import style from "../css/Form.module.css";
-import ClientActionsRenderer from "../../../../../../../platform/client-actions/components/client-actions-renderer/frameworks/ui/client-actions-renderer/ClientActionsRenderer";
+import RowActionsRenderer from "../../../../../../../platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActions/RowActionsRenderer";
 export default function Footer(_ref) {
   let {
     hasFooter,
     footerLeftActions,
     footerRightActions,
-    clientScripts,
-    context
+    clientScripts
   } = _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(ClientActionsRenderer, {
+  }, /*#__PURE__*/React.createElement(LeftSide, null, footerLeftActions.length > 0 && /*#__PURE__*/React.createElement(RowActionsRenderer, {
     testId: "formFooter_leftActions",
     actions: footerLeftActions,
     clientScripts: clientScripts,
-    context: context,
-    viewMeta: {
-      layout: Layout.HORIZONTAL,
-      gap: ActionViewGap.LARGE
-    }
-  })), /*#__PURE__*/React.createElement(RightSide, null, footerRightActions.length > 0 && /*#__PURE__*/React.createElement(ClientActionsRenderer, {
+    gap: ActionViewGap.LARGE
+  })), /*#__PURE__*/React.createElement(RightSide, null, footerRightActions.length > 0 && /*#__PURE__*/React.createElement(RowActionsRenderer, {
     testId: "formFooter_rightActions",
     actions: footerRightActions,
     clientScripts: clientScripts,
-    context: context,
-    viewMeta: {
-      layout: Layout.HORIZONTAL,
-      gap: ActionViewGap.LARGE
-    }
+    gap: ActionViewGap.LARGE
   })));
 }

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

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

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

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

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

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

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

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

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

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

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

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

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

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