@blaze-cms/react-page-builder 0.123.0-alpha.6 → 0.123.0-alpha.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/CHANGELOG.md +11 -0
  2. package/lib/components/Menu/Menu.js +18 -2
  3. package/lib/components/Menu/Menu.js.map +1 -1
  4. package/lib-es/components/Menu/Menu.js +18 -2
  5. package/lib-es/components/Menu/Menu.js.map +1 -1
  6. package/package.json +2 -2
  7. package/src/components/Menu/Menu.js +33 -5
package/CHANGELOG.md CHANGED
@@ -3,6 +3,17 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [0.123.0-alpha.7](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.6...v0.123.0-alpha.7) (2022-03-26)
7
+
8
+
9
+ ### Bug Fixes
10
+
11
+ * logo and search input alignment ([c0e9382](https://github.com/thebyte9/blaze/commit/c0e9382769a569b84ba61fbe43d29c6c3a3f6553))
12
+
13
+
14
+
15
+
16
+
6
17
  # [0.123.0-alpha.6](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.5...v0.123.0-alpha.6) (2022-03-26)
7
18
 
8
19
  **Note:** Version bump only for package @blaze-cms/react-page-builder
package/lib/components/Menu/Menu.js CHANGED
@@ -43,7 +43,7 @@ var _constants = require("../../constants");
43
43
 
44
44
  var _SearchContent = _interopRequireDefault(require("../SearchContent"));
45
45
 
46
- var _excluded = ["children", "collapse", "modifier", "mobileMenuModifier", "mobileMenuChildrenModifier", "mobileIconAlignment", "mobileButtonModifier", "hamburgerIconModifier", "searchInputAlignment", "searchInputWrapperMobile", "searchInputWrapperDesktop", "logoOnMobile", "logoOnDesktop", "logoOnMobileUrl", "logoOnMobileAlt", "logoOnMobileModifier", "logoOnDesktopModifier", "closeIconModifier", "entity"];
46
+ var _excluded = ["children", "collapse", "modifier", "mobileMenuModifier", "mobileMenuChildrenModifier", "mobileIconAlignment", "mobileButtonModifier", "hamburgerIconModifier", "searchInputAlignment", "searchInputWrapperMobile", "searchInputWrapperDesktop", "logoOnMobile", "logoOnDesktop", "logoOnMobileUrl", "logoOnMobileAlt", "logoOnMobileModifier", "logoOnDesktopModifier", "logoOnDesktopAlignment", "closeIconModifier", "entity"];
47
47
 
48
48
  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); }
49
49
 
@@ -67,6 +67,7 @@ var Menu = function Menu(_ref) {
67
67
  logoOnMobileAlt = _ref.logoOnMobileAlt,
68
68
  logoOnMobileModifier = _ref.logoOnMobileModifier,
69
69
  logoOnDesktopModifier = _ref.logoOnDesktopModifier,
70
+ logoOnDesktopAlignment = _ref.logoOnDesktopAlignment,
70
71
  closeIconModifier = _ref.closeIconModifier,
71
72
  entity = _ref.entity,
72
73
  rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
@@ -106,19 +107,32 @@ var Menu = function Menu(_ref) {
106
107
  className: "menu--desktop-wrapper"
107
108
  }, /*#__PURE__*/_react["default"].createElement("ul", {
108
109
  className: isMobile ? childrenMobileModifier : childrenDesktopModifier
109
- }, logoOnDesktop && /*#__PURE__*/_react["default"].createElement("a", {
110
+ }, logoOnDesktop && logoOnDesktopAlignment === 'left' && /*#__PURE__*/_react["default"].createElement("a", {
110
111
  href: "/",
111
112
  className: ""
112
113
  }, /*#__PURE__*/_react["default"].createElement("img", {
113
114
  src: logoOnMobileUrl,
114
115
  alt: logoOnMobileAlt,
115
116
  className: logoOnDesktopModifier
117
+ })), searchInputAlignment === 'left' && /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement(_SearchContent["default"], {
118
+ searchInputWrapperMobile: searchInputWrapperMobile,
119
+ searchInputWrapperDesktop: searchInputWrapperDesktop,
120
+ searchInputAlignment: searchInputAlignment,
121
+ entity: entity,
122
+ isMobile: isMobile
116
123
  })), children, searchInputAlignment === 'right' && /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement(_SearchContent["default"], {
117
124
  searchInputWrapperMobile: searchInputWrapperMobile,
118
125
  searchInputWrapperDesktop: searchInputWrapperDesktop,
119
126
  searchInputAlignment: searchInputAlignment,
120
127
  entity: entity,
121
128
  isMobile: isMobile
129
+ })), logoOnDesktop && logoOnDesktopAlignment === 'right' && /*#__PURE__*/_react["default"].createElement("a", {
130
+ href: "/",
131
+ className: ""
132
+ }, /*#__PURE__*/_react["default"].createElement("img", {
133
+ src: logoOnMobileUrl,
134
+ alt: logoOnMobileAlt,
135
+ className: logoOnDesktopModifier
122
136
  })))));
123
137
  };
124
138
 
@@ -130,6 +144,7 @@ Menu.propTypes = {
130
144
  logoOnMobileAlt: _propTypes["default"].string,
131
145
  logoOnMobileModifier: _propTypes["default"].string,
132
146
  logoOnDesktopModifier: _propTypes["default"].string,
147
+ logoOnDesktopAlignment: _propTypes["default"].string,
133
148
  hamburgerIconModifier: _propTypes["default"].string,
134
149
  closeIconModifier: _propTypes["default"].string,
135
150
  mobileButtonModifier: _propTypes["default"].string,
@@ -154,6 +169,7 @@ Menu.defaultProps = {
154
169
  mobileIconAlignment: '',
155
170
  mobileMenuModifier: '',
156
171
  mobileMenuChildrenModifier: '',
172
+ logoOnDesktopAlignment: 'left',
157
173
  searchInputAlignment: 'right',
158
174
  searchInputWrapperMobile: '',
159
175
  searchInputWrapperDesktop: '',
package/lib/components/Menu/Menu.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Menu/Menu.js"],"names":["Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","closeIconModifier","entity","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 searchInputAlignment,\n searchInputWrapperMobile,\n searchInputWrapperDesktop,\n logoOnMobile,\n logoOnDesktop,\n logoOnMobileUrl,\n logoOnMobileAlt,\n logoOnMobileModifier,\n logoOnDesktopModifier,\n\n closeIconModifier,\n entity,\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 <a href=\"/\" className=\"\">\n <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnDesktopModifier} />\n </a>\n )}\n {children}\n {searchInputAlignment === 'right' && (\n <li>\n <SearchContent\n searchInputWrapperMobile={searchInputWrapperMobile}\n searchInputWrapperDesktop={searchInputWrapperDesktop}\n searchInputAlignment={searchInputAlignment}\n entity={entity}\n isMobile={isMobile}\n />\n </li>\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.isRequired,\n logoOnMobileUrl: PropTypes.string,\n logoOnMobileAlt: PropTypes.string,\n logoOnMobileModifier: PropTypes.string,\n logoOnDesktopModifier: 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 entity: PropTypes.string,\n searchInputAlignment: PropTypes.string,\n searchInputWrapperMobile: PropTypes.string,\n searchInputWrapperDesktop: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n logoOnMobileUrl: '',\n logoOnMobileAlt: '',\n logoOnMobileModifier: '',\n logoOnDesktopModifier: '',\n hamburgerIconModifier: '',\n closeIconModifier: '',\n mobileButtonModifier: '',\n mobileIconAlignment: '',\n mobileMenuModifier: '',\n mobileMenuChildrenModifier: '',\n searchInputAlignment: 'right',\n searchInputWrapperMobile: '',\n searchInputWrapperDesktop: '',\n modifier: '',\n entity: 'PublishedPage',\n children: []\n};\n\nexport default Menu;\n"],"file":"Menu.js"}
1
+ {"version":3,"sources":["../../../src/components/Menu/Menu.js"],"names":["Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","logoOnDesktopAlignment","closeIconModifier","entity","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 searchInputAlignment,\n searchInputWrapperMobile,\n searchInputWrapperDesktop,\n logoOnMobile,\n logoOnDesktop,\n logoOnMobileUrl,\n logoOnMobileAlt,\n logoOnMobileModifier,\n logoOnDesktopModifier,\n logoOnDesktopAlignment,\n closeIconModifier,\n entity,\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=\"\">\n <img\n src={logoOnMobileUrl}\n alt={logoOnMobileAlt}\n className={logoOnDesktopModifier}\n />\n </a>\n )}\n {searchInputAlignment === 'left' && (\n <li>\n <SearchContent\n searchInputWrapperMobile={searchInputWrapperMobile}\n searchInputWrapperDesktop={searchInputWrapperDesktop}\n searchInputAlignment={searchInputAlignment}\n entity={entity}\n isMobile={isMobile}\n />\n </li>\n )}\n {children}\n {searchInputAlignment === 'right' && (\n <li>\n <SearchContent\n searchInputWrapperMobile={searchInputWrapperMobile}\n searchInputWrapperDesktop={searchInputWrapperDesktop}\n searchInputAlignment={searchInputAlignment}\n entity={entity}\n isMobile={isMobile}\n />\n </li>\n )}\n {logoOnDesktop &&\n logoOnDesktopAlignment === 'right' && (\n <a href=\"/\" className=\"\">\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.isRequired,\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 entity: PropTypes.string,\n searchInputAlignment: PropTypes.string,\n searchInputWrapperMobile: PropTypes.string,\n searchInputWrapperDesktop: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n logoOnMobileUrl: '',\n logoOnMobileAlt: '',\n logoOnMobileModifier: '',\n logoOnDesktopModifier: '',\n hamburgerIconModifier: '',\n closeIconModifier: '',\n mobileButtonModifier: '',\n mobileIconAlignment: '',\n mobileMenuModifier: '',\n mobileMenuChildrenModifier: '',\n logoOnDesktopAlignment: 'left',\n searchInputAlignment: 'right',\n searchInputWrapperMobile: '',\n searchInputWrapperDesktop: '',\n modifier: '',\n entity: 'PublishedPage',\n children: []\n};\n\nexport default Menu;\n"],"file":"Menu.js"}
package/lib-es/components/Menu/Menu.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
2
- const _excluded = ["children", "collapse", "modifier", "mobileMenuModifier", "mobileMenuChildrenModifier", "mobileIconAlignment", "mobileButtonModifier", "hamburgerIconModifier", "searchInputAlignment", "searchInputWrapperMobile", "searchInputWrapperDesktop", "logoOnMobile", "logoOnDesktop", "logoOnMobileUrl", "logoOnMobileAlt", "logoOnMobileModifier", "logoOnDesktopModifier", "closeIconModifier", "entity"];
2
+ const _excluded = ["children", "collapse", "modifier", "mobileMenuModifier", "mobileMenuChildrenModifier", "mobileIconAlignment", "mobileButtonModifier", "hamburgerIconModifier", "searchInputAlignment", "searchInputWrapperMobile", "searchInputWrapperDesktop", "logoOnMobile", "logoOnDesktop", "logoOnMobileUrl", "logoOnMobileAlt", "logoOnMobileModifier", "logoOnDesktopModifier", "logoOnDesktopAlignment", "closeIconModifier", "entity"];
3
3
  import React, { useState } from 'react';
4
4
  import PropTypes from 'prop-types';
5
5
  import BlazeButton from '@blaze-react/button';
@@ -27,6 +27,7 @@ const Menu = _ref => {
27
27
  logoOnMobileAlt,
28
28
  logoOnMobileModifier,
29
29
  logoOnDesktopModifier,
30
+ logoOnDesktopAlignment,
30
31
  closeIconModifier,
31
32
  entity
32
33
  } = _ref,
@@ -61,19 +62,32 @@ const Menu = _ref => {
61
62
  className: "menu--desktop-wrapper"
62
63
  }, /*#__PURE__*/React.createElement("ul", {
63
64
  className: isMobile ? childrenMobileModifier : childrenDesktopModifier
64
- }, logoOnDesktop && /*#__PURE__*/React.createElement("a", {
65
+ }, logoOnDesktop && logoOnDesktopAlignment === 'left' && /*#__PURE__*/React.createElement("a", {
65
66
  href: "/",
66
67
  className: ""
67
68
  }, /*#__PURE__*/React.createElement("img", {
68
69
  src: logoOnMobileUrl,
69
70
  alt: logoOnMobileAlt,
70
71
  className: logoOnDesktopModifier
72
+ })), searchInputAlignment === 'left' && /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(SearchContent, {
73
+ searchInputWrapperMobile: searchInputWrapperMobile,
74
+ searchInputWrapperDesktop: searchInputWrapperDesktop,
75
+ searchInputAlignment: searchInputAlignment,
76
+ entity: entity,
77
+ isMobile: isMobile
71
78
  })), children, searchInputAlignment === 'right' && /*#__PURE__*/React.createElement("li", null, /*#__PURE__*/React.createElement(SearchContent, {
72
79
  searchInputWrapperMobile: searchInputWrapperMobile,
73
80
  searchInputWrapperDesktop: searchInputWrapperDesktop,
74
81
  searchInputAlignment: searchInputAlignment,
75
82
  entity: entity,
76
83
  isMobile: isMobile
84
+ })), logoOnDesktop && logoOnDesktopAlignment === 'right' && /*#__PURE__*/React.createElement("a", {
85
+ href: "/",
86
+ className: ""
87
+ }, /*#__PURE__*/React.createElement("img", {
88
+ src: logoOnMobileUrl,
89
+ alt: logoOnMobileAlt,
90
+ className: logoOnDesktopModifier
77
91
  })))));
78
92
  };
79
93
 
@@ -85,6 +99,7 @@ Menu.propTypes = {
85
99
  logoOnMobileAlt: PropTypes.string,
86
100
  logoOnMobileModifier: PropTypes.string,
87
101
  logoOnDesktopModifier: PropTypes.string,
102
+ logoOnDesktopAlignment: PropTypes.string,
88
103
  hamburgerIconModifier: PropTypes.string,
89
104
  closeIconModifier: PropTypes.string,
90
105
  mobileButtonModifier: PropTypes.string,
@@ -109,6 +124,7 @@ Menu.defaultProps = {
109
124
  mobileIconAlignment: '',
110
125
  mobileMenuModifier: '',
111
126
  mobileMenuChildrenModifier: '',
127
+ logoOnDesktopAlignment: 'left',
112
128
  searchInputAlignment: 'right',
113
129
  searchInputWrapperMobile: '',
114
130
  searchInputWrapperDesktop: '',
package/lib-es/components/Menu/Menu.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/Menu/Menu.js"],"names":["React","useState","PropTypes","BlazeButton","MdMenu","MdClose","useCheckMobileScreen","HIDDEN","SearchContent","Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","closeIconModifier","entity","rest","isMobile","showMobileMenu","setShowMobileMenu","shouldDisplayCollapsed","mobileButtonClass","shouldDisplayChildren","childrenDesktopModifier","childrenMobileModifier","isMobileMenuExpanded","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 searchInputAlignment,\n searchInputWrapperMobile,\n searchInputWrapperDesktop,\n logoOnMobile,\n logoOnDesktop,\n logoOnMobileUrl,\n logoOnMobileAlt,\n logoOnMobileModifier,\n logoOnDesktopModifier,\n\n closeIconModifier,\n entity,\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 <a href=\"/\" className=\"\">\n <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnDesktopModifier} />\n </a>\n )}\n {children}\n {searchInputAlignment === 'right' && (\n <li>\n <SearchContent\n searchInputWrapperMobile={searchInputWrapperMobile}\n searchInputWrapperDesktop={searchInputWrapperDesktop}\n searchInputAlignment={searchInputAlignment}\n entity={entity}\n isMobile={isMobile}\n />\n </li>\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.isRequired,\n logoOnMobileUrl: PropTypes.string,\n logoOnMobileAlt: PropTypes.string,\n logoOnMobileModifier: PropTypes.string,\n logoOnDesktopModifier: 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 entity: PropTypes.string,\n searchInputAlignment: PropTypes.string,\n searchInputWrapperMobile: PropTypes.string,\n searchInputWrapperDesktop: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n logoOnMobileUrl: '',\n logoOnMobileAlt: '',\n logoOnMobileModifier: '',\n logoOnDesktopModifier: '',\n hamburgerIconModifier: '',\n closeIconModifier: '',\n mobileButtonModifier: '',\n mobileIconAlignment: '',\n mobileMenuModifier: '',\n mobileMenuChildrenModifier: '',\n searchInputAlignment: 'right',\n searchInputWrapperMobile: '',\n searchInputWrapperDesktop: '',\n modifier: '',\n entity: 'PublishedPage',\n children: []\n};\n\nexport default Menu;\n"],"file":"Menu.js"}
1
+ {"version":3,"sources":["../../../src/components/Menu/Menu.js"],"names":["React","useState","PropTypes","BlazeButton","MdMenu","MdClose","useCheckMobileScreen","HIDDEN","SearchContent","Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","searchInputAlignment","searchInputWrapperMobile","searchInputWrapperDesktop","logoOnMobile","logoOnDesktop","logoOnMobileUrl","logoOnMobileAlt","logoOnMobileModifier","logoOnDesktopModifier","logoOnDesktopAlignment","closeIconModifier","entity","rest","isMobile","showMobileMenu","setShowMobileMenu","shouldDisplayCollapsed","mobileButtonClass","shouldDisplayChildren","childrenDesktopModifier","childrenMobileModifier","isMobileMenuExpanded","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 searchInputAlignment,\n searchInputWrapperMobile,\n searchInputWrapperDesktop,\n logoOnMobile,\n logoOnDesktop,\n logoOnMobileUrl,\n logoOnMobileAlt,\n logoOnMobileModifier,\n logoOnDesktopModifier,\n logoOnDesktopAlignment,\n closeIconModifier,\n entity,\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=\"\">\n <img\n src={logoOnMobileUrl}\n alt={logoOnMobileAlt}\n className={logoOnDesktopModifier}\n />\n </a>\n )}\n {searchInputAlignment === 'left' && (\n <li>\n <SearchContent\n searchInputWrapperMobile={searchInputWrapperMobile}\n searchInputWrapperDesktop={searchInputWrapperDesktop}\n searchInputAlignment={searchInputAlignment}\n entity={entity}\n isMobile={isMobile}\n />\n </li>\n )}\n {children}\n {searchInputAlignment === 'right' && (\n <li>\n <SearchContent\n searchInputWrapperMobile={searchInputWrapperMobile}\n searchInputWrapperDesktop={searchInputWrapperDesktop}\n searchInputAlignment={searchInputAlignment}\n entity={entity}\n isMobile={isMobile}\n />\n </li>\n )}\n {logoOnDesktop &&\n logoOnDesktopAlignment === 'right' && (\n <a href=\"/\" className=\"\">\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.isRequired,\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 entity: PropTypes.string,\n searchInputAlignment: PropTypes.string,\n searchInputWrapperMobile: PropTypes.string,\n searchInputWrapperDesktop: PropTypes.string,\n children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node])\n};\n\nMenu.defaultProps = {\n logoOnMobileUrl: '',\n logoOnMobileAlt: '',\n logoOnMobileModifier: '',\n logoOnDesktopModifier: '',\n hamburgerIconModifier: '',\n closeIconModifier: '',\n mobileButtonModifier: '',\n mobileIconAlignment: '',\n mobileMenuModifier: '',\n mobileMenuChildrenModifier: '',\n logoOnDesktopAlignment: 'left',\n searchInputAlignment: 'right',\n searchInputWrapperMobile: '',\n searchInputWrapperDesktop: '',\n modifier: '',\n entity: 'PublishedPage',\n children: []\n};\n\nexport default Menu;\n"],"file":"Menu.js"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@blaze-cms/react-page-builder",
3
- "version": "0.123.0-alpha.6",
3
+ "version": "0.123.0-alpha.7",
4
4
  "description": "Blaze react page builder",
5
5
  "main": "lib/index.js",
6
6
  "module": "lib-es/index.js",
@@ -84,5 +84,5 @@
84
84
  "lib/*",
85
85
  "lib-es/*"
86
86
  ],
87
- "gitHead": "1fb4fde4f48af60930ae4c836c68dc58bac6cbe3"
87
+ "gitHead": "ee3d3ed7ed59e0c9c7f6989e08ddc8479678add1"
88
88
  }
package/src/components/Menu/Menu.js CHANGED
@@ -24,7 +24,7 @@ const Menu = ({
24
24
  logoOnMobileAlt,
25
25
  logoOnMobileModifier,
26
26
  logoOnDesktopModifier,
27
-
27
+ logoOnDesktopAlignment,
28
28
  closeIconModifier,
29
29
  entity,
30
30
  ...rest
@@ -71,10 +71,26 @@ const Menu = ({
71
71
 
72
72
  <div className="menu--desktop-wrapper">
73
73
  <ul className={isMobile ? childrenMobileModifier : childrenDesktopModifier}>
74
- {logoOnDesktop && (
75
- <a href="/" className="">
76
- <img src={logoOnMobileUrl} alt={logoOnMobileAlt} className={logoOnDesktopModifier} />
77
- </a>
74
+ {logoOnDesktop &&
75
+ logoOnDesktopAlignment === 'left' && (
76
+ <a href="/" className="">
77
+ <img
78
+ src={logoOnMobileUrl}
79
+ alt={logoOnMobileAlt}
80
+ className={logoOnDesktopModifier}
81
+ />
82
+ </a>
83
+ )}
84
+ {searchInputAlignment === 'left' && (
85
+ <li>
86
+ <SearchContent
87
+ searchInputWrapperMobile={searchInputWrapperMobile}
88
+ searchInputWrapperDesktop={searchInputWrapperDesktop}
89
+ searchInputAlignment={searchInputAlignment}
90
+ entity={entity}
91
+ isMobile={isMobile}
92
+ />
93
+ </li>
78
94
  )}
79
95
  {children}
80
96
  {searchInputAlignment === 'right' && (
@@ -88,6 +104,16 @@ const Menu = ({
88
104
  />
89
105
  </li>
90
106
  )}
107
+ {logoOnDesktop &&
108
+ logoOnDesktopAlignment === 'right' && (
109
+ <a href="/" className="">
110
+ <img
111
+ src={logoOnMobileUrl}
112
+ alt={logoOnMobileAlt}
113
+ className={logoOnDesktopModifier}
114
+ />
115
+ </a>
116
+ )}
91
117
  </ul>
92
118
  </div>
93
119
  </>
@@ -102,6 +128,7 @@ Menu.propTypes = {
102
128
  logoOnMobileAlt: PropTypes.string,
103
129
  logoOnMobileModifier: PropTypes.string,
104
130
  logoOnDesktopModifier: PropTypes.string,
131
+ logoOnDesktopAlignment: PropTypes.string,
105
132
  hamburgerIconModifier: PropTypes.string,
106
133
  closeIconModifier: PropTypes.string,
107
134
  mobileButtonModifier: PropTypes.string,
@@ -127,6 +154,7 @@ Menu.defaultProps = {
127
154
  mobileIconAlignment: '',
128
155
  mobileMenuModifier: '',
129
156
  mobileMenuChildrenModifier: '',
157
+ logoOnDesktopAlignment: 'left',
130
158
  searchInputAlignment: 'right',
131
159
  searchInputWrapperMobile: '',
132
160
  searchInputWrapperDesktop: '',