@bigbinary/neeto-filters-frontend 3.0.15 → 3.1.1

package/dist/index.cjs.js

@@ -5,21 +5,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var classnames = require('classnames');
 var i18next = require('i18next');
-var neetocist = require('neetocist');
+var neetoCist = require('@bigbinary/neeto-cist');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var utils = require('@bigbinary/neeto-commons-frontend/utils');
 var neetoui = require('@bigbinary/neetoui');
 var ramda = require('ramda');
 var reactI18next = require('react-i18next');
 var reactRouterDom = require('react-router-dom');
+var useHotkeys = require('@bigbinary/neeto-hotkeys');
 var neetoIcons = require('@bigbinary/neeto-icons');
 var formik = require('@bigbinary/neetoui/formik');
 var reactQuery = require('react-query');
 var axios = require('axios');
 var yup = require('yup');
 var Search = require('@bigbinary/neeto-molecules/Search');
-var reactDom = require('react-dom');
-var reactTransitionGroup = require('react-transition-group');
+var ReactDOM = require('react-dom');
 var MenuBar = require('@bigbinary/neeto-molecules/MenuBar');
 var InlineInput = require('@bigbinary/neeto-molecules/InlineInput');
 
@@ -46,9 +46,11 @@ function _interopNamespace(e) {
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
 var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
+var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
+var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var MenuBar__default = /*#__PURE__*/_interopDefaultLegacy(MenuBar);
 
 function _arrayLikeToArray(arr, len) {
@@ -82,14 +84,14 @@ function _toConsumableArray(arr) {
   return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
 }
 
-function _typeof(obj) {
+function _typeof(o) {
   "@babel/helpers - typeof";
 
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
+  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
+    return typeof o;
+  } : function (o) {
+    return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
+  }, _typeof(o);
 }
 
 function _toPrimitive(input, hint) {
@@ -293,31 +295,31 @@ function _arrayWithHoles(arr) {
   if (Array.isArray(arr)) return arr;
 }
 
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
+function _iterableToArrayLimit(r, l) {
+  var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
+  if (null != t) {
+    var e,
+      n,
+      i,
+      u,
+      a = [],
+      f = !0,
+      o = !1;
     try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
+      if (i = (t = t.call(r)).next, 0 === l) {
+        if (Object(t) !== t) return;
+        f = !1;
+      } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
+    } catch (r) {
+      o = !0, n = r;
     } finally {
       try {
-        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
+        if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
       } finally {
-        if (_d) throw _e;
+        if (o) throw n;
       }
     }
-    return _arr;
+    return a;
   }
 }
 
@@ -367,8 +369,8 @@ dayjs.extend(timezone);
 dayjs.extend(weekday);
 dayjs.Ls.en.weekStart = 1;
 
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var groupByGroup = ramda.groupBy(function (_ref) {
   var group = _ref.group;
   return group || "individual";
@@ -429,14 +431,14 @@ var getTimezone = function getTimezone() {
 var getLabelFromBool = function getLabelFromBool(_ref3) {
   var value = _ref3.value,
     values = _ref3.values;
-  return neetocist.findBy({
+  return neetoCist.findBy({
     value: value
   }, ramda.either(ramda.isEmpty, ramda.isNil)(values) ? DEFAULT_BOOLEAN_OPTIONS : values).label;
 };
 var getBoolFromLabel = function getBoolFromLabel(_ref4) {
   var label = _ref4.label,
     values = _ref4.values;
-  return neetocist.findBy({
+  return neetoCist.findBy({
     label: label
   }, ramda.either(ramda.isEmpty, ramda.isNil)(values) ? DEFAULT_BOOLEAN_OPTIONS : values).value;
 };
@@ -693,7 +695,7 @@ var buildMultiOptionPayload = function buildMultiOptionPayload(values) {
   }).join("|");
 };
 var buildFiltersPayload = function buildFiltersPayload(filters) {
-  var payload = neetocist.removeBy({
+  var payload = neetoCist.removeBy({
     value: ""
   }, filters).map(function (filter) {
     if (filter.key === SEARCH_TERM_KEY && isMultiModelFilter(filter)) {
@@ -727,7 +729,7 @@ var buildFiltersPayload = function buildFiltersPayload(filters) {
 };
 var buildSegmentsPayload = function buildSegmentsPayload(filters) {
   var childrenKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var payload = neetocist.removeBy({
+  var payload = neetoCist.removeBy({
     value: ""
   }, filters).map(function (filter) {
     if (filter.key === SEARCH_TERM_KEY) {
@@ -787,7 +789,7 @@ var buildSelectorsFromURL = function buildSelectorsFromURL(columns) {
 };
 var compareFilters = function compareFilters(oldFilters, newFilters) {
   var formatFilters = function formatFilters(filters) {
-    return neetocist.removeBy({
+    return neetoCist.removeBy({
       value: ""
     }, filters).map(ramda.pick(["key", "rule", "value"]));
   };
@@ -818,7 +820,7 @@ var buildFilteredColumns = function buildFilteredColumns(_ref11) {
 };
 var buildDefaultFilters = function buildDefaultFilters(columns, filters) {
   return columns.filter(function (column) {
-    return !isUndefinedOrEmpty(column.defaultValue) && !neetocist.findBy({
+    return !isUndefinedOrEmpty(column.defaultValue) && !neetoCist.findBy({
       key: column.key
     }, filters);
   }).map(function (column) {
@@ -851,7 +853,7 @@ var createUrlParamString = function createUrlParamString(_ref15) {
   } else if (isBoolean(defaultType)) {
     return getLabelFromBool({
       value: value,
-      values: neetocist.findBy({
+      values: neetoCist.findBy({
         key: key
       }, columns).values
     });
@@ -866,7 +868,7 @@ var buildUrlFromFilters = function buildUrlFromFilters(_ref16) {
     _ref16$childrenKeys = _ref16.childrenKeys,
     childrenKeys = _ref16$childrenKeys === void 0 ? [] : _ref16$childrenKeys;
   var searchParams = getSnakeCasedQueryParams();
-  var isKeywordFilterPresent = neetocist.findBy({
+  var isKeywordFilterPresent = neetoCist.findBy({
     key: SEARCH_TERM_KEY
   }, filters);
   columns.forEach(function (_ref17) {
@@ -925,7 +927,7 @@ var buildUrlFromSegment = function buildUrlFromSegment(_ref19) {
       columns: columns
     });
     return acc;
-  }, neetocist.isNotEmpty(id) ? _defineProperty({}, SEGMENT_ID_KEY, id) : {});
+  }, neetoCist.isNotEmpty(id) ? _defineProperty({}, SEGMENT_ID_KEY, id) : {});
   return new URLSearchParams(_objectSpread$4(_objectSpread$4({}, searchParams), newSearchParams)).toString();
 };
 var getSearchTermFromUrl = function getSearchTermFromUrl() {
@@ -946,7 +948,7 @@ var buildFilterColumnsFromFields = function buildFilterColumnsFromFields(_ref22)
       var column = _objectSpread$4({
         key: ramda.toLower(name),
         node: "".concat(name, ":").concat(id),
-        label: neetocist.capitalize(name),
+        label: neetoCist.capitalize(name),
         type: "custom.".concat(kind),
         showRuleSelector: showRuleSelector
       }, groupName && {
@@ -955,7 +957,7 @@ var buildFilterColumnsFromFields = function buildFilterColumnsFromFields(_ref22)
       if (kind === "single_option" || kind === "multi_option") {
         column.values = field.data.map(function (item) {
           return {
-            label: neetocist.capitalize(item.label),
+            label: neetoCist.capitalize(item.label),
             value: item.id
           };
         });
@@ -1002,11 +1004,11 @@ var buildFilterValue = function buildFilterValue(filter) {
   } else if (isTime(defaultType) && isCustomTimeRange(value)) {
     return value.map(utils.dateFormat.time).join(" - ");
   } else if (isDate(defaultType) || isTime(defaultType)) {
-    return neetocist.humanize(value);
+    return neetoCist.humanize(value);
   } else if (isMulti(defaultType)) {
     return value.map(function (value) {
       var _findBy;
-      return ((_findBy = neetocist.findBy({
+      return ((_findBy = neetoCist.findBy({
         value: value
       }, values)) === null || _findBy === void 0 ? void 0 : _findBy.label) || value;
     }).join(", ");
@@ -1020,7 +1022,7 @@ var buildFilterValue = function buildFilterValue(filter) {
       values: values
     });
   }
-  return ((_findBy2 = neetocist.findBy({
+  return ((_findBy2 = neetoCist.findBy({
     value: value
   }, values)) === null || _findBy2 === void 0 ? void 0 : _findBy2.label) || value;
 };
@@ -1028,19 +1030,19 @@ var buildRuleValue = function buildRuleValue(_ref) {
   var rule = _ref.rule,
     defaultType = _ref.defaultType;
   if (isText(defaultType)) {
-    return neetocist.findBy({
+    return neetoCist.findBy({
       value: rule
     }, TEXT_RULES).label;
   } else if (isDigit(defaultType)) {
-    return neetocist.findBy({
+    return neetoCist.findBy({
       value: rule
     }, NUMBER_RULES).label;
   } else if (isSingleDate(defaultType)) {
-    return neetocist.findBy({
+    return neetoCist.findBy({
       value: rule
     }, SINGLE_DATE_OPTIONS).label;
   } else if (isSingleTime(defaultType)) {
-    return neetocist.findBy({
+    return neetoCist.findBy({
       value: rule
     }, SINGLE_TIME_OPTIONS).label;
   }
@@ -1068,12 +1070,12 @@ var Block = function Block(_ref) {
   var blockLength = label.length + ruleContent.length + filterValue.length;
   var toolTipDisabled = blockLength <= 50;
   var blockContent = !toolTipDisabled ? "".concat(filterValue.slice(0, 50 - blockLength), "...") : filterValue;
-  var deleteBlockHotKeyRef = reactUtils.useHotKeys(SHORTCUTS.deleteBlock.sequence, function () {
+  var deleteBlockHotKeyRef = useHotkeys__default["default"](SHORTCUTS.deleteBlock.sequence, function () {
     return handleDelete(key);
   }, {
     mode: "scoped"
   });
-  var openFilterPaneHotKeyRef = reactUtils.useHotKeys(SHORTCUTS.openFilterPane.sequence, function () {
+  var openFilterPaneHotKeyRef = useHotkeys__default["default"](SHORTCUTS.openFilterPane.sequence, function () {
     return setIsPaneOpen(key);
   }, {
     mode: "scoped"
@@ -1085,7 +1087,7 @@ var Block = function Block(_ref) {
     theme: "light"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-filters-bar__block",
-    "data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-block"),
+    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-block"),
     tabIndex: 0,
     ref: function ref(node) {
       deleteBlockHotKeyRef.current = node;
@@ -1104,7 +1106,7 @@ var Block = function Block(_ref) {
   }, blockContent), !defaultValue && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-filters-bar__block-close"
   }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
-    "data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-block-close-btn"),
+    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-block-close-btn"),
     size: 16,
     strokeWidth: 2,
     onClick: function onClick(event) {
@@ -1118,19 +1120,19 @@ var ChildBlock = function ChildBlock(_ref) {
   var childKey = _ref.childKey,
     setIsPaneOpen = _ref.setIsPaneOpen,
     handleDelete = _ref.handleDelete;
-  var deleteBlockHotKeyRef = reactUtils.useHotKeys(SHORTCUTS.deleteBlock.sequence, function () {
+  var deleteBlockHotKeyRef = useHotkeys__default["default"](SHORTCUTS.deleteBlock.sequence, function () {
     return handleDelete(childKey);
   }, {
     mode: "scoped"
   });
-  var openFilterPaneHotKeyRef = reactUtils.useHotKeys(SHORTCUTS.openFilterPane.sequence, function () {
+  var openFilterPaneHotKeyRef = useHotkeys__default["default"](SHORTCUTS.openFilterPane.sequence, function () {
     return setIsPaneOpen(childKey);
   }, {
     mode: "scoped"
   });
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-filters-bar__block",
-    "data-cy": "neeto-filters-".concat(neetocist.hyphenate(childKey), "-block"),
+    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(childKey), "-block"),
     tabIndex: 0,
     ref: function ref(node) {
       deleteBlockHotKeyRef.current = node;
@@ -1145,7 +1147,7 @@ var ChildBlock = function ChildBlock(_ref) {
   }, childKey), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-filters-bar__block-close"
   }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
-    "data-cy": "neeto-filters-".concat(neetocist.hyphenate(childKey), "-block-close-btn"),
+    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(childKey), "-block-close-btn"),
     size: 16,
     strokeWidth: 2,
     onClick: function onClick(event) {
@@ -1191,8 +1193,8 @@ var QUERY_KEYS = {
 };
 var SEGMENTS_STALE_TIME = 900000; // 15 mins
 
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SEGMENTS_LIST = QUERY_KEYS.SEGMENTS_LIST;
 var useFetchSegments = function useFetchSegments(_ref) {
   var entity = _ref.entity,
@@ -1392,8 +1394,8 @@ var Segment = function Segment(_ref) {
   }));
 };
 
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Bar = function Bar(_ref) {
   var entity = _ref.entity,
     className = _ref.className,
@@ -1403,7 +1405,7 @@ var Bar = function Bar(_ref) {
     keyword = _ref$keyword === void 0 ? {
       node: "",
       value: "",
-      setValue: neetocist.noop
+      setValue: neetoCist.noop
     } : _ref$keyword,
     _ref$setIsPaneOpen = _ref.setIsPaneOpen,
     setIsPaneOpen = _ref$setIsPaneOpen === void 0 ? ramda.identity : _ref$setIsPaneOpen,
@@ -1427,15 +1429,15 @@ var Bar = function Bar(_ref) {
       key: SEARCH_TERM_KEY,
       value: keywordValue
     });
-    var filters = buildFiltersFromSearchParams(isKeywordFilterPresent(keywordFilter) && neetocist.isNotEmpty(keywordValue) ? [keywordFilter].concat(_toConsumableArray(columns)) : columns);
-    var nonHiddenFilters = neetocist.removeBy({
+    var filters = buildFiltersFromSearchParams(isKeywordFilterPresent(keywordFilter) && neetoCist.isNotEmpty(keywordValue) ? [keywordFilter].concat(_toConsumableArray(columns)) : columns);
+    var nonHiddenFilters = neetoCist.removeBy({
       hidden: true
     }, filters);
     var history = reactRouterDom.useHistory();
     var handleSubmit = function handleSubmit(newFilters, isClearAll) {
       var params = buildUrlFromFilters(_objectSpread$2({
         columns: columns,
-        filters: isKeywordFilterPresent(keywordFilter) && neetocist.isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(newFilters), [keywordFilter]) : newFilters
+        filters: isKeywordFilterPresent(keywordFilter) && neetoCist.isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(newFilters), [keywordFilter]) : newFilters
       }, isClearAll && {
         isClearAll: true,
         childrenKeys: childrenKeys
@@ -1456,7 +1458,7 @@ var Bar = function Bar(_ref) {
         var _pathname = window.location.pathname;
         history.push(utils.buildUrl(_pathname, _params));
       }
-      var newFilters = neetocist.removeBy({
+      var newFilters = neetoCist.removeBy({
         key: key
       }, filters);
       handleSubmit(newFilters);
@@ -1478,7 +1480,7 @@ var Bar = function Bar(_ref) {
     React.useEffect(function () {
       if (initialRenderRef.current) {
         initialRenderRef.current = false;
-        return neetocist.noop;
+        return neetoCist.noop;
       }
       var handler = setTimeout(function () {
         handleSubmit(filters);
@@ -1529,8 +1531,8 @@ var Bar = function Bar(_ref) {
   }();
 };
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
+function _extends$1() {
+  _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -1541,10 +1543,10 @@ function _extends() {
     }
     return target;
   };
-  return _extends.apply(this, arguments);
+  return _extends$1.apply(this, arguments);
 }
 
-function _objectWithoutPropertiesLoose(source, excluded) {
+function _objectWithoutPropertiesLoose$1(source, excluded) {
   if (source == null) return {};
   var target = {};
   var sourceKeys = Object.keys(source);
@@ -1559,7 +1561,7 @@ function _objectWithoutPropertiesLoose(source, excluded) {
 
 function _objectWithoutProperties(source, excluded) {
   if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose(source, excluded);
+  var target = _objectWithoutPropertiesLoose$1(source, excluded);
   var key, i;
   if (Object.getOwnPropertySymbols) {
     var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
@@ -1598,8 +1600,807 @@ var Portal = function Portal(_ref) {
   if (!target.current) {
     target.current = document.createElement(element);
   }
-  return /*#__PURE__*/reactDom.createPortal(children, target.current);
+  return /*#__PURE__*/ReactDOM.createPortal(children, target.current);
+};
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+  return target;
+}
+
+function _setPrototypeOf(o, p) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
+    o.__proto__ = p;
+    return o;
+  };
+  return _setPrototypeOf(o, p);
+}
+
+function _inheritsLoose(subClass, superClass) {
+  subClass.prototype = Object.create(superClass.prototype);
+  subClass.prototype.constructor = subClass;
+  _setPrototypeOf(subClass, superClass);
+}
+
+/**
+ * Checks if a given element has a CSS class.
+ * 
+ * @param element the element
+ * @param className the CSS class name
+ */
+function hasClass(element, className) {
+  if (element.classList) return !!className && element.classList.contains(className);
+  return (" " + (element.className.baseVal || element.className) + " ").indexOf(" " + className + " ") !== -1;
+}
+
+/**
+ * Adds a CSS class to a given element.
+ * 
+ * @param element the element
+ * @param className the CSS class name
+ */
+
+function addClass(element, className) {
+  if (element.classList) element.classList.add(className);else if (!hasClass(element, className)) if (typeof element.className === 'string') element.className = element.className + " " + className;else element.setAttribute('class', (element.className && element.className.baseVal || '') + " " + className);
+}
+
+function replaceClassName(origClass, classToRemove) {
+  return origClass.replace(new RegExp("(^|\\s)" + classToRemove + "(?:\\s|$)", 'g'), '$1').replace(/\s+/g, ' ').replace(/^\s*|\s*$/g, '');
+}
+/**
+ * Removes a CSS class from a given element.
+ * 
+ * @param element the element
+ * @param className the CSS class name
+ */
+
+
+function removeClass$1(element, className) {
+  if (element.classList) {
+    element.classList.remove(className);
+  } else if (typeof element.className === 'string') {
+    element.className = replaceClassName(element.className, className);
+  } else {
+    element.setAttribute('class', replaceClassName(element.className && element.className.baseVal || '', className));
+  }
+}
+
+var config = {
+  disabled: false
+};
+
+var TransitionGroupContext = React__default["default"].createContext(null);
+
+var forceReflow = function forceReflow(node) {
+  return node.scrollTop;
+};
+
+var UNMOUNTED = 'unmounted';
+var EXITED = 'exited';
+var ENTERING = 'entering';
+var ENTERED = 'entered';
+var EXITING = 'exiting';
+/**
+ * The Transition component lets you describe a transition from one component
+ * state to another _over time_ with a simple declarative API. Most commonly
+ * it's used to animate the mounting and unmounting of a component, but can also
+ * be used to describe in-place transition states as well.
+ *
+ * ---
+ *
+ * **Note**: `Transition` is a platform-agnostic base component. If you're using
+ * transitions in CSS, you'll probably want to use
+ * [`CSSTransition`](https://reactcommunity.org/react-transition-group/css-transition)
+ * instead. It inherits all the features of `Transition`, but contains
+ * additional features necessary to play nice with CSS transitions (hence the
+ * name of the component).
+ *
+ * ---
+ *
+ * By default the `Transition` component does not alter the behavior of the
+ * component it renders, it only tracks "enter" and "exit" states for the
+ * components. It's up to you to give meaning and effect to those states. For
+ * example we can add styles to a component when it enters or exits:
+ *
+ * ```jsx
+ * import { Transition } from 'react-transition-group';
+ *
+ * const duration = 300;
+ *
+ * const defaultStyle = {
+ *   transition: `opacity ${duration}ms ease-in-out`,
+ *   opacity: 0,
+ * }
+ *
+ * const transitionStyles = {
+ *   entering: { opacity: 1 },
+ *   entered:  { opacity: 1 },
+ *   exiting:  { opacity: 0 },
+ *   exited:  { opacity: 0 },
+ * };
+ *
+ * const Fade = ({ in: inProp }) => (
+ *   <Transition in={inProp} timeout={duration}>
+ *     {state => (
+ *       <div style={{
+ *         ...defaultStyle,
+ *         ...transitionStyles[state]
+ *       }}>
+ *         I'm a fade Transition!
+ *       </div>
+ *     )}
+ *   </Transition>
+ * );
+ * ```
+ *
+ * There are 4 main states a Transition can be in:
+ *  - `'entering'`
+ *  - `'entered'`
+ *  - `'exiting'`
+ *  - `'exited'`
+ *
+ * Transition state is toggled via the `in` prop. When `true` the component
+ * begins the "Enter" stage. During this stage, the component will shift from
+ * its current transition state, to `'entering'` for the duration of the
+ * transition and then to the `'entered'` stage once it's complete. Let's take
+ * the following example (we'll use the
+ * [useState](https://reactjs.org/docs/hooks-reference.html#usestate) hook):
+ *
+ * ```jsx
+ * function App() {
+ *   const [inProp, setInProp] = useState(false);
+ *   return (
+ *     <div>
+ *       <Transition in={inProp} timeout={500}>
+ *         {state => (
+ *           // ...
+ *         )}
+ *       </Transition>
+ *       <button onClick={() => setInProp(true)}>
+ *         Click to Enter
+ *       </button>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * When the button is clicked the component will shift to the `'entering'` state
+ * and stay there for 500ms (the value of `timeout`) before it finally switches
+ * to `'entered'`.
+ *
+ * When `in` is `false` the same thing happens except the state moves from
+ * `'exiting'` to `'exited'`.
+ */
+
+var Transition = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(Transition, _React$Component);
+
+  function Transition(props, context) {
+    var _this;
+
+    _this = _React$Component.call(this, props, context) || this;
+    var parentGroup = context; // In the context of a TransitionGroup all enters are really appears
+
+    var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;
+    var initialStatus;
+    _this.appearStatus = null;
+
+    if (props.in) {
+      if (appear) {
+        initialStatus = EXITED;
+        _this.appearStatus = ENTERING;
+      } else {
+        initialStatus = ENTERED;
+      }
+    } else {
+      if (props.unmountOnExit || props.mountOnEnter) {
+        initialStatus = UNMOUNTED;
+      } else {
+        initialStatus = EXITED;
+      }
+    }
+
+    _this.state = {
+      status: initialStatus
+    };
+    _this.nextCallback = null;
+    return _this;
+  }
+
+  Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {
+    var nextIn = _ref.in;
+
+    if (nextIn && prevState.status === UNMOUNTED) {
+      return {
+        status: EXITED
+      };
+    }
+
+    return null;
+  } // getSnapshotBeforeUpdate(prevProps) {
+  //   let nextStatus = null
+  //   if (prevProps !== this.props) {
+  //     const { status } = this.state
+  //     if (this.props.in) {
+  //       if (status !== ENTERING && status !== ENTERED) {
+  //         nextStatus = ENTERING
+  //       }
+  //     } else {
+  //       if (status === ENTERING || status === ENTERED) {
+  //         nextStatus = EXITING
+  //       }
+  //     }
+  //   }
+  //   return { nextStatus }
+  // }
+  ;
+
+  var _proto = Transition.prototype;
+
+  _proto.componentDidMount = function componentDidMount() {
+    this.updateStatus(true, this.appearStatus);
+  };
+
+  _proto.componentDidUpdate = function componentDidUpdate(prevProps) {
+    var nextStatus = null;
+
+    if (prevProps !== this.props) {
+      var status = this.state.status;
+
+      if (this.props.in) {
+        if (status !== ENTERING && status !== ENTERED) {
+          nextStatus = ENTERING;
+        }
+      } else {
+        if (status === ENTERING || status === ENTERED) {
+          nextStatus = EXITING;
+        }
+      }
+    }
+
+    this.updateStatus(false, nextStatus);
+  };
+
+  _proto.componentWillUnmount = function componentWillUnmount() {
+    this.cancelNextCallback();
+  };
+
+  _proto.getTimeouts = function getTimeouts() {
+    var timeout = this.props.timeout;
+    var exit, enter, appear;
+    exit = enter = appear = timeout;
+
+    if (timeout != null && typeof timeout !== 'number') {
+      exit = timeout.exit;
+      enter = timeout.enter; // TODO: remove fallback for next major
+
+      appear = timeout.appear !== undefined ? timeout.appear : enter;
+    }
+
+    return {
+      exit: exit,
+      enter: enter,
+      appear: appear
+    };
+  };
+
+  _proto.updateStatus = function updateStatus(mounting, nextStatus) {
+    if (mounting === void 0) {
+      mounting = false;
+    }
+
+    if (nextStatus !== null) {
+      // nextStatus will always be ENTERING or EXITING.
+      this.cancelNextCallback();
+
+      if (nextStatus === ENTERING) {
+        if (this.props.unmountOnExit || this.props.mountOnEnter) {
+          var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM__default["default"].findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749
+          // With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.
+          // To make the animation happen,  we have to separate each rendering and avoid being processed as batched.
+
+          if (node) forceReflow(node);
+        }
+
+        this.performEnter(mounting);
+      } else {
+        this.performExit();
+      }
+    } else if (this.props.unmountOnExit && this.state.status === EXITED) {
+      this.setState({
+        status: UNMOUNTED
+      });
+    }
+  };
+
+  _proto.performEnter = function performEnter(mounting) {
+    var _this2 = this;
+
+    var enter = this.props.enter;
+    var appearing = this.context ? this.context.isMounting : mounting;
+
+    var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM__default["default"].findDOMNode(this), appearing],
+        maybeNode = _ref2[0],
+        maybeAppearing = _ref2[1];
+
+    var timeouts = this.getTimeouts();
+    var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED
+    // if we are mounting and running this it means appear _must_ be set
+
+    if (!mounting && !enter || config.disabled) {
+      this.safeSetState({
+        status: ENTERED
+      }, function () {
+        _this2.props.onEntered(maybeNode);
+      });
+      return;
+    }
+
+    this.props.onEnter(maybeNode, maybeAppearing);
+    this.safeSetState({
+      status: ENTERING
+    }, function () {
+      _this2.props.onEntering(maybeNode, maybeAppearing);
+
+      _this2.onTransitionEnd(enterTimeout, function () {
+        _this2.safeSetState({
+          status: ENTERED
+        }, function () {
+          _this2.props.onEntered(maybeNode, maybeAppearing);
+        });
+      });
+    });
+  };
+
+  _proto.performExit = function performExit() {
+    var _this3 = this;
+
+    var exit = this.props.exit;
+    var timeouts = this.getTimeouts();
+    var maybeNode = this.props.nodeRef ? undefined : ReactDOM__default["default"].findDOMNode(this); // no exit animation skip right to EXITED
+
+    if (!exit || config.disabled) {
+      this.safeSetState({
+        status: EXITED
+      }, function () {
+        _this3.props.onExited(maybeNode);
+      });
+      return;
+    }
+
+    this.props.onExit(maybeNode);
+    this.safeSetState({
+      status: EXITING
+    }, function () {
+      _this3.props.onExiting(maybeNode);
+
+      _this3.onTransitionEnd(timeouts.exit, function () {
+        _this3.safeSetState({
+          status: EXITED
+        }, function () {
+          _this3.props.onExited(maybeNode);
+        });
+      });
+    });
+  };
+
+  _proto.cancelNextCallback = function cancelNextCallback() {
+    if (this.nextCallback !== null) {
+      this.nextCallback.cancel();
+      this.nextCallback = null;
+    }
+  };
+
+  _proto.safeSetState = function safeSetState(nextState, callback) {
+    // This shouldn't be necessary, but there are weird race conditions with
+    // setState callbacks and unmounting in testing, so always make sure that
+    // we can cancel any pending setState callbacks after we unmount.
+    callback = this.setNextCallback(callback);
+    this.setState(nextState, callback);
+  };
+
+  _proto.setNextCallback = function setNextCallback(callback) {
+    var _this4 = this;
+
+    var active = true;
+
+    this.nextCallback = function (event) {
+      if (active) {
+        active = false;
+        _this4.nextCallback = null;
+        callback(event);
+      }
+    };
+
+    this.nextCallback.cancel = function () {
+      active = false;
+    };
+
+    return this.nextCallback;
+  };
+
+  _proto.onTransitionEnd = function onTransitionEnd(timeout, handler) {
+    this.setNextCallback(handler);
+    var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM__default["default"].findDOMNode(this);
+    var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;
+
+    if (!node || doesNotHaveTimeoutOrListener) {
+      setTimeout(this.nextCallback, 0);
+      return;
+    }
+
+    if (this.props.addEndListener) {
+      var _ref3 = this.props.nodeRef ? [this.nextCallback] : [node, this.nextCallback],
+          maybeNode = _ref3[0],
+          maybeNextCallback = _ref3[1];
+
+      this.props.addEndListener(maybeNode, maybeNextCallback);
+    }
+
+    if (timeout != null) {
+      setTimeout(this.nextCallback, timeout);
+    }
+  };
+
+  _proto.render = function render() {
+    var status = this.state.status;
+
+    if (status === UNMOUNTED) {
+      return null;
+    }
+
+    var _this$props = this.props,
+        children = _this$props.children;
+        _this$props.in;
+        _this$props.mountOnEnter;
+        _this$props.unmountOnExit;
+        _this$props.appear;
+        _this$props.enter;
+        _this$props.exit;
+        _this$props.timeout;
+        _this$props.addEndListener;
+        _this$props.onEnter;
+        _this$props.onEntering;
+        _this$props.onEntered;
+        _this$props.onExit;
+        _this$props.onExiting;
+        _this$props.onExited;
+        _this$props.nodeRef;
+        var childProps = _objectWithoutPropertiesLoose(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
+
+    return (
+      /*#__PURE__*/
+      // allows for nested Transitions
+      React__default["default"].createElement(TransitionGroupContext.Provider, {
+        value: null
+      }, typeof children === 'function' ? children(status, childProps) : React__default["default"].cloneElement(React__default["default"].Children.only(children), childProps))
+    );
+  };
+
+  return Transition;
+}(React__default["default"].Component);
+
+Transition.contextType = TransitionGroupContext;
+Transition.propTypes = {}; // Name the function so it is clearer in the documentation
+
+function noop() {}
+
+Transition.defaultProps = {
+  in: false,
+  mountOnEnter: false,
+  unmountOnExit: false,
+  appear: false,
+  enter: true,
+  exit: true,
+  onEnter: noop,
+  onEntering: noop,
+  onEntered: noop,
+  onExit: noop,
+  onExiting: noop,
+  onExited: noop
+};
+Transition.UNMOUNTED = UNMOUNTED;
+Transition.EXITED = EXITED;
+Transition.ENTERING = ENTERING;
+Transition.ENTERED = ENTERED;
+Transition.EXITING = EXITING;
+var Transition$1 = Transition;
+
+var _addClass = function addClass$1(node, classes) {
+  return node && classes && classes.split(' ').forEach(function (c) {
+    return addClass(node, c);
+  });
+};
+
+var removeClass = function removeClass(node, classes) {
+  return node && classes && classes.split(' ').forEach(function (c) {
+    return removeClass$1(node, c);
+  });
+};
+/**
+ * A transition component inspired by the excellent
+ * [ng-animate](https://docs.angularjs.org/api/ngAnimate) library, you should
+ * use it if you're using CSS transitions or animations. It's built upon the
+ * [`Transition`](https://reactcommunity.org/react-transition-group/transition)
+ * component, so it inherits all of its props.
+ *
+ * `CSSTransition` applies a pair of class names during the `appear`, `enter`,
+ * and `exit` states of the transition. The first class is applied and then a
+ * second `*-active` class in order to activate the CSS transition. After the
+ * transition, matching `*-done` class names are applied to persist the
+ * transition state.
+ *
+ * ```jsx
+ * function App() {
+ *   const [inProp, setInProp] = useState(false);
+ *   return (
+ *     <div>
+ *       <CSSTransition in={inProp} timeout={200} classNames="my-node">
+ *         <div>
+ *           {"I'll receive my-node-* classes"}
+ *         </div>
+ *       </CSSTransition>
+ *       <button type="button" onClick={() => setInProp(true)}>
+ *         Click to Enter
+ *       </button>
+ *     </div>
+ *   );
+ * }
+ * ```
+ *
+ * When the `in` prop is set to `true`, the child component will first receive
+ * the class `example-enter`, then the `example-enter-active` will be added in
+ * the next tick. `CSSTransition` [forces a
+ * reflow](https://github.com/reactjs/react-transition-group/blob/5007303e729a74be66a21c3e2205e4916821524b/src/CSSTransition.js#L208-L215)
+ * between before adding the `example-enter-active`. This is an important trick
+ * because it allows us to transition between `example-enter` and
+ * `example-enter-active` even though they were added immediately one after
+ * another. Most notably, this is what makes it possible for us to animate
+ * _appearance_.
+ *
+ * ```css
+ * .my-node-enter {
+ *   opacity: 0;
+ * }
+ * .my-node-enter-active {
+ *   opacity: 1;
+ *   transition: opacity 200ms;
+ * }
+ * .my-node-exit {
+ *   opacity: 1;
+ * }
+ * .my-node-exit-active {
+ *   opacity: 0;
+ *   transition: opacity 200ms;
+ * }
+ * ```
+ *
+ * `*-active` classes represent which styles you want to animate **to**, so it's
+ * important to add `transition` declaration only to them, otherwise transitions
+ * might not behave as intended! This might not be obvious when the transitions
+ * are symmetrical, i.e. when `*-enter-active` is the same as `*-exit`, like in
+ * the example above (minus `transition`), but it becomes apparent in more
+ * complex transitions.
+ *
+ * **Note**: If you're using the
+ * [`appear`](http://reactcommunity.org/react-transition-group/transition#Transition-prop-appear)
+ * prop, make sure to define styles for `.appear-*` classes as well.
+ */
+
+
+var CSSTransition = /*#__PURE__*/function (_React$Component) {
+  _inheritsLoose(CSSTransition, _React$Component);
+
+  function CSSTransition() {
+    var _this;
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
+    _this.appliedClasses = {
+      appear: {},
+      enter: {},
+      exit: {}
+    };
+
+    _this.onEnter = function (maybeNode, maybeAppearing) {
+      var _this$resolveArgument = _this.resolveArguments(maybeNode, maybeAppearing),
+          node = _this$resolveArgument[0],
+          appearing = _this$resolveArgument[1];
+
+      _this.removeClasses(node, 'exit');
+
+      _this.addClass(node, appearing ? 'appear' : 'enter', 'base');
+
+      if (_this.props.onEnter) {
+        _this.props.onEnter(maybeNode, maybeAppearing);
+      }
+    };
+
+    _this.onEntering = function (maybeNode, maybeAppearing) {
+      var _this$resolveArgument2 = _this.resolveArguments(maybeNode, maybeAppearing),
+          node = _this$resolveArgument2[0],
+          appearing = _this$resolveArgument2[1];
+
+      var type = appearing ? 'appear' : 'enter';
+
+      _this.addClass(node, type, 'active');
+
+      if (_this.props.onEntering) {
+        _this.props.onEntering(maybeNode, maybeAppearing);
+      }
+    };
+
+    _this.onEntered = function (maybeNode, maybeAppearing) {
+      var _this$resolveArgument3 = _this.resolveArguments(maybeNode, maybeAppearing),
+          node = _this$resolveArgument3[0],
+          appearing = _this$resolveArgument3[1];
+
+      var type = appearing ? 'appear' : 'enter';
+
+      _this.removeClasses(node, type);
+
+      _this.addClass(node, type, 'done');
+
+      if (_this.props.onEntered) {
+        _this.props.onEntered(maybeNode, maybeAppearing);
+      }
+    };
+
+    _this.onExit = function (maybeNode) {
+      var _this$resolveArgument4 = _this.resolveArguments(maybeNode),
+          node = _this$resolveArgument4[0];
+
+      _this.removeClasses(node, 'appear');
+
+      _this.removeClasses(node, 'enter');
+
+      _this.addClass(node, 'exit', 'base');
+
+      if (_this.props.onExit) {
+        _this.props.onExit(maybeNode);
+      }
+    };
+
+    _this.onExiting = function (maybeNode) {
+      var _this$resolveArgument5 = _this.resolveArguments(maybeNode),
+          node = _this$resolveArgument5[0];
+
+      _this.addClass(node, 'exit', 'active');
+
+      if (_this.props.onExiting) {
+        _this.props.onExiting(maybeNode);
+      }
+    };
+
+    _this.onExited = function (maybeNode) {
+      var _this$resolveArgument6 = _this.resolveArguments(maybeNode),
+          node = _this$resolveArgument6[0];
+
+      _this.removeClasses(node, 'exit');
+
+      _this.addClass(node, 'exit', 'done');
+
+      if (_this.props.onExited) {
+        _this.props.onExited(maybeNode);
+      }
+    };
+
+    _this.resolveArguments = function (maybeNode, maybeAppearing) {
+      return _this.props.nodeRef ? [_this.props.nodeRef.current, maybeNode] // here `maybeNode` is actually `appearing`
+      : [maybeNode, maybeAppearing];
+    };
+
+    _this.getClassNames = function (type) {
+      var classNames = _this.props.classNames;
+      var isStringClassNames = typeof classNames === 'string';
+      var prefix = isStringClassNames && classNames ? classNames + "-" : '';
+      var baseClassName = isStringClassNames ? "" + prefix + type : classNames[type];
+      var activeClassName = isStringClassNames ? baseClassName + "-active" : classNames[type + "Active"];
+      var doneClassName = isStringClassNames ? baseClassName + "-done" : classNames[type + "Done"];
+      return {
+        baseClassName: baseClassName,
+        activeClassName: activeClassName,
+        doneClassName: doneClassName
+      };
+    };
+
+    return _this;
+  }
+
+  var _proto = CSSTransition.prototype;
+
+  _proto.addClass = function addClass(node, type, phase) {
+    var className = this.getClassNames(type)[phase + "ClassName"];
+
+    var _this$getClassNames = this.getClassNames('enter'),
+        doneClassName = _this$getClassNames.doneClassName;
+
+    if (type === 'appear' && phase === 'done' && doneClassName) {
+      className += " " + doneClassName;
+    } // This is to force a repaint,
+    // which is necessary in order to transition styles when adding a class name.
+
+
+    if (phase === 'active') {
+      if (node) forceReflow(node);
+    }
+
+    if (className) {
+      this.appliedClasses[type][phase] = className;
+
+      _addClass(node, className);
+    }
+  };
+
+  _proto.removeClasses = function removeClasses(node, type) {
+    var _this$appliedClasses$ = this.appliedClasses[type],
+        baseClassName = _this$appliedClasses$.base,
+        activeClassName = _this$appliedClasses$.active,
+        doneClassName = _this$appliedClasses$.done;
+    this.appliedClasses[type] = {};
+
+    if (baseClassName) {
+      removeClass(node, baseClassName);
+    }
+
+    if (activeClassName) {
+      removeClass(node, activeClassName);
+    }
+
+    if (doneClassName) {
+      removeClass(node, doneClassName);
+    }
+  };
+
+  _proto.render = function render() {
+    var _this$props = this.props;
+        _this$props.classNames;
+        var props = _objectWithoutPropertiesLoose(_this$props, ["classNames"]);
+
+    return /*#__PURE__*/React__default["default"].createElement(Transition$1, _extends({}, props, {
+      onEnter: this.onEnter,
+      onEntered: this.onEntered,
+      onEntering: this.onEntering,
+      onExit: this.onExit,
+      onExiting: this.onExiting,
+      onExited: this.onExited
+    }));
+  };
+
+  return CSSTransition;
+}(React__default["default"].Component);
+
+CSSTransition.defaultProps = {
+  classNames: ''
 };
+CSSTransition.propTypes = {};
+var CSSTransition$1 = CSSTransition;
 
 var Body = function Body(_ref) {
   var children = _ref.children,
@@ -1648,12 +2449,12 @@ var Slider = function Slider(_ref) {
     className = _ref$className === void 0 ? "" : _ref$className,
     children = _ref.children,
     otherProps = _objectWithoutProperties(_ref, _excluded$1);
-  reactUtils.useHotKeys(SHORTCUTS.closePane.sequence, onClose, {
+  useHotkeys__default["default"](SHORTCUTS.closePane.sequence, onClose, {
     mode: "global"
   });
   return /*#__PURE__*/React__default["default"].createElement(Portal, {
     rootId: "neeto-filters-portal"
-  }, /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
+  }, /*#__PURE__*/React__default["default"].createElement(CSSTransition$1, {
     unmountOnExit: true,
     appear: isOpen,
     classNames: "neeto-filters-slider",
@@ -1661,7 +2462,7 @@ var Slider = function Slider(_ref) {
     timeout: 300
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-filters-slider__pane"
-  }, /*#__PURE__*/React__default["default"].createElement("div", _extends({
+  }, /*#__PURE__*/React__default["default"].createElement("div", _extends$1({
     className: classnames__default["default"]("neeto-filters-slider__wrapper", _defineProperty({
       "neeto-filters-slider__wrapper--xsmall": size === SIZES.xsmall,
       "neeto-filters-slider__wrapper--small": size === SIZES.small,
@@ -1700,7 +2501,7 @@ var useFilters = function useFilters(_ref) {
   var handlePrecenseOfDefaultFilters = function handlePrecenseOfDefaultFilters(defaultFilters) {
     var params = buildUrlFromFilters({
       columns: columns,
-      filters: isKeywordFilterPresent(keywordFilter) && neetocist.isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(defaultFilters), [keywordFilter]) : defaultFilters
+      filters: isKeywordFilterPresent(keywordFilter) && neetoCist.isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(defaultFilters), [keywordFilter]) : defaultFilters
     });
     history.replace({
       search: params
@@ -1720,7 +2521,7 @@ var useFilters = function useFilters(_ref) {
       return;
     }
     var newFilters = buildFiltersFromSearchParams(columns);
-    var filtersPayload = isKeywordFilterPresent(keywordFilter) && neetocist.isNotEmpty(getSearchTermFromUrl()) ? ramda.append(keywordFilter, newFilters) : newFilters;
+    var filtersPayload = isKeywordFilterPresent(keywordFilter) && neetoCist.isNotEmpty(getSearchTermFromUrl()) ? ramda.append(keywordFilter, newFilters) : newFilters;
     handleFiltersChange(filtersPayload);
     onSelectorsChange(buildSelectorsFromURL(columns));
   };
@@ -1745,7 +2546,7 @@ var useFilters = function useFilters(_ref) {
       initialRender.current = false;
       var keywordValue = getSearchTermFromUrl();
       var defaultFilters = buildDefaultFilters(columns, filters);
-      neetocist.isNotEmpty(defaultFilters) && handlePrecenseOfDefaultFilters(defaultFilters);
+      neetoCist.isNotEmpty(defaultFilters) && handlePrecenseOfDefaultFilters(defaultFilters);
       prevFilters.current = ramda.append(ramda.mergeRight(keywordFilter, {
         value: keywordValue
       }), filters);
@@ -1769,14 +2570,14 @@ var buildDropdownValue = function buildDropdownValue(_ref) {
       return filter.value.includes(value);
     });
   }
-  return neetocist.findBy({
+  return neetoCist.findBy({
     value: filter.value
   }, options);
 };
 var buildSingleTimeValue = function buildSingleTimeValue(filter) {
   var _findBy2;
   if (!filter) return null;
-  return (_findBy2 = neetocist.findBy({
+  return (_findBy2 = neetoCist.findBy({
     value: filter.value
   }, TIME_OPTIONS)) !== null && _findBy2 !== void 0 ? _findBy2 : ramda.last(TIME_OPTIONS);
 };
@@ -1793,24 +2594,24 @@ var buildDropdownOptions = function buildDropdownOptions(_ref3) {
   if (!filter) return options;
   if (isMulti(defaultType)) {
     var selectedOptions = filter.value.map(function (value) {
-      return neetocist.findBy({
+      return neetoCist.findBy({
         value: value
-      }, options) || neetocist.toLabelAndValue(value);
+      }, options) || neetoCist.toLabelAndValue(value);
     });
     var nonSelectedOptions = options.filter(function (option) {
       return !filter.value.includes(option.value);
     });
     return ramda.concat(selectedOptions, nonSelectedOptions);
   }
-  if (!neetocist.findBy({
+  if (!neetoCist.findBy({
     value: filter.value
   }, options)) {
-    return ramda.append(neetocist.toLabelAndValue(filter.value), options);
+    return ramda.append(neetoCist.toLabelAndValue(filter.value), options);
   }
   return options;
 };
 var initializeDateRule = function initializeDateRule(filter) {
-  return filter ? neetocist.findBy({
+  return filter ? neetoCist.findBy({
     value: filter === null || filter === void 0 ? void 0 : filter.value
   }, DATE_OPTIONS) || findDateOption(filter, DATE_OPTIONS) : {};
 };
@@ -1832,9 +2633,9 @@ var findDateOption = function findDateOption(filter, options) {
   var currentMoment = dayjs();
   var diffWithStart = Math.abs(currentMoment.diff(dayjs(value[0]), "year"));
   var diffWithEnd = Math.abs(currentMoment.diff(dayjs(value[1]), "year"));
-  return diffWithStart < diffWithEnd ? neetocist.findBy({
+  return diffWithStart < diffWithEnd ? neetoCist.findBy({
     value: "after"
-  }, options) : neetocist.findBy({
+  }, options) : neetoCist.findBy({
     value: "before"
   }, options);
 };
@@ -1887,18 +2688,18 @@ var Boolean = function Boolean(_ref) {
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-filters-pane-filter__item-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends$1({
     autoFocus: autoFocus,
     label: label,
     options: options,
     value: value,
     isClearable: true
-  }, neetocist.isNotEmpty(helpIconProps) && {
+  }, neetoCist.isNotEmpty(helpIconProps) && {
     labelProps: {
       helpIconProps: buildHelpIconProps(helpIconProps)
     }
   }, {
-    "data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-filter"),
+    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
     strategy: "fixed",
     placeholder: t("neetoFilters.messages.selectOption", {
       resource: label
@@ -1967,25 +2768,25 @@ var Datetime = function Datetime(_ref) {
   }, [filter]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-filters-pane-filter__item-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends$1({
     autoFocus: autoFocus,
     label: label,
     isClearable: true,
-    "data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-filter"),
+    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
     options: DATE_OPTIONS,
     strategy: "fixed",
     value: selectedRule,
     placeholder: t("neetoFilters.messages.selectResource", {
       resource: label
     })
-  }, neetocist.isNotEmpty(helpIconProps) && {
+  }, neetoCist.isNotEmpty(helpIconProps) && {
     labelProps: {
       helpIconProps: buildHelpIconProps(helpIconProps)
     }
   }, {
     onChange: handleChange
-  })), isDatePickerShown && /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, _extends({
-    "data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-date-range"),
+  })), isDatePickerShown && /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, _extends$1({
+    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-date-range"),
     getPopupContainer: ramda.prop("parentNode"),
     type: (selectedRule === null || selectedRule === void 0 ? void 0 : selectedRule.value) === "custom-date-range" ? "range" : "date",
     value: getDateValue(filter === null || filter === void 0 ? void 0 : filter.value, selectedRule),
@@ -2038,19 +2839,19 @@ var Dropdown = function Dropdown(_ref) {
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-filters-pane-filter__item-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends$1({
     autoFocus: autoFocus,
     label: label,
     options: options,
     value: value,
-    "data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-filter"),
+    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
     isClearable: !defaultValue && isClearable,
     isMulti: isMulti(defaultType),
     strategy: "fixed",
     placeholder: t("neetoFilters.messages.selectResource", {
       resource: label
     })
-  }, neetocist.isNotEmpty(helpIconProps) && {
+  }, neetoCist.isNotEmpty(helpIconProps) && {
     labelProps: {
       helpIconProps: buildHelpIconProps(helpIconProps)
     }
@@ -2067,7 +2868,7 @@ var SingleDatetime = function SingleDatetime(_ref) {
     handleApplyFilter = _ref.handleApplyFilter,
     autoFocus = _ref.autoFocus;
   var _useState = React.useState(function () {
-      return neetocist.findBy({
+      return neetoCist.findBy({
         value: filter === null || filter === void 0 ? void 0 : filter.rule
       }, SINGLE_DATE_OPTIONS) || SINGLE_DATE_OPTIONS[0];
     }),
@@ -2127,23 +2928,23 @@ var SingleDatetime = function SingleDatetime(_ref) {
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-filters-pane-filter__item-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends$1({
     label: label,
-    "data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-filter-rule"),
+    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter-rule"),
     defaultValue: SINGLE_DATE_OPTIONS[0],
     options: SINGLE_DATE_OPTIONS,
     strategy: "fixed",
     value: selectedRule
-  }, neetocist.isNotEmpty(helpIconProps) && {
+  }, neetoCist.isNotEmpty(helpIconProps) && {
     labelProps: {
       helpIconProps: buildHelpIconProps(helpIconProps)
     }
   }, {
     onChange: handleRuleChange
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, _extends({
+  })), /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, _extends$1({
     autoFocus: autoFocus,
     value: value,
-    "data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-filter"),
+    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
     getPopupContainer: ramda.prop("parentNode"),
     type: datePickerType,
     onChange: handleChange
@@ -2157,7 +2958,7 @@ var SingleTime = function SingleTime(_ref) {
     handleApplyFilter = _ref.handleApplyFilter,
     autoFocus = _ref.autoFocus;
   var _useState = React.useState(function () {
-      return neetocist.findBy({
+      return neetoCist.findBy({
         value: filter === null || filter === void 0 ? void 0 : filter.rule
       }, SINGLE_TIME_OPTIONS) || SINGLE_TIME_OPTIONS[0];
     }),
@@ -2209,24 +3010,24 @@ var SingleTime = function SingleTime(_ref) {
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-filters-pane-filter__item-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends$1({
     label: label,
     defaultValue: SINGLE_TIME_OPTIONS[0],
     options: SINGLE_TIME_OPTIONS,
     strategy: "fixed",
     value: selectedRule
-  }, neetocist.isNotEmpty(helpIconProps) && {
+  }, neetoCist.isNotEmpty(helpIconProps) && {
     labelProps: {
       helpIconProps: buildHelpIconProps(helpIconProps)
     }
   }, {
     onChange: handleRuleChange
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.TimePicker, _extends({
+  })), /*#__PURE__*/React__default["default"].createElement(neetoui.TimePicker, _extends$1({
     autoFocus: autoFocus,
     value: value,
     use12Hours: true,
     className: "w-full",
-    "data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-filter"),
+    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
     format: "h:mm A",
     getPopupContainer: ramda.prop("parentNode"),
     type: timePickerType,
@@ -2259,7 +3060,7 @@ var Text = function Text(_ref) {
     inputValue = _useState2[0],
     setInputValue = _useState2[1];
   var _useState3 = React.useState(function () {
-      return neetocist.findBy({
+      return neetoCist.findBy({
         value: filter === null || filter === void 0 ? void 0 : filter.rule
       }, ruleOptions) || ruleOptions[0];
     }),
@@ -2308,25 +3109,25 @@ var Text = function Text(_ref) {
   }, [debouncedInputValue]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-filters-pane-filter__item-wrapper"
-  }, showRuleSelector && /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
+  }, showRuleSelector && /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends$1({
     label: label,
-    "data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-filter-rule"),
+    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter-rule"),
     defaultValue: ruleOptions[0],
     options: ruleOptions,
     strategy: "fixed",
     value: selectedRule,
     onChange: handleRuleChange
-  }, neetocist.isNotEmpty(helpIconProps) && {
+  }, neetoCist.isNotEmpty(helpIconProps) && {
     labelProps: {
       helpIconProps: buildHelpIconProps(helpIconProps)
     }
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends({
+  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends$1({
     autoFocus: autoFocus,
-    "data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-filter"),
+    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
     label: !showRuleSelector && label,
     type: inputType,
     value: inputValue
-  }, neetocist.isNotEmpty(helpIconProps) && {
+  }, neetoCist.isNotEmpty(helpIconProps) && {
     labelProps: {
       helpIconProps: buildHelpIconProps(helpIconProps)
     }
@@ -2385,26 +3186,26 @@ var Time = function Time(_ref) {
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "neeto-filters-pane-filter__item-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends$1({
     autoFocus: autoFocus,
     label: label,
     value: value,
     isClearable: true,
-    "data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-filter"),
+    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
     options: TIME_OPTIONS,
     strategy: "fixed",
     placeholder: t("neetoFilters.messages.selectResource", {
       resource: label
     })
-  }, neetocist.isNotEmpty(helpIconProps) && {
+  }, neetoCist.isNotEmpty(helpIconProps) && {
     labelProps: {
       helpIconProps: buildHelpIconProps(helpIconProps)
     }
   }, {
     onChange: handleChange
-  })), isCustomTimeRangeShown && /*#__PURE__*/React__default["default"].createElement(neetoui.TimePicker, _extends({
+  })), isCustomTimeRangeShown && /*#__PURE__*/React__default["default"].createElement(neetoui.TimePicker, _extends$1({
     use12Hours: true,
-    "data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-date-range"),
+    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-date-range"),
     format: "h:mm A",
     getPopupContainer: ramda.prop("parentNode"),
     type: "range",
@@ -2424,14 +3225,14 @@ var Item = function Item(_ref) {
     _column$defaultType = column.defaultType,
     defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType;
   var filter = React.useMemo(function () {
-    return neetocist.findBy({
+    return neetoCist.findBy({
       key: key
     }, filters);
   }, [filters, key]);
   var handleApplyFilter = function handleApplyFilter(updatedFilter) {
-    if (updatedFilter._delete) onChange(neetocist.removeBy({
+    if (updatedFilter._delete) onChange(neetoCist.removeBy({
       key: key
-    }, filters));else if (!filter) onChange(ramda.append(updatedFilter, filters));else onChange(neetocist.replaceBy({
+    }, filters));else if (!filter) onChange(ramda.append(updatedFilter, filters));else onChange(neetoCist.replaceBy({
       key: key
     }, updatedFilter, filters));
   };
@@ -2496,8 +3297,8 @@ var Item = function Item(_ref) {
 };
 
 var _excluded = ["size", "isOpen", "onClose", "columns", "onChange", "isSearchable", "keyword", "onSelectorsChange", "childrenKeys", "children"];
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Pane = function Pane(_ref) {
   var size = _ref.size,
     isOpen = _ref.isOpen,
@@ -2550,7 +3351,7 @@ var Pane = function Pane(_ref) {
     var isClearAll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var params = buildUrlFromFilters(_objectSpread$1({
       columns: columns,
-      filters: isKeywordFilterPresent(keywordFilter) && neetocist.isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(newFilters), [keywordFilter]) : newFilters
+      filters: isKeywordFilterPresent(keywordFilter) && neetoCist.isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(newFilters), [keywordFilter]) : newFilters
     }, isClearAll && {
       isClearAll: true,
       childrenKeys: childrenKeys
@@ -2572,7 +3373,7 @@ var Pane = function Pane(_ref) {
   var handleClose = function handleClose() {
     columns.forEach(function (_ref2) {
       var key = _ref2.key;
-      var filter = neetocist.findBy({
+      var filter = neetoCist.findBy({
         key: key
       }, filters);
       if ((filter === null || filter === void 0 ? void 0 : filter.value) === "") delete searchParams[key];
@@ -2582,13 +3383,13 @@ var Pane = function Pane(_ref) {
   var isClearFiltersDisabled = !filters.some(function (_ref3) {
     var value = _ref3.value,
       defaultValue = _ref3.defaultValue;
-    return neetocist.isPresent(value) && value !== defaultValue;
+    return neetoCist.isPresent(value) && value !== defaultValue;
   }) && !childrenKeys.some(function (key) {
     return searchParams[key];
   });
   return /*#__PURE__*/React__default["default"].createElement(Portal, {
     rootId: "neeto-filters-portal"
-  }, /*#__PURE__*/React__default["default"].createElement(Slider, _extends({
+  }, /*#__PURE__*/React__default["default"].createElement(Slider, _extends$1({
     isOpen: isOpen,
     size: size,
     onClose: handleClose
@@ -2617,10 +3418,10 @@ var Pane = function Pane(_ref) {
       onChange: handleChange,
       onClose: handleClearTermAndClose
     });
-  }), neetocist.isPresent(groupedColumns) && /*#__PURE__*/React__default["default"].createElement(neetoui.Accordion, {
+  }), neetoCist.isPresent(groupedColumns) && /*#__PURE__*/React__default["default"].createElement(neetoui.Accordion, {
     defaultActiveKey: groupedColumns.findIndex(function (_ref4) {
       var columns = _ref4.columns;
-      return neetocist.existsBy({
+      return neetoCist.existsBy({
         key: isOpen
       }, columns);
     })
@@ -2665,8 +3466,8 @@ var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r
 var css = ".neeto-filters-bar{align-items:center;display:flex;flex-wrap:wrap}.neeto-filters-bar__block{border-radius:var(--neeto-ui-rounded);display:flex;gap:4px;margin:4px 0;max-width:384px;overflow:hidden;padding:4px 8px;position:relative;transition:var(--neeto-ui-transition);white-space:nowrap}.neeto-filters-bar__block p:first-child{color:rgb(var(--neeto-ui-gray-700))}.neeto-filters-bar__block-close{background-image:linear-gradient(90deg,rgba(var(--neeto-ui-gray-200),.5) 0,rgba(var(--neeto-ui-gray-200),1) 25%);color:rgb(var(--neeto-ui-gray-800));opacity:0;padding:8px;position:absolute;right:0;top:0;transition:var(--neeto-ui-transition)}.neeto-filters-bar__block:active,.neeto-filters-bar__block:hover{background-color:rgb(var(--neeto-ui-gray-200));cursor:pointer}.neeto-filters-bar__block:active .neeto-filters-bar__block-close,.neeto-filters-bar__block:hover .neeto-filters-bar__block-close{border-radius:var(--neeto-ui-rounded);color:rgb(var(--neeto-ui-black));opacity:1}.neeto-filters-bar__block:focus{box-shadow:0 0 0 3px rgba(var(--neeto-ui-gray-800),15%);outline:none}.neeto-filters-bar--separator{align-self:stretch;border-left:1px solid rgb(var(--neeto-ui-gray-400));margin:12px 8px}.neeto-filters-slider__pane{border-radius:12px 0 0 12px;position:fixed;right:0;top:0;z-index:99998}.neeto-filters-slider__wrapper{background-color:rgb(var(--neeto-ui-white));box-shadow:var(--neeto-ui-shadow-m);height:100vh;max-width:100%;transform:translateX(100%);transition:all .3s}.neeto-filters-slider__wrapper--xsmall{width:360px}.neeto-filters-slider__wrapper--small{width:480px}.neeto-filters-slider__wrapper--large{width:50vw}@media screen and (max-width:767px){.neeto-filters-slider__wrapper{width:100vw}}.neeto-filters-slider__close{position:absolute!important;right:24px;top:24px}.neeto-filters-slider__header{padding:24px 60px 24px 24px;width:100%}.neeto-filters-slider__body{font-size:var(--neeto-ui-text-sm);height:calc(100vh - var(--neeto-ui-pane-header-height));overflow-y:auto;padding:0 24px;width:100%}.neeto-filters-slider__body.neeto-filters-slider__body--has-footer{height:calc(100vh - var(--neeto-ui-pane-header-height) - var(--neeto-ui-pane-footer-height))}.neeto-filters-slider__footer{background-color:rgb(var(--neeto-ui-white));min-height:var(--neeto-ui-pane-footer-height);padding:24px;width:100%}.neeto-filters-slider__footer.neeto-filters-slider__footer__absolute{bottom:0;left:0;position:absolute;width:100%}.neeto-filters-slider-enter .neeto-filters-slider__wrapper{transform:translateX(100%)}.neeto-filters-slider-enter-active .neeto-filters-slider__wrapper,.neeto-filters-slider-enter-done .neeto-filters-slider__wrapper{transform:translateX(0)}.neeto-filters-slider-exit .neeto-filters-slider__wrapper,.neeto-filters-slider-exit-active .neeto-filters-slider__wrapper{transform:translateX(100%)}.neeto-filters-pane-filter__body{align-items:stretch!important;gap:20px}.neeto-filters-pane-filter__body>*{flex-grow:0!important}.neeto-filters-pane-filter__body p{text-align:center}.neeto-filters-pane-filter__body .neeto-filters-pane-filter__item-wrapper{display:flex;flex-direction:column;gap:8px}.neeto-filters-pane-filter__body .accordion_item .neeto-filters-pane-filter__item-wrapper{margin-top:16px}.neeto-filters-pane-filter__body .accordion_item .neeto-filters-pane-filter__item-wrapper:first-of-type{margin-top:0}.neeto-filters-pane-filter__body .accordion_item:first-of-type .neeto-ui-accordion__item{padding-top:0}.neeto-filters-pane-filter__body .neeto-ui-accordion__wrapper--last-item{border-bottom:thin solid rgb(var(--neeto-ui-gray-300))}.neeto-filters-pane-filter__footer{justify-content:space-between}.neeto-filters-pane-filter__footer div{display:flex;gap:8px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19iYXIuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9pbmRleC5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX3NsaWRlci5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL2Fic3RyYWN0cy9fbWl4aW5zLnNjc3MiLCJhcHAvamF2YXNjcmlwdC9zcmMvc3R5bGVzaGVldHMvY29tcG9uZW50cy9fZmlsdGVycy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG1CQUdFLGtCQUFBLENBRkEsWUFBQSxDQUNBLGNDRUYsQ0RDRSwwQkFLRSxxQ0FBQSxDQUhBLFlBQUEsQ0FFQSxPQUFBLENBR0EsWUFBQSxDQUNBLGVBQUEsQ0FFQSxlQUFBLENBVEEsZUFBQSxDQUVBLGlCQUFBLENBR0EscUNBQUEsQ0FHQSxrQkNFSixDRENJLHdDQUNFLG1DQ0NOLENERUksZ0NBUUUsZ0hBQUEsQ0FGQSxtQ0FBQSxDQURBLFNBQUEsQ0FEQSxXQUFBLENBSEEsaUJBQUEsQ0FFQSxPQUFBLENBREEsS0FBQSxDQUtBLHFDQ0NOLENET0ksaUVBRUUsOENBQUEsQ0FDQSxjQ05OLENEUU0saUlBR0UscUNBQUEsQ0FEQSxnQ0FBQSxDQURBLFNDSlIsQ0RVSSxnQ0FFRSx1REFBQSxDQURBLFlDUE4sQ0RZRSw4QkFHRSxrQkFBQSxDQUZBLG1EQUFBLENBQ0EsZUNUSixDQzlDRSw0QkFJRSwyQkFBQSxDQUhBLGNBQUEsQ0FFQSxPQUFBLENBREEsS0FBQSxDQUdBLGFEaURKLENDL0NFLCtCQUdFLDJDQUFBLENBQ0EsbUNBQUEsQ0FGQSxZQUFBLENBREEsY0FBQSxDQUtBLDBCQUFBLENBQ0Esa0JEZ0RKLENDOUNJLHVDQUNFLFdEZ0ROLENDN0NJLHNDQUNFLFdEK0NOLENDNUNJLHNDQUNFLFVEOENOLENFMURJLG9DRE5GLCtCQXNCSSxXRDhDSixDQUNGLENDNUNFLDZCQUNFLDJCQUFBLENBRUEsVUFBQSxDQURBLFFEK0NKLENDM0NFLDhCQUdFLDJCQUFBLENBRkEsVUQrQ0osQ0MxQ0UsNEJBSUUsaUNBQUEsQ0FGQSx1REFBQSxDQUdBLGVBQUEsQ0FGQSxjQUFBLENBRkEsVURnREosQ0MxQ0ksbUVBQ0UsNEZENENOLENDckNFLDhCQUdFLDJDQUFBLENBQ0EsNkNBQUEsQ0FGQSxZQUFBLENBREEsVUQwQ0osQ0NyQ0kscUVBSUUsUUFBQSxDQURBLE1BQUEsQ0FEQSxpQkFBQSxDQURBLFVEMENOLENDL0JFLDJEQUNFLDBCRGtDSixDQzdCRSxrSUFDRSx1QkRpQ0osQ0N4QkUsMkhBQ0UsMEJEK0JKLENHN0hFLGlDQUNFLDZCQUFBLENBQ0EsUUhnSUosQ0c5SEksbUNBQ0UscUJIZ0lOLENHN0hJLG1DQUNFLGlCSCtITixDRzVISSwwRUFDRSxZQUFBLENBQ0EscUJBQUEsQ0FDQSxPSDhITixDRzFITSwwRkFDRSxlSDRIUixDRzFIUSx3R0FDRSxZSDRIVixDR3hIUSx5RkFDRSxhSDBIVixDR3RISSx5RUFDRSxzREh3SE4sQ0dwSEUsbUNBQ0UsNkJIc0hKLENHcEhJLHVDQUNFLFlBQUEsQ0FDQSxPSHNITiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1maWx0ZXJzLWJhciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAmX19ibG9jayB7XG4gICAgcGFkZGluZzogNHB4IDhweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBnYXA6IDRweDtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkKTtcbiAgICB0cmFuc2l0aW9uOiB2YXIoLS1uZWV0by11aS10cmFuc2l0aW9uKTtcbiAgICBtYXJnaW46IDRweCAwO1xuICAgIG1heC13aWR0aDogMzg0cHg7XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICAgcDpmaXJzdC1jaGlsZCB7XG4gICAgICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNzAwKSk7XG4gICAgfVxuXG4gICAgJi1jbG9zZSB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB0b3A6IDA7XG4gICAgICByaWdodDogMDtcbiAgICAgIHBhZGRpbmc6IDhweDtcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktODAwKSk7XG4gICAgICB0cmFuc2l0aW9uOiB2YXIoLS1uZWV0by11aS10cmFuc2l0aW9uKTtcbiAgICAgIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgOTBkZWcsXG4gICAgICAgIHJnYmEodmFyKC0tbmVldG8tdWktZ3JheS0yMDApLCAwLjUpIDAlLFxuICAgICAgICByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSwgMSkgMjUlXG4gICAgICApO1xuICAgIH1cblxuICAgICY6aG92ZXIsXG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSk7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2stY2xvc2Uge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWJsYWNrKSk7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xuICAgICAgfVxuICAgIH1cblxuICAgICY6Zm9jdXMge1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDNweCByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktODAwKSwgMTUlKTtcbiAgICB9XG4gIH1cblxuICAmLS1zZXBhcmF0b3Ige1xuICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNDAwKSk7XG4gICAgbWFyZ2luOiAxMnB4IDhweDtcbiAgICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICB9XG59XG4iLCIubmVldG8tZmlsdGVycy1iYXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4ubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrIHtcbiAgcGFkZGluZzogNHB4IDhweDtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBnYXA6IDRweDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbmVldG8tdWktcm91bmRlZCk7XG4gIHRyYW5zaXRpb246IHZhcigtLW5lZXRvLXVpLXRyYW5zaXRpb24pO1xuICBtYXJnaW46IDRweCAwO1xuICBtYXgtd2lkdGg6IDM4NHB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jayBwOmZpcnN0LWNoaWxkIHtcbiAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTcwMCkpO1xufVxuLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jay1jbG9zZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgcGFkZGluZzogOHB4O1xuICBvcGFjaXR5OiAwO1xuICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktODAwKSk7XG4gIHRyYW5zaXRpb246IHZhcigtLW5lZXRvLXVpLXRyYW5zaXRpb24pO1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHJnYmEodmFyKC0tbmVldG8tdWktZ3JheS0yMDApLCAwLjUpIDAlLCByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSwgMSkgMjUlKTtcbn1cbi5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2s6aG92ZXIsIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2s6YWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2s6aG92ZXIgLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jay1jbG9zZSwgLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jazphY3RpdmUgLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jay1jbG9zZSB7XG4gIG9wYWNpdHk6IDE7XG4gIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktYmxhY2spKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbmVldG8tdWktcm91bmRlZCk7XG59XG4ubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbiAgYm94LXNoYWRvdzogMCAwIDAgM3B4IHJnYmEodmFyKC0tbmVldG8tdWktZ3JheS04MDApLCAxNSUpO1xufVxuLm5lZXRvLWZpbHRlcnMtYmFyLS1zZXBhcmF0b3Ige1xuICBib3JkZXItbGVmdDogMXB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTQwMCkpO1xuICBtYXJnaW46IDEycHggOHB4O1xuICBhbGlnbi1zZWxmOiBzdHJldGNoO1xufVxuXG4ubmVldG8tZmlsdGVycy1zbGlkZXJfX3BhbmUge1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvcmRlci1yYWRpdXM6IDEycHggMHB4IDBweCAxMnB4O1xuICB6LWluZGV4OiA5OTk5ODtcbn1cbi5uZWV0by1maWx0ZXJzLXNsaWRlcl9fd3JhcHBlciB7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXdoaXRlKSk7XG4gIGJveC1zaGFkb3c6IHZhcigtLW5lZXRvLXVpLXNoYWRvdy1tKTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICB0cmFuc2l0aW9uOiBhbGwgMC4zcztcbn1cbi5uZWV0by1maWx0ZXJzLXNsaWRlcl9fd3JhcHBlci0teHNtYWxsIHtcbiAgd2lkdGg6IDM2MHB4O1xufVxuLm5lZXRvLWZpbHRlcnMtc2xpZGVyX193cmFwcGVyLS1zbWFsbCB7XG4gIHdpZHRoOiA0ODBweDtcbn1cbi5uZWV0by1maWx0ZXJzLXNsaWRlcl9fd3JhcHBlci0tbGFyZ2Uge1xuICB3aWR0aDogNTB2dztcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gIC5uZWV0by1maWx0ZXJzLXNsaWRlcl9fd3JhcHBlciB7XG4gICAgd2lkdGg6IDEwMHZ3O1xuICB9XG59XG4ubmVldG8tZmlsdGVycy1zbGlkZXJfX2Nsb3NlIHtcbiAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gIHRvcDogMjRweDtcbiAgcmlnaHQ6IDI0cHg7XG59XG4ubmVldG8tZmlsdGVycy1zbGlkZXJfX2hlYWRlciB7XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiAyNHB4O1xuICBwYWRkaW5nLXJpZ2h0OiA2MHB4O1xufVxuLm5lZXRvLWZpbHRlcnMtc2xpZGVyX19ib2R5IHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogY2FsYygxMDB2aCAtIHZhcigtLW5lZXRvLXVpLXBhbmUtaGVhZGVyLWhlaWdodCkpO1xuICBwYWRkaW5nOiAwIDI0cHg7XG4gIGZvbnQtc2l6ZTogdmFyKC0tbmVldG8tdWktdGV4dC1zbSk7XG4gIG92ZXJmbG93LXk6IGF1dG87XG59XG4ubmVldG8tZmlsdGVycy1zbGlkZXJfX2JvZHkubmVldG8tZmlsdGVycy1zbGlkZXJfX2JvZHktLWhhcy1mb290ZXIge1xuICBoZWlnaHQ6IGNhbGMoMTAwdmggLSB2YXIoLS1uZWV0by11aS1wYW5lLWhlYWRlci1oZWlnaHQpIC0gdmFyKC0tbmVldG8tdWktcGFuZS1mb290ZXItaGVpZ2h0KSk7XG59XG4ubmVldG8tZmlsdGVycy1zbGlkZXJfX2Zvb3RlciB7XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiAyNHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktd2hpdGUpKTtcbiAgbWluLWhlaWdodDogdmFyKC0tbmVldG8tdWktcGFuZS1mb290ZXItaGVpZ2h0KTtcbn1cbi5uZWV0by1maWx0ZXJzLXNsaWRlcl9fZm9vdGVyLm5lZXRvLWZpbHRlcnMtc2xpZGVyX19mb290ZXJfX2Fic29sdXRlIHtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgYm90dG9tOiAwO1xufVxuXG4ubmVldG8tZmlsdGVycy1zbGlkZXItZW50ZXIgLm5lZXRvLWZpbHRlcnMtc2xpZGVyX193cmFwcGVyIHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xufVxuXG4ubmVldG8tZmlsdGVycy1zbGlkZXItZW50ZXItYWN0aXZlIC5uZWV0by1maWx0ZXJzLXNsaWRlcl9fd3JhcHBlcixcbi5uZWV0by1maWx0ZXJzLXNsaWRlci1lbnRlci1kb25lIC5uZWV0by1maWx0ZXJzLXNsaWRlcl9fd3JhcHBlciB7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbn1cblxuLm5lZXRvLWZpbHRlcnMtc2xpZGVyLWV4aXQgLm5lZXRvLWZpbHRlcnMtc2xpZGVyX193cmFwcGVyIHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xufVxuXG4ubmVldG8tZmlsdGVycy1zbGlkZXItZXhpdC1hY3RpdmUgLm5lZXRvLWZpbHRlcnMtc2xpZGVyX193cmFwcGVyIHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xufVxuXG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSB7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoICFpbXBvcnRhbnQ7XG4gIGdhcDogMjBweDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5ID4gKiB7XG4gIGZsZXgtZ3JvdzogMCAhaW1wb3J0YW50O1xufVxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2JvZHkgcCB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IC5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19pdGVtLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDhweDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IC5hY2NvcmRpb25faXRlbSAubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9faXRlbS13cmFwcGVyIHtcbiAgbWFyZ2luLXRvcDogMTZweDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IC5hY2NvcmRpb25faXRlbSAubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9faXRlbS13cmFwcGVyOmZpcnN0LW9mLXR5cGUge1xuICBtYXJnaW4tdG9wOiAwO1xufVxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2JvZHkgLmFjY29yZGlvbl9pdGVtOmZpcnN0LW9mLXR5cGUgLm5lZXRvLXVpLWFjY29yZGlvbl9faXRlbSB7XG4gIHBhZGRpbmctdG9wOiAwO1xufVxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2JvZHkgLm5lZXRvLXVpLWFjY29yZGlvbl9fd3JhcHBlci0tbGFzdC1pdGVtIHtcbiAgYm9yZGVyLWJvdHRvbTogdGhpbiBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19mb290ZXIge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fZm9vdGVyIGRpdiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogOHB4O1xufSIsIi5uZWV0by1maWx0ZXJzLXNsaWRlciB7XG4gICZfX3BhbmUge1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm9yZGVyLXJhZGl1czogMTJweCAwcHggMHB4IDEycHg7XG4gICAgei1pbmRleDogOTk5OTg7XG4gIH1cbiAgJl9fd3JhcHBlciB7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwdmg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXdoaXRlKSk7XG4gICAgYm94LXNoYWRvdzogdmFyKC0tbmVldG8tdWktc2hhZG93LW0pO1xuXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjNzO1xuXG4gICAgJi0teHNtYWxsIHtcbiAgICAgIHdpZHRoOiAzNjBweDtcbiAgICB9XG5cbiAgICAmLS1zbWFsbCB7XG4gICAgICB3aWR0aDogNDgwcHg7XG4gICAgfVxuXG4gICAgJi0tbGFyZ2Uge1xuICAgICAgd2lkdGg6IDUwdnc7XG4gICAgfVxuXG4gICAgQGluY2x1ZGUgdmlld3BvcnQobW9iKSB7XG4gICAgICB3aWR0aDogMTAwdnc7XG4gICAgfVxuICB9XG4gICZfX2Nsb3NlIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGUgIWltcG9ydGFudDtcbiAgICB0b3A6IDI0cHg7XG4gICAgcmlnaHQ6IDI0cHg7XG4gIH1cblxuICAmX19oZWFkZXIge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBhZGRpbmc6IDI0cHg7XG4gICAgcGFkZGluZy1yaWdodDogNjBweDtcbiAgfVxuXG4gICZfX2JvZHkge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogY2FsYygxMDB2aCAtIHZhcigtLW5lZXRvLXVpLXBhbmUtaGVhZGVyLWhlaWdodCkpO1xuICAgIHBhZGRpbmc6IDAgMjRweDtcbiAgICBmb250LXNpemU6IHZhcigtLW5lZXRvLXVpLXRleHQtc20pO1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG5cbiAgICAmLm5lZXRvLWZpbHRlcnMtc2xpZGVyX19ib2R5LS1oYXMtZm9vdGVyIHtcbiAgICAgIGhlaWdodDogY2FsYyhcbiAgICAgICAgMTAwdmggLSB2YXIoLS1uZWV0by11aS1wYW5lLWhlYWRlci1oZWlnaHQpIC1cbiAgICAgICAgICB2YXIoLS1uZWV0by11aS1wYW5lLWZvb3Rlci1oZWlnaHQpXG4gICAgICApO1xuICAgIH1cbiAgfVxuXG4gICZfX2Zvb3RlciB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZzogMjRweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktd2hpdGUpKTtcbiAgICBtaW4taGVpZ2h0OiB2YXIoLS1uZWV0by11aS1wYW5lLWZvb3Rlci1oZWlnaHQpO1xuXG4gICAgJi5uZWV0by1maWx0ZXJzLXNsaWRlcl9fZm9vdGVyX19hYnNvbHV0ZSB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBib3R0b206IDA7XG4gICAgfVxuICB9XG59XG5cbi8vIENTUyB0cmFuc2l0aW9uIGdyb3VwXG5cbi5uZWV0by1maWx0ZXJzLXNsaWRlci1lbnRlciB7XG4gIC5uZWV0by1maWx0ZXJzLXNsaWRlcl9fd3JhcHBlciB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICB9XG59XG4ubmVldG8tZmlsdGVycy1zbGlkZXItZW50ZXItYWN0aXZlLFxuLm5lZXRvLWZpbHRlcnMtc2xpZGVyLWVudGVyLWRvbmUge1xuICAubmVldG8tZmlsdGVycy1zbGlkZXJfX3dyYXBwZXIge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgfVxufVxuLm5lZXRvLWZpbHRlcnMtc2xpZGVyLWV4aXQge1xuICAubmVldG8tZmlsdGVycy1zbGlkZXJfX3dyYXBwZXIge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgfVxufVxuLm5lZXRvLWZpbHRlcnMtc2xpZGVyLWV4aXQtYWN0aXZlIHtcbiAgLm5lZXRvLWZpbHRlcnMtc2xpZGVyX193cmFwcGVyIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG4gIH1cbn1cbiIsIkBtaXhpbiB2aWV3cG9ydCgkbWVkaWEpIHtcbiAgQGlmICRtZWRpYT09ZGVzayB7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJG1lZGlhPT10YWItbWluIHtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDI0cHgpIHtcbiAgICAgIEBjb250ZW50O1xuICAgIH1cbiAgfSBAZWxzZSBpZiAkbWVkaWE9PXRhYi1vbmx5IHtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjhweCkgYW5kIChtYXgtd2lkdGg6IDEwMjNweCkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRtZWRpYT09bW9iIHtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjdweCkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRtZWRpYT09eHMtbW9iIHtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA0NzlweCkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9XG59XG4iLCIubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlciB7XG4gICZfX2JvZHkge1xuICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoICFpbXBvcnRhbnQ7XG4gICAgZ2FwOiAyMHB4O1xuXG4gICAgPiAqIHtcbiAgICAgIGZsZXgtZ3JvdzogMCAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgIHAge1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIH1cblxuICAgIC5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19pdGVtLXdyYXBwZXIge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBnYXA6IDhweDtcbiAgICB9XG5cbiAgICAuYWNjb3JkaW9uX2l0ZW0ge1xuICAgICAgLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2l0ZW0td3JhcHBlciB7XG4gICAgICAgIG1hcmdpbi10b3A6IDE2cHg7XG5cbiAgICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICBtYXJnaW4tdG9wOiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICAubmVldG8tdWktYWNjb3JkaW9uX19pdGVtIHtcbiAgICAgICAgICBwYWRkaW5nLXRvcDogMDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICAubmVldG8tdWktYWNjb3JkaW9uX193cmFwcGVyLS1sYXN0LWl0ZW0ge1xuICAgICAgYm9yZGVyLWJvdHRvbTogdGhpbiBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbiAgICB9XG4gIH1cblxuICAmX19mb290ZXIge1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICAgIGRpdiB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZ2FwOiA4cHg7XG4gICAgfVxuICB9XG59XG4iXX0= */";
 n(css,{});
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Filters = reactUtils.withT(function (_ref) {
   var t = _ref.t,
     size = _ref.size,
@@ -2686,25 +3487,25 @@ var Filters = reactUtils.withT(function (_ref) {
     isSearchable = _ref$isSearchable === void 0 ? false : _ref$isSearchable,
     className = _ref.className,
     _ref$onSelectorsChang = _ref.onSelectorsChange,
-    onSelectorsChange = _ref$onSelectorsChang === void 0 ? neetocist.noop : _ref$onSelectorsChang,
+    onSelectorsChange = _ref$onSelectorsChang === void 0 ? neetoCist.noop : _ref$onSelectorsChang,
     _ref$keyword = _ref.keyword,
     keyword = _ref$keyword === void 0 ? {
       node: "",
       value: "",
-      setValue: neetocist.noop
+      setValue: neetoCist.noop
     } : _ref$keyword,
     childrenKeys = _ref.childrenKeys,
     children = _ref.children;
   return /*#__PURE__*/React__default["default"].createElement("span", {
     className: classnames__default["default"](_defineProperty({}, className, className))
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends({
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends$1({
     "data-cy": "neeto-filters-toggle-btn",
     label: t("neetoFilters.common.filter"),
     style: "secondary",
     onClick: function onClick() {
       return setIsOpen(true);
     }
-  }, buttonProps)), /*#__PURE__*/React__default["default"].createElement(Pane, _extends({
+  }, buttonProps)), /*#__PURE__*/React__default["default"].createElement(Pane, _extends$1({
     onClose: function onClose() {
       return setIsOpen(false);
     }
@@ -2820,7 +3621,7 @@ var Card = function Card(_ref) {
       style: "body2"
     }, segment.name), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
       buttonStyle: "text",
-      disabled: neetocist.isNotPresent(segment.id),
+      disabled: neetoCist.isNotPresent(segment.id),
       icon: neetoIcons.MenuHorizontal,
       size: "small"
     }, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
@@ -2929,7 +3730,7 @@ var MenuBlocks = function MenuBlocks(_ref) {
         columns: columns,
         filters: [],
         isClearAll: true,
-        childrenKeys: ((_filters$ = filters[0]) === null || _filters$ === void 0 ? void 0 : _filters$.conditions) && ramda.pluck("key", neetocist.filterBy({
+        childrenKeys: ((_filters$ = filters[0]) === null || _filters$ === void 0 ? void 0 : _filters$.conditions) && ramda.pluck("key", neetoCist.filterBy({
           node: "children"
         }, (_filters$2 = filters[0]) === null || _filters$2 === void 0 ? void 0 : _filters$2.conditions))
       })
@@ -2996,7 +3797,7 @@ var Segments = function Segments(_ref) {
   var entity = _ref.entity,
     columns = _ref.columns,
     _ref$setIsFilterPaneO = _ref.setIsFilterPaneOpen,
-    setIsFilterPaneOpen = _ref$setIsFilterPaneO === void 0 ? neetocist.noop : _ref$setIsFilterPaneO,
+    setIsFilterPaneOpen = _ref$setIsFilterPaneO === void 0 ? neetoCist.noop : _ref$setIsFilterPaneO,
     _ref$defaultSegmentNa = _ref.defaultSegmentName,
     defaultSegmentName = _ref$defaultSegmentNa === void 0 ? i18next.t("neetoFilters.common.allResults") : _ref$defaultSegmentNa;
   return function () {