UNPKG

@roo-ui/components

Version:

78 lines (63 loc) 8.06 kB
import _styled from "@emotion/styled-base"; function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; var ownKeys = Object.keys(source); if (typeof Object.getOwnPropertySymbols === 'function') { ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function (sym) { return Object.getOwnPropertyDescriptor(source, sym).enumerable; })); } ownKeys.forEach(function (key) { _defineProperty(target, key, source[key]); }); } return target; } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; } function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; } import React from 'react'; import { withTheme } from 'emotion-theming'; import { space, color } from 'styled-system'; import PropTypes from 'prop-types'; var IS_TEST = process.env.NODE_ENV === 'test'; var getSvgPathFromTheme = function getSvgPathFromTheme(theme, name) { if (!theme || !theme.icons) { // eslint-disable-next-line no-console if (!IS_TEST) console.error('Icon must be rendered under ThemeProvider'); return null; } var icon = theme.icons[name]; if (!icon) { // eslint-disable-next-line no-console console.error("Icon \"".concat(name, "\" not found in theme")); return null; } return icon.path; }; var StyledSvg = _styled("svg", { target: "e1pa9kzm0", label: "StyledSvg" })(process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JY29uL0ljb24uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMEI0QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSWNvbi9JY29uLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHdpdGhUaGVtZSB9IGZyb20gJ2Vtb3Rpb24tdGhlbWluZyc7XG5pbXBvcnQgeyBzcGFjZSwgY29sb3IgfSBmcm9tICdzdHlsZWQtc3lzdGVtJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IElTX1RFU1QgPSBwcm9jZXNzLmVudi5OT0RFX0VOViA9PT0gJ3Rlc3QnO1xuXG5jb25zdCBnZXRTdmdQYXRoRnJvbVRoZW1lID0gKHRoZW1lLCBuYW1lKSA9PiB7XG4gIGlmICghdGhlbWUgfHwgIXRoZW1lLmljb25zKSB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLWNvbnNvbGVcbiAgICBpZiAoIUlTX1RFU1QpIGNvbnNvbGUuZXJyb3IoJ0ljb24gbXVzdCBiZSByZW5kZXJlZCB1bmRlciBUaGVtZVByb3ZpZGVyJyk7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICBjb25zdCBpY29uID0gdGhlbWUuaWNvbnNbbmFtZV07XG5cbiAgaWYgKCFpY29uKSB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLWNvbnNvbGVcbiAgICBjb25zb2xlLmVycm9yKGBJY29uIFwiJHtuYW1lfVwiIG5vdCBmb3VuZCBpbiB0aGVtZWApO1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgcmV0dXJuIGljb24ucGF0aDtcbn07XG5cbmNvbnN0IFN0eWxlZFN2ZyA9IHN0eWxlZC5zdmdgYDtcblxuY29uc3QgQmFzZSA9IHdpdGhUaGVtZSgoe1xuICBuYW1lLCB0aXRsZSwgc2l6ZSwgdGhlbWUsIC4uLnByb3BzXG59KSA9PiAoXG4gIDxTdHlsZWRTdmdcbiAgICB7Li4ucHJvcHN9XG4gICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgd2lkdGg9e3NpemV9XG4gICAgaGVpZ2h0PXtzaXplfVxuICAgIHRpdGxlPXt0aXRsZSB8fCBuYW1lfVxuICAgIGZpbGw9XCJjdXJyZW50Y29sb3JcIlxuICA+XG4gICAgPHBhdGggZD17Z2V0U3ZnUGF0aEZyb21UaGVtZSh0aGVtZSwgbmFtZSl9IC8+XG4gIDwvU3R5bGVkU3ZnPlxuKSk7XG5cbkJhc2UucHJvcFR5cGVzID0ge1xuICBuYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBzaXplOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMubnVtYmVyXSksXG4gIHRpdGxlOiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcblxuQmFzZS5kZWZhdWx0UHJvcHMgPSB7XG4gIG5hbWU6ICdob3RlbCcsXG4gIHRpdGxlOiBudWxsLFxuICBzaXplOiAyNCxcbn07XG5cbmNvbnN0IEljb24gPSBzdHlsZWQoQmFzZSlgXG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIGZsZXg6IG5vbmU7XG4gICR7c3BhY2V9XG4gICR7Y29sb3J9O1xuYDtcblxuSWNvbi5wcm9wVHlwZXMgPSB7XG4gIC4uLkJhc2UucHJvcFR5cGVzLFxuICAuLi5jb2xvci5wcm9wVHlwZXMsXG4gIC4uLnNwYWNlLnByb3BUeXBlcyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEljb247XG4iXX0= */"); var Base = withTheme(function (_ref) { var name = _ref.name, title = _ref.title, size = _ref.size, theme = _ref.theme, props = _objectWithoutProperties(_ref, ["name", "title", "size", "theme"]); return React.createElement(StyledSvg, _extends({}, props, { viewBox: "0 0 24 24", width: size, height: size, title: title || name, fill: "currentcolor" }), React.createElement("path", { d: getSvgPathFromTheme(theme, name) })); }); Base.propTypes = { name: PropTypes.string, size: PropTypes.oneOfType([PropTypes.string, PropTypes.number]), title: PropTypes.string }; Base.defaultProps = { name: 'hotel', title: null, size: 24 }; var Icon = /*#__PURE__*/ _styled(Base, { target: "e1pa9kzm1", label: "Icon" })("vertical-align:middle;flex:none;", space, " ", color, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9JY29uL0ljb24uanMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUR5QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvSWNvbi9JY29uLmpzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHdpdGhUaGVtZSB9IGZyb20gJ2Vtb3Rpb24tdGhlbWluZyc7XG5pbXBvcnQgeyBzcGFjZSwgY29sb3IgfSBmcm9tICdzdHlsZWQtc3lzdGVtJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5cbmNvbnN0IElTX1RFU1QgPSBwcm9jZXNzLmVudi5OT0RFX0VOViA9PT0gJ3Rlc3QnO1xuXG5jb25zdCBnZXRTdmdQYXRoRnJvbVRoZW1lID0gKHRoZW1lLCBuYW1lKSA9PiB7XG4gIGlmICghdGhlbWUgfHwgIXRoZW1lLmljb25zKSB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLWNvbnNvbGVcbiAgICBpZiAoIUlTX1RFU1QpIGNvbnNvbGUuZXJyb3IoJ0ljb24gbXVzdCBiZSByZW5kZXJlZCB1bmRlciBUaGVtZVByb3ZpZGVyJyk7XG4gICAgcmV0dXJuIG51bGw7XG4gIH1cblxuICBjb25zdCBpY29uID0gdGhlbWUuaWNvbnNbbmFtZV07XG5cbiAgaWYgKCFpY29uKSB7XG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIG5vLWNvbnNvbGVcbiAgICBjb25zb2xlLmVycm9yKGBJY29uIFwiJHtuYW1lfVwiIG5vdCBmb3VuZCBpbiB0aGVtZWApO1xuICAgIHJldHVybiBudWxsO1xuICB9XG5cbiAgcmV0dXJuIGljb24ucGF0aDtcbn07XG5cbmNvbnN0IFN0eWxlZFN2ZyA9IHN0eWxlZC5zdmdgYDtcblxuY29uc3QgQmFzZSA9IHdpdGhUaGVtZSgoe1xuICBuYW1lLCB0aXRsZSwgc2l6ZSwgdGhlbWUsIC4uLnByb3BzXG59KSA9PiAoXG4gIDxTdHlsZWRTdmdcbiAgICB7Li4ucHJvcHN9XG4gICAgdmlld0JveD1cIjAgMCAyNCAyNFwiXG4gICAgd2lkdGg9e3NpemV9XG4gICAgaGVpZ2h0PXtzaXplfVxuICAgIHRpdGxlPXt0aXRsZSB8fCBuYW1lfVxuICAgIGZpbGw9XCJjdXJyZW50Y29sb3JcIlxuICA+XG4gICAgPHBhdGggZD17Z2V0U3ZnUGF0aEZyb21UaGVtZSh0aGVtZSwgbmFtZSl9IC8+XG4gIDwvU3R5bGVkU3ZnPlxuKSk7XG5cbkJhc2UucHJvcFR5cGVzID0ge1xuICBuYW1lOiBQcm9wVHlwZXMuc3RyaW5nLFxuICBzaXplOiBQcm9wVHlwZXMub25lT2ZUeXBlKFtQcm9wVHlwZXMuc3RyaW5nLCBQcm9wVHlwZXMubnVtYmVyXSksXG4gIHRpdGxlOiBQcm9wVHlwZXMuc3RyaW5nLFxufTtcblxuQmFzZS5kZWZhdWx0UHJvcHMgPSB7XG4gIG5hbWU6ICdob3RlbCcsXG4gIHRpdGxlOiBudWxsLFxuICBzaXplOiAyNCxcbn07XG5cbmNvbnN0IEljb24gPSBzdHlsZWQoQmFzZSlgXG4gIHZlcnRpY2FsLWFsaWduOiBtaWRkbGU7XG4gIGZsZXg6IG5vbmU7XG4gICR7c3BhY2V9XG4gICR7Y29sb3J9O1xuYDtcblxuSWNvbi5wcm9wVHlwZXMgPSB7XG4gIC4uLkJhc2UucHJvcFR5cGVzLFxuICAuLi5jb2xvci5wcm9wVHlwZXMsXG4gIC4uLnNwYWNlLnByb3BUeXBlcyxcbn07XG5cbmV4cG9ydCBkZWZhdWx0IEljb247XG4iXX0= */")); Icon.propTypes = _objectSpread({}, Base.propTypes, color.propTypes, space.propTypes); export default Icon;