@algolia/satellite 1.0.0-beta.164 → 1.0.0-beta.166

package/cjs/Sidebar/SidebarLinksGroup/ActiveLinkIndicator.js

@@ -12,7 +12,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3;
 var LINK_HEIGHT_PX = 24;
 var LINKS_SPACING_PX = 8;
-var ActiveLinkIndicator = function ActiveLinkIndicator(_ref) {
+var ActiveLinkIndicator = exports.ActiveLinkIndicator = function ActiveLinkIndicator(_ref) {
   var className = _ref.className,
     activeIndex = _ref.activeIndex,
     linksCount = _ref.linksCount;
@@ -26,7 +26,7 @@ var ActiveLinkIndicator = function ActiveLinkIndicator(_ref) {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["w-px h-full bg-grey-200"]))),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n            w-px bg-accent-500\n            transition-transform duration-100 ease-in-out\n            ", "\n          "])), showIndicator ? "visible" : "hidden"),
+        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n            w-px bg-accent-500\n            motion-safe:transition-transform motion-safe:duration-100 ease-in-out\n            ", "\n          "])), showIndicator ? "visible" : "hidden"),
         style: {
           height: LINK_HEIGHT_PX,
           transform: typeof activeIndex === "number" ? "translateY(".concat(activeIndex * (LINK_HEIGHT_PX + LINKS_SPACING_PX), "px)") : undefined
@@ -34,5 +34,4 @@ var ActiveLinkIndicator = function ActiveLinkIndicator(_ref) {
       })
     })
   });
-};
-exports.ActiveLinkIndicator = ActiveLinkIndicator;
+};

package/cjs/Sidebar/SidebarLinksGroup/SidebarGroupLink.js

@@ -12,9 +12,9 @@ var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/sa
 var _useLinkProps = _interopRequireDefault(require("../../utils/useLinkProps"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3;
-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) { (0, _defineProperty2["default"])(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; }
-var SidebarGroupLink = function SidebarGroupLink(props) {
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SidebarGroupLink = exports.SidebarGroupLink = function SidebarGroupLink(props) {
   var label = props.label,
     active = props.active,
     id = props.id,
@@ -33,5 +33,4 @@ var SidebarGroupLink = function SidebarGroupLink(props) {
       size: "1em"
     })]
   }));
-};
-exports.SidebarGroupLink = SidebarGroupLink;
+};

package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.d.ts

@@ -3,6 +3,7 @@ import type { IconComponentType } from "../../types";
 import type { SidebarLinksGroupLink } from "./types";
 declare type SidebarLinksGroupBaseProps = {
     id?: string;
+    /** @ignore */
     className?: string;
     links: SidebarLinksGroupLink[];
 };

package/cjs/Sidebar/SidebarLinksGroup/SidebarLinksGroup.js

@@ -18,12 +18,12 @@ var _ActiveLinkIndicator = require("./ActiveLinkIndicator");
 var _SidebarGroupLink = require("./SidebarGroupLink");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
-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) { (0, _defineProperty2["default"])(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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var isCollapsibleSidebarLinksGroupProps = function isCollapsibleSidebarLinksGroupProps(props) {
   return "title" in props && "icon" in props;
 };
-var SidebarLinksGroup = function SidebarLinksGroup(props) {
+var SidebarLinksGroup = exports.SidebarLinksGroup = function SidebarLinksGroup(props) {
   var _useSidebarContext = (0, _SidebarContext.useSidebarContext)(),
     isLinkActive = _useSidebarContext.isLinkActive;
   var id = props.id,
@@ -44,7 +44,7 @@ var SidebarLinksGroup = function SidebarLinksGroup(props) {
   (0, _react.useEffect)(function () {
     if (isCollapsibleSidebarLinksGroupProps(props)) {
       var _props$onGroupToggle;
-      (_props$onGroupToggle = props.onGroupToggle) === null || _props$onGroupToggle === void 0 ? void 0 : _props$onGroupToggle.call(props, isOpen);
+      (_props$onGroupToggle = props.onGroupToggle) === null || _props$onGroupToggle === void 0 || _props$onGroupToggle.call(props, isOpen);
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [isOpen]);
@@ -65,12 +65,13 @@ var SidebarLinksGroup = function SidebarLinksGroup(props) {
       "aria-controls": contentId,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(props.icon, {
         className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["shrink-0 text-grey-500 mr-3"]))),
-        size: "1rem"
+        width: "1rem",
+        height: "1rem"
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["truncate display-subheading uppercase text-grey-800 group-focus:text-accent-500 group-hover:text-accent-500 mr-2"]))),
         children: props.title
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ChevronRight, {
-        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["shrink-0 text-grey-500 transition-all duration-150 ease-in-out ", ""])), isOpen && "rotate-90"),
+        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["shrink-0 text-grey-500 motion-safe:transition-all motion-safe:duration-150 ease-in-out ", ""])), isOpen && "rotate-90"),
         size: "1rem"
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -93,5 +94,4 @@ var SidebarLinksGroup = function SidebarLinksGroup(props) {
       })]
     })]
   });
-};
-exports.SidebarLinksGroup = SidebarLinksGroup;
+};

package/cjs/Sidebar/SidebarNav.d.ts

@@ -2,6 +2,7 @@ import type { ReactNode, VFC } from "react";
 export declare type SidebarNavSpacing = "small" | "large";
 export declare type SidebarNavProps = {
     id?: string;
+    /** @ignore */
     className?: string;
     spacing?: SidebarNavSpacing;
     label: string;

package/cjs/Sidebar/SidebarNav.js

@@ -11,7 +11,7 @@ var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satel
 var _SidebarContext = require("./SidebarContext");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
-var SidebarNav = function SidebarNav(_ref) {
+var SidebarNav = exports.SidebarNav = function SidebarNav(_ref) {
   var id = _ref.id,
     className = _ref.className,
     spacingProp = _ref.spacing,
@@ -33,5 +33,4 @@ var SidebarNav = function SidebarNav(_ref) {
       })
     })
   });
-};
-exports.SidebarNav = SidebarNav;
+};

package/cjs/Switch/Switch.d.ts

@@ -1,6 +1,7 @@
 import type { ReactNode, VFC } from "react";
 import type { SwitchSize } from "./types";
 export interface SwitchProps {
+    /** @ignore */
     className?: string;
     value: string;
     disabled?: boolean;

package/cjs/Switch/Switch.js

@@ -12,11 +12,12 @@ var _react = require("react");
 var _styles = require("../Button/styles");
 var _RadioGroup = require("../RadioGroup");
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
+var _prefersReducedMotion = require("../utils/prefersReducedMotion");
 var _uniqueId = _interopRequireDefault(require("../utils/uniqueId"));
 var _utils = require("./utils");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2;
-var Switch = function Switch(_ref) {
+var Switch = exports.Switch = function Switch(_ref) {
   var className = _ref.className,
     children = _ref.children,
     value = _ref.value,
@@ -51,12 +52,13 @@ var Switch = function Switch(_ref) {
     }
     var containerRect = containerRef.current.getBoundingClientRect();
     var targetRect = targetEl.getBoundingClientRect();
+    var duration = _prefersReducedMotion.prefersReducedMotion ? "0ms" : "200ms";
     var newValueIndicatorStyle = {
       width: targetRect.width,
       transform: "translateX(".concat(targetRect.x - containerRect.x, "px)"),
       visibility: "visible",
       transitionProperty: "width, transform",
-      transitionDuration: "200ms",
+      transitionDuration: duration,
       transitionTimingFunction: "ease-in-out"
     };
     if (newValueIndicatorStyle.transform !== (valueIndicatorStyle === null || valueIndicatorStyle === void 0 ? void 0 : valueIndicatorStyle.transform) || newValueIndicatorStyle.width !== (valueIndicatorStyle === null || valueIndicatorStyle === void 0 ? void 0 : valueIndicatorStyle.width)) {
@@ -81,6 +83,4 @@ var Switch = function Switch(_ref) {
     })
   });
 };
-exports.Switch = Switch;
-var _default = Switch;
-exports["default"] = _default;
+var _default = exports["default"] = Switch;

package/cjs/Switch/Switch.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = switchPlugin;
 declare const switchPlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: Partial<import("tailwindcss").Config> | undefined;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
 };

package/cjs/Switch/SwitchOption.js

@@ -13,9 +13,9 @@ var _OverflowTooltipWrapper = require("../Tooltip/OverflowTooltipWrapper");
 var _utils = require("./utils");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2;
-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) { (0, _defineProperty2["default"])(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; }
-var SwitchOption = function SwitchOption(_ref) {
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var SwitchOption = exports.SwitchOption = function SwitchOption(_ref) {
   var value = _ref.value,
     disabled = _ref.disabled,
     children = _ref.children;
@@ -23,7 +23,7 @@ var SwitchOption = function SwitchOption(_ref) {
   var checked = context.value === value;
   var inputDisabled = context.disabled || disabled;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", _objectSpread(_objectSpread({
-    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n        inline-flex grow shrink justify-center items-center min-w-16 max-w-48 px-4 z-10\n        ", "\n        ", "\n      "])), inputDisabled ? "cursor-not-allowed opacity-60 rounded bg-grey-100" : "cursor-pointer", !checked && !inputDisabled && "rounded hover:bg-accent-200/20 transition-colors duration-100 ease-linear")
+    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n        inline-flex grow shrink justify-center items-center min-w-16 max-w-48 px-4 z-10 text-grey-600\n        ", "\n        ", "\n      "])), inputDisabled ? "cursor-not-allowed opacity-60 rounded bg-grey-100" : "cursor-pointer hover:text-grey-900", !checked && !inputDisabled && "rounded motion-safe:transition-colors active:bg-accent-200/20 motion-safe:duration-100 ease-linear")
   }, (0, _utils.buildAnimationProps)(context.name, value)), {}, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
       className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["w-0 h-0 opacity-0"]))),
@@ -42,6 +42,4 @@ var SwitchOption = function SwitchOption(_ref) {
     })]
   }));
 };
-exports.SwitchOption = SwitchOption;
-var _default = SwitchOption;
-exports["default"] = _default;
+var _default = exports["default"] = SwitchOption;

package/cjs/Switch/index.js

@@ -35,5 +35,5 @@ Object.keys(_SwitchOption).forEach(function (key) {
     }
   });
 });
-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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }

package/cjs/Switch/utils.js

@@ -6,17 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.buildAnimationProps = exports.buildAnimationKeyValue = exports.buildAnimationKeySelector = exports.SWITCH_ANIMATION_KEY = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var SWITCH_ANIMATION_KEY = "data-switch-animation-key";
-exports.SWITCH_ANIMATION_KEY = SWITCH_ANIMATION_KEY;
-var buildAnimationKeyValue = function buildAnimationKeyValue(name, value) {
+var SWITCH_ANIMATION_KEY = exports.SWITCH_ANIMATION_KEY = "data-switch-animation-key";
+var buildAnimationKeyValue = exports.buildAnimationKeyValue = function buildAnimationKeyValue(name, value) {
   return "".concat(name, "-").concat(value);
 };
-exports.buildAnimationKeyValue = buildAnimationKeyValue;
-var buildAnimationKeySelector = function buildAnimationKeySelector(name, value) {
+var buildAnimationKeySelector = exports.buildAnimationKeySelector = function buildAnimationKeySelector(name, value) {
   return "[".concat(SWITCH_ANIMATION_KEY, "=\"").concat(buildAnimationKeyValue(name, value), "\"]");
 };
-exports.buildAnimationKeySelector = buildAnimationKeySelector;
-var buildAnimationProps = function buildAnimationProps(name, value) {
+var buildAnimationProps = exports.buildAnimationProps = function buildAnimationProps(name, value) {
   return (0, _defineProperty2["default"])({}, SWITCH_ANIMATION_KEY, buildAnimationKeyValue(name, value));
-};
-exports.buildAnimationProps = buildAnimationProps;
+};

package/cjs/Tables/DataTable/DataTable.d.ts

@@ -12,14 +12,21 @@ export declare type DataTableLocale = {
     errorDescription?: string;
 };
 interface BaseDataTableProps<Item> {
+    /** The data which will be passed along to the table for rendering */
     data: Item[];
+    /** Quite a few cases require you to specify the `itemID` which you can do using this prop */
     itemId?: GetItemId<Item>;
+    /** The columns define the layout of your table and the respective rows and cells */
+    columns: ColumnDefinition<Item>[];
     pagination?: PaginationConfiguration;
+    /** the `onChange` is triggered when either sorting or paginating */
     onChange?(dataConfiguration: DataConfiguration): void;
+    /** Specify the global status of the table */
     status?: Status;
+    /** Allows for specifying a custom empty state */
     noDataContent?: ReactNode;
+    /** Allows for specifying a custom error state */
     errorContent?: ReactNode;
-    columns: ColumnDefinition<Item>[];
     canHoverRow?(row: Row<Item>): boolean;
     onRowHoveredChanged?(row: Row<Item> | null): void;
     sorting?: Sorting[];

package/cjs/Tables/DataTable/DataTable.js

@@ -25,8 +25,8 @@ var _Loader = _interopRequireDefault(require("./components/Loader"));
 var _utils2 = require("./utils");
 var _jsxRuntime = require("react/jsx-runtime");
 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); 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) { (0, _defineProperty2["default"])(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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DEFAULT_DATATABLE_LOCALE = {
   selectAllButton: "Select all",
   noDataTitle: "Empty",
@@ -62,7 +62,7 @@ var DEFAULT_GET_ITEM_ID = function DEFAULT_GET_ITEM_ID(_, idx) {
  * - If a cell is empty or unavailable, keep the cell empty to reduce noise and help with legibility.
  * - Truncate long text to make it fit into a cell. However, choose column width wisely based on expected values, and adjust the table accordingly
  */
-var DataTable = function DataTable(_ref) {
+var DataTable = exports.DataTable = function DataTable(_ref) {
   var data = _ref.data,
     itemId = _ref.itemId,
     columns = _ref.columns,
@@ -208,7 +208,7 @@ var DataTable = function DataTable(_ref) {
   };
   var onRowHoverChange = function onRowHoverChange(row) {
     setHoveredRowId(row === null || row === void 0 ? void 0 : row.id);
-    onRowHoveredChanged === null || onRowHoveredChanged === void 0 ? void 0 : onRowHoveredChanged(row);
+    onRowHoveredChanged === null || onRowHoveredChanged === void 0 || onRowHoveredChanged(row);
   };
   var onToggleSort = function onToggleSort(columnId, direction) {
     var newSorting = internalSorting.map(function (_ref7) {
@@ -217,7 +217,7 @@ var DataTable = function DataTable(_ref) {
         d = _ref8[1];
       return columnId === colId ? [columnId, direction] : [colId, sortMode === "multi" ? d : "none"];
     });
-    onChange === null || onChange === void 0 ? void 0 : onChange({
+    onChange === null || onChange === void 0 || onChange({
       pagination: pagination,
       sorting: newSorting
     });
@@ -261,6 +261,4 @@ var DataTable = function DataTable(_ref) {
     })]
   });
 };
-exports.DataTable = DataTable;
-var _default = DataTable;
-exports["default"] = _default;
+var _default = exports["default"] = DataTable;

package/cjs/Tables/DataTable/DataTable.tailwind.d.ts

@@ -1,5 +1,5 @@
 export = datatablePlugin;
 declare const datatablePlugin: {
     handler: import("tailwindcss/types/config").PluginCreator;
-    config?: Partial<import("tailwindcss").Config> | undefined;
+    config?: Partial<import("tailwindcss/types/config").Config> | undefined;
 };

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

@@ -14,9 +14,9 @@ var _utils = require("../utils");
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
 var _templateObject, _templateObject2, _templateObject3;
-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) { (0, _defineProperty2["default"])(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; }
-var Body = function Body(_ref) {
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Body = exports.Body = function Body(_ref) {
   var rows = _ref.rows,
     columns = _ref.columns,
     status = _ref.status,
@@ -116,6 +116,4 @@ var Body = function Body(_ref) {
     })
   });
 };
-exports.Body = Body;
-var _default = Body;
-exports["default"] = _default;
+var _default = exports["default"] = Body;

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

@@ -10,11 +10,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
 var _Pagination = _interopRequireWildcard(require("../../../Pagination"));
 var _utils = require("../utils");
 var _jsxRuntime = require("react/jsx-runtime");
-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; }
-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) { (0, _defineProperty2["default"])(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; }
-var Footer = function Footer(_ref) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Footer = exports.Footer = function Footer(_ref) {
   var pagination = _ref.pagination,
     onChange = _ref.onChange;
   return (0, _utils.isDeterminatePagination)(pagination) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pagination["default"], {
@@ -60,6 +60,4 @@ var Footer = function Footer(_ref) {
     })
   }) : null;
 };
-exports.Footer = Footer;
-var _default = Footer;
-exports["default"] = _default;
+var _default = exports["default"] = Footer;

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

@@ -8,7 +8,7 @@ exports["default"] = exports.Header = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _HeaderCell = _interopRequireDefault(require("./HeaderCell"));
 var _jsxRuntime = require("react/jsx-runtime");
-var Header = function Header(_ref) {
+var Header = exports.Header = function Header(_ref) {
   var columns = _ref.columns,
     _ref$sorting = _ref.sorting,
     sorting = _ref$sorting === void 0 ? [] : _ref$sorting,
@@ -36,6 +36,4 @@ var Header = function Header(_ref) {
     })
   });
 };
-exports.Header = Header;
-var _default = Header;
-exports["default"] = _default;
+var _default = exports["default"] = Header;

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

@@ -14,10 +14,10 @@ var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["sortingDirection", "onToggleSort", "column", "disabled", "children"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-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) { (0, _defineProperty2["default"])(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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var iconClassName = (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["h-4 inline ml-1"])));
-var HeaderCell = function HeaderCell(_ref) {
+var HeaderCell = exports.HeaderCell = function HeaderCell(_ref) {
   var _ref$sortingDirection = _ref.sortingDirection,
     sortingDirection = _ref$sortingDirection === void 0 ? "none" : _ref$sortingDirection,
     onToggleSort = _ref.onToggleSort,
@@ -44,17 +44,15 @@ var HeaderCell = function HeaderCell(_ref) {
     "aria-sort": sortingDirection === "desc" ? "descending" : sortingDirection === "asc" ? "ascending" : "none",
     className: className,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(InternalCellComponent, _objectSpread(_objectSpread({}, sortButtonProps), {}, {
-      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["px-4 py-[14px] inline-flex items-center focus:outline-none focus:text-accent-600"]))), sortButtonProps.className),
+      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["group/cell px-4 py-[14px] inline-flex items-center focus:outline-none focus:text-accent-600"]))), sortButtonProps.className),
       children: [children, sort ? sortingDirection === "desc" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ChevronDown, {
         className: iconClassName
       }) : sortingDirection === "asc" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ChevronUp, {
         className: iconClassName
       }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFeather.ChevronDown, {
-        className: (0, _clsx["default"])(iconClassName, (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["text-grey-300"]))))
+        className: (0, _clsx["default"])(iconClassName, (0, _satellitePrefixer["default"])(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["text-grey-300 invisible group-hover/cell:visible group-focus/cell:visible"]))))
       }) : null]
     }))
   }));
 };
-exports.HeaderCell = HeaderCell;
-var _default = HeaderCell;
-exports["default"] = _default;
+var _default = exports["default"] = HeaderCell;

package/cjs/Tables/DataTable/components/Loader.d.ts

@@ -1,6 +1,7 @@
 import type { VFC } from "react";
 import type { DataTableLocale } from "../DataTable";
 export interface LoaderProps {
+    /** @ignore */
     className?: string;
     locale: Required<DataTableLocale>;
 }

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

@@ -13,7 +13,7 @@ var _ProgressSpinner = _interopRequireDefault(require("../../../ProgressSpinner"
 var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
-var Loader = function Loader(_ref) {
+var Loader = exports.Loader = function Loader(_ref) {
   var className = _ref.className,
     locale = _ref.locale;
   var _useState = (0, _react.useState)(false),
@@ -34,7 +34,7 @@ var Loader = function Loader(_ref) {
     className: className,
     children: showLoadMessage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState["default"], {
       usageContext: "result",
-      medallion: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      leadIllustration: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex justify-center"]))),
         children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressSpinner["default"], {})
       }),
@@ -44,6 +44,4 @@ var Loader = function Loader(_ref) {
     }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressSpinner["default"], {})
   });
 };
-exports.Loader = Loader;
-var _default = Loader;
-exports["default"] = _default;
+var _default = exports["default"] = Loader;

package/cjs/Tables/DataTable/index.js

@@ -35,5 +35,5 @@ Object.keys(_types).forEach(function (key) {
     }
   });
 });
-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; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }

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

@@ -5,18 +5,30 @@ export declare type SortingDirection = "asc" | "desc" | "none";
 export declare type Sorting = [columnId: string, direction: SortingDirection];
 export declare type GetItemId<Item> = string | ((item: Item, idx: number) => string);
 export interface Row<Item> {
+    /** The item for the given row */
     item: Item;
+    /** The row id */
     id: string;
+    /** Is the row hovered? */
     hovered: boolean;
+    /** Is the row selected? */
     selected: boolean;
+    /** Can the row be selected? */
     selectable: boolean;
 }
 export interface CellProps<Item> {
+    /** The value of the given cell */
     value: any;
+    /**
+     * The row of the cell, which lets you access other keys
+     * Useful for example when you want to calculate a sum of values in a column
+     */
     row: Row<Item>;
+    /** The column of the given cell */
     column: AdvancedColumnDefinition<Item>;
 }
 export interface HeaderProps<Item> {
+    /** The column of the given header */
     column: AdvancedColumnDefinition<Item>;
 }
 export interface AdvancedColumnDefinition<Item> {
@@ -27,8 +39,10 @@ export interface AdvancedColumnDefinition<Item> {
     sort?: boolean;
     Header?: ComponentType<HeaderProps<Item>> | string | false;
     Cell?: ComponentType<CellProps<Item>>;
+    /** @ignore */
     className?: string;
 }
+/** A column can be defined as a `string`, or as an `AdvancedColumnDefinition` in more complex cases */
 export declare type ColumnDefinition<Item> = string | AdvancedColumnDefinition<Item>;
 export interface IndeterminatePagination {
     currentPage: number;

package/cjs/Tables/DataTable/utils.js

@@ -6,18 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.isIndeterminatePagination = exports.isDeterminatePagination = exports.getCellValue = void 0;
 var _get = _interopRequireDefault(require("lodash/get"));
-var isDeterminatePagination = function isDeterminatePagination(pagination) {
+var isDeterminatePagination = exports.isDeterminatePagination = function isDeterminatePagination(pagination) {
   return pagination !== false && "totalItemsCount" in pagination;
 };
-exports.isDeterminatePagination = isDeterminatePagination;
-var isIndeterminatePagination = function isIndeterminatePagination(pagination) {
+var isIndeterminatePagination = exports.isIndeterminatePagination = function isIndeterminatePagination(pagination) {
   return pagination !== false && !("totalItemsCount" in pagination) && "currentPage" in pagination && typeof pagination.currentPage === "number";
 };
-exports.isIndeterminatePagination = isIndeterminatePagination;
-var getCellValue = function getCellValue(column, row) {
+var getCellValue = exports.getCellValue = function getCellValue(column, row) {
   if (typeof column.accessor === "string") {
     return (0, _get["default"])(row.item, column.accessor);
   }
   return column.accessor(row.item);
-};
-exports.getCellValue = getCellValue;
+};

package/cjs/Tables/Table/Table.js

@@ -14,8 +14,8 @@ var _TableFooter = _interopRequireDefault(require("./components/TableFooter"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3;
 var _excluded = ["className", "footer", "smallFooter", "hasActions", "highlight"];
-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) { (0, _defineProperty2["default"])(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; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
  * Tables are used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
  *
@@ -35,7 +35,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  * - If a cell is empty or unavailable, keep the cell empty to reduce noise and help with legibility.
  * - Truncate long text to make it fit into a cell. However, choose column width wisely based on expected values, and adjust the table accordingly
  */
-var Table = function Table(_ref) {
+var Table = exports.Table = function Table(_ref) {
   var className = _ref.className,
     footer = _ref.footer,
     _ref$smallFooter = _ref.smallFooter,
@@ -57,6 +57,4 @@ var Table = function Table(_ref) {
     })]
   });
 };
-exports.Table = Table;
-var _default = Table;
-exports["default"] = _default;
+var _default = exports["default"] = Table;