@algolia/satellite 1.0.0-beta.114 → 1.0.0-beta.118

package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroup.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownCollapsibleItemsGroup = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _DropdownCollapsibleItemsGroupContext = require("./DropdownCollapsibleItemsGroupContext");
+
+var DropdownCollapsibleItemsGroup = function DropdownCollapsibleItemsGroup(_ref) {
+  var expandedItems = _ref.expandedItems,
+      onItemClick = _ref.onItemClick,
+      children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement(_DropdownCollapsibleItemsGroupContext.DropdownCollapsibleItemsGroupContext.Provider, {
+    value: {
+      expandedItems: expandedItems,
+      onItemClick: onItemClick
+    }
+  }, children);
+};
+
+exports.DropdownCollapsibleItemsGroup = DropdownCollapsibleItemsGroup;

package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface DropdownCollapsibleItemsGroupContext {
+    expandedItems: readonly string[];
+    onItemClick(name: string): void;
+}
+export declare const DropdownCollapsibleItemsGroupContext: import("react").Context<DropdownCollapsibleItemsGroupContext | null>;
+export declare const useDropdownCollapsibleItemsGroup: () => DropdownCollapsibleItemsGroupContext;

package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsGroupContext.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDropdownCollapsibleItemsGroup = exports.DropdownCollapsibleItemsGroupContext = void 0;
+
+var _react = require("react");
+
+var DropdownCollapsibleItemsGroupContext = /*#__PURE__*/(0, _react.createContext)(null);
+exports.DropdownCollapsibleItemsGroupContext = DropdownCollapsibleItemsGroupContext;
+
+var useDropdownCollapsibleItemsGroup = function useDropdownCollapsibleItemsGroup() {
+  var context = (0, _react.useContext)(DropdownCollapsibleItemsGroupContext);
+
+  if (!context) {
+    throw new Error("useDropdownCollapsibleItemsGroupContext used outside DropdownCollapsibleItemsGroupContext");
+  }
+
+  return context;
+};
+
+exports.useDropdownCollapsibleItemsGroup = useDropdownCollapsibleItemsGroup;

package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+export declare type DropdownCollapsibleItemsMultiGroupProps = {
+    initialExpandedItems?: string[];
+    children: ReactNode;
+};
+/**
+ * Multiple collapsible item can be open at a given time
+ */
+export declare const DropdownCollapsibleItemsMultiGroup: ({ initialExpandedItems, children, }: DropdownCollapsibleItemsMultiGroupProps) => JSX.Element;

package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsMultiGroup.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownCollapsibleItemsMultiGroup = void 0;
+
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _DropdownCollapsibleItemsGroup = require("./DropdownCollapsibleItemsGroup");
+
+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; }
+
+/**
+ * Multiple collapsible item can be open at a given time
+ */
+var DropdownCollapsibleItemsMultiGroup = function DropdownCollapsibleItemsMultiGroup(_ref) {
+  var initialExpandedItems = _ref.initialExpandedItems,
+      children = _ref.children;
+
+  var _useState = (0, _react.useState)(function () {
+    return initialExpandedItems !== null && initialExpandedItems !== void 0 ? initialExpandedItems : [];
+  }),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      expandedItems = _useState2[0],
+      setExpandedItems = _useState2[1];
+
+  return /*#__PURE__*/_react["default"].createElement(_DropdownCollapsibleItemsGroup.DropdownCollapsibleItemsGroup, {
+    expandedItems: expandedItems,
+    onItemClick: function onItemClick(name) {
+      return setExpandedItems(function (items) {
+        return items.includes(name) ? items.filter(function (i) {
+          return i !== name;
+        }) : [].concat((0, _toConsumableArray2["default"])(items), [name]);
+      });
+    }
+  }, children);
+};
+
+exports.DropdownCollapsibleItemsMultiGroup = DropdownCollapsibleItemsMultiGroup;

package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+export declare type DropdownCollapsibleItemsExclusiveGroupProps = {
+    initialExpandedItem?: string;
+    children: ReactNode;
+};
+/**
+ * Only one collapsible item can be open at a given time (unless you manually override)
+ */
+export declare const DropdownCollapsibleItemsSingleGroup: ({ initialExpandedItem, children, }: DropdownCollapsibleItemsExclusiveGroupProps) => JSX.Element;

package/cjs/Dropdown/components/DropdownCollapsibleItem/DropdownCollapsibleItemsSingleGroup.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DropdownCollapsibleItemsSingleGroup = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _DropdownCollapsibleItemsGroup = require("./DropdownCollapsibleItemsGroup");
+
+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; }
+
+/**
+ * Only one collapsible item can be open at a given time (unless you manually override)
+ */
+var DropdownCollapsibleItemsSingleGroup = function DropdownCollapsibleItemsSingleGroup(_ref) {
+  var initialExpandedItem = _ref.initialExpandedItem,
+      children = _ref.children;
+
+  var _useState = (0, _react.useState)(function () {
+    return initialExpandedItem ? [initialExpandedItem] : [];
+  }),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      expandedItems = _useState2[0],
+      setExpandedItems = _useState2[1];
+
+  return /*#__PURE__*/_react["default"].createElement(_DropdownCollapsibleItemsGroup.DropdownCollapsibleItemsGroup, {
+    expandedItems: expandedItems,
+    onItemClick: function onItemClick(name) {
+      return setExpandedItems(function (items) {
+        return items.includes(name) ? [] : [name];
+      });
+    }
+  }, children);
+};
+
+exports.DropdownCollapsibleItemsSingleGroup = DropdownCollapsibleItemsSingleGroup;

package/cjs/Dropdown/components/DropdownCollapsibleItem/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./DropdownCollapsibleItem";
+export * from "./DropdownCollapsibleItemsGroup";
+export * from "./DropdownCollapsibleItemsMultiGroup";
+export * from "./DropdownCollapsibleItemsSingleGroup";
+export { useDropdownCollapsibleItemsGroup } from "./DropdownCollapsibleItemsGroupContext";

package/cjs/Dropdown/components/DropdownCollapsibleItem/index.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _exportNames = {
+  useDropdownCollapsibleItemsGroup: true
+};
+Object.defineProperty(exports, "useDropdownCollapsibleItemsGroup", {
+  enumerable: true,
+  get: function get() {
+    return _DropdownCollapsibleItemsGroupContext.useDropdownCollapsibleItemsGroup;
+  }
+});
+
+var _DropdownCollapsibleItem = require("./DropdownCollapsibleItem");
+
+Object.keys(_DropdownCollapsibleItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropdownCollapsibleItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropdownCollapsibleItem[key];
+    }
+  });
+});
+
+var _DropdownCollapsibleItemsGroup = require("./DropdownCollapsibleItemsGroup");
+
+Object.keys(_DropdownCollapsibleItemsGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropdownCollapsibleItemsGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropdownCollapsibleItemsGroup[key];
+    }
+  });
+});
+
+var _DropdownCollapsibleItemsMultiGroup = require("./DropdownCollapsibleItemsMultiGroup");
+
+Object.keys(_DropdownCollapsibleItemsMultiGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropdownCollapsibleItemsMultiGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropdownCollapsibleItemsMultiGroup[key];
+    }
+  });
+});
+
+var _DropdownCollapsibleItemsSingleGroup = require("./DropdownCollapsibleItemsSingleGroup");
+
+Object.keys(_DropdownCollapsibleItemsSingleGroup).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropdownCollapsibleItemsSingleGroup[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropdownCollapsibleItemsSingleGroup[key];
+    }
+  });
+});
+
+var _DropdownCollapsibleItemsGroupContext = require("./DropdownCollapsibleItemsGroupContext");

package/cjs/Dropdown/components/DropdownFooterItem.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare type DropdownFooterItemProps = {
+    className?: string;
+    children: React.ReactNode;
+};
+export declare const DropdownFooterItem: ({ children, className, ...props }: DropdownFooterItemProps) => JSX.Element | null;
+export default DropdownFooterItem;

package/cjs/Dropdown/components/DropdownFooterItem.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.DropdownFooterItem = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+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 _templateObject;
+
+var _excluded = ["children", "className"];
+
+var DropdownFooterItem = function DropdownFooterItem(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+  if (!children) return null;
+  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
+    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex bg-grey-100 -mb-1 items-center justify-between px-4 py-3 border-t border-grey-200"]))), className)
+  }, props), children);
+};
+
+exports.DropdownFooterItem = DropdownFooterItem;
+var _default = DropdownFooterItem;
+exports["default"] = _default;

package/cjs/Dropdown/components/DropdownLinkItem.js

@@ -47,7 +47,7 @@ var DropdownLinkItem = function DropdownLinkItem(props) {
 
   return /*#__PURE__*/_react["default"].createElement("a", (0, _extends2["default"])({
     tabIndex: disabled ? -1 : undefined,
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["inline-flex items-center"]))), className)
+    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex items-center"]))), className)
   }, mergedProps), StartIcon && /*#__PURE__*/_react["default"].createElement(StartIcon, {
     className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mr-2 flex-shrink-0 text-grey-500"]))),
     size: "1rem"

package/cjs/Dropdown/components/DropdownRadioItem.js

@@ -43,11 +43,11 @@ var DropdownRadioItem = function DropdownRadioItem(props) {
   return /*#__PURE__*/_react["default"].createElement("label", {
     className: className
   }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex-1 flex items-start space-x-4 py-2 overflow-hidden"])))
+    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex-1 flex items-start py-2 overflow-hidden"])))
   }, /*#__PURE__*/_react["default"].createElement("span", {
-    className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex-1 truncate"])))
+    className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex-1 truncate mr-4"])))
   }, children), /*#__PURE__*/_react["default"].createElement(_RadioGroup.RadioButton, (0, _extends2["default"])({
-    className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["mt-2px"])))
+    className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["mt-2px mr-2px"])))
   }, radioProps))));
 };
 

package/cjs/Dropdown/index.d.ts

@@ -4,6 +4,8 @@ export * from "./components/DropdownRadioItem";
 export * from "./components/DropdownToggleItem";
 export * from "./components/DropdownLinkItem";
 export * from "./components/DropdownButtonItem";
+export * from "./components/DropdownFooterItem";
+export * from "./components/DropdownCollapsibleItem";
 export * from "./components/DropdownDivider";
 export * from "./components/DropdownTitle";
 export * from "./useDropdownItemProps";

package/cjs/Dropdown/index.js

@@ -97,6 +97,34 @@ Object.keys(_DropdownButtonItem).forEach(function (key) {
   });
 });
 
+var _DropdownFooterItem = require("./components/DropdownFooterItem");
+
+Object.keys(_DropdownFooterItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropdownFooterItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropdownFooterItem[key];
+    }
+  });
+});
+
+var _DropdownCollapsibleItem = require("./components/DropdownCollapsibleItem");
+
+Object.keys(_DropdownCollapsibleItem).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _DropdownCollapsibleItem[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _DropdownCollapsibleItem[key];
+    }
+  });
+});
+
 var _DropdownDivider = require("./components/DropdownDivider");
 
 Object.keys(_DropdownDivider).forEach(function (key) {

package/cjs/Modal/Modal.d.ts

@@ -14,7 +14,7 @@ export interface ModalProps {
     closeIconText?: string;
 }
 export declare const Modal: {
-    ({ title, className, children, open, fullBleed, onDismiss, animate, hideCloseIcon, size, centerY, closeIconText }: ModalProps): React.ReactPortal;
+    ({ title, className, children, open, fullBleed, onDismiss, animate, hideCloseIcon, size, centerY, closeIconText, }: ModalProps): React.ReactPortal;
     Footer: React.FunctionComponent<import("./components/ModalFooter").ModalFooterProps>;
 };
 export default Modal;

package/cjs/Modal/Modal.js

@@ -136,19 +136,22 @@ var Modal = function Modal(_ref) {
     role: "dialog"
   }, /*#__PURE__*/_react["default"].createElement(_Card["default"], {
     ref: dialogRef,
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["my-6 mx-auto"]))), !fullBleed && (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["p-8"]))), SIZE_CLASSNAMES[size], className),
-    fullBleed: fullBleed
-  }, /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["modal-header flex"])))
+    elevation: "500",
+    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["my-6 mx-auto"]))), SIZE_CLASSNAMES[size], className),
+    fullBleed: true
+  }, /*#__PURE__*/_react["default"].createElement("header", {
+    className: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n                px-8 min-h-14\n                flex items-center justify-between  space-x-2\n                ", "\n                ", "\n              "])), title ? "border-b border-grey-100" : "justify-end", !title && hideCloseIcon && "hidden")
   }, title && /*#__PURE__*/_react["default"].createElement("h2", {
-    className: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["truncate mb-8 mr-2 flex-1 display-medium"])))
+    className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["flex-1 display-heading truncate"])))
   }, title), !hideCloseIcon && /*#__PURE__*/_react["default"].createElement(_Button.IconButton, {
     icon: _reactFeather.X,
     title: closeIconText,
     variant: "subtle",
     onClick: onDismiss,
-    className: (0, _classnames["default"])(!title && (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["float-right"]))))
-  })), children)))), document.body);
+    className: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["flex-shrink-0 -mr-2"])))
+  })), /*#__PURE__*/_react["default"].createElement("div", {
+    className: fullBleed ? undefined : (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["p-10"])))
+  }, children))))), document.body);
 };
 
 exports.Modal = Modal;

package/cjs/Modal/Modal.tailwind.js

@@ -26,11 +26,6 @@ var modalPlugin = function modalPlugin(_ref) {
     },
     ".modal-dialog-large": {
       maxWidth: 920
-    },
-    // Components
-    ".modal-header > span:first-child": {
-      /* CSSTransitionGroup is adding an additional span in the header, so this is neccessary */
-      width: "100%"
     }
   }); // Animation
 

package/cjs/Modal/components/ModalSection.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from "react";
+export declare type ModalSectionProps = {
+    children: ReactNode;
+    /** @ignore */
+    className?: string;
+    /** Negates the modal default horizontal padding when true */
+    fullBleed?: boolean;
+};
+export declare const ModalSection: ({ children, className, fullBleed }: ModalSectionProps) => JSX.Element;
+export default ModalSection;

package/cjs/Modal/components/ModalSection.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.ModalSection = 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 _templateObject;
+
+var ModalSection = function ModalSection(_ref) {
+  var children = _ref.children,
+      className = _ref.className,
+      _ref$fullBleed = _ref.fullBleed,
+      fullBleed = _ref$fullBleed === void 0 ? false : _ref$fullBleed;
+  return /*#__PURE__*/_react["default"].createElement("section", {
+    className: (0, _classnames["default"])(fullBleed && (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["-mx-10"]))), className)
+  }, children);
+};
+
+exports.ModalSection = ModalSection;
+var _default = ModalSection;
+exports["default"] = _default;

package/cjs/Modal/index.d.ts

@@ -1,2 +1,4 @@
 export * from "./Modal";
+export * from "./components/ModalFooter";
+export * from "./components/ModalSection";
 export { default } from "./Modal";

package/cjs/Modal/index.js

@@ -27,6 +27,34 @@ Object.keys(_Modal).forEach(function (key) {
   });
 });
 
+var _ModalFooter = require("./components/ModalFooter");
+
+Object.keys(_ModalFooter).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ModalFooter[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ModalFooter[key];
+    }
+  });
+});
+
+var _ModalSection = require("./components/ModalSection");
+
+Object.keys(_ModalSection).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ModalSection[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ModalSection[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; }

package/cjs/Pagination/CompactPagination/CompactPagination.d.ts

@@ -0,0 +1,21 @@
+/// <reference types="react" />
+export declare type CompactPaginationLabel = "complete" | "compact" | "none";
+declare type BaseCompactPaginationProps = {
+    /** Currently selected page (1 based index) */
+    currentPage: number;
+    onChange: (page: number) => void;
+    showGoToFirstPage?: boolean;
+    label?: CompactPaginationLabel;
+};
+export declare type DeterminateCompactPaginationProps = BaseCompactPaginationProps & {
+    nbPages: number;
+    showGoToLastPage?: boolean;
+};
+export declare type IndeterminateCompactPaginationProps = BaseCompactPaginationProps & {
+    nextDisabled?: boolean;
+};
+export declare type CompactPaginationProps = DeterminateCompactPaginationProps | IndeterminateCompactPaginationProps;
+export declare const isDeterminateCompactPaginationProps: (props: CompactPaginationProps) => props is DeterminateCompactPaginationProps;
+export declare const isIndeterminateCompactPaginationProps: (props: CompactPaginationProps) => props is IndeterminateCompactPaginationProps;
+export declare const CompactPagination: (props: CompactPaginationProps) => JSX.Element;
+export default CompactPagination;

package/cjs/Pagination/CompactPagination/CompactPagination.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.CompactPagination = exports.isIndeterminateCompactPaginationProps = exports.isDeterminateCompactPaginationProps = void 0;
+
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactFeather = require("react-feather");
+
+var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
+
+var _Button = require("../../Button");
+
+var _templateObject, _templateObject2;
+
+var isDeterminateCompactPaginationProps = function isDeterminateCompactPaginationProps(props) {
+  return "nbPages" in props;
+};
+
+exports.isDeterminateCompactPaginationProps = isDeterminateCompactPaginationProps;
+
+var isIndeterminateCompactPaginationProps = function isIndeterminateCompactPaginationProps(props) {
+  return !isDeterminateCompactPaginationProps(props);
+};
+
+exports.isIndeterminateCompactPaginationProps = isIndeterminateCompactPaginationProps;
+
+var CompactPagination = function CompactPagination(props) {
+  var _props$label;
+
+  var labelType = (_props$label = props.label) !== null && _props$label !== void 0 ? _props$label : isDeterminateCompactPaginationProps(props) ? "complete" : "compact";
+  var label = labelType === "none" ? null : labelType === "compact" ? "".concat(props.currentPage) : isDeterminateCompactPaginationProps(props) ? "Page ".concat(props.currentPage, " of ").concat(props.nbPages) : "Page ".concat(props.currentPage, " of many");
+  var isFirstPage = props.currentPage === 1;
+  var isLastPage = isDeterminateCompactPaginationProps(props) ? props.currentPage === props.nbPages : !!props.nextDisabled;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["flex items-center space-x-2"])))
+  }, props.showGoToFirstPage && /*#__PURE__*/_react["default"].createElement(_Button.IconButton, {
+    icon: _reactFeather.ChevronsLeft,
+    title: "Go to first page",
+    onClick: function onClick() {
+      return props.onChange(1);
+    },
+    disabled: isFirstPage
+  }), /*#__PURE__*/_react["default"].createElement(_Button.IconButton, {
+    icon: _reactFeather.ArrowLeft,
+    title: "Go to previous page",
+    onClick: function onClick() {
+      return props.onChange(props.currentPage - 1);
+    },
+    disabled: isFirstPage
+  }), label && /*#__PURE__*/_react["default"].createElement("span", {
+    className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["inline-block text-center tabular-nums px-2"])))
+  }, label), /*#__PURE__*/_react["default"].createElement(_Button.IconButton, {
+    icon: _reactFeather.ArrowRight,
+    title: "Go to next page",
+    onClick: function onClick() {
+      return props.onChange(props.currentPage + 1);
+    },
+    disabled: isLastPage
+  }), isDeterminateCompactPaginationProps(props) && props.showGoToLastPage && /*#__PURE__*/_react["default"].createElement(_Button.IconButton, {
+    icon: _reactFeather.ChevronsRight,
+    title: "Go to last page",
+    onClick: function onClick() {
+      return props.onChange(props.nbPages);
+    },
+    disabled: isLastPage
+  }));
+};
+
+exports.CompactPagination = CompactPagination;
+var _default = CompactPagination;
+exports["default"] = _default;

package/cjs/Pagination/CompactPagination/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./CompactPagination";
+export { default } from "./CompactPagination";