@sproutsocial/seeds-react-input 1.0.0 → 1.0.1

package/dist/{index.mjs → esm/index.js}

@@ -4,7 +4,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __esm = (fn, res) => function __init() {
   return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
 };
@@ -32,10 +31,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 
 // ../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/extends.js
 function _extends() {
@@ -5099,45 +5094,6 @@ var isClearButton = (elem) => {
 var Input = class extends React.Component {
   constructor(props) {
     super(props);
-    // Define our own ref for use in handleClear.
-    // We use mergeRefs to pass both this.inputRef and this.props.innerRef to input.
-    __publicField(this, "inputRef", React.createRef());
-    __publicField(this, "handleBlur", (e) => this.props.onBlur?.(e));
-    __publicField(this, "handleClear", (e) => {
-      const input = this.inputRef.current;
-      if (input) {
-        const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
-          window.HTMLInputElement.prototype,
-          "value"
-        )?.set;
-        nativeInputValueSetter?.call(input, "");
-        const inputEvent = new Event("input", {
-          bubbles: true
-        });
-        input.dispatchEvent(inputEvent);
-        this.props.onClear?.(e);
-        setTimeout(() => {
-          input.focus();
-        }, 0);
-      }
-    });
-    __publicField(this, "handleChange", (e) => {
-      this.props.onChange?.(e, e.currentTarget.value);
-      this.updateState(e.currentTarget.value);
-    });
-    __publicField(this, "handleFocus", (e) => this.props.onFocus?.(e));
-    __publicField(this, "handleKeyDown", (e) => this.props.onKeyDown?.(e, e.currentTarget.value));
-    __publicField(this, "handleKeyUp", (e) => this.props.onKeyUp?.(e, e.currentTarget.value));
-    __publicField(this, "handlePaste", (e) => this.props.onPaste?.(e, e.currentTarget.value));
-    __publicField(this, "updateState", (inputValue) => {
-      const hasValue = inputValue !== "";
-      const previousHasValue = this.state.hasValue;
-      if (hasValue !== previousHasValue) {
-        this.setState({
-          hasValue
-        });
-      }
-    });
     this.state = {
       // Tracking hasValue in state allows us to hide ClearButton when there is no value to clear
       // for both controlled and uncontrolled inputs.
@@ -5150,6 +5106,53 @@ var Input = class extends React.Component {
       this.updateState(value || "");
     }
   }
+  static defaultProps = {
+    autoFocus: false,
+    disabled: false,
+    type: "text",
+    size: "default",
+    appearance: "primary"
+  };
+  static ClearButton = ClearButton;
+  // Define our own ref for use in handleClear.
+  // We use mergeRefs to pass both this.inputRef and this.props.innerRef to input.
+  inputRef = React.createRef();
+  handleBlur = (e) => this.props.onBlur?.(e);
+  handleClear = (e) => {
+    const input = this.inputRef.current;
+    if (input) {
+      const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
+        window.HTMLInputElement.prototype,
+        "value"
+      )?.set;
+      nativeInputValueSetter?.call(input, "");
+      const inputEvent = new Event("input", {
+        bubbles: true
+      });
+      input.dispatchEvent(inputEvent);
+      this.props.onClear?.(e);
+      setTimeout(() => {
+        input.focus();
+      }, 0);
+    }
+  };
+  handleChange = (e) => {
+    this.props.onChange?.(e, e.currentTarget.value);
+    this.updateState(e.currentTarget.value);
+  };
+  handleFocus = (e) => this.props.onFocus?.(e);
+  handleKeyDown = (e) => this.props.onKeyDown?.(e, e.currentTarget.value);
+  handleKeyUp = (e) => this.props.onKeyUp?.(e, e.currentTarget.value);
+  handlePaste = (e) => this.props.onPaste?.(e, e.currentTarget.value);
+  updateState = (inputValue) => {
+    const hasValue = inputValue !== "";
+    const previousHasValue = this.state.hasValue;
+    if (hasValue !== previousHasValue) {
+      this.setState({
+        hasValue
+      });
+    }
+  };
   render() {
     const {
       autoComplete,
@@ -5254,14 +5257,6 @@ var Input = class extends React.Component {
     );
   }
 };
-__publicField(Input, "defaultProps", {
-  autoFocus: false,
-  disabled: false,
-  type: "text",
-  size: "default",
-  appearance: "primary"
-});
-__publicField(Input, "ClearButton", ClearButton);
 var Input_default = Input;
 
 // src/index.ts

package/dist/index.js

@@ -5,7 +5,6 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __esm = (fn, res) => function __init() {
   return fn && (res = (0, fn[__getOwnPropNames(fn)[0]])(fn = 0)), res;
 };
@@ -33,10 +32,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
 
 // ../../node_modules/polished/node_modules/@babel/runtime/helpers/esm/extends.js
 function _extends() {
@@ -5108,45 +5103,6 @@ var isClearButton = (elem) => {
 var Input = class extends React.Component {
   constructor(props) {
     super(props);
-    // Define our own ref for use in handleClear.
-    // We use mergeRefs to pass both this.inputRef and this.props.innerRef to input.
-    __publicField(this, "inputRef", React.createRef());
-    __publicField(this, "handleBlur", (e) => this.props.onBlur?.(e));
-    __publicField(this, "handleClear", (e) => {
-      const input = this.inputRef.current;
-      if (input) {
-        const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
-          window.HTMLInputElement.prototype,
-          "value"
-        )?.set;
-        nativeInputValueSetter?.call(input, "");
-        const inputEvent = new Event("input", {
-          bubbles: true
-        });
-        input.dispatchEvent(inputEvent);
-        this.props.onClear?.(e);
-        setTimeout(() => {
-          input.focus();
-        }, 0);
-      }
-    });
-    __publicField(this, "handleChange", (e) => {
-      this.props.onChange?.(e, e.currentTarget.value);
-      this.updateState(e.currentTarget.value);
-    });
-    __publicField(this, "handleFocus", (e) => this.props.onFocus?.(e));
-    __publicField(this, "handleKeyDown", (e) => this.props.onKeyDown?.(e, e.currentTarget.value));
-    __publicField(this, "handleKeyUp", (e) => this.props.onKeyUp?.(e, e.currentTarget.value));
-    __publicField(this, "handlePaste", (e) => this.props.onPaste?.(e, e.currentTarget.value));
-    __publicField(this, "updateState", (inputValue) => {
-      const hasValue = inputValue !== "";
-      const previousHasValue = this.state.hasValue;
-      if (hasValue !== previousHasValue) {
-        this.setState({
-          hasValue
-        });
-      }
-    });
     this.state = {
       // Tracking hasValue in state allows us to hide ClearButton when there is no value to clear
       // for both controlled and uncontrolled inputs.
@@ -5159,6 +5115,53 @@ var Input = class extends React.Component {
       this.updateState(value || "");
     }
   }
+  static defaultProps = {
+    autoFocus: false,
+    disabled: false,
+    type: "text",
+    size: "default",
+    appearance: "primary"
+  };
+  static ClearButton = ClearButton;
+  // Define our own ref for use in handleClear.
+  // We use mergeRefs to pass both this.inputRef and this.props.innerRef to input.
+  inputRef = React.createRef();
+  handleBlur = (e) => this.props.onBlur?.(e);
+  handleClear = (e) => {
+    const input = this.inputRef.current;
+    if (input) {
+      const nativeInputValueSetter = Object.getOwnPropertyDescriptor(
+        window.HTMLInputElement.prototype,
+        "value"
+      )?.set;
+      nativeInputValueSetter?.call(input, "");
+      const inputEvent = new Event("input", {
+        bubbles: true
+      });
+      input.dispatchEvent(inputEvent);
+      this.props.onClear?.(e);
+      setTimeout(() => {
+        input.focus();
+      }, 0);
+    }
+  };
+  handleChange = (e) => {
+    this.props.onChange?.(e, e.currentTarget.value);
+    this.updateState(e.currentTarget.value);
+  };
+  handleFocus = (e) => this.props.onFocus?.(e);
+  handleKeyDown = (e) => this.props.onKeyDown?.(e, e.currentTarget.value);
+  handleKeyUp = (e) => this.props.onKeyUp?.(e, e.currentTarget.value);
+  handlePaste = (e) => this.props.onPaste?.(e, e.currentTarget.value);
+  updateState = (inputValue) => {
+    const hasValue = inputValue !== "";
+    const previousHasValue = this.state.hasValue;
+    if (hasValue !== previousHasValue) {
+      this.setState({
+        hasValue
+      });
+    }
+  };
   render() {
     const {
       autoComplete,
@@ -5263,14 +5266,6 @@ var Input = class extends React.Component {
     );
   }
 };
-__publicField(Input, "defaultProps", {
-  autoFocus: false,
-  disabled: false,
-  type: "text",
-  size: "default",
-  appearance: "primary"
-});
-__publicField(Input, "ClearButton", ClearButton);
 var Input_default = Input;
 
 // src/index.ts

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@sproutsocial/seeds-react-input",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "description": "Seeds Input",
   "main": "dist/index.js",
-  "module": "dist/index.js",
+  "module": "dist/esm/index.js",
   "types": "dist/index.d.ts",
   "author": "Sprout Social, Inc.",
   "license": "MIT",