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

package/CHANGELOG.md

@@ -3,6 +3,219 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [0.124.0-alpha.1](https://github.com/thebyte9/blaze/compare/v0.122.4...v0.124.0-alpha.1) (2022-04-27)
+
+
+### Bug Fixes
+
+* handle default select filter value correctly ([3453057](https://github.com/thebyte9/blaze/commit/345305725051ae40109bc405246907cf58bbcba3))
+* render empty card block when removing card that same as parent record ([#3171](https://github.com/thebyte9/blaze/issues/3171)) ([bce20cf](https://github.com/thebyte9/blaze/commit/bce20cfd05a7e66444f0aadd67389b6adf18430c))
+
+
+### Features
+
+* add back to top component ([#3436](https://github.com/thebyte9/blaze/issues/3436)) ([e0454fe](https://github.com/thebyte9/blaze/commit/e0454fe0a8b36e9e34539e95b57128d66a3b43cf))
+* add display label as placeholder for select filter ([ab739e6](https://github.com/thebyte9/blaze/commit/ab739e62a937c6d13783f6cc89be9ac0f6c398df))
+* add email/web links around matching data summary values ([#3407](https://github.com/thebyte9/blaze/issues/3407)) ([cd74774](https://github.com/thebyte9/blaze/commit/cd74774c39fc29c446bb68ff5d1baf52c2ae26a6))
+* add tel: link to data summary data ([#3420](https://github.com/thebyte9/blaze/issues/3420)) ([6223ac9](https://github.com/thebyte9/blaze/commit/6223ac99839c50626173a1cb0f2922e40ec60f10))
+* added video modal play ([#3433](https://github.com/thebyte9/blaze/issues/3433)) ([b88338a](https://github.com/thebyte9/blaze/commit/b88338acf362fe6609e430c039b7dadee0fa8a91))
+
+
+
+# [0.124.0-alpha.0](https://github.com/thebyte9/blaze/compare/v0.123.1-alpha.2...v0.124.0-alpha.0) (2022-04-25)
+
+
+
+## [0.123.1-alpha.2](https://github.com/thebyte9/blaze/compare/v0.123.1-alpha.1...v0.123.1-alpha.2) (2022-04-21)
+
+
+
+## [0.123.1-alpha.1](https://github.com/thebyte9/blaze/compare/v0.123.1-alpha.0...v0.123.1-alpha.1) (2022-04-21)
+
+
+
+## [0.123.1-alpha.0](https://github.com/thebyte9/blaze/compare/v0.123.0...v0.123.1-alpha.0) (2022-04-21)
+
+
+
+# [0.123.0](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.29...v0.123.0) (2022-04-11)
+
+
+
+# [0.123.0-alpha.27](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.26...v0.123.0-alpha.27) (2022-04-07)
+
+
+
+# [0.123.0-alpha.25](https://github.com/thebyte9/blaze/compare/v0.122.3...v0.123.0-alpha.25) (2022-04-07)
+
+
+
+# [0.123.0-alpha.24](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.23...v0.123.0-alpha.24) (2022-04-05)
+
+
+### Bug Fixes
+
+* handle default select filter value correctly ([4dfb85a](https://github.com/thebyte9/blaze/commit/4dfb85a6e1aeb9e7b927d06088220ed38e8886e5))
+
+
+### Features
+
+* add display label as placeholder for select filter ([cf3bbf1](https://github.com/thebyte9/blaze/commit/cf3bbf18f0316d7b61b4da4e631750033105bb02))
+* add tel: link to data summary data ([#3420](https://github.com/thebyte9/blaze/issues/3420)) ([9f59a02](https://github.com/thebyte9/blaze/commit/9f59a0200dec1c506b2a7062cbaff812d51c85e1))
+
+
+
+# [0.123.0-alpha.23](https://github.com/thebyte9/blaze/compare/v0.122.2...v0.123.0-alpha.23) (2022-04-04)
+
+
+### Bug Fixes
+
+* render empty card block when removing card that same as parent record ([#3171](https://github.com/thebyte9/blaze/issues/3171)) ([31c1644](https://github.com/thebyte9/blaze/commit/31c1644db187a1a2ac0337254770d914a4542410))
+
+
+### Features
+
+* add email/web links around matching data summary values ([#3407](https://github.com/thebyte9/blaze/issues/3407)) ([78257b2](https://github.com/thebyte9/blaze/commit/78257b2f9b75e05e229a45c7d0a09d1bea452b57))
+
+
+
+# [0.123.0-alpha.22](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.21...v0.123.0-alpha.22) (2022-04-04)
+
+
+
+# [0.123.0-alpha.21](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.20...v0.123.0-alpha.21) (2022-04-01)
+
+
+
+# [0.123.0-alpha.20](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.19...v0.123.0-alpha.20) (2022-04-01)
+
+
+
+# [0.123.0-alpha.19](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.18...v0.123.0-alpha.19) (2022-03-31)
+
+
+### Bug Fixes
+
+* handle search filter with css ([#3395](https://github.com/thebyte9/blaze/issues/3395)) ([41cef02](https://github.com/thebyte9/blaze/commit/41cef02add747256cb813b0d2985f54ec92a4061))
+
+
+
+# [0.123.0-alpha.18](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.17...v0.123.0-alpha.18) (2022-03-31)
+
+
+
+# [0.123.0-alpha.17](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.16...v0.123.0-alpha.17) (2022-03-31)
+
+
+
+# [0.123.0-alpha.16](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.15...v0.123.0-alpha.16) (2022-03-30)
+
+
+
+# [0.123.0-alpha.15](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.14...v0.123.0-alpha.15) (2022-03-30)
+
+
+
+# [0.123.0-alpha.14](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.13...v0.123.0-alpha.14) (2022-03-30)
+
+
+### Bug Fixes
+
+* hide error if query fails ([fdfbc41](https://github.com/thebyte9/blaze/commit/fdfbc417b767ea68a20fb300f453500f0ab11098))
+
+
+
+# [0.123.0-alpha.13](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.12...v0.123.0-alpha.13) (2022-03-30)
+
+
+
+# [0.123.0-alpha.12](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.9...v0.123.0-alpha.12) (2022-03-30)
+
+
+
+# [0.123.0-alpha.9](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.8...v0.123.0-alpha.9) (2022-03-26)
+
+
+
+# [0.123.0-alpha.8](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.7...v0.123.0-alpha.8) (2022-03-26)
+
+
+
+# [0.123.0-alpha.7](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.6...v0.123.0-alpha.7) (2022-03-26)
+
+
+### Bug Fixes
+
+* logo and search input alignment ([c0e9382](https://github.com/thebyte9/blaze/commit/c0e9382769a569b84ba61fbe43d29c6c3a3f6553))
+
+
+
+# [0.123.0-alpha.6](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.5...v0.123.0-alpha.6) (2022-03-26)
+
+
+
+# [0.123.0-alpha.5](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.4...v0.123.0-alpha.5) (2022-03-26)
+
+
+
+# [0.123.0-alpha.4](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.3...v0.123.0-alpha.4) (2022-03-25)
+
+
+### Features
+
+* add email/web links around matching data summary values ([#3407](https://github.com/thebyte9/blaze/issues/3407)) ([d2e4496](https://github.com/thebyte9/blaze/commit/d2e449622eaba85eb03612b14bd9cfcfb47bca4f))
+
+
+
+# [0.123.0-alpha.3](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.2...v0.123.0-alpha.3) (2022-03-25)
+
+
+### Bug Fixes
+
+* render empty card block when removing card that same as parent record ([#3171](https://github.com/thebyte9/blaze/issues/3171)) ([011bd77](https://github.com/thebyte9/blaze/commit/011bd77cab7eba6462e42e7d61e075a6c4e58248))
+
+
+
+# [0.123.0-alpha.2](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.1...v0.123.0-alpha.2) (2022-03-22)
+
+
+
+
+
+# [0.124.0-alpha.0](https://github.com/thebyte9/blaze/compare/v0.123.1-alpha.2...v0.124.0-alpha.0) (2022-04-25)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+## [0.122.3](https://github.com/thebyte9/blaze/compare/v0.122.2...v0.122.3) (2022-04-06)
+
+
+### Bug Fixes
+
+* add id to elasticsearch index data and update frontend item to display sort to use ([#3426](https://github.com/thebyte9/blaze/issues/3426)) ([0e3572c](https://github.com/thebyte9/blaze/commit/0e3572cdc69a8a59f9a500c1ae452a940c0f97cd))
+
+
+
+
+
+## [0.122.2](https://github.com/thebyte9/blaze/compare/v0.122.1...v0.122.2) (2022-04-04)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
+## [0.123.1-alpha.2](https://github.com/thebyte9/blaze/compare/v0.123.1-alpha.1...v0.123.1-alpha.2) (2022-04-21)
+
+**Note:** Version bump only for package @blaze-cms/react-page-builder
+
+
+
+
+
 ## [0.123.1-alpha.1](https://github.com/thebyte9/blaze/compare/v0.123.1-alpha.0...v0.123.1-alpha.1) (2022-04-21)
 
 **Note:** Version bump only for package @blaze-cms/react-page-builder

package/lib/components/BackToTop/BackToTop.js

@@ -0,0 +1,94 @@
+"use strict";
+
+require("core-js/modules/es.array.iterator.js");
+
+require("core-js/modules/es.object.to-string.js");
+
+require("core-js/modules/es.string.iterator.js");
+
+require("core-js/modules/es.weak-map.js");
+
+require("core-js/modules/web.dom-collections.iterator.js");
+
+require("core-js/modules/es.object.define-property.js");
+
+require("core-js/modules/es.object.get-own-property-descriptor.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _fa = require("react-icons/fa");
+
+var _Wrapper = _interopRequireDefault(require("../Wrapper"));
+
+var _utils = require("../../utils");
+
+var _excluded = ["type", "showAfterPixels"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var BackToTop = function BackToTop(_ref) {
+  var type = _ref.type,
+      showAfterPixels = _ref.showAfterPixels,
+      otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+      goToTop = _useState2[0],
+      setGoToTop = _useState2[1];
+
+  var modifiers = (0, _utils.getClassModifiers)(type, otherProps);
+  (0, _react.useEffect)(function () {
+    var handleOnScroll = function handleOnScroll() {
+      return setGoToTop(window.scrollY >= showAfterPixels);
+    };
+
+    document.addEventListener('scroll', handleOnScroll);
+    return function () {
+      return document.removeEventListener('scroll', handleOnScroll);
+    };
+  }, [showAfterPixels]);
+
+  var handleBackToTop = function handleBackToTop() {
+    window.scroll({
+      top: 0,
+      left: 0,
+      behavior: 'smooth'
+    });
+    setGoToTop(false);
+  };
+
+  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, goToTop && /*#__PURE__*/_react["default"].createElement(_Wrapper["default"], {
+    className: type,
+    modifiers: modifiers,
+    onClick: handleBackToTop
+  }, /*#__PURE__*/_react["default"].createElement("i", null, /*#__PURE__*/_react["default"].createElement(_fa.FaArrowUp, null))));
+};
+
+BackToTop.propTypes = {
+  type: _propTypes["default"].string,
+  showAfterPixels: _propTypes["default"].number
+};
+BackToTop.defaultProps = {
+  type: 'backtotop',
+  showAfterPixels: 200
+};
+var _default = BackToTop;
+exports["default"] = _default;
+//# sourceMappingURL=BackToTop.js.map

package/lib/components/BackToTop/BackToTop.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/BackToTop/BackToTop.js"],"names":["BackToTop","type","showAfterPixels","otherProps","goToTop","setGoToTop","modifiers","handleOnScroll","window","scrollY","document","addEventListener","removeEventListener","handleBackToTop","scroll","top","left","behavior","propTypes","PropTypes","string","number","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,SAAS,GAAG,SAAZA,SAAY,OAA8C;AAAA,MAA3CC,IAA2C,QAA3CA,IAA2C;AAAA,MAArCC,eAAqC,QAArCA,eAAqC;AAAA,MAAjBC,UAAiB;;AAC9D,kBAA8B,qBAAS,KAAT,CAA9B;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AACA,MAAMC,SAAS,GAAG,8BAAkBL,IAAlB,EAAwBE,UAAxB,CAAlB;AAEA,wBACE,YAAM;AACJ,QAAMI,cAAc,GAAG,SAAjBA,cAAiB;AAAA,aAAMF,UAAU,CAACG,MAAM,CAACC,OAAP,IAAkBP,eAAnB,CAAhB;AAAA,KAAvB;;AACAQ,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,QAA1B,EAAoCJ,cAApC;AACA,WAAO;AAAA,aAAMG,QAAQ,CAACE,mBAAT,CAA6B,QAA7B,EAAuCL,cAAvC,CAAN;AAAA,KAAP;AACD,GALH,EAME,CAACL,eAAD,CANF;;AASA,MAAMW,eAAe,GAAG,SAAlBA,eAAkB,GAAM;AAC5BL,IAAAA,MAAM,CAACM,MAAP,CAAc;AACZC,MAAAA,GAAG,EAAE,CADO;AAEZC,MAAAA,IAAI,EAAE,CAFM;AAGZC,MAAAA,QAAQ,EAAE;AAHE,KAAd;AAKAZ,IAAAA,UAAU,CAAC,KAAD,CAAV;AACD,GAPD;;AASA,sBACE,kEACGD,OAAO,iBACN,gCAAC,mBAAD;AAAS,IAAA,SAAS,EAAEH,IAApB;AAA0B,IAAA,SAAS,EAAEK,SAArC;AAAgD,IAAA,OAAO,EAAEO;AAAzD,kBACE,wDACE,gCAAC,aAAD,OADF,CADF,CAFJ,CADF;AAWD,CAjCD;;AAmCAb,SAAS,CAACkB,SAAV,GAAsB;AACpBjB,EAAAA,IAAI,EAAEkB,sBAAUC,MADI;AAEpBlB,EAAAA,eAAe,EAAEiB,sBAAUE;AAFP,CAAtB;AAKArB,SAAS,CAACsB,YAAV,GAAyB;AACvBrB,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,eAAe,EAAE;AAFM,CAAzB;eAKeF,S","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { FaArrowUp } from 'react-icons/fa';\nimport Wrapper from '../Wrapper';\nimport { getClassModifiers } from '../../utils';\n\nconst BackToTop = ({ type, showAfterPixels, ...otherProps }) => {\n  const [goToTop, setGoToTop] = useState(false);\n  const modifiers = getClassModifiers(type, otherProps);\n\n  useEffect(\n    () => {\n      const handleOnScroll = () => setGoToTop(window.scrollY >= showAfterPixels);\n      document.addEventListener('scroll', handleOnScroll);\n      return () => document.removeEventListener('scroll', handleOnScroll);\n    },\n    [showAfterPixels]\n  );\n\n  const handleBackToTop = () => {\n    window.scroll({\n      top: 0,\n      left: 0,\n      behavior: 'smooth'\n    });\n    setGoToTop(false);\n  };\n\n  return (\n    <>\n      {goToTop && (\n        <Wrapper className={type} modifiers={modifiers} onClick={handleBackToTop}>\n          <i>\n            <FaArrowUp />\n          </i>\n        </Wrapper>\n      )}\n    </>\n  );\n};\n\nBackToTop.propTypes = {\n  type: PropTypes.string,\n  showAfterPixels: PropTypes.number\n};\n\nBackToTop.defaultProps = {\n  type: 'backtotop',\n  showAfterPixels: 200\n};\n\nexport default BackToTop;\n"],"file":"BackToTop.js"}

package/lib/components/BackToTop/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+require("core-js/modules/es.object.define-property.js");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _BackToTop = _interopRequireDefault(require("./BackToTop"));
+
+var _default = _BackToTop["default"];
+exports["default"] = _default;
+//# sourceMappingURL=index.js.map

package/lib/components/BackToTop/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/components/BackToTop/index.js"],"names":["BackToTop"],"mappings":";;;;;;;;;;;AAAA;;eAEeA,qB","sourcesContent":["import BackToTop from './BackToTop';\n\nexport default BackToTop;\n"],"file":"index.js"}

package/lib/components/Menu/Menu.js

@@ -41,8 +41,6 @@ var _hooks = require("../../hooks");
 
 var _constants = require("../../constants");
 
-var _SearchContent = _interopRequireDefault(require("../SearchContent"));
-
 var _excluded = ["children", "collapse", "modifier", "mobileMenuModifier", "mobileMenuChildrenModifier", "mobileIconAlignment", "mobileButtonModifier", "hamburgerIconModifier", "logoOnMobile", "logoOnDesktop", "logoOnMobileUrl", "logoOnMobileAlt", "logoOnMobileModifier", "logoOnDesktopModifier", "logoOnDesktopAlignment", "closeIconModifier"];
 
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }

package/lib/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Menu/Menu.js"],"names":["Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","logoOnDesktopAlignment","closeIconModifier","rest","isMobile","showMobileMenu","setShowMobileMenu","shouldDisplayCollapsed","mobileButtonClass","HIDDEN","shouldDisplayChildren","childrenDesktopModifier","childrenMobileModifier","isMobileMenuExpanded","propTypes","PropTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeButton from '@blaze-react/button';\nimport { MdMenu, MdClose } from 'react-icons/md';\nimport { useCheckMobileScreen } from '../../hooks';\nimport { HIDDEN } from '../../constants';\nimport SearchContent from '../SearchContent';\n\nconst Menu = ({\n  children,\n  collapse,\n  modifier,\n  mobileMenuModifier,\n  mobileMenuChildrenModifier,\n  mobileIconAlignment,\n  mobileButtonModifier,\n  hamburgerIconModifier,\n  logoOnMobile,\n  logoOnDesktop,\n  logoOnMobileUrl,\n  logoOnMobileAlt,\n  logoOnMobileModifier,\n  logoOnDesktopModifier,\n  logoOnDesktopAlignment,\n  closeIconModifier,\n  ...rest\n}) => {\n  const isMobile = useCheckMobileScreen();\n  const [showMobileMenu, setShowMobileMenu] = useState(false);\n\n  const shouldDisplayCollapsed = collapse && isMobile;\n  const mobileButtonClass = shouldDisplayCollapsed && isMobile ? mobileButtonModifier : HIDDEN;\n  const shouldDisplayChildren = shouldDisplayCollapsed ? showMobileMenu : true;\n  const childrenDesktopModifier =\n    shouldDisplayChildren && !isMobile ? modifier : `${modifier} ${HIDDEN}`;\n\n  const childrenMobileModifier =\n    shouldDisplayChildren && isMobile ? `${mobileMenuChildrenModifier}` : ` ${HIDDEN}`;\n\n  const isMobileMenuExpanded = showMobileMenu ? `${mobileMenuModifier}` : '';\n\n  return (\n    <>\n      {collapse && (\n        <div className=\"menu--mobile-wrapper\">\n          <div\n            className={`flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`}>\n            <BlazeButton\n              className={mobileButtonClass}\n              onClick={() => setShowMobileMenu(!showMobileMenu)}>\n              <i>\n                {showMobileMenu ? (\n                  <MdClose className={closeIconModifier} />\n                ) : (\n                  <MdMenu className={hamburgerIconModifier} />\n                )}\n              </i>\n            </BlazeButton>\n          </div>\n        </div>\n      )}\n      {logoOnMobile && (\n        <a href=\"/\">\n          <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnMobileModifier} />\n        </a>\n      )}\n\n      <div className=\"menu--desktop-wrapper\">\n        <ul className={isMobile ? childrenMobileModifier : childrenDesktopModifier}>\n          {logoOnDesktop &&\n            logoOnDesktopAlignment === 'left' && (\n              <a href=\"/\" className=\"menu--desktop__logo-wrapper\">\n                <img\n                  src={logoOnMobileUrl}\n                  alt={logoOnMobileAlt}\n                  className={logoOnDesktopModifier}\n                />\n              </a>\n            )}\n          {children}\n          {logoOnDesktop &&\n            logoOnDesktopAlignment === 'right' && (\n              <a href=\"/\" className=\"menu--desktop__logo-wrapper\">\n                <img\n                  src={logoOnMobileUrl}\n                  alt={logoOnMobileAlt}\n                  className={logoOnDesktopModifier}\n                />\n              </a>\n            )}\n        </ul>\n      </div>\n    </>\n  );\n};\n\nMenu.propTypes = {\n  collapse: PropTypes.bool.isRequired,\n  logoOnMobile: PropTypes.bool.isRequired,\n  logoOnDesktop: PropTypes.bool,\n  logoOnMobileUrl: PropTypes.string,\n  logoOnMobileAlt: PropTypes.string,\n  logoOnMobileModifier: PropTypes.string,\n  logoOnDesktopModifier: PropTypes.string,\n  logoOnDesktopAlignment: PropTypes.string,\n  hamburgerIconModifier: PropTypes.string,\n  closeIconModifier: PropTypes.string,\n  mobileButtonModifier: PropTypes.string,\n  mobileMenuModifier: PropTypes.string,\n  mobileMenuChildrenModifier: PropTypes.string,\n  modifier: PropTypes.string,\n  mobileIconAlignment: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n  logoOnDesktop: false,\n  logoOnMobileUrl: '',\n  logoOnMobileAlt: '',\n  logoOnMobileModifier: '',\n  logoOnDesktopModifier: '',\n  hamburgerIconModifier: '',\n  closeIconModifier: '',\n  mobileButtonModifier: '',\n  mobileIconAlignment: '',\n  mobileMenuModifier: '',\n  mobileMenuChildrenModifier: '',\n  logoOnDesktopAlignment: 'left',\n  modifier: '',\n  children: []\n};\n\nexport default Menu;\n"],"file":"Menu.js"}
+{"version":3,"sources":["../../../src/components/Menu/Menu.js"],"names":["Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","logoOnDesktopAlignment","closeIconModifier","rest","isMobile","showMobileMenu","setShowMobileMenu","shouldDisplayCollapsed","mobileButtonClass","HIDDEN","shouldDisplayChildren","childrenDesktopModifier","childrenMobileModifier","isMobileMenuExpanded","propTypes","PropTypes","bool","isRequired","string","oneOfType","arrayOf","node","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport BlazeButton from '@blaze-react/button';\nimport { MdMenu, MdClose } from 'react-icons/md';\nimport { useCheckMobileScreen } from '../../hooks';\nimport { HIDDEN } from '../../constants';\n\nconst Menu = ({\n  children,\n  collapse,\n  modifier,\n  mobileMenuModifier,\n  mobileMenuChildrenModifier,\n  mobileIconAlignment,\n  mobileButtonModifier,\n  hamburgerIconModifier,\n  logoOnMobile,\n  logoOnDesktop,\n  logoOnMobileUrl,\n  logoOnMobileAlt,\n  logoOnMobileModifier,\n  logoOnDesktopModifier,\n  logoOnDesktopAlignment,\n  closeIconModifier,\n  ...rest\n}) => {\n  const isMobile = useCheckMobileScreen();\n  const [showMobileMenu, setShowMobileMenu] = useState(false);\n\n  const shouldDisplayCollapsed = collapse && isMobile;\n  const mobileButtonClass = shouldDisplayCollapsed && isMobile ? mobileButtonModifier : HIDDEN;\n  const shouldDisplayChildren = shouldDisplayCollapsed ? showMobileMenu : true;\n  const childrenDesktopModifier =\n    shouldDisplayChildren && !isMobile ? modifier : `${modifier} ${HIDDEN}`;\n\n  const childrenMobileModifier =\n    shouldDisplayChildren && isMobile ? `${mobileMenuChildrenModifier}` : ` ${HIDDEN}`;\n\n  const isMobileMenuExpanded = showMobileMenu ? `${mobileMenuModifier}` : '';\n\n  return (\n    <>\n      {collapse && (\n        <div className=\"menu--mobile-wrapper\">\n          <div\n            className={`flex w-screen z-50 justify-${mobileIconAlignment} ${isMobileMenuExpanded}`}>\n            <BlazeButton\n              className={mobileButtonClass}\n              onClick={() => setShowMobileMenu(!showMobileMenu)}>\n              <i>\n                {showMobileMenu ? (\n                  <MdClose className={closeIconModifier} />\n                ) : (\n                  <MdMenu className={hamburgerIconModifier} />\n                )}\n              </i>\n            </BlazeButton>\n          </div>\n        </div>\n      )}\n      {logoOnMobile && (\n        <a href=\"/\">\n          <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnMobileModifier} />\n        </a>\n      )}\n\n      <div className=\"menu--desktop-wrapper\">\n        <ul className={isMobile ? childrenMobileModifier : childrenDesktopModifier}>\n          {logoOnDesktop &&\n            logoOnDesktopAlignment === 'left' && (\n              <a href=\"/\" className=\"menu--desktop__logo-wrapper\">\n                <img\n                  src={logoOnMobileUrl}\n                  alt={logoOnMobileAlt}\n                  className={logoOnDesktopModifier}\n                />\n              </a>\n            )}\n          {children}\n          {logoOnDesktop &&\n            logoOnDesktopAlignment === 'right' && (\n              <a href=\"/\" className=\"menu--desktop__logo-wrapper\">\n                <img\n                  src={logoOnMobileUrl}\n                  alt={logoOnMobileAlt}\n                  className={logoOnDesktopModifier}\n                />\n              </a>\n            )}\n        </ul>\n      </div>\n    </>\n  );\n};\n\nMenu.propTypes = {\n  collapse: PropTypes.bool.isRequired,\n  logoOnMobile: PropTypes.bool.isRequired,\n  logoOnDesktop: PropTypes.bool,\n  logoOnMobileUrl: PropTypes.string,\n  logoOnMobileAlt: PropTypes.string,\n  logoOnMobileModifier: PropTypes.string,\n  logoOnDesktopModifier: PropTypes.string,\n  logoOnDesktopAlignment: PropTypes.string,\n  hamburgerIconModifier: PropTypes.string,\n  closeIconModifier: PropTypes.string,\n  mobileButtonModifier: PropTypes.string,\n  mobileMenuModifier: PropTypes.string,\n  mobileMenuChildrenModifier: PropTypes.string,\n  modifier: PropTypes.string,\n  mobileIconAlignment: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n  logoOnDesktop: false,\n  logoOnMobileUrl: '',\n  logoOnMobileAlt: '',\n  logoOnMobileModifier: '',\n  logoOnDesktopModifier: '',\n  hamburgerIconModifier: '',\n  closeIconModifier: '',\n  mobileButtonModifier: '',\n  mobileIconAlignment: '',\n  mobileMenuModifier: '',\n  mobileMenuChildrenModifier: '',\n  logoOnDesktopAlignment: 'left',\n  modifier: '',\n  children: []\n};\n\nexport default Menu;\n"],"file":"Menu.js"}

package/lib/components/SearchContent/index.js

@@ -64,10 +64,11 @@ var SearchContent = function SearchContent(_ref) {
       searchInputAlignment = _ref.searchInputAlignment,
       searchInputWrapperMobile = _ref.searchInputWrapperMobile,
       searchInputWrapperDesktop = _ref.searchInputWrapperDesktop,
-      displayCollapsed = _ref.displayCollapsed,
-      isMobile = _ref.isMobile;
+      collapsible = _ref.collapsible,
+      isMobile = _ref.isMobile,
+      placeholder = _ref.placeholder;
 
-  var _useState = (0, _react.useState)(displayCollapsed),
+  var _useState = (0, _react.useState)(collapsible),
       _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
       collapsed = _useState2[0],
       setCollapsed = _useState2[1];
@@ -206,8 +207,9 @@ var SearchContent = function SearchContent(_ref) {
     },
     onKeyPress: handleKeyPress,
     className: "search-content--expanded__input",
-    placeholder: "Search for anything...",
+    placeholder: placeholder,
     onBlur: function onBlur() {
+      if (!collapsible) return;
       if (!searchTerm || searchTerm === '') setCollapsed(true);
     }
   }))), data && searchResultsMessage !== '' && /*#__PURE__*/_react["default"].createElement("div", {
@@ -227,16 +229,18 @@ SearchContent.propTypes = {
   searchInputAlignment: _propTypes["default"].string,
   searchInputWrapperMobile: _propTypes["default"].string,
   searchInputWrapperDesktop: _propTypes["default"].string,
+  placeholder: _propTypes["default"].string,
   isMobile: _propTypes["default"].bool,
-  displayCollapsed: _propTypes["default"].bool,
+  collapsible: _propTypes["default"].bool,
   entity: _propTypes["default"].string.isRequired
 };
 SearchContent.defaultProps = {
   searchInputAlignment: '',
   searchInputWrapperMobile: '',
   searchInputWrapperDesktop: '',
+  placeholder: '',
   isMobile: false,
-  displayCollapsed: false
+  collapsible: false
 };
 var _default = SearchContent;
 exports["default"] = _default;

package/lib/components/SearchContent/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/SearchContent/index.js"],"names":["SearchContent","entity","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","displayCollapsed","isMobile","collapsed","setCollapsed","searchTerm","setSearchTerm","router","capitalize","s","charAt","toUpperCase","slice","split","a","b","entityName","rawQueryStringified","JSON","stringify","size","query","bool","should","match","docType","minimum_should_match","gql","variables","offset","limit","loading","error","data","handleClick","e","url","preventDefault","push","handleKeyPress","key","target","value","renderResults","searchPublishedContent","results","map","name","includes","searchResultsMessage","propTypes","PropTypes","string","isRequired","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { gql, useQuery } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { getPublishedContent } from '../../application/query';\nimport BlazeLink from '../BlazeLink';\n\nconst SearchContent = ({\n  entity,\n  searchInputAlignment,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  displayCollapsed,\n  isMobile\n}) => {\n  const [collapsed, setCollapsed] = useState(displayCollapsed);\n  const [searchTerm, setSearchTerm] = useState(null);\n  const router = useRouter();\n\n  const capitalize = s => {\n    if (typeof s !== 'string') return '';\n    return s.charAt(0).toUpperCase() + s.slice(1);\n  };\n\n  const [a, b] = entity.split('_');\n\n  const entityName = capitalize(a) + capitalize(b);\n\n  const rawQueryStringified = JSON.stringify({\n    size: 0,\n    query: {\n      bool: {\n        should: [\n          {\n            match: {\n              docType: entity\n            }\n          }\n        ],\n        minimum_should_match: 1\n      }\n    }\n  });\n\n  const query = gql`\n    ${getPublishedContent(entityName)}\n  `;\n\n  const { loading, error, data } = useQuery(query, {\n    variables: { rawQueryStringified, offset: 0, limit: 5 }\n  });\n\n  if (loading) return null;\n  if (error) return null;\n\n  const handleClick = (e, url) => {\n    e.preventDefault();\n    router.push(url);\n  };\n\n  const handleKeyPress = e => {\n    if (e.key === 'Enter' && e.target.value !== '') {\n      router.push(`/search?search_term=${e.target.value}`);\n    }\n  };\n\n  const renderResults = () => {\n    // eslint-disable-next-line no-undef\n    const { results } = data?.searchPublishedContent;\n\n    if (results && searchTerm && searchTerm !== '') {\n      return results.map(({ name, url }) => {\n        if (name.includes(searchTerm)) {\n          return (\n            <BlazeLink href={url} onClick={e => handleClick(e, url)}>\n              {name}\n            </BlazeLink>\n          );\n        }\n\n        return null;\n      });\n    }\n\n    return [];\n  };\n\n  const searchResultsMessage = searchTerm ? `Search results for: ${searchTerm}` : '';\n\n  return collapsed ? (\n    <div className={isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}>\n      <div className=\"search-content--collapse__wrapper\">\n        <label className=\"search-content--collapse__label\">\n          <span className=\"search-content--collapse__icon_wrapper\">\n            <svg className=\"search-content--collapse__icon\" viewBox=\"0 0 20 20\">\n              <path\n                fillRule=\"evenodd\"\n                d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                clipRule=\"evenodd\"\n              />\n            </svg>\n          </span>\n          <input\n            onFocus={() => setCollapsed(false)}\n            onChange={e => setSearchTerm(e.target.value)}\n            type=\"text\"\n            name=\"search\"\n            value=\"\"\n            className=\"search-content--collapse__input\"\n          />\n        </label>\n      </div>\n    </div>\n  ) : (\n    <>\n      <div className={`${isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}`}>\n        <div className=\"search-content--expanded__wrapper\">\n          <label className=\"search-content--expanded__label\">\n            <span className=\"search-content--expanded__icon_wrapper\">\n              <svg className=\"search-content--expanded__icon\" viewBox=\"0 0 20 20\">\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n            </span>\n            <input\n              type=\"text\"\n              name=\"search\"\n              onChange={e => setSearchTerm(e.target.value)}\n              onKeyPress={handleKeyPress}\n              className=\"search-content--expanded__input\"\n              placeholder=\"Search for anything...\"\n              onBlur={() => {\n                if (!searchTerm || searchTerm === '') setCollapsed(true);\n              }}\n            />\n          </label>\n        </div>\n        {data &&\n          searchResultsMessage !== '' && (\n            <div className=\"search-content--results__wrapper\">\n              <div className=\"search-content--results__wrapper--message\">\n                <div className=\"text-sm pt-2\">{searchResultsMessage}</div>\n\n                <div className=\"search-content--results__message\">\n                  <div className=\"search-content--results__content\">{renderResults()}</div>\n                </div>\n              </div>\n            </div>\n          )}\n      </div>\n    </>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputAlignment: PropTypes.string,\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  isMobile: PropTypes.bool,\n  displayCollapsed: PropTypes.bool,\n  entity: PropTypes.string.isRequired\n};\n\nSearchContent.defaultProps = {\n  searchInputAlignment: '',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  isMobile: false,\n  displayCollapsed: false\n};\n\nexport default SearchContent;\n"],"file":"index.js"}
+{"version":3,"sources":["../../../src/components/SearchContent/index.js"],"names":["SearchContent","entity","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","collapsible","isMobile","placeholder","collapsed","setCollapsed","searchTerm","setSearchTerm","router","capitalize","s","charAt","toUpperCase","slice","split","a","b","entityName","rawQueryStringified","JSON","stringify","size","query","bool","should","match","docType","minimum_should_match","gql","variables","offset","limit","loading","error","data","handleClick","e","url","preventDefault","push","handleKeyPress","key","target","value","renderResults","searchPublishedContent","results","map","name","includes","searchResultsMessage","propTypes","PropTypes","string","isRequired","defaultProps"],"mappings":"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","sourcesContent":["import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { gql, useQuery } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { getPublishedContent } from '../../application/query';\nimport BlazeLink from '../BlazeLink';\n\nconst SearchContent = ({\n  entity,\n  searchInputAlignment,\n  searchInputWrapperMobile,\n  searchInputWrapperDesktop,\n  collapsible,\n  isMobile,\n  placeholder\n}) => {\n  const [collapsed, setCollapsed] = useState(collapsible);\n  const [searchTerm, setSearchTerm] = useState(null);\n  const router = useRouter();\n\n  const capitalize = s => {\n    if (typeof s !== 'string') return '';\n    return s.charAt(0).toUpperCase() + s.slice(1);\n  };\n\n  const [a, b] = entity.split('_');\n\n  const entityName = capitalize(a) + capitalize(b);\n\n  const rawQueryStringified = JSON.stringify({\n    size: 0,\n    query: {\n      bool: {\n        should: [\n          {\n            match: {\n              docType: entity\n            }\n          }\n        ],\n        minimum_should_match: 1\n      }\n    }\n  });\n\n  const query = gql`\n    ${getPublishedContent(entityName)}\n  `;\n\n  const { loading, error, data } = useQuery(query, {\n    variables: { rawQueryStringified, offset: 0, limit: 5 }\n  });\n\n  if (loading) return null;\n  if (error) return null;\n\n  const handleClick = (e, url) => {\n    e.preventDefault();\n    router.push(url);\n  };\n\n  const handleKeyPress = e => {\n    if (e.key === 'Enter' && e.target.value !== '') {\n      router.push(`/search?search_term=${e.target.value}`);\n    }\n  };\n\n  const renderResults = () => {\n    // eslint-disable-next-line no-undef\n    const { results } = data?.searchPublishedContent;\n\n    if (results && searchTerm && searchTerm !== '') {\n      return results.map(({ name, url }) => {\n        if (name.includes(searchTerm)) {\n          return (\n            <BlazeLink href={url} onClick={e => handleClick(e, url)}>\n              {name}\n            </BlazeLink>\n          );\n        }\n\n        return null;\n      });\n    }\n\n    return [];\n  };\n\n  const searchResultsMessage = searchTerm ? `Search results for: ${searchTerm}` : '';\n\n  return collapsed ? (\n    <div className={isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}>\n      <div className=\"search-content--collapse__wrapper\">\n        <label className=\"search-content--collapse__label\">\n          <span className=\"search-content--collapse__icon_wrapper\">\n            <svg className=\"search-content--collapse__icon\" viewBox=\"0 0 20 20\">\n              <path\n                fillRule=\"evenodd\"\n                d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                clipRule=\"evenodd\"\n              />\n            </svg>\n          </span>\n          <input\n            onFocus={() => setCollapsed(false)}\n            onChange={e => setSearchTerm(e.target.value)}\n            type=\"text\"\n            name=\"search\"\n            value=\"\"\n            className=\"search-content--collapse__input\"\n          />\n        </label>\n      </div>\n    </div>\n  ) : (\n    <>\n      <div className={`${isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}`}>\n        <div className=\"search-content--expanded__wrapper\">\n          <label className=\"search-content--expanded__label\">\n            <span className=\"search-content--expanded__icon_wrapper\">\n              <svg className=\"search-content--expanded__icon\" viewBox=\"0 0 20 20\">\n                <path\n                  fillRule=\"evenodd\"\n                  d=\"M8 4a4 4 0 100 8 4 4 0 000-8zM2 8a6 6 0 1110.89 3.476l4.817 4.817a1 1 0 01-1.414 1.414l-4.816-4.816A6 6 0 012 8z\"\n                  clipRule=\"evenodd\"\n                />\n              </svg>\n            </span>\n            <input\n              type=\"text\"\n              name=\"search\"\n              onChange={e => setSearchTerm(e.target.value)}\n              onKeyPress={handleKeyPress}\n              className=\"search-content--expanded__input\"\n              placeholder={placeholder}\n              onBlur={() => {\n                if (!collapsible) return;\n                if (!searchTerm || searchTerm === '') setCollapsed(true);\n              }}\n            />\n          </label>\n        </div>\n        {data &&\n          searchResultsMessage !== '' && (\n            <div className=\"search-content--results__wrapper\">\n              <div className=\"search-content--results__wrapper--message\">\n                <div className=\"text-sm pt-2\">{searchResultsMessage}</div>\n\n                <div className=\"search-content--results__message\">\n                  <div className=\"search-content--results__content\">{renderResults()}</div>\n                </div>\n              </div>\n            </div>\n          )}\n      </div>\n    </>\n  );\n};\n\nSearchContent.propTypes = {\n  searchInputAlignment: PropTypes.string,\n  searchInputWrapperMobile: PropTypes.string,\n  searchInputWrapperDesktop: PropTypes.string,\n  placeholder: PropTypes.string,\n  isMobile: PropTypes.bool,\n  collapsible: PropTypes.bool,\n  entity: PropTypes.string.isRequired\n};\n\nSearchContent.defaultProps = {\n  searchInputAlignment: '',\n  searchInputWrapperMobile: '',\n  searchInputWrapperDesktop: '',\n  placeholder: '',\n  isMobile: false,\n  collapsible: false\n};\n\nexport default SearchContent;\n"],"file":"index.js"}

package/lib/components/Video/Video.js

@@ -39,15 +39,19 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
+var _useGetImages2 = _interopRequireDefault(require("../../hooks/use-get-images"));
+
 var _VideoRender = _interopRequireDefault(require("./VideoRender"));
 
+var _VideoModal = _interopRequireDefault(require("./VideoModal"));
+
 var _Wrapper = _interopRequireDefault(require("../Wrapper"));
 
 var _getClassModifiers = _interopRequireDefault(require("../../utils/get-class-modifiers"));
 
 var _helpers = require("../../helpers");
 
-var _excluded = ["url", "modifier", "autoplay", "isCaptionDisplayed", "caption", "credits", "areVideoCreditsDisplayed", "provider"];
+var _excluded = ["url", "modifier", "autoplay", "isCaptionDisplayed", "caption", "credits", "areVideoCreditsDisplayed", "provider", "playInModal", "imageId"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
@@ -62,11 +66,19 @@ var Video = function Video(_ref) {
       credits = _ref.credits,
       areVideoCreditsDisplayed = _ref.areVideoCreditsDisplayed,
       provider = _ref.provider,
-      variableProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+      playInModal = _ref.playInModal,
+      imageId = _ref.imageId,
+      props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+
+  var _useGetImages = (0, _useGetImages2["default"])(imageId),
+      imageData = _useGetImages.data.getFile,
+      loading = _useGetImages.loading;
+
+  if (loading) return '';
   if (!url) return null;
   var modifiers = "video--".concat(provider.toLowerCase(), " ").concat((0, _getClassModifiers["default"])('video', _objectSpread({
     modifier: modifier
-  }, variableProps)));
+  }, props)));
   var shouldDisplayCaption = (0, _helpers.shouldShowProperty)({
     isDisplayed: isCaptionDisplayed,
     value: caption
@@ -78,12 +90,19 @@ var Video = function Video(_ref) {
   return /*#__PURE__*/_react["default"].createElement(_Wrapper["default"], {
     className: "video",
     modifiers: modifiers
-  }, /*#__PURE__*/_react["default"].createElement(_VideoRender["default"], (0, _extends2["default"])({
+  }, playInModal ? /*#__PURE__*/_react["default"].createElement(_VideoModal["default"], (0, _extends2["default"])({
     url: url,
     modifier: modifier,
     autoplay: autoplay,
-    provider: provider
-  }, variableProps)), (shouldDisplayCaption || shouldDisplayCredits) && /*#__PURE__*/_react["default"].createElement("div", {
+    provider: provider,
+    imageData: imageData
+  }, props)) : /*#__PURE__*/_react["default"].createElement(_VideoRender["default"], (0, _extends2["default"])({
+    url: url,
+    modifier: modifier,
+    autoplay: autoplay,
+    provider: provider,
+    imageData: imageData
+  }, props)), (shouldDisplayCaption || shouldDisplayCredits) && /*#__PURE__*/_react["default"].createElement("div", {
     className: "video__details",
     "data-testid": "video-details"
   }, shouldDisplayCaption && /*#__PURE__*/_react["default"].createElement("div", {
@@ -101,17 +120,21 @@ Video.propTypes = {
   autoplay: _propTypes["default"].bool,
   areVideoCreditsDisplayed: _propTypes["default"].bool,
   isCaptionDisplayed: _propTypes["default"].bool,
-  provider: _propTypes["default"].string
+  provider: _propTypes["default"].string,
+  playInModal: _propTypes["default"].bool,
+  imageId: _propTypes["default"].string
 };
 Video.defaultProps = {
   caption: '',
   credits: '',
   modifier: '',
-  autoplay: false,
+  imageId: '',
   url: '',
   provider: 'youtube',
+  autoplay: false,
   isCaptionDisplayed: false,
-  areVideoCreditsDisplayed: false
+  areVideoCreditsDisplayed: false,
+  playInModal: false
 };
 var _default = Video;
 exports["default"] = _default;

package/lib/components/Video/Video.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/components/Video/Video.js"],"names":["Video","url","modifier","autoplay","isCaptionDisplayed","caption","credits","areVideoCreditsDisplayed","provider","variableProps","modifiers","toLowerCase","shouldDisplayCaption","isDisplayed","value","shouldDisplayCredits","propTypes","PropTypes","string","bool","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAQ,OAUR;AAAA,MATJC,GASI,QATJA,GASI;AAAA,MARJC,QAQI,QARJA,QAQI;AAAA,MAPJC,QAOI,QAPJA,QAOI;AAAA,MANJC,kBAMI,QANJA,kBAMI;AAAA,MALJC,OAKI,QALJA,OAKI;AAAA,MAJJC,OAII,QAJJA,OAII;AAAA,MAHJC,wBAGI,QAHJA,wBAGI;AAAA,MAFJC,QAEI,QAFJA,QAEI;AAAA,MADDC,aACC;AACJ,MAAI,CAACR,GAAL,EAAU,OAAO,IAAP;AAEV,MAAMS,SAAS,oBAAaF,QAAQ,CAACG,WAAT,EAAb,cAAuC,mCAAkB,OAAlB;AACpDT,IAAAA,QAAQ,EAARA;AADoD,KAEjDO,aAFiD,EAAvC,CAAf;AAKA,MAAMG,oBAAoB,GAAG,iCAAmB;AAC9CC,IAAAA,WAAW,EAAET,kBADiC;AAE9CU,IAAAA,KAAK,EAAET;AAFuC,GAAnB,CAA7B;AAIA,MAAMU,oBAAoB,GAAG,iCAAmB;AAC9CF,IAAAA,WAAW,EAAEN,wBADiC;AAE9CO,IAAAA,KAAK,EAAER;AAFuC,GAAnB,CAA7B;AAKA,sBACE,gCAAC,mBAAD;AAAS,IAAA,SAAS,EAAC,OAAnB;AAA2B,IAAA,SAAS,EAAEI;AAAtC,kBACE,gCAAC,uBAAD;AACE,IAAA,GAAG,EAAET,GADP;AAEE,IAAA,QAAQ,EAAEC,QAFZ;AAGE,IAAA,QAAQ,EAAEC,QAHZ;AAIE,IAAA,QAAQ,EAAEK;AAJZ,KAKMC,aALN,EADF,EAQG,CAACG,oBAAoB,IAAIG,oBAAzB,kBACC;AAAK,IAAA,SAAS,EAAC,gBAAf;AAAgC,mBAAY;AAA5C,KACGH,oBAAoB,iBAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAA0BP,OAA1B,CAD3B,EAEGU,oBAAoB,iBAAI;AAAK,IAAA,SAAS,EAAC;AAAf,KAA0BT,OAA1B,CAF3B,CATJ,CADF;AAiBD,CA5CD;;AA8CAN,KAAK,CAACgB,SAAN,GAAkB;AAChBf,EAAAA,GAAG,EAAEgB,sBAAUC,MADC;AAEhBhB,EAAAA,QAAQ,EAAEe,sBAAUC,MAFJ;AAGhBb,EAAAA,OAAO,EAAEY,sBAAUC,MAHH;AAIhBZ,EAAAA,OAAO,EAAEW,sBAAUC,MAJH;AAKhBf,EAAAA,QAAQ,EAAEc,sBAAUE,IALJ;AAMhBZ,EAAAA,wBAAwB,EAAEU,sBAAUE,IANpB;AAOhBf,EAAAA,kBAAkB,EAAEa,sBAAUE,IAPd;AAQhBX,EAAAA,QAAQ,EAAES,sBAAUC;AARJ,CAAlB;AAWAlB,KAAK,CAACoB,YAAN,GAAqB;AACnBf,EAAAA,OAAO,EAAE,EADU;AAEnBC,EAAAA,OAAO,EAAE,EAFU;AAGnBJ,EAAAA,QAAQ,EAAE,EAHS;AAInBC,EAAAA,QAAQ,EAAE,KAJS;AAKnBF,EAAAA,GAAG,EAAE,EALc;AAMnBO,EAAAA,QAAQ,EAAE,SANS;AAOnBJ,EAAAA,kBAAkB,EAAE,KAPD;AAQnBG,EAAAA,wBAAwB,EAAE;AARP,CAArB;eAWeP,K","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport VideoRender from './VideoRender';\nimport Wrapper from '../Wrapper';\nimport getClassModifiers from '../../utils/get-class-modifiers';\nimport { shouldShowProperty } from '../../helpers';\n\nconst Video = ({\n  url,\n  modifier,\n  autoplay,\n  isCaptionDisplayed,\n  caption,\n  credits,\n  areVideoCreditsDisplayed,\n  provider,\n  ...variableProps\n}) => {\n  if (!url) return null;\n\n  const modifiers = `video--${provider.toLowerCase()} ${getClassModifiers('video', {\n    modifier,\n    ...variableProps\n  })}`;\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areVideoCreditsDisplayed,\n    value: credits\n  });\n\n  return (\n    <Wrapper className=\"video\" modifiers={modifiers}>\n      <VideoRender\n        url={url}\n        modifier={modifier}\n        autoplay={autoplay}\n        provider={provider}\n        {...variableProps}\n      />\n      {(shouldDisplayCaption || shouldDisplayCredits) && (\n        <div className=\"video__details\" data-testid=\"video-details\">\n          {shouldDisplayCaption && <div className=\"caption\">{caption}</div>}\n          {shouldDisplayCredits && <div className=\"credits\">{credits}</div>}\n        </div>\n      )}\n    </Wrapper>\n  );\n};\n\nVideo.propTypes = {\n  url: PropTypes.string,\n  modifier: PropTypes.string,\n  caption: PropTypes.string,\n  credits: PropTypes.string,\n  autoplay: PropTypes.bool,\n  areVideoCreditsDisplayed: PropTypes.bool,\n  isCaptionDisplayed: PropTypes.bool,\n  provider: PropTypes.string\n};\n\nVideo.defaultProps = {\n  caption: '',\n  credits: '',\n  modifier: '',\n  autoplay: false,\n  url: '',\n  provider: 'youtube',\n  isCaptionDisplayed: false,\n  areVideoCreditsDisplayed: false\n};\n\nexport default Video;\n"],"file":"Video.js"}
+{"version":3,"sources":["../../../src/components/Video/Video.js"],"names":["Video","url","modifier","autoplay","isCaptionDisplayed","caption","credits","areVideoCreditsDisplayed","provider","playInModal","imageId","props","imageData","data","getFile","loading","modifiers","toLowerCase","shouldDisplayCaption","isDisplayed","value","shouldDisplayCredits","propTypes","PropTypes","string","bool","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport useGetImages from '../../hooks/use-get-images';\nimport VideoRender from './VideoRender';\nimport VideoModal from './VideoModal';\nimport Wrapper from '../Wrapper';\nimport getClassModifiers from '../../utils/get-class-modifiers';\nimport { shouldShowProperty } from '../../helpers';\n\nconst Video = ({\n  url,\n  modifier,\n  autoplay,\n  isCaptionDisplayed,\n  caption,\n  credits,\n  areVideoCreditsDisplayed,\n  provider,\n  playInModal,\n  imageId,\n  ...props\n}) => {\n  const {\n    data: { getFile: imageData },\n    loading\n  } = useGetImages(imageId);\n\n  if (loading) return '';\n  if (!url) return null;\n\n  const modifiers = `video--${provider.toLowerCase()} ${getClassModifiers('video', {\n    modifier,\n    ...props\n  })}`;\n\n  const shouldDisplayCaption = shouldShowProperty({\n    isDisplayed: isCaptionDisplayed,\n    value: caption\n  });\n  const shouldDisplayCredits = shouldShowProperty({\n    isDisplayed: areVideoCreditsDisplayed,\n    value: credits\n  });\n\n  return (\n    <Wrapper className=\"video\" modifiers={modifiers}>\n      {playInModal ? (\n        <VideoModal\n          url={url}\n          modifier={modifier}\n          autoplay={autoplay}\n          provider={provider}\n          imageData={imageData}\n          {...props}\n        />\n      ) : (\n        <VideoRender\n          url={url}\n          modifier={modifier}\n          autoplay={autoplay}\n          provider={provider}\n          imageData={imageData}\n          {...props}\n        />\n      )}\n\n      {(shouldDisplayCaption || shouldDisplayCredits) && (\n        <div className=\"video__details\" data-testid=\"video-details\">\n          {shouldDisplayCaption && <div className=\"caption\">{caption}</div>}\n          {shouldDisplayCredits && <div className=\"credits\">{credits}</div>}\n        </div>\n      )}\n    </Wrapper>\n  );\n};\n\nVideo.propTypes = {\n  url: PropTypes.string,\n  modifier: PropTypes.string,\n  caption: PropTypes.string,\n  credits: PropTypes.string,\n  autoplay: PropTypes.bool,\n  areVideoCreditsDisplayed: PropTypes.bool,\n  isCaptionDisplayed: PropTypes.bool,\n  provider: PropTypes.string,\n  playInModal: PropTypes.bool,\n  imageId: PropTypes.string\n};\n\nVideo.defaultProps = {\n  caption: '',\n  credits: '',\n  modifier: '',\n  imageId: '',\n  url: '',\n  provider: 'youtube',\n  autoplay: false,\n  isCaptionDisplayed: false,\n  areVideoCreditsDisplayed: false,\n  playInModal: false\n};\n\nexport default Video;\n"],"file":"Video.js"}