1 | "use strict";
|
2 |
|
3 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4 |
|
5 | exports.__esModule = true;
|
6 | exports["default"] = exports.InputRightElement = exports.InputLeftElement = void 0;
|
7 |
|
8 | var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9 |
|
10 | var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
11 |
|
12 | var _core = require("@emotion/core");
|
13 |
|
14 | var _react = require("react");
|
15 |
|
16 | var _Box = _interopRequireDefault(require("../Box"));
|
17 |
|
18 | var _styles = require("../Input/styles");
|
19 |
|
20 |
|
21 | var InputElement = (0, _react.forwardRef)(function (_ref, ref) {
|
22 | var _placementProp;
|
23 |
|
24 | var size = _ref.size,
|
25 | children = _ref.children,
|
26 | _ref$placement = _ref.placement,
|
27 | placement = _ref$placement === void 0 ? "left" : _ref$placement,
|
28 | _ref$disablePointerEv = _ref.disablePointerEvents,
|
29 | disablePointerEvents = _ref$disablePointerEv === void 0 ? false : _ref$disablePointerEv,
|
30 | props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["size", "children", "placement", "disablePointerEvents"]);
|
31 | var height = _styles.inputSizes[size] && _styles.inputSizes[size]["height"];
|
32 | var fontSize = _styles.inputSizes[size] && _styles.inputSizes[size]["fontSize"];
|
33 | var placementProp = (_placementProp = {}, _placementProp[placement] = "0", _placementProp);
|
34 | return (0, _core.jsx)(_Box["default"], (0, _extends2["default"])({
|
35 | display: "flex",
|
36 | alignItems: "center",
|
37 | justifyContent: "center",
|
38 | position: "absolute",
|
39 | height: height,
|
40 | width: height,
|
41 | fontSize: fontSize,
|
42 | top: "0",
|
43 | zIndex: 2,
|
44 | ref: ref
|
45 | }, disablePointerEvents && {
|
46 | pointerEvents: "none"
|
47 | }, placementProp, props), children);
|
48 | });
|
49 | InputElement.displayName = "InputElement";
|
50 | var InputLeftElement = (0, _react.forwardRef)(function (props, ref) {
|
51 | return (0, _core.jsx)(InputElement, (0, _extends2["default"])({
|
52 | ref: ref,
|
53 | placement: "left"
|
54 | }, props));
|
55 | });
|
56 | exports.InputLeftElement = InputLeftElement;
|
57 | InputLeftElement.displayName = "InputLeftElement";
|
58 | var InputRightElement = (0, _react.forwardRef)(function (props, ref) {
|
59 | return (0, _core.jsx)(InputElement, (0, _extends2["default"])({
|
60 | ref: ref,
|
61 | placement: "right"
|
62 | }, props));
|
63 | });
|
64 | exports.InputRightElement = InputRightElement;
|
65 | InputRightElement.displayName = "InputRightElement";
|
66 | var _default = InputElement;
|
67 | exports["default"] = _default; |
\ | No newline at end of file |