1 | "use strict";
|
2 |
|
3 | var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4 |
|
5 | exports.__esModule = true;
|
6 | exports["default"] = exports.InputRightAddon = exports.InputLeftAddon = void 0;
|
7 |
|
8 | var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
9 |
|
10 | var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
11 |
|
12 | var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
|
13 |
|
14 | var _core = require("@emotion/core");
|
15 |
|
16 | var _Box = _interopRequireDefault(require("../Box"));
|
17 |
|
18 | var _styles = _interopRequireDefault(require("../Input/styles"));
|
19 |
|
20 | var _ColorModeProvider = require("../ColorModeProvider");
|
21 |
|
22 | function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
|
23 |
|
24 | function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(source, true).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(source).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
|
25 |
|
26 | var InputAddon = function InputAddon(_ref) {
|
27 | var _ref$placement = _ref.placement,
|
28 | placement = _ref$placement === void 0 ? "left" : _ref$placement,
|
29 | _ref$size = _ref.size,
|
30 | size = _ref$size === void 0 ? "md" : _ref$size,
|
31 | props = (0, _objectWithoutPropertiesLoose2["default"])(_ref, ["placement", "size"]);
|
32 |
|
33 | var _useColorMode = (0, _ColorModeProvider.useColorMode)(),
|
34 | colorMode = _useColorMode.colorMode;
|
35 |
|
36 | var bg = {
|
37 | dark: "whiteAlpha.300",
|
38 | light: "gray.100"
|
39 | };
|
40 | var _placement = {
|
41 | left: {
|
42 | mr: "-1px",
|
43 | roundedRight: 0,
|
44 | borderRightColor: "transparent"
|
45 | },
|
46 | right: {
|
47 | order: 1,
|
48 | roundedLeft: 0,
|
49 | borderLeftColor: "transparent"
|
50 | }
|
51 | };
|
52 |
|
53 | var styleProps = _objectSpread({}, (0, _styles["default"])({
|
54 | size: size,
|
55 | variant: "outline"
|
56 | }), {
|
57 | flex: "0 0 auto",
|
58 | whiteSpace: "nowrap",
|
59 | bg: bg[colorMode]
|
60 | }, _placement[placement]);
|
61 |
|
62 | return (0, _core.jsx)(_Box["default"], (0, _extends2["default"])({}, styleProps, props));
|
63 | };
|
64 |
|
65 | var InputLeftAddon = function InputLeftAddon(props) {
|
66 | return (0, _core.jsx)(InputAddon, (0, _extends2["default"])({
|
67 | placement: "left"
|
68 | }, props));
|
69 | };
|
70 |
|
71 | exports.InputLeftAddon = InputLeftAddon;
|
72 |
|
73 | var InputRightAddon = function InputRightAddon(props) {
|
74 | return (0, _core.jsx)(InputAddon, (0, _extends2["default"])({
|
75 | placement: "right"
|
76 | }, props));
|
77 | };
|
78 |
|
79 | exports.InputRightAddon = InputRightAddon;
|
80 | var _default = InputAddon;
|
81 | exports["default"] = _default; |
\ | No newline at end of file |