@sendgrid/ui-components - npm Package Compare versions

Comparing version 1.44.9 to 1.44.10

package.json

 {
   "name": "@sendgrid/ui-components",
-  "version": "1.44.9",
+  "version": "1.44.10",
   "description": "Reusable UI components for Sendgrid's applications.",
@@ -5,0 +5,0 @@ "main": "index.js",

text-input.d.ts

@@ -16,2 +16,3 @@ import React, { CSSProperties } from 'react';
     icon?: InputIcons;
+    inputRef?: React.MutableRefObject<HTMLInputElement>;
     isValid?: boolean;
@@ -48,2 +49,3 @@ isRequired?: boolean;
         info: string;
+        inputRef: React.RefObject<{}>;
         isDisabled: boolean;
@@ -50,0 +52,0 @@ isLarge: boolean;

text-input.js

@@ -78,3 +78,3 @@ var __rest = (this && this.__rest) || function (s, e) {
     render() {
-        const _a = this.props, { children, type, id, onChange, value, name, fullWidth, icon, isValid, isRequired, isDisabled, isLarge, isSearch, label, info, onBlur, onFocus, resetValue, style, tooltip, tooltipDirection, tooltipLength, units } = _a, attributes = __rest(_a, ["children", "type", "id", "onChange", "value", "name", "fullWidth", "icon", "isValid", "isRequired", "isDisabled", "isLarge", "isSearch", "label", "info", "onBlur", "onFocus", "resetValue", "style", "tooltip", "tooltipDirection", "tooltipLength", "units"]);
+        const _a = this.props, { children, type, id, onChange, value, name, fullWidth, icon, isValid, isRequired, isDisabled, isLarge, isSearch, label, info, onBlur, onFocus, resetValue, style, tooltip, tooltipDirection, tooltipLength, units, inputRef } = _a, attributes = __rest(_a, ["children", "type", "id", "onChange", "value", "name", "fullWidth", "icon", "isValid", "isRequired", "isDisabled", "isLarge", "isSearch", "label", "info", "onBlur", "onFocus", "resetValue", "style", "tooltip", "tooltipDirection", "tooltipLength", "units", "inputRef"]);
         const hasValidResetValue = resetValue && typeof resetValue === 'string';
@@ -110,3 +110,3 @@ const classes = cn('input-text-wrap', Styles['input-text-wrap'], {
             React.createElement("label", { className: cn('input-text-label', Styles['input-text-label']), htmlFor: this.props.id }, label),
-            React.createElement("input", Object.assign({ id: id, value: value, name: name, type: type, step: step, onChange: this.onValueChange, onFocus: this.onInputFocus, onBlur: this.onInputBlur, "aria-describedby": infoId }, attributes)),
+            React.createElement("input", Object.assign({ id: id, value: value, name: name, type: type, step: step, onChange: this.onValueChange, onFocus: this.onInputFocus, onBlur: this.onInputBlur, "aria-describedby": infoId, ref: inputRef }, attributes)),
             info && (React.createElement("span", { className: cn('input-info', Styles['input-info'], {
@@ -124,2 +124,3 @@ [Styles.danger]: !isValid,
     info: '',
+    inputRef: React.createRef(),
     isDisabled: false,
@@ -126,0 +127,0 @@ isLarge: false,

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

980270

increased by0.02%

Lines of code

9389

increased by0.03%

No dependency changes