@algolia/satellite 1.1.0 → 1.1.2

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

@@ -1,118 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DataTableBody = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-var _EmptyState = require("../../../EmptyState");
-var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
-var _utils = require("../utils");
-var _jsxRuntime = require("react/jsx-runtime");
-var _react = require("react");
-var _templateObject, _templateObject2, _templateObject3;
-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 DataTableBody = exports.DataTableBody = function DataTableBody(_ref) {
-  var rows = _ref.rows,
-    columns = _ref.columns,
-    status = _ref.status,
-    noDataContent = _ref.noDataContent,
-    errorContent = _ref.errorContent,
-    selectMode = _ref.selectMode,
-    _ref$selection = _ref.selection,
-    selection = _ref$selection === void 0 ? [] : _ref$selection,
-    onSelectionChange = _ref.onSelectionChange,
-    onRowHoverChange = _ref.onRowHoverChange,
-    _ref$canHoverRow = _ref.canHoverRow,
-    canHoverRow = _ref$canHoverRow === void 0 ? function () {
-      return true;
-    } : _ref$canHoverRow,
-    locale = _ref.locale;
-  var handleRowSelection = function handleRowSelection(row) {
-    if (!onSelectionChange) return;
-    var rowId = row.id;
-    var isSelected = selection.includes(rowId);
-    var newSelection = isSelected ? selection.filter(function (id) {
-      return id !== rowId;
-    }) : selectMode === "multi" ? [].concat((0, _toConsumableArray2["default"])(selection), [rowId]) : [rowId];
-    onSelectionChange(newSelection);
-  };
-  var additionalRowProps = function additionalRowProps(row) {
-    return _objectSpread(_objectSpread({}, canHoverRow(row) ? {
-      onMouseEnter: function onMouseEnter() {
-        return onRowHoverChange(row);
-      },
-      onMouseLeave: function onMouseLeave() {
-        return onRowHoverChange(null);
-      },
-      className: "hoverable"
-    } : {
-      className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["row-disabled"])))
-    }), row.selectable && {
-      onClick: function onClick() {
-        return handleRowSelection(row);
-      }
-    });
-  };
-  if (status === "error") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
-          colSpan: columns.length,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex justify-center py-6"]))),
-            children: errorContent || /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState.EmptyState, {
-              title: locale.errorTitle,
-              description: locale.errorDescription,
-              centered: true,
-              usageContext: "result"
-            })
-          })
-        })
-      })
-    });
-  }
-  if (rows.length === 0 && status !== "loading") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
-          colSpan: columns.length,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-            className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["flex justify-center py-6"]))),
-            children: noDataContent || /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState.EmptyState, {
-              title: locale.noDataTitle,
-              description: locale.noDataDescription,
-              centered: true,
-              usageContext: "result"
-            })
-          })
-        })
-      })
-    });
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("tbody", {
-    children: rows.map(function (row, rowIndex) {
-      return /*#__PURE__*/(0, _react.createElement)("tr", _objectSpread(_objectSpread({}, additionalRowProps(row)), {}, {
-        key: rowIndex
-      }), columns.map(function (column) {
-        var value = (0, _utils.getCellValue)(column, row);
-        var Cell = column.Cell;
-        return Cell ? /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
-          className: column === null || column === void 0 ? void 0 : column.className,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Cell, {
-            row: rows[rowIndex],
-            column: column,
-            value: value
-          })
-        }, column.id) : /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
-          className: column === null || column === void 0 ? void 0 : column.className,
-          children: value !== null && value !== void 0 ? value : "-"
-        }, column.id);
-      }));
-    })
-  });
-};

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

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DataTableFooter = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _Pagination = require("../../../Pagination");
-var _utils = require("../utils");
-var _jsxRuntime = require("react/jsx-runtime");
-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 DataTableFooter = exports.DataTableFooter = function DataTableFooter(_ref) {
-  var pagination = _ref.pagination,
-    onChange = _ref.onChange;
-  return (0, _utils.isDeterminatePagination)(pagination) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pagination.Pagination, {
-    nbPages: Math.ceil(pagination.totalItemsCount / pagination.itemsPerPage),
-    currentPage: pagination.currentPage,
-    maxButtons: 8,
-    onChange: function (_onChange) {
-      function onChange(_x) {
-        return _onChange.apply(this, arguments);
-      }
-      onChange.toString = function () {
-        return _onChange.toString();
-      };
-      return onChange;
-    }(function (page) {
-      return onChange({
-        pagination: _objectSpread(_objectSpread({}, pagination), {}, {
-          currentPage: page
-        }),
-        sorting: []
-      });
-    })
-  }) : (0, _utils.isIndeterminatePagination)(pagination) ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Pagination.CompactPagination, {
-    label: "compact",
-    currentPage: pagination.currentPage,
-    showGoToFirstPage: true,
-    nextDisabled: pagination.isLastPage,
-    onChange: function (_onChange2) {
-      function onChange(_x2) {
-        return _onChange2.apply(this, arguments);
-      }
-      onChange.toString = function () {
-        return _onChange2.toString();
-      };
-      return onChange;
-    }(function (page) {
-      return onChange({
-        pagination: _objectSpread(_objectSpread({}, pagination), {}, {
-          currentPage: page
-        }),
-        sorting: []
-      });
-    })
-  }) : null;
-};

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

@@ -1,57 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DataTableHeaderCell = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _Icons = require("../../../Icons");
-var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["sortingDirection", "onToggleSort", "column", "disabled", "children"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-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 DataTableHeaderCell = exports.DataTableHeaderCell = function DataTableHeaderCell(_ref) {
-  var _ref$sortingDirection = _ref.sortingDirection,
-    sortingDirection = _ref$sortingDirection === void 0 ? "none" : _ref$sortingDirection,
-    onToggleSort = _ref.onToggleSort,
-    _ref$column = _ref.column,
-    id = _ref$column.id,
-    className = _ref$column.className,
-    _ref$column$sort = _ref$column.sort,
-    sort = _ref$column$sort === void 0 ? false : _ref$column$sort,
-    disabled = _ref.disabled,
-    children = _ref.children,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var InternalCellComponent = sort && !disabled ? "button" : "span";
-  var handleSorting = function handleSorting() {
-    if (disabled) return;
-    onToggleSort(id, sortingDirection === "desc" ? "asc" : sortingDirection === "asc" ? "none" : "desc");
-  };
-  var sortButtonProps = sort ? {
-    onClick: function onClick() {
-      return handleSorting();
-    },
-    className: disabled ? (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["cursor-not-allowed"]))) : (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["cursor-pointer"])))
-  } : {};
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("th", _objectSpread(_objectSpread({}, props), {}, {
-    "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"])(["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)(_Icons.ChevronDownIcon, {
-        className: iconClassName
-      }) : sortingDirection === "asc" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ChevronUpIcon, {
-        className: iconClassName
-      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icons.ChevronDownIcon, {
-        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]
-    }))
-  }));
-};

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

@@ -1,46 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DataTableLoader = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = require("react");
-var _EmptyState = require("../../../EmptyState");
-var _ProgressSpinner = require("../../../ProgressSpinner");
-var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-var DataTableLoader = exports.DataTableLoader = function DataTableLoader(_ref) {
-  var className = _ref.className,
-    locale = _ref.locale;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    showLoadMessage = _useState2[0],
-    setShowLoadMessage = _useState2[1];
-  (0, _react.useEffect)(function () {
-    // See https://github.com/algolia/AlgoliaWeb/blob/develop/_client/src/common/components/AsyncWrapper/AsyncWrapper.tsx#L56
-    var loadTimer = setTimeout(function () {
-      return setShowLoadMessage(true);
-    }, 5000);
-    return function () {
-      clearTimeout(loadTimer);
-      setShowLoadMessage(false);
-    };
-  }, []);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: className,
-    children: showLoadMessage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState.EmptyState, {
-      usageContext: "result",
-      leadIllustration: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex justify-center"]))),
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressSpinner.ProgressSpinner, {})
-      }),
-      title: locale.loadingTitle,
-      description: locale.loadingDescription,
-      centered: true
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressSpinner.ProgressSpinner, {})
-  });
-};

package/dist/cjs/Tables/Table/Table.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Table = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-var _TableFooter = require("./components/TableFooter");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3;
-var _excluded = ["className", "footer", "smallFooter", "hasActions", "highlight"];
-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; }
-/**
- * The `Table` component is used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
- *
- * See the [Table documentation page](https://satellite.algolia.com/layouts/table) for more information.
- */
-var Table = exports.Table = function Table(_ref) {
-  var className = _ref.className,
-    footer = _ref.footer,
-    _ref$smallFooter = _ref.smallFooter,
-    smallFooter = _ref$smallFooter === void 0 ? false : _ref$smallFooter,
-    hasActions = _ref.hasActions,
-    _ref$highlight = _ref.highlight,
-    highlight = _ref$highlight === void 0 ? true : _ref$highlight,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["rounded text-grey-900 bg-white display-body"]))), className),
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["overflow-x-auto"]))),
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("table", _objectSpread(_objectSpread({}, props), {}, {
-        className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["table ", " ", ""])), hasActions && "table-with-actions", highlight && "table-with-highlight")
-      }))
-    }), !!footer && /*#__PURE__*/(0, _jsxRuntime.jsx)(_TableFooter.TableFooter, {
-      size: smallFooter ? "small" : "default",
-      children: footer
-    })]
-  });
-};

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

@@ -1,25 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TableFooter = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3;
-var TableFooter = exports.TableFooter = function TableFooter(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? "default" : _ref$size,
-    children = _ref.children;
-  var SIZE_CLASSNAMES = {
-    "default": (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["py-3 px-4"]))),
-    small: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["py-1 px-4"])))
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["bg-grey-100 border-t border-grey-200 text-grey-600 flex items-center justify-center"]))), SIZE_CLASSNAMES[size]),
-    children: children
-  });
-};

package/dist/cjs/Tabs/ContentTabs.d.ts

@@ -1,3 +0,0 @@
-import type { VFC } from "react";
-import type { ContentTabsProps } from "./types";
-export declare const ContentTabs: VFC<ContentTabsProps>;

package/dist/cjs/Tabs/ContentTabs.js

@@ -1,59 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.ContentTabs = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _reactTabs = require("@radix-ui/react-tabs");
-var _clsx = _interopRequireDefault(require("clsx"));
-var _Badge = require("../Badge");
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _utils = require("./utils");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-var ContentTabs = exports.ContentTabs = function ContentTabs(_ref) {
-  var className = _ref.className,
-    tabs = _ref.tabs,
-    tabIndex = _ref.tabIndex,
-    _ref$defaultIndex = _ref.defaultIndex,
-    defaultIndex = _ref$defaultIndex === void 0 ? 0 : _ref$defaultIndex,
-    onChange = _ref.onChange;
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactTabs.Tabs, {
-    value: typeof tabIndex !== "undefined" ? String(tabIndex) : undefined,
-    defaultValue: typeof defaultIndex !== "undefined" ? String(defaultIndex) : undefined,
-    onValueChange: function onValueChange(value) {
-      return onChange === null || onChange === void 0 ? void 0 : onChange(Number(value));
-    },
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTabs.TabsList, {
-      className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tabs-tabbar border-b border-grey-200 flex overflow-x-auto whitespace-nowrap space-x-6"]))), className),
-      children: tabs.map(function (_ref2, index) {
-        var _ref2$variant = _ref2.variant,
-          variant = _ref2$variant === void 0 ? "accent" : _ref2$variant,
-          className = _ref2.className,
-          disabled = _ref2.disabled,
-          label = _ref2.label,
-          value = _ref2.value;
-        return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactTabs.TabsTrigger, {
-          value: String(index),
-          disabled: disabled,
-          className: (0, _clsx["default"])(_utils.ACTIVE_UNDERLINE_VARIANT_CLASSNAMES[variant], (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["tab pb-3 text-base leading-sm"]))), className),
-          children: [label, !!value && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.Badge, {
-            size: "small",
-            variant: variant,
-            className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["ml-2"]))),
-            children: value
-          })]
-        }, index);
-      })
-    }), tabs.map(function (_ref3, index) {
-      var content = _ref3.content;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactTabs.TabsContent, {
-        value: String(index),
-        className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["focus:outline-none"]))),
-        children: content
-      }, index);
-    })]
-  });
-};

package/dist/cjs/Tabs/LinkTabs.d.ts

@@ -1,9 +0,0 @@
-import type { VFC } from "react";
-import type { LinkTabsProps, UrlMatcher } from "./types";
-export declare const defaultUrlMatcher: UrlMatcher;
-/**
- * The `Tabs` component is an easy way to organize content by grouping similar information on the same page. Use it to help users navigate between related views within the same context, especially when the number of views may be more than 3.
- *
- * See the [Tabs documentation page](https://satellite.algolia.com/components/navigation/tabs) for more information.
- */
-export declare const LinkTabs: VFC<LinkTabsProps>;

package/dist/cjs/Tabs/LinkTabs.js

@@ -1,51 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultUrlMatcher = exports.LinkTabs = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _useLocation = _interopRequireDefault(require("react-use/lib/useLocation"));
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-var _matchLocation = require("../utils/matchLocation");
-var _LinkTab = require("./components/LinkTab");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject;
-var defaultUrlMatcher = exports.defaultUrlMatcher = function defaultUrlMatcher(tab, location) {
-  return (0, _matchLocation.matchLocation)(tab.to, {
-    pathname: location.pathname || ""
-  });
-};
-
-/**
- * The `Tabs` component is an easy way to organize content by grouping similar information on the same page. Use it to help users navigate between related views within the same context, especially when the number of views may be more than 3.
- *
- * See the [Tabs documentation page](https://satellite.algolia.com/components/navigation/tabs) for more information.
- */
-var LinkTabs = exports.LinkTabs = function LinkTabs(_ref) {
-  var className = _ref.className,
-    tabs = _ref.tabs,
-    onTabClick = _ref.onTabClick,
-    _ref$urlMatcher = _ref.urlMatcher,
-    urlMatcher = _ref$urlMatcher === void 0 ? defaultUrlMatcher : _ref$urlMatcher;
-  var location = (0, _useLocation["default"])();
-  var tabIndex = tabs.findIndex(function (tab) {
-    return urlMatcher(tab, location);
-  });
-  tabIndex = tabIndex === -1 ? 0 : tabIndex;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
-    role: "tablist",
-    className: (0, _clsx["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tabs-tabbar border-b border-grey-200 flex overflow-x-auto whitespace-nowrap space-x-6"]))), className),
-    children: tabs.map(function (tab, index) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkTab.LinkTab, {
-        tab: tab,
-        selected: index === tabIndex,
-        onClick: function onClick(evt) {
-          return onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(evt, tab);
-        }
-      }, tab.to);
-    })
-  });
-};

package/dist/cjs/Tabs/components/LinkTab.js

@@ -1,83 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LinkTab = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _Badge = require("../../Badge");
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-var _useLinkProps = require("../../utils/useLinkProps");
-var _utils = require("../utils");
-var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2;
-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;
-    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;
-};
-var getPreviousNonDisabledSibling = function getPreviousNonDisabledSibling(el) {
-  var _ref2;
-  if (!el) return null;
-  var next = el;
-  do {
-    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 = exports.LinkTab = function LinkTab(_ref3) {
-  var tab = _ref3.tab,
-    _onClick = _ref3.onClick,
-    selected = _ref3.selected;
-  var variant = tab.variant || "accent";
-  var selectionProps = selected ? {
-    "aria-selected": true,
-    tabIndex: 0
-  } : {
-    "aria-selected": false,
-    tabIndex: -1
-  };
-  var linkProps = (0, _useLinkProps.useLinkProps)({
-    href: tab.to,
-    disabled: tab.disabled,
-    onClick: function onClick(evt) {
-      if (_onClick) {
-        _onClick(evt);
-      }
-    }
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread(_objectSpread({}, linkProps), selectionProps), {}, {
-    id: tab.id,
-    role: "tab",
-    className: (0, _clsx["default"])(_utils.ACTIVE_UNDERLINE_VARIANT_CLASSNAMES[variant], (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["tab pb-3 text-base leading-sm hover:no-underline"]))), tab.className),
-    onKeyDown: function onKeyDown(evt) {
-      if (tab.disabled) return;
-      if (evt.key === "ArrowRight") {
-        var nextElement = getNextNonDisabledSibling(evt.currentTarget);
-        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 || previousElement.click();
-        previousElement === null || previousElement === void 0 || previousElement.focus();
-      }
-    },
-    children: [tab.label, !!tab.value && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge.Badge, {
-      size: "small",
-      variant: variant,
-      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["ml-2 text-grey-600"]))),
-      children: tab.value
-    })]
-  }));
-};

package/dist/cjs/Tabs/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./LinkTabs";
-export * from "./ContentTabs";
-export * from "./types";

package/dist/cjs/Tabs/index.js

@@ -1,38 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _LinkTabs = require("./LinkTabs");
-Object.keys(_LinkTabs).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _LinkTabs[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _LinkTabs[key];
-    }
-  });
-});
-var _ContentTabs = require("./ContentTabs");
-Object.keys(_ContentTabs).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ContentTabs[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _ContentTabs[key];
-    }
-  });
-});
-var _types = require("./types");
-Object.keys(_types).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _types[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _types[key];
-    }
-  });
-});

package/dist/cjs/Tabs/types.d.ts

@@ -1,34 +0,0 @@
-import type { MouseEvent, ReactNode } from "react";
-import type { LocationSensorState } from "react-use/lib/useLocation";
-import type { ColorVariant } from "../types";
-export interface BaseTab {
-    id?: string;
-    label: ReactNode;
-    variant?: ColorVariant;
-    disabled?: boolean;
-    value?: string;
-    /** @ignore */
-    className?: string;
-}
-export declare type UrlMatcher = (tab: LinkTab, location: LocationSensorState) => boolean;
-export interface LinkTab extends BaseTab {
-    to: string;
-}
-export interface LinkTabsProps {
-    /** @ignore */
-    className?: string;
-    tabs: LinkTab[];
-    onTabClick?(event: MouseEvent<HTMLAnchorElement>, tab: LinkTab): void;
-    urlMatcher?: UrlMatcher;
-}
-export interface ContentTab extends BaseTab {
-    content: ReactNode;
-}
-export interface ContentTabsProps {
-    /** @ignore */
-    className?: string;
-    tabs: ContentTab[];
-    tabIndex?: number;
-    defaultIndex?: number;
-    onChange?: (tabIndex: number) => void;
-}

package/dist/cjs/Tabs/utils.d.ts

@@ -1,2 +0,0 @@
-import type { ColorVariant } from "../types";
-export declare const ACTIVE_UNDERLINE_VARIANT_CLASSNAMES: Record<ColorVariant, string>;