react-autosize-textarea - npm Package Compare versions

Comparing version 4.0.0 to 5.0.0-pre

lib/TextareaAutosize.d.ts

@@ -1,29 +0,29 @@
-/// <reference types="react" />
 import * as React from 'react';
 import * as PropTypes from 'prop-types';
-export declare type TextareaAutosizeRequiredProps = React.HTMLProps<HTMLTextAreaElement> & {
-    /** Called whenever the textarea resizes */
-    onResize?: (e: React.SyntheticEvent<Event>) => void;
-    /** Minimum number of visible rows */
-    rows?: React.HTMLProps<HTMLTextAreaElement>['rows'];
-    /** Maximum number of visible rows */
-    maxRows?: number;
-    /** Called with the ref to the DOM node */
-    innerRef?: (textarea: HTMLTextAreaElement) => void;
-    /** Initialize `autosize` asynchronously.
-     * Enable it if you are using StyledComponents
-     * This is forced to true when `maxRows` is set.
-     */
-    async?: boolean;
-};
-export declare type TextareaAutosizeDefaultProps = {
-    rows: number;
-    async: boolean;
-};
-export declare namespace TextareaAutosize {
-    type Props = TextareaAutosizeRequiredProps & Partial<TextareaAutosizeDefaultProps>;
+declare namespace TextareaAutosize {
+    type RequiredProps = Pick<React.HTMLProps<HTMLTextAreaElement>, Exclude<keyof React.HTMLProps<HTMLTextAreaElement>, 'ref'>> & {
+        /** Called whenever the textarea resizes */
+        onResize?: (e: React.SyntheticEvent<Event>) => void;
+        /** Minimum number of visible rows */
+        rows?: React.HTMLProps<HTMLTextAreaElement>['rows'];
+        /** Maximum number of visible rows */
+        maxRows?: number;
+        /** Called with the ref to the DOM node */
+        innerRef?: (textarea: HTMLTextAreaElement) => void;
+        /** Initialize `autosize` asynchronously.
+         * Enable it if you are using StyledComponents
+         * This is forced to true when `maxRows` is set.
+         */
+        async?: boolean;
+    };
+    type DefaultProps = {
+        rows: number;
+        async: boolean;
+    };
+    type Props = RequiredProps & Partial<DefaultProps>;
+    type State = {
+        lineHeight: number | null;
+    };
 }
-export declare type State = {
-    lineHeight: number | null;
-};
+declare type EventType = 'autosize:update' | 'autosize:destroy' | 'autosize:resized';
 /**
@@ -33,4 +33,4 @@ * A light replacement for built-in textarea component
  */
-export default class TextareaAutosize extends React.Component<TextareaAutosize.Props, State> {
-    static defaultProps: TextareaAutosizeDefaultProps;
+declare class TextareaAutosize extends React.Component<TextareaAutosize.Props, TextareaAutosize.State> {
+    static defaultProps: TextareaAutosize.DefaultProps;
     static propTypes: {
@@ -46,3 +46,3 @@ [key in keyof TextareaAutosize.Props]: PropTypes.Requireable<any>;
     componentWillUnmount(): void;
-    dispatchEvent: (EVENT_TYPE: "autosize:update" | "autosize:destroy" | "autosize:resized") => void;
+    dispatchEvent: (EVENT_TYPE: EventType) => void;
     updateLineHeight: () => void;
@@ -56,2 +56,31 @@ onChange: (e: React.SyntheticEvent<HTMLTextAreaElement>) => void;
         children?: React.ReactNode;
+        default?: boolean | undefined;
+        max?: string | number | undefined;
+        required?: boolean | undefined;
+        media?: string | undefined;
+        hidden?: boolean | undefined;
+        cite?: string | undefined;
+        data?: string | undefined;
+        dir?: string | undefined;
+        form?: string | undefined;
+        label?: string | undefined;
+        slot?: string | undefined;
+        span?: number | undefined;
+        title?: string | undefined;
+        pattern?: string | undefined;
+        async?: boolean | undefined;
+        start?: number | undefined;
+        low?: number | undefined;
+        high?: number | undefined;
+        defer?: boolean | undefined;
+        open?: boolean | undefined;
+        disabled?: boolean | undefined;
+        summary?: string | undefined;
+        wrap?: string | undefined;
+        key?: string | number | undefined;
+        height?: string | number | undefined;
+        width?: string | number | undefined;
+        scoped?: boolean | undefined;
+        target?: string | undefined;
+        type?: string | undefined;
         accept?: string | undefined;
@@ -64,3 +93,2 @@ acceptCharset?: string | undefined;
         as?: string | undefined;
-        async?: boolean | undefined;
         autoComplete?: string | undefined;
@@ -75,3 +103,2 @@ autoFocus?: boolean | undefined;
         checked?: boolean | undefined;
-        cite?: string | undefined;
         classID?: string | undefined;
@@ -84,10 +111,5 @@ cols?: number | undefined;
         crossOrigin?: string | undefined;
-        data?: string | undefined;
         dateTime?: string | undefined;
-        default?: boolean | undefined;
-        defer?: boolean | undefined;
-        disabled?: boolean | undefined;
         download?: any;
         encType?: string | undefined;
-        form?: string | undefined;
         formAction?: string | undefined;
@@ -100,4 +122,2 @@ formEncType?: string | undefined;
         headers?: string | undefined;
-        height?: string | number | undefined;
-        high?: number | undefined;
         href?: string | undefined;
@@ -111,12 +131,8 @@ hrefLang?: string | undefined;
         kind?: string | undefined;
-        label?: string | undefined;
         list?: string | undefined;
         loop?: boolean | undefined;
-        low?: number | undefined;
         manifest?: string | undefined;
         marginHeight?: number | undefined;
         marginWidth?: number | undefined;
-        max?: string | number | undefined;
         maxLength?: number | undefined;
-        media?: string | undefined;
         mediaGroup?: string | undefined;
@@ -131,5 +147,3 @@ method?: string | undefined;
         noValidate?: boolean | undefined;
-        open?: boolean | undefined;
         optimum?: number | undefined;
-        pattern?: string | undefined;
         placeholder?: string | undefined;
@@ -141,3 +155,2 @@ playsInline?: boolean | undefined;
         rel?: string | undefined;
-        required?: boolean | undefined;
         reversed?: boolean | undefined;
@@ -148,3 +161,2 @@ rows?: number | undefined;
         scope?: string | undefined;
-        scoped?: boolean | undefined;
         scrolling?: string | undefined;
@@ -156,3 +168,2 @@ seamless?: boolean | undefined;
         sizes?: string | undefined;
-        span?: number | undefined;
         src?: string | undefined;
@@ -162,16 +173,9 @@ srcDoc?: string | undefined;
         srcSet?: string | undefined;
-        start?: number | undefined;
         step?: string | number | undefined;
-        summary?: string | undefined;
-        target?: string | undefined;
-        type?: string | undefined;
         useMap?: string | undefined;
         value?: string | number | string[] | undefined;
-        width?: string | number | undefined;
         wmode?: string | undefined;
-        wrap?: string | undefined;
         defaultChecked?: boolean | undefined;
         defaultValue?: string | string[] | undefined;
         suppressContentEditableWarning?: boolean | undefined;
-        suppressHydrationWarning?: boolean | undefined;
         accessKey?: string | undefined;
@@ -181,11 +185,7 @@ className?: string | undefined;
         contextMenu?: string | undefined;
-        dir?: string | undefined;
         draggable?: boolean | undefined;
-        hidden?: boolean | undefined;
         id?: string | undefined;
         lang?: string | undefined;
-        slot?: string | undefined;
         spellCheck?: boolean | undefined;
         tabIndex?: number | undefined;
-        title?: string | undefined;
         inputMode?: string | undefined;
@@ -215,50 +215,2 @@ is?: string | undefined;
         unselectable?: boolean | undefined;
-        'aria-activedescendant'?: string | undefined;
-        'aria-atomic'?: boolean | "false" | "true" | undefined;
-        'aria-autocomplete'?: "none" | "both" | "inline" | "list" | undefined;
-        'aria-busy'?: boolean | "false" | "true" | undefined;
-        'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
-        'aria-colcount'?: number | undefined;
-        'aria-colindex'?: number | undefined;
-        'aria-colspan'?: number | undefined;
-        'aria-controls'?: string | undefined;
-        'aria-current'?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
-        'aria-describedby'?: string | undefined;
-        'aria-details'?: string | undefined;
-        'aria-disabled'?: boolean | "false" | "true" | undefined;
-        'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
-        'aria-errormessage'?: string | undefined;
-        'aria-expanded'?: boolean | "false" | "true" | undefined;
-        'aria-flowto'?: string | undefined;
-        'aria-grabbed'?: boolean | "false" | "true" | undefined;
-        'aria-haspopup'?: boolean | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | "dialog" | undefined;
-        'aria-hidden'?: boolean | "false" | "true" | undefined;
-        'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
-        'aria-keyshortcuts'?: string | undefined;
-        'aria-label'?: string | undefined;
-        'aria-labelledby'?: string | undefined;
-        'aria-level'?: number | undefined;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        'aria-modal'?: boolean | "false" | "true" | undefined;
-        'aria-multiline'?: boolean | "false" | "true" | undefined;
-        'aria-multiselectable'?: boolean | "false" | "true" | undefined;
-        'aria-orientation'?: "horizontal" | "vertical" | undefined;
-        'aria-owns'?: string | undefined;
-        'aria-placeholder'?: string | undefined;
-        'aria-posinset'?: number | undefined;
-        'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
-        'aria-readonly'?: boolean | "false" | "true" | undefined;
-        'aria-relevant'?: "all" | "text" | "additions" | "additions text" | "removals" | undefined;
-        'aria-required'?: boolean | "false" | "true" | undefined;
-        'aria-roledescription'?: string | undefined;
-        'aria-rowcount'?: number | undefined;
-        'aria-rowindex'?: number | undefined;
-        'aria-rowspan'?: number | undefined;
-        'aria-selected'?: boolean | "false" | "true" | undefined;
-        'aria-setsize'?: number | undefined;
-        'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
-        'aria-valuemax'?: number | undefined;
-        'aria-valuemin'?: number | undefined;
-        'aria-valuenow'?: number | undefined;
-        'aria-valuetext'?: string | undefined;
         dangerouslySetInnerHTML?: {
@@ -402,4 +354,2 @@ __html: string;
         onTransitionEndCapture?: ((event: React.TransitionEvent<HTMLTextAreaElement>) => void) | undefined;
-        ref?: string | ((instance: HTMLTextAreaElement | null) => any) | React.RefObject<HTMLTextAreaElement> | undefined;
-        key?: string | number | undefined;
     };
@@ -409,1 +359,2 @@ render(): JSX.Element;
 }
+export default TextareaAutosize;

package.json

 {
   "name": "react-autosize-textarea",
-  "version": "4.0.0",
+  "version": "5.0.0-pre",
   "description": "replacement for built-in textarea which auto resizes itself",
@@ -5,0 +5,0 @@ "main": "lib",

New alerts

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

51267

decreased by-5.39%

Lines of code

618

decreased by-6.79%

Number of low quality alerts

1

increased byInfinity%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes