@trap_stevo/legendarybuilderproreact-ui/dist/HUDComponents/HUDCredentialInput.js

The legendary UI & utility API that makes your application a legendary application. ~ Created by Steven Compton

import _defineProperty from "@babel/runtime/helpers/defineProperty";
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["credentialInputContainerConfigurationSettings", "placeholderDashLabelConfigurationSettings", "credentialShownIconConfigurationSettings", "inputContainerConfigurationSettings", "handleInputInFocusUpdate", "handleInputBlurUpdate", "handleInputUpdate", "actionProcessing", "displayPlaceholderDashLabel", "placeholderOpacity", "credentialShownIconColor", "credentialShowIconColor", "placeholderColor", "placeholder", "setInputFocus", "setInputValue", "inputType", "inputFocus", "inputValue", "inputID"];
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
import React from "react";
import { useState, useRef } from "react";
import { HUDUniversalHUDUtilityManager } from "../HUDManagers/HUDUniversalHUDUtilityManager.js";
import { HUDInput, HUDIcon } from "./index.js";
function HUDCredentialInput(credentialInputConfigurationSettings) {
  var credentialInputContainerConfigurationSettings = credentialInputConfigurationSettings.credentialInputContainerConfigurationSettings,
    placeholderDashLabelConfigurationSettings = credentialInputConfigurationSettings.placeholderDashLabelConfigurationSettings,
    credentialShownIconConfigurationSettings = credentialInputConfigurationSettings.credentialShownIconConfigurationSettings,
    inputContainerConfigurationSettings = credentialInputConfigurationSettings.inputContainerConfigurationSettings,
    handleInputInFocusUpdate = credentialInputConfigurationSettings.handleInputInFocusUpdate,
    handleInputBlurUpdate = credentialInputConfigurationSettings.handleInputBlurUpdate,
    handleInputUpdate = credentialInputConfigurationSettings.handleInputUpdate,
    _credentialInputConfi = credentialInputConfigurationSettings.actionProcessing,
    actionProcessing = _credentialInputConfi === void 0 ? false : _credentialInputConfi,
    _credentialInputConfi2 = credentialInputConfigurationSettings.displayPlaceholderDashLabel,
    displayPlaceholderDashLabel = _credentialInputConfi2 === void 0 ? false : _credentialInputConfi2,
    _credentialInputConfi3 = credentialInputConfigurationSettings.placeholderOpacity,
    placeholderOpacity = _credentialInputConfi3 === void 0 ? 1 : _credentialInputConfi3,
    _credentialInputConfi4 = credentialInputConfigurationSettings.credentialShownIconColor,
    credentialShownIconColor = _credentialInputConfi4 === void 0 ? "purple" : _credentialInputConfi4,
    _credentialInputConfi5 = credentialInputConfigurationSettings.credentialShowIconColor,
    credentialShowIconColor = _credentialInputConfi5 === void 0 ? "gray" : _credentialInputConfi5,
    _credentialInputConfi6 = credentialInputConfigurationSettings.placeholderColor,
    placeholderColor = _credentialInputConfi6 === void 0 ? "gray" : _credentialInputConfi6,
    _credentialInputConfi7 = credentialInputConfigurationSettings.placeholder,
    placeholder = _credentialInputConfi7 === void 0 ? "Search..." : _credentialInputConfi7,
    setInputFocus = credentialInputConfigurationSettings.setInputFocus,
    setInputValue = credentialInputConfigurationSettings.setInputValue,
    _credentialInputConfi8 = credentialInputConfigurationSettings.inputType,
    inputType = _credentialInputConfi8 === void 0 ? "text" : _credentialInputConfi8,
    _credentialInputConfi9 = credentialInputConfigurationSettings.inputFocus,
    inputFocus = _credentialInputConfi9 === void 0 ? false : _credentialInputConfi9,
    _credentialInputConfi10 = credentialInputConfigurationSettings.inputValue,
    inputValue = _credentialInputConfi10 === void 0 ? "" : _credentialInputConfi10,
    _credentialInputConfi11 = credentialInputConfigurationSettings.inputID,
    inputID = _credentialInputConfi11 === void 0 ? HUDUniversalHUDUtilityManager.GenerateUUID() : _credentialInputConfi11,
    rest = _objectWithoutProperties(credentialInputConfigurationSettings, _excluded);
  var _useState = useState(false),
    _useState2 = _slicedToArray(_useState, 2),
    credentialShown = _useState2[0],
    setCredentialShown = _useState2[1];
  return /*#__PURE__*/React.createElement("div", {
    style: _objectSpread({
      position: "relative",
      display: "flex",
      flexDirection: "column",
      alignItems: "center",
      gap: "9px",
      width: "47%"
    }, credentialInputContainerConfigurationSettings)
  }, /*#__PURE__*/React.createElement(HUDInput, {
    inputContainerConfigurationSettings: _objectSpread({
      flexGrow: 1,
      background: "rgba(217, 217, 217, 0.25)",
      borderRadius: "1rem",
      border: "1px black solid",
      outline: "none",
      boxShadow: inputFocus ? "5px 5px 5px -4.69px rgba(0, 0, 0, 0.469)" : "none",
      scale: inputFocus ? "1.169" : "1",
      width: "100%",
      transition: "scale 0.269s ease-in-out, box-shadow 0.369s ease-in-out",
      fontSize: "1.269rem",
      paddingLeft: "0.69rem"
    }, inputContainerConfigurationSettings),
    placeholderDashLabelConfigurationSettings: placeholderDashLabelConfigurationSettings,
    handleInputInFocusUpdate: handleInputInFocusUpdate,
    handleInputBlurUpdate: handleInputBlurUpdate,
    handleInputUpdate: handleInputUpdate,
    displayPlaceholderDashLabel: displayPlaceholderDashLabel,
    actionProcessing: actionProcessing,
    placeholderOpacity: placeholderOpacity,
    placeholderColor: placeholderColor,
    placeholder: placeholder,
    setInputFocus: setInputFocus,
    setInputValue: setInputValue,
    inputFocus: inputFocus,
    inputValue: inputValue,
    inputID: inputID,
    inputType: credentialShown ? "text" : inputType
  }), /*#__PURE__*/React.createElement(HUDIcon, {
    iconConfigurationSettings: _objectSpread({
      position: "absolute",
      transition: "right 0.69s ease",
      transform: "translateY(-50%)",
      userSelect: "none",
      scale: "1.269",
      right: inputFocus ? "-15px" : "10px",
      top: "50%",
      cursor: "pointer"
    }, credentialShownIconConfigurationSettings),
    onClick: function onClick() {
      setCredentialShown(!credentialShown);
    },
    color: credentialShown ? credentialShownIconColor : credentialShowIconColor,
    name: credentialShown ? "fa-eye" : "fa-eye-slash"
  }));
}
;
export default HUDCredentialInput;