@algolia/satellite 1.0.0-v3.99 → 1.0.0

package/Pagination/Pagination.d.ts

@@ -1,16 +0,0 @@
-/// <reference types="react" />
-export interface PaginationProps {
-    nbPages: number;
-    currentPage: number;
-    maxButtons?: number;
-    onChange: (page: number) => void;
-}
-/**
- * Use pagination to help our users to move through an ordered collection of items.
- *
- * ## Best practices
- * - Don't use on list with less than 20 items
- * - Place the pagination at the bottom of the split item
- */
-export declare const Pagination: ({ currentPage, nbPages, onChange, maxButtons: maxButtonsParam }: PaginationProps) => JSX.Element;
-export default Pagination;

package/Pagination/Pagination.js

@@ -1,120 +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.Pagination = 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 _range = _interopRequireDefault(require("../utils/range"));
-
-var _Button = _interopRequireWildcard(require("../Button"));
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["pointer-events-none"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var DEFAULT_MAX_BUTTONS = 10;
-
-var Ellipsis = function Ellipsis() {
-  return _react["default"].createElement(_Button["default"], {
-    className: (0, _satellitePrefixer["default"])(_templateObject()),
-    tabIndex: -1,
-    "aria-disabled": true
-  }, "\u2026");
-};
-
-var Group = function Group(_ref) {
-  var group = _ref.group,
-      currentPage = _ref.currentPage,
-      onChange = _ref.onChange;
-  return _react["default"].createElement(_react["default"].Fragment, null, group.map(function (index) {
-    return _react["default"].createElement(_Button["default"], {
-      key: index,
-      variant: index === currentPage ? "primary" : "neutral",
-      onClick: function onClick() {
-        return onChange(index);
-      }
-    }, index);
-  }));
-};
-/**
- * Use pagination to help our users to move through an ordered collection of items.
- *
- * ## Best practices
- * - Don't use on list with less than 20 items
- * - Place the pagination at the bottom of the split item
- */
-
-
-var Pagination = function Pagination(_ref2) {
-  var currentPage = _ref2.currentPage,
-      nbPages = _ref2.nbPages,
-      onChange = _ref2.onChange,
-      _ref2$maxButtons = _ref2.maxButtons,
-      maxButtonsParam = _ref2$maxButtons === void 0 ? DEFAULT_MAX_BUTTONS : _ref2$maxButtons;
-  var padding = Math.floor((Math.min(nbPages, maxButtonsParam) - 1) / 2);
-  var maxButtons = 2 * padding + 1;
-  var currentPageGroupStart = Math.max(1, Math.min(currentPage - padding, nbPages - maxButtons));
-  var currentPageGroupEnd = Math.min(currentPageGroupStart + maxButtons, nbPages);
-  var groups = [[], (0, _range["default"])(currentPageGroupStart, currentPageGroupEnd + 1), []];
-
-  if (currentPageGroupStart > 1) {
-    groups[0].push(1);
-  }
-
-  if (currentPageGroupEnd < nbPages) {
-    groups[2].push(nbPages);
-  }
-
-  return _react["default"].createElement(_Button.ButtonGroup, {
-    as: "nav"
-  }, _react["default"].createElement(_Button["default"], {
-    disabled: currentPage === 1,
-    onClick: function onClick() {
-      return onChange(currentPage - 1);
-    }
-  }, _react["default"].createElement(_reactFeather.ArrowLeft, {
-    size: "1em"
-  })), _react["default"].createElement(Group, {
-    currentPage: currentPage,
-    onChange: onChange,
-    group: groups[0]
-  }), groups[0].length !== 0 && groups[1][0] - groups[0][0] > 1 && _react["default"].createElement(Ellipsis, null), _react["default"].createElement(Group, {
-    currentPage: currentPage,
-    onChange: onChange,
-    group: groups[1]
-  }), groups[2].length !== 0 && groups[2][0] - groups[1][groups[1].length - 1] > 1 && _react["default"].createElement(Ellipsis, null), _react["default"].createElement(Group, {
-    currentPage: currentPage,
-    onChange: onChange,
-    group: groups[2]
-  }), _react["default"].createElement(_Button["default"], {
-    disabled: currentPage === nbPages,
-    onClick: function onClick() {
-      return onChange(currentPage + 1);
-    }
-  }, _react["default"].createElement(_reactFeather.ArrowRight, {
-    size: "1em"
-  })));
-};
-
-exports.Pagination = Pagination;
-var _default = Pagination;
-exports["default"] = _default;

package/Pagination/index.d.ts

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

package/Pagination/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 _Pagination["default"];
-  }
-});
-
-var _Pagination = _interopRequireWildcard(require("./Pagination"));
-
-Object.keys(_Pagination).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 _Pagination[key];
-    }
-  });
-});

package/ProgressBar/ProgressBar.d.ts

@@ -1,13 +0,0 @@
-import React from "react";
-export interface ProgressBarProps extends React.HTMLAttributes<HTMLDivElement> {
-    barClassName?: string;
-    value: number;
-}
-/**
- * Progress bars visually represent the completion of a task or operation.
- *
- * - Progress bars show an indication of how much of the task has been completed and how much is still left.
- * - You should indicate either a percentage or other numeric values (such as - 234/4092 queries processed)
- */
-export declare const ProgressBar: ({ value, className, barClassName, ...props }: ProgressBarProps) => JSX.Element;
-export default ProgressBar;

package/ProgressBar/ProgressBar.js

@@ -1,70 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.ProgressBar = 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 _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["h-full bg-accent-600"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["progress-bar"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-/**
- * Progress bars visually represent the completion of a task or operation.
- *
- * - Progress bars show an indication of how much of the task has been completed and how much is still left.
- * - You should indicate either a percentage or other numeric values (such as - 234/4092 queries processed)
- */
-var ProgressBar = function ProgressBar(_ref) {
-  var value = _ref.value,
-      className = _ref.className,
-      barClassName = _ref.barClassName,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["value", "className", "barClassName"]);
-  return _react["default"].createElement("div", (0, _extends2["default"])({}, props, {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject()), className),
-    role: "progressbar",
-    "aria-valuenow": value,
-    "aria-valuemin": 0,
-    "aria-valuemax": 100
-  }), _react["default"].createElement("div", {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject2()), barClassName),
-    style: {
-      width: "".concat(value, "%"),
-      transition: "all 150ms ease-in-out"
-    }
-  }));
-};
-
-exports.ProgressBar = ProgressBar;
-var _default = ProgressBar;
-exports["default"] = _default;

package/ProgressBar/ProgressBar.tailwind.d.ts

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

package/ProgressBar/ProgressBar.tailwind.js

@@ -1,25 +0,0 @@
-"use strict";
-
-// @ts-check
-var rgba = require("../styles/rgba");
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-
-
-var buttonPlugin = function buttonPlugin(_ref) {
-  var addComponents = _ref.addComponents,
-      theme = _ref.theme;
-  addComponents({
-    ".progress-bar": {
-      height: 4,
-      display: "block",
-      overflow: "hidden",
-      background: theme("colors.grey.100"),
-      boxShadow: "\n        inset 0px 1px 3px 0px ".concat(rgba(theme("colors.black"), 0.1), ",\n        0px 0.5px 0px 0px ").concat(rgba(theme("colors.white"), 0.05), "\n      "),
-      borderRadius: 4
-    }
-  });
-};
-
-module.exports = buttonPlugin;

package/ProgressBar/index.d.ts

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

package/ProgressBar/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 _ProgressBar["default"];
-  }
-});
-
-var _ProgressBar = _interopRequireWildcard(require("./ProgressBar"));
-
-Object.keys(_ProgressBar).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 _ProgressBar[key];
-    }
-  });
-});

package/ProgressSpinner/ProgressSpinner.d.ts

@@ -1,9 +0,0 @@
-import React from "react";
-export declare type ProgressSpinnerAlign = "left" | "center" | "right";
-export interface ProgressSpinnerProps extends React.SVGAttributes<SVGSVGElement> {
-    size?: number;
-    thickness?: number;
-    align?: ProgressSpinnerAlign;
-}
-export declare const ProgressSpinner: ({ className, size, thickness, align, ...svgProps }: ProgressSpinnerProps) => JSX.Element;
-export default ProgressSpinner;

package/ProgressSpinner/ProgressSpinner.js

@@ -1,92 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.ProgressSpinner = 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"));
-
-function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["progress-spinner"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["ml-auto"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["m-auto"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["mr-auto"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var ALIGN_CLASSNAMES = {
-  left: (0, _satellitePrefixer["default"])(_templateObject()),
-  center: (0, _satellitePrefixer["default"])(_templateObject2()),
-  right: (0, _satellitePrefixer["default"])(_templateObject3())
-}; // Took heavy inspiration from https://github.com/mui-org/material-ui/blob/master/packages/material-ui/src/CircularProgress/CircularProgress.js
-
-var ProgressSpinner = function ProgressSpinner(_ref) {
-  var className = _ref.className,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 24 : _ref$size,
-      _ref$thickness = _ref.thickness,
-      thickness = _ref$thickness === void 0 ? 2 : _ref$thickness,
-      align = _ref.align,
-      svgProps = (0, _objectWithoutProperties2["default"])(_ref, ["className", "size", "thickness", "align"]);
-  return _react["default"].createElement("svg", (0, _extends2["default"])({}, svgProps, {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject4()), align && ALIGN_CLASSNAMES[align], className),
-    viewBox: "".concat(size / 2, " ").concat(size / 2, " ").concat(size, " ").concat(size),
-    width: size,
-    height: size
-  }), _react["default"].createElement("circle", {
-    cx: size,
-    cy: size,
-    r: (size - thickness) / 2,
-    fill: "none",
-    strokeWidth: thickness
-  }));
-};
-
-exports.ProgressSpinner = ProgressSpinner;
-var _default = ProgressSpinner;
-exports["default"] = _default;

package/ProgressSpinner/ProgressSpinner.tailwind.d.ts

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

package/ProgressSpinner/ProgressSpinner.tailwind.js

@@ -1,40 +0,0 @@
-"use strict";
-
-// @ts-check
-
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-var ProgressSpinner = function ProgressSpinner(_ref) {
-  var addComponents = _ref.addComponents,
-      theme = _ref.theme;
-
-  /**
-   * @param {string} color
-   */
-  addComponents({
-    ".progress-spinner": {
-      color: theme("colors.accent.600"),
-      stroke: "currentColor",
-      animation: "stl-spinner 1.4s linear infinite"
-    },
-    "@keyframes stl-spinner": {
-      "0%": {
-        transform: "rotate(0deg)",
-        strokeDasharray: "1px, 200px",
-        strokeDashoffset: "0px"
-      },
-      "50%": {
-        strokeDasharray: "100px, 200px",
-        strokeDashoffset: "-15px"
-      },
-      "100%": {
-        transform: "rotate(360deg)",
-        strokeDasharray: "100px, 200px",
-        strokeDashoffset: "-125px"
-      }
-    }
-  });
-};
-
-module.exports = ProgressSpinner;

package/ProgressSpinner/index.d.ts

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

package/ProgressSpinner/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 _ProgressSpinner["default"];
-  }
-});
-
-var _ProgressSpinner = _interopRequireWildcard(require("./ProgressSpinner"));
-
-Object.keys(_ProgressSpinner).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 _ProgressSpinner[key];
-    }
-  });
-});

package/RadioGroup/RadioButton.d.ts

@@ -1,4 +0,0 @@
-import React from "react";
-export declare type RadioButtonProps = React.HTMLAttributes<HTMLInputElement> & Pick<React.InputHTMLAttributes<HTMLInputElement>, "value" | "name" | "checked" | "defaultChecked" | "onChange" | "required" | "autoFocus" | "disabled">;
-export declare const RadioButton: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLInputElement> & Pick<React.InputHTMLAttributes<HTMLInputElement>, "required" | "disabled" | "defaultChecked" | "onChange" | "name" | "autoFocus" | "value" | "checked"> & React.RefAttributes<HTMLInputElement>>;
-export default RadioButton;

package/RadioGroup/RadioButton.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.RadioButton = 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"])(["radio-button"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var RadioButton = _react["default"].forwardRef(function (_ref, ref) {
-  var className = _ref.className,
-      props = (0, _objectWithoutProperties2["default"])(_ref, ["className"]);
-  return _react["default"].createElement("input", (0, _extends2["default"])({}, props, {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject()), className),
-    type: "radio",
-    ref: ref
-  }));
-});
-
-exports.RadioButton = RadioButton;
-RadioButton.displayName = "RadioButton";
-var _default = RadioButton;
-exports["default"] = _default;

package/RadioGroup/RadioButton.tailwind.d.ts

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

package/RadioGroup/RadioButton.tailwind.js

@@ -1,61 +0,0 @@
-"use strict";
-
-// @ts-check
-var rgba = require("../styles/rgba");
-
-var disabledColor = require("../styles/disabledColor");
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-
-
-var radioButtonPlugin = function radioButtonPlugin(_ref) {
-  var addComponents = _ref.addComponents,
-      theme = _ref.theme;
-  addComponents({
-    ".radio-button": {
-      position: "relative",
-      width: 16,
-      height: 16,
-      appearance: "none",
-      outline: 0,
-      background: theme("colors.white"),
-      border: "1px solid ".concat(theme("colors.grey.200")),
-      borderRadius: "50%",
-      boxShadow: "inset 0 1px 4px 0 ".concat(rgba(theme("colors.grey.500"), 0.3)),
-      "&:focus": {
-        borderColor: theme("colors.accent.600"),
-        boxShadow: "0 1px 0 0 ".concat(theme("colors.shadow.5"))
-      },
-      "&:checked": {
-        borderColor: theme("colors.accent.600"),
-        boxShadow: "0 1px 0 0 ".concat(theme("colors.shadow.5")),
-        "&::after": {
-          position: "absolute",
-          right: 4,
-          left: 4,
-          top: 4,
-          bottom: 4,
-          content: '" "',
-          background: theme("colors.accent.600"),
-          borderRadius: "50%"
-        },
-        "&:focus": {
-          boxShadow: "\n            0 0 0 1px ".concat(theme("colors.accent.600"), ",\n            0 1px 0 0 ").concat(theme("colors.shadow.5"), "\n          ")
-        }
-      },
-      "&:disabled": {
-        backgroundImage: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)"),
-        borderColor: disabledColor(theme("colors.grey.200")),
-        boxShadow: "none",
-        cursor: "not-allowed",
-        "&:checked::after": {
-          background: disabledColor(theme("colors.grey.200")),
-          boxShadow: "none"
-        }
-      }
-    }
-  });
-};
-
-module.exports = radioButtonPlugin;

package/RadioGroup/RadioGroup.d.ts

@@ -1,34 +0,0 @@
-import React, { FunctionComponent } from "react";
-export interface RadioGroupProps {
-    className?: string;
-    name?: string;
-    value: string;
-    disabled?: boolean;
-    onChange: (newValue: string) => void;
-    children?: React.ReactNode;
-}
-export interface RadioGroupItemProps {
-    value: string;
-    disabled?: boolean;
-}
-export declare const RadioGroupItem: FunctionComponent<RadioGroupItemProps>;
-/**
- * Use radio buttons when users have to make a single selection from a list of options.
- *
- * - Use radio buttons when a user has to choose from at least 2 options.
- * - Whenever possible, provide a default, preselected option.
- * - Choices provided in the list of options should be mutually exclusive so that a user doesn't struggle between two values. Provide a clear distinction.
- * - Radio groups are always stacked vertically.
- * - List options in a radio group in a logical order, for example:
- *   - Most likely to least likely to be selected.
- *   - Simplest to most complex operation.
- *   - Least to most risk.
- *   - etc.
- * - If you need to have an unselected state, just add a radio button with a *None* option.
- * - Sometimes, you might want to include an *Other* option (Usually followed by a text input if a user needs to provide a specific answer)
- */
-export declare const RadioGroup: {
-    ({ className, name, value, disabled, children, onChange }: RadioGroupProps): JSX.Element;
-    Item: React.FunctionComponent<RadioGroupItemProps>;
-};
-export default RadioGroup;