@arcblock/ux 2.5.58 → 2.5.60

package/lib/Locale/context.js

@@ -7,64 +7,46 @@ exports.LocaleContext = exports.LocaleConsumer = void 0;
 exports.LocaleProvider = LocaleProvider;
 exports.setLocale = exports.getLocale = void 0;
 exports.useLocaleContext = useLocaleContext;
-
 var _react = require("react");
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _jsCookie = _interopRequireDefault(require("js-cookie"));
-
 var _browserLang = _interopRequireDefault(require("./browser-lang"));
-
 var _util = require("./util");
-
 var _Util = require("../Util");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["children", "locale", "fallbackLocale", "translations", "languages"];
-
+/* eslint-disable no-prototype-builtins */
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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; }
+const cookieName = 'nf_lang';
 
-const cookieName = 'nf_lang'; // 跨应用传递多语言选择的方式是在 query string 中添加 locale 参数，LocaleSelector 要高优先级遵守这个参数
-
+// 跨应用传递多语言选择的方式是在 query string 中添加 locale 参数，LocaleSelector 要高优先级遵守这个参数
 const getLocaleFromSearchParams = function getLocaleFromSearchParams(languages) {
   let url = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.location.href;
   const locale = new URL(url).searchParams.get('locale');
-
   if (languages.find(x => x.code === locale)) {
     return locale;
   }
-
   return null;
 };
-
 const setLocaleParam = function setLocaleParam(locale) {
   let url = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : window.location.href;
   const urlObj = new URL(url);
   const hasLocaleParam = urlObj.searchParams.has('locale');
-
   if (hasLocaleParam) {
     urlObj.searchParams.set('locale', locale);
     window.history.replaceState({}, '', urlObj.href);
   }
 };
-
 const getLocale = function getLocale() {
   var _languages$;
-
   let languages = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   const langParams = {
     languages: languages.map(item => item.code),
@@ -73,28 +55,20 @@ const getLocale = function getLocale() {
   };
   return getLocaleFromSearchParams(languages) || _jsCookie.default.get(cookieName) || (0, _browserLang.default)(langParams);
 };
-
 exports.getLocale = getLocale;
-
 const setLocale = locale => {
   _jsCookie.default.set(cookieName, locale, (0, _Util.getCookieOptions)());
-
   setLocaleParam(locale);
 };
-
 exports.setLocale = setLocale;
-
 const getLanguages = arg => {
   const env = (0, _get.default)(window, 'blocklet.languages');
-
   if (Array.isArray(env) && env.length) {
     return env;
   }
-
   if (Array.isArray(arg) && arg.length) {
     return arg;
   }
-
   return [{
     code: 'en',
     name: 'English'
@@ -103,7 +77,6 @@ const getLanguages = arg => {
     name: '简体中文'
   }];
 };
-
 const LocaleContext = /*#__PURE__*/(0, _react.createContext)();
 exports.LocaleContext = LocaleContext;
 const {
@@ -111,36 +84,29 @@ const {
   Consumer
 } = LocaleContext;
 exports.LocaleConsumer = Consumer;
-
 function LocaleProvider(_ref) {
   let {
-    children,
-    locale,
-    fallbackLocale,
-    translations,
-    languages
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      children,
+      locale,
+      fallbackLocale,
+      translations,
+      languages
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const langs = getLanguages(languages);
   const [currentLocale, setCurrentLocale] = (0, _react.useState)(locale || getLocale(langs));
-
   const changeLocale = newLocale => {
     setCurrentLocale(newLocale);
     setLocale(newLocale);
   };
-
   (0, _react.useEffect)(() => {
     const tmpLocale = locale || getLocale(langs);
-
     if (tmpLocale !== currentLocale) {
       changeLocale(locale);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [locale]);
-
   const t = (key, data) => (0, _util.translate)(translations, key, currentLocale, fallbackLocale, data);
-
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Provider, {
     value: _objectSpread({
       locale: currentLocale,
@@ -151,12 +117,10 @@ function LocaleProvider(_ref) {
     children: children
   });
 }
-
 function useLocaleContext() {
   const context = (0, _react.useContext)(LocaleContext);
   return context;
 }
-
 LocaleProvider.propTypes = {
   children: _propTypes.default.any.isRequired,
   translations: _propTypes.default.object.isRequired,

package/lib/Locale/languages.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.map = exports.default = void 0;
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 // from: https://github.com/meikidd/iso-639-1/blob/master/src/data.js
 const languages = {
   ar: {
@@ -67,9 +65,7 @@ const languages = {
   }
 };
 exports.map = languages;
-
 var _default = Object.keys(languages).map(code => _objectSpread({
   code
 }, languages[code]));
-
 exports.default = _default;

package/lib/Locale/selector.js

@@ -4,69 +4,44 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = LocaleSelector;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
-
 var _Typography = _interopRequireDefault(require("@mui/material/Typography"));
-
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
-
 var _ClickAwayListener = _interopRequireDefault(require("@mui/material/ClickAwayListener"));
-
 var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
-
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
-
 var _MenuList = _interopRequireDefault(require("@mui/material/MenuList"));
-
 var _Box = _interopRequireDefault(require("@mui/material/Box"));
-
 var _Check = _interopRequireDefault(require("@mui/icons-material/Check"));
-
 var _Globe = _interopRequireDefault(require("@arcblock/icons/lib/Globe"));
-
 var _Util = require("../Util");
-
 var _context = require("./context");
-
 var _Theme = require("../Theme");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 const _excluded = ["showText", "popperProps", "popperType", "icon", "size"];
-
+/* eslint-disable react/jsx-no-bind */
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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; }
-
 function LocaleSelector(props) {
   var _theme$palette, _theme$palette2, _theme$palette2$text;
-
   const {
-    showText,
-    popperProps,
-    popperType,
-    icon: Icon,
-    size
-  } = props,
-        rest = _objectWithoutProperties(props, _excluded);
-
+      showText,
+      popperProps,
+      popperType,
+      icon: Icon,
+      size
+    } = props,
+    rest = _objectWithoutProperties(props, _excluded);
   const {
     locale,
     changeLocale,
@@ -76,26 +51,20 @@ function LocaleSelector(props) {
   const [open, setOpen] = (0, _react.useState)(false);
   const theme = (0, _Theme.useTheme)();
   const dark = (theme === null || theme === void 0 ? void 0 : (_theme$palette = theme.palette) === null || _theme$palette === void 0 ? void 0 : _theme$palette.mode) === 'dark';
-
   const onSelect = newLocale => {
     changeLocale(newLocale);
     setOpen(false);
-
     if (typeof props.onChange === 'function') {
       props.onChange(newLocale);
     }
   };
-
   const onClose = e => {
     var _anchorEl$current;
-
     if ((_anchorEl$current = anchorEl.current) !== null && _anchorEl$current !== void 0 && _anchorEl$current.contains(e.target)) {
       return;
     }
-
     setOpen(false);
   };
-
   const ButtonComponent = showText ? _Button.default : _IconButton.default;
   const handleEventProps = popperType === 'hover' ? {
     onMouseEnter: () => {
@@ -113,7 +82,6 @@ function LocaleSelector(props) {
     if (Icon) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {});
     }
-
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Globe.default, {
       style: {
         width: 'auto',
@@ -169,7 +137,6 @@ function LocaleSelector(props) {
     }))]
   }));
 }
-
 LocaleSelector.propTypes = {
   size: _propTypes.default.number,
   showText: _propTypes.default.bool,

package/lib/Locale/util.js

@@ -4,33 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.translate = exports.t = exports.replace = void 0;
-
 /* eslint-disable no-prototype-builtins */
 const replace = (template, data) => template.replace(/{(\w*)}/g, (m, key) => data.hasOwnProperty(key) ? data[key] : '');
-
 exports.replace = replace;
-
 const translate = function translate(translations, key, locale) {
   let fallbackLocale = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : 'en';
   let data = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : {};
-
   if (!translations[locale] || !translations[locale][key]) {
     var _translations$fallbac;
-
     console.warn("Warning: no ".concat(key, " translation of ").concat(locale));
-
     if (fallbackLocale && (_translations$fallbac = translations[fallbackLocale]) !== null && _translations$fallbac !== void 0 && _translations$fallbac[key]) {
       var _translations$fallbac2;
-
       return replace((_translations$fallbac2 = translations[fallbackLocale]) === null || _translations$fallbac2 === void 0 ? void 0 : _translations$fallbac2[key], data);
     }
-
     return key;
   }
-
   return replace(translations[locale][key], data);
 };
-
 exports.translate = translate;
 const t = translate;
 exports.t = t;

package/lib/Logo/index.js

@@ -4,33 +4,21 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Logo;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Theme = require("../Theme");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 const _excluded = ["showText", "showLogo", "mode", "layout"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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; }
-
 var LightLogo = function LightLogo(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({}, props), {}, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
@@ -45,14 +33,12 @@ var LightLogo = function LightLogo(props) {
     })
   }));
 };
-
 LightLogo.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "45",
   height: "52",
   viewBox: "0 0 45 52"
 };
-
 var LightText = function LightText(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({}, props), {}, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
@@ -62,14 +48,12 @@ var LightText = function LightText(props) {
     })
   }));
 };
-
 LightText.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "99",
   height: "18",
   viewBox: "0 0 99 18"
 };
-
 var DarkLogo = function DarkLogo(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({}, props), {}, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("g", {
@@ -84,14 +68,12 @@ var DarkLogo = function DarkLogo(props) {
     })
   }));
 };
-
 DarkLogo.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "45",
   height: "52",
   viewBox: "0 0 45 52"
 };
-
 var DarkText = function DarkText(props) {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("svg", _objectSpread(_objectSpread({}, props), {}, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("path", {
@@ -100,7 +82,6 @@ var DarkText = function DarkText(props) {
     })
   }));
 };
-
 DarkText.defaultProps = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "99",
@@ -115,23 +96,20 @@ DarkText.defaultProps = {
     showLogo?: boolean,    
   }} LogoProps
 */
-
 /**
  * @description
  * @export
  * @param {LogoProps} props
  * @return {React.ReactComponentElement}
  */
-
 function Logo(_ref) {
   let {
-    showText,
-    showLogo,
-    mode,
-    layout
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      showText,
+      showLogo,
+      mode,
+      layout
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const logo = mode === 'light' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LightLogo, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(DarkLogo, {});
   const text = mode === 'light' ? /*#__PURE__*/(0, _jsxRuntime.jsx)(LightText, {
     className: "logo-text"
@@ -144,7 +122,6 @@ function Logo(_ref) {
     children: [showLogo && logo, showText && text]
   }));
 }
-
 Logo.propTypes = {
   mode: _propTypes.default.oneOf(['light', 'dark']),
   layout: _propTypes.default.oneOf(['vertical', 'horizontal']),
@@ -157,6 +134,6 @@ Logo.defaultProps = {
   showText: true,
   showLogo: true
 };
-/** @type {import('@emotion/styled').StyledComponent<HTMLSpanElement, {}, { ref?: React.Ref<any> | undefined;}>} */
 
+/** @type {import('@emotion/styled').StyledComponent<HTMLSpanElement, {}, { ref?: React.Ref<any> | undefined;}>} */
 const Container = (0, _Theme.styled)('span')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: inline-flex;\n  flex-direction: ", ";\n  justify-content: center;\n  align-items: center;\n\n  .logo-text {\n    ", "\n    ", ";\n  }\n"])), props => props.layout === 'horizontal' ? 'row' : 'column', props => props.layout === 'vertical' ? 'margin-top: 8px;' : '', props => props.layout === 'vertical' ? '' : 'margin-left: 8px;');

package/lib/Metric/index.js

@@ -4,21 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Metric;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _image = _interopRequireDefault(require("../Icon/image"));
-
 var _Theme = require("../Theme");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
+/* eslint-disable react/no-danger */
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function Metric(_ref) {
   let {
     icon,
@@ -58,7 +51,6 @@ function Metric(_ref) {
     }) : metric
   });
 }
-
 Metric.propTypes = {
   icon: _propTypes.default.string.isRequired,
   value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]).isRequired,

package/lib/NFTDisplay/aspect-ratio-container.js

@@ -4,38 +4,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _Theme = require("../Theme");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 const _excluded = ["aspect", "children"];
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(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 _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 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; }
-
 function AspectRatioContainer(_ref) {
   let {
-    aspect,
-    children
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      aspect,
+      children
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({
     aspect: aspect
   }, rest), {}, {
@@ -45,7 +33,6 @@ function AspectRatioContainer(_ref) {
     })
   }));
 }
-
 AspectRatioContainer.propTypes = {
   aspect: _propTypes.default.number.isRequired,
   children: _propTypes.default.node.isRequired

package/lib/NFTDisplay/broken.js

@@ -4,23 +4,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Broken;
-
 var _BrokenImage = _interopRequireDefault(require("@mui/icons-material/BrokenImage"));
-
 var _Theme = require("../Theme");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function Broken() {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, {
     className: "nft-display-broken"
   });
 }
-
 const Root = (0, _Theme.styled)(_BrokenImage.default)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  && {\n    width: 100%;\n    max-width: 200px;\n    height: auto;\n    max-width: 100%;\n    max-height: 100%;\n    fill: #ddd;\n  }\n"])));