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

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;

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

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

package/cjs/Tables/Table/components/TableFooter.js

@@ -10,7 +10,7 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3;
-var TableFooter = function TableFooter(_ref) {
+var TableFooter = exports.TableFooter = function TableFooter(_ref) {
   var _ref$size = _ref.size,
     size = _ref$size === void 0 ? "default" : _ref$size,
     children = _ref.children;
@@ -23,6 +23,4 @@ var TableFooter = function TableFooter(_ref) {
     children: children
   });
 };
-exports.TableFooter = TableFooter;
-var _default = TableFooter;
-exports["default"] = _default;
+var _default = exports["default"] = TableFooter;

package/cjs/Tables/Table/index.js

@@ -35,5 +35,5 @@ Object.keys(_TableFooter).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/index.js

@@ -35,5 +35,5 @@ Object.keys(_DataTable).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/Tabs/ContentTabs.js

@@ -13,7 +13,7 @@ var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satel
 var _utils = require("./utils");
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var ContentTabs = function ContentTabs(_ref) {
+var ContentTabs = exports.ContentTabs = function ContentTabs(_ref) {
   var className = _ref.className,
     tabs = _ref.tabs,
     tabIndex = _ref.tabIndex,
@@ -57,6 +57,4 @@ var ContentTabs = function ContentTabs(_ref) {
     })]
   });
 };
-exports.ContentTabs = ContentTabs;
-var _default = ContentTabs;
-exports["default"] = _default;
+var _default = exports["default"] = ContentTabs;

package/cjs/Tabs/LinkTabs.js

@@ -13,7 +13,7 @@ var _matchLocation = _interopRequireDefault(require("../utils/matchLocation"));
 var _LinkTab = _interopRequireDefault(require("./components/LinkTab"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _templateObject;
-var defaultUrlMatcher = function defaultUrlMatcher(tab, location) {
+var defaultUrlMatcher = exports.defaultUrlMatcher = function defaultUrlMatcher(tab, location) {
   return (0, _matchLocation["default"])(tab.to, {
     pathname: location.pathname || ""
   });
@@ -47,8 +47,7 @@ var defaultUrlMatcher = function defaultUrlMatcher(tab, location) {
  * - Use more than one row of tabs. Multiple rows create jumping UI elements, which make it impossible for users to remember which tabs they've already visited
  * - Place the tab on the sides or bottom of the page, where users often overlook them
  */
-exports.defaultUrlMatcher = defaultUrlMatcher;
-var LinkTabs = function LinkTabs(_ref) {
+var LinkTabs = exports.LinkTabs = function LinkTabs(_ref) {
   var className = _ref.className,
     tabs = _ref.tabs,
     onTabClick = _ref.onTabClick,
@@ -73,6 +72,4 @@ var LinkTabs = function LinkTabs(_ref) {
     })
   });
 };
-exports.LinkTabs = LinkTabs;
-var _default = LinkTabs;
-exports["default"] = _default;
+var _default = exports["default"] = LinkTabs;

package/cjs/Tabs/Tabs.tailwind.d.ts

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

package/cjs/Tabs/Tabs.tailwind.js

@@ -7,7 +7,11 @@ var tabsPlugin = plugin(function (_ref) {
     theme = _ref.theme;
   addComponents({
     ".tabs-tabbar": {
-      scrollBehavior: "smooth"
+      scrollBehavior: "smooth",
+      padding: "0 3px",
+      "&:is(nav)": {
+        padding: "0 4px"
+      }
     },
     ".tab[aria-selected=true]": {
       color: theme("colors.grey.900")
@@ -32,6 +36,8 @@ var tabsPlugin = plugin(function (_ref) {
     },
     ".tab": {
       flexShrink: "0",
+      padding: "3px",
+      marginTop: "3px",
       borderBottomWidth: "3px",
       borderBottomColor: "transparent",
       color: theme("colors.grey.600"),
@@ -46,6 +52,19 @@ var tabsPlugin = plugin(function (_ref) {
       },
       "&:focus": {
         outline: "none"
+      },
+      "&:focus-visible": {
+        outline: "3px solid ".concat(theme("colors.accent.600")),
+        marginBottom: "3px",
+        borderBottom: "transparent"
+      },
+      "&:is(a)": {
+        marginTop: "5px",
+        "&:focus-visible": {
+          margin: "4px 0",
+          paddingTop: "4px",
+          paddingBottom: "3px"
+        }
       }
     }
   });

package/cjs/Tabs/components/LinkTab.js

@@ -14,15 +14,15 @@ var _useLinkProps = _interopRequireDefault(require("../../utils/useLinkProps"));
 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; }
+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 getNextNonDisabledSibling = function getNextNonDisabledSibling(el) {
   var _ref;
   if (!el) return null;
   var next = el;
   do {
-    var _next, _next$nextElementSibl, _next2, _next3, _next3$parentElement;
-    next = (_next$nextElementSibl = (_next2 = next) === null || _next2 === void 0 ? void 0 : _next2.nextElementSibling) !== null && _next$nextElementSibl !== void 0 ? _next$nextElementSibl : (_next3 = next) === null || _next3 === void 0 ? void 0 : (_next3$parentElement = _next3.parentElement) === null || _next3$parentElement === void 0 ? void 0 : _next3$parentElement.firstElementChild;
+    var _next, _next$nextElementSibl, _next2, _next3;
+    next = (_next$nextElementSibl = (_next2 = next) === null || _next2 === void 0 ? void 0 : _next2.nextElementSibling) !== null && _next$nextElementSibl !== void 0 ? _next$nextElementSibl : (_next3 = next) === null || _next3 === void 0 || (_next3 = _next3.parentElement) === null || _next3 === void 0 ? void 0 : _next3.firstElementChild;
   } while ((_next = next) !== null && _next !== void 0 && _next.getAttribute("aria-disabled"));
   return (_ref = next) !== null && _ref !== void 0 ? _ref : null;
 };
@@ -31,12 +31,12 @@ var getPreviousNonDisabledSibling = function getPreviousNonDisabledSibling(el) {
   if (!el) return null;
   var next = el;
   do {
-    var _next4, _next$previousElement, _next5, _next6, _next6$parentElement;
-    next = (_next$previousElement = (_next5 = next) === null || _next5 === void 0 ? void 0 : _next5.previousElementSibling) !== null && _next$previousElement !== void 0 ? _next$previousElement : (_next6 = next) === null || _next6 === void 0 ? void 0 : (_next6$parentElement = _next6.parentElement) === null || _next6$parentElement === void 0 ? void 0 : _next6$parentElement.lastElementChild;
+    var _next4, _next$previousElement, _next5, _next6;
+    next = (_next$previousElement = (_next5 = next) === null || _next5 === void 0 ? void 0 : _next5.previousElementSibling) !== null && _next$previousElement !== void 0 ? _next$previousElement : (_next6 = next) === null || _next6 === void 0 || (_next6 = _next6.parentElement) === null || _next6 === void 0 ? void 0 : _next6.lastElementChild;
   } while ((_next4 = next) !== null && _next4 !== void 0 && _next4.getAttribute("aria-disabled"));
   return (_ref2 = next) !== null && _ref2 !== void 0 ? _ref2 : null;
 };
-var LinkTab = function LinkTab(_ref3) {
+var LinkTab = exports.LinkTab = function LinkTab(_ref3) {
   var tab = _ref3.tab,
     _onClick = _ref3.onClick,
     selected = _ref3.selected;
@@ -65,12 +65,12 @@ var LinkTab = function LinkTab(_ref3) {
       if (tab.disabled) return;
       if (evt.key === "ArrowRight") {
         var nextElement = getNextNonDisabledSibling(evt.currentTarget);
-        nextElement === null || nextElement === void 0 ? void 0 : nextElement.click();
-        nextElement === null || nextElement === void 0 ? void 0 : nextElement.focus();
+        nextElement === null || nextElement === void 0 || nextElement.click();
+        nextElement === null || nextElement === void 0 || nextElement.focus();
       } else if (evt.key === "ArrowLeft") {
         var previousElement = getPreviousNonDisabledSibling(evt.currentTarget);
-        previousElement === null || previousElement === void 0 ? void 0 : previousElement.click();
-        previousElement === null || previousElement === void 0 ? void 0 : previousElement.focus();
+        previousElement === null || previousElement === void 0 || previousElement.click();
+        previousElement === null || previousElement === void 0 || previousElement.focus();
       }
     },
     children: [tab.label, !!tab.value && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge["default"], {
@@ -81,6 +81,4 @@ var LinkTab = function LinkTab(_ref3) {
     })]
   }));
 };
-exports.LinkTab = LinkTab;
-var _default = LinkTab;
-exports["default"] = _default;
+var _default = exports["default"] = LinkTab;

package/cjs/Tabs/index.js

@@ -47,5 +47,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/Tabs/types.d.ts

@@ -29,7 +29,6 @@ export interface ContentTabsProps {
     className?: string;
     tabs: ContentTab[];
     tabIndex?: number;
-    /** @default 0 */
     defaultIndex?: number;
     onChange?: (tabIndex: number) => void;
 }