@algolia/satellite 1.0.0-v3.99 → 1.1.0

package/Button/IconButton.js

@@ -1,203 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.IconButton = void 0;
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-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 _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
-var _ProgressSpinner = _interopRequireDefault(require("../ProgressSpinner"));
-
-var _Tooltip = require("../Tooltip");
-
-var _types = require("./types");
-
-function _templateObject11() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["invisible"]);
-
-  _templateObject11 = function _templateObject11() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject10() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["absolute ", ""]);
-
-  _templateObject10 = function _templateObject10() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject9() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["btn-disabled"]);
-
-  _templateObject9 = function _templateObject9() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject8() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["btn-destructive"]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["btn-primary"]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["btn-neutral text-grey-600"]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["btn-subtle"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["h-10 w-10 text-lg"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["h-8 w-8 text-md"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["h-6 w-6 text-mobile md:text-sm"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["btn inline-flex items-center justify-center rounded"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var BASE_CLASSNAMES = (0, _satellitePrefixer["default"])(_templateObject());
-var SIZE_CLASSNAMES = {
-  small: (0, _satellitePrefixer["default"])(_templateObject2()),
-  medium: (0, _satellitePrefixer["default"])(_templateObject3()),
-  large: (0, _satellitePrefixer["default"])(_templateObject4())
-};
-var LOADER_ICON_SIZES = {
-  small: 12,
-  medium: 16,
-  large: 20
-};
-var VARIANT_CLASSNAMES = {
-  subtle: (0, _satellitePrefixer["default"])(_templateObject5()),
-  neutral: (0, _satellitePrefixer["default"])(_templateObject6()),
-  primary: (0, _satellitePrefixer["default"])(_templateObject7()),
-  destructive: (0, _satellitePrefixer["default"])(_templateObject8())
-};
-
-var IconButton = function IconButton(props) {
-  var _props$as = props.as,
-      Tag = _props$as === void 0 ? "button" : _props$as,
-      className = props.className,
-      _props$variant = props.variant,
-      variant = _props$variant === void 0 ? "neutral" : _props$variant,
-      _props$size = props.size,
-      size = _props$size === void 0 ? "medium" : _props$size,
-      Icon = props.icon,
-      title = props.title,
-      showTooltip = props.showTooltip,
-      _props$loading = props.loading,
-      loading = _props$loading === void 0 ? false : _props$loading,
-      cleanedProps = (0, _objectWithoutProperties2["default"])(props, ["as", "className", "variant", "size", "icon", "title", "showTooltip", "loading"]);
-
-  if (loading) {
-    cleanedProps.disabled = true;
-  }
-
-  var iconButtonClassName = (0, _classnames["default"])(BASE_CLASSNAMES, SIZE_CLASSNAMES[size], VARIANT_CLASSNAMES[variant], cleanedProps.disabled && (0, _satellitePrefixer["default"])(_templateObject9()), className);
-  var loaderClassNames = (0, _satellitePrefixer["default"])(_templateObject10(), (variant === "destructive" || variant === "primary") && "text-white");
-
-  if ((0, _types.isButtonType)(props) && !cleanedProps.hasOwnProperty("type")) {
-    // @ts-ignore
-    cleanedProps.type = "button";
-  }
-
-  return _react["default"].createElement(_Tooltip.TooltipWrapper, {
-    delay: 500,
-    show: showTooltip,
-    placement: "top",
-    content: title
-  }, _react["default"].createElement(Tag, (0, _extends2["default"])({}, cleanedProps, {
-    className: iconButtonClassName,
-    "aria-label": title
-  }), _react["default"].createElement(_react["default"].Fragment, null, loading && _react["default"].createElement(_ProgressSpinner["default"], {
-    className: loaderClassNames,
-    size: LOADER_ICON_SIZES[size],
-    thickness: 1
-  }), _react["default"].createElement(Icon, {
-    className: (0, _classnames["default"])(loading && (0, _satellitePrefixer["default"])(_templateObject11())),
-    size: "1em"
-  }))));
-};
-
-exports.IconButton = IconButton;
-var _default = IconButton;
-exports["default"] = _default;

package/Button/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./Button";
-export * from "./IconButton";
-export * from "./ButtonGroup";
-export * from "./types";
-export { default } from "./Button";

package/Button/index.js

@@ -1,66 +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 _Button["default"];
-  }
-});
-
-var _Button = _interopRequireWildcard(require("./Button"));
-
-Object.keys(_Button).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 _Button[key];
-    }
-  });
-});
-
-var _IconButton = require("./IconButton");
-
-Object.keys(_IconButton).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 _IconButton[key];
-    }
-  });
-});
-
-var _ButtonGroup = require("./ButtonGroup");
-
-Object.keys(_ButtonGroup).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 _ButtonGroup[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/Button/types.d.ts

@@ -1,27 +0,0 @@
-/// <reference types="react" />
-import IconComponentType from "../utils/icon";
-export declare type ButtonVariant = "subtle" | "neutral" | "primary" | "destructive";
-export declare type ButtonSize = "small" | "medium" | "large";
-export declare type MinimalButtonProps = {
-    className?: string;
-};
-export declare type AcceptableButtonType = "a" | "button" | React.ComponentType<MinimalButtonProps>;
-export declare type ExtractProps<T> = T extends "a" | "button" ? JSX.IntrinsicElements[T] : T extends React.ComponentType<infer P> ? P : never;
-export interface ButtonBaseProps {
-    /** @default neutral */
-    variant?: ButtonVariant;
-    /** @default medium */
-    size?: ButtonSize;
-    /** Left aligned icon */
-    startIcon?: IconComponentType;
-    /** Right aligned icon */
-    endIcon?: IconComponentType;
-    /** @ignore */
-    children: React.ReactNode;
-    loading?: boolean;
-    /** @ignore */
-    disabled?: boolean;
-    /** @ignore */
-    className?: string;
-}
-export declare function isButtonType(props: any): props is JSX.IntrinsicElements["button"];

package/Button/types.js

@@ -1,10 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isButtonType = isButtonType;
-
-function isButtonType(props) {
-  return props && (!props.as || props.as === "button");
-}

package/Card/Card.d.ts

@@ -1,25 +0,0 @@
-import React from "react";
-import CardHeader from "./components/CardHeader";
-import CardTitle from "./components/CardTitle";
-export declare type CardElevation = "100" | "200" | "300" | "400" | "500";
-export interface CardProps {
-    /** @ignore */
-    className?: string;
-    /** @ignore */
-    style?: React.CSSProperties;
-    /** Should the content take up full full width of the `Card`. */
-    fullBleed?: boolean;
-    children: React.ReactNode;
-    /**
-     * Specify distance off the page for the `Card`.
-     * @default 100
-     */
-    elevation?: CardElevation;
-}
-export interface CardType extends React.ForwardRefExoticComponent<React.PropsWithoutRef<CardProps> & React.RefAttributes<HTMLElement>> {
-    Header: typeof CardHeader;
-    Title: typeof CardTitle;
-}
-/** The `Card` is a useful component for containing content within a page. */
-export declare const Card: CardType;
-export default Card;

package/Card/Card.js

@@ -1,110 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.Card = 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 _CardHeader = _interopRequireDefault(require("./components/CardHeader"));
-
-var _CardTitle = _interopRequireDefault(require("./components/CardTitle"));
-
-function _templateObject6() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["card ", " display-body"]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["card-z500"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["card-z400"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["card-z300"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["card-z200"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["card-z100"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var ELEVATION_CLASSNAMES = {
-  "100": (0, _satellitePrefixer["default"])(_templateObject()),
-  "200": (0, _satellitePrefixer["default"])(_templateObject2()),
-  "300": (0, _satellitePrefixer["default"])(_templateObject3()),
-  "400": (0, _satellitePrefixer["default"])(_templateObject4()),
-  "500": (0, _satellitePrefixer["default"])(_templateObject5())
-};
-
-/** The `Card` is a useful component for containing content within a page. */
-var Card = _react["default"].forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-      _ref$elevation = _ref.elevation,
-      elevation = _ref$elevation === void 0 ? "100" : _ref$elevation,
-      style = _ref.style,
-      fullBleed = _ref.fullBleed,
-      children = _ref.children;
-  return _react["default"].createElement("section", {
-    ref: ref,
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject6(), fullBleed && "card-fullbleed"), ELEVATION_CLASSNAMES[elevation], className),
-    style: style
-  }, children);
-});
-
-exports.Card = Card;
-Card.displayName = "Card";
-Card.Header = _CardHeader["default"];
-Card.Title = _CardTitle["default"];
-var _default = Card;
-exports["default"] = _default;

package/Card/Card.tailwind.d.ts

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

package/Card/Card.tailwind.js

@@ -1,39 +0,0 @@
-"use strict";
-
-// @ts-check
-
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-var cardPlugin = function cardPlugin(_ref) {
-  var addComponents = _ref.addComponents,
-      theme = _ref.theme;
-  addComponents({
-    ".card": {
-      background: theme("colors.white"),
-      borderRadius: theme("borderRadius.default"),
-      overflow: "hidden",
-      padding: theme("spacing.6")
-    },
-    ".card-fullbleed": {
-      padding: 0
-    },
-    ".card-z100": {
-      boxShadow: theme("boxShadow.z100")
-    },
-    ".card-z200": {
-      boxShadow: theme("boxShadow.z200")
-    },
-    ".card-z300": {
-      boxShadow: theme("boxShadow.z300")
-    },
-    ".card-z400": {
-      boxShadow: theme("boxShadow.z400")
-    },
-    ".card-z500": {
-      boxShadow: theme("boxShadow.z500")
-    }
-  });
-};
-
-module.exports = cardPlugin;

package/Card/components/CardHeader.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-export declare type CardHeaderProps = JSX.IntrinsicElements["div"];
-export declare const CardHeader: ({ className, ...props }: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => JSX.Element;
-export default CardHeader;

package/Card/components/CardHeader.js

@@ -1,42 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.CardHeader = 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"));
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["flex justify-between"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var CardHeader = function CardHeader(_ref) {
-  var className = _ref.className,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["className"]);
-  return _react["default"].createElement("div", (0, _extends2["default"])({}, props, {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject()), className)
-  }));
-};
-
-exports.CardHeader = CardHeader;
-var _default = CardHeader;
-exports["default"] = _default;

package/Card/components/CardTitle.d.ts

@@ -1,4 +0,0 @@
-import { FunctionComponent } from "react";
-export declare type CardTitleProps = JSX.IntrinsicElements["h2"];
-export declare const CardTitle: FunctionComponent<CardTitleProps>;
-export default CardTitle;

package/Card/components/CardTitle.js

@@ -1,43 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.CardTitle = 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"));
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["typo-display-heading"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var CardTitle = function CardTitle(_ref) {
-  var className = _ref.className,
-      children = _ref.children,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["className", "children"]);
-  return _react["default"].createElement("h2", (0, _extends2["default"])({}, props, {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject()), className)
-  }), children);
-};
-
-exports.CardTitle = CardTitle;
-var _default = CardTitle;
-exports["default"] = _default;

package/Card/index.d.ts

@@ -1,4 +0,0 @@
-export * from "./Card";
-export * from "./components/CardTitle";
-export * from "./components/CardHeader";
-export { default } from "./Card";

package/Card/index.js

@@ -1,53 +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 _Card["default"];
-  }
-});
-
-var _Card = _interopRequireWildcard(require("./Card"));
-
-Object.keys(_Card).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 _Card[key];
-    }
-  });
-});
-
-var _CardTitle = require("./components/CardTitle");
-
-Object.keys(_CardTitle).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 _CardTitle[key];
-    }
-  });
-});
-
-var _CardHeader = require("./components/CardHeader");
-
-Object.keys(_CardHeader).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 _CardHeader[key];
-    }
-  });
-});