@arcblock/ux 0.78.26 → 1.6.60

package/lib/NFTDisplay/index.js

@@ -0,0 +1,317 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.getNFTData = getNFTData;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _clsx = _interopRequireDefault(require("clsx"));
+
+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"));
+
+const _excluded = ["data", "address", "inset", "aspect", "component", "className", "renderError", "renderLoading", "preferredSvgEmbedder", "checkSvg", "minimumLoadingTime", "onCompleted"],
+      _excluded2 = ["aspect", "inset"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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 _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.from(_base64Url.default.unescape(v), 'base64');
+} // const isVC = type => {
+//   return String(type).includes('VerifiableCredential');
+// };
+// 仅针对非 url type 的情况
+
+
+const getSvgEmbedder = preferredSvgEmbedder => {
+  const embedders = {
+    img: _img.default,
+    svg: _inlineSvg.default
+  };
+  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);
+
+  const wrapRoot = children => /*#__PURE__*/_react.default.createElement(Root, Object.assign({
+    as: component
+  }, rest, {
+    className: (0, _clsx.default)(className, {
+      'nft-display--inset': inset
+    })
+  }), children);
+
+  try {
+    const parsed = _react.default.useRef(data); // 如果是 raw data 先解析
+
+
+    if (typeof parsed.current === 'string') {
+      parsed.current = JSON.parse(data); // console.log('[debug] parse data')
+    }
+
+    const {
+      vcId
+    } = 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 [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))
+
+    _react.default.useEffect(() => {
+      let timer;
+
+      if (minimumLoadingTime > 0) {
+        timer = setTimeout(() => setMinimumLoadingReady(true), minimumLoadingTime);
+      }
+
+      return () => clearTimeout(timer);
+    }, []); // onCompleted
+
+
+    _react.default.useEffect(() => {
+      if (!state.loading && minimumLoadingReady || state.error) {
+        onCompleted();
+      }
+    }, [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__*/_react.default.createElement("img", {
+                src: url,
+                onError: () => setState(_objectSpread(_objectSpread({}, state), {}, {
+                  error: true
+                })),
+                onLoad: () => setState(_objectSpread(_objectSpread({}, state), {}, {
+                  loading: false
+                })),
+                alt: "NFT Display"
+              });
+            }
+
+          case 'uri':
+            {
+              return /*#__PURE__*/_react.default.createElement("img", {
+                src: content,
+                onError: () => setState(_objectSpread(_objectSpread({}, state), {}, {
+                  error: true
+                })),
+                onLoad: () => setState(_objectSpread(_objectSpread({}, state), {}, {
+                  loading: false
+                })),
+                alt: "NFT Display"
+              });
+            }
+
+          case 'svg_gzipped':
+            {
+              const buffer = _pako.default.ungzip(fromBase64(content), {});
+
+              const svg = Buffer.from(buffer).toString('utf8');
+
+              if (checkSvg && !(0, _isSvg.default)(svg)) {
+                throw new Error("Invalid SVG: ".concat(svg));
+              }
+
+              const Embedder = getSvgEmbedder(preferredSvgEmbedder);
+              return /*#__PURE__*/_react.default.createElement(Embedder, {
+                svg: svg
+              });
+            }
+
+          case 'svg':
+            {
+              if (checkSvg && !(0, _isSvg.default)(content)) {
+                throw new Error("Invalid SVG: ".concat(content));
+              }
+
+              const Embedder = getSvgEmbedder(preferredSvgEmbedder);
+              return /*#__PURE__*/_react.default.createElement(Embedder, {
+                svg: content
+              });
+            }
+          // TODO: 准备测试数据
+
+          case 'html':
+            {
+              break;
+            }
+
+          default:
+        }
+      }
+
+      throw new Error("unsupported display protocol: ".concat(display.type));
+    };
+
+    return wrapRoot( /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (state.loading || !minimumLoadingReady) && (renderLoading ? renderLoading() : /*#__PURE__*/_react.default.createElement(_loading.default, null)), renderNFT()));
+  } catch (e) {
+    console.error(e);
+    return wrapRoot(renderError ? renderError() : /*#__PURE__*/_react.default.createElement(_broken.default, null));
+  }
+}
+
+NFTDisplay.propTypes = {
+  // asset data 可以是 raw data 和 parsed data
+  data: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.string]).isRequired,
+  address: _propTypes.default.string.isRequired,
+  component: _propTypes.default.string,
+  inset: _propTypes.default.bool,
+  aspect: _propTypes.default.number,
+  className: _propTypes.default.string,
+  renderError: _propTypes.default.func,
+  renderLoading: _propTypes.default.func,
+  // 对于非 url type 的情况, 支持优先选用的 svg 嵌入方式, 默认是 img
+  preferredSvgEmbedder: _propTypes.default.oneOf(['img', 'svg']),
+  // 针对非 url type 的情况, 检测 svg 有效性, 默认禁用
+  checkSvg: _propTypes.default.bool,
+  // loading 最小显示时间 (避免闪烁)
+  minimumLoadingTime: _propTypes.default.number,
+  // 完成回调, 无论加载成功|失败
+  onCompleted: _propTypes.default.func
+};
+NFTDisplay.defaultProps = {
+  component: 'span',
+  inset: false,
+  aspect: 0,
+  className: '',
+  renderError: null,
+  renderLoading: null,
+  preferredSvgEmbedder: 'img',
+  checkSvg: false,
+  minimumLoadingTime: 0,
+  onCompleted: () => {}
+};
+
+const Root = _styledComponents.default.div.withConfig({
+  displayName: "NFTDisplay__Root",
+  componentId: "sc-7p9mb0-0"
+})(["display:flex;justify-content:center;align-items:center;position:relative;width:150px;height:150px;overflow:hidden;&,img{max-width:100%;max-height:100%;}img{width:100%;height:100%;}&.nft-display--inset{width:100%;height:100%;}"]);
+
+function withAspectRatio(Component) {
+  // eslint-disable-next-line func-names, react/prop-types
+  return function (_ref2) {
+    let {
+      aspect,
+      inset
+    } = _ref2,
+        rest = _objectWithoutProperties(_ref2, _excluded2);
+
+    // inset 比 aspect ratio 优先级高, 如果同时设置了 inset 和 aspect, 则后者不生效
+    const applyAspectRatio = aspect > 0 && !inset;
+
+    if (applyAspectRatio) {
+      return /*#__PURE__*/_react.default.createElement(_aspectRatioContainer.default, {
+        aspect: aspect
+      }, /*#__PURE__*/_react.default.createElement(Component, Object.assign({
+        inset: true
+      }, rest)));
+    }
+
+    return /*#__PURE__*/_react.default.createElement(Component, Object.assign({
+      inset: inset
+    }, rest));
+  };
+}
+
+var _default = withAspectRatio(NFTDisplay);
+
+exports.default = _default;

package/lib/NFTDisplay/loading.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Loading;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function Loading() {
+  return /*#__PURE__*/_react.default.createElement(Root, {
+    className: "nft-display__loading"
+  }, "loading...");
+}
+
+const Root = _styledComponents.default.span.withConfig({
+  displayName: "loading__Root",
+  componentId: "sc-jedc6b-0"
+})(["display:flex;justify-content:center;align-items:center;position:absolute;width:100%;height:100%;color:#ccc;background-color:#eee;"]);

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

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _inlineSvg = _interopRequireDefault(require("./inline-svg"));
+
+const _excluded = ["svg", "alt", "fallback"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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], {
+    type: 'image/svg+xml'
+  });
+  return URL.createObjectURL(blob);
+};
+/**
+ * 基于 <img> 嵌入 svg
+ */
+
+
+function ImgEmbedder(_ref) {
+  let {
+    svg,
+    alt,
+    fallback
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  // 包含 foreignObject 的 svg, fallback 到 shadow dom
+  if (fallback && svg.indexOf('</foreignObject>') > -1) {
+    return /*#__PURE__*/_react.default.createElement(_inlineSvg.default, {
+      svg: svg
+    });
+  }
+
+  const url = svgToImgUrl(svg);
+  return /*#__PURE__*/_react.default.createElement("img", Object.assign({
+    src: url,
+    onLoad: () => URL.revokeObjectURL(url),
+    alt: alt
+  }, rest));
+}
+
+ImgEmbedder.propTypes = {
+  svg: _propTypes.default.string.isRequired,
+  alt: _propTypes.default.string,
+  // 对于包含 foreignObject 的 svg, fallback 到 inline svg + shadow DOM
+  fallback: _propTypes.default.bool
+};
+ImgEmbedder.defaultProps = {
+  alt: '',
+  fallback: true
+};
+var _default = ImgEmbedder;
+exports.default = _default;

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

@@ -0,0 +1,54 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _styledComponents2 = _interopRequireDefault(require("react-shadow/styled-components"));
+
+const _excluded = ["svg"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+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);
+
+  return /*#__PURE__*/_react.default.createElement(Root, rest, /*#__PURE__*/_react.default.createElement(Inner, {
+    dangerouslySetInnerHTML: {
+      __html: svg
+    }
+  }));
+}
+
+InlineSvg.propTypes = {
+  svg: _propTypes.default.string.isRequired
+};
+const Root = (0, _styledComponents.default)(_styledComponents2.default.span).withConfig({
+  displayName: "inline-svg__Root",
+  componentId: "sc-wv8c7s-0"
+})(["display:block;width:100%;height:100%;"]);
+
+const Inner = _styledComponents.default.div.withConfig({
+  displayName: "inline-svg__Inner",
+  componentId: "sc-wv8c7s-1"
+})(["&,& > svg{height:100%;width:100%;min-width:100%;max-width:100%;}"]);
+
+var _default = InlineSvg;
+exports.default = _default;

package/lib/PageScroller/index.js

@@ -19,13 +19,13 @@ var _usePrevValue = _interopRequireDefault(require("./usePrevValue"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-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; }
+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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+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; }
 
@@ -50,7 +50,7 @@ let isBodyScrollEnabled = true;
 let isTransitionAfterComponentsToRenderChanged = false;
 const containers = [];
 
-const PageScroller = (_ref) => {
+const PageScroller = _ref => {
   let {
     animationTimer,
     blockScrollDown,
@@ -117,13 +117,13 @@ const PageScroller = (_ref) => {
 
     while (i < componentsToRenderLength && !(0, _isNil.default)(children[i])) {
       containers[i] = true;
-      newComponentsToRender.push(_react.default.createElement("div", {
+      newComponentsToRender.push( /*#__PURE__*/_react.default.createElement("div", {
         key: i,
         style: {
           height: '100%',
           width: '100%'
         }
-      }, _react.default.cloneElement(children[i], _objectSpread({}, children[i].props))));
+      }, /*#__PURE__*/_react.default.cloneElement(children[i], _objectSpread({}, children[i].props))));
       i++;
     }
 
@@ -232,8 +232,7 @@ const PageScroller = (_ref) => {
 
       if (!(0, _isEqual.default)(componentIndex, customPageNumber)) {
         if (!(0, _isNil.default)(containers[customPageNumber]) && !isScrolling) {
-          isScrolling = true; // eslint-disable-next-line max-len
-
+          isScrolling = true;
           pageContainer.current.style.transform = "translate3d(0, ".concat(customPageNumber * -100, "%, 0)");
 
           if ((0, _isNil.default)(containers[customPageNumber]) && !(0, _isNil.default)(children[customPageNumber])) {
@@ -269,13 +268,13 @@ const PageScroller = (_ref) => {
       }, animationTimer + ANIMATION_TIMER_BUFFER);
     }
   }, [animationTimer, componentsToRenderLength, customPageNumber]);
-  return _react.default.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     style: {
       height,
       width,
       overflow: 'hidden'
     }
-  }, _react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     ref: pageContainer,
     onWheel: wheelScroll,
     style: {

package/lib/PageScroller/usePrevValue.js

@@ -7,9 +7,9 @@ exports.default = usePrevious;
 
 var _react = _interopRequireWildcard(require("react"));
 
-function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
 // eslint-disable-next-line no-unused-vars
 function usePrevious(value) {

package/lib/PricingTable/PricingPlan.js

@@ -21,39 +21,36 @@ var _Typography = _interopRequireDefault(require("@material-ui/core/Typography")
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-/* eslint react/jsx-no-bind:"off" */
-
-/* eslint react/no-this-in-sfc:"off" */
-const PricingPlan = (_ref) => {
+const PricingPlan = _ref => {
   let {
     plan
   } = _ref;
-  return _react.default.createElement(PlanCard, {
+  return /*#__PURE__*/_react.default.createElement(PlanCard, {
     shadow: true
-  }, _react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "card-header"
-  }, _react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "title"
-  }, plan.name)), _react.default.createElement(_CardContent.default, {
+  }, plan.name)), /*#__PURE__*/_react.default.createElement(_CardContent.default, {
     className: "card-content"
-  }, _react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "plan-content"
-  }, _react.default.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "plan-pricing"
-  }, _react.default.createElement(_Typography.default, {
+  }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
     component: "h2",
     variant: "h5",
     className: "price-number"
-  }, plan.price)), _react.default.createElement("div", {
+  }, plan.price)), /*#__PURE__*/_react.default.createElement("div", {
     className: "plan-services"
-  }, plan.featureList.map(line => _react.default.createElement(_Typography.default, {
+  }, plan.featureList.map(line => /*#__PURE__*/_react.default.createElement(_Typography.default, {
     component: "p",
     variant: "body1",
     align: "center",
     key: line
-  }, line)))), _react.default.createElement("div", {
+  }, line)))), /*#__PURE__*/_react.default.createElement("div", {
     className: "plan-actions"
-  }, plan.showButton && _react.default.createElement(_Button.default, {
+  }, plan.showButton && /*#__PURE__*/_react.default.createElement(_Button.default, {
     fullWidth: true,
     variant: "outlined",
     color: "primary",

package/lib/PricingTable/index.js

@@ -17,26 +17,26 @@ var _PricingPlan = _interopRequireDefault(require("./PricingPlan"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-const PricingTable = (_ref) => {
+const PricingTable = _ref => {
   let {
     plans
   } = _ref;
 
   if (plans && plans.length > 0) {
-    return _react.default.createElement(Div, {
+    return /*#__PURE__*/_react.default.createElement(Div, {
       variant: "even"
-    }, _react.default.createElement(_Grid.default, {
+    }, /*#__PURE__*/_react.default.createElement(_Grid.default, {
       container: true,
       spacing: 2,
       justify: "center"
-    }, plans.map(x => _react.default.createElement(_Grid.default, {
+    }, plans.map(x => /*#__PURE__*/_react.default.createElement(_Grid.default, {
       item: true,
       className: "plan-item",
       key: x.id,
       xs: 12,
       sm: 6,
       md: 3
-    }, _react.default.createElement(_PricingPlan.default, {
+    }, /*#__PURE__*/_react.default.createElement(_PricingPlan.default, {
       plan: x
     })))));
   }