@bigbinary/neeto-filters-frontend 3.1.2 → 3.2.0-beta.0

package/dist/index.cjs.js

@@ -1,3860 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var classnames = require('classnames');
-var i18next = require('i18next');
-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 MenuBar = require('@bigbinary/neeto-molecules/MenuBar');
-var InlineInput = require('@bigbinary/neeto-molecules/InlineInput');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
-  var n = Object.create(null);
-  if (e) {
-    Object.keys(e).forEach(function (k) {
-      if (k !== 'default') {
-        var d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: function () { return e[k]; }
-        });
-      }
-    });
-  }
-  n["default"] = e;
-  return Object.freeze(n);
-}
-
-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) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-
-function _typeof(o) {
-  "@babel/helpers - typeof";
-
-  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) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-
-var SEGMENTS_BASE_URL = "/neeto_filters/segments";
-var DATE_OPTIONS = [{
-  label: "Today",
-  value: "today"
-}, {
-  label: "Yesterday",
-  value: "yesterday"
-}, {
-  label: "This week",
-  value: "this-week"
-}, {
-  label: "Last week",
-  value: "last-week"
-}, {
-  label: "This month",
-  value: "this-month"
-}, {
-  label: "Last month",
-  value: "last-month"
-}, {
-  label: "This year",
-  value: "this-year"
-}, {
-  label: "Last year",
-  value: "last-year"
-}, {
-  label: "All time",
-  value: "all-time"
-}, {
-  label: "After",
-  value: "after"
-}, {
-  label: "Before",
-  value: "before"
-}, {
-  label: "Custom date range",
-  value: "custom-date-range"
-}];
-var SINGLE_DATE_OPTIONS = [{
-  label: "On",
-  value: "on"
-}, {
-  label: "After",
-  value: "after"
-}, {
-  label: "Before",
-  value: "before"
-}, {
-  label: "Between",
-  value: "between"
-}];
-var SINGLE_TIME_OPTIONS = [{
-  label: "At",
-  value: "at"
-}, {
-  label: "After",
-  value: "after"
-}, {
-  label: "Before",
-  value: "before"
-}, {
-  label: "Between",
-  value: "between"
-}];
-var TIME_OPTIONS = [{
-  label: "This hour",
-  value: "this-hour"
-}, {
-  label: "Last hour",
-  value: "last-hour"
-}, {
-  label: "Custom time range",
-  value: "custom-time-range"
-}];
-var DATE_RULES = {
-  today: "on",
-  yesterday: "on",
-  "all-time": "before"
-};
-var SEARCH_TERM_KEY = "search_term";
-var SEGMENT_ID_KEY = "segment_id";
-
-var SHORTCUTS = {
-  closePane: {
-    sequence: "escape",
-    description: i18next.t("neetoFilters.shortcuts.closePane")
-  },
-  deleteBlock: {
-    sequence: "backspace",
-    description: i18next.t("neetoFilters.shortcuts.deleteBlock")
-  },
-  openFilterPane: {
-    sequence: "enter",
-    description: i18next.t("neetoFilters.shortcuts.openFilterPane")
-  }
-};
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-
-var dayjs_min = {exports: {}};
-
-dayjs_min.exports;
-
-(function (module, exports) {
-	!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p="$isDayjsObject",S=function(t){return t instanceof _||!(!t||!t[p])},w=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},O=function(t,e){if(S(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new _(n)},b=v;b.l=w,b.i=S,b.w=function(t,e){return O(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var _=function(){function M(t){this.$L=w(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[p]=!0;}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(b.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return b},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=O(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return O(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<O(t)},m.$g=function(t,e,n){return b.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!b.u(e)||e,f=b.p(t),l=function(t,e){var i=b.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return b.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=b.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[b.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=b.p(f),y=function(t){var e=O(l);return b.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return b.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=b.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return b.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return b.s(e.$y,4,"0");case"M":return a+1;case"MM":return b.s(a+1,2,"0");case"MMM":return h(n.monthsShort,a,c,3);case"MMMM":return h(c,a);case"D":return e.$D;case"DD":return b.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return h(n.weekdaysMin,e.$W,o,2);case"ddd":return h(n.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(s);case"HH":return b.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return $(s,u,!0);case"A":return $(s,u,!1);case"m":return String(u);case"mm":return b.s(u,2,"0");case"s":return String(e.$s);case"ss":return b.s(e.$s,2,"0");case"SSS":return b.s(e.$ms,3,"0");case"Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=b.p(d),m=O(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return b.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:b.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=w(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return b.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),k=_.prototype;return O.prototype=k,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){k[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),O.extend=function(t,e){return t.$i||(t(e,_,O),t.$i=!0),O},O.locale=w,O.isDayjs=S,O.unix=function(t){return O(1e3*t)},O.en=D[g],O.Ls=D,O.p={},O})); 
-} (dayjs_min, dayjs_min.exports));
-
-var dayjs_minExports = dayjs_min.exports;
-var dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
-
-var NUMBER_RULES = [{
-  label: i18next.t("neetoFilters.rules.is"),
-  value: "is"
-}, {
-  label: i18next.t("neetoFilters.rules.isNot"),
-  value: "is_not"
-}, {
-  label: i18next.t("neetoFilters.rules.greaterThan"),
-  value: "greater_than"
-}, {
-  label: i18next.t("neetoFilters.rules.lessThan"),
-  value: "less_than"
-}];
-var TEXT_RULES = [{
-  label: i18next.t("neetoFilters.rules.contains"),
-  value: "contains"
-}, {
-  label: i18next.t("neetoFilters.rules.doesNotContain"),
-  value: "does_not_contain"
-}, {
-  label: i18next.t("neetoFilters.rules.is"),
-  value: "is"
-}, {
-  label: i18next.t("neetoFilters.rules.isNot"),
-  value: "is_not"
-}, {
-  label: i18next.t("neetoFilters.rules.startsWith"),
-  value: "starts_with"
-}, {
-  label: i18next.t("neetoFilters.rules.doesNotStartWith"),
-  value: "does_not_start_with"
-}, {
-  label: i18next.t("neetoFilters.rules.endsWith"),
-  value: "ends_with"
-}, {
-  label: i18next.t("neetoFilters.rules.doesNotEndWith"),
-  value: "does_not_end_with"
-}];
-var DEFAULT_BOOLEAN_OPTIONS = [{
-  label: i18next.t("neetoFilters.common.yes"),
-  value: "true"
-}, {
-  label: i18next.t("neetoFilters.common.no"),
-  value: "false"
-}];
-var DEFAULT_HELP_ICON_PROPS = {
-  icon: neetoIcons.Help,
-  tooltipProps: {
-    position: "right"
-  }
-};
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-
-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 (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 (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
-      } finally {
-        if (o) throw n;
-      }
-    }
-    return a;
-  }
-}
-
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-
-var timezone$1 = {exports: {}};
-
-timezone$1.exports;
-
-(function (module, exports) {
-	!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t={year:0,month:1,day:2,hour:3,minute:4,second:5},e={};return function(n,i,o){var r,a=function(t,n,i){void 0===i&&(i={});var o=new Date(t),r=function(t,n){void 0===n&&(n={});var i=n.timeZoneName||"short",o=t+"|"+i,r=e[o];return r||(r=new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:t,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:i}),e[o]=r),r}(n,i);return r.formatToParts(o)},u=function(e,n){for(var i=a(e,n),r=[],u=0;u<i.length;u+=1){var f=i[u],s=f.type,m=f.value,c=t[s];c>=0&&(r[c]=parseInt(m,10));}var d=r[3],l=24===d?0:d,h=r[0]+"-"+r[1]+"-"+r[2]+" "+l+":"+r[4]+":"+r[5]+":000",v=+e;return (o.utc(h).valueOf()-(v-=v%1e3))/6e4},f=i.prototype;f.tz=function(t,e){void 0===t&&(t=r);var n=this.utcOffset(),i=this.toDate(),a=i.toLocaleString("en-US",{timeZone:t}),u=Math.round((i-new Date(a))/1e3/60),f=o(a,{locale:this.$L}).$set("millisecond",this.$ms).utcOffset(15*-Math.round(i.getTimezoneOffset()/15)-u,!0);if(e){var s=f.utcOffset();f=f.add(n-s,"minute");}return f.$x.$timezone=t,f},f.offsetName=function(t){var e=this.$x.$timezone||o.tz.guess(),n=a(this.valueOf(),e,{timeZoneName:t}).find((function(t){return "timezonename"===t.type.toLowerCase()}));return n&&n.value};var s=f.startOf;f.startOf=function(t,e){if(!this.$x||!this.$x.$timezone)return s.call(this,t,e);var n=o(this.format("YYYY-MM-DD HH:mm:ss:SSS"),{locale:this.$L});return s.call(n,t,e).tz(this.$x.$timezone,!0)},o.tz=function(t,e,n){var i=n&&e,a=n||e||r,f=u(+o(),a);if("string"!=typeof t)return o(t).tz(a);var s=function(t,e,n){var i=t-60*e*1e3,o=u(i,n);if(e===o)return [i,e];var r=u(i-=60*(o-e)*1e3,n);return o===r?[i,o]:[t-60*Math.min(o,r)*1e3,Math.max(o,r)]}(o.utc(t,i).valueOf(),f,a),m=s[0],c=s[1],d=o(m).utcOffset(c);return d.$x.$timezone=a,d},o.tz.guess=function(){return Intl.DateTimeFormat().resolvedOptions().timeZone},o.tz.setDefault=function(t){r=t;};}})); 
-} (timezone$1, timezone$1.exports));
-
-var timezoneExports = timezone$1.exports;
-var timezone = /*@__PURE__*/getDefaultExportFromCjs(timezoneExports);
-
-var utc$1 = {exports: {}};
-
-utc$1.exports;
-
-(function (module, exports) {
-	!function(t,i){module.exports=i();}(commonjsGlobal,(function(){var t="minute",i=/[+-]\d\d(?::?\d\d)?/g,e=/([+-]|\d\d)/g;return function(s,f,n){var u=f.prototype;n.utc=function(t){var i={date:t,utc:!0,args:arguments};return new f(i)},u.utc=function(i){var e=n(this.toDate(),{locale:this.$L,utc:!0});return i?e.add(this.utcOffset(),t):e},u.local=function(){return n(this.toDate(),{locale:this.$L,utc:!1})};var o=u.parse;u.parse=function(t){t.utc&&(this.$u=!0),this.$utils().u(t.$offset)||(this.$offset=t.$offset),o.call(this,t);};var r=u.init;u.init=function(){if(this.$u){var t=this.$d;this.$y=t.getUTCFullYear(),this.$M=t.getUTCMonth(),this.$D=t.getUTCDate(),this.$W=t.getUTCDay(),this.$H=t.getUTCHours(),this.$m=t.getUTCMinutes(),this.$s=t.getUTCSeconds(),this.$ms=t.getUTCMilliseconds();}else r.call(this);};var a=u.utcOffset;u.utcOffset=function(s,f){var n=this.$utils().u;if(n(s))return this.$u?0:n(this.$offset)?a.call(this):this.$offset;if("string"==typeof s&&(s=function(t){void 0===t&&(t="");var s=t.match(i);if(!s)return null;var f=(""+s[0]).match(e)||["-",0,0],n=f[0],u=60*+f[1]+ +f[2];return 0===u?0:"+"===n?u:-u}(s),null===s))return this;var u=Math.abs(s)<=16?60*s:s,o=this;if(f)return o.$offset=u,o.$u=0===s,o;if(0!==s){var r=this.$u?this.toDate().getTimezoneOffset():-1*this.utcOffset();(o=this.local().add(u+r,t)).$offset=u,o.$x.$localOffset=r;}else o=this.utc();return o};var h=u.format;u.format=function(t){var i=t||(this.$u?"YYYY-MM-DDTHH:mm:ss[Z]":"");return h.call(this,i)},u.valueOf=function(){var t=this.$utils().u(this.$offset)?0:this.$offset+(this.$x.$localOffset||this.$d.getTimezoneOffset());return this.$d.valueOf()-6e4*t},u.isUTC=function(){return !!this.$u},u.toISOString=function(){return this.toDate().toISOString()},u.toString=function(){return this.toDate().toUTCString()};var l=u.toDate;u.toDate=function(t){return "s"===t&&this.$offset?n(this.format("YYYY-MM-DD HH:mm:ss:SSS")).toDate():l.call(this)};var c=u.diff;u.diff=function(t,i,e){if(t&&this.$u===t.$u)return c.call(this,t,i,e);var s=this.local(),f=n(t).local();return c.call(s,f,i,e)};}})); 
-} (utc$1, utc$1.exports));
-
-var utcExports = utc$1.exports;
-var utc = /*@__PURE__*/getDefaultExportFromCjs(utcExports);
-
-var weekday$1 = {exports: {}};
-
-weekday$1.exports;
-
-(function (module, exports) {
-	!function(e,t){module.exports=t();}(commonjsGlobal,(function(){return function(e,t){t.prototype.weekday=function(e){var t=this.$locale().weekStart||0,i=this.$W,n=(i<t?i+7:i)-t;return this.$utils().u(e)?n:this.subtract(n,"day").add(e,"day")};}})); 
-} (weekday$1, weekday$1.exports));
-
-var weekdayExports = weekday$1.exports;
-var weekday = /*@__PURE__*/getDefaultExportFromCjs(weekdayExports);
-
-dayjs.extend(utc);
-dayjs.extend(timezone);
-dayjs.extend(weekday);
-dayjs.Ls.en.weekStart = 1;
-
-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";
-});
-var standardizeColumnType = function standardizeColumnType(kind) {
-  // neeto-fields-nano supports `monetary` and `number` as type of fields, which will be acting as `decimal` in action.
-  if (["custom.monetary", "custom.number"].includes(kind)) {
-    return "custom.decimal";
-  }
-  return kind;
-};
-var getSnakeCasedQueryParams = function getSnakeCasedQueryParams() {
-  return utils.getQueryParams({
-    toCamelCase: false
-  });
-};
-var isBoolean = function isBoolean(type) {
-  return type === "boolean" || type === "custom.boolean";
-};
-var isCheckbox = function isCheckbox(type) {
-  return type === "checkbox" || type === "custom.checkbox";
-};
-var isDate = function isDate(type) {
-  return type === "date" || type === "custom.date" || type === "custom.datetime";
-};
-var isSingleDate = function isSingleDate(type) {
-  return type === "single_date" || type === "custom.single_date";
-};
-var isSingleTime = function isSingleTime(type) {
-  return type === "single_time" || type === "custom.single_time";
-};
-var isTime = function isTime(type) {
-  return type === "time" || type === "custom.time";
-};
-var isMulti = function isMulti(type) {
-  return type === "multi_option" || type === "custom.multi_option";
-};
-var isText = function isText(type) {
-  return type === "text" || type === "custom.text";
-};
-var isDigit = function isDigit(type) {
-  return ["number", "decimal", "custom.decimal", "custom.number"].includes(type);
-};
-var isCustomDateRange = function isCustomDateRange(value) {
-  return !ramda.pluck("value", DATE_OPTIONS).includes(value);
-};
-var isCustomTimeRange = function isCustomTimeRange(value) {
-  return !ramda.pluck("value", TIME_OPTIONS).includes(value);
-};
-var isMultiModelFilter = function isMultiModelFilter(_ref2) {
-  var _ref2$model = _ref2.model,
-    model = _ref2$model === void 0 ? "" : _ref2$model;
-  return model.split(",").length > 1;
-};
-var getTimezone = function getTimezone() {
-  return dayjs.tz.guess();
-};
-var getLabelFromBool = function getLabelFromBool(_ref3) {
-  var value = _ref3.value,
-    values = _ref3.values;
-  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({
-    label: label
-  }, ramda.either(ramda.isEmpty, ramda.isNil)(values) ? DEFAULT_BOOLEAN_OPTIONS : values).value;
-};
-var buildRuleOptions = function buildRuleOptions(_ref5) {
-  var defaultType = _ref5.defaultType;
-  if (isText(defaultType)) return TEXT_RULES;else if (isDigit(defaultType)) return NUMBER_RULES;
-  return [];
-};
-var getDefaultRuleValue = function getDefaultRuleValue(defaultType) {
-  var _buildRuleOptions;
-  return ((_buildRuleOptions = buildRuleOptions({
-    defaultType: defaultType
-  })) === null || _buildRuleOptions === void 0 || (_buildRuleOptions = _buildRuleOptions[0]) === null || _buildRuleOptions === void 0 ? void 0 : _buildRuleOptions.value) || "";
-};
-var isUndefinedOrEmpty = ramda.anyPass([ramda.isNil, ramda.isEmpty, ramda.any(ramda.isNil)]);
-
-// Following function split node on comma followed by non-comma characters and a dot
-var splitNode = function splitNode(joinedNodes) {
-  return joinedNodes.split(/,(?=[^,]*\.)/);
-};
-var splitFilter = function splitFilter(multiColumnFilter) {
-  var splittedNodes = splitNode(multiColumnFilter.node);
-  var splittedModels = multiColumnFilter.model.split(",");
-  return splittedNodes.map(function (node, index) {
-    return ramda.mergeLeft({
-      node: node,
-      model: splittedModels[index],
-      conditions_join_type: index < splittedNodes.length - 1 ? "or" : "and"
-    }, ramda.omit(["key", "label", "values", "setValue"], multiColumnFilter));
-  });
-};
-var buildDateValue = function buildDateValue(_ref6) {
-  var value = _ref6.value;
-  var rule = DATE_RULES[value] || "between";
-  var dateValue = ["before", "after", "custom-date-range"].includes(value) ? "" : value;
-  return {
-    value: dateValue,
-    rule: rule,
-    timezone: getTimezone()
-  };
-};
-var buildTimeValue = function buildTimeValue(_ref7) {
-  var value = _ref7.value;
-  var dateValue = value === "custom-time-range" ? "" : value;
-  return {
-    value: dateValue,
-    rule: "between"
-  };
-};
-var buildUpdatedFilter = function buildUpdatedFilter(_ref8) {
-  var column = _ref8.column,
-    defaultType = _ref8.defaultType,
-    option = _ref8.option,
-    _ref8$rule = _ref8.rule,
-    rule = _ref8$rule === void 0 ? "" : _ref8$rule,
-    _ref8$value = _ref8.value,
-    value = _ref8$value === void 0 ? "" : _ref8$value;
-  var filter = ramda.omit(["values", "preprocessor"], column);
-  if (isMulti(defaultType)) {
-    return ramda.mergeLeft(filter, {
-      value: ramda.pluck("value", option),
-      rule: "in"
-    });
-  } else if (isDate(defaultType)) {
-    return ramda.mergeLeft(filter, buildDateValue(option));
-  } else if (isSingleDate(defaultType)) {
-    return ramda.mergeLeft(filter, {
-      value: value,
-      rule: rule,
-      timezone: getTimezone()
-    });
-  } else if (isText(defaultType) || isDigit(defaultType)) {
-    var _column$preprocessor;
-    return ramda.mergeLeft(filter, {
-      rule: rule,
-      value: (column === null || column === void 0 || (_column$preprocessor = column.preprocessor) === null || _column$preprocessor === void 0 ? void 0 : _column$preprocessor.call(column, value)) || value
-    });
-  } else if (isSingleTime(defaultType)) {
-    return ramda.mergeLeft(filter, {
-      value: value,
-      rule: rule
-    });
-  } else if (isTime(defaultType)) {
-    return ramda.mergeLeft(filter, buildTimeValue(option));
-  }
-  return ramda.mergeLeft(filter, {
-    value: option.value,
-    rule: "is"
-  });
-};
-var buildFiltersFromSearchParams = function buildFiltersFromSearchParams(columns) {
-  var skipEmpty = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  var searchParams = getSnakeCasedQueryParams();
-  return columns.map(function (column) {
-    var value = searchParams[column.key];
-    var defaultType = column.defaultType || column.type;
-    if (!skipEmpty && value === "") {
-      return ramda.mergeLeft({
-        value: ""
-      }, column);
-    } else if (ramda.isNil(value) || value === "" || column.key === "keyword") {
-      return null;
-    } else if (column.key === SEARCH_TERM_KEY) {
-      if (ramda.isNil(column.node)) return null;
-      return ramda.mergeLeft({
-        value: value,
-        type: "text",
-        rule: "contains"
-      }, column);
-    } else if (isDate(defaultType) && isCustomDateRange(value)) {
-      return ramda.mergeLeft({
-        value: value.split(",")
-      }, column);
-    } else if (isMulti(defaultType)) {
-      return ramda.mergeLeft({
-        rule: "in",
-        value: value.split("|")
-      }, column);
-    } else if (isDigit(defaultType) || isText(defaultType)) {
-      var _value$split = value.split("+rule-"),
-        _value$split2 = _slicedToArray(_value$split, 2),
-        filterValue = _value$split2[0],
-        rule = _value$split2[1];
-      return ramda.mergeLeft({
-        rule: rule,
-        value: filterValue
-      }, column);
-    } else if (isTime(defaultType) && isCustomTimeRange(value)) {
-      return ramda.mergeLeft({
-        value: value.split(",")
-      }, column);
-    } else if (isSingleDate(defaultType)) {
-      var _value$split3 = value.split("+rule-"),
-        _value$split4 = _slicedToArray(_value$split3, 2),
-        _filterValue = _value$split4[0],
-        _rule = _value$split4[1];
-      return ramda.mergeLeft({
-        rule: _rule,
-        value: _rule === "between" ? _filterValue.split(",") : _filterValue
-      }, column);
-    } else if (isSingleTime(defaultType)) {
-      var _value$split5 = value.split("+rule-"),
-        _value$split6 = _slicedToArray(_value$split5, 2),
-        _filterValue2 = _value$split6[0],
-        _rule2 = _value$split6[1];
-      return ramda.mergeLeft({
-        rule: _rule2,
-        value: _rule2 === "between" ? _filterValue2.split(",") : _filterValue2
-      }, column);
-    } else if (isBoolean(defaultType)) {
-      return ramda.mergeLeft({
-        rule: "is",
-        value: getBoolFromLabel({
-          label: value,
-          values: column.values
-        })
-      }, column);
-    }
-    return ramda.mergeLeft({
-      rule: "is",
-      value: value
-    }, column);
-  }).filter(ramda.identity);
-};
-var buildTimePayload = function buildTimePayload(value) {
-  var timeValue = {
-    "this-hour": [dayjs().startOf("hour"), dayjs().endOf("hour")],
-    "last-hour": [dayjs().add(-1, "hour").startOf("hour"), dayjs().add(-1, "hour").endOf("hour")],
-    "next-hour": [dayjs().add(1, "hour").startOf("hour"), dayjs().add(1, "hour").endOf("hour")]
-  };
-  if (isCustomTimeRange(value)) {
-    return {
-      value: value ? value.join(",") : "",
-      rule: "between"
-    };
-  }
-  return {
-    value: timeValue[value].map(function (time) {
-      return time.toISOString();
-    }).join(","),
-    rule: "between"
-  };
-};
-var buildDatePayload = function buildDatePayload(value) {
-  var dateValue = {
-    "this-week": [dayjs().startOf("week"), dayjs().endOf("week")],
-    "last-week": [dayjs().add(-1, "week").startOf("week"), dayjs().add(-1, "week").endOf("week")],
-    "this-month": [dayjs().startOf("month"), dayjs().endOf("month")],
-    "last-month": [dayjs().add(-1, "month").startOf("month"), dayjs().add(-1, "month").endOf("month")],
-    "this-year": [dayjs().startOf("year"), dayjs().endOf("year")],
-    "last-year": [dayjs().add(-1, "year").startOf("year"), dayjs().add(-1, "year").endOf("year")]
-  };
-  if (value === "today") {
-    return {
-      value: dayjs().toISOString(),
-      rule: "on",
-      timezone: getTimezone()
-    };
-  } else if (value === "yesterday") {
-    return {
-      value: dayjs().add(-1, "day").toISOString(),
-      rule: "on",
-      timezone: getTimezone()
-    };
-  } else if (value === "all-time") {
-    return {
-      value: dayjs().toISOString(),
-      rule: "before",
-      timezone: getTimezone(),
-      type: "datetime"
-    };
-  } else if (isCustomDateRange(value)) {
-    //custom-date-range
-    return {
-      value: value ? value.join(",") : "",
-      rule: "between",
-      timezone: getTimezone()
-    };
-  }
-  return {
-    value: dateValue[value].map(function (date) {
-      return date.toISOString();
-    }).join(","),
-    rule: "between",
-    timezone: getTimezone()
-  };
-};
-var buildSingleDatePayload = function buildSingleDatePayload(filter) {
-  var value = filter.value;
-  var filterValue = Array.isArray(value) ? value.join(",") : value;
-  return _objectSpread$4(_objectSpread$4({}, filter), {}, {
-    value: filterValue,
-    type: "date"
-  });
-};
-var buildSingleTimePayload = function buildSingleTimePayload(filter) {
-  var value = filter.value;
-  var filterValue = Array.isArray(value) ? value.join(",") : value;
-  return _objectSpread$4(_objectSpread$4({}, filter), {}, {
-    value: filterValue,
-    type: "time"
-  });
-};
-var flattenPayload = function flattenPayload(payload) {
-  var flattenedPayload = [];
-  payload.forEach(function (item) {
-    return Array.isArray(item) ? flattenedPayload.unshift.apply(flattenedPayload, _toConsumableArray(item)) : flattenedPayload.push(item);
-  }, []);
-  return flattenedPayload;
-};
-var buildMultiOptionPayload = function buildMultiOptionPayload(values) {
-  return values.map(function (value) {
-    return value.toString();
-  }).join("|");
-};
-var buildFiltersPayload = function buildFiltersPayload(filters) {
-  var payload = neetoCist.removeBy({
-    value: ""
-  }, filters).map(function (filter) {
-    if (filter.key === SEARCH_TERM_KEY && isMultiModelFilter(filter)) {
-      return splitFilter(filter);
-    }
-    var filterPayload = ramda.omit(["key", "label", "values", "setValue"], filter);
-    var _filterPayload$defaul = filterPayload.defaultType,
-      defaultType = _filterPayload$defaul === void 0 ? filterPayload.type : _filterPayload$defaul,
-      value = filterPayload.value;
-    if (isMultiModelFilter(filterPayload)) {
-      throw i18next__default["default"].t("neetoFilters.errors.cannotPassMultipleModels");
-    }
-    if (isDate(defaultType)) {
-      return ramda.mergeRight(filterPayload, buildDatePayload(value));
-    } else if (isMulti(defaultType)) {
-      return ramda.mergeRight(filterPayload, {
-        value: buildMultiOptionPayload(value)
-      });
-    } else if (isSingleDate(defaultType)) {
-      return ramda.mergeRight(filterPayload, buildSingleDatePayload(filterPayload));
-    } else if (isSingleTime(defaultType)) {
-      return ramda.mergeRight(filterPayload, buildSingleTimePayload(filterPayload));
-    } else if (isTime(defaultType)) {
-      return ramda.mergeRight(filterPayload, buildTimePayload(value));
-    }
-    return filterPayload;
-  });
-  return ramda.isEmpty(payload) ? [] : [{
-    conditions: flattenPayload(payload)
-  }];
-};
-var buildSegmentsPayload = function buildSegmentsPayload(filters) {
-  var childrenKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
-  var payload = neetoCist.removeBy({
-    value: ""
-  }, filters).map(function (filter) {
-    if (filter.key === SEARCH_TERM_KEY) {
-      return false;
-    }
-    var filterPayload = ramda.omit(["label", "values", "setValue", "defaultValue"], filter);
-    var _filterPayload$defaul2 = filterPayload.defaultType,
-      defaultType = _filterPayload$defaul2 === void 0 ? filterPayload.type : _filterPayload$defaul2,
-      value = filterPayload.value;
-    if (filter.key !== SEARCH_TERM_KEY && isMultiModelFilter(filterPayload)) {
-      throw i18next__default["default"].t("neetoFilters.errors.cannotPassMultipleModels");
-    }
-    if (isMulti(defaultType)) {
-      return ramda.mergeRight(filterPayload, {
-        value: buildMultiOptionPayload(value)
-      });
-    }
-    return filterPayload;
-  });
-  var searchParams = getSnakeCasedQueryParams();
-  var modifiedPayload = childrenKeys.reduce(function (acc, key) {
-    if (ramda.has(key, searchParams)) {
-      var filterPayload = {
-        key: key,
-        node: "children",
-        value: searchParams[key]
-      };
-      return acc.concat(filterPayload);
-    }
-    return acc;
-  }, payload);
-  return ramda.isEmpty(modifiedPayload) ? [] : [{
-    conditions: flattenPayload(modifiedPayload)
-  }];
-};
-var buildFiltersFromURL = function buildFiltersFromURL(columns) {
-  return buildFiltersPayload(buildFiltersFromSearchParams(columns.filter(function (column) {
-    return !ramda.isNil(column.node);
-  })));
-};
-var buildSelectorsFromURL = function buildSelectorsFromURL(columns) {
-  var searchParams = getSnakeCasedQueryParams();
-  var selectors = {};
-  columns.filter(function (_ref9) {
-    var node = _ref9.node;
-    return !node;
-  }).forEach(function (_ref10) {
-    var key = _ref10.key,
-      defaultType = _ref10.defaultType,
-      type = _ref10.type;
-    var value = searchParams[key];
-    if (value) {
-      selectors[key] = isMulti(defaultType || type) ? value.split("|") : value;
-    }
-  });
-  return selectors;
-};
-var compareFilters = function compareFilters(oldFilters, newFilters) {
-  var formatFilters = function formatFilters(filters) {
-    return neetoCist.removeBy({
-      value: ""
-    }, filters).map(ramda.pick(["key", "rule", "value"]));
-  };
-  return ramda.equals(formatFilters(oldFilters), formatFilters(newFilters));
-};
-var buildFilteredColumns = function buildFilteredColumns(_ref11) {
-  var _ref11$searchTerm = _ref11.searchTerm,
-    searchTerm = _ref11$searchTerm === void 0 ? "" : _ref11$searchTerm,
-    columns = _ref11.columns;
-  var groupedColumsObject = groupByGroup(columns.filter(function (_ref12) {
-    var label = _ref12.label,
-      _ref12$hidden = _ref12.hidden,
-      hidden = _ref12$hidden === void 0 ? false : _ref12$hidden;
-    return label.toLocaleLowerCase().includes(searchTerm.trim().toLocaleLowerCase()) && !hidden;
-  }));
-  return {
-    groupedColumns: ramda.toPairs(ramda.omit(["individual"], groupedColumsObject)).map(function (_ref13) {
-      var _ref14 = _slicedToArray(_ref13, 2),
-        group = _ref14[0],
-        columns = _ref14[1];
-      return {
-        group: group,
-        columns: columns
-      };
-    }),
-    ungroupedColumns: groupedColumsObject.individual
-  };
-};
-var buildDefaultFilters = function buildDefaultFilters(columns, filters) {
-  return columns.filter(function (column) {
-    return !isUndefinedOrEmpty(column.defaultValue) && !neetoCist.findBy({
-      key: column.key
-    }, filters);
-  }).map(function (column) {
-    var defaultType = column.defaultType || column.type;
-    return buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      rule: getDefaultRuleValue(defaultType),
-      option: column.defaultValue,
-      value: column.defaultValue
-    });
-  });
-};
-var createUrlParamString = function createUrlParamString(_ref15) {
-  var filter = _ref15.filter,
-    columns = _ref15.columns;
-  var key = filter.key,
-    value = filter.value,
-    _filter$defaultType = filter.defaultType,
-    defaultType = _filter$defaultType === void 0 ? filter.type : _filter$defaultType,
-    rule = filter.rule;
-  if (key === SEARCH_TERM_KEY) {
-    return value;
-  } else if (isDigit(defaultType) || isText(defaultType)) {
-    return "".concat(value, "+rule-").concat(rule);
-  } else if (isSingleDate(defaultType) || isSingleTime(defaultType)) {
-    return value && "".concat(value, "+rule-").concat(rule) || value;
-  } else if (isMulti(defaultType)) {
-    return value.join("|");
-  } else if (isBoolean(defaultType)) {
-    return getLabelFromBool({
-      value: value,
-      values: neetoCist.findBy({
-        key: key
-      }, columns).values
-    });
-  }
-  return value;
-};
-var buildUrlFromFilters = function buildUrlFromFilters(_ref16) {
-  var columns = _ref16.columns,
-    filters = _ref16.filters,
-    _ref16$isClearAll = _ref16.isClearAll,
-    isClearAll = _ref16$isClearAll === void 0 ? false : _ref16$isClearAll,
-    _ref16$childrenKeys = _ref16.childrenKeys,
-    childrenKeys = _ref16$childrenKeys === void 0 ? [] : _ref16$childrenKeys;
-  var searchParams = getSnakeCasedQueryParams();
-  var isKeywordFilterPresent = neetoCist.findBy({
-    key: SEARCH_TERM_KEY
-  }, filters);
-  columns.forEach(function (_ref17) {
-    var key = _ref17.key,
-      defaultValue = _ref17.defaultValue;
-    return !defaultValue && delete searchParams[key];
-  });
-  if (isClearAll) {
-    childrenKeys.forEach(function (key) {
-      return delete searchParams[key];
-    });
-    delete searchParams[SEGMENT_ID_KEY];
-  }
-  var defaultFilters = buildDefaultFilters(columns, filters);
-  isKeywordFilterPresent && delete searchParams[SEARCH_TERM_KEY];
-  ramda.concat(filters, defaultFilters).forEach(function (filter) {
-    searchParams[filter.key] = createUrlParamString({
-      filter: filter,
-      columns: columns
-    });
-  });
-  if (ramda.isEmpty(ramda.omit([SEGMENT_ID_KEY], searchParams))) {
-    delete searchParams[SEGMENT_ID_KEY];
-  }
-  return new URLSearchParams(searchParams).toString();
-};
-var createUrlParamStringForSegments = function createUrlParamStringForSegments(_ref18) {
-  var filter = _ref18.filter,
-    columns = _ref18.columns;
-  var value = filter.value,
-    _filter$defaultType2 = filter.defaultType,
-    defaultType = _filter$defaultType2 === void 0 ? filter.type : _filter$defaultType2;
-  if (isMulti(defaultType)) {
-    return value;
-  }
-  return createUrlParamString({
-    filter: filter,
-    columns: columns
-  });
-};
-var buildUrlFromSegment = function buildUrlFromSegment(_ref19) {
-  var columns = _ref19.columns,
-    filters = _ref19.filters,
-    id = _ref19.id;
-  var searchParams = getSnakeCasedQueryParams();
-  columns.forEach(function (_ref20) {
-    var key = _ref20.key,
-      defaultValue = _ref20.defaultValue;
-    return !defaultValue && delete searchParams[key];
-  });
-  delete searchParams[SEARCH_TERM_KEY];
-  var defaultFilters = buildDefaultFilters(columns, filters);
-  var newSearchParams = ramda.concat(filters, defaultFilters).reduce(function (acc, filter) {
-    acc[filter.key] = createUrlParamStringForSegments({
-      filter: filter,
-      columns: columns
-    });
-    return acc;
-  }, neetoCist.isNotEmpty(id) ? _defineProperty({}, SEGMENT_ID_KEY, id) : {});
-  return new URLSearchParams(_objectSpread$4(_objectSpread$4({}, searchParams), newSearchParams)).toString();
-};
-var getSearchTermFromUrl = function getSearchTermFromUrl() {
-  return utils.getQueryParams().searchTerm || "";
-};
-var buildFilterColumnsFromFields = function buildFilterColumnsFromFields(_ref22) {
-  var fields = _ref22.fields,
-    _ref22$selectedFields = _ref22.selectedFields,
-    selectedFields = _ref22$selectedFields === void 0 ? [] : _ref22$selectedFields,
-    _ref22$showRuleSelect = _ref22.showRuleSelector,
-    showRuleSelector = _ref22$showRuleSelect === void 0 ? false : _ref22$showRuleSelect,
-    groupName = _ref22.groupName;
-  return fields.reduce(function (columns, field) {
-    if (ramda.isEmpty(selectedFields) || selectedFields.includes(field.name)) {
-      var id = field.id,
-        name = field.name,
-        kind = field.kind;
-      var column = _objectSpread$4({
-        key: ramda.toLower(name),
-        node: "".concat(name, ":").concat(id),
-        label: neetoCist.capitalize(name),
-        type: "custom.".concat(kind),
-        showRuleSelector: showRuleSelector
-      }, groupName && {
-        group: groupName
-      });
-      if (kind === "single_option" || kind === "multi_option") {
-        column.values = field.data.map(function (item) {
-          return {
-            label: neetoCist.capitalize(item.label),
-            value: item.id
-          };
-        });
-      }
-      columns.push(column);
-    }
-    return columns;
-  }, []);
-};
-var getColumnsWithStandardizedType = function getColumnsWithStandardizedType(columns) {
-  return columns.map(function (column) {
-    return _objectSpread$4(_objectSpread$4({}, column), {}, {
-      type: standardizeColumnType(column.type)
-    });
-  });
-};
-var isKeywordFilterPresent = function isKeywordFilterPresent(keyworFilter) {
-  return ramda.not(ramda.isEmpty(keyworFilter.node));
-};
-
-var buildCustomDateValue = function buildCustomDateValue(value) {
-  var isBeforeOrAfter = Math.abs(dayjs(value[1]).diff(dayjs(value[0]), "year")) >= 90;
-  if (isBeforeOrAfter) {
-    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 ? "after-".concat(utils.dateFormat.date(dayjs(value[0]).subtract(1, "day"))) : "before-".concat(utils.dateFormat.date(dayjs(value[1]).add(1, "day")));
-  }
-  return value.map(utils.dateFormat.date).join(" - ");
-};
-var buildFilterValue = function buildFilterValue(filter) {
-  var _findBy2;
-  var _filter$defaultType = filter.defaultType,
-    defaultType = _filter$defaultType === void 0 ? filter.type : _filter$defaultType,
-    value = filter.value,
-    rule = filter.rule,
-    _filter$values = filter.values,
-    initialValues = _filter$values === void 0 ? [] : _filter$values;
-  var values = initialValues.map(ramda.modify("value", function (value) {
-    return value.toString();
-  }));
-  if (isDate(defaultType) && isCustomDateRange(value)) {
-    return buildCustomDateValue(value);
-  } else if (isTime(defaultType) && isCustomTimeRange(value)) {
-    return value.map(utils.dateFormat.time).join(" - ");
-  } else if (isDate(defaultType) || isTime(defaultType)) {
-    return neetoCist.humanize(value);
-  } else if (isMulti(defaultType)) {
-    return value.map(function (value) {
-      var _findBy;
-      return ((_findBy = neetoCist.findBy({
-        value: value
-      }, values)) === null || _findBy === void 0 ? void 0 : _findBy.label) || value;
-    }).join(", ");
-  } else if (isSingleDate(defaultType)) {
-    return rule === "between" ? value.map(utils.dateFormat.date).join(" - ") : utils.dateFormat.date(value);
-  } else if (isSingleTime(defaultType)) {
-    return rule === "between" ? value.map(utils.dateFormat.time).join(" - ") : utils.dateFormat.time(value);
-  } else if (isBoolean(defaultType)) {
-    return getLabelFromBool({
-      value: value,
-      values: values
-    });
-  }
-  return ((_findBy2 = neetoCist.findBy({
-    value: value
-  }, values)) === null || _findBy2 === void 0 ? void 0 : _findBy2.label) || value;
-};
-var buildRuleValue = function buildRuleValue(_ref) {
-  var rule = _ref.rule,
-    defaultType = _ref.defaultType;
-  if (isText(defaultType)) {
-    return neetoCist.findBy({
-      value: rule
-    }, TEXT_RULES).label;
-  } else if (isDigit(defaultType)) {
-    return neetoCist.findBy({
-      value: rule
-    }, NUMBER_RULES).label;
-  } else if (isSingleDate(defaultType)) {
-    return neetoCist.findBy({
-      value: rule
-    }, SINGLE_DATE_OPTIONS).label;
-  } else if (isSingleTime(defaultType)) {
-    return neetoCist.findBy({
-      value: rule
-    }, SINGLE_TIME_OPTIONS).label;
-  }
-  return "";
-};
-var hasOnlyKeywordFilter = function hasOnlyKeywordFilter(filters) {
-  return filters.length === 1 && filters[0].key === SEARCH_TERM_KEY;
-};
-
-var Block = function Block(_ref) {
-  var filter = _ref.filter,
-    handleDelete = _ref.handleDelete,
-    setIsPaneOpen = _ref.setIsPaneOpen;
-  var key = filter.key,
-    _filter$defaultType = filter.defaultType,
-    defaultType = _filter$defaultType === void 0 ? filter.type : _filter$defaultType,
-    label = filter.label,
-    rule = filter.rule,
-    defaultValue = filter.defaultValue;
-  var filterValue = buildFilterValue(filter);
-  var ruleContent = buildRuleValue({
-    rule: rule,
-    defaultType: defaultType
-  });
-  var blockLength = label.length + ruleContent.length + filterValue.length;
-  var toolTipDisabled = blockLength <= 50;
-  var blockContent = !toolTipDisabled ? "".concat(filterValue.slice(0, 50 - blockLength), "...") : filterValue;
-  var deleteBlockHotKeyRef = useHotkeys__default["default"](SHORTCUTS.deleteBlock.sequence, function () {
-    return handleDelete(key);
-  }, {
-    mode: "scoped"
-  });
-  var openFilterPaneHotKeyRef = useHotkeys__default["default"](SHORTCUTS.openFilterPane.sequence, function () {
-    return setIsPaneOpen(key);
-  }, {
-    mode: "scoped"
-  });
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
-    content: filterValue,
-    disabled: toolTipDisabled,
-    position: "bottom",
-    theme: "light"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-filters-bar__block",
-    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-block"),
-    tabIndex: 0,
-    ref: function ref(node) {
-      deleteBlockHotKeyRef.current = node;
-      openFilterPaneHotKeyRef.current = node;
-    },
-    onClick: function onClick() {
-      return setIsPaneOpen(key);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "body2"
-  }, label, ":"), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "neeto-ui-text-gray-500",
-    style: "body2"
-  }, ruleContent), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "body2"
-  }, 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"),
-    size: 16,
-    strokeWidth: 2,
-    onClick: function onClick(event) {
-      event.stopPropagation();
-      handleDelete(key);
-    }
-  }))));
-};
-
-var ChildBlock = function ChildBlock(_ref) {
-  var childKey = _ref.childKey,
-    setIsPaneOpen = _ref.setIsPaneOpen,
-    handleDelete = _ref.handleDelete;
-  var deleteBlockHotKeyRef = useHotkeys__default["default"](SHORTCUTS.deleteBlock.sequence, function () {
-    return handleDelete(childKey);
-  }, {
-    mode: "scoped"
-  });
-  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"),
-    tabIndex: 0,
-    ref: function ref(node) {
-      deleteBlockHotKeyRef.current = node;
-      openFilterPaneHotKeyRef.current = node;
-    },
-    onClick: function onClick() {
-      return setIsPaneOpen(childKey);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "body2",
-    weight: "medium"
-  }, 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"),
-    size: 16,
-    strokeWidth: 2,
-    onClick: function onClick(event) {
-      event.stopPropagation();
-      handleDelete(childKey);
-    }
-  })));
-};
-
-var fetch = function fetch(params) {
-  return axios__default["default"].get(SEGMENTS_BASE_URL, {
-    params: params
-  });
-};
-var show = function show(id) {
-  return axios__default["default"].get("".concat(SEGMENTS_BASE_URL, "/").concat(id), {
-    transformResponseCase: false
-  });
-};
-var create = function create(payload) {
-  return axios__default["default"].post(SEGMENTS_BASE_URL, {
-    segment: payload
-  });
-};
-var update = function update(_ref) {
-  var id = _ref.id,
-    payload = _ref.payload,
-    _ref$showToastr = _ref.showToastr,
-    showToastr = _ref$showToastr === void 0 ? true : _ref$showToastr;
-  return axios__default["default"].put("".concat(SEGMENTS_BASE_URL, "/").concat(id), payload, {
-    showToastr: showToastr
-  });
-};
-var destroy = function destroy(id) {
-  return axios__default["default"]["delete"]("".concat(SEGMENTS_BASE_URL, "/").concat(id));
-};
-var segmentsApi = {
-  fetch: fetch,
-  show: show,
-  create: create,
-  update: update,
-  destroy: destroy
-};
-
-var QUERY_KEYS = {
-  SEGMENTS_LIST: "segments-list"
-};
-var SEGMENTS_STALE_TIME = 900000; // 15 mins
-
-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,
-    _ref$searchTerm = _ref.searchTerm,
-    searchTerm = _ref$searchTerm === void 0 ? "" : _ref$searchTerm;
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return reactQuery.useQuery([SEGMENTS_LIST, entity, searchTerm], function () {
-    return segmentsApi.fetch({
-      entity: entity,
-      searchTerm: searchTerm
-    });
-  }, ramda.mergeRight({
-    staleTime: SEGMENTS_STALE_TIME,
-    select: ramda.prop("segments")
-  }, options));
-};
-var useShowSegment = function useShowSegment(id) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  return reactQuery.useQuery([SEGMENTS_LIST, id], function () {
-    return segmentsApi.show(id);
-  }, ramda.mergeRight({
-    staleTime: SEGMENTS_STALE_TIME,
-    select: ramda.prop("segment")
-  }, options));
-};
-var useCreateSegment = function useCreateSegment(options) {
-  return reactUtils.useMutationWithInvalidation(segmentsApi.create, _objectSpread$3({
-    keysToInvalidate: [SEGMENTS_LIST]
-  }, options));
-};
-var useUpdateSegment = function useUpdateSegment(options) {
-  return reactUtils.useMutationWithInvalidation(segmentsApi.update, _objectSpread$3({
-    keysToInvalidate: [SEGMENTS_LIST]
-  }, options));
-};
-var useDestroySegment = function useDestroySegment(options) {
-  return reactUtils.useMutationWithInvalidation(segmentsApi.destroy, _objectSpread$3({
-    keysToInvalidate: [SEGMENTS_LIST]
-  }, options));
-};
-
-var buildSegmentsValidationSchema = function buildSegmentsValidationSchema(defaultSegmentName) {
-  return yup__namespace.object({
-    name: yup__namespace.string().trim().required().test({
-      name: "not-default-segment-name",
-      test: function test(value) {
-        return (value === null || value === void 0 ? void 0 : value.toLocaleLowerCase()) !== defaultSegmentName.toLocaleLowerCase();
-      },
-      message: i18next.t("neetoFilters.segments.reservedNameErrorMessage")
-    })
-  });
-};
-
-var Menu = neetoui.Dropdown.Menu,
-  MenuItem = neetoui.Dropdown.MenuItem;
-var Segment = function Segment(_ref) {
-  var entity = _ref.entity,
-    filters = _ref.filters,
-    columns = _ref.columns,
-    childrenKeys = _ref.childrenKeys,
-    setIsFilterPaneOpen = _ref.setIsFilterPaneOpen,
-    defaultSegmentName = _ref.defaultSegmentName;
-  var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isSavePaneOpen = _useState2[0],
-    setIsSavePaneOpen = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isUpdateAlertOpen = _useState4[0],
-    setIsUpdateAlertOpen = _useState4[1];
-  var inputRef = React.useRef(null);
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var history = reactRouterDom.useHistory();
-  var filtersPayload = buildSegmentsPayload(filters, childrenKeys);
-  var _getQueryParams = utils.getQueryParams(),
-    segmentId = _getQueryParams.segmentId;
-  var _useShowSegment = useShowSegment(segmentId, {
-      enabled: ramda.isNotNil(segmentId)
-    }),
-    _useShowSegment$data = _useShowSegment.data,
-    selectedSegment = _useShowSegment$data === void 0 ? {} : _useShowSegment$data;
-  var _useCreateSegment = useCreateSegment(),
-    createSegment = _useCreateSegment.mutate,
-    isCreating = _useCreateSegment.isLoading;
-  var _useUpdateSegment = useUpdateSegment(),
-    updateSegment = _useUpdateSegment.mutate,
-    isUpdating = _useUpdateSegment.isLoading;
-  var isSubmitting = isCreating || isUpdating;
-  var handleUpdate = function handleUpdate() {
-    return updateSegment({
-      id: segmentId,
-      payload: {
-        filters: filtersPayload
-      }
-    }, {
-      onSuccess: function onSuccess() {
-        return setIsUpdateAlertOpen(false);
-      }
-    });
-  };
-  var handleCreateSuccess = function handleCreateSuccess(_ref2) {
-    var _filters$;
-    var _ref2$segment = _ref2.segment,
-      id = _ref2$segment.id,
-      filters = _ref2$segment.filters;
-    history.push({
-      search: buildUrlFromSegment({
-        columns: columns,
-        filters: (_filters$ = filters[0]) === null || _filters$ === void 0 ? void 0 : _filters$.conditions,
-        id: id
-      })
-    });
-    setIsSavePaneOpen(false);
-  };
-  var handleSubmit = function handleSubmit(_ref3) {
-    var name = _ref3.name;
-    return createSegment({
-      name: name,
-      entity: entity,
-      filters: filtersPayload
-    }, {
-      onSuccess: handleCreateSuccess
-    });
-  };
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, ramda.isNil(segmentId) ? /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    disabled: hasOnlyKeywordFilter(filters),
-    label: t("neetoFilters.segments.saveAsSegment"),
-    style: "secondary",
-    onClick: function onClick() {
-      setIsFilterPaneOpen(false);
-      setIsSavePaneOpen(true);
-    }
-  }) : /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
-    buttonStyle: "secondary",
-    label: t("neetoFilters.segments.saveSegment")
-  }, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
-    isDisabled: ramda.equals(filtersPayload, selectedSegment === null || selectedSegment === void 0 ? void 0 : selectedSegment.filters),
-    onClick: setIsUpdateAlertOpen
-  }, t("neetoFilters.segments.saveSegment")), /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
-    onClick: function onClick() {
-      setIsFilterPaneOpen(false);
-      setIsSavePaneOpen(true);
-    }
-  }, t("neetoFilters.segments.saveAsNewSegment")))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
-    initialFocusRef: inputRef,
-    isOpen: isSavePaneOpen,
-    onClose: function onClose() {
-      return setIsSavePaneOpen(false);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "h2",
-    weight: "semibold"
-  }, t("neetoFilters.segments.addNewSegment"))), /*#__PURE__*/React__default["default"].createElement(formik.Form, {
-    className: "w-full",
-    formProps: {
-      noValidate: true
-    },
-    formikProps: {
-      initialValues: {
-        name: ""
-      },
-      validateOnChange: true,
-      validateOnBlur: true,
-      validationSchema: buildSegmentsValidationSchema(defaultSegmentName),
-      onSubmit: handleSubmit
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
-    className: "w-full",
-    label: t("neetoFilters.segments.name"),
-    name: "name",
-    placeholder: t("neetoFilters.segments.segmentName"),
-    ref: inputRef
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
-    className: "flex items-center space-x-2"
-  }, /*#__PURE__*/React__default["default"].createElement(formik.ActionBlock, {
-    cancelButtonProps: {
-      onClick: function onClick() {
-        return setIsSavePaneOpen(false);
-      },
-      disabled: false
-    },
-    submitButtonProps: {
-      disabled: isSubmitting,
-      loading: isSubmitting
-    }
-  })))), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
-    isOpen: isUpdateAlertOpen,
-    isSubmitting: isUpdating,
-    message: t("neetoFilters.segments.updateSegmentMessage"),
-    submitButtonLabel: t("neetoFilters.common.update"),
-    title: t("neetoFilters.segments.updateSegment"),
-    onClose: function onClose() {
-      return setIsUpdateAlertOpen(false);
-    },
-    onSubmit: handleUpdate
-  }));
-};
-
-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,
-    _ref$columns = _ref.columns,
-    columns = _ref$columns === void 0 ? [] : _ref$columns,
-    _ref$keyword = _ref.keyword,
-    keyword = _ref$keyword === void 0 ? {
-      node: "",
-      value: "",
-      setValue: neetoCist.noop
-    } : _ref$keyword,
-    _ref$setIsPaneOpen = _ref.setIsPaneOpen,
-    setIsPaneOpen = _ref$setIsPaneOpen === void 0 ? ramda.identity : _ref$setIsPaneOpen,
-    _ref$childrenKeys = _ref.childrenKeys,
-    childrenKeys = _ref$childrenKeys === void 0 ? [] : _ref$childrenKeys,
-    _ref$defaultSegmentNa = _ref.defaultSegmentName,
-    defaultSegmentName = _ref$defaultSegmentNa === void 0 ? i18next.t("neetoFilters.common.allResults") : _ref$defaultSegmentNa;
-  return function () {
-    var _useTranslation = reactI18next.useTranslation(),
-      t = _useTranslation.t;
-    var initialRenderRef = React.useRef(true);
-    var searchParams = reactUtils.useQueryParams({
-      toCamelCase: false
-    });
-    var keywordValue = searchParams[SEARCH_TERM_KEY] || "";
-    var keywordFilter = _objectSpread$2(_objectSpread$2({
-      type: "text",
-      rule: "contains",
-      label: t("neetoFilters.common.searchTerm")
-    }, keyword), {}, {
-      key: SEARCH_TERM_KEY,
-      value: keywordValue
-    });
-    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
-      }, isClearAll && {
-        isClearAll: true,
-        childrenKeys: childrenKeys
-      }));
-      history.push({
-        search: params
-      });
-    };
-    var handleDelete = function handleDelete(key) {
-      if (key === SEARCH_TERM_KEY) {
-        var params = ramda.omit([SEARCH_TERM_KEY], getSnakeCasedQueryParams());
-        var pathname = window.location.pathname;
-        history.push(utils.buildUrl(pathname, params));
-        return;
-      }
-      if (childrenKeys.includes(key)) {
-        var _params = ramda.omit([key], getSnakeCasedQueryParams());
-        var _pathname = window.location.pathname;
-        history.push(utils.buildUrl(_pathname, _params));
-      }
-      var newFilters = neetoCist.removeBy({
-        key: key
-      }, filters);
-      handleSubmit(newFilters);
-    };
-    var handleClearAll = function handleClearAll() {
-      var params = isKeywordFilterPresent(keywordFilter) ? ramda.omit([SEARCH_TERM_KEY], getSnakeCasedQueryParams()) : getSnakeCasedQueryParams();
-      var pathname = window.location.pathname;
-      history.push(utils.buildUrl(pathname, params));
-      handleSubmit([], true);
-    };
-    var childrenFiltersApplied = childrenKeys.some(function (key) {
-      return ramda.has(key, searchParams);
-    });
-    var hideClearButton = nonHiddenFilters.every(function (_ref2) {
-      var defaultValue = _ref2.defaultValue,
-        isClearable = _ref2.isClearable;
-      return defaultValue && !isClearable;
-    }) && !childrenFiltersApplied;
-    React.useEffect(function () {
-      if (initialRenderRef.current) {
-        initialRenderRef.current = false;
-        return neetoCist.noop;
-      }
-      var handler = setTimeout(function () {
-        handleSubmit(filters);
-      }, 500);
-      return function () {
-        return clearTimeout(handler);
-      };
-    }, [keywordValue]);
-    if (ramda.isEmpty(nonHiddenFilters) && !childrenFiltersApplied) return null;
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: classnames__default["default"]("neeto-filters-bar", _defineProperty({}, className, className))
-    }, nonHiddenFilters.map(function (filter) {
-      var _filter$suffixCompone;
-      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
-        key: filter.key
-      }, /*#__PURE__*/React__default["default"].createElement(Block, {
-        filter: filter,
-        handleDelete: handleDelete,
-        setIsPaneOpen: setIsPaneOpen
-      }), (_filter$suffixCompone = filter.suffixComponent) === null || _filter$suffixCompone === void 0 ? void 0 : _filter$suffixCompone.call(filter), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "neeto-filters-bar--separator"
-      }));
-    }), childrenKeys.filter(function (childKey) {
-      return ramda.has(childKey, searchParams);
-    }).map(function (childKey) {
-      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
-        key: childKey
-      }, /*#__PURE__*/React__default["default"].createElement(ChildBlock, {
-        childKey: childKey,
-        handleDelete: handleDelete,
-        setIsPaneOpen: setIsPaneOpen
-      }), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "neeto-filters-bar--separator"
-      }));
-    }), ramda.isNotNil(entity) && /*#__PURE__*/React__default["default"].createElement(Segment, {
-      childrenKeys: childrenKeys,
-      columns: columns,
-      defaultSegmentName: defaultSegmentName,
-      entity: entity,
-      filters: filters,
-      setIsFilterPaneOpen: setIsPaneOpen
-    }), !hideClearButton && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-      "data-cy": "neeto-filters-bar-clear-btn",
-      label: t("neetoFilters.common.clearFilters"),
-      style: "text",
-      onClick: handleClearAll
-    }));
-  }();
-};
-
-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) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends$1.apply(this, arguments);
-}
-
-function _objectWithoutPropertiesLoose$1(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 _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
-  var target = _objectWithoutPropertiesLoose$1(source, excluded);
-  var key, i;
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
-    }
-  }
-  return target;
-}
-
-var Portal = function Portal(_ref) {
-  var children = _ref.children,
-    _ref$rootId = _ref.rootId,
-    rootId = _ref$rootId === void 0 ? "neeto-filters-portal" : _ref$rootId,
-    _ref$element = _ref.element,
-    element = _ref$element === void 0 ? "div" : _ref$element;
-  var target = React.useRef(null);
-  React.useEffect(function () {
-    var container = document.getElementById(rootId);
-    if (!container) {
-      container = document.createElement(element);
-      container.setAttribute("id", rootId);
-      document.body.appendChild(container);
-    }
-    container.appendChild(target.current);
-    return function () {
-      target.current.remove();
-      if (ramda.isEmpty(container.childNodes)) {
-        container.remove();
-      }
-    };
-  }, [rootId]);
-  if (!target.current) {
-    target.current = document.createElement(element);
-  }
-  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,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    _ref$hasFooter = _ref.hasFooter,
-    hasFooter = _ref$hasFooter === void 0 ? true : _ref$hasFooter;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames__default["default"]("neeto-filters-slider__body neeto-ui-flex neeto-ui-flex-col neeto-ui-items-start neeto-ui-justify-start", _defineProperty({
-      "neeto-filters-slider__body--has-footer": hasFooter
-    }, className, className))
-  }, children);
-};
-
-var SIZES = {
-  xsmall: "xsmall",
-  small: "small",
-  large: "large"
-};
-
-var Footer = function Footer(_ref) {
-  var children = _ref.children,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames__default["default"]("neeto-filters-slider__footer neeto-ui-shadow-m neeto-ui-flex neeto-ui-items-center", className)
-  }, children);
-};
-
-var Header = function Header(_ref) {
-  var _ref$children = _ref.children,
-    children = _ref$children === void 0 ? "" : _ref$children,
-    className = _ref.className;
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: classnames__default["default"]("neeto-filters-slider__header", className)
-  }, children);
-};
-
-var _excluded$1 = ["size", "isOpen", "onClose", "className", "children"];
-var Slider = function Slider(_ref) {
-  var _ref$size = _ref.size,
-    size = _ref$size === void 0 ? SIZES.xsmall : _ref$size,
-    isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    _ref$className = _ref.className,
-    className = _ref$className === void 0 ? "" : _ref$className,
-    children = _ref.children,
-    otherProps = _objectWithoutProperties(_ref, _excluded$1);
-  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(CSSTransition$1, {
-    unmountOnExit: true,
-    appear: isOpen,
-    classNames: "neeto-filters-slider",
-    "in": isOpen,
-    timeout: 300
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-filters-slider__pane"
-  }, /*#__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,
-      "neeto-filters-slider__wrapper--large": size === SIZES.large
-    }, className, className))
-  }, otherProps), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    "aria-label": "Close",
-    className: "neeto-filters-slider__close",
-    "data-cy": "neeto-filters-close-button",
-    "data-testid": "close-button",
-    icon: neetoIcons.Close,
-    size: "small",
-    style: "text",
-    onClick: onClose
-  }), children))));
-};
-Slider.Header = Header;
-Slider.Body = Body;
-Slider.Footer = Footer;
-
-var useFilters = function useFilters(_ref) {
-  var onFiltersChange = _ref.onFiltersChange,
-    columns = _ref.columns,
-    keywordFilter = _ref.keywordFilter,
-    onSelectorsChange = _ref.onSelectorsChange;
-  var _useTransition = React.useTransition(),
-    _useTransition2 = _slicedToArray(_useTransition, 2);
-    _useTransition2[0];
-    var startTransition = _useTransition2[1];
-  var initialRender = React.useRef(true);
-  var prevFilters = React.useRef([]);
-  var location = reactRouterDom.useLocation();
-  var filters = buildFiltersFromSearchParams(columns, false);
-  var history = reactRouterDom.useHistory();
-  var defaultValuesOfColumns = JSON.stringify(ramda.pluck("defaultValue", columns));
-  var handlePrecenseOfDefaultFilters = function handlePrecenseOfDefaultFilters(defaultFilters) {
-    var params = buildUrlFromFilters({
-      columns: columns,
-      filters: isKeywordFilterPresent(keywordFilter) && neetoCist.isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(defaultFilters), [keywordFilter]) : defaultFilters
-    });
-    history.replace({
-      search: params
-    });
-  };
-  var handleFiltersChange = function handleFiltersChange(filtersPayload) {
-    startTransition(function () {
-      onFiltersChange(buildFiltersPayload(filtersPayload.filter(function (filter) {
-        return !ramda.isNil(filter.node);
-      })));
-    });
-  };
-
-  //This function sends the updated filters to host via callbacks.
-  var sendUpdatedFilters = function sendUpdatedFilters() {
-    if (compareFilters(ramda.append(keywordFilter, filters), prevFilters.current)) {
-      return;
-    }
-    var newFilters = buildFiltersFromSearchParams(columns);
-    var filtersPayload = isKeywordFilterPresent(keywordFilter) && neetoCist.isNotEmpty(getSearchTermFromUrl()) ? ramda.append(keywordFilter, newFilters) : newFilters;
-    handleFiltersChange(filtersPayload);
-    onSelectorsChange(buildSelectorsFromURL(columns));
-  };
-  var handleChangesInURL = function handleChangesInURL() {
-    var defaultFilters = buildDefaultFilters(columns, filters);
-    var searchParams = getSnakeCasedQueryParams();
-    var keys = ramda.pluck("key", ramda.append(keywordFilter, columns));
-    if (keys.every(function (key) {
-      return ramda.isNil(searchParams[key]);
-    }) && !ramda.isEmpty(defaultFilters)) {
-      history.replace({
-        search: buildUrlFromFilters({
-          columns: columns,
-          filters: ramda.concat(defaultFilters, filters)
-        })
-      });
-      filters = buildFiltersFromSearchParams(columns, false);
-    }
-  };
-  React.useEffect(function () {
-    if (initialRender.current) {
-      initialRender.current = false;
-      var keywordValue = getSearchTermFromUrl();
-      var defaultFilters = buildDefaultFilters(columns, filters);
-      neetoCist.isNotEmpty(defaultFilters) && handlePrecenseOfDefaultFilters(defaultFilters);
-      prevFilters.current = ramda.append(ramda.mergeRight(keywordFilter, {
-        value: keywordValue
-      }), filters);
-    } else {
-      handleChangesInURL();
-      sendUpdatedFilters();
-      prevFilters.current = ramda.append(keywordFilter, filters);
-    }
-  }, [location.search, defaultValuesOfColumns]);
-  return filters;
-};
-
-var buildDropdownValue = function buildDropdownValue(_ref) {
-  var defaultType = _ref.defaultType,
-    filter = _ref.filter,
-    options = _ref.options;
-  if (!filter) return null;
-  if (isMulti(defaultType)) {
-    return options.filter(function (_ref2) {
-      var value = _ref2.value;
-      return filter.value.includes(value);
-    });
-  }
-  return neetoCist.findBy({
-    value: filter.value
-  }, options);
-};
-var buildSingleTimeValue = function buildSingleTimeValue(filter) {
-  var _findBy2;
-  if (!filter) return null;
-  return (_findBy2 = neetoCist.findBy({
-    value: filter.value
-  }, TIME_OPTIONS)) !== null && _findBy2 !== void 0 ? _findBy2 : ramda.last(TIME_OPTIONS);
-};
-var getOtherProps = function getOtherProps(props) {
-  return ramda.omit(["key", "node", "label", "type", "values", "model", "showRuleSelector"], props);
-};
-var buildDropdownOptions = function buildDropdownOptions(_ref3) {
-  var defaultType = _ref3.defaultType,
-    filter = _ref3.filter,
-    options = _ref3.options;
-  options = options.map(ramda.modify("value", function (value) {
-    return value === null || value === void 0 ? void 0 : value.toString();
-  }));
-  if (!filter) return options;
-  if (isMulti(defaultType)) {
-    var selectedOptions = filter.value.map(function (value) {
-      return neetoCist.findBy({
-        value: 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({
-    value: filter.value
-  }, options)) {
-    return ramda.append(neetoCist.toLabelAndValue(filter.value), options);
-  }
-  return options;
-};
-var initializeDateRule = function initializeDateRule(filter) {
-  return filter ? neetoCist.findBy({
-    value: filter === null || filter === void 0 ? void 0 : filter.value
-  }, DATE_OPTIONS) || findDateOption(filter, DATE_OPTIONS) : {};
-};
-var getDateValue = function getDateValue(value, rule) {
-  if (ramda.isEmpty(value) || ramda.isNil(value)) {
-    return null;
-  }
-  if (rule.value === "custom-date-range") {
-    return value;
-  }
-  return rule.value === "before" ? dayjs(value[1]).add(1, "day") : dayjs(value[0]).subtract(1, "day");
-};
-var findDateOption = function findDateOption(filter, options) {
-  var value = filter.value;
-  var isBeforeOrAfter = dayjs(value[1]).diff(dayjs(value[0]), "year") >= 90;
-  if (ramda.not(isBeforeOrAfter)) {
-    return ramda.last(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({
-    value: "after"
-  }, options) : neetoCist.findBy({
-    value: "before"
-  }, options);
-};
-var buildDateValues = function buildDateValues(dates, selectedRule) {
-  if (selectedRule.value === "after") {
-    return [dates.add(1, "day"), dates.add(100, "year")];
-  } else if (selectedRule.value === "before") {
-    return [dates.subtract(100, "year"), dates.subtract(1, "day")];
-  }
-  return dates;
-};
-var buildHelpIconProps = function buildHelpIconProps(helpIconProps) {
-  return ramda.mergeDeepRight(DEFAULT_HELP_ICON_PROPS, helpIconProps);
-};
-
-var Boolean = function Boolean(_ref) {
-  var column = _ref.column,
-    filter = _ref.filter,
-    handleApplyFilter = _ref.handleApplyFilter,
-    autoFocus = _ref.autoFocus;
-  var key = column.key,
-    _column$defaultType = column.defaultType,
-    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
-    label = column.label,
-    values = column.values,
-    _column$helpIconProps = column.helpIconProps,
-    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
-  var options = ramda.isNil(values) || ramda.isEmpty(values) ? DEFAULT_BOOLEAN_OPTIONS : values;
-  var otherProps = getOtherProps(column);
-  var value = buildDropdownValue({
-    defaultType: defaultType,
-    filter: filter,
-    options: options
-  });
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var handleChange = function handleChange(option) {
-    if (ramda.isEmpty(option) || ramda.isNil(option)) {
-      handleApplyFilter({
-        _delete: true
-      });
-      return;
-    }
-    var updatedFilter = buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: option
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-filters-pane-filter__item-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends$1({
-    autoFocus: autoFocus,
-    label: label,
-    options: options,
-    value: value,
-    isClearable: true
-  }, neetoCist.isNotEmpty(helpIconProps) && {
-    labelProps: {
-      helpIconProps: buildHelpIconProps(helpIconProps)
-    }
-  }, {
-    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
-    strategy: "fixed",
-    placeholder: t("neetoFilters.messages.selectOption", {
-      resource: label
-    }),
-    onChange: handleChange
-  }, otherProps)));
-};
-var Boolean$1 = /*#__PURE__*/React__default["default"].memo(Boolean);
-
-var Datetime = function Datetime(_ref) {
-  var column = _ref.column,
-    filter = _ref.filter,
-    handleApplyFilter = _ref.handleApplyFilter,
-    autoFocus = _ref.autoFocus;
-  var _useState = React.useState(initializeDateRule(filter)),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedRule = _useState2[0],
-    setSelectedRule = _useState2[1];
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var key = column.key,
-    _column$defaultType = column.defaultType,
-    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
-    label = column.label,
-    _column$helpIconProps = column.helpIconProps,
-    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
-  var isDatePickerShown = filter && isCustomDateRange(filter.value);
-  var otherProps = getOtherProps(column);
-  var handleChange = function handleChange(option) {
-    if (ramda.isEmpty(option) || ramda.isNil(option)) {
-      handleApplyFilter({
-        _delete: true
-      });
-      setSelectedRule({});
-      return;
-    }
-    setSelectedRule(option);
-    var updatedFilter = buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: option
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  var handleDateRangeChange = function handleDateRangeChange(dates) {
-    if (ramda.isEmpty(dates) || ramda.isNil(dates)) {
-      handleApplyFilter({
-        _delete: true
-      });
-      setSelectedRule({});
-      return;
-    }
-    var updatedFilter = buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: {
-        value: ramda.pluck("$d", buildDateValues(dates, selectedRule)).map(function (date) {
-          return date.toISOString();
-        })
-      }
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  React.useEffect(function () {
-    ramda.isNil(filter) && setSelectedRule({});
-  }, [filter]);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-filters-pane-filter__item-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends$1({
-    autoFocus: autoFocus,
-    label: label,
-    isClearable: true,
-    "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) && {
-    labelProps: {
-      helpIconProps: buildHelpIconProps(helpIconProps)
-    }
-  }, {
-    onChange: handleChange
-  })), 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),
-    onChange: handleDateRangeChange
-  }, otherProps)));
-};
-var Datetime$1 = /*#__PURE__*/React__default["default"].memo(Datetime);
-
-var Dropdown = function Dropdown(_ref) {
-  var column = _ref.column,
-    filter = _ref.filter,
-    handleApplyFilter = _ref.handleApplyFilter,
-    autoFocus = _ref.autoFocus;
-  var key = column.key,
-    label = column.label,
-    values = column.values,
-    defaultValue = column.defaultValue,
-    _column$defaultType = column.defaultType,
-    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
-    _column$isClearable = column.isClearable,
-    isClearable = _column$isClearable === void 0 ? true : _column$isClearable,
-    _column$helpIconProps = column.helpIconProps,
-    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
-  var otherProps = getOtherProps(column);
-  var options = buildDropdownOptions({
-    defaultType: defaultType,
-    filter: filter,
-    options: values
-  });
-  var value = buildDropdownValue({
-    defaultType: defaultType,
-    filter: filter,
-    options: options
-  });
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var handleChange = function handleChange(option) {
-    if (ramda.isEmpty(option) || ramda.isNil(option)) {
-      handleApplyFilter({
-        _delete: true
-      });
-      return;
-    }
-    var updatedFilter = buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: option
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-filters-pane-filter__item-wrapper"
-  }, /*#__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"),
-    isClearable: !defaultValue && isClearable,
-    isMulti: isMulti(defaultType),
-    strategy: "fixed",
-    placeholder: t("neetoFilters.messages.selectResource", {
-      resource: label
-    })
-  }, neetoCist.isNotEmpty(helpIconProps) && {
-    labelProps: {
-      helpIconProps: buildHelpIconProps(helpIconProps)
-    }
-  }, {
-    onChange: handleChange
-  }, otherProps)));
-};
-var Dropdown$1 = /*#__PURE__*/React__default["default"].memo(Dropdown);
-
-var SingleDatetime = function SingleDatetime(_ref) {
-  var column = _ref.column,
-    filter = _ref.filter,
-    filters = _ref.filters,
-    handleApplyFilter = _ref.handleApplyFilter,
-    autoFocus = _ref.autoFocus;
-  var _useState = React.useState(function () {
-      return neetoCist.findBy({
-        value: filter === null || filter === void 0 ? void 0 : filter.rule
-      }, SINGLE_DATE_OPTIONS) || SINGLE_DATE_OPTIONS[0];
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedRule = _useState2[0],
-    setSelectedRule = _useState2[1];
-  var key = column.key,
-    _column$defaultType = column.defaultType,
-    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
-    label = column.label,
-    _column$helpIconProps = column.helpIconProps,
-    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
-  var otherProps = getOtherProps(column);
-  var datePickerType = selectedRule.value === "between" ? "range" : "date";
-  var value = filter === null || filter === void 0 ? void 0 : filter.value;
-
-  // Reset states when "Clear filters" button is clicked.
-  React.useEffect(function () {
-    if (!ramda.isEmpty(filters)) return;
-    setSelectedRule(SINGLE_DATE_OPTIONS[0]);
-  }, [filters]);
-  var handleRuleChange = function handleRuleChange(ruleOption) {
-    setSelectedRule(ruleOption);
-
-    // Clear value if switched between incompatable types
-    var updateValue = value;
-    if (datePickerType === "range" && ruleOption.value !== "between" || datePickerType === "date" && ruleOption.value === "between") {
-      updateValue = "";
-    }
-    var updatedFilter = buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: {},
-      rule: ruleOption.value,
-      value: updateValue
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  var handleChange = function handleChange(dates) {
-    if (ramda.isEmpty(dates) || ramda.isNil(dates)) {
-      handleApplyFilter({
-        _delete: true
-      });
-      return;
-    }
-    var value = datePickerType === "range" ? ramda.pluck("$d", dates).map(function (date) {
-      return date.toISOString();
-    }) : dates["$d"];
-    var updatedFilter = buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: {},
-      rule: selectedRule.value,
-      value: value
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-filters-pane-filter__item-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends$1({
-    label: label,
-    "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) && {
-    labelProps: {
-      helpIconProps: buildHelpIconProps(helpIconProps)
-    }
-  }, {
-    onChange: handleRuleChange
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, _extends$1({
-    autoFocus: autoFocus,
-    value: value,
-    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
-    getPopupContainer: ramda.prop("parentNode"),
-    type: datePickerType,
-    onChange: handleChange
-  }, otherProps)));
-};
-
-var SingleTime = function SingleTime(_ref) {
-  var column = _ref.column,
-    filter = _ref.filter,
-    filters = _ref.filters,
-    handleApplyFilter = _ref.handleApplyFilter,
-    autoFocus = _ref.autoFocus;
-  var _useState = React.useState(function () {
-      return neetoCist.findBy({
-        value: filter === null || filter === void 0 ? void 0 : filter.rule
-      }, SINGLE_TIME_OPTIONS) || SINGLE_TIME_OPTIONS[0];
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedRule = _useState2[0],
-    setSelectedRule = _useState2[1];
-  var key = column.key,
-    _column$defaultType = column.defaultType,
-    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
-    label = column.label,
-    _column$helpIconProps = column.helpIconProps,
-    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
-  var otherProps = getOtherProps(column);
-  var timePickerType = selectedRule.value === "between" ? "range" : "time";
-  var value = filter === null || filter === void 0 ? void 0 : filter.value;
-  React.useEffect(function () {
-    if (!ramda.isEmpty(filters)) return;
-    setSelectedRule(SINGLE_TIME_OPTIONS[0]);
-  }, [filters]);
-  var handleRuleChange = function handleRuleChange(ruleOption) {
-    setSelectedRule(ruleOption);
-
-    // Clear value if switched between incompatible types
-    var updateValue = value;
-    if (timePickerType === "range" && ruleOption.value !== "between" || timePickerType === "time" && ruleOption.value === "between") {
-      updateValue = "";
-    }
-    var updatedFilter = buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: {},
-      rule: ruleOption.value,
-      value: updateValue
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  var handleChange = function handleChange(times) {
-    var value = timePickerType === "range" ? ramda.pluck("$d", times).map(function (time) {
-      return time.toISOString();
-    }) : times["$d"].toISOString();
-    var updatedFilter = buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: {},
-      rule: selectedRule.value,
-      value: value
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-filters-pane-filter__item-wrapper"
-  }, /*#__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) && {
-    labelProps: {
-      helpIconProps: buildHelpIconProps(helpIconProps)
-    }
-  }, {
-    onChange: handleRuleChange
-  })), /*#__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"),
-    format: "h:mm A",
-    getPopupContainer: ramda.prop("parentNode"),
-    type: timePickerType,
-    onChange: handleChange
-  }, otherProps)));
-};
-
-var Text = function Text(_ref) {
-  var column = _ref.column,
-    filter = _ref.filter,
-    filters = _ref.filters,
-    handleApplyFilter = _ref.handleApplyFilter,
-    autoFocus = _ref.autoFocus,
-    onClose = _ref.onClose;
-  var key = column.key,
-    _column$defaultType = column.defaultType,
-    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
-    label = column.label,
-    _column$showRuleSelec = column.showRuleSelector,
-    showRuleSelector = _column$showRuleSelec === void 0 ? false : _column$showRuleSelec,
-    _column$helpIconProps = column.helpIconProps,
-    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
-  var otherProps = getOtherProps(column);
-  var ruleOptions = buildRuleOptions({
-    defaultType: defaultType
-  });
-  var inputType = defaultType === "text" || defaultType === "custom.text" ? "text" : "number";
-  var _useState = React.useState(filter === null || filter === void 0 ? void 0 : filter.value),
-    _useState2 = _slicedToArray(_useState, 2),
-    inputValue = _useState2[0],
-    setInputValue = _useState2[1];
-  var _useState3 = React.useState(function () {
-      return neetoCist.findBy({
-        value: filter === null || filter === void 0 ? void 0 : filter.rule
-      }, ruleOptions) || ruleOptions[0];
-    }),
-    _useState4 = _slicedToArray(_useState3, 2),
-    selectedRule = _useState4[0],
-    setSelectedRule = _useState4[1];
-  var debouncedInputValue = reactUtils.useDebounce(inputValue);
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var handleUpdateAndApplyFilter = function handleUpdateAndApplyFilter() {
-    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : debouncedInputValue;
-    var rule = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : selectedRule;
-    if (ramda.equals(filter === null || filter === void 0 ? void 0 : filter.value, value) && ramda.equals(selectedRule, rule)) return;
-    var updatedFilter = buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: {},
-      rule: rule.value,
-      value: value.trim()
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  var handleKeydown = function handleKeydown(e) {
-    if (!(e.key === "Enter")) return;
-    handleUpdateAndApplyFilter(inputValue);
-    onClose();
-  };
-  var handleRuleChange = function handleRuleChange(ruleOption) {
-    setSelectedRule(ruleOption);
-    if (!debouncedInputValue) return;
-    handleUpdateAndApplyFilter(debouncedInputValue, ruleOption);
-  };
-
-  // Reset states when "Clear filters" button is clicked.
-  React.useEffect(function () {
-    (ramda.isEmpty(filters) || ramda.isNil(filter)) && setInputValue("");
-  }, [filter]);
-  React.useEffect(function () {
-    if (!debouncedInputValue) {
-      !isUndefinedOrEmpty(filter) && handleApplyFilter({
-        _delete: true
-      });
-      return;
-    }
-    handleUpdateAndApplyFilter();
-  }, [debouncedInputValue]);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-filters-pane-filter__item-wrapper"
-  }, showRuleSelector && /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends$1({
-    label: label,
-    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter-rule"),
-    defaultValue: ruleOptions[0],
-    options: ruleOptions,
-    strategy: "fixed",
-    value: selectedRule,
-    onChange: handleRuleChange
-  }, neetoCist.isNotEmpty(helpIconProps) && {
-    labelProps: {
-      helpIconProps: buildHelpIconProps(helpIconProps)
-    }
-  })), /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends$1({
-    autoFocus: autoFocus,
-    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
-    label: !showRuleSelector && label,
-    type: inputType,
-    value: inputValue
-  }, neetoCist.isNotEmpty(helpIconProps) && {
-    labelProps: {
-      helpIconProps: buildHelpIconProps(helpIconProps)
-    }
-  }, {
-    placeholder: t("neetoFilters.messages.enterResource", {
-      resource: label
-    }),
-    onChange: function onChange(event) {
-      return setInputValue(event.target.value);
-    },
-    onKeyDown: handleKeydown
-  }, otherProps)));
-};
-
-var Time = function Time(_ref) {
-  var column = _ref.column,
-    filter = _ref.filter,
-    handleApplyFilter = _ref.handleApplyFilter,
-    autoFocus = _ref.autoFocus;
-  var key = column.key,
-    _column$defaultType = column.defaultType,
-    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
-    label = column.label,
-    _column$helpIconProps = column.helpIconProps,
-    helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
-  var otherProps = getOtherProps(column);
-  var value = buildSingleTimeValue(filter);
-  var isCustomTimeRangeShown = filter && isCustomTimeRange(filter.value);
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var handleChange = function handleChange(option) {
-    if (ramda.isEmpty(option) || ramda.isNil(option)) {
-      handleApplyFilter({
-        _delete: true
-      });
-      return;
-    }
-    var updatedFilter = buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: option
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  var handleTimeRangeChange = function handleTimeRangeChange(times) {
-    var updatedFilter = buildUpdatedFilter({
-      column: column,
-      defaultType: defaultType,
-      option: {
-        value: ramda.pluck("$d", times).map(function (time) {
-          return time.toISOString();
-        })
-      }
-    });
-    handleApplyFilter(updatedFilter);
-  };
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "neeto-filters-pane-filter__item-wrapper"
-  }, /*#__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"),
-    options: TIME_OPTIONS,
-    strategy: "fixed",
-    placeholder: t("neetoFilters.messages.selectResource", {
-      resource: label
-    })
-  }, neetoCist.isNotEmpty(helpIconProps) && {
-    labelProps: {
-      helpIconProps: buildHelpIconProps(helpIconProps)
-    }
-  }, {
-    onChange: handleChange
-  })), isCustomTimeRangeShown && /*#__PURE__*/React__default["default"].createElement(neetoui.TimePicker, _extends$1({
-    use12Hours: true,
-    "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-date-range"),
-    format: "h:mm A",
-    getPopupContainer: ramda.prop("parentNode"),
-    type: "range",
-    value: filter.value,
-    onChange: handleTimeRangeChange
-  }, otherProps)));
-};
-var Time$1 = /*#__PURE__*/React__default["default"].memo(Time);
-
-var Item = function Item(_ref) {
-  var column = _ref.column,
-    filters = _ref.filters,
-    onChange = _ref.onChange,
-    autoFocus = _ref.autoFocus,
-    onClose = _ref.onClose;
-  var key = column.key,
-    _column$defaultType = column.defaultType,
-    defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType;
-  var filter = React.useMemo(function () {
-    return neetoCist.findBy({
-      key: key
-    }, filters);
-  }, [filters, key]);
-  var handleApplyFilter = function handleApplyFilter(updatedFilter) {
-    if (updatedFilter._delete) onChange(neetoCist.removeBy({
-      key: key
-    }, filters));else if (!filter) onChange(ramda.append(updatedFilter, filters));else onChange(neetoCist.replaceBy({
-      key: key
-    }, updatedFilter, filters));
-  };
-  if (isText(defaultType) || isDigit(defaultType)) {
-    return /*#__PURE__*/React__default["default"].createElement(Text, {
-      autoFocus: autoFocus,
-      column: column,
-      filter: filter,
-      filters: filters,
-      handleApplyFilter: handleApplyFilter,
-      onClose: onClose
-    });
-  }
-  if (isDate(defaultType)) {
-    return /*#__PURE__*/React__default["default"].createElement(Datetime$1, {
-      autoFocus: autoFocus,
-      column: column,
-      filter: filter,
-      handleApplyFilter: handleApplyFilter
-    });
-  }
-  if (isTime(defaultType)) {
-    return /*#__PURE__*/React__default["default"].createElement(Time$1, {
-      autoFocus: autoFocus,
-      column: column,
-      filter: filter,
-      handleApplyFilter: handleApplyFilter
-    });
-  }
-  if (isSingleDate(defaultType)) {
-    return /*#__PURE__*/React__default["default"].createElement(SingleDatetime, {
-      autoFocus: autoFocus,
-      column: column,
-      filter: filter,
-      filters: filters,
-      handleApplyFilter: handleApplyFilter
-    });
-  }
-  if (isSingleTime(defaultType)) {
-    return /*#__PURE__*/React__default["default"].createElement(SingleTime, {
-      autoFocus: autoFocus,
-      column: column,
-      filter: filter,
-      filters: filters,
-      handleApplyFilter: handleApplyFilter
-    });
-  }
-  if (isBoolean(defaultType) || isCheckbox(defaultType)) {
-    return /*#__PURE__*/React__default["default"].createElement(Boolean$1, {
-      autoFocus: autoFocus,
-      column: column,
-      filter: filter,
-      handleApplyFilter: handleApplyFilter
-    });
-  }
-  return /*#__PURE__*/React__default["default"].createElement(Dropdown$1, {
-    autoFocus: autoFocus,
-    column: column,
-    filter: filter,
-    handleApplyFilter: handleApplyFilter
-  });
-};
-
-var _excluded = ["size", "isOpen", "onClose", "columns", "onChange", "isSearchable", "keyword", "onSelectorsChange", "childrenKeys", "children"];
-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,
-    onClose = _ref.onClose,
-    columns = _ref.columns,
-    onChange = _ref.onChange,
-    isSearchable = _ref.isSearchable,
-    keyword = _ref.keyword,
-    onSelectorsChange = _ref.onSelectorsChange,
-    _ref$childrenKeys = _ref.childrenKeys,
-    childrenKeys = _ref$childrenKeys === void 0 ? [] : _ref$childrenKeys,
-    children = _ref.children,
-    otherProps = _objectWithoutProperties(_ref, _excluded);
-  var searchParams = reactUtils.useQueryParams({
-    toCamelCase: false
-  });
-  var _useState = React.useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchTerm = _useState2[0],
-    setSearchTerm = _useState2[1];
-  var history = reactRouterDom.useHistory();
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  columns = React.useMemo(function () {
-    return getColumnsWithStandardizedType(columns);
-  }, [columns]);
-  var _buildFilteredColumns = buildFilteredColumns({
-      searchTerm: searchTerm,
-      columns: columns
-    }),
-    _buildFilteredColumns2 = _buildFilteredColumns.groupedColumns,
-    groupedColumns = _buildFilteredColumns2 === void 0 ? [] : _buildFilteredColumns2,
-    _buildFilteredColumns3 = _buildFilteredColumns.ungroupedColumns,
-    ungroupedColumns = _buildFilteredColumns3 === void 0 ? [] : _buildFilteredColumns3;
-  var keywordFilter = _objectSpread$1(_objectSpread$1({
-    type: "text",
-    rule: "contains",
-    label: t("neetoFilters.common.searchTerm")
-  }, keyword), {}, {
-    key: SEARCH_TERM_KEY,
-    value: searchParams[SEARCH_TERM_KEY] || ""
-  });
-  var filters = useFilters({
-    onFiltersChange: onChange,
-    columns: columns,
-    keywordFilter: keywordFilter,
-    onSelectorsChange: onSelectorsChange
-  });
-  var handleChange = function handleChange(newFilters) {
-    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
-    }, isClearAll && {
-      isClearAll: true,
-      childrenKeys: childrenKeys
-    }));
-    history.push({
-      search: params
-    });
-  };
-  var handleClearAll = function handleClearAll() {
-    var params = isKeywordFilterPresent(keywordFilter) ? ramda.omit([SEARCH_TERM_KEY], getSnakeCasedQueryParams()) : getSnakeCasedQueryParams();
-    var pathname = window.location.pathname;
-    history.push(utils.buildUrl(pathname, params));
-    handleChange([], true);
-  };
-  var handleClearTermAndClose = function handleClearTermAndClose() {
-    setSearchTerm("");
-    onClose();
-  };
-  var handleClose = function handleClose() {
-    columns.forEach(function (_ref2) {
-      var key = _ref2.key;
-      var filter = neetoCist.findBy({
-        key: key
-      }, filters);
-      if ((filter === null || filter === void 0 ? void 0 : filter.value) === "") delete searchParams[key];
-    });
-    handleClearTermAndClose();
-  };
-  var isClearFiltersDisabled = !filters.some(function (_ref3) {
-    var value = _ref3.value,
-      defaultValue = _ref3.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$1({
-    isOpen: isOpen,
-    size: size,
-    onClose: handleClose
-  }, otherProps), /*#__PURE__*/React__default["default"].createElement(Slider.Header, {
-    className: "neeto-filters-pane-filter__header",
-    "data-cy": "neeto-filters-pane-header"
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "h2",
-    weight: "semibold"
-  }, t("neetoFilters.common.filters"))), /*#__PURE__*/React__default["default"].createElement(Slider.Body, {
-    className: "neeto-filters-pane-filter__body neeto-ui-pt-2"
-  }, isSearchable && /*#__PURE__*/React__default["default"].createElement(Search__default["default"], {
-    "data-cy": "neeto-filters-column-search",
-    placeholder: t("neetoFilters.messages.searchResources", {
-      resources: t("neetoFilters.common.filters")
-    }),
-    onSearch: function onSearch(value) {
-      return setSearchTerm(value);
-    }
-  }), ungroupedColumns.map(function (column) {
-    return /*#__PURE__*/React__default["default"].createElement(Item, {
-      column: column,
-      filters: filters,
-      autoFocus: column.key === isOpen,
-      key: column.key,
-      onChange: handleChange,
-      onClose: handleClearTermAndClose
-    });
-  }), neetoCist.isPresent(groupedColumns) && /*#__PURE__*/React__default["default"].createElement(neetoui.Accordion, {
-    defaultActiveKey: groupedColumns.findIndex(function (_ref4) {
-      var columns = _ref4.columns;
-      return neetoCist.existsBy({
-        key: isOpen
-      }, columns);
-    })
-  }, groupedColumns.map(function (_ref5) {
-    var group = _ref5.group,
-      columns = _ref5.columns;
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Accordion.Item, {
-      className: "accordion_item",
-      key: group,
-      title: group
-    }, columns.map(function (column) {
-      return /*#__PURE__*/React__default["default"].createElement(Item, {
-        column: column,
-        filters: filters,
-        autoFocus: column.key === isOpen,
-        key: column.key,
-        onChange: handleChange,
-        onClose: handleClearTermAndClose
-      });
-    }));
-  })), ramda.isEmpty(ungroupedColumns) && ramda.isEmpty(groupedColumns) && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "body2"
-  }, t("neetoFilters.messages.noResourcesFound", {
-    resources: t("neetoFilters.common.columns")
-  })), children), /*#__PURE__*/React__default["default"].createElement(Slider.Footer, {
-    className: "neeto-filters-pane-filter__footer"
-  }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    "data-cy": "neeto-filters-done-btn",
-    label: t("neetoFilters.common.done"),
-    onClick: handleClearTermAndClose
-  }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    "data-cy": "neeto-filters-clear-btn",
-    disabled: isClearFiltersDisabled,
-    label: t("neetoFilters.common.clearFilters"),
-    style: "text",
-    onClick: handleClearAll
-  })))));
-};
-
-var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
-
-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(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,
-    _ref$isOpen = _ref.isOpen,
-    isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
-    _ref$setIsOpen = _ref.setIsOpen,
-    setIsOpen = _ref$setIsOpen === void 0 ? ramda.identity : _ref$setIsOpen,
-    _ref$columns = _ref.columns,
-    columns = _ref$columns === void 0 ? [] : _ref$columns,
-    _ref$onChange = _ref.onChange,
-    onChange = _ref$onChange === void 0 ? ramda.identity : _ref$onChange,
-    _ref$buttonProps = _ref.buttonProps,
-    buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
-    _ref$paneProps = _ref.paneProps,
-    paneProps = _ref$paneProps === void 0 ? {} : _ref$paneProps,
-    _ref$isSearchable = _ref.isSearchable,
-    isSearchable = _ref$isSearchable === void 0 ? false : _ref$isSearchable,
-    className = _ref.className,
-    _ref$onSelectorsChang = _ref.onSelectorsChange,
-    onSelectorsChange = _ref$onSelectorsChang === void 0 ? neetoCist.noop : _ref$onSelectorsChang,
-    _ref$keyword = _ref.keyword,
-    keyword = _ref$keyword === void 0 ? {
-      node: "",
-      value: "",
-      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$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$1({
-    onClose: function onClose() {
-      return setIsOpen(false);
-    }
-  }, _objectSpread({
-    childrenKeys: childrenKeys,
-    columns: columns,
-    isOpen: isOpen,
-    isSearchable: isSearchable,
-    keyword: keyword,
-    onChange: onChange,
-    onSelectorsChange: onSelectorsChange,
-    size: size
-  }, paneProps)), children));
-});
-
-var DeleteAlert = function DeleteAlert(_ref) {
-  var isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    segment = _ref.segment,
-    columns = _ref.columns;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var history = reactRouterDom.useHistory();
-  var _getQueryParams = utils.getQueryParams(),
-    segmentId = _getQueryParams.segmentId;
-  var _useDestroySegment = useDestroySegment(),
-    deleteSegment = _useDestroySegment.mutate,
-    isDeleting = _useDestroySegment.isLoading;
-  var handleClearAll = function handleClearAll() {
-    var params = buildUrlFromFilters({
-      columns: columns,
-      filters: [],
-      isClearAll: true
-    });
-    history.push({
-      search: params
-    });
-  };
-  var handleDelete = function handleDelete() {
-    ramda.equals(segment.id, segmentId) && handleClearAll();
-    deleteSegment(segment.id, {
-      onSuccess: onClose
-    });
-  };
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
-    isOpen: isOpen,
-    onClose: onClose,
-    isSubmitting: isDeleting,
-    submitButtonLabel: t("neetoFilters.common.delete"),
-    title: t("neetoFilters.segments.deleteAlertTitle"),
-    message: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
-      i18nKey: "neetoFilters.segments.deleteAlertMessage",
-      values: {
-        entity: segment.name
-      }
-    }),
-    onSubmit: handleDelete
-  });
-};
-
-var Card = function Card(_ref) {
-  var segment = _ref.segment,
-    columns = _ref.columns,
-    defaultSegmentName = _ref.defaultSegmentName;
-  var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    isEditing = _useState2[0],
-    setIsEditing = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isDeleteAlertOpen = _useState4[0],
-    setIsDeleteAlertOpen = _useState4[1];
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var Menu = neetoui.Dropdown.Menu,
-    MenuItem = neetoui.Dropdown.MenuItem;
-  var _useUpdateSegment = useUpdateSegment(),
-    updateSegment = _useUpdateSegment.mutate;
-  var handleRename = function handleRename(values) {
-    return updateSegment({
-      id: segment.id,
-      payload: values
-    }, {
-      onSuccess: function onSuccess() {
-        return setIsEditing(false);
-      }
-    });
-  };
-  return /*#__PURE__*/React__default["default"].createElement(formik.Form, {
-    className: "neeto-ui-rounded-md flex w-full items-center justify-between border p-2",
-    formProps: {
-      noValidate: true
-    },
-    formikProps: {
-      initialValues: segment,
-      validateOnChange: true,
-      validateOnBlur: true,
-      validationSchema: buildSegmentsValidationSchema(defaultSegmentName),
-      onSubmit: handleRename,
-      enableReinitialize: true
-    }
-  }, function (_ref2) {
-    var resetForm = _ref2.resetForm;
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, isEditing ? /*#__PURE__*/React__default["default"].createElement(InlineInput.FormikInlineInput, {
-      autoFocus: true,
-      nakedInput: true,
-      handleCancel: function handleCancel() {
-        return setIsEditing(false);
-      },
-      name: "name",
-      placeholder: t("neetoFilters.segments.name")
-    }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      style: "body2"
-    }, segment.name), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
-      buttonStyle: "text",
-      disabled: neetoCist.isNotPresent(segment.id),
-      icon: neetoIcons.MenuHorizontal,
-      size: "small"
-    }, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
-      onClick: function onClick() {
-        setIsEditing(true);
-        resetForm();
-      }
-    }, t("neetoFilters.common.rename")), /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
-      onClick: function onClick() {
-        return setIsDeleteAlertOpen(true);
-      }
-    }, t("neetoFilters.common.delete"))))), /*#__PURE__*/React__default["default"].createElement(DeleteAlert, {
-      columns: columns,
-      segment: segment,
-      isOpen: isDeleteAlertOpen,
-      onClose: function onClose() {
-        return setIsDeleteAlertOpen(false);
-      }
-    }));
-  });
-};
-var Card$1 = /*#__PURE__*/React__default["default"].memo(Card);
-
-var ManagePane = function ManagePane(_ref) {
-  var isOpen = _ref.isOpen,
-    onClose = _ref.onClose,
-    entity = _ref.entity,
-    columns = _ref.columns,
-    defaultSegmentName = _ref.defaultSegmentName;
-  var _useState = React.useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    searchTerm = _useState2[0],
-    setSearchTerm = _useState2[1];
-  var inputRef = React.useRef(null);
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var debouncedSearchTerm = reactUtils.useDebounce(searchTerm);
-  var _useFetchSegments = useFetchSegments({
-      entity: entity,
-      searchTerm: debouncedSearchTerm
-    }),
-    _useFetchSegments$dat = _useFetchSegments.data,
-    segments = _useFetchSegments$dat === void 0 ? [] : _useFetchSegments$dat,
-    isLoading = _useFetchSegments.isLoading;
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
-    isOpen: isOpen,
-    onClose: onClose,
-    initialFocusRef: inputRef
-  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    style: "h2"
-  }, t("neetoFilters.segments.manageSegments"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, {
-    className: "max-h-full gap-4 overflow-scroll"
-  }, /*#__PURE__*/React__default["default"].createElement(Search__default["default"], {
-    className: "w-full flex-grow-0",
-    placeholder: t("neetoFilters.segments.searchSegments"),
-    ref: inputRef,
-    onSearch: function onSearch(value) {
-      return setSearchTerm(value);
-    }
-  }), isLoading ? /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, {
-    className: "mx-auto mt-4"
-  }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Card$1, {
-    segment: {
-      name: defaultSegmentName
-    }
-  }), ramda.isEmpty(segments) ? /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-    className: "mx-auto",
-    style: "body2"
-  }, t("neetoFilters.segments.noSegmentsFound")) : segments.map(function (segment) {
-    return /*#__PURE__*/React__default["default"].createElement(Card$1, {
-      columns: columns,
-      defaultSegmentName: defaultSegmentName,
-      segment: segment,
-      key: segment.id
-    });
-  }))));
-};
-
-var ITEMS_MAX_COUNT = 20;
-
-var MenuBlocks = function MenuBlocks(_ref) {
-  var entity = _ref.entity,
-    columns = _ref.columns,
-    defaultSegmentName = _ref.defaultSegmentName;
-  var _useState = React.useState(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    showAll = _useState2[0],
-    setShowAll = _useState2[1];
-  var history = reactRouterDom.useHistory();
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var _getQueryParams = utils.getQueryParams(),
-    segmentId = _getQueryParams.segmentId;
-  var appliedFilters = buildFiltersFromURL(columns);
-  var _useFetchSegments = useFetchSegments({
-      entity: entity
-    }),
-    _useFetchSegments$dat = _useFetchSegments.data,
-    segments = _useFetchSegments$dat === void 0 ? [] : _useFetchSegments$dat,
-    isLoading = _useFetchSegments.isLoading;
-  var clearAppliedFilters = function clearAppliedFilters() {
-    var _filters$, _filters$2;
-    var filters = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : appliedFilters;
-    history.push({
-      search: buildUrlFromFilters({
-        columns: columns,
-        filters: [],
-        isClearAll: true,
-        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))
-      })
-    });
-  };
-  var applySelectedSegment = function applySelectedSegment(_ref2) {
-    var _filters$3;
-    var id = _ref2.id,
-      filters = _ref2.filters;
-    history.push({
-      search: buildUrlFromSegment({
-        columns: columns,
-        filters: (_filters$3 = filters[0]) === null || _filters$3 === void 0 ? void 0 : _filters$3.conditions,
-        id: id
-      })
-    });
-  };
-  var handleSelectSegment = function handleSelectSegment(_ref3) {
-    var id = _ref3.id,
-      filters = _ref3.filters;
-    return ramda.equals(id, segmentId) ? clearAppliedFilters(filters) : applySelectedSegment({
-      id: id,
-      filters: filters
-    });
-  };
-  if (isLoading) {
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null);
-  }
-  if (ramda.isEmpty(segments)) {
-    return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      style: "body2"
-    }, t("neetoFilters.segments.noSegmentsFound"));
-  }
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, segments.length > ITEMS_MAX_COUNT && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
-    icon: neetoIcons.Down,
-    style: "link",
-    label: showAll ? t("neetoFilters.segments.showLess") : t("neetoFilters.segments.showMoreNumbers", {
-      entity: segments.length - ITEMS_MAX_COUNT
-    }),
-    onClick: function onClick() {
-      return setShowAll(function (open) {
-        return !open;
-      });
-    }
-  }), /*#__PURE__*/React__default["default"].createElement(MenuBar__default["default"].Block, {
-    active: ramda.isEmpty(appliedFilters),
-    label: defaultSegmentName,
-    onClick: clearAppliedFilters
-  }), segments.slice(0, showAll ? segments.length : ITEMS_MAX_COUNT).map(function (segment) {
-    return /*#__PURE__*/React__default["default"].createElement(MenuBar__default["default"].Block, {
-      active: segment.id === segmentId,
-      count: segment.count,
-      key: segment.id,
-      label: segment.name,
-      onClick: function onClick() {
-        return handleSelectSegment(segment);
-      }
-    });
-  }));
-};
-var MenuBlocks$1 = /*#__PURE__*/React__default["default"].memo(MenuBlocks);
-
-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,
-    _ref$defaultSegmentNa = _ref.defaultSegmentName,
-    defaultSegmentName = _ref$defaultSegmentNa === void 0 ? i18next.t("neetoFilters.common.allResults") : _ref$defaultSegmentNa;
-  return function () {
-    var _useState = React.useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      isSegmentsPaneOpen = _useState2[0],
-      setIsSegmentsPaneOpen = _useState2[1];
-    var _useTranslation = reactI18next.useTranslation(),
-      t = _useTranslation.t;
-    var iconProps = [{
-      icon: neetoIcons.Settings,
-      onClick: function onClick() {
-        setIsFilterPaneOpen(false);
-        setIsSegmentsPaneOpen(true);
-      },
-      tooltipProps: {
-        content: t("neetoFilters.segments.manageSegments"),
-        position: "top"
-      }
-    }];
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(MenuBar__default["default"].SubTitle, {
-      iconProps: iconProps
-    }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
-      component: "h4",
-      style: "h5",
-      textTransform: "uppercase",
-      weight: "bold"
-    }, t("neetoFilters.common.segments"))), /*#__PURE__*/React__default["default"].createElement(MenuBlocks$1, {
-      columns: columns,
-      defaultSegmentName: defaultSegmentName,
-      entity: entity
-    }), /*#__PURE__*/React__default["default"].createElement(ManagePane, {
-      columns: columns,
-      defaultSegmentName: defaultSegmentName,
-      entity: entity,
-      isOpen: isSegmentsPaneOpen,
-      onClose: function onClose() {
-        return setIsSegmentsPaneOpen(false);
-      }
-    }));
-  }();
-};
-var index = /*#__PURE__*/React__default["default"].memo(Segments);
-
-exports.Bar = Bar;
-exports.Filters = Filters;
-exports.Segments = index;
-exports.buildFilterColumnsFromFields = buildFilterColumnsFromFields;
-exports.buildFiltersFromURL = buildFiltersFromURL;
-exports.buildSelectorsFromURL = buildSelectorsFromURL;
-exports.buildUrlFromFilters = buildUrlFromFilters;
-exports.buildUrlFromSegment = buildUrlFromSegment;
-exports.useDestroySegment = useDestroySegment;
-exports.useFetchSegments = useFetchSegments;
-exports.useUpdateSegment = useUpdateSegment;
-//# sourceMappingURL=index.cjs.js.map