@blaze-cms/react-page-builder 0.123.0-alpha.3 → 0.123.0-alpha.6
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.
- package/CHANGELOG.md +27 -0
- package/lib/components/DataSummary/helpers/build-props-to-display-with-content.js +20 -3
- package/lib/components/DataSummary/helpers/build-props-to-display-with-content.js.map +1 -1
- package/lib/components/DataSummary/helpers/get-link-based-on-value.js +28 -0
- package/lib/components/DataSummary/helpers/get-link-based-on-value.js.map +1 -0
- package/lib/components/DataSummary/helpers/index.js +8 -0
- package/lib/components/DataSummary/helpers/index.js.map +1 -1
- package/lib/components/Menu/Menu.js +17 -8
- package/lib/components/Menu/Menu.js.map +1 -1
- package/lib/components/SearchContent/index.js +65 -43
- package/lib/components/SearchContent/index.js.map +1 -1
- package/lib/constants/index.js +6 -2
- package/lib/constants/index.js.map +1 -1
- package/lib-es/components/DataSummary/helpers/build-props-to-display-with-content.js +19 -3
- package/lib-es/components/DataSummary/helpers/build-props-to-display-with-content.js.map +1 -1
- package/lib-es/components/DataSummary/helpers/get-link-based-on-value.js +16 -0
- package/lib-es/components/DataSummary/helpers/get-link-based-on-value.js.map +1 -0
- package/lib-es/components/DataSummary/helpers/index.js +2 -1
- package/lib-es/components/DataSummary/helpers/index.js.map +1 -1
- package/lib-es/components/Menu/Menu.js +17 -8
- package/lib-es/components/Menu/Menu.js.map +1 -1
- package/lib-es/components/SearchContent/index.js +29 -24
- package/lib-es/components/SearchContent/index.js.map +1 -1
- package/lib-es/constants/index.js +3 -1
- package/lib-es/constants/index.js.map +1 -1
- package/package.json +2 -2
- package/src/components/DataSummary/helpers/build-props-to-display-with-content.js +15 -3
- package/src/components/DataSummary/helpers/get-link-based-on-value.js +14 -0
- package/src/components/DataSummary/helpers/index.js +3 -1
- package/src/components/Menu/Menu.js +25 -11
- package/src/components/SearchContent/index.js +40 -30
- package/src/constants/index.js +6 -1
- package/tests/unit/src/components/DataSummary/helpers/build-props-to-display-with-content.test.js +22 -0
- package/tests/unit/src/components/DataSummary/helpers/get-link-based-on-value.test.js +29 -0
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,33 @@
|
|
|
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.6](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.5...v0.123.0-alpha.6) (2022-03-26)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @blaze-cms/react-page-builder
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
# [0.123.0-alpha.5](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.4...v0.123.0-alpha.5) (2022-03-26)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @blaze-cms/react-page-builder
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
# [0.123.0-alpha.4](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.3...v0.123.0-alpha.4) (2022-03-25)
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
### Features
|
|
26
|
+
|
|
27
|
+
* 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))
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
|
|
31
|
+
|
|
32
|
+
|
|
6
33
|
# [0.123.0-alpha.3](https://github.com/thebyte9/blaze/compare/v0.123.0-alpha.2...v0.123.0-alpha.3) (2022-03-25)
|
|
7
34
|
|
|
8
35
|
|
|
@@ -31,6 +31,8 @@ var _getLinkToPublishedContent = _interopRequireDefault(require("./get-link-to-p
|
|
|
31
31
|
|
|
32
32
|
var _getPropValue = _interopRequireDefault(require("./get-prop-value"));
|
|
33
33
|
|
|
34
|
+
var _getLinkBasedOnValue = _interopRequireDefault(require("./get-link-based-on-value"));
|
|
35
|
+
|
|
34
36
|
var buildPropsToDisplayWithContent = function buildPropsToDisplayWithContent(props) {
|
|
35
37
|
var propsToDisplay = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
36
38
|
|
|
@@ -48,17 +50,32 @@ var buildPropsToDisplayWithContent = function buildPropsToDisplayWithContent(pro
|
|
|
48
50
|
var propertiesToDisplay = options.propertiesToDisplay,
|
|
49
51
|
label = options.label,
|
|
50
52
|
_options$modifier = options.modifier,
|
|
51
|
-
modifier = _options$modifier === void 0 ? '' : _options$modifier
|
|
53
|
+
modifier = _options$modifier === void 0 ? '' : _options$modifier,
|
|
54
|
+
enableLink = options.enableLink;
|
|
52
55
|
return propertiesToDisplay.map(function (key) {
|
|
53
56
|
if (!key) return null;
|
|
54
57
|
var objPropValue = (0, _getPropValue["default"])(key, props, options);
|
|
55
58
|
if (!objPropValue) return null;
|
|
56
|
-
var
|
|
57
|
-
return [(0, _lodash["default"])(label), objPropValue,
|
|
59
|
+
var link = getLink(enableLink, key, props, objPropValue);
|
|
60
|
+
return [(0, _lodash["default"])(label), objPropValue, link, modifier];
|
|
58
61
|
});
|
|
59
62
|
})).filter(Boolean);
|
|
60
63
|
};
|
|
61
64
|
|
|
62
65
|
var _default = buildPropsToDisplayWithContent;
|
|
63
66
|
exports["default"] = _default;
|
|
67
|
+
|
|
68
|
+
function getLink(enableLink, key, props, objPropValue) {
|
|
69
|
+
var link = '';
|
|
70
|
+
|
|
71
|
+
if (enableLink) {
|
|
72
|
+
link = (0, _getLinkToPublishedContent["default"])(key, props);
|
|
73
|
+
|
|
74
|
+
if (!link) {
|
|
75
|
+
link = (0, _getLinkBasedOnValue["default"])(objPropValue);
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
return link;
|
|
80
|
+
}
|
|
64
81
|
//# sourceMappingURL=build-props-to-display-with-content.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/DataSummary/helpers/build-props-to-display-with-content.js"],"names":["buildPropsToDisplayWithContent","props","propsToDisplay","map","key","propValue","propName","split","join","filter","Boolean","options","propertiesToDisplay","label","modifier","objPropValue","
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/DataSummary/helpers/build-props-to-display-with-content.js"],"names":["buildPropsToDisplayWithContent","props","propsToDisplay","map","key","propValue","propName","split","join","filter","Boolean","options","propertiesToDisplay","label","modifier","enableLink","objPropValue","link","getLink"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAEA,IAAMA,8BAA8B,GAAG,SAAjCA,8BAAiC,CAACC,KAAD,EAAgC;AAAA,MAAxBC,cAAwB,uEAAP,EAAO;;AACrE,MAAI,CAAC,uBAASA,cAAc,CAAC,CAAD,CAAvB,CAAL,EAAkC;AAChC,WAAOA,cAAc,CAClBC,GADI,CACA,UAAAC,GAAG,EAAI;AACV,UAAI,CAACA,GAAL,EAAU,OAAO,IAAP;AACV,UAAMC,SAAS,GAAG,8BAAaD,GAAb,EAAkBH,KAAlB,CAAlB;AACA,UAAI,CAACI,SAAL,EAAgB,OAAO,IAAP;AAChB,UAAMC,QAAQ,GAAGF,GAAG,CAACG,KAAJ,CAAU,GAAV,EAAeC,IAAf,CAAoB,GAApB,CAAjB;AACA,aAAO,CAAC,wBAAWF,QAAX,CAAD,EAAuBD,SAAvB,EAAkC,EAAlC,EAAsC,EAAtC,CAAP;AACD,KAPI,EAQJI,MARI,CAQGC,OARH,CAAP;AASD;;AAED,SAAO,yBACLR,cAAc,CAACC,GAAf,CAAmB,UAAAQ,OAAO,EAAI;AAC5B,QAAQC,mBAAR,GAAkED,OAAlE,CAAQC,mBAAR;AAAA,QAA6BC,KAA7B,GAAkEF,OAAlE,CAA6BE,KAA7B;AAAA,4BAAkEF,OAAlE,CAAoCG,QAApC;AAAA,QAAoCA,QAApC,kCAA+C,EAA/C;AAAA,QAAmDC,UAAnD,GAAkEJ,OAAlE,CAAmDI,UAAnD;AACA,WAAOH,mBAAmB,CAACT,GAApB,CAAwB,UAAAC,GAAG,EAAI;AACpC,UAAI,CAACA,GAAL,EAAU,OAAO,IAAP;AAEV,UAAMY,YAAY,GAAG,8BAAaZ,GAAb,EAAkBH,KAAlB,EAAyBU,OAAzB,CAArB;AACA,UAAI,CAACK,YAAL,EAAmB,OAAO,IAAP;AAEnB,UAAMC,IAAI,GAAGC,OAAO,CAACH,UAAD,EAAaX,GAAb,EAAkBH,KAAlB,EAAyBe,YAAzB,CAApB;AAEA,aAAO,CAAC,wBAAWH,KAAX,CAAD,EAAoBG,YAApB,EAAkCC,IAAlC,EAAwCH,QAAxC,CAAP;AACD,KATM,CAAP;AAUD,GAZD,CADK,EAcLL,MAdK,CAcEC,OAdF,CAAP;AAeD,CA5BD;;eA8BeV,8B;;;AACf,SAASkB,OAAT,CAAiBH,UAAjB,EAA6BX,GAA7B,EAAkCH,KAAlC,EAAyCe,YAAzC,EAAuD;AACrD,MAAIC,IAAI,GAAG,EAAX;;AACA,MAAIF,UAAJ,EAAgB;AACdE,IAAAA,IAAI,GAAG,2CAA0Bb,GAA1B,EAA+BH,KAA/B,CAAP;;AACA,QAAI,CAACgB,IAAL,EAAW;AACTA,MAAAA,IAAI,GAAG,qCAAoBD,YAApB,CAAP;AACD;AACF;;AACD,SAAOC,IAAP;AACD","sourcesContent":["import upperFirst from 'lodash.upperfirst';\nimport flatten from 'lodash.flatten';\nimport { isObject } from '../../../helpers';\nimport getLinkToPublishedContent from './get-link-to-published-content';\nimport getPropValue from './get-prop-value';\nimport getLinkBasedOnValue from './get-link-based-on-value';\n\nconst buildPropsToDisplayWithContent = (props, propsToDisplay = []) => {\n if (!isObject(propsToDisplay[0])) {\n return propsToDisplay\n .map(key => {\n if (!key) return null;\n const propValue = getPropValue(key, props);\n if (!propValue) return null;\n const propName = key.split('.').join(' ');\n return [upperFirst(propName), propValue, '', ''];\n })\n .filter(Boolean);\n }\n\n return flatten(\n propsToDisplay.map(options => {\n const { propertiesToDisplay, label, modifier = '', enableLink } = options;\n return propertiesToDisplay.map(key => {\n if (!key) return null;\n\n const objPropValue = getPropValue(key, props, options);\n if (!objPropValue) return null;\n\n const link = getLink(enableLink, key, props, objPropValue);\n\n return [upperFirst(label), objPropValue, link, modifier];\n });\n })\n ).filter(Boolean);\n};\n\nexport default buildPropsToDisplayWithContent;\nfunction getLink(enableLink, key, props, objPropValue) {\n let link = '';\n if (enableLink) {\n link = getLinkToPublishedContent(key, props);\n if (!link) {\n link = getLinkBasedOnValue(objPropValue);\n }\n }\n return link;\n}\n"],"file":"build-props-to-display-with-content.js"}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
require("core-js/modules/es.object.define-property.js");
|
|
4
|
+
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports["default"] = void 0;
|
|
9
|
+
|
|
10
|
+
require("core-js/modules/es.regexp.exec.js");
|
|
11
|
+
|
|
12
|
+
var _constants = require("../../../constants");
|
|
13
|
+
|
|
14
|
+
function getLinkBasedOnValue(value) {
|
|
15
|
+
if (_constants.DATA_SUMMARY_EMAIL_REGEX.test(value)) {
|
|
16
|
+
return "mailto:".concat(value);
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
if (_constants.DATA_SUMMARY_URL_REGEX.test(value)) {
|
|
20
|
+
return value;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
return '';
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
var _default = getLinkBasedOnValue;
|
|
27
|
+
exports["default"] = _default;
|
|
28
|
+
//# sourceMappingURL=get-link-based-on-value.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/DataSummary/helpers/get-link-based-on-value.js"],"names":["getLinkBasedOnValue","value","DATA_SUMMARY_EMAIL_REGEX","test","DATA_SUMMARY_URL_REGEX"],"mappings":";;;;;;;;;;;AAAA;;AAEA,SAASA,mBAAT,CAA6BC,KAA7B,EAAoC;AAClC,MAAIC,oCAAyBC,IAAzB,CAA8BF,KAA9B,CAAJ,EAA0C;AACxC,4BAAiBA,KAAjB;AACD;;AACD,MAAIG,kCAAuBD,IAAvB,CAA4BF,KAA5B,CAAJ,EAAwC;AACtC,WAAOA,KAAP;AACD;;AAED,SAAO,EAAP;AACD;;eAEcD,mB","sourcesContent":["import { DATA_SUMMARY_EMAIL_REGEX, DATA_SUMMARY_URL_REGEX } from '../../../constants';\n\nfunction getLinkBasedOnValue(value) {\n if (DATA_SUMMARY_EMAIL_REGEX.test(value)) {\n return `mailto:${value}`;\n }\n if (DATA_SUMMARY_URL_REGEX.test(value)) {\n return value;\n }\n\n return '';\n}\n\nexport default getLinkBasedOnValue;\n"],"file":"get-link-based-on-value.js"}
|
|
@@ -25,6 +25,12 @@ Object.defineProperty(exports, "getDataSummaryQuery", {
|
|
|
25
25
|
return _getDataSummaryQuery["default"];
|
|
26
26
|
}
|
|
27
27
|
});
|
|
28
|
+
Object.defineProperty(exports, "getLinkBasedOnValue", {
|
|
29
|
+
enumerable: true,
|
|
30
|
+
get: function get() {
|
|
31
|
+
return _getLinkBasedOnValue["default"];
|
|
32
|
+
}
|
|
33
|
+
});
|
|
28
34
|
Object.defineProperty(exports, "getLinkToPublishedContent", {
|
|
29
35
|
enumerable: true,
|
|
30
36
|
get: function get() {
|
|
@@ -55,4 +61,6 @@ var _stripSummaryPropsContent = _interopRequireDefault(require("./strip-summary-
|
|
|
55
61
|
var _buildLoopPropsContent = _interopRequireDefault(require("./build-loop-props-content"));
|
|
56
62
|
|
|
57
63
|
var _parseBooleanValues = _interopRequireDefault(require("./parse-boolean-values"));
|
|
64
|
+
|
|
65
|
+
var _getLinkBasedOnValue = _interopRequireDefault(require("./get-link-based-on-value"));
|
|
58
66
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/DataSummary/helpers/index.js"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/DataSummary/helpers/index.js"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["import getDataSummaryQuery from './get-data-summary-query';\nimport buildPropsToDisplayWithContent from './build-props-to-display-with-content';\nimport getLinkToPublishedContent from './get-link-to-published-content';\nimport stripSummaryPropsContent from './strip-summary-props-content';\nimport buildLoopPropsContent from './build-loop-props-content';\nimport parseBooleanValues from './parse-boolean-values';\nimport getLinkBasedOnValue from './get-link-based-on-value';\n\nexport {\n getDataSummaryQuery,\n buildPropsToDisplayWithContent,\n getLinkToPublishedContent,\n stripSummaryPropsContent,\n buildLoopPropsContent,\n parseBooleanValues,\n getLinkBasedOnValue\n};\n"],"file":"index.js"}
|
|
@@ -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", "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", "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
|
|
|
@@ -59,6 +59,8 @@ var Menu = function Menu(_ref) {
|
|
|
59
59
|
mobileButtonModifier = _ref.mobileButtonModifier,
|
|
60
60
|
hamburgerIconModifier = _ref.hamburgerIconModifier,
|
|
61
61
|
searchInputAlignment = _ref.searchInputAlignment,
|
|
62
|
+
searchInputWrapperMobile = _ref.searchInputWrapperMobile,
|
|
63
|
+
searchInputWrapperDesktop = _ref.searchInputWrapperDesktop,
|
|
62
64
|
logoOnMobile = _ref.logoOnMobile,
|
|
63
65
|
logoOnDesktop = _ref.logoOnDesktop,
|
|
64
66
|
logoOnMobileUrl = _ref.logoOnMobileUrl,
|
|
@@ -94,10 +96,7 @@ var Menu = function Menu(_ref) {
|
|
|
94
96
|
className: closeIconModifier
|
|
95
97
|
}) : /*#__PURE__*/_react["default"].createElement(_md.MdMenu, {
|
|
96
98
|
className: hamburgerIconModifier
|
|
97
|
-
}))),
|
|
98
|
-
searchInputAlignment: searchInputAlignment,
|
|
99
|
-
entity: entity
|
|
100
|
-
}))), logoOnMobile && !showMobileMenu && /*#__PURE__*/_react["default"].createElement("a", {
|
|
99
|
+
}))))), logoOnMobile && /*#__PURE__*/_react["default"].createElement("a", {
|
|
101
100
|
href: "/"
|
|
102
101
|
}, /*#__PURE__*/_react["default"].createElement("img", {
|
|
103
102
|
src: logoOnMobileUrl,
|
|
@@ -114,7 +113,13 @@ var Menu = function Menu(_ref) {
|
|
|
114
113
|
src: logoOnMobileUrl,
|
|
115
114
|
alt: logoOnMobileAlt,
|
|
116
115
|
className: logoOnDesktopModifier
|
|
117
|
-
})), children
|
|
116
|
+
})), children, searchInputAlignment === 'right' && /*#__PURE__*/_react["default"].createElement("li", null, /*#__PURE__*/_react["default"].createElement(_SearchContent["default"], {
|
|
117
|
+
searchInputWrapperMobile: searchInputWrapperMobile,
|
|
118
|
+
searchInputWrapperDesktop: searchInputWrapperDesktop,
|
|
119
|
+
searchInputAlignment: searchInputAlignment,
|
|
120
|
+
entity: entity,
|
|
121
|
+
isMobile: isMobile
|
|
122
|
+
})))));
|
|
118
123
|
};
|
|
119
124
|
|
|
120
125
|
Menu.propTypes = {
|
|
@@ -132,8 +137,10 @@ Menu.propTypes = {
|
|
|
132
137
|
mobileMenuChildrenModifier: _propTypes["default"].string,
|
|
133
138
|
modifier: _propTypes["default"].string,
|
|
134
139
|
mobileIconAlignment: _propTypes["default"].string,
|
|
135
|
-
searchInputAlignment: _propTypes["default"].string,
|
|
136
140
|
entity: _propTypes["default"].string,
|
|
141
|
+
searchInputAlignment: _propTypes["default"].string,
|
|
142
|
+
searchInputWrapperMobile: _propTypes["default"].string,
|
|
143
|
+
searchInputWrapperDesktop: _propTypes["default"].string,
|
|
137
144
|
children: _propTypes["default"].oneOfType([_propTypes["default"].arrayOf(_propTypes["default"].node), _propTypes["default"].node])
|
|
138
145
|
};
|
|
139
146
|
Menu.defaultProps = {
|
|
@@ -147,7 +154,9 @@ Menu.defaultProps = {
|
|
|
147
154
|
mobileIconAlignment: '',
|
|
148
155
|
mobileMenuModifier: '',
|
|
149
156
|
mobileMenuChildrenModifier: '',
|
|
150
|
-
searchInputAlignment: '',
|
|
157
|
+
searchInputAlignment: 'right',
|
|
158
|
+
searchInputWrapperMobile: '',
|
|
159
|
+
searchInputWrapperDesktop: '',
|
|
151
160
|
modifier: '',
|
|
152
161
|
entity: 'PublishedPage',
|
|
153
162
|
children: []
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/Menu/Menu.js"],"names":["Menu","children","collapse","modifier","mobileMenuModifier","mobileMenuChildrenModifier","mobileIconAlignment","mobileButtonModifier","hamburgerIconModifier","searchInputAlignment","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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO,
|
|
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,9 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
require("core-js/modules/es.array.iterator.js");
|
|
4
|
+
|
|
5
|
+
require("core-js/modules/es.object.to-string.js");
|
|
6
|
+
|
|
7
|
+
require("core-js/modules/es.string.iterator.js");
|
|
8
|
+
|
|
9
|
+
require("core-js/modules/es.weak-map.js");
|
|
10
|
+
|
|
11
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
12
|
+
|
|
3
13
|
require("core-js/modules/es.object.define-property.js");
|
|
4
14
|
|
|
15
|
+
require("core-js/modules/es.object.get-own-property-descriptor.js");
|
|
16
|
+
|
|
5
17
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
6
18
|
|
|
19
|
+
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
20
|
+
|
|
7
21
|
Object.defineProperty(exports, "__esModule", {
|
|
8
22
|
value: true
|
|
9
23
|
});
|
|
@@ -25,7 +39,7 @@ require("core-js/modules/es.string.match.js");
|
|
|
25
39
|
|
|
26
40
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
27
41
|
|
|
28
|
-
var _react = require("react");
|
|
42
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
29
43
|
|
|
30
44
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
31
45
|
|
|
@@ -35,11 +49,19 @@ var _router = require("next/router");
|
|
|
35
49
|
|
|
36
50
|
var _query = require("../../application/query");
|
|
37
51
|
|
|
52
|
+
var _BlazeLink = _interopRequireDefault(require("../BlazeLink"));
|
|
53
|
+
|
|
38
54
|
var _templateObject;
|
|
39
55
|
|
|
56
|
+
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); }
|
|
57
|
+
|
|
58
|
+
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; }
|
|
59
|
+
|
|
40
60
|
var SearchContent = function SearchContent(_ref) {
|
|
41
|
-
var
|
|
42
|
-
|
|
61
|
+
var entity = _ref.entity,
|
|
62
|
+
searchInputWrapperMobile = _ref.searchInputWrapperMobile,
|
|
63
|
+
searchInputWrapperDesktop = _ref.searchInputWrapperDesktop,
|
|
64
|
+
isMobile = _ref.isMobile;
|
|
43
65
|
|
|
44
66
|
var _useState = (0, _react.useState)(true),
|
|
45
67
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
|
@@ -52,11 +74,6 @@ var SearchContent = function SearchContent(_ref) {
|
|
|
52
74
|
setSearchTerm = _useState4[1];
|
|
53
75
|
|
|
54
76
|
var router = (0, _router.useRouter)();
|
|
55
|
-
var alignmentModifier = '';
|
|
56
|
-
|
|
57
|
-
if (searchInputAlignment && searchInputAlignment !== '') {
|
|
58
|
-
alignmentModifier = searchInputAlignment === 'left' ? 'left-6' : 'right-16';
|
|
59
|
-
}
|
|
60
77
|
|
|
61
78
|
var capitalize = function capitalize(s) {
|
|
62
79
|
if (typeof s !== 'string') return '';
|
|
@@ -98,23 +115,23 @@ var SearchContent = function SearchContent(_ref) {
|
|
|
98
115
|
if (loading) return null;
|
|
99
116
|
if (error) return "Error! ".concat(error);
|
|
100
117
|
|
|
118
|
+
var handleClick = function handleClick(e, url) {
|
|
119
|
+
e.preventDefault();
|
|
120
|
+
router.push(url);
|
|
121
|
+
};
|
|
122
|
+
|
|
101
123
|
var renderResults = function renderResults() {
|
|
102
124
|
// eslint-disable-next-line no-undef
|
|
103
125
|
var _data$searchPublished = data === null || data === void 0 ? void 0 : data.searchPublishedContent,
|
|
104
126
|
results = _data$searchPublished.results;
|
|
105
127
|
|
|
106
|
-
var handleClick = function handleClick(e, url) {
|
|
107
|
-
e.preventDefault();
|
|
108
|
-
router.push(url);
|
|
109
|
-
};
|
|
110
|
-
|
|
111
128
|
if (results && searchTerm && searchTerm !== '') {
|
|
112
129
|
return results.map(function (_ref2) {
|
|
113
130
|
var name = _ref2.name,
|
|
114
131
|
url = _ref2.url;
|
|
115
132
|
|
|
116
133
|
if (name.match(searchTerm)) {
|
|
117
|
-
return /*#__PURE__*/
|
|
134
|
+
return /*#__PURE__*/_react["default"].createElement(_BlazeLink["default"], {
|
|
118
135
|
href: url,
|
|
119
136
|
onClick: function onClick(e) {
|
|
120
137
|
return handleClick(e, url);
|
|
@@ -130,24 +147,24 @@ var SearchContent = function SearchContent(_ref) {
|
|
|
130
147
|
};
|
|
131
148
|
|
|
132
149
|
var searchResultsMessage = searchTerm ? "Search results for: ".concat(searchTerm) : '';
|
|
133
|
-
return collapsed ? /*#__PURE__*/
|
|
134
|
-
className:
|
|
135
|
-
}, /*#__PURE__*/
|
|
150
|
+
return collapsed ? /*#__PURE__*/_react["default"].createElement("div", {
|
|
151
|
+
className: isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop
|
|
152
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
136
153
|
className: "w-11 mx-auto"
|
|
137
|
-
}, /*#__PURE__*/
|
|
154
|
+
}, /*#__PURE__*/_react["default"].createElement("label", {
|
|
138
155
|
className: "relative block"
|
|
139
|
-
}, /*#__PURE__*/
|
|
156
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
140
157
|
className: "absolute inset-y-0 right-3 flex items-center pl-2 cursor-pointer"
|
|
141
|
-
}, /*#__PURE__*/
|
|
158
|
+
}, /*#__PURE__*/_react["default"].createElement("svg", {
|
|
142
159
|
className: "h-5 w-5 fill-slate-300",
|
|
143
160
|
viewBox: "0 0 20 20"
|
|
144
|
-
}, /*#__PURE__*/
|
|
161
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
145
162
|
fillRule: "evenodd",
|
|
146
163
|
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",
|
|
147
164
|
clipRule: "evenodd"
|
|
148
|
-
}))), /*#__PURE__*/
|
|
165
|
+
}))), /*#__PURE__*/_react["default"].createElement("span", {
|
|
149
166
|
className: "sr-only"
|
|
150
|
-
}, "Search"), /*#__PURE__*/
|
|
167
|
+
}, "Search"), /*#__PURE__*/_react["default"].createElement("input", {
|
|
151
168
|
onFocus: function onFocus() {
|
|
152
169
|
return setCollapsed(false);
|
|
153
170
|
},
|
|
@@ -157,52 +174,57 @@ var SearchContent = function SearchContent(_ref) {
|
|
|
157
174
|
type: "text",
|
|
158
175
|
name: "search",
|
|
159
176
|
value: "",
|
|
160
|
-
className: "disabled:bg-white block bg-white w-full rounded-
|
|
161
|
-
})))) : /*#__PURE__*/
|
|
162
|
-
className: "
|
|
163
|
-
}, /*#__PURE__*/
|
|
177
|
+
className: "disabled:bg-white block bg-white w-full rounded-none border-white py-2 pl-5 pr-3 placeholder:italic placeholder:text-gray-400 focus:outline-none sm:text-sm"
|
|
178
|
+
})))) : /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
|
|
179
|
+
className: "".concat(isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop)
|
|
180
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
164
181
|
className: "w-96 mx-auto rounded-3xl"
|
|
165
|
-
}, /*#__PURE__*/
|
|
182
|
+
}, /*#__PURE__*/_react["default"].createElement("label", {
|
|
166
183
|
className: "relative block"
|
|
167
|
-
}, /*#__PURE__*/
|
|
184
|
+
}, /*#__PURE__*/_react["default"].createElement("span", {
|
|
168
185
|
className: "absolute inset-y-0 right-3 flex items-center pl-2"
|
|
169
|
-
}, /*#__PURE__*/
|
|
186
|
+
}, /*#__PURE__*/_react["default"].createElement("svg", {
|
|
170
187
|
className: "h-5 w-5 fill-slate-300",
|
|
171
188
|
viewBox: "0 0 20 20"
|
|
172
|
-
}, /*#__PURE__*/
|
|
189
|
+
}, /*#__PURE__*/_react["default"].createElement("path", {
|
|
173
190
|
fillRule: "evenodd",
|
|
174
191
|
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",
|
|
175
192
|
clipRule: "evenodd"
|
|
176
|
-
}))), /*#__PURE__*/
|
|
193
|
+
}))), /*#__PURE__*/_react["default"].createElement("span", {
|
|
177
194
|
className: "sr-only"
|
|
178
|
-
}, "Search"), /*#__PURE__*/
|
|
195
|
+
}, "Search"), /*#__PURE__*/_react["default"].createElement("input", {
|
|
179
196
|
type: "text",
|
|
180
197
|
name: "search",
|
|
181
198
|
onChange: function onChange(e) {
|
|
182
199
|
return setSearchTerm(e.target.value);
|
|
183
200
|
},
|
|
184
|
-
className: "block
|
|
201
|
+
className: "block w-full rounded-full rounded-white py-2 pl-3 pr-3 placeholder:italic placeholder:text-slate-400 focus:outline-none sm:text-sm",
|
|
185
202
|
placeholder: "Search for anything...",
|
|
186
203
|
onBlur: function onBlur() {
|
|
187
|
-
|
|
204
|
+
if (!searchTerm || searchTerm === '') setCollapsed(true);
|
|
188
205
|
}
|
|
189
|
-
}))), /*#__PURE__*/
|
|
190
|
-
className: "bg-white ml-1 mr-1 rounded rounded-lg relative top-0 flex flex-col"
|
|
191
|
-
}, /*#__PURE__*/
|
|
206
|
+
}))), data && searchResultsMessage !== '' && /*#__PURE__*/_react["default"].createElement("div", {
|
|
207
|
+
className: "bg-white ml-1 mr-1 rounded rounded-lg relative top-0 flex flex-col z-50 border-2 border-gray-50"
|
|
208
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
192
209
|
className: "text-sm pt-2"
|
|
193
|
-
}, searchResultsMessage), /*#__PURE__*/
|
|
210
|
+
}, searchResultsMessage), /*#__PURE__*/_react["default"].createElement("div", {
|
|
194
211
|
className: "text-left px-4 py-2"
|
|
195
|
-
}, /*#__PURE__*/
|
|
212
|
+
}, /*#__PURE__*/_react["default"].createElement("div", {
|
|
196
213
|
className: "text-bold"
|
|
197
|
-
},
|
|
214
|
+
}, renderResults())))));
|
|
198
215
|
};
|
|
199
216
|
|
|
200
217
|
SearchContent.propTypes = {
|
|
201
|
-
|
|
218
|
+
searchInputWrapperMobile: _propTypes["default"].string,
|
|
219
|
+
searchInputWrapperDesktop: _propTypes["default"].string,
|
|
220
|
+
isMobile: _propTypes["default"].bool,
|
|
202
221
|
entity: _propTypes["default"].string.isRequired
|
|
203
222
|
};
|
|
204
223
|
SearchContent.defaultProps = {
|
|
205
|
-
searchInputAlignment: ''
|
|
224
|
+
searchInputAlignment: '',
|
|
225
|
+
searchInputWrapperMobile: '',
|
|
226
|
+
searchInputWrapperDesktop: '',
|
|
227
|
+
isMobile: false
|
|
206
228
|
};
|
|
207
229
|
var _default = SearchContent;
|
|
208
230
|
exports["default"] = _default;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/SearchContent/index.js"],"names":["SearchContent","searchInputAlignment","entity","collapsed","setCollapsed","searchTerm","setSearchTerm","router","alignmentModifier","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","renderResults","searchPublishedContent","results","handleClick","e","url","preventDefault","push","map","name","searchResultsMessage","target","value","propTypes","PropTypes","string","isRequired","defaultProps"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;AAEA,IAAMA,aAAa,GAAG,SAAhBA,aAAgB,OAAsC;AAAA,MAAnCC,oBAAmC,QAAnCA,oBAAmC;AAAA,MAAbC,MAAa,QAAbA,MAAa;;AAC1D,kBAAkC,qBAAS,IAAT,CAAlC;AAAA;AAAA,MAAOC,SAAP;AAAA,MAAkBC,YAAlB;;AACA,mBAAoC,qBAAS,IAAT,CAApC;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AACA,MAAMC,MAAM,GAAG,wBAAf;AAEA,MAAIC,iBAAiB,GAAG,EAAxB;;AAEA,MAAIP,oBAAoB,IAAIA,oBAAoB,KAAK,EAArD,EAAyD;AACvDO,IAAAA,iBAAiB,GAAGP,oBAAoB,KAAK,MAAzB,GAAkC,QAAlC,GAA6C,UAAjE;AACD;;AAED,MAAMQ,UAAU,GAAG,SAAbA,UAAa,CAAAC,CAAC,EAAI;AACtB,QAAI,OAAOA,CAAP,KAAa,QAAjB,EAA2B,OAAO,EAAP;AAC3B,WAAOA,CAAC,CAACC,MAAF,CAAS,CAAT,EAAYC,WAAZ,KAA4BF,CAAC,CAACG,KAAF,CAAQ,CAAR,CAAnC;AACD,GAHD;;AAKA,sBAAeX,MAAM,CAACY,KAAP,CAAa,GAAb,CAAf;AAAA;AAAA,MAAOC,CAAP;AAAA,MAAUC,CAAV;;AAEA,MAAMC,UAAU,GAAGR,UAAU,CAACM,CAAD,CAAV,GAAgBN,UAAU,CAACO,CAAD,CAA7C;AAEA,MAAME,mBAAmB,GAAGC,IAAI,CAACC,SAAL,CAAe;AACzCC,IAAAA,IAAI,EAAE,CADmC;AAEzCC,IAAAA,KAAK,EAAE;AACLC,MAAAA,IAAI,EAAE;AACJC,QAAAA,MAAM,EAAE,CACN;AACEC,UAAAA,KAAK,EAAE;AACLC,YAAAA,OAAO,EAAExB;AADJ;AADT,SADM,CADJ;AAQJyB,QAAAA,oBAAoB,EAAE;AARlB;AADD;AAFkC,GAAf,CAA5B;AAgBA,MAAML,KAAK,OAAGM,WAAH,sGACP,gCAAoBX,UAApB,CADO,CAAX;;AAIA,kBAAiC,sBAASK,KAAT,EAAgB;AAC/CO,IAAAA,SAAS,EAAE;AAAEX,MAAAA,mBAAmB,EAAnBA,mBAAF;AAAuBY,MAAAA,MAAM,EAAE,CAA/B;AAAkCC,MAAAA,KAAK,EAAE;AAAzC;AADoC,GAAhB,CAAjC;AAAA,MAAQC,OAAR,aAAQA,OAAR;AAAA,MAAiBC,KAAjB,aAAiBA,KAAjB;AAAA,MAAwBC,IAAxB,aAAwBA,IAAxB;;AAIA,MAAIF,OAAJ,EAAa,OAAO,IAAP;AACb,MAAIC,KAAJ,EAAW,wBAAiBA,KAAjB;;AAEX,MAAME,aAAa,GAAG,SAAhBA,aAAgB,GAAM;AAC1B;AACA,gCAAoBD,IAApB,aAAoBA,IAApB,uBAAoBA,IAAI,CAAEE,sBAA1B;AAAA,QAAQC,OAAR,yBAAQA,OAAR;;AAEA,QAAMC,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD,EAAIC,GAAJ,EAAY;AAC9BD,MAAAA,CAAC,CAACE,cAAF;AACAlC,MAAAA,MAAM,CAACmC,IAAP,CAAYF,GAAZ;AACD,KAHD;;AAKA,QAAIH,OAAO,IAAIhC,UAAX,IAAyBA,UAAU,KAAK,EAA5C,EAAgD;AAC9C,aAAOgC,OAAO,CAACM,GAAR,CAAY,iBAAmB;AAAA,YAAhBC,IAAgB,SAAhBA,IAAgB;AAAA,YAAVJ,GAAU,SAAVA,GAAU;;AACpC,YAAII,IAAI,CAACnB,KAAL,CAAWpB,UAAX,CAAJ,EAA4B;AAC1B,8BACE;AAAG,YAAA,IAAI,EAAEmC,GAAT;AAAc,YAAA,OAAO,EAAE,iBAAAD,CAAC;AAAA,qBAAID,WAAW,CAACC,CAAD,EAAIC,GAAJ,CAAf;AAAA;AAAxB,aACGI,IADH,CADF;AAKD;;AAED,eAAO,IAAP;AACD,OAVM,CAAP;AAWD;;AAED,WAAO,EAAP;AACD,GAxBD;;AA0BA,MAAMC,oBAAoB,GAAGxC,UAAU,iCAA0BA,UAA1B,IAAyC,EAAhF;AAEA,SAAOF,SAAS,gBACd;AAAK,IAAA,SAAS,qDAA8CK,iBAA9C;AAAd,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAO,IAAA,SAAS,EAAC;AAAjB,kBACE;AAAM,IAAA,SAAS,EAAC;AAAhB,kBACE;AAAK,IAAA,SAAS,EAAC,wBAAf;AAAwC,IAAA,OAAO,EAAC;AAAhD,kBACE;AACE,IAAA,QAAQ,EAAC,SADX;AAEE,IAAA,CAAC,EAAC,kHAFJ;AAGE,IAAA,QAAQ,EAAC;AAHX,IADF,CADF,CADF,eAUE;AAAM,IAAA,SAAS,EAAC;AAAhB,cAVF,eAWE;AACE,IAAA,OAAO,EAAE;AAAA,aAAMJ,YAAY,CAAC,KAAD,CAAlB;AAAA,KADX;AAEE,IAAA,QAAQ,EAAE,kBAAAmC,CAAC;AAAA,aAAIjC,aAAa,CAACiC,CAAC,CAACO,MAAF,CAASC,KAAV,CAAjB;AAAA,KAFb;AAGE,IAAA,IAAI,EAAC,MAHP;AAIE,IAAA,IAAI,EAAC,QAJP;AAKE,IAAA,KAAK,EAAC,EALR;AAME,IAAA,SAAS,EAAC;AANZ,IAXF,CADF,CADF,CADc,gBA0Bd,uDACE;AAAK,IAAA,SAAS,0CAAmCvC,iBAAnC;AAAd,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAO,IAAA,SAAS,EAAC;AAAjB,kBACE;AAAM,IAAA,SAAS,EAAC;AAAhB,kBACE;AAAK,IAAA,SAAS,EAAC,wBAAf;AAAwC,IAAA,OAAO,EAAC;AAAhD,kBACE;AACE,IAAA,QAAQ,EAAC,SADX;AAEE,IAAA,CAAC,EAAC,kHAFJ;AAGE,IAAA,QAAQ,EAAC;AAHX,IADF,CADF,CADF,eAUE;AAAM,IAAA,SAAS,EAAC;AAAhB,cAVF,eAWE;AACE,IAAA,IAAI,EAAC,MADP;AAEE,IAAA,IAAI,EAAC,QAFP;AAGE,IAAA,QAAQ,EAAE,kBAAA+B,CAAC;AAAA,aAAIjC,aAAa,CAACiC,CAAC,CAACO,MAAF,CAASC,KAAV,CAAjB;AAAA,KAHb;AAIE,IAAA,SAAS,EAAC,+HAJZ;AAKE,IAAA,WAAW,EAAC,wBALd;AAME,IAAA,MAAM,EAAE;AAAA,aAAM3C,YAAY,CAAC,IAAD,CAAlB;AAAA;AANV,IAXF,CADF,CADF,eAuBE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA+ByC,oBAA/B,CADF,eAGE;AAAK,IAAA,SAAS,EAAC;AAAf,kBACE;AAAK,IAAA,SAAS,EAAC;AAAf,KAA4BX,IAAI,IAAIC,aAAa,EAAjD,CADF,CAHF,CAvBF,CADF,CA1BF;AA4DD,CAvID;;AAyIAnC,aAAa,CAACgD,SAAd,GAA0B;AACxB/C,EAAAA,oBAAoB,EAAEgD,sBAAUC,MADR;AAExBhD,EAAAA,MAAM,EAAE+C,sBAAUC,MAAV,CAAiBC;AAFD,CAA1B;AAKAnD,aAAa,CAACoD,YAAd,GAA6B;AAC3BnD,EAAAA,oBAAoB,EAAE;AADK,CAA7B;eAIeD,a","sourcesContent":["import { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { gql, useQuery } from '@apollo/client';\nimport { useRouter } from 'next/router';\nimport { getPublishedContent } from '../../application/query';\n\nconst SearchContent = ({ searchInputAlignment, entity }) => {\n const [collapsed, setCollapsed] = useState(true);\n const [searchTerm, setSearchTerm] = useState(null);\n const router = useRouter();\n\n let alignmentModifier = '';\n\n if (searchInputAlignment && searchInputAlignment !== '') {\n alignmentModifier = searchInputAlignment === 'left' ? 'left-6' : 'right-16';\n }\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 `Error! ${error}`;\n\n const renderResults = () => {\n // eslint-disable-next-line no-undef\n const { results } = data?.searchPublishedContent;\n\n const handleClick = (e, url) => {\n e.preventDefault();\n router.push(url);\n };\n\n if (results && searchTerm && searchTerm !== '') {\n return results.map(({ name, url }) => {\n if (name.match(searchTerm)) {\n return (\n <a href={url} onClick={e => handleClick(e, url)}>\n {name}\n </a>\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={`absolute rounded-3xl overflow-clip top-3 ${alignmentModifier}`}>\n <div className=\"w-11 mx-auto\">\n <label className=\"relative block\">\n <span className=\"absolute inset-y-0 right-3 flex items-center pl-2 cursor-pointer\">\n <svg className=\"h-5 w-5 fill-slate-300\" 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 <span className=\"sr-only\">Search</span>\n <input\n onFocus={() => setCollapsed(false)}\n onChange={e => setSearchTerm(e.target.value)}\n type=\"text\"\n name=\"search\"\n value=\"\"\n className=\"disabled:bg-white block bg-white w-full rounded-full py-2 pl-5 pr-3 placeholder:italic placeholder:text-gray-400 focus:outline-none sm:text-sm\"\n />\n </label>\n </div>\n </div>\n ) : (\n <>\n <div className={`absolute overflow-clip top-3 ${alignmentModifier}`}>\n <div className=\"w-96 mx-auto rounded-3xl\">\n <label className=\"relative block\">\n <span className=\"absolute inset-y-0 right-3 flex items-center pl-2\">\n <svg className=\"h-5 w-5 fill-slate-300\" 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 <span className=\"sr-only\">Search</span>\n <input\n type=\"text\"\n name=\"search\"\n onChange={e => setSearchTerm(e.target.value)}\n className=\"block bg-white w-full rounded-full py-2 pl-3 pr-3 placeholder:italic placeholder:text-slate-400 focus:outline-none sm:text-sm\"\n placeholder=\"Search for anything...\"\n onBlur={() => setCollapsed(true)}\n />\n </label>\n </div>\n <div className=\"bg-white ml-1 mr-1 rounded rounded-lg relative top-0 flex flex-col\">\n <div className=\"text-sm pt-2\">{searchResultsMessage}</div>\n\n <div className=\"text-left px-4 py-2\">\n <div className=\"text-bold\">{data && renderResults()}</div>\n </div>\n </div>\n </div>\n </>\n );\n};\n\nSearchContent.propTypes = {\n searchInputAlignment: PropTypes.string,\n entity: PropTypes.string.isRequired\n};\n\nSearchContent.defaultProps = {\n searchInputAlignment: ''\n};\n\nexport default SearchContent;\n"],"file":"index.js"}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/SearchContent/index.js"],"names":["SearchContent","entity","searchInputWrapperMobile","searchInputWrapperDesktop","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","renderResults","searchPublishedContent","results","map","name","searchResultsMessage","target","value","propTypes","PropTypes","string","isRequired","defaultProps","searchInputAlignment"],"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 searchInputWrapperMobile,\n searchInputWrapperDesktop,\n isMobile\n}) => {\n const [collapsed, setCollapsed] = useState(true);\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 `Error! ${error}`;\n\n const handleClick = (e, url) => {\n e.preventDefault();\n router.push(url);\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.match(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=\"w-11 mx-auto\">\n <label className=\"relative block\">\n <span className=\"absolute inset-y-0 right-3 flex items-center pl-2 cursor-pointer\">\n <svg className=\"h-5 w-5 fill-slate-300\" 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 <span className=\"sr-only\">Search</span>\n <input\n onFocus={() => setCollapsed(false)}\n onChange={e => setSearchTerm(e.target.value)}\n type=\"text\"\n name=\"search\"\n value=\"\"\n className=\"disabled:bg-white block bg-white w-full rounded-none border-white py-2 pl-5 pr-3 placeholder:italic placeholder:text-gray-400 focus:outline-none sm:text-sm\"\n />\n </label>\n </div>\n </div>\n ) : (\n <>\n <div className={`${isMobile ? searchInputWrapperMobile : searchInputWrapperDesktop}`}>\n <div className=\"w-96 mx-auto rounded-3xl\">\n <label className=\"relative block\">\n <span className=\"absolute inset-y-0 right-3 flex items-center pl-2\">\n <svg className=\"h-5 w-5 fill-slate-300\" 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 <span className=\"sr-only\">Search</span>\n <input\n type=\"text\"\n name=\"search\"\n onChange={e => setSearchTerm(e.target.value)}\n className=\"block w-full rounded-full rounded-white py-2 pl-3 pr-3 placeholder:italic placeholder:text-slate-400 focus:outline-none sm:text-sm\"\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=\"bg-white ml-1 mr-1 rounded rounded-lg relative top-0 flex flex-col z-50 border-2 border-gray-50\">\n <div className=\"text-sm pt-2\">{searchResultsMessage}</div>\n\n <div className=\"text-left px-4 py-2\">\n <div className=\"text-bold\">{renderResults()}</div>\n </div>\n </div>\n )}\n </div>\n </>\n );\n};\n\nSearchContent.propTypes = {\n searchInputWrapperMobile: PropTypes.string,\n searchInputWrapperDesktop: PropTypes.string,\n isMobile: PropTypes.bool,\n entity: PropTypes.string.isRequired\n};\n\nSearchContent.defaultProps = {\n searchInputAlignment: '',\n searchInputWrapperMobile: '',\n searchInputWrapperDesktop: '',\n isMobile: false\n};\n\nexport default SearchContent;\n"],"file":"index.js"}
|
package/lib/constants/index.js
CHANGED
|
@@ -5,8 +5,8 @@ require("core-js/modules/es.object.define-property.js");
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports.
|
|
9
|
-
exports.WITH_BANNER = exports.WIDE = exports.WAYPOINT_BOTTOM_OFFSET = exports.VISIBLE = exports.VIDEO_WRAPPER_CLASS_NAME = exports.TEXT_SEARCH = exports.TARGET_BLANK = exports.TABLET = exports.STRING = exports.SPONSORED = exports.SHOW = exports.SELECT = exports.SEARCH_TERM = exports.SEARCH_PUBLISHED_CONTENT = exports.SEARCH = exports.SCROLL_OFFSET = exports.ROW = exports.RANGE = exports.PUBLISHED = exports.PROPS_TO_CHECK = exports.PREVIOUS_STRING = exports.PREHEADER_PROP = exports.PB_QUERY_CONST = exports.PASSWORD_VALIDATION_MESSAGE = exports.PASSWORD_REGEX = exports.PASSWORD_CONFIRM_MESSAGE = exports.PASSWORD = exports.PAGINATION_QUERY_CONST = exports.PAGINATION_DISPLAY_LIMIT = exports.PAGINATION_DIFFERENCE = exports.OR_OPERATOR = exports.OR = exports.ON_CLICK = exports.OBJECT = exports.NEXT_STRING = exports.MOUSE_LEAVE = exports.MOUSE_ENTER = exports.MOBILE_WIDTH = exports.MOBILE = exports.MIN_BANNER_HEIGHT = exports.MENU_ITEM = exports.MAX_BANNER_HEIGHT = exports.LOGOUT = exports.LOGIN_FORM = exports.LOAD_MORE_STRING = exports.LOAD_MORE = exports.LINK = exports.KEYWORD = exports.JW_PLAYER_TYPE_FILE = exports.IN_VIEW_CONFIG = exports.INVISIBLE = exports.INFINITE = exports.IMAGE_WRAPPER = exports.IMAGES = exports.IMAGE = exports.ID = exports.ICON_BUTTON = exports.HOVER = exports.HIDE = exports.HIDDEN = exports.HERO_WRAPPER = exports.HERO = exports.HEADLINE_PROP = exports.HALF = exports.GTM_DATA_ID_ATTR = exports.GTM = exports.GRAPH_QL_ERROR = exports.GET_FILE_FALLBACK = exports.GET_BANNER = exports.FULL = exports.FEATURED = exports.END_ADUNIT = exports.EMAIL = exports.ELEMENT = exports.DESK = exports.DEFAULT_OFFSET = exports.DEFAULT_LIMIT = exports.DATE = exports.COUNT_CONTENT_HIERARCHIES = exports.COLUMN = exports.CODE = exports.CLICK = exports.CLASS_MODIFIERS = exports.CLASSIC = exports.CHILD_PROPS_TO_USE = exports.CHECKBOX = exports.CENTER = exports.CATEGORY_ID = exports.CAROUSEL = exports.BUTTON_ICON = exports.BUTTON = exports.BREAKPOINT_SIZES = exports.BOLD_TAG = exports.BLANK_SPACE_UNICODE_STRING = exports.BANNER_QUERY_PROPS = exports.BANNER_LOADING = exports.BANNER_LOADED = exports.BANNER_EMPTY = exports.AZ_QUERY_CONST = exports.AZ_AGGS = exports.AZ = exports.AND_OPERATOR = exports.AND = exports.ANCHOR_TAG = exports.ALL_AZ_SORT = exports.ALLOWED_BLOCK_TYPES = exports.ALL = exports.ALIGNMENT = void 0;
|
|
8
|
+
exports.SHOW = exports.SELECT = exports.SEARCH_TERM = exports.SEARCH_PUBLISHED_CONTENT = exports.SEARCH = exports.SCROLL_OFFSET = exports.ROW = exports.RANGE = exports.PUBLISHED = exports.PROPS_TO_CHECK = exports.PREVIOUS_STRING = exports.PREHEADER_PROP = exports.PB_QUERY_CONST = exports.PASSWORD_VALIDATION_MESSAGE = exports.PASSWORD_REGEX = exports.PASSWORD_CONFIRM_MESSAGE = exports.PASSWORD = exports.PAGINATION_QUERY_CONST = exports.PAGINATION_DISPLAY_LIMIT = exports.PAGINATION_DIFFERENCE = exports.OR_OPERATOR = exports.OR = exports.ON_CLICK = exports.OBJECT = exports.NEXT_STRING = exports.MOUSE_LEAVE = exports.MOUSE_ENTER = exports.MOBILE_WIDTH = exports.MOBILE = exports.MIN_BANNER_HEIGHT = exports.MENU_ITEM = exports.MAX_BANNER_HEIGHT = exports.LOGOUT = exports.LOGIN_FORM = exports.LOAD_MORE_STRING = exports.LOAD_MORE = exports.LINK = exports.KEYWORD = exports.JW_PLAYER_TYPE_FILE = exports.IN_VIEW_CONFIG = exports.INVISIBLE = exports.INFINITE = exports.IMAGE_WRAPPER = exports.IMAGES = exports.IMAGE = exports.ID = exports.ICON_BUTTON = exports.HOVER = exports.HIDE = exports.HIDDEN = exports.HERO_WRAPPER = exports.HERO = exports.HEADLINE_PROP = exports.HALF = exports.GTM_DATA_ID_ATTR = exports.GTM = exports.GRAPH_QL_ERROR = exports.GET_FILE_FALLBACK = exports.GET_BANNER = exports.FULL = exports.FEATURED = exports.END_ADUNIT = exports.EMAIL = exports.ELEMENT = exports.DESK = exports.DEFAULT_OFFSET = exports.DEFAULT_LIMIT = exports.DATE = exports.DATA_SUMMARY_URL_REGEX = exports.DATA_SUMMARY_EMAIL_REGEX = exports.COUNT_CONTENT_HIERARCHIES = exports.COLUMN = exports.CODE = exports.CLICK = exports.CLASS_MODIFIERS = exports.CLASSIC = exports.CHILD_PROPS_TO_USE = exports.CHECKBOX = exports.CENTER = exports.CATEGORY_ID = exports.CAROUSEL = exports.BUTTON_ICON = exports.BUTTON = exports.BREAKPOINT_SIZES = exports.BOLD_TAG = exports.BLANK_SPACE_UNICODE_STRING = exports.BANNER_QUERY_PROPS = exports.BANNER_LOADING = exports.BANNER_LOADED = exports.BANNER_EMPTY = exports.AZ_QUERY_CONST = exports.AZ_AGGS = exports.AZ = exports.AND_OPERATOR = exports.AND = exports.ANCHOR_TAG = exports.ALL_AZ_SORT = exports.ALLOWED_BLOCK_TYPES = exports.ALL = exports.ALIGNMENT = void 0;
|
|
9
|
+
exports.WITH_BANNER = exports.WIDE = exports.WAYPOINT_BOTTOM_OFFSET = exports.VISIBLE = exports.VIDEO_WRAPPER_CLASS_NAME = exports.TEXT_SEARCH = exports.TARGET_BLANK = exports.TABLET = exports.STRING = exports.SPONSORED = exports.SHOW = exports.SELECT = exports.SEARCH_TERM = exports.SEARCH_PUBLISHED_CONTENT = exports.SEARCH = exports.SCROLL_OFFSET = exports.ROW = exports.RANGE = exports.PUBLISHED = exports.PROPS_TO_CHECK = exports.PREVIOUS_STRING = exports.PREHEADER_PROP = exports.PB_QUERY_CONST = exports.PASSWORD_VALIDATION_MESSAGE = exports.PASSWORD_REGEX = exports.PASSWORD_CONFIRM_MESSAGE = exports.PASSWORD = exports.PAGINATION_QUERY_CONST = exports.PAGINATION_DISPLAY_LIMIT = exports.PAGINATION_DIFFERENCE = exports.OR_OPERATOR = exports.OR = exports.ON_CLICK = exports.OBJECT = exports.NEXT_STRING = exports.MOUSE_LEAVE = exports.MOUSE_ENTER = exports.MOBILE_WIDTH = exports.MOBILE = exports.MIN_BANNER_HEIGHT = exports.MENU_ITEM = exports.MAX_BANNER_HEIGHT = exports.LOGOUT = exports.LOGIN_FORM = exports.LOAD_MORE_STRING = exports.LOAD_MORE = exports.LINK = exports.KEYWORD = exports.JW_PLAYER_TYPE_FILE = exports.IN_VIEW_CONFIG = exports.INVISIBLE = exports.INFINITE = exports.IMAGE_WRAPPER = exports.IMAGES = exports.IMAGE = exports.ID = exports.ICON_BUTTON = exports.HOVER = exports.HIDE = exports.HIDDEN = exports.HERO_WRAPPER = exports.HERO = exports.HEADLINE_PROP = exports.HALF = exports.GTM_DATA_ID_ATTR = exports.GTM = exports.GRAPH_QL_ERROR = exports.GET_FILE_FALLBACK = exports.GET_BANNER = exports.FULL = exports.FEATURED = exports.END_ADUNIT = exports.EMAIL = exports.ELEMENT = exports.DESK = exports.DEFAULT_OFFSET = exports.DEFAULT_LIMIT = exports.DATE = exports.DATA_SUMMARY_URL_REGEX = exports.DATA_SUMMARY_EMAIL_REGEX = exports.COUNT_CONTENT_HIERARCHIES = exports.COLUMN = exports.CODE = exports.CLICK = exports.CLASS_MODIFIERS = exports.CLASSIC = exports.CHILD_PROPS_TO_USE = exports.CHECKBOX = exports.CENTER = exports.CATEGORY_ID = exports.CAROUSEL = exports.BUTTON_ICON = exports.BUTTON = exports.BREAKPOINT_SIZES = exports.BOLD_TAG = exports.BLANK_SPACE_UNICODE_STRING = exports.BANNER_QUERY_PROPS = exports.BANNER_LOADING = exports.BANNER_LOADED = exports.BANNER_EMPTY = exports.AZ_QUERY_CONST = exports.AZ_AGGS = exports.AZ = exports.AND_OPERATOR = exports.AND = exports.ANCHOR_TAG = exports.ALL_AZ_SORT = exports.ALLOWED_BLOCK_TYPES = exports.ALL = exports.ALIGNMENT = void 0;
|
|
10
10
|
var BOLD_TAG = 'b';
|
|
11
11
|
exports.BOLD_TAG = BOLD_TAG;
|
|
12
12
|
var BUTTON = 'button';
|
|
@@ -282,4 +282,8 @@ var ANCHOR_TAG = 'a';
|
|
|
282
282
|
exports.ANCHOR_TAG = ANCHOR_TAG;
|
|
283
283
|
var TARGET_BLANK = '_blank';
|
|
284
284
|
exports.TARGET_BLANK = TARGET_BLANK;
|
|
285
|
+
var DATA_SUMMARY_EMAIL_REGEX = /^([a-z0-9_\.\+-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;
|
|
286
|
+
exports.DATA_SUMMARY_EMAIL_REGEX = DATA_SUMMARY_EMAIL_REGEX;
|
|
287
|
+
var DATA_SUMMARY_URL_REGEX = /(https?:\/\/)?(www\.)?[-a-zA-Z0-9@:%._\+~#=]{2,256}\.[a-z]{2,6}\b([-a-zA-Z0-9@:%_\+.~#?&//=]*)/;
|
|
288
|
+
exports.DATA_SUMMARY_URL_REGEX = DATA_SUMMARY_URL_REGEX;
|
|
285
289
|
//# sourceMappingURL=index.js.map
|