qbs-react-grid 2.2.4 → 2.2.6

package/lib/qbsTable/Toolbar.js

@@ -8,13 +8,12 @@ var _useResponsiveStore = _interopRequireDefault(require("../utils/useResponsive
 var _debounce = _interopRequireDefault(require("./utilities/debounce"));
 var _icons = require("./utilities/icons");
 var _SearchInput = _interopRequireDefault(require("./utilities/SearchInput"));
-var _labels = require("./labels");
 var _tablecalc = require("./utilities/tablecalc");
 var _ToolTip = _interopRequireDefault(require("./utilities/ToolTip"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var ToolBar = function ToolBar(_ref) {
-  var _checkedKeys$length, _paginationProps$tota, _paginationProps$rows, _paginationProps$curr;
+  var _paginationProps$tota, _paginationProps$rows, _paginationProps$curr;
   var pagination = _ref.pagination,
     _ref$paginationProps = _ref.paginationProps,
     paginationProps = _ref$paginationProps === void 0 ? {} : _ref$paginationProps,
@@ -35,19 +34,7 @@ var ToolBar = function ToolBar(_ref) {
     tableViewToggle = _ref.tableViewToggle,
     setTableViewToggle = _ref.setTableViewToggle,
     _ref$enableTableToggl = _ref.enableTableToggle,
-    enableTableToggle = _ref$enableTableToggl === void 0 ? false : _ref$enableTableToggl,
-    _ref$rowViewToggle = _ref.rowViewToggle,
-    rowViewToggle = _ref$rowViewToggle === void 0 ? false : _ref$rowViewToggle,
-    _ref$defaultRowView = _ref.defaultRowView,
-    defaultRowView = _ref$defaultRowView === void 0 ? true : _ref$defaultRowView,
-    _ref$fullWidthView = _ref.fullWidthView,
-    fullWidthView = _ref$fullWidthView === void 0 ? false : _ref$fullWidthView,
-    setTableFullView = _ref.setTableFullView,
-    setRowViewToggle = _ref.setRowViewToggle,
-    _ref$isFullScreen = _ref.isFullScreen,
-    isFullScreen = _ref$isFullScreen === void 0 ? false : _ref$isFullScreen,
-    labelsProp = _ref.labels;
-  var labels = (0, _labels.mergeLabels)(labelsProp);
+    enableTableToggle = _ref$enableTableToggl === void 0 ? false : _ref$enableTableToggl;
   var debouncedOnSearch = (0, _react.useCallback)((0, _debounce["default"])(onSearch != null ? onSearch : function () {}, 1000), [onSearch]);
   var _useState = (0, _react.useState)(searchValue),
     searchParam = _useState[0],
@@ -96,8 +83,7 @@ var ToolBar = function ToolBar(_ref) {
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "qbs-table-primary-filter"
   }, search && /*#__PURE__*/_react["default"].createElement(_SearchInput["default"], {
-    placeholder: searchPlaceholder != null ? searchPlaceholder : labels.search,
-    searchAriaLabel: labels.searchAriaLabel,
+    placeholder: searchPlaceholder != null ? searchPlaceholder : 'Search',
     handleChange: handleChange,
     handleSearch: handleSearch,
     searchValue: searchParam
@@ -118,45 +104,12 @@ var ToolBar = function ToolBar(_ref) {
     strokeLinejoin: "round",
     d: "M12 3c2.755 0 5.455.232 8.083.678.533.09.917.556.917 1.096v1.044a2.25 2.25 0 0 1-.659 1.591l-5.432 5.432a2.25 2.25 0 0 0-.659 1.591v2.927a2.25 2.25 0 0 1-1.244 2.013L9.75 21v-6.568a2.25 2.25 0 0 0-.659-1.591L3.659 7.409A2.25 2.25 0 0 1 3 5.818V4.774c0-.54.384-1.006.917-1.096A48.32 48.32 0 0 1 12 3Z"
   }))), tableHeaderActions, /*#__PURE__*/_react["default"].createElement("div", {
-    className: " pr-1 cursor-pointer relative table_custom_ctions   "
-  }, (rowViewToggle || isFullScreen) && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "flex gap-2 qbs-row-switch-cntainer"
-  }, rowViewToggle && /*#__PURE__*/_react["default"].createElement("div", {
-    className: "flex gap-2 table_cell_style"
-  }, /*#__PURE__*/_react["default"].createElement(_ToolTip["default"], {
-    tableBodyRef: toolbarRef,
-    title: labels.switchToDefaultView
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    onClick: function onClick() {
-      return setRowViewToggle === null || setRowViewToggle === void 0 ? void 0 : setRowViewToggle(true);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_icons.DefaultView, {
-    className: "" + (defaultRowView ? 'active' : '')
-  }))), /*#__PURE__*/_react["default"].createElement(_ToolTip["default"], {
-    tableBodyRef: toolbarRef,
-    title: labels.switchToRelaxedView
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    onClick: function onClick() {
-      return setRowViewToggle === null || setRowViewToggle === void 0 ? void 0 : setRowViewToggle(false);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_icons.ContentView, {
-    className: "" + (!defaultRowView ? 'active' : '')
-  })))), isFullScreen && /*#__PURE__*/_react["default"].createElement("div", {
-    className: " table_full_width"
-  }, /*#__PURE__*/_react["default"].createElement(_ToolTip["default"], {
-    tableBodyRef: toolbarRef,
-    title: labels.switchToFullScreen
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    onClick: function onClick() {
-      return setTableFullView === null || setTableFullView === void 0 ? void 0 : setTableFullView(!fullWidthView);
-    }
-  }, /*#__PURE__*/_react["default"].createElement(_icons.ExpandIcon, {
-    className: "" + (fullWidthView ? 'active' : '')
-  }))))), enableTableToggle && !isMobile && /*#__PURE__*/_react["default"].createElement("div", {
+    className: " pr-1 cursor-pointer relative  "
+  }, enableTableToggle && !isMobile && /*#__PURE__*/_react["default"].createElement("div", {
     className: "qbs-table-top-icons flex gap-2"
   }, /*#__PURE__*/_react["default"].createElement(_ToolTip["default"], {
     tableBodyRef: toolbarRef,
-    title: labels.switchToTableView
+    title: 'Switch to Table View'
   }, /*#__PURE__*/_react["default"].createElement("div", {
     onClick: function onClick() {
       return setTableViewToggle === null || setTableViewToggle === void 0 ? void 0 : setTableViewToggle(true);
@@ -171,7 +124,7 @@ var ToolBar = function ToolBar(_ref) {
     }
   }, /*#__PURE__*/_react["default"].createElement(_ToolTip["default"], {
     tableBodyRef: toolbarRef,
-    title: labels.switchToCardView
+    title: 'Switch to Card View'
   }, /*#__PURE__*/_react["default"].createElement(_icons.CardView, {
     className: "" + (!tableViewToggle ? 'active' : '')
   }))))))), isMobile && isOpen && /*#__PURE__*/_react["default"].createElement("div", {
@@ -184,27 +137,25 @@ var ToolBar = function ToolBar(_ref) {
     className: "qbs-table-toolbar-sub-container-start"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "selected-row"
-  }, (0, _labels.formatSelectedItems)(labels.selectedItems, (_checkedKeys$length = checkedKeys === null || checkedKeys === void 0 ? void 0 : checkedKeys.length) != null ? _checkedKeys$length : 0)), /*#__PURE__*/_react["default"].createElement("div", {
+  }, "Selected Items(" + (checkedKeys === null || checkedKeys === void 0 ? void 0 : checkedKeys.length) + ") "), /*#__PURE__*/_react["default"].createElement("div", {
     className: "selected-row-action"
   }, /*#__PURE__*/_react["default"].createElement("button", {
     className: "btn",
     onClick: function onClick() {
       return onSelect === null || onSelect === void 0 ? void 0 : onSelect([]);
     }
-  }, labels.clear), selectedRowActions === null || selectedRowActions === void 0 ? void 0 : selectedRowActions.map(function (actions, index) {
+  }, "Clear"), selectedRowActions === null || selectedRowActions === void 0 ? void 0 : selectedRowActions.map(function (actions, index) {
     return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, handleHide(actions) && /*#__PURE__*/_react["default"].createElement("button", {
       key: index.toString(),
-      className: "btn " + (actions === null || actions === void 0 ? void 0 : actions.buttonClassName),
+      className: "btn",
       disabled: actions.disabled,
       onClick: function onClick() {
         return actions === null || actions === void 0 ? void 0 : actions.action(checkedKeys);
       }
-    }, (actions === null || actions === void 0 ? void 0 : actions.icon) && /*#__PURE__*/_react["default"].createElement("span", {
-      className: "mr-2"
-    }, actions === null || actions === void 0 ? void 0 : actions.icon), /*#__PURE__*/_react["default"].createElement("span", null, actions.actionTitle)));
+    }, actions.actionTitle));
   }))) : /*#__PURE__*/_react["default"].createElement("div", null, pagination && paginationProps && dataLength > 0 && /*#__PURE__*/_react["default"].createElement("div", {
     className: "rows-count"
-  }, (0, _tablecalc.getRowDisplayRange)((_paginationProps$tota = paginationProps.total) != null ? _paginationProps$tota : 0, (_paginationProps$rows = paginationProps.rowsPerPage) != null ? _paginationProps$rows : 0, (_paginationProps$curr = paginationProps.currentPage) != null ? _paginationProps$curr : 0, labels.showingRange)))));
+  }, (0, _tablecalc.getRowDisplayRange)((_paginationProps$tota = paginationProps.total) != null ? _paginationProps$tota : 0, (_paginationProps$rows = paginationProps.rowsPerPage) != null ? _paginationProps$rows : 0, (_paginationProps$curr = paginationProps.currentPage) != null ? _paginationProps$curr : 0)))));
 };
 var _default = ToolBar;
 exports["default"] = _default;

package/lib/qbsTable/commontypes.d.ts

@@ -1,6 +1,4 @@
 import React, { ReactElement, ReactNode } from 'react';
-import type { QbsTableLabels } from './labels';
-export type { QbsTableLabels };
 interface Content {
     cell: ReactNode | string;
     toolTip?: string;
@@ -41,7 +39,7 @@ export interface PaginationProps {
 export interface ActionProps {
     title?: string;
     action?: (row: any) => void;
-    icon?: React.ReactNode;
+    icon: React.ReactNode;
     toolTip?: string;
     hidden?: boolean;
     hide?: (data: any, index?: number) => boolean;
@@ -71,7 +69,6 @@ export interface QbsTableProps {
     searchValue?: string;
     handleSearchValue?: (value?: string) => void;
     theme?: string;
-    rtl?: boolean;
     onRowClick?: (data: any) => void;
     cellBordered?: boolean;
     bordered?: boolean;
@@ -85,6 +82,7 @@ export interface QbsTableProps {
     expandedRowKeys?: readonly number[];
     setExpandedRowKeys?: (value: readonly number[]) => void;
     handleMenuActions?: (actions: ActionProps, rowData: any) => void;
+    dropType?: 'vertical' | string;
     handleRowExpanded?: (rowData: any) => React.ReactNode;
     shouldUpdateScroll?: boolean;
     rowExpand?: boolean;
@@ -92,15 +90,12 @@ export interface QbsTableProps {
     advancefilter?: ReactElement | ReactNode;
     tableHeaderActions?: ReactElement | ReactNode;
     searchPlaceholder?: string;
-    labels?: QbsTableLabels;
     selectedRowActions?: {
         actionTitle?: string;
         action: (checked: (number | string)[]) => void;
         disabled?: boolean;
         hidden?: boolean;
         customHide?: string;
-        buttonClassName?: string;
-        icon?: ReactElement | ReactNode;
     }[];
     selectedRows?: (number | string)[];
     classes?: {
@@ -133,20 +128,6 @@ export interface QbsTableProps {
     handleTableCardView?: (data: any) => React.ReactNode;
     isCustomTableCardView?: boolean;
     handleCustomCardLoader?: () => React.ReactNode;
-    hasMoreData?: boolean;
-    loadMoreData?: () => void;
-    infiniteScroll?: boolean;
-    infiniteLoading?: boolean;
-    viewMode?: string;
-    rowViewToggle?: boolean;
-    defaultRowView?: boolean;
-    fullWidthView?: boolean;
-    setTableFullView?: (value: boolean) => void;
-    setRowViewToggle?: (value: boolean) => void;
-    dropType?: 'horizondal' | 'vertical';
-    rowHeight?: number;
-    isFullScreen?: boolean;
-    showHeader?: boolean;
 }
 export interface QbsTableToolbarProps {
     title?: string;
@@ -171,7 +152,6 @@ export interface QbsTableToolbarProps {
     dataLength: number;
     headerHeight?: number;
     searchPlaceholder?: string;
-    labels?: QbsTableLabels;
     tableView?: boolean;
     enableTableToggle?: boolean;
     tableViewToggle?: boolean;
@@ -182,13 +162,6 @@ export interface QbsTableToolbarProps {
         disabled?: boolean;
         hidden?: boolean;
         customHide?: string;
-        buttonClassName?: string;
-        icon?: ReactElement | ReactNode;
     }[];
-    rowViewToggle?: boolean;
-    defaultRowView?: boolean;
-    fullWidthView?: boolean;
-    setTableFullView?: (value: boolean) => void;
-    setRowViewToggle?: (value: boolean) => void;
-    isFullScreen?: boolean;
 }
+export {};

package/lib/qbsTable/utilities/CardComponent.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { QbsColumnProps } from '../commontypes';
-import { type QbsTableLabels } from '../labels';
 type Props = {
     columns: QbsColumnProps[];
     data: any;
@@ -10,7 +9,6 @@ type Props = {
     handleMenuActions?: () => void;
     cardColumLimit?: number;
     childDetailHeading?: string;
-    labels?: QbsTableLabels;
 };
 declare const CardComponent: React.FC<Props>;
 export default CardComponent;

package/lib/qbsTable/utilities/CardComponent.js

@@ -4,7 +4,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _labels = require("../labels");
 var _CardMenuDropdown = _interopRequireDefault(require("./CardMenuDropdown"));
 var _handleFormatCell = require("./handleFormatCell");
 var _icons = require("./icons");
@@ -23,9 +22,7 @@ var CardComponent = function CardComponent(_ref) {
     cardColumLimit = _ref$cardColumLimit === void 0 ? 5 : _ref$cardColumLimit,
     handleMenuActions = _ref.handleMenuActions,
     _ref$childDetailHeadi = _ref.childDetailHeading,
-    childDetailHeading = _ref$childDetailHeadi === void 0 ? '' : _ref$childDetailHeadi,
-    labelsProp = _ref.labels;
-  var labels = (0, _labels.mergeLabels)(labelsProp);
+    childDetailHeading = _ref$childDetailHeadi === void 0 ? '' : _ref$childDetailHeadi;
   var _useState = (0, _react.useState)(false),
     viewMore = _useState[0],
     setViewMore = _useState[1];
@@ -74,11 +71,10 @@ var CardComponent = function CardComponent(_ref) {
     rowData: data,
     iconName: "more",
     rowIndex: index,
-    handleMenuActions: handleMenuActions,
-    labels: labels
+    handleMenuActions: handleMenuActions
   })), columns.length > initialDisplayCount && /*#__PURE__*/_react["default"].createElement(_ToolTip["default"], {
     tableBodyRef: useCardRef,
-    title: viewMore ? labels.viewLess : labels.viewMore,
+    title: viewMore ? ' View Less' : 'View More',
     enabled: false
   }, /*#__PURE__*/_react["default"].createElement("button", {
     onClick: toggleViewMore,

package/lib/qbsTable/utilities/CardMenuDropdown.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { ActionProps } from '../commontypes';
-import { type QbsTableLabels } from '../labels';
 type Props = {
     iconName: string;
     actionDropDown: ActionProps[];
@@ -9,7 +8,6 @@ type Props = {
     dataTheme?: string;
     tableBodyRef: React.RefObject<HTMLDivElement>;
     rowIndex?: number;
-    labels?: QbsTableLabels;
 };
 declare const CardMenuDropdown: React.FC<Props>;
 export default CardMenuDropdown;

package/lib/qbsTable/utilities/CardMenuDropdown.js

@@ -4,7 +4,6 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _labels = require("../labels");
 var _icons = require("./icons");
 var _ToolTip = _interopRequireDefault(require("./ToolTip"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -12,9 +11,7 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 var CardMenuDropdown = function CardMenuDropdown(_ref) {
   var actionDropDown = _ref.actionDropDown,
     handleMenuActions = _ref.handleMenuActions,
-    rowData = _ref.rowData,
-    labelsProp = _ref.labels;
-  var labels = (0, _labels.mergeLabels)(labelsProp);
+    rowData = _ref.rowData;
   var _useState = (0, _react.useState)(false),
     openMenu = _useState[0],
     setOpenMenu = _useState[1];
@@ -41,6 +38,7 @@ var CardMenuDropdown = function CardMenuDropdown(_ref) {
         var dropdownHeight = 200; // Adjust this if your dropdown height varies
         var spaceBelow = window.innerHeight - buttonRect.bottom;
         var spaceAbove = buttonRect.top;
+        console.log(spaceAbove, spaceBelow, dropdownHeight);
         if (spaceBelow < dropdownHeight && spaceAbove > spaceBelow) {
           setMenuPositionStyles({
             bottom: '30px',
@@ -73,8 +71,9 @@ var CardMenuDropdown = function CardMenuDropdown(_ref) {
     onClick: toggleMenu,
     ref: menuButtonRef
   }, /*#__PURE__*/_react["default"].createElement(_ToolTip["default"], {
-    title: labels.actions,
-    enabled: false
+    title: "Actions",
+    enabled: false,
+    ref: menuButtonRef
   }, /*#__PURE__*/_react["default"].createElement(_icons.ThreeDotIcon, null))), openMenu && /*#__PURE__*/_react["default"].createElement("div", {
     className: " qbs-card-dropdown rounded absolute right-0 mt-2 w-auto min-w-11 z-10 shadow-modalShadow bg-white dark:bg-[#424242] dark:text-white",
     style: menuPositionStyles

package/lib/qbsTable/utilities/ColumShowHide.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { QbsColumnProps } from '../commontypes';
-import { type QbsTableLabels } from '../labels';
 interface ColumnToggleProps {
     columns: QbsColumnProps[];
     onToggle: (columnName: string) => void;
@@ -10,9 +9,6 @@ interface ColumnToggleProps {
     handleColumnToggle?: (columns: QbsColumnProps[]) => void;
     handleResetColumns?: () => void;
     tableHeight?: number;
-    viewMode?: string;
-    setViewMode?: (value: string) => void;
-    labels?: QbsTableLabels;
 }
 declare const ColumnToggle: React.FC<ColumnToggleProps>;
 export default ColumnToggle;

package/lib/qbsTable/utilities/ColumShowHide.js

@@ -3,7 +3,6 @@
 exports.__esModule = true;
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _labels = require("../labels");
 var _icons = require("./icons");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -16,9 +15,7 @@ var ColumnToggle = function ColumnToggle(_ref) {
     handleResetColumns = _ref.handleResetColumns,
     handleColumnToggle = _ref.handleColumnToggle,
     _ref$tableHeight = _ref.tableHeight,
-    tableHeight = _ref$tableHeight === void 0 ? 450 : _ref$tableHeight,
-    labelsProp = _ref.labels;
-  var labels = (0, _labels.mergeLabels)(labelsProp);
+    tableHeight = _ref$tableHeight === void 0 ? 450 : _ref$tableHeight;
   var _useState = (0, _react.useState)(null),
     draggedItem = _useState[0],
     setDraggedItem = _useState[1];
@@ -173,7 +170,7 @@ var ColumnToggle = function ColumnToggle(_ref) {
     className: "qbs-table-popup-item"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "qbs-table-popup-label"
-  }, labels.fixedColumns), /*#__PURE__*/_react["default"].createElement("div", {
+  }, "FIXED COLUMNS"), /*#__PURE__*/_react["default"].createElement("div", {
     className: "qbs-table-columns-container"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "qbs-table-column"
@@ -185,7 +182,7 @@ var ColumnToggle = function ColumnToggle(_ref) {
     className: "qbs-table-popup-item"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "qbs-table-popup-label"
-  }, labels.visibleColumns), /*#__PURE__*/_react["default"].createElement("div", {
+  }, "VISIBLE COLUMNS"), /*#__PURE__*/_react["default"].createElement("div", {
     className: "qbs-table-columns-container"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "qbs-table-column"
@@ -197,7 +194,7 @@ var ColumnToggle = function ColumnToggle(_ref) {
     className: "qbs-table-popup-item"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "qbs-table-popup-label"
-  }, labels.availableColumns), /*#__PURE__*/_react["default"].createElement("div", {
+  }, "AVAILABLE COLUMNS"), /*#__PURE__*/_react["default"].createElement("div", {
     className: "qbs-table-columns-container"
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: "qbs-table-column"
@@ -218,13 +215,13 @@ var ColumnToggle = function ColumnToggle(_ref) {
     onClick: function onClick() {
       return handleResetColumns === null || handleResetColumns === void 0 ? void 0 : handleResetColumns();
     }
-  }, labels.resetToDefault), /*#__PURE__*/_react["default"].createElement("a", {
+  }, "Reset to default"), /*#__PURE__*/_react["default"].createElement("a", {
     className: "qbs-table-reset-link",
     href: "#",
     onClick: function onClick() {
       return handleColToggle();
     }
-  }, labels.save))))));
+  }, "Save"))))));
 };
 var _default = ColumnToggle;
 exports["default"] = _default;

package/lib/qbsTable/utilities/SearchInput.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 export interface SearchProps {
     placeholder: string;
-    searchAriaLabel?: string;
     handleChange: (value: string) => void;
     searchValue: string | undefined;
     handleSearch: (value?: string) => void;

package/lib/qbsTable/utilities/SearchInput.js

@@ -7,8 +7,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 var SearchInput = function SearchInput(_ref) {
   var placeholder = _ref.placeholder,
-    _ref$searchAriaLabel = _ref.searchAriaLabel,
-    searchAriaLabel = _ref$searchAriaLabel === void 0 ? 'Search' : _ref$searchAriaLabel,
     handleChange = _ref.handleChange,
     searchValue = _ref.searchValue,
     handleSearch = _ref.handleSearch;
@@ -32,7 +30,7 @@ var SearchInput = function SearchInput(_ref) {
     placeholder: placeholder,
     value: searchValue != null ? searchValue : '',
     onChange: handleInputChange,
-    "aria-label": searchAriaLabel
+    "aria-label": "Search"
   }), /*#__PURE__*/_react["default"].createElement("button", {
     className: "search-button absolute left-1 bottom-1.5 bg-white text-grey-dark",
     onClick: function onClick() {

package/lib/qbsTable/utilities/ToolTip.d.ts

@@ -1,10 +1,3 @@
 import React from 'react';
-type TooltipComponentProps = {
-    title?: React.ReactNode;
-    children: React.ReactNode;
-    tableBodyRef?: React.RefObject<HTMLDivElement | null>;
-    /** When false, renders children only (no tooltip). */
-    enabled?: boolean;
-};
-declare const TooltipComponent: React.FC<TooltipComponentProps>;
+declare const TooltipComponent: React.FC<any>;
 export default TooltipComponent;

package/lib/qbsTable/utilities/ToolTip.js

@@ -1,125 +1,48 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var VIEWPORT_PADDING = 8;
-var TOOLTIP_GAP = 8;
 var TooltipComponent = function TooltipComponent(_ref) {
   var title = _ref.title,
     children = _ref.children,
-    tableBodyRef = _ref.tableBodyRef,
-    _ref$enabled = _ref.enabled,
-    enabled = _ref$enabled === void 0 ? true : _ref$enabled;
-  var _useState = (0, _react.useState)(false),
-    visible = _useState[0],
-    setVisible = _useState[1];
-  var _useState2 = (0, _react.useState)(false),
-    positioned = _useState2[0],
-    setPositioned = _useState2[1];
-  var _useState3 = (0, _react.useState)('down'),
-    placement = _useState3[0],
-    setPlacement = _useState3[1];
-  var _useState4 = (0, _react.useState)({
-      top: 0,
-      left: 0
-    }),
-    coords = _useState4[0],
-    setCoords = _useState4[1];
-  var _useState5 = (0, _react.useState)(0),
-    arrowOffset = _useState5[0],
-    setArrowOffset = _useState5[1];
-  var triggerRef = (0, _react.useRef)(null);
-  var tooltipRef = (0, _react.useRef)(null);
-  var updatePosition = (0, _react.useCallback)(function () {
-    var _tableBodyRef$current, _tableBodyRef$current2, _trigger$closest;
-    var trigger = triggerRef.current;
-    var tooltip = tooltipRef.current;
-    if (!trigger || !tooltip) {
-      return;
+    tableBodyRef = _ref.tableBodyRef;
+  var _useState = (0, _react.useState)('bottom-position'),
+    dropdownPosition = _useState[0],
+    setDropdownPosition = _useState[1];
+  var dropRef = (0, _react.useRef)(null);
+  var menuButtonRef = (0, _react.useRef)(null);
+  var adjustDropdownPosition = function adjustDropdownPosition() {
+    if (menuButtonRef.current && tableBodyRef !== null && tableBodyRef !== void 0 && tableBodyRef.current) {
+      var _menuButtonRef$curren;
+      var inputBoxRect = (_menuButtonRef$curren = menuButtonRef.current) === null || _menuButtonRef$curren === void 0 ? void 0 : _menuButtonRef$curren.getBoundingClientRect();
+      var tableRect = tableBodyRef.current.getBoundingClientRect();
+      // Calculate positions relative to the table
+      var spaceAbove = inputBoxRect.top - tableRect.top;
+      var spaceBelow = tableRect.bottom - inputBoxRect.bottom;
+      if (spaceAbove > spaceBelow) {
+        setDropdownPosition('top-position');
+      } else {
+        setDropdownPosition('bottom-position');
+      }
     }
-    var triggerRect = trigger.getBoundingClientRect();
-    var tooltipRect = tooltip.getBoundingClientRect();
-    var boundaryRect = (_tableBodyRef$current = tableBodyRef === null || tableBodyRef === void 0 ? void 0 : (_tableBodyRef$current2 = tableBodyRef.current) === null || _tableBodyRef$current2 === void 0 ? void 0 : _tableBodyRef$current2.getBoundingClientRect()) != null ? _tableBodyRef$current : (_trigger$closest = trigger.closest('.qbs-table')) === null || _trigger$closest === void 0 ? void 0 : _trigger$closest.getBoundingClientRect();
-    var spaceAbove = boundaryRect ? triggerRect.top - boundaryRect.top : triggerRect.top;
-    var spaceBelow = boundaryRect ? boundaryRect.bottom - triggerRect.bottom : window.innerHeight - triggerRect.bottom;
-    var nextPlacement = spaceBelow >= tooltipRect.height + TOOLTIP_GAP || spaceBelow >= spaceAbove ? 'down' : 'up';
-    var triggerCenter = triggerRect.left + triggerRect.width / 2;
-    var left = triggerCenter - tooltipRect.width / 2;
-    if (left < VIEWPORT_PADDING) {
-      left = VIEWPORT_PADDING;
-    } else if (left + tooltipRect.width > window.innerWidth - VIEWPORT_PADDING) {
-      left = window.innerWidth - VIEWPORT_PADDING - tooltipRect.width;
-    }
-    var top = nextPlacement === 'down' ? triggerRect.bottom + TOOLTIP_GAP : triggerRect.top - tooltipRect.height - TOOLTIP_GAP;
-    setPlacement(nextPlacement);
-    setCoords({
-      top: top,
-      left: left
-    });
-    setArrowOffset(triggerCenter - left);
-    setPositioned(true);
-  }, [tableBodyRef]);
-  var showTooltip = function showTooltip() {
-    setPositioned(false);
-    setVisible(true);
-  };
-  var hideTooltip = function hideTooltip() {
-    setVisible(false);
-    setPositioned(false);
   };
-  (0, _react.useLayoutEffect)(function () {
-    if (!visible) {
-      return;
-    }
-    updatePosition();
-    var frame = window.requestAnimationFrame(updatePosition);
-    return function () {
-      return window.cancelAnimationFrame(frame);
-    };
-  }, [visible, title, updatePosition]);
-  (0, _react.useEffect)(function () {
-    if (!visible) {
-      return;
-    }
-    var handleReposition = function handleReposition() {
-      return updatePosition();
-    };
-    window.addEventListener('resize', handleReposition);
-    window.addEventListener('scroll', handleReposition, true);
-    return function () {
-      window.removeEventListener('resize', handleReposition);
-      window.removeEventListener('scroll', handleReposition, true);
-    };
-  }, [visible, updatePosition]);
-  if (!title || enabled === false) {
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, children);
-  }
-  var portalRoot = typeof document !== 'undefined' ? document.body : null;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("span", {
-    ref: triggerRef,
-    className: "qbs-table-tooltip-trigger",
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "qbs-table-tooltip " + (dropdownPosition == 'bottom-position' ? 'down' : 'up') + " "
+  }, /*#__PURE__*/_react["default"].createElement("span", {
+    ref: menuButtonRef,
     style: {
-      display: 'inline-flex'
+      display: 'flex'
     },
-    onMouseEnter: showTooltip,
-    onMouseLeave: hideTooltip,
-    onFocus: showTooltip,
-    onBlur: hideTooltip
-  }, children), visible && portalRoot && /*#__PURE__*/_reactDom["default"].createPortal(/*#__PURE__*/_react["default"].createElement("span", {
-    ref: tooltipRef,
-    role: "tooltip",
-    className: "qbs-table-tooltip-floating tooltiptext qbs-table-tooltip-floating--" + placement + " " + (positioned ? 'is-positioned' : ''),
-    style: {
-      top: coords.top,
-      left: coords.left,
-      '--tooltip-arrow-offset': arrowOffset + "px"
+    onMouseEnter: function onMouseEnter() {
+      return adjustDropdownPosition();
     }
-  }, title), portalRoot));
+  }, children), /*#__PURE__*/_react["default"].createElement("span", {
+    ref: dropRef,
+    className: 'tooltiptext'
+  }, title));
 };
 var _default = TooltipComponent;
 exports["default"] = _default;

package/lib/qbsTable/utilities/VerticalDropDownMenu.d.ts

@@ -1,13 +1,11 @@
 import React from 'react';
-import { ActionProps } from '../commontypes';
-type Props = {
-    actionDropDown: ActionProps[];
-    handleMenuActions?: (slug: ActionProps, rowData?: any) => void;
-    rowData?: any;
-    dataTheme?: string;
-    tableBodyRef: React.RefObject<HTMLDivElement | null>;
+import type { ActionProps } from '../commontypes';
+type VerticalMenuDropdownProps = {
+    actionDropDown?: readonly ActionProps[];
+    handleMenuActions?: (actions: ActionProps, rowData: any) => void;
+    rowData: any;
+    tableBodyRef?: React.RefObject<HTMLDivElement>;
     rowIndex?: number;
-    wheelWrapperRef?: React.RefObject<HTMLDivElement>;
 };
-declare const VerticalMenuDropdown: React.FC<Props>;
+declare const VerticalMenuDropdown: React.FC<VerticalMenuDropdownProps>;
 export default VerticalMenuDropdown;