@bigbinary/neeto-filters-frontend 3.0.14 → 3.0.15
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.
- package/dist/index.cjs.js +83 -854
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.js +12 -782
- package/dist/index.js.map +1 -1
- package/package.json +47 -42
package/dist/index.cjs.js
CHANGED
|
@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var classnames = require('classnames');
|
|
7
7
|
var i18next = require('i18next');
|
|
8
|
-
var
|
|
8
|
+
var neetocist = require('neetocist');
|
|
9
9
|
var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
|
|
10
10
|
var utils = require('@bigbinary/neeto-commons-frontend/utils');
|
|
11
11
|
var neetoui = require('@bigbinary/neetoui');
|
|
@@ -18,7 +18,8 @@ var reactQuery = require('react-query');
|
|
|
18
18
|
var axios = require('axios');
|
|
19
19
|
var yup = require('yup');
|
|
20
20
|
var Search = require('@bigbinary/neeto-molecules/Search');
|
|
21
|
-
var
|
|
21
|
+
var reactDom = require('react-dom');
|
|
22
|
+
var reactTransitionGroup = require('react-transition-group');
|
|
22
23
|
var MenuBar = require('@bigbinary/neeto-molecules/MenuBar');
|
|
23
24
|
var InlineInput = require('@bigbinary/neeto-molecules/InlineInput');
|
|
24
25
|
|
|
@@ -48,7 +49,6 @@ var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
|
|
|
48
49
|
var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
|
|
49
50
|
var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
|
|
50
51
|
var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
|
|
51
|
-
var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
|
|
52
52
|
var MenuBar__default = /*#__PURE__*/_interopDefaultLegacy(MenuBar);
|
|
53
53
|
|
|
54
54
|
function _arrayLikeToArray(arr, len) {
|
|
@@ -231,7 +231,7 @@ var dayjs_min = {exports: {}};
|
|
|
231
231
|
dayjs_min.exports;
|
|
232
232
|
|
|
233
233
|
(function (module, exports) {
|
|
234
|
-
!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=function(t){return t instanceof
|
|
234
|
+
!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}));
|
|
235
235
|
} (dayjs_min, dayjs_min.exports));
|
|
236
236
|
|
|
237
237
|
var dayjs_minExports = dayjs_min.exports;
|
|
@@ -334,7 +334,7 @@ var timezone$1 = {exports: {}};
|
|
|
334
334
|
timezone$1.exports;
|
|
335
335
|
|
|
336
336
|
(function (module, exports) {
|
|
337
|
-
!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,
|
|
337
|
+
!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;};}}));
|
|
338
338
|
} (timezone$1, timezone$1.exports));
|
|
339
339
|
|
|
340
340
|
var timezoneExports = timezone$1.exports;
|
|
@@ -429,14 +429,14 @@ var getTimezone = function getTimezone() {
|
|
|
429
429
|
var getLabelFromBool = function getLabelFromBool(_ref3) {
|
|
430
430
|
var value = _ref3.value,
|
|
431
431
|
values = _ref3.values;
|
|
432
|
-
return
|
|
432
|
+
return neetocist.findBy({
|
|
433
433
|
value: value
|
|
434
434
|
}, ramda.either(ramda.isEmpty, ramda.isNil)(values) ? DEFAULT_BOOLEAN_OPTIONS : values).label;
|
|
435
435
|
};
|
|
436
436
|
var getBoolFromLabel = function getBoolFromLabel(_ref4) {
|
|
437
437
|
var label = _ref4.label,
|
|
438
438
|
values = _ref4.values;
|
|
439
|
-
return
|
|
439
|
+
return neetocist.findBy({
|
|
440
440
|
label: label
|
|
441
441
|
}, ramda.either(ramda.isEmpty, ramda.isNil)(values) ? DEFAULT_BOOLEAN_OPTIONS : values).value;
|
|
442
442
|
};
|
|
@@ -693,7 +693,7 @@ var buildMultiOptionPayload = function buildMultiOptionPayload(values) {
|
|
|
693
693
|
}).join("|");
|
|
694
694
|
};
|
|
695
695
|
var buildFiltersPayload = function buildFiltersPayload(filters) {
|
|
696
|
-
var payload =
|
|
696
|
+
var payload = neetocist.removeBy({
|
|
697
697
|
value: ""
|
|
698
698
|
}, filters).map(function (filter) {
|
|
699
699
|
if (filter.key === SEARCH_TERM_KEY && isMultiModelFilter(filter)) {
|
|
@@ -727,7 +727,7 @@ var buildFiltersPayload = function buildFiltersPayload(filters) {
|
|
|
727
727
|
};
|
|
728
728
|
var buildSegmentsPayload = function buildSegmentsPayload(filters) {
|
|
729
729
|
var childrenKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
|
|
730
|
-
var payload =
|
|
730
|
+
var payload = neetocist.removeBy({
|
|
731
731
|
value: ""
|
|
732
732
|
}, filters).map(function (filter) {
|
|
733
733
|
if (filter.key === SEARCH_TERM_KEY) {
|
|
@@ -787,7 +787,7 @@ var buildSelectorsFromURL = function buildSelectorsFromURL(columns) {
|
|
|
787
787
|
};
|
|
788
788
|
var compareFilters = function compareFilters(oldFilters, newFilters) {
|
|
789
789
|
var formatFilters = function formatFilters(filters) {
|
|
790
|
-
return
|
|
790
|
+
return neetocist.removeBy({
|
|
791
791
|
value: ""
|
|
792
792
|
}, filters).map(ramda.pick(["key", "rule", "value"]));
|
|
793
793
|
};
|
|
@@ -818,7 +818,7 @@ var buildFilteredColumns = function buildFilteredColumns(_ref11) {
|
|
|
818
818
|
};
|
|
819
819
|
var buildDefaultFilters = function buildDefaultFilters(columns, filters) {
|
|
820
820
|
return columns.filter(function (column) {
|
|
821
|
-
return !isUndefinedOrEmpty(column.defaultValue) && !
|
|
821
|
+
return !isUndefinedOrEmpty(column.defaultValue) && !neetocist.findBy({
|
|
822
822
|
key: column.key
|
|
823
823
|
}, filters);
|
|
824
824
|
}).map(function (column) {
|
|
@@ -851,7 +851,7 @@ var createUrlParamString = function createUrlParamString(_ref15) {
|
|
|
851
851
|
} else if (isBoolean(defaultType)) {
|
|
852
852
|
return getLabelFromBool({
|
|
853
853
|
value: value,
|
|
854
|
-
values:
|
|
854
|
+
values: neetocist.findBy({
|
|
855
855
|
key: key
|
|
856
856
|
}, columns).values
|
|
857
857
|
});
|
|
@@ -866,7 +866,7 @@ var buildUrlFromFilters = function buildUrlFromFilters(_ref16) {
|
|
|
866
866
|
_ref16$childrenKeys = _ref16.childrenKeys,
|
|
867
867
|
childrenKeys = _ref16$childrenKeys === void 0 ? [] : _ref16$childrenKeys;
|
|
868
868
|
var searchParams = getSnakeCasedQueryParams();
|
|
869
|
-
var isKeywordFilterPresent =
|
|
869
|
+
var isKeywordFilterPresent = neetocist.findBy({
|
|
870
870
|
key: SEARCH_TERM_KEY
|
|
871
871
|
}, filters);
|
|
872
872
|
columns.forEach(function (_ref17) {
|
|
@@ -925,7 +925,7 @@ var buildUrlFromSegment = function buildUrlFromSegment(_ref19) {
|
|
|
925
925
|
columns: columns
|
|
926
926
|
});
|
|
927
927
|
return acc;
|
|
928
|
-
},
|
|
928
|
+
}, neetocist.isNotEmpty(id) ? _defineProperty({}, SEGMENT_ID_KEY, id) : {});
|
|
929
929
|
return new URLSearchParams(_objectSpread$4(_objectSpread$4({}, searchParams), newSearchParams)).toString();
|
|
930
930
|
};
|
|
931
931
|
var getSearchTermFromUrl = function getSearchTermFromUrl() {
|
|
@@ -946,7 +946,7 @@ var buildFilterColumnsFromFields = function buildFilterColumnsFromFields(_ref22)
|
|
|
946
946
|
var column = _objectSpread$4({
|
|
947
947
|
key: ramda.toLower(name),
|
|
948
948
|
node: "".concat(name, ":").concat(id),
|
|
949
|
-
label:
|
|
949
|
+
label: neetocist.capitalize(name),
|
|
950
950
|
type: "custom.".concat(kind),
|
|
951
951
|
showRuleSelector: showRuleSelector
|
|
952
952
|
}, groupName && {
|
|
@@ -955,7 +955,7 @@ var buildFilterColumnsFromFields = function buildFilterColumnsFromFields(_ref22)
|
|
|
955
955
|
if (kind === "single_option" || kind === "multi_option") {
|
|
956
956
|
column.values = field.data.map(function (item) {
|
|
957
957
|
return {
|
|
958
|
-
label:
|
|
958
|
+
label: neetocist.capitalize(item.label),
|
|
959
959
|
value: item.id
|
|
960
960
|
};
|
|
961
961
|
});
|
|
@@ -1002,11 +1002,11 @@ var buildFilterValue = function buildFilterValue(filter) {
|
|
|
1002
1002
|
} else if (isTime(defaultType) && isCustomTimeRange(value)) {
|
|
1003
1003
|
return value.map(utils.dateFormat.time).join(" - ");
|
|
1004
1004
|
} else if (isDate(defaultType) || isTime(defaultType)) {
|
|
1005
|
-
return
|
|
1005
|
+
return neetocist.humanize(value);
|
|
1006
1006
|
} else if (isMulti(defaultType)) {
|
|
1007
1007
|
return value.map(function (value) {
|
|
1008
1008
|
var _findBy;
|
|
1009
|
-
return ((_findBy =
|
|
1009
|
+
return ((_findBy = neetocist.findBy({
|
|
1010
1010
|
value: value
|
|
1011
1011
|
}, values)) === null || _findBy === void 0 ? void 0 : _findBy.label) || value;
|
|
1012
1012
|
}).join(", ");
|
|
@@ -1020,7 +1020,7 @@ var buildFilterValue = function buildFilterValue(filter) {
|
|
|
1020
1020
|
values: values
|
|
1021
1021
|
});
|
|
1022
1022
|
}
|
|
1023
|
-
return ((_findBy2 =
|
|
1023
|
+
return ((_findBy2 = neetocist.findBy({
|
|
1024
1024
|
value: value
|
|
1025
1025
|
}, values)) === null || _findBy2 === void 0 ? void 0 : _findBy2.label) || value;
|
|
1026
1026
|
};
|
|
@@ -1028,19 +1028,19 @@ var buildRuleValue = function buildRuleValue(_ref) {
|
|
|
1028
1028
|
var rule = _ref.rule,
|
|
1029
1029
|
defaultType = _ref.defaultType;
|
|
1030
1030
|
if (isText(defaultType)) {
|
|
1031
|
-
return
|
|
1031
|
+
return neetocist.findBy({
|
|
1032
1032
|
value: rule
|
|
1033
1033
|
}, TEXT_RULES).label;
|
|
1034
1034
|
} else if (isDigit(defaultType)) {
|
|
1035
|
-
return
|
|
1035
|
+
return neetocist.findBy({
|
|
1036
1036
|
value: rule
|
|
1037
1037
|
}, NUMBER_RULES).label;
|
|
1038
1038
|
} else if (isSingleDate(defaultType)) {
|
|
1039
|
-
return
|
|
1039
|
+
return neetocist.findBy({
|
|
1040
1040
|
value: rule
|
|
1041
1041
|
}, SINGLE_DATE_OPTIONS).label;
|
|
1042
1042
|
} else if (isSingleTime(defaultType)) {
|
|
1043
|
-
return
|
|
1043
|
+
return neetocist.findBy({
|
|
1044
1044
|
value: rule
|
|
1045
1045
|
}, SINGLE_TIME_OPTIONS).label;
|
|
1046
1046
|
}
|
|
@@ -1085,7 +1085,7 @@ var Block = function Block(_ref) {
|
|
|
1085
1085
|
theme: "light"
|
|
1086
1086
|
}, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1087
1087
|
className: "neeto-filters-bar__block",
|
|
1088
|
-
"data-cy": "neeto-filters-".concat(
|
|
1088
|
+
"data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-block"),
|
|
1089
1089
|
tabIndex: 0,
|
|
1090
1090
|
ref: function ref(node) {
|
|
1091
1091
|
deleteBlockHotKeyRef.current = node;
|
|
@@ -1104,7 +1104,7 @@ var Block = function Block(_ref) {
|
|
|
1104
1104
|
}, blockContent), !defaultValue && /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1105
1105
|
className: "neeto-filters-bar__block-close"
|
|
1106
1106
|
}, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
|
|
1107
|
-
"data-cy": "neeto-filters-".concat(
|
|
1107
|
+
"data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-block-close-btn"),
|
|
1108
1108
|
size: 16,
|
|
1109
1109
|
strokeWidth: 2,
|
|
1110
1110
|
onClick: function onClick(event) {
|
|
@@ -1130,7 +1130,7 @@ var ChildBlock = function ChildBlock(_ref) {
|
|
|
1130
1130
|
});
|
|
1131
1131
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1132
1132
|
className: "neeto-filters-bar__block",
|
|
1133
|
-
"data-cy": "neeto-filters-".concat(
|
|
1133
|
+
"data-cy": "neeto-filters-".concat(neetocist.hyphenate(childKey), "-block"),
|
|
1134
1134
|
tabIndex: 0,
|
|
1135
1135
|
ref: function ref(node) {
|
|
1136
1136
|
deleteBlockHotKeyRef.current = node;
|
|
@@ -1145,7 +1145,7 @@ var ChildBlock = function ChildBlock(_ref) {
|
|
|
1145
1145
|
}, childKey), /*#__PURE__*/React__default["default"].createElement("div", {
|
|
1146
1146
|
className: "neeto-filters-bar__block-close"
|
|
1147
1147
|
}, /*#__PURE__*/React__default["default"].createElement(neetoIcons.Close, {
|
|
1148
|
-
"data-cy": "neeto-filters-".concat(
|
|
1148
|
+
"data-cy": "neeto-filters-".concat(neetocist.hyphenate(childKey), "-block-close-btn"),
|
|
1149
1149
|
size: 16,
|
|
1150
1150
|
strokeWidth: 2,
|
|
1151
1151
|
onClick: function onClick(event) {
|
|
@@ -1403,7 +1403,7 @@ var Bar = function Bar(_ref) {
|
|
|
1403
1403
|
keyword = _ref$keyword === void 0 ? {
|
|
1404
1404
|
node: "",
|
|
1405
1405
|
value: "",
|
|
1406
|
-
setValue:
|
|
1406
|
+
setValue: neetocist.noop
|
|
1407
1407
|
} : _ref$keyword,
|
|
1408
1408
|
_ref$setIsPaneOpen = _ref.setIsPaneOpen,
|
|
1409
1409
|
setIsPaneOpen = _ref$setIsPaneOpen === void 0 ? ramda.identity : _ref$setIsPaneOpen,
|
|
@@ -1427,15 +1427,15 @@ var Bar = function Bar(_ref) {
|
|
|
1427
1427
|
key: SEARCH_TERM_KEY,
|
|
1428
1428
|
value: keywordValue
|
|
1429
1429
|
});
|
|
1430
|
-
var filters = buildFiltersFromSearchParams(isKeywordFilterPresent(keywordFilter) &&
|
|
1431
|
-
var nonHiddenFilters =
|
|
1430
|
+
var filters = buildFiltersFromSearchParams(isKeywordFilterPresent(keywordFilter) && neetocist.isNotEmpty(keywordValue) ? [keywordFilter].concat(_toConsumableArray(columns)) : columns);
|
|
1431
|
+
var nonHiddenFilters = neetocist.removeBy({
|
|
1432
1432
|
hidden: true
|
|
1433
1433
|
}, filters);
|
|
1434
1434
|
var history = reactRouterDom.useHistory();
|
|
1435
1435
|
var handleSubmit = function handleSubmit(newFilters, isClearAll) {
|
|
1436
1436
|
var params = buildUrlFromFilters(_objectSpread$2({
|
|
1437
1437
|
columns: columns,
|
|
1438
|
-
filters: isKeywordFilterPresent(keywordFilter) &&
|
|
1438
|
+
filters: isKeywordFilterPresent(keywordFilter) && neetocist.isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(newFilters), [keywordFilter]) : newFilters
|
|
1439
1439
|
}, isClearAll && {
|
|
1440
1440
|
isClearAll: true,
|
|
1441
1441
|
childrenKeys: childrenKeys
|
|
@@ -1456,7 +1456,7 @@ var Bar = function Bar(_ref) {
|
|
|
1456
1456
|
var _pathname = window.location.pathname;
|
|
1457
1457
|
history.push(utils.buildUrl(_pathname, _params));
|
|
1458
1458
|
}
|
|
1459
|
-
var newFilters =
|
|
1459
|
+
var newFilters = neetocist.removeBy({
|
|
1460
1460
|
key: key
|
|
1461
1461
|
}, filters);
|
|
1462
1462
|
handleSubmit(newFilters);
|
|
@@ -1478,7 +1478,7 @@ var Bar = function Bar(_ref) {
|
|
|
1478
1478
|
React.useEffect(function () {
|
|
1479
1479
|
if (initialRenderRef.current) {
|
|
1480
1480
|
initialRenderRef.current = false;
|
|
1481
|
-
return
|
|
1481
|
+
return neetocist.noop;
|
|
1482
1482
|
}
|
|
1483
1483
|
var handler = setTimeout(function () {
|
|
1484
1484
|
handleSubmit(filters);
|
|
@@ -1598,780 +1598,9 @@ var Portal = function Portal(_ref) {
|
|
|
1598
1598
|
if (!target.current) {
|
|
1599
1599
|
target.current = document.createElement(element);
|
|
1600
1600
|
}
|
|
1601
|
-
return /*#__PURE__*/
|
|
1601
|
+
return /*#__PURE__*/reactDom.createPortal(children, target.current);
|
|
1602
1602
|
};
|
|
1603
1603
|
|
|
1604
|
-
function _setPrototypeOf(o, p) {
|
|
1605
|
-
_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
|
|
1606
|
-
o.__proto__ = p;
|
|
1607
|
-
return o;
|
|
1608
|
-
};
|
|
1609
|
-
return _setPrototypeOf(o, p);
|
|
1610
|
-
}
|
|
1611
|
-
|
|
1612
|
-
function _inheritsLoose(subClass, superClass) {
|
|
1613
|
-
subClass.prototype = Object.create(superClass.prototype);
|
|
1614
|
-
subClass.prototype.constructor = subClass;
|
|
1615
|
-
_setPrototypeOf(subClass, superClass);
|
|
1616
|
-
}
|
|
1617
|
-
|
|
1618
|
-
/**
|
|
1619
|
-
* Checks if a given element has a CSS class.
|
|
1620
|
-
*
|
|
1621
|
-
* @param element the element
|
|
1622
|
-
* @param className the CSS class name
|
|
1623
|
-
*/
|
|
1624
|
-
function hasClass(element, className) {
|
|
1625
|
-
if (element.classList) return !!className && element.classList.contains(className);
|
|
1626
|
-
return (" " + (element.className.baseVal || element.className) + " ").indexOf(" " + className + " ") !== -1;
|
|
1627
|
-
}
|
|
1628
|
-
|
|
1629
|
-
/**
|
|
1630
|
-
* Adds a CSS class to a given element.
|
|
1631
|
-
*
|
|
1632
|
-
* @param element the element
|
|
1633
|
-
* @param className the CSS class name
|
|
1634
|
-
*/
|
|
1635
|
-
|
|
1636
|
-
function addClass(element, className) {
|
|
1637
|
-
if (element.classList) element.classList.add(className);else if (!hasClass(element, className)) if (typeof element.className === 'string') element.className = element.className + " " + className;else element.setAttribute('class', (element.className && element.className.baseVal || '') + " " + className);
|
|
1638
|
-
}
|
|
1639
|
-
|
|
1640
|
-
function replaceClassName(origClass, classToRemove) {
|
|
1641
|
-
return origClass.replace(new RegExp("(^|\\s)" + classToRemove + "(?:\\s|$)", 'g'), '$1').replace(/\s+/g, ' ').replace(/^\s*|\s*$/g, '');
|
|
1642
|
-
}
|
|
1643
|
-
/**
|
|
1644
|
-
* Removes a CSS class from a given element.
|
|
1645
|
-
*
|
|
1646
|
-
* @param element the element
|
|
1647
|
-
* @param className the CSS class name
|
|
1648
|
-
*/
|
|
1649
|
-
|
|
1650
|
-
|
|
1651
|
-
function removeClass$1(element, className) {
|
|
1652
|
-
if (element.classList) {
|
|
1653
|
-
element.classList.remove(className);
|
|
1654
|
-
} else if (typeof element.className === 'string') {
|
|
1655
|
-
element.className = replaceClassName(element.className, className);
|
|
1656
|
-
} else {
|
|
1657
|
-
element.setAttribute('class', replaceClassName(element.className && element.className.baseVal || '', className));
|
|
1658
|
-
}
|
|
1659
|
-
}
|
|
1660
|
-
|
|
1661
|
-
var config = {
|
|
1662
|
-
disabled: false
|
|
1663
|
-
};
|
|
1664
|
-
|
|
1665
|
-
var TransitionGroupContext = React__default["default"].createContext(null);
|
|
1666
|
-
|
|
1667
|
-
var forceReflow = function forceReflow(node) {
|
|
1668
|
-
return node.scrollTop;
|
|
1669
|
-
};
|
|
1670
|
-
|
|
1671
|
-
var UNMOUNTED = 'unmounted';
|
|
1672
|
-
var EXITED = 'exited';
|
|
1673
|
-
var ENTERING = 'entering';
|
|
1674
|
-
var ENTERED = 'entered';
|
|
1675
|
-
var EXITING = 'exiting';
|
|
1676
|
-
/**
|
|
1677
|
-
* The Transition component lets you describe a transition from one component
|
|
1678
|
-
* state to another _over time_ with a simple declarative API. Most commonly
|
|
1679
|
-
* it's used to animate the mounting and unmounting of a component, but can also
|
|
1680
|
-
* be used to describe in-place transition states as well.
|
|
1681
|
-
*
|
|
1682
|
-
* ---
|
|
1683
|
-
*
|
|
1684
|
-
* **Note**: `Transition` is a platform-agnostic base component. If you're using
|
|
1685
|
-
* transitions in CSS, you'll probably want to use
|
|
1686
|
-
* [`CSSTransition`](https://reactcommunity.org/react-transition-group/css-transition)
|
|
1687
|
-
* instead. It inherits all the features of `Transition`, but contains
|
|
1688
|
-
* additional features necessary to play nice with CSS transitions (hence the
|
|
1689
|
-
* name of the component).
|
|
1690
|
-
*
|
|
1691
|
-
* ---
|
|
1692
|
-
*
|
|
1693
|
-
* By default the `Transition` component does not alter the behavior of the
|
|
1694
|
-
* component it renders, it only tracks "enter" and "exit" states for the
|
|
1695
|
-
* components. It's up to you to give meaning and effect to those states. For
|
|
1696
|
-
* example we can add styles to a component when it enters or exits:
|
|
1697
|
-
*
|
|
1698
|
-
* ```jsx
|
|
1699
|
-
* import { Transition } from 'react-transition-group';
|
|
1700
|
-
*
|
|
1701
|
-
* const duration = 300;
|
|
1702
|
-
*
|
|
1703
|
-
* const defaultStyle = {
|
|
1704
|
-
* transition: `opacity ${duration}ms ease-in-out`,
|
|
1705
|
-
* opacity: 0,
|
|
1706
|
-
* }
|
|
1707
|
-
*
|
|
1708
|
-
* const transitionStyles = {
|
|
1709
|
-
* entering: { opacity: 1 },
|
|
1710
|
-
* entered: { opacity: 1 },
|
|
1711
|
-
* exiting: { opacity: 0 },
|
|
1712
|
-
* exited: { opacity: 0 },
|
|
1713
|
-
* };
|
|
1714
|
-
*
|
|
1715
|
-
* const Fade = ({ in: inProp }) => (
|
|
1716
|
-
* <Transition in={inProp} timeout={duration}>
|
|
1717
|
-
* {state => (
|
|
1718
|
-
* <div style={{
|
|
1719
|
-
* ...defaultStyle,
|
|
1720
|
-
* ...transitionStyles[state]
|
|
1721
|
-
* }}>
|
|
1722
|
-
* I'm a fade Transition!
|
|
1723
|
-
* </div>
|
|
1724
|
-
* )}
|
|
1725
|
-
* </Transition>
|
|
1726
|
-
* );
|
|
1727
|
-
* ```
|
|
1728
|
-
*
|
|
1729
|
-
* There are 4 main states a Transition can be in:
|
|
1730
|
-
* - `'entering'`
|
|
1731
|
-
* - `'entered'`
|
|
1732
|
-
* - `'exiting'`
|
|
1733
|
-
* - `'exited'`
|
|
1734
|
-
*
|
|
1735
|
-
* Transition state is toggled via the `in` prop. When `true` the component
|
|
1736
|
-
* begins the "Enter" stage. During this stage, the component will shift from
|
|
1737
|
-
* its current transition state, to `'entering'` for the duration of the
|
|
1738
|
-
* transition and then to the `'entered'` stage once it's complete. Let's take
|
|
1739
|
-
* the following example (we'll use the
|
|
1740
|
-
* [useState](https://reactjs.org/docs/hooks-reference.html#usestate) hook):
|
|
1741
|
-
*
|
|
1742
|
-
* ```jsx
|
|
1743
|
-
* function App() {
|
|
1744
|
-
* const [inProp, setInProp] = useState(false);
|
|
1745
|
-
* return (
|
|
1746
|
-
* <div>
|
|
1747
|
-
* <Transition in={inProp} timeout={500}>
|
|
1748
|
-
* {state => (
|
|
1749
|
-
* // ...
|
|
1750
|
-
* )}
|
|
1751
|
-
* </Transition>
|
|
1752
|
-
* <button onClick={() => setInProp(true)}>
|
|
1753
|
-
* Click to Enter
|
|
1754
|
-
* </button>
|
|
1755
|
-
* </div>
|
|
1756
|
-
* );
|
|
1757
|
-
* }
|
|
1758
|
-
* ```
|
|
1759
|
-
*
|
|
1760
|
-
* When the button is clicked the component will shift to the `'entering'` state
|
|
1761
|
-
* and stay there for 500ms (the value of `timeout`) before it finally switches
|
|
1762
|
-
* to `'entered'`.
|
|
1763
|
-
*
|
|
1764
|
-
* When `in` is `false` the same thing happens except the state moves from
|
|
1765
|
-
* `'exiting'` to `'exited'`.
|
|
1766
|
-
*/
|
|
1767
|
-
|
|
1768
|
-
var Transition = /*#__PURE__*/function (_React$Component) {
|
|
1769
|
-
_inheritsLoose(Transition, _React$Component);
|
|
1770
|
-
|
|
1771
|
-
function Transition(props, context) {
|
|
1772
|
-
var _this;
|
|
1773
|
-
|
|
1774
|
-
_this = _React$Component.call(this, props, context) || this;
|
|
1775
|
-
var parentGroup = context; // In the context of a TransitionGroup all enters are really appears
|
|
1776
|
-
|
|
1777
|
-
var appear = parentGroup && !parentGroup.isMounting ? props.enter : props.appear;
|
|
1778
|
-
var initialStatus;
|
|
1779
|
-
_this.appearStatus = null;
|
|
1780
|
-
|
|
1781
|
-
if (props.in) {
|
|
1782
|
-
if (appear) {
|
|
1783
|
-
initialStatus = EXITED;
|
|
1784
|
-
_this.appearStatus = ENTERING;
|
|
1785
|
-
} else {
|
|
1786
|
-
initialStatus = ENTERED;
|
|
1787
|
-
}
|
|
1788
|
-
} else {
|
|
1789
|
-
if (props.unmountOnExit || props.mountOnEnter) {
|
|
1790
|
-
initialStatus = UNMOUNTED;
|
|
1791
|
-
} else {
|
|
1792
|
-
initialStatus = EXITED;
|
|
1793
|
-
}
|
|
1794
|
-
}
|
|
1795
|
-
|
|
1796
|
-
_this.state = {
|
|
1797
|
-
status: initialStatus
|
|
1798
|
-
};
|
|
1799
|
-
_this.nextCallback = null;
|
|
1800
|
-
return _this;
|
|
1801
|
-
}
|
|
1802
|
-
|
|
1803
|
-
Transition.getDerivedStateFromProps = function getDerivedStateFromProps(_ref, prevState) {
|
|
1804
|
-
var nextIn = _ref.in;
|
|
1805
|
-
|
|
1806
|
-
if (nextIn && prevState.status === UNMOUNTED) {
|
|
1807
|
-
return {
|
|
1808
|
-
status: EXITED
|
|
1809
|
-
};
|
|
1810
|
-
}
|
|
1811
|
-
|
|
1812
|
-
return null;
|
|
1813
|
-
} // getSnapshotBeforeUpdate(prevProps) {
|
|
1814
|
-
// let nextStatus = null
|
|
1815
|
-
// if (prevProps !== this.props) {
|
|
1816
|
-
// const { status } = this.state
|
|
1817
|
-
// if (this.props.in) {
|
|
1818
|
-
// if (status !== ENTERING && status !== ENTERED) {
|
|
1819
|
-
// nextStatus = ENTERING
|
|
1820
|
-
// }
|
|
1821
|
-
// } else {
|
|
1822
|
-
// if (status === ENTERING || status === ENTERED) {
|
|
1823
|
-
// nextStatus = EXITING
|
|
1824
|
-
// }
|
|
1825
|
-
// }
|
|
1826
|
-
// }
|
|
1827
|
-
// return { nextStatus }
|
|
1828
|
-
// }
|
|
1829
|
-
;
|
|
1830
|
-
|
|
1831
|
-
var _proto = Transition.prototype;
|
|
1832
|
-
|
|
1833
|
-
_proto.componentDidMount = function componentDidMount() {
|
|
1834
|
-
this.updateStatus(true, this.appearStatus);
|
|
1835
|
-
};
|
|
1836
|
-
|
|
1837
|
-
_proto.componentDidUpdate = function componentDidUpdate(prevProps) {
|
|
1838
|
-
var nextStatus = null;
|
|
1839
|
-
|
|
1840
|
-
if (prevProps !== this.props) {
|
|
1841
|
-
var status = this.state.status;
|
|
1842
|
-
|
|
1843
|
-
if (this.props.in) {
|
|
1844
|
-
if (status !== ENTERING && status !== ENTERED) {
|
|
1845
|
-
nextStatus = ENTERING;
|
|
1846
|
-
}
|
|
1847
|
-
} else {
|
|
1848
|
-
if (status === ENTERING || status === ENTERED) {
|
|
1849
|
-
nextStatus = EXITING;
|
|
1850
|
-
}
|
|
1851
|
-
}
|
|
1852
|
-
}
|
|
1853
|
-
|
|
1854
|
-
this.updateStatus(false, nextStatus);
|
|
1855
|
-
};
|
|
1856
|
-
|
|
1857
|
-
_proto.componentWillUnmount = function componentWillUnmount() {
|
|
1858
|
-
this.cancelNextCallback();
|
|
1859
|
-
};
|
|
1860
|
-
|
|
1861
|
-
_proto.getTimeouts = function getTimeouts() {
|
|
1862
|
-
var timeout = this.props.timeout;
|
|
1863
|
-
var exit, enter, appear;
|
|
1864
|
-
exit = enter = appear = timeout;
|
|
1865
|
-
|
|
1866
|
-
if (timeout != null && typeof timeout !== 'number') {
|
|
1867
|
-
exit = timeout.exit;
|
|
1868
|
-
enter = timeout.enter; // TODO: remove fallback for next major
|
|
1869
|
-
|
|
1870
|
-
appear = timeout.appear !== undefined ? timeout.appear : enter;
|
|
1871
|
-
}
|
|
1872
|
-
|
|
1873
|
-
return {
|
|
1874
|
-
exit: exit,
|
|
1875
|
-
enter: enter,
|
|
1876
|
-
appear: appear
|
|
1877
|
-
};
|
|
1878
|
-
};
|
|
1879
|
-
|
|
1880
|
-
_proto.updateStatus = function updateStatus(mounting, nextStatus) {
|
|
1881
|
-
if (mounting === void 0) {
|
|
1882
|
-
mounting = false;
|
|
1883
|
-
}
|
|
1884
|
-
|
|
1885
|
-
if (nextStatus !== null) {
|
|
1886
|
-
// nextStatus will always be ENTERING or EXITING.
|
|
1887
|
-
this.cancelNextCallback();
|
|
1888
|
-
|
|
1889
|
-
if (nextStatus === ENTERING) {
|
|
1890
|
-
if (this.props.unmountOnExit || this.props.mountOnEnter) {
|
|
1891
|
-
var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM__default["default"].findDOMNode(this); // https://github.com/reactjs/react-transition-group/pull/749
|
|
1892
|
-
// With unmountOnExit or mountOnEnter, the enter animation should happen at the transition between `exited` and `entering`.
|
|
1893
|
-
// To make the animation happen, we have to separate each rendering and avoid being processed as batched.
|
|
1894
|
-
|
|
1895
|
-
if (node) forceReflow(node);
|
|
1896
|
-
}
|
|
1897
|
-
|
|
1898
|
-
this.performEnter(mounting);
|
|
1899
|
-
} else {
|
|
1900
|
-
this.performExit();
|
|
1901
|
-
}
|
|
1902
|
-
} else if (this.props.unmountOnExit && this.state.status === EXITED) {
|
|
1903
|
-
this.setState({
|
|
1904
|
-
status: UNMOUNTED
|
|
1905
|
-
});
|
|
1906
|
-
}
|
|
1907
|
-
};
|
|
1908
|
-
|
|
1909
|
-
_proto.performEnter = function performEnter(mounting) {
|
|
1910
|
-
var _this2 = this;
|
|
1911
|
-
|
|
1912
|
-
var enter = this.props.enter;
|
|
1913
|
-
var appearing = this.context ? this.context.isMounting : mounting;
|
|
1914
|
-
|
|
1915
|
-
var _ref2 = this.props.nodeRef ? [appearing] : [ReactDOM__default["default"].findDOMNode(this), appearing],
|
|
1916
|
-
maybeNode = _ref2[0],
|
|
1917
|
-
maybeAppearing = _ref2[1];
|
|
1918
|
-
|
|
1919
|
-
var timeouts = this.getTimeouts();
|
|
1920
|
-
var enterTimeout = appearing ? timeouts.appear : timeouts.enter; // no enter animation skip right to ENTERED
|
|
1921
|
-
// if we are mounting and running this it means appear _must_ be set
|
|
1922
|
-
|
|
1923
|
-
if (!mounting && !enter || config.disabled) {
|
|
1924
|
-
this.safeSetState({
|
|
1925
|
-
status: ENTERED
|
|
1926
|
-
}, function () {
|
|
1927
|
-
_this2.props.onEntered(maybeNode);
|
|
1928
|
-
});
|
|
1929
|
-
return;
|
|
1930
|
-
}
|
|
1931
|
-
|
|
1932
|
-
this.props.onEnter(maybeNode, maybeAppearing);
|
|
1933
|
-
this.safeSetState({
|
|
1934
|
-
status: ENTERING
|
|
1935
|
-
}, function () {
|
|
1936
|
-
_this2.props.onEntering(maybeNode, maybeAppearing);
|
|
1937
|
-
|
|
1938
|
-
_this2.onTransitionEnd(enterTimeout, function () {
|
|
1939
|
-
_this2.safeSetState({
|
|
1940
|
-
status: ENTERED
|
|
1941
|
-
}, function () {
|
|
1942
|
-
_this2.props.onEntered(maybeNode, maybeAppearing);
|
|
1943
|
-
});
|
|
1944
|
-
});
|
|
1945
|
-
});
|
|
1946
|
-
};
|
|
1947
|
-
|
|
1948
|
-
_proto.performExit = function performExit() {
|
|
1949
|
-
var _this3 = this;
|
|
1950
|
-
|
|
1951
|
-
var exit = this.props.exit;
|
|
1952
|
-
var timeouts = this.getTimeouts();
|
|
1953
|
-
var maybeNode = this.props.nodeRef ? undefined : ReactDOM__default["default"].findDOMNode(this); // no exit animation skip right to EXITED
|
|
1954
|
-
|
|
1955
|
-
if (!exit || config.disabled) {
|
|
1956
|
-
this.safeSetState({
|
|
1957
|
-
status: EXITED
|
|
1958
|
-
}, function () {
|
|
1959
|
-
_this3.props.onExited(maybeNode);
|
|
1960
|
-
});
|
|
1961
|
-
return;
|
|
1962
|
-
}
|
|
1963
|
-
|
|
1964
|
-
this.props.onExit(maybeNode);
|
|
1965
|
-
this.safeSetState({
|
|
1966
|
-
status: EXITING
|
|
1967
|
-
}, function () {
|
|
1968
|
-
_this3.props.onExiting(maybeNode);
|
|
1969
|
-
|
|
1970
|
-
_this3.onTransitionEnd(timeouts.exit, function () {
|
|
1971
|
-
_this3.safeSetState({
|
|
1972
|
-
status: EXITED
|
|
1973
|
-
}, function () {
|
|
1974
|
-
_this3.props.onExited(maybeNode);
|
|
1975
|
-
});
|
|
1976
|
-
});
|
|
1977
|
-
});
|
|
1978
|
-
};
|
|
1979
|
-
|
|
1980
|
-
_proto.cancelNextCallback = function cancelNextCallback() {
|
|
1981
|
-
if (this.nextCallback !== null) {
|
|
1982
|
-
this.nextCallback.cancel();
|
|
1983
|
-
this.nextCallback = null;
|
|
1984
|
-
}
|
|
1985
|
-
};
|
|
1986
|
-
|
|
1987
|
-
_proto.safeSetState = function safeSetState(nextState, callback) {
|
|
1988
|
-
// This shouldn't be necessary, but there are weird race conditions with
|
|
1989
|
-
// setState callbacks and unmounting in testing, so always make sure that
|
|
1990
|
-
// we can cancel any pending setState callbacks after we unmount.
|
|
1991
|
-
callback = this.setNextCallback(callback);
|
|
1992
|
-
this.setState(nextState, callback);
|
|
1993
|
-
};
|
|
1994
|
-
|
|
1995
|
-
_proto.setNextCallback = function setNextCallback(callback) {
|
|
1996
|
-
var _this4 = this;
|
|
1997
|
-
|
|
1998
|
-
var active = true;
|
|
1999
|
-
|
|
2000
|
-
this.nextCallback = function (event) {
|
|
2001
|
-
if (active) {
|
|
2002
|
-
active = false;
|
|
2003
|
-
_this4.nextCallback = null;
|
|
2004
|
-
callback(event);
|
|
2005
|
-
}
|
|
2006
|
-
};
|
|
2007
|
-
|
|
2008
|
-
this.nextCallback.cancel = function () {
|
|
2009
|
-
active = false;
|
|
2010
|
-
};
|
|
2011
|
-
|
|
2012
|
-
return this.nextCallback;
|
|
2013
|
-
};
|
|
2014
|
-
|
|
2015
|
-
_proto.onTransitionEnd = function onTransitionEnd(timeout, handler) {
|
|
2016
|
-
this.setNextCallback(handler);
|
|
2017
|
-
var node = this.props.nodeRef ? this.props.nodeRef.current : ReactDOM__default["default"].findDOMNode(this);
|
|
2018
|
-
var doesNotHaveTimeoutOrListener = timeout == null && !this.props.addEndListener;
|
|
2019
|
-
|
|
2020
|
-
if (!node || doesNotHaveTimeoutOrListener) {
|
|
2021
|
-
setTimeout(this.nextCallback, 0);
|
|
2022
|
-
return;
|
|
2023
|
-
}
|
|
2024
|
-
|
|
2025
|
-
if (this.props.addEndListener) {
|
|
2026
|
-
var _ref3 = this.props.nodeRef ? [this.nextCallback] : [node, this.nextCallback],
|
|
2027
|
-
maybeNode = _ref3[0],
|
|
2028
|
-
maybeNextCallback = _ref3[1];
|
|
2029
|
-
|
|
2030
|
-
this.props.addEndListener(maybeNode, maybeNextCallback);
|
|
2031
|
-
}
|
|
2032
|
-
|
|
2033
|
-
if (timeout != null) {
|
|
2034
|
-
setTimeout(this.nextCallback, timeout);
|
|
2035
|
-
}
|
|
2036
|
-
};
|
|
2037
|
-
|
|
2038
|
-
_proto.render = function render() {
|
|
2039
|
-
var status = this.state.status;
|
|
2040
|
-
|
|
2041
|
-
if (status === UNMOUNTED) {
|
|
2042
|
-
return null;
|
|
2043
|
-
}
|
|
2044
|
-
|
|
2045
|
-
var _this$props = this.props,
|
|
2046
|
-
children = _this$props.children;
|
|
2047
|
-
_this$props.in;
|
|
2048
|
-
_this$props.mountOnEnter;
|
|
2049
|
-
_this$props.unmountOnExit;
|
|
2050
|
-
_this$props.appear;
|
|
2051
|
-
_this$props.enter;
|
|
2052
|
-
_this$props.exit;
|
|
2053
|
-
_this$props.timeout;
|
|
2054
|
-
_this$props.addEndListener;
|
|
2055
|
-
_this$props.onEnter;
|
|
2056
|
-
_this$props.onEntering;
|
|
2057
|
-
_this$props.onEntered;
|
|
2058
|
-
_this$props.onExit;
|
|
2059
|
-
_this$props.onExiting;
|
|
2060
|
-
_this$props.onExited;
|
|
2061
|
-
_this$props.nodeRef;
|
|
2062
|
-
var childProps = _objectWithoutPropertiesLoose(_this$props, ["children", "in", "mountOnEnter", "unmountOnExit", "appear", "enter", "exit", "timeout", "addEndListener", "onEnter", "onEntering", "onEntered", "onExit", "onExiting", "onExited", "nodeRef"]);
|
|
2063
|
-
|
|
2064
|
-
return (
|
|
2065
|
-
/*#__PURE__*/
|
|
2066
|
-
// allows for nested Transitions
|
|
2067
|
-
React__default["default"].createElement(TransitionGroupContext.Provider, {
|
|
2068
|
-
value: null
|
|
2069
|
-
}, typeof children === 'function' ? children(status, childProps) : React__default["default"].cloneElement(React__default["default"].Children.only(children), childProps))
|
|
2070
|
-
);
|
|
2071
|
-
};
|
|
2072
|
-
|
|
2073
|
-
return Transition;
|
|
2074
|
-
}(React__default["default"].Component);
|
|
2075
|
-
|
|
2076
|
-
Transition.contextType = TransitionGroupContext;
|
|
2077
|
-
Transition.propTypes = {}; // Name the function so it is clearer in the documentation
|
|
2078
|
-
|
|
2079
|
-
function noop() {}
|
|
2080
|
-
|
|
2081
|
-
Transition.defaultProps = {
|
|
2082
|
-
in: false,
|
|
2083
|
-
mountOnEnter: false,
|
|
2084
|
-
unmountOnExit: false,
|
|
2085
|
-
appear: false,
|
|
2086
|
-
enter: true,
|
|
2087
|
-
exit: true,
|
|
2088
|
-
onEnter: noop,
|
|
2089
|
-
onEntering: noop,
|
|
2090
|
-
onEntered: noop,
|
|
2091
|
-
onExit: noop,
|
|
2092
|
-
onExiting: noop,
|
|
2093
|
-
onExited: noop
|
|
2094
|
-
};
|
|
2095
|
-
Transition.UNMOUNTED = UNMOUNTED;
|
|
2096
|
-
Transition.EXITED = EXITED;
|
|
2097
|
-
Transition.ENTERING = ENTERING;
|
|
2098
|
-
Transition.ENTERED = ENTERED;
|
|
2099
|
-
Transition.EXITING = EXITING;
|
|
2100
|
-
var Transition$1 = Transition;
|
|
2101
|
-
|
|
2102
|
-
var _addClass = function addClass$1(node, classes) {
|
|
2103
|
-
return node && classes && classes.split(' ').forEach(function (c) {
|
|
2104
|
-
return addClass(node, c);
|
|
2105
|
-
});
|
|
2106
|
-
};
|
|
2107
|
-
|
|
2108
|
-
var removeClass = function removeClass(node, classes) {
|
|
2109
|
-
return node && classes && classes.split(' ').forEach(function (c) {
|
|
2110
|
-
return removeClass$1(node, c);
|
|
2111
|
-
});
|
|
2112
|
-
};
|
|
2113
|
-
/**
|
|
2114
|
-
* A transition component inspired by the excellent
|
|
2115
|
-
* [ng-animate](https://docs.angularjs.org/api/ngAnimate) library, you should
|
|
2116
|
-
* use it if you're using CSS transitions or animations. It's built upon the
|
|
2117
|
-
* [`Transition`](https://reactcommunity.org/react-transition-group/transition)
|
|
2118
|
-
* component, so it inherits all of its props.
|
|
2119
|
-
*
|
|
2120
|
-
* `CSSTransition` applies a pair of class names during the `appear`, `enter`,
|
|
2121
|
-
* and `exit` states of the transition. The first class is applied and then a
|
|
2122
|
-
* second `*-active` class in order to activate the CSS transition. After the
|
|
2123
|
-
* transition, matching `*-done` class names are applied to persist the
|
|
2124
|
-
* transition state.
|
|
2125
|
-
*
|
|
2126
|
-
* ```jsx
|
|
2127
|
-
* function App() {
|
|
2128
|
-
* const [inProp, setInProp] = useState(false);
|
|
2129
|
-
* return (
|
|
2130
|
-
* <div>
|
|
2131
|
-
* <CSSTransition in={inProp} timeout={200} classNames="my-node">
|
|
2132
|
-
* <div>
|
|
2133
|
-
* {"I'll receive my-node-* classes"}
|
|
2134
|
-
* </div>
|
|
2135
|
-
* </CSSTransition>
|
|
2136
|
-
* <button type="button" onClick={() => setInProp(true)}>
|
|
2137
|
-
* Click to Enter
|
|
2138
|
-
* </button>
|
|
2139
|
-
* </div>
|
|
2140
|
-
* );
|
|
2141
|
-
* }
|
|
2142
|
-
* ```
|
|
2143
|
-
*
|
|
2144
|
-
* When the `in` prop is set to `true`, the child component will first receive
|
|
2145
|
-
* the class `example-enter`, then the `example-enter-active` will be added in
|
|
2146
|
-
* the next tick. `CSSTransition` [forces a
|
|
2147
|
-
* reflow](https://github.com/reactjs/react-transition-group/blob/5007303e729a74be66a21c3e2205e4916821524b/src/CSSTransition.js#L208-L215)
|
|
2148
|
-
* between before adding the `example-enter-active`. This is an important trick
|
|
2149
|
-
* because it allows us to transition between `example-enter` and
|
|
2150
|
-
* `example-enter-active` even though they were added immediately one after
|
|
2151
|
-
* another. Most notably, this is what makes it possible for us to animate
|
|
2152
|
-
* _appearance_.
|
|
2153
|
-
*
|
|
2154
|
-
* ```css
|
|
2155
|
-
* .my-node-enter {
|
|
2156
|
-
* opacity: 0;
|
|
2157
|
-
* }
|
|
2158
|
-
* .my-node-enter-active {
|
|
2159
|
-
* opacity: 1;
|
|
2160
|
-
* transition: opacity 200ms;
|
|
2161
|
-
* }
|
|
2162
|
-
* .my-node-exit {
|
|
2163
|
-
* opacity: 1;
|
|
2164
|
-
* }
|
|
2165
|
-
* .my-node-exit-active {
|
|
2166
|
-
* opacity: 0;
|
|
2167
|
-
* transition: opacity 200ms;
|
|
2168
|
-
* }
|
|
2169
|
-
* ```
|
|
2170
|
-
*
|
|
2171
|
-
* `*-active` classes represent which styles you want to animate **to**, so it's
|
|
2172
|
-
* important to add `transition` declaration only to them, otherwise transitions
|
|
2173
|
-
* might not behave as intended! This might not be obvious when the transitions
|
|
2174
|
-
* are symmetrical, i.e. when `*-enter-active` is the same as `*-exit`, like in
|
|
2175
|
-
* the example above (minus `transition`), but it becomes apparent in more
|
|
2176
|
-
* complex transitions.
|
|
2177
|
-
*
|
|
2178
|
-
* **Note**: If you're using the
|
|
2179
|
-
* [`appear`](http://reactcommunity.org/react-transition-group/transition#Transition-prop-appear)
|
|
2180
|
-
* prop, make sure to define styles for `.appear-*` classes as well.
|
|
2181
|
-
*/
|
|
2182
|
-
|
|
2183
|
-
|
|
2184
|
-
var CSSTransition = /*#__PURE__*/function (_React$Component) {
|
|
2185
|
-
_inheritsLoose(CSSTransition, _React$Component);
|
|
2186
|
-
|
|
2187
|
-
function CSSTransition() {
|
|
2188
|
-
var _this;
|
|
2189
|
-
|
|
2190
|
-
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
2191
|
-
args[_key] = arguments[_key];
|
|
2192
|
-
}
|
|
2193
|
-
|
|
2194
|
-
_this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
|
|
2195
|
-
_this.appliedClasses = {
|
|
2196
|
-
appear: {},
|
|
2197
|
-
enter: {},
|
|
2198
|
-
exit: {}
|
|
2199
|
-
};
|
|
2200
|
-
|
|
2201
|
-
_this.onEnter = function (maybeNode, maybeAppearing) {
|
|
2202
|
-
var _this$resolveArgument = _this.resolveArguments(maybeNode, maybeAppearing),
|
|
2203
|
-
node = _this$resolveArgument[0],
|
|
2204
|
-
appearing = _this$resolveArgument[1];
|
|
2205
|
-
|
|
2206
|
-
_this.removeClasses(node, 'exit');
|
|
2207
|
-
|
|
2208
|
-
_this.addClass(node, appearing ? 'appear' : 'enter', 'base');
|
|
2209
|
-
|
|
2210
|
-
if (_this.props.onEnter) {
|
|
2211
|
-
_this.props.onEnter(maybeNode, maybeAppearing);
|
|
2212
|
-
}
|
|
2213
|
-
};
|
|
2214
|
-
|
|
2215
|
-
_this.onEntering = function (maybeNode, maybeAppearing) {
|
|
2216
|
-
var _this$resolveArgument2 = _this.resolveArguments(maybeNode, maybeAppearing),
|
|
2217
|
-
node = _this$resolveArgument2[0],
|
|
2218
|
-
appearing = _this$resolveArgument2[1];
|
|
2219
|
-
|
|
2220
|
-
var type = appearing ? 'appear' : 'enter';
|
|
2221
|
-
|
|
2222
|
-
_this.addClass(node, type, 'active');
|
|
2223
|
-
|
|
2224
|
-
if (_this.props.onEntering) {
|
|
2225
|
-
_this.props.onEntering(maybeNode, maybeAppearing);
|
|
2226
|
-
}
|
|
2227
|
-
};
|
|
2228
|
-
|
|
2229
|
-
_this.onEntered = function (maybeNode, maybeAppearing) {
|
|
2230
|
-
var _this$resolveArgument3 = _this.resolveArguments(maybeNode, maybeAppearing),
|
|
2231
|
-
node = _this$resolveArgument3[0],
|
|
2232
|
-
appearing = _this$resolveArgument3[1];
|
|
2233
|
-
|
|
2234
|
-
var type = appearing ? 'appear' : 'enter';
|
|
2235
|
-
|
|
2236
|
-
_this.removeClasses(node, type);
|
|
2237
|
-
|
|
2238
|
-
_this.addClass(node, type, 'done');
|
|
2239
|
-
|
|
2240
|
-
if (_this.props.onEntered) {
|
|
2241
|
-
_this.props.onEntered(maybeNode, maybeAppearing);
|
|
2242
|
-
}
|
|
2243
|
-
};
|
|
2244
|
-
|
|
2245
|
-
_this.onExit = function (maybeNode) {
|
|
2246
|
-
var _this$resolveArgument4 = _this.resolveArguments(maybeNode),
|
|
2247
|
-
node = _this$resolveArgument4[0];
|
|
2248
|
-
|
|
2249
|
-
_this.removeClasses(node, 'appear');
|
|
2250
|
-
|
|
2251
|
-
_this.removeClasses(node, 'enter');
|
|
2252
|
-
|
|
2253
|
-
_this.addClass(node, 'exit', 'base');
|
|
2254
|
-
|
|
2255
|
-
if (_this.props.onExit) {
|
|
2256
|
-
_this.props.onExit(maybeNode);
|
|
2257
|
-
}
|
|
2258
|
-
};
|
|
2259
|
-
|
|
2260
|
-
_this.onExiting = function (maybeNode) {
|
|
2261
|
-
var _this$resolveArgument5 = _this.resolveArguments(maybeNode),
|
|
2262
|
-
node = _this$resolveArgument5[0];
|
|
2263
|
-
|
|
2264
|
-
_this.addClass(node, 'exit', 'active');
|
|
2265
|
-
|
|
2266
|
-
if (_this.props.onExiting) {
|
|
2267
|
-
_this.props.onExiting(maybeNode);
|
|
2268
|
-
}
|
|
2269
|
-
};
|
|
2270
|
-
|
|
2271
|
-
_this.onExited = function (maybeNode) {
|
|
2272
|
-
var _this$resolveArgument6 = _this.resolveArguments(maybeNode),
|
|
2273
|
-
node = _this$resolveArgument6[0];
|
|
2274
|
-
|
|
2275
|
-
_this.removeClasses(node, 'exit');
|
|
2276
|
-
|
|
2277
|
-
_this.addClass(node, 'exit', 'done');
|
|
2278
|
-
|
|
2279
|
-
if (_this.props.onExited) {
|
|
2280
|
-
_this.props.onExited(maybeNode);
|
|
2281
|
-
}
|
|
2282
|
-
};
|
|
2283
|
-
|
|
2284
|
-
_this.resolveArguments = function (maybeNode, maybeAppearing) {
|
|
2285
|
-
return _this.props.nodeRef ? [_this.props.nodeRef.current, maybeNode] // here `maybeNode` is actually `appearing`
|
|
2286
|
-
: [maybeNode, maybeAppearing];
|
|
2287
|
-
};
|
|
2288
|
-
|
|
2289
|
-
_this.getClassNames = function (type) {
|
|
2290
|
-
var classNames = _this.props.classNames;
|
|
2291
|
-
var isStringClassNames = typeof classNames === 'string';
|
|
2292
|
-
var prefix = isStringClassNames && classNames ? classNames + "-" : '';
|
|
2293
|
-
var baseClassName = isStringClassNames ? "" + prefix + type : classNames[type];
|
|
2294
|
-
var activeClassName = isStringClassNames ? baseClassName + "-active" : classNames[type + "Active"];
|
|
2295
|
-
var doneClassName = isStringClassNames ? baseClassName + "-done" : classNames[type + "Done"];
|
|
2296
|
-
return {
|
|
2297
|
-
baseClassName: baseClassName,
|
|
2298
|
-
activeClassName: activeClassName,
|
|
2299
|
-
doneClassName: doneClassName
|
|
2300
|
-
};
|
|
2301
|
-
};
|
|
2302
|
-
|
|
2303
|
-
return _this;
|
|
2304
|
-
}
|
|
2305
|
-
|
|
2306
|
-
var _proto = CSSTransition.prototype;
|
|
2307
|
-
|
|
2308
|
-
_proto.addClass = function addClass(node, type, phase) {
|
|
2309
|
-
var className = this.getClassNames(type)[phase + "ClassName"];
|
|
2310
|
-
|
|
2311
|
-
var _this$getClassNames = this.getClassNames('enter'),
|
|
2312
|
-
doneClassName = _this$getClassNames.doneClassName;
|
|
2313
|
-
|
|
2314
|
-
if (type === 'appear' && phase === 'done' && doneClassName) {
|
|
2315
|
-
className += " " + doneClassName;
|
|
2316
|
-
} // This is to force a repaint,
|
|
2317
|
-
// which is necessary in order to transition styles when adding a class name.
|
|
2318
|
-
|
|
2319
|
-
|
|
2320
|
-
if (phase === 'active') {
|
|
2321
|
-
if (node) forceReflow(node);
|
|
2322
|
-
}
|
|
2323
|
-
|
|
2324
|
-
if (className) {
|
|
2325
|
-
this.appliedClasses[type][phase] = className;
|
|
2326
|
-
|
|
2327
|
-
_addClass(node, className);
|
|
2328
|
-
}
|
|
2329
|
-
};
|
|
2330
|
-
|
|
2331
|
-
_proto.removeClasses = function removeClasses(node, type) {
|
|
2332
|
-
var _this$appliedClasses$ = this.appliedClasses[type],
|
|
2333
|
-
baseClassName = _this$appliedClasses$.base,
|
|
2334
|
-
activeClassName = _this$appliedClasses$.active,
|
|
2335
|
-
doneClassName = _this$appliedClasses$.done;
|
|
2336
|
-
this.appliedClasses[type] = {};
|
|
2337
|
-
|
|
2338
|
-
if (baseClassName) {
|
|
2339
|
-
removeClass(node, baseClassName);
|
|
2340
|
-
}
|
|
2341
|
-
|
|
2342
|
-
if (activeClassName) {
|
|
2343
|
-
removeClass(node, activeClassName);
|
|
2344
|
-
}
|
|
2345
|
-
|
|
2346
|
-
if (doneClassName) {
|
|
2347
|
-
removeClass(node, doneClassName);
|
|
2348
|
-
}
|
|
2349
|
-
};
|
|
2350
|
-
|
|
2351
|
-
_proto.render = function render() {
|
|
2352
|
-
var _this$props = this.props;
|
|
2353
|
-
_this$props.classNames;
|
|
2354
|
-
var props = _objectWithoutPropertiesLoose(_this$props, ["classNames"]);
|
|
2355
|
-
|
|
2356
|
-
return /*#__PURE__*/React__default["default"].createElement(Transition$1, _extends({}, props, {
|
|
2357
|
-
onEnter: this.onEnter,
|
|
2358
|
-
onEntered: this.onEntered,
|
|
2359
|
-
onEntering: this.onEntering,
|
|
2360
|
-
onExit: this.onExit,
|
|
2361
|
-
onExiting: this.onExiting,
|
|
2362
|
-
onExited: this.onExited
|
|
2363
|
-
}));
|
|
2364
|
-
};
|
|
2365
|
-
|
|
2366
|
-
return CSSTransition;
|
|
2367
|
-
}(React__default["default"].Component);
|
|
2368
|
-
|
|
2369
|
-
CSSTransition.defaultProps = {
|
|
2370
|
-
classNames: ''
|
|
2371
|
-
};
|
|
2372
|
-
CSSTransition.propTypes = {};
|
|
2373
|
-
var CSSTransition$1 = CSSTransition;
|
|
2374
|
-
|
|
2375
1604
|
var Body = function Body(_ref) {
|
|
2376
1605
|
var children = _ref.children,
|
|
2377
1606
|
_ref$className = _ref.className,
|
|
@@ -2424,7 +1653,7 @@ var Slider = function Slider(_ref) {
|
|
|
2424
1653
|
});
|
|
2425
1654
|
return /*#__PURE__*/React__default["default"].createElement(Portal, {
|
|
2426
1655
|
rootId: "neeto-filters-portal"
|
|
2427
|
-
}, /*#__PURE__*/React__default["default"].createElement(CSSTransition
|
|
1656
|
+
}, /*#__PURE__*/React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
|
|
2428
1657
|
unmountOnExit: true,
|
|
2429
1658
|
appear: isOpen,
|
|
2430
1659
|
classNames: "neeto-filters-slider",
|
|
@@ -2471,7 +1700,7 @@ var useFilters = function useFilters(_ref) {
|
|
|
2471
1700
|
var handlePrecenseOfDefaultFilters = function handlePrecenseOfDefaultFilters(defaultFilters) {
|
|
2472
1701
|
var params = buildUrlFromFilters({
|
|
2473
1702
|
columns: columns,
|
|
2474
|
-
filters: isKeywordFilterPresent(keywordFilter) &&
|
|
1703
|
+
filters: isKeywordFilterPresent(keywordFilter) && neetocist.isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(defaultFilters), [keywordFilter]) : defaultFilters
|
|
2475
1704
|
});
|
|
2476
1705
|
history.replace({
|
|
2477
1706
|
search: params
|
|
@@ -2491,7 +1720,7 @@ var useFilters = function useFilters(_ref) {
|
|
|
2491
1720
|
return;
|
|
2492
1721
|
}
|
|
2493
1722
|
var newFilters = buildFiltersFromSearchParams(columns);
|
|
2494
|
-
var filtersPayload = isKeywordFilterPresent(keywordFilter) &&
|
|
1723
|
+
var filtersPayload = isKeywordFilterPresent(keywordFilter) && neetocist.isNotEmpty(getSearchTermFromUrl()) ? ramda.append(keywordFilter, newFilters) : newFilters;
|
|
2495
1724
|
handleFiltersChange(filtersPayload);
|
|
2496
1725
|
onSelectorsChange(buildSelectorsFromURL(columns));
|
|
2497
1726
|
};
|
|
@@ -2516,7 +1745,7 @@ var useFilters = function useFilters(_ref) {
|
|
|
2516
1745
|
initialRender.current = false;
|
|
2517
1746
|
var keywordValue = getSearchTermFromUrl();
|
|
2518
1747
|
var defaultFilters = buildDefaultFilters(columns, filters);
|
|
2519
|
-
|
|
1748
|
+
neetocist.isNotEmpty(defaultFilters) && handlePrecenseOfDefaultFilters(defaultFilters);
|
|
2520
1749
|
prevFilters.current = ramda.append(ramda.mergeRight(keywordFilter, {
|
|
2521
1750
|
value: keywordValue
|
|
2522
1751
|
}), filters);
|
|
@@ -2540,14 +1769,14 @@ var buildDropdownValue = function buildDropdownValue(_ref) {
|
|
|
2540
1769
|
return filter.value.includes(value);
|
|
2541
1770
|
});
|
|
2542
1771
|
}
|
|
2543
|
-
return
|
|
1772
|
+
return neetocist.findBy({
|
|
2544
1773
|
value: filter.value
|
|
2545
1774
|
}, options);
|
|
2546
1775
|
};
|
|
2547
1776
|
var buildSingleTimeValue = function buildSingleTimeValue(filter) {
|
|
2548
1777
|
var _findBy2;
|
|
2549
1778
|
if (!filter) return null;
|
|
2550
|
-
return (_findBy2 =
|
|
1779
|
+
return (_findBy2 = neetocist.findBy({
|
|
2551
1780
|
value: filter.value
|
|
2552
1781
|
}, TIME_OPTIONS)) !== null && _findBy2 !== void 0 ? _findBy2 : ramda.last(TIME_OPTIONS);
|
|
2553
1782
|
};
|
|
@@ -2564,24 +1793,24 @@ var buildDropdownOptions = function buildDropdownOptions(_ref3) {
|
|
|
2564
1793
|
if (!filter) return options;
|
|
2565
1794
|
if (isMulti(defaultType)) {
|
|
2566
1795
|
var selectedOptions = filter.value.map(function (value) {
|
|
2567
|
-
return
|
|
1796
|
+
return neetocist.findBy({
|
|
2568
1797
|
value: value
|
|
2569
|
-
}, options) ||
|
|
1798
|
+
}, options) || neetocist.toLabelAndValue(value);
|
|
2570
1799
|
});
|
|
2571
1800
|
var nonSelectedOptions = options.filter(function (option) {
|
|
2572
1801
|
return !filter.value.includes(option.value);
|
|
2573
1802
|
});
|
|
2574
1803
|
return ramda.concat(selectedOptions, nonSelectedOptions);
|
|
2575
1804
|
}
|
|
2576
|
-
if (!
|
|
1805
|
+
if (!neetocist.findBy({
|
|
2577
1806
|
value: filter.value
|
|
2578
1807
|
}, options)) {
|
|
2579
|
-
return ramda.append(
|
|
1808
|
+
return ramda.append(neetocist.toLabelAndValue(filter.value), options);
|
|
2580
1809
|
}
|
|
2581
1810
|
return options;
|
|
2582
1811
|
};
|
|
2583
1812
|
var initializeDateRule = function initializeDateRule(filter) {
|
|
2584
|
-
return filter ?
|
|
1813
|
+
return filter ? neetocist.findBy({
|
|
2585
1814
|
value: filter === null || filter === void 0 ? void 0 : filter.value
|
|
2586
1815
|
}, DATE_OPTIONS) || findDateOption(filter, DATE_OPTIONS) : {};
|
|
2587
1816
|
};
|
|
@@ -2603,9 +1832,9 @@ var findDateOption = function findDateOption(filter, options) {
|
|
|
2603
1832
|
var currentMoment = dayjs();
|
|
2604
1833
|
var diffWithStart = Math.abs(currentMoment.diff(dayjs(value[0]), "year"));
|
|
2605
1834
|
var diffWithEnd = Math.abs(currentMoment.diff(dayjs(value[1]), "year"));
|
|
2606
|
-
return diffWithStart < diffWithEnd ?
|
|
1835
|
+
return diffWithStart < diffWithEnd ? neetocist.findBy({
|
|
2607
1836
|
value: "after"
|
|
2608
|
-
}, options) :
|
|
1837
|
+
}, options) : neetocist.findBy({
|
|
2609
1838
|
value: "before"
|
|
2610
1839
|
}, options);
|
|
2611
1840
|
};
|
|
@@ -2664,12 +1893,12 @@ var Boolean = function Boolean(_ref) {
|
|
|
2664
1893
|
options: options,
|
|
2665
1894
|
value: value,
|
|
2666
1895
|
isClearable: true
|
|
2667
|
-
},
|
|
1896
|
+
}, neetocist.isNotEmpty(helpIconProps) && {
|
|
2668
1897
|
labelProps: {
|
|
2669
1898
|
helpIconProps: buildHelpIconProps(helpIconProps)
|
|
2670
1899
|
}
|
|
2671
1900
|
}, {
|
|
2672
|
-
"data-cy": "neeto-filters-".concat(
|
|
1901
|
+
"data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-filter"),
|
|
2673
1902
|
strategy: "fixed",
|
|
2674
1903
|
placeholder: t("neetoFilters.messages.selectOption", {
|
|
2675
1904
|
resource: label
|
|
@@ -2742,21 +1971,21 @@ var Datetime = function Datetime(_ref) {
|
|
|
2742
1971
|
autoFocus: autoFocus,
|
|
2743
1972
|
label: label,
|
|
2744
1973
|
isClearable: true,
|
|
2745
|
-
"data-cy": "neeto-filters-".concat(
|
|
1974
|
+
"data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-filter"),
|
|
2746
1975
|
options: DATE_OPTIONS,
|
|
2747
1976
|
strategy: "fixed",
|
|
2748
1977
|
value: selectedRule,
|
|
2749
1978
|
placeholder: t("neetoFilters.messages.selectResource", {
|
|
2750
1979
|
resource: label
|
|
2751
1980
|
})
|
|
2752
|
-
},
|
|
1981
|
+
}, neetocist.isNotEmpty(helpIconProps) && {
|
|
2753
1982
|
labelProps: {
|
|
2754
1983
|
helpIconProps: buildHelpIconProps(helpIconProps)
|
|
2755
1984
|
}
|
|
2756
1985
|
}, {
|
|
2757
1986
|
onChange: handleChange
|
|
2758
1987
|
})), isDatePickerShown && /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, _extends({
|
|
2759
|
-
"data-cy": "neeto-filters-".concat(
|
|
1988
|
+
"data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-date-range"),
|
|
2760
1989
|
getPopupContainer: ramda.prop("parentNode"),
|
|
2761
1990
|
type: (selectedRule === null || selectedRule === void 0 ? void 0 : selectedRule.value) === "custom-date-range" ? "range" : "date",
|
|
2762
1991
|
value: getDateValue(filter === null || filter === void 0 ? void 0 : filter.value, selectedRule),
|
|
@@ -2814,14 +2043,14 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
2814
2043
|
label: label,
|
|
2815
2044
|
options: options,
|
|
2816
2045
|
value: value,
|
|
2817
|
-
"data-cy": "neeto-filters-".concat(
|
|
2046
|
+
"data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-filter"),
|
|
2818
2047
|
isClearable: !defaultValue && isClearable,
|
|
2819
2048
|
isMulti: isMulti(defaultType),
|
|
2820
2049
|
strategy: "fixed",
|
|
2821
2050
|
placeholder: t("neetoFilters.messages.selectResource", {
|
|
2822
2051
|
resource: label
|
|
2823
2052
|
})
|
|
2824
|
-
},
|
|
2053
|
+
}, neetocist.isNotEmpty(helpIconProps) && {
|
|
2825
2054
|
labelProps: {
|
|
2826
2055
|
helpIconProps: buildHelpIconProps(helpIconProps)
|
|
2827
2056
|
}
|
|
@@ -2838,7 +2067,7 @@ var SingleDatetime = function SingleDatetime(_ref) {
|
|
|
2838
2067
|
handleApplyFilter = _ref.handleApplyFilter,
|
|
2839
2068
|
autoFocus = _ref.autoFocus;
|
|
2840
2069
|
var _useState = React.useState(function () {
|
|
2841
|
-
return
|
|
2070
|
+
return neetocist.findBy({
|
|
2842
2071
|
value: filter === null || filter === void 0 ? void 0 : filter.rule
|
|
2843
2072
|
}, SINGLE_DATE_OPTIONS) || SINGLE_DATE_OPTIONS[0];
|
|
2844
2073
|
}),
|
|
@@ -2900,12 +2129,12 @@ var SingleDatetime = function SingleDatetime(_ref) {
|
|
|
2900
2129
|
className: "neeto-filters-pane-filter__item-wrapper"
|
|
2901
2130
|
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
|
|
2902
2131
|
label: label,
|
|
2903
|
-
"data-cy": "neeto-filters-".concat(
|
|
2132
|
+
"data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-filter-rule"),
|
|
2904
2133
|
defaultValue: SINGLE_DATE_OPTIONS[0],
|
|
2905
2134
|
options: SINGLE_DATE_OPTIONS,
|
|
2906
2135
|
strategy: "fixed",
|
|
2907
2136
|
value: selectedRule
|
|
2908
|
-
},
|
|
2137
|
+
}, neetocist.isNotEmpty(helpIconProps) && {
|
|
2909
2138
|
labelProps: {
|
|
2910
2139
|
helpIconProps: buildHelpIconProps(helpIconProps)
|
|
2911
2140
|
}
|
|
@@ -2914,7 +2143,7 @@ var SingleDatetime = function SingleDatetime(_ref) {
|
|
|
2914
2143
|
})), /*#__PURE__*/React__default["default"].createElement(neetoui.DatePicker, _extends({
|
|
2915
2144
|
autoFocus: autoFocus,
|
|
2916
2145
|
value: value,
|
|
2917
|
-
"data-cy": "neeto-filters-".concat(
|
|
2146
|
+
"data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-filter"),
|
|
2918
2147
|
getPopupContainer: ramda.prop("parentNode"),
|
|
2919
2148
|
type: datePickerType,
|
|
2920
2149
|
onChange: handleChange
|
|
@@ -2928,7 +2157,7 @@ var SingleTime = function SingleTime(_ref) {
|
|
|
2928
2157
|
handleApplyFilter = _ref.handleApplyFilter,
|
|
2929
2158
|
autoFocus = _ref.autoFocus;
|
|
2930
2159
|
var _useState = React.useState(function () {
|
|
2931
|
-
return
|
|
2160
|
+
return neetocist.findBy({
|
|
2932
2161
|
value: filter === null || filter === void 0 ? void 0 : filter.rule
|
|
2933
2162
|
}, SINGLE_TIME_OPTIONS) || SINGLE_TIME_OPTIONS[0];
|
|
2934
2163
|
}),
|
|
@@ -2986,7 +2215,7 @@ var SingleTime = function SingleTime(_ref) {
|
|
|
2986
2215
|
options: SINGLE_TIME_OPTIONS,
|
|
2987
2216
|
strategy: "fixed",
|
|
2988
2217
|
value: selectedRule
|
|
2989
|
-
},
|
|
2218
|
+
}, neetocist.isNotEmpty(helpIconProps) && {
|
|
2990
2219
|
labelProps: {
|
|
2991
2220
|
helpIconProps: buildHelpIconProps(helpIconProps)
|
|
2992
2221
|
}
|
|
@@ -2997,7 +2226,7 @@ var SingleTime = function SingleTime(_ref) {
|
|
|
2997
2226
|
value: value,
|
|
2998
2227
|
use12Hours: true,
|
|
2999
2228
|
className: "w-full",
|
|
3000
|
-
"data-cy": "neeto-filters-".concat(
|
|
2229
|
+
"data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-filter"),
|
|
3001
2230
|
format: "h:mm A",
|
|
3002
2231
|
getPopupContainer: ramda.prop("parentNode"),
|
|
3003
2232
|
type: timePickerType,
|
|
@@ -3030,7 +2259,7 @@ var Text = function Text(_ref) {
|
|
|
3030
2259
|
inputValue = _useState2[0],
|
|
3031
2260
|
setInputValue = _useState2[1];
|
|
3032
2261
|
var _useState3 = React.useState(function () {
|
|
3033
|
-
return
|
|
2262
|
+
return neetocist.findBy({
|
|
3034
2263
|
value: filter === null || filter === void 0 ? void 0 : filter.rule
|
|
3035
2264
|
}, ruleOptions) || ruleOptions[0];
|
|
3036
2265
|
}),
|
|
@@ -3067,7 +2296,7 @@ var Text = function Text(_ref) {
|
|
|
3067
2296
|
// Reset states when "Clear filters" button is clicked.
|
|
3068
2297
|
React.useEffect(function () {
|
|
3069
2298
|
(ramda.isEmpty(filters) || ramda.isNil(filter)) && setInputValue("");
|
|
3070
|
-
}, [
|
|
2299
|
+
}, [filter]);
|
|
3071
2300
|
React.useEffect(function () {
|
|
3072
2301
|
if (!debouncedInputValue) {
|
|
3073
2302
|
!isUndefinedOrEmpty(filter) && handleApplyFilter({
|
|
@@ -3081,23 +2310,23 @@ var Text = function Text(_ref) {
|
|
|
3081
2310
|
className: "neeto-filters-pane-filter__item-wrapper"
|
|
3082
2311
|
}, showRuleSelector && /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
|
|
3083
2312
|
label: label,
|
|
3084
|
-
"data-cy": "neeto-filters-".concat(
|
|
2313
|
+
"data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-filter-rule"),
|
|
3085
2314
|
defaultValue: ruleOptions[0],
|
|
3086
2315
|
options: ruleOptions,
|
|
3087
2316
|
strategy: "fixed",
|
|
3088
2317
|
value: selectedRule,
|
|
3089
2318
|
onChange: handleRuleChange
|
|
3090
|
-
},
|
|
2319
|
+
}, neetocist.isNotEmpty(helpIconProps) && {
|
|
3091
2320
|
labelProps: {
|
|
3092
2321
|
helpIconProps: buildHelpIconProps(helpIconProps)
|
|
3093
2322
|
}
|
|
3094
2323
|
})), /*#__PURE__*/React__default["default"].createElement(neetoui.Input, _extends({
|
|
3095
2324
|
autoFocus: autoFocus,
|
|
3096
|
-
"data-cy": "neeto-filters-".concat(
|
|
2325
|
+
"data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-filter"),
|
|
3097
2326
|
label: !showRuleSelector && label,
|
|
3098
2327
|
type: inputType,
|
|
3099
2328
|
value: inputValue
|
|
3100
|
-
},
|
|
2329
|
+
}, neetocist.isNotEmpty(helpIconProps) && {
|
|
3101
2330
|
labelProps: {
|
|
3102
2331
|
helpIconProps: buildHelpIconProps(helpIconProps)
|
|
3103
2332
|
}
|
|
@@ -3161,13 +2390,13 @@ var Time = function Time(_ref) {
|
|
|
3161
2390
|
label: label,
|
|
3162
2391
|
value: value,
|
|
3163
2392
|
isClearable: true,
|
|
3164
|
-
"data-cy": "neeto-filters-".concat(
|
|
2393
|
+
"data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-filter"),
|
|
3165
2394
|
options: TIME_OPTIONS,
|
|
3166
2395
|
strategy: "fixed",
|
|
3167
2396
|
placeholder: t("neetoFilters.messages.selectResource", {
|
|
3168
2397
|
resource: label
|
|
3169
2398
|
})
|
|
3170
|
-
},
|
|
2399
|
+
}, neetocist.isNotEmpty(helpIconProps) && {
|
|
3171
2400
|
labelProps: {
|
|
3172
2401
|
helpIconProps: buildHelpIconProps(helpIconProps)
|
|
3173
2402
|
}
|
|
@@ -3175,7 +2404,7 @@ var Time = function Time(_ref) {
|
|
|
3175
2404
|
onChange: handleChange
|
|
3176
2405
|
})), isCustomTimeRangeShown && /*#__PURE__*/React__default["default"].createElement(neetoui.TimePicker, _extends({
|
|
3177
2406
|
use12Hours: true,
|
|
3178
|
-
"data-cy": "neeto-filters-".concat(
|
|
2407
|
+
"data-cy": "neeto-filters-".concat(neetocist.hyphenate(key), "-date-range"),
|
|
3179
2408
|
format: "h:mm A",
|
|
3180
2409
|
getPopupContainer: ramda.prop("parentNode"),
|
|
3181
2410
|
type: "range",
|
|
@@ -3195,14 +2424,14 @@ var Item = function Item(_ref) {
|
|
|
3195
2424
|
_column$defaultType = column.defaultType,
|
|
3196
2425
|
defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType;
|
|
3197
2426
|
var filter = React.useMemo(function () {
|
|
3198
|
-
return
|
|
2427
|
+
return neetocist.findBy({
|
|
3199
2428
|
key: key
|
|
3200
2429
|
}, filters);
|
|
3201
2430
|
}, [filters, key]);
|
|
3202
2431
|
var handleApplyFilter = function handleApplyFilter(updatedFilter) {
|
|
3203
|
-
if (updatedFilter._delete) onChange(
|
|
2432
|
+
if (updatedFilter._delete) onChange(neetocist.removeBy({
|
|
3204
2433
|
key: key
|
|
3205
|
-
}, filters));else if (!filter) onChange(ramda.append(updatedFilter, filters));else onChange(
|
|
2434
|
+
}, filters));else if (!filter) onChange(ramda.append(updatedFilter, filters));else onChange(neetocist.replaceBy({
|
|
3206
2435
|
key: key
|
|
3207
2436
|
}, updatedFilter, filters));
|
|
3208
2437
|
};
|
|
@@ -3321,7 +2550,7 @@ var Pane = function Pane(_ref) {
|
|
|
3321
2550
|
var isClearAll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
3322
2551
|
var params = buildUrlFromFilters(_objectSpread$1({
|
|
3323
2552
|
columns: columns,
|
|
3324
|
-
filters: isKeywordFilterPresent(keywordFilter) &&
|
|
2553
|
+
filters: isKeywordFilterPresent(keywordFilter) && neetocist.isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(newFilters), [keywordFilter]) : newFilters
|
|
3325
2554
|
}, isClearAll && {
|
|
3326
2555
|
isClearAll: true,
|
|
3327
2556
|
childrenKeys: childrenKeys
|
|
@@ -3343,7 +2572,7 @@ var Pane = function Pane(_ref) {
|
|
|
3343
2572
|
var handleClose = function handleClose() {
|
|
3344
2573
|
columns.forEach(function (_ref2) {
|
|
3345
2574
|
var key = _ref2.key;
|
|
3346
|
-
var filter =
|
|
2575
|
+
var filter = neetocist.findBy({
|
|
3347
2576
|
key: key
|
|
3348
2577
|
}, filters);
|
|
3349
2578
|
if ((filter === null || filter === void 0 ? void 0 : filter.value) === "") delete searchParams[key];
|
|
@@ -3353,7 +2582,7 @@ var Pane = function Pane(_ref) {
|
|
|
3353
2582
|
var isClearFiltersDisabled = !filters.some(function (_ref3) {
|
|
3354
2583
|
var value = _ref3.value,
|
|
3355
2584
|
defaultValue = _ref3.defaultValue;
|
|
3356
|
-
return
|
|
2585
|
+
return neetocist.isPresent(value) && value !== defaultValue;
|
|
3357
2586
|
}) && !childrenKeys.some(function (key) {
|
|
3358
2587
|
return searchParams[key];
|
|
3359
2588
|
});
|
|
@@ -3388,10 +2617,10 @@ var Pane = function Pane(_ref) {
|
|
|
3388
2617
|
onChange: handleChange,
|
|
3389
2618
|
onClose: handleClearTermAndClose
|
|
3390
2619
|
});
|
|
3391
|
-
}),
|
|
2620
|
+
}), neetocist.isPresent(groupedColumns) && /*#__PURE__*/React__default["default"].createElement(neetoui.Accordion, {
|
|
3392
2621
|
defaultActiveKey: groupedColumns.findIndex(function (_ref4) {
|
|
3393
2622
|
var columns = _ref4.columns;
|
|
3394
|
-
return
|
|
2623
|
+
return neetocist.existsBy({
|
|
3395
2624
|
key: isOpen
|
|
3396
2625
|
}, columns);
|
|
3397
2626
|
})
|
|
@@ -3457,12 +2686,12 @@ var Filters = reactUtils.withT(function (_ref) {
|
|
|
3457
2686
|
isSearchable = _ref$isSearchable === void 0 ? false : _ref$isSearchable,
|
|
3458
2687
|
className = _ref.className,
|
|
3459
2688
|
_ref$onSelectorsChang = _ref.onSelectorsChange,
|
|
3460
|
-
onSelectorsChange = _ref$onSelectorsChang === void 0 ?
|
|
2689
|
+
onSelectorsChange = _ref$onSelectorsChang === void 0 ? neetocist.noop : _ref$onSelectorsChang,
|
|
3461
2690
|
_ref$keyword = _ref.keyword,
|
|
3462
2691
|
keyword = _ref$keyword === void 0 ? {
|
|
3463
2692
|
node: "",
|
|
3464
2693
|
value: "",
|
|
3465
|
-
setValue:
|
|
2694
|
+
setValue: neetocist.noop
|
|
3466
2695
|
} : _ref$keyword,
|
|
3467
2696
|
childrenKeys = _ref.childrenKeys,
|
|
3468
2697
|
children = _ref.children;
|
|
@@ -3591,7 +2820,7 @@ var Card = function Card(_ref) {
|
|
|
3591
2820
|
style: "body2"
|
|
3592
2821
|
}, segment.name), /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
|
|
3593
2822
|
buttonStyle: "text",
|
|
3594
|
-
disabled:
|
|
2823
|
+
disabled: neetocist.isNotPresent(segment.id),
|
|
3595
2824
|
icon: neetoIcons.MenuHorizontal,
|
|
3596
2825
|
size: "small"
|
|
3597
2826
|
}, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
|
|
@@ -3700,7 +2929,7 @@ var MenuBlocks = function MenuBlocks(_ref) {
|
|
|
3700
2929
|
columns: columns,
|
|
3701
2930
|
filters: [],
|
|
3702
2931
|
isClearAll: true,
|
|
3703
|
-
childrenKeys: ((_filters$ = filters[0]) === null || _filters$ === void 0 ? void 0 : _filters$.conditions) && ramda.pluck("key",
|
|
2932
|
+
childrenKeys: ((_filters$ = filters[0]) === null || _filters$ === void 0 ? void 0 : _filters$.conditions) && ramda.pluck("key", neetocist.filterBy({
|
|
3704
2933
|
node: "children"
|
|
3705
2934
|
}, (_filters$2 = filters[0]) === null || _filters$2 === void 0 ? void 0 : _filters$2.conditions))
|
|
3706
2935
|
})
|
|
@@ -3767,7 +2996,7 @@ var Segments = function Segments(_ref) {
|
|
|
3767
2996
|
var entity = _ref.entity,
|
|
3768
2997
|
columns = _ref.columns,
|
|
3769
2998
|
_ref$setIsFilterPaneO = _ref.setIsFilterPaneOpen,
|
|
3770
|
-
setIsFilterPaneOpen = _ref$setIsFilterPaneO === void 0 ?
|
|
2999
|
+
setIsFilterPaneOpen = _ref$setIsFilterPaneO === void 0 ? neetocist.noop : _ref$setIsFilterPaneO,
|
|
3771
3000
|
_ref$defaultSegmentNa = _ref.defaultSegmentName,
|
|
3772
3001
|
defaultSegmentName = _ref$defaultSegmentNa === void 0 ? i18next.t("neetoFilters.common.allResults") : _ref$defaultSegmentNa;
|
|
3773
3002
|
return function () {
|