@zohodesk/library-platform 1.0.2 → 1.1.0-exp.2

package/es/library/behaviours/list-selection/{entities → domain/entities}/ListItemSelection.js

@@ -49,7 +49,9 @@ class ListItemSelection {
           break;
         }
 
-        this.selectItem(id);
+        if (!this.isSelected(id)) {
+          this.selectItem(id);
+        }
       }
     } else {
       this.selected = [];
@@ -59,23 +61,41 @@ class ListItemSelection {
   toggleRange(startIndex, endIndex) {
     const isForward = startIndex < endIndex;
     const [start, end] = isForward ? [startIndex, endIndex] : [endIndex, startIndex];
-    let itemsForSelection = this.itemIds.slice(start, end + 1);
-    itemsForSelection = itemsForSelection.filter(i => !this.isSelected(i));
+    const itemsForSelection = this.itemIds.slice(start, end + 1);
+    const allSelected = itemsForSelection.every(id => this.isSelected(id));
     const yetToSelectCount = this.maxSelectionCount - this.selected.length;
+    const itemsToSelect = itemsForSelection.filter(id => !this.isSelected(id));
+    this.rangeSelection(isForward, itemsForSelection, allSelected, yetToSelectCount, itemsToSelect);
+  }
 
-    if (itemsForSelection.length > yetToSelectCount) {
+  rangeSelection(isForward, itemsForSelection, allSelected, yetToSelectCount, itemsToSelect) {
+    if (allSelected) {
       if (isForward) {
-        itemsForSelection.splice(yetToSelectCount + 1);
+        itemsForSelection.forEach(id => this.deselectItem(id));
       } else {
-        itemsForSelection.splice(0, itemsForSelection.length - yetToSelectCount);
+        itemsForSelection.reverse().forEach(id => this.deselectItem(id));
+      }
+    } else {
+      if (itemsToSelect.length > yetToSelectCount) {
+        if (isForward) {
+          itemsToSelect.splice(yetToSelectCount);
+        } else {
+          itemsToSelect.reverse();
+          itemsToSelect.splice(yetToSelectCount);
+          itemsToSelect.reverse();
+        }
       }
-    }
 
-    itemsForSelection.forEach(this.getStrategy(this.itemIds.at(endIndex)));
+      if (isForward) {
+        itemsToSelect.forEach(id => this.selectItem(id));
+      } else {
+        itemsToSelect.reverse().forEach(id => this.selectItem(id));
+      }
+    }
   }
 
   toggleUpto(id) {
-    let lastItem = this.selected.at(-1);
+    let lastItem = this.selected.at(-1) || id;
     let startIndex = this.itemIds.indexOf(lastItem);
     let endIndex = this.itemIds.indexOf(id);
     this.toggleRange(startIndex, endIndex);

package/es/library/behaviours/sort-by/adapters/gateway/Repository.js

@@ -1,6 +1,6 @@
 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; }
 
-import SortBy from "../../entities/SortBy";
+import SortBy from "../../domain/entities/SortBy";
 export default class Repository {
   constructor() {
     _defineProperty(this, "state", void 0);

package/es/library/behaviours/sort-by/adapters/gateway/Service.js

@@ -1,6 +1,6 @@
 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; }
 
-import SortBy from "../../usecases/interactors/SortBy";
+import SortBy from "../../applications/usecases/SortBy";
 
 class Service {
   constructor(dependencies) {

package/es/library/behaviours/sort-by/{entities → domain/entities}/SortBy.js

@@ -1,4 +1,4 @@
-import SortOrderEnum from "../../../../bc/sort-by/SortOrderEnum";
+import SortOrderEnum from "../../../../../bc/sort-by/SortOrderEnum";
 
 class SortBy {
   constructor(id, name, order) {

package/es/library/behaviours/sort-by/frameworks/ui/SortByBehaviourFactory.js

@@ -10,9 +10,9 @@ class SortByBehaviourFactory {
           properties
         } = _ref;
         const {
-          filter
+          sortBy
         } = properties;
-        return (filter === null || filter === void 0 ? void 0 : filter.sortBy) || {};
+        return sortBy || {};
       },
       properties: Properties,
       eventHandlers: ActionsHandlerFactory.create()

package/es/library/behaviours/text-to-field-click/adapters/gateway/Repository.js

@@ -1,6 +1,6 @@
 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; }
 
-import FieldEventConverter from "../../entities/FieldEventConverter";
+import FieldEventConverter from "../../domain/entities/FieldEventConverter";
 export default class Repository {
   constructor() {
     _defineProperty(this, "state", void 0);

package/es/library/behaviours/text-to-field-click/{entities → domain/entities}/FieldEventConverter.js

@@ -1,4 +1,4 @@
-import FieldConstants from "../../../../cc/fields/field/Constants";
+import FieldConstants from "../../../../../cc/fields/field/Constants";
 
 class FieldEventConverter {
   constructor(fieldName) {

package/es/library/behaviours/text-to-field-click/frameworks/ui/EventHandlersFactory.js

@@ -1,7 +1,7 @@
 import TextConstants from "../../../../../cc/text/Constants";
 import Repository from "../../adapters/gateway/Repository";
 import ClickController from "../../adapters/controllers/ClickController";
-import ClickUseCase from "../../usecases/interactors/ClickUseCase";
+import ClickUseCase from "../../applications/usecases/ClickUseCase";
 export class EventHandlersFactory {
   static create() {
     const repository = new Repository();

package/es/library/custom-component/adapters/gateways/event-manager/EventManager.js

@@ -76,7 +76,7 @@ class EventManager {
     if (__DEVELOPMENT__) {
       if (globalThis.enableEventLogging && type) {
         const index = type.indexOf('#');
-        console.log('%cEvent %c' + type.slice(0, index) + '%c' + type.slice(index), 'color: cyan;font-weight: bold', 'color: yellow;font-weight: bold', 'color: greenyellow;font-weight: bold', {
+        console.log('%cEvent %c' + type.slice(0, index) + '%c' + type.slice(index), 'font-weight: bold', 'color: #FF6F61;font-weight: bold', 'color: #FFA500;font-weight: bold', {
           payload,
           metaData
         });

package/es/library/custom-component/adapters/gateways/service/Service.js

@@ -1,11 +1,11 @@
 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; }
 
-import DispatchUseCase from "../../../usecases/interactors/DispatchUseCase";
-import InitializeUseCase from "../../../usecases/interactors/InitializeUseCase";
-import MountUsecase from "../../../usecases/interactors/MountUseCase";
-import UnmountUsecase from "../../../usecases/interactors/UnmountUseCase";
-import UpdatePropertyUseCase from "../../../usecases/interactors/UpdatePropertyUseCase";
-import UpdateStateUseCase from "../../../usecases/interactors/UpdateStateUseCase";
+import DispatchUseCase from "../../../applications/usecases/DispatchUseCase";
+import InitializeUseCase from "../../../applications/usecases/InitializeUseCase";
+import MountUsecase from "../../../applications/usecases/MountUseCase";
+import UnmountUsecase from "../../../applications/usecases/UnmountUseCase";
+import UpdatePropertyUseCase from "../../../applications/usecases/UpdatePropertyUseCase";
+import UpdateStateUseCase from "../../../applications/usecases/UpdateStateUseCase";
 
 class Service {
   constructor(dependencies) {

package/es/library/custom-component/{usecases → applications}/entities-factory/BehavioursFactory.js

@@ -1,4 +1,4 @@
-import Behaviour from "../../entities/Behaviour";
+import Behaviour from "../../domain/entities/Behaviour";
 import EventHandlersFactory from "./EventHandlersFactory";
 import PropertiesFactory from "./PropertiesFactory";
 /* eslint-disable max-lines-per-function, @zohodesk/architecturerules/no-returnStatement-rule */

package/es/library/custom-component/{usecases → applications}/entities-factory/ComponentFactory.js

@@ -1,6 +1,6 @@
-import Component from "../../entities/Component";
-import LifeCycleAction from "../../entities/LifeCycleAction";
-import State from "../../entities/State";
+import Component from "../../domain/entities/Component";
+import LifeCycleAction from "../../domain/entities/LifeCycleAction";
+import State from "../../domain/entities/State";
 import EventHandlersFactory from "./EventHandlersFactory";
 import BehavioursFactory from "./BehavioursFactory";
 import PropertiesFactory from "./PropertiesFactory";

package/es/library/custom-component/{usecases → applications}/entities-factory/EventHandlersFactory.js

@@ -1,4 +1,4 @@
-import EventHandlers from "../../entities/EventHandlers";
+import EventHandlers from "../../domain/entities/EventHandlers";
 export default function EventHandlersFactory(eventHandlers) {
   let eventHandlerMap = new Map();
   Object.keys(eventHandlers).forEach(key => {

package/es/library/custom-component/{usecases → applications}/entities-factory/PropertiesFactory.js

@@ -1,5 +1,5 @@
-import Properties from "../../entities/Properties";
-import Property from "../../entities/Property";
+import Properties from "../../domain/entities/Properties";
+import Property from "../../domain/entities/Property";
 export default function PropertiesFactory(_ref) {
   let {
     properties,
@@ -7,7 +7,13 @@ export default function PropertiesFactory(_ref) {
   } = _ref;
   let propertyMap = new Map();
   Object.keys(properties).forEach(key => {
-    let property = new Property(properties[key]);
+    let propertyData = properties[key];
+
+    if (propertyData.name === undefined) {
+      propertyData.name = key;
+    }
+
+    let property = new Property(propertyData);
     propertyMap.set(key, property);
   });
   let propertiesObject = new Properties(propertyMap, componentName);

package/es/library/custom-component/{usecases/interactors → applications/usecases}/UnmountUseCase.js

@@ -12,8 +12,8 @@ class UnmountUsecase extends AbstractUseCase {
     let unmountAction = component.getUnmountAction();
 
     try {
-      eventManager.unSubscribe(eventHanlders);
       eventManager.dispatch(unmountAction);
+      eventManager.unSubscribe(eventHanlders);
       repository.clear();
     } catch (e) {
       presenter.setError([]);

package/es/library/custom-component/{entities → domain/entities}/Component.js

@@ -28,9 +28,19 @@ export default class Component {
     this._behavioursProperties = {};
   }
 
+  getAllBehavioursPropertiesWithValue() {
+    let output = {};
+    Object.keys(this._behavioursProperties).forEach((value, key) => {
+      output[value] = this._behavioursProperties[value].getValue();
+    });
+    return output;
+  }
+
   mergeStateAndProps() {
     return { ...this._state.getState(),
-      properties: this._properties.getAllPropertiesValue()
+      properties: { ...this._properties.getAllPropertiesValue(),
+        ...this.getAllBehavioursPropertiesWithValue()
+      }
     };
   }
 
@@ -89,7 +99,8 @@ export default class Component {
   }
 
   setBehaviours(behaviours) {
-    this._behaviours = behaviours; //store behaviour properties
+    this._behaviours = behaviours;
+    /* store behaviour properties */
 
     this._behaviours.forEach(behaviour => {
       behaviour.getProperties().data && behaviour.getProperties().data.forEach(obj => {
@@ -103,17 +114,33 @@ export default class Component {
       if (this._behavioursProperties[key]) {
         let property = this._behavioursProperties[key];
         let optionalSchema = property.getTypeMetadata().schema;
-        return this._properties.validateSingleProperty(jsonValidator, key, newProps[key], optionalSchema);
+
+        let isValid = this._properties.validateSingleProperty(jsonValidator, key, newProps[key], optionalSchema);
+
+        if (isValid) {
+          property.updateValue(newProps[key]);
+        }
+        /* return isValid */
+
       } else if (this._properties.findProperty(key)) {
         let property = this._properties.findProperty(key);
 
         let schema = property.getTypeMetadata().schema;
-        return this._properties.validateSingleProperty(jsonValidator, key, newProps[key], schema);
+
+        let isValid = this._properties.validateSingleProperty(jsonValidator, key, newProps[key], schema);
+
+        if (isValid) {
+          property.updateValue(newProps[key]);
+        }
+        /* return isValid */
+
       } else {
         throw new Error(`props '${key}' not exist `);
       }
     });
-    return this._properties.updateAllPropertiesValue(jsonValidator, newProps);
+    /* return this._properties.updateAllPropertiesValue(jsonValidator, newProps); */
+
+    return true;
   }
 
   updateState(state) {
@@ -137,10 +164,14 @@ export default class Component {
 
     const properties = this._properties.getAllPropertiesValue();
 
+    const behavioursProperties = this.getAllBehavioursPropertiesWithValue();
     const behaviours = this.getAllBehavioursInitialState();
+    let allProperties = { ...properties,
+      ...behavioursProperties
+    };
 
     const initialState = this._stateInitializer({
-      properties
+      properties: allProperties
     });
 
     this.updateState({ ...initialState,
@@ -149,7 +180,9 @@ export default class Component {
   }
 
   getProperties() {
-    return this._properties.getAllPropertiesValue();
+    return { ...this._properties.getAllPropertiesValue(),
+      ...this.getAllBehavioursPropertiesWithValue()
+    };
   }
 
   getEventHandlersWrapper() {

package/es/library/custom-component/{entities → domain/entities}/DefaultAppendToActionPayload.js

@@ -1,10 +1,10 @@
 export default {
-  name: "appendToActionPayload",
+  name: 'appendToActionPayload',
   required: false,
   defaultValue: null,
   typeMetadata: {
     schema: {
-      type: "object"
+      type: 'object'
     }
   }
 };

package/es/library/custom-component/{entities → domain/entities}/Properties.js

@@ -2,7 +2,7 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 import Property from "./Property";
 import defaultAppendToActionPayload from "./DefaultAppendToActionPayload";
-import getRefPropertySchema from "../../../cc/component/properties/getRefPropertySchema";
+import getRefPropertySchema from "../../../../cc/component/properties/getRefPropertySchema";
 export default class Properties {
   constructor(properties, componentName) {
     this.componentName = componentName;
@@ -27,18 +27,17 @@ export default class Properties {
 
 
   updateAllPropertiesValue(validator, propertyValue) {
-    this.validateProperties(validator, propertyValue);
-
+    // this.validateProperties(validator, propertyValue);
     if (!this.isEqual(propertyValue)) {
       let isChanged = false;
       Object.keys(propertyValue).forEach(key => {
         let property = this.findProperty(key);
 
         if (property.getValue() == null || property.getValue() == undefined) {
-          property.updateValue(propertyValue[key]);
+          // property.updateValue(propertyValue[key]);
           isChanged = true;
         } else if (property.getValue() != propertyValue[key]) {
-          property.updateValue(propertyValue[key]);
+          // property.updateValue(propertyValue[key]);
           isChanged = true;
         }
       });

package/es/library/custom-component/frameworks/ui/__testcases__/CreateCustomComponent.spec.js

@@ -0,0 +1,106 @@
+/* eslint-disable react/prop-types */
+import React from 'react';
+import createCustomComponent from "../createCustomComponent";
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+
+let View = (_ref, ref) => {
+  let {
+    state
+  } = _ref;
+  return /*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    "data-testid": "custom-component",
+    "data-title": state.properties.title
+  }, "Hey");
+};
+
+let mockComponentCC = {
+  name: 'mockComponent',
+  View: View,
+  properties: {},
+  eventHandlers: {
+    "mockComponent#MOUNT": jest.fn(),
+    "mockComponent#UN_MOUNT": jest.fn(),
+    "mockComponent#UPDATE_PROPERTIES": jest.fn()
+  },
+  properties: {
+    title: {
+      name: 'titile',
+      defaultValue: 'default',
+      typeMetadata: {
+        schema: {
+          type: 'string'
+        }
+      }
+    }
+  },
+  behaviour: [{
+    name: 'test',
+    properties: {},
+    setInitialState: () => ({}),
+    eventHandlers: {}
+  }]
+};
+describe('createCustomComponent integration test', () => {
+  // basic rendering test
+  it('should mount the component and check the rendering', () => {
+    const CustomComponent = createCustomComponent(mockComponentCC);
+    let {
+      container
+    } = render( /*#__PURE__*/React.createElement(CustomComponent, null));
+    expect(container).toBeInTheDocument();
+  }); // test if the ref is passed to the component
+
+  it('should pass the ref to the component', () => {
+    const CustomComponent = createCustomComponent(mockComponentCC);
+    let ref = /*#__PURE__*/React.createRef();
+    render( /*#__PURE__*/React.createElement(CustomComponent, {
+      ref: ref
+    }));
+    expect(typeof ref.current).toBe('object');
+  });
+  it('should pass props to the custom component', () => {
+    const CustomComponent = createCustomComponent(mockComponentCC);
+    render( /*#__PURE__*/React.createElement(CustomComponent, null));
+    const component = screen.getByTestId('custom-component');
+    expect(component).toHaveAttribute('data-testid', 'custom-component');
+  });
+  it('should initialize custom behavior state', () => {
+    const CustomComponent = createCustomComponent(mockComponentCC);
+    render( /*#__PURE__*/React.createElement(CustomComponent, null));
+    const {
+      behaviour
+    } = mockComponentCC;
+    expect(behaviour[0].setInitialState()).toEqual({});
+  });
+  it('should call the MOUNT event handler on mounting', () => {
+    const CustomComponent = createCustomComponent(mockComponentCC);
+    render( /*#__PURE__*/React.createElement(CustomComponent, null));
+    expect(mockComponentCC.eventHandlers['mockComponent#MOUNT']).toHaveBeenCalled();
+  });
+  it('should update component when props change and update property event', () => {
+    const CustomComponent = createCustomComponent(mockComponentCC);
+    const {
+      rerender
+    } = render( /*#__PURE__*/React.createElement(CustomComponent, {
+      title: "Initial Title"
+    }));
+    let component = screen.getByTestId('custom-component');
+    expect(component).toHaveAttribute('data-title', 'Initial Title');
+    rerender( /*#__PURE__*/React.createElement(CustomComponent, {
+      title: "Updated Title"
+    }));
+    component = screen.getByTestId('custom-component');
+    expect(component).toHaveAttribute('data-title', 'Updated Title');
+    expect(mockComponentCC.eventHandlers['mockComponent#UPDATE_PROPERTIES']).toHaveBeenCalled();
+  });
+  it('should clean up properly on unmount', () => {
+    const CustomComponent = createCustomComponent(mockComponentCC);
+    const {
+      unmount
+    } = render( /*#__PURE__*/React.createElement(CustomComponent, null));
+    unmount();
+    expect(mockComponentCC.eventHandlers['mockComponent#UN_MOUNT']).toHaveBeenCalled();
+  });
+});

package/es/library/dot/components/action-location/frameworks/ui/ActionComponentMapping.js

@@ -0,0 +1,5 @@
+import ActionIcon from "../../../../legacy-to-new-arch/action-icon/frameworks/ui/ActionIcon";
+const ActionComponentMapping = {
+  'ActionIcon': ActionIcon
+};
+export default ActionComponentMapping;

package/es/library/dot/components/action-location/frameworks/ui/ActionLocationView.js

@@ -1,38 +1,17 @@
 import React from 'react';
-import Flex from '@zohodesk/layout/es/Flex/Flex';
 import ComponentRegistry from "../../../../../custom-component/frameworks/ui/ComponentRegistry";
-import ActionIcon from "../../../../legacy-to-new-arch/action-icon/ActionIcon";
-const defaultUiMapping = {
-  ActionIcon: ActionIcon
-};
+import ActionsRenderer from "../../../actions-renderer/frameworks/ui/ActionsRenderer";
 export default function ActionLocationView(_ref, ref) {
   let {
     state
   } = _ref;
   const {
-    actions
+    actions,
+    type
   } = state.properties;
-  return /*#__PURE__*/React.createElement(Flex, {
-    ref: ref,
-    $flag_fullsize: true,
-    $ui_displayMode: "flex",
-    $ui_alignItems: "center",
-    $ui_justifyContent: "end"
-  }, actions.map((action, index) => {
-    const {
-      type,
-      properties,
-      eventMappings
-    } = action;
-    /* eslint-disable-next-line @zohodesk/architecturerules/no-defaultProps-rule */
-
-    const ActionUiType = defaultUiMapping[type] || ComponentRegistry.get(type);
-    return /*#__PURE__*/React.createElement(ActionUiType, {
-      key: index,
-      ...properties,
-      appendToActionPayload: {
-        eventMappings
-      }
-    });
-  }));
+  const ActionsRendererComponent = ComponentRegistry.get(type) || ActionsRenderer;
+  return /*#__PURE__*/React.createElement(ActionsRendererComponent, {
+    actions: actions,
+    getRef: ref
+  });
 }

package/es/library/dot/components/actions-renderer/frameworks/ui/ActionsRenderer.js

@@ -0,0 +1,9 @@
+import { createCustomComponent } from "../../../../../custom-component";
+import ActionLocationProperties from "../../../../../../cc/action-location/Properties";
+import ActionsRendererView from "./ActionsRendererView";
+export default createCustomComponent({
+  name: 'ActionsRenderer',
+  properties: ActionLocationProperties,
+  eventHandlers: {},
+  View: ActionsRendererView
+});

package/es/library/dot/components/actions-renderer/frameworks/ui/ActionsRendererView.js

@@ -0,0 +1,37 @@
+import React from 'react';
+import ComponentRegistry from "../../../../../custom-component/frameworks/ui/ComponentRegistry";
+import ActionComponentMapping from "../../../action-location/frameworks/ui/ActionComponentMapping";
+import Flex from '@zohodesk/layout/es/Flex/Flex';
+
+function ActionsRendererView(_ref, ref) {
+  let {
+    state
+  } = _ref;
+  const {
+    actions
+  } = state.properties;
+  return /*#__PURE__*/React.createElement(Flex, {
+    ref: ref,
+    $ui_displayMode: "inline",
+    $ui_alignItems: "center"
+  }, actions.map((action, index) => {
+    const {
+      type,
+      properties,
+      eventMappings
+    } = action;
+    /* eslint-disable-next-line @zohodesk/architecturerules/no-defaultProps-rule */
+
+    const ActionUiType = ActionComponentMapping[type] || ComponentRegistry.get(type);
+    return /*#__PURE__*/React.createElement(ActionUiType, {
+      key: index,
+      ...properties,
+      appendToActionPayload: {
+        eventMappings
+      }
+    });
+  }));
+}
+
+;
+export default ActionsRendererView;

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

@@ -24,7 +24,8 @@ function TableListView(_ref2, _ref) {
     resizerConfig,
     selectionConfig,
     isFlexibleColumns,
-    hasRowActions,
+    rowCursor,
+    rowActionsConfig,
     emptyStateUiType
   } = state.properties;
   const {
@@ -35,6 +36,10 @@ function TableListView(_ref2, _ref) {
     headers,
     rows
   } = data;
+  const {
+    hasActions: hasRowActions,
+    columnWidth: rowActionsColumnWidth
+  } = rowActionsConfig;
   const hasRows = rows.length > 0; // TODO: derive from state.properties
 
   const isDataEmpty = !hasRows && !isLoading; // TODO: derive from state.properties
@@ -54,14 +59,16 @@ function TableListView(_ref2, _ref) {
     selection,
     isFlexibleColumns,
     hasRowActions,
+    rowActionsColumnWidth,
     dispatch
   }), renderBody({
     headers,
     rows,
     isFlexibleColumns,
     selectionConfig,
-    resizerState,
+    rowCursor,
     hasRowActions,
+    rowActionsColumnWidth,
     hasRows
   }), /*#__PURE__*/React.createElement(NoData, {
     isDataEmpty: isDataEmpty,
@@ -81,18 +88,19 @@ function renderHeader(_ref3) {
     selection,
     isFlexibleColumns,
     hasRowActions,
+    rowActionsColumnWidth,
     dispatch
   } = _ref3;
   return /*#__PURE__*/React.createElement(Header, {
     isSelectionEnabled: selectionConfig.isEnabled,
     hasAllSelected: selection.hasAllSelected,
     isResizerEnabled: resizerConfig.isEnabled,
-    resizedColumnsWidth: resizerState.resizedColumnsWidth,
     currentlyResizingColumn: resizerState.currentlyResizingColumn,
     isCurrentlyResizing: resizerState.isCurrentlyResizing,
     resizerExtraWidth: resizerState.extraWidth,
     isFlexibleColumns: isFlexibleColumns,
     hasRowActions: hasRowActions,
+    rowActionsColumnWidth: rowActionsColumnWidth,
     headers: headers,
     dispatch: dispatch
   });
@@ -104,8 +112,9 @@ function renderBody(_ref4) {
     rows,
     isFlexibleColumns,
     selectionConfig,
-    resizerState,
+    rowCursor,
     hasRowActions,
+    rowActionsColumnWidth,
     hasRows
   } = _ref4;
   return /*#__PURE__*/React.createElement(Body, {
@@ -116,8 +125,9 @@ function renderBody(_ref4) {
     rows: rows,
     isFlexibleColumns: isFlexibleColumns,
     isSelectionEnabled: selectionConfig.isEnabled,
-    resizedColumnsWidth: resizerState.resizedColumnsWidth,
-    hasRowActions: hasRowActions
+    rowCursor: rowCursor,
+    hasRowActions: hasRowActions,
+    rowActionsColumnWidth: rowActionsColumnWidth
   }));
 }
 

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

@@ -28,3 +28,13 @@
 .actions {
     gap: var(--zd_size8) 
 }
+
+.rowCursor_default {
+    cursor: default
+}
+.rowCursor_pointer {
+    cursor: pointer
+}
+.rowCursor_not-allowed {
+    cursor: not-allowed
+}