qbs-react-grid 2.2.4 → 2.2.5

package/es/Pagination.js

@@ -1,6 +1,5 @@
 import React, { useEffect, useState } from 'react';
 import CustomSelect from './customSelect';
-import { mergeLabels } from './qbsTable/labels';
 import { getRowDisplayRange } from './qbsTable/utilities/tablecalc';
 
 // Import the custom select component
@@ -36,10 +35,7 @@ var PageIndex = function PageIndex(_ref) {
   return /*#__PURE__*/React.createElement(React.Fragment, null, renderPageNumbers());
 };
 var Pagination = function Pagination(_ref2) {
-  var paginationProps = _ref2.paginationProps,
-    labelsProp = _ref2.labels,
-    dataTheme = _ref2.dataTheme;
-  var labels = mergeLabels(labelsProp);
+  var paginationProps = _ref2.paginationProps;
   var _paginationProps$drop = paginationProps.dropOptions,
     dropOptions = _paginationProps$drop === void 0 ? [10, 20, 50, 100, 200] : _paginationProps$drop,
     _paginationProps$curr = paginationProps.currentPage,
@@ -80,14 +76,13 @@ var Pagination = function Pagination(_ref2) {
   };
   return /*#__PURE__*/React.createElement("div", {
     className: "qbs-table-custom-pagination",
-    "data-theme": dataTheme,
     style: {
       display: 'flex',
       justifyContent: 'space-between'
     }
   }, /*#__PURE__*/React.createElement("div", {
     className: "rows-count"
-  }, getRowDisplayRange(total, rowsPerPageState, currentPage, labels.showingRange)), /*#__PURE__*/React.createElement("div", {
+  }, getRowDisplayRange(total, rowsPerPageState, currentPage)), /*#__PURE__*/React.createElement("div", {
     className: "qbs-table-pagination-right-block"
   }, /*#__PURE__*/React.createElement("button", {
     className: "qbs-table-icon-container",
@@ -166,7 +161,7 @@ var Pagination = function Pagination(_ref2) {
     className: "qbs-table-pagination-flexBox"
   }, /*#__PURE__*/React.createElement("span", {
     className: "qbs-table-pagination-text"
-  }, labels.itemsPerPage), /*#__PURE__*/React.createElement(CustomSelect, {
+  }, "Items per page"), /*#__PURE__*/React.createElement(CustomSelect, {
     options: dropData,
     selectedValue: rowsPerPageState,
     onChange: handleRowsPerPage

package/es/Table.d.ts

@@ -99,7 +99,6 @@ export interface TableProps<Row, Key> extends Omit<StandardProps, 'onScroll'> {
     /** Tree table, the callback function in the expanded node */
     renderTreeToggle?: (expandButton: React.ReactNode, rowData?: Row, expanded?: boolean) => React.ReactNode;
     tableKey?: string;
-    infiniteLoading?: boolean;
     /** Customize what you can do to expand a zone */
     renderRowExpanded?: (rowData?: Row) => React.ReactNode;
     /** Custom row element */
@@ -124,7 +123,6 @@ export interface TableProps<Row, Key> extends Omit<StandardProps, 'onScroll'> {
     onTouchMove?: (event: React.TouchEvent) => void;
     /** Callback for the `touchend` event. */
     onTouchEnd?: (event: React.TouchEvent) => void;
-    handleInfiniteScroll?: (value: number) => void;
     /**
      * Callback after table data update.
      * @deprecated use `shouldUpdateScroll` instead
@@ -134,7 +132,6 @@ export interface TableProps<Row, Key> extends Omit<StandardProps, 'onScroll'> {
         y: number;
     }) => void) => void;
     tableBodyRef: React.RefObject<HTMLDivElement>;
-    wheelWrapperRef: React.RefObject<HTMLDivElement | null>;
     bodyRef?: (ref: HTMLElement) => void;
 }
 export interface TableInstance<Row, Key> extends React.FunctionComponent<TableProps<Row, Key>> {

package/es/Table.js

@@ -1,6 +1,6 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
-var _excluded = ["affixHeader", "children", "classPrefix", "className", "data", "defaultSortType", "width", "expandedRowKeys", "defaultExpandAllRows", "defaultExpandedRowKeys", "style", "id", "isTree", "hover", "bordered", "cellBordered", "wordWrap", "loading", "locale", "showHeader", "sortColumn", "rowHeight", "sortType", "headerHeight", "minHeight", "height", "autoHeight", "fillHeight", "rtl", "translate3d", "rowKey", "virtualized", "rowClassName", "rowExpandedHeight", "disabledScroll", "affixHorizontalScrollbar", "loadAnimation", "shouldUpdateScroll", "renderRow", "renderRowExpanded", "renderLoading", "renderEmpty", "onSortColumn", "onScroll", "renderTreeToggle", "onRowClick", "onRowContextMenu", "onExpandChange", "onTouchStart", "onTouchMove", "onTouchEnd", "tableBodyHeight", "columns", "tableBodyRef", "tableKey", "handleInfiniteScroll", "infiniteLoading", "wheelWrapperRef"],
+var _excluded = ["affixHeader", "children", "classPrefix", "className", "data", "defaultSortType", "width", "expandedRowKeys", "defaultExpandAllRows", "defaultExpandedRowKeys", "style", "id", "isTree", "hover", "bordered", "cellBordered", "wordWrap", "loading", "locale", "showHeader", "pagination", "paginationProps", "sortColumn", "rowHeight", "sortType", "headerHeight", "minHeight", "height", "autoHeight", "fillHeight", "rtl", "translate3d", "rowKey", "virtualized", "rowClassName", "rowExpandedHeight", "disabledScroll", "affixHorizontalScrollbar", "loadAnimation", "shouldUpdateScroll", "renderRow", "renderRowExpanded", "renderLoading", "renderEmpty", "onSortColumn", "onScroll", "renderTreeToggle", "onRowClick", "onRowContextMenu", "onExpandChange", "onTouchStart", "onTouchMove", "onTouchEnd", "dataTheme", "tableBodyHeight", "columns", "tableBodyRef", "tableKey"],
   _excluded2 = ["depth", "rowIndex"],
   _excluded3 = ["cellHeight"];
 import { getTranslateDOMPositionXY } from 'dom-lib/translateDOMPositionXY';
@@ -70,6 +70,10 @@ var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
     } : _props$locale,
     _props$showHeader = props.showHeader,
     showHeader = _props$showHeader === void 0 ? true : _props$showHeader,
+    _props$pagination = props.pagination,
+    pagination = _props$pagination === void 0 ? true : _props$pagination,
+    _props$paginationProp = props.paginationProps,
+    paginationProps = _props$paginationProp === void 0 ? {} : _props$paginationProp,
     sortColumn = props.sortColumn,
     _props$rowHeight = props.rowHeight,
     rowHeight = _props$rowHeight === void 0 ? ROW_HEIGHT : _props$rowHeight,
@@ -107,19 +111,18 @@ var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onTouchStart = props.onTouchStart,
     onTouchMove = props.onTouchMove,
     onTouchEnd = props.onTouchEnd,
+    dataTheme = props.dataTheme,
     tableBodyHeight = props.tableBodyHeight,
     columns = props.columns,
     tableBodyRef = props.tableBodyRef,
     tableKey = props.tableKey,
-    handleInfiniteScroll = props.handleInfiniteScroll,
-    infiniteLoading = props.infiniteLoading,
-    wheelWrapperRef = props.wheelWrapperRef,
     rest = _objectWithoutPropertiesLoose(props, _excluded);
   var _useClassNames = useClassNames(classPrefix, typeof classPrefix !== 'undefined'),
     withClassPrefix = _useClassNames.withClassPrefix,
     mergeCls = _useClassNames.merge,
     prefix = _useClassNames.prefix;
   var childTableRef = useRef(null);
+
   // Use `forceUpdate` to force the component to re-render after manipulating the DOM.
   var _useReducer = useReducer(function (x) {
       return x + 1;
@@ -178,6 +181,7 @@ var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var affixHeaderWrapperRef = useRef(null);
   var headerWrapperRef = useRef(null);
   // const tableBodyRef = useRef<HTMLDivElement>(null);
+  var wheelWrapperRef = useRef(null);
   var scrollbarXRef = useRef(null);
   var scrollbarYRef = useRef(null);
   var handleTableResizeChange = function handleTableResizeChange(_prevSize, event) {
@@ -289,8 +293,7 @@ var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
       onScroll: onScroll,
       onTouchStart: onTouchStart,
       onTouchMove: onTouchMove,
-      onTouchEnd: onTouchEnd,
-      handleInfiniteScroll: handleInfiniteScroll
+      onTouchEnd: onTouchEnd
     }),
     isScrolling = _useScrollListener.isScrolling,
     isChildFocused = _useScrollListener.isChildFocused,
@@ -614,9 +617,7 @@ var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
           width: tableWidth.current
         },
         length: tableWidth.current,
-        onScroll: function onScroll(delta) {
-          onScrollHorizontal(delta);
-        },
+        onScroll: onScrollHorizontal,
         scrollLength: contentWidth.current,
         ref: scrollbarXRef
       }));
@@ -780,9 +781,7 @@ var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
       role: "rowgroup",
       className: prefix('body-row-wrapper'),
       style: bodyStyles,
-      onScroll: function onScroll(e) {
-        onScrollBody === null || onScrollBody === void 0 ? void 0 : onScrollBody(e); // existing handler
-      }
+      onScroll: onScrollBody
     }, !loading && /*#__PURE__*/React.createElement("div", {
       style: wheelStyles,
       className: prefix('body-wheel-area'),
@@ -793,12 +792,7 @@ var Table = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }) : null, visibleRows.current, bottomHideHeight ? /*#__PURE__*/React.createElement(Row, {
       style: bottomRowStyles,
       className: "virtualized"
-    }) : null, infiniteLoading && /*#__PURE__*/React.createElement("div", {
-      style: {
-        padding: 12,
-        textAlign: 'center'
-      }
-    }, /*#__PURE__*/React.createElement("span", null, "Loading more rows\u2026"))), /*#__PURE__*/React.createElement(EmptyMessage, {
+    }) : null), /*#__PURE__*/React.createElement(EmptyMessage, {
       locale: locale,
       renderEmpty: renderEmpty,
       addPrefix: prefix,

package/es/index.d.ts

@@ -11,5 +11,5 @@ export type { ColumnProps } from './Column';
 export type { CellProps } from './Cell';
 export type { HeaderCellProps } from './HeaderCell';
 export type { ColumnGroupProps } from './ColumnGroup';
-export type { QbsTableProps, QbsTableLabels } from './qbsTable/commontypes';
+export type { QbsTableProps } from './qbsTable/commontypes';
 export type { StandardProps, SortType, RowDataType, RowKeyType, TableSizeChangeEventName } from './@types/common';

package/es/less/pagination.less

@@ -5,8 +5,8 @@
   min-height: 40px;
   align-items: center;
   border-radius: 0 0 4px 4px;
-  border-top: 1px solid var(--base-gray-border, #d6d8dc);
-  background: var(--table-bg, #fff);
+  border-top: 1px solid #d6d8dc;
+  background: #fff;
   &-header {
     border-bottom: 1px solid #eee;
     position: absolute;
@@ -27,8 +27,8 @@
     font-weight: 500;
     line-height: 20px;
     border-radius: 6px;
-    border: 1px solid var(--base-gray-border, #d6d8dc);
-    background: var(--gray-light-1, #fff);
+    border: 1px solid #d6d8dc;
+    background: #fff;
   }
   .qbs-table-icon-container {
     padding: 0;
@@ -109,7 +109,7 @@
     font-style: normal;
     font-weight: 500;
     line-height: 20px;
-    color: var(--gray-dark-3, #313131);
+    color: #313131;
   }
 }
 
@@ -125,7 +125,7 @@
 .custom-select-trigger {
   padding: 2px 8px;
   cursor: pointer;
-  border: 1px solid var(--base-gray-border, #d6d8dc);
+  border: 1px solid #d6d8dc;
   border-radius: 4px;
   min-width: 65px;
   position: relative;
@@ -140,7 +140,7 @@
   list-style: none;
   margin: 2px 0 0;
   padding: 0;
-  background: var(--gray-light-1, #fff);
+  background: #fff;
   border-radius: 8px;
   box-shadow: 0 8px 20px 0 #00000026;
 }
@@ -158,7 +158,7 @@ ul.custom-select-options.top {
 
 .custom-select-option:hover,
 .custom-select-option.selected {
-  background-color: var(--table-row-hover-bg, #f0f0f0);
+  background-color: #f0f0f0;
 }
 
 .custom-select-trigger:before {
@@ -167,7 +167,7 @@ ul.custom-select-options.top {
   right: 10px;
   top: 6px;
   font-weight: bold;
-  border: solid var(--gray-dark-3, black);
+  border: solid black;
   border-width: 0 1px 1px 0;
   display: inline-block;
   padding: 3px;

package/es/less/qbs-table.less

@@ -104,156 +104,52 @@
   }
 }
 .qbs-table[data-theme='dark'] {
-  background-color: #1f1f1f;
-  color: #f5f5f5;
+  background-color: #333333;
+  color: #ffffff;
 
-  .qbs-table-border-wrap {
-    border-color: #3d3d3d;
-    background: #262626;
-  }
-
-  .qbs-table-toolbar-container,
-  .qbs-table-toolbar,
-  .qbs-table-toolbar-sub-container,
-  .sub-qbs-table-toolbar {
-    color: #f5f5f5;
-  }
-
-  .qbs-table-search-container {
-    .input {
-      border-color: #4a4a4a;
-      background: #2d2d2d;
-      color: #f5f5f5;
-
-      &:hover,
-      &:focus {
-        border-color: #6b6b6b;
-        background: #2d2d2d;
-      }
-    }
-
-    .search-button,
-    .close-button {
-      color: #d1d1d1;
-      background-color: transparent;
-    }
-  }
-
-  .qbs-table-column-popup,
-  .qbs-table-popup-container {
-    background: #2d2d2d;
-    color: #f5f5f5;
-    border-color: #4a4a4a;
-  }
-
-  .qbs-table-popup-label,
-  .qbs-table-popup-value,
-  .qbs-table-reset-link {
-    color: #f5f5f5;
-  }
-
-  .qbs-table-custom-pagination,
-  .qbs-table-pagination-text,
-  .rows-count {
-    color: #f5f5f5;
-  }
-
-  .qbs-table-icon-container svg path {
-    stroke: #e5e5e5;
-  }
-
-  .custom-select-trigger,
-  .custom-select-options {
-    background: #2d2d2d;
-    color: #f5f5f5;
-    border-color: #4a4a4a;
-  }
-
-  .qbs-card-container {
-    border-color: #4a4a4a;
-    background: #262626;
-    color: #f5f5f5;
-  }
-
-  .nodata-title {
-    color: #f5f5f5;
-  }
-
-  .tooltiptext {
-    background-color: #3d3d3d;
-    color: #fff;
-  }
-}
-
-.qbs-table-custom-pagination[data-theme='dark'] {
-  color: #f5f5f5;
-
-  .rows-count,
-  .qbs-table-pagination-text {
-    color: #f5f5f5;
-  }
-
-  .qbs-table-icon-container svg path {
-    stroke: #e5e5e5;
-  }
-}
-
-.rs-table-cell-content[data-theme='dark'] {
-  background-color: #262626;
-  color: #f5f5f5;
-}
-
-.qbs-table[data-theme='dark'] {
-  .rs-table,
-  .rs-table-body-row-wrapper,
-  .rs-table-row,
-  .rs-table-cell,
   .rs-table-cell-group,
-  .rs-table-row-header,
-  .rs-table-row-header .rs-table-cell {
-    background-color: #262626;
-    color: #f5f5f5;
+  .rs-table-cell-group-fixed-left,
+  .rs-table-cell-group-fixed-right {
+    background-color: #262626 !important;
   }
 
-  .rs-table-cell-content {
-    background-color: #262626;
-    color: #f5f5f5;
-  }
-
-  .rs-table-row-header .rs-table-cell-content,
-  .rs-table-cell-header .rs-table-cell-content {
-    background-color: #1b2028;
-    color: #f5f5f5;
+  .rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover .rs-table-cell-group,
+  .rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover .rs-table-cell-group-fixed-left,
+  .rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover .rs-table-cell-group-fixed-right,
+  .rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover .rs-table-cell-group > div,
+  .rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover .rs-table-cell-group .rs-table-cell,
+  .rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover .rs-table-cell-group .rs-table-cell-content {
+    background-color: #1d2633 !important;
   }
 
-  .rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover,
-  .rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover .rs-table-cell,
-  .rs-table-hover .rs-table-body-row-wrapper .rs-table-row:hover .rs-table-cell-content {
-    background-color: #1d2633;
+  .rs-table-row:has(.qbs-table-checkbox-input:checked) .rs-table-cell-group-scroll .rs-table-cell,
+  .rs-table-row:has(.qbs-table-checkbox-input:checked) .rs-table-cell-group-scroll .rs-table-cell-content,
+  .rs-table-row.qbs-table-row-checked .rs-table-cell-group-scroll .rs-table-cell,
+  .rs-table-row.qbs-table-row-checked .rs-table-cell-group-scroll .rs-table-cell-content {
+    background-color: #8f5cff1f !important;
   }
 
-  .rs-table-cell {
-    border-color: #3d3d3d;
+  .rs-table-row:has(.qbs-table-checkbox-input:checked) .rs-table-cell-group-fixed-left,
+  .rs-table-row:has(.qbs-table-checkbox-input:checked) .rs-table-cell-group-fixed-right,
+  .rs-table-row.qbs-table-row-checked .rs-table-cell-group-fixed-left,
+  .rs-table-row.qbs-table-row-checked .rs-table-cell-group-fixed-right,
+  .rs-table-row:has(.qbs-table-checkbox-input:checked) .rs-table-cell-group-fixed-left > div,
+  .rs-table-row:has(.qbs-table-checkbox-input:checked) .rs-table-cell-group-fixed-right > div,
+  .rs-table-row:has(.qbs-table-checkbox-input:checked) .rs-table-cell-group-fixed-left .rs-table-cell,
+  .rs-table-row:has(.qbs-table-checkbox-input:checked) .rs-table-cell-group-fixed-right .rs-table-cell,
+  .rs-table-row:has(.qbs-table-checkbox-input:checked) .rs-table-cell-group-fixed-left .rs-table-cell-content,
+  .rs-table-row:has(.qbs-table-checkbox-input:checked) .rs-table-cell-group-fixed-right .rs-table-cell-content {
+    background-color: #2a2438 !important;
   }
 
-  .rs-table-scrollbar {
-    background-color: #2d2d2d;
-  }
-
-  .rs-table-scrollbar-handle {
-    background-color: #5a5a5a;
+  .qbs-table-checkbox .qbs-table-checkbox-input:checked ~ label {
+    background-color: #8f5cff !important;
+    border-color: #a78bfa !important;
   }
 }
-
-.qbs-table[dir='rtl'] {
-  .rs-table-cell-header .rs-table-cell-content {
-    text-align: right;
-  }
-
-  .rs-table-cell-wrap {
-    justify-content: flex-start;
-    width: 100%;
-  }
+.rs-table-cell-content[data-theme='dark'] {
+  background-color: #333333;
+  color: #ffffff;
 }
 /* Dropdown container */
 .qbs-table-menu-dropdown {
@@ -387,98 +283,70 @@
 .qbs-table-tooltip {
   cursor: pointer;
   position: relative;
-  display: inline-flex;
+  width: auto;
+  display: flex;
 }
 
 .qbs-table-tooltip .tooltiptext {
   visibility: hidden;
-  background-color: var(--tooltip-bg, #222);
-  color: var(--tooltip-text, #fff);
+  background-color: black;
+  color: white;
   text-align: center;
-  padding: 6px 10px;
-  border-radius: 6px;
+  padding: 6px;
+  border-radius: 4px;
   position: absolute;
-  z-index: 10050;
+  z-index: 9999;
   opacity: 0;
-  transition: opacity 0.15s ease;
+  transition: opacity 0.3s;
   font-size: 12px;
-  font-weight: 500;
+  font-style: normal;
+  font-weight: 400;
   line-height: 16px;
-  white-space: nowrap;
-  max-width: min(280px, 90vw);
-  pointer-events: none;
-  inset-inline-start: 50%;
-  translate: -50% 0;
+  width: 100px;
 }
 
 .qbs-table-tooltip.up .tooltiptext {
-  bottom: calc(100% + 8px);
-  top: auto;
+  bottom: calc(100% + 10px);
+  right: -8px;
+  left: unset;
 }
 
 .qbs-table-tooltip.down .tooltiptext {
+  right: -10px;
   top: calc(100% + 8px);
-  bottom: auto;
 }
 
+// .qbs-table-tooltip:hover .tooltiptext {
+//   visibility: visible;
+//   opacity: 1;
+// }
+
 .qbs-table-tooltip .tooltiptext::after {
   content: '';
   position: absolute;
-  inset-inline-start: 50%;
-  translate: -50% 0;
-  border: 5px solid transparent;
+  border-width: 5px;
+  border-style: solid;
 }
 
 .qbs-table-tooltip.up .tooltiptext::after {
-  top: 100%;
-  border-top-color: var(--tooltip-bg, #222);
+  border-color: black transparent transparent !important;
+  right: 12px !important;
+  margin-left: -5px !important;
+  top: 100% !important;
+  left: unset !important;
 }
 
 .qbs-table-tooltip.down .tooltiptext::after {
-  bottom: 100%;
-  border-bottom-color: var(--tooltip-bg, #222);
+  border-color: transparent transparent black;
+  bottom: 100% !important;
+  right: 12px !important;
+  margin-left: -5px !important;
+  left: unset !important;
 }
-
-.qbs-table-tooltip-floating.tooltiptext {
-  position: fixed;
-  z-index: 10050;
-  visibility: hidden;
-  opacity: 0;
-  pointer-events: none;
-  background-color: var(--tooltip-bg, #222);
-  color: var(--tooltip-text, #fff);
-  text-align: center;
-  padding: 6px 10px;
-  border-radius: 6px;
-  font-size: 12px;
-  font-weight: 500;
-  line-height: 16px;
-  white-space: nowrap;
-  max-width: min(280px, 90vw);
-  transition: opacity 0.15s ease;
-}
-
-.qbs-table-tooltip-floating.tooltiptext.is-positioned {
-  visibility: visible;
-  opacity: 1;
-}
-
-.qbs-table-tooltip-floating.tooltiptext::after {
-  content: '';
-  position: absolute;
-  left: var(--tooltip-arrow-offset, 50%);
-  translate: -50% 0;
-  border: 5px solid transparent;
-}
-
-.qbs-table-tooltip-floating--down.tooltiptext::after {
-  bottom: 100%;
-  border-bottom-color: var(--tooltip-bg, #222);
-}
-
-.qbs-table-tooltip-floating--up.tooltiptext::after {
-  top: 100%;
-  border-top-color: var(--tooltip-bg, #222);
+.qbs-table-tooltip.down .tooltiptext {
+  top: 145% !important;
+  right: -10px !important;
+  left: auto !important;
 }
 .rs-table-row {
   overflow: visible !important;
@@ -879,8 +747,8 @@
 .qbs-table-top-icons {
   color: #999696;
 
-  .active {
-    color: #ec6a17;
+  .active{
+    color: #EC6A17;
   }
 }
 .qbs-card-empty-wrapper {
@@ -889,4 +757,4 @@
   align-items: center;
   height: 100%;
   width: 100%;
-}
+}

package/es/qbsTable/CustomTableCell.js

@@ -9,7 +9,6 @@ import { Link } from 'react-router-dom';
 import Cell from '../Cell';
 import { handleCellFormat } from './utilities/handleFormatCell';
 import MenuDropDown from './utilities/menuDropDown';
-import VerticalMenuDropdown from './utilities/VerticalDropDownMenu';
 var CHECKBOX_LINE_HEIGHT = '36px';
 export var CheckCell = /*#__PURE__*/React.memo(function (_ref) {
   var rowData = _ref.rowData,
@@ -54,18 +53,8 @@ export var ActionCell = /*#__PURE__*/React.memo(function (_ref2) {
     dataTheme = _ref2.dataTheme,
     actionProps = _ref2.actionProps,
     tableBodyRef = _ref2.tableBodyRef,
-    rowIndex = _ref2.rowIndex,
-    dropType = _ref2.dropType,
-    wheelWrapperRef = _ref2.wheelWrapperRef;
-  return /*#__PURE__*/React.createElement("div", null, dropType == 'vertical' ? /*#__PURE__*/React.createElement(VerticalMenuDropdown, {
-    tableBodyRef: tableBodyRef,
-    actionDropDown: actionProps,
-    rowData: rowData,
-    dataTheme: dataTheme,
-    rowIndex: rowIndex,
-    handleMenuActions: handleMenuActions,
-    wheelWrapperRef: wheelWrapperRef
-  }) : /*#__PURE__*/React.createElement(MenuDropDown, {
+    rowIndex = _ref2.rowIndex;
+  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(MenuDropDown, {
     tableBodyRef: tableBodyRef,
     actionDropDown: actionProps,
     rowData: rowData,