@rahmatsaputra-my-id/react-js-library 0.0.77 → 0.0.79

package/dist/components/TextInput/TextInput.types.d.ts

@@ -23,6 +23,6 @@ export interface ITextInputProps {
     value?: any;
     isInputRupiah?: boolean;
     isInputNumber?: boolean;
-    isInputPaswword?: boolean;
+    isInputPassword?: boolean;
     handleOnScanQr?: (data?: string | null) => void;
 }

package/dist/index.es.js

@@ -185680,7 +185680,7 @@ var styles$1 = {
 };
 
 var TextInput = function (_a) {
-    var _b = _a.borderColor, borderColor = _b === void 0 ? colors.gray : _b, _c = _a.borderRadius, borderRadius = _c === void 0 ? 4 : _c, _d = _a.bottom, bottom = _d === void 0 ? 0 : _d, _e = _a.center, center = _e === void 0 ? false : _e, _f = _a.label, label = _f === void 0 ? false : _f, _g = _a.labelError, labelError = _g === void 0 ? false : _g, _h = _a.left, left = _h === void 0 ? 0 : _h, _j = _a.multiline, multiline = _j === void 0 ? false : _j, _k = _a.padding, padding = _k === void 0 ? 0 : _k, _l = _a.right, right = _l === void 0 ? 0 : _l, _m = _a.rows, rows = _m === void 0 ? 1 : _m, _o = _a.maxRows, maxRows = _o === void 0 ? 4 : _o, _p = _a.style, style = _p === void 0 ? {} : _p, _q = _a.styleLabel, styleLabel = _q === void 0 ? {} : _q, _r = _a.styleTextInput, styleTextInput = _r === void 0 ? {} : _r, _s = _a.top, top = _s === void 0 ? 0 : _s, value = _a.value, onChange = _a.onChange, handleOnScanQr = _a.handleOnScanQr, _t = _a.isInputRupiah, isInputRupiah = _t === void 0 ? false : _t, _u = _a.isInputNumber, isInputNumber = _u === void 0 ? false : _u, _v = _a.isInputPaswword, isInputPaswword = _v === void 0 ? false : _v, props = __rest(_a, ["borderColor", "borderRadius", "bottom", "center", "label", "labelError", "left", "multiline", "padding", "right", "rows", "maxRows", "style", "styleLabel", "styleTextInput", "top", "value", "onChange", "handleOnScanQr", "isInputRupiah", "isInputNumber", "isInputPaswword"]);
+    var _b = _a.borderColor, borderColor = _b === void 0 ? colors.gray : _b, _c = _a.borderRadius, borderRadius = _c === void 0 ? 4 : _c, _d = _a.bottom, bottom = _d === void 0 ? 0 : _d, _e = _a.center, center = _e === void 0 ? false : _e, _f = _a.label, label = _f === void 0 ? false : _f, _g = _a.labelError, labelError = _g === void 0 ? false : _g, _h = _a.left, left = _h === void 0 ? 0 : _h, _j = _a.multiline, multiline = _j === void 0 ? false : _j, _k = _a.padding, padding = _k === void 0 ? 0 : _k, _l = _a.right, right = _l === void 0 ? 0 : _l, _m = _a.rows, rows = _m === void 0 ? 1 : _m, _o = _a.maxRows, maxRows = _o === void 0 ? 4 : _o, _p = _a.style, style = _p === void 0 ? {} : _p, _q = _a.styleLabel, styleLabel = _q === void 0 ? {} : _q, _r = _a.styleTextInput, styleTextInput = _r === void 0 ? {} : _r, _s = _a.top, top = _s === void 0 ? 0 : _s, value = _a.value, onChange = _a.onChange, handleOnScanQr = _a.handleOnScanQr, _t = _a.isInputRupiah, isInputRupiah = _t === void 0 ? false : _t, _u = _a.isInputNumber, isInputNumber = _u === void 0 ? false : _u, _v = _a.isInputPassword, isInputPassword = _v === void 0 ? false : _v, props = __rest(_a, ["borderColor", "borderRadius", "bottom", "center", "label", "labelError", "left", "multiline", "padding", "right", "rows", "maxRows", "style", "styleLabel", "styleTextInput", "top", "value", "onChange", "handleOnScanQr", "isInputRupiah", "isInputNumber", "isInputPassword"]);
     var _w = useState(false), isScannerVisible = _w[0], setIsScannerVisible = _w[1];
     var _x = useState(false), showPassword = _x[0], setShowPassword = _x[1];
     var textAreaRef = useRef(null);
@@ -185726,14 +185726,14 @@ var TextInput = function (_a) {
     }, [value, multiline]);
     var adjustedStyleTextInput = __assign(__assign({}, styleTextInput), { paddingRight: handleOnScanQr ? 40 : styleTextInput.paddingRight, resize: 'none' });
     var stylesTextInput = __assign(__assign({ borderColor: borderColor, borderRadius: borderRadius, textAlign: center ? 'center' : 'left', paddingBottom: multiline ? 16 : 8, flex: 1 }, styles$1.textArea), adjustedStyleTextInput);
-    var inputType = isInputPaswword
+    var inputType = isInputPassword
         ? showPassword
             ? 'text'
             : 'password'
         : isInputRupiah || isInputNumber
             ? 'tel'
             : 'text';
-    return (jsxs(Fragment, { children: [jsxs(View, __assign({ style: styles$1.container }, { children: [jsxs(View, __assign({ style: __assign({ marginTop: top, marginRight: right, marginBottom: bottom, marginLeft: left, padding: padding }, style) }, { children: [label && (jsx(Text$1, { style: __assign(__assign({}, styles$1.label), styleLabel), children: label })), jsxs(View, __assign({ style: styles$1.textInputEyesContainer }, { children: [multiline ? (jsx("textarea", __assign({}, props, { ref: textAreaRef, rows: rows, inputMode: isInputNumber ? 'numeric' : 'text', style: stylesTextInput, value: isInputRupiah ? formatRupiahDisplay(value) : (value !== null && value !== void 0 ? value : ''), onChange: handleChange }))) : (jsx("input", __assign({}, props, { type: inputType, inputMode: isInputNumber ? 'numeric' : 'text', style: stylesTextInput, value: isInputRupiah ? formatRupiahDisplay(value) : (value !== null && value !== void 0 ? value : ''), onChange: handleChange }))), isInputPaswword && (jsx(TouchableOpacity, __assign({ style: styles$1.eye, onPress: function () { return setShowPassword(function (prev) { return !prev; }); } }, { children: jsx(Icon, { size: 20, name: showPassword ? 'Eye' : 'EyeSlash', color: 'black' }) })))] })), labelError ? (jsx(Text$1, { style: styles$1.labelError, children: labelError })) : null] })), handleOnScanQr && (jsx(TouchableOpacity, __assign({ style: label
+    return (jsxs(Fragment, { children: [jsxs(View, __assign({ style: styles$1.container }, { children: [jsxs(View, __assign({ style: __assign({ marginTop: top, marginRight: right, marginBottom: bottom, marginLeft: left, padding: padding }, style) }, { children: [label && (jsx(Text$1, { style: __assign(__assign({}, styles$1.label), styleLabel), children: label })), jsxs(View, __assign({ style: styles$1.textInputEyesContainer }, { children: [multiline ? (jsx("textarea", __assign({}, props, { ref: textAreaRef, rows: rows, inputMode: isInputNumber ? 'numeric' : 'text', style: stylesTextInput, value: isInputRupiah ? formatRupiahDisplay(value) : (value !== null && value !== void 0 ? value : ''), onChange: handleChange }))) : (jsx("input", __assign({}, props, { type: inputType, inputMode: isInputNumber ? 'numeric' : 'text', style: stylesTextInput, value: isInputRupiah ? formatRupiahDisplay(value) : (value !== null && value !== void 0 ? value : ''), onChange: handleChange }))), isInputPassword && (jsx(TouchableOpacity, __assign({ style: styles$1.eye, onPress: function () { return setShowPassword(function (prev) { return !prev; }); } }, { children: jsx(Icon, { size: 20, name: showPassword ? 'Eye' : 'EyeSlash', color: 'black' }) })))] })), labelError ? (jsx(Text$1, { style: styles$1.labelError, children: labelError })) : null] })), handleOnScanQr && (jsx(TouchableOpacity, __assign({ style: label
                             ? styles$1.scanQrImageContainerWithLabel
                             : styles$1.scanQrImageContainer, onPress: function () {
                             handleOnScanQr();

package/dist/index.js

@@ -185689,7 +185689,7 @@ var styles$1 = {
 };
 
 var TextInput = function (_a) {
-    var _b = _a.borderColor, borderColor = _b === void 0 ? colors.gray : _b, _c = _a.borderRadius, borderRadius = _c === void 0 ? 4 : _c, _d = _a.bottom, bottom = _d === void 0 ? 0 : _d, _e = _a.center, center = _e === void 0 ? false : _e, _f = _a.label, label = _f === void 0 ? false : _f, _g = _a.labelError, labelError = _g === void 0 ? false : _g, _h = _a.left, left = _h === void 0 ? 0 : _h, _j = _a.multiline, multiline = _j === void 0 ? false : _j, _k = _a.padding, padding = _k === void 0 ? 0 : _k, _l = _a.right, right = _l === void 0 ? 0 : _l, _m = _a.rows, rows = _m === void 0 ? 1 : _m, _o = _a.maxRows, maxRows = _o === void 0 ? 4 : _o, _p = _a.style, style = _p === void 0 ? {} : _p, _q = _a.styleLabel, styleLabel = _q === void 0 ? {} : _q, _r = _a.styleTextInput, styleTextInput = _r === void 0 ? {} : _r, _s = _a.top, top = _s === void 0 ? 0 : _s, value = _a.value, onChange = _a.onChange, handleOnScanQr = _a.handleOnScanQr, _t = _a.isInputRupiah, isInputRupiah = _t === void 0 ? false : _t, _u = _a.isInputNumber, isInputNumber = _u === void 0 ? false : _u, _v = _a.isInputPaswword, isInputPaswword = _v === void 0 ? false : _v, props = __rest(_a, ["borderColor", "borderRadius", "bottom", "center", "label", "labelError", "left", "multiline", "padding", "right", "rows", "maxRows", "style", "styleLabel", "styleTextInput", "top", "value", "onChange", "handleOnScanQr", "isInputRupiah", "isInputNumber", "isInputPaswword"]);
+    var _b = _a.borderColor, borderColor = _b === void 0 ? colors.gray : _b, _c = _a.borderRadius, borderRadius = _c === void 0 ? 4 : _c, _d = _a.bottom, bottom = _d === void 0 ? 0 : _d, _e = _a.center, center = _e === void 0 ? false : _e, _f = _a.label, label = _f === void 0 ? false : _f, _g = _a.labelError, labelError = _g === void 0 ? false : _g, _h = _a.left, left = _h === void 0 ? 0 : _h, _j = _a.multiline, multiline = _j === void 0 ? false : _j, _k = _a.padding, padding = _k === void 0 ? 0 : _k, _l = _a.right, right = _l === void 0 ? 0 : _l, _m = _a.rows, rows = _m === void 0 ? 1 : _m, _o = _a.maxRows, maxRows = _o === void 0 ? 4 : _o, _p = _a.style, style = _p === void 0 ? {} : _p, _q = _a.styleLabel, styleLabel = _q === void 0 ? {} : _q, _r = _a.styleTextInput, styleTextInput = _r === void 0 ? {} : _r, _s = _a.top, top = _s === void 0 ? 0 : _s, value = _a.value, onChange = _a.onChange, handleOnScanQr = _a.handleOnScanQr, _t = _a.isInputRupiah, isInputRupiah = _t === void 0 ? false : _t, _u = _a.isInputNumber, isInputNumber = _u === void 0 ? false : _u, _v = _a.isInputPassword, isInputPassword = _v === void 0 ? false : _v, props = __rest(_a, ["borderColor", "borderRadius", "bottom", "center", "label", "labelError", "left", "multiline", "padding", "right", "rows", "maxRows", "style", "styleLabel", "styleTextInput", "top", "value", "onChange", "handleOnScanQr", "isInputRupiah", "isInputNumber", "isInputPassword"]);
     var _w = React.useState(false), isScannerVisible = _w[0], setIsScannerVisible = _w[1];
     var _x = React.useState(false), showPassword = _x[0], setShowPassword = _x[1];
     var textAreaRef = React.useRef(null);
@@ -185735,14 +185735,14 @@ var TextInput = function (_a) {
     }, [value, multiline]);
     var adjustedStyleTextInput = __assign(__assign({}, styleTextInput), { paddingRight: handleOnScanQr ? 40 : styleTextInput.paddingRight, resize: 'none' });
     var stylesTextInput = __assign(__assign({ borderColor: borderColor, borderRadius: borderRadius, textAlign: center ? 'center' : 'left', paddingBottom: multiline ? 16 : 8, flex: 1 }, styles$1.textArea), adjustedStyleTextInput);
-    var inputType = isInputPaswword
+    var inputType = isInputPassword
         ? showPassword
             ? 'text'
             : 'password'
         : isInputRupiah || isInputNumber
             ? 'tel'
             : 'text';
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(View, __assign({ style: styles$1.container }, { children: [jsxRuntime.jsxs(View, __assign({ style: __assign({ marginTop: top, marginRight: right, marginBottom: bottom, marginLeft: left, padding: padding }, style) }, { children: [label && (jsxRuntime.jsx(Text$1, { style: __assign(__assign({}, styles$1.label), styleLabel), children: label })), jsxRuntime.jsxs(View, __assign({ style: styles$1.textInputEyesContainer }, { children: [multiline ? (jsxRuntime.jsx("textarea", __assign({}, props, { ref: textAreaRef, rows: rows, inputMode: isInputNumber ? 'numeric' : 'text', style: stylesTextInput, value: isInputRupiah ? formatRupiahDisplay(value) : (value !== null && value !== void 0 ? value : ''), onChange: handleChange }))) : (jsxRuntime.jsx("input", __assign({}, props, { type: inputType, inputMode: isInputNumber ? 'numeric' : 'text', style: stylesTextInput, value: isInputRupiah ? formatRupiahDisplay(value) : (value !== null && value !== void 0 ? value : ''), onChange: handleChange }))), isInputPaswword && (jsxRuntime.jsx(TouchableOpacity, __assign({ style: styles$1.eye, onPress: function () { return setShowPassword(function (prev) { return !prev; }); } }, { children: jsxRuntime.jsx(Icon, { size: 20, name: showPassword ? 'Eye' : 'EyeSlash', color: 'black' }) })))] })), labelError ? (jsxRuntime.jsx(Text$1, { style: styles$1.labelError, children: labelError })) : null] })), handleOnScanQr && (jsxRuntime.jsx(TouchableOpacity, __assign({ style: label
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(View, __assign({ style: styles$1.container }, { children: [jsxRuntime.jsxs(View, __assign({ style: __assign({ marginTop: top, marginRight: right, marginBottom: bottom, marginLeft: left, padding: padding }, style) }, { children: [label && (jsxRuntime.jsx(Text$1, { style: __assign(__assign({}, styles$1.label), styleLabel), children: label })), jsxRuntime.jsxs(View, __assign({ style: styles$1.textInputEyesContainer }, { children: [multiline ? (jsxRuntime.jsx("textarea", __assign({}, props, { ref: textAreaRef, rows: rows, inputMode: isInputNumber ? 'numeric' : 'text', style: stylesTextInput, value: isInputRupiah ? formatRupiahDisplay(value) : (value !== null && value !== void 0 ? value : ''), onChange: handleChange }))) : (jsxRuntime.jsx("input", __assign({}, props, { type: inputType, inputMode: isInputNumber ? 'numeric' : 'text', style: stylesTextInput, value: isInputRupiah ? formatRupiahDisplay(value) : (value !== null && value !== void 0 ? value : ''), onChange: handleChange }))), isInputPassword && (jsxRuntime.jsx(TouchableOpacity, __assign({ style: styles$1.eye, onPress: function () { return setShowPassword(function (prev) { return !prev; }); } }, { children: jsxRuntime.jsx(Icon, { size: 20, name: showPassword ? 'Eye' : 'EyeSlash', color: 'black' }) })))] })), labelError ? (jsxRuntime.jsx(Text$1, { style: styles$1.labelError, children: labelError })) : null] })), handleOnScanQr && (jsxRuntime.jsx(TouchableOpacity, __assign({ style: label
                             ? styles$1.scanQrImageContainerWithLabel
                             : styles$1.scanQrImageContainer, onPress: function () {
                             handleOnScanQr();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rahmatsaputra-my-id/react-js-library",
-  "version": "0.0.77",
+  "version": "0.0.79",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "private": false,