@algolia/satellite - npm Package Compare versions

Comparing version 1.0.0-beta.35 to 1.0.0-beta.36

AutoComplete/AutoComplete.d.ts

@@ -6,3 +6,3 @@ import React from "react";
 import { Option, CreateFromInputValue, RenderValueTemplateArgs, OptionRendererParams } from "./types";
-export interface Props<T extends Option = Option> {
+export interface AutoCompleteProps {
     id?: string;
@@ -15,6 +15,6 @@ name?: string;
     autoFocus?: boolean;
-    options?: T[];
-    value?: T | T[];
+    options?: Option[];
+    value?: Option | Option[];
     inputValue?: string;
-    onChange: (option: T | T[] | null) => void;
+    onChange: (option: Option | Option[] | null) => void;
     onTextChange?: (text: string) => any;
@@ -28,6 +28,6 @@ onBlur?: () => void;
     noResultsLabel?: string;
-    createFromInputValue?: CreateFromInputValue<T>;
+    createFromInputValue?: CreateFromInputValue<Option>;
     separatorKeyCodes?: number[];
-    renderValueTemplate?: (args: RenderValueTemplateArgs<T>) => JSX.Element;
-    renderOption?: (option: T, params: OptionRendererParams) => React.ReactNode;
+    renderValueTemplate?: (args: RenderValueTemplateArgs<Option>) => JSX.Element;
+    renderOption?: (option: Option, params: OptionRendererParams) => React.ReactNode;
 }
@@ -40,3 +40,3 @@ interface State {
 }
-export declare class AutoComplete<T extends Option> extends React.Component<Props<T>, State> {
+export declare class AutoComplete<T extends Option> extends React.Component<AutoCompleteProps, State> {
     static defaultProps: {
@@ -51,24 +51,22 @@ clearable: boolean;
         separatorKeyCodes: never[];
-        onBlur: () => void;
-        renderOption: (option: Option, { multiple, highlighted }: OptionRendererParams) => JSX.Element;
+        renderOption: (option: Option, { multiple }: OptionRendererParams) => JSX.Element;
     };
     state: State;
     inputRef: HTMLInputElement | null;
-    showAllResultsButtonRef: React.RefObject<HTMLButtonElement>;
-    componentDidUpdate(prevProps: Props<T>): void;
+    componentDidUpdate(prevProps: AutoCompleteProps): void;
     handleClearClick: () => void;
     handleFakeInputClick: () => void | null;
-    handleInputBlur: (state: ControllerStateAndHelpers<T>) => (evt: React.FocusEvent<any>) => void;
+    handleInputBlur: (state: ControllerStateAndHelpers<Option>) => () => void;
     handleInputChange: (evt: React.ChangeEvent<HTMLInputElement>) => void;
     handleDropdownWidthUpdate: (el?: HTMLElement | undefined) => void;
-    handleKeyDown: (state: ControllerStateAndHelpers<T>) => (evt: React.KeyboardEvent<any>) => void;
-    handleChange: (option: T) => void;
-    handleShowAllResults: () => void;
+    handleKeyDown: (state: ControllerStateAndHelpers<Option>) => (evt: React.KeyboardEvent<any>) => void;
+    handleChange: (option: Option) => void;
+    handleShowAllResults: (evt: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
     readonly inputValue: string;
-    removeValue: (removedOption: T) => void;
-    renderInput: (results: T[], autocompleteHelpers: ControllerStateAndHelpers<T>, { css }: ClassNamesContent<any>) => JSX.Element;
-    renderMenu: (results: T[], autocompleteHelpers: ControllerStateAndHelpers<T>, { css }: ClassNamesContent<any>) => JSX.Element;
-    renderSelect: (autocompleteHelpers: ControllerStateAndHelpers<T>) => JSX.Element;
+    removeValue: (removedOption: Option) => void;
+    renderInput: (results: Option[], autocompleteHelpers: ControllerStateAndHelpers<Option>, { css }: ClassNamesContent<any>) => JSX.Element;
+    renderMenu: (results: Option[], autocompleteHelpers: ControllerStateAndHelpers<Option>, { css }: ClassNamesContent<any>) => JSX.Element;
+    renderSelect: (autocompleteHelpers: ControllerStateAndHelpers<Option>) => JSX.Element;
     render(): JSX.Element;
 }
 export default AutoComplete;

AutoComplete/AutoComplete.js

@@ -20,2 +20,4 @@ "use strict";
 
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -43,4 +45,2 @@
 
-var _reactInputAutosize = _interopRequireDefault(require("react-input-autosize"));
-
 var _downshift = _interopRequireDefault(require("downshift"));
@@ -87,12 +87,28 @@
   var results = [];
+  var _iteratorNormalCompletion = true;
+  var _didIteratorError = false;
+  var _iteratorError = undefined;
 
-  for (var i = 0; i < options.length; i++) {
-    var _option = options[i];
+  try {
+    for (var _iterator = options[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var _option = _step.value;
 
-    if (selectedValues.includes(_option.value)) {
-      continue;
+      if (selectedValues.includes(_option.value)) {
+        continue;
+      } else if (_option.bypassNeedleMatch || needlesMatch(needles, _option)) {
+        results.push(_option);
+      }
     }
-
-    if (_option.bypassNeedleMatch || needlesMatch(needles, _option)) {
-      results.push(_option);
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator["return"] != null) {
+        _iterator["return"]();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
     }
@@ -113,10 +129,10 @@ }
 var defaultOptionRenderer = function defaultOptionRenderer(option, _ref) {
-  var multiple = _ref.multiple,
-      highlighted = _ref.highlighted;
+  var multiple = _ref.multiple;
   return (0, _core.jsx)("div", {
     css: _AutoComplete["default"].resultLabel
   }, (0, _core.jsx)("span", null, option["new"] ? "".concat(multiple ? "Add " : "Use ", " ").concat(option.label) : option.label), option.metadata && option.metadata.length > 0 && (0, _core.jsx)("ul", {
+    className: "metadata",
     css:
     /*#__PURE__*/
-    (0, _css2["default"])([_AutoComplete["default"].resultMetadata, highlighted && _AutoComplete["default"].resultMetadataHighlighted])
+    (0, _css2["default"])([_AutoComplete["default"].resultMetadata])
   }, option.metadata.map(function (metadata, idx) {
@@ -157,3 +173,2 @@ return (0, _core.jsx)("li", {
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "inputRef", null);
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "showAllResultsButtonRef", _react["default"].createRef());
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleClearClick", function () {
@@ -170,3 +185,3 @@ return _this.setState({
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleInputBlur", function (state) {
-      return function (evt) {
+      return function () {
         var _this$props = _this.props,
@@ -183,5 +198,3 @@ value = _this$props.value,
 
-        if (evt.relatedTarget && evt.relatedTarget === _this.showAllResultsButtonRef.current) {
-          return;
-        } else if (selectOnBlur && inputValue && state.highlightedIndex !== null) {
+        if (selectOnBlur && inputValue && state.highlightedIndex !== null) {
           newInputValue = multiple ? "" : itemToString(value);
@@ -244,2 +257,3 @@ state.selectItemAtIndex(state.highlightedIndex);
             onChange = _this$props2.onChange;
+        if (!multiple || !Array.isArray(value)) return;
 
@@ -249,3 +263,2 @@ var _assertThisInitialize2 = (0, _assertThisInitialized2["default"])(_this),
 
-        if (!multiple || !Array.isArray(value)) return;
         var canCreate = creatable && inputValue.trim().length > 0;
@@ -257,5 +270,7 @@
           evt.preventDefault();
-          var newOptions = createFromInputValue(options, inputValue);
-          var newOption = newOptions[0];
 
+          var _createFromInputValue = createFromInputValue(options, inputValue),
+              _createFromInputValue2 = (0, _slicedToArray2["default"])(_createFromInputValue, 1),
+              newOption = _createFromInputValue2[0];
+
           if (newOption && !newOption.disabled) {
@@ -268,13 +283,16 @@ state.selectItem(newOption);
     (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleChange", function (option) {
+      if (option.disabled) return;
+      var _this$props3 = _this.props,
+          multiple = _this$props3.multiple,
+          value = _this$props3.value,
+          onChange = _this$props3.onChange;
       option = option ? (0, _omit["default"])(option, "new") : option;
 
-      if (option.disabled) {
-        return;
-      } else if (_this.props.multiple) {
-        var newValue = (0, _uniqBy["default"])([].concat((0, _toConsumableArray2["default"])(_this.props.value || []), [option]), function (o) {
+      if (multiple) {
+        var arrayValue = Array.isArray(value) ? value : [];
+        var newValue = (0, _uniqBy["default"])([].concat((0, _toConsumableArray2["default"])(arrayValue), [option]), function (o) {
           return o.value;
         });
+        onChange(newValue);
 
-        _this.props.onChange(newValue);
-
         _this.setState({
@@ -285,3 +303,3 @@ inputValue: "",
       } else {
-        _this.props.onChange(option);
+        onChange(option);
 
@@ -294,3 +312,6 @@ _this.setState({
     });
-    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleShowAllResults", function () {
+    (0, _defineProperty2["default"])((0, _assertThisInitialized2["default"])(_this), "handleShowAllResults", function (evt) {
+      evt.preventDefault();
+      evt.stopPropagation();
+
       _this.setState({
@@ -310,12 +331,12 @@ showAllResults: true
       var css = _ref2.css;
-      var _this$props3 = _this.props,
-          id = _this$props3.id,
-          placeholder = _this$props3.placeholder,
-          disabled = _this$props3.disabled,
-          autoFocus = _this$props3.autoFocus,
-          clearable = _this$props3.clearable,
-          value = _this$props3.value,
-          multiple = _this$props3.multiple,
-          renderValueTemplate = _this$props3.renderValueTemplate,
-          status = _this$props3.status;
+      var _this$props4 = _this.props,
+          id = _this$props4.id,
+          placeholder = _this$props4.placeholder,
+          disabled = _this$props4.disabled,
+          autoFocus = _this$props4.autoFocus,
+          clearable = _this$props4.clearable,
+          value = _this$props4.value,
+          multiple = _this$props4.multiple,
+          renderValueTemplate = _this$props4.renderValueTemplate,
+          status = _this$props4.status;
       var inputFocused = _this.state.inputFocused;
@@ -353,8 +374,2 @@ var getInputProps = autocompleteHelpers.getInputProps;
       });
-
-      if (multiple) {
-        inputProps.placeholderIsMinWidth = true;
-        inputProps.minWidth = 64;
-      }
-
       return (0, _core.jsx)(Popper.Target, {
@@ -383,3 +398,3 @@ className: inputWrapperClassName,
         editable: !disabled
-      }), (0, _core.jsx)(_reactInputAutosize["default"], inputProps)), showClearButton && (0, _core.jsx)("button", {
+      }), (0, _core.jsx)("input", inputProps)), showClearButton && (0, _core.jsx)("button", {
         type: "button",
@@ -395,10 +410,10 @@ css: _AutoComplete["default"].clearButton,
           highlightedIndex = autocompleteHelpers.highlightedIndex;
-      var _this$props4 = _this.props,
-          noResultsLabel = _this$props4.noResultsLabel,
-          _this$props4$maxResul = _this$props4.maxResults,
-          maxResults = _this$props4$maxResul === void 0 ? AutoComplete.defaultProps.maxResults : _this$props4$maxResul,
-          _this$props4$multiple = _this$props4.multiple,
-          multiple = _this$props4$multiple === void 0 ? AutoComplete.defaultProps.multiple : _this$props4$multiple,
-          _this$props4$renderOp = _this$props4.renderOption,
-          renderOption = _this$props4$renderOp === void 0 ? AutoComplete.defaultProps.renderOption : _this$props4$renderOp;
+      var _this$props5 = _this.props,
+          noResultsLabel = _this$props5.noResultsLabel,
+          _this$props5$maxResul = _this$props5.maxResults,
+          maxResults = _this$props5$maxResul === void 0 ? AutoComplete.defaultProps.maxResults : _this$props5$maxResul,
+          _this$props5$multiple = _this$props5.multiple,
+          multiple = _this$props5$multiple === void 0 ? AutoComplete.defaultProps.multiple : _this$props5$multiple,
+          _this$props5$renderOp = _this$props5.renderOption,
+          renderOption = _this$props5$renderOp === void 0 ? AutoComplete.defaultProps.renderOption : _this$props5$renderOp;
       var _this$state = _this.state,
@@ -438,3 +453,2 @@ inputWidth = _this$state.inputWidth,
       }, (0, _core.jsx)(_LinkButton["default"], {
-        ref: _this.showAllResultsButtonRef,
         onClick: _this.handleShowAllResults
@@ -445,9 +459,9 @@ }, "Show ", (0, _pluralize["default"])(extraResults, "result"), " more")))));
       var isOpen = autocompleteHelpers.isOpen;
-      var _this$props5 = _this.props,
-          className = _this$props5.className,
-          options = _this$props5.options,
-          value = _this$props5.value,
-          creatable = _this$props5.creatable,
-          _this$props5$createFr = _this$props5.createFromInputValue,
-          createFromInputValue = _this$props5$createFr === void 0 ? AutoComplete.defaultProps.createFromInputValue : _this$props5$createFr;
+      var _this$props6 = _this.props,
+          className = _this$props6.className,
+          options = _this$props6.options,
+          value = _this$props6.value,
+          creatable = _this$props6.creatable,
+          _this$props6$createFr = _this$props6.createFromInputValue,
+          createFromInputValue = _this$props6$createFr === void 0 ? AutoComplete.defaultProps.createFromInputValue : _this$props6$createFr;
 
@@ -520,3 +534,2 @@ var _assertThisInitialize3 = (0, _assertThisInitialized2["default"])(_this),
   separatorKeyCodes: [],
-  onBlur: function onBlur() {},
   renderOption: defaultOptionRenderer
@@ -523,0 +536,0 @@ });

AutoComplete/AutoComplete.styles.d.ts

@@ -22,3 +22,2 @@ declare const _default: {
     resultMetadata: import("@emotion/utils").SerializedStyles;
-    resultMetadataHighlighted: import("@emotion/utils").SerializedStyles;
     resultImg: import("@emotion/utils").SerializedStyles;
@@ -25,0 +24,0 @@ moreResults: import("@emotion/utils").SerializedStyles;

AutoComplete/AutoComplete.styles.js

@@ -25,3 +25,3 @@ "use strict";
 /*#__PURE__*/
-(0, _core.css)("color:", _colors.white, ";background:", _colors.accent, ";");
+(0, _core.css)("color:", _colors.white, ";background:", _colors.accent, ";.metadata{color:", _colors.white, ";}");
 var _default = {
@@ -90,5 +90,2 @@ inputWrapper:
   (0, _core.css)(_utils.resetList, ";display:flex;flex-direction:row;font-size:", _variables.fontSize12, "px;color:", _variables.textMutedColor, ";& > li:not(:last-of-type)::after{content:\"\\000B7\";padding:", _variables.spacing8, "px;}"),
-  resultMetadataHighlighted:
-  /*#__PURE__*/
-  (0, _core.css)("color:", _colors.white, ";"),
   resultImg:
@@ -95,0 +92,0 @@ /*#__PURE__*/

package.json

 {
   "name": "@algolia/satellite",
-  "version": "1.0.0-beta.35",
+  "version": "1.0.0-beta.36",
   "description": "Algolia design system React components",
@@ -34,3 +34,2 @@ "main": "index.js",
     "raf": "^3.4.1",
-    "react-input-autosize": "^2.2.1",
     "react-popper": "^0.10.x",
@@ -37,0 +36,0 @@ "react-transition-group": "1.x"

RadioGroup/RadioButton.d.ts

 import React from "react";
-export declare const RadioButton: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement>, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "multiple" | "children" | "list" | "step" | "height" | "width" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "accept" | "alt" | "autoComplete" | "autoFocus" | "capture" | "checked" | "crossOrigin" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "maxLength" | "min" | "minLength" | "name" | "readOnly" | "src" | "value"> & React.RefAttributes<HTMLInputElement>>;
+export declare const RadioButton: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement>, "max" | "required" | "disabled" | "hidden" | "dir" | "form" | "slot" | "style" | "title" | "pattern" | "color" | "size" | "multiple" | "children" | "list" | "step" | "height" | "width" | "value" | "className" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "inputMode" | "is" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "maxLength" | "min" | "minLength" | "readOnly" | "src"> & React.RefAttributes<HTMLInputElement>>;
 export default RadioButton;

No alert changes

Improved metrics

Total package byte prevSize

5166329

Dependency count

9

decreased by-10%

Lines of code

5368

increased by0.17%

Dependency changes

• - Removedreact-input-autosize@^2.2.1

• - Removedreact-input-autosize@2.2.2(transitive)