@trap_stevo/legendarybuilderproreact-ui
Version:
The legendary UI & utility API that makes your application a legendary application. ~ Created by Steven Compton
99 lines • 6.4 kB
JavaScript
import _extends from "@babel/runtime/helpers/extends";
import _defineProperty from "@babel/runtime/helpers/defineProperty";
import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
var _excluded = ["placeholderDashLabelConfigurationSettings", "inputContainerConfigurationSettings", "handleInputInFocusUpdate", "handleInputBlurUpdate", "handleInputUpdate", "actionProcessing", "displayPlaceholderDashLabel", "placeholderOpacity", "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, useEffect, useRef } from "react";
import { HUDUniversalHUDUtilityManager } from "../HUDManagers/HUDUniversalHUDUtilityManager.js";
function HUDInput(inputConfigurationSettings) {
var placeholderDashLabelConfigurationSettings = inputConfigurationSettings.placeholderDashLabelConfigurationSettings,
inputContainerConfigurationSettings = inputConfigurationSettings.inputContainerConfigurationSettings,
handleInputInFocusUpdate = inputConfigurationSettings.handleInputInFocusUpdate,
handleInputBlurUpdate = inputConfigurationSettings.handleInputBlurUpdate,
handleInputUpdate = inputConfigurationSettings.handleInputUpdate,
_inputConfigurationSe = inputConfigurationSettings.actionProcessing,
actionProcessing = _inputConfigurationSe === void 0 ? false : _inputConfigurationSe,
_inputConfigurationSe2 = inputConfigurationSettings.displayPlaceholderDashLabel,
displayPlaceholderDashLabel = _inputConfigurationSe2 === void 0 ? false : _inputConfigurationSe2,
_inputConfigurationSe3 = inputConfigurationSettings.placeholderOpacity,
placeholderOpacity = _inputConfigurationSe3 === void 0 ? 1 : _inputConfigurationSe3,
_inputConfigurationSe4 = inputConfigurationSettings.placeholderColor,
placeholderColor = _inputConfigurationSe4 === void 0 ? "gray" : _inputConfigurationSe4,
_inputConfigurationSe5 = inputConfigurationSettings.placeholder,
placeholder = _inputConfigurationSe5 === void 0 ? "Search..." : _inputConfigurationSe5,
setInputFocus = inputConfigurationSettings.setInputFocus,
setInputValue = inputConfigurationSettings.setInputValue,
_inputConfigurationSe6 = inputConfigurationSettings.inputType,
inputType = _inputConfigurationSe6 === void 0 ? "text" : _inputConfigurationSe6,
_inputConfigurationSe7 = inputConfigurationSettings.inputFocus,
inputFocus = _inputConfigurationSe7 === void 0 ? false : _inputConfigurationSe7,
_inputConfigurationSe8 = inputConfigurationSettings.inputValue,
inputValue = _inputConfigurationSe8 === void 0 ? "" : _inputConfigurationSe8,
_inputConfigurationSe9 = inputConfigurationSettings.inputID,
inputID = _inputConfigurationSe9 === void 0 ? HUDUniversalHUDUtilityManager.GenerateUUID() : _inputConfigurationSe9,
rest = _objectWithoutProperties(inputConfigurationSettings, _excluded);
var _useState = useState(placeholderColor),
_useState2 = _slicedToArray(_useState, 2),
currentPlaceholderColor = _useState2[0],
setCurrentPlaceholderColor = _useState2[1];
var innerInputRef = useRef(null);
useEffect(function () {
setCurrentPlaceholderColor(placeholderColor);
}, [placeholderColor]);
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("style", null, "\n #".concat(inputID, "::placeholder {\n color : ").concat(currentPlaceholderColor, ";\n opacity : ").concat(placeholderOpacity, ";\n }\n ")), inputFocus !== undefined && inputFocus && displayPlaceholderDashLabel ? /*#__PURE__*/React.createElement("div", {
style: _objectSpread({
position: "absolute",
display: "flex",
color: "rgba(247, 200.69, 247, 1)",
marginBottom: innerInputRef !== null ? HUDUniversalHUDUtilityManager.GetComponentScrollPosition(innerInputRef) + 15 : null,
marginLeft: innerInputRef !== null ? HUDUniversalHUDUtilityManager.GetComponentPosition(innerInputRef).left : null,
bottom: innerInputRef !== null ? HUDUniversalHUDUtilityManager.GetComponentScrollPosition(innerInputRef) + 15 : null,
left: 0
}, placeholderDashLabelConfigurationSettings)
}, placeholder) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement("input", _extends({
ref: innerInputRef,
id: inputID,
type: inputType,
placeholder: placeholder,
onFocus: handleInputInFocusUpdate ? handleInputInFocusUpdate : function (e) {
if (setInputFocus === undefined) {
return;
}
setInputFocus(true);
return;
},
onBlur: handleInputBlurUpdate ? handleInputBlurUpdate : function (e) {
if (setInputFocus === undefined) {
return;
}
setInputFocus(false);
return;
},
onChange: handleInputUpdate ? handleInputUpdate : function (e) {
if (setInputValue === undefined) {
return;
}
setInputValue(e.target.value);
return;
},
value: inputValue,
style: _objectSpread({
outline: "none",
transition: "scale 0.269s ease-in-out, box-shadow 0.369s ease-in-out",
fontSize: "1.269rem",
borderRadius: "1rem",
border: "1px black solid",
boxShadow: inputFocus ? "5px 5px 5px -4.69px rgba(0, 0, 0, 0.469)" : "none",
background: "rgba(217, 217, 217, 0.25)",
height: actionProcessing ? "0rem" : "2rem",
width: "47%",
scale: inputFocus ? "1.169" : "1",
paddingLeft: "0.69rem"
}, inputContainerConfigurationSettings)
}, rest)));
}
;
export default HUDInput;