@zohodesk/library-platform 1.1.10 → 1.1.12

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

@@ -19,7 +19,8 @@ function TextBoxView(_ref, ref) {
     required,
     uiConfig,
     labelActions,
-    actions
+    actions,
+    clientScripts
   } = state.properties;
   const {
     size,
@@ -44,7 +45,8 @@ function TextBoxView(_ref, ref) {
     required: required,
     disabled: disabled,
     readonly: readonly,
-    actions: actions
+    actions: actions,
+    clientScripts: clientScripts
   })));
 }
 

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

@@ -25,7 +25,8 @@ function MultiSelectView(_ref, ref) {
     readonly,
     labelActions,
     actions,
-    uiConfig
+    uiConfig,
+    clientScripts
   } = state.properties;
   const {
     size,
@@ -56,7 +57,8 @@ function MultiSelectView(_ref, ref) {
     required: required,
     disabled: disabled,
     readonly: readonly,
-    actions: actions
+    actions: actions,
+    clientScripts: clientScripts
   })));
 }
 

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

@@ -19,7 +19,8 @@ function NumberView(_ref, ref) {
     required,
     uiConfig,
     labelActions,
-    actions
+    actions,
+    clientScripts
   } = state.properties;
   const {
     size,
@@ -44,7 +45,8 @@ function NumberView(_ref, ref) {
     disabled: disabled,
     readonly: readonly,
     required: required,
-    actions: actions
+    actions: actions,
+    clientScripts: clientScripts
   })));
 }
 

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

@@ -19,7 +19,8 @@ function PercentageView(_ref, ref) {
     required,
     uiConfig,
     labelActions,
-    actions
+    actions,
+    clientScripts
   } = state.properties;
   const {
     size,
@@ -44,7 +45,8 @@ function PercentageView(_ref, ref) {
     disabled: disabled,
     readonly: readonly,
     required: required,
-    actions: actions
+    actions: actions,
+    clientScripts: clientScripts
   })));
 }
 

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

@@ -19,7 +19,8 @@ function PhoneView(_ref, ref) {
     required,
     uiConfig,
     labelActions,
-    actions
+    actions,
+    clientScripts
   } = state.properties;
   const {
     size,
@@ -44,7 +45,8 @@ function PhoneView(_ref, ref) {
     disabled: disabled,
     readonly: readonly,
     required: required,
-    actions: actions
+    actions: actions,
+    clientScripts: clientScripts
   })));
 }
 

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

@@ -25,7 +25,8 @@ function PickListView(_ref, ref) {
     readonly,
     labelActions,
     actions,
-    uiConfig
+    uiConfig,
+    clientScripts
   } = state.properties;
   const {
     size,
@@ -56,7 +57,8 @@ function PickListView(_ref, ref) {
     required: required,
     disabled: disabled,
     readonly: readonly,
-    actions: actions
+    actions: actions,
+    clientScripts: clientScripts
   })));
 }
 

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

@@ -19,7 +19,8 @@ function TextAreaView(_ref, ref) {
     required,
     uiConfig,
     labelActions,
-    actions
+    actions,
+    clientScripts
   } = state.properties;
   const {
     size,
@@ -44,7 +45,8 @@ function TextAreaView(_ref, ref) {
     required: required,
     disabled: disabled,
     readonly: readonly,
-    actions: actions
+    actions: actions,
+    clientScripts: clientScripts
   })));
 }
 

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

@@ -19,7 +19,8 @@ function TextBoxView(_ref, ref) {
     required,
     uiConfig,
     labelActions,
-    actions
+    actions,
+    clientScripts
   } = state.properties;
   const {
     size,
@@ -44,7 +45,8 @@ function TextBoxView(_ref, ref) {
     required: required,
     disabled: disabled,
     readonly: readonly,
-    actions: actions
+    actions: actions,
+    clientScripts: clientScripts
   })));
 }
 

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

@@ -19,7 +19,8 @@ function UrlView(_ref, ref) {
     readonly,
     required,
     labelActions,
-    actions
+    actions,
+    clientScripts
   } = state.properties;
   const {
     size,
@@ -44,7 +45,8 @@ function UrlView(_ref, ref) {
     disabled: disabled,
     readonly: readonly,
     required: required,
-    actions: actions
+    actions: actions,
+    clientScripts: clientScripts
   })));
 }
 

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

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 import React from 'react';
 import ComponentRegistry from "../../../../../custom-component/frameworks/ui/ComponentRegistry";
-export function renderField(field, key) {
+export function renderField(field, key, clientScripts) {
   const {
     type,
     ...properties
@@ -10,11 +10,13 @@ export function renderField(field, key) {
   const Component = ComponentRegistry.get(type);
 
   if (!Component) {
-    console.warn(`Component for type "${type}" not found.`);
+    __DEVELOPMENT__ && console.warn(`Component for type "${type}" not found.`);
     return null;
   }
 
   return /*#__PURE__*/React.createElement(Component, _extends({
     key: key
-  }, properties));
+  }, properties, {
+    clientScripts: clientScripts
+  }));
 }

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

@@ -1,7 +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 style from "./css/Section.module.css";
 
 function SectionView(_ref, ref) {
   let {
@@ -12,20 +18,44 @@ function SectionView(_ref, ref) {
     title,
     description,
     isCollapsed,
-    fields
+    fields,
+    titleActions,
+    headerActions,
+    clientScripts
   } = state.properties;
+
+  const renderActions = actions => {
+    if (!actions?.length) return null;
+    return /*#__PURE__*/React.createElement(Flex, {
+      $ui_displayMode: "flex",
+      $ui_alignItems: "center",
+      $ui_className: style.actionContainer
+    }, /*#__PURE__*/React.createElement(RowActionsRenderer, {
+      actions: actions,
+      gap: ActionViewGap.LARGE,
+      clientScripts: clientScripts
+    }));
+  };
+
   return /*#__PURE__*/React.createElement(Section, {
     $i18n_heading: title,
-    $flag_isDescriptionAsRichText: true,
+    $flag_isDescriptionAsHtmlText: true,
     $i18n_description: description,
     testId: name,
     customId: name,
     $tagAttributes_container: {
       ref
-    }
-  }, !isCollapsed && /*#__PURE__*/React.createElement(FieldsLayout, {
+    },
+    $render_headingRightElement: renderActions(titleActions),
+    $render_headerRightElement: renderActions(headerActions)
+  }, /*#__PURE__*/React.createElement(VelocityAnimationGroup, {
+    name: "slideDown",
+    isActive: !isCollapsed
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.fieldsContainer
+  }, /*#__PURE__*/React.createElement(FieldsLayout, {
     $flag_topSpace: !!title || !!description
-  }, fields.filter(field => field.isVisible).map(field => renderField(field, field.name || field.apiName))));
+  }, fields.filter(field => field.isVisible).map(field => renderField(field, field.name || field.apiName, clientScripts))))));
 }
 
 export default SectionView;

package/es/library/dot/components/section/frameworks/ui/css/Section.module.css

@@ -0,0 +1,11 @@
+.fieldsContainer {
+    padding-top: var(--zd_size1) 
+}
+
+[dir=ltr] .actionContainer {
+    margin-left: var(--zd_size8) ;
+}
+
+[dir=rtl] .actionContainer {
+    margin-right: var(--zd_size8) ;
+}

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

@@ -0,0 +1,23 @@
+import { TEXT_OVERFLOW_BEHAVIOUR_UPDATE_REQUESTED } from "../../../../../../bc/clip-wrap/Constants";
+import AbstractController from "./AbstractController";
+
+class ClipWrapController extends AbstractController {
+  handle(event) {
+    const {
+      dispatch,
+      action
+    } = event;
+    const {
+      value
+    } = action.payload;
+    dispatch({
+      type: TEXT_OVERFLOW_BEHAVIOUR_UPDATE_REQUESTED,
+      payload: {
+        value
+      }
+    });
+  }
+
+}
+
+export default ClipWrapController;

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

@@ -0,0 +1,24 @@
+import AbstractController from "./AbstractController";
+import { TableListConstants } from "../../../../../../cc/table-list";
+
+class ResolutionBasedCountController extends AbstractController {
+  handle(event) {
+    const {
+      host,
+      dispatch
+    } = event;
+    const tableHeight = host.offsetHeight;
+    const ghostRowElement = host.querySelector('[data-id="table-hidden-row"]');
+    const rowHeight = ghostRowElement ? ghostRowElement.offsetHeight : 40;
+    const count = Math.ceil(tableHeight / rowHeight);
+    dispatch({
+      type: TableListConstants.TABLE_LIST_RESOLUTION_BASED_COUNT_CALCULATED,
+      payload: {
+        count
+      }
+    });
+  }
+
+}
+
+export default ResolutionBasedCountController;

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

@@ -6,4 +6,5 @@ export { default as SortedController } from "./SortedController";
 export { default as FieldChangeController } from "./FieldChangeController";
 export { default as FieldClickController } from "./FieldClickController";
 export { default as KeyboardRowSelectController } from "./KeyboardRowSelectController";
-export { default as KeyboardRowClickController } from "./KeyboardRowClickController";
+export { default as KeyboardRowClickController } from "./KeyboardRowClickController";
+export { default as ResolutionBasedCountController } from "./ResolutionBasedCountController";

package/es/library/dot/components/table-list/frameworks/ui/EventHandlersFactory.js

@@ -1,5 +1,5 @@
 import { TableListConstants } from "../../../../../../cc/table-list";
-import { SelectItemController, SelectAllController, ScrollController, FieldChangeController, FieldClickController, SortByController, KeyboardRowSelectController, KeyboardRowClickController } from "../../adapters/controllers";
+import { SelectItemController, SelectAllController, ScrollController, FieldChangeController, FieldClickController, SortByController, KeyboardRowSelectController, KeyboardRowClickController, ResolutionBasedCountController } from "../../adapters/controllers";
 import TableRowConstants from "../../../../../../cc/table-list/row/Constants";
 import RowClickController from "../../adapters/controllers/RowClickController";
 import { SMART_TABLE_ACTION_TRIGGERED, SMART_TABLE_SELECTION_TOGGLED } from "../../../../../../cc/table-connected/constants/Events";
@@ -7,6 +7,7 @@ import { SMART_TABLE_ACTION_TRIGGERED, SMART_TABLE_SELECTION_TOGGLED } from "../
 class EventHandlersFactory {
   static create() {
     return {
+      [TableListConstants.TABLE_LIST_MOUNT]: new ResolutionBasedCountController().handle,
       [SMART_TABLE_SELECTION_TOGGLED]: new KeyboardRowSelectController().handle,
       [SMART_TABLE_ACTION_TRIGGERED]: new KeyboardRowClickController().handle,
       [TableRowConstants.TABLE_ROW_CLICKED]: new RowClickController().handle,

package/es/library/dot/components/table-list/frameworks/ui/TableListView.js

@@ -34,13 +34,15 @@ function TableListView(_ref2, _ref) {
     rowCursor,
     rowActionsConfig,
     keyboardControlsConfig,
+    textOverflowConfig,
     selection,
     emptyStateUiType,
     isError
   } = state.properties;
   const {
     headers,
-    rows
+    rows,
+    clientScripts
   } = data;
   const {
     hasActions: hasRowActions,
@@ -53,6 +55,7 @@ function TableListView(_ref2, _ref) {
   const isKeyboardControlsEnabled = keyboardControlsConfig.isEnabled;
   const isReorderEnabled = reOrderConfig.isEnabled;
   const isSelectionEnabled = selectionConfig.isEnabled;
+  const isMultiline = textOverflowConfig.mode === 'wrap';
   const className = getTableListClassName({
     isKeyboardControlsEnabled,
     isReorderEnabled,
@@ -61,13 +64,18 @@ function TableListView(_ref2, _ref) {
   return /*#__PURE__*/React.createElement("div", {
     className: `${style.wrapper} ${style[className]}`,
     ref: _ref
-  }, /*#__PURE__*/React.createElement(Table, {
+  }, /*#__PURE__*/React.createElement("div", {
+    className: style.hiddenDummyRow,
+    "data-id": "table-hidden-row",
+    "aria-hidden": "true"
+  }), /*#__PURE__*/React.createElement(Table, {
     ref: TableRef,
     $event_onScroll: e => handleScroll(dispatch, {
       scrollEvent: e
     })
   }, renderHeader({
     headers,
+    isMultiline,
     resizerState,
     isReorderEnabled,
     isSelectionEnabled,
@@ -76,12 +84,14 @@ function TableListView(_ref2, _ref) {
     isFlexibleColumns,
     hasRowActions,
     rowActionsColumnWidth,
-    dispatch
+    dispatch,
+    clientScripts
   }), renderBody({
     TableRef,
     dispatch,
     headers,
     rows,
+    isMultiline,
     isFlexibleColumns,
     isReorderEnabled,
     isSelectionEnabled,
@@ -90,7 +100,8 @@ function TableListView(_ref2, _ref) {
     hasRowActions,
     rowActionsColumnWidth,
     hasRows,
-    isReOrderLoading
+    isReOrderLoading,
+    clientScripts
   }), /*#__PURE__*/React.createElement(NoData, {
     isDataEmpty: isDataEmpty,
     emptyStateUiType: emptyStateUiType
@@ -105,6 +116,7 @@ function TableListView(_ref2, _ref) {
 function renderHeader(_ref3) {
   let {
     headers,
+    isMultiline,
     resizerState,
     isReorderEnabled,
     isSelectionEnabled,
@@ -113,7 +125,8 @@ function renderHeader(_ref3) {
     isFlexibleColumns,
     hasRowActions,
     rowActionsColumnWidth,
-    dispatch
+    dispatch,
+    clientScripts
   } = _ref3;
   return /*#__PURE__*/React.createElement(Header, {
     isReorderEnabled: isReorderEnabled,
@@ -128,7 +141,9 @@ function renderHeader(_ref3) {
     rowActionsColumnWidth: rowActionsColumnWidth,
     actions: selection.actions,
     headers: headers,
-    dispatch: dispatch
+    isMultiline: isMultiline,
+    dispatch: dispatch,
+    clientScripts: clientScripts
   });
 }
 
@@ -150,6 +165,7 @@ function renderBody(_ref4) {
     dispatch,
     headers,
     rows,
+    isMultiline,
     isFlexibleColumns,
     isReorderEnabled,
     isSelectionEnabled,
@@ -158,7 +174,8 @@ function renderBody(_ref4) {
     hasRowActions,
     rowActionsColumnWidth,
     hasRows,
-    isReOrderLoading
+    isReOrderLoading,
+    clientScripts
   } = _ref4;
   const {
     rowData,
@@ -196,6 +213,7 @@ function renderBody(_ref4) {
   }, /*#__PURE__*/React.createElement(Rows, {
     headers: headers,
     rows: rowData,
+    isMultiline: isMultiline,
     isFlexibleColumns: isFlexibleColumns,
     isReorderEnabled: isReorderEnabled,
     isSelectionEnabled: isSelectionEnabled,
@@ -204,7 +222,8 @@ function renderBody(_ref4) {
     rowActionsColumnWidth: rowActionsColumnWidth,
     isKeyboardControlsEnabled: isKeyboardControlsEnabled,
     dropIndicator: dropIndicator,
-    isReOrderLoading: isReOrderLoading
+    isReOrderLoading: isReOrderLoading,
+    clientScripts: clientScripts
   }));
 }
 

package/es/library/dot/components/table-list/frameworks/ui/css/TableList.module.css

@@ -147,6 +147,23 @@
     position: relative
 }
 
+.hiddenDummyRow {
+    height: var(--zd_size40) ;
+    width: 0 ;
+    position: absolute;
+    z-index: -100;
+    top: 0 ;
+    pointer-events: none;
+}
+
+[dir=ltr] .hiddenDummyRow {
+    left: 0 ;
+}
+
+[dir=rtl] .hiddenDummyRow {
+    right: 0 ;
+}
+
 .resizerSpace {
     width: calc(var(--local_table_resizer_extra_space, 0) * var(--zd_size1));
     flex-shrink: 0
@@ -227,6 +244,7 @@
 }
 
 .dragHandleContainer {
+    height: 100% ;
     opacity: 0;
     visibility: hidden;
 }

package/es/library/dot/components/table-list/frameworks/ui/sub-components/ErrorState.js

@@ -1,9 +1,7 @@
 import React from 'react';
+import ErrorTypes from "../../../../../../../cc/error-state/ErrorTypes";
 import Flex from '@zohodesk/layout/es/Flex/Flex';
-import ErrorOopsSomethingMiss from '@zohodesk/dot/es/version2/errorstate/OopsSomethingMiss/OopsSomethingMiss'; // import RequestUrlNotFound from '@zohodesk/dot/es/version2/errorstate/UrlNotFound/UrlNotFound';
-// import UnableToProcess from '@zohodesk/dot/es/version2/errorstate/UnableToProcessRequest/UnableToProcessRequest';
-// import Inconvenience from '@zohodesk/dot/es/version2/errorstate/Inconvenience/Inconvenience';
-
+import CommonErrorState from "../../../../../legacy-to-new-arch/error-state/frameworks/ui/ErrorState";
 /* @ts-ignore */
 
 import style from "../css/TableList.module.css";
@@ -18,9 +16,8 @@ export default function ErrorState(_ref) {
       $ui_alignItems: "center",
       $ui_justifyContent: "center",
       $ui_className: `${style.contentWrapper} ${style.errorContent}`
-    }, /*#__PURE__*/React.createElement(ErrorOopsSomethingMiss, {
-      title: "Oops! Something is missing",
-      description: "We are unable to process your request. Please try again later."
+    }, /*#__PURE__*/React.createElement(CommonErrorState, {
+      type: ErrorTypes.OopsSomethingMiss
     }));
   }
 

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

@@ -24,7 +24,9 @@ function Header(_ref) {
     hasRowActions,
     rowActionsColumnWidth,
     headers,
-    dispatch
+    isMultiline,
+    dispatch,
+    clientScripts
   } = _ref;
 
   if (headers.length <= 0) {
@@ -38,18 +40,23 @@ function Header(_ref) {
   });
   return /*#__PURE__*/React.createElement(TableHeader, {
     $flag_isColumnsFlexible: isFlexibleColumns,
+    $flag_autoHeight: isMultiline,
     $flag_padding: false,
     $flag_hasHighlighter: isKeyboardControlsEnabled,
     customStyle: {
       tableHeader: `${style.header} ${style[headerClasses]}`
     }
-  }, /*#__PURE__*/React.createElement(TableHeaderRow, null, renderReOrderColumn(isReorderEnabled), rendermassAction(isSelectionEnabled, actions), renderHeaders(headers, currentlyResizingColumn, isResizerEnabled, isFlexibleColumns, dispatch), renderActionColumn(hasRowActions, rowActionsColumnWidth), renderResizerExtraSpace(isCurrentlyResizing, resizerExtraWidth)));
+  }, /*#__PURE__*/React.createElement(TableHeaderRow, {
+    $flag_autoHeight: isMultiline
+  }, renderReOrderColumn(isReorderEnabled), rendermassAction(isSelectionEnabled, isMultiline, actions, clientScripts), renderHeaders(headers, isMultiline, currentlyResizingColumn, isResizerEnabled, isFlexibleColumns, dispatch, clientScripts), renderActionColumn(hasRowActions, rowActionsColumnWidth), renderResizerExtraSpace(isCurrentlyResizing, resizerExtraWidth)));
 }
 
-function rendermassAction(isSelectionEnabled, actions) {
+function rendermassAction(isSelectionEnabled, isMultiline, actions, clientScripts) {
   return /*#__PURE__*/React.createElement(MassAction, {
     isSelectionEnabled: isSelectionEnabled,
-    actions: actions
+    isMultiline: isMultiline,
+    actions: actions,
+    clientScripts: clientScripts
   });
 }
 
@@ -65,13 +72,15 @@ function renderReOrderColumn(isReorderEnabled) {
   }, /*#__PURE__*/React.createElement(React.Fragment, null));
 }
 
-function renderHeaders(headers, currentlyResizingColumn, isResizerEnabled, isFlexibleColumns, dispatch) {
+function renderHeaders(headers, isMultiline, currentlyResizingColumn, isResizerEnabled, isFlexibleColumns, dispatch, clientScripts) {
   return /*#__PURE__*/React.createElement(Headers, {
     headers: headers,
+    isMultiline: isMultiline,
     currentlyResizingColumn: currentlyResizingColumn,
     isResizerEnabled: isResizerEnabled,
     isFlexibleColumns: isFlexibleColumns,
-    dispatch: dispatch
+    dispatch: dispatch,
+    clientScripts: clientScripts
   });
 }
 

package/es/library/dot/components/table-list/frameworks/ui/sub-components/Rows.js

@@ -9,6 +9,7 @@ const Rows = _ref => {
   let {
     headers,
     rows,
+    isMultiline,
     isFlexibleColumns,
     isReorderEnabled,
     isSelectionEnabled,
@@ -17,7 +18,8 @@ const Rows = _ref => {
     rowActionsColumnWidth,
     isKeyboardControlsEnabled,
     dropIndicator,
-    isReOrderLoading
+    isReOrderLoading,
+    clientScripts
   } = _ref;
   return rows.map((row, index) => {
     const isDroppable = dropIndicator.index !== null ? dropIndicator.index === index ? true : false : false;
@@ -26,11 +28,11 @@ const Rows = _ref => {
       key: `${row.id}`,
       index: index,
       disabled: isReOrderLoading
-    }, getRowProps(row, headers, isFlexibleColumns, isReorderEnabled, isSelectionEnabled, rowCursor, hasRowActions, rowActionsColumnWidth, isKeyboardControlsEnabled, isDroppable, dropPosition, isReOrderLoading)));
+    }, getRowProps(row, headers, isMultiline, isFlexibleColumns, isReorderEnabled, isSelectionEnabled, rowCursor, hasRowActions, rowActionsColumnWidth, isKeyboardControlsEnabled, isDroppable, dropPosition, isReOrderLoading, clientScripts)));
   });
 };
 
-function getRowProps(row, headers, isFlexibleColumns, isReorderEnabled, isSelectionEnabled, rowCursor, hasRowActions, rowActionsColumnWidth, isKeyboardControlsEnabled, isDroppable, dropPosition, isReOrderLoading) {
+function getRowProps(row, headers, isMultiline, isFlexibleColumns, isReorderEnabled, isSelectionEnabled, rowCursor, hasRowActions, rowActionsColumnWidth, isKeyboardControlsEnabled, isDroppable, dropPosition, isReOrderLoading, clientScripts) {
   const {
     id,
     columns,
@@ -44,6 +46,7 @@ function getRowProps(row, headers, isFlexibleColumns, isReorderEnabled, isSelect
   return {
     id,
     columns: updatedColumns,
+    isMultiline,
     rowActionLocation,
     isSelected,
     isSelectable,
@@ -58,7 +61,8 @@ function getRowProps(row, headers, isFlexibleColumns, isReorderEnabled, isSelect
     rowActionsColumnWidth,
     isDroppable,
     dropPosition,
-    isReOrderLoading
+    isReOrderLoading,
+    clientScripts
   };
 }
 

package/es/library/dot/components/table-list/frameworks/ui/sub-components/field/FieldComponent.js

@@ -12,7 +12,7 @@ const FieldComponent = props => {
   const Component = FieldComponents[type] || ComponentRegistry.get(type);
 
   if (!Component) {
-    console.error(`Field Component type ${type} not found`);
+    __DEVELOPMENT__ && console.error(`Field Component type ${type} not found`);
     return null;
   }