@zohodesk/library-platform 1.1.12-exp.2 → 1.1.12-exp.3

package/es/library/dot/legacy-to-new-arch/ribbon/frameworks/ui/Ribbon.js

@@ -0,0 +1,10 @@
+import { createCustomComponent } from "../../../../../custom-component";
+import RibbonProperties from "../../../../../../cc/ribbon/Properties";
+import RibbonView from "./RibbonView";
+let Ribbon = createCustomComponent({
+  name: "Ribbon",
+  View: RibbonView,
+  properties: RibbonProperties,
+  eventHandlers: {}
+});
+export default Ribbon;

package/es/library/dot/legacy-to-new-arch/ribbon/frameworks/ui/RibbonView.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import Ribbon from '@zohodesk-private/desk-components/es/Ribbon/Ribbon';
+const paletteMapper = {
+  secondary: 'grey',
+  warning: 'orange'
+};
+
+function RibbonView(_ref, ref) {
+  let {
+    state
+  } = _ref;
+  let {
+    text,
+    palette,
+    iconName,
+    iconSize,
+    size,
+    flagPlacement
+  } = state.properties;
+  palette = paletteMapper[palette] || palette;
+  return /*#__PURE__*/React.createElement(Ribbon, {
+    text: text,
+    palette: palette,
+    iconName: iconName,
+    iconSize: iconSize,
+    size: size,
+    arrowDirection: flagPlacement,
+    isInline: true,
+    customProps: {
+      container: {
+        eleRef: ref
+      }
+    }
+  });
+}
+
+export default RibbonView;

package/es/library/dot/legacy-to-new-arch/table-field-components/checkbox-field/frameworks/ui/CheckboxField.js

@@ -1,12 +1,22 @@
 import { createCustomComponent } from "../../../../../../custom-component";
-import BooleanProperties from "../../../../../../../cc/fields/boolean/Properties";
+import CheckboxProperties from "../../../../../../../cc/checkbox/Properties";
 import BooleanEvents from "../../../../../../../cc/fields/boolean/Events";
 import CheckboxFieldView from "./CheckboxFieldView";
 import { EventHandlersFactory } from "./EventHandlersFactory";
 const CheckboxField = createCustomComponent({
   name: 'CheckboxField',
   View: CheckboxFieldView,
-  properties: BooleanProperties,
+  properties: { ...CheckboxProperties,
+    fieldName: {
+      required: false,
+      defaultValue: '',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  },
   events: BooleanEvents,
   eventHandlers: EventHandlersFactory.create()
 });

package/es/library/dot/legacy-to-new-arch/table-field-components/checkbox-field/frameworks/ui/CheckboxFieldView.js

@@ -5,14 +5,17 @@ export default function CheckboxFieldView(_ref, ref) {
     state
   } = _ref;
   const {
-    value
+    checked,
+    disabled,
+    readonly,
+    tooltip
   } = state.properties;
   return /*#__PURE__*/React.createElement(Checkbox, {
     getRef: ref,
-    checked: value,
-    disabled: false,
-    readonly: false,
+    checked: checked,
+    disabled: disabled,
+    readonly: readonly,
     label: "",
-    tooltip: ""
+    tooltip: tooltip
   });
 }

package/es/library/dot/legacy-to-new-arch/table-field-components/checkbox-field/frameworks/ui/EventHandlersFactory.js

@@ -8,10 +8,10 @@ export class EventHandlersFactory {
         dispatch
       } = input;
       const {
-        name: fieldName,
-        value: currentValue
+        fieldName,
+        checked
       } = state.properties;
-      const toggledValue = !currentValue;
+      const toggledValue = !checked;
       dispatch({
         type: FieldConstants.FIELD_CHANGED,
         payload: {

package/es/library/dot/legacy-to-new-arch/table-field-components/email-field/frameworks/ui/EmailField.js

@@ -1,12 +1,12 @@
 import { createCustomComponent } from "../../../../../../custom-component";
-import EmailProperties from "../../../../../../../cc/fields/email/Properties";
-import EmailEvents from "../../../../../../../cc/fields/email/Events";
+import EmailProperties from "../../../../../../../cc/email/Properties";
+import FieldEvents from "../../../../../../../cc/fields/field/Events";
 import { EmailFieldView } from "./EmailFieldView";
 const EmailField = createCustomComponent({
   name: 'EmailField',
   View: EmailFieldView,
   properties: EmailProperties,
-  events: EmailEvents,
+  events: FieldEvents,
   eventHandlers: {}
 });
 export default EmailField;

package/es/library/dot/legacy-to-new-arch/table-field-components/email-field/frameworks/ui/EmailFieldView.js

@@ -5,14 +5,16 @@ export function EmailFieldView(_ref, ref) {
     state
   } = _ref;
   const {
-    value,
-    textOverflowMode,
-    isRead
+    email,
+    isDotted,
+    weight,
+    tooltip
   } = state.properties;
   return /*#__PURE__*/React.createElement(Email, {
     getRef: ref,
-    email: value,
-    isDotted: textOverflowMode === 'clip',
-    weight: isRead ? undefined : 'bold'
+    email: email,
+    isDotted: isDotted,
+    weight: weight,
+    tooltip: tooltip
   });
 }

package/es/library/dot/legacy-to-new-arch/table-field-components/index.js

@@ -1,7 +1,6 @@
 import FieldTypes from "../../../../cc/fields/field/Types";
 import PrimaryField from "./primary-field/frameworks/ui/PrimaryField";
 import CheckboxField from "./checkbox-field/frameworks/ui/CheckboxField";
-import SwitchField from "./switch-field/frameworks/ui/SwitchField";
 import SingleLineField from "./singleline-field/frameworks/ui/SingleLineField";
 import EmailField from "./email-field/frameworks/ui/EmailField";
 import UrlField from "./url-field/frameworks/ui/UrlField";
@@ -17,11 +16,18 @@ import DateTimeField from "./datetime-field/frameworks/ui/DateTimeField";
 import NumberField from "./number-field/frameworks/ui/NumberField";
 import DecimalField from "./decimal-field/frameworks/ui/DecimalField";
 import MultiSelectField from "./multiselect-field/frameworks/ui/MultiSelectField";
+import TextField from "./text-field/frameworks/ui/TextField";
+import SwitchField from "./switch-field/frameworks/ui/SwitchField";
+import LinkField from "./link-field/frameworks/ui/LinkField";
+import TagField from "./tag-field/frameworks/ui/TagField";
+import TagsField from "./tags-field/frameworks/ui/TagsField";
+import TagsListDropdownField from "./tags-list-dropdown-field/frameworks/ui/TagsListDropdownField";
+import RadioDropdownField from "./radio-dropdown-field/frameworks/ui/RadioDropdownField";
+import LabeledAvatarField from "./labeled-avatar-field/frameworks/ui/LabeledAvatarField";
+import HighlightedValueField from "./highlighted-value-field/frameworks/ui/HighlightedValueField";
 const FieldComponents = {
+  // Default Field Variants
   [FieldTypes.PrimaryField]: PrimaryField,
-  [FieldTypes.CheckboxField]: CheckboxField,
-  [FieldTypes.SwitchField]: SwitchField,
-  // TODO: Need to register SwitchField
   [FieldTypes.SingleLineField]: SingleLineField,
   [FieldTypes.EmailField]: EmailField,
   [FieldTypes.URLField]: UrlField,
@@ -36,6 +42,17 @@ const FieldComponents = {
   [FieldTypes.DateTimeField]: DateTimeField,
   [FieldTypes.NumberField]: NumberField,
   [FieldTypes.DecimalField]: DecimalField,
-  [FieldTypes.MultiSelectField]: MultiSelectField
+  [FieldTypes.MultiSelectField]: MultiSelectField,
+  // Custom Field Variants
+  [FieldTypes.TextField]: TextField,
+  [FieldTypes.CheckboxField]: CheckboxField,
+  [FieldTypes.SwitchField]: SwitchField,
+  [FieldTypes.LinkField]: LinkField,
+  [FieldTypes.TagField]: TagField,
+  [FieldTypes.TagsField]: TagsField,
+  [FieldTypes.TagsListDropdownField]: TagsListDropdownField,
+  [FieldTypes.RadioDropdownField]: RadioDropdownField,
+  [FieldTypes.LabeledAvatarField]: LabeledAvatarField,
+  [FieldTypes.HighlightedValueField]: HighlightedValueField
 };
 export default FieldComponents;

package/es/library/dot/legacy-to-new-arch/table-field-components/lookup-field/frameworks/ui/LookupFieldView.js

@@ -15,7 +15,7 @@ export function LookupFieldView(_ref, ref) {
   } = value;
   return /*#__PURE__*/React.createElement(Link, {
     getRef: ref,
-    label: name,
+    text: name,
     variant: "secondary",
     href: url,
     isDotted: textOverflowMode === 'clip',

package/es/library/dot/legacy-to-new-arch/table-field-components/phone-field/frameworks/ui/PhoneFieldView.js

@@ -13,7 +13,7 @@ function PhoneFieldView(_ref, ref) {
   const href = `tel:${value}`;
   return /*#__PURE__*/React.createElement(Link, {
     getRef: ref,
-    label: value,
+    text: value,
     href: href,
     variant: "secondary",
     weight: isRead ? undefined : 'bold',

package/es/library/dot/legacy-to-new-arch/table-field-components/radio-dropdown-field/frameworks/ui/EventHandlersFactory.js

@@ -1,5 +1,7 @@
 import RadioDropdownConstants from "../../../../../../../cc/radio-dropdown/Constants";
 import FieldConstants from "../../../../../../../cc/fields/field/Constants";
+import { SEARCH_REQUESTED } from "../../../../../../../bc/search/Constants";
+import Constants from "../../../../../../../cc/radio-dropdown/Constants";
 export class EventHandlersFactory {
   static create() {
     const changeHandler = input => {
@@ -25,6 +27,18 @@ export class EventHandlersFactory {
     };
 
     return {
+      [Constants.RADIO_DROPDOWN_SEARCHED]: _ref => {
+        let {
+          dispatch,
+          action
+        } = _ref;
+        dispatch({
+          type: SEARCH_REQUESTED,
+          payload: {
+            searchString: action.payload.value
+          }
+        });
+      },
       [RadioDropdownConstants.RADIO_DROPDOWN_VALUE_CHANGED]: changeHandler
     };
   }

package/es/library/dot/legacy-to-new-arch/table-field-components/radio-dropdown-field/frameworks/ui/RadioDropdownField.js

@@ -3,9 +3,13 @@ import RadioDropdownProperties from "../../../../../../../cc/radio-dropdown/Prop
 import FieldEvents from "../../../../../../../cc/fields/field/Events";
 import RadioDropdownFieldView from "./RadioDropdownFieldView";
 import { EventHandlersFactory } from "./EventHandlersFactory";
+import SearchTranslator from "../../../../../../behaviours/search/adapters/presenter/SearchTranslator";
+import SearchBehaviourFactory from "../../../../../../behaviours/search/frameworks/ui/SearchStringStoreBehaviourFactory";
 const RadioDropdownField = createCustomComponent({
   name: 'RadioDropdownField',
   View: RadioDropdownFieldView,
+  transformState,
+  behaviours: [SearchBehaviourFactory.create()],
   properties: { ...RadioDropdownProperties,
     fieldType: {
       required: false,
@@ -29,4 +33,17 @@ const RadioDropdownField = createCustomComponent({
   events: FieldEvents,
   eventHandlers: EventHandlersFactory.create()
 });
+
+function transformState(state) {
+  const {
+    searchString
+  } = state.behaviours.search;
+  return { ...state,
+    viewModel: { ...state.properties,
+      ...state.viewModel,
+      options: SearchTranslator(searchString, 'value', state.properties.options)
+    }
+  };
+}
+
 export default RadioDropdownField;

package/es/library/dot/legacy-to-new-arch/table-field-components/radio-dropdown-field/frameworks/ui/RadioDropdownFieldView.js

@@ -20,7 +20,7 @@ export default function RadioDropdownFieldView(_ref, ref) {
     emptyStateTitle,
     isDisabled,
     isReadOnly
-  } = state.properties;
+  } = state.viewModel;
   return /*#__PURE__*/React.createElement(Flex, {
     $ui_displayMode: "flex",
     $ui_className: color === 'none' ? style.wrapper : ''

package/es/library/dot/legacy-to-new-arch/table-field-components/switch-field/frameworks/ui/EventHandlersFactory.js

@@ -8,10 +8,10 @@ export class EventHandlersFactory {
         dispatch
       } = input;
       const {
-        name: fieldName,
-        value: currentValue
+        fieldName,
+        checked
       } = state.properties;
-      const toggledValue = !currentValue;
+      const toggledValue = !checked;
       dispatch({
         type: FieldConstants.FIELD_CHANGED,
         payload: {

package/es/library/dot/legacy-to-new-arch/table-field-components/switch-field/frameworks/ui/SwitchField.js

@@ -1,13 +1,23 @@
 import { createCustomComponent } from "../../../../../../custom-component";
-import BooleanProperties from "../../../../../../../cc/fields/boolean/Properties";
-import BooleanEvents from "../../../../../../../cc/fields/boolean/Events";
+import SwitchProperties from "../../../../../../../cc/switch/Properties";
+import BooleanFieldEvents from "../../../../../../../cc/fields/boolean/Events";
 import SwitchFieldView from "./SwitchFieldView";
 import { EventHandlersFactory } from "./EventHandlersFactory";
 const SwitchField = createCustomComponent({
   name: 'SwitchField',
   View: SwitchFieldView,
-  properties: BooleanProperties,
-  events: BooleanEvents,
+  properties: { ...SwitchProperties,
+    fieldName: {
+      required: false,
+      defaultValue: '',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  },
+  events: BooleanFieldEvents,
   eventHandlers: EventHandlersFactory.create()
 });
 export default SwitchField;

package/es/library/dot/legacy-to-new-arch/table-field-components/switch-field/frameworks/ui/SwitchFieldView.js

@@ -5,12 +5,16 @@ export default function SwitchFieldView(_ref, ref) {
     state
   } = _ref;
   const {
-    value
+    checked,
+    disabled,
+    size,
+    tooltip
   } = state.properties;
   return /*#__PURE__*/React.createElement(Switch, {
     getRef: ref,
-    checked: value,
-    disabled: false,
-    tooltip: ""
+    checked: checked,
+    disabled: disabled,
+    size: size,
+    tooltip: tooltip
   });
 }

package/es/library/dot/legacy-to-new-arch/table-field-components/tags-list-dropdown-field/frameworks/ui/TagsListDropdownField.js

@@ -2,11 +2,43 @@ import { createCustomComponent } from "../../../../../../custom-component";
 import TagsListDropdownProperties from "../../../../../../../cc/tags-list-dropdown/Properties";
 import FieldEvents from "../../../../../../../cc/fields/field/Events";
 import TagsListDropdownFieldView from "./TagsListDropdownFieldView";
+import SearchBehaviourFactory from "../../../../../../behaviours/search/frameworks/ui/SearchStringStoreBehaviourFactory";
+import Constants from "../../../../../../../cc/tags-list-dropdown/Constants";
+import { SEARCH_REQUESTED } from "../../../../../../../bc/search/Constants";
+import SearchTranslator from "../../../../../../behaviours/search/adapters/presenter/SearchTranslator";
 const TagsListDropdownField = createCustomComponent({
   name: 'TagsListDropdownField',
   View: TagsListDropdownFieldView,
+  transformState,
+  behaviours: [SearchBehaviourFactory.create()],
   properties: TagsListDropdownProperties,
   events: FieldEvents,
-  eventHandlers: {}
+  eventHandlers: {
+    [Constants.TAG_LIST_DROPDOWN_SEARCHED]: _ref => {
+      let {
+        dispatch,
+        action
+      } = _ref;
+      dispatch({
+        type: SEARCH_REQUESTED,
+        payload: {
+          searchString: action.payload.value
+        }
+      });
+    }
+  }
 });
+
+function transformState(state) {
+  const {
+    searchString
+  } = state.behaviours.search;
+  return { ...state,
+    viewModel: { ...state.properties,
+      ...state.viewModel,
+      tags: SearchTranslator(searchString, 'label', state.properties.tags)
+    }
+  };
+}
+
 export default TagsListDropdownField;

package/es/library/dot/legacy-to-new-arch/table-field-components/tags-list-dropdown-field/frameworks/ui/TagsListDropdownFieldView.js

@@ -11,7 +11,7 @@ export default function TagsListDropdownFieldView(_ref, ref) {
     text,
     dropdownHeading,
     emptyMessage
-  } = state.properties;
+  } = state.viewModel;
   return /*#__PURE__*/React.createElement(TagsListDropdown, {
     getRef: ref,
     tags: tags,

package/es/library/dot/legacy-to-new-arch/table-field-components/url-field/frameworks/ui/UrlFieldView.js

@@ -11,7 +11,7 @@ export function UrlFieldView(_ref, ref) {
   } = state.properties;
   return /*#__PURE__*/React.createElement(Link, {
     getRef: ref,
-    label: value,
+    text: value,
     href: value,
     variant: "secondary",
     weight: isRead ? undefined : 'bold',

package/es/platform/components/table-connected/adapters/controllers/ScrollController.js

@@ -1,15 +1,36 @@
 import { RESIZE_SCROLL } from "../../../../../bc/table-column-resizer/Constants";
 import AbstractController from "./AbstractController";
+import { FLOAT_PAGINATION_BEHAVIOUR_UPDATE_REQUESTED } from "../../../../../bc/float-pagination/Constants";
 export default class ScrollController extends AbstractController {
-  handle(event) {
-    // const tableElement = event.host;
-    const tableElement = event.host.getElementsByTagName('table')[0];
-    event.dispatch({
-      type: RESIZE_SCROLL,
-      payload: {
-        tableElement
+  handle(_ref) {
+    let {
+      host,
+      dispatch,
+      state
+    } = _ref;
+    const {
+      properties: {
+        resizeConfig,
+        floatPaginationConfig
       }
-    });
+    } = state;
+
+    if (floatPaginationConfig?.isEnabled) {
+      dispatch({
+        type: FLOAT_PAGINATION_BEHAVIOUR_UPDATE_REQUESTED
+      });
+    }
+
+    if (resizeConfig?.isEnabled) {
+      // const tableElement = event.host;
+      const tableElement = host.getElementsByTagName('table')[0];
+      dispatch({
+        type: RESIZE_SCROLL,
+        payload: {
+          tableElement
+        }
+      });
+    }
   }
 
 }

package/es/platform/components/table-connected/adapters/controllers/ScrollEndReachedController.js

@@ -0,0 +1,23 @@
+import { ZLIST_FETCH_MORE } from "../../../../../bc/zlist/Constants";
+import AbstractController from "./AbstractController";
+export default class ScrollEndReachedController extends AbstractController {
+  handle(_ref) {
+    let {
+      dispatch,
+      state
+    } = _ref;
+    const {
+      behaviours: {
+        zrecord
+      }
+    } = state;
+
+    if (zrecord?.records?.length) {
+      dispatch({
+        type: ZLIST_FETCH_MORE,
+        payload: {}
+      });
+    }
+  }
+
+}

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

@@ -26,13 +26,17 @@ import { TEXT_OVERFLOW_BEHAVIOUR_UPDATE_REQUESTED } from "../../../../bc/clip-wr
 import { SMART_TABLE_SORT_BY_REQUESTED } from "../../../../cc/table-connected/constants/Events";
 import { SortedBy } from "../../../../cc/table-list/data-types/Header";
 import { SortOrder } from "../../../../bc/zlist/Types";
+import { FloatingPaginationConstants } from "../../../../cc/floating-pagination";
+import { FLOAT_PAGINATION_BEHAVIOUR_BOTTOM_UPDATED, FLOAT_PAGINATION_BEHAVIOUR_TOP_UPDATED } from "../../../../bc/float-pagination/Constants";
+import ScrollEndReachedController from "../adapters/controllers/ScrollEndReachedController";
 const {
   TABLE_LIST_RESIZE_START_REQUESTED,
   TABLE_LIST_RESIZE_MOVE_REQUESTED,
   TABLE_LIST_RESIZE_END_REQUESTED,
   TABLE_LIST_SCROLLED,
   TABLE_LIST_ROW_DRAG_END,
-  TABLE_LIST_NAME_FIELD_CLICKED
+  TABLE_LIST_NAME_FIELD_CLICKED,
+  TABLE_LIST_SCROLL_END_REACHED
 } = TableListEventConstants;
 
 function createHandlerWithSdk(handler) {
@@ -157,8 +161,8 @@ export default class EventHandlersFactory {
         contextDetails: {
           moduleName,
           instanceName,
-          sortBy: zlist.sortBy.name,
-          direction: zlist.sortBy.order
+          sortBy: zlist.sortConfig.fieldName,
+          direction: zlist.sortConfig.order
         }
       }; // -------------------------
       // 5. Column Resized
@@ -329,6 +333,23 @@ export default class EventHandlersFactory {
       [SmartTableConstants.ExternalConstants.SMART_TABLE_MARK_AS_READ_REQUESTED]: markAsReadHandler,
       [SmartTableConstants.ExternalConstants.SMART_TABLE_MARK_AS_UNREAD_REQUESTED]: markAsUnReadHandler,
       [TABLE_LIST_NAME_FIELD_CLICKED]: navigationHandler,
+      [TABLE_LIST_SCROLL_END_REACHED]: new ScrollEndReachedController().handle,
+      [FloatingPaginationConstants.SCROLL_UP_CLICKED]: args => {
+        const {
+          dispatch
+        } = args;
+        dispatch({
+          type: FLOAT_PAGINATION_BEHAVIOUR_TOP_UPDATED
+        });
+      },
+      [FloatingPaginationConstants.SCROLL_DOWN_CLICKED]: args => {
+        const {
+          dispatch
+        } = args;
+        dispatch({
+          type: FLOAT_PAGINATION_BEHAVIOUR_BOTTOM_UPDATED
+        });
+      },
       [`${name}#${LifeCycleEvents.STATE_UPDATED}`]: addMetrics,
       [RESIZE_FINISHED]: new ResizeFinishController().handle,
       [TABLE_LIST_RESIZE_START_REQUESTED]: new ResizeStartController().handle,
@@ -426,7 +447,8 @@ function createMergedHandler(eventHandlersList, eventName) {
       if (typeof handler === 'function') {
         try {
           handler(...arguments);
-        } catch {// Silently ignore errors
+        } catch (error) {
+          __DEVELOPMENT__ && console.error(error);
         }
       }
     }

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

@@ -42,6 +42,7 @@ import { SmartTableEventsContracts } from "../../../../cc/table-connected";
 import ClientScriptsBehaviourFactory from "../../../client-scripts/behaviour/zclient-scripts-fetch/frameworks/ClientScriptsBehaviourFactory";
 import AppContextBehaviourFactory from "../../../app-context-behaviour/frameworks/AppContextBehaviourFactory";
 import ClipWrapBehaviourFactory from "../../../../library/behaviours/clip-wrap/frameworks/ui/ClipWrapBehaviourFactory";
+import FloatPaginationBehaviourFactory from "../../../../library/behaviours/float-pagination/frameworks/ui/FloatPaginationBehaviourFactory";
 export default class TableConnectedFactory {
   static create(_ref) {
     let {
@@ -70,7 +71,7 @@ export default class TableConnectedFactory {
   }
 
   static getBehaviours(_dataSource) {
-    return [SdkBehaviourFactory.create([ResourceNamesEnum.SMART_TABLE, ResourceNamesEnum.CLIENT_ACTION]), TableColumnResizerBehaviorFactory.create(), KeyboardControlBehaviourFactory.create(), ClipWrapBehaviourFactory.create(), LocalStorageBehaviourFactory.create(), ZHttpBehaviourFactory.create(), DataSourceBehaviourFactory.create(), ...TableConnectedFactory.getPlatformBehaviours(_dataSource), ColumnChooserBehaviourFactory.create(), ListItemSelectionBehaviourFactory.create()];
+    return [SdkBehaviourFactory.create([ResourceNamesEnum.SMART_TABLE, ResourceNamesEnum.CLIENT_ACTION]), TableColumnResizerBehaviorFactory.create(), KeyboardControlBehaviourFactory.create(), ClipWrapBehaviourFactory.create(), FloatPaginationBehaviourFactory.create(), LocalStorageBehaviourFactory.create(), ZHttpBehaviourFactory.create(), DataSourceBehaviourFactory.create(), ...TableConnectedFactory.getPlatformBehaviours(_dataSource), ColumnChooserBehaviourFactory.create(), ListItemSelectionBehaviourFactory.create()];
   }
 
   static getPlatformBehaviours(_dataSource) {

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

@@ -18,6 +18,7 @@ function View(_ref, ref) {
     focussedRow,
     keyboardControlsConfig,
     textOverflowConfig,
+    floatPaginationConfig,
     reOrderConfig
   } = state.viewModel;
   const {
@@ -48,6 +49,7 @@ function View(_ref, ref) {
     selectionConfig: selectionConfig,
     keyboardControlsConfig: keyboardControlsConfig,
     textOverflowConfig: textOverflowConfig,
+    floatPaginationConfig: floatPaginationConfig,
     focussedRow: focussedRow
   });
 }

package/es/platform/data-source/http-template/fetchLookupFields.js

@@ -4,6 +4,12 @@ const fetchLookupFields = {
   parameters: `{}`,
   type: 'GET',
   transformer: data => data,
+  getResponse: async _ref => {
+    let {
+      params,
+      payload
+    } = _ref;
+  },
   properties: {
     layoutId: {
       required: true,

package/es/platform/data-source/http-template/getComponentMapping.js

@@ -9,7 +9,7 @@ let getComponentMapping = {
       payload,
       headers
     } = _ref;
-    return {};
+    return [];
   },
   transformer: res => res,
   properties: {}