@zohodesk/library-platform 1.1.3-exp.4 → 1.1.3-temp-1.1

package/ChangeLogs.md

@@ -0,0 +1,201 @@
+# Change Logs
+
+
+### 1.1.3-exp.4
+**Issue Fix**
+- Global SDK
+- i18n support
+- custom-component props translator
+
+  - supported client actions context variable recordsLength ex : {{@context.recordsLength}}
+  - 
+**Breaking Changes** 
+- removed `desk-frameworks` and moved TableConnected and FormConnected into   `platform/components` folder, So you should only import package not path inside (NOTE: those are un recommenced way, So we removed )
+
+
+### 1.1.3-exp.1
+**Issue Fix**
+- Global SDK
+- i18n support
+- custom-component props translator
+  
+
+### 1.1.4 – Context resolution fix
+- Fixed: Resolved an issue where "record.name" was working for condition field in client action instead of {{@context.record.name}}.
+
+- Syntax matches documentation for condition field in client actions
+
+### 1.1.3 – Bug Fixes
+- Fixed: Resolved an issue in infinite scroll where API calls were repeatedly triggered unnecessarily or failed to stop at the end of the list.
+
+- Prevented redundant API calls during fast scroll.
+- Ensured correct detection of end-of-data to stop further fetching.
+
+### 1.1.2-exp.0
+**Issue Fix**
+- More scroll issue fix (record-api infinite fail handling)
+
+
+### 1.1.2
+**Feature**
+- In core component , Added the SLOT
+### 1.1.1-exp.6
+**Feature**
+- Supported the `routing` param in `context` for **filter** and added the **TableColumnFilter** component for client actions.
+
+## 🔄 Breaking Changes  
+
+### 1. `dataBroker` → `dataSource`  
+- **Old:** `dataBroker` → **New:** `dataSource`  
+- **Update your configurations to use `dataSource` instead of `dataBroker`.**  
+
+### 2. `limit` (Deprecated)  
+- **`limit` is now deprecated.**  
+- **Module-based usage:** Fetch count is managed internally.  
+- **Non-module use cases:** Use `get-records` in `apiTemplates` for customization.  
+
+### 3. `uiMapping` → `componentMapping`  
+- **Old:** `uiMapping` → **New:** `componentMapping`  
+- **Customization for fields, `emptyState`, and UI parts.**  
+- **Row Actions:** Now handled through `clientActions` (deprecated in `componentMapping`).  
+
+### 4. `pageContext` → `context`  
+- **Old:** `pageContext` → **New:** `context`  
+- **Used for variable replacement in `apiTemplates` and `clientActions`.**  
+- **Allowed Keys:** `departmentName`, `orgName`, `orgId` 
+
+### 5. `record.name`,`field.name`,`departmentId` → `{{@context.record.name}}`,`{{@context.field.name}}`,`{{@context.departmentId}}`  
+- **Old:** `record.name`,`field.name`,`departmentId` → **New:** `{{@context.record.name}}`,`{{@context.field.name}}`,`{{@context.departmentId}}`  
+- **Used for variable replacement in `clientActions`.**  
+- **Allowed Keys:** `departmentName`, `orgName`, `orgId`,`record`,`field` 
+
+
+## 📥 Filter Changes  
+- **`departmentId` and `viewId` moved to top-level properties in `smart-table-list`.**  
+- **On `departmentId` change:** Fields & records are re-fetched.  
+- **On `viewId` change:** Only records are re-fetched (UI updates on client-side).  
+
+
+## 🛠️ New: `preference` Object  
+- **Holds user-facing display preferences.**  
+- **`isFlexibleColumns` moved to `preference.autoColumnSizing`.**  
+- **`autoColumnSizing` (boolean):** Adjusts column width to fit content (avoids scrolling).  
+
+**Feature**
+
+- Row Actions `properties` template support added
+
+**Internal Changes**
+
+- Component and Behaviour properties are merged in custom-component
+- defaultValue not assigned from JSON schema - **Issue Fixed**
+- In Row data, "rowActions" renamed as "rowActionLocation"
+- Properties properly defined for table-list, table-connected, action-location, zlist, zhttp, sort-by, list-selection
+- `PropertiesConverter` implemented in cc/component
+- refactor: update field types to use simplified naming conventions
+- chore: remove unused redux-modules dependency and update testing libraries
+- TableListView - hasRowActions property removed. rowActionsConfig property added with hasActions and columnWidth.
+- Column size and align translator added
+- `rowCursor` property introduced in the TableListView
+- TableListView - Select All checkbox component updated
+- TableListView - Header size property updated as width
+
+**Bug Fixes**
+
+- Set initial state not working for SortBy behaviour - **Issue Fixed**
+
+### `1.0.2`
+
+**Changes**:
+add new exports for BC and CC modules, including SortBy and ZHttp constants
+
+### `1.0.1`
+
+**Changes**: add new index files for BC and CC modules, export field properties and components
+
+**Bug Fixes**
+
+Resolved an issue with case-sensitive file names in the npm registry that was causing errors with the **cases-sensitive-webpack-plugin**. The following files were affected due to discrepancies in case sensitivity:
+
+- `@zohodesk/library-platform/es/platform/data-broker/utils/transformer/CreateCf.js`
+- `@zohodesk/library-platform/es/platform/data-broker/utils/transformer/createCf.js`
+- `@zohodesk/library-platform/es/platform/data-broker/utils/transformer/Transformer.js`
+- `@zohodesk/library-platform/es/platform/data-broker/utils/transformer/transformer.js`
+
+The case sensitivity issue has now been fixed.
+
+### `1.0.0`
+
+with changes from `1.0.0-exp.6`
+**Features:**
+
+- From this version on below fields custom events will receive `rowId` as payload on table level event listeners
+  - Currency
+  - SingleLine
+  - MultiLine
+  - Number
+  - Decimal
+  - URL
+  - Email
+  - Phone
+  - Currency
+  - Percentage
+  - Date
+  - DateTime
+  - PickList
+  - MultiSelect
+  - LookUp
+
+**Bug Fixes**
+
+- in http-behaviour if fetch response status code 422 or some similar status code did not consider
+  as failed **issue fixed**
+
+**Internal Changes**
+
+- add initial interfaces and types for zdata-broker module
+- zdata-broker behaviour separated form zrecord and zfield
+- add FetchStateStop use case and controller, enhance event handling
+
+### `1.0.0-exp.6`
+
+with changes from `1.0.0-exp.4`
+**Features:**
+
+- `isFlexibleColumns` support added for TableConnected
+
+**Bug Fixes**
+
+- in record actions post and patch request goes as GET **issue fixed**
+
+### `1.0.0-exp.4`
+
+**Features:**
+
+- `getRecord` zlist sdk added
+- `deleteRecord` zlist sdk added
+- Success and Failure Events of updateRecord and deleteRecord support added
+  - `ZLIST#RECORD_UPDATE_SUCCEEDED`
+  - `ZLIST#RECORD_UPDATE_FAILED`
+  - `ZLIST#RECORD_DELETE_SUCCEEDED`
+  - `ZLIST#RECORD_DELETE_FAILED`
+- **Boolean** Field appendToActionPayload logic added for custom event, for table level event listen and `rowId` payload
+- data-broker `getResponse` support for json support added
+
+**Bug Fixes**
+
+- unwanted loading state other then Record Fetch removed
+- no content `records` api 204 issue fix
+- when refetch triggered before record success then refetch and record Fetch data both appended issue fixed
+- when next record Fetch call from value triggered one number previous, So duplicate data added end of each set next record request
+
+### `1.0.0-exp.2`
+
+#### Added
+
+- Initial experimental release.
+
+
+***Features:**
+
+ - `Client Action : zclient-actions` behaviour added

package/README.md

@@ -80,4 +80,4 @@ The `TableConnectedFactory.create` method accepts the following parameters:
 - **EventHandlersFactory**: Factory to manage event handlers for the component.
 - **Behaviour Factories**: Include various behaviours such as HTTP requests, field management, and list rendering.
 - **ComponentRegistry**: Singleton for managing component instances across your application.
-- **createCustomComponent**: Function to create custom components with necessary dependencies and lifecycle methods.
+- **createCustomComponent**: Function to create custom components with necessary dependencies and lifecycle methods.

package/es/bc/zform/Symbol.js

@@ -14,6 +14,7 @@ export const ZFORM_LAYOUT_RULES_REQUEST = 'ZFORM#LAYOUT_RULES_REQUEST';
 export const ZFORM_LAYOUT_RULES_SUCCESS = 'ZFORM#LAYOUT_RULES_SUCCESS';
 export const ZFORM_LAYOUT_RULES_FAILURE = 'ZFORM#LAYOUT_RULES_FAILURE';
 export const ZFORM_FIELD_VALUE_CHANGE_REQUEST = 'ZFORM#FIELD_VALUE_CHANGE_REQUEST';
+export const ZFORM_FIELD_VALUE_CHANGED = 'ZFORM#FIELD_VALUE_CHANGED';
 export const ZFORM_SET_FIELD_ERROR_MESSAGE = 'ZFORM#SET_FIELD_ERROR_MESSAGE';
 export const ZFORM_VALIDATE_FIELD_REQUEST = 'ZFORM#VALIDATE_FIELD_REQUEST';
 export const ZFORM_SUBMIT = 'ZFORM#SUBMIT_REQUEST';

package/es/cc/form/Constants.js

@@ -2,6 +2,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 class FormConstants {}
 
+_defineProperty(FormConstants, "FORM_FIELD_FOCUSED", 'FORM#FIELD_FOCUSED');
+
 _defineProperty(FormConstants, "FORM_FIELD_BLURRED", 'FORM#FIELD_BLURRED');
 
 _defineProperty(FormConstants, "FORM_FIELD_VALUE_CHANGE_REQUEST", 'FORM#FIELD_VALUE_CHANGE_REQUEST');

package/es/cc/form/Events.js

@@ -1,5 +1,25 @@
 import FormConstants from "./Constants";
 const Events = [{
+  type: FormConstants.FORM_FIELD_FOCUSED,
+  payload: {
+    sectionId: {
+      name: 'sectionId',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    fieldName: {
+      name: 'fieldName',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  }
+}, {
   type: FormConstants.FORM_FIELD_BLURRED,
   payload: {
     sectionId: {

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

@@ -0,0 +1,13 @@
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+class SmartFormConstants {}
+
+_defineProperty(SmartFormConstants, "SMART_FORM_FIELD_FOCUSED", 'SMART_FORM#FIELD_FOCUSED');
+
+_defineProperty(SmartFormConstants, "SMART_FORM_FIELD_BLURRED", 'SMART_FORM#FIELD_BLURRED');
+
+_defineProperty(SmartFormConstants, "SMART_FORM_FIELD_VALUE_CHANGED", 'SMART_FORM#FIELD_VALUE_CHANGED');
+
+_defineProperty(SmartFormConstants, "SMART_FORM_SUBMIT", 'SMART_FORM#SUBMIT');
+
+export default SmartFormConstants;

package/es/cc/section/Constants.js

@@ -2,6 +2,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 class SectionConstants {}
 
+_defineProperty(SectionConstants, "SECTION_FIELD_FOCUSED", 'SECTION#FIELD_FOCUSED');
+
 _defineProperty(SectionConstants, "SECTION_FIELD_BLURRED", 'SECTION#FIELD_BLURRED');
 
 _defineProperty(SectionConstants, "SECTION_FIELD_CHANGED", 'SECTION#FIELD_VALUE_CHANGED');

package/es/cc/section/Events.js

@@ -1,5 +1,25 @@
 import SectionConstants from "./Constants";
 const Events = [{
+  type: SectionConstants.SECTION_FIELD_FOCUSED,
+  payload: {
+    id: {
+      name: 'id',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    },
+    fieldName: {
+      name: 'fieldName',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  }
+}, {
   type: SectionConstants.SECTION_FIELD_BLURRED,
   payload: {
     id: {

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

@@ -4,12 +4,13 @@ import FormConstants from "../../../../../../cc/form/Constants";
 class EventHandlersFactory {
   static create() {
     return {
+      [SectionConstants.SECTION_FIELD_FOCUSED]: this.handleSectionFieldFocused,
       [SectionConstants.SECTION_FIELD_BLURRED]: this.handleSectionFieldBlurred,
       [SectionConstants.SECTION_FIELD_CHANGED]: this.handleSectionFieldChanged
     };
   }
 
-  static handleSectionFieldBlurred(_ref) {
+  static handleSectionFieldFocused(_ref) {
     let {
       action,
       dispatch
@@ -19,7 +20,7 @@ class EventHandlersFactory {
       fieldName
     } = action.payload;
     dispatch({
-      type: FormConstants.FORM_FIELD_BLURRED,
+      type: FormConstants.FORM_FIELD_FOCUSED,
       payload: {
         sectionId,
         fieldName
@@ -28,11 +29,30 @@ class EventHandlersFactory {
     });
   }
 
-  static handleSectionFieldChanged(_ref2) {
+  static handleSectionFieldBlurred(_ref2) {
     let {
       action,
       dispatch
     } = _ref2;
+    const {
+      id: sectionId,
+      fieldName
+    } = action.payload;
+    dispatch({
+      type: FormConstants.FORM_FIELD_BLURRED,
+      payload: {
+        sectionId,
+        fieldName
+      },
+      metaData: {}
+    });
+  }
+
+  static handleSectionFieldChanged(_ref3) {
+    let {
+      action,
+      dispatch
+    } = _ref3;
     const {
       id: sectionId,
       fieldName,

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

@@ -1,7 +1,10 @@
 import React from 'react';
-import FormConstants from "../../../../../../cc/form/Constants";
+import Loader from '@zohodesk/svg/es/v1/Loader/Loader';
 import SectionsWrapper from '@zohodesk-private/desk-components/es/form/SectionsWrapper/SectionsWrapper';
 import Sections from "./sub-components/Sections";
+import FormConstants from "../../../../../../cc/form/Constants"; // @ts-ignore
+
+import style from "./css/Form.module.css";
 
 function FormView(_ref, ref) {
   let {
@@ -24,12 +27,12 @@ function FormView(_ref, ref) {
   };
 
   return /*#__PURE__*/React.createElement("div", {
+    className: style.formWrapper,
     ref: ref
   }, isLoading ?
   /*#__PURE__*/
   // Check for loading state
-  React.createElement("div", null, "Loading...") // Display loading indicator
-  : /*#__PURE__*/React.createElement(SectionsWrapper, null, /*#__PURE__*/React.createElement("button", {
+  React.createElement(Loader, null) : /*#__PURE__*/React.createElement(SectionsWrapper, null, /*#__PURE__*/React.createElement("button", {
     type: "submit",
     onClick: handleSubmit
   }, "Submit"), /*#__PURE__*/React.createElement(Sections, {

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

@@ -1,3 +1,7 @@
+.formWrapper {
+    height: 100% ;
+}
+
 .fieldWrapper {
     position: relative
 }

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

@@ -37,6 +37,7 @@ function CheckboxView(_ref2, ref) {
   } = state.viewModel;
   const isEditable = !disabled && !readonly;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_checkbox",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(FieldController, {

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

@@ -21,6 +21,7 @@ function CurrencyView(_ref, ref) {
     actions
   } = state.properties;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_currency",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

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

@@ -20,6 +20,7 @@ function DateView(_ref, ref) {
     required
   } = state.viewModel;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_date",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

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

@@ -20,6 +20,7 @@ function DateView(_ref, ref) {
     required
   } = state.viewModel;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_datetime",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

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

@@ -21,6 +21,7 @@ function DecimalView(_ref, ref) {
     required
   } = state.viewModel;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_decimal",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

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

@@ -21,6 +21,7 @@ function EmailView(_ref, ref) {
     required
   } = state.properties;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_email",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

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

@@ -27,6 +27,7 @@ function MultiSelectView(_ref, ref) {
     actions
   } = state.properties;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_multiselect",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

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

@@ -21,6 +21,7 @@ function NumberView(_ref, ref) {
     required
   } = state.viewModel;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_number",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

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

@@ -21,6 +21,7 @@ function PercentageView(_ref, ref) {
     required
   } = state.viewModel;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_percentage",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

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

@@ -21,6 +21,7 @@ function PhoneView(_ref, ref) {
     required
   } = state.viewModel;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_phone",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

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

@@ -27,6 +27,7 @@ function PickListView(_ref, ref) {
     actions
   } = state.properties;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_picklist",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

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

@@ -21,6 +21,7 @@ function TextAreaView(_ref, ref) {
     required
   } = state.properties;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_textarea",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

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

@@ -21,6 +21,7 @@ function TextBoxView(_ref, ref) {
     required
   } = state.properties;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_textbox",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

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

@@ -21,6 +21,7 @@ function UrlView(_ref, ref) {
     required
   } = state.viewModel;
   return /*#__PURE__*/React.createElement("div", {
+    "data-test-id": "smart_form_field_url",
     ref: ref,
     className: style.fieldWrapper
   }, /*#__PURE__*/React.createElement(Label, {

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

@@ -4,12 +4,13 @@ import FieldConstants from "../../../../../../cc/fields/field/Constants";
 class EventHandlersFactory {
   static create() {
     return {
+      [FieldConstants.FIELD_FOCUSED]: this.handleFieldFocused,
       [FieldConstants.FIELD_BLURRED]: this.handleFieldBlurred,
       [FieldConstants.FIELD_CHANGED]: this.handleFieldChanged
     };
   }
 
-  static handleFieldBlurred(_ref) {
+  static handleFieldFocused(_ref) {
     let {
       action,
       state,
@@ -22,7 +23,7 @@ class EventHandlersFactory {
       fieldName
     } = action.payload;
     dispatch({
-      type: SectionConstants.SECTION_FIELD_BLURRED,
+      type: SectionConstants.SECTION_FIELD_FOCUSED,
       payload: {
         id,
         fieldName
@@ -31,7 +32,7 @@ class EventHandlersFactory {
     });
   }
 
-  static handleFieldChanged(_ref2) {
+  static handleFieldBlurred(_ref2) {
     let {
       action,
       state,
@@ -40,6 +41,28 @@ class EventHandlersFactory {
     const {
       id
     } = state.properties;
+    const {
+      fieldName
+    } = action.payload;
+    dispatch({
+      type: SectionConstants.SECTION_FIELD_BLURRED,
+      payload: {
+        id,
+        fieldName
+      },
+      metaData: {}
+    });
+  }
+
+  static handleFieldChanged(_ref3) {
+    let {
+      action,
+      state,
+      dispatch
+    } = _ref3;
+    const {
+      id
+    } = state.properties;
     const {
       fieldName,
       value

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

@@ -1,4 +1,12 @@
+import SmartFormConstants from "../../../../cc/form-connected/Constants";
 import FormSdkFactory from "./FormSdkFactory";
+import FormConstants from "../../../../cc/form/Constants";
+import { ZFORM_FIELD_VALUE_CHANGED } from "../../../../bc/zform/Symbol";
+const {
+  SMART_FORM_FIELD_FOCUSED,
+  SMART_FORM_FIELD_BLURRED,
+  SMART_FORM_FIELD_VALUE_CHANGED
+} = SmartFormConstants;
 
 function createHandlerWithSdk(handler) {
   return input => {
@@ -14,11 +22,70 @@ function createHandlerWithSdk(handler) {
 }
 
 export default class EventHandlersFactory {
-  static create(eventHandlers) {
+  static createWrapped(eventHandlers) {
     return Object.fromEntries(Object.keys(eventHandlers).map(eventName => {
       const handler = createHandlerWithSdk(eventHandlers[eventName]);
       return [eventName, handler];
     }));
   }
 
+  static create(eventHandlers) {
+    const wrapped = EventHandlersFactory.createWrapped(eventHandlers);
+    return { ...wrapped,
+      [FormConstants.FORM_FIELD_FOCUSED]: _ref => {
+        let {
+          action,
+          dispatch
+        } = _ref;
+        const {
+          sectionId,
+          fieldName
+        } = action.payload;
+        dispatch({
+          type: SMART_FORM_FIELD_FOCUSED,
+          payload: {
+            sectionId,
+            fieldName
+          }
+        });
+      },
+      [FormConstants.FORM_FIELD_BLURRED]: _ref2 => {
+        let {
+          action,
+          dispatch
+        } = _ref2;
+        const {
+          sectionId,
+          fieldName
+        } = action.payload;
+        dispatch({
+          type: SMART_FORM_FIELD_BLURRED,
+          payload: {
+            sectionId,
+            fieldName
+          }
+        });
+      },
+      [ZFORM_FIELD_VALUE_CHANGED]: _ref3 => {
+        let {
+          action,
+          dispatch
+        } = _ref3;
+        const {
+          sectionId,
+          fieldName,
+          value
+        } = action.payload;
+        dispatch({
+          type: SMART_FORM_FIELD_VALUE_CHANGED,
+          payload: {
+            sectionId,
+            fieldName,
+            value
+          }
+        });
+      }
+    };
+  }
+
 }

package/es/platform/zform/adapters/controllers/FieldValueChangeController.js

@@ -5,16 +5,23 @@ class FieldValueChangeController extends AbstractController {
     const {
       fieldValueChangeRequestUseCase
     } = this.service;
-    let {
+    const {
       state,
       updateState,
       action,
       dispatch
     } = event;
+    const {
+      fieldName,
+      value,
+      sectionId
+    } = action.payload;
     fieldValueChangeRequestUseCase.updateDependency(state, updateState);
     fieldValueChangeRequestUseCase.execute({
-      fieldName: action.payload.fieldName,
-      newValue: action.payload.newValue
+      fieldName,
+      newValue: value,
+      sectionId,
+      dispatch
     });
   }
 

package/es/platform/zform/applications/usecases/FieldValueChangeRequestUseCase.js

@@ -1,10 +1,13 @@
 import AbstractUseCase from "./AbstractUseCase";
+import { ZFORM_FIELD_VALUE_CHANGED } from "../../../../bc/zform/Symbol";
 
 class FieldValueChangeRequestUseCase extends AbstractUseCase {
   execute(input) {
     let {
+      sectionId,
       fieldName,
-      newValue
+      newValue,
+      dispatch
     } = input;
     let {
       layoutRuleApplier
@@ -29,6 +32,15 @@ class FieldValueChangeRequestUseCase extends AbstractUseCase {
     // zform=zformEntitiy.toObject();
 
     this.dependencies.presenter.updateFormResponse(zform);
+    dispatch({
+      type: ZFORM_FIELD_VALUE_CHANGED,
+      payload: {
+        sectionId,
+        fieldName,
+        value: newValue
+      },
+      metaData: {}
+    });
   }
 
 }

package/es/platform/zform/frameworks/ui/EventHandlerFactory.js

@@ -209,11 +209,17 @@ class EventHandlersFactory {
           action,
           dispatch
         } = _ref8;
+        const {
+          sectionId,
+          fieldName,
+          value
+        } = action.payload;
         dispatch({
           type: ZFORM_FIELD_VALUE_CHANGE_REQUEST,
           payload: {
-            fieldName: action.payload.fieldName,
-            newValue: action.payload.value
+            sectionId,
+            fieldName,
+            value
           },
           metaData: {}
         });

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@zohodesk/library-platform",
-  "version": "1.1.3-exp.4",
+  "version": "1.1.3-temp-1.1",
   "description": "",
   "main": "es/index.js",
   "files": [
+    "ChangeLogs.md",
     "es/",
     "!es/*.test.js",
     "!es/*.spec.js"
@@ -22,6 +23,7 @@
     "publish:alpha": "npm publish --tag alpha",
     "publish:beta": "npm publish --tag beta",
     "publish:exp": "npm publish --tag experimental",
+    "publish:temp": "npm publish --tag temp",
     "postpublish": "node ./post_publish.js",
     "lint:setup": "ZDPrecommit setupPlugins",
     "lint": "eslint -c .eslintrc.js --ext .ts,.js,.tsx",
@@ -44,7 +46,7 @@
     "@typescript-eslint/parser": "^7.11.0",
     "@zoho/SecurityJS": "5.0.2",
     "@zohodesk-private/css-variable-migrator": "^1.0.7",
-    "@zohodesk-private/desk-components": "1.0.0-temp-53.3",
+    "@zohodesk-private/desk-components": "1.3.9",
     "@zohodesk-private/node-plugins": "1.1.9",
     "@zohodesk/a11y": "2.2.6",
     "@zohodesk/codestandard-analytics": "0.0.2",
@@ -54,6 +56,7 @@
     "@zohodesk/eslint-plugin-architecturerules": "0.0.5-exp-3",
     "@zohodesk/eslint-plugin-no-hardcoding": "1.0.6",
     "@zohodesk/hooks": "2.0.5",
+    "@zohodesk/i18n": "1.0.0-beta.31",
     "@zohodesk/icons": "1.0.72",
     "@zohodesk/layout": "3.1.0",
     "@zohodesk/svg": "1.1.27",
@@ -76,7 +79,7 @@
     "typescript": "4.9.5"
   },
   "peerDependencies": {
-    "@zohodesk-private/desk-components": "1.0.0-temp-53.3",
+    "@zohodesk-private/desk-components": "1.3.9",
     "@zohodesk/a11y": "2.2.6",
     "@zohodesk/components": "1.2.62",
     "@zohodesk/dot": "1.7.8",
@@ -87,13 +90,10 @@
     "@zohodesk/svg": "1.1.27",
     "@zohodesk/utils": "1.3.14",
     "color": "4.2.3",
+    "jsep": "0.3.5",
     "react-sortable-hoc": "1.11.0"
   },
   "dependencies": {
-    "@zohodesk/i18n": "^1.0.0-beta.33",
-    "ajv": "6.12.6",
-    "array-move": "^4.0.0",
-    "jsep": "0.3.5",
-    "object-path-immutable": "4.1.2"
+    "ajv": "6.12.6"
   }
-}
+}

package/es/library/custom-component/frameworks/object-path-immutable/ImmutableHelper.js

@@ -1,5 +0,0 @@
-/* eslint-disable @zohodesk/architecturerules/no-unused-vars */
-// REVIEW: Class never used
-class ImmutableHelper {}
-
-export {};