@vitality-ds/components 5.7.0 → 6.0.0-alpha.3

package/dist/esm/Table/components/Cells/SortableHeader/components/SortableIcon/index.js

@@ -1,9 +1,12 @@
 import { ChevronsUpDown } from "lucide-react";
 import React from "react";
 import { BaseSortableIconContainer } from "./styled";
+import { jsx as _jsx } from "react/jsx-runtime";
 function SortableIcon() {
-  return /*#__PURE__*/React.createElement(BaseSortableIconContainer, null, /*#__PURE__*/React.createElement(ChevronsUpDown, {
-    color: "currentColor"
-  }));
+  return /*#__PURE__*/_jsx(BaseSortableIconContainer, {
+    children: /*#__PURE__*/_jsx(ChevronsUpDown, {
+      color: "currentColor"
+    })
+  });
 }
 export default SortableIcon;

package/dist/esm/Table/components/Cells/SortableHeader/components/SortedIcon/index.js

@@ -1,13 +1,15 @@
 import { ArrowUp } from "lucide-react";
 import React from "react";
 import { BaseSortedIconContainer } from "./styled";
+import { jsx as _jsx } from "react/jsx-runtime";
 function SortedIcon(_ref) {
   var sortBy = _ref.sortBy;
-  return /*#__PURE__*/React.createElement(BaseSortedIconContainer, {
-    sortBy: sortBy
-  }, /*#__PURE__*/React.createElement(ArrowUp, {
-    color: "currentColor",
-    size: "1rem"
-  }));
+  return /*#__PURE__*/_jsx(BaseSortedIconContainer, {
+    sortBy: sortBy,
+    children: /*#__PURE__*/_jsx(ArrowUp, {
+      color: "currentColor",
+      size: "1rem"
+    })
+  });
 }
 export default SortedIcon;

package/dist/esm/Table/components/Cells/StatusBadge/index.js

@@ -1,7 +1,9 @@
+import _extends from "@babel/runtime/helpers/extends";
 import React from "react";
 import StatusBadge from "../../../../StatusBadge/StatusBadge";
+import { jsx as _jsx } from "react/jsx-runtime";
 function StatusBadgeCell(props) {
-  return /*#__PURE__*/React.createElement(StatusBadge, props);
+  return /*#__PURE__*/_jsx(StatusBadge, _extends({}, props));
 }
 StatusBadgeCell.displayName = "StatusBadgeCell";
 export default StatusBadgeCell;

package/dist/esm/Table/components/Cells/Switch/index.js

@@ -2,9 +2,10 @@ import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructurin
 import _extends from "@babel/runtime/helpers/extends";
 import React from "react";
 import Switch from "../../../../Switch";
+import { jsx as _jsx } from "react/jsx-runtime";
 function SwitchCell(_ref) {
   var restProps = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React.createElement(Switch, restProps);
+  return /*#__PURE__*/_jsx(Switch, _extends({}, restProps));
 }
 SwitchCell.displayName = "SwitchCell";
 export default SwitchCell;

package/dist/esm/Table/components/Cells/Text/index.js

@@ -4,13 +4,16 @@ var _excluded = ["variant"];
 import React from "react";
 import Typography from "../../../../Typography";
 import { BaseTextCell } from "./styled";
+import { jsx as _jsx } from "react/jsx-runtime";
 function TextCell(_ref) {
   var variant = _ref.variant,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement(BaseTextCell, null, /*#__PURE__*/React.createElement(Typography, _extends({
-    variant: "inherit",
-    htmlTag: "div"
-  }, props)));
+  return /*#__PURE__*/_jsx(BaseTextCell, {
+    children: /*#__PURE__*/_jsx(Typography, _extends({
+      variant: "inherit",
+      htmlTag: "div"
+    }, props))
+  });
 }
 TextCell.displayName = "TextCell";
 export default TextCell;

package/dist/esm/Table/components/Cells/TextInput/index.js

@@ -2,8 +2,9 @@ import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructurin
 import _extends from "@babel/runtime/helpers/extends";
 import React from "react";
 import TextInput from "../../../../Input/TextInput/index";
+import { jsx as _jsx } from "react/jsx-runtime";
 function TextInputCell(_ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React.createElement(TextInput, props);
+  return /*#__PURE__*/_jsx(TextInput, _extends({}, props));
 }
 export default TextInputCell;

package/dist/esm/Table/components/Cells/TimePicker/index.js

@@ -2,9 +2,10 @@ import _objectDestructuringEmpty from "@babel/runtime/helpers/objectDestructurin
 import _extends from "@babel/runtime/helpers/extends";
 import React from "react";
 import TimePicker from "../../../../Input/TimePicker";
+import { jsx as _jsx } from "react/jsx-runtime";
 function TimePickerCell(_ref) {
   var props = _extends({}, (_objectDestructuringEmpty(_ref), _ref));
-  return /*#__PURE__*/React.createElement(TimePicker, _extends({}, props, {
+  return /*#__PURE__*/_jsx(TimePicker, _extends({}, props, {
     ref: null
   }));
 }

package/dist/esm/Table/components/HeaderRow/constants.js

@@ -1,11 +1,12 @@
 import React from "react";
 import { SortableIcon, SortedIcon } from "../Cells/SortableHeader";
+import { jsx as _jsx } from "react/jsx-runtime";
 export default {
-  iconDefault: /*#__PURE__*/React.createElement(SortableIcon, null),
-  iconUp: /*#__PURE__*/React.createElement(SortedIcon, {
+  iconDefault: /*#__PURE__*/_jsx(SortableIcon, {}),
+  iconUp: /*#__PURE__*/_jsx(SortedIcon, {
     sortBy: "ascending"
   }),
-  iconDown: /*#__PURE__*/React.createElement(SortedIcon, {
+  iconDown: /*#__PURE__*/_jsx(SortedIcon, {
     sortBy: "descending"
   })
 };

package/dist/esm/Table/components/HeaderRow/index.js

@@ -7,6 +7,7 @@ import { resizerTheme } from "../../styles/BaseTable.styles";
 import HeaderCell from "../Cells/Header";
 import { SortableHeaderCell } from "../Cells/SortableHeader";
 import { toggle } from "./logic";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function HeaderRow(_ref) {
   var columns = _ref.columns,
     tableStatus = _ref.tableStatus,
@@ -15,35 +16,39 @@ function HeaderRow(_ref) {
   var _useContext = useContext(SelectContext),
     selectLogic = _useContext.selectLogic,
     selectableRows = _useContext.selectableRows;
-  return /*#__PURE__*/React.createElement(ComposedHeaderRow, null, selectableRows && /*#__PURE__*/React.createElement(ComposedHeaderCell, null, /*#__PURE__*/React.createElement(BaseCheckbox, {
-    disabled: Boolean(tableStatus),
-    checked: getHeaderCheckboxState(selectLogic),
-    onCheckedChange: function onCheckedChange() {
-      return toggle(selectLogic, tablePagination, data);
-    }
-  })), columns.map(function (_ref2) {
-    var label = _ref2.label,
-      resize = _ref2.resize,
-      minWidth = _ref2.minWidth,
-      cellType = _ref2.cellType,
-      colId = _ref2.colId,
-      sortable = _ref2.sortable;
-    return sortable ? /*#__PURE__*/React.createElement(SortableHeaderCell, {
-      key: colId.toUpperCase(),
-      sortKey: colId.toUpperCase(),
-      resize: resize && resizerTheme(minWidth),
-      select: selectableRows ? selectLogic : null
-    }, /*#__PURE__*/React.createElement(HeaderCell, {
-      cellType: cellType,
-      label: label
-    })) : /*#__PURE__*/React.createElement(ComposedHeaderCell, {
-      key: colId.toUpperCase(),
-      resize: resize && resizerTheme(minWidth),
-      select: selectableRows ? selectLogic : null
-    }, /*#__PURE__*/React.createElement(HeaderCell, {
-      cellType: cellType,
-      label: label
-    }));
-  }));
+  return /*#__PURE__*/_jsxs(ComposedHeaderRow, {
+    children: [selectableRows && /*#__PURE__*/_jsx(ComposedHeaderCell, {
+      children: /*#__PURE__*/_jsx(BaseCheckbox, {
+        disabled: Boolean(tableStatus),
+        checked: getHeaderCheckboxState(selectLogic),
+        onCheckedChange: function onCheckedChange() {
+          return toggle(selectLogic, tablePagination, data);
+        }
+      })
+    }), columns.map(function (_ref2) {
+      var label = _ref2.label,
+        resize = _ref2.resize,
+        minWidth = _ref2.minWidth,
+        cellType = _ref2.cellType,
+        colId = _ref2.colId,
+        sortable = _ref2.sortable;
+      return sortable ? /*#__PURE__*/_jsx(SortableHeaderCell, {
+        sortKey: colId.toUpperCase(),
+        resize: resize && resizerTheme(minWidth),
+        select: selectableRows ? selectLogic : null,
+        children: /*#__PURE__*/_jsx(HeaderCell, {
+          cellType: cellType,
+          label: label
+        })
+      }, colId.toUpperCase()) : /*#__PURE__*/_jsx(ComposedHeaderCell, {
+        resize: resize && resizerTheme(minWidth),
+        select: selectableRows ? selectLogic : null,
+        children: /*#__PURE__*/_jsx(HeaderCell, {
+          cellType: cellType,
+          label: label
+        })
+      }, colId.toUpperCase());
+    })]
+  });
 }
 export default HeaderRow;

package/dist/esm/Table/components/MemoizedCell/index.js

@@ -1,7 +1,9 @@
+import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["as"];
 import React, { memo, useMemo } from "react";
 import getCellType from "./logic";
+import { jsx as _jsx } from "react/jsx-runtime";
 function Cell(_ref) {
   var cellType = _ref.cellType,
     restProps = _ref.restProps,
@@ -12,7 +14,7 @@ function Cell(_ref) {
   }, [cellType, restProps, item, emptyPlaceholderText]);
   var Component = cellProps.as,
     rest = _objectWithoutProperties(cellProps, _excluded);
-  return /*#__PURE__*/React.createElement(Component, rest);
+  return /*#__PURE__*/_jsx(Component, _extends({}, rest));
 }
 var MemoizedCell = /*#__PURE__*/memo(Cell);
 MemoizedCell.displayName = "MemoizedCell";

package/dist/esm/Table/components/Pagination/index.js

@@ -5,6 +5,7 @@ import { Select } from "../../../Input/Select";
 import Typography from "../../../Typography";
 import { convertStringToNum, rowsPerPageSelectOptions } from "./logic";
 import { BasePagination, PaginationWrapper } from "./styled";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function Pagination(_ref) {
   var rowsPerPageOptions = _ref.rowsPerPageOptions,
     pagination = _ref.pagination,
@@ -29,40 +30,46 @@ function Pagination(_ref) {
     value: size.toString(),
     label: size.toString()
   };
-  return /*#__PURE__*/React.createElement(BasePagination, null, /*#__PURE__*/React.createElement(PaginationWrapper, null, /*#__PURE__*/React.createElement(Typography, {
-    color: "inherit",
-    variant: "inherit"
-  }, "Rows / page"), /*#__PURE__*/React.createElement(Select, {
-    name: "rowsPerPage-select-".concat(Object.keys(nodes[0])),
-    id: "rowsPerPage-select-".concat(Object.keys(nodes[0])),
-    options: selectOptions,
-    value: defaultSelectValue,
-    onChange: function onChange(_ref2) {
-      var value = _ref2.value;
-      return onSetSize(convertStringToNum(value));
-    },
-    disabled: !totalPages || totalRows < rowsPerPageOptions[0],
-    placeholder: "...",
-    isSearchable: false,
-    portalMenu: true
-  }), /*#__PURE__*/React.createElement(Typography, {
-    color: "inherit",
-    variant: "inherit"
-  }, "".concat(start, " - ").concat(end, " of ").concat(totalRows)), /*#__PURE__*/React.createElement(IconButton, {
-    tooltipContent: "Previous page",
-    icon: /*#__PURE__*/React.createElement(ChevronLeft, null),
-    disabled: page === 0,
-    onClick: function onClick() {
-      return onSetPage(page - 1);
-    }
-  }), /*#__PURE__*/React.createElement(IconButton, {
-    tooltipContent: "Next page",
-    icon: /*#__PURE__*/React.createElement(ChevronRight, null),
-    disabled: disableNavigateNext,
-    onClick: function onClick() {
-      return onSetPage(page + 1);
-    }
-  })));
+  return /*#__PURE__*/_jsx(BasePagination, {
+    children: /*#__PURE__*/_jsxs(PaginationWrapper, {
+      children: [/*#__PURE__*/_jsx(Typography, {
+        color: "inherit",
+        variant: "inherit",
+        children: "Rows / page"
+      }), /*#__PURE__*/_jsx(Select, {
+        name: "rowsPerPage-select-".concat(Object.keys(nodes[0])),
+        id: "rowsPerPage-select-".concat(Object.keys(nodes[0])),
+        options: selectOptions,
+        value: defaultSelectValue,
+        onChange: function onChange(_ref2) {
+          var value = _ref2.value;
+          return onSetSize(convertStringToNum(value));
+        },
+        disabled: !totalPages || totalRows < rowsPerPageOptions[0],
+        placeholder: "...",
+        isSearchable: false,
+        portalMenu: true
+      }), /*#__PURE__*/_jsx(Typography, {
+        color: "inherit",
+        variant: "inherit",
+        children: "".concat(start, " - ").concat(end, " of ").concat(totalRows)
+      }), /*#__PURE__*/_jsx(IconButton, {
+        tooltipContent: "Previous page",
+        icon: /*#__PURE__*/_jsx(ChevronLeft, {}),
+        disabled: page === 0,
+        onClick: function onClick() {
+          return onSetPage(page - 1);
+        }
+      }), /*#__PURE__*/_jsx(IconButton, {
+        tooltipContent: "Next page",
+        icon: /*#__PURE__*/_jsx(ChevronRight, {}),
+        disabled: disableNavigateNext,
+        onClick: function onClick() {
+          return onSetPage(page + 1);
+        }
+      })]
+    })
+  });
 }
 Pagination.displayName = "Pagination";
 export default Pagination;

package/dist/esm/Table/components/Row/index.js

@@ -3,6 +3,7 @@ import React, { useContext } from "react";
 import { EMPTY_OBJ } from "../../../helpers/logic/empties";
 import BaseCheckbox from "../../../Input/Checkbox/components/BaseCheckbox";
 import { SelectContext } from "../../contexts/SelectContext";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 function Row(_ref) {
   var row = _ref.row,
     onRowClick = _ref.onRowClick,
@@ -15,22 +16,24 @@ function Row(_ref) {
     state = _ref2.state;
   var _ref3 = state || EMPTY_OBJ,
     ids = _ref3.ids;
-  return /*#__PURE__*/React.createElement(ComposedRow, {
+  return /*#__PURE__*/_jsxs(ComposedRow, {
     item: row,
-    key: row.id,
-    onClick: onRowClick
-  }, selectableRows && /*#__PURE__*/React.createElement(Cell, null, /*#__PURE__*/React.createElement(BaseCheckbox, {
-    disabled: false,
-    checked: ids.includes(row.id),
-    onCheckedChange: function onCheckedChange() {
-      return fns.onToggleById(row.id);
-    }
-  })), cells === null || cells === void 0 ? void 0 : cells.map(function (_ref4) {
-    var renderCell = _ref4.renderCell,
-      key = _ref4.key;
-    return /*#__PURE__*/React.createElement(Cell, {
-      key: key
-    }, renderCell(row));
-  }));
+    onClick: onRowClick,
+    children: [selectableRows && /*#__PURE__*/_jsx(Cell, {
+      children: /*#__PURE__*/_jsx(BaseCheckbox, {
+        disabled: false,
+        checked: ids.includes(row.id),
+        onCheckedChange: function onCheckedChange() {
+          return fns.onToggleById(row.id);
+        }
+      })
+    }), cells === null || cells === void 0 ? void 0 : cells.map(function (_ref4) {
+      var renderCell = _ref4.renderCell,
+        key = _ref4.key;
+      return /*#__PURE__*/_jsx(Cell, {
+        children: renderCell(row)
+      }, key);
+    })]
+  }, row.id);
 }
 export default Row;

package/dist/esm/Table/components/States/Empty/index.js

@@ -1,10 +1,12 @@
 import React from "react";
 import Typography from "../../../../Typography";
 import { DEFAULT_EMPTY_MESSAGE } from "./constants";
+import { jsx as _jsx } from "react/jsx-runtime";
 // eslint-disable-next-line import/prefer-default-export
 export function Empty(_ref) {
   var emptyMessage = _ref.emptyMessage;
-  return /*#__PURE__*/React.createElement(Typography, {
-    color: "lowContrast"
-  }, emptyMessage || DEFAULT_EMPTY_MESSAGE);
+  return /*#__PURE__*/_jsx(Typography, {
+    color: "lowContrast",
+    children: emptyMessage || DEFAULT_EMPTY_MESSAGE
+  });
 }

package/dist/esm/Table/components/States/Error/index.js

@@ -4,6 +4,7 @@ import Button from "../../../../Button";
 import { EMPTY_OBJ } from "../../../../helpers/logic/empties";
 import Stack from "../../../../Stack";
 import Typography from "../../../../Typography";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var defaultErrorString = "An error has occurred whilst loading this data.";
 
 // eslint-disable-next-line import/prefer-default-export
@@ -16,20 +17,24 @@ export function ErrorState(_ref) {
     onClick = _ref2.onClick,
     label = _ref2.label,
     isLoading = _ref2.isLoading;
-  return /*#__PURE__*/React.createElement(Stack, {
+  return /*#__PURE__*/_jsxs(Stack, {
     align: "center",
-    direction: size === "compact" ? "horizontal" : "vertical"
-  }, /*#__PURE__*/React.createElement(Stack, {
-    direction: "horizontal",
-    align: "center"
-  }, /*#__PURE__*/React.createElement(CircleAlert, {
-    color: "var(--vitality-colors-critical11)"
-  }), /*#__PURE__*/React.createElement(Typography, {
-    color: "critical"
-  }, errorMessage)), errorButtonProps && onClick && /*#__PURE__*/React.createElement(Button, {
-    onClick: onClick,
-    appearance: "primary",
-    size: "compact",
-    isLoading: isLoading
-  }, label || "Try again"));
+    direction: size === "compact" ? "horizontal" : "vertical",
+    children: [/*#__PURE__*/_jsxs(Stack, {
+      direction: "horizontal",
+      align: "center",
+      children: [/*#__PURE__*/_jsx(CircleAlert, {
+        color: "var(--vitality-colors-critical11)"
+      }), /*#__PURE__*/_jsx(Typography, {
+        color: "critical",
+        children: errorMessage
+      })]
+    }), errorButtonProps && onClick && /*#__PURE__*/_jsx(Button, {
+      onClick: onClick,
+      appearance: "primary",
+      size: "compact",
+      isLoading: isLoading,
+      children: label || "Try again"
+    })]
+  });
 }

package/dist/esm/Table/components/States/Loading/index.js

@@ -2,8 +2,9 @@ import React from "react";
 import Spinner from "../../../../Spinner";
 
 // eslint-disable-next-line import/prefer-default-export
+import { jsx as _jsx } from "react/jsx-runtime";
 export function LoadingState() {
-  return /*#__PURE__*/React.createElement(Spinner, {
+  return /*#__PURE__*/_jsx(Spinner, {
     size: "sm"
   });
 }

package/dist/esm/Table/components/States/TableStatus/index.js

@@ -3,22 +3,23 @@ import { Empty as EmptyState } from "../Empty";
 import { ErrorState } from "../Error";
 import { LoadingState } from "../Loading";
 import { BaseTableStatusContainer } from "./styled";
+import { jsx as _jsx } from "react/jsx-runtime";
 function getStatusComponent(size, status, errorMessage, errorButtonProps, emptyMessage) {
   switch (status) {
     case "error":
-      return /*#__PURE__*/React.createElement(ErrorState, {
+      return /*#__PURE__*/_jsx(ErrorState, {
         size: size,
         errorMessage: errorMessage,
         errorButtonProps: errorButtonProps
       });
     case "loading":
-      return /*#__PURE__*/React.createElement(LoadingState, null);
+      return /*#__PURE__*/_jsx(LoadingState, {});
     case "empty":
-      return /*#__PURE__*/React.createElement(EmptyState, {
+      return /*#__PURE__*/_jsx(EmptyState, {
         emptyMessage: emptyMessage
       });
     default:
-      return /*#__PURE__*/React.createElement(ErrorState, {
+      return /*#__PURE__*/_jsx(ErrorState, {
         size: size,
         errorMessage: "An error has occurred. The status of the table is invalid",
         errorButtonProps: {
@@ -36,7 +37,8 @@ export function TableStatus(_ref) {
     errorButtonProps = _ref.errorButtonProps,
     errorMessage = _ref.errorMessage,
     emptyMessage = _ref.emptyMessage;
-  return /*#__PURE__*/React.createElement(BaseTableStatusContainer, {
-    size: size
-  }, getStatusComponent(size, status, errorMessage, errorButtonProps, emptyMessage));
+  return /*#__PURE__*/_jsx(BaseTableStatusContainer, {
+    size: size,
+    children: getStatusComponent(size, status, errorMessage, errorButtonProps, emptyMessage)
+  });
 }

package/dist/esm/Table/components/Toolbar/index.js

@@ -6,6 +6,7 @@ import { SelectContext } from "../../contexts/SelectContext";
 import BatchActions from "../BatchActions";
 import useToolbar from "./hooks/useToolbar";
 import { BaseToolbar, LeftActionsContainer, LeftSideContainer, RightActionsContainer, TitleContainer } from "./styled";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 function Toolbar(_ref) {
   var title = _ref.title,
     _ref$titleVariant = _ref.titleVariant,
@@ -28,14 +29,26 @@ function Toolbar(_ref) {
 
   // If no toolbar contents are passed, the batch actions should "float" when presented, as it will not have any visible space to inhabit
   var shouldFloat = !title && !leftContent && !rightActions.length;
-  return /*#__PURE__*/React.createElement(BaseToolbar, {
+  return /*#__PURE__*/_jsx(BaseToolbar, {
     floating: shouldFloat,
-    "data-animate": shouldFloat && isSelectableAndSelected
-  }, isSelectableAndSelected ? /*#__PURE__*/React.createElement(BatchActions, _extends({
-    floating: shouldFloat,
-    totalNumOfTableRows: totalNumOfTableRows
-  }, batchActions)) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(LeftSideContainer, null, title && /*#__PURE__*/React.createElement(TitleContainer, null, /*#__PURE__*/React.createElement(Typography, {
-    variant: titleVariant
-  }, title)), leftContent && /*#__PURE__*/React.createElement(LeftActionsContainer, null, leftContent)), rightActions.length > 0 && /*#__PURE__*/React.createElement(RightActionsContainer, null, ActionsComponents)));
+    "data-animate": shouldFloat && isSelectableAndSelected,
+    children: isSelectableAndSelected ? /*#__PURE__*/_jsx(BatchActions, _extends({
+      floating: shouldFloat,
+      totalNumOfTableRows: totalNumOfTableRows
+    }, batchActions)) : /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(LeftSideContainer, {
+        children: [title && /*#__PURE__*/_jsx(TitleContainer, {
+          children: /*#__PURE__*/_jsx(Typography, {
+            variant: titleVariant,
+            children: title
+          })
+        }), leftContent && /*#__PURE__*/_jsx(LeftActionsContainer, {
+          children: leftContent
+        })]
+      }), rightActions.length > 0 && /*#__PURE__*/_jsx(RightActionsContainer, {
+        children: ActionsComponents
+      })]
+    })
+  });
 }
 export default Toolbar;

package/dist/esm/Table/hooks/useCells.js

@@ -2,6 +2,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["hasSelect", "label", "minWidth", "cellType"];
 import React, { useMemo } from "react";
 import MemoizedCell from "../components/MemoizedCell";
+import { jsx as _jsx } from "react/jsx-runtime";
 function useCells(columns, emptyPlaceholderText) {
   return useMemo(function () {
     return columns.map(function (_ref) {
@@ -12,7 +13,7 @@ function useCells(columns, emptyPlaceholderText) {
         restProps = _objectWithoutProperties(_ref, _excluded);
       return {
         renderCell: function renderCell(item) {
-          return /*#__PURE__*/React.createElement(MemoizedCell, {
+          return /*#__PURE__*/_jsx(MemoizedCell, {
             cellType: cellType,
             restProps: restProps,
             item: item,

package/dist/esm/Table/hooks/useCells.spec.js

@@ -1,4 +1,4 @@
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 import useCells from "./useCells";
 describe("useColumns", function () {
   it("should return the correct table columns", function () {

package/dist/esm/Table/hooks/useColumnSort.spec.js

@@ -1,4 +1,4 @@
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 import useColumnSort from "./useColumnSort";
 describe("useColumnSort", function () {
   beforeEach(function () {

package/dist/esm/Table/hooks/useSelectContext.js

@@ -1,5 +1,6 @@
-// eslint-disable-next-line import/no-unresolved
+/* eslint-disable import/no-unresolved */
 
+/* eslint-enable import/no-unresolved */
 import { createContext } from "react";
 var useSelectContext = function useSelectContext() {
   var SelectContext = /*#__PURE__*/createContext(null);

package/dist/esm/Table/hooks/useSelectRowLogic.spec.js

@@ -1,7 +1,7 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _extends from "@babel/runtime/helpers/extends";
 import { useRowSelect } from "@table-library/react-table-library/select";
-import { renderHook } from "@testing-library/react-hooks";
+import { renderHook } from "@testing-library/react";
 import useSelectRowLogic from "./useSelectRowLogic";
 var mockOnRemoveByIds = jest.fn();
 var mockSelectRowLogic = {
@@ -91,7 +91,9 @@ describe("useSelectRowLogic", function () {
       result = _renderHook3.result,
       rerender = _renderHook3.rerender;
     var resultAfterInitialRender = result.current;
-    rerender();
+    rerender({
+      tableData: initialTableData
+    });
     expect(result.current).toBe(resultAfterInitialRender);
   });
 });