@mjhls/mjh-framework 1.0.648 → 1.0.650

package/dist/esm/Column2.js

@@ -1,23 +1,23 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b01e8612.js';
-import './es6.string.iterator-c199c9ba.js';
+import './_to-object-ded78eb9.js';
+import './es6.string.iterator-9b2af4a5.js';
 import './_library-528f1934.js';
-import './_iter-detect-0e105618.js';
-import './core.get-iterator-method-e41daf74.js';
-import './define-property-99e9c0ad.js';
-import './web.dom.iterable-03c5ba1c.js';
+import './_iter-detect-59409a32.js';
+import './core.get-iterator-method-54d2e411.js';
+import './define-property-de3fc946.js';
+import './web.dom.iterable-8956f9a5.js';
 import React__default from 'react';
 import 'prop-types';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import './isSymbol-807e927e.js';
-import './stringify-feadff37.js';
-import './asyncToGenerator-271a52f3.js';
-import './_set-species-41cbf140.js';
-import './beam-c4d8f8f6.js';
+import './stringify-008c8802.js';
+import './asyncToGenerator-7c654f36.js';
+import './_set-species-cede29f8.js';
+import './beam-681a9749.js';
 import './get-5ee14cda.js';
 import './react-social-icons-a7d5c5c7.js';
-import './defineProperty-fa14766d.js';
+import './defineProperty-b798470d.js';
 import SideFooter from './SideFooter.js';
 import { C as ConferenceBanner } from './ConferenceBanner-8792ebd2.js';
 

package/dist/esm/Column3.js

@@ -1,11 +1,11 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b01e8612.js';
-import './es6.string.iterator-c199c9ba.js';
+import './_to-object-ded78eb9.js';
+import './es6.string.iterator-9b2af4a5.js';
 import './_library-528f1934.js';
-import './_iter-detect-0e105618.js';
-import './core.get-iterator-method-e41daf74.js';
-import './define-property-99e9c0ad.js';
-import './web.dom.iterable-03c5ba1c.js';
+import './_iter-detect-59409a32.js';
+import './core.get-iterator-method-54d2e411.js';
+import './define-property-de3fc946.js';
+import './web.dom.iterable-8956f9a5.js';
 import React__default, { useRef, useEffect } from 'react';
 import './index-93ec3c59.js';
 import 'prop-types';
@@ -14,16 +14,16 @@ import Col from 'react-bootstrap/Col';
 import './isSymbol-807e927e.js';
 import './debounce-1a993acf.js';
 import { m as main_39 } from './main-0465b2a0.js';
-import './stringify-feadff37.js';
-import './slicedToArray-5fb01661.js';
-import './asyncToGenerator-271a52f3.js';
-import './_set-species-41cbf140.js';
-import './beam-c4d8f8f6.js';
+import './stringify-008c8802.js';
+import './slicedToArray-7021e5df.js';
+import './asyncToGenerator-7c654f36.js';
+import './_set-species-cede29f8.js';
+import './beam-681a9749.js';
 import './AdSlot.js';
 import './get-5ee14cda.js';
 import './react-social-icons-a7d5c5c7.js';
 import 'react-bootstrap';
-import './defineProperty-fa14766d.js';
+import './defineProperty-b798470d.js';
 import SideFooter from './SideFooter.js';
 import { C as ConferenceBanner } from './ConferenceBanner-8792ebd2.js';
 import ADSponsoredResources from './ADSponsoredResources.js';

package/dist/esm/DeckContent.js

@@ -1,18 +1,18 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b01e8612.js';
-import './es6.string.iterator-c199c9ba.js';
+import './_to-object-ded78eb9.js';
+import './es6.string.iterator-9b2af4a5.js';
 import './_library-528f1934.js';
-import './_iter-detect-0e105618.js';
-import { _ as _toConsumableArray } from './toConsumableArray-e7f3f5a6.js';
-import './core.get-iterator-method-e41daf74.js';
-import './_object-pie-33c40e79.js';
-import { _ as _extends } from './extends-229166d5.js';
-import './_object-sap-4793c75a.js';
-import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-9ddef7b3.js';
-import './define-property-99e9c0ad.js';
-import './web.dom.iterable-03c5ba1c.js';
-import './typeof-fea75829.js';
-import './_is-array-ced12663.js';
+import './_iter-detect-59409a32.js';
+import { _ as _toConsumableArray } from './toConsumableArray-725434a0.js';
+import './core.get-iterator-method-54d2e411.js';
+import './_object-pie-71ac75a4.js';
+import { _ as _extends } from './extends-cc5da797.js';
+import './_object-sap-4d59d5bd.js';
+import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-7ee3e0c1.js';
+import './define-property-de3fc946.js';
+import './web.dom.iterable-8956f9a5.js';
+import './typeof-08f2c380.js';
+import './_is-array-49698029.js';
 import React__default from 'react';
 import { l as lib_3 } from './index-93ec3c59.js';
 import 'prop-types';
@@ -31,13 +31,13 @@ import { i as imageUrlBuilder } from './index-51a80699.js';
 import { L as LazyLoad } from './index-5f9f807a.js';
 import { m as main_39 } from './main-0465b2a0.js';
 import { c as clean_html_1 } from './entities-7cc3bf45.js';
-import './stringify-feadff37.js';
-import './slicedToArray-5fb01661.js';
-import './asyncToGenerator-271a52f3.js';
-import './_set-species-41cbf140.js';
-import './beam-c4d8f8f6.js';
+import './stringify-008c8802.js';
+import './slicedToArray-7021e5df.js';
+import './asyncToGenerator-7c654f36.js';
+import './_set-species-cede29f8.js';
+import './beam-681a9749.js';
 import './AdSlot.js';
-import { A as ADInfeed } from './ADInfeed-3c4773f8.js';
+import { A as ADInfeed } from './ADInfeed-c27997a3.js';
 
 var DeckContent = function (_React$Component) {
   _inherits(DeckContent, _React$Component);

package/dist/esm/DeckQueue.js

@@ -1,18 +1,18 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b01e8612.js';
-import './es6.string.iterator-c199c9ba.js';
+import './_to-object-ded78eb9.js';
+import './es6.string.iterator-9b2af4a5.js';
 import './_library-528f1934.js';
-import './_iter-detect-0e105618.js';
-import { _ as _toConsumableArray } from './toConsumableArray-e7f3f5a6.js';
-import './core.get-iterator-method-e41daf74.js';
-import './_object-pie-33c40e79.js';
-import { _ as _extends } from './extends-229166d5.js';
-import './_object-sap-4793c75a.js';
-import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-9ddef7b3.js';
-import './define-property-99e9c0ad.js';
-import './web.dom.iterable-03c5ba1c.js';
-import './typeof-fea75829.js';
-import './_is-array-ced12663.js';
+import './_iter-detect-59409a32.js';
+import { _ as _toConsumableArray } from './toConsumableArray-725434a0.js';
+import './core.get-iterator-method-54d2e411.js';
+import './_object-pie-71ac75a4.js';
+import { _ as _extends } from './extends-cc5da797.js';
+import './_object-sap-4d59d5bd.js';
+import { _ as _inherits, a as _classCallCheck, b as _possibleConstructorReturn, c as _Object$getPrototypeOf, d as _createClass } from './inherits-7ee3e0c1.js';
+import './define-property-de3fc946.js';
+import './web.dom.iterable-8956f9a5.js';
+import './typeof-08f2c380.js';
+import './_is-array-49698029.js';
 import React__default from 'react';
 import { l as lib_3 } from './index-93ec3c59.js';
 import 'prop-types';

package/dist/esm/{Dfp-43d61e01.js → Dfp-8a8fca18.js}

@@ -1,8 +1,8 @@
 import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b01e8612.js';
-import './es6.string.iterator-c199c9ba.js';
-import './core.get-iterator-method-e41daf74.js';
-import './web.dom.iterable-03c5ba1c.js';
+import './_to-object-ded78eb9.js';
+import './es6.string.iterator-9b2af4a5.js';
+import './core.get-iterator-method-54d2e411.js';
+import './web.dom.iterable-8956f9a5.js';
 import React__default, { useState } from 'react';
 import { b as lib_1, a as lib_2 } from './index-93ec3c59.js';
 import PropTypes from 'prop-types';
@@ -10,7 +10,7 @@ import './isSymbol-807e927e.js';
 import { d as debounce_1 } from './debounce-1a993acf.js';
 import 'react-dom';
 import { V as VisibilitySensor } from './visibility-sensor-0baa4eea.js';
-import { _ as _slicedToArray } from './slicedToArray-5fb01661.js';
+import { _ as _slicedToArray } from './slicedToArray-7021e5df.js';
 
 var AD = function AD(_ref) {
   var networkID = _ref.networkID,

package/dist/esm/EventsDeck.js

@@ -1,25 +1,68 @@
-import './_commonjsHelpers-0c4b6f40.js';
-import './_to-object-b01e8612.js';
-import './es6.string.iterator-c199c9ba.js';
-import './_iter-detect-0e105618.js';
-import { _ as _toConsumableArray } from './toConsumableArray-e7f3f5a6.js';
-import './core.get-iterator-method-e41daf74.js';
-import './web.dom.iterable-03c5ba1c.js';
+import { c as createCommonjsModule, u as unwrapExports } from './_commonjsHelpers-0c4b6f40.js';
+import { _ as _toIobject, a as _objectKeys, b as _descriptors, c as _export, d as _core } from './_to-object-ded78eb9.js';
+import './es6.string.iterator-9b2af4a5.js';
+import './_iter-detect-59409a32.js';
+import { _ as _toConsumableArray } from './toConsumableArray-725434a0.js';
+import './core.get-iterator-method-54d2e411.js';
+import { _ as _objectPie } from './_object-pie-71ac75a4.js';
+import { _ as _extends } from './extends-cc5da797.js';
+import './define-property-de3fc946.js';
+import './web.dom.iterable-8956f9a5.js';
 import React__default, { useState, useEffect } from 'react';
 import Container from 'react-bootstrap/Container';
 import Row from 'react-bootstrap/Row';
 import Col from 'react-bootstrap/Col';
 import Card from 'react-bootstrap/Card';
 import './moment-12415288.js';
+import { useRouter } from 'next/router';
 import { I as InfiniteScroll } from './index.es-938a3a58.js';
 import { m as main_39 } from './main-0465b2a0.js';
-import { _ as _JSON$stringify } from './stringify-feadff37.js';
-import { _ as _slicedToArray } from './slicedToArray-5fb01661.js';
+import { _ as _JSON$stringify } from './stringify-008c8802.js';
+import { _ as _slicedToArray, a as _getIterator } from './slicedToArray-7021e5df.js';
 import Button from 'react-bootstrap/Button';
+import { _ as _defineProperty } from './defineProperty-b798470d.js';
 import Spinner from 'react-bootstrap/Spinner';
+import Form from 'react-bootstrap/Form';
 import { m as momentTimezone } from './index-d2f90501.js';
 import { j as js_cookie } from './js.cookie-6874175c.js';
 
+var isEnum = _objectPie.f;
+var _objectToArray = function (isEntries) {
+  return function (it) {
+    var O = _toIobject(it);
+    var keys = _objectKeys(O);
+    var length = keys.length;
+    var i = 0;
+    var result = [];
+    var key;
+    while (length > i) {
+      key = keys[i++];
+      if (!_descriptors || isEnum.call(O, key)) {
+        result.push(isEntries ? [key, O[key]] : O[key]);
+      }
+    }
+    return result;
+  };
+};
+
+// https://github.com/tc39/proposal-object-values-entries
+
+var $entries = _objectToArray(true);
+
+_export(_export.S, 'Object', {
+  entries: function entries(it) {
+    return $entries(it);
+  }
+});
+
+var entries = _core.Object.entries;
+
+var entries$1 = createCommonjsModule(function (module) {
+module.exports = { "default": entries, __esModule: true };
+});
+
+var _Object$entries = unwrapExports(entries$1);
+
 var clientId = process.env.CVENT_CLIENT_ID;
 var clientSecret = process.env.CVENT_CLIENT_SECRET;
 var currentTime = momentTimezone().toISOString();
@@ -32,7 +75,11 @@ var EventsDeck = function EventsDeck(_ref) {
       _ref$hardCodedEvents = _ref.hardCodedEvents,
       hardCodedEvents = _ref$hardCodedEvents === undefined ? null : _ref$hardCodedEvents,
       _ref$cta = _ref.cta,
-      cta = _ref$cta === undefined ? 'Register Now' : _ref$cta;
+      cta = _ref$cta === undefined ? 'Register Now' : _ref$cta,
+      advancedFilters = _ref.advancedFilters,
+      showFilters = _ref.showFilters;
+
+  var router = useRouter();
 
   var _useState = useState(true),
       _useState2 = _slicedToArray(_useState, 2),
@@ -59,6 +106,26 @@ var EventsDeck = function EventsDeck(_ref) {
       scrolling = _useState10[0],
       setScrolling = _useState10[1];
 
+  var _ref2 = advancedFilters ? useState(advancedFilters) : useState(null),
+      _ref3 = _slicedToArray(_ref2, 2),
+      deckAdvancedFilters = _ref3[0],
+      setDeckAdvancedFilters = _ref3[1];
+
+  var _useState11 = useState([]),
+      _useState12 = _slicedToArray(_useState11, 2),
+      advancedFiltersArray = _useState12[0],
+      setAdvancedFiltersArray = _useState12[1];
+
+  var _useState13 = useState(null),
+      _useState14 = _slicedToArray(_useState13, 2),
+      eventCards = _useState14[0],
+      setEventCards = _useState14[1];
+
+  var _useState15 = useState(true),
+      _useState16 = _slicedToArray(_useState15, 2),
+      firstLoad = _useState16[0],
+      setFirstLoad = _useState16[1];
+
   var getEvents = function getEvents(url) {
     fetch(url, {
       headers: {
@@ -139,6 +206,47 @@ var EventsDeck = function EventsDeck(_ref) {
     // reset state when filter changes
     setIsLoading(true);
     setData([]);
+    if (!firstLoad) {
+      if (advancedFilters) {
+        setDeckAdvancedFilters(function (prevState) {
+          var temp = _extends({}, prevState);
+          var _iteratorNormalCompletion = true;
+          var _didIteratorError = false;
+          var _iteratorError = undefined;
+
+          try {
+            for (var _iterator = _getIterator(_Object$entries(temp)), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+              var _ref4 = _step.value;
+
+              var _ref5 = _slicedToArray(_ref4, 2);
+
+              var key = _ref5[0];
+              var value = _ref5[1];
+
+              temp[key].value = '';
+              temp[key].selected = false;
+              temp[key].param = value.param;
+            }
+          } catch (err) {
+            _didIteratorError = true;
+            _iteratorError = err;
+          } finally {
+            try {
+              if (!_iteratorNormalCompletion && _iterator.return) {
+                _iterator.return();
+              }
+            } finally {
+              if (_didIteratorError) {
+                throw _iteratorError;
+              }
+            }
+          }
+
+          return temp;
+        });
+      }
+    }
+    setFirstLoad(false);
   }, [filter]);
 
   useEffect(function () {
@@ -213,13 +321,267 @@ var EventsDeck = function EventsDeck(_ref) {
     );
   };
 
-  var cardLoader = function cardLoader() {
+  var handleFilterSelected = function handleFilterSelected(evt) {
+    evt.preventDefault();
+    evt.stopPropagation();
+    evt.persist();
+    setDeckAdvancedFilters(function (prevState) {
+      console.dir(prevState);
+      return _extends({}, prevState, _defineProperty({}, evt.target.dataset['filtername'], {
+        value: evt.target.value,
+        selected: evt.target.value.length > 0 ? true : false,
+        param: prevState[evt.target.dataset['filtername']].param
+      }));
+    });
+  };
+
+  var grabAdvancedFilters = function grabAdvancedFilters() {
+    console.log('grabAdvancedFilters');
+    if (data.length <= 0) {
+      return;
+    }
+
+    var valuesArray = _Object$entries(deckAdvancedFilters).map(function (_ref6, index) {
+      var _ref7 = _slicedToArray(_ref6, 2),
+          key = _ref7[0],
+          value = _ref7[1];
+
+      var temp = [];
+      for (var evt in data) {
+        for (var field in data[evt].customFields) {
+          if (data[evt].customFields[field].name === key) {
+            if (!temp.includes(data[evt].customFields[field].value[0])) {
+              temp[evt] = data[evt].customFields[field].value[0];
+              break;
+            }
+          }
+        }
+      }
+      return temp;
+    });
+    if (valuesArray.length > 0 && advancedFiltersArray.length <= 0) {
+      setAdvancedFiltersArray(valuesArray);
+    }
+    return valuesArray.length > 0 ? React__default.createElement(
+      React__default.Fragment,
+      null,
+      React__default.createElement(
+        Form,
+        null,
+        _Object$entries(deckAdvancedFilters).map(function (_ref8, index) {
+          var _ref9 = _slicedToArray(_ref8, 2),
+              key = _ref9[0],
+              value = _ref9[1];
+
+          return React__default.createElement(
+            Form.Group,
+            null,
+            React__default.createElement(
+              Form.Label,
+              null,
+              key
+            ),
+            React__default.createElement(
+              Form.Control,
+              { as: 'select', 'data-filterName': key, onChange: function onChange(evt) {
+                  return handleFilterSelected(evt);
+                } },
+              React__default.createElement(
+                React__default.Fragment,
+                null,
+                React__default.createElement(
+                  'option',
+                  null,
+                  ' '
+                ),
+                valuesArray[index].map(function (text, index) {
+                  if (value.value.toLowerCase() === text.toLowerCase()) {
+                    return React__default.createElement(
+                      'option',
+                      { selected: true },
+                      text
+                    );
+                  }
+                  return React__default.createElement(
+                    'option',
+                    null,
+                    text
+                  );
+                })
+              )
+            )
+          );
+        })
+      )
+    ) : null;
+  };
+
+  try {
+    useEffect(function () {
+      grabFilteredData();
+    }, [_JSON$stringify(deckAdvancedFilters)]);
+  } catch (e) {}
+
+  var grabFilteredData = function grabFilteredData() {
+    var tempData = [];
+    var filtersSelected = 0;
+    if (!advancedFilters) {
+      tempData = data;
+    } else {
+      if (_Object$entries(deckAdvancedFilters).length > 0) {
+        var _iteratorNormalCompletion2 = true;
+        var _didIteratorError2 = false;
+        var _iteratorError2 = undefined;
+
+        try {
+          for (var _iterator2 = _getIterator(_Object$entries(deckAdvancedFilters)), _step2; !(_iteratorNormalCompletion2 = (_step2 = _iterator2.next()).done); _iteratorNormalCompletion2 = true) {
+            var _ref10 = _step2.value;
+
+            var _ref11 = _slicedToArray(_ref10, 2);
+
+            var key = _ref11[0];
+            var value = _ref11[1];
+
+            if (value !== '' && value !== undefined) {
+              filtersSelected++;
+            }
+          }
+        } catch (err) {
+          _didIteratorError2 = true;
+          _iteratorError2 = err;
+        } finally {
+          try {
+            if (!_iteratorNormalCompletion2 && _iterator2.return) {
+              _iterator2.return();
+            }
+          } finally {
+            if (_didIteratorError2) {
+              throw _iteratorError2;
+            }
+          }
+        }
+      }
+
+      if (filtersSelected > 0) {
+        for (var i in data) {
+          var filterEvent = [];
+          for (var field in data[i].customFields) {
+            var _iteratorNormalCompletion3 = true;
+            var _didIteratorError3 = false;
+            var _iteratorError3 = undefined;
+
+            try {
+              for (var _iterator3 = _getIterator(_Object$entries(deckAdvancedFilters)), _step3; !(_iteratorNormalCompletion3 = (_step3 = _iterator3.next()).done); _iteratorNormalCompletion3 = true) {
+                var _ref12 = _step3.value;
+
+                var _ref13 = _slicedToArray(_ref12, 2);
+
+                var _key = _ref13[0];
+                var _value = _ref13[1];
+
+                if (_value.selected) {
+                  if (data[i].customFields[field].name === _key && data[i].customFields[field].value[0] === _value.value && !tempData.includes(data[i].id)) {
+                    filterEvent.push(true);
+                  } else if (data[i].customFields[field].name === _key && data[i].customFields[field].value[0] !== _value.value) {
+                    filterEvent.push(false);
+                  }
+                }
+              }
+            } catch (err) {
+              _didIteratorError3 = true;
+              _iteratorError3 = err;
+            } finally {
+              try {
+                if (!_iteratorNormalCompletion3 && _iterator3.return) {
+                  _iterator3.return();
+                }
+              } finally {
+                if (_didIteratorError3) {
+                  throw _iteratorError3;
+                }
+              }
+            }
+
+            if (field >= data[i].customFields.length - 1 && !filterEvent.includes(false)) {
+              tempData.push(data[i]);
+            }
+          }
+        }
+        var newPath = '?event=' + (filter.indexOf('start') >= 0 ? 'upcoming' : 'past');
+        var _iteratorNormalCompletion4 = true;
+        var _didIteratorError4 = false;
+        var _iteratorError4 = undefined;
+
+        try {
+          for (var _iterator4 = _getIterator(_Object$entries(deckAdvancedFilters)), _step4; !(_iteratorNormalCompletion4 = (_step4 = _iterator4.next()).done); _iteratorNormalCompletion4 = true) {
+            var _ref14 = _step4.value;
+
+            var _ref15 = _slicedToArray(_ref14, 2);
+
+            var _key2 = _ref15[0];
+            var _value2 = _ref15[1];
+
+            if (_value2.value.length > 0) {
+              console.log(_value2);
+              newPath += '&' + _value2.param + '=' + _value2.value.replace(/ /g, '_');
+            }
+          }
+        } catch (err) {
+          _didIteratorError4 = true;
+          _iteratorError4 = err;
+        } finally {
+          try {
+            if (!_iteratorNormalCompletion4 && _iterator4.return) {
+              _iterator4.return();
+            }
+          } finally {
+            if (_didIteratorError4) {
+              throw _iteratorError4;
+            }
+          }
+        }
+
+        if (router.asPath.split(router.pathname)[1] !== newPath) {
+          router.push(router.pathname, newPath, {
+            shallow: true
+          });
+        }
+      } else {
+        tempData = data;
+      }
+    }
+
+    setEventCards(cardLoader(tempData));
+  };
+
+  useEffect(function () {
+    if (!advancedFilters) {
+      setEventCards(cardLoader(data));
+    } else {
+      grabFilteredData();
+    }
+  }, [_JSON$stringify(data)]);
+
+  var cardLoader = function cardLoader(localData) {
     var numberOfItemsBeforeAd = 5;
+    var filteredData = localData;
+
+    if (filteredData.length <= 0) {
+      return React__default.createElement(
+        'div',
+        null,
+        React__default.createElement(
+          'div',
+          null,
+          'No events found '
+        )
+      );
+    }
 
     return React__default.createElement(
       Container,
       { style: { padding: 1 } },
-      data && data.map(function (row, index) {
+      filteredData && filteredData.map(function (row, index) {
         var speakerInfo = [];
         if (row.customFields) {
           speakerInfo = row.customFields.filter(function (x) {
@@ -411,12 +773,26 @@ var EventsDeck = function EventsDeck(_ref) {
 
   if (data.length > 0) {
     return React__default.createElement(
-      'div',
-      { className: 'cvent-events' },
+      React__default.Fragment,
+      null,
+      data && advancedFilters && React__default.createElement(
+        'div',
+        { className: 'advancedFilters ' + (showFilters ? 'show' : 'hide') },
+        grabAdvancedFilters()
+      ),
       React__default.createElement(
-        InfiniteScroll,
-        { dataLength: data.length, next: loadMore, hasMore: scrolling, scrollThreshold: 0.9 },
-        cardLoader()
+        'div',
+        { className: 'cvent-events' },
+        React__default.createElement(
+          InfiniteScroll,
+          { dataLength: data.length, next: loadMore, hasMore: scrolling, scrollThreshold: 0.9 },
+          eventCards
+        )
+      ),
+      React__default.createElement(
+        'style',
+        { jsx: true },
+        '\n          .advancedFilters {\n            overflow: hidden;\n            border-radius: 5px;\n            padding: 1rem;\n            margin-bottom: 1rem;\n            box-shadow: #00000075 0 0 5px 2px;\n          }\n          .form-label {\n            margin-bottom: 0;\n          }\n          .hide {\n            opacity: 0;\n            height: 0;\n            display: none;\n          }\n          .show {\n            opacity: 1;\n            min-height: 50px;\n            height: auto;\n            display: block;\n          }\n        '
       )
     );
   } else {