@wulperstudio/cms/node/components/TextFieldPassword/TextFieldPassword.js

Wulper Studio Library Components CMS

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireDefault(require("react"));
var _react2 = require("@iconify/react");
var _material = require("@mui/material");
var _TextFieldV5LabelOut = require("../TextFieldV5LabelOut");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["id", "label", "variant", "error", "errorMessage", "errorVariant"];
var TextFieldPassword = function TextFieldPassword(_ref) {
  var id = _ref.id,
    label = _ref.label,
    variant = _ref.variant,
    error = _ref.error,
    errorMessage = _ref.errorMessage,
    errorVariant = _ref.errorVariant,
    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
  var theme = (0, _material.useTheme)();
  var _React$useState = _react["default"].useState(false),
    _React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
    showConfirmPassword = _React$useState2[0],
    setShowConfirmPassword = _React$useState2[1];
  var handleClickShowConfirmPassword = function handleClickShowConfirmPassword() {
    return setShowConfirmPassword(!showConfirmPassword);
  };
  var handleMouseDownPassword = function handleMouseDownPassword(e) {
    return e.preventDefault();
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFieldV5LabelOut.TextFieldV5LabelOut, Object.assign({
    id: id,
    label: label,
    variant: variant,
    error: error,
    errorMessage: errorMessage,
    errorVariant: errorVariant,
    type: showConfirmPassword ? 'text' : 'password',
    placeholder: "******",
    InputProps: {
      endAdornment: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.InputAdornment, {
        position: "end",
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.IconButton, {
          "aria-label": "toggle password visibility",
          onClick: handleClickShowConfirmPassword,
          onMouseDown: handleMouseDownPassword,
          edge: "end",
          children: showConfirmPassword ? props.iconShowPassword || /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
            icon: "ic:outline-visibility-off",
            color: theme.palette.text.primary
          }) : props.iconHidePassword || /*#__PURE__*/(0, _jsxRuntime.jsx)(_react2.Icon, {
            icon: "ic:outline-visibility",
            color: theme.palette.text.primary
          })
        })
      })
    }
  }, props));
};
var _default = exports["default"] = TextFieldPassword;