math-main-components 0.0.14 → 0.0.15

package/README.md

@@ -2,6 +2,13 @@
 
 Component Library for math-main-app
 
-Includes
 - reusable ui components
-- math components
+- math components
+
+## Notes
+- Do not use any of next.js features like next/link
+
+## Publishing
+1. increment version in `package.json`
+2. run `npm publish --access public`
+3. run `yarn add math-main-components@0.0.1` in project

package/dist/index.cjs.js

@@ -276,6 +276,7 @@ function InputPin({ name, length, onFinished = () => { } }) {
     function onChange(event, position) {
         const regex = /^[0-9\b]+$/;
         const value = event.target.value ? event.target.value : "";
+        console.log("current state", state);
         if (value != '' && regex.test(value)) {
             const digitCountBefore = state[position] == undefined ? 0 : String(state[position]).length;
             const addedDigitsCount = value.length - digitCountBefore;
@@ -295,6 +296,7 @@ function InputPin({ name, length, onFinished = () => { } }) {
                 if (digits.length >= 6) {
                     fieldRefs.current[length - 1].current.focus();
                 }
+                console.log("new state", state);
                 setState(newState);
             }
         }
@@ -320,14 +322,10 @@ function InputPin({ name, length, onFinished = () => { } }) {
             ref.current.value = "";
         });
     }
-    React.useCallback((element) => {
-        if (element)
-            element.focus();
-    }, []);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement("div", { className: styles$e.container },
             React__default["default"].createElement("input", { name: name, type: "hidden", defaultValue: Object.values(state).join("") }),
-            React__default["default"].createElement("div", { className: styles$e.input_wrapper }, [...Array(length)].map((e, i) => {
+            React__default["default"].createElement("div", { className: styles$e.input_wrapper }, [...Array(length)].map((event, i) => {
                 if (i == 0) {
                     return React__default["default"].createElement("input", { key: i, pattern: "[0-9]", value: state[i] ? state[i] : "", ref: fieldRefs.current[i], className: styles$e.input, type: "text", onKeyUp: (event) => onKeyUp(event, i), onInput: (event) => onChange(event, i) });
                 }

package/dist/index.esm.js

@@ -268,6 +268,7 @@ function InputPin({ name, length, onFinished = () => { } }) {
     function onChange(event, position) {
         const regex = /^[0-9\b]+$/;
         const value = event.target.value ? event.target.value : "";
+        console.log("current state", state);
         if (value != '' && regex.test(value)) {
             const digitCountBefore = state[position] == undefined ? 0 : String(state[position]).length;
             const addedDigitsCount = value.length - digitCountBefore;
@@ -287,6 +288,7 @@ function InputPin({ name, length, onFinished = () => { } }) {
                 if (digits.length >= 6) {
                     fieldRefs.current[length - 1].current.focus();
                 }
+                console.log("new state", state);
                 setState(newState);
             }
         }
@@ -312,14 +314,10 @@ function InputPin({ name, length, onFinished = () => { } }) {
             ref.current.value = "";
         });
     }
-    useCallback((element) => {
-        if (element)
-            element.focus();
-    }, []);
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: styles$e.container },
             React.createElement("input", { name: name, type: "hidden", defaultValue: Object.values(state).join("") }),
-            React.createElement("div", { className: styles$e.input_wrapper }, [...Array(length)].map((e, i) => {
+            React.createElement("div", { className: styles$e.input_wrapper }, [...Array(length)].map((event, i) => {
                 if (i == 0) {
                     return React.createElement("input", { key: i, pattern: "[0-9]", value: state[i] ? state[i] : "", ref: fieldRefs.current[i], className: styles$e.input, type: "text", onKeyUp: (event) => onKeyUp(event, i), onInput: (event) => onChange(event, i) });
                 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "math-main-components",
-    "version": "0.0.14",
+    "version": "0.0.15",
     "author": "Emilian Scheel",
     "files": [
         "dist/**/*"