math-main-components 0.0.15 → 0.0.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +3 -3
- package/dist/index.esm.js +3 -3
- package/package.json +1 -1
package/dist/index.cjs.js
CHANGED
|
@@ -276,7 +276,7 @@ function InputPin({ name, length, onFinished = () => { } }) {
|
|
|
276
276
|
function onChange(event, position) {
|
|
277
277
|
const regex = /^[0-9\b]+$/;
|
|
278
278
|
const value = event.target.value ? event.target.value : "";
|
|
279
|
-
console.log("current state", state);
|
|
279
|
+
console.log("current state", state, position, value);
|
|
280
280
|
if (value != '' && regex.test(value)) {
|
|
281
281
|
const digitCountBefore = state[position] == undefined ? 0 : String(state[position]).length;
|
|
282
282
|
const addedDigitsCount = value.length - digitCountBefore;
|
|
@@ -296,10 +296,10 @@ function InputPin({ name, length, onFinished = () => { } }) {
|
|
|
296
296
|
if (digits.length >= 6) {
|
|
297
297
|
fieldRefs.current[length - 1].current.focus();
|
|
298
298
|
}
|
|
299
|
-
console.log("new state", state);
|
|
300
299
|
setState(newState);
|
|
301
300
|
}
|
|
302
301
|
}
|
|
302
|
+
console.log("new state", state);
|
|
303
303
|
}
|
|
304
304
|
function onKeyUp(event, position) {
|
|
305
305
|
event.preventDefault();
|
|
@@ -325,7 +325,7 @@ function InputPin({ name, length, onFinished = () => { } }) {
|
|
|
325
325
|
return (React__default["default"].createElement(React__default["default"].Fragment, null,
|
|
326
326
|
React__default["default"].createElement("div", { className: styles$e.container },
|
|
327
327
|
React__default["default"].createElement("input", { name: name, type: "hidden", defaultValue: Object.values(state).join("") }),
|
|
328
|
-
React__default["default"].createElement("div", { className: styles$e.input_wrapper }, [...Array(length)].map((
|
|
328
|
+
React__default["default"].createElement("div", { className: styles$e.input_wrapper }, [...Array(length)].map((value, i) => {
|
|
329
329
|
if (i == 0) {
|
|
330
330
|
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) });
|
|
331
331
|
}
|
package/dist/index.esm.js
CHANGED
|
@@ -268,7 +268,7 @@ function InputPin({ name, length, onFinished = () => { } }) {
|
|
|
268
268
|
function onChange(event, position) {
|
|
269
269
|
const regex = /^[0-9\b]+$/;
|
|
270
270
|
const value = event.target.value ? event.target.value : "";
|
|
271
|
-
console.log("current state", state);
|
|
271
|
+
console.log("current state", state, position, value);
|
|
272
272
|
if (value != '' && regex.test(value)) {
|
|
273
273
|
const digitCountBefore = state[position] == undefined ? 0 : String(state[position]).length;
|
|
274
274
|
const addedDigitsCount = value.length - digitCountBefore;
|
|
@@ -288,10 +288,10 @@ function InputPin({ name, length, onFinished = () => { } }) {
|
|
|
288
288
|
if (digits.length >= 6) {
|
|
289
289
|
fieldRefs.current[length - 1].current.focus();
|
|
290
290
|
}
|
|
291
|
-
console.log("new state", state);
|
|
292
291
|
setState(newState);
|
|
293
292
|
}
|
|
294
293
|
}
|
|
294
|
+
console.log("new state", state);
|
|
295
295
|
}
|
|
296
296
|
function onKeyUp(event, position) {
|
|
297
297
|
event.preventDefault();
|
|
@@ -317,7 +317,7 @@ function InputPin({ name, length, onFinished = () => { } }) {
|
|
|
317
317
|
return (React.createElement(React.Fragment, null,
|
|
318
318
|
React.createElement("div", { className: styles$e.container },
|
|
319
319
|
React.createElement("input", { name: name, type: "hidden", defaultValue: Object.values(state).join("") }),
|
|
320
|
-
React.createElement("div", { className: styles$e.input_wrapper }, [...Array(length)].map((
|
|
320
|
+
React.createElement("div", { className: styles$e.input_wrapper }, [...Array(length)].map((value, i) => {
|
|
321
321
|
if (i == 0) {
|
|
322
322
|
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) });
|
|
323
323
|
}
|