@algolia/satellite 2.13.0 → 2.14.0

package/dist/cjs/Fields/TextArea/TextArea.d.ts

@@ -20,6 +20,10 @@ export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElemen
      * Whether the `TextArea` is disabled.
      */
     disabled?: boolean;
+    /**
+     * Whether the `TextArea` is in a loading state. When loading, the textarea is disabled and a spinner is shown.
+     */
+    loading?: boolean;
 }
 export type TextareaStatus = "default" | "validated" | "invalid";
 /**

package/dist/cjs/Fields/TextArea/TextArea.js

@@ -12,10 +12,11 @@ var _clsx = _interopRequireDefault(require("clsx"));
 var _react = require("react");
 var _Field = require("./../Field");
 var _Icons = require("./../../Icons");
+var _Indicators = require("./../../Indicators");
 var _satellitePrefixer = _interopRequireDefault(require("./../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _excluded = ["className", "placeholder", "required", "children"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _excluded = ["className", "placeholder", "required", "disabled", "loading", "children"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var STATUS_CLASSNAMES = {
@@ -44,6 +45,8 @@ var TextArea = exports.TextArea = /*#__PURE__*/(0, _react.forwardRef)(function (
   var className = _ref.className,
     placeholder = _ref.placeholder,
     required = _ref.required,
+    disabled = _ref.disabled,
+    loading = _ref.loading,
     children = _ref.children,
     textareaProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   var _useField = (0, _Field.useField)({
@@ -53,6 +56,7 @@ var TextArea = exports.TextArea = /*#__PURE__*/(0, _react.forwardRef)(function (
     labelId = _useField.labelId,
     descriptionId = _useField.descriptionId,
     inputId = _useField.inputId;
+  var isDisabled = disabled || loading;
   var isInvalid = state.status === "invalid";
   var StatusIcon = isInvalid ? InvalidIcon : state.status === "validated" ? ValidatedIcon : _react.Fragment;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -64,9 +68,13 @@ var TextArea = exports.TextArea = /*#__PURE__*/(0, _react.forwardRef)(function (
       id: (_textareaProps$id = textareaProps.id) !== null && _textareaProps$id !== void 0 ? _textareaProps$id : inputId,
       required: required,
       "aria-invalid": isInvalid,
+      disabled: isDisabled,
       ref: ref,
       placeholder: placeholder
-    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(StatusIcon, {}), children]
+    })), loading ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Indicators.ProgressSpinner, {
+      className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["absolute top-4 right-4"]))),
+      size: 16
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(StatusIcon, {}), children]
   });
 });
 TextArea.displayName = "TextArea";

package/dist/cjs/Overlay/MenuButton/components/items/Item.js

@@ -32,7 +32,7 @@ var Item = exports.Item = /*#__PURE__*/(0, _react.forwardRef)(function (props, r
     className: (0, _clsx["default"])(mergedProps.className, (0, _satellitePrefixer["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["w-full"])))),
     ref: ref,
     children: [StartIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)(StartIcon, {
-      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mr-2 shrink-0 ", ""])), showDestructiveVariant ? "text-red-700" : "text-grey-500"),
+      className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["mr-2 shrink-0 ", ""])), mergedProps.disabled ? "text-grey-300" : showDestructiveVariant ? "text-red-700" : "text-grey-500"),
       width: "1rem",
       height: "1rem"
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {

package/dist/esm/Fields/TextArea/TextArea.d.ts

@@ -20,6 +20,10 @@ export interface TextAreaProps extends TextareaHTMLAttributes<HTMLTextAreaElemen
      * Whether the `TextArea` is disabled.
      */
     disabled?: boolean;
+    /**
+     * Whether the `TextArea` is in a loading state. When loading, the textarea is disabled and a spinner is shown.
+     */
+    loading?: boolean;
 }
 export type TextareaStatus = "default" | "validated" | "invalid";
 /**

package/dist/esm/Fields/TextArea/TextArea.js

@@ -1,14 +1,15 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-var _excluded = ["className", "placeholder", "required", "children"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var _excluded = ["className", "placeholder", "required", "disabled", "loading", "children"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import cx from "clsx";
 import { forwardRef, Fragment } from "react";
 import { useField } from "./../Field";
 import { CheckIcon, XIcon } from "./../../Icons";
+import { ProgressSpinner } from "./../../Indicators";
 import stl from "./../../styles/helpers/satellitePrefixer";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var STATUS_CLASSNAMES = {
@@ -37,6 +38,8 @@ export var TextArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var className = _ref.className,
     placeholder = _ref.placeholder,
     required = _ref.required,
+    disabled = _ref.disabled,
+    loading = _ref.loading,
     children = _ref.children,
     textareaProps = _objectWithoutProperties(_ref, _excluded);
   var _useField = useField({
@@ -46,6 +49,7 @@ export var TextArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
     labelId = _useField.labelId,
     descriptionId = _useField.descriptionId,
     inputId = _useField.inputId;
+  var isDisabled = disabled || loading;
   var isInvalid = state.status === "invalid";
   var StatusIcon = isInvalid ? InvalidIcon : state.status === "validated" ? ValidatedIcon : Fragment;
   return /*#__PURE__*/_jsxs("div", {
@@ -57,9 +61,13 @@ export var TextArea = /*#__PURE__*/forwardRef(function (_ref, ref) {
       id: (_textareaProps$id = textareaProps.id) !== null && _textareaProps$id !== void 0 ? _textareaProps$id : inputId,
       required: required,
       "aria-invalid": isInvalid,
+      disabled: isDisabled,
       ref: ref,
       placeholder: placeholder
-    })), /*#__PURE__*/_jsx(StatusIcon, {}), children]
+    })), loading ? /*#__PURE__*/_jsx(ProgressSpinner, {
+      className: stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["absolute top-4 right-4"]))),
+      size: 16
+    }) : /*#__PURE__*/_jsx(StatusIcon, {}), children]
   });
 });
 TextArea.displayName = "TextArea";

package/dist/esm/Overlay/MenuButton/components/items/Item.js

@@ -23,7 +23,7 @@ export var Item = /*#__PURE__*/forwardRef(function (props, ref) {
     className: cx(mergedProps.className, stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["w-full"])))),
     ref: ref,
     children: [StartIcon && /*#__PURE__*/_jsx(StartIcon, {
-      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 shrink-0 ", ""])), showDestructiveVariant ? "text-red-700" : "text-grey-500"),
+      className: stl(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["mr-2 shrink-0 ", ""])), mergedProps.disabled ? "text-grey-300" : showDestructiveVariant ? "text-red-700" : "text-grey-500"),
       width: "1rem",
       height: "1rem"
     }), /*#__PURE__*/_jsx("span", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@algolia/satellite",
-  "version": "2.13.0",
+  "version": "2.14.0",
   "description": "Algolia design system React components",
   "sideEffects": false,
   "scripts": {