@blaze-cms/react-page-builder 0.124.0-alpha.0 → 0.124.0-alpha.1

package/lib-es/components/Video/VideoModal.js

@@ -0,0 +1,31 @@
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useState } from 'react';
+import Modal from '@blaze-react/modal';
+import VideoRender from './VideoRender';
+
+const VideoModal = _ref => {
+  let props = _extends({}, _ref);
+
+  const [displayModal, setDisplayModal] = useState(false);
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    role: "button",
+    onClick: () => {
+      setDisplayModal(!displayModal);
+    }
+  }, /*#__PURE__*/React.createElement(VideoRender, _extends({
+    placeholderOnly: true,
+    autoplay: false
+  }, props))), displayModal && /*#__PURE__*/React.createElement(Modal, {
+    className: "modal--video",
+    isFullScreen: true,
+    showFooter: false,
+    isSimple: true,
+    onClose: () => setDisplayModal(!displayModal)
+  }, /*#__PURE__*/React.createElement(VideoRender, _extends({}, props, {
+    placeholderOnly: false,
+    autoplay: true
+  }))));
+};
+
+export default VideoModal;
+//# sourceMappingURL=VideoModal.js.map

package/lib-es/components/Video/VideoModal.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/Video/VideoModal.js"],"names":["React","useState","Modal","VideoRender","VideoModal","props","displayModal","setDisplayModal"],"mappings":";AAAA,OAAOA,KAAP,IAAgBC,QAAhB,QAAgC,OAAhC;AACA,OAAOC,KAAP,MAAkB,oBAAlB;AACA,OAAOC,WAAP,MAAwB,eAAxB;;AAEA,MAAMC,UAAU,GAAG,QAAkB;AAAA,MAAZC,KAAY;;AACnC,QAAM,CAACC,YAAD,EAAeC,eAAf,IAAkCN,QAAQ,CAAC,KAAD,CAAhD;AAEA,sBACE,uDACE;AACE,IAAA,IAAI,EAAC,QADP;AAEE,IAAA,OAAO,EAAE,MAAM;AACbM,MAAAA,eAAe,CAAC,CAACD,YAAF,CAAf;AACD;AAJH,kBAKE,oBAAC,WAAD;AAAa,IAAA,eAAe,MAA5B;AAA6B,IAAA,QAAQ,EAAE;AAAvC,KAAkDD,KAAlD,EALF,CADF,EAQGC,YAAY,iBACX,oBAAC,KAAD;AACE,IAAA,SAAS,EAAC,cADZ;AAEE,IAAA,YAAY,MAFd;AAGE,IAAA,UAAU,EAAE,KAHd;AAIE,IAAA,QAAQ,MAJV;AAKE,IAAA,OAAO,EAAE,MAAMC,eAAe,CAAC,CAACD,YAAF;AALhC,kBAME,oBAAC,WAAD,eAAiBD,KAAjB;AAAwB,IAAA,eAAe,EAAE,KAAzC;AAAgD,IAAA,QAAQ;AAAxD,KANF,CATJ,CADF;AAqBD,CAxBD;;AA0BA,eAAeD,UAAf","sourcesContent":["import React, { useState } from 'react';\nimport Modal from '@blaze-react/modal';\nimport VideoRender from './VideoRender';\n\nconst VideoModal = ({ ...props }) => {\n  const [displayModal, setDisplayModal] = useState(false);\n\n  return (\n    <>\n      <div\n        role=\"button\"\n        onClick={() => {\n          setDisplayModal(!displayModal);\n        }}>\n        <VideoRender placeholderOnly autoplay={false} {...props} />\n      </div>\n      {displayModal && (\n        <Modal\n          className=\"modal--video\"\n          isFullScreen\n          showFooter={false}\n          isSimple\n          onClose={() => setDisplayModal(!displayModal)}>\n          <VideoRender {...props} placeholderOnly={false} autoplay />\n        </Modal>\n      )}\n    </>\n  );\n};\n\nexport default VideoModal;\n"],"file":"VideoModal.js"}

package/lib-es/components/Video/VideoRender.js

@@ -9,10 +9,10 @@ const VideoRender = _ref => {
   let {
     provider
   } = _ref,
-      varibleProps = _objectWithoutProperties(_ref, _excluded);
+      props = _objectWithoutProperties(_ref, _excluded);
 
   const Provider = getProvider(provider);
-  return /*#__PURE__*/React.createElement(Provider, varibleProps);
+  return /*#__PURE__*/React.createElement(Provider, props);
 };
 
 VideoRender.propTypes = {

package/lib-es/components/Video/VideoRender.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Video/VideoRender.js"],"names":["React","PropTypes","getProvider","withTitle","VideoRender","provider","varibleProps","Provider","propTypes","string","isRequired"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,WAAP,MAAwB,aAAxB;AACA,SAASC,SAAT,QAA0B,WAA1B;;AAEA,MAAMC,WAAW,GAAG,QAAmC;AAAA,MAAlC;AAAEC,IAAAA;AAAF,GAAkC;AAAA,MAAnBC,YAAmB;;AACrD,QAAMC,QAAQ,GAAGL,WAAW,CAACG,QAAD,CAA5B;AACA,sBAAO,oBAAC,QAAD,EAAcC,YAAd,CAAP;AACD,CAHD;;AAKAF,WAAW,CAACI,SAAZ,GAAwB;AACtBH,EAAAA,QAAQ,EAAEJ,SAAS,CAACQ,MAAV,CAAiBC;AADL,CAAxB;AAIA,eAAeP,SAAS,CAACC,WAAD,CAAxB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport getProvider from './providers';\nimport { withTitle } from '../../HOC';\n\nconst VideoRender = ({ provider, ...varibleProps }) => {\n  const Provider = getProvider(provider);\n  return <Provider {...varibleProps} />;\n};\n\nVideoRender.propTypes = {\n  provider: PropTypes.string.isRequired\n};\n\nexport default withTitle(VideoRender);\n"],"file":"VideoRender.js"}
+{"version":3,"sources":["../../../src/components/Video/VideoRender.js"],"names":["React","PropTypes","getProvider","withTitle","VideoRender","provider","props","Provider","propTypes","string","isRequired"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,WAAP,MAAwB,aAAxB;AACA,SAASC,SAAT,QAA0B,WAA1B;;AAEA,MAAMC,WAAW,GAAG,QAA4B;AAAA,MAA3B;AAAEC,IAAAA;AAAF,GAA2B;AAAA,MAAZC,KAAY;;AAC9C,QAAMC,QAAQ,GAAGL,WAAW,CAACG,QAAD,CAA5B;AACA,sBAAO,oBAAC,QAAD,EAAcC,KAAd,CAAP;AACD,CAHD;;AAKAF,WAAW,CAACI,SAAZ,GAAwB;AACtBH,EAAAA,QAAQ,EAAEJ,SAAS,CAACQ,MAAV,CAAiBC;AADL,CAAxB;AAIA,eAAeP,SAAS,CAACC,WAAD,CAAxB","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport getProvider from './providers';\nimport { withTitle } from '../../HOC';\n\nconst VideoRender = ({ provider, ...props }) => {\n  const Provider = getProvider(provider);\n  return <Provider {...props} />;\n};\n\nVideoRender.propTypes = {\n  provider: PropTypes.string.isRequired\n};\n\nexport default withTitle(VideoRender);\n"],"file":"VideoRender.js"}

package/lib-es/components/Video/providers/JWPlayer/JWPlayerProvider.js

@@ -7,7 +7,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React from 'react';
 import PropTypes from 'prop-types';
 import ReactJWPlayer from 'react-jw-player';
-import useGetImages from '../../../../hooks/use-get-images';
 import { JW_PLAYER_TYPE_FILE, VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';
 import JWPlayerController from './JWPlayerController';
 const PlayerController = new JWPlayerController();
@@ -20,15 +19,9 @@ const JWPlayerProvider = ({
   type,
   urlScript,
   muted,
-  imageId,
+  imageData,
   loop: repeat
 }) => {
-  const {
-    data,
-    loading
-  } = useGetImages(imageId);
-  if (loading) return null;
-
   const handleOnReady = () => {
     const jwPlayer = window.jwplayer(name);
 
@@ -58,7 +51,7 @@ const JWPlayerProvider = ({
     if (type === JW_PLAYER_TYPE_FILE) {
       const {
         url: imageURL = ''
-      } = data.getFile || {};
+      } = imageData;
       return _objectSpread(_objectSpread({}, props), {}, {
         image: imageURL,
         file: url
@@ -82,7 +75,8 @@ JWPlayerProvider.propTypes = {
   loop: PropTypes.bool,
   controls: PropTypes.bool,
   muted: PropTypes.bool,
-  type: PropTypes.string
+  type: PropTypes.string,
+  imageData: PropTypes.object
 };
 JWPlayerProvider.defaultProps = {
   autoplay: false,
@@ -90,7 +84,8 @@ JWPlayerProvider.defaultProps = {
   controls: true,
   muted: false,
   type: 'playlist',
-  imageId: null
+  imageId: null,
+  imageData: {}
 };
 export default JWPlayerProvider;
 //# sourceMappingURL=JWPlayerProvider.js.map

package/lib-es/components/Video/providers/JWPlayer/JWPlayerProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Video/providers/JWPlayer/JWPlayerProvider.js"],"names":["React","PropTypes","ReactJWPlayer","useGetImages","JW_PLAYER_TYPE_FILE","VIDEO_WRAPPER_CLASS_NAME","JWPlayerController","PlayerController","JWPlayerProvider","url","name","autoplay","controls","type","urlScript","muted","imageId","loop","repeat","data","loading","handleOnReady","jwPlayer","window","jwplayer","setPlayer","getJWPlayerProps","events","props","customProps","playerScript","isAutoPlay","isMuted","playerId","onReady","className","imageURL","getFile","image","file","playlist","propTypes","string","isRequired","bool","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactJWPlayer from 'react-jw-player';\nimport useGetImages from '../../../../hooks/use-get-images';\nimport { JW_PLAYER_TYPE_FILE, VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\nimport JWPlayerController from './JWPlayerController';\n\nconst PlayerController = new JWPlayerController();\n\nconst JWPlayerProvider = ({\n  url,\n  name,\n  autoplay,\n  controls,\n  type,\n  urlScript,\n  muted,\n  imageId,\n  loop: repeat\n}) => {\n  const { data, loading } = useGetImages(imageId);\n\n  if (loading) return null;\n\n  const handleOnReady = () => {\n    const jwPlayer = window.jwplayer(name);\n    if (jwPlayer) {\n      PlayerController.setPlayer(jwPlayer);\n    }\n  };\n\n  const getJWPlayerProps = () => {\n    const { events } = PlayerController;\n\n    const props = {\n      customProps: { repeat, controls, events },\n      playerScript: urlScript,\n      isAutoPlay: autoplay,\n      isMuted: muted,\n      playerId: name,\n      onReady: handleOnReady,\n      className: VIDEO_WRAPPER_CLASS_NAME\n    };\n\n    if (type === JW_PLAYER_TYPE_FILE) {\n      const { url: imageURL = '' } = data.getFile || {};\n      return { ...props, image: imageURL, file: url };\n    }\n\n    return { ...props, playlist: url };\n  };\n\n  return <ReactJWPlayer {...getJWPlayerProps()} />;\n};\n\nJWPlayerProvider.propTypes = {\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  urlScript: PropTypes.string.isRequired,\n  imageId: PropTypes.string,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool,\n  controls: PropTypes.bool,\n  muted: PropTypes.bool,\n  type: PropTypes.string\n};\n\nJWPlayerProvider.defaultProps = {\n  autoplay: false,\n  loop: false,\n  controls: true,\n  muted: false,\n  type: 'playlist',\n  imageId: null\n};\n\nexport default JWPlayerProvider;\n"],"file":"JWPlayerProvider.js"}
+{"version":3,"sources":["../../../../../src/components/Video/providers/JWPlayer/JWPlayerProvider.js"],"names":["React","PropTypes","ReactJWPlayer","JW_PLAYER_TYPE_FILE","VIDEO_WRAPPER_CLASS_NAME","JWPlayerController","PlayerController","JWPlayerProvider","url","name","autoplay","controls","type","urlScript","muted","imageData","loop","repeat","handleOnReady","jwPlayer","window","jwplayer","setPlayer","getJWPlayerProps","events","props","customProps","playerScript","isAutoPlay","isMuted","playerId","onReady","className","imageURL","image","file","playlist","propTypes","string","isRequired","imageId","bool","object","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport ReactJWPlayer from 'react-jw-player';\nimport { JW_PLAYER_TYPE_FILE, VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\nimport JWPlayerController from './JWPlayerController';\n\nconst PlayerController = new JWPlayerController();\n\nconst JWPlayerProvider = ({\n  url,\n  name,\n  autoplay,\n  controls,\n  type,\n  urlScript,\n  muted,\n  imageData,\n  loop: repeat\n}) => {\n  const handleOnReady = () => {\n    const jwPlayer = window.jwplayer(name);\n    if (jwPlayer) {\n      PlayerController.setPlayer(jwPlayer);\n    }\n  };\n\n  const getJWPlayerProps = () => {\n    const { events } = PlayerController;\n\n    const props = {\n      customProps: { repeat, controls, events },\n      playerScript: urlScript,\n      isAutoPlay: autoplay,\n      isMuted: muted,\n      playerId: name,\n      onReady: handleOnReady,\n      className: VIDEO_WRAPPER_CLASS_NAME\n    };\n\n    if (type === JW_PLAYER_TYPE_FILE) {\n      const { url: imageURL = '' } = imageData;\n      return { ...props, image: imageURL, file: url };\n    }\n\n    return { ...props, playlist: url };\n  };\n\n  return <ReactJWPlayer {...getJWPlayerProps()} />;\n};\n\nJWPlayerProvider.propTypes = {\n  url: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  urlScript: PropTypes.string.isRequired,\n  imageId: PropTypes.string,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool,\n  controls: PropTypes.bool,\n  muted: PropTypes.bool,\n  type: PropTypes.string,\n  imageData: PropTypes.object\n};\n\nJWPlayerProvider.defaultProps = {\n  autoplay: false,\n  loop: false,\n  controls: true,\n  muted: false,\n  type: 'playlist',\n  imageId: null,\n  imageData: {}\n};\n\nexport default JWPlayerProvider;\n"],"file":"JWPlayerProvider.js"}

package/lib-es/components/Video/providers/YouTube/YouTubeProvider.js

@@ -7,7 +7,9 @@ import { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';
 const YouTubeProvider = ({
   url,
   autoplay,
-  loop
+  loop,
+  placeholderOnly,
+  imageData
 }) => {
   const videoId = getYouTubeID(url);
   if (!videoId) return null;
@@ -17,18 +19,24 @@ const YouTubeProvider = ({
   }, /*#__PURE__*/React.createElement(YoutubeEmbeded, {
     autoplay: autoplay,
     videoId: videoId,
-    params: params
+    params: params,
+    placeholderOnly: placeholderOnly,
+    imageData: imageData
   }));
 };
 
 YouTubeProvider.propTypes = {
   url: PropTypes.string.isRequired,
   autoplay: PropTypes.bool,
-  loop: PropTypes.bool
+  loop: PropTypes.bool,
+  placeholderOnly: PropTypes.bool,
+  imageData: PropTypes.object
 };
 YouTubeProvider.defaultProps = {
   autoplay: false,
-  loop: false
+  loop: false,
+  placeholderOnly: false,
+  imageData: {}
 };
 export default YouTubeProvider;
 //# sourceMappingURL=YouTubeProvider.js.map

package/lib-es/components/Video/providers/YouTube/YouTubeProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Video/providers/YouTube/YouTubeProvider.js"],"names":["React","PropTypes","YoutubeEmbeded","getYouTubeID","booleanToNumber","VIDEO_WRAPPER_CLASS_NAME","YouTubeProvider","url","autoplay","loop","videoId","params","propTypes","string","isRequired","bool","defaultProps"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AACA,SAASC,YAAT,EAAuBC,eAAvB,QAA8C,WAA9C;AACA,SAASC,wBAAT,QAAyC,uBAAzC;;AAEA,MAAMC,eAAe,GAAG,CAAC;AAAEC,EAAAA,GAAF;AAAOC,EAAAA,QAAP;AAAiBC,EAAAA;AAAjB,CAAD,KAA6B;AACnD,QAAMC,OAAO,GAAGP,YAAY,CAACI,GAAD,CAA5B;AAEA,MAAI,CAACG,OAAL,EAAc,OAAO,IAAP;AACd,QAAMC,MAAM,GAAI,QAAOP,eAAe,CAACK,IAAD,CAAO,EAA7C;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEJ;AAAhB,kBACE,oBAAC,cAAD;AAAgB,IAAA,QAAQ,EAAEG,QAA1B;AAAoC,IAAA,OAAO,EAAEE,OAA7C;AAAsD,IAAA,MAAM,EAAEC;AAA9D,IADF,CADF;AAKD,CAXD;;AAaAL,eAAe,CAACM,SAAhB,GAA4B;AAC1BL,EAAAA,GAAG,EAAEN,SAAS,CAACY,MAAV,CAAiBC,UADI;AAE1BN,EAAAA,QAAQ,EAAEP,SAAS,CAACc,IAFM;AAG1BN,EAAAA,IAAI,EAAER,SAAS,CAACc;AAHU,CAA5B;AAMAT,eAAe,CAACU,YAAhB,GAA+B;AAC7BR,EAAAA,QAAQ,EAAE,KADmB;AAE7BC,EAAAA,IAAI,EAAE;AAFuB,CAA/B;AAKA,eAAeH,eAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport YoutubeEmbeded from './YoutubeEmbeded';\nimport { getYouTubeID, booleanToNumber } from './helpers';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\n\nconst YouTubeProvider = ({ url, autoplay, loop }) => {\n  const videoId = getYouTubeID(url);\n\n  if (!videoId) return null;\n  const params = `loop=${booleanToNumber(loop)}`;\n\n  return (\n    <div className={VIDEO_WRAPPER_CLASS_NAME}>\n      <YoutubeEmbeded autoplay={autoplay} videoId={videoId} params={params} />\n    </div>\n  );\n};\n\nYouTubeProvider.propTypes = {\n  url: PropTypes.string.isRequired,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool\n};\n\nYouTubeProvider.defaultProps = {\n  autoplay: false,\n  loop: false\n};\n\nexport default YouTubeProvider;\n"],"file":"YouTubeProvider.js"}
+{"version":3,"sources":["../../../../../src/components/Video/providers/YouTube/YouTubeProvider.js"],"names":["React","PropTypes","YoutubeEmbeded","getYouTubeID","booleanToNumber","VIDEO_WRAPPER_CLASS_NAME","YouTubeProvider","url","autoplay","loop","placeholderOnly","imageData","videoId","params","propTypes","string","isRequired","bool","object","defaultProps"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AACA,OAAOC,cAAP,MAA2B,kBAA3B;AACA,SAASC,YAAT,EAAuBC,eAAvB,QAA8C,WAA9C;AACA,SAASC,wBAAT,QAAyC,uBAAzC;;AAEA,MAAMC,eAAe,GAAG,CAAC;AAAEC,EAAAA,GAAF;AAAOC,EAAAA,QAAP;AAAiBC,EAAAA,IAAjB;AAAuBC,EAAAA,eAAvB;AAAwCC,EAAAA;AAAxC,CAAD,KAAyD;AAC/E,QAAMC,OAAO,GAAGT,YAAY,CAACI,GAAD,CAA5B;AAEA,MAAI,CAACK,OAAL,EAAc,OAAO,IAAP;AACd,QAAMC,MAAM,GAAI,QAAOT,eAAe,CAACK,IAAD,CAAO,EAA7C;AAEA,sBACE;AAAK,IAAA,SAAS,EAAEJ;AAAhB,kBACE,oBAAC,cAAD;AACE,IAAA,QAAQ,EAAEG,QADZ;AAEE,IAAA,OAAO,EAAEI,OAFX;AAGE,IAAA,MAAM,EAAEC,MAHV;AAIE,IAAA,eAAe,EAAEH,eAJnB;AAKE,IAAA,SAAS,EAAEC;AALb,IADF,CADF;AAWD,CAjBD;;AAmBAL,eAAe,CAACQ,SAAhB,GAA4B;AAC1BP,EAAAA,GAAG,EAAEN,SAAS,CAACc,MAAV,CAAiBC,UADI;AAE1BR,EAAAA,QAAQ,EAAEP,SAAS,CAACgB,IAFM;AAG1BR,EAAAA,IAAI,EAAER,SAAS,CAACgB,IAHU;AAI1BP,EAAAA,eAAe,EAAET,SAAS,CAACgB,IAJD;AAK1BN,EAAAA,SAAS,EAAEV,SAAS,CAACiB;AALK,CAA5B;AAQAZ,eAAe,CAACa,YAAhB,GAA+B;AAC7BX,EAAAA,QAAQ,EAAE,KADmB;AAE7BC,EAAAA,IAAI,EAAE,KAFuB;AAG7BC,EAAAA,eAAe,EAAE,KAHY;AAI7BC,EAAAA,SAAS,EAAE;AAJkB,CAA/B;AAOA,eAAeL,eAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport YoutubeEmbeded from './YoutubeEmbeded';\nimport { getYouTubeID, booleanToNumber } from './helpers';\nimport { VIDEO_WRAPPER_CLASS_NAME } from '../../../../constants';\n\nconst YouTubeProvider = ({ url, autoplay, loop, placeholderOnly, imageData }) => {\n  const videoId = getYouTubeID(url);\n\n  if (!videoId) return null;\n  const params = `loop=${booleanToNumber(loop)}`;\n\n  return (\n    <div className={VIDEO_WRAPPER_CLASS_NAME}>\n      <YoutubeEmbeded\n        autoplay={autoplay}\n        videoId={videoId}\n        params={params}\n        placeholderOnly={placeholderOnly}\n        imageData={imageData}\n      />\n    </div>\n  );\n};\n\nYouTubeProvider.propTypes = {\n  url: PropTypes.string.isRequired,\n  autoplay: PropTypes.bool,\n  loop: PropTypes.bool,\n  placeholderOnly: PropTypes.bool,\n  imageData: PropTypes.object\n};\n\nYouTubeProvider.defaultProps = {\n  autoplay: false,\n  loop: false,\n  placeholderOnly: false,\n  imageData: {}\n};\n\nexport default YouTubeProvider;\n"],"file":"YouTubeProvider.js"}

package/lib-es/components/Video/providers/YouTube/YoutubeEmbeded.js

@@ -2,8 +2,7 @@ import React, { useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { useInView } from '@blaze-react/utils/lib/customHooks';
 import { IN_VIEW_CONFIG } from '../../../../constants';
-const YT_HQ_FORMAT = 'hqdefault';
-const YT_IMAGE_URL = 'https://i.ytimg.com';
+import { getPosterUrl, YT_HQ_FORMAT, YT_IMAGE_URL } from './helpers';
 
 const YoutubeEmbeded = ({
   autoplay,
@@ -20,7 +19,9 @@ const YoutubeEmbeded = ({
   muted,
   adNetwork,
   iframeClass,
-  priority
+  priority,
+  placeholderOnly,
+  imageData
 }) => {
   const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);
   const [preconnected, setPreconnected] = useState(false);
@@ -33,12 +34,16 @@ const YoutubeEmbeded = ({
     displayImage: priority
   });
   const encodedId = encodeURIComponent(videoId);
-  const videoPlaylisCovertId = typeof playlistCoverId === 'string' ? encodeURIComponent(playlistCoverId) : null;
   const paramsImp = videoParams ? `&${videoParams}` : '';
-  const format = webp ? 'webp' : 'jpg';
-  const vi = webp ? 'vi_webp' : 'vi';
-  const posterUrl = !playlist ? `${YT_IMAGE_URL}/${vi}/${encodedId}/${imageSize}.${format}` : `${YT_IMAGE_URL}/${vi}/${videoPlaylisCovertId}/${imageSize}.${format}`;
   const ytUrl = noCookie ? 'https://www.youtube-nocookie.com' : 'https://www.youtube.com';
+  const posterUrl = getPosterUrl({
+    imageData,
+    playlistCoverId,
+    playlist,
+    encodedId,
+    imageSize,
+    webp
+  });
   const mutedValue = muted ? '&mute=1' : '';
   const iframeSrc = !playlist ? `${ytUrl}/embed/${encodedId}?autoplay=1${mutedValue}${paramsImp}` : `${ytUrl}/embed/videoseries?autoplay=1${mutedValue}&list=${encodedId}${paramsImp}`;
   const parsedWrapperClassname = `yt-facade ${renderIframe ? 'yt-activated' : ''}`;
@@ -64,7 +69,7 @@ const YoutubeEmbeded = ({
   };
 
   const addIframe = () => {
-    if (renderIframe) return;
+    if (renderIframe || placeholderOnly) return;
     onIframeAdded();
     setRenderIframe(true);
   };
@@ -124,7 +129,9 @@ YoutubeEmbeded.propTypes = {
   announce: PropTypes.string,
   playlistCoverId: PropTypes.string,
   videoParams: PropTypes.string,
-  videoTitle: PropTypes.string
+  videoTitle: PropTypes.string,
+  placeholderOnly: PropTypes.bool,
+  imageData: PropTypes.object
 };
 YoutubeEmbeded.defaultProps = {
   priority: true,
@@ -141,7 +148,9 @@ YoutubeEmbeded.defaultProps = {
   videoId: '',
   playlistCoverId: '',
   videoParams: '',
-  videoTitle: ''
+  videoTitle: '',
+  placeholderOnly: false,
+  imageData: {}
 };
 export default YoutubeEmbeded;
 //# sourceMappingURL=YoutubeEmbeded.js.map

package/lib-es/components/Video/providers/YouTube/YoutubeEmbeded.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/components/Video/providers/YouTube/YoutubeEmbeded.js"],"names":["React","useState","useEffect","PropTypes","useInView","IN_VIEW_CONFIG","YT_HQ_FORMAT","YT_IMAGE_URL","YoutubeEmbeded","autoplay","videoId","playlistCoverId","videoTitle","poster","videoParams","announce","noCookie","webp","playlist","onIframeAdded","muted","adNetwork","iframeClass","priority","isIntersecting","outerRef","preconnected","setPreconnected","renderIframe","setRenderIframe","imageSize","displayImage","setImageDetails","encodedId","encodeURIComponent","videoPlaylisCovertId","paramsImp","format","vi","posterUrl","ytUrl","mutedValue","iframeSrc","parsedWrapperClassname","img","Image","onload","newImageSize","width","src","warmConnections","addIframe","backgroundImage","propTypes","bool","func","string","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { IN_VIEW_CONFIG } from '../../../../constants';\n\nconst YT_HQ_FORMAT = 'hqdefault';\nconst YT_IMAGE_URL = 'https://i.ytimg.com';\n\nconst YoutubeEmbeded = ({\n  autoplay,\n  videoId,\n  playlistCoverId,\n  videoTitle,\n  poster,\n  videoParams,\n  announce,\n  noCookie,\n  webp,\n  playlist,\n  onIframeAdded,\n  muted,\n  adNetwork,\n  iframeClass,\n  priority\n}) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n  const [preconnected, setPreconnected] = useState(false);\n  const [renderIframe, setRenderIframe] = useState(!!autoplay);\n  const [{ imageSize, displayImage }, setImageDetails] = useState({\n    imageSize: poster,\n    displayImage: priority\n  });\n\n  const encodedId = encodeURIComponent(videoId);\n  const videoPlaylisCovertId =\n    typeof playlistCoverId === 'string' ? encodeURIComponent(playlistCoverId) : null;\n  const paramsImp = videoParams ? `&${videoParams}` : '';\n  const format = webp ? 'webp' : 'jpg';\n  const vi = webp ? 'vi_webp' : 'vi';\n  const posterUrl = !playlist\n    ? `${YT_IMAGE_URL}/${vi}/${encodedId}/${imageSize}.${format}`\n    : `${YT_IMAGE_URL}/${vi}/${videoPlaylisCovertId}/${imageSize}.${format}`;\n  const ytUrl = noCookie ? 'https://www.youtube-nocookie.com' : 'https://www.youtube.com';\n\n  const mutedValue = muted ? '&mute=1' : '';\n  const iframeSrc = !playlist\n    ? `${ytUrl}/embed/${encodedId}?autoplay=1${mutedValue}${paramsImp}`\n    : `${ytUrl}/embed/videoseries?autoplay=1${mutedValue}&list=${encodedId}${paramsImp}`;\n  const parsedWrapperClassname = `yt-facade ${renderIframe ? 'yt-activated' : ''}`;\n\n  useEffect(\n    () => {\n      if ((!priority && !isIntersecting) || imageSize === YT_HQ_FORMAT) return;\n\n      const img = new Image();\n      // eslint-disable-next-line func-names\n      img.onload = function() {\n        let newImageSize = imageSize;\n        if (this && this.width === 120) newImageSize = YT_HQ_FORMAT;\n        setImageDetails({ imageSize: newImageSize, displayImage: true });\n      };\n\n      img.src = posterUrl;\n    },\n    [imageSize, isIntersecting, posterUrl, priority]\n  );\n\n  const warmConnections = () => {\n    if (preconnected) return;\n    setPreconnected(true);\n  };\n\n  const addIframe = () => {\n    if (renderIframe) return;\n    onIframeAdded();\n    setRenderIframe(true);\n  };\n\n  return (\n    <>\n      {preconnected && (\n        <>\n          <link rel=\"preconnect\" href={YT_IMAGE_URL} />\n          <link rel=\"preconnect\" href={ytUrl} />\n          <link rel=\"preconnect\" href=\"https://www.google.com\" />\n          {adNetwork && (\n            <>\n              <link rel=\"preconnect\" href=\"https://static.doubleclick.net\" />\n              <link rel=\"preconnect\" href=\"https://googleads.g.doubleclick.net\" />\n            </>\n          )}\n        </>\n      )}\n      <div\n        ref={outerRef}\n        role=\"button\"\n        onPointerOver={warmConnections}\n        onClick={addIframe}\n        className={parsedWrapperClassname}\n        data-title={videoTitle}\n        style={{\n          backgroundImage: `url(${displayImage ? posterUrl : ''})`\n        }}>\n        <div\n          type=\"button\"\n          className=\"yt-facade-button-wrapper\"\n          aria-label={`${announce} ${videoTitle}`}>\n          <div className=\"yt-facade-button\" />\n        </div>\n        {renderIframe && (\n          <iframe\n            className={iframeClass}\n            title={videoTitle}\n            allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n            allowFullScreen\n            src={iframeSrc}\n          />\n        )}\n      </div>\n    </>\n  );\n};\n\nYoutubeEmbeded.propTypes = {\n  priority: PropTypes.bool,\n  onIframeAdded: PropTypes.func,\n  adNetwork: PropTypes.bool,\n  autoplay: PropTypes.bool,\n  playlist: PropTypes.bool,\n  muted: PropTypes.bool,\n  webp: PropTypes.bool,\n  noCookie: PropTypes.bool,\n  videoId: PropTypes.string,\n  iframeClass: PropTypes.string,\n  poster: PropTypes.string,\n  announce: PropTypes.string,\n  playlistCoverId: PropTypes.string,\n  videoParams: PropTypes.string,\n  videoTitle: PropTypes.string\n};\n\nYoutubeEmbeded.defaultProps = {\n  priority: true,\n  onIframeAdded: () => {},\n  adNetwork: false,\n  autoplay: false,\n  playlist: false,\n  muted: false,\n  webp: false,\n  noCookie: false,\n  iframeClass: '',\n  poster: 'sddefault',\n  announce: 'Watch',\n  videoId: '',\n  playlistCoverId: '',\n  videoParams: '',\n  videoTitle: ''\n};\n\nexport default YoutubeEmbeded;\n"],"file":"YoutubeEmbeded.js"}
+{"version":3,"sources":["../../../../../src/components/Video/providers/YouTube/YoutubeEmbeded.js"],"names":["React","useState","useEffect","PropTypes","useInView","IN_VIEW_CONFIG","getPosterUrl","YT_HQ_FORMAT","YT_IMAGE_URL","YoutubeEmbeded","autoplay","videoId","playlistCoverId","videoTitle","poster","videoParams","announce","noCookie","webp","playlist","onIframeAdded","muted","adNetwork","iframeClass","priority","placeholderOnly","imageData","isIntersecting","outerRef","preconnected","setPreconnected","renderIframe","setRenderIframe","imageSize","displayImage","setImageDetails","encodedId","encodeURIComponent","paramsImp","ytUrl","posterUrl","mutedValue","iframeSrc","parsedWrapperClassname","img","Image","onload","newImageSize","width","src","warmConnections","addIframe","backgroundImage","propTypes","bool","func","string","object","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { useInView } from '@blaze-react/utils/lib/customHooks';\nimport { IN_VIEW_CONFIG } from '../../../../constants';\nimport { getPosterUrl, YT_HQ_FORMAT, YT_IMAGE_URL } from './helpers';\n\nconst YoutubeEmbeded = ({\n  autoplay,\n  videoId,\n  playlistCoverId,\n  videoTitle,\n  poster,\n  videoParams,\n  announce,\n  noCookie,\n  webp,\n  playlist,\n  onIframeAdded,\n  muted,\n  adNetwork,\n  iframeClass,\n  priority,\n  placeholderOnly,\n  imageData\n}) => {\n  const [isIntersecting, outerRef] = useInView(IN_VIEW_CONFIG);\n  const [preconnected, setPreconnected] = useState(false);\n  const [renderIframe, setRenderIframe] = useState(!!autoplay);\n  const [{ imageSize, displayImage }, setImageDetails] = useState({\n    imageSize: poster,\n    displayImage: priority\n  });\n\n  const encodedId = encodeURIComponent(videoId);\n  const paramsImp = videoParams ? `&${videoParams}` : '';\n  const ytUrl = noCookie ? 'https://www.youtube-nocookie.com' : 'https://www.youtube.com';\n  const posterUrl = getPosterUrl({\n    imageData,\n    playlistCoverId,\n    playlist,\n    encodedId,\n    imageSize,\n    webp\n  });\n  const mutedValue = muted ? '&mute=1' : '';\n  const iframeSrc = !playlist\n    ? `${ytUrl}/embed/${encodedId}?autoplay=1${mutedValue}${paramsImp}`\n    : `${ytUrl}/embed/videoseries?autoplay=1${mutedValue}&list=${encodedId}${paramsImp}`;\n  const parsedWrapperClassname = `yt-facade ${renderIframe ? 'yt-activated' : ''}`;\n\n  useEffect(\n    () => {\n      if ((!priority && !isIntersecting) || imageSize === YT_HQ_FORMAT) return;\n\n      const img = new Image();\n      // eslint-disable-next-line func-names\n      img.onload = function() {\n        let newImageSize = imageSize;\n        if (this && this.width === 120) newImageSize = YT_HQ_FORMAT;\n        setImageDetails({ imageSize: newImageSize, displayImage: true });\n      };\n\n      img.src = posterUrl;\n    },\n    [imageSize, isIntersecting, posterUrl, priority]\n  );\n\n  const warmConnections = () => {\n    if (preconnected) return;\n    setPreconnected(true);\n  };\n\n  const addIframe = () => {\n    if (renderIframe || placeholderOnly) return;\n    onIframeAdded();\n    setRenderIframe(true);\n  };\n\n  return (\n    <>\n      {preconnected && (\n        <>\n          <link rel=\"preconnect\" href={YT_IMAGE_URL} />\n          <link rel=\"preconnect\" href={ytUrl} />\n          <link rel=\"preconnect\" href=\"https://www.google.com\" />\n          {adNetwork && (\n            <>\n              <link rel=\"preconnect\" href=\"https://static.doubleclick.net\" />\n              <link rel=\"preconnect\" href=\"https://googleads.g.doubleclick.net\" />\n            </>\n          )}\n        </>\n      )}\n      <div\n        ref={outerRef}\n        role=\"button\"\n        onPointerOver={warmConnections}\n        onClick={addIframe}\n        className={parsedWrapperClassname}\n        data-title={videoTitle}\n        style={{\n          backgroundImage: `url(${displayImage ? posterUrl : ''})`\n        }}>\n        <div\n          type=\"button\"\n          className=\"yt-facade-button-wrapper\"\n          aria-label={`${announce} ${videoTitle}`}>\n          <div className=\"yt-facade-button\" />\n        </div>\n        {renderIframe && (\n          <iframe\n            className={iframeClass}\n            title={videoTitle}\n            allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n            allowFullScreen\n            src={iframeSrc}\n          />\n        )}\n      </div>\n    </>\n  );\n};\n\nYoutubeEmbeded.propTypes = {\n  priority: PropTypes.bool,\n  onIframeAdded: PropTypes.func,\n  adNetwork: PropTypes.bool,\n  autoplay: PropTypes.bool,\n  playlist: PropTypes.bool,\n  muted: PropTypes.bool,\n  webp: PropTypes.bool,\n  noCookie: PropTypes.bool,\n  videoId: PropTypes.string,\n  iframeClass: PropTypes.string,\n  poster: PropTypes.string,\n  announce: PropTypes.string,\n  playlistCoverId: PropTypes.string,\n  videoParams: PropTypes.string,\n  videoTitle: PropTypes.string,\n  placeholderOnly: PropTypes.bool,\n  imageData: PropTypes.object\n};\n\nYoutubeEmbeded.defaultProps = {\n  priority: true,\n  onIframeAdded: () => {},\n  adNetwork: false,\n  autoplay: false,\n  playlist: false,\n  muted: false,\n  webp: false,\n  noCookie: false,\n  iframeClass: '',\n  poster: 'sddefault',\n  announce: 'Watch',\n  videoId: '',\n  playlistCoverId: '',\n  videoParams: '',\n  videoTitle: '',\n  placeholderOnly: false,\n  imageData: {}\n};\n\nexport default YoutubeEmbeded;\n"],"file":"YoutubeEmbeded.js"}

package/lib-es/components/Video/providers/YouTube/helpers/index.js

@@ -1,4 +1,6 @@
 const YOUTUBE_REGEX = /^.*((m\.)?youtu\.be\/|vi?\/|u\/\w\/|embed\/|\?vi?=|\&vi?=)([^#\&\?]*).*/;
+const YT_IMAGE_URL = 'https://i.ytimg.com';
+const YT_HQ_FORMAT = 'hqdefault';
 
 function getYouTubeID(uri) {
   const [,,, videoId] = uri.match(YOUTUBE_REGEX) || [];
@@ -9,5 +11,20 @@ function booleanToNumber(flag) {
   return flag ? 1 : 0;
 }
 
-export { getYouTubeID, booleanToNumber };
+const getPosterUrl = ({
+  imageData,
+  playlistCoverId,
+  playlist,
+  encodedId,
+  imageSize,
+  webp
+}) => {
+  if (imageData && imageData.url) return imageData.url;
+  const videoPlaylisCovertId = typeof playlistCoverId === 'string' ? encodeURIComponent(playlistCoverId) : null;
+  const format = webp ? 'webp' : 'jpg';
+  const vi = webp ? 'vi_webp' : 'vi';
+  return !playlist ? `${YT_IMAGE_URL}/${vi}/${encodedId}/${imageSize}.${format}` : `${YT_IMAGE_URL}/${vi}/${videoPlaylisCovertId}/${imageSize}.${format}`;
+};
+
+export { getYouTubeID, booleanToNumber, getPosterUrl, YT_IMAGE_URL, YT_HQ_FORMAT };
 //# sourceMappingURL=index.js.map

package/lib-es/components/Video/providers/YouTube/helpers/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/components/Video/providers/YouTube/helpers/index.js"],"names":["YOUTUBE_REGEX","getYouTubeID","uri","videoId","match","booleanToNumber","flag"],"mappings":"AAAA,MAAMA,aAAa,GAAG,yEAAtB;;AAEA,SAASC,YAAT,CAAsBC,GAAtB,EAA2B;AACzB,QAAM,KAAOC,OAAP,IAAkBD,GAAG,CAACE,KAAJ,CAAUJ,aAAV,KAA4B,EAApD;AACA,SAAOG,OAAP;AACD;;AAED,SAASE,eAAT,CAAyBC,IAAzB,EAA+B;AAC7B,SAAOA,IAAI,GAAG,CAAH,GAAO,CAAlB;AACD;;AAED,SAASL,YAAT,EAAuBI,eAAvB","sourcesContent":["const YOUTUBE_REGEX = /^.*((m\\.)?youtu\\.be\\/|vi?\\/|u\\/\\w\\/|embed\\/|\\?vi?=|\\&vi?=)([^#\\&\\?]*).*/;\n\nfunction getYouTubeID(uri) {\n  const [, , , videoId] = uri.match(YOUTUBE_REGEX) || [];\n  return videoId;\n}\n\nfunction booleanToNumber(flag) {\n  return flag ? 1 : 0;\n}\n\nexport { getYouTubeID, booleanToNumber };\n"],"file":"index.js"}
+{"version":3,"sources":["../../../../../../src/components/Video/providers/YouTube/helpers/index.js"],"names":["YOUTUBE_REGEX","YT_IMAGE_URL","YT_HQ_FORMAT","getYouTubeID","uri","videoId","match","booleanToNumber","flag","getPosterUrl","imageData","playlistCoverId","playlist","encodedId","imageSize","webp","url","videoPlaylisCovertId","encodeURIComponent","format","vi"],"mappings":"AAAA,MAAMA,aAAa,GAAG,yEAAtB;AACA,MAAMC,YAAY,GAAG,qBAArB;AACA,MAAMC,YAAY,GAAG,WAArB;;AAEA,SAASC,YAAT,CAAsBC,GAAtB,EAA2B;AACzB,QAAM,KAAOC,OAAP,IAAkBD,GAAG,CAACE,KAAJ,CAAUN,aAAV,KAA4B,EAApD;AACA,SAAOK,OAAP;AACD;;AAED,SAASE,eAAT,CAAyBC,IAAzB,EAA+B;AAC7B,SAAOA,IAAI,GAAG,CAAH,GAAO,CAAlB;AACD;;AAED,MAAMC,YAAY,GAAG,CAAC;AAAEC,EAAAA,SAAF;AAAaC,EAAAA,eAAb;AAA8BC,EAAAA,QAA9B;AAAwCC,EAAAA,SAAxC;AAAmDC,EAAAA,SAAnD;AAA8DC,EAAAA;AAA9D,CAAD,KAA0E;AAC7F,MAAIL,SAAS,IAAIA,SAAS,CAACM,GAA3B,EAAgC,OAAON,SAAS,CAACM,GAAjB;AAChC,QAAMC,oBAAoB,GACxB,OAAON,eAAP,KAA2B,QAA3B,GAAsCO,kBAAkB,CAACP,eAAD,CAAxD,GAA4E,IAD9E;AAGA,QAAMQ,MAAM,GAAGJ,IAAI,GAAG,MAAH,GAAY,KAA/B;AACA,QAAMK,EAAE,GAAGL,IAAI,GAAG,SAAH,GAAe,IAA9B;AACA,SAAO,CAACH,QAAD,GACF,GAAEX,YAAa,IAAGmB,EAAG,IAAGP,SAAU,IAAGC,SAAU,IAAGK,MAAO,EADvD,GAEF,GAAElB,YAAa,IAAGmB,EAAG,IAAGH,oBAAqB,IAAGH,SAAU,IAAGK,MAAO,EAFzE;AAGD,CAVD;;AAYA,SAAShB,YAAT,EAAuBI,eAAvB,EAAwCE,YAAxC,EAAsDR,YAAtD,EAAoEC,YAApE","sourcesContent":["const YOUTUBE_REGEX = /^.*((m\\.)?youtu\\.be\\/|vi?\\/|u\\/\\w\\/|embed\\/|\\?vi?=|\\&vi?=)([^#\\&\\?]*).*/;\nconst YT_IMAGE_URL = 'https://i.ytimg.com';\nconst YT_HQ_FORMAT = 'hqdefault';\n\nfunction getYouTubeID(uri) {\n  const [, , , videoId] = uri.match(YOUTUBE_REGEX) || [];\n  return videoId;\n}\n\nfunction booleanToNumber(flag) {\n  return flag ? 1 : 0;\n}\n\nconst getPosterUrl = ({ imageData, playlistCoverId, playlist, encodedId, imageSize, webp }) => {\n  if (imageData && imageData.url) return imageData.url;\n  const videoPlaylisCovertId =\n    typeof playlistCoverId === 'string' ? encodeURIComponent(playlistCoverId) : null;\n\n  const format = webp ? 'webp' : 'jpg';\n  const vi = webp ? 'vi_webp' : 'vi';\n  return !playlist\n    ? `${YT_IMAGE_URL}/${vi}/${encodedId}/${imageSize}.${format}`\n    : `${YT_IMAGE_URL}/${vi}/${videoPlaylisCovertId}/${imageSize}.${format}`;\n};\n\nexport { getYouTubeID, booleanToNumber, getPosterUrl, YT_IMAGE_URL, YT_HQ_FORMAT };\n"],"file":"index.js"}

package/lib-es/components/Wrapper.js

@@ -1,18 +1,24 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+const _excluded = ["children", "className", "modifiers", "style", "tagType"];
 import React from 'react';
 import PropTypes from 'prop-types';
-const Wrapper = React.forwardRef(({
-  children,
-  className,
-  modifiers,
-  style,
-  tagType
-}, ref) => {
+const Wrapper = React.forwardRef((_ref, ref) => {
+  let {
+    children,
+    className,
+    modifiers,
+    style,
+    tagType
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded);
+
   const TagType = !tagType || tagType === 'Default' ? 'div' : tagType;
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children && /*#__PURE__*/React.createElement(TagType, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, children && /*#__PURE__*/React.createElement(TagType, _extends({
     ref: ref,
     className: `${className} ${modifiers}`,
     style: style
-  }, children));
+  }, props), children));
 });
 Wrapper.propTypes = {
   children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,

package/lib-es/components/Wrapper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/Wrapper.js"],"names":["React","PropTypes","Wrapper","forwardRef","children","className","modifiers","style","tagType","ref","TagType","propTypes","oneOfType","arrayOf","node","isRequired","string","object","defaultProps"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,MAAMC,OAAO,GAAGF,KAAK,CAACG,UAAN,CAAiB,CAAC;AAAEC,EAAAA,QAAF;AAAYC,EAAAA,SAAZ;AAAuBC,EAAAA,SAAvB;AAAkCC,EAAAA,KAAlC;AAAyCC,EAAAA;AAAzC,CAAD,EAAqDC,GAArD,KAA6D;AAC5F,QAAMC,OAAO,GAAG,CAACF,OAAD,IAAYA,OAAO,KAAK,SAAxB,GAAoC,KAApC,GAA4CA,OAA5D;AACA,sBACE,0CACGJ,QAAQ,iBACP,oBAAC,OAAD;AAAS,IAAA,GAAG,EAAEK,GAAd;AAAmB,IAAA,SAAS,EAAG,GAAEJ,SAAU,IAAGC,SAAU,EAAxD;AAA2D,IAAA,KAAK,EAAEC;AAAlE,KACGH,QADH,CAFJ,CADF;AASD,CAXe,CAAhB;AAaAF,OAAO,CAACS,SAAR,GAAoB;AAClBP,EAAAA,QAAQ,EAAEH,SAAS,CAACW,SAAV,CAAoB,CAACX,SAAS,CAACY,OAAV,CAAkBZ,SAAS,CAACa,IAA5B,CAAD,EAAoCb,SAAS,CAACa,IAA9C,CAApB,EAAyEC,UADjE;AAElBV,EAAAA,SAAS,EAAEJ,SAAS,CAACe,MAFH;AAGlBV,EAAAA,SAAS,EAAEL,SAAS,CAACe,MAHH;AAIlBT,EAAAA,KAAK,EAAEN,SAAS,CAACgB,MAJC;AAKlBT,EAAAA,OAAO,EAAEP,SAAS,CAACe;AALD,CAApB;AAQAd,OAAO,CAACgB,YAAR,GAAuB;AACrBb,EAAAA,SAAS,EAAE,EADU;AAErBC,EAAAA,SAAS,EAAE,EAFU;AAGrBC,EAAAA,KAAK,EAAE,EAHc;AAIrBC,EAAAA,OAAO,EAAE;AAJY,CAAvB;AAOA,eAAeN,OAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Wrapper = React.forwardRef(({ children, className, modifiers, style, tagType }, ref) => {\n  const TagType = !tagType || tagType === 'Default' ? 'div' : tagType;\n  return (\n    <>\n      {children && (\n        <TagType ref={ref} className={`${className} ${modifiers}`} style={style}>\n          {children}\n        </TagType>\n      )}\n    </>\n  );\n});\n\nWrapper.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  className: PropTypes.string,\n  modifiers: PropTypes.string,\n  style: PropTypes.object,\n  tagType: PropTypes.string\n};\n\nWrapper.defaultProps = {\n  className: '',\n  modifiers: '',\n  style: {},\n  tagType: ''\n};\n\nexport default Wrapper;\n"],"file":"Wrapper.js"}
+{"version":3,"sources":["../../src/components/Wrapper.js"],"names":["React","PropTypes","Wrapper","forwardRef","ref","children","className","modifiers","style","tagType","props","TagType","propTypes","oneOfType","arrayOf","node","isRequired","string","object","defaultProps"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,SAAP,MAAsB,YAAtB;AAEA,MAAMC,OAAO,GAAGF,KAAK,CAACG,UAAN,CACd,OAA+DC,GAA/D,KAAuE;AAAA,MAAtE;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,SAAZ;AAAuBC,IAAAA,SAAvB;AAAkCC,IAAAA,KAAlC;AAAyCC,IAAAA;AAAzC,GAAsE;AAAA,MAAjBC,KAAiB;;AACrE,QAAMC,OAAO,GAAG,CAACF,OAAD,IAAYA,OAAO,KAAK,SAAxB,GAAoC,KAApC,GAA4CA,OAA5D;AACA,sBACE,0CACGJ,QAAQ,iBACP,oBAAC,OAAD;AAAS,IAAA,GAAG,EAAED,GAAd;AAAmB,IAAA,SAAS,EAAG,GAAEE,SAAU,IAAGC,SAAU,EAAxD;AAA2D,IAAA,KAAK,EAAEC;AAAlE,KAA6EE,KAA7E,GACGL,QADH,CAFJ,CADF;AASD,CAZa,CAAhB;AAeAH,OAAO,CAACU,SAAR,GAAoB;AAClBP,EAAAA,QAAQ,EAAEJ,SAAS,CAACY,SAAV,CAAoB,CAACZ,SAAS,CAACa,OAAV,CAAkBb,SAAS,CAACc,IAA5B,CAAD,EAAoCd,SAAS,CAACc,IAA9C,CAApB,EAAyEC,UADjE;AAElBV,EAAAA,SAAS,EAAEL,SAAS,CAACgB,MAFH;AAGlBV,EAAAA,SAAS,EAAEN,SAAS,CAACgB,MAHH;AAIlBT,EAAAA,KAAK,EAAEP,SAAS,CAACiB,MAJC;AAKlBT,EAAAA,OAAO,EAAER,SAAS,CAACgB;AALD,CAApB;AAQAf,OAAO,CAACiB,YAAR,GAAuB;AACrBb,EAAAA,SAAS,EAAE,EADU;AAErBC,EAAAA,SAAS,EAAE,EAFU;AAGrBC,EAAAA,KAAK,EAAE,EAHc;AAIrBC,EAAAA,OAAO,EAAE;AAJY,CAAvB;AAOA,eAAeP,OAAf","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Wrapper = React.forwardRef(\n  ({ children, className, modifiers, style, tagType, ...props }, ref) => {\n    const TagType = !tagType || tagType === 'Default' ? 'div' : tagType;\n    return (\n      <>\n        {children && (\n          <TagType ref={ref} className={`${className} ${modifiers}`} style={style} {...props}>\n            {children}\n          </TagType>\n        )}\n      </>\n    );\n  }\n);\n\nWrapper.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired,\n  className: PropTypes.string,\n  modifiers: PropTypes.string,\n  style: PropTypes.object,\n  tagType: PropTypes.string\n};\n\nWrapper.defaultProps = {\n  className: '',\n  modifiers: '',\n  style: {},\n  tagType: ''\n};\n\nexport default Wrapper;\n"],"file":"Wrapper.js"}

package/lib-es/components/index.js

@@ -76,6 +76,9 @@ export default {
   './PasswordResetRequest')),
   breadcrumb: dynamic(() => import(
   /* webpackChunkName: "blazePbBreadcrumb" */
-  './Breadcrumb'))
+  './Breadcrumb')),
+  backtotop: dynamic(() => import(
+  /* webpackChunkName: "blazePbBackToTop" */
+  './BackToTop'))
 };
 //# sourceMappingURL=index.js.map

package/lib-es/components/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/index.js"],"names":["dynamic","Banner","banner","button","card","carousel","column","datasummary","image","row","list","socialfollow","textblock","video","wrapper","searchcontent","searchfilter","searchfiltersort","modal","code","login","menu","menuitem","submenu","emailconfirm","passwordreset","passwordresetrequest","breadcrumb"],"mappings":"AAAA,OAAOA,OAAP,MAAoB,cAApB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,eAAe;AACbC,EAAAA,MAAM,EAAED,MADK;AAEbE,EAAAA,MAAM,EAAEH,OAAO,CAAC,MAAM;AAAO;AAAwC,YAA/C,CAAP,CAFF;AAGbI,EAAAA,IAAI,EAAEJ,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CAHA;AAIbK,EAAAA,QAAQ,EAAEL,OAAO,CAAC,MAAM;AAAO;AAA0C,cAAjD,CAAP,CAJJ;AAKbM,EAAAA,MAAM,EAAEN,OAAO,CAAC,MAAM;AAAO;AAAwC,YAA/C,CAAP,CALF;AAMbO,EAAAA,WAAW,EAAEP,OAAO,CAAC,MAAM;AAAO;AAA6C,iBAApD,CAAP,CANP;AAObQ,EAAAA,KAAK,EAAER,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CAPD;AAQbS,EAAAA,GAAG,EAAET,OAAO,CAAC,MAAM;AAAO;AAAwC,YAA/C,CAAP,CARC;AASbU,EAAAA,IAAI,EAAEV,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CATA;AAUbW,EAAAA,YAAY,EAAEX,OAAO,CAAC,MACpB;AAAO;AAA8C,kBAArD,CADmB,CAVR;AAabY,EAAAA,SAAS,EAAEZ,OAAO,CAAC,MAAM;AAAO;AAA2C,eAAlD,CAAP,CAbL;AAcba,EAAAA,KAAK,EAAEb,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CAdD;AAebc,EAAAA,OAAO,EAAEd,OAAO,CAAC,MAAM;AAAO;AAAyC,aAAhD,CAAP,CAfH;AAgBbe,EAAAA,aAAa,EAAEf,OAAO,CAAC,MACrB;AAAO;AAA8C,mBAArD,CADoB,CAhBT;AAmBbgB,EAAAA,YAAY,EAAEhB,OAAO,CAAC,MACpB;AAAO;AAA8C,kBAArD,CADmB,CAnBR;AAsBbiB,EAAAA,gBAAgB,EAAEjB,OAAO,CAAC,MACxB;AAAO;AAAiD,sBAAxD,CADuB,CAtBZ;AAyBbkB,EAAAA,KAAK,EAAElB,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CAzBD;AA0BbmB,EAAAA,IAAI,EAAEnB,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CA1BA;AA2BboB,EAAAA,KAAK,EAAEpB,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CA3BD;AA4BbqB,EAAAA,IAAI,EAAErB,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CA5BA;AA6BbsB,EAAAA,QAAQ,EAAEtB,OAAO,CAAC,MAAM;AAAO;AAA0C,cAAjD,CAAP,CA7BJ;AA8BbuB,EAAAA,OAAO,EAAEvB,OAAO,CAAC,MAAM;AAAO;AAAyC,aAAhD,CAAP,CA9BH;AA+BbwB,EAAAA,YAAY,EAAExB,OAAO,CAAC,MACpB;AAAO;AAA8C,kBAArD,CADmB,CA/BR;AAkCbyB,EAAAA,aAAa,EAAEzB,OAAO,CAAC,MACrB;AAAO;AAA+C,mBAAtD,CADoB,CAlCT;AAqCb0B,EAAAA,oBAAoB,EAAE1B,OAAO,CAAC,MAC5B;AAAO;AAAsD,0BAA7D,CAD2B,CArChB;AAwCb2B,EAAAA,UAAU,EAAE3B,OAAO,CAAC,MAAM;AAAO;AAA4C,gBAAnD,CAAP;AAxCN,CAAf","sourcesContent":["import dynamic from 'next/dynamic';\nimport Banner from './Banner';\n\nexport default {\n  banner: Banner,\n  button: dynamic(() => import(/* webpackChunkName: \"blazePbButton\" */ './Button')),\n  card: dynamic(() => import(/* webpackChunkName: \"blazePbCard\" */ './Card')),\n  carousel: dynamic(() => import(/* webpackChunkName: \"blazePbCarousel\" */ './Carousel')),\n  column: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  datasummary: dynamic(() => import(/* webpackChunkName: \"blazePbDataSummary\" */ './DataSummary')),\n  image: dynamic(() => import(/* webpackChunkName: \"blazePbImage\" */ './Image')),\n  row: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  list: dynamic(() => import(/* webpackChunkName: \"blazePbList\" */ './List')),\n  socialfollow: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSocialFollow\" */ './SocialFollow')\n  ),\n  textblock: dynamic(() => import(/* webpackChunkName: \"blazePbTextBlock\" */ './TextBlock')),\n  video: dynamic(() => import(/* webpackChunkName: \"blazePbVideo\" */ './Video')),\n  wrapper: dynamic(() => import(/* webpackChunkName: \"blazePbWrapper\" */ './Wrapper')),\n  searchcontent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchContent')\n  ),\n  searchfilter: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchFilter')\n  ),\n  searchfiltersort: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilteSort\" */ './SearchFilterSort')\n  ),\n  modal: dynamic(() => import(/* webpackChunkName: \"blazePbModal\" */ './Modal')),\n  code: dynamic(() => import(/* webpackChunkName: \"blazePbCode\" */ './Code')),\n  login: dynamic(() => import(/* webpackChunkName: \"blazePbLogin\" */ './Login')),\n  menu: dynamic(() => import(/* webpackChunkName: \"blazePbMenu\" */ './Menu')),\n  menuitem: dynamic(() => import(/* webpackChunkName: \"blazePbMenuItem\" */ './MenuItem')),\n  submenu: dynamic(() => import(/* webpackChunkName: \"blazePbSubMenu\" */ './SubMenu')),\n  emailconfirm: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbEmailConfirm\" */ './EmailConfirm')\n  ),\n  passwordreset: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordReset\" */ './PasswordReset')\n  ),\n  passwordresetrequest: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordResetRequest\" */ './PasswordResetRequest')\n  ),\n  breadcrumb: dynamic(() => import(/* webpackChunkName: \"blazePbBreadcrumb\" */ './Breadcrumb'))\n};\n"],"file":"index.js"}
+{"version":3,"sources":["../../src/components/index.js"],"names":["dynamic","Banner","banner","button","card","carousel","column","datasummary","image","row","list","socialfollow","textblock","video","wrapper","searchcontent","searchfilter","searchfiltersort","modal","code","login","menu","menuitem","submenu","emailconfirm","passwordreset","passwordresetrequest","breadcrumb","backtotop"],"mappings":"AAAA,OAAOA,OAAP,MAAoB,cAApB;AACA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,eAAe;AACbC,EAAAA,MAAM,EAAED,MADK;AAEbE,EAAAA,MAAM,EAAEH,OAAO,CAAC,MAAM;AAAO;AAAwC,YAA/C,CAAP,CAFF;AAGbI,EAAAA,IAAI,EAAEJ,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CAHA;AAIbK,EAAAA,QAAQ,EAAEL,OAAO,CAAC,MAAM;AAAO;AAA0C,cAAjD,CAAP,CAJJ;AAKbM,EAAAA,MAAM,EAAEN,OAAO,CAAC,MAAM;AAAO;AAAwC,YAA/C,CAAP,CALF;AAMbO,EAAAA,WAAW,EAAEP,OAAO,CAAC,MAAM;AAAO;AAA6C,iBAApD,CAAP,CANP;AAObQ,EAAAA,KAAK,EAAER,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CAPD;AAQbS,EAAAA,GAAG,EAAET,OAAO,CAAC,MAAM;AAAO;AAAwC,YAA/C,CAAP,CARC;AASbU,EAAAA,IAAI,EAAEV,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CATA;AAUbW,EAAAA,YAAY,EAAEX,OAAO,CAAC,MACpB;AAAO;AAA8C,kBAArD,CADmB,CAVR;AAabY,EAAAA,SAAS,EAAEZ,OAAO,CAAC,MAAM;AAAO;AAA2C,eAAlD,CAAP,CAbL;AAcba,EAAAA,KAAK,EAAEb,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CAdD;AAebc,EAAAA,OAAO,EAAEd,OAAO,CAAC,MAAM;AAAO;AAAyC,aAAhD,CAAP,CAfH;AAgBbe,EAAAA,aAAa,EAAEf,OAAO,CAAC,MACrB;AAAO;AAA8C,mBAArD,CADoB,CAhBT;AAmBbgB,EAAAA,YAAY,EAAEhB,OAAO,CAAC,MACpB;AAAO;AAA8C,kBAArD,CADmB,CAnBR;AAsBbiB,EAAAA,gBAAgB,EAAEjB,OAAO,CAAC,MACxB;AAAO;AAAiD,sBAAxD,CADuB,CAtBZ;AAyBbkB,EAAAA,KAAK,EAAElB,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CAzBD;AA0BbmB,EAAAA,IAAI,EAAEnB,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CA1BA;AA2BboB,EAAAA,KAAK,EAAEpB,OAAO,CAAC,MAAM;AAAO;AAAuC,WAA9C,CAAP,CA3BD;AA4BbqB,EAAAA,IAAI,EAAErB,OAAO,CAAC,MAAM;AAAO;AAAsC,UAA7C,CAAP,CA5BA;AA6BbsB,EAAAA,QAAQ,EAAEtB,OAAO,CAAC,MAAM;AAAO;AAA0C,cAAjD,CAAP,CA7BJ;AA8BbuB,EAAAA,OAAO,EAAEvB,OAAO,CAAC,MAAM;AAAO;AAAyC,aAAhD,CAAP,CA9BH;AA+BbwB,EAAAA,YAAY,EAAExB,OAAO,CAAC,MACpB;AAAO;AAA8C,kBAArD,CADmB,CA/BR;AAkCbyB,EAAAA,aAAa,EAAEzB,OAAO,CAAC,MACrB;AAAO;AAA+C,mBAAtD,CADoB,CAlCT;AAqCb0B,EAAAA,oBAAoB,EAAE1B,OAAO,CAAC,MAC5B;AAAO;AAAsD,0BAA7D,CAD2B,CArChB;AAwCb2B,EAAAA,UAAU,EAAE3B,OAAO,CAAC,MAAM;AAAO;AAA4C,gBAAnD,CAAP,CAxCN;AAyCb4B,EAAAA,SAAS,EAAE5B,OAAO,CAAC,MAAM;AAAO;AAA2C,eAAlD,CAAP;AAzCL,CAAf","sourcesContent":["import dynamic from 'next/dynamic';\nimport Banner from './Banner';\n\nexport default {\n  banner: Banner,\n  button: dynamic(() => import(/* webpackChunkName: \"blazePbButton\" */ './Button')),\n  card: dynamic(() => import(/* webpackChunkName: \"blazePbCard\" */ './Card')),\n  carousel: dynamic(() => import(/* webpackChunkName: \"blazePbCarousel\" */ './Carousel')),\n  column: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  datasummary: dynamic(() => import(/* webpackChunkName: \"blazePbDataSummary\" */ './DataSummary')),\n  image: dynamic(() => import(/* webpackChunkName: \"blazePbImage\" */ './Image')),\n  row: dynamic(() => import(/* webpackChunkName: \"blazePbLayout\" */ './Layout')),\n  list: dynamic(() => import(/* webpackChunkName: \"blazePbList\" */ './List')),\n  socialfollow: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSocialFollow\" */ './SocialFollow')\n  ),\n  textblock: dynamic(() => import(/* webpackChunkName: \"blazePbTextBlock\" */ './TextBlock')),\n  video: dynamic(() => import(/* webpackChunkName: \"blazePbVideo\" */ './Video')),\n  wrapper: dynamic(() => import(/* webpackChunkName: \"blazePbWrapper\" */ './Wrapper')),\n  searchcontent: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchContent')\n  ),\n  searchfilter: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilter\" */ './SearchFilter')\n  ),\n  searchfiltersort: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbSearchFilteSort\" */ './SearchFilterSort')\n  ),\n  modal: dynamic(() => import(/* webpackChunkName: \"blazePbModal\" */ './Modal')),\n  code: dynamic(() => import(/* webpackChunkName: \"blazePbCode\" */ './Code')),\n  login: dynamic(() => import(/* webpackChunkName: \"blazePbLogin\" */ './Login')),\n  menu: dynamic(() => import(/* webpackChunkName: \"blazePbMenu\" */ './Menu')),\n  menuitem: dynamic(() => import(/* webpackChunkName: \"blazePbMenuItem\" */ './MenuItem')),\n  submenu: dynamic(() => import(/* webpackChunkName: \"blazePbSubMenu\" */ './SubMenu')),\n  emailconfirm: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbEmailConfirm\" */ './EmailConfirm')\n  ),\n  passwordreset: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordReset\" */ './PasswordReset')\n  ),\n  passwordresetrequest: dynamic(() =>\n    import(/* webpackChunkName: \"blazePbPasswordResetRequest\" */ './PasswordResetRequest')\n  ),\n  breadcrumb: dynamic(() => import(/* webpackChunkName: \"blazePbBreadcrumb\" */ './Breadcrumb')),\n  backtotop: dynamic(() => import(/* webpackChunkName: \"blazePbBackToTop\" */ './BackToTop'))\n};\n"],"file":"index.js"}

package/lib-es/helpers/build-raw-query.js

@@ -92,7 +92,7 @@ const buildRawQuery = (docType, operator, searchValues, filterData, id, itemsToD
             type: 'number',
             script: {
               lang: 'painless',
-              source: "doc['_id'].value != null ? params.sortOrder.indexOf(doc['_id'].value) : 0",
+              source: "!doc['id.keyword'].empty ? params.sortOrder.indexOf(doc['id.keyword'].value) : 0",
               params: {
                 sortOrder: itemsToDisplayIds
               }

package/lib-es/helpers/build-raw-query.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/helpers/build-raw-query.js"],"names":["buildRawQueryBase","getItemsToDisplayIds","getExtraAzBits","buildAzFilter","AND_OPERATOR","buildRawQuery","docType","operator","searchValues","filterData","id","itemsToDisplay","shouldApplySort","azOptions","searchValuesText","searchValuesCheckboxSelectRange","searchValuesCheckboxOr","filterValues","filterOperator","relations","stringProps","azFilter","shouldReturnAggs","isAZ","searchValuesTextCheckboxSelectJoined","searchValuesTextCheckboxOr","length","finalValue","finalValueWithCheckboxOrValues","must","bool","should","finalValueIfNoCheckboxOrValues","mustValues","query","azQueryBits","itemsToDisplayIds","push","ids","values","sort","_script","type","script","lang","source","params","sortOrder","order"],"mappings":"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","sourcesContent":["import buildRawQueryBase from './build-raw-query-base';\nimport getItemsToDisplayIds from './get-items-to-display-ids';\nimport getExtraAzBits from './get-extra-az-bits';\nimport buildAzFilter from './build-az-filter';\nimport { AND_OPERATOR } from '../constants';\n\nconst buildRawQuery = (\n  docType,\n  operator,\n  searchValues,\n  filterData,\n  id,\n  itemsToDisplay,\n  shouldApplySort,\n  azOptions\n) => {\n  const {\n    searchValuesText,\n    searchValuesCheckboxSelectRange,\n    searchValuesCheckboxOr\n  } = searchValues;\n\n  const { filterValues, filterOperator, relations, stringProps, azFilter } = filterData;\n  const { shouldReturnAggs, isAZ } = azOptions || {};\n  const searchValuesTextCheckboxSelectJoined =\n    operator === AND_OPERATOR ? [...searchValuesText, ...searchValuesCheckboxSelectRange] : [];\n  let searchValuesTextCheckboxOr = searchValuesText;\n  if (searchValuesCheckboxOr.length) {\n    searchValuesTextCheckboxOr = [...searchValuesText, ...searchValuesCheckboxOr];\n  }\n\n  let finalValue;\n\n  if (searchValuesTextCheckboxSelectJoined.length) {\n    const finalValueWithCheckboxOrValues = {\n      must: [...searchValuesTextCheckboxSelectJoined, { bool: { should: searchValuesCheckboxOr } }]\n    };\n    const finalValueIfNoCheckboxOrValues = { must: searchValuesTextCheckboxSelectJoined };\n    finalValue = searchValuesCheckboxOr.length\n      ? finalValueWithCheckboxOrValues\n      : finalValueIfNoCheckboxOrValues;\n  } else {\n    finalValue = {\n      must: [...searchValuesCheckboxSelectRange, { bool: { should: searchValuesTextCheckboxOr } }]\n    };\n  }\n  const mustValues = [\n    {\n      bool: finalValue\n    }\n  ];\n\n  buildAzFilter(azFilter, mustValues);\n\n  const query = {\n    bool: {\n      must: mustValues,\n      ...buildRawQueryBase({ docType, id, filterValues, filterOperator, relations, stringProps })\n    }\n  };\n  const azQueryBits = getExtraAzBits(shouldReturnAggs, isAZ, azFilter);\n\n  if (itemsToDisplay && itemsToDisplay.length) {\n    const itemsToDisplayIds = getItemsToDisplayIds(itemsToDisplay);\n    query.bool.must.push({ ids: { values: itemsToDisplayIds } });\n    if (shouldApplySort) {\n      return {\n        query,\n        sort: {\n          _script: {\n            type: 'number',\n            script: {\n              lang: 'painless',\n              source: \"doc['_id'].value != null ? params.sortOrder.indexOf(doc['_id'].value) : 0\",\n              params: {\n                sortOrder: itemsToDisplayIds\n              }\n            },\n            order: 'asc'\n          }\n        },\n        ...azQueryBits\n      };\n    }\n  }\n\n  return isAZ\n    ? {\n        query,\n        ...azQueryBits\n      }\n    : query;\n};\n\nexport default buildRawQuery;\n"],"file":"build-raw-query.js"}
+{"version":3,"sources":["../../src/helpers/build-raw-query.js"],"names":["buildRawQueryBase","getItemsToDisplayIds","getExtraAzBits","buildAzFilter","AND_OPERATOR","buildRawQuery","docType","operator","searchValues","filterData","id","itemsToDisplay","shouldApplySort","azOptions","searchValuesText","searchValuesCheckboxSelectRange","searchValuesCheckboxOr","filterValues","filterOperator","relations","stringProps","azFilter","shouldReturnAggs","isAZ","searchValuesTextCheckboxSelectJoined","searchValuesTextCheckboxOr","length","finalValue","finalValueWithCheckboxOrValues","must","bool","should","finalValueIfNoCheckboxOrValues","mustValues","query","azQueryBits","itemsToDisplayIds","push","ids","values","sort","_script","type","script","lang","source","params","sortOrder","order"],"mappings":"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","sourcesContent":["import buildRawQueryBase from './build-raw-query-base';\nimport getItemsToDisplayIds from './get-items-to-display-ids';\nimport getExtraAzBits from './get-extra-az-bits';\nimport buildAzFilter from './build-az-filter';\nimport { AND_OPERATOR } from '../constants';\n\nconst buildRawQuery = (\n  docType,\n  operator,\n  searchValues,\n  filterData,\n  id,\n  itemsToDisplay,\n  shouldApplySort,\n  azOptions\n) => {\n  const {\n    searchValuesText,\n    searchValuesCheckboxSelectRange,\n    searchValuesCheckboxOr\n  } = searchValues;\n\n  const { filterValues, filterOperator, relations, stringProps, azFilter } = filterData;\n  const { shouldReturnAggs, isAZ } = azOptions || {};\n  const searchValuesTextCheckboxSelectJoined =\n    operator === AND_OPERATOR ? [...searchValuesText, ...searchValuesCheckboxSelectRange] : [];\n  let searchValuesTextCheckboxOr = searchValuesText;\n  if (searchValuesCheckboxOr.length) {\n    searchValuesTextCheckboxOr = [...searchValuesText, ...searchValuesCheckboxOr];\n  }\n\n  let finalValue;\n\n  if (searchValuesTextCheckboxSelectJoined.length) {\n    const finalValueWithCheckboxOrValues = {\n      must: [...searchValuesTextCheckboxSelectJoined, { bool: { should: searchValuesCheckboxOr } }]\n    };\n    const finalValueIfNoCheckboxOrValues = { must: searchValuesTextCheckboxSelectJoined };\n    finalValue = searchValuesCheckboxOr.length\n      ? finalValueWithCheckboxOrValues\n      : finalValueIfNoCheckboxOrValues;\n  } else {\n    finalValue = {\n      must: [...searchValuesCheckboxSelectRange, { bool: { should: searchValuesTextCheckboxOr } }]\n    };\n  }\n  const mustValues = [\n    {\n      bool: finalValue\n    }\n  ];\n\n  buildAzFilter(azFilter, mustValues);\n\n  const query = {\n    bool: {\n      must: mustValues,\n      ...buildRawQueryBase({ docType, id, filterValues, filterOperator, relations, stringProps })\n    }\n  };\n  const azQueryBits = getExtraAzBits(shouldReturnAggs, isAZ, azFilter);\n\n  if (itemsToDisplay && itemsToDisplay.length) {\n    const itemsToDisplayIds = getItemsToDisplayIds(itemsToDisplay);\n    query.bool.must.push({ ids: { values: itemsToDisplayIds } });\n    if (shouldApplySort) {\n      return {\n        query,\n        sort: {\n          _script: {\n            type: 'number',\n            script: {\n              lang: 'painless',\n              source:\n                \"!doc['id.keyword'].empty ? params.sortOrder.indexOf(doc['id.keyword'].value) : 0\",\n              params: {\n                sortOrder: itemsToDisplayIds\n              }\n            },\n            order: 'asc'\n          }\n        },\n        ...azQueryBits\n      };\n    }\n  }\n\n  return isAZ\n    ? {\n        query,\n        ...azQueryBits\n      }\n    : query;\n};\n\nexport default buildRawQuery;\n"],"file":"build-raw-query.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blaze-cms/react-page-builder",
-  "version": "0.124.0-alpha.0",
+  "version": "0.124.0-alpha.1",
   "description": "Blaze react page builder",
   "main": "lib/index.js",
   "module": "lib-es/index.js",
@@ -30,7 +30,7 @@
     "@blaze-cms/core-auth-ui": "^0.119.0",
     "@blaze-cms/core-errors": "^0.118.0",
     "@blaze-cms/image-cdn-react": "^0.2.0",
-    "@blaze-cms/nextjs-components": "^0.123.0",
+    "@blaze-cms/nextjs-components": "^0.124.0-alpha.1",
     "@blaze-cms/setup-ui": "^0.92.0",
     "@blaze-cms/utils": "^0.118.0",
     "@blaze-react/breadcrumb": "0.8.0-alpha.60",
@@ -84,5 +84,5 @@
     "lib/*",
     "lib-es/*"
   ],
-  "gitHead": "30ecfbfe736cb60cc83916cf154700dfeb8f0e74"
+  "gitHead": "797f21d4f5d2291343e2bdb017039cfd3b6290e0"
 }

package/src/components/BackToTop/BackToTop.js

@@ -0,0 +1,52 @@
+import React, { useEffect, useState } from 'react';
+import PropTypes from 'prop-types';
+import { FaArrowUp } from 'react-icons/fa';
+import Wrapper from '../Wrapper';
+import { getClassModifiers } from '../../utils';
+
+const BackToTop = ({ type, showAfterPixels, ...otherProps }) => {
+  const [goToTop, setGoToTop] = useState(false);
+  const modifiers = getClassModifiers(type, otherProps);
+
+  useEffect(
+    () => {
+      const handleOnScroll = () => setGoToTop(window.scrollY >= showAfterPixels);
+      document.addEventListener('scroll', handleOnScroll);
+      return () => document.removeEventListener('scroll', handleOnScroll);
+    },
+    [showAfterPixels]
+  );
+
+  const handleBackToTop = () => {
+    window.scroll({
+      top: 0,
+      left: 0,
+      behavior: 'smooth'
+    });
+    setGoToTop(false);
+  };
+
+  return (
+    <>
+      {goToTop && (
+        <Wrapper className={type} modifiers={modifiers} onClick={handleBackToTop}>
+          <i>
+            <FaArrowUp />
+          </i>
+        </Wrapper>
+      )}
+    </>
+  );
+};
+
+BackToTop.propTypes = {
+  type: PropTypes.string,
+  showAfterPixels: PropTypes.number
+};
+
+BackToTop.defaultProps = {
+  type: 'backtotop',
+  showAfterPixels: 200
+};
+
+export default BackToTop;

package/src/components/BackToTop/index.js

@@ -0,0 +1,3 @@
+import BackToTop from './BackToTop';
+
+export default BackToTop;