@algolia/satellite 1.0.0-beta.131 → 1.0.0-beta.132

package/esm/Tables/DataTable/DataTable.js

@@ -5,22 +5,24 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import React, { useEffect, useState } from "react";
 import compact from "lodash/compact";
 import get from "lodash/get";
-import stl from "../../styles/helpers/satellitePrefixer";
+import { useEffect, useState } from "react";
 import Checkbox from "../../Checkbox";
 import { RadioButton } from "../../RadioGroup";
+import stl from "../../styles/helpers/satellitePrefixer";
 import { toSentenceCase } from "../../utils";
 import Table from "../Table";
-import DataTableHeader from "./components/Header";
-import DataTableFooter from "./components/Footer";
 import DataTableBody from "./components/Body";
+import DataTableFooter from "./components/Footer";
+import DataTableHeader from "./components/Header";
 import DataTableLoader from "./components/Loader";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 var DEFAULT_GET_ITEM_ID = function DEFAULT_GET_ITEM_ID(_, idx) {
   return String(idx);
@@ -98,13 +100,14 @@ export var DataTable = function DataTable(_ref) {
     Header: false,
     Cell: function Cell(_ref2) {
       var row = _ref2.row;
-      return /*#__PURE__*/React.createElement("div", {
-        className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex"])))
-      }, /*#__PURE__*/React.createElement(RadioButton, {
-        defaultChecked: row.selected,
-        disabled: !row.selectable,
-        className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["", ""])), row.hovered || row.selected ? "opacity-100" : "opacity-0 select-none")
-      }));
+      return /*#__PURE__*/_jsx("div", {
+        className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex"]))),
+        children: /*#__PURE__*/_jsx(RadioButton, {
+          defaultChecked: row.selected,
+          disabled: !row.selectable,
+          className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["", ""])), row.hovered || row.selected ? "opacity-100" : "opacity-0 select-none")
+        })
+      });
     },
     className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["w-3"])))
   }, selectMode === "multi" && {
@@ -125,7 +128,7 @@ export var DataTable = function DataTable(_ref) {
       var dataLength = pagination ? pagination.itemsPerPage : data.length;
       var isChecked = selectionLength === dataLength;
       var isIndeterminate = selectionLength > 0 && selectionLength !== dataLength;
-      return /*#__PURE__*/React.createElement(Checkbox, {
+      return /*#__PURE__*/_jsx(Checkbox, {
         "aria-label": "Select all" // Small hack to position the checkbox in the center of the header
         ,
         className: stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["absolute mb-2.5"]))),
@@ -138,13 +141,14 @@ export var DataTable = function DataTable(_ref) {
     },
     Cell: function Cell(_ref3) {
       var row = _ref3.row;
-      return /*#__PURE__*/React.createElement("div", {
-        className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["flex"])))
-      }, /*#__PURE__*/React.createElement(Checkbox, {
-        checked: row.selected,
-        disabled: !row.selectable,
-        className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["", ""])), row.hovered || row.selected ? "opacity-100" : "opacity-0 select-none")
-      }));
+      return /*#__PURE__*/_jsx("div", {
+        className: stl(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["flex"]))),
+        children: /*#__PURE__*/_jsx(Checkbox, {
+          checked: row.selected,
+          disabled: !row.selectable,
+          className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["", ""])), row.hovered || row.selected ? "opacity-100" : "opacity-0 select-none")
+        })
+      });
     },
     className: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["w-3"])))
   }].concat(_toConsumableArray(columns.map(function (c) {
@@ -209,35 +213,38 @@ export var DataTable = function DataTable(_ref) {
     return onChange === null || onChange === void 0 ? void 0 : onChange(dataConfiguration);
   };
 
-  return /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["relative"])))
-  }, status === "loading" && /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["absolute bg-white z-10 bg-opacity-50 w-full h-full flex items-center justify-center"])))
-  }, /*#__PURE__*/React.createElement(DataTableLoader, {
-    className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["-mt-12"])))
-  })), /*#__PURE__*/React.createElement(Table, {
-    className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["datatable ", " ", ""])), status === "loading" && "pointer-events-none select-none", status === "loading" && data.length === 0 && "h-48"),
-    highlight: false,
-    footer: pagination !== false && /*#__PURE__*/React.createElement(DataTableFooter, {
-      pagination: pagination,
-      onChange: handlePaginationChange
-    })
-  }, /*#__PURE__*/React.createElement(DataTableHeader, {
-    disabled: status !== "success" || rows.length === 0,
-    columns: computedColumns,
-    onToggleSort: handleToggleSort,
-    sorting: internalSorting
-  }), /*#__PURE__*/React.createElement(DataTableBody, {
-    rows: rows,
-    columns: computedColumns,
-    status: status,
-    noDataContent: noDataContent,
-    errorContent: errorContent,
-    selectMode: selectMode,
-    selection: selection,
-    canHoverRow: canHoverRow,
-    onRowHoverChange: onRowHoverChange,
-    onSelectionChange: onSelectionChange
-  })));
+  return /*#__PURE__*/_jsxs("div", {
+    className: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["relative"]))),
+    children: [status === "loading" && /*#__PURE__*/_jsx("div", {
+      className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["absolute bg-white z-10 bg-opacity-50 w-full h-full flex items-center justify-center"]))),
+      children: /*#__PURE__*/_jsx(DataTableLoader, {
+        className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["-mt-12"])))
+      })
+    }), /*#__PURE__*/_jsxs(Table, {
+      className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["datatable ", " ", ""])), status === "loading" && "pointer-events-none select-none", status === "loading" && data.length === 0 && "h-48"),
+      highlight: false,
+      footer: pagination !== false && /*#__PURE__*/_jsx(DataTableFooter, {
+        pagination: pagination,
+        onChange: handlePaginationChange
+      }),
+      children: [/*#__PURE__*/_jsx(DataTableHeader, {
+        disabled: status !== "success" || rows.length === 0,
+        columns: computedColumns,
+        onToggleSort: handleToggleSort,
+        sorting: internalSorting
+      }), /*#__PURE__*/_jsx(DataTableBody, {
+        rows: rows,
+        columns: computedColumns,
+        status: status,
+        noDataContent: noDataContent,
+        errorContent: errorContent,
+        selectMode: selectMode,
+        selection: selection,
+        canHoverRow: canHoverRow,
+        onRowHoverChange: onRowHoverChange,
+        onSelectionChange: onSelectionChange
+      })]
+    })]
+  });
 };
 export default DataTable;

package/esm/Tables/DataTable/components/Body.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
+import type { ReactNode } from "react";
 import type { DataTableProps } from "../DataTable";
-import type { Row, AdvancedColumnDefinition, Status, SelectMode } from "../types";
+import type { AdvancedColumnDefinition, Row, SelectMode, Status } from "../types";
 export interface BodyProps<Item> extends Pick<DataTableProps<Item>, "selection" | "onSelectionChange" | "canHoverRow"> {
     rows: Row<Item>[];
     status?: Status;
-    noDataContent?: React.ReactNode;
-    errorContent?: React.ReactNode;
+    noDataContent?: ReactNode;
+    errorContent?: ReactNode;
     columns: AdvancedColumnDefinition<Item>[];
     onRowHoverChange(row: Row<Item> | null): void;
     selectMode: SelectMode;

package/esm/Tables/DataTable/components/Body.js

@@ -1,18 +1,18 @@
-import _extends from "@babel/runtime/helpers/extends";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 
 var _templateObject, _templateObject2, _templateObject3;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import React from "react";
-import stl from "../../../styles/helpers/satellitePrefixer";
 import EmptyState from "../../../EmptyState";
+import stl from "../../../styles/helpers/satellitePrefixer";
 import { getCellValue } from "../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createElement as _createElement } from "react";
 export var Body = function Body(_ref) {
   var rows = _ref.rows,
       columns = _ref.columns,
@@ -58,49 +58,63 @@ export var Body = function Body(_ref) {
   };
 
   if (status === "error") {
-    return /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-      colSpan: columns.length
-    }, /*#__PURE__*/React.createElement("span", {
-      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex justify-center py-6"])))
-    }, errorContent || /*#__PURE__*/React.createElement(EmptyState, {
-      title: "Error",
-      description: "An error occurred while loading data.",
-      centered: true,
-      usageContext: "result"
-    })))));
+    return /*#__PURE__*/_jsx("tbody", {
+      children: /*#__PURE__*/_jsx("tr", {
+        children: /*#__PURE__*/_jsx("td", {
+          colSpan: columns.length,
+          children: /*#__PURE__*/_jsx("span", {
+            className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["flex justify-center py-6"]))),
+            children: errorContent || /*#__PURE__*/_jsx(EmptyState, {
+              title: "Error",
+              description: "An error occurred while loading data.",
+              centered: true,
+              usageContext: "result"
+            })
+          })
+        })
+      })
+    });
   }
 
   if (rows.length === 0 && status !== "loading") {
-    return /*#__PURE__*/React.createElement("tbody", null, /*#__PURE__*/React.createElement("tr", null, /*#__PURE__*/React.createElement("td", {
-      colSpan: columns.length
-    }, /*#__PURE__*/React.createElement("span", {
-      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex justify-center py-6"])))
-    }, noDataContent || /*#__PURE__*/React.createElement(EmptyState, {
-      title: "Empty",
-      description: "There is no data to display",
-      centered: true,
-      usageContext: "result"
-    })))));
+    return /*#__PURE__*/_jsx("tbody", {
+      children: /*#__PURE__*/_jsx("tr", {
+        children: /*#__PURE__*/_jsx("td", {
+          colSpan: columns.length,
+          children: /*#__PURE__*/_jsx("span", {
+            className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["flex justify-center py-6"]))),
+            children: noDataContent || /*#__PURE__*/_jsx(EmptyState, {
+              title: "Empty",
+              description: "There is no data to display",
+              centered: true,
+              usageContext: "result"
+            })
+          })
+        })
+      })
+    });
   }
 
-  return /*#__PURE__*/React.createElement("tbody", null, rows.map(function (row, rowIndex) {
-    return /*#__PURE__*/React.createElement("tr", _extends({}, additionalRowProps(row), {
-      key: rowIndex
-    }), columns.map(function (column) {
-      var value = getCellValue(column, row);
-      var Cell = column.Cell;
-      return Cell ? /*#__PURE__*/React.createElement("td", {
-        className: column === null || column === void 0 ? void 0 : column.className,
-        key: column.id
-      }, /*#__PURE__*/React.createElement(Cell, {
-        row: rows[rowIndex],
-        column: column,
-        value: value
-      })) : /*#__PURE__*/React.createElement("td", {
-        className: column === null || column === void 0 ? void 0 : column.className,
-        key: column.id
-      }, value !== null && value !== void 0 ? value : "-");
-    }));
-  }));
+  return /*#__PURE__*/_jsx("tbody", {
+    children: rows.map(function (row, rowIndex) {
+      return /*#__PURE__*/_createElement("tr", _objectSpread(_objectSpread({}, additionalRowProps(row)), {}, {
+        key: rowIndex
+      }), columns.map(function (column) {
+        var value = getCellValue(column, row);
+        var Cell = column.Cell;
+        return Cell ? /*#__PURE__*/_jsx("td", {
+          className: column === null || column === void 0 ? void 0 : column.className,
+          children: /*#__PURE__*/_jsx(Cell, {
+            row: rows[rowIndex],
+            column: column,
+            value: value
+          })
+        }, column.id) : /*#__PURE__*/_jsx("td", {
+          className: column === null || column === void 0 ? void 0 : column.className,
+          children: value !== null && value !== void 0 ? value : "-"
+        }, column.id);
+      }));
+    })
+  });
 };
 export default Body;

package/esm/Tables/DataTable/components/Footer.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { PaginationConfiguration, DataConfiguration } from "../types";
+import type { DataConfiguration, PaginationConfiguration } from "../types";
 export interface FooterProps {
     pagination: PaginationConfiguration;
     onChange(dataConfiguration: DataConfiguration): void;

package/esm/Tables/DataTable/components/Footer.js

@@ -1,16 +1,16 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import React from "react";
 import Pagination, { CompactPagination } from "../../../Pagination";
 import { isDeterminatePagination, isIndeterminatePagination } from "../utils";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var Footer = function Footer(_ref) {
   var pagination = _ref.pagination,
       onChange = _ref.onChange;
-  return isDeterminatePagination(pagination) ? /*#__PURE__*/React.createElement(Pagination, {
+  return isDeterminatePagination(pagination) ? /*#__PURE__*/_jsx(Pagination, {
     nbPages: Math.ceil(pagination.totalItemsCount / pagination.itemsPerPage),
     currentPage: pagination.currentPage,
     maxButtons: 8,
@@ -32,7 +32,7 @@ export var Footer = function Footer(_ref) {
         sorting: []
       });
     })
-  }) : isIndeterminatePagination(pagination) ? /*#__PURE__*/React.createElement(CompactPagination, {
+  }) : isIndeterminatePagination(pagination) ? /*#__PURE__*/_jsx(CompactPagination, {
     label: "compact",
     currentPage: pagination.currentPage,
     showGoToFirstPage: true,

package/esm/Tables/DataTable/components/Header.js

@@ -1,29 +1,33 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import React from "react";
 import HeaderCell from "./HeaderCell";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var Header = function Header(_ref) {
   var columns = _ref.columns,
       _ref$sorting = _ref.sorting,
       sorting = _ref$sorting === void 0 ? [] : _ref$sorting,
       onToggleSort = _ref.onToggleSort,
       disabled = _ref.disabled;
-  return /*#__PURE__*/React.createElement("thead", null, /*#__PURE__*/React.createElement("tr", null, columns.map(function (column) {
-    var Header = column.Header;
-    var sortingDirection = sorting.find(function (_ref2) {
-      var _ref3 = _slicedToArray(_ref2, 1),
-          colId = _ref3[0];
+  return /*#__PURE__*/_jsx("thead", {
+    children: /*#__PURE__*/_jsx("tr", {
+      children: columns.map(function (column) {
+        var Header = column.Header;
+        var sortingDirection = sorting.find(function (_ref2) {
+          var _ref3 = _slicedToArray(_ref2, 1),
+              colId = _ref3[0];
 
-      return colId === column.id;
-    }) || [null];
-    return /*#__PURE__*/React.createElement(HeaderCell, {
-      key: column.id,
-      column: column,
-      disabled: disabled,
-      sortingDirection: sortingDirection[1],
-      onToggleSort: onToggleSort
-    }, !Header ? null : typeof Header === "string" ? Header : /*#__PURE__*/React.createElement(Header, {
-      column: column
-    }));
-  })));
+          return colId === column.id;
+        }) || [null];
+        return /*#__PURE__*/_jsx(HeaderCell, {
+          column: column,
+          disabled: disabled,
+          sortingDirection: sortingDirection[1],
+          onToggleSort: onToggleSort,
+          children: !Header ? null : typeof Header === "string" ? Header : /*#__PURE__*/_jsx(Header, {
+            column: column
+          })
+        }, column.id);
+      })
+    })
+  });
 };
 export default Header;

package/esm/Tables/DataTable/components/HeaderCell.d.ts

@@ -1,11 +1,11 @@
-import React from "react";
+import type { HTMLAttributes, ReactNode } from "react";
 import type { AdvancedColumnDefinition, SortingDirection } from "../types";
-export interface HeaderCellProps<Item> extends React.HTMLAttributes<HTMLTableCellElement> {
+export interface HeaderCellProps<Item> extends HTMLAttributes<HTMLTableCellElement> {
     column: AdvancedColumnDefinition<Item>;
     disabled?: boolean;
     sortingDirection?: SortingDirection;
     onToggleSort: (columnId: string, sortingDirection: SortingDirection) => void;
-    children: React.ReactNode;
+    children: ReactNode;
 }
 export declare const HeaderCell: <Item extends {}>({ sortingDirection, onToggleSort, column: { id, className, sort }, disabled, children, ...props }: HeaderCellProps<Item>) => JSX.Element;
 export default HeaderCell;

package/esm/Tables/DataTable/components/HeaderCell.js

@@ -1,14 +1,19 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 var _excluded = ["sortingDirection", "onToggleSort", "column", "disabled", "children"];
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
-import React from "react";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import cx from "classnames";
 import { ChevronDown, ChevronUp } from "react-feather";
 import stl from "../../../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var iconClassName = stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["h-4 inline ml-1"])));
 export var HeaderCell = function HeaderCell(_ref) {
   var _ref$sortingDirection = _ref.sortingDirection,
@@ -23,20 +28,22 @@ export var HeaderCell = function HeaderCell(_ref) {
       children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("th", _extends({}, props, {
+  return /*#__PURE__*/_jsx("th", _objectSpread(_objectSpread({}, props), {}, {
     "aria-sort": sortingDirection === "desc" ? "descending" : sortingDirection === "asc" ? "ascending" : "none",
     onClick: function onClick() {
       return sort && !disabled && onToggleSort(id, sortingDirection === "desc" ? "asc" : sortingDirection === "asc" ? "none" : "desc");
     },
-    className: cx(className, stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["group ", ""])), sort && (disabled ? "cursor-not-allowed" : "cursor-pointer")))
-  }), /*#__PURE__*/React.createElement("span", {
-    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["inline-flex items-center"])))
-  }, children, sort ? sortingDirection === "desc" ? /*#__PURE__*/React.createElement(ChevronDown, {
-    className: iconClassName
-  }) : sortingDirection === "asc" ? /*#__PURE__*/React.createElement(ChevronUp, {
-    className: iconClassName
-  }) : /*#__PURE__*/React.createElement(ChevronDown, {
-    className: cx(iconClassName, stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["text-grey-300 opacity-0 group-hover:opacity-100"]))))
-  }) : null));
+    className: cx(className, stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["group ", ""])), sort && (disabled ? "cursor-not-allowed" : "cursor-pointer"))),
+    children: /*#__PURE__*/_jsxs("span", {
+      className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["inline-flex items-center"]))),
+      children: [children, sort ? sortingDirection === "desc" ? /*#__PURE__*/_jsx(ChevronDown, {
+        className: iconClassName
+      }) : sortingDirection === "asc" ? /*#__PURE__*/_jsx(ChevronUp, {
+        className: iconClassName
+      }) : /*#__PURE__*/_jsx(ChevronDown, {
+        className: cx(iconClassName, stl(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["text-grey-300 opacity-0 group-hover:opacity-100"]))))
+      }) : null]
+    })
+  }));
 };
 export default HeaderCell;

package/esm/Tables/DataTable/components/Loader.js

@@ -3,10 +3,11 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 
 var _templateObject;
 
-import React, { useEffect, useState } from "react";
-import stl from "../../../styles/helpers/satellitePrefixer";
+import { useEffect, useState } from "react";
 import EmptyState from "../../../EmptyState";
 import ProgressSpinner from "../../../ProgressSpinner";
+import stl from "../../../styles/helpers/satellitePrefixer";
+import { jsx as _jsx } from "react/jsx-runtime";
 export var Loader = function Loader(_ref) {
   var className = _ref.className;
 
@@ -25,16 +26,18 @@ export var Loader = function Loader(_ref) {
       setShowLoadMessage(false);
     };
   }, []);
-  return /*#__PURE__*/React.createElement("div", {
-    className: className
-  }, showLoadMessage ? /*#__PURE__*/React.createElement(EmptyState, {
-    usageContext: "result",
-    medallion: /*#__PURE__*/React.createElement("div", {
-      className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex justify-center"])))
-    }, /*#__PURE__*/React.createElement(ProgressSpinner, null)),
-    title: "It appears to be taking a while to get your data",
-    description: "Please hold or try again later",
-    centered: true
-  }) : /*#__PURE__*/React.createElement(ProgressSpinner, null));
+  return /*#__PURE__*/_jsx("div", {
+    className: className,
+    children: showLoadMessage ? /*#__PURE__*/_jsx(EmptyState, {
+      usageContext: "result",
+      medallion: /*#__PURE__*/_jsx("div", {
+        className: stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["flex justify-center"]))),
+        children: /*#__PURE__*/_jsx(ProgressSpinner, {})
+      }),
+      title: "It appears to be taking a while to get your data",
+      description: "Please hold or try again later",
+      centered: true
+    }) : /*#__PURE__*/_jsx(ProgressSpinner, {})
+  });
 };
 export default Loader;

package/esm/Tables/DataTable/types.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import type { ComponentType } from "react";
 export declare type Status = "loading" | "error" | "success";
 export declare type SelectMode = "single" | "multi" | "none";
 export declare type SortingDirection = "asc" | "desc" | "none";
@@ -25,8 +25,8 @@ export interface AdvancedColumnDefinition<Item> {
     /** A string or a function which determines how to get the column data */
     accessor: string | ((item: Item) => any);
     sort?: boolean;
-    Header?: React.ComponentType<HeaderProps<Item>> | string | false;
-    Cell?: React.ComponentType<CellProps<Item>>;
+    Header?: ComponentType<HeaderProps<Item>> | string | false;
+    Cell?: ComponentType<CellProps<Item>>;
     className?: string;
 }
 export declare type ColumnDefinition<Item> = string | AdvancedColumnDefinition<Item>;

package/esm/Tables/DataTable/utils.d.ts

@@ -1,4 +1,4 @@
-import type { Row, DeterminatePagination, IndeterminatePagination, PaginationConfiguration, AdvancedColumnDefinition } from "./types";
+import type { AdvancedColumnDefinition, DeterminatePagination, IndeterminatePagination, PaginationConfiguration, Row } from "./types";
 export declare const isDeterminatePagination: (pagination: PaginationConfiguration) => pagination is DeterminatePagination;
 export declare const isIndeterminatePagination: (pagination: PaginationConfiguration) => pagination is IndeterminatePagination;
 export declare const getCellValue: <Item extends {}>(column: AdvancedColumnDefinition<Item>, row: Row<Item>) => any;

package/esm/Tables/Table/Table.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
-export interface TableProps extends React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> {
-    footer?: React.ReactNode;
+import type { DetailedHTMLProps, ReactNode, TableHTMLAttributes } from "react";
+export interface TableProps extends DetailedHTMLProps<TableHTMLAttributes<HTMLTableElement>, HTMLTableElement> {
+    footer?: ReactNode;
     smallFooter?: boolean;
     hasActions?: boolean;
     highlight?: boolean;

package/esm/Tables/Table/Table.js

@@ -1,14 +1,20 @@
-import _extends from "@babel/runtime/helpers/extends";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 
 var _templateObject, _templateObject2, _templateObject3;
 
 var _excluded = ["className", "footer", "smallFooter", "hasActions", "highlight"];
-import React from "react";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 import cx from "classnames";
 import stl from "../../styles/helpers/satellitePrefixer";
 import Footer from "./components/Footer";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 
 /**
  * Tables are used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
@@ -39,14 +45,17 @@ export var Table = function Table(_ref) {
       highlight = _ref$highlight === void 0 ? true : _ref$highlight,
       props = _objectWithoutProperties(_ref, _excluded);
 
-  return /*#__PURE__*/React.createElement("div", {
-    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["rounded text-grey-900 bg-white display-body"]))), className)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["overflow-x-auto"])))
-  }, /*#__PURE__*/React.createElement("table", _extends({}, props, {
-    className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["table ", " ", ""])), hasActions && "table-with-actions", highlight && "table-with-highlight")
-  }))), footer && /*#__PURE__*/React.createElement(Footer, {
-    size: smallFooter ? "small" : "default"
-  }, footer));
+  return /*#__PURE__*/_jsxs("div", {
+    className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["rounded text-grey-900 bg-white display-body"]))), className),
+    children: [/*#__PURE__*/_jsx("div", {
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["overflow-x-auto"]))),
+      children: /*#__PURE__*/_jsx("table", _objectSpread(_objectSpread({}, props), {}, {
+        className: stl(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["table ", " ", ""])), hasActions && "table-with-actions", highlight && "table-with-highlight")
+      }))
+    }), footer && /*#__PURE__*/_jsx(Footer, {
+      size: smallFooter ? "small" : "default",
+      children: footer
+    })]
+  });
 };
 export default Table;

package/esm/Tables/Table/components/Footer.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
+import type { ReactNode } from "react";
 export declare type FooterSizes = "default" | "small";
 export interface FooterProps {
     size?: FooterSizes;
-    children?: React.ReactNode;
+    children?: ReactNode;
 }
 export declare const Footer: ({ size, children }: FooterProps) => JSX.Element;
 export default Footer;