UNPKG

@vlinderclimate/net-zero-ui

Version:

<div align="center"> <img src="https://storage.yandexcloud.net/static.vlinderstorage.com/Telegram_VlinderTech.png" width=200 /> </div> <h1 align="center">Net Zero UI kit</h1>

115 lines (108 loc) 4.12 kB
'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var tslib_es6 = require('../tslib.es6-9240d9d1.js'); var jsxRuntime = require('react/jsx-runtime'); var styles = require('@mui/material/styles'); var MuiBox = require('@mui/material/Box'); var MuiInputAdornment = require('@mui/material/InputAdornment'); var components_Icon = require('./Icon.js'); var components_Button = require('./Button.js'); require('../icons/ArrowLeft.js'); require('../icons/ArrowRight.js'); require('../icons/CheckCircle.js'); require('../icons/CloseCircle.js'); require('../icons/InfoCircle.js'); require('../icons/ErrorCircle.js'); require('../icons/Attention.js'); require('../icons/HelpCircle.js'); require('../icons/Lock.js'); require('../icons/Delete.js'); require('../icons/TriangleRight.js'); require('../icons/TriangleLeft.js'); require('../icons/TriangleUp.js'); require('../icons/TriangleDown.js'); require('../icons/Download.js'); require('../icons/Key.js'); require('../icons/Edit.js'); require('../icons/Expand.js'); require('../icons/Collapse.js'); require('../icons/Success.js'); require('../icons/Fail.js'); require('../icons/Loading.js'); require('../icons/Check.js'); require('../icons/ChevronLeft.js'); require('../icons/ChevronRight.js'); require('../icons/Plus.js'); require('../icons/Minus.js'); require('../icons/Link.js'); require('../icons/Copy.js'); require('../icons/Medium.js'); require('../icons/Twitter.js'); require('../icons/Telegram.js'); require('../icons/Sort.js'); require('../icons/Close.js'); require('../icons/Search.js'); require('../icons/Instagram.js'); require('../icons/LinkedIn.js'); require('../icons/Reddit.js'); require('../icons/YouTube.js'); require('../icons/Update.js'); require('../icons/Facebook.js'); require('../icons/Cart.js'); require('../icons/Menu.js'); require('../icons/ShowPassword.js'); require('../icons/HidePassword.js'); require('../icons/Collection.js'); require('../icons/Sprout.js'); require('../icons/Verify.js'); require('../icons/User.js'); require('../icons/Convert.js'); require('../icons/Deposit.js'); require('../icons/Send.js'); require('../icons/Receive.js'); require('../icons/To.js'); require('../icons/Withdraw.js'); require('../icons/Clock.js'); require('../icons/Play.js'); require('../icons/Help.js'); require('../icons/CloseSmall.js'); require('../icons/MinusSmall.js'); require('../icons/PlusSmall.js'); require('../icons/Dropdown.js'); require('@mui/material/Button'); require('../theme/colors.js'); require('../theme/typography.js'); function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; } var MuiBox__default = /*#__PURE__*/_interopDefaultLegacy(MuiBox); var MuiInputAdornment__default = /*#__PURE__*/_interopDefaultLegacy(MuiInputAdornment); var errorIconSizeMap = { xs: "sm", sm: "sm", md: "md", lg: "lg" }; var buttonSizeMap = { xs: "xs", sm: "xs", md: "sm", lg: "sm" }; var buttonIndentMap = { xs: -1, sm: -1, md: -1.5, lg: -1.5 }; var EndAdornmentBox = styles.styled(MuiBox__default["default"])(function (_a) { var theme = _a.theme; return ({ display: "flex", alignItems: "center", gap: theme.spacing(1) }); }); var EndAdornment = function (_a) { var _b = _a.size, size = _b === void 0 ? "md" : _b, error = _a.error, actionButtonProps = _a.actionButtonProps, endAdornment = _a.endAdornment; return (jsxRuntime.jsx(MuiInputAdornment__default["default"], tslib_es6.__assign({ position: "end" }, { children: jsxRuntime.jsxs(EndAdornmentBox, { children: [error && jsxRuntime.jsx(components_Icon["default"], { iconKey: "infoCircle", size: errorIconSizeMap[size], color: "negative" }, void 0), endAdornment, actionButtonProps && (jsxRuntime.jsx(MuiBox__default["default"], tslib_es6.__assign({ mr: buttonIndentMap[size] }, { children: jsxRuntime.jsx(components_Button["default"], tslib_es6.__assign({}, actionButtonProps, { size: buttonSizeMap[size] }), void 0) }), void 0))] }, void 0) }), void 0)); }; exports["default"] = EndAdornment;