@bigbinary/neeto-filters-frontend 3.3.3 → 3.4.0-beta1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs.js +979 -902
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.js +930 -873
  4. package/dist/index.js.map +1 -1
  5. package/package.json +17 -14
package/dist/index.cjs.js CHANGED
@@ -3,24 +3,43 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var React = require('react');
6
+ var reactQuery = require('@tanstack/react-query');
6
7
  var classnames = require('classnames');
7
8
  var i18next = require('i18next');
8
9
  var neetoCist = require('@bigbinary/neeto-cist');
9
10
  var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
10
11
  var ramda = require('ramda');
11
- var reactQuery = require('react-query');
12
12
  var neetoIcons = require('@bigbinary/neeto-icons');
13
- var neetoui = require('@bigbinary/neetoui');
14
- var formik = require('@bigbinary/neetoui/formik');
13
+ var Accordion = require('@bigbinary/neetoui/Accordion');
14
+ var Button = require('@bigbinary/neetoui/Button');
15
+ var Pane$1 = require('@bigbinary/neetoui/Pane');
16
+ var Typography = require('@bigbinary/neetoui/Typography');
17
+ var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
18
+ var Form = require('@bigbinary/neetoui/formik/Form');
19
+ var Input$1 = require('@bigbinary/neetoui/formik/Input');
15
20
  var reactI18next = require('react-i18next');
16
21
  var reactRouterDom_min = require('react-router-dom/cjs/react-router-dom.min');
22
+ var Select = require('@bigbinary/neetoui/Select');
17
23
  var utils = require('@bigbinary/neeto-commons-frontend/utils');
24
+ var dayjs = require('dayjs');
25
+ var timezone = require('dayjs/plugin/timezone');
26
+ var utc = require('dayjs/plugin/utc');
27
+ var weekday = require('dayjs/plugin/weekday');
28
+ var jsxRuntime = require('react/jsx-runtime');
29
+ var DatePicker = require('@bigbinary/neetoui/DatePicker');
30
+ var TimePickerInput = require('@bigbinary/neetoui/TimePickerInput');
31
+ var Input = require('@bigbinary/neetoui/Input');
32
+ var NeetoUITreeSelect = require('@bigbinary/neetoui/TreeSelect');
18
33
  var yup = require('yup');
19
34
  var reactRouterDom = require('react-router-dom');
20
35
  var useHotkeys = require('@bigbinary/neeto-hotkeys');
36
+ var Tooltip = require('@bigbinary/neetoui/Tooltip');
21
37
  var axios = require('axios');
38
+ var Dropdown$2 = require('@bigbinary/neetoui/Dropdown');
22
39
  var Search = require('@bigbinary/neeto-molecules/Search');
23
40
  var constants = require('@bigbinary/neeto-commons-frontend/constants');
41
+ var Alert = require('@bigbinary/neetoui/Alert');
42
+ var Spinner = require('@bigbinary/neetoui/Spinner');
24
43
  var dnd = require('@hello-pangea/dnd');
25
44
  var MenuBar = require('@bigbinary/neeto-molecules/MenuBar');
26
45
  var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
@@ -48,10 +67,30 @@ function _interopNamespace(e) {
48
67
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
49
68
  var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
50
69
  var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
70
+ var Accordion__default = /*#__PURE__*/_interopDefaultLegacy(Accordion);
71
+ var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
72
+ var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane$1);
73
+ var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
74
+ var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
75
+ var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
76
+ var Input__default$1 = /*#__PURE__*/_interopDefaultLegacy(Input$1);
77
+ var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
78
+ var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
79
+ var timezone__default = /*#__PURE__*/_interopDefaultLegacy(timezone);
80
+ var utc__default = /*#__PURE__*/_interopDefaultLegacy(utc);
81
+ var weekday__default = /*#__PURE__*/_interopDefaultLegacy(weekday);
82
+ var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
83
+ var TimePickerInput__default = /*#__PURE__*/_interopDefaultLegacy(TimePickerInput);
84
+ var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
85
+ var NeetoUITreeSelect__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUITreeSelect);
51
86
  var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
52
87
  var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
88
+ var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
53
89
  var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
90
+ var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown$2);
54
91
  var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
92
+ var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
93
+ var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
55
94
  var MenuBar__default = /*#__PURE__*/_interopDefaultLegacy(MenuBar);
56
95
  var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
57
96
 
@@ -127,21 +166,6 @@ function _toConsumableArray(arr) {
127
166
  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
128
167
  }
129
168
 
130
- function _extends() {
131
- _extends = Object.assign ? Object.assign.bind() : function (target) {
132
- for (var i = 1; i < arguments.length; i++) {
133
- var source = arguments[i];
134
- for (var key in source) {
135
- if (Object.prototype.hasOwnProperty.call(source, key)) {
136
- target[key] = source[key];
137
- }
138
- }
139
- }
140
- return target;
141
- };
142
- return _extends.apply(this, arguments);
143
- }
144
-
145
169
  function _arrayWithHoles(arr) {
146
170
  if (Array.isArray(arr)) return arr;
147
171
  }
@@ -264,60 +288,10 @@ var DATE_RULES = {
264
288
  var SEARCH_TERM_KEY = "search_term";
265
289
  var SEGMENT_ID_KEY = "segment_id";
266
290
 
267
- var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
268
-
269
- function getDefaultExportFromCjs (x) {
270
- return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
271
- }
272
-
273
- var dayjs_min = {exports: {}};
274
-
275
- dayjs_min.exports;
276
-
277
- (function (module, exports) {
278
- !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}));
279
- } (dayjs_min, dayjs_min.exports));
280
-
281
- var dayjs_minExports = dayjs_min.exports;
282
- var dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
283
-
284
- var timezone$1 = {exports: {}};
285
-
286
- timezone$1.exports;
287
-
288
- (function (module, exports) {
289
- !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;};}}));
290
- } (timezone$1, timezone$1.exports));
291
-
292
- var timezoneExports = timezone$1.exports;
293
- var timezone = /*@__PURE__*/getDefaultExportFromCjs(timezoneExports);
294
-
295
- var utc$1 = {exports: {}};
296
-
297
- utc$1.exports;
298
-
299
- (function (module, exports) {
300
- !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)};}}));
301
- } (utc$1, utc$1.exports));
302
-
303
- var utcExports = utc$1.exports;
304
- var utc = /*@__PURE__*/getDefaultExportFromCjs(utcExports);
305
-
306
- var weekday$1 = {exports: {}};
307
-
308
- weekday$1.exports;
309
-
310
- (function (module, exports) {
311
- !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")};}}));
312
- } (weekday$1, weekday$1.exports));
313
-
314
- var weekdayExports = weekday$1.exports;
315
- var weekday = /*@__PURE__*/getDefaultExportFromCjs(weekdayExports);
316
-
317
- dayjs.extend(utc);
318
- dayjs.extend(timezone);
319
- dayjs.extend(weekday);
320
- dayjs.Ls.en.weekStart = 1;
291
+ dayjs__default["default"].extend(utc__default["default"]);
292
+ dayjs__default["default"].extend(timezone__default["default"]);
293
+ dayjs__default["default"].extend(weekday__default["default"]);
294
+ dayjs__default["default"].Ls.en.weekStart = 1;
321
295
 
322
296
  var NUMBER_RULES = [{
323
297
  label: i18next.t("neetoFilters.rules.is"),
@@ -401,8 +375,8 @@ var DEFAULT_HELP_ICON_PROPS = {
401
375
  }
402
376
  };
403
377
 
404
- function ownKeys$5(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; }
405
- function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
378
+ function ownKeys$e(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; }
379
+ function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
406
380
  var groupByGroup = ramda.groupBy(function (_ref) {
407
381
  var group = _ref.group;
408
382
  return group || "individual";
@@ -464,7 +438,7 @@ var isMultiModelFilter = function isMultiModelFilter(_ref2) {
464
438
  return model.split(",").length > 1;
465
439
  };
466
440
  var getTimezone = function getTimezone() {
467
- return dayjs.tz.guess();
441
+ return dayjs__default["default"].tz.guess();
468
442
  };
469
443
  var getLabelFromBool = function getLabelFromBool(_ref3) {
470
444
  var value = _ref3.value,
@@ -666,9 +640,9 @@ var buildFiltersFromSearchParams = function buildFiltersFromSearchParams(columns
666
640
  };
667
641
  var buildTimePayload = function buildTimePayload(value) {
668
642
  var timeValue = {
669
- "this-hour": [dayjs().startOf("hour"), dayjs().endOf("hour")],
670
- "last-hour": [dayjs().add(-1, "hour").startOf("hour"), dayjs().add(-1, "hour").endOf("hour")],
671
- "next-hour": [dayjs().add(1, "hour").startOf("hour"), dayjs().add(1, "hour").endOf("hour")]
643
+ "this-hour": [dayjs__default["default"]().startOf("hour"), dayjs__default["default"]().endOf("hour")],
644
+ "last-hour": [dayjs__default["default"]().add(-1, "hour").startOf("hour"), dayjs__default["default"]().add(-1, "hour").endOf("hour")],
645
+ "next-hour": [dayjs__default["default"]().add(1, "hour").startOf("hour"), dayjs__default["default"]().add(1, "hour").endOf("hour")]
672
646
  };
673
647
  if (isCustomTimeRange(value)) {
674
648
  return {
@@ -685,28 +659,28 @@ var buildTimePayload = function buildTimePayload(value) {
685
659
  };
686
660
  var buildDatePayload = function buildDatePayload(value) {
687
661
  var dateValue = {
688
- "this-week": [dayjs().startOf("week"), dayjs().endOf("week")],
689
- "last-week": [dayjs().add(-1, "week").startOf("week"), dayjs().add(-1, "week").endOf("week")],
690
- "this-month": [dayjs().startOf("month"), dayjs().endOf("month")],
691
- "last-month": [dayjs().add(-1, "month").startOf("month"), dayjs().add(-1, "month").endOf("month")],
692
- "this-year": [dayjs().startOf("year"), dayjs().endOf("year")],
693
- "last-year": [dayjs().add(-1, "year").startOf("year"), dayjs().add(-1, "year").endOf("year")]
662
+ "this-week": [dayjs__default["default"]().startOf("week"), dayjs__default["default"]().endOf("week")],
663
+ "last-week": [dayjs__default["default"]().add(-1, "week").startOf("week"), dayjs__default["default"]().add(-1, "week").endOf("week")],
664
+ "this-month": [dayjs__default["default"]().startOf("month"), dayjs__default["default"]().endOf("month")],
665
+ "last-month": [dayjs__default["default"]().add(-1, "month").startOf("month"), dayjs__default["default"]().add(-1, "month").endOf("month")],
666
+ "this-year": [dayjs__default["default"]().startOf("year"), dayjs__default["default"]().endOf("year")],
667
+ "last-year": [dayjs__default["default"]().add(-1, "year").startOf("year"), dayjs__default["default"]().add(-1, "year").endOf("year")]
694
668
  };
695
669
  if (value === "today") {
696
670
  return {
697
- value: dayjs().toISOString(),
671
+ value: dayjs__default["default"]().toISOString(),
698
672
  rule: "on",
699
673
  timezone: getTimezone()
700
674
  };
701
675
  } else if (value === "yesterday") {
702
676
  return {
703
- value: dayjs().add(-1, "day").toISOString(),
677
+ value: dayjs__default["default"]().add(-1, "day").toISOString(),
704
678
  rule: "on",
705
679
  timezone: getTimezone()
706
680
  };
707
681
  } else if (value === "all-time") {
708
682
  return {
709
- value: dayjs().toISOString(),
683
+ value: dayjs__default["default"]().toISOString(),
710
684
  rule: "before",
711
685
  timezone: getTimezone(),
712
686
  type: "datetime"
@@ -730,7 +704,7 @@ var buildDatePayload = function buildDatePayload(value) {
730
704
  var buildSingleDatePayload = function buildSingleDatePayload(filter) {
731
705
  var value = filter.value;
732
706
  var filterValue = Array.isArray(value) ? value.join(",") : value;
733
- return _objectSpread$5(_objectSpread$5({}, filter), {}, {
707
+ return _objectSpread$e(_objectSpread$e({}, filter), {}, {
734
708
  value: filterValue,
735
709
  type: "date"
736
710
  });
@@ -738,7 +712,7 @@ var buildSingleDatePayload = function buildSingleDatePayload(filter) {
738
712
  var buildSingleTimePayload = function buildSingleTimePayload(filter) {
739
713
  var value = filter.value;
740
714
  var filterValue = Array.isArray(value) ? value.join(",") : value;
741
- return _objectSpread$5(_objectSpread$5({}, filter), {}, {
715
+ return _objectSpread$e(_objectSpread$e({}, filter), {}, {
742
716
  value: filterValue,
743
717
  type: "time"
744
718
  });
@@ -1008,7 +982,7 @@ var buildFilterColumnsFromFields = function buildFilterColumnsFromFields(_ref22)
1008
982
  var id = field.id,
1009
983
  name = field.name,
1010
984
  kind = field.kind;
1011
- var column = _objectSpread$5({
985
+ var column = _objectSpread$e({
1012
986
  key: ramda.toLower(name),
1013
987
  node: "".concat(name, ":").concat(id),
1014
988
  label: neetoCist.capitalize(name),
@@ -1032,7 +1006,7 @@ var buildFilterColumnsFromFields = function buildFilterColumnsFromFields(_ref22)
1032
1006
  };
1033
1007
  var getColumnsWithStandardizedType = function getColumnsWithStandardizedType(columns) {
1034
1008
  return columns.map(function (column) {
1035
- return _objectSpread$5(_objectSpread$5({}, column), {}, {
1009
+ return _objectSpread$e(_objectSpread$e({}, column), {}, {
1036
1010
  type: standardizeColumnType(column.type)
1037
1011
  });
1038
1012
  });
@@ -1107,17 +1081,17 @@ var getDateValue = function getDateValue(value, rule) {
1107
1081
  if (rule.value === "custom-date-range") {
1108
1082
  return value;
1109
1083
  }
1110
- return rule.value === "before" ? dayjs(value[1]).add(1, "day") : dayjs(value[0]).subtract(1, "day");
1084
+ return rule.value === "before" ? dayjs__default["default"](value[1]).add(1, "day") : dayjs__default["default"](value[0]).subtract(1, "day");
1111
1085
  };
1112
1086
  var findDateOption = function findDateOption(filter, options) {
1113
1087
  var value = filter.value;
1114
- var isBeforeOrAfter = dayjs(value[1]).diff(dayjs(value[0]), "year") >= 90;
1088
+ var isBeforeOrAfter = dayjs__default["default"](value[1]).diff(dayjs__default["default"](value[0]), "year") >= 90;
1115
1089
  if (ramda.not(isBeforeOrAfter)) {
1116
1090
  return ramda.last(options);
1117
1091
  }
1118
- var currentMoment = dayjs();
1119
- var diffWithStart = Math.abs(currentMoment.diff(dayjs(value[0]), "year"));
1120
- var diffWithEnd = Math.abs(currentMoment.diff(dayjs(value[1]), "year"));
1092
+ var currentMoment = dayjs__default["default"]();
1093
+ var diffWithStart = Math.abs(currentMoment.diff(dayjs__default["default"](value[0]), "year"));
1094
+ var diffWithEnd = Math.abs(currentMoment.diff(dayjs__default["default"](value[1]), "year"));
1121
1095
  return diffWithStart < diffWithEnd ? neetoCist.findBy({
1122
1096
  value: "after"
1123
1097
  }, options) : neetoCist.findBy({
@@ -1151,7 +1125,7 @@ var areCustomTimeRangeValuesNotValid = function areCustomTimeRangeValuesNotValid
1151
1125
 
1152
1126
  // eslint-disable-next-line @bigbinary/neeto/use-standard-date-time-formats
1153
1127
  var formatSingleTime = function formatSingleTime(time) {
1154
- return dayjs(time).format("HH:mm:ss");
1128
+ return dayjs__default["default"](time).format("HH:mm:ss");
1155
1129
  };
1156
1130
  var formatTime = function formatTime(value, timePickerType) {
1157
1131
  if (isNilOrEmpty(value)) return null;
@@ -1164,6 +1138,8 @@ var isRuleEmpty = function isRuleEmpty(rule) {
1164
1138
  return ramda.equals(rule, "is_unknown");
1165
1139
  };
1166
1140
 
1141
+ function ownKeys$d(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; }
1142
+ function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1167
1143
  var Boolean = function Boolean(_ref) {
1168
1144
  var column = _ref.column,
1169
1145
  filter = _ref.filter,
@@ -1199,29 +1175,32 @@ var Boolean = function Boolean(_ref) {
1199
1175
  });
1200
1176
  handleApplyFilter(updatedFilter);
1201
1177
  };
1202
- return /*#__PURE__*/React__default["default"].createElement("div", {
1203
- className: "neeto-filters-pane-filter__item-wrapper"
1204
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
1205
- autoFocus: autoFocus,
1206
- label: label,
1207
- options: options,
1208
- value: value,
1209
- isClearable: true
1210
- }, neetoCist.isNotEmpty(helpIconProps) && {
1211
- labelProps: {
1212
- helpIconProps: buildHelpIconProps(helpIconProps)
1213
- }
1214
- }, {
1215
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1216
- strategy: "fixed",
1217
- placeholder: t("neetoFilters.messages.selectOption", {
1218
- resource: label
1219
- }),
1220
- onChange: handleChange
1221
- }, otherProps)));
1178
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
1179
+ className: "neeto-filters-pane-filter__item-wrapper",
1180
+ children: /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$d(_objectSpread$d({
1181
+ autoFocus: autoFocus,
1182
+ label: label,
1183
+ options: options,
1184
+ value: value,
1185
+ isClearable: true
1186
+ }, neetoCist.isNotEmpty(helpIconProps) && {
1187
+ labelProps: {
1188
+ helpIconProps: buildHelpIconProps(helpIconProps)
1189
+ }
1190
+ }), {}, {
1191
+ "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1192
+ strategy: "fixed",
1193
+ placeholder: t("neetoFilters.messages.selectOption", {
1194
+ resource: label
1195
+ }),
1196
+ onChange: handleChange
1197
+ }, otherProps))
1198
+ });
1222
1199
  };
1223
1200
  var Boolean$1 = /*#__PURE__*/React__default["default"].memo(Boolean);
1224
1201
 
1202
+ function ownKeys$c(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; }
1203
+ function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1225
1204
  var Datetime = function Datetime(_ref) {
1226
1205
  var column = _ref.column,
1227
1206
  filter = _ref.filter,
@@ -1279,35 +1258,38 @@ var Datetime = function Datetime(_ref) {
1279
1258
  React.useEffect(function () {
1280
1259
  ramda.isNil(filter) && setSelectedRule({});
1281
1260
  }, [filter]);
1282
- return /*#__PURE__*/React__default["default"].createElement("div", {
1283
- className: "neeto-filters-pane-filter__item-wrapper"
1284
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
1285
- autoFocus: autoFocus,
1286
- label: label,
1287
- isClearable: true,
1288
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1289
- options: DATE_OPTIONS,
1290
- strategy: "fixed",
1291
- value: selectedRule,
1292
- placeholder: t("neetoFilters.messages.selectResource", {
1293
- resource: label
1294
- })
1295
- }, neetoCist.isNotEmpty(helpIconProps) && {
1296
- labelProps: {
1297
- helpIconProps: buildHelpIconProps(helpIconProps)
1298
- }
1299
- }, {
1300
- onChange: handleChange
1301
- })), isDatePickerShown && /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, _extends({
1302
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-date-range"),
1303
- getPopupContainer: ramda.prop("parentNode"),
1304
- type: (selectedRule === null || selectedRule === void 0 ? void 0 : selectedRule.value) === "custom-date-range" ? "range" : "date",
1305
- value: getDateValue(filter === null || filter === void 0 ? void 0 : filter.value, selectedRule),
1306
- onChange: handleDateRangeChange
1307
- }, otherProps)));
1261
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
1262
+ className: "neeto-filters-pane-filter__item-wrapper",
1263
+ children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$c(_objectSpread$c({
1264
+ autoFocus: autoFocus,
1265
+ label: label,
1266
+ isClearable: true,
1267
+ "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1268
+ options: DATE_OPTIONS,
1269
+ strategy: "fixed",
1270
+ value: selectedRule,
1271
+ placeholder: t("neetoFilters.messages.selectResource", {
1272
+ resource: label
1273
+ })
1274
+ }, neetoCist.isNotEmpty(helpIconProps) && {
1275
+ labelProps: {
1276
+ helpIconProps: buildHelpIconProps(helpIconProps)
1277
+ }
1278
+ }), {}, {
1279
+ onChange: handleChange
1280
+ })), isDatePickerShown && /*#__PURE__*/jsxRuntime.jsx(DatePicker__default["default"], _objectSpread$c({
1281
+ "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-date-range"),
1282
+ getPopupContainer: ramda.prop("parentNode"),
1283
+ type: (selectedRule === null || selectedRule === void 0 ? void 0 : selectedRule.value) === "custom-date-range" ? "range" : "date",
1284
+ value: getDateValue(filter === null || filter === void 0 ? void 0 : filter.value, selectedRule),
1285
+ onChange: handleDateRangeChange
1286
+ }, otherProps))]
1287
+ });
1308
1288
  };
1309
1289
  var Datetime$1 = /*#__PURE__*/React__default["default"].memo(Datetime);
1310
1290
 
1291
+ function ownKeys$b(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; }
1292
+ function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1311
1293
  var Dropdown = function Dropdown(_ref) {
1312
1294
  var column = _ref.column,
1313
1295
  filter = _ref.filter,
@@ -1389,36 +1371,39 @@ var Dropdown = function Dropdown(_ref) {
1389
1371
  if (!ramda.isEmpty(filters)) return;
1390
1372
  isRuleEmpty(selectedRule.value) && setSelectedRule(dropdownRules[0]);
1391
1373
  }, [filters]);
1392
- return /*#__PURE__*/React__default["default"].createElement("div", {
1393
- className: "neeto-filters-pane-filter__item-wrapper"
1394
- }, showRuleSelector && /*#__PURE__*/React__default["default"].createElement(neetoui.Select, {
1395
- label: label,
1396
- defaultValue: dropdownRules[0],
1397
- options: dropdownRules,
1398
- value: selectedRule,
1399
- onChange: handleRuleChange
1400
- }), !isRuleEmpty(selectedRule.value) && /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
1401
- autoFocus: autoFocus,
1402
- options: options,
1403
- value: value,
1404
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1405
- isClearable: !defaultValue && isClearable,
1406
- isMulti: isMulti(defaultType),
1407
- label: !showRuleSelector && label,
1408
- strategy: "fixed",
1409
- placeholder: t("neetoFilters.messages.selectResource", {
1410
- resource: label
1411
- })
1412
- }, neetoCist.isNotEmpty(helpIconProps) && {
1413
- labelProps: {
1414
- helpIconProps: buildHelpIconProps(helpIconProps)
1415
- }
1416
- }, {
1417
- onChange: handleChange
1418
- }, otherProps)));
1374
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
1375
+ className: "neeto-filters-pane-filter__item-wrapper",
1376
+ children: [showRuleSelector && /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
1377
+ label: label,
1378
+ defaultValue: dropdownRules[0],
1379
+ options: dropdownRules,
1380
+ value: selectedRule,
1381
+ onChange: handleRuleChange
1382
+ }), !isRuleEmpty(selectedRule.value) && /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$b(_objectSpread$b({
1383
+ autoFocus: autoFocus,
1384
+ options: options,
1385
+ value: value,
1386
+ "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1387
+ isClearable: !defaultValue && isClearable,
1388
+ isMulti: isMulti(defaultType),
1389
+ label: !showRuleSelector && label,
1390
+ strategy: "fixed",
1391
+ placeholder: t("neetoFilters.messages.selectResource", {
1392
+ resource: label
1393
+ })
1394
+ }, neetoCist.isNotEmpty(helpIconProps) && {
1395
+ labelProps: {
1396
+ helpIconProps: buildHelpIconProps(helpIconProps)
1397
+ }
1398
+ }), {}, {
1399
+ onChange: handleChange
1400
+ }, otherProps))]
1401
+ });
1419
1402
  };
1420
1403
  var Dropdown$1 = /*#__PURE__*/React__default["default"].memo(Dropdown);
1421
1404
 
1405
+ function ownKeys$a(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; }
1406
+ function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1422
1407
  var SingleDatetime = function SingleDatetime(_ref) {
1423
1408
  var column = _ref.column,
1424
1409
  filter = _ref.filter,
@@ -1484,31 +1469,34 @@ var SingleDatetime = function SingleDatetime(_ref) {
1484
1469
  });
1485
1470
  handleApplyFilter(updatedFilter);
1486
1471
  };
1487
- return /*#__PURE__*/React__default["default"].createElement("div", {
1488
- className: "neeto-filters-pane-filter__item-wrapper"
1489
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
1490
- label: label,
1491
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter-rule"),
1492
- defaultValue: SINGLE_DATE_OPTIONS[0],
1493
- options: SINGLE_DATE_OPTIONS,
1494
- strategy: "fixed",
1495
- value: selectedRule
1496
- }, neetoCist.isNotEmpty(helpIconProps) && {
1497
- labelProps: {
1498
- helpIconProps: buildHelpIconProps(helpIconProps)
1499
- }
1500
- }, {
1501
- onChange: handleRuleChange
1502
- })), /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, _extends({
1503
- autoFocus: autoFocus,
1504
- value: value,
1505
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1506
- getPopupContainer: ramda.prop("parentNode"),
1507
- type: datePickerType,
1508
- onChange: handleChange
1509
- }, otherProps)));
1472
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
1473
+ className: "neeto-filters-pane-filter__item-wrapper",
1474
+ children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$a(_objectSpread$a({
1475
+ label: label,
1476
+ "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter-rule"),
1477
+ defaultValue: SINGLE_DATE_OPTIONS[0],
1478
+ options: SINGLE_DATE_OPTIONS,
1479
+ strategy: "fixed",
1480
+ value: selectedRule
1481
+ }, neetoCist.isNotEmpty(helpIconProps) && {
1482
+ labelProps: {
1483
+ helpIconProps: buildHelpIconProps(helpIconProps)
1484
+ }
1485
+ }), {}, {
1486
+ onChange: handleRuleChange
1487
+ })), /*#__PURE__*/jsxRuntime.jsx(DatePicker__default["default"], _objectSpread$a({
1488
+ autoFocus: autoFocus,
1489
+ value: value,
1490
+ "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1491
+ getPopupContainer: ramda.prop("parentNode"),
1492
+ type: datePickerType,
1493
+ onChange: handleChange
1494
+ }, otherProps))]
1495
+ });
1510
1496
  };
1511
1497
 
1498
+ function ownKeys$9(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; }
1499
+ function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1512
1500
  var SingleTime = function SingleTime(_ref) {
1513
1501
  var column = _ref.column,
1514
1502
  filter = _ref.filter,
@@ -1576,30 +1564,33 @@ var SingleTime = function SingleTime(_ref) {
1576
1564
  handleApplyFilter(updatedFilter);
1577
1565
  };
1578
1566
  var formattedTime = formatTime(value, timePickerType);
1579
- return /*#__PURE__*/React__default["default"].createElement("div", {
1580
- className: "neeto-filters-pane-filter__item-wrapper"
1581
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
1582
- label: label,
1583
- defaultValue: SINGLE_TIME_OPTIONS[0],
1584
- options: SINGLE_TIME_OPTIONS,
1585
- strategy: "fixed",
1586
- value: selectedRule
1587
- }, neetoCist.isNotEmpty(helpIconProps) && {
1588
- labelProps: {
1589
- helpIconProps: buildHelpIconProps(helpIconProps)
1590
- }
1591
- }, {
1592
- onChange: handleRuleChange
1593
- })), /*#__PURE__*/React__default["default"].createElement(neetoui.TimePickerInput, _extends({
1594
- autoFocus: autoFocus,
1595
- className: "w-full",
1596
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1597
- type: timePickerType,
1598
- value: formattedTime,
1599
- onChange: handleChange
1600
- }, otherProps)));
1567
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
1568
+ className: "neeto-filters-pane-filter__item-wrapper",
1569
+ children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$9(_objectSpread$9({
1570
+ label: label,
1571
+ defaultValue: SINGLE_TIME_OPTIONS[0],
1572
+ options: SINGLE_TIME_OPTIONS,
1573
+ strategy: "fixed",
1574
+ value: selectedRule
1575
+ }, neetoCist.isNotEmpty(helpIconProps) && {
1576
+ labelProps: {
1577
+ helpIconProps: buildHelpIconProps(helpIconProps)
1578
+ }
1579
+ }), {}, {
1580
+ onChange: handleRuleChange
1581
+ })), /*#__PURE__*/jsxRuntime.jsx(TimePickerInput__default["default"], _objectSpread$9({
1582
+ autoFocus: autoFocus,
1583
+ className: "w-full",
1584
+ "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1585
+ type: timePickerType,
1586
+ value: formattedTime,
1587
+ onChange: handleChange
1588
+ }, otherProps))]
1589
+ });
1601
1590
  };
1602
1591
 
1592
+ function ownKeys$8(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; }
1593
+ function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1603
1594
  var Text = function Text(_ref) {
1604
1595
  var column = _ref.column,
1605
1596
  filter = _ref.filter,
@@ -1672,41 +1663,44 @@ var Text = function Text(_ref) {
1672
1663
  }
1673
1664
  handleUpdateAndApplyFilter();
1674
1665
  }, [debouncedInputValue]);
1675
- return /*#__PURE__*/React__default["default"].createElement("div", {
1676
- className: "neeto-filters-pane-filter__item-wrapper"
1677
- }, showRuleSelector && /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
1678
- label: label,
1679
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter-rule"),
1680
- defaultValue: ruleOptions[0],
1681
- options: ruleOptions,
1682
- strategy: "fixed",
1683
- value: selectedRule,
1684
- onChange: handleRuleChange
1685
- }, neetoCist.isNotEmpty(helpIconProps) && {
1686
- labelProps: {
1687
- helpIconProps: buildHelpIconProps(helpIconProps)
1688
- }
1689
- })), /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends({
1690
- autoFocus: autoFocus,
1691
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1692
- label: !showRuleSelector && label,
1693
- type: inputType,
1694
- value: inputValue
1695
- }, neetoCist.isNotEmpty(helpIconProps) && {
1696
- labelProps: {
1697
- helpIconProps: buildHelpIconProps(helpIconProps)
1698
- }
1699
- }, {
1700
- placeholder: t("neetoFilters.messages.enterResource", {
1701
- resource: label
1702
- }),
1703
- onChange: function onChange(event) {
1704
- return setInputValue(event.target.value);
1705
- },
1706
- onKeyDown: handleKeydown
1707
- }, otherProps)));
1666
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
1667
+ className: "neeto-filters-pane-filter__item-wrapper",
1668
+ children: [showRuleSelector && /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$8({
1669
+ label: label,
1670
+ "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter-rule"),
1671
+ defaultValue: ruleOptions[0],
1672
+ options: ruleOptions,
1673
+ strategy: "fixed",
1674
+ value: selectedRule,
1675
+ onChange: handleRuleChange
1676
+ }, neetoCist.isNotEmpty(helpIconProps) && {
1677
+ labelProps: {
1678
+ helpIconProps: buildHelpIconProps(helpIconProps)
1679
+ }
1680
+ })), /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _objectSpread$8(_objectSpread$8({
1681
+ autoFocus: autoFocus,
1682
+ "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1683
+ label: !showRuleSelector && label,
1684
+ type: inputType,
1685
+ value: inputValue
1686
+ }, neetoCist.isNotEmpty(helpIconProps) && {
1687
+ labelProps: {
1688
+ helpIconProps: buildHelpIconProps(helpIconProps)
1689
+ }
1690
+ }), {}, {
1691
+ placeholder: t("neetoFilters.messages.enterResource", {
1692
+ resource: label
1693
+ }),
1694
+ onChange: function onChange(event) {
1695
+ return setInputValue(event.target.value);
1696
+ },
1697
+ onKeyDown: handleKeydown
1698
+ }, otherProps))]
1699
+ });
1708
1700
  };
1709
1701
 
1702
+ function ownKeys$7(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; }
1703
+ function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1710
1704
  var Time = function Time(_ref) {
1711
1705
  var column = _ref.column,
1712
1706
  filter = _ref.filter,
@@ -1758,35 +1752,38 @@ var Time = function Time(_ref) {
1758
1752
  });
1759
1753
  handleApplyFilter(updatedFilter);
1760
1754
  };
1761
- return /*#__PURE__*/React__default["default"].createElement("div", {
1762
- className: "neeto-filters-pane-filter__item-wrapper"
1763
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
1764
- autoFocus: autoFocus,
1765
- label: label,
1766
- value: value,
1767
- isClearable: true,
1768
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1769
- options: TIME_OPTIONS,
1770
- strategy: "fixed",
1771
- placeholder: t("neetoFilters.messages.selectResource", {
1772
- resource: label
1773
- })
1774
- }, neetoCist.isNotEmpty(helpIconProps) && {
1775
- labelProps: {
1776
- helpIconProps: buildHelpIconProps(helpIconProps)
1777
- }
1778
- }, {
1779
- onChange: handleChange
1780
- })), isCustomTimeRangeShown && /*#__PURE__*/React__default["default"].createElement(neetoui.TimePickerInput, _extends({
1781
- className: "w-full",
1782
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-date-range"),
1783
- type: "range",
1784
- value: formatTime(filter.value, "range"),
1785
- onChange: handleTimeRangeChange
1786
- }, otherProps)));
1755
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
1756
+ className: "neeto-filters-pane-filter__item-wrapper",
1757
+ children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$7(_objectSpread$7({
1758
+ autoFocus: autoFocus,
1759
+ label: label,
1760
+ value: value,
1761
+ isClearable: true,
1762
+ "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1763
+ options: TIME_OPTIONS,
1764
+ strategy: "fixed",
1765
+ placeholder: t("neetoFilters.messages.selectResource", {
1766
+ resource: label
1767
+ })
1768
+ }, neetoCist.isNotEmpty(helpIconProps) && {
1769
+ labelProps: {
1770
+ helpIconProps: buildHelpIconProps(helpIconProps)
1771
+ }
1772
+ }), {}, {
1773
+ onChange: handleChange
1774
+ })), isCustomTimeRangeShown && /*#__PURE__*/jsxRuntime.jsx(TimePickerInput__default["default"], _objectSpread$7({
1775
+ className: "w-full",
1776
+ "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-date-range"),
1777
+ type: "range",
1778
+ value: formatTime(filter.value, "range"),
1779
+ onChange: handleTimeRangeChange
1780
+ }, otherProps))]
1781
+ });
1787
1782
  };
1788
1783
  var Time$1 = /*#__PURE__*/React__default["default"].memo(Time);
1789
1784
 
1785
+ function ownKeys$6(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; }
1786
+ function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1790
1787
  var TreeSelect = function TreeSelect(_ref) {
1791
1788
  var _findBy;
1792
1789
  var autoFocus = _ref.autoFocus,
@@ -1848,36 +1845,37 @@ var TreeSelect = function TreeSelect(_ref) {
1848
1845
  });
1849
1846
  return handleApplyFilter(updatedFilter);
1850
1847
  };
1851
- return /*#__PURE__*/React__default["default"].createElement("div", {
1852
- className: "neeto-filters-pane-filter__item-wrapper"
1853
- }, showRuleSelector && /*#__PURE__*/React__default["default"].createElement(neetoui.Select, {
1854
- label: label,
1855
- defaultValue: TREE_SELECT_RULES[0],
1856
- options: TREE_SELECT_RULES,
1857
- value: selectedRule,
1858
- onChange: handleRuleChange
1859
- }), !isRuleEmpty(selectedRule.value) &&
1860
- /*#__PURE__*/
1861
- // eslint-disable-next-line @bigbinary/neeto/merge-spread-attributes
1862
- React__default["default"].createElement(neetoui.TreeSelect, _extends({
1863
- autoFocus: autoFocus,
1864
- multiple: true,
1865
- showSearch: true,
1866
- treeDataSimpleMode: true,
1867
- allowClear: !defaultValue && isClearable,
1868
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1869
- label: !showRuleSelector && label,
1870
- treeData: options,
1871
- value: selectedOption,
1872
- placeholder: t("neetoFilters.messages.selectResource", {
1873
- resource: label
1874
- }),
1875
- onChange: handleChange
1876
- }, neetoCist.isNotEmpty(helpIconProps) && {
1877
- labelProps: {
1878
- helpIconProps: buildHelpIconProps(helpIconProps)
1879
- }
1880
- }, getOtherProps(column))));
1848
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
1849
+ className: "neeto-filters-pane-filter__item-wrapper",
1850
+ children: [showRuleSelector && /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
1851
+ label: label,
1852
+ defaultValue: TREE_SELECT_RULES[0],
1853
+ options: TREE_SELECT_RULES,
1854
+ value: selectedRule,
1855
+ onChange: handleRuleChange
1856
+ }), !isRuleEmpty(selectedRule.value) &&
1857
+ /*#__PURE__*/
1858
+ // eslint-disable-next-line @bigbinary/neeto/merge-spread-attributes
1859
+ jsxRuntime.jsx(NeetoUITreeSelect__default["default"], _objectSpread$6(_objectSpread$6({
1860
+ autoFocus: autoFocus,
1861
+ multiple: true,
1862
+ showSearch: true,
1863
+ treeDataSimpleMode: true,
1864
+ allowClear: !defaultValue && isClearable,
1865
+ "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1866
+ label: !showRuleSelector && label,
1867
+ treeData: options,
1868
+ value: selectedOption,
1869
+ placeholder: t("neetoFilters.messages.selectResource", {
1870
+ resource: label
1871
+ }),
1872
+ onChange: handleChange
1873
+ }, neetoCist.isNotEmpty(helpIconProps) && {
1874
+ labelProps: {
1875
+ helpIconProps: buildHelpIconProps(helpIconProps)
1876
+ }
1877
+ }), getOtherProps(column)))]
1878
+ });
1881
1879
  };
1882
1880
  var TreeSelect$1 = /*#__PURE__*/React__default["default"].memo(TreeSelect);
1883
1881
 
@@ -1904,7 +1902,7 @@ var Item = function Item(_ref) {
1904
1902
  }, updatedFilter, filters));
1905
1903
  };
1906
1904
  if (isText(defaultType) || isDigit(defaultType)) {
1907
- return /*#__PURE__*/React__default["default"].createElement(Text, {
1905
+ return /*#__PURE__*/jsxRuntime.jsx(Text, {
1908
1906
  autoFocus: autoFocus,
1909
1907
  column: column,
1910
1908
  filter: filter,
@@ -1914,7 +1912,7 @@ var Item = function Item(_ref) {
1914
1912
  });
1915
1913
  }
1916
1914
  if (isDate(defaultType)) {
1917
- return /*#__PURE__*/React__default["default"].createElement(Datetime$1, {
1915
+ return /*#__PURE__*/jsxRuntime.jsx(Datetime$1, {
1918
1916
  autoFocus: autoFocus,
1919
1917
  column: column,
1920
1918
  filter: filter,
@@ -1922,7 +1920,7 @@ var Item = function Item(_ref) {
1922
1920
  });
1923
1921
  }
1924
1922
  if (isTime(defaultType)) {
1925
- return /*#__PURE__*/React__default["default"].createElement(Time$1, {
1923
+ return /*#__PURE__*/jsxRuntime.jsx(Time$1, {
1926
1924
  autoFocus: autoFocus,
1927
1925
  column: column,
1928
1926
  filter: filter,
@@ -1930,7 +1928,7 @@ var Item = function Item(_ref) {
1930
1928
  });
1931
1929
  }
1932
1930
  if (isSingleDate(defaultType)) {
1933
- return /*#__PURE__*/React__default["default"].createElement(SingleDatetime, {
1931
+ return /*#__PURE__*/jsxRuntime.jsx(SingleDatetime, {
1934
1932
  autoFocus: autoFocus,
1935
1933
  column: column,
1936
1934
  filter: filter,
@@ -1939,7 +1937,7 @@ var Item = function Item(_ref) {
1939
1937
  });
1940
1938
  }
1941
1939
  if (isSingleTime(defaultType)) {
1942
- return /*#__PURE__*/React__default["default"].createElement(SingleTime, {
1940
+ return /*#__PURE__*/jsxRuntime.jsx(SingleTime, {
1943
1941
  autoFocus: autoFocus,
1944
1942
  column: column,
1945
1943
  filter: filter,
@@ -1948,7 +1946,7 @@ var Item = function Item(_ref) {
1948
1946
  });
1949
1947
  }
1950
1948
  if (isBoolean(defaultType) || isCheckbox(defaultType)) {
1951
- return /*#__PURE__*/React__default["default"].createElement(Boolean$1, {
1949
+ return /*#__PURE__*/jsxRuntime.jsx(Boolean$1, {
1952
1950
  autoFocus: autoFocus,
1953
1951
  column: column,
1954
1952
  filter: filter,
@@ -1956,14 +1954,14 @@ var Item = function Item(_ref) {
1956
1954
  });
1957
1955
  }
1958
1956
  if (isTreeSelect(defaultType)) {
1959
- return /*#__PURE__*/React__default["default"].createElement(TreeSelect$1, {
1957
+ return /*#__PURE__*/jsxRuntime.jsx(TreeSelect$1, {
1960
1958
  autoFocus: autoFocus,
1961
1959
  column: column,
1962
1960
  filter: filter,
1963
1961
  handleApplyFilter: handleApplyFilter
1964
1962
  });
1965
1963
  }
1966
- return /*#__PURE__*/React__default["default"].createElement(Dropdown$1, {
1964
+ return /*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
1967
1965
  autoFocus: autoFocus,
1968
1966
  column: column,
1969
1967
  filter: filter,
@@ -2002,58 +2000,63 @@ var AddFilter = function AddFilter(_ref) {
2002
2000
  var disableAddButton = selectedColumn.step !== STEPS.ADD && neetoCist.isNotPresent((_findBy = neetoCist.findBy({
2003
2001
  key: selectedColumn.column.key
2004
2002
  }, filters)) === null || _findBy === void 0 ? void 0 : _findBy.value) || ramda.isEmpty(columns);
2005
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, selectedColumn.step !== STEPS.ADD ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
2006
- className: "flex w-full gap-4"
2007
- }, selectedColumn.step === STEPS.COLUMN && /*#__PURE__*/React__default["default"].createElement(neetoui.Select, {
2008
- isSearchable: true,
2009
- label: t("neetoFilters.segments.newFilter"),
2010
- optionRemapping: {
2011
- label: "label",
2012
- value: "key"
2013
- },
2014
- options: columns,
2015
- placeholder: t("neetoFilters.segments.selectFilter"),
2016
- onChange: function onChange(column) {
2017
- return setSelectedColumn({
2018
- step: STEPS.VALUE,
2019
- column: column
2020
- });
2021
- }
2022
- }), selectedColumn.step === STEPS.VALUE && /*#__PURE__*/React__default["default"].createElement(Item, {
2023
- filters: filters,
2024
- autoFocus: true,
2025
- column: selectedColumn.column,
2026
- onChange: handleChange
2027
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
2028
- className: "mt-6 self-center",
2029
- icon: neetoIcons.Delete,
2030
- style: "text",
2031
- onClick: function onClick() {
2032
- handleClearFilter(selectedColumn.column);
2033
- setSelectedColumn(ramda.assoc("step", STEPS.ADD));
2034
- }
2035
- })), /*#__PURE__*/React__default["default"].createElement(AddFilter, {
2036
- filters: filters,
2037
- handleChange: handleChange,
2038
- handleClearFilter: handleClearFilter,
2039
- columns: columns.filter(function (_ref2) {
2040
- var key = _ref2.key;
2041
- return !neetoCist.existsBy({
2042
- key: key
2043
- }, filters);
2044
- }),
2045
- disabled: disableAddButton
2046
- })) : /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
2047
- disabled: disabled,
2048
- className: "self-start",
2049
- icon: neetoIcons.Plus,
2050
- iconPosition: "left",
2051
- label: t("neetoFilters.segments.addFilter"),
2052
- style: "link",
2053
- onClick: function onClick() {
2054
- return setSelectedColumn(ramda.assoc("step", STEPS.COLUMN));
2055
- }
2056
- }));
2003
+ return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
2004
+ children: selectedColumn.step !== STEPS.ADD ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
2005
+ children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
2006
+ className: "flex w-full gap-4",
2007
+ children: [selectedColumn.step === STEPS.COLUMN && /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
2008
+ isSearchable: true,
2009
+ label: t("neetoFilters.segments.newFilter"),
2010
+ optionRemapping: {
2011
+ label: "label",
2012
+ value: "key"
2013
+ },
2014
+ options: columns,
2015
+ placeholder: t("neetoFilters.segments.selectFilter"),
2016
+ onChange: function onChange(column) {
2017
+ return setSelectedColumn({
2018
+ step: STEPS.VALUE,
2019
+ column: column
2020
+ });
2021
+ }
2022
+ }), selectedColumn.step === STEPS.VALUE && /*#__PURE__*/jsxRuntime.jsx(Item, {
2023
+ filters: filters,
2024
+ autoFocus: true,
2025
+ column: selectedColumn.column,
2026
+ onChange: handleChange
2027
+ }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
2028
+ className: "mt-6 self-center",
2029
+ icon: neetoIcons.Delete,
2030
+ style: "text",
2031
+ onClick: function onClick() {
2032
+ handleClearFilter(selectedColumn.column);
2033
+ setSelectedColumn(ramda.assoc("step", STEPS.ADD));
2034
+ }
2035
+ })]
2036
+ }), /*#__PURE__*/jsxRuntime.jsx(AddFilter, {
2037
+ filters: filters,
2038
+ handleChange: handleChange,
2039
+ handleClearFilter: handleClearFilter,
2040
+ columns: columns.filter(function (_ref2) {
2041
+ var key = _ref2.key;
2042
+ return !neetoCist.existsBy({
2043
+ key: key
2044
+ }, filters);
2045
+ }),
2046
+ disabled: disableAddButton
2047
+ })]
2048
+ }) : /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
2049
+ disabled: disabled,
2050
+ className: "self-start",
2051
+ icon: neetoIcons.Plus,
2052
+ iconPosition: "left",
2053
+ label: t("neetoFilters.segments.addFilter"),
2054
+ style: "link",
2055
+ onClick: function onClick() {
2056
+ return setSelectedColumn(ramda.assoc("step", STEPS.COLUMN));
2057
+ }
2058
+ })
2059
+ });
2057
2060
  };
2058
2061
 
2059
2062
  var buildSegmentsValidationSchema = function buildSegmentsValidationSchema(defaultSegmentName) {
@@ -2068,8 +2071,8 @@ var buildSegmentsValidationSchema = function buildSegmentsValidationSchema(defau
2068
2071
  });
2069
2072
  };
2070
2073
 
2071
- 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; }
2072
- 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; }
2074
+ function ownKeys$5(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; }
2075
+ function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2073
2076
  var SegmentForm = function SegmentForm(_ref) {
2074
2077
  var _ref$isEdit = _ref.isEdit,
2075
2078
  isEdit = _ref$isEdit === void 0 ? false : _ref$isEdit,
@@ -2097,7 +2100,7 @@ var SegmentForm = function SegmentForm(_ref) {
2097
2100
  ungroupedColumns = _buildFilteredColumns3 === void 0 ? [] : _buildFilteredColumns3;
2098
2101
  var handleChange = function handleChange(newFilters) {
2099
2102
  var isClearAll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
2100
- var params = buildUrlFromFilters(_objectSpread$4({
2103
+ var params = buildUrlFromFilters(_objectSpread$5({
2101
2104
  columns: columns,
2102
2105
  filters: newFilters
2103
2106
  }, isClearAll && {
@@ -2120,116 +2123,129 @@ var SegmentForm = function SegmentForm(_ref) {
2120
2123
  setFieldValue("filters", formState);
2121
2124
  handleChange(globalState);
2122
2125
  };
2123
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
2126
+ return /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
2124
2127
  isOpen: isOpen,
2125
2128
  onClose: onClose,
2126
- initialFocusRef: segmentFormInitialRef
2127
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2128
- style: "h2",
2129
- weight: "semibold"
2130
- }, isEdit ? t("neetoFilters.segments.editSegment") : t("neetoFilters.segments.addNewSegment"))), /*#__PURE__*/React__default["default"].createElement(formik.Form, {
2131
- className: "w-full",
2132
- formProps: {
2133
- noValidate: true
2134
- },
2135
- formikProps: {
2136
- initialValues: initialValues,
2137
- validateOnChange: true,
2138
- validateOnBlur: true,
2139
- validationSchema: buildSegmentsValidationSchema(defaultSegmentName),
2140
- onSubmit: handleSubmit
2141
- }
2142
- }, function (_ref2) {
2143
- var errors = _ref2.errors,
2144
- values = _ref2.values,
2145
- setFieldValue = _ref2.setFieldValue;
2146
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
2147
- className: "w-full flex-grow-0",
2148
- error: errors.name,
2149
- label: t("neetoFilters.segments.name"),
2150
- name: "name",
2151
- placeholder: t("neetoFilters.segments.segmentName"),
2152
- ref: segmentFormInitialRef
2153
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2154
- className: "mb-2 mt-4",
2155
- style: "h4"
2156
- }, t("neetoFilters.common.filters")), /*#__PURE__*/React__default["default"].createElement("div", {
2157
- className: "neeto-filters-pane-filter__body flex w-full flex-col gap-5"
2158
- }, ungroupedColumns.filter(function (_ref3) {
2159
- var key = _ref3.key;
2160
- return neetoCist._existsBy({
2161
- key: key
2162
- }, values.filters[0].conditions);
2163
- }).map(function (column) {
2164
- return /*#__PURE__*/React__default["default"].createElement("div", {
2165
- className: "flex w-full gap-4",
2166
- key: column.key
2167
- }, /*#__PURE__*/React__default["default"].createElement(Item, {
2168
- column: column,
2169
- filters: filters,
2170
- autoFocus: column.key === isOpen,
2171
- onChange: function onChange(filters) {
2172
- setFieldValue("filters", [{
2173
- conditions: filters
2174
- }]);
2175
- handleChange(filters);
2176
- }
2177
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
2178
- className: "mt-6 self-center",
2179
- icon: neetoIcons.Delete,
2180
- style: "text",
2181
- onClick: function onClick() {
2182
- return handleClearFilter(column, values, setFieldValue);
2183
- }
2184
- }));
2185
- }), neetoCist.isPresent(groupedColumns) && /*#__PURE__*/React__default["default"].createElement(neetoui.Accordion, null, groupedColumns.map(function (_ref4) {
2186
- var group = _ref4.group,
2187
- columns = _ref4.columns;
2188
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Accordion.Item, {
2189
- className: "accordion_item",
2190
- key: group,
2191
- title: group
2192
- }, columns.map(function (column) {
2193
- return /*#__PURE__*/React__default["default"].createElement(Item, {
2194
- column: column,
2195
- filters: filters,
2196
- autoFocus: column.key === isOpen,
2197
- key: column.key,
2198
- onChange: handleChange
2199
- });
2200
- }));
2201
- })), ramda.isEmpty([].concat(_toConsumableArray(groupedColumns), _toConsumableArray(ungroupedColumns))) && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2202
- style: "body2"
2203
- }, t("neetoFilters.messages.noResourcesFound", {
2204
- resources: t("neetoFilters.common.columns")
2205
- })), customFilters, /*#__PURE__*/React__default["default"].createElement(AddFilter, {
2206
- filters: filters,
2207
- handleChange: handleChange,
2208
- columns: ungroupedColumns.filter(function (_ref5) {
2209
- var key = _ref5.key;
2210
- return !neetoCist.existsBy({
2211
- key: key
2212
- }, filters);
2213
- }),
2214
- handleClearFilter: function handleClearFilter(_ref6) {
2215
- var key = _ref6.key;
2216
- return handleChange(neetoCist.removeBy({
2217
- key: key
2218
- }, filters));
2219
- }
2220
- }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
2221
- className: "flex items-center space-x-2"
2222
- }, /*#__PURE__*/React__default["default"].createElement(formik.ActionBlock, {
2223
- cancelButtonProps: {
2224
- onClick: onClose,
2225
- disabled: false
2129
+ initialFocusRef: segmentFormInitialRef,
2130
+ children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
2131
+ children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
2132
+ style: "h2",
2133
+ weight: "semibold",
2134
+ children: isEdit ? t("neetoFilters.segments.editSegment") : t("neetoFilters.segments.addNewSegment")
2135
+ })
2136
+ }), /*#__PURE__*/jsxRuntime.jsx(Form__default["default"], {
2137
+ className: "w-full",
2138
+ formProps: {
2139
+ noValidate: true
2226
2140
  },
2227
- submitButtonProps: {
2228
- disabled: isSubmitting || ramda.isEmpty(filters),
2229
- loading: isSubmitting
2141
+ formikProps: {
2142
+ initialValues: initialValues,
2143
+ validateOnChange: true,
2144
+ validateOnBlur: true,
2145
+ validationSchema: buildSegmentsValidationSchema(defaultSegmentName),
2146
+ onSubmit: handleSubmit
2147
+ },
2148
+ children: function children(_ref2) {
2149
+ var errors = _ref2.errors,
2150
+ values = _ref2.values,
2151
+ setFieldValue = _ref2.setFieldValue;
2152
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
2153
+ children: [/*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"].Body, {
2154
+ children: [/*#__PURE__*/jsxRuntime.jsx(Input__default$1["default"], {
2155
+ className: "w-full flex-grow-0",
2156
+ error: errors.name,
2157
+ label: t("neetoFilters.segments.name"),
2158
+ name: "name",
2159
+ placeholder: t("neetoFilters.segments.segmentName"),
2160
+ ref: segmentFormInitialRef
2161
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
2162
+ className: "mb-2 mt-4",
2163
+ style: "h4",
2164
+ children: t("neetoFilters.common.filters")
2165
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
2166
+ className: "neeto-filters-pane-filter__body flex w-full flex-col gap-5",
2167
+ children: [ungroupedColumns.filter(function (_ref3) {
2168
+ var key = _ref3.key;
2169
+ return neetoCist._existsBy({
2170
+ key: key
2171
+ }, values.filters[0].conditions);
2172
+ }).map(function (column) {
2173
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
2174
+ className: "flex w-full gap-4",
2175
+ children: [/*#__PURE__*/jsxRuntime.jsx(Item, {
2176
+ column: column,
2177
+ filters: filters,
2178
+ autoFocus: column.key === isOpen,
2179
+ onChange: function onChange(filters) {
2180
+ setFieldValue("filters", [{
2181
+ conditions: filters
2182
+ }]);
2183
+ handleChange(filters);
2184
+ }
2185
+ }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
2186
+ className: "mt-6 self-center",
2187
+ icon: neetoIcons.Delete,
2188
+ style: "text",
2189
+ onClick: function onClick() {
2190
+ return handleClearFilter(column, values, setFieldValue);
2191
+ }
2192
+ })]
2193
+ }, column.key);
2194
+ }), neetoCist.isPresent(groupedColumns) && /*#__PURE__*/jsxRuntime.jsx(Accordion__default["default"], {
2195
+ children: groupedColumns.map(function (_ref4) {
2196
+ var group = _ref4.group,
2197
+ columns = _ref4.columns;
2198
+ return /*#__PURE__*/jsxRuntime.jsx(Accordion__default["default"].Item, {
2199
+ className: "accordion_item",
2200
+ title: group,
2201
+ children: columns.map(function (column) {
2202
+ return /*#__PURE__*/React.createElement(Item, {
2203
+ column: column,
2204
+ filters: filters,
2205
+ autoFocus: column.key === isOpen,
2206
+ key: column.key,
2207
+ onChange: handleChange
2208
+ });
2209
+ })
2210
+ }, group);
2211
+ })
2212
+ }), ramda.isEmpty([].concat(_toConsumableArray(groupedColumns), _toConsumableArray(ungroupedColumns))) && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
2213
+ style: "body2",
2214
+ children: t("neetoFilters.messages.noResourcesFound", {
2215
+ resources: t("neetoFilters.common.columns")
2216
+ })
2217
+ }), customFilters, /*#__PURE__*/jsxRuntime.jsx(AddFilter, {
2218
+ filters: filters,
2219
+ handleChange: handleChange,
2220
+ columns: ungroupedColumns.filter(function (_ref5) {
2221
+ var key = _ref5.key;
2222
+ return !neetoCist.existsBy({
2223
+ key: key
2224
+ }, filters);
2225
+ }),
2226
+ handleClearFilter: function handleClearFilter(_ref6) {
2227
+ var key = _ref6.key;
2228
+ return handleChange(neetoCist.removeBy({
2229
+ key: key
2230
+ }, filters));
2231
+ }
2232
+ })]
2233
+ })]
2234
+ }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
2235
+ children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
2236
+ isSubmitting: isSubmitting,
2237
+ cancelButtonProps: {
2238
+ onClick: onClose
2239
+ },
2240
+ submitButtonProps: {
2241
+ disabled: isSubmitting || ramda.isEmpty(filters)
2242
+ }
2243
+ })
2244
+ })]
2245
+ });
2230
2246
  }
2231
- })));
2232
- }));
2247
+ })]
2248
+ });
2233
2249
  };
2234
2250
 
2235
2251
  var QUERY_KEYS = {
@@ -2261,12 +2277,12 @@ var SHORTCUTS = {
2261
2277
  };
2262
2278
 
2263
2279
  var buildCustomDateValue = function buildCustomDateValue(value) {
2264
- var isBeforeOrAfter = Math.abs(dayjs(value[1]).diff(dayjs(value[0]), "year")) >= 90;
2280
+ var isBeforeOrAfter = Math.abs(dayjs__default["default"](value[1]).diff(dayjs__default["default"](value[0]), "year")) >= 90;
2265
2281
  if (isBeforeOrAfter) {
2266
- var currentMoment = dayjs();
2267
- var diffWithStart = Math.abs(currentMoment.diff(dayjs(value[0]), "year"));
2268
- var diffWithEnd = Math.abs(currentMoment.diff(dayjs(value[1]), "year"));
2269
- 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")));
2282
+ var currentMoment = dayjs__default["default"]();
2283
+ var diffWithStart = Math.abs(currentMoment.diff(dayjs__default["default"](value[0]), "year"));
2284
+ var diffWithEnd = Math.abs(currentMoment.diff(dayjs__default["default"](value[1]), "year"));
2285
+ return diffWithStart < diffWithEnd ? "after-".concat(utils.dateFormat.date(dayjs__default["default"](value[0]).subtract(1, "day"))) : "before-".concat(utils.dateFormat.date(dayjs__default["default"](value[1]).add(1, "day")));
2270
2286
  }
2271
2287
  return value.map(utils.dateFormat.date).join(" - ");
2272
2288
  };
@@ -2377,40 +2393,46 @@ var Block = function Block(_ref) {
2377
2393
  }, {
2378
2394
  mode: "scoped"
2379
2395
  });
2380
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
2396
+ return /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
2381
2397
  content: filterValue,
2382
2398
  disabled: toolTipDisabled,
2383
2399
  position: "bottom",
2384
- theme: "light"
2385
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2386
- className: "neeto-filters-bar__block",
2387
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-block"),
2388
- tabIndex: 0,
2389
- ref: function ref(node) {
2390
- deleteBlockHotKeyRef.current = node;
2391
- openFilterPaneHotKeyRef.current = node;
2392
- },
2393
- onClick: function onClick() {
2394
- return setIsPaneOpen(key);
2395
- }
2396
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2397
- style: "body2"
2398
- }, label, ":"), /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2399
- className: "neeto-ui-text-gray-600",
2400
- style: "body2"
2401
- }, ruleContent), !isRuleEmpty(rule) && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2402
- style: "body2"
2403
- }, blockContent), !defaultValue && /*#__PURE__*/React__default["default"].createElement("div", {
2404
- className: "neeto-filters-bar__block-close"
2405
- }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
2406
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-block-close-btn"),
2407
- size: 16,
2408
- strokeWidth: 2,
2409
- onClick: function onClick(event) {
2410
- event.stopPropagation();
2411
- handleDelete(key);
2412
- }
2413
- }))));
2400
+ theme: "light",
2401
+ children: /*#__PURE__*/jsxRuntime.jsxs("div", {
2402
+ className: "neeto-filters-bar__block",
2403
+ "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-block"),
2404
+ tabIndex: 0,
2405
+ ref: function ref(node) {
2406
+ deleteBlockHotKeyRef.current = node;
2407
+ openFilterPaneHotKeyRef.current = node;
2408
+ },
2409
+ onClick: function onClick() {
2410
+ return setIsPaneOpen(key);
2411
+ },
2412
+ children: [/*#__PURE__*/jsxRuntime.jsxs(Typography__default["default"], {
2413
+ style: "body2",
2414
+ children: [label, ":"]
2415
+ }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
2416
+ className: "neeto-ui-text-gray-600",
2417
+ style: "body2",
2418
+ children: ruleContent
2419
+ }), !isRuleEmpty(rule) && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
2420
+ style: "body2",
2421
+ children: blockContent
2422
+ }), !defaultValue && /*#__PURE__*/jsxRuntime.jsx("div", {
2423
+ className: "neeto-filters-bar__block-close",
2424
+ children: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Close, {
2425
+ "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-block-close-btn"),
2426
+ size: 16,
2427
+ strokeWidth: 2,
2428
+ onClick: function onClick(event) {
2429
+ event.stopPropagation();
2430
+ handleDelete(key);
2431
+ }
2432
+ })
2433
+ })]
2434
+ })
2435
+ });
2414
2436
  };
2415
2437
 
2416
2438
  var ChildBlock = function ChildBlock(_ref) {
@@ -2427,7 +2449,7 @@ var ChildBlock = function ChildBlock(_ref) {
2427
2449
  }, {
2428
2450
  mode: "scoped"
2429
2451
  });
2430
- return /*#__PURE__*/React__default["default"].createElement("div", {
2452
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
2431
2453
  className: "neeto-filters-bar__block",
2432
2454
  "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(childKey), "-block"),
2433
2455
  tabIndex: 0,
@@ -2437,21 +2459,24 @@ var ChildBlock = function ChildBlock(_ref) {
2437
2459
  },
2438
2460
  onClick: function onClick() {
2439
2461
  return setIsPaneOpen(childKey);
2440
- }
2441
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2442
- style: "body2",
2443
- weight: "medium"
2444
- }, childKey), /*#__PURE__*/React__default["default"].createElement("div", {
2445
- className: "neeto-filters-bar__block-close"
2446
- }, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
2447
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(childKey), "-block-close-btn"),
2448
- size: 16,
2449
- strokeWidth: 2,
2450
- onClick: function onClick(event) {
2451
- event.stopPropagation();
2452
- handleDelete(childKey);
2453
- }
2454
- })));
2462
+ },
2463
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
2464
+ style: "body2",
2465
+ weight: "medium",
2466
+ children: childKey
2467
+ }), /*#__PURE__*/jsxRuntime.jsx("div", {
2468
+ className: "neeto-filters-bar__block-close",
2469
+ children: /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Close, {
2470
+ "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(childKey), "-block-close-btn"),
2471
+ size: 16,
2472
+ strokeWidth: 2,
2473
+ onClick: function onClick(event) {
2474
+ event.stopPropagation();
2475
+ handleDelete(childKey);
2476
+ }
2477
+ })
2478
+ })]
2479
+ });
2455
2480
  };
2456
2481
 
2457
2482
  var FilterBar = function FilterBar(_ref) {
@@ -2498,47 +2523,50 @@ var FilterBar = function FilterBar(_ref) {
2498
2523
  isClearable = _ref2.isClearable;
2499
2524
  return defaultValue && !isClearable;
2500
2525
  }) && !childrenFiltersApplied;
2501
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, nonHiddenFilters.map(function (filter) {
2502
- var _filter$suffixCompone;
2503
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
2504
- key: filter.key
2505
- }, /*#__PURE__*/React__default["default"].createElement(Block, {
2506
- filter: filter,
2507
- handleDelete: handleDelete,
2508
- setIsPaneOpen: setIsPaneOpen
2509
- }), (_filter$suffixCompone = filter.suffixComponent) === null || _filter$suffixCompone === void 0 ? void 0 : _filter$suffixCompone.call(filter), /*#__PURE__*/React__default["default"].createElement("div", {
2510
- className: "neeto-filters-bar--separator"
2511
- }));
2512
- }), childrenKeys.filter(function (childKey) {
2513
- return ramda.has(childKey, searchParams);
2514
- }).map(function (childKey) {
2515
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
2516
- key: childKey
2517
- }, /*#__PURE__*/React__default["default"].createElement(ChildBlock, {
2518
- childKey: childKey,
2519
- handleDelete: handleDelete,
2520
- setIsPaneOpen: setIsPaneOpen
2521
- }), /*#__PURE__*/React__default["default"].createElement("div", {
2522
- className: "neeto-filters-bar--separator"
2523
- }));
2524
- }), /*#__PURE__*/React__default["default"].createElement("div", {
2525
- className: "flex items-center gap-x-2"
2526
- }, neetoCist.isPresent(entity) && !hasOnlyKeywordFilter(filters) && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
2527
- "data-cy": "save-segment-button",
2528
- label: t("neetoFilters.segments.saveAsNewSegment"),
2529
- style: "secondary",
2530
- onClick: function onClick() {
2531
- setIsPaneOpen(false);
2532
- setIsSavePaneOpen({
2533
- action: SEGMENT_ACTIONS$1.CREATE
2534
- });
2535
- }
2536
- }), !hideClearButton && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
2537
- "data-cy": "neeto-filters-bar-clear-btn",
2538
- label: t("neetoFilters.common.clearFilters"),
2539
- style: "text",
2540
- onClick: handleClearAll
2541
- })));
2526
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
2527
+ children: [nonHiddenFilters.map(function (filter) {
2528
+ var _filter$suffixCompone;
2529
+ return /*#__PURE__*/jsxRuntime.jsxs(React__default["default"].Fragment, {
2530
+ children: [/*#__PURE__*/jsxRuntime.jsx(Block, {
2531
+ filter: filter,
2532
+ handleDelete: handleDelete,
2533
+ setIsPaneOpen: setIsPaneOpen
2534
+ }), (_filter$suffixCompone = filter.suffixComponent) === null || _filter$suffixCompone === void 0 ? void 0 : _filter$suffixCompone.call(filter), /*#__PURE__*/jsxRuntime.jsx("div", {
2535
+ className: "neeto-filters-bar--separator"
2536
+ })]
2537
+ }, filter.key);
2538
+ }), childrenKeys.filter(function (childKey) {
2539
+ return ramda.has(childKey, searchParams);
2540
+ }).map(function (childKey) {
2541
+ return /*#__PURE__*/jsxRuntime.jsxs(React__default["default"].Fragment, {
2542
+ children: [/*#__PURE__*/jsxRuntime.jsx(ChildBlock, {
2543
+ childKey: childKey,
2544
+ handleDelete: handleDelete,
2545
+ setIsPaneOpen: setIsPaneOpen
2546
+ }), /*#__PURE__*/jsxRuntime.jsx("div", {
2547
+ className: "neeto-filters-bar--separator"
2548
+ })]
2549
+ }, childKey);
2550
+ }), /*#__PURE__*/jsxRuntime.jsxs("div", {
2551
+ className: "flex items-center gap-x-2",
2552
+ children: [neetoCist.isPresent(entity) && !hasOnlyKeywordFilter(filters) && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
2553
+ "data-cy": "save-segment-button",
2554
+ label: t("neetoFilters.segments.saveAsNewSegment"),
2555
+ style: "secondary",
2556
+ onClick: function onClick() {
2557
+ setIsPaneOpen(false);
2558
+ setIsSavePaneOpen({
2559
+ action: SEGMENT_ACTIONS$1.CREATE
2560
+ });
2561
+ }
2562
+ }), !hideClearButton && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
2563
+ "data-cy": "neeto-filters-bar-clear-btn",
2564
+ label: t("neetoFilters.common.clearFilters"),
2565
+ style: "text",
2566
+ onClick: handleClearAll
2567
+ })]
2568
+ })]
2569
+ });
2542
2570
  };
2543
2571
 
2544
2572
  var fetch = function fetch(params) {
@@ -2578,42 +2606,44 @@ var segmentsApi = {
2578
2606
  destroy: destroy
2579
2607
  };
2580
2608
 
2581
- 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; }
2582
- 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; }
2609
+ 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; }
2610
+ 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; }
2583
2611
  var SEGMENTS_LIST = QUERY_KEYS.SEGMENTS_LIST;
2584
2612
  var useFetchSegments = function useFetchSegments(_ref) {
2585
2613
  var entity = _ref.entity,
2586
2614
  _ref$searchTerm = _ref.searchTerm,
2587
2615
  searchTerm = _ref$searchTerm === void 0 ? "" : _ref$searchTerm;
2588
2616
  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
2589
- return reactQuery.useQuery([SEGMENTS_LIST, entity, searchTerm], function () {
2590
- return segmentsApi.fetch({
2591
- entity: entity,
2592
- searchTerm: searchTerm
2593
- });
2594
- }, ramda.mergeRight({
2595
- staleTime: SEGMENTS_STALE_TIME,
2596
- select: ramda.prop("segments")
2617
+ return reactQuery.useQuery(_objectSpread$4({
2618
+ queryKey: [SEGMENTS_LIST, entity, searchTerm],
2619
+ queryFn: function queryFn() {
2620
+ return segmentsApi.fetch({
2621
+ entity: entity,
2622
+ searchTerm: searchTerm
2623
+ });
2624
+ },
2625
+ select: ramda.prop("segments"),
2626
+ staleTime: SEGMENTS_STALE_TIME
2597
2627
  }, options));
2598
2628
  };
2599
2629
  var useCreateSegment = function useCreateSegment(options) {
2600
- return reactUtils.useMutationWithInvalidation(segmentsApi.create, _objectSpread$3({
2630
+ return reactUtils.useMutationWithInvalidation(segmentsApi.create, _objectSpread$4({
2601
2631
  keysToInvalidate: [SEGMENTS_LIST]
2602
2632
  }, options));
2603
2633
  };
2604
2634
  var useUpdateSegment = function useUpdateSegment(options) {
2605
- return reactUtils.useMutationWithInvalidation(segmentsApi.update, _objectSpread$3({
2635
+ return reactUtils.useMutationWithInvalidation(segmentsApi.update, _objectSpread$4({
2606
2636
  keysToInvalidate: [SEGMENTS_LIST]
2607
2637
  }, options));
2608
2638
  };
2609
2639
  var useDestroySegment = function useDestroySegment(options) {
2610
- return reactUtils.useMutationWithInvalidation(segmentsApi.destroy, _objectSpread$3({
2640
+ return reactUtils.useMutationWithInvalidation(segmentsApi.destroy, _objectSpread$4({
2611
2641
  keysToInvalidate: [SEGMENTS_LIST]
2612
2642
  }, options));
2613
2643
  };
2614
2644
 
2615
- 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; }
2616
- 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; }
2645
+ 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; }
2646
+ 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; }
2617
2647
  var useSegment = function useSegment(_ref) {
2618
2648
  var entity = _ref.entity,
2619
2649
  keyword = _ref.keyword,
@@ -2633,17 +2663,17 @@ var useSegment = function useSegment(_ref) {
2633
2663
  setIsSavePaneOpen = _useState2[1];
2634
2664
  var _useCreateSegment = useCreateSegment(),
2635
2665
  createSegment = _useCreateSegment.mutate,
2636
- isCreating = _useCreateSegment.isLoading;
2666
+ isCreating = _useCreateSegment.isPending;
2637
2667
  var _useUpdateSegment = useUpdateSegment(),
2638
2668
  updateSegment = _useUpdateSegment.mutate,
2639
- isUpdating = _useUpdateSegment.isLoading;
2669
+ isUpdating = _useUpdateSegment.isPending;
2640
2670
  var isSubmitting = isCreating || isUpdating;
2641
2671
  var searchParams = reactUtils.useQueryParams({
2642
2672
  toCamelCase: false
2643
2673
  });
2644
2674
  var keywordValue = searchParams[SEARCH_TERM_KEY] || "";
2645
2675
  var isEdit = isSavePaneOpen.action === SEGMENT_ACTIONS$1.EDIT;
2646
- var keywordFilter = _objectSpread$2(_objectSpread$2({
2676
+ var keywordFilter = _objectSpread$3(_objectSpread$3({
2647
2677
  type: "text",
2648
2678
  rule: "contains",
2649
2679
  label: t("neetoFilters.common.searchTerm")
@@ -2656,7 +2686,7 @@ var useSegment = function useSegment(_ref) {
2656
2686
  hidden: true
2657
2687
  }, filters);
2658
2688
  var handleApplyFilters = function handleApplyFilters(newFilters, isClearAll) {
2659
- var params = buildUrlFromFilters(_objectSpread$2({
2689
+ var params = buildUrlFromFilters(_objectSpread$3({
2660
2690
  columns: columns,
2661
2691
  filters: isKeywordFilterPresent(keywordFilter) && neetoCist.isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(newFilters), [keywordFilter]) : newFilters
2662
2692
  }, isClearAll && {
@@ -2750,8 +2780,8 @@ var useSegment = function useSegment(_ref) {
2750
2780
  };
2751
2781
  };
2752
2782
 
2753
- var Menu = neetoui.Dropdown.Menu,
2754
- MenuItem = neetoui.Dropdown.MenuItem;
2783
+ var Menu = Dropdown__default["default"].Menu,
2784
+ MenuItem = Dropdown__default["default"].MenuItem;
2755
2785
  var SegmentBar = function SegmentBar(_ref) {
2756
2786
  var entity = _ref.entity,
2757
2787
  filters = _ref.filters,
@@ -2786,41 +2816,51 @@ var SegmentBar = function SegmentBar(_ref) {
2786
2816
  handleApplyFilters(newFilters);
2787
2817
  };
2788
2818
  var changedFilters = deepCompare(segment.filters[0].conditions, filters);
2789
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
2790
- className: "neeto-ui-text-gray-600 mr-4 px-2",
2791
- "data-cy": "neeto-filters-segment-name",
2792
- style: "h4"
2793
- }, segment.name), neetoCist.isNotEmpty(changedFilters) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
2794
- buttonProps: {
2795
- className: "mr-2"
2796
- },
2797
- buttonStyle: "secondary",
2798
- label: t("neetoFilters.segments.updateSegment")
2799
- }, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
2800
- onClick: function onClick() {
2801
- return setIsSavePaneOpen({
2802
- action: SEGMENT_ACTIONS$1.EDIT
2803
- });
2804
- }
2805
- }, t("neetoFilters.segments.updateSegment")), /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
2806
- onClick: function onClick() {
2807
- setIsPaneOpen(false);
2808
- setIsSavePaneOpen({
2809
- action: SEGMENT_ACTIONS$1.CREATE
2810
- });
2811
- }
2812
- }, t("neetoFilters.segments.saveAsNewSegment")))), changedFilters.map(function (filter) {
2813
- var _filter$suffixCompone;
2814
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
2815
- key: filter.key
2816
- }, /*#__PURE__*/React__default["default"].createElement(Block, {
2817
- filter: filter,
2818
- handleDelete: handleDelete,
2819
- setIsPaneOpen: setIsPaneOpen
2820
- }), (_filter$suffixCompone = filter.suffixComponent) === null || _filter$suffixCompone === void 0 ? void 0 : _filter$suffixCompone.call(filter), /*#__PURE__*/React__default["default"].createElement("div", {
2821
- className: "neeto-filters-bar--separator"
2822
- }));
2823
- })));
2819
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
2820
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
2821
+ className: "neeto-ui-text-gray-600 mr-4 px-2",
2822
+ "data-cy": "neeto-filters-segment-name",
2823
+ style: "h4",
2824
+ children: segment.name
2825
+ }), neetoCist.isNotEmpty(changedFilters) && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
2826
+ children: [/*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
2827
+ buttonProps: {
2828
+ className: "mr-2"
2829
+ },
2830
+ buttonStyle: "secondary",
2831
+ label: t("neetoFilters.segments.updateSegment"),
2832
+ children: /*#__PURE__*/jsxRuntime.jsxs(Menu, {
2833
+ children: [/*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
2834
+ onClick: function onClick() {
2835
+ return setIsSavePaneOpen({
2836
+ action: SEGMENT_ACTIONS$1.EDIT
2837
+ });
2838
+ },
2839
+ children: t("neetoFilters.segments.updateSegment")
2840
+ }), /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
2841
+ onClick: function onClick() {
2842
+ setIsPaneOpen(false);
2843
+ setIsSavePaneOpen({
2844
+ action: SEGMENT_ACTIONS$1.CREATE
2845
+ });
2846
+ },
2847
+ children: t("neetoFilters.segments.saveAsNewSegment")
2848
+ })]
2849
+ })
2850
+ }), changedFilters.map(function (filter) {
2851
+ var _filter$suffixCompone;
2852
+ return /*#__PURE__*/jsxRuntime.jsxs(React__default["default"].Fragment, {
2853
+ children: [/*#__PURE__*/jsxRuntime.jsx(Block, {
2854
+ filter: filter,
2855
+ handleDelete: handleDelete,
2856
+ setIsPaneOpen: setIsPaneOpen
2857
+ }), (_filter$suffixCompone = filter.suffixComponent) === null || _filter$suffixCompone === void 0 ? void 0 : _filter$suffixCompone.call(filter), /*#__PURE__*/jsxRuntime.jsx("div", {
2858
+ className: "neeto-filters-bar--separator"
2859
+ })]
2860
+ }, filter.key);
2861
+ })]
2862
+ })]
2863
+ });
2824
2864
  };
2825
2865
 
2826
2866
  var Bar = function Bar(_ref) {
@@ -2865,44 +2905,47 @@ var Bar = function Bar(_ref) {
2865
2905
  var cachedSegments = queryClient.getQueryData([QUERY_KEYS.SEGMENTS_LIST, entity, ""]) || DEFAULT_SEGMENTS_CACHE;
2866
2906
  var segment = neetoCist.findById(segmentId, cachedSegments.segments);
2867
2907
  if (ramda.isEmpty(nonHiddenFilters) && !childrenFiltersApplied) return null;
2868
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
2869
- className: classnames__default["default"]("neeto-filters-bar", _defineProperty({}, className, className))
2870
- }, /*#__PURE__*/React__default["default"].createElement(BarComponent, {
2871
- childrenFiltersApplied: childrenFiltersApplied,
2872
- childrenKeys: childrenKeys,
2873
- entity: entity,
2874
- filters: filters,
2875
- handleApplyFilters: handleApplyFilters,
2876
- keywordFilter: keywordFilter,
2877
- nonHiddenFilters: nonHiddenFilters,
2878
- setIsPaneOpen: setIsPaneOpen,
2879
- setIsSavePaneOpen: setIsSavePaneOpen
2880
- })), /*#__PURE__*/React__default["default"].createElement(SegmentForm, {
2881
- childrenKeys: childrenKeys,
2882
- columns: columns,
2883
- customFilters: customFilters,
2884
- defaultSegmentName: defaultSegmentName,
2885
- filters: filters,
2886
- handleSubmit: handleSubmit,
2887
- isEdit: isEdit,
2888
- isSubmitting: isSubmitting,
2889
- keywordFilter: keywordFilter,
2890
- segmentFormInitialRef: segmentFormInitialRef,
2891
- isOpen: neetoCist.isPresent(isSavePaneOpen.action),
2892
- initialValues: isEdit ? ramda.assoc("filters", [{
2893
- conditions: filters
2894
- }], segment) : {
2895
- name: "",
2896
- filters: [{
2908
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
2909
+ children: [/*#__PURE__*/jsxRuntime.jsx("div", {
2910
+ className: classnames__default["default"]("neeto-filters-bar", _defineProperty({}, className, className)),
2911
+ children: /*#__PURE__*/jsxRuntime.jsx(BarComponent, {
2912
+ childrenFiltersApplied: childrenFiltersApplied,
2913
+ childrenKeys: childrenKeys,
2914
+ entity: entity,
2915
+ filters: filters,
2916
+ handleApplyFilters: handleApplyFilters,
2917
+ keywordFilter: keywordFilter,
2918
+ nonHiddenFilters: nonHiddenFilters,
2919
+ setIsPaneOpen: setIsPaneOpen,
2920
+ setIsSavePaneOpen: setIsSavePaneOpen
2921
+ })
2922
+ }), /*#__PURE__*/jsxRuntime.jsx(SegmentForm, {
2923
+ childrenKeys: childrenKeys,
2924
+ columns: columns,
2925
+ customFilters: customFilters,
2926
+ defaultSegmentName: defaultSegmentName,
2927
+ filters: filters,
2928
+ handleSubmit: handleSubmit,
2929
+ isEdit: isEdit,
2930
+ isSubmitting: isSubmitting,
2931
+ keywordFilter: keywordFilter,
2932
+ segmentFormInitialRef: segmentFormInitialRef,
2933
+ isOpen: neetoCist.isPresent(isSavePaneOpen.action),
2934
+ initialValues: isEdit ? ramda.assoc("filters", [{
2897
2935
  conditions: filters
2898
- }]
2899
- },
2900
- onClose: function onClose() {
2901
- return setIsSavePaneOpen({
2902
- action: undefined
2903
- });
2904
- }
2905
- }));
2936
+ }], segment) : {
2937
+ name: "",
2938
+ filters: [{
2939
+ conditions: filters
2940
+ }]
2941
+ },
2942
+ onClose: function onClose() {
2943
+ return setIsSavePaneOpen({
2944
+ action: undefined
2945
+ });
2946
+ }
2947
+ })]
2948
+ });
2906
2949
  };
2907
2950
 
2908
2951
  function _objectWithoutPropertiesLoose(source, excluded) {
@@ -3011,8 +3054,8 @@ var useFilters = function useFilters(_ref) {
3011
3054
  };
3012
3055
 
3013
3056
  var _excluded = ["isOpen", "onClose", "columns", "onChange", "isSearchable", "keyword", "onSelectorsChange", "childrenKeys", "children", "className"];
3014
- 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; }
3015
- 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; }
3057
+ 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; }
3058
+ 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; }
3016
3059
  var Pane = function Pane(_ref) {
3017
3060
  var isOpen = _ref.isOpen,
3018
3061
  onClose = _ref.onClose,
@@ -3047,7 +3090,7 @@ var Pane = function Pane(_ref) {
3047
3090
  groupedColumns = _buildFilteredColumns2 === void 0 ? [] : _buildFilteredColumns2,
3048
3091
  _buildFilteredColumns3 = _buildFilteredColumns.ungroupedColumns,
3049
3092
  ungroupedColumns = _buildFilteredColumns3 === void 0 ? [] : _buildFilteredColumns3;
3050
- var keywordFilter = _objectSpread$1(_objectSpread$1({
3093
+ var keywordFilter = _objectSpread$2(_objectSpread$2({
3051
3094
  type: "text",
3052
3095
  rule: "contains",
3053
3096
  label: t("neetoFilters.common.searchTerm")
@@ -3063,7 +3106,7 @@ var Pane = function Pane(_ref) {
3063
3106
  });
3064
3107
  var handleChange = function handleChange(newFilters) {
3065
3108
  var isClearAll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
3066
- var params = buildUrlFromFilters(_objectSpread$1({
3109
+ var params = buildUrlFromFilters(_objectSpread$2({
3067
3110
  columns: columns,
3068
3111
  filters: isKeywordFilterPresent(keywordFilter) && neetoCist.isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(newFilters), [keywordFilter]) : newFilters
3069
3112
  }, isClearAll && {
@@ -3101,76 +3144,84 @@ var Pane = function Pane(_ref) {
3101
3144
  }) && !childrenKeys.some(function (key) {
3102
3145
  return searchParams[key];
3103
3146
  });
3104
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, _extends({
3147
+ return /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], _objectSpread$2(_objectSpread$2({
3105
3148
  isOpen: isOpen,
3106
3149
  backdropClassName: "neeto-filters-pane-backdrop",
3107
3150
  className: classnames__default["default"]("neeto-filters-pane-filter", _defineProperty({}, className, className)),
3108
3151
  onClose: handleClose
3109
- }, otherProps), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, {
3110
- "data-cy": "neeto-filters-pane-header"
3111
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
3112
- style: "h2",
3113
- weight: "semibold"
3114
- }, t("neetoFilters.common.filters"))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, {
3115
- className: "neeto-filters-pane-filter__body neeto-ui-pt-2"
3116
- }, isSearchable && /*#__PURE__*/React__default["default"].createElement(Search__default["default"], {
3117
- "data-cy": "neeto-filters-column-search",
3118
- placeholder: t("neetoFilters.messages.searchResources", {
3119
- resources: t("neetoFilters.common.filters")
3120
- }),
3121
- onSearch: function onSearch(value) {
3122
- return setSearchTerm(value);
3123
- }
3124
- }), ungroupedColumns.map(function (column) {
3125
- return /*#__PURE__*/React__default["default"].createElement(Item, {
3126
- column: column,
3127
- filters: filters,
3128
- autoFocus: column.key === isOpen,
3129
- key: column.key,
3130
- onChange: handleChange,
3131
- onClose: handleClearTermAndClose
3132
- });
3133
- }), neetoCist.isPresent(groupedColumns) && /*#__PURE__*/React__default["default"].createElement(neetoui.Accordion, {
3134
- defaultActiveKey: groupedColumns.findIndex(function (_ref4) {
3135
- var columns = _ref4.columns;
3136
- return neetoCist.existsBy({
3137
- key: isOpen
3138
- }, columns);
3139
- })
3140
- }, groupedColumns.map(function (_ref5) {
3141
- var group = _ref5.group,
3142
- columns = _ref5.columns;
3143
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Accordion.Item, {
3144
- className: "accordion_item",
3145
- key: group,
3146
- title: group
3147
- }, columns.map(function (column) {
3148
- return /*#__PURE__*/React__default["default"].createElement(Item, {
3149
- column: column,
3150
- filters: filters,
3151
- autoFocus: column.key === isOpen,
3152
- key: column.key,
3153
- onChange: handleChange,
3154
- onClose: handleClearTermAndClose
3155
- });
3156
- }));
3157
- })), ramda.isEmpty(ungroupedColumns) && ramda.isEmpty(groupedColumns) && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
3158
- style: "body2"
3159
- }, t("neetoFilters.messages.noResourcesFound", {
3160
- resources: t("neetoFilters.common.columns")
3161
- })), children), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
3162
- className: "gap-x-2"
3163
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
3164
- "data-cy": "neeto-filters-done-btn",
3165
- label: t("neetoFilters.common.done"),
3166
- onClick: handleClearTermAndClose
3167
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
3168
- "data-cy": "neeto-filters-clear-btn",
3169
- disabled: isClearFiltersDisabled,
3170
- label: t("neetoFilters.common.clearFilters"),
3171
- style: "text",
3172
- onClick: handleClearAll
3173
- })));
3152
+ }, otherProps), {}, {
3153
+ children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
3154
+ "data-cy": "neeto-filters-pane-header",
3155
+ children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
3156
+ style: "h2",
3157
+ weight: "semibold",
3158
+ children: t("neetoFilters.common.filters")
3159
+ })
3160
+ }), /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"].Body, {
3161
+ className: "neeto-filters-pane-filter__body neeto-ui-pt-2",
3162
+ children: [isSearchable && /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {
3163
+ "data-cy": "neeto-filters-column-search",
3164
+ placeholder: t("neetoFilters.messages.searchResources", {
3165
+ resources: t("neetoFilters.common.filters")
3166
+ }),
3167
+ onSearch: function onSearch(value) {
3168
+ return setSearchTerm(value);
3169
+ }
3170
+ }), ungroupedColumns.map(function (column) {
3171
+ return /*#__PURE__*/React.createElement(Item, {
3172
+ column: column,
3173
+ filters: filters,
3174
+ autoFocus: column.key === isOpen,
3175
+ key: column.key,
3176
+ onChange: handleChange,
3177
+ onClose: handleClearTermAndClose
3178
+ });
3179
+ }), neetoCist.isPresent(groupedColumns) && /*#__PURE__*/jsxRuntime.jsx(Accordion__default["default"], {
3180
+ defaultActiveKey: groupedColumns.findIndex(function (_ref4) {
3181
+ var columns = _ref4.columns;
3182
+ return neetoCist.existsBy({
3183
+ key: isOpen
3184
+ }, columns);
3185
+ }),
3186
+ children: groupedColumns.map(function (_ref5) {
3187
+ var group = _ref5.group,
3188
+ columns = _ref5.columns;
3189
+ return /*#__PURE__*/jsxRuntime.jsx(Accordion__default["default"].Item, {
3190
+ className: "accordion_item",
3191
+ title: group,
3192
+ children: columns.map(function (column) {
3193
+ return /*#__PURE__*/React.createElement(Item, {
3194
+ column: column,
3195
+ filters: filters,
3196
+ autoFocus: column.key === isOpen,
3197
+ key: column.key,
3198
+ onChange: handleChange,
3199
+ onClose: handleClearTermAndClose
3200
+ });
3201
+ })
3202
+ }, group);
3203
+ })
3204
+ }), ramda.isEmpty(ungroupedColumns) && ramda.isEmpty(groupedColumns) && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
3205
+ style: "body2",
3206
+ children: t("neetoFilters.messages.noResourcesFound", {
3207
+ resources: t("neetoFilters.common.columns")
3208
+ })
3209
+ }), children]
3210
+ }), /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"].Footer, {
3211
+ className: "gap-x-2",
3212
+ children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
3213
+ "data-cy": "neeto-filters-done-btn",
3214
+ label: t("neetoFilters.common.done"),
3215
+ onClick: handleClearTermAndClose
3216
+ }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
3217
+ "data-cy": "neeto-filters-clear-btn",
3218
+ disabled: isClearFiltersDisabled,
3219
+ label: t("neetoFilters.common.clearFilters"),
3220
+ style: "text",
3221
+ onClick: handleClearAll
3222
+ })]
3223
+ })]
3224
+ }));
3174
3225
  };
3175
3226
 
3176
3227
  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}}
@@ -3178,8 +3229,8 @@ var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r
3178
3229
  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-pane-filter{overflow:visible;width:360px}.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:1;flex-direction:column;gap:8px}.neeto-filters-pane-filter__body .accordion_item .neeto-filters-pane-filter__item-wrapper{flex:1;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))}@media screen and (max-width:767px){.neeto-filters-pane-filter{width:100vw}}.neeto-filters-pane-backdrop{-webkit-backdrop-filter:blur(0)!important;backdrop-filter:blur(0)!important;background-color:rgba(var(--neeto-ui-gray-700),.2)}.neeto-filters-segment--active{border-color:rgb(var(--neeto-ui-primary-500))!important;box-shadow:0 0 0 1px rgb(var(--neeto-ui-primary-500))!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19iYXIuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9pbmRleC5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX2ZpbHRlcnMuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9hYnN0cmFjdHMvX21peGlucy5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX3NlZ21lbnRzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsbUJBR0Usa0JBQUEsQ0FGQSxZQUFBLENBQ0EsY0NFRixDRENFLDBCQUtFLHFDQUFBLENBSEEsWUFBQSxDQUVBLE9BQUEsQ0FHQSxZQUFBLENBQ0EsZUFBQSxDQUVBLGVBQUEsQ0FUQSxlQUFBLENBRUEsaUJBQUEsQ0FHQSxxQ0FBQSxDQUdBLGtCQ0VKLENEQ0ksd0NBQ0UsbUNDQ04sQ0RFSSxnQ0FRRSxnSEFBQSxDQUZBLG1DQUFBLENBREEsU0FBQSxDQURBLFdBQUEsQ0FIQSxpQkFBQSxDQUVBLE9BQUEsQ0FEQSxLQUFBLENBS0EscUNDQ04sQ0RPSSxpRUFFRSw4Q0FBQSxDQUNBLGNDTk4sQ0RRTSxpSUFHRSxxQ0FBQSxDQURBLGdDQUFBLENBREEsU0NKUixDRFVJLGdDQUVFLHVEQUFBLENBREEsWUNQTixDRFlFLDhCQUdFLGtCQUFBLENBRkEsbURBQUEsQ0FDQSxlQ1RKLENDL0NBLDJCQUVFLGdCQUFBLENBREEsV0RtREYsQ0NoREUsaUNBQ0UsNkJBQUEsQ0FDQSxRRGtESixDQ2hESSxtQ0FDRSxxQkRrRE4sQ0MvQ0ksbUNBQ0UsaUJEaUROLENDOUNJLDBFQUNFLFlBQUEsQ0FHQSxNQUFBLENBRkEscUJBQUEsQ0FDQSxPRGlETixDQzVDTSwwRkFFRSxNQUFBLENBREEsZUQrQ1IsQ0M1Q1Esd0dBQ0UsWUQ4Q1YsQ0MxQ1EseUZBQ0UsYUQ0Q1YsQ0N4Q0kseUVBQ0Usc0REMENOLENFbkVJLG9DRGRKLDJCQTRDSSxXRHlDRixDQUNGLENDdENBLDZCQUNFLHlDQUFBLENBQUEsaUNBQUEsQ0FDQSxrRER5Q0YsQ0czRkEsK0JBQ0UsdURBQUEsQ0FDQSwrREg4RkYiLCJzb3VyY2VzQ29udGVudCI6WyIubmVldG8tZmlsdGVycy1iYXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJl9fYmxvY2sge1xuICAgIHBhZGRpbmc6IDRweCA4cHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZ2FwOiA0cHg7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tbmVldG8tdWktcm91bmRlZCk7XG4gICAgdHJhbnNpdGlvbjogdmFyKC0tbmVldG8tdWktdHJhbnNpdGlvbik7XG4gICAgbWFyZ2luOiA0cHggMDtcbiAgICBtYXgtd2lkdGg6IDM4NHB4O1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIHA6Zmlyc3QtY2hpbGQge1xuICAgICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTcwMCkpO1xuICAgIH1cblxuICAgICYtY2xvc2Uge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAwO1xuICAgICAgcmlnaHQ6IDA7XG4gICAgICBwYWRkaW5nOiA4cHg7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTgwMCkpO1xuICAgICAgdHJhbnNpdGlvbjogdmFyKC0tbmVldG8tdWktdHJhbnNpdGlvbik7XG4gICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDkwZGVnLFxuICAgICAgICByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSwgMC41KSAwJSxcbiAgICAgICAgcmdiYSh2YXIoLS1uZWV0by11aS1ncmF5LTIwMCksIDEpIDI1JVxuICAgICAgKTtcbiAgICB9XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgICAubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrLWNsb3NlIHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ibGFjaykpO1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICBib3gtc2hhZG93OiAwIDAgMCAzcHggcmdiYSh2YXIoLS1uZWV0by11aS1ncmF5LTgwMCksIDE1JSk7XG4gICAgfVxuICB9XG5cbiAgJi0tc2VwYXJhdG9yIHtcbiAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTQwMCkpO1xuICAgIG1hcmdpbjogMTJweCA4cHg7XG4gICAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbiAgfVxufVxuIiwiLm5lZXRvLWZpbHRlcnMtYmFyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jayB7XG4gIHBhZGRpbmc6IDRweCA4cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZ2FwOiA0cHg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xuICB0cmFuc2l0aW9uOiB2YXIoLS1uZWV0by11aS10cmFuc2l0aW9uKTtcbiAgbWFyZ2luOiA0cHggMDtcbiAgbWF4LXdpZHRoOiAzODRweDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cbi5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2sgcDpmaXJzdC1jaGlsZCB7XG4gIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS03MDApKTtcbn1cbi5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2stY2xvc2Uge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIHBhZGRpbmc6IDhweDtcbiAgb3BhY2l0eTogMDtcbiAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTgwMCkpO1xuICB0cmFuc2l0aW9uOiB2YXIoLS1uZWV0by11aS10cmFuc2l0aW9uKTtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDkwZGVnLCByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSwgMC41KSAwJSwgcmdiYSh2YXIoLS1uZWV0by11aS1ncmF5LTIwMCksIDEpIDI1JSk7XG59XG4ubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmhvdmVyLCAubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4ubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmhvdmVyIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2stY2xvc2UsIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2s6YWN0aXZlIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2stY2xvc2Uge1xuICBvcGFjaXR5OiAxO1xuICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWJsYWNrKSk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xufVxuLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jazpmb2N1cyB7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJveC1zaGFkb3c6IDAgMCAwIDNweCByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktODAwKSwgMTUlKTtcbn1cbi5uZWV0by1maWx0ZXJzLWJhci0tc2VwYXJhdG9yIHtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS00MDApKTtcbiAgbWFyZ2luOiAxMnB4IDhweDtcbiAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbn1cblxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXIge1xuICB3aWR0aDogMzYwcHg7XG4gIG92ZXJmbG93OiB2aXNpYmxlO1xufVxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2JvZHkge1xuICBhbGlnbi1pdGVtczogc3RyZXRjaCAhaW1wb3J0YW50O1xuICBnYXA6IDIwcHg7XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSA+ICoge1xuICBmbGV4LWdyb3c6IDAgIWltcG9ydGFudDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IHAge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSAubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9faXRlbS13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiA4cHg7XG4gIGZsZXg6IDE7XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSAuYWNjb3JkaW9uX2l0ZW0gLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2l0ZW0td3JhcHBlciB7XG4gIG1hcmdpbi10b3A6IDE2cHg7XG4gIGZsZXg6IDE7XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSAuYWNjb3JkaW9uX2l0ZW0gLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2l0ZW0td3JhcHBlcjpmaXJzdC1vZi10eXBlIHtcbiAgbWFyZ2luLXRvcDogMDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IC5hY2NvcmRpb25faXRlbTpmaXJzdC1vZi10eXBlIC5uZWV0by11aS1hY2NvcmRpb25fX2l0ZW0ge1xuICBwYWRkaW5nLXRvcDogMDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IC5uZWV0by11aS1hY2NvcmRpb25fX3dyYXBwZXItLWxhc3QtaXRlbSB7XG4gIGJvcmRlci1ib3R0b206IHRoaW4gc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjdweCkge1xuICAubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlciB7XG4gICAgd2lkdGg6IDEwMHZ3O1xuICB9XG59XG5cbi5uZWV0by1maWx0ZXJzLXBhbmUtYmFja2Ryb3Age1xuICBiYWNrZHJvcC1maWx0ZXI6IGJsdXIoMHB4KSAhaW1wb3J0YW50O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktNzAwKSwgMC4yKTtcbn1cblxuLm5lZXRvLWZpbHRlcnMtc2VnbWVudC0tYWN0aXZlIHtcbiAgYm9yZGVyLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktcHJpbWFyeS01MDApKSAhaW1wb3J0YW50O1xuICBib3gtc2hhZG93OiAwIDAgMCAxcHggcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSkgIWltcG9ydGFudDtcbn0iLCIubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlciB7XG4gIHdpZHRoOiAzNjBweDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG5cbiAgJl9fYm9keSB7XG4gICAgYWxpZ24taXRlbXM6IHN0cmV0Y2ggIWltcG9ydGFudDtcbiAgICBnYXA6IDIwcHg7XG5cbiAgICA+ICoge1xuICAgICAgZmxleC1ncm93OiAwICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgcCB7XG4gICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgfVxuXG4gICAgLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2l0ZW0td3JhcHBlciB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIGdhcDogOHB4O1xuICAgICAgZmxleDogMTtcbiAgICB9XG5cbiAgICAuYWNjb3JkaW9uX2l0ZW0ge1xuICAgICAgLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2l0ZW0td3JhcHBlciB7XG4gICAgICAgIG1hcmdpbi10b3A6IDE2cHg7XG4gICAgICAgIGZsZXg6IDE7XG5cbiAgICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICBtYXJnaW4tdG9wOiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICAubmVldG8tdWktYWNjb3JkaW9uX19pdGVtIHtcbiAgICAgICAgICBwYWRkaW5nLXRvcDogMDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICAubmVldG8tdWktYWNjb3JkaW9uX193cmFwcGVyLS1sYXN0LWl0ZW0ge1xuICAgICAgYm9yZGVyLWJvdHRvbTogdGhpbiBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbiAgICB9XG4gIH1cblxuICBAaW5jbHVkZSB2aWV3cG9ydChtb2IpIHtcbiAgICB3aWR0aDogMTAwdnc7XG4gIH1cbn1cblxuLm5lZXRvLWZpbHRlcnMtcGFuZS1iYWNrZHJvcCB7XG4gIGJhY2tkcm9wLWZpbHRlcjogYmx1cigwcHgpICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEodmFyKC0tbmVldG8tdWktZ3JheS03MDApLCAwLjIpO1xufVxuIiwiQG1peGluIHZpZXdwb3J0KCRtZWRpYSkge1xuICBAaWYgJG1lZGlhPT1kZXNrIHtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgICAgIEBjb250ZW50O1xuICAgIH1cbiAgfSBAZWxzZSBpZiAkbWVkaWE9PXRhYi1taW4ge1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMjRweCkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRtZWRpYT09dGFiLW9ubHkge1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OHB4KSBhbmQgKG1heC13aWR0aDogMTAyM3B4KSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJG1lZGlhPT1tb2Ige1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJG1lZGlhPT14cy1tb2Ige1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDQ3OXB4KSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH1cbn1cbiIsIi5uZWV0by1maWx0ZXJzLXNlZ21lbnQtLWFjdGl2ZSB7XG4gIGJvcmRlci1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSkgIWltcG9ydGFudDtcbiAgYm94LXNoYWRvdzogMCAwIDAgMXB4IHJnYih2YXIoLS1uZWV0by11aS1wcmltYXJ5LTUwMCkpICFpbXBvcnRhbnQ7XG59XG4iXX0= */";
3179
3230
  n(css,{});
3180
3231
 
3181
- 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; }
3182
- 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; }
3232
+ 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; }
3233
+ 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; }
3183
3234
  var Filters = reactUtils.withT(function (_ref) {
3184
3235
  var t = _ref.t,
3185
3236
  _ref$isOpen = _ref.isOpen,
@@ -3207,28 +3258,31 @@ var Filters = reactUtils.withT(function (_ref) {
3207
3258
  } : _ref$keyword,
3208
3259
  childrenKeys = _ref.childrenKeys,
3209
3260
  children = _ref.children;
3210
- return /*#__PURE__*/React__default["default"].createElement("span", {
3211
- className: classnames__default["default"](_defineProperty({}, className, className))
3212
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends({
3213
- "data-cy": "neeto-filters-toggle-btn",
3214
- label: t("neetoFilters.common.filter"),
3215
- style: "secondary",
3216
- onClick: function onClick() {
3217
- return setIsOpen(true);
3218
- }
3219
- }, buttonProps)), /*#__PURE__*/React__default["default"].createElement(Pane, _extends({
3220
- onClose: function onClose() {
3221
- return setIsOpen(false);
3222
- }
3223
- }, _objectSpread({
3224
- childrenKeys: childrenKeys,
3225
- columns: columns,
3226
- isOpen: isOpen,
3227
- isSearchable: isSearchable,
3228
- keyword: keyword,
3229
- onChange: onChange,
3230
- onSelectorsChange: onSelectorsChange
3231
- }, paneProps)), children));
3261
+ return /*#__PURE__*/jsxRuntime.jsxs("span", {
3262
+ className: classnames__default["default"](_defineProperty({}, className, className)),
3263
+ children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$1({
3264
+ "data-cy": "neeto-filters-toggle-btn",
3265
+ label: t("neetoFilters.common.filter"),
3266
+ style: "secondary",
3267
+ onClick: function onClick() {
3268
+ return setIsOpen(true);
3269
+ }
3270
+ }, buttonProps)), /*#__PURE__*/jsxRuntime.jsx(Pane, _objectSpread$1(_objectSpread$1({
3271
+ onClose: function onClose() {
3272
+ return setIsOpen(false);
3273
+ }
3274
+ }, _objectSpread$1({
3275
+ childrenKeys: childrenKeys,
3276
+ columns: columns,
3277
+ isOpen: isOpen,
3278
+ isSearchable: isSearchable,
3279
+ keyword: keyword,
3280
+ onChange: onChange,
3281
+ onSelectorsChange: onSelectorsChange
3282
+ }, paneProps)), {}, {
3283
+ children: children
3284
+ }))]
3285
+ });
3232
3286
  });
3233
3287
 
3234
3288
  var ITEMS_MAX_COUNT = 20;
@@ -3252,7 +3306,7 @@ var Delete = function Delete(_ref) {
3252
3306
  segmentId = _getQueryParams.segmentId;
3253
3307
  var _useDestroySegment = useDestroySegment(),
3254
3308
  deleteSegment = _useDestroySegment.mutate,
3255
- isDeleting = _useDestroySegment.isLoading;
3309
+ isDeleting = _useDestroySegment.isPending;
3256
3310
  var handleClearAll = function handleClearAll() {
3257
3311
  var params = buildUrlFromFilters({
3258
3312
  columns: columns,
@@ -3269,13 +3323,13 @@ var Delete = function Delete(_ref) {
3269
3323
  onSuccess: onClose
3270
3324
  });
3271
3325
  };
3272
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
3326
+ return /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
3273
3327
  isOpen: isOpen,
3274
3328
  onClose: onClose,
3275
3329
  isSubmitting: isDeleting,
3276
3330
  submitButtonLabel: t("neetoFilters.common.delete"),
3277
3331
  title: t("neetoFilters.segments.deleteAlertTitle"),
3278
- message: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
3332
+ message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
3279
3333
  i18nKey: "neetoFilters.segments.deleteAlertMessage",
3280
3334
  values: {
3281
3335
  entity: segment.name
@@ -3313,7 +3367,7 @@ var useSegments = function useSegments(_ref) {
3313
3367
  setSegments = _useState2[1];
3314
3368
  var _useUpdateSegment = useUpdateSegment(),
3315
3369
  updateSegment = _useUpdateSegment.mutate,
3316
- isUpdating = _useUpdateSegment.isLoading;
3370
+ isUpdating = _useUpdateSegment.isPending;
3317
3371
  var _useState3 = React.useState({
3318
3372
  action: "",
3319
3373
  segment: undefined
@@ -3365,12 +3419,13 @@ var useSegments = function useSegments(_ref) {
3365
3419
  setSegments(fetchedSegments);
3366
3420
  }, [fetchedSegments]);
3367
3421
  if (isLoading) {
3368
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, null);
3422
+ return /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {});
3369
3423
  }
3370
3424
  if (ramda.isEmpty(segments)) {
3371
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
3372
- style: "body2"
3373
- }, t("neetoFilters.segments.noSegmentsFound"));
3425
+ return /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
3426
+ style: "body2",
3427
+ children: t("neetoFilters.segments.noSegmentsFound")
3428
+ });
3374
3429
  }
3375
3430
  var handleUpdate = function handleUpdate(_ref4, _ref5) {
3376
3431
  var name = _ref4.name;
@@ -3449,28 +3504,33 @@ var Segment = function Segment(_ref) {
3449
3504
  });
3450
3505
  }
3451
3506
  }];
3452
- return /*#__PURE__*/React__default["default"].createElement("div", {
3507
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
3453
3508
  onClick: onClick,
3454
3509
  "data-cy": "neeto-filters-segment-block-".concat(neetoCist.hyphenate(label)),
3455
3510
  className: classnames__default["default"]("neeto-ui-border-gray-400 neeto-ui-bg-white hover:neeto-ui-bg-gray-200 neeto-ui-rounded-lg mb-2 flex h-10 cursor-pointer items-center gap-2 border p-3 transition-all duration-300 ease-in-out", {
3456
3511
  "neeto-filters-segment--active": isActive
3457
- })
3458
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3459
- className: "flex flex-grow items-center gap-2 overflow-hidden",
3460
- "data-cy": "new-element-field"
3461
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
3462
- className: "truncate leading-snug",
3463
- "data-cy": neetoCist.hyphenate(label),
3464
- style: "body2"
3465
- }, label)), shouldShowDropdown && /*#__PURE__*/React__default["default"].createElement(MoreDropdown__default["default"], {
3466
- menuItems: menuItems,
3467
- dropdownButtonProps: {
3468
- className: "min-h-0 flex-shrink-0",
3469
- "data-cy": "".concat(neetoCist.hyphenate(label), "-more-dropdown")
3470
- }
3471
- }));
3512
+ }),
3513
+ children: [/*#__PURE__*/jsxRuntime.jsx("div", {
3514
+ className: "flex flex-grow items-center gap-2 overflow-hidden",
3515
+ "data-cy": "new-element-field",
3516
+ children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
3517
+ className: "truncate leading-snug",
3518
+ "data-cy": neetoCist.hyphenate(label),
3519
+ style: "body2",
3520
+ children: label
3521
+ })
3522
+ }), shouldShowDropdown && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
3523
+ menuItems: menuItems,
3524
+ dropdownButtonProps: {
3525
+ className: "min-h-0 flex-shrink-0",
3526
+ "data-cy": "".concat(neetoCist.hyphenate(label), "-more-dropdown")
3527
+ }
3528
+ })]
3529
+ });
3472
3530
  };
3473
3531
 
3532
+ 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; }
3533
+ 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; }
3474
3534
  var MenuBlocks = function MenuBlocks(_ref) {
3475
3535
  var entity = _ref.entity,
3476
3536
  segments = _ref.segments,
@@ -3488,63 +3548,74 @@ var MenuBlocks = function MenuBlocks(_ref) {
3488
3548
  _useState2 = _slicedToArray(_useState, 2),
3489
3549
  showAll = _useState2[0],
3490
3550
  setShowAll = _useState2[1];
3491
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(MenuBar__default["default"].SubTitle, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
3492
- component: "h4",
3493
- style: "h5",
3494
- textTransform: "uppercase",
3495
- weight: "bold"
3496
- }, t("neetoFilters.common.segments"))), segments.length > ITEMS_MAX_COUNT && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
3497
- icon: neetoIcons.Down,
3498
- style: "link",
3499
- label: showAll ? t("neetoFilters.segments.showLess") : t("neetoFilters.segments.showMoreNumbers", {
3500
- entity: segments.length - ITEMS_MAX_COUNT
3501
- }),
3502
- onClick: function onClick() {
3503
- return setShowAll(function (open) {
3504
- return !open;
3505
- });
3506
- }
3507
- }), /*#__PURE__*/React__default["default"].createElement(Segment, {
3508
- isActive: ramda.isEmpty(appliedFilters),
3509
- label: defaultSegmentName,
3510
- onClick: clearAppliedFilters
3511
- }), /*#__PURE__*/React__default["default"].createElement(dnd.DragDropContext, {
3512
- onDragEnd: handleSegmentsReorder
3513
- }, /*#__PURE__*/React__default["default"].createElement(dnd.Droppable, {
3514
- droppableId: "neeto-filters-segments-".concat(entity)
3515
- }, function (_ref2) {
3516
- var innerRef = _ref2.innerRef,
3517
- droppableProps = _ref2.droppableProps,
3518
- placeholder = _ref2.placeholder;
3519
- return /*#__PURE__*/React__default["default"].createElement("div", _extends({
3520
- ref: innerRef
3521
- }, droppableProps), segments.slice(0, showAll ? segments.length : ITEMS_MAX_COUNT).map(function (segment, index) {
3522
- return /*#__PURE__*/React__default["default"].createElement(dnd.Draggable, {
3523
- index: index,
3524
- draggableId: segment.id.toString(),
3525
- isDragDisabled: isUpdating,
3526
- key: segment.id.toString()
3527
- }, function (_ref3) {
3528
- var innerRef = _ref3.innerRef,
3529
- draggableProps = _ref3.draggableProps,
3530
- dragHandleProps = _ref3.dragHandleProps;
3531
- return /*#__PURE__*/React__default["default"].createElement("div", _extends({
3532
- ref: innerRef
3533
- }, draggableProps, dragHandleProps), /*#__PURE__*/React__default["default"].createElement(Segment, {
3534
- segments: segments,
3535
- setConfirmAction: setConfirmAction,
3536
- shouldShowDropdown: true,
3537
- id: segment.id,
3538
- isActive: segment.id === segmentId,
3539
- key: segment.id,
3540
- label: segment.name,
3541
- onClick: function onClick() {
3542
- return handleSelectSegment(segment);
3543
- }
3544
- }));
3545
- });
3546
- }), placeholder);
3547
- })));
3551
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
3552
+ children: [/*#__PURE__*/jsxRuntime.jsx(MenuBar__default["default"].SubTitle, {
3553
+ children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
3554
+ component: "h4",
3555
+ style: "h5",
3556
+ textTransform: "uppercase",
3557
+ weight: "bold",
3558
+ children: t("neetoFilters.common.segments")
3559
+ })
3560
+ }), segments.length > ITEMS_MAX_COUNT && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
3561
+ icon: neetoIcons.Down,
3562
+ style: "link",
3563
+ label: showAll ? t("neetoFilters.segments.showLess") : t("neetoFilters.segments.showMoreNumbers", {
3564
+ entity: segments.length - ITEMS_MAX_COUNT
3565
+ }),
3566
+ onClick: function onClick() {
3567
+ return setShowAll(function (open) {
3568
+ return !open;
3569
+ });
3570
+ }
3571
+ }), /*#__PURE__*/jsxRuntime.jsx(Segment, {
3572
+ isActive: ramda.isEmpty(appliedFilters),
3573
+ label: defaultSegmentName,
3574
+ onClick: clearAppliedFilters
3575
+ }), /*#__PURE__*/jsxRuntime.jsx(dnd.DragDropContext, {
3576
+ onDragEnd: handleSegmentsReorder,
3577
+ children: /*#__PURE__*/jsxRuntime.jsx(dnd.Droppable, {
3578
+ droppableId: "neeto-filters-segments-".concat(entity),
3579
+ children: function children(_ref2) {
3580
+ var innerRef = _ref2.innerRef,
3581
+ droppableProps = _ref2.droppableProps,
3582
+ placeholder = _ref2.placeholder;
3583
+ return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
3584
+ ref: innerRef
3585
+ }, droppableProps), {}, {
3586
+ children: [segments.slice(0, showAll ? segments.length : ITEMS_MAX_COUNT).map(function (segment, index) {
3587
+ return /*#__PURE__*/React.createElement(dnd.Draggable, {
3588
+ index: index,
3589
+ draggableId: segment.id.toString(),
3590
+ isDragDisabled: isUpdating,
3591
+ key: segment.id.toString()
3592
+ }, function (_ref3) {
3593
+ var innerRef = _ref3.innerRef,
3594
+ draggableProps = _ref3.draggableProps,
3595
+ dragHandleProps = _ref3.dragHandleProps;
3596
+ return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread(_objectSpread({
3597
+ ref: innerRef
3598
+ }, draggableProps), dragHandleProps), {}, {
3599
+ children: /*#__PURE__*/React.createElement(Segment, {
3600
+ segments: segments,
3601
+ setConfirmAction: setConfirmAction,
3602
+ shouldShowDropdown: true,
3603
+ id: segment.id,
3604
+ isActive: segment.id === segmentId,
3605
+ key: segment.id,
3606
+ label: segment.name,
3607
+ onClick: function onClick() {
3608
+ return handleSelectSegment(segment);
3609
+ }
3610
+ })
3611
+ }));
3612
+ });
3613
+ }), placeholder]
3614
+ }));
3615
+ }
3616
+ })
3617
+ })]
3618
+ });
3548
3619
  };
3549
3620
  var MenuBlocks$1 = /*#__PURE__*/React__default["default"].memo(MenuBlocks);
3550
3621
 
@@ -3577,31 +3648,33 @@ var SidebarBlock = function SidebarBlock(_ref) {
3577
3648
  }
3578
3649
  }];
3579
3650
  var dataCyPrefix = neetoCist.hyphenate(label);
3580
- return /*#__PURE__*/React__default["default"].createElement("button", {
3651
+ return /*#__PURE__*/jsxRuntime.jsxs("button", {
3581
3652
  onClick: onClick,
3582
3653
  "data-cy": "".concat(dataCyPrefix, "-segment-link"),
3583
3654
  className: classnames__default["default"]("neeto-molecules-sidebar-segment neeto-molecules-sidebar__sublink neeto-ui-flex neeto-ui-items-center neeto-ui-select-none mb-0 w-full py-1", {
3584
3655
  active: isActive
3585
- })
3586
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
3587
- className: "neeto-molecules-sidebar__link-sub-label neeto-molecules-sidebar-segment__label neeto-ui-flex-grow min-w-0",
3588
- component: "span",
3589
- "data-cy": "".concat(dataCyPrefix, "-sub-link-label"),
3590
- style: "body2"
3591
- }, label), /*#__PURE__*/React__default["default"].createElement(MoreDropdown__default["default"], {
3592
- menuItems: menuItems,
3593
- dropdownButtonProps: {
3594
- "data-testid": "segment-more-menu-".concat(dataCyPrefix),
3595
- className: "flex-shrink-0",
3596
- size: "small",
3597
- style: "secondary"
3598
- },
3599
- dropdownProps: {
3600
- position: "bottom-end",
3601
- strategy: "fixed",
3602
- autoWidth: true
3603
- }
3604
- }));
3656
+ }),
3657
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
3658
+ className: "neeto-molecules-sidebar__link-sub-label neeto-molecules-sidebar-segment__label neeto-ui-flex-grow min-w-0",
3659
+ component: "span",
3660
+ "data-cy": "".concat(dataCyPrefix, "-sub-link-label"),
3661
+ style: "body2",
3662
+ children: label
3663
+ }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
3664
+ menuItems: menuItems,
3665
+ dropdownButtonProps: {
3666
+ "data-testid": "segment-more-menu-".concat(dataCyPrefix),
3667
+ className: "flex-shrink-0",
3668
+ size: "small",
3669
+ style: "secondary"
3670
+ },
3671
+ dropdownProps: {
3672
+ position: "bottom-end",
3673
+ strategy: "fixed",
3674
+ autoWidth: true
3675
+ }
3676
+ })]
3677
+ });
3605
3678
  };
3606
3679
 
3607
3680
  var Segments = function Segments(_ref) {
@@ -3638,54 +3711,58 @@ var Segments = function Segments(_ref) {
3638
3711
  handleUpdate = _useSegments.handleUpdate,
3639
3712
  filters = _useSegments.filters,
3640
3713
  appliedFilters = _useSegments.appliedFilters;
3641
- return /*#__PURE__*/React__default["default"].createElement("div", {
3642
- "data-testid": "neeto-filters-segments"
3643
- }, isIndependent ? /*#__PURE__*/React__default["default"].createElement(MenuBlocks$1, {
3644
- appliedFilters: appliedFilters,
3645
- clearAppliedFilters: clearAppliedFilters,
3646
- defaultSegmentName: defaultSegmentName,
3647
- entity: entity,
3648
- handleSegmentsReorder: handleSegmentsReorder,
3649
- handleSelectSegment: handleSelectSegment,
3650
- isUpdating: isUpdating,
3651
- segmentId: segmentId,
3652
- segments: segments,
3653
- setConfirmAction: setConfirmAction
3654
- }) : /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, neetoCist.isNotEmpty(segments) && /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
3655
- style: "body3",
3656
- weight: "semibold",
3657
- className: "neeto-molecules-sidebar-segments-header neeto-ui-text-transform-capitalize neeto-ui-text-gray-600 py-2 uppercase"
3658
- }, t("neetoFilters.segments.segment", constants.PLURAL)), segments.map(function (segment) {
3659
- return /*#__PURE__*/React__default["default"].createElement(SidebarBlock, {
3714
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
3715
+ "data-testid": "neeto-filters-segments",
3716
+ children: [isIndependent ? /*#__PURE__*/jsxRuntime.jsx(MenuBlocks$1, {
3717
+ appliedFilters: appliedFilters,
3718
+ clearAppliedFilters: clearAppliedFilters,
3719
+ defaultSegmentName: defaultSegmentName,
3720
+ entity: entity,
3721
+ handleSegmentsReorder: handleSegmentsReorder,
3722
+ handleSelectSegment: handleSelectSegment,
3723
+ isUpdating: isUpdating,
3724
+ segmentId: segmentId,
3660
3725
  segments: segments,
3661
- setConfirmAction: setConfirmAction,
3662
- id: segment.id,
3663
- isActive: segment.id === segmentId,
3664
- key: segment.id,
3665
- label: segment.name,
3666
- onClick: function onClick() {
3667
- return handleSelectSegment(segment);
3668
- }
3669
- });
3670
- })), /*#__PURE__*/React__default["default"].createElement(SegmentForm, {
3671
- childrenKeys: childrenKeys,
3672
- columns: columns,
3673
- customFilters: customFilters,
3674
- defaultSegmentName: defaultSegmentName,
3675
- filters: filters,
3676
- onClose: onClose,
3677
- segmentFormInitialRef: segmentFormInitialRef,
3678
- isEdit: true,
3679
- handleSubmit: handleUpdate,
3680
- initialValues: selectedSegment,
3681
- isOpen: isEditPaneOpen,
3682
- isSubmitting: isUpdating
3683
- }), /*#__PURE__*/React__default["default"].createElement(Delete, {
3684
- columns: columns,
3685
- onClose: onClose,
3686
- isOpen: isDeleteAlertOpen,
3687
- segment: selectedSegment
3688
- }));
3726
+ setConfirmAction: setConfirmAction
3727
+ }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
3728
+ children: [neetoCist.isNotEmpty(segments) && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
3729
+ style: "body3",
3730
+ weight: "semibold",
3731
+ className: "neeto-molecules-sidebar-segments-header neeto-ui-text-transform-capitalize neeto-ui-text-gray-600 py-2 uppercase",
3732
+ children: t("neetoFilters.segments.segment", constants.PLURAL)
3733
+ }), segments.map(function (segment) {
3734
+ return /*#__PURE__*/React.createElement(SidebarBlock, {
3735
+ segments: segments,
3736
+ setConfirmAction: setConfirmAction,
3737
+ id: segment.id,
3738
+ isActive: segment.id === segmentId,
3739
+ key: segment.id,
3740
+ label: segment.name,
3741
+ onClick: function onClick() {
3742
+ return handleSelectSegment(segment);
3743
+ }
3744
+ });
3745
+ })]
3746
+ }), /*#__PURE__*/jsxRuntime.jsx(SegmentForm, {
3747
+ childrenKeys: childrenKeys,
3748
+ columns: columns,
3749
+ customFilters: customFilters,
3750
+ defaultSegmentName: defaultSegmentName,
3751
+ filters: filters,
3752
+ onClose: onClose,
3753
+ segmentFormInitialRef: segmentFormInitialRef,
3754
+ isEdit: true,
3755
+ handleSubmit: handleUpdate,
3756
+ initialValues: selectedSegment,
3757
+ isOpen: isEditPaneOpen,
3758
+ isSubmitting: isUpdating
3759
+ }), /*#__PURE__*/jsxRuntime.jsx(Delete, {
3760
+ columns: columns,
3761
+ onClose: onClose,
3762
+ isOpen: isDeleteAlertOpen,
3763
+ segment: selectedSegment
3764
+ })]
3765
+ });
3689
3766
  };
3690
3767
  var index = /*#__PURE__*/React__default["default"].memo(Segments);
3691
3768