@algolia/satellite 1.0.0-v3.99 → 1.0.0

package/AutoComplete/AutoComplete.tailwind.js

@@ -1,88 +0,0 @@
-"use strict";
-
-// @ts-check
-var disabledColor = require("../styles/disabledColor");
-
-var rgba = require("../styles/rgba");
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-
-
-var autoCompletePlugin = function autoCompletePlugin(_ref) {
-  var addComponents = _ref.addComponents,
-      theme = _ref.theme;
-  addComponents({
-    ".autocomplete-container": {
-      display: "flex",
-      alignItems: "center",
-      width: "100%",
-      minHeight: "2.5rem",
-      padding: "0 ".concat(theme("spacing.4")),
-      overflow: "hidden",
-      fontSize: theme("fontSize.base"),
-      lineHeight: theme("lineHeight.base"),
-      cursor: "text",
-      backgroundColor: theme("colors.white"),
-      borderRadius: theme("borderRadius.default"),
-      border: "1px solid ".concat(theme("colors.grey.200")),
-      boxShadow: "inset 0px 1px 4px 0px ".concat(rgba(theme("colors.grey.500"), 0.3)),
-      transition: "all 100ms ease-in-out",
-      // Workaround for ie
-      "&::after": {
-        content: '" "',
-        display: "block",
-        minHeight: 30,
-        // don't ask me why 30
-        fontSize: "0px"
-      },
-      "&.autocomplete-large": {
-        minHeight: "3rem",
-        "&::after": {
-          minHeight: 38 // don't ask me why 38
-
-        }
-      }
-    },
-    ".autocomplete-focused, .autocomplete-container:focus-within": {
-      borderColor: theme("colors.accent.600"),
-      boxShadow: "0px 1px 0px 0px ".concat(theme("colors.shadow.5"))
-    },
-    ".autocomplete-disabled": {
-      cursor: "not-allowed",
-      backgroundImage: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)"),
-      borderColor: disabledColor(theme("colors.grey.200")),
-      boxShadow: "none",
-      ".autocomplete-input, .autocomplete-input::placeholder": {
-        color: theme("colors.grey.300"),
-        pointerEvents: "none"
-      }
-    },
-    ".autocomplete-invalid:not(.autocomplete-disabled)": {
-      backgroundColor: theme("colors.red.100"),
-      borderColor: theme("colors.red.700")
-    },
-    ".autocomplete-input": {
-      flex: 1,
-      backgroundColor: "transparent",
-      caretColor: theme("colors.grey.600"),
-      color: theme("colors.grey.900"),
-      minWidth: "10ch",
-      "&:focus": {
-        outline: "none"
-      },
-      "&::placeholder": {
-        color: theme("colors.grey.600")
-      }
-    },
-    ".autocomplete-result": {
-      // Search highlight
-      "&:not([disabled]) em": {
-        fontStyle: "normal",
-        background: theme("colors.accent.300")
-      }
-    }
-  });
-};
-
-module.exports = autoCompletePlugin;

package/AutoComplete/components/AutoCompleteEmptyState.d.ts

@@ -1,11 +0,0 @@
-import React from "react";
-import IconComponentType from "../../utils/icon";
-import { MedallionVariant } from "../../Medallion";
-export interface AutoCompleteEmptyStateProps {
-    icon?: IconComponentType;
-    variant?: MedallionVariant;
-    title: React.ReactNode;
-    description?: React.ReactNode;
-}
-export declare const AutoCompleteEmptyState: ({ icon, variant, title, description }: AutoCompleteEmptyStateProps) => JSX.Element;
-export default AutoCompleteEmptyState;

package/AutoComplete/components/AutoCompleteEmptyState.js

@@ -1,71 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.AutoCompleteEmptyState = 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 _Medallion = require("../../Medallion");
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["display-caption typo-subdued pt-4"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["font-semibold pt-4"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-center p-6"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var AutoCompleteEmptyState = function AutoCompleteEmptyState(_ref) {
-  var _ref$icon = _ref.icon,
-      icon = _ref$icon === void 0 ? _reactFeather.X : _ref$icon,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "grey" : _ref$variant,
-      title = _ref.title,
-      description = _ref.description;
-  return _react["default"].createElement("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject())
-  }, _react["default"].createElement(_Medallion.Medallion, {
-    icon: icon,
-    variant: variant
-  }), _react["default"].createElement("span", {
-    className: (0, _satellitePrefixer["default"])(_templateObject2())
-  }, title), description && _react["default"].createElement("p", {
-    className: (0, _satellitePrefixer["default"])(_templateObject3())
-  }, description));
-};
-
-exports.AutoCompleteEmptyState = AutoCompleteEmptyState;
-var _default = AutoCompleteEmptyState;
-exports["default"] = _default;

package/AutoComplete/components/DefaultOptionItem.d.ts

@@ -1,3 +0,0 @@
-import { OptionItemComponentType } from "../types";
-declare const DefaultOptionItem: OptionItemComponentType;
-export default DefaultOptionItem;

package/AutoComplete/components/DefaultOptionItem.js

@@ -1,77 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = void 0;
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _satellitePrefixer = _interopRequireDefault(require("../../styles/helpers/satellitePrefixer"));
-
-function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["flex text-grey-600"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["font-semibold text-md text-grey-900"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["truncate py-2"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["px-1"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var metadataSpacer = _react["default"].createElement("span", {
-  className: (0, _satellitePrefixer["default"])(_templateObject())
-}, "\xB7");
-
-var DefaultOptionItem = function DefaultOptionItem(_ref) {
-  var option = _ref.option,
-      multiple = _ref.multiple;
-  return _react["default"].createElement("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject2())
-  }, _react["default"].createElement("span", {
-    className: (0, _satellitePrefixer["default"])(_templateObject3())
-  }, option["new"] ? "".concat(multiple ? "Add " : "Use ", " ").concat(option.label) : option.label), option.metadata && option.metadata.length > 0 && _react["default"].createElement("ul", {
-    className: (0, _satellitePrefixer["default"])(_templateObject4())
-  }, option.metadata.map(function (metadata, idx) {
-    return _react["default"].createElement("li", {
-      key: metadata
-    }, metadata, idx !== option.metadata.length - 1 && metadataSpacer);
-  })));
-};
-
-var _default = DefaultOptionItem;
-exports["default"] = _default;

package/AutoComplete/index.d.ts

@@ -1,5 +0,0 @@
-export * from "./AutoComplete";
-export * from "./components/DefaultOptionItem";
-export * from "./components/AutoCompleteEmptyState";
-export * from "./types";
-export { default } from "./AutoComplete";

package/AutoComplete/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 _AutoComplete["default"];
-  }
-});
-
-var _AutoComplete = _interopRequireWildcard(require("./AutoComplete"));
-
-Object.keys(_AutoComplete).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 _AutoComplete[key];
-    }
-  });
-});
-
-var _DefaultOptionItem = require("./components/DefaultOptionItem");
-
-Object.keys(_DefaultOptionItem).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 _DefaultOptionItem[key];
-    }
-  });
-});
-
-var _AutoCompleteEmptyState = require("./components/AutoCompleteEmptyState");
-
-Object.keys(_AutoCompleteEmptyState).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 _AutoCompleteEmptyState[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/AutoComplete/types.d.ts

@@ -1,68 +0,0 @@
-/// <reference types="react" />
-import IconComponentType from "../utils/icon";
-export declare type AutoCompleteVariant = "medium" | "large";
-export interface AutoCompleteBaseProps {
-    id?: string;
-    icon?: IconComponentType;
-    name?: string;
-    className?: string;
-    valuesClassName?: string;
-    menuClassName?: string;
-    variant?: AutoCompleteVariant;
-    placeholder?: string;
-    disabled?: boolean;
-    autoFocus?: boolean;
-    options?: Option[];
-    inputValue?: string;
-    onTextChange?: (text: string) => any;
-    onBlur?: React.FocusEventHandler<HTMLInputElement>;
-    creatable?: boolean;
-    clearable?: boolean;
-    selectOnBlur?: boolean;
-    maxResults?: number;
-    createFromInputValue?: CreateFromInputValue;
-    separatorKeyCodes?: number[];
-    renderValueTemplate?: (args: RenderValueTemplateArgs) => JSX.Element;
-    emptyState?: React.ReactNode;
-    menuFooter?: React.ReactNode;
-    optionItemComponent?: OptionItemComponentType;
-}
-export interface AutoCompleteSingleProps extends AutoCompleteBaseProps {
-    multiple?: false;
-    value?: Option;
-    onChange: (option: Option | null) => void;
-}
-export interface AutoCompleteMultiProps extends AutoCompleteBaseProps {
-    multiple: true;
-    value?: Option[];
-    onChange: (option: Option[] | null) => void;
-}
-export declare type AutoCompleteProps = AutoCompleteMultiProps | AutoCompleteSingleProps;
-declare type OptionsValue = string | number | boolean;
-export interface Option {
-    value: OptionsValue;
-    label: string;
-    metadata?: string[];
-    new?: boolean;
-    disabled?: boolean;
-    bypassNeedleMatch?: boolean;
-}
-export interface OptionItemProps {
-    option: Option;
-    multiple: boolean;
-    inputValue: string;
-    highlighted: boolean;
-}
-export declare type OptionItemComponentType = React.ComponentType<OptionItemProps>;
-export interface OptionRendererParams {
-    multiple: boolean;
-    inputValue: string;
-    highlighted: boolean;
-}
-export interface RenderValueTemplateArgs {
-    option: Option;
-    key: string;
-    editable: boolean;
-}
-export declare type CreateFromInputValue = (options: Option[] | undefined, inputValue: string) => Option[];
-export {};

package/AutoComplete/types.js

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

package/AutoComplete/utils.d.ts

@@ -1,4 +0,0 @@
-import { CreateFromInputValue, AutoCompleteProps, AutoCompleteMultiProps } from "./types";
-export declare function isAutoCompleteMultiProps(props: AutoCompleteProps): props is AutoCompleteMultiProps;
-export declare const defaultCreateFromInputValue: CreateFromInputValue;
-export declare const caseInsensitiveCreateFromInputValue: CreateFromInputValue;

package/AutoComplete/utils.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isAutoCompleteMultiProps = isAutoCompleteMultiProps;
-exports.caseInsensitiveCreateFromInputValue = exports.defaultCreateFromInputValue = void 0;
-
-function isAutoCompleteMultiProps(props) {
-  return Boolean(props.multiple);
-}
-
-function createFromInputValue() {
-  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var inputValue = arguments.length > 1 ? arguments[1] : undefined;
-  var matchingPredicate = arguments.length > 2 ? arguments[2] : undefined;
-  return options.some(function (option) {
-    return matchingPredicate(option, inputValue);
-  }) ? [] : [{
-    value: inputValue,
-    label: inputValue,
-    "new": true
-  }];
-}
-
-var defaultCreateFromInputValue = function defaultCreateFromInputValue(options, inputValue) {
-  return createFromInputValue(options, inputValue, function (option) {
-    return option.value === inputValue;
-  });
-};
-
-exports.defaultCreateFromInputValue = defaultCreateFromInputValue;
-
-var caseInsensitiveCreateFromInputValue = function caseInsensitiveCreateFromInputValue(options, inputValue) {
-  return createFromInputValue(options, inputValue, function (option) {
-    return option.value.toString().toLowerCase() === inputValue.toLowerCase();
-  });
-};
-
-exports.caseInsensitiveCreateFromInputValue = caseInsensitiveCreateFromInputValue;

package/Badge/Badge.d.ts

@@ -1,33 +0,0 @@
-import React from "react";
-import { ColorVariant } from "../types";
-export declare type BadgeSizes = "default" | "small";
-declare type BadgeIconComponent = React.ComponentType<{
-    size?: number | string;
-}>;
-export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement> {
-    /** @default grey */
-    variant?: ColorVariant;
-    /** @default default */
-    size?: BadgeSizes;
-    /** An additional value to accompany the `Badge` */
-    value?: React.ReactNode;
-    /** Left aligned icon */
-    icon?: BadgeIconComponent;
-}
-/**
- * Badges are used to inform a user about a status of an item or a process. They can also contain a numeric value. Badges come with a set of colours that are easily identified. Green colour implies success or completion, while orange suggests a warning, on hold, or a problem. Red coloured badges mean error or failure.
- *
- * - Stay consistent with badge content (text), don't vary your vocabulary
- * - Bages usually come after a textual information or explanation
- * - Don't use badges where traditional error messages  (such as form validation) can be used instead
- * - Don't use badges with combination of buttons
- * - Badges are not interactive
- *
- * Do use
- *
- * - To indicate progress of an A/B test
- * - To indicate problem with an index
- * - To display numeric values for multiple items (similar to a "tag cloud")
- */
-export declare const Badge: ({ children, value, icon: Icon, variant, size, className, ...props }: BadgeProps) => JSX.Element;
-export default Badge;