@algolia/satellite 1.0.0-v3.98 → 1.0.0

package/Medallion/Medallion.d.ts

@@ -1,11 +0,0 @@
-import { FunctionComponent } from "react";
-import IconComponentType from "../utils/icon";
-import { MedallionSize, MedallionVariant } from "./types";
-export interface MedallionProps {
-    icon: IconComponentType;
-    variant?: MedallionVariant;
-    size?: MedallionSize;
-    className?: string;
-}
-export declare const Medallion: FunctionComponent<MedallionProps>;
-export default Medallion;

package/Medallion/Medallion.js

@@ -1,135 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Medallion = 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"));
-
-function _templateObject9() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["p-1 ", ""]);
-
-  _templateObject9 = function _templateObject9() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject8() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["medallion inline-flex items-center justify-center rounded-full ", ""]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["medallion-red text-red-600"]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["medallion-orange text-orange-600"]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["medallion-green text-green-700"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["medallion-blue text-blue-600"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["medallion-accent text-accent-600"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["medallion-pink text-pink-600"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["medallion-grey text-grey-600"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var VARIANT_CLASSNAMES = {
-  grey: (0, _satellitePrefixer["default"])(_templateObject()),
-  pink: (0, _satellitePrefixer["default"])(_templateObject2()),
-  accent: (0, _satellitePrefixer["default"])(_templateObject3()),
-  blue: (0, _satellitePrefixer["default"])(_templateObject4()),
-  green: (0, _satellitePrefixer["default"])(_templateObject5()),
-  orange: (0, _satellitePrefixer["default"])(_templateObject6()),
-  red: (0, _satellitePrefixer["default"])(_templateObject7())
-};
-
-var Medallion = function Medallion(_ref) {
-  var Icon = _ref.icon,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "accent" : _ref$variant,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "default" : _ref$size,
-      className = _ref.className;
-  var medallionClassName = VARIANT_CLASSNAMES[variant];
-  return _react["default"].createElement("div", {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject8(), size === "large" && "medallion-large"), medallionClassName, className)
-  }, _react["default"].createElement(Icon, {
-    className: (0, _satellitePrefixer["default"])(_templateObject9(), size === "large" && "w-10 h-10")
-  }));
-};
-
-exports.Medallion = Medallion;
-var _default = Medallion;
-exports["default"] = _default;

package/Medallion/Medallion.tailwind.d.ts

@@ -1,5 +0,0 @@
-export = medallionPlugin;
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-declare const medallionPlugin: import('../tailwind-types').TailwindPlugin;

package/Medallion/Medallion.tailwind.js

@@ -1,37 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-// @ts-check
-var rgba = require("../styles/rgba");
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-
-
-var medallionPlugin = function medallionPlugin(_ref) {
-  var addComponents = _ref.addComponents,
-      theme = _ref.theme;
-  var colors = ["grey", "pink", "accent", "blue", "green", "orange", "red"];
-  addComponents({
-    ".medallion": {
-      height: 40,
-      width: 40
-    },
-    ".medallion-large": {
-      height: 72,
-      width: 72
-    }
-  }); // Variants
-
-  colors.map(function (color) {
-    return addComponents((0, _defineProperty2["default"])({}, ".medallion-".concat(color), {
-      backgroundImage: "linear-gradient(to bottom, ".concat(theme("colors.".concat(color, ".100")), " 0%, ").concat(theme("colors.".concat(color, ".200")), " 100%)"),
-      boxShadow: "inset 0px -1px 0px 0px ".concat(theme("colors.".concat(color, ".300")), ", inset 0px 1px 0px 0px rgba(255, 255, 255, 0.5), 0px 7px 11px -3px ").concat(rgba(theme("colors.grey.900"), 0.2), ", 0px 2px 4px 0px ").concat(rgba(theme("colors.grey.900"), 0.3))
-    }));
-  });
-};
-
-module.exports = medallionPlugin;

package/Medallion/index.d.ts

@@ -1,3 +0,0 @@
-export * from "./Medallion";
-export * from "./types";
-export { default } from "./Medallion";

package/Medallion/index.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Medallion["default"];
-  }
-});
-
-var _Medallion = _interopRequireWildcard(require("./Medallion"));
-
-Object.keys(_Medallion).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Medallion[key];
-    }
-  });
-});
-
-var _types = require("./types");
-
-Object.keys(_types).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _types[key];
-    }
-  });
-});

package/Medallion/types.d.ts

@@ -1,2 +0,0 @@
-export declare type MedallionVariant = "accent" | "grey" | "pink" | "blue" | "green" | "orange" | "red";
-export declare type MedallionSize = "default" | "large";

package/Medallion/types.js

@@ -1 +0,0 @@
-"use strict";

package/Modal/Modal.d.ts

@@ -1,20 +0,0 @@
-import React from "react";
-export declare type ModalSizeVariant = "medium" | "large";
-export interface ModalProps {
-    open?: boolean;
-    title?: string | JSX.Element;
-    className?: string;
-    fullBleed?: boolean;
-    animate?: boolean;
-    size?: ModalSizeVariant;
-    hideCloseIcon?: boolean;
-    centerY?: boolean;
-    onDismiss?: () => void;
-    children: React.ReactNode;
-    closeIconText?: string;
-}
-export declare const Modal: {
-    ({ 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/Modal/Modal.js

@@ -1,260 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Modal = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactDom = require("react-dom");
-
-var _reactTransitionGroup = require("react-transition-group");
-
-var _useKeyPressEvent = _interopRequireDefault(require("react-use/lib/useKeyPressEvent"));
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _reactFeather = require("react-feather");
-
-var _useLockBodyScroll = _interopRequireDefault(require("../utils/useLockBodyScroll"));
-
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
-var _Card = _interopRequireDefault(require("../Card"));
-
-var _Button = require("../Button");
-
-var _ModalFooter = _interopRequireDefault(require("./components/ModalFooter"));
-
-function _templateObject11() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["float-right"]);
-
-  _templateObject11 = function _templateObject11() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject10() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["truncate mb-8 mr-2 flex-1 display-medium"]);
-
-  _templateObject10 = function _templateObject10() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject9() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["modal-header flex"]);
-
-  _templateObject9 = function _templateObject9() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject8() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["p-8"]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["my-6 mx-auto"]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["flex items-center"]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["modal-container inset-x-0 inset-y-0 fixed w-full h-full p-4 overflow-x-hidden overflow-y-auto"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["modal-overlay inset-x-0 inset-y-0 fixed w-full h-full"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["modal-dialog-large"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["modal-dialog-medium"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["satellite-modal"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var ModalAnimation = function ModalAnimation(props) {
-  return (
-    /* eslint-disable-next-line @algolia/satellite/invalid-classnames */
-    _react["default"].createElement(_reactTransitionGroup.CSSTransition, (0, _extends2["default"])({}, props, {
-      classNames: (0, _satellitePrefixer["default"])(_templateObject()),
-      timeout: 200,
-      appear: true,
-      unmountOnExit: true
-    }))
-  );
-};
-
-var ModalNoAnimation = function ModalNoAnimation(props) {
-  return props["in"] ? _react["default"].createElement(_react["default"].Fragment, null, props.children) : null;
-};
-
-var SIZE_CLASSNAMES = {
-  medium: (0, _satellitePrefixer["default"])(_templateObject2()),
-  large: (0, _satellitePrefixer["default"])(_templateObject3())
-};
-
-var Modal = function Modal(_ref) {
-  var title = _ref.title,
-      className = _ref.className,
-      children = _ref.children,
-      _ref$open = _ref.open,
-      open = _ref$open === void 0 ? true : _ref$open,
-      _ref$fullBleed = _ref.fullBleed,
-      fullBleed = _ref$fullBleed === void 0 ? false : _ref$fullBleed,
-      _ref$onDismiss = _ref.onDismiss,
-      onDismiss = _ref$onDismiss === void 0 ? function () {} : _ref$onDismiss,
-      _ref$animate = _ref.animate,
-      animate = _ref$animate === void 0 ? true : _ref$animate,
-      _ref$hideCloseIcon = _ref.hideCloseIcon,
-      hideCloseIcon = _ref$hideCloseIcon === void 0 ? false : _ref$hideCloseIcon,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? "medium" : _ref$size,
-      _ref$centerY = _ref.centerY,
-      centerY = _ref$centerY === void 0 ? false : _ref$centerY,
-      _ref$closeIconText = _ref.closeIconText,
-      closeIconText = _ref$closeIconText === void 0 ? "Dismiss" : _ref$closeIconText;
-
-  var _useState = (0, _react.useState)(null),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      modalWrapperRef = _useState2[0],
-      setModalWrapperRef = _useState2[1];
-
-  var dialogRef = (0, _react.useRef)(null);
-  var mouseDownTargetRef = (0, _react.useRef)(null);
-  var ModalContainer = animate ? ModalAnimation : ModalNoAnimation;
-  (0, _useLockBodyScroll["default"])(open);
-  (0, _useKeyPressEvent["default"])("Escape", function () {
-    if (open) onDismiss();
-  });
-  (0, _react.useEffect)(function () {
-    if (!modalWrapperRef) return;
-
-    var onMouseUp = function onMouseUp(evt) {
-      if (evt.target === mouseDownTargetRef.current && dialogRef.current && !dialogRef.current.contains(evt.target)) {
-        onDismiss();
-      }
-
-      mouseDownTargetRef.current = null;
-    };
-
-    var onMouseDown = function onMouseDown(evt) {
-      return mouseDownTargetRef.current = evt.target;
-    };
-    /**
-     * We use native event handlers to avoid React event bubbling behaviour with element rendered in a portal.
-     * (otherwise, the modal gets dismissed when clicking on an AutoComplete menu item)
-     */
-
-
-    modalWrapperRef.addEventListener("mouseup", onMouseUp);
-    modalWrapperRef.addEventListener("mousedown", onMouseDown);
-    return function () {
-      modalWrapperRef.removeEventListener("mouseup", onMouseUp);
-      modalWrapperRef.removeEventListener("mousedown", onMouseDown);
-    };
-  }, [modalWrapperRef, onDismiss]);
-  return (0, _reactDom.createPortal)(_react["default"].createElement(ModalContainer, {
-    "in": open
-  }, _react["default"].createElement("div", null, _react["default"].createElement("div", {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject4()))
-  }), _react["default"].createElement("div", {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject5()), centerY && (0, _satellitePrefixer["default"])(_templateObject6())),
-    tabIndex: -1,
-    ref: setModalWrapperRef,
-    role: "dialog"
-  }, _react["default"].createElement(_Card["default"], {
-    ref: dialogRef,
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject7()), !fullBleed && (0, _satellitePrefixer["default"])(_templateObject8()), SIZE_CLASSNAMES[size], className),
-    fullBleed: fullBleed
-  }, _react["default"].createElement("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject9())
-  }, title && _react["default"].createElement("h2", {
-    className: (0, _satellitePrefixer["default"])(_templateObject10())
-  }, title), !hideCloseIcon && _react["default"].createElement(_Button.IconButton, {
-    icon: _reactFeather.X,
-    title: closeIconText,
-    variant: "subtle",
-    onClick: onDismiss,
-    className: (0, _classnames["default"])(!title && (0, _satellitePrefixer["default"])(_templateObject11()))
-  })), children)))), document.body);
-};
-
-exports.Modal = Modal;
-Modal.Footer = _ModalFooter["default"];
-var _default = Modal;
-exports["default"] = _default;

package/Modal/Modal.tailwind.d.ts

@@ -1,5 +0,0 @@
-export = modalPlugin;
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-declare const modalPlugin: import('../tailwind-types').TailwindPlugin;

package/Modal/Modal.tailwind.js

@@ -1,63 +0,0 @@
-"use strict";
-
-// @ts-check
-var rgba = require("../styles/rgba");
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-
-
-var modalPlugin = function modalPlugin(_ref) {
-  var addComponents = _ref.addComponents,
-      theme = _ref.theme;
-
-  /**
-   * @param {string} color
-   */
-  var transitionEasing = "cubic-bezier(0.6, -0.28, 0.735, 0.045)";
-  var transitionDuration = 200;
-  addComponents({
-    ".modal-overlay": {
-      zIndex: theme("zIndex.modalOverlay"),
-      background: rgba(theme("colors.grey.900"), 0.6)
-    },
-    ".modal-container": {
-      zIndex: theme("zIndex.modal")
-    },
-    // Sizes
-    ".modal-dialog-medium": {
-      maxWidth: 640
-    },
-    ".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
-
-  addComponents({
-    ".satellite-modal-appear .modal-container, .satellite-modal-enter .modal-container": {
-      opacity: 0.1,
-      transform: "translate(0, 8px) scale(0.94)"
-    },
-    ".satellite-modal-appear-active .modal-container, .satellite-modal-enter-active .modal-container": {
-      opacity: 1,
-      transform: "translate(0, 0) scale(1)",
-      transition: "all ".concat(transitionDuration, "ms ").concat(transitionEasing)
-    },
-    ".satellite-modal-exit .modal-container": {
-      opacity: 1,
-      transform: "translate(0, 0) scale(1)"
-    },
-    ".satellite-modal-exit-active .modal-container": {
-      opacity: 0.1,
-      transform: "translate(0, 8px) scale(0.94)",
-      transition: "all ".concat(transitionDuration, "ms ").concat(transitionEasing)
-    }
-  });
-};
-
-module.exports = modalPlugin;

package/Modal/components/ModalFooter.d.ts

@@ -1,4 +0,0 @@
-import React, { FunctionComponent } from "react";
-export declare type ModalFooterProps = React.HTMLAttributes<HTMLElement>;
-export declare const ModalFooter: FunctionComponent<ModalFooterProps>;
-export default ModalFooter;

package/Modal/components/ModalFooter.js

@@ -1,48 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.ModalFooter = 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 _FlexGrid = _interopRequireDefault(require("../../FlexGrid"));
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["mt-8"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var ModalFooter = function ModalFooter(_ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["className", "children"]);
-  return _react["default"].createElement("div", (0, _extends2["default"])({}, props, {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject()), className)
-  }), _react["default"].createElement(_FlexGrid["default"], {
-    spacing: "md",
-    alignment: "center"
-  }, children));
-};
-
-exports.ModalFooter = ModalFooter;
-var _default = ModalFooter;
-exports["default"] = _default;

package/Modal/index.d.ts

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

package/Modal/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {};
-Object.defineProperty(exports, "default", {
-  enumerable: true,
-  get: function get() {
-    return _Modal["default"];
-  }
-});
-
-var _Modal = _interopRequireWildcard(require("./Modal"));
-
-Object.keys(_Modal).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function get() {
-      return _Modal[key];
-    }
-  });
-});