willba-component-library 0.0.66 → 0.0.67

package/lib/index.umd.js

@@ -404,6 +404,82 @@
 	    return (React__default.createElement("button", { className: "will-filter-bar-select-button", onClick: onClick, style: style }, label));
 	}
 
+	var DefaultContext = {
+	  color: undefined,
+	  size: undefined,
+	  className: undefined,
+	  style: undefined,
+	  attr: undefined
+	};
+	var IconContext = React__default.createContext && React__default.createContext(DefaultContext);
+
+	var __assign$1 = undefined && undefined.__assign || function () {
+	  __assign$1 = Object.assign || function (t) {
+	    for (var s, i = 1, n = arguments.length; i < n; i++) {
+	      s = arguments[i];
+	      for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+	    }
+	    return t;
+	  };
+	  return __assign$1.apply(this, arguments);
+	};
+	var __rest$1 = undefined && undefined.__rest || function (s, e) {
+	  var t = {};
+	  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+	  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+	    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+	  }
+	  return t;
+	};
+	function Tree2Element(tree) {
+	  return tree && tree.map(function (node, i) {
+	    return React__default.createElement(node.tag, __assign$1({
+	      key: i
+	    }, node.attr), Tree2Element(node.child));
+	  });
+	}
+	function GenIcon(data) {
+	  // eslint-disable-next-line react/display-name
+	  return function (props) {
+	    return React__default.createElement(IconBase, __assign$1({
+	      attr: __assign$1({}, data.attr)
+	    }, props), Tree2Element(data.child));
+	  };
+	}
+	function IconBase(props) {
+	  var elem = function (conf) {
+	    var attr = props.attr,
+	      size = props.size,
+	      title = props.title,
+	      svgProps = __rest$1(props, ["attr", "size", "title"]);
+	    var computedSize = size || conf.size || "1em";
+	    var className;
+	    if (conf.className) className = conf.className;
+	    if (props.className) className = (className ? className + " " : "") + props.className;
+	    return React__default.createElement("svg", __assign$1({
+	      stroke: "currentColor",
+	      fill: "currentColor",
+	      strokeWidth: "0"
+	    }, conf.attr, attr, svgProps, {
+	      className: className,
+	      style: __assign$1(__assign$1({
+	        color: props.color || conf.color
+	      }, conf.style), props.style),
+	      height: computedSize,
+	      width: computedSize,
+	      xmlns: "http://www.w3.org/2000/svg"
+	    }), title && React__default.createElement("title", null, title), props.children);
+	  };
+	  return IconContext !== undefined ? React__default.createElement(IconContext.Consumer, null, function (conf) {
+	    return elem(conf);
+	  }) : elem(DefaultContext);
+	}
+
+	// THIS FILE IS AUTO GENERATED
+	function FaSearch (props) {
+	  return GenIcon({"tag":"svg","attr":{"viewBox":"0 0 512 512"},"child":[{"tag":"path","attr":{"d":"M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"}}]})(props);
+	}
+
 	var css_248z$6 = ".will-filter-bar-submit-button {\n  width: auto;\n  height: auto;\n  background-color: var(--will-primary);\n  color: var(--will-white);\n  padding: 10px 20px;\n  border-radius: 20px;\n  cursor: pointer;\n  border: none;\n  white-space: nowrap;\n  text-transform: uppercase;\n  font-size: 12px;\n  display: flex;\n  align-items: center;\n}\n\n.will-filter-bar-submit-button span {\n margin-right: 10px;\n display: flex;\n}\n\n@media (max-width: 1024px) {\n  .will-filter-bar-submit-button {\n    justify-content: center;\n    margin-bottom: 25px;\n  }\n}\n";
 	styleInject(css_248z$6);
 
@@ -411,7 +487,8 @@
 	    var onClick = _a.onClick;
 	    var t = useTranslation('filterBar').t;
 	    return (React__default.createElement("button", { className: "will-filter-bar-submit-button", onClick: onClick },
-	        React__default.createElement("span", null),
+	        React__default.createElement("span", null,
+	            React__default.createElement(FaSearch, null)),
 	        t('submit.label')));
 	}
 
@@ -7914,7 +7991,9 @@
 	            }
 	        }
 	        var url = "http://localhost:4000/en/events/?".concat(queryParams.toString());
-	        window.location.href = url;
+	        if (typeof window !== 'undefined') {
+	            window.location.href = url;
+	        }
 	        handleSelectedFilter(false);
 	    };
 	    return {
@@ -7936,7 +8015,7 @@
 	var css_248z$1 = ".will-root {\r\n  position: relative;\r\n}\r\n\r\n.will-filter-bar {\r\n  box-sizing: border-box;\r\n  position: relative;\r\n}\r\n\r\n.will-filter-bar-underlay {\r\n  background-color: rgba(0,0,0,.6);\r\n  position: absolute;\r\n  top:0;\r\n  left: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  cursor: pointer;\r\n  min-height: 100vh;\r\n}\r\n\r\n/* Header */\r\n.will-filter-bar-header {\r\n  display: flex;\r\n  justify-content: space-between;\r\n  padding: 10px 20px;\r\n  position: relative;\r\n  z-index: 222;\r\n  \r\n  \r\n  border-radius: 40px;\r\n  background-color: var(--will-white);\r\n  box-shadow: var(--will-box-shadow);\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .will-filter-bar-header {\r\n    flex-direction: column;\r\n    padding: 20px;\r\n  }\r\n}\r\n\r\n/* Container */\r\n\r\n.will-filter-bar-container {\r\n  background-color: var(--will-white);\r\n  min-height: 100px;\r\n \r\n  padding: 90px 40px 30px 40px;\r\n  position: absolute;\r\n  top: 0;\r\n  z-index: 111;\r\n  border-radius: 25px;\r\n  width: -webkit-fill-available;\r\n  box-shadow: var(--will-box-shadow);\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .will-filter-bar-container {\r\n    margin-top: 20px;\r\n    padding: 30px 40px;\r\n    position: initial;\r\n  }\r\n}\r\n\r\n";
 	styleInject(css_248z$1);
 
-	var css_248z = "/* @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap'); */\n\n.will-root * {\n  font-family: 'Montserrat', sans-serif;\n}\n\n.will-root {\n  \n  box-sizing: border-box;\n  font-size: 14px;\n  \n  color: #1E1E1E;\n\n  /* Pallete */\n  --will-primary: #374269;\n  --will-grey: #ABA7AF;\n  --will-white: #fff;\n  --will-onahau: #CDEEFF;\n  --will-text: #5A5959;\n \n\n  /* Confines */\n  --will-box-shadow: 0px 6px 11px 0px #a7a4a480;\n\n  /* Breakpoints */\n\n  --will-lg: 1140px;\n  --will-md: 960px;\n  --will-sm: 600px;\n  --will-xl: 1280px;\n  --will-xs: 0px;\n}\n\n/* Typography */\n\n.will-root h1, h2, h3, h4, h5, h6 {\n font-weight: 700;\n} \n\n.will-root p, h1, h2, h3, h4, h5, h6, span {\n  margin: 0;\n  padding: 0;\n} \n\n/* Overrides as themes */\n\n.will-root-kis {\n  --will-primary: #374269;\n}\n\n.will-root-paj {\n  --will-primary: #1897D8;\n}";
+	var css_248z = "@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');\n\n.will-root * {\n  font-family: 'Montserrat', sans-serif;\n}\n\n.will-root {\n  \n  box-sizing: border-box;\n  font-size: 14px;\n  \n  color: #1E1E1E;\n\n  /* Pallete */\n  --will-primary: #374269;\n  --will-grey: #ABA7AF;\n  --will-white: #fff;\n  --will-onahau: #CDEEFF;\n  --will-text: #5A5959;\n \n\n  /* Confines */\n  --will-box-shadow: 0px 6px 11px 0px #a7a4a480;\n\n  /* Breakpoints */\n\n  --will-lg: 1140px;\n  --will-md: 960px;\n  --will-sm: 600px;\n  --will-xl: 1280px;\n  --will-xs: 0px;\n}\n\n/* Typography */\n\n.will-root h1, h2, h3, h4, h5, h6 {\n font-weight: 700;\n} \n\n.will-root p, h1, h2, h3, h4, h5, h6, span {\n  margin: 0;\n  padding: 0;\n} \n\n/* Overrides as themes */\n\n.will-root-kis {\n  --will-primary: #374269;\n}\n\n.will-root-paj {\n  --will-primary: #1897D8;\n}";
 	styleInject(css_248z);
 
 	const consoleLogger = {