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

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

@@ -9,34 +9,38 @@ exports["default"] = exports.Header = void 0;
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _react = _interopRequireDefault(require("react"));
-
 var _HeaderCell = _interopRequireDefault(require("./HeaderCell"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var Header = function Header(_ref) {
   var columns = _ref.columns,
       _ref$sorting = _ref.sorting,
       sorting = _ref$sorting === void 0 ? [] : _ref$sorting,
       onToggleSort = _ref.onToggleSort,
       disabled = _ref.disabled;
-  return /*#__PURE__*/_react["default"].createElement("thead", null, /*#__PURE__*/_react["default"].createElement("tr", null, columns.map(function (column) {
-    var Header = column.Header;
-    var sortingDirection = sorting.find(function (_ref2) {
-      var _ref3 = (0, _slicedToArray2["default"])(_ref2, 1),
-          colId = _ref3[0];
-
-      return colId === column.id;
-    }) || [null];
-    return /*#__PURE__*/_react["default"].createElement(_HeaderCell["default"], {
-      key: column.id,
-      column: column,
-      disabled: disabled,
-      sortingDirection: sortingDirection[1],
-      onToggleSort: onToggleSort
-    }, !Header ? null : typeof Header === "string" ? Header : /*#__PURE__*/_react["default"].createElement(Header, {
-      column: column
-    }));
-  })));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("thead", {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("tr", {
+      children: columns.map(function (column) {
+        var Header = column.Header;
+        var sortingDirection = sorting.find(function (_ref2) {
+          var _ref3 = (0, _slicedToArray2["default"])(_ref2, 1),
+              colId = _ref3[0];
+
+          return colId === column.id;
+        }) || [null];
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_HeaderCell["default"], {
+          column: column,
+          disabled: disabled,
+          sortingDirection: sortingDirection[1],
+          onToggleSort: onToggleSort,
+          children: !Header ? null : typeof Header === "string" ? Header : /*#__PURE__*/(0, _jsxRuntime.jsx)(Header, {
+            column: column
+          })
+        }, column.id);
+      })
+    })
+  });
 };
 
 exports.Header = Header;

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

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

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

@@ -7,24 +7,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.HeaderCell = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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 _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _reactFeather = require("react-feather");
 
 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;
 
+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 iconClassName = (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["h-4 inline ml-1"])));
 
 var HeaderCell = function HeaderCell(_ref) {
@@ -39,21 +43,23 @@ var HeaderCell = function HeaderCell(_ref) {
       disabled = _ref.disabled,
       children = _ref.children,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement("th", (0, _extends2["default"])({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("th", _objectSpread(_objectSpread({}, props), {}, {
     "aria-sort": sortingDirection === "desc" ? "descending" : sortingDirection === "asc" ? "ascending" : "none",
     onClick: function onClick() {
       return sort && !disabled && onToggleSort(id, sortingDirection === "desc" ? "asc" : sortingDirection === "asc" ? "none" : "desc");
     },
-    className: (0, _classnames["default"])(className, (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["group ", ""])), sort && (disabled ? "cursor-not-allowed" : "cursor-pointer")))
-  }), /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["inline-flex items-center"])))
-  }, children, sort ? sortingDirection === "desc" ? /*#__PURE__*/_react["default"].createElement(_reactFeather.ChevronDown, {
-    className: iconClassName
-  }) : sortingDirection === "asc" ? /*#__PURE__*/_react["default"].createElement(_reactFeather.ChevronUp, {
-    className: iconClassName
-  }) : /*#__PURE__*/_react["default"].createElement(_reactFeather.ChevronDown, {
-    className: (0, _classnames["default"])(iconClassName, (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["text-grey-300 opacity-0 group-hover:opacity-100"]))))
-  }) : null));
+    className: (0, _classnames["default"])(className, (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["group ", ""])), sort && (disabled ? "cursor-not-allowed" : "cursor-pointer"))),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["inline-flex items-center"]))),
+      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, _classnames["default"])(iconClassName, (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["text-grey-300 opacity-0 group-hover:opacity-100"]))))
+      }) : null]
+    })
+  }));
 };
 
 exports.HeaderCell = HeaderCell;

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

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,19 +11,17 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _react = _interopRequireWildcard(require("react"));
-
-var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
+var _react = require("react");
 
 var _EmptyState = _interopRequireDefault(require("../../../EmptyState"));
 
 var _ProgressSpinner = _interopRequireDefault(require("../../../ProgressSpinner"));
 
-var _templateObject;
+var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
 
-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); }
+var _jsxRuntime = require("react/jsx-runtime");
 
-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; }
+var _templateObject;
 
 var Loader = function Loader(_ref) {
   var className = _ref.className;
@@ -45,17 +41,19 @@ var Loader = function Loader(_ref) {
       setShowLoadMessage(false);
     };
   }, []);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: className
-  }, showLoadMessage ? /*#__PURE__*/_react["default"].createElement(_EmptyState["default"], {
-    usageContext: "result",
-    medallion: /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex justify-center"])))
-    }, /*#__PURE__*/_react["default"].createElement(_ProgressSpinner["default"], null)),
-    title: "It appears to be taking a while to get your data",
-    description: "Please hold or try again later",
-    centered: true
-  }) : /*#__PURE__*/_react["default"].createElement(_ProgressSpinner["default"], null));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: className,
+    children: showLoadMessage ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmptyState["default"], {
+      usageContext: "result",
+      medallion: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex justify-center"]))),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressSpinner["default"], {})
+      }),
+      title: "It appears to be taking a while to get your data",
+      description: "Please hold or try again later",
+      centered: true
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_ProgressSpinner["default"], {})
+  });
 };
 
 exports.Loader = Loader;

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

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

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

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

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

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

package/cjs/Tables/Table/Table.js

@@ -7,24 +7,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Table = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+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 _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 
 var _Footer = _interopRequireDefault(require("./components/Footer"));
 
+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; }
+
 /**
  * Tables are used to structure content in a grid to make it easier to see relationships and to facilitate understanding.
  *
@@ -53,15 +57,18 @@ var Table = function Table(_ref) {
       _ref$highlight = _ref.highlight,
       highlight = _ref$highlight === void 0 ? true : _ref$highlight,
       props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["rounded text-grey-900 bg-white display-body"]))), className)
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["overflow-x-auto"])))
-  }, /*#__PURE__*/_react["default"].createElement("table", (0, _extends2["default"])({}, props, {
-    className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["table ", " ", ""])), hasActions && "table-with-actions", highlight && "table-with-highlight")
-  }))), footer && /*#__PURE__*/_react["default"].createElement(_Footer["default"], {
-    size: smallFooter ? "small" : "default"
-  }, footer));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+    className: (0, _classnames["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)(_Footer["default"], {
+      size: smallFooter ? "small" : "default",
+      children: footer
+    })]
+  });
 };
 
 exports.Table = Table;

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

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

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

@@ -9,12 +9,12 @@ exports["default"] = exports.Footer = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _satellitePrefixer = _interopRequireDefault(require("../../../styles/helpers/satellitePrefixer"));
 
+var _jsxRuntime = require("react/jsx-runtime");
+
 var _templateObject, _templateObject2, _templateObject3;
 
 var Footer = function Footer(_ref) {
@@ -25,9 +25,10 @@ var Footer = function Footer(_ref) {
     "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__*/_react["default"].createElement("div", {
-    className: (0, _classnames["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);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+    className: (0, _classnames["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
+  });
 };
 
 exports.Footer = Footer;

package/cjs/Tabs/ContentTabs.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-import { ContentTabsProps } from "./types";
+import type { ContentTabsProps } from "./types";
 export declare const ContentTabs: ({ className, tabs, tabIndex, defaultIndex, onChange }: ContentTabsProps) => JSX.Element;
 export default ContentTabs;

package/cjs/Tabs/ContentTabs.js

@@ -2,8 +2,6 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
-var _typeof = require("@babel/runtime/helpers/typeof");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -13,23 +11,21 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 
-var _react = _interopRequireWildcard(require("react"));
+var _tabs = require("@reach/tabs");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _tabs = require("@reach/tabs");
-
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
+var _react = require("react");
 
 var _Badge = _interopRequireDefault(require("../Badge"));
 
-var _utils = require("./utils");
+var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _utils = require("./utils");
 
-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); }
+var _jsxRuntime = require("react/jsx-runtime");
 
-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; }
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 
 var ContentTabs = function ContentTabs(_ref) {
   var className = _ref.className,
@@ -58,36 +54,41 @@ var ContentTabs = function ContentTabs(_ref) {
     }
   };
 
-  return /*#__PURE__*/_react["default"].createElement(_tabs.Tabs, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_tabs.Tabs, {
     index: internalTabIndex,
     onChange: handleTabsChange,
-    defaultIndex: internalTabIndex
-  }, /*#__PURE__*/_react["default"].createElement(_tabs.TabList, {
-    className: (0, _classnames["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)
-  }, 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__*/_react["default"].createElement(_tabs.Tab, {
-      key: index,
-      className: (0, _classnames["default"])(_utils.ACTIVE_UNDERLINE_VARIANT_CLASSNAMES[variant], (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["tab pb-3 text-base leading-sm"]))), className),
-      disabled: disabled
-    }, label, value && /*#__PURE__*/_react["default"].createElement(_Badge["default"], {
-      size: "small",
-      variant: variant,
-      className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["ml-2 text-grey-600"])))
-    }, value));
-  })), /*#__PURE__*/_react["default"].createElement(_tabs.TabPanels, null, tabs.map(function (_ref3, index) {
-    var content = _ref3.content;
-    var isActive = internalTabIndex === index;
-    return /*#__PURE__*/_react["default"].createElement(_tabs.TabPanel, {
-      key: index,
-      className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["focus:outline-none"])))
-    }, isActive ? content : null);
-  })));
+    defaultIndex: internalTabIndex,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.TabList, {
+      className: (0, _classnames["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)(_tabs.Tab, {
+          className: (0, _classnames["default"])(_utils.ACTIVE_UNDERLINE_VARIANT_CLASSNAMES[variant], (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["tab pb-3 text-base leading-sm"]))), className),
+          disabled: disabled,
+          children: [label, value && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge["default"], {
+            size: "small",
+            variant: variant,
+            className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["ml-2 text-grey-600"]))),
+            children: value
+          })]
+        }, index);
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.TabPanels, {
+      children: tabs.map(function (_ref3, index) {
+        var content = _ref3.content;
+        var isActive = internalTabIndex === index;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tabs.TabPanel, {
+          className: (0, _satellitePrefixer["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["focus:outline-none"]))),
+          children: isActive ? content : null
+        }, index);
+      })
+    })]
+  });
 };
 
 exports.ContentTabs = ContentTabs;

package/cjs/Tabs/LinkTabs.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LinkTabsProps, UrlMatcher } from "./types";
+import type { LinkTabsProps, UrlMatcher } from "./types";
 export declare const defaultUrlMatcher: UrlMatcher;
 /**
  * Tabs are an easy way to organize content by grouping similar information on the same page. Use them to help users navigate between related views within the same context, especially when the number of views may be more than 3.

package/cjs/Tabs/LinkTabs.js

@@ -9,18 +9,18 @@ exports.defaultUrlMatcher = exports["default"] = exports.LinkTabs = void 0;
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
 var _useLocation = _interopRequireDefault(require("react-use/lib/useLocation"));
 
-var _matchLocation = _interopRequireDefault(require("../utils/matchLocation"));
-
 var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
 
+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) {
@@ -71,19 +71,19 @@ var LinkTabs = function LinkTabs(_ref) {
     return urlMatcher(tab, location);
   });
   tabIndex = tabIndex === -1 ? 0 : tabIndex;
-  return /*#__PURE__*/_react["default"].createElement("nav", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("nav", {
     role: "tablist",
-    className: (0, _classnames["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)
-  }, tabs.map(function (tab, index) {
-    return /*#__PURE__*/_react["default"].createElement(_LinkTab["default"], {
-      key: tab.to,
-      tab: tab,
-      selected: index === tabIndex,
-      onClick: function onClick(evt) {
-        return onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(evt, tab);
-      }
-    });
-  }));
+    className: (0, _classnames["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["default"], {
+        tab: tab,
+        selected: index === tabIndex,
+        onClick: function onClick(evt) {
+          return onTabClick === null || onTabClick === void 0 ? void 0 : onTabClick(evt, tab);
+        }
+      }, tab.to);
+    })
+  });
 };
 
 exports.LinkTabs = LinkTabs;

package/cjs/Tabs/components/LinkTab.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
-import { LinkTab as LinkTabType } from "../types";
+import type { MouseEventHandler } from "react";
+import type { LinkTab as LinkTabType } from "../types";
 export interface LinkTabProps {
     tab: LinkTabType;
-    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+    onClick?: MouseEventHandler<HTMLAnchorElement>;
     selected: boolean;
 }
 export declare const LinkTab: ({ tab, onClick, selected }: LinkTabProps) => JSX.Element;

package/cjs/Tabs/components/LinkTab.js

@@ -7,24 +7,28 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.LinkTab = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 
-var _react = _interopRequireDefault(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _useLinkProps = _interopRequireDefault(require("../../utils/useLinkProps"));
+var _Badge = _interopRequireDefault(require("../../Badge"));
 
 var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
 
-var _Badge = _interopRequireDefault(require("../../Badge"));
+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; }
+
 var getNextNonDisabledSibling = function getNextNonDisabledSibling(el) {
   var _ref;
 
@@ -76,7 +80,7 @@ var LinkTab = function LinkTab(_ref3) {
       }
     }
   });
-  return /*#__PURE__*/_react["default"].createElement("a", (0, _extends2["default"])({}, linkProps, selectionProps, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("a", _objectSpread(_objectSpread(_objectSpread({}, linkProps), selectionProps), {}, {
     id: tab.id,
     role: "tab",
     className: (0, _classnames["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),
@@ -94,12 +98,14 @@ var LinkTab = function LinkTab(_ref3) {
         previousElement === null || previousElement === void 0 ? void 0 : previousElement.click();
         previousElement === null || previousElement === void 0 ? void 0 : previousElement.focus();
       }
-    }
-  }), tab.label, tab.value && /*#__PURE__*/_react["default"].createElement(_Badge["default"], {
-    size: "small",
-    variant: variant,
-    className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["ml-2 text-grey-600"])))
-  }, tab.value));
+    },
+    children: [tab.label, tab.value && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Badge["default"], {
+      size: "small",
+      variant: variant,
+      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["ml-2 text-grey-600"]))),
+      children: tab.value
+    })]
+  }));
 };
 
 exports.LinkTab = LinkTab;