@expressms/smartapp-ui 1.0.4 → 1.0.6

package/build/main//321/201omponents/Input/Input.d.ts

@@ -1,4 +1,4 @@
 import { IInputProps } from './types';
 import '../../styles/stories.module.scss';
-declare const Input: ({ onChange, title, placeholder, defaultValue, error, width, className }: IInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const Input: ({ onChange, title, placeholder, defaultValue, error, width, className, autoFocus, isPassword, }: IInputProps) => import("react/jsx-runtime").JSX.Element;
 export default Input;

package/build/main//321/201omponents/Input/Input.js

@@ -10,11 +10,35 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useRef, useState, useEffect } from 'react';
 import classNames from 'classnames';
+import { ReactComponent as IconEye } from '../../assets/icons/icon-eye.svg';
+import { ReactComponent as IconEyeClosed } from '../../assets/icons/icon-eye-off.svg';
+import { INPUT_TYPE_PASSWORD, INPUT_TYPE_TEXT } from '../../constants';
 import '../../styles/stories.module.scss';
 var Input = function (_a) {
     var _b;
-    var onChange = _a.onChange, title = _a.title, placeholder = _a.placeholder, defaultValue = _a.defaultValue, error = _a.error, _c = _a.width, width = _c === void 0 ? 100 : _c, _d = _a.className, className = _d === void 0 ? '' : _d;
-    return (_jsxs("div", __assign({ style: { width: "".concat(width, "%") }, className: classNames((_b = { 'smartapp-input': true }, _b[className] = className, _b)) }, { children: [title && _jsx("p", __assign({ className: "smartapp-input__title" }, { children: title })), _jsx("input", { className: "smartapp-input__field", defaultValue: defaultValue, placeholder: placeholder, onChange: function (e) { return onChange(e.target.value); } }), error && _jsx("div", __assign({ className: "smartapp-input__error" }, { children: error }))] })));
+    var onChange = _a.onChange, title = _a.title, placeholder = _a.placeholder, defaultValue = _a.defaultValue, error = _a.error, _c = _a.width, width = _c === void 0 ? 100 : _c, _d = _a.className, className = _d === void 0 ? '' : _d, _e = _a.autoFocus, autoFocus = _e === void 0 ? false : _e, _f = _a.isPassword, isPassword = _f === void 0 ? false : _f;
+    var _g = useState(false), isPasswordShown = _g[0], setPasswordShown = _g[1];
+    var inputRef = useRef(null);
+    useEffect(function () {
+        var _a;
+        var inputElement = inputRef.current;
+        if (inputElement) {
+            var textLength = inputElement.value.length;
+            inputElement.selectionStart = textLength;
+            inputElement.selectionEnd = textLength;
+            (_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
+        }
+    }, [isPasswordShown]);
+    var getInputType = function () {
+        if (isPassword) {
+            return isPasswordShown ? INPUT_TYPE_TEXT : INPUT_TYPE_PASSWORD;
+        }
+        return INPUT_TYPE_TEXT;
+    };
+    return (_jsxs("div", __assign({ style: { width: "".concat(width, "%") }, className: classNames((_b = { 'smartapp-input': true }, _b[className] = className, _b)) }, { children: [title && _jsx("p", __assign({ className: "smartapp-input__title" }, { children: title })), _jsxs("div", __assign({ className: "smartapp-input__container" }, { children: [_jsx("input", { ref: inputRef, className: "smartapp-input__container--field", type: getInputType(), defaultValue: defaultValue, autoFocus: autoFocus, placeholder: placeholder, onChange: function (e) { return onChange(e.target.value); } }), isPassword && (_jsx("button", __assign({ className: "smartapp-input__container--eye-button", type: "button", onClick: function () {
+                            setPasswordShown(!isPasswordShown);
+                        } }, { children: isPasswordShown ? _jsx(IconEye, {}) : _jsx(IconEyeClosed, {}) })))] })), error && _jsx("div", __assign({ className: "smartapp-input__error" }, { children: error }))] })));
 };
 export default Input;

package/build/main//321/201omponents/Input/types.d.ts

@@ -1,10 +1,12 @@
 import { IntRange } from '../types';
 export interface IInputProps {
     onChange: (str: string) => void;
+    autoFocus?: boolean;
     title?: string;
     placeholder?: string;
     defaultValue?: string;
     error?: string;
     width?: IntRange<1, 101>;
     className?: string;
+    isPassword?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@expressms/smartapp-ui",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "description": "SmartApp UI library",
   "license": "MIT",
   "main": "build/main/index.js",