@arcblock/ux 2.5.58 → 2.5.59

package/lib/NFTDisplay/index.js

@@ -5,79 +5,55 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 exports.getNFTData = getNFTData;
-
 var _react = require("react");
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _clsx = _interopRequireDefault(require("clsx"));
-
 var _buffer = require("buffer");
-
 var _get = _interopRequireDefault(require("lodash/get"));
-
 var _pako = _interopRequireDefault(require("pako"));
-
 var _base64Url = _interopRequireDefault(require("base64-url"));
-
 var _isSvg = _interopRequireDefault(require("is-svg"));
-
 var _aspectRatioContainer = _interopRequireDefault(require("./aspect-ratio-container"));
-
 var _img = _interopRequireDefault(require("./svg-embedder/img"));
-
 var _inlineSvg = _interopRequireDefault(require("./svg-embedder/inline-svg"));
-
 var _loading = _interopRequireDefault(require("./loading"));
-
 var _broken = _interopRequireDefault(require("./broken"));
-
 var _Theme = require("../Theme");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 const _excluded = ["data", "address", "inset", "aspect", "component", "className", "renderError", "renderLoading", "preferredSvgEmbedder", "checkSvg", "minimumLoadingTime", "onCompleted"],
-      _excluded2 = ["aspect", "inset"];
-
+  _excluded2 = ["aspect", "inset"];
+/* eslint-disable react-hooks/rules-of-hooks */
+/**
+ * 从 assetState 中获取 nft data, 兼容新旧两种类型的数据结构, 建议将该方法的返回值传入 NFTDisplay 组件的 data prop
+ * - 旧: assetState.data.value (.credentialSubject.display)
+ * - 新: assetState.display
+ */
 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; }
-
-/**
- * 从 assetState 中获取 nft data, 兼容新旧两种类型的数据结构, 建议将该方法的返回值传入 NFTDisplay 组件的 data prop
- * - 旧: assetState.data.value (.credentialSubject.display)
- * - 新: assetState.display
- */
 function getNFTData(assetState) {
   var _assetState$data;
-
   return (assetState === null || assetState === void 0 ? void 0 : assetState.display) || (assetState === null || assetState === void 0 ? void 0 : (_assetState$data = assetState.data) === null || _assetState$data === void 0 ? void 0 : _assetState$data.value);
 }
-
 function fromBase64(v) {
   if (typeof v !== 'string') {
     throw new Error('fromBase64 requires input to be a string');
   }
-
   return _buffer.Buffer.from(_base64Url.default.unescape(v), 'base64');
-} // const isVC = type => {
+}
+
+// const isVC = type => {
 //   return String(type).includes('VerifiableCredential');
 // };
-// 仅针对非 url type 的情况
-
 
+// 仅针对非 url type 的情况
 const getSvgEmbedder = preferredSvgEmbedder => {
   const embedders = {
     img: _img.default,
@@ -85,30 +61,28 @@ const getSvgEmbedder = preferredSvgEmbedder => {
   };
   return embedders[preferredSvgEmbedder];
 };
+
 /**
  * TODO:
  * 考虑把 asset data 解析部分和 nft display 分离, android 端有相关使用场景 - 只传入 svg 或 url, 也可以传入 asset data,
  * 目前如果想直接传入 svg 或 url, 需要构造一个 asset data 的数据才能使用 NFTDisplay 组件
  */
-
-
 function NFTDisplay(_ref) {
   let {
-    data,
-    address,
-    inset,
-    aspect,
-    component,
-    className,
-    renderError,
-    renderLoading,
-    preferredSvgEmbedder,
-    checkSvg,
-    minimumLoadingTime,
-    onCompleted
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      data,
+      address,
+      inset,
+      aspect,
+      component,
+      className,
+      renderError,
+      renderLoading,
+      preferredSvgEmbedder,
+      checkSvg,
+      minimumLoadingTime,
+      onCompleted
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   const wrapRoot = children => /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({
     as: component
   }, rest), {}, {
@@ -117,85 +91,82 @@ function NFTDisplay(_ref) {
     }),
     children: children
   }));
-
   const parsed = (0, _react.useRef)(data);
-
   try {
     // 如果是 raw data 先解析
     if (typeof parsed.current === 'string') {
-      parsed.current = JSON.parse(data); // console.log('[debug] parse data')
+      parsed.current = JSON.parse(data);
+      // console.log('[debug] parse data')
     }
 
     const {
       vcId
-    } = parsed.current; // 需要兼容新旧两种类型的数据结构, nft data 有 credentialSubject 属性, 说明是旧 nft data, 否则是新 nft data
-
+    } = parsed.current;
+    // 需要兼容新旧两种类型的数据结构, nft data 有 credentialSubject 属性, 说明是旧 nft data, 否则是新 nft data
     const display = parsed.current.credentialSubject ? (0, _get.default)(parsed.current, 'credentialSubject.display') : parsed.current;
     const {
       content,
       type
     } = display;
-    const isUrlType = type === 'url'; // 首次加载, 对于 url type 的情况, loading 为 true
+    const isUrlType = type === 'url';
 
+    // 首次加载, 对于 url type 的情况, loading 为 true
     const [state, setState] = (0, _react.useState)({
       loading: isUrlType,
       error: false
     });
-    const [minimumLoadingReady, setMinimumLoadingReady] = (0, _react.useState)(minimumLoadingTime <= 0); // console.log('[debug] render', {type, minimumLoadingTime}, JSON.stringify(state))
+    const [minimumLoadingReady, setMinimumLoadingReady] = (0, _react.useState)(minimumLoadingTime <= 0);
+    // console.log('[debug] render', {type, minimumLoadingTime}, JSON.stringify(state))
 
     (0, _react.useEffect)(() => {
       let timer;
-
       if (minimumLoadingTime > 0) {
         timer = setTimeout(() => setMinimumLoadingReady(true), minimumLoadingTime);
       }
+      return () => clearTimeout(timer);
+      // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
 
-      return () => clearTimeout(timer); // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []); // onCompleted
-
+    // onCompleted
     (0, _react.useEffect)(() => {
       if (!state.loading && minimumLoadingReady || state.error) {
         onCompleted();
-      } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+      }
+      // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [state, minimumLoadingReady]);
-
     if (state.error) {
       throw new Error('Failed to render NFT Display.');
     }
-
     const renderNFT = () => {
       if (content) {
         switch (type) {
           case 'url':
             {
               const urlObj = new URL(content);
-
               if (!urlObj.searchParams.has('assetId')) {
                 urlObj.searchParams.append('assetId', address);
               }
-
               if (!urlObj.searchParams.has('vcId')) {
                 urlObj.searchParams.append('vcId', vcId);
               }
-
               const url = urlObj.href;
-              return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
-                src: url,
-                onError: () => setState(_objectSpread(_objectSpread({}, state), {}, {
-                  error: true
-                })),
-                onLoad: () => setState(_objectSpread(_objectSpread({}, state), {}, {
-                  loading: false
-                })),
-                alt: "NFT Display",
-                style: {
-                  width: 'auto',
-                  height: 'auto'
-                }
-              });
+              return (
+                /*#__PURE__*/
+                // eslint-disable-next-line jsx-a11y/alt-text
+                (0, _jsxRuntime.jsx)("object", {
+                  data: url
+                  // onError={() => setState({ ...state, error: true })}
+                  ,
+                  onLoad: () => setState(_objectSpread(_objectSpread({}, state), {}, {
+                    loading: false
+                  })),
+                  style: {
+                    width: 'auto',
+                    height: 'auto'
+                  }
+                })
+              );
             }
-
           case 'uri':
             {
               return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
@@ -209,54 +180,43 @@ function NFTDisplay(_ref) {
                 alt: "NFT Display"
               });
             }
-
           case 'svg_gzipped':
             {
               const buffer = _pako.default.ungzip(fromBase64(content), {});
-
               const svg = _buffer.Buffer.from(buffer).toString('utf8');
-
               if (checkSvg && !(0, _isSvg.default)(svg)) {
                 throw new Error('Invalid SVG of type svg_gzipped');
               }
-
               const Embedder = getSvgEmbedder(preferredSvgEmbedder);
               return /*#__PURE__*/(0, _jsxRuntime.jsx)(Embedder, {
                 svg: svg
               });
             }
-
           case 'svg':
             {
               if (checkSvg && !(0, _isSvg.default)(content)) {
                 throw new Error('Invalid SVG of type svg');
               }
-
               const Embedder = getSvgEmbedder(preferredSvgEmbedder);
               return /*#__PURE__*/(0, _jsxRuntime.jsx)(Embedder, {
                 svg: content
               });
             }
           // TODO: 准备测试数据
-
           case 'html':
             {
               break;
             }
-
           default:
         }
       }
-
       throw new Error("unsupported display protocol: ".concat(display.type));
     };
-
     return wrapRoot( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [(state.loading || !minimumLoadingReady) && (renderLoading ? renderLoading() : /*#__PURE__*/(0, _jsxRuntime.jsx)(_loading.default, {})), renderNFT()]
     }));
   } catch (e) {
     var _parsed$current;
-
     console.error(e === null || e === void 0 ? void 0 : e.message, {
       nftId: address,
       vcId: parsed === null || parsed === void 0 ? void 0 : (_parsed$current = parsed.current) === null || _parsed$current === void 0 ? void 0 : _parsed$current.vcId
@@ -264,7 +224,6 @@ function NFTDisplay(_ref) {
     return wrapRoot(renderError ? renderError() : /*#__PURE__*/(0, _jsxRuntime.jsx)(_broken.default, {}));
   }
 }
-
 NFTDisplay.propTypes = {
   // asset data 可以是 raw data 和 parsed data
   data: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string]).isRequired,
@@ -297,19 +256,16 @@ NFTDisplay.defaultProps = {
   onCompleted: () => {}
 };
 const Root = (0, _Theme.styled)('div')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: relative;\n  /* \u9ED8\u8BA4\u5C3A\u5BF8 */\n  width: 150px;\n  height: 150px;\n  overflow: hidden;\n\n  &,\n  img {\n    max-width: 100%;\n    max-height: 100%;\n  }\n\n  img {\n    width: 100%;\n    height: 100%;\n  }\n\n  &.nft-display--inset {\n    width: 100%;\n    height: 100%;\n  }\n"])));
-
 function withAspectRatio(Component) {
   // eslint-disable-next-line func-names, react/prop-types
   return function (_ref2) {
     let {
-      aspect,
-      inset
-    } = _ref2,
-        rest = _objectWithoutProperties(_ref2, _excluded2);
-
+        aspect,
+        inset
+      } = _ref2,
+      rest = _objectWithoutProperties(_ref2, _excluded2);
     // inset 比 aspect ratio 优先级高, 如果同时设置了 inset 和 aspect, 则后者不生效
     const applyAspectRatio = aspect > 0 && !inset;
-
     if (applyAspectRatio) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_aspectRatioContainer.default, {
         aspect: aspect,
@@ -318,13 +274,10 @@ function withAspectRatio(Component) {
         }, rest))
       });
     }
-
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, _objectSpread({
       inset: inset
     }, rest));
   };
 }
-
 var _default = withAspectRatio(NFTDisplay);
-
 exports.default = _default;

package/lib/NFTDisplay/loading.js

@@ -4,20 +4,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = Loading;
-
 var _Theme = require("../Theme");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject;
-
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
 function Loading() {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, {
     className: "nft-display__loading",
     children: "loading..."
   });
 }
-
 const Root = (0, _Theme.styled)('span')(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  color: #ccc;\n  background-color: #eee;\n"])));

package/lib/NFTDisplay/svg-embedder/img.js

@@ -4,27 +4,18 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _inlineSvg = _interopRequireDefault(require("./inline-svg"));
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 const _excluded = ["svg", "alt", "fallback"];
-
 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 svgToImgUrl = svg => {
   // fix: #225, https://stackoverflow.com/a/52135328)
   const blob = new Blob([svg], {
@@ -32,26 +23,23 @@ const svgToImgUrl = svg => {
   });
   return URL.createObjectURL(blob);
 };
+
 /**
  * 基于 <img> 嵌入 svg
  */
-
-
 function ImgEmbedder(_ref) {
   let {
-    svg,
-    alt,
-    fallback
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      svg,
+      alt,
+      fallback
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   // 包含 foreignObject 的 svg, fallback 到 shadow dom
   if (fallback && svg.indexOf('</foreignObject>') > -1) {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_inlineSvg.default, {
       svg: svg
     });
   }
-
   const url = svgToImgUrl(svg);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", _objectSpread({
     src: url,
@@ -59,7 +47,6 @@ function ImgEmbedder(_ref) {
     alt: alt
   }, rest));
 }
-
 ImgEmbedder.propTypes = {
   svg: _propTypes.default.string.isRequired,
   alt: _propTypes.default.string,

package/lib/NFTDisplay/svg-embedder/inline-svg.js

@@ -4,42 +4,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _propTypes = _interopRequireDefault(require("prop-types"));
-
 var _emotion = _interopRequireDefault(require("react-shadow/emotion"));
-
 var _Theme = require("../../Theme");
-
 var _jsxRuntime = require("react/jsx-runtime");
-
 var _templateObject, _templateObject2;
-
 const _excluded = ["svg"];
-
+/**
+ * inline svg 的方式嵌入 svg, 使用 shadow DOM 避免样式污染
+ */
 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; }
-
-/**
- * inline svg 的方式嵌入 svg, 使用 shadow DOM 避免样式污染
- */
 function InlineSvg(_ref) {
   let {
-    svg
-  } = _ref,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+      svg
+    } = _ref,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread({}, rest), {}, {
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Inner, {
       dangerouslySetInnerHTML: {
@@ -48,7 +35,6 @@ function InlineSvg(_ref) {
     })
   }));
 }
-
 InlineSvg.propTypes = {
   svg: _propTypes.default.string.isRequired
 };

package/lib/NavMenu/index.js

@@ -9,7 +9,5 @@ Object.defineProperty(exports, "default", {
     return _navMenu.default;
   }
 });
-
 var _navMenu = _interopRequireDefault(require("./nav-menu"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }