@wulperstudio/cms
Version:
Wulper Studio Library Components CMS
67 lines (66 loc) • 2.94 kB
JavaScript
"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 _styled = require("./styled");
var _base = require("../../base");
var _jsxRuntime = require("react/jsx-runtime");
var _excluded = ["variant", "size", "textFieldProps", "label", "backgroundColor", "error", "errorVariant", "errorMessage"];
var InputNumberLabelOut = function InputNumberLabelOut(_ref) {
var _ref$variant = _ref.variant,
variant = _ref$variant === void 0 ? 'divider' : _ref$variant,
size = _ref.size,
textFieldProps = _ref.textFieldProps,
label = _ref.label,
backgroundColor = _ref.backgroundColor,
error = _ref.error,
errorVariant = _ref.errorVariant,
errorMessage = _ref.errorMessage,
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
var _React$useState = _react["default"].useState(false),
_React$useState2 = (0, _slicedToArray2["default"])(_React$useState, 2),
onFocusInput = _React$useState2[0],
setOnFocusInput = _React$useState2[1];
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styled.Root, {
children: [variant === 'labelOut' && label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.InputLabel, {
variant: variant,
htmlFor: props.id,
focused: onFocusInput,
children: label
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_base.WrapperInputVariant, {
variant: variant,
error: error,
size: size,
backgroundColor: backgroundColor,
children: [variant !== 'labelOut' && label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.InputLabel, {
variant: variant,
htmlFor: props.id,
focused: onFocusInput,
children: label
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.BaseInputVariant, Object.assign({
variant: variant
}, textFieldProps, {
onFocus: function onFocus(e) {
var _textFieldProps$onFoc;
setOnFocusInput(true);
textFieldProps == null || (_textFieldProps$onFoc = textFieldProps.onFocus) == null || _textFieldProps$onFoc.call(textFieldProps, e);
},
onBlur: function onBlur(e) {
var _textFieldProps$onBlu;
setOnFocusInput(false);
textFieldProps == null || (_textFieldProps$onBlu = textFieldProps.onBlur) == null || _textFieldProps$onBlu.call(textFieldProps, e);
},
type: "number"
}))]
}), error && /*#__PURE__*/(0, _jsxRuntime.jsx)(_base.ErrorAlert, {
variant: errorVariant,
children: errorMessage
})]
});
};
var _default = exports["default"] = InputNumberLabelOut;