@blaze-cms/react-page-builder 0.123.1-alpha.2 → 0.124.0-alpha.2

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.123.1-alpha.2",
+  "version": "0.124.0-alpha.2",
   "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.2",
     "@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": "58899ee04f3924154f702bb32269dee176b36f1c"
+  "gitHead": "52045d2ed84e79531b9634ad5ce95b89f674382a"
 }

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;

package/src/components/CarouselWrapper.js

@@ -1,6 +1,5 @@
 import React, { useRef, useState, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { FaAngleLeft, FaAngleRight } from 'react-icons/fa';
 
 const CarouselWrapper = ({
   children,
@@ -81,9 +80,7 @@ const CarouselWrapper = ({
               setShouldAutoScroll(false);
               handleButtonNavigation();
             }}>
-            <i>
-              <FaAngleLeft size={arrowSize} />
-            </i>
+            <i className="arrow left" />
           </button>
         )}
       </div>
@@ -96,9 +93,7 @@ const CarouselWrapper = ({
               setShouldAutoScroll(false);
               handleButtonNavigation(true);
             }}>
-            <i>
-              <FaAngleRight size={arrowSize} />
-            </i>
+            <i className="arrow right" />
           </button>
         )}
       </div>

package/src/components/SearchContent/index.js

@@ -11,7 +11,8 @@ const SearchContent = ({
   searchInputWrapperMobile,
   searchInputWrapperDesktop,
   collapsible,
-  isMobile
+  isMobile,
+  placeholder
 }) => {
   const [collapsed, setCollapsed] = useState(collapsible);
   const [searchTerm, setSearchTerm] = useState(null);
@@ -131,7 +132,7 @@ const SearchContent = ({
               onChange={e => setSearchTerm(e.target.value)}
               onKeyPress={handleKeyPress}
               className="search-content--expanded__input"
-              placeholder="Search for anything..."
+              placeholder={placeholder}
               onBlur={() => {
                 if (!collapsible) return;
                 if (!searchTerm || searchTerm === '') setCollapsed(true);
@@ -160,6 +161,7 @@ SearchContent.propTypes = {
   searchInputAlignment: PropTypes.string,
   searchInputWrapperMobile: PropTypes.string,
   searchInputWrapperDesktop: PropTypes.string,
+  placeholder: PropTypes.string,
   isMobile: PropTypes.bool,
   collapsible: PropTypes.bool,
   entity: PropTypes.string.isRequired
@@ -169,6 +171,7 @@ SearchContent.defaultProps = {
   searchInputAlignment: '',
   searchInputWrapperMobile: '',
   searchInputWrapperDesktop: '',
+  placeholder: '',
   isMobile: false,
   collapsible: false
 };

package/src/components/Video/Video.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import useGetImages from '../../hooks/use-get-images';
 import VideoRender from './VideoRender';
+import VideoModal from './VideoModal';
 import Wrapper from '../Wrapper';
 import getClassModifiers from '../../utils/get-class-modifiers';
 import { shouldShowProperty } from '../../helpers';
@@ -14,13 +16,21 @@ const Video = ({
   credits,
   areVideoCreditsDisplayed,
   provider,
-  ...variableProps
+  playInModal,
+  imageId,
+  ...props
 }) => {
+  const {
+    data: { getFile: imageData },
+    loading
+  } = useGetImages(imageId);
+
+  if (loading) return '';
   if (!url) return null;
 
   const modifiers = `video--${provider.toLowerCase()} ${getClassModifiers('video', {
     modifier,
-    ...variableProps
+    ...props
   })}`;
 
   const shouldDisplayCaption = shouldShowProperty({
@@ -34,13 +44,26 @@ const Video = ({
 
   return (
     <Wrapper className="video" modifiers={modifiers}>
-      <VideoRender
-        url={url}
-        modifier={modifier}
-        autoplay={autoplay}
-        provider={provider}
-        {...variableProps}
-      />
+      {playInModal ? (
+        <VideoModal
+          url={url}
+          modifier={modifier}
+          autoplay={autoplay}
+          provider={provider}
+          imageData={imageData}
+          {...props}
+        />
+      ) : (
+        <VideoRender
+          url={url}
+          modifier={modifier}
+          autoplay={autoplay}
+          provider={provider}
+          imageData={imageData}
+          {...props}
+        />
+      )}
+
       {(shouldDisplayCaption || shouldDisplayCredits) && (
         <div className="video__details" data-testid="video-details">
           {shouldDisplayCaption && <div className="caption">{caption}</div>}
@@ -59,18 +82,22 @@ Video.propTypes = {
   autoplay: PropTypes.bool,
   areVideoCreditsDisplayed: PropTypes.bool,
   isCaptionDisplayed: PropTypes.bool,
-  provider: PropTypes.string
+  provider: PropTypes.string,
+  playInModal: PropTypes.bool,
+  imageId: PropTypes.string
 };
 
 Video.defaultProps = {
   caption: '',
   credits: '',
   modifier: '',
-  autoplay: false,
+  imageId: '',
   url: '',
   provider: 'youtube',
+  autoplay: false,
   isCaptionDisplayed: false,
-  areVideoCreditsDisplayed: false
+  areVideoCreditsDisplayed: false,
+  playInModal: false
 };
 
 export default Video;

package/src/components/Video/VideoModal.js

@@ -0,0 +1,31 @@
+import React, { useState } from 'react';
+import Modal from '@blaze-react/modal';
+import VideoRender from './VideoRender';
+
+const VideoModal = ({ ...props }) => {
+  const [displayModal, setDisplayModal] = useState(false);
+
+  return (
+    <>
+      <div
+        role="button"
+        onClick={() => {
+          setDisplayModal(!displayModal);
+        }}>
+        <VideoRender placeholderOnly autoplay={false} {...props} />
+      </div>
+      {displayModal && (
+        <Modal
+          className="modal--video"
+          isFullScreen
+          showFooter={false}
+          isSimple
+          onClose={() => setDisplayModal(!displayModal)}>
+          <VideoRender {...props} placeholderOnly={false} autoplay />
+        </Modal>
+      )}
+    </>
+  );
+};
+
+export default VideoModal;

package/src/components/Video/VideoRender.js

@@ -3,9 +3,9 @@ import PropTypes from 'prop-types';
 import getProvider from './providers';
 import { withTitle } from '../../HOC';
 
-const VideoRender = ({ provider, ...varibleProps }) => {
+const VideoRender = ({ provider, ...props }) => {
   const Provider = getProvider(provider);
-  return <Provider {...varibleProps} />;
+  return <Provider {...props} />;
 };
 
 VideoRender.propTypes = {

package/src/components/Video/providers/JWPlayer/JWPlayerProvider.js

@@ -1,7 +1,6 @@
 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';
 
@@ -15,13 +14,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);
     if (jwPlayer) {
@@ -43,7 +38,7 @@ const JWPlayerProvider = ({
     };
 
     if (type === JW_PLAYER_TYPE_FILE) {
-      const { url: imageURL = '' } = data.getFile || {};
+      const { url: imageURL = '' } = imageData;
       return { ...props, image: imageURL, file: url };
     }
 
@@ -62,7 +57,8 @@ JWPlayerProvider.propTypes = {
   loop: PropTypes.bool,
   controls: PropTypes.bool,
   muted: PropTypes.bool,
-  type: PropTypes.string
+  type: PropTypes.string,
+  imageData: PropTypes.object
 };
 
 JWPlayerProvider.defaultProps = {
@@ -71,7 +67,8 @@ JWPlayerProvider.defaultProps = {
   controls: true,
   muted: false,
   type: 'playlist',
-  imageId: null
+  imageId: null,
+  imageData: {}
 };
 
 export default JWPlayerProvider;