@algolia/satellite 1.0.0-v3.99 → 1.1.0

package/Input/Input.js

@@ -1,318 +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.Input = void 0;
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _reactFeather = require("react-feather");
-
-var _classnames = _interopRequireDefault(require("classnames"));
-
-var _satellitePrefixer = _interopRequireDefault(require("../styles/helpers/satellitePrefixer"));
-
-var _useForwardedRef3 = _interopRequireDefault(require("../utils/useForwardedRef"));
-
-var _useTriggerInputChange = _interopRequireDefault(require("../utils/useTriggerInputChange"));
-
-var _useFieldState2 = _interopRequireDefault(require("../Field/useFieldState"));
-
-function _templateObject13() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["input-spinner-button"]);
-
-  _templateObject13 = function _templateObject13() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject12() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["input-spinner-button"]);
-
-  _templateObject12 = function _templateObject12() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject11() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["input-spinner"]);
-
-  _templateObject11 = function _templateObject11() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject10() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["mr-4"]);
-
-  _templateObject10 = function _templateObject10() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject9() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["mx-4"]);
-
-  _templateObject9 = function _templateObject9() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject8() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["ml-4 ", ""]);
-
-  _templateObject8 = function _templateObject8() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject7() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["\n          input\n          ", "\n          ", "\n        "]);
-
-  _templateObject7 = function _templateObject7() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject6() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["mr-4 h-4 w-4 text-white bg-accent-700 p-px rounded-full"]);
-
-  _templateObject6 = function _templateObject6() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject5() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["mr-4 h-4 w-4 text-white bg-red-700 p-px rounded-full"]);
-
-  _templateObject5 = function _templateObject5() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject4() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["input-large"]);
-
-  _templateObject4 = function _templateObject4() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject3() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["input-medium"]);
-
-  _templateObject3 = function _templateObject3() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject2() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["input-small"]);
-
-  _templateObject2 = function _templateObject2() {
-    return data;
-  };
-
-  return data;
-}
-
-function _templateObject() {
-  var data = (0, _taggedTemplateLiteral2["default"])(["input-invalid"]);
-
-  _templateObject = function _templateObject() {
-    return data;
-  };
-
-  return data;
-}
-
-var STATUS_CLASSNAMES = {
-  "default": "",
-  invalid: (0, _satellitePrefixer["default"])(_templateObject()),
-  validated: ""
-};
-var VARIANT_CLASSNAMES = {
-  small: (0, _satellitePrefixer["default"])(_templateObject2()),
-  medium: (0, _satellitePrefixer["default"])(_templateObject3()),
-  large: (0, _satellitePrefixer["default"])(_templateObject4())
-};
-
-var SearchIcon = function SearchIcon(props) {
-  return _react["default"].createElement(_reactFeather.Search, (0, _extends2["default"])({}, props, {
-    role: "img",
-    "aria-label": "Search Icon"
-  }));
-};
-
-var InvalidIcon = function InvalidIcon() {
-  return _react["default"].createElement(_reactFeather.X, {
-    className: (0, _satellitePrefixer["default"])(_templateObject5())
-  });
-};
-
-var ValidatedIcon = function ValidatedIcon() {
-  return _react["default"].createElement(_reactFeather.Check, {
-    className: (0, _satellitePrefixer["default"])(_templateObject6())
-  });
-};
-/**
- * Use text fields to help users enter, select, and search for text. Text fields are normally found within a form but can also be part of a modal, search, or card
- *
- * ## Variations
- * #### Number input
- * - **Stepper (optional)**: consider using a stepper (number control) to let users increase or decrease the value of the input. This is an optional part of the number field so only use based on what you think will help the user
- */
-
-
-var Input = _react["default"].forwardRef(function (_ref, externalRef) {
-  var className = _ref.className,
-      style = _ref.style,
-      startIcon = _ref.startIcon,
-      endItem = _ref.endItem,
-      disabled = _ref.disabled,
-      _ref$type = _ref.type,
-      type = _ref$type === void 0 ? "text" : _ref$type,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? "medium" : _ref$variant,
-      inputProps = (0, _objectWithoutProperties2["default"])(_ref, ["className", "style", "startIcon", "endItem", "disabled", "type", "variant"]);
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-      focused = _useState2[0],
-      setFocused = _useState2[1];
-
-  var _useForwardedRef = (0, _useForwardedRef3["default"])(externalRef),
-      _useForwardedRef2 = (0, _slicedToArray2["default"])(_useForwardedRef, 2),
-      inputRefCallback = _useForwardedRef2[0],
-      inputRef = _useForwardedRef2[1];
-
-  var triggerInputChange = (0, _useTriggerInputChange["default"])(inputRef);
-
-  var _useFieldState = (0, _useFieldState2["default"])(),
-      status = _useFieldState.status;
-
-  var focusInput = function focusInput() {
-    return inputRef.current && inputRef.current.focus();
-  };
-
-  var Icon = startIcon ? startIcon : type === "search" ? SearchIcon : undefined;
-  var StatusIcon = status === "invalid" ? InvalidIcon : status === "validated" ? ValidatedIcon : _react["default"].Fragment;
-
-  var handleFocus = function handleFocus(evt) {
-    setFocused(true);
-    if (inputProps.onFocus) inputProps.onFocus(evt);
-  };
-
-  var handleBlur = function handleBlur(evt) {
-    setFocused(false);
-    if (inputProps.onBlur) inputProps.onBlur(evt);
-  };
-
-  return _react["default"].createElement("div", {
-    className: (0, _classnames["default"])((0, _satellitePrefixer["default"])(_templateObject7(), focused && "input-focused", disabled && "input-disabled"), VARIANT_CLASSNAMES[variant], STATUS_CLASSNAMES[status], className),
-    style: style,
-    onClick: focusInput
-  }, Icon && _react["default"].createElement(Icon, {
-    className: (0, _satellitePrefixer["default"])(_templateObject8(), disabled ? "text-grey-200" : focused ? "text-accent-600" : "text-grey-500"),
-    size: variant === "small" ? "1rem" : "1.5rem"
-  }), _react["default"].createElement("input", (0, _extends2["default"])({
-    className: (0, _satellitePrefixer["default"])(_templateObject9()),
-    ref: inputRefCallback,
-    type: type
-  }, inputProps, {
-    disabled: disabled,
-    onFocus: handleFocus,
-    onBlur: handleBlur
-  })), endItem && _react["default"].createElement("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject10())
-  }, endItem), _react["default"].createElement(StatusIcon, null), type === "number" && !disabled && _react["default"].createElement("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject11())
-  }, _react["default"].createElement("button", {
-    tabIndex: -1,
-    type: "button",
-    className: (0, _satellitePrefixer["default"])(_templateObject12()),
-    "aria-label": "increment",
-    onClick: function onClick() {
-      var _ref2, _inputRef$current;
-
-      var step = inputProps.step ? parseFloat(String(inputProps.step)) : 1;
-      var max = inputProps.max ? parseFloat(String(inputProps.max)) : Number.MAX_SAFE_INTEGER;
-      var currentValue = parseFloat((_ref2 = (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value) !== null && _ref2 !== void 0 ? _ref2 : "0");
-
-      if (Number.isNaN(currentValue)) {
-        currentValue = 0;
-      }
-
-      if (currentValue + step <= max) {
-        triggerInputChange(String(currentValue + step));
-      } else {
-        triggerInputChange(String(max));
-      }
-    }
-  }, _react["default"].createElement(_reactFeather.ChevronUp, {
-    size: 12
-  })), _react["default"].createElement("button", {
-    tabIndex: -1,
-    type: "button",
-    className: (0, _satellitePrefixer["default"])(_templateObject13()),
-    "aria-label": "decrement",
-    onClick: function onClick() {
-      var _ref3, _inputRef$current2;
-
-      var step = inputProps.step ? parseFloat(String(inputProps.step)) : 1;
-      var min = inputProps.min ? parseFloat(String(inputProps.min)) : Number.MIN_SAFE_INTEGER;
-      var currentValue = parseFloat((_ref3 = (_inputRef$current2 = inputRef.current) === null || _inputRef$current2 === void 0 ? void 0 : _inputRef$current2.value) !== null && _ref3 !== void 0 ? _ref3 : "0");
-
-      if (Number.isNaN(currentValue)) {
-        currentValue = 0;
-      }
-
-      if (currentValue - step >= min) {
-        triggerInputChange(String(currentValue - step));
-      } else {
-        triggerInputChange(String(min));
-      }
-    }
-  }, _react["default"].createElement(_reactFeather.ChevronDown, {
-    size: 12
-  }))));
-});
-
-exports.Input = Input;
-var _default = Input;
-exports["default"] = _default;

package/Input/Input.tailwind.d.ts

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

package/Input/Input.tailwind.js

@@ -1,105 +0,0 @@
-"use strict";
-
-// @ts-check
-var rgba = require("../styles/rgba");
-
-var disabledColor = require("../styles/disabledColor");
-/**
- * @type {import('../tailwind-types').TailwindPlugin}
- */
-
-
-var inputPlugin = function inputPlugin(_ref) {
-  var addComponents = _ref.addComponents,
-      theme = _ref.theme;
-  addComponents({
-    ".input": {
-      position: "relative",
-      display: "flex",
-      alignItems: "center",
-      cursor: "text",
-      fontSize: theme("fontSize.base"),
-      lineHeight: theme("lineHeight.base"),
-      backgroundColor: theme("colors.white"),
-      border: "1px solid ".concat(theme("colors.grey.200")),
-      borderRadius: theme("borderRadius.default"),
-      boxShadow: "inset 0px 1px 4px 0px ".concat(rgba(theme("colors.grey.500"), 0.3)),
-      overflow: "hidden",
-      transition: "all 100ms ease-in-out",
-      input: {
-        flex: 1,
-        minWidth: 0,
-        caretColor: theme("colors.grey.600"),
-        color: theme("colors.grey.900"),
-        background: "transparent",
-        "&[type=number]": {
-          "-moz-appearance": "textfield"
-        },
-        "&[type=number]::-webkit-inner-spin-button, &[type=number]::-webkit-outer-spin-button": {
-          "-webkit-appearance": "none",
-          margin: 0
-        },
-        "&:focus": {
-          outline: "none"
-        },
-        "&::placeholder": {
-          color: theme("colors.grey.600")
-        }
-      }
-    },
-    ".input-focused, .input:focus-within": {
-      borderColor: theme("colors.accent.600"),
-      boxShadow: "0px 1px 0px 0px ".concat(theme("colors.shadow.5"))
-    },
-    ".input-disabled": {
-      cursor: "not-allowed",
-      background: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)"),
-      borderColor: disabledColor(theme("colors.grey.200")),
-      boxShadow: "none",
-      "input, input::placeholder": {
-        color: theme("colors.grey.300"),
-        pointerEvents: "none"
-      }
-    },
-    ".input-small": {
-      height: "2rem"
-    },
-    ".input-medium": {
-      height: "2.5rem"
-    },
-    ".input-large": {
-      height: "3rem"
-    },
-    ".input-invalid:not(.input-disabled)": {
-      backgroundColor: theme("colors.red.100"),
-      borderColor: theme("colors.red.700")
-    }
-  });
-  addComponents({
-    ".input-spinner": {
-      display: "flex",
-      flexDirection: "column",
-      height: "100%",
-      width: 24,
-      minWidth: 20
-    },
-    ".input-spinner-button": {
-      background: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.50"), " 100%)"),
-      borderColor: theme("colors.grey.200"),
-      borderStyle: "solid",
-      borderLeftWidth: 1,
-      flex: 1,
-      display: "inline-flex",
-      alignItems: "center",
-      justifyContent: "center",
-      "&:focus": {
-        outline: "none"
-      },
-      "&:not(:last-child)": {
-        borderBottomWidth: 1
-      }
-    }
-  });
-};
-
-module.exports = inputPlugin;

package/Input/index.d.ts

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

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

package/InstantSearch/InstantSearch.tailwind.d.ts

@@ -1,6 +0,0 @@
-declare function _exports({ addComponents, prefix, theme }: {
-    addComponents: any;
-    prefix: any;
-    theme: any;
-}): void;
-export = _exports;