@zohodesk/library-platform 1.1.8-exp.1 → 1.1.8-exp.2

package/es/bc/zform/Symbol.js

@@ -17,6 +17,7 @@ export const ZFORM_FIELD_VALUE_CHANGE_REQUEST = 'ZFORM#FIELD_VALUE_CHANGE_REQUES
 export const ZFORM_FIELD_VALUE_CHANGED = 'ZFORM#FIELD_VALUE_CHANGED';
 export const ZFORM_FIELD_BLURRED = 'ZFORM#FIELD_BLURRED';
 export const ZFORM_SET_FIELD_ERROR_MESSAGE = 'ZFORM#SET_FIELD_ERROR_MESSAGE';
+export const ZFORM_LOOKUP_FIELD_SUCCESS = 'ZFORM#LOOKUP_FIELD_SUCCESS';
 export const ZFORM_VALIDATE_FIELDS = 'ZFORM#VALIDATE_FIELDS';
 export const ZFORM_VALIDATE_FIELD_REQUEST = 'ZFORM#VALIDATE_FIELD_REQUEST';
 export const ZFORM_SUBMIT = 'ZFORM#SUBMIT_REQUEST';

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

@@ -15,7 +15,7 @@ export const fieldTypeToUIType = {
   Date: 'Date',
   DateTime: 'DateTime',
   Multiselect: 'MultiSelect',
-  LookUp: 'TextBox'
+  LookUp: 'LookUp'
 };
 export const ePHIFields = {
   Text: true,

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

@@ -27,6 +27,15 @@ export default { ...FieldProperties,
       }
     }
   },
+  lookup: {
+    required: false,
+    defaultValue: '',
+    typeMetadata: {
+      schema: {
+        type: 'object'
+      }
+    }
+  },
   ePHI: {
     required: false,
     defaultValue: false,

package/es/cc/textarea/Properties.js

@@ -64,5 +64,16 @@ export default {
         type: 'boolean'
       }
     }
+  },
+  actions: {
+    required: false,
+    typeMetadata: {
+      schema: {
+        type: 'array',
+        items: {
+          type: 'object'
+        }
+      }
+    }
   }
 };

package/es/index.js

@@ -7,8 +7,9 @@ export { ComponentRegistry, createCustomComponent } from "./library";
 export { default as TableFieldComponents } from "./library/dot/legacy-to-new-arch/table-field-components";
 import * as _Components from "./library/dot/legacy-to-new-arch";
 export { _Components as Components };
-export { platformSDK } from "./platform/sdk/frameworks/Sdk";
+export { platformSDK_old, platformSDK } from "./platform/sdk/frameworks/Sdk";
 export { sdkRegistry } from "./platform/sdk/frameworks/SdkRegistry";
+export { AppResource } from "./platform/components/app/adapters/resources/AppResource";
 export { getClientActionsAdapter, fetchClientActions } from "./platform/client-actions/components/action-event-mediator/frameworks/ui/ClientActionsAdapter";
 export { transFormValidationRules } from "./platform/data-source/utils/validation-rules/TransFormValidationRules";
 export { renderField } from "./library/dot/components/section/frameworks/ui/RenderField";

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

@@ -1,6 +1,6 @@
 import { DefaultFormSectionUIType } from "../../../../../../cc/fields/field/FormDefaultUIType";
 import ComponentRegistry from "../../../../../custom-component/frameworks/ui/ComponentRegistry";
-import { TextArea, TextBox, Email, PickList, Currency, MultiSelect, Url, Percentage, Phone, Number, Decimal, Date, DateTime, Checkbox } from "../../../form-fields";
+import { TextArea, TextBox, Email, PickList, Currency, MultiSelect, Url, Percentage, Phone, Number, Decimal, Date, DateTime, Checkbox, LookUp } from "../../../form-fields";
 import Section from "../../../section/frameworks/ui/Section";
 export function registerDefaultComponents() {
   // Registering components in the ComponentRegistry
@@ -20,5 +20,6 @@ export function registerDefaultComponents() {
   ComponentRegistry.register('Date', Date);
   ComponentRegistry.register('DateTime', DateTime);
   ComponentRegistry.register('Checkbox', Checkbox);
+  ComponentRegistry.register('LookUp', LookUp);
   ComponentRegistry.register(DefaultFormSectionUIType, Section);
 }

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

@@ -15,9 +15,6 @@
     max-width: 100% ;
     gap: var(--zd_size8) 
 }
-.checkboxWrapper {
-    margin-top: var(--zd_size3) 
-}
 
 .cursor_pointer {
     cursor: pointer

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

@@ -64,15 +64,13 @@ function CheckboxView(_ref2, ref) {
         type: CheckboxConstants.CHECKBOX_TOGGLED
       })
     } : undefined
-  }, /*#__PURE__*/React.createElement("div", {
-    className: style.checkboxWrapper
   }, /*#__PURE__*/React.createElement(Checkbox, {
     id: id,
     checked: value,
     required: required,
     disabled: disabled,
     readonly: readonly
-  })), /*#__PURE__*/React.createElement(Label, {
+  }), /*#__PURE__*/React.createElement(Label, {
     for: id,
     label: label,
     actions: labelActions,

package/es/library/dot/components/form-fields/index.js

@@ -12,4 +12,5 @@ export { default as Number } from "./number/frameworks/ui/Number";
 export { default as Decimal } from "./decimal/frameworks/ui/Decimal";
 export { default as Date } from "./date/frameworks/ui/Date";
 export { default as DateTime } from "./datetime/frameworks/ui/DateTime";
-export { default as Checkbox } from "./checkbox/frameworks/ui/Checkbox";
+export { default as Checkbox } from "./checkbox/frameworks/ui/Checkbox";
+export { default as LookUp } from "./lookup/frameworks/ui/Lookup";

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

@@ -0,0 +1,70 @@
+import { TextBoxConstants } from "../../../../../../../cc/textbox";
+import FieldConstants from "../../../../../../../cc/fields/field/Constants";
+
+class EventHandlersFactory {
+  static create() {
+    return {
+      [TextBoxConstants.TEXTBOX_FOCUSED]: this.handleTextBoxFocused,
+      [TextBoxConstants.TEXTBOX_BLURED]: this.handleTextBoxBlurred,
+      [TextBoxConstants.TEXTBOX_CHANGED]: this.handleTextBoxChanged
+    };
+  }
+
+  static handleTextBoxFocused(_ref) {
+    let {
+      state,
+      dispatch
+    } = _ref;
+    const {
+      name
+    } = state.properties;
+    dispatch({
+      type: FieldConstants.FIELD_FOCUSED,
+      payload: {
+        fieldName: name
+      },
+      metaData: {}
+    });
+  }
+
+  static handleTextBoxBlurred(_ref2) {
+    let {
+      state,
+      dispatch
+    } = _ref2;
+    const {
+      name
+    } = state.properties;
+    dispatch({
+      type: FieldConstants.FIELD_BLURRED,
+      payload: {
+        fieldName: name
+      }
+    });
+  }
+
+  static handleTextBoxChanged(_ref3) {
+    let {
+      state,
+      dispatch,
+      action
+    } = _ref3;
+    const {
+      value
+    } = action.payload;
+    const {
+      name
+    } = state.properties;
+    dispatch({
+      type: FieldConstants.FIELD_CHANGED,
+      payload: {
+        fieldName: name,
+        value
+      },
+      metaData: {}
+    });
+  }
+
+}
+
+export default EventHandlersFactory;

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

@@ -0,0 +1,13 @@
+import { createCustomComponent } from "../../../../../../custom-component";
+import LookupFieldProperties from "../../../../../../../cc/fields/text/Properties";
+import FocusFieldBehaviourFactory from "../../../../../../behaviours/field-focus/frameworks/ui/FocusFieldBehaviourFactory";
+import LookupView from "./LookupView";
+import EventHandlersFactory from "./EventHandlerFactory";
+let Lookup = createCustomComponent({
+  name: 'FormLookUpField',
+  View: LookupView,
+  properties: LookupFieldProperties,
+  eventHandlers: EventHandlersFactory.create(),
+  behaviours: [FocusFieldBehaviourFactory.create()]
+});
+export default Lookup;

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

@@ -0,0 +1,51 @@
+import React from 'react';
+import TextBox from "../../../../../legacy-to-new-arch/textbox/frameworks/ui/TextBox";
+import FieldItem from "../../../field/FieldItem"; // @ts-ignore
+
+import style from "../../../../form/frameworks/ui/css/Form.module.css";
+
+function TextBoxView(_ref, ref) {
+  let {
+    state
+  } = _ref;
+  const {
+    id,
+    label,
+    value,
+    placeholder,
+    errorMessage,
+    disabled,
+    readonly,
+    required,
+    uiConfig,
+    labelActions,
+    actions
+  } = state.properties;
+  const {
+    size,
+    breakRow
+  } = uiConfig;
+  return /*#__PURE__*/React.createElement(FieldItem, {
+    ref: ref,
+    id: id,
+    label: label,
+    labelActions: labelActions,
+    required: required,
+    errorMessage: errorMessage,
+    testId: 'smart_form_field_lookup',
+    size: size,
+    breakRow: breakRow
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.field
+  }, /*#__PURE__*/React.createElement(TextBox, {
+    id: id,
+    placeholder: placeholder,
+    value: value,
+    required: required,
+    disabled: disabled,
+    readonly: readonly,
+    actions: actions
+  })));
+}
+
+export default TextBoxView;

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

@@ -18,7 +18,8 @@ function TextAreaView(_ref, ref) {
     readonly,
     required,
     uiConfig,
-    labelActions
+    labelActions,
+    actions
   } = state.properties;
   const {
     size,
@@ -42,7 +43,8 @@ function TextAreaView(_ref, ref) {
     value: value,
     required: required,
     disabled: disabled,
-    readonly: readonly
+    readonly: readonly,
+    actions: actions
   })));
 }
 

package/es/library/dot/legacy-to-new-arch/date/frameworks/ui/DateView.js

@@ -1,7 +1,9 @@
 import React from "react";
 import DateWidget from '@zohodesk/components/es/DateTime/DateWidget';
 import DateConstants from "../../../../../../cc/date/Constants";
-import ActionEventMediator from "../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator";
+import ActionEventMediator from "../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator"; // @ts-ignore
+
+import style from "./css/DateView.module.css";
 
 function DateView(_ref, ref) {
   let {
@@ -24,9 +26,12 @@ function DateView(_ref, ref) {
   } = state.properties;
 
   const renderRightFieldActions = () => {
-    return actions !== null && actions !== void 0 && actions.length ? /*#__PURE__*/React.createElement(ActionEventMediator, {
+    if (!(actions !== null && actions !== void 0 && actions.length)) return null;
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.actionContainer
+    }, /*#__PURE__*/React.createElement(ActionEventMediator, {
       actions: actions
-    }) : null;
+    }));
   };
 
   return /*#__PURE__*/React.createElement(DateWidget, {

package/es/library/dot/legacy-to-new-arch/date/frameworks/ui/css/DateView.module.css

@@ -0,0 +1,3 @@
+.actionContainer {
+    margin-top: var(--zd_size2) ;
+}

package/es/library/dot/legacy-to-new-arch/label/frameworks/ui/LabelView.js

@@ -1,13 +1,10 @@
 import React from 'react';
 import Label from '@zohodesk/components/es/Label/Label';
 import Flex from '@zohodesk/layout/es/Flex/Flex';
-import ActionEventMediator from "../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator"; // import ActionLocation from '@library/dot/components/action-location/frameworks/ui/ActionLocation';
-
-import ComponentRegistry from "../../../../../custom-component/frameworks/ui/ComponentRegistry";
-import LabelAction from "./sub-components/ui/LabelAction"; // @ts-ignore
-
+import ActionEventMediator from "../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator";
+import { ActionViewGap } from "../../../../../../platform/client-actions/components/interfaces/ActionViewModel";
+// @ts-ignore
 import style from "./css/Label.module.css";
-ComponentRegistry.register(`LabelAction`, LabelAction);
 
 function LabelView(_ref, ref) {
   let {
@@ -30,7 +27,8 @@ function LabelView(_ref, ref) {
     palette: isMandatory ? 'mandatory' : 'default',
     customClass: `${style.label} ${isMandatory ? style.mandatory : ''}`
   }), actions.length ? /*#__PURE__*/React.createElement(ActionEventMediator, {
-    actions: actions
+    actions: actions,
+    gap: ActionViewGap.XMEDIUM
   }) : null);
 }
 

package/es/library/dot/legacy-to-new-arch/label/frameworks/ui/css/Label.module.css

@@ -1,11 +1,9 @@
 .label {
-    --label_cursor: inherit;
-    display: inline;
-    vertical-align: middle
+    --label_cursor: inherit
 }[dir=ltr] .label {
-    padding-right: var(--zd_size4) 
+    padding-right: var(--zd_size6) 
 }[dir=rtl] .label {
-    padding-left: var(--zd_size4) 
+    padding-left: var(--zd_size6) 
 }
 
 .mandatory::after {

package/es/library/dot/legacy-to-new-arch/multi-select/frameworks/ui/MultiSelectView.js

@@ -1,7 +1,9 @@
 import React from "react";
 import ActionEventMediator from "../../../../../../platform/client-actions/components/action-event-mediator/frameworks/ui/ActionEventMediator";
 import MultiSelect from "@zohodesk/components/es/MultiSelect/MultiSelect";
-import { MultiSelectConstants } from "../../../../../../cc/multi-select";
+import { MultiSelectConstants } from "../../../../../../cc/multi-select"; // @ts-ignore
+
+import style from "./css/MultiSelectView.module.css";
 
 function MultiSelectView(_ref, ref) {
   let {
@@ -24,9 +26,12 @@ function MultiSelectView(_ref, ref) {
   } = state.properties;
 
   const renderRightFieldActions = () => {
-    return actions !== null && actions !== void 0 && actions.length ? /*#__PURE__*/React.createElement(ActionEventMediator, {
+    if (!(actions !== null && actions !== void 0 && actions.length)) return null;
+    return /*#__PURE__*/React.createElement("div", {
+      className: style.actionContainer
+    }, /*#__PURE__*/React.createElement(ActionEventMediator, {
       actions: actions
-    }) : null;
+    }));
   };
 
   return /*#__PURE__*/React.createElement(MultiSelect, {
@@ -44,6 +49,10 @@ function MultiSelectView(_ref, ref) {
     textBoxSize: "xmedium",
     customProps: {
       TextBoxIconProps: {
+        customClass: {
+          customTBoxWrap: style.custmInputWrapper,
+          customTBoxIcon: style.clearIconContainer
+        },
         'aria-required': required,
         renderRightPlaceholderNode: renderRightFieldActions()
       }
@@ -51,6 +60,7 @@ function MultiSelectView(_ref, ref) {
     selectAllText: "Select All",
     emptyMessage: "No options to select",
     searchEmptyMessage: "No Results Found",
+    customChildrenClass: `${(actions === null || actions === void 0 ? void 0 : actions.length) >= 2 ? style[`paddingRight${actions.length === 2 ? 64 : 96}`] : ''}`,
     onChange: selectedValues => {
       dispatch({
         type: MultiSelectConstants.MULTISELECT_CHANGED,

package/es/library/dot/legacy-to-new-arch/multi-select/frameworks/ui/css/MultiSelectView.module.css

@@ -0,0 +1,37 @@
+.actionContainer {
+    margin-top: var(--zd_size4) ;
+}
+
+.custmInputWrapper {
+    position: absolute;
+    top: 0 ;
+    width: 100% ;
+}
+
+[dir=ltr] .custmInputWrapper {
+    left: 0 ;
+}
+
+[dir=rtl] .custmInputWrapper {
+    right: 0 ;
+}
+
+.clearIconContainer {
+    --textboxicon_icon_margin: 0;
+}
+
+[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) ;
+}

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

@@ -1,6 +1,9 @@
 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";
+import TextAreaConstants from "../../../../../../cc/textarea/Constants"; // @ts-ignore
+
+import style from "./css/TextAreaView.module.css";
 
 function TextAreaView(_ref, ref) {
   let {
@@ -17,9 +20,10 @@ function TextAreaView(_ref, ref) {
     value,
     required,
     disabled,
-    readonly
+    readonly,
+    actions
   } = state.properties;
-  return /*#__PURE__*/React.createElement(Textarea, {
+  const textAreaRenderer = /*#__PURE__*/React.createElement(Textarea, {
     getRef: ref,
     htmlId: id,
     maxLength: maxLength,
@@ -29,6 +33,7 @@ function TextAreaView(_ref, ref) {
     isDisabled: disabled,
     animated: !readonly && !disabled,
     size: "xsmall",
+    resize: "vertical",
     customAttributes: {
       'aria-required': required
     },
@@ -45,8 +50,21 @@ function TextAreaView(_ref, ref) {
           value
         }
       });
-    }
+    },
+    customClass: `${actions !== null && actions !== void 0 && actions.length ? style[`paddingRight${actions.length === 1 ? 32 : actions.length === 2 ? 64 : 96}`] : ''}`
   });
+
+  if (!(actions !== null && actions !== void 0 && actions.length)) {
+    return textAreaRenderer;
+  }
+
+  return /*#__PURE__*/React.createElement("div", {
+    className: style.hasChildren
+  }, textAreaRenderer, /*#__PURE__*/React.createElement("div", {
+    className: style.rightPlaceholder
+  }, /*#__PURE__*/React.createElement(ActionEventMediator, {
+    actions: actions
+  })));
 }
 
 export default TextAreaView;

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

@@ -0,0 +1,40 @@
+.hasChildren {
+    position: relative;
+}
+
+.rightPlaceholder {
+    position: absolute;
+    bottom: var(--zd_size4) ;
+}
+
+[dir=ltr] .rightPlaceholder {
+    right: var(--zd_size12) ;
+}
+
+[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) ;
+}

package/es/platform/client-actions/behaviour/zclient-actions/frameworks/sdk/ClientActionsSDKFactory.js

@@ -1,5 +1,5 @@
 import ResourceNamesEnum from "../../../../../../bc/sdk/ResourceNamesEnum";
-import { platformSDK } from "../../../../../sdk/frameworks/Sdk";
+import { platformSDK_old } from "../../../../../sdk/frameworks/Sdk";
 export default class ClientActionsSDKFactory {
   static getClientActionSDK(clientActionResource) {
     return {
@@ -14,7 +14,7 @@ export default class ClientActionsSDKFactory {
     let {
       instanceName
     } = _ref;
-    const clientActionResource = platformSDK[ResourceNamesEnum.CLIENT_ACTION](instanceName);
+    const clientActionResource = platformSDK_old[ResourceNamesEnum.CLIENT_ACTION](instanceName);
     const clientActionSDK = ClientActionsSDKFactory.getClientActionSDK(clientActionResource);
     return {
       clientAction: {

package/es/platform/client-actions/components/interfaces/ActionViewModel.js

@@ -1,6 +1,7 @@
 export let ActionViewGap = /*#__PURE__*/function (ActionViewGap) {
   ActionViewGap["NONE"] = "none";
   ActionViewGap["SMALL"] = "small";
+  ActionViewGap["XMEDIUM"] = "xmedium";
   ActionViewGap["MEDIUM"] = "medium";
   ActionViewGap["LARGE"] = "large";
   return ActionViewGap;

package/es/platform/client-actions/components/row-actions-renderer/frameworks/ui/RowActionsRenderer.module.css

@@ -6,10 +6,14 @@
     gap: var(--zd_size4) 
 }
 
+.gap_xmedium {
+    gap: var(--zd_size6) 
+}
+
 .gap_medium {
     gap: var(--zd_size8) 
 }
 
 .gap_large {
-    gap: var(--zd_size12) 
+    gap: var(--zd_size10) 
 }

package/es/platform/components/app/adapters/resources/AppResource.js

@@ -0,0 +1,13 @@
+import { AbstractResource } from "../../../../sdk/application/interfaces/gateways/AbstractResource";
+export class AppResource extends AbstractResource {
+  initialize() {}
+
+  destroy() {}
+
+  getContext() {
+    return {
+      context: ['organization', 'department', 'user']
+    };
+  }
+
+}

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

@@ -2,7 +2,7 @@ import SmartFormConstants from "../../../../cc/form-connected/Constants";
 import FormSdkFactory from "./FormSdkFactory";
 import FormConstants from "../../../../cc/form/Constants";
 import { ZFORM_FIELD_BLURRED, ZFORM_FIELD_VALUE_CHANGED, ZFORM_SUBMIT_SUCCESS, ZFORM_SUBMIT_VALIDATION_FAILURE } from "../../../../bc/zform/Symbol";
-import { platformSDK } from "../../../sdk/frameworks/Sdk";
+import { platformSDK_old } from "../../../sdk/frameworks/Sdk";
 const {
   SMART_FORM_FIELD_FOCUSED,
   SMART_FORM_FIELD_BLURRED,
@@ -23,7 +23,7 @@ function createHandlerWithSdk(handler) {
     } = input;
     const instanceName = state.properties.instanceName;
     handler({ ...input,
-      platformSDK
+      platformSDK: platformSDK_old
     }, FormSdkFactory.create({
       instanceName
     }));

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

@@ -1,5 +1,5 @@
 // /* eslint-disable max-lines-per-function */
-import { platformSDK } from "../../../sdk/frameworks/Sdk";
+import { platformSDK_old } from "../../../sdk/frameworks/Sdk";
 import ResourceNamesEnum from "../../../../bc/sdk/ResourceNamesEnum";
 export default class FormSdkFactory {
   static getFormSdks(smartForm) {
@@ -22,7 +22,7 @@ export default class FormSdkFactory {
     let {
       instanceName
     } = _ref;
-    const smartForm = platformSDK[ResourceNamesEnum.SMART_FORM](instanceName);
+    const smartForm = platformSDK_old[ResourceNamesEnum.SMART_FORM](instanceName);
     const formSdks = FormSdkFactory.getFormSdks(smartForm);
     return {
       zform: {

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

@@ -14,7 +14,7 @@ import { ReOrderFinishController } from "../adapters/controllers/ReOrderFinishCo
 import ScrollController from "../adapters/controllers/ScrollController";
 import ColumnChooserUpdateController from "../adapters/controllers/ColumnChooserUpdateController";
 import ColumnChooserOpenedController from "../adapters/controllers/ColumnChooserOpenedController";
-import { platformSDK } from "../../../sdk/frameworks/Sdk";
+import { platformSDK_old } from "../../../sdk/frameworks/Sdk";
 import { SET_RECORDS_SUCCESS } from "../../../../bc/zrecord/Constants";
 import ErrorEventHandlersFactory from "./ErrorEventHandlersFactory";
 const {
@@ -32,7 +32,7 @@ function createHandlerWithSdk(handler) {
     } = input;
     const instanceName = state.properties.instanceName;
     handler({ ...input,
-      platformSDK
+      platformSDK: platformSDK_old
     }, ListSdkFactory.create({
       instanceName
     }));

package/es/platform/components/table-connected/frameworks/ListSdkFactory.js

@@ -1,5 +1,5 @@
 import ResourceNamesEnum from "../../../../bc/sdk/ResourceNamesEnum";
-import { platformSDK } from "../../../sdk/frameworks/Sdk";
+import { platformSDK_old } from "../../../sdk/frameworks/Sdk";
 export default class ListSdkFactory {
   static getRecordSdks(smartTable) {
     return {
@@ -33,7 +33,7 @@ export default class ListSdkFactory {
     let {
       instanceName
     } = _ref;
-    const smartTable = platformSDK[ResourceNamesEnum.SMART_TABLE](instanceName);
+    const smartTable = platformSDK_old[ResourceNamesEnum.SMART_TABLE](instanceName);
     const recordSdks = ListSdkFactory.getRecordSdks(smartTable);
     const selectionSdks = ListSdkFactory.getSelectionSdks(smartTable);
     return {