@kyloc20/mymui-react-textfield - npm Package Compare versions

Comparing version 0.1.1 to 0.1.2

build/index.js

@@ -1,5 +0,1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextField = void 0;
-var TextField_1 = require("./TextField");
-Object.defineProperty(exports, "TextField", { enumerable: true, get: function () { return TextField_1.default; } });
+export { default as TextField } from "./TextField";

build/TextField/index.js

@@ -1,5 +0,1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var TextField_1 = require("./TextField");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return TextField_1.default; } });
+export { default } from "./TextField";

build/TextField/TextField.js

@@ -1,12 +0,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-var lodash_1 = require("lodash");
-function TextField(props) {
+import React, { useState } from "react";
+import { throttle } from "lodash";
+export default function TextField(props) {
     var onChange = props.onChange, placeholder = props.placeholder, defaultValue = props.defaultValue, throttleTimeout = props.throttleTimeout, RenderIcon = props.renderIcon;
-    var _a = (0, react_1.useState)(false), isFocused = _a[0], setIsFocused = _a[1];
-    var handleChange = (0, lodash_1.throttle)(function (e) {
+    var _a = useState(false), isFocused = _a[0], setIsFocused = _a[1];
+    var handleChange = throttle(function (e) {
         onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
     }, throttleTimeout !== null && throttleTimeout !== void 0 ? throttleTimeout : 0);
-    return (react_1.default.createElement("label", { className: "mymui-textfield", style: {
+    return (React.createElement("label", { className: "mymui-textfield", style: {
             maxWidth: "384px",
@@ -22,5 +20,5 @@ padding: "8px 12px",
         } },
-        RenderIcon && (react_1.default.createElement("div", { style: { display: "flex", alignItems: "center", marginRight: "8px" } },
-            react_1.default.createElement(RenderIcon, null))),
-        react_1.default.createElement("input", { onInvalid: function (e) { return e.preventDefault(); }, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : "", onChange: handleChange, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); }, defaultValue: defaultValue, style: {
+        RenderIcon && (React.createElement("div", { style: { display: "flex", alignItems: "center", marginRight: "8px" } },
+            React.createElement(RenderIcon, null))),
+        React.createElement("input", { onInvalid: function (e) { return e.preventDefault(); }, placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : "", onChange: handleChange, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); }, defaultValue: defaultValue, style: {
                 width: "100%",
@@ -31,5 +29,4 @@ lineHeight: "20px",
             } }),
-        react_1.default.createElement("style", null, STYLES)));
+        React.createElement("style", null, STYLES)));
 }
-exports.default = TextField;
 var STYLES = "\n*:focus {\n  outline: none;\n}\n\ninput {\n  border: none;\n  padding: 0;\n  background-color: transparent;\n}";

build/TextField/TextFieldExample.js

@@ -1,13 +0,10 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var react_1 = require("react");
-function TextField(props) {
+import React, { useState } from "react";
+export default function TextField(props) {
     var onChange = props.onChange, placeholder = props.placeholder, defaultValue = props.defaultValue;
-    var _a = (0, react_1.useState)(false), isFocused = _a[0], setIsFocused = _a[1];
+    var _a = useState(false), isFocused = _a[0], setIsFocused = _a[1];
     var handleChange = function (e) {
         onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value);
     };
-    return (react_1.default.createElement("label", { className: "mymui-textfield" },
-        react_1.default.createElement("input", { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : "", onChange: handleChange, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); }, defaultValue: defaultValue })));
+    return (React.createElement("label", { className: "mymui-textfield" },
+        React.createElement("input", { placeholder: placeholder !== null && placeholder !== void 0 ? placeholder : "", onChange: handleChange, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); }, defaultValue: defaultValue })));
 }
-exports.default = TextField;

package.json

 {
     "name": "@kyloc20/mymui-react-textfield",
-    "version": "0.1.1",
     "description": "a TextField UI component made with React&Typescript",
+    "version": "0.1.2",
+    "type": "module",
     "main": "build/index.js",
@@ -6,0 +7,0 @@ "types": "build/index.d.ts",

No alert changes

Improved metrics

Is type module

Yes

Worsened metrics

Total package byte prevSize

4312

decreased by-13.93%

Lines of code

63

decreased by-18.18%

No dependency changes