@bigbinary/neeto-filters-frontend 3.0.4 → 3.0.6
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/README.md +220 -43
- package/{src → app/javascript/src}/translations/en.json +4 -2
- package/dist/index.cjs.js +434 -2029
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.js +367 -1958
- package/dist/index.js.map +1 -1
- package/package.json +131 -95
- package/types.d.ts +2 -0
- /package/{src → app/javascript/src}/translations/index.js +0 -0
package/dist/index.js
CHANGED
|
@@ -1,47 +1,44 @@
|
|
|
1
1
|
import React, { useState, useRef, useEffect, useTransition, useMemo } from 'react';
|
|
2
2
|
import classnames from 'classnames';
|
|
3
|
-
import
|
|
3
|
+
import i18next, { t as t$1 } from 'i18next';
|
|
4
|
+
import { capitalize, removeBy, findBy, isNotEmpty, humanize, noop as noop$1, toLabelAndValue, replaceBy, isPresent, existsBy, isNotPresent, filterBy } from '@bigbinary/neeto-cist';
|
|
4
5
|
import { useHotKeys, useMutationWithInvalidation, useQueryParams, useDebounce, withT } from '@bigbinary/neeto-commons-frontend/react-utils';
|
|
5
6
|
import { getQueryParams, dateFormat, buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
|
|
6
7
|
import { Tooltip, Typography, Dropdown as Dropdown$2, Button, Pane as Pane$1, Alert, Select, DatePicker, TimePicker, Input as Input$1, Accordion, Spinner } from '@bigbinary/neetoui';
|
|
8
|
+
import { groupBy, anyPass, isNil, isEmpty, any, toLower, mergeLeft, identity, omit, mergeRight, toPairs, not, pluck, either, has, concat, equals, pick, modify, prop, isNotNil, append, last } from 'ramda';
|
|
7
9
|
import { useTranslation, Trans } from 'react-i18next';
|
|
8
10
|
import { useHistory, useLocation } from 'react-router-dom';
|
|
9
11
|
import { Close, MenuHorizontal, Down, Search as Search$1, Settings } from '@bigbinary/neeto-icons';
|
|
10
|
-
import i18next, { t as t$1 } from 'i18next';
|
|
11
|
-
import dayjs from 'dayjs';
|
|
12
|
-
import * as yup from 'yup';
|
|
13
|
-
import timezone from 'dayjs/plugin/timezone';
|
|
14
|
-
import utc from 'dayjs/plugin/utc';
|
|
15
|
-
import weekday from 'dayjs/plugin/weekday';
|
|
16
12
|
import { Form, Input, ActionBlock } from '@bigbinary/neetoui/formik';
|
|
17
13
|
import { useQuery } from 'react-query';
|
|
18
14
|
import axios from 'axios';
|
|
15
|
+
import * as yup from 'yup';
|
|
19
16
|
import Search from '@bigbinary/neeto-molecules/Search';
|
|
20
17
|
import ReactDOM, { createPortal } from 'react-dom';
|
|
21
18
|
import MenuBar from '@bigbinary/neeto-molecules/MenuBar';
|
|
22
19
|
import { FormikInlineInput } from '@bigbinary/neeto-molecules/InlineInput';
|
|
23
20
|
|
|
24
|
-
function _arrayLikeToArray
|
|
21
|
+
function _arrayLikeToArray(arr, len) {
|
|
25
22
|
if (len == null || len > arr.length) len = arr.length;
|
|
26
23
|
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
27
24
|
return arr2;
|
|
28
25
|
}
|
|
29
26
|
|
|
30
27
|
function _arrayWithoutHoles(arr) {
|
|
31
|
-
if (Array.isArray(arr)) return _arrayLikeToArray
|
|
28
|
+
if (Array.isArray(arr)) return _arrayLikeToArray(arr);
|
|
32
29
|
}
|
|
33
30
|
|
|
34
31
|
function _iterableToArray(iter) {
|
|
35
32
|
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
|
36
33
|
}
|
|
37
34
|
|
|
38
|
-
function _unsupportedIterableToArray
|
|
35
|
+
function _unsupportedIterableToArray(o, minLen) {
|
|
39
36
|
if (!o) return;
|
|
40
|
-
if (typeof o === "string") return _arrayLikeToArray
|
|
37
|
+
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
41
38
|
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
42
39
|
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
43
40
|
if (n === "Map" || n === "Set") return Array.from(o);
|
|
44
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray
|
|
41
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
45
42
|
}
|
|
46
43
|
|
|
47
44
|
function _nonIterableSpread() {
|
|
@@ -49,25 +46,25 @@ function _nonIterableSpread() {
|
|
|
49
46
|
}
|
|
50
47
|
|
|
51
48
|
function _toConsumableArray(arr) {
|
|
52
|
-
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray
|
|
49
|
+
return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
|
|
53
50
|
}
|
|
54
51
|
|
|
55
|
-
function _typeof
|
|
52
|
+
function _typeof(obj) {
|
|
56
53
|
"@babel/helpers - typeof";
|
|
57
54
|
|
|
58
|
-
return _typeof
|
|
55
|
+
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
|
|
59
56
|
return typeof obj;
|
|
60
57
|
} : function (obj) {
|
|
61
58
|
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
62
|
-
}, _typeof
|
|
59
|
+
}, _typeof(obj);
|
|
63
60
|
}
|
|
64
61
|
|
|
65
62
|
function _toPrimitive(input, hint) {
|
|
66
|
-
if (_typeof
|
|
63
|
+
if (_typeof(input) !== "object" || input === null) return input;
|
|
67
64
|
var prim = input[Symbol.toPrimitive];
|
|
68
65
|
if (prim !== undefined) {
|
|
69
66
|
var res = prim.call(input, hint || "default");
|
|
70
|
-
if (_typeof
|
|
67
|
+
if (_typeof(res) !== "object") return res;
|
|
71
68
|
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
72
69
|
}
|
|
73
70
|
return (hint === "string" ? String : Number)(input);
|
|
@@ -75,7 +72,7 @@ function _toPrimitive(input, hint) {
|
|
|
75
72
|
|
|
76
73
|
function _toPropertyKey(arg) {
|
|
77
74
|
var key = _toPrimitive(arg, "string");
|
|
78
|
-
return _typeof
|
|
75
|
+
return _typeof(key) === "symbol" ? key : String(key);
|
|
79
76
|
}
|
|
80
77
|
|
|
81
78
|
function _defineProperty(obj, key, value) {
|
|
@@ -93,153 +90,6 @@ function _defineProperty(obj, key, value) {
|
|
|
93
90
|
return obj;
|
|
94
91
|
}
|
|
95
92
|
|
|
96
|
-
function _arrayWithHoles$1(arr) {
|
|
97
|
-
if (Array.isArray(arr)) return arr;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
function _iterableToArrayLimit$1(arr, i) {
|
|
101
|
-
var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
|
|
102
|
-
if (null != _i) {
|
|
103
|
-
var _s,
|
|
104
|
-
_e,
|
|
105
|
-
_x,
|
|
106
|
-
_r,
|
|
107
|
-
_arr = [],
|
|
108
|
-
_n = !0,
|
|
109
|
-
_d = !1;
|
|
110
|
-
try {
|
|
111
|
-
if (_x = (_i = _i.call(arr)).next, 0 === i) {
|
|
112
|
-
if (Object(_i) !== _i) return;
|
|
113
|
-
_n = !1;
|
|
114
|
-
} else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
|
|
115
|
-
} catch (err) {
|
|
116
|
-
_d = !0, _e = err;
|
|
117
|
-
} finally {
|
|
118
|
-
try {
|
|
119
|
-
if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
|
|
120
|
-
} finally {
|
|
121
|
-
if (_d) throw _e;
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
return _arr;
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
function _arrayLikeToArray(arr, len) {
|
|
129
|
-
if (len == null || len > arr.length) len = arr.length;
|
|
130
|
-
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
131
|
-
return arr2;
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
function _unsupportedIterableToArray(o, minLen) {
|
|
135
|
-
if (!o) return;
|
|
136
|
-
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
137
|
-
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
138
|
-
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
139
|
-
if (n === "Map" || n === "Set") return Array.from(o);
|
|
140
|
-
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
function _nonIterableRest$1() {
|
|
144
|
-
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
function _slicedToArray$1(arr, i) {
|
|
148
|
-
return _arrayWithHoles$1(arr) || _iterableToArrayLimit$1(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest$1();
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
function _typeof(obj) {
|
|
152
|
-
"@babel/helpers - typeof";
|
|
153
|
-
|
|
154
|
-
return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
|
|
155
|
-
return typeof obj;
|
|
156
|
-
} : function (obj) {
|
|
157
|
-
return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
|
|
158
|
-
}, _typeof(obj);
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
/**
|
|
162
|
-
* @template {Function} T
|
|
163
|
-
* @param {T} func
|
|
164
|
-
* @returns {T}
|
|
165
|
-
*/
|
|
166
|
-
var nullSafe = function nullSafe(func) {
|
|
167
|
-
return (
|
|
168
|
-
// @ts-ignore
|
|
169
|
-
curryN(func.length, function () {
|
|
170
|
-
var _ref;
|
|
171
|
-
var dataArg = (_ref = func.length - 1, _ref < 0 || arguments.length <= _ref ? undefined : arguments[_ref]);
|
|
172
|
-
return isNil(dataArg) ? dataArg : func.apply(void 0, arguments);
|
|
173
|
-
})
|
|
174
|
-
);
|
|
175
|
-
};
|
|
176
|
-
var noop$1 = function noop() {};
|
|
177
|
-
var toLabelAndValue = function toLabelAndValue(string) {
|
|
178
|
-
return {
|
|
179
|
-
label: string,
|
|
180
|
-
value: string
|
|
181
|
-
};
|
|
182
|
-
};
|
|
183
|
-
var isNotEmpty = /*#__PURE__*/complement(isEmpty);
|
|
184
|
-
var isNotPresent = /*#__PURE__*/either(isNil, isEmpty);
|
|
185
|
-
var isPresent = /*#__PURE__*/complement(isNotPresent);
|
|
186
|
-
|
|
187
|
-
var humanize = function humanize(string) {
|
|
188
|
-
string = string.replace(/[_-]+/g, " ").replace(/\s{2,}/g, " ").replace(/([a-z\d])([A-Z])/g, "$1" + " " + "$2").replace(/([A-Z]+)([A-Z][a-z\d]+)/g, "$1" + " " + "$2").toLowerCase().trim();
|
|
189
|
-
string = string.charAt(0).toUpperCase() + string.slice(1);
|
|
190
|
-
return string;
|
|
191
|
-
};
|
|
192
|
-
var capitalize = function capitalize(string) {
|
|
193
|
-
return string.charAt(0).toUpperCase() + string.slice(1);
|
|
194
|
-
};
|
|
195
|
-
|
|
196
|
-
var matchesImpl = function matchesImpl(pattern, object) {
|
|
197
|
-
var __parent = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : object;
|
|
198
|
-
if (object === pattern) return true;
|
|
199
|
-
if (typeof pattern === "function" && pattern(object, __parent)) return true;
|
|
200
|
-
if (isNil(pattern) || isNil(object)) return false;
|
|
201
|
-
if (_typeof(pattern) !== "object") return false;
|
|
202
|
-
return Object.entries(pattern).every(function (_ref) {
|
|
203
|
-
var _ref2 = _slicedToArray$1(_ref, 2),
|
|
204
|
-
key = _ref2[0],
|
|
205
|
-
value = _ref2[1];
|
|
206
|
-
return matchesImpl(value, object[key], __parent);
|
|
207
|
-
});
|
|
208
|
-
};
|
|
209
|
-
var matches = /*#__PURE__*/curry(function (pattern, object) {
|
|
210
|
-
return matchesImpl(pattern, object);
|
|
211
|
-
});
|
|
212
|
-
var filterNonNull = function filterNonNull(object) {
|
|
213
|
-
return Object.fromEntries(Object.entries(object).filter(function (_ref5) {
|
|
214
|
-
var _ref6 = _slicedToArray$1(_ref5, 2),
|
|
215
|
-
v = _ref6[1];
|
|
216
|
-
return !isNil(v);
|
|
217
|
-
}).map(function (_ref7) {
|
|
218
|
-
var _ref8 = _slicedToArray$1(_ref7, 2),
|
|
219
|
-
k = _ref8[0],
|
|
220
|
-
v = _ref8[1];
|
|
221
|
-
return [k, _typeof(v) === "object" && !Array.isArray(v) ? filterNonNull(v) : v];
|
|
222
|
-
}));
|
|
223
|
-
};
|
|
224
|
-
nullSafe(filterNonNull);
|
|
225
|
-
var findBy = /*#__PURE__*/curry(function (pattern, array) {
|
|
226
|
-
return array.find(matches(pattern));
|
|
227
|
-
});
|
|
228
|
-
var removeBy = /*#__PURE__*/curry(function (pattern, array) {
|
|
229
|
-
return array.filter(complement(matches(pattern)));
|
|
230
|
-
});
|
|
231
|
-
var replaceBy = /*#__PURE__*/curry(function (pattern, newItem, array) {
|
|
232
|
-
return array.map(function (item) {
|
|
233
|
-
return matches(pattern, item) ? newItem : item;
|
|
234
|
-
});
|
|
235
|
-
});
|
|
236
|
-
var existsBy = /*#__PURE__*/curry(function (pattern, array) {
|
|
237
|
-
return array.some(matches(pattern));
|
|
238
|
-
});
|
|
239
|
-
var filterBy = /*#__PURE__*/curry(function (pattern, array) {
|
|
240
|
-
return array.filter(matches(pattern));
|
|
241
|
-
});
|
|
242
|
-
|
|
243
93
|
var SHORTCUTS = {
|
|
244
94
|
closePane: {
|
|
245
95
|
sequence: "escape",
|
|
@@ -255,9 +105,6 @@ var SHORTCUTS = {
|
|
|
255
105
|
}
|
|
256
106
|
};
|
|
257
107
|
|
|
258
|
-
var SEGMENT_VALIDATION_SCHEMA = yup.object({
|
|
259
|
-
name: yup.string().trim().required()
|
|
260
|
-
});
|
|
261
108
|
var SEGMENTS_BASE_URL = "/neeto_filters/segments";
|
|
262
109
|
var DATE_OPTIONS = [{
|
|
263
110
|
label: "Today",
|
|
@@ -338,6 +185,23 @@ var DATE_RULES = {
|
|
|
338
185
|
"all-time": "before"
|
|
339
186
|
};
|
|
340
187
|
|
|
188
|
+
var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
|
|
189
|
+
|
|
190
|
+
function getDefaultExportFromCjs (x) {
|
|
191
|
+
return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
|
|
192
|
+
}
|
|
193
|
+
|
|
194
|
+
var dayjs_min = {exports: {}};
|
|
195
|
+
|
|
196
|
+
dayjs_min.exports;
|
|
197
|
+
|
|
198
|
+
(function (module, exports) {
|
|
199
|
+
!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 b},S=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},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new b(n)},O=v;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var b=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t);}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(O.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.$x=t.x||{},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 O},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.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=!!O.u(e)||e,f=O.p(t),l=function(t,e){var i=O.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 O.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=O.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[O.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=O.p(f),y=function(t){var e=w(l);return O.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 O.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=O.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 O.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 O.s(e.$y,4,"0");case"M":return a+1;case"MM":return O.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 O.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 O.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 O.s(u,2,"0");case"s":return String(e.$s);case"ss":return O.s(e.$s,2,"0");case"SSS":return O.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=O.p(d),m=w(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return O.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?$:O.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=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.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}(),_=b.prototype;return w.prototype=_,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){_[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),w.extend=function(t,e){return t.$i||(t(e,b,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[g],w.Ls=D,w.p={},w}));
|
|
200
|
+
} (dayjs_min, dayjs_min.exports));
|
|
201
|
+
|
|
202
|
+
var dayjs_minExports = dayjs_min.exports;
|
|
203
|
+
var dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
|
|
204
|
+
|
|
341
205
|
var NUMBER_RULES = [{
|
|
342
206
|
label: t$1("neetoFilters.rules.is"),
|
|
343
207
|
value: "is"
|
|
@@ -421,9 +285,42 @@ function _nonIterableRest() {
|
|
|
421
285
|
}
|
|
422
286
|
|
|
423
287
|
function _slicedToArray(arr, i) {
|
|
424
|
-
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray
|
|
288
|
+
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
425
289
|
}
|
|
426
290
|
|
|
291
|
+
var timezone$1 = {exports: {}};
|
|
292
|
+
|
|
293
|
+
timezone$1.exports;
|
|
294
|
+
|
|
295
|
+
(function (module, exports) {
|
|
296
|
+
!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,v=r[0]+"-"+r[1]+"-"+r[2]+" "+l+":"+r[4]+":"+r[5]+":000",h=+e;return (o.utc(v).valueOf()-(h-=h%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).$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"));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;};}}));
|
|
297
|
+
} (timezone$1, timezone$1.exports));
|
|
298
|
+
|
|
299
|
+
var timezoneExports = timezone$1.exports;
|
|
300
|
+
var timezone = /*@__PURE__*/getDefaultExportFromCjs(timezoneExports);
|
|
301
|
+
|
|
302
|
+
var utc$1 = {exports: {}};
|
|
303
|
+
|
|
304
|
+
utc$1.exports;
|
|
305
|
+
|
|
306
|
+
(function (module, exports) {
|
|
307
|
+
!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)};}}));
|
|
308
|
+
} (utc$1, utc$1.exports));
|
|
309
|
+
|
|
310
|
+
var utcExports = utc$1.exports;
|
|
311
|
+
var utc = /*@__PURE__*/getDefaultExportFromCjs(utcExports);
|
|
312
|
+
|
|
313
|
+
var weekday$1 = {exports: {}};
|
|
314
|
+
|
|
315
|
+
weekday$1.exports;
|
|
316
|
+
|
|
317
|
+
(function (module, exports) {
|
|
318
|
+
!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")};}}));
|
|
319
|
+
} (weekday$1, weekday$1.exports));
|
|
320
|
+
|
|
321
|
+
var weekdayExports = weekday$1.exports;
|
|
322
|
+
var weekday = /*@__PURE__*/getDefaultExportFromCjs(weekdayExports);
|
|
323
|
+
|
|
427
324
|
dayjs.extend(utc);
|
|
428
325
|
dayjs.extend(timezone);
|
|
429
326
|
dayjs.extend(weekday);
|
|
@@ -503,10 +400,10 @@ var buildRuleOptions = function buildRuleOptions(_ref5) {
|
|
|
503
400
|
return [];
|
|
504
401
|
};
|
|
505
402
|
var getDefaultRuleValue = function getDefaultRuleValue(defaultType) {
|
|
506
|
-
var _buildRuleOptions
|
|
403
|
+
var _buildRuleOptions;
|
|
507
404
|
return ((_buildRuleOptions = buildRuleOptions({
|
|
508
405
|
defaultType: defaultType
|
|
509
|
-
})) === null || _buildRuleOptions === void 0
|
|
406
|
+
})) === null || _buildRuleOptions === void 0 || (_buildRuleOptions = _buildRuleOptions[0]) === null || _buildRuleOptions === void 0 ? void 0 : _buildRuleOptions.value) || "";
|
|
510
407
|
};
|
|
511
408
|
var isUndefinedOrEmpty = anyPass([isNil, isEmpty, any(isNil)]);
|
|
512
409
|
|
|
@@ -569,7 +466,7 @@ var buildUpdatedFilter = function buildUpdatedFilter(_ref8) {
|
|
|
569
466
|
var _column$preprocessor;
|
|
570
467
|
return mergeLeft(filter, {
|
|
571
468
|
rule: rule,
|
|
572
|
-
value: (column === null || column === void 0
|
|
469
|
+
value: (column === null || column === void 0 || (_column$preprocessor = column.preprocessor) === null || _column$preprocessor === void 0 ? void 0 : _column$preprocessor.call(column, value)) || value
|
|
573
470
|
});
|
|
574
471
|
} else if (isSingleTime(defaultType)) {
|
|
575
472
|
return mergeLeft(filter, {
|
|
@@ -597,6 +494,7 @@ var buildFiltersFromSearchParams = function buildFiltersFromSearchParams(columns
|
|
|
597
494
|
} else if (isNil(value) || value === "" || column.key === "keyword") {
|
|
598
495
|
return null;
|
|
599
496
|
} else if (column.key === "search_term") {
|
|
497
|
+
if (isNil(column.node)) return null;
|
|
600
498
|
return mergeLeft({
|
|
601
499
|
value: value,
|
|
602
500
|
type: "text",
|
|
@@ -805,7 +703,7 @@ var buildSegmentsPayload = function buildSegmentsPayload(filters) {
|
|
|
805
703
|
});
|
|
806
704
|
var searchParams = getQueryParams();
|
|
807
705
|
var modifiedPayload = childrenKeys.reduce(function (acc, key) {
|
|
808
|
-
if (has
|
|
706
|
+
if (has(key, searchParams)) {
|
|
809
707
|
var filterPayload = {
|
|
810
708
|
key: key,
|
|
811
709
|
node: "children",
|
|
@@ -922,6 +820,9 @@ var buildUrlFromFilters = function buildUrlFromFilters(_ref16) {
|
|
|
922
820
|
_ref16$childrenKeys = _ref16.childrenKeys,
|
|
923
821
|
childrenKeys = _ref16$childrenKeys === void 0 ? [] : _ref16$childrenKeys;
|
|
924
822
|
var searchParams = getQueryParams();
|
|
823
|
+
var isKeywordFilterPresent = findBy({
|
|
824
|
+
key: "search_term"
|
|
825
|
+
}, filters);
|
|
925
826
|
columns.forEach(function (_ref17) {
|
|
926
827
|
var key = _ref17.key,
|
|
927
828
|
defaultValue = _ref17.defaultValue;
|
|
@@ -934,7 +835,7 @@ var buildUrlFromFilters = function buildUrlFromFilters(_ref16) {
|
|
|
934
835
|
delete searchParams["segmentId"];
|
|
935
836
|
}
|
|
936
837
|
var defaultFilters = buildDefaultFilters(columns, filters);
|
|
937
|
-
delete searchParams["search_term"];
|
|
838
|
+
isKeywordFilterPresent && delete searchParams["search_term"];
|
|
938
839
|
concat(filters, defaultFilters).forEach(function (filter) {
|
|
939
840
|
searchParams[filter.key] = createUrlParamString({
|
|
940
841
|
filter: filter,
|
|
@@ -1025,6 +926,9 @@ var getColumnsWithStandardizedType = function getColumnsWithStandardizedType(col
|
|
|
1025
926
|
});
|
|
1026
927
|
});
|
|
1027
928
|
};
|
|
929
|
+
var isKeywordFilterPresent = function isKeywordFilterPresent(keyworFilter) {
|
|
930
|
+
return not(isEmpty(keyworFilter.node));
|
|
931
|
+
};
|
|
1028
932
|
|
|
1029
933
|
var buildCustomDateValue = function buildCustomDateValue(value) {
|
|
1030
934
|
var isBeforeOrAfter = Math.abs(dayjs(value[1]).diff(dayjs(value[0]), "year")) >= 90;
|
|
@@ -1284,6 +1188,18 @@ var useDestroySegment = function useDestroySegment(options) {
|
|
|
1284
1188
|
}, options));
|
|
1285
1189
|
};
|
|
1286
1190
|
|
|
1191
|
+
var buildSegmentsValidationSchema = function buildSegmentsValidationSchema(defaultSegmentName) {
|
|
1192
|
+
return yup.object({
|
|
1193
|
+
name: yup.string().trim().required().test({
|
|
1194
|
+
name: "not-default-segment-name",
|
|
1195
|
+
test: function test(value) {
|
|
1196
|
+
return (value === null || value === void 0 ? void 0 : value.toLocaleLowerCase()) !== defaultSegmentName.toLocaleLowerCase();
|
|
1197
|
+
},
|
|
1198
|
+
message: t$1("neetoFilters.segments.reservedNameErrorMessage")
|
|
1199
|
+
})
|
|
1200
|
+
});
|
|
1201
|
+
};
|
|
1202
|
+
|
|
1287
1203
|
var Menu = Dropdown$2.Menu,
|
|
1288
1204
|
MenuItem = Dropdown$2.MenuItem;
|
|
1289
1205
|
var Segment = function Segment(_ref) {
|
|
@@ -1291,7 +1207,8 @@ var Segment = function Segment(_ref) {
|
|
|
1291
1207
|
filters = _ref.filters,
|
|
1292
1208
|
columns = _ref.columns,
|
|
1293
1209
|
childrenKeys = _ref.childrenKeys,
|
|
1294
|
-
setIsFilterPaneOpen = _ref.setIsFilterPaneOpen
|
|
1210
|
+
setIsFilterPaneOpen = _ref.setIsFilterPaneOpen,
|
|
1211
|
+
defaultSegmentName = _ref.defaultSegmentName;
|
|
1295
1212
|
var _useState = useState(false),
|
|
1296
1213
|
_useState2 = _slicedToArray(_useState, 2),
|
|
1297
1214
|
isSavePaneOpen = _useState2[0],
|
|
@@ -1394,7 +1311,7 @@ var Segment = function Segment(_ref) {
|
|
|
1394
1311
|
},
|
|
1395
1312
|
validateOnChange: true,
|
|
1396
1313
|
validateOnBlur: true,
|
|
1397
|
-
validationSchema:
|
|
1314
|
+
validationSchema: buildSegmentsValidationSchema(defaultSegmentName),
|
|
1398
1315
|
onSubmit: handleSubmit
|
|
1399
1316
|
}
|
|
1400
1317
|
}, /*#__PURE__*/React.createElement(Pane$1.Body, null, /*#__PURE__*/React.createElement(Input, {
|
|
@@ -1445,122 +1362,127 @@ var Bar = function Bar(_ref) {
|
|
|
1445
1362
|
_ref$setIsPaneOpen = _ref.setIsPaneOpen,
|
|
1446
1363
|
setIsPaneOpen = _ref$setIsPaneOpen === void 0 ? identity : _ref$setIsPaneOpen,
|
|
1447
1364
|
_ref$childrenKeys = _ref.childrenKeys,
|
|
1448
|
-
childrenKeys = _ref$childrenKeys === void 0 ? [] : _ref$childrenKeys
|
|
1449
|
-
|
|
1450
|
-
|
|
1451
|
-
|
|
1452
|
-
|
|
1453
|
-
|
|
1454
|
-
|
|
1455
|
-
|
|
1456
|
-
|
|
1457
|
-
|
|
1458
|
-
|
|
1459
|
-
|
|
1460
|
-
|
|
1461
|
-
|
|
1462
|
-
|
|
1463
|
-
|
|
1464
|
-
hidden: true
|
|
1465
|
-
}, filters);
|
|
1466
|
-
var history = useHistory();
|
|
1467
|
-
useEffect(function () {
|
|
1468
|
-
if (initialRenderRef.current) {
|
|
1469
|
-
initialRenderRef.current = false;
|
|
1470
|
-
return noop$1;
|
|
1471
|
-
}
|
|
1472
|
-
var handler = setTimeout(function () {
|
|
1473
|
-
handleSubmit(filters);
|
|
1474
|
-
}, 500);
|
|
1475
|
-
return function () {
|
|
1476
|
-
return clearTimeout(handler);
|
|
1477
|
-
};
|
|
1478
|
-
}, [keywordValue]);
|
|
1479
|
-
var handleSubmit = function handleSubmit(newFilters, isClearAll) {
|
|
1480
|
-
var params = buildUrlFromFilters(_objectSpread$2({
|
|
1481
|
-
columns: columns,
|
|
1482
|
-
filters: isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(newFilters), [keywordFilter]) : newFilters
|
|
1483
|
-
}, isClearAll && {
|
|
1484
|
-
isClearAll: true,
|
|
1485
|
-
childrenKeys: childrenKeys
|
|
1486
|
-
}));
|
|
1487
|
-
history.push({
|
|
1488
|
-
search: params
|
|
1365
|
+
childrenKeys = _ref$childrenKeys === void 0 ? [] : _ref$childrenKeys,
|
|
1366
|
+
_ref$defaultSegmentNa = _ref.defaultSegmentName,
|
|
1367
|
+
defaultSegmentName = _ref$defaultSegmentNa === void 0 ? t$1("neetoFilters.common.allResults") : _ref$defaultSegmentNa;
|
|
1368
|
+
return function () {
|
|
1369
|
+
var _useTranslation = useTranslation(),
|
|
1370
|
+
t = _useTranslation.t;
|
|
1371
|
+
var initialRenderRef = useRef(true);
|
|
1372
|
+
var searchParams = useQueryParams();
|
|
1373
|
+
var keywordValue = searchParams.search_term || "";
|
|
1374
|
+
var keywordFilter = _objectSpread$2(_objectSpread$2({
|
|
1375
|
+
type: "text",
|
|
1376
|
+
rule: "contains",
|
|
1377
|
+
label: t("neetoFilters.common.searchTerm")
|
|
1378
|
+
}, keyword), {}, {
|
|
1379
|
+
key: "search_term",
|
|
1380
|
+
value: keywordValue
|
|
1489
1381
|
});
|
|
1490
|
-
|
|
1491
|
-
|
|
1492
|
-
|
|
1493
|
-
|
|
1382
|
+
var filters = buildFiltersFromSearchParams(isKeywordFilterPresent(keywordFilter) && isNotEmpty(keywordValue) ? [keywordFilter].concat(_toConsumableArray(columns)) : columns);
|
|
1383
|
+
var nonHiddenFilters = removeBy({
|
|
1384
|
+
hidden: true
|
|
1385
|
+
}, filters);
|
|
1386
|
+
var history = useHistory();
|
|
1387
|
+
var handleSubmit = function handleSubmit(newFilters, isClearAll) {
|
|
1388
|
+
var params = buildUrlFromFilters(_objectSpread$2({
|
|
1389
|
+
columns: columns,
|
|
1390
|
+
filters: isKeywordFilterPresent(keywordFilter) && isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(newFilters), [keywordFilter]) : newFilters
|
|
1391
|
+
}, isClearAll && {
|
|
1392
|
+
isClearAll: true,
|
|
1393
|
+
childrenKeys: childrenKeys
|
|
1394
|
+
}));
|
|
1395
|
+
history.push({
|
|
1396
|
+
search: params
|
|
1397
|
+
});
|
|
1398
|
+
};
|
|
1399
|
+
var handleDelete = function handleDelete(key) {
|
|
1400
|
+
if (key === "search_term") {
|
|
1401
|
+
var params = omit(["search_term"], getQueryParams());
|
|
1402
|
+
var pathname = window.location.pathname;
|
|
1403
|
+
history.push(buildUrl(pathname, params));
|
|
1404
|
+
return;
|
|
1405
|
+
}
|
|
1406
|
+
if (childrenKeys.includes(key)) {
|
|
1407
|
+
var _params = omit([key], getQueryParams());
|
|
1408
|
+
var _pathname = window.location.pathname;
|
|
1409
|
+
history.push(buildUrl(_pathname, _params));
|
|
1410
|
+
}
|
|
1411
|
+
var newFilters = removeBy({
|
|
1412
|
+
key: key
|
|
1413
|
+
}, filters);
|
|
1414
|
+
handleSubmit(newFilters);
|
|
1415
|
+
};
|
|
1416
|
+
var handleClearAll = function handleClearAll() {
|
|
1417
|
+
var params = isKeywordFilterPresent(keywordFilter) ? omit(["search_term"], getQueryParams()) : getQueryParams();
|
|
1494
1418
|
var pathname = window.location.pathname;
|
|
1495
1419
|
history.push(buildUrl(pathname, params));
|
|
1496
|
-
|
|
1497
|
-
}
|
|
1498
|
-
|
|
1499
|
-
|
|
1500
|
-
|
|
1501
|
-
|
|
1502
|
-
|
|
1503
|
-
|
|
1504
|
-
|
|
1505
|
-
}
|
|
1506
|
-
|
|
1507
|
-
|
|
1508
|
-
|
|
1509
|
-
|
|
1510
|
-
|
|
1511
|
-
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
|
|
1520
|
-
|
|
1521
|
-
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
|
|
1525
|
-
|
|
1526
|
-
|
|
1527
|
-
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
|
|
1531
|
-
|
|
1532
|
-
|
|
1533
|
-
|
|
1534
|
-
|
|
1535
|
-
|
|
1536
|
-
|
|
1537
|
-
|
|
1538
|
-
|
|
1539
|
-
|
|
1540
|
-
|
|
1541
|
-
|
|
1542
|
-
|
|
1543
|
-
|
|
1544
|
-
|
|
1545
|
-
|
|
1546
|
-
|
|
1420
|
+
handleSubmit([], true);
|
|
1421
|
+
};
|
|
1422
|
+
var childrenFiltersApplied = childrenKeys.some(function (key) {
|
|
1423
|
+
return has(key, searchParams);
|
|
1424
|
+
});
|
|
1425
|
+
var hideClearButton = nonHiddenFilters.every(function (_ref2) {
|
|
1426
|
+
var defaultValue = _ref2.defaultValue,
|
|
1427
|
+
isClearable = _ref2.isClearable;
|
|
1428
|
+
return defaultValue && !isClearable;
|
|
1429
|
+
}) && !childrenFiltersApplied;
|
|
1430
|
+
useEffect(function () {
|
|
1431
|
+
if (initialRenderRef.current) {
|
|
1432
|
+
initialRenderRef.current = false;
|
|
1433
|
+
return noop$1;
|
|
1434
|
+
}
|
|
1435
|
+
var handler = setTimeout(function () {
|
|
1436
|
+
handleSubmit(filters);
|
|
1437
|
+
}, 500);
|
|
1438
|
+
return function () {
|
|
1439
|
+
return clearTimeout(handler);
|
|
1440
|
+
};
|
|
1441
|
+
}, [keywordValue]);
|
|
1442
|
+
if (isEmpty(nonHiddenFilters) && !childrenFiltersApplied) return null;
|
|
1443
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
1444
|
+
className: classnames("neeto-filters-bar", _defineProperty({}, className, className))
|
|
1445
|
+
}, nonHiddenFilters.map(function (filter) {
|
|
1446
|
+
var _filter$suffixCompone;
|
|
1447
|
+
return /*#__PURE__*/React.createElement(React.Fragment, {
|
|
1448
|
+
key: filter.key
|
|
1449
|
+
}, /*#__PURE__*/React.createElement(Block, {
|
|
1450
|
+
filter: filter,
|
|
1451
|
+
handleDelete: handleDelete,
|
|
1452
|
+
setIsPaneOpen: setIsPaneOpen
|
|
1453
|
+
}), (_filter$suffixCompone = filter.suffixComponent) === null || _filter$suffixCompone === void 0 ? void 0 : _filter$suffixCompone.call(filter), /*#__PURE__*/React.createElement("div", {
|
|
1454
|
+
className: "neeto-filters-bar--separator"
|
|
1455
|
+
}));
|
|
1456
|
+
}), childrenKeys.filter(function (childKey) {
|
|
1457
|
+
return has(childKey, searchParams);
|
|
1458
|
+
}).map(function (childKey) {
|
|
1459
|
+
return /*#__PURE__*/React.createElement(React.Fragment, {
|
|
1460
|
+
key: childKey
|
|
1461
|
+
}, /*#__PURE__*/React.createElement(ChildBlock, {
|
|
1462
|
+
childKey: childKey,
|
|
1463
|
+
handleDelete: handleDelete,
|
|
1464
|
+
setIsPaneOpen: setIsPaneOpen
|
|
1465
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
1466
|
+
className: "neeto-filters-bar--separator"
|
|
1467
|
+
}));
|
|
1468
|
+
}), isNotNil(entity) && /*#__PURE__*/React.createElement(Segment, {
|
|
1469
|
+
childrenKeys: childrenKeys,
|
|
1470
|
+
columns: columns,
|
|
1471
|
+
defaultSegmentName: defaultSegmentName,
|
|
1472
|
+
entity: entity,
|
|
1473
|
+
filters: filters,
|
|
1474
|
+
setIsFilterPaneOpen: setIsPaneOpen
|
|
1475
|
+
}), !hideClearButton && /*#__PURE__*/React.createElement(Button, {
|
|
1476
|
+
"data-cy": "neeto-filters-bar-clear-btn",
|
|
1477
|
+
label: t("neetoFilters.common.clearFilters"),
|
|
1478
|
+
style: "text",
|
|
1479
|
+
onClick: handleClearAll
|
|
1547
1480
|
}));
|
|
1548
|
-
}
|
|
1549
|
-
childrenKeys: childrenKeys,
|
|
1550
|
-
columns: columns,
|
|
1551
|
-
entity: entity,
|
|
1552
|
-
filters: filters,
|
|
1553
|
-
setIsFilterPaneOpen: setIsPaneOpen
|
|
1554
|
-
}), !hideClearButton && /*#__PURE__*/React.createElement(Button, {
|
|
1555
|
-
"data-cy": "neeto-filters-bar-clear-btn",
|
|
1556
|
-
label: t("neetoFilters.common.clearFilters"),
|
|
1557
|
-
style: "text",
|
|
1558
|
-
onClick: handleClearAll
|
|
1559
|
-
}));
|
|
1481
|
+
}();
|
|
1560
1482
|
};
|
|
1561
1483
|
|
|
1562
|
-
function _extends
|
|
1563
|
-
_extends
|
|
1484
|
+
function _extends() {
|
|
1485
|
+
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
1564
1486
|
for (var i = 1; i < arguments.length; i++) {
|
|
1565
1487
|
var source = arguments[i];
|
|
1566
1488
|
for (var key in source) {
|
|
@@ -1571,10 +1493,10 @@ function _extends$1() {
|
|
|
1571
1493
|
}
|
|
1572
1494
|
return target;
|
|
1573
1495
|
};
|
|
1574
|
-
return _extends
|
|
1496
|
+
return _extends.apply(this, arguments);
|
|
1575
1497
|
}
|
|
1576
1498
|
|
|
1577
|
-
function _objectWithoutPropertiesLoose
|
|
1499
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
1578
1500
|
if (source == null) return {};
|
|
1579
1501
|
var target = {};
|
|
1580
1502
|
var sourceKeys = Object.keys(source);
|
|
@@ -1589,7 +1511,7 @@ function _objectWithoutPropertiesLoose$1(source, excluded) {
|
|
|
1589
1511
|
|
|
1590
1512
|
function _objectWithoutProperties(source, excluded) {
|
|
1591
1513
|
if (source == null) return {};
|
|
1592
|
-
var target = _objectWithoutPropertiesLoose
|
|
1514
|
+
var target = _objectWithoutPropertiesLoose(source, excluded);
|
|
1593
1515
|
var key, i;
|
|
1594
1516
|
if (Object.getOwnPropertySymbols) {
|
|
1595
1517
|
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
@@ -1631,34 +1553,6 @@ var Portal = function Portal(_ref) {
|
|
|
1631
1553
|
return /*#__PURE__*/createPortal(children, target.current);
|
|
1632
1554
|
};
|
|
1633
1555
|
|
|
1634
|
-
function _extends() {
|
|
1635
|
-
_extends = Object.assign ? Object.assign.bind() : function (target) {
|
|
1636
|
-
for (var i = 1; i < arguments.length; i++) {
|
|
1637
|
-
var source = arguments[i];
|
|
1638
|
-
for (var key in source) {
|
|
1639
|
-
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
|
1640
|
-
target[key] = source[key];
|
|
1641
|
-
}
|
|
1642
|
-
}
|
|
1643
|
-
}
|
|
1644
|
-
return target;
|
|
1645
|
-
};
|
|
1646
|
-
return _extends.apply(this, arguments);
|
|
1647
|
-
}
|
|
1648
|
-
|
|
1649
|
-
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
1650
|
-
if (source == null) return {};
|
|
1651
|
-
var target = {};
|
|
1652
|
-
var sourceKeys = Object.keys(source);
|
|
1653
|
-
var key, i;
|
|
1654
|
-
for (i = 0; i < sourceKeys.length; i++) {
|
|
1655
|
-
key = sourceKeys[i];
|
|
1656
|
-
if (excluded.indexOf(key) >= 0) continue;
|
|
1657
|
-
target[key] = source[key];
|
|
1658
|
-
}
|
|
1659
|
-
return target;
|
|
1660
|
-
}
|
|
1661
|
-
|
|
1662
1556
|
function _setPrototypeOf(o, p) {
|
|
1663
1557
|
_setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
|
|
1664
1558
|
o.__proto__ = p;
|
|
@@ -1673,1188 +1567,6 @@ function _inheritsLoose(subClass, superClass) {
|
|
|
1673
1567
|
_setPrototypeOf(subClass, superClass);
|
|
1674
1568
|
}
|
|
1675
1569
|
|
|
1676
|
-
var propTypes = {exports: {}};
|
|
1677
|
-
|
|
1678
|
-
var reactIs = {exports: {}};
|
|
1679
|
-
|
|
1680
|
-
var reactIs_production_min = {};
|
|
1681
|
-
|
|
1682
|
-
/** @license React v16.13.1
|
|
1683
|
-
* react-is.production.min.js
|
|
1684
|
-
*
|
|
1685
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
1686
|
-
*
|
|
1687
|
-
* This source code is licensed under the MIT license found in the
|
|
1688
|
-
* LICENSE file in the root directory of this source tree.
|
|
1689
|
-
*/
|
|
1690
|
-
|
|
1691
|
-
var hasRequiredReactIs_production_min;
|
|
1692
|
-
|
|
1693
|
-
function requireReactIs_production_min () {
|
|
1694
|
-
if (hasRequiredReactIs_production_min) return reactIs_production_min;
|
|
1695
|
-
hasRequiredReactIs_production_min = 1;
|
|
1696
|
-
var b="function"===typeof Symbol&&Symbol.for,c=b?Symbol.for("react.element"):60103,d=b?Symbol.for("react.portal"):60106,e=b?Symbol.for("react.fragment"):60107,f=b?Symbol.for("react.strict_mode"):60108,g=b?Symbol.for("react.profiler"):60114,h=b?Symbol.for("react.provider"):60109,k=b?Symbol.for("react.context"):60110,l=b?Symbol.for("react.async_mode"):60111,m=b?Symbol.for("react.concurrent_mode"):60111,n=b?Symbol.for("react.forward_ref"):60112,p=b?Symbol.for("react.suspense"):60113,q=b?
|
|
1697
|
-
Symbol.for("react.suspense_list"):60120,r=b?Symbol.for("react.memo"):60115,t=b?Symbol.for("react.lazy"):60116,v=b?Symbol.for("react.block"):60121,w=b?Symbol.for("react.fundamental"):60117,x=b?Symbol.for("react.responder"):60118,y=b?Symbol.for("react.scope"):60119;
|
|
1698
|
-
function z(a){if("object"===typeof a&&null!==a){var u=a.$$typeof;switch(u){case c:switch(a=a.type,a){case l:case m:case e:case g:case f:case p:return a;default:switch(a=a&&a.$$typeof,a){case k:case n:case t:case r:case h:return a;default:return u}}case d:return u}}}function A(a){return z(a)===m}reactIs_production_min.AsyncMode=l;reactIs_production_min.ConcurrentMode=m;reactIs_production_min.ContextConsumer=k;reactIs_production_min.ContextProvider=h;reactIs_production_min.Element=c;reactIs_production_min.ForwardRef=n;reactIs_production_min.Fragment=e;reactIs_production_min.Lazy=t;reactIs_production_min.Memo=r;reactIs_production_min.Portal=d;
|
|
1699
|
-
reactIs_production_min.Profiler=g;reactIs_production_min.StrictMode=f;reactIs_production_min.Suspense=p;reactIs_production_min.isAsyncMode=function(a){return A(a)||z(a)===l};reactIs_production_min.isConcurrentMode=A;reactIs_production_min.isContextConsumer=function(a){return z(a)===k};reactIs_production_min.isContextProvider=function(a){return z(a)===h};reactIs_production_min.isElement=function(a){return "object"===typeof a&&null!==a&&a.$$typeof===c};reactIs_production_min.isForwardRef=function(a){return z(a)===n};reactIs_production_min.isFragment=function(a){return z(a)===e};reactIs_production_min.isLazy=function(a){return z(a)===t};
|
|
1700
|
-
reactIs_production_min.isMemo=function(a){return z(a)===r};reactIs_production_min.isPortal=function(a){return z(a)===d};reactIs_production_min.isProfiler=function(a){return z(a)===g};reactIs_production_min.isStrictMode=function(a){return z(a)===f};reactIs_production_min.isSuspense=function(a){return z(a)===p};
|
|
1701
|
-
reactIs_production_min.isValidElementType=function(a){return "string"===typeof a||"function"===typeof a||a===e||a===m||a===g||a===f||a===p||a===q||"object"===typeof a&&null!==a&&(a.$$typeof===t||a.$$typeof===r||a.$$typeof===h||a.$$typeof===k||a.$$typeof===n||a.$$typeof===w||a.$$typeof===x||a.$$typeof===y||a.$$typeof===v)};reactIs_production_min.typeOf=z;
|
|
1702
|
-
return reactIs_production_min;
|
|
1703
|
-
}
|
|
1704
|
-
|
|
1705
|
-
var reactIs_development = {};
|
|
1706
|
-
|
|
1707
|
-
/** @license React v16.13.1
|
|
1708
|
-
* react-is.development.js
|
|
1709
|
-
*
|
|
1710
|
-
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
1711
|
-
*
|
|
1712
|
-
* This source code is licensed under the MIT license found in the
|
|
1713
|
-
* LICENSE file in the root directory of this source tree.
|
|
1714
|
-
*/
|
|
1715
|
-
|
|
1716
|
-
var hasRequiredReactIs_development;
|
|
1717
|
-
|
|
1718
|
-
function requireReactIs_development () {
|
|
1719
|
-
if (hasRequiredReactIs_development) return reactIs_development;
|
|
1720
|
-
hasRequiredReactIs_development = 1;
|
|
1721
|
-
|
|
1722
|
-
|
|
1723
|
-
|
|
1724
|
-
if (process.env.NODE_ENV !== "production") {
|
|
1725
|
-
(function() {
|
|
1726
|
-
|
|
1727
|
-
// The Symbol used to tag the ReactElement-like types. If there is no native Symbol
|
|
1728
|
-
// nor polyfill, then a plain number is used for performance.
|
|
1729
|
-
var hasSymbol = typeof Symbol === 'function' && Symbol.for;
|
|
1730
|
-
var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for('react.element') : 0xeac7;
|
|
1731
|
-
var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for('react.portal') : 0xeaca;
|
|
1732
|
-
var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for('react.fragment') : 0xeacb;
|
|
1733
|
-
var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for('react.strict_mode') : 0xeacc;
|
|
1734
|
-
var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for('react.profiler') : 0xead2;
|
|
1735
|
-
var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for('react.provider') : 0xeacd;
|
|
1736
|
-
var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for('react.context') : 0xeace; // TODO: We don't use AsyncMode or ConcurrentMode anymore. They were temporary
|
|
1737
|
-
// (unstable) APIs that have been removed. Can we remove the symbols?
|
|
1738
|
-
|
|
1739
|
-
var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for('react.async_mode') : 0xeacf;
|
|
1740
|
-
var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for('react.concurrent_mode') : 0xeacf;
|
|
1741
|
-
var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for('react.forward_ref') : 0xead0;
|
|
1742
|
-
var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for('react.suspense') : 0xead1;
|
|
1743
|
-
var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for('react.suspense_list') : 0xead8;
|
|
1744
|
-
var REACT_MEMO_TYPE = hasSymbol ? Symbol.for('react.memo') : 0xead3;
|
|
1745
|
-
var REACT_LAZY_TYPE = hasSymbol ? Symbol.for('react.lazy') : 0xead4;
|
|
1746
|
-
var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for('react.block') : 0xead9;
|
|
1747
|
-
var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for('react.fundamental') : 0xead5;
|
|
1748
|
-
var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for('react.responder') : 0xead6;
|
|
1749
|
-
var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for('react.scope') : 0xead7;
|
|
1750
|
-
|
|
1751
|
-
function isValidElementType(type) {
|
|
1752
|
-
return typeof type === 'string' || typeof type === 'function' || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
|
1753
|
-
type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === 'object' && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
|
|
1754
|
-
}
|
|
1755
|
-
|
|
1756
|
-
function typeOf(object) {
|
|
1757
|
-
if (typeof object === 'object' && object !== null) {
|
|
1758
|
-
var $$typeof = object.$$typeof;
|
|
1759
|
-
|
|
1760
|
-
switch ($$typeof) {
|
|
1761
|
-
case REACT_ELEMENT_TYPE:
|
|
1762
|
-
var type = object.type;
|
|
1763
|
-
|
|
1764
|
-
switch (type) {
|
|
1765
|
-
case REACT_ASYNC_MODE_TYPE:
|
|
1766
|
-
case REACT_CONCURRENT_MODE_TYPE:
|
|
1767
|
-
case REACT_FRAGMENT_TYPE:
|
|
1768
|
-
case REACT_PROFILER_TYPE:
|
|
1769
|
-
case REACT_STRICT_MODE_TYPE:
|
|
1770
|
-
case REACT_SUSPENSE_TYPE:
|
|
1771
|
-
return type;
|
|
1772
|
-
|
|
1773
|
-
default:
|
|
1774
|
-
var $$typeofType = type && type.$$typeof;
|
|
1775
|
-
|
|
1776
|
-
switch ($$typeofType) {
|
|
1777
|
-
case REACT_CONTEXT_TYPE:
|
|
1778
|
-
case REACT_FORWARD_REF_TYPE:
|
|
1779
|
-
case REACT_LAZY_TYPE:
|
|
1780
|
-
case REACT_MEMO_TYPE:
|
|
1781
|
-
case REACT_PROVIDER_TYPE:
|
|
1782
|
-
return $$typeofType;
|
|
1783
|
-
|
|
1784
|
-
default:
|
|
1785
|
-
return $$typeof;
|
|
1786
|
-
}
|
|
1787
|
-
|
|
1788
|
-
}
|
|
1789
|
-
|
|
1790
|
-
case REACT_PORTAL_TYPE:
|
|
1791
|
-
return $$typeof;
|
|
1792
|
-
}
|
|
1793
|
-
}
|
|
1794
|
-
|
|
1795
|
-
return undefined;
|
|
1796
|
-
} // AsyncMode is deprecated along with isAsyncMode
|
|
1797
|
-
|
|
1798
|
-
var AsyncMode = REACT_ASYNC_MODE_TYPE;
|
|
1799
|
-
var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
|
|
1800
|
-
var ContextConsumer = REACT_CONTEXT_TYPE;
|
|
1801
|
-
var ContextProvider = REACT_PROVIDER_TYPE;
|
|
1802
|
-
var Element = REACT_ELEMENT_TYPE;
|
|
1803
|
-
var ForwardRef = REACT_FORWARD_REF_TYPE;
|
|
1804
|
-
var Fragment = REACT_FRAGMENT_TYPE;
|
|
1805
|
-
var Lazy = REACT_LAZY_TYPE;
|
|
1806
|
-
var Memo = REACT_MEMO_TYPE;
|
|
1807
|
-
var Portal = REACT_PORTAL_TYPE;
|
|
1808
|
-
var Profiler = REACT_PROFILER_TYPE;
|
|
1809
|
-
var StrictMode = REACT_STRICT_MODE_TYPE;
|
|
1810
|
-
var Suspense = REACT_SUSPENSE_TYPE;
|
|
1811
|
-
var hasWarnedAboutDeprecatedIsAsyncMode = false; // AsyncMode should be deprecated
|
|
1812
|
-
|
|
1813
|
-
function isAsyncMode(object) {
|
|
1814
|
-
{
|
|
1815
|
-
if (!hasWarnedAboutDeprecatedIsAsyncMode) {
|
|
1816
|
-
hasWarnedAboutDeprecatedIsAsyncMode = true; // Using console['warn'] to evade Babel and ESLint
|
|
1817
|
-
|
|
1818
|
-
console['warn']('The ReactIs.isAsyncMode() alias has been deprecated, ' + 'and will be removed in React 17+. Update your code to use ' + 'ReactIs.isConcurrentMode() instead. It has the exact same API.');
|
|
1819
|
-
}
|
|
1820
|
-
}
|
|
1821
|
-
|
|
1822
|
-
return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
|
|
1823
|
-
}
|
|
1824
|
-
function isConcurrentMode(object) {
|
|
1825
|
-
return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
|
|
1826
|
-
}
|
|
1827
|
-
function isContextConsumer(object) {
|
|
1828
|
-
return typeOf(object) === REACT_CONTEXT_TYPE;
|
|
1829
|
-
}
|
|
1830
|
-
function isContextProvider(object) {
|
|
1831
|
-
return typeOf(object) === REACT_PROVIDER_TYPE;
|
|
1832
|
-
}
|
|
1833
|
-
function isElement(object) {
|
|
1834
|
-
return typeof object === 'object' && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
|
|
1835
|
-
}
|
|
1836
|
-
function isForwardRef(object) {
|
|
1837
|
-
return typeOf(object) === REACT_FORWARD_REF_TYPE;
|
|
1838
|
-
}
|
|
1839
|
-
function isFragment(object) {
|
|
1840
|
-
return typeOf(object) === REACT_FRAGMENT_TYPE;
|
|
1841
|
-
}
|
|
1842
|
-
function isLazy(object) {
|
|
1843
|
-
return typeOf(object) === REACT_LAZY_TYPE;
|
|
1844
|
-
}
|
|
1845
|
-
function isMemo(object) {
|
|
1846
|
-
return typeOf(object) === REACT_MEMO_TYPE;
|
|
1847
|
-
}
|
|
1848
|
-
function isPortal(object) {
|
|
1849
|
-
return typeOf(object) === REACT_PORTAL_TYPE;
|
|
1850
|
-
}
|
|
1851
|
-
function isProfiler(object) {
|
|
1852
|
-
return typeOf(object) === REACT_PROFILER_TYPE;
|
|
1853
|
-
}
|
|
1854
|
-
function isStrictMode(object) {
|
|
1855
|
-
return typeOf(object) === REACT_STRICT_MODE_TYPE;
|
|
1856
|
-
}
|
|
1857
|
-
function isSuspense(object) {
|
|
1858
|
-
return typeOf(object) === REACT_SUSPENSE_TYPE;
|
|
1859
|
-
}
|
|
1860
|
-
|
|
1861
|
-
reactIs_development.AsyncMode = AsyncMode;
|
|
1862
|
-
reactIs_development.ConcurrentMode = ConcurrentMode;
|
|
1863
|
-
reactIs_development.ContextConsumer = ContextConsumer;
|
|
1864
|
-
reactIs_development.ContextProvider = ContextProvider;
|
|
1865
|
-
reactIs_development.Element = Element;
|
|
1866
|
-
reactIs_development.ForwardRef = ForwardRef;
|
|
1867
|
-
reactIs_development.Fragment = Fragment;
|
|
1868
|
-
reactIs_development.Lazy = Lazy;
|
|
1869
|
-
reactIs_development.Memo = Memo;
|
|
1870
|
-
reactIs_development.Portal = Portal;
|
|
1871
|
-
reactIs_development.Profiler = Profiler;
|
|
1872
|
-
reactIs_development.StrictMode = StrictMode;
|
|
1873
|
-
reactIs_development.Suspense = Suspense;
|
|
1874
|
-
reactIs_development.isAsyncMode = isAsyncMode;
|
|
1875
|
-
reactIs_development.isConcurrentMode = isConcurrentMode;
|
|
1876
|
-
reactIs_development.isContextConsumer = isContextConsumer;
|
|
1877
|
-
reactIs_development.isContextProvider = isContextProvider;
|
|
1878
|
-
reactIs_development.isElement = isElement;
|
|
1879
|
-
reactIs_development.isForwardRef = isForwardRef;
|
|
1880
|
-
reactIs_development.isFragment = isFragment;
|
|
1881
|
-
reactIs_development.isLazy = isLazy;
|
|
1882
|
-
reactIs_development.isMemo = isMemo;
|
|
1883
|
-
reactIs_development.isPortal = isPortal;
|
|
1884
|
-
reactIs_development.isProfiler = isProfiler;
|
|
1885
|
-
reactIs_development.isStrictMode = isStrictMode;
|
|
1886
|
-
reactIs_development.isSuspense = isSuspense;
|
|
1887
|
-
reactIs_development.isValidElementType = isValidElementType;
|
|
1888
|
-
reactIs_development.typeOf = typeOf;
|
|
1889
|
-
})();
|
|
1890
|
-
}
|
|
1891
|
-
return reactIs_development;
|
|
1892
|
-
}
|
|
1893
|
-
|
|
1894
|
-
var hasRequiredReactIs;
|
|
1895
|
-
|
|
1896
|
-
function requireReactIs () {
|
|
1897
|
-
if (hasRequiredReactIs) return reactIs.exports;
|
|
1898
|
-
hasRequiredReactIs = 1;
|
|
1899
|
-
(function (module) {
|
|
1900
|
-
|
|
1901
|
-
if (process.env.NODE_ENV === 'production') {
|
|
1902
|
-
module.exports = requireReactIs_production_min();
|
|
1903
|
-
} else {
|
|
1904
|
-
module.exports = requireReactIs_development();
|
|
1905
|
-
}
|
|
1906
|
-
} (reactIs));
|
|
1907
|
-
return reactIs.exports;
|
|
1908
|
-
}
|
|
1909
|
-
|
|
1910
|
-
/*
|
|
1911
|
-
object-assign
|
|
1912
|
-
(c) Sindre Sorhus
|
|
1913
|
-
@license MIT
|
|
1914
|
-
*/
|
|
1915
|
-
|
|
1916
|
-
var objectAssign;
|
|
1917
|
-
var hasRequiredObjectAssign;
|
|
1918
|
-
|
|
1919
|
-
function requireObjectAssign () {
|
|
1920
|
-
if (hasRequiredObjectAssign) return objectAssign;
|
|
1921
|
-
hasRequiredObjectAssign = 1;
|
|
1922
|
-
/* eslint-disable no-unused-vars */
|
|
1923
|
-
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
|
|
1924
|
-
var hasOwnProperty = Object.prototype.hasOwnProperty;
|
|
1925
|
-
var propIsEnumerable = Object.prototype.propertyIsEnumerable;
|
|
1926
|
-
|
|
1927
|
-
function toObject(val) {
|
|
1928
|
-
if (val === null || val === undefined) {
|
|
1929
|
-
throw new TypeError('Object.assign cannot be called with null or undefined');
|
|
1930
|
-
}
|
|
1931
|
-
|
|
1932
|
-
return Object(val);
|
|
1933
|
-
}
|
|
1934
|
-
|
|
1935
|
-
function shouldUseNative() {
|
|
1936
|
-
try {
|
|
1937
|
-
if (!Object.assign) {
|
|
1938
|
-
return false;
|
|
1939
|
-
}
|
|
1940
|
-
|
|
1941
|
-
// Detect buggy property enumeration order in older V8 versions.
|
|
1942
|
-
|
|
1943
|
-
// https://bugs.chromium.org/p/v8/issues/detail?id=4118
|
|
1944
|
-
var test1 = new String('abc'); // eslint-disable-line no-new-wrappers
|
|
1945
|
-
test1[5] = 'de';
|
|
1946
|
-
if (Object.getOwnPropertyNames(test1)[0] === '5') {
|
|
1947
|
-
return false;
|
|
1948
|
-
}
|
|
1949
|
-
|
|
1950
|
-
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
|
|
1951
|
-
var test2 = {};
|
|
1952
|
-
for (var i = 0; i < 10; i++) {
|
|
1953
|
-
test2['_' + String.fromCharCode(i)] = i;
|
|
1954
|
-
}
|
|
1955
|
-
var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
|
|
1956
|
-
return test2[n];
|
|
1957
|
-
});
|
|
1958
|
-
if (order2.join('') !== '0123456789') {
|
|
1959
|
-
return false;
|
|
1960
|
-
}
|
|
1961
|
-
|
|
1962
|
-
// https://bugs.chromium.org/p/v8/issues/detail?id=3056
|
|
1963
|
-
var test3 = {};
|
|
1964
|
-
'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
|
|
1965
|
-
test3[letter] = letter;
|
|
1966
|
-
});
|
|
1967
|
-
if (Object.keys(Object.assign({}, test3)).join('') !==
|
|
1968
|
-
'abcdefghijklmnopqrst') {
|
|
1969
|
-
return false;
|
|
1970
|
-
}
|
|
1971
|
-
|
|
1972
|
-
return true;
|
|
1973
|
-
} catch (err) {
|
|
1974
|
-
// We don't expect any of the above to throw, but better to be safe.
|
|
1975
|
-
return false;
|
|
1976
|
-
}
|
|
1977
|
-
}
|
|
1978
|
-
|
|
1979
|
-
objectAssign = shouldUseNative() ? Object.assign : function (target, source) {
|
|
1980
|
-
var from;
|
|
1981
|
-
var to = toObject(target);
|
|
1982
|
-
var symbols;
|
|
1983
|
-
|
|
1984
|
-
for (var s = 1; s < arguments.length; s++) {
|
|
1985
|
-
from = Object(arguments[s]);
|
|
1986
|
-
|
|
1987
|
-
for (var key in from) {
|
|
1988
|
-
if (hasOwnProperty.call(from, key)) {
|
|
1989
|
-
to[key] = from[key];
|
|
1990
|
-
}
|
|
1991
|
-
}
|
|
1992
|
-
|
|
1993
|
-
if (getOwnPropertySymbols) {
|
|
1994
|
-
symbols = getOwnPropertySymbols(from);
|
|
1995
|
-
for (var i = 0; i < symbols.length; i++) {
|
|
1996
|
-
if (propIsEnumerable.call(from, symbols[i])) {
|
|
1997
|
-
to[symbols[i]] = from[symbols[i]];
|
|
1998
|
-
}
|
|
1999
|
-
}
|
|
2000
|
-
}
|
|
2001
|
-
}
|
|
2002
|
-
|
|
2003
|
-
return to;
|
|
2004
|
-
};
|
|
2005
|
-
return objectAssign;
|
|
2006
|
-
}
|
|
2007
|
-
|
|
2008
|
-
/**
|
|
2009
|
-
* Copyright (c) 2013-present, Facebook, Inc.
|
|
2010
|
-
*
|
|
2011
|
-
* This source code is licensed under the MIT license found in the
|
|
2012
|
-
* LICENSE file in the root directory of this source tree.
|
|
2013
|
-
*/
|
|
2014
|
-
|
|
2015
|
-
var ReactPropTypesSecret_1;
|
|
2016
|
-
var hasRequiredReactPropTypesSecret;
|
|
2017
|
-
|
|
2018
|
-
function requireReactPropTypesSecret () {
|
|
2019
|
-
if (hasRequiredReactPropTypesSecret) return ReactPropTypesSecret_1;
|
|
2020
|
-
hasRequiredReactPropTypesSecret = 1;
|
|
2021
|
-
|
|
2022
|
-
var ReactPropTypesSecret = 'SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED';
|
|
2023
|
-
|
|
2024
|
-
ReactPropTypesSecret_1 = ReactPropTypesSecret;
|
|
2025
|
-
return ReactPropTypesSecret_1;
|
|
2026
|
-
}
|
|
2027
|
-
|
|
2028
|
-
var has;
|
|
2029
|
-
var hasRequiredHas;
|
|
2030
|
-
|
|
2031
|
-
function requireHas () {
|
|
2032
|
-
if (hasRequiredHas) return has;
|
|
2033
|
-
hasRequiredHas = 1;
|
|
2034
|
-
has = Function.call.bind(Object.prototype.hasOwnProperty);
|
|
2035
|
-
return has;
|
|
2036
|
-
}
|
|
2037
|
-
|
|
2038
|
-
/**
|
|
2039
|
-
* Copyright (c) 2013-present, Facebook, Inc.
|
|
2040
|
-
*
|
|
2041
|
-
* This source code is licensed under the MIT license found in the
|
|
2042
|
-
* LICENSE file in the root directory of this source tree.
|
|
2043
|
-
*/
|
|
2044
|
-
|
|
2045
|
-
var checkPropTypes_1;
|
|
2046
|
-
var hasRequiredCheckPropTypes;
|
|
2047
|
-
|
|
2048
|
-
function requireCheckPropTypes () {
|
|
2049
|
-
if (hasRequiredCheckPropTypes) return checkPropTypes_1;
|
|
2050
|
-
hasRequiredCheckPropTypes = 1;
|
|
2051
|
-
|
|
2052
|
-
var printWarning = function() {};
|
|
2053
|
-
|
|
2054
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
2055
|
-
var ReactPropTypesSecret = requireReactPropTypesSecret();
|
|
2056
|
-
var loggedTypeFailures = {};
|
|
2057
|
-
var has = requireHas();
|
|
2058
|
-
|
|
2059
|
-
printWarning = function(text) {
|
|
2060
|
-
var message = 'Warning: ' + text;
|
|
2061
|
-
if (typeof console !== 'undefined') {
|
|
2062
|
-
console.error(message);
|
|
2063
|
-
}
|
|
2064
|
-
try {
|
|
2065
|
-
// --- Welcome to debugging React ---
|
|
2066
|
-
// This error was thrown as a convenience so that you can use this stack
|
|
2067
|
-
// to find the callsite that caused this warning to fire.
|
|
2068
|
-
throw new Error(message);
|
|
2069
|
-
} catch (x) { /**/ }
|
|
2070
|
-
};
|
|
2071
|
-
}
|
|
2072
|
-
|
|
2073
|
-
/**
|
|
2074
|
-
* Assert that the values match with the type specs.
|
|
2075
|
-
* Error messages are memorized and will only be shown once.
|
|
2076
|
-
*
|
|
2077
|
-
* @param {object} typeSpecs Map of name to a ReactPropType
|
|
2078
|
-
* @param {object} values Runtime values that need to be type-checked
|
|
2079
|
-
* @param {string} location e.g. "prop", "context", "child context"
|
|
2080
|
-
* @param {string} componentName Name of the component for error messages.
|
|
2081
|
-
* @param {?Function} getStack Returns the component stack.
|
|
2082
|
-
* @private
|
|
2083
|
-
*/
|
|
2084
|
-
function checkPropTypes(typeSpecs, values, location, componentName, getStack) {
|
|
2085
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
2086
|
-
for (var typeSpecName in typeSpecs) {
|
|
2087
|
-
if (has(typeSpecs, typeSpecName)) {
|
|
2088
|
-
var error;
|
|
2089
|
-
// Prop type validation may throw. In case they do, we don't want to
|
|
2090
|
-
// fail the render phase where it didn't fail before. So we log it.
|
|
2091
|
-
// After these have been cleaned up, we'll let them throw.
|
|
2092
|
-
try {
|
|
2093
|
-
// This is intentionally an invariant that gets caught. It's the same
|
|
2094
|
-
// behavior as without this statement except with a better message.
|
|
2095
|
-
if (typeof typeSpecs[typeSpecName] !== 'function') {
|
|
2096
|
-
var err = Error(
|
|
2097
|
-
(componentName || 'React class') + ': ' + location + ' type `' + typeSpecName + '` is invalid; ' +
|
|
2098
|
-
'it must be a function, usually from the `prop-types` package, but received `' + typeof typeSpecs[typeSpecName] + '`.' +
|
|
2099
|
-
'This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.'
|
|
2100
|
-
);
|
|
2101
|
-
err.name = 'Invariant Violation';
|
|
2102
|
-
throw err;
|
|
2103
|
-
}
|
|
2104
|
-
error = typeSpecs[typeSpecName](values, typeSpecName, componentName, location, null, ReactPropTypesSecret);
|
|
2105
|
-
} catch (ex) {
|
|
2106
|
-
error = ex;
|
|
2107
|
-
}
|
|
2108
|
-
if (error && !(error instanceof Error)) {
|
|
2109
|
-
printWarning(
|
|
2110
|
-
(componentName || 'React class') + ': type specification of ' +
|
|
2111
|
-
location + ' `' + typeSpecName + '` is invalid; the type checker ' +
|
|
2112
|
-
'function must return `null` or an `Error` but returned a ' + typeof error + '. ' +
|
|
2113
|
-
'You may have forgotten to pass an argument to the type checker ' +
|
|
2114
|
-
'creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and ' +
|
|
2115
|
-
'shape all require an argument).'
|
|
2116
|
-
);
|
|
2117
|
-
}
|
|
2118
|
-
if (error instanceof Error && !(error.message in loggedTypeFailures)) {
|
|
2119
|
-
// Only monitor this failure once because there tends to be a lot of the
|
|
2120
|
-
// same error.
|
|
2121
|
-
loggedTypeFailures[error.message] = true;
|
|
2122
|
-
|
|
2123
|
-
var stack = getStack ? getStack() : '';
|
|
2124
|
-
|
|
2125
|
-
printWarning(
|
|
2126
|
-
'Failed ' + location + ' type: ' + error.message + (stack != null ? stack : '')
|
|
2127
|
-
);
|
|
2128
|
-
}
|
|
2129
|
-
}
|
|
2130
|
-
}
|
|
2131
|
-
}
|
|
2132
|
-
}
|
|
2133
|
-
|
|
2134
|
-
/**
|
|
2135
|
-
* Resets warning cache when testing.
|
|
2136
|
-
*
|
|
2137
|
-
* @private
|
|
2138
|
-
*/
|
|
2139
|
-
checkPropTypes.resetWarningCache = function() {
|
|
2140
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
2141
|
-
loggedTypeFailures = {};
|
|
2142
|
-
}
|
|
2143
|
-
};
|
|
2144
|
-
|
|
2145
|
-
checkPropTypes_1 = checkPropTypes;
|
|
2146
|
-
return checkPropTypes_1;
|
|
2147
|
-
}
|
|
2148
|
-
|
|
2149
|
-
/**
|
|
2150
|
-
* Copyright (c) 2013-present, Facebook, Inc.
|
|
2151
|
-
*
|
|
2152
|
-
* This source code is licensed under the MIT license found in the
|
|
2153
|
-
* LICENSE file in the root directory of this source tree.
|
|
2154
|
-
*/
|
|
2155
|
-
|
|
2156
|
-
var factoryWithTypeCheckers;
|
|
2157
|
-
var hasRequiredFactoryWithTypeCheckers;
|
|
2158
|
-
|
|
2159
|
-
function requireFactoryWithTypeCheckers () {
|
|
2160
|
-
if (hasRequiredFactoryWithTypeCheckers) return factoryWithTypeCheckers;
|
|
2161
|
-
hasRequiredFactoryWithTypeCheckers = 1;
|
|
2162
|
-
|
|
2163
|
-
var ReactIs = requireReactIs();
|
|
2164
|
-
var assign = requireObjectAssign();
|
|
2165
|
-
|
|
2166
|
-
var ReactPropTypesSecret = requireReactPropTypesSecret();
|
|
2167
|
-
var has = requireHas();
|
|
2168
|
-
var checkPropTypes = requireCheckPropTypes();
|
|
2169
|
-
|
|
2170
|
-
var printWarning = function() {};
|
|
2171
|
-
|
|
2172
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
2173
|
-
printWarning = function(text) {
|
|
2174
|
-
var message = 'Warning: ' + text;
|
|
2175
|
-
if (typeof console !== 'undefined') {
|
|
2176
|
-
console.error(message);
|
|
2177
|
-
}
|
|
2178
|
-
try {
|
|
2179
|
-
// --- Welcome to debugging React ---
|
|
2180
|
-
// This error was thrown as a convenience so that you can use this stack
|
|
2181
|
-
// to find the callsite that caused this warning to fire.
|
|
2182
|
-
throw new Error(message);
|
|
2183
|
-
} catch (x) {}
|
|
2184
|
-
};
|
|
2185
|
-
}
|
|
2186
|
-
|
|
2187
|
-
function emptyFunctionThatReturnsNull() {
|
|
2188
|
-
return null;
|
|
2189
|
-
}
|
|
2190
|
-
|
|
2191
|
-
factoryWithTypeCheckers = function(isValidElement, throwOnDirectAccess) {
|
|
2192
|
-
/* global Symbol */
|
|
2193
|
-
var ITERATOR_SYMBOL = typeof Symbol === 'function' && Symbol.iterator;
|
|
2194
|
-
var FAUX_ITERATOR_SYMBOL = '@@iterator'; // Before Symbol spec.
|
|
2195
|
-
|
|
2196
|
-
/**
|
|
2197
|
-
* Returns the iterator method function contained on the iterable object.
|
|
2198
|
-
*
|
|
2199
|
-
* Be sure to invoke the function with the iterable as context:
|
|
2200
|
-
*
|
|
2201
|
-
* var iteratorFn = getIteratorFn(myIterable);
|
|
2202
|
-
* if (iteratorFn) {
|
|
2203
|
-
* var iterator = iteratorFn.call(myIterable);
|
|
2204
|
-
* ...
|
|
2205
|
-
* }
|
|
2206
|
-
*
|
|
2207
|
-
* @param {?object} maybeIterable
|
|
2208
|
-
* @return {?function}
|
|
2209
|
-
*/
|
|
2210
|
-
function getIteratorFn(maybeIterable) {
|
|
2211
|
-
var iteratorFn = maybeIterable && (ITERATOR_SYMBOL && maybeIterable[ITERATOR_SYMBOL] || maybeIterable[FAUX_ITERATOR_SYMBOL]);
|
|
2212
|
-
if (typeof iteratorFn === 'function') {
|
|
2213
|
-
return iteratorFn;
|
|
2214
|
-
}
|
|
2215
|
-
}
|
|
2216
|
-
|
|
2217
|
-
/**
|
|
2218
|
-
* Collection of methods that allow declaration and validation of props that are
|
|
2219
|
-
* supplied to React components. Example usage:
|
|
2220
|
-
*
|
|
2221
|
-
* var Props = require('ReactPropTypes');
|
|
2222
|
-
* var MyArticle = React.createClass({
|
|
2223
|
-
* propTypes: {
|
|
2224
|
-
* // An optional string prop named "description".
|
|
2225
|
-
* description: Props.string,
|
|
2226
|
-
*
|
|
2227
|
-
* // A required enum prop named "category".
|
|
2228
|
-
* category: Props.oneOf(['News','Photos']).isRequired,
|
|
2229
|
-
*
|
|
2230
|
-
* // A prop named "dialog" that requires an instance of Dialog.
|
|
2231
|
-
* dialog: Props.instanceOf(Dialog).isRequired
|
|
2232
|
-
* },
|
|
2233
|
-
* render: function() { ... }
|
|
2234
|
-
* });
|
|
2235
|
-
*
|
|
2236
|
-
* A more formal specification of how these methods are used:
|
|
2237
|
-
*
|
|
2238
|
-
* type := array|bool|func|object|number|string|oneOf([...])|instanceOf(...)
|
|
2239
|
-
* decl := ReactPropTypes.{type}(.isRequired)?
|
|
2240
|
-
*
|
|
2241
|
-
* Each and every declaration produces a function with the same signature. This
|
|
2242
|
-
* allows the creation of custom validation functions. For example:
|
|
2243
|
-
*
|
|
2244
|
-
* var MyLink = React.createClass({
|
|
2245
|
-
* propTypes: {
|
|
2246
|
-
* // An optional string or URI prop named "href".
|
|
2247
|
-
* href: function(props, propName, componentName) {
|
|
2248
|
-
* var propValue = props[propName];
|
|
2249
|
-
* if (propValue != null && typeof propValue !== 'string' &&
|
|
2250
|
-
* !(propValue instanceof URI)) {
|
|
2251
|
-
* return new Error(
|
|
2252
|
-
* 'Expected a string or an URI for ' + propName + ' in ' +
|
|
2253
|
-
* componentName
|
|
2254
|
-
* );
|
|
2255
|
-
* }
|
|
2256
|
-
* }
|
|
2257
|
-
* },
|
|
2258
|
-
* render: function() {...}
|
|
2259
|
-
* });
|
|
2260
|
-
*
|
|
2261
|
-
* @internal
|
|
2262
|
-
*/
|
|
2263
|
-
|
|
2264
|
-
var ANONYMOUS = '<<anonymous>>';
|
|
2265
|
-
|
|
2266
|
-
// Important!
|
|
2267
|
-
// Keep this list in sync with production version in `./factoryWithThrowingShims.js`.
|
|
2268
|
-
var ReactPropTypes = {
|
|
2269
|
-
array: createPrimitiveTypeChecker('array'),
|
|
2270
|
-
bigint: createPrimitiveTypeChecker('bigint'),
|
|
2271
|
-
bool: createPrimitiveTypeChecker('boolean'),
|
|
2272
|
-
func: createPrimitiveTypeChecker('function'),
|
|
2273
|
-
number: createPrimitiveTypeChecker('number'),
|
|
2274
|
-
object: createPrimitiveTypeChecker('object'),
|
|
2275
|
-
string: createPrimitiveTypeChecker('string'),
|
|
2276
|
-
symbol: createPrimitiveTypeChecker('symbol'),
|
|
2277
|
-
|
|
2278
|
-
any: createAnyTypeChecker(),
|
|
2279
|
-
arrayOf: createArrayOfTypeChecker,
|
|
2280
|
-
element: createElementTypeChecker(),
|
|
2281
|
-
elementType: createElementTypeTypeChecker(),
|
|
2282
|
-
instanceOf: createInstanceTypeChecker,
|
|
2283
|
-
node: createNodeChecker(),
|
|
2284
|
-
objectOf: createObjectOfTypeChecker,
|
|
2285
|
-
oneOf: createEnumTypeChecker,
|
|
2286
|
-
oneOfType: createUnionTypeChecker,
|
|
2287
|
-
shape: createShapeTypeChecker,
|
|
2288
|
-
exact: createStrictShapeTypeChecker,
|
|
2289
|
-
};
|
|
2290
|
-
|
|
2291
|
-
/**
|
|
2292
|
-
* inlined Object.is polyfill to avoid requiring consumers ship their own
|
|
2293
|
-
* https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
|
|
2294
|
-
*/
|
|
2295
|
-
/*eslint-disable no-self-compare*/
|
|
2296
|
-
function is(x, y) {
|
|
2297
|
-
// SameValue algorithm
|
|
2298
|
-
if (x === y) {
|
|
2299
|
-
// Steps 1-5, 7-10
|
|
2300
|
-
// Steps 6.b-6.e: +0 != -0
|
|
2301
|
-
return x !== 0 || 1 / x === 1 / y;
|
|
2302
|
-
} else {
|
|
2303
|
-
// Step 6.a: NaN == NaN
|
|
2304
|
-
return x !== x && y !== y;
|
|
2305
|
-
}
|
|
2306
|
-
}
|
|
2307
|
-
/*eslint-enable no-self-compare*/
|
|
2308
|
-
|
|
2309
|
-
/**
|
|
2310
|
-
* We use an Error-like object for backward compatibility as people may call
|
|
2311
|
-
* PropTypes directly and inspect their output. However, we don't use real
|
|
2312
|
-
* Errors anymore. We don't inspect their stack anyway, and creating them
|
|
2313
|
-
* is prohibitively expensive if they are created too often, such as what
|
|
2314
|
-
* happens in oneOfType() for any type before the one that matched.
|
|
2315
|
-
*/
|
|
2316
|
-
function PropTypeError(message, data) {
|
|
2317
|
-
this.message = message;
|
|
2318
|
-
this.data = data && typeof data === 'object' ? data: {};
|
|
2319
|
-
this.stack = '';
|
|
2320
|
-
}
|
|
2321
|
-
// Make `instanceof Error` still work for returned errors.
|
|
2322
|
-
PropTypeError.prototype = Error.prototype;
|
|
2323
|
-
|
|
2324
|
-
function createChainableTypeChecker(validate) {
|
|
2325
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
2326
|
-
var manualPropTypeCallCache = {};
|
|
2327
|
-
var manualPropTypeWarningCount = 0;
|
|
2328
|
-
}
|
|
2329
|
-
function checkType(isRequired, props, propName, componentName, location, propFullName, secret) {
|
|
2330
|
-
componentName = componentName || ANONYMOUS;
|
|
2331
|
-
propFullName = propFullName || propName;
|
|
2332
|
-
|
|
2333
|
-
if (secret !== ReactPropTypesSecret) {
|
|
2334
|
-
if (throwOnDirectAccess) {
|
|
2335
|
-
// New behavior only for users of `prop-types` package
|
|
2336
|
-
var err = new Error(
|
|
2337
|
-
'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
|
|
2338
|
-
'Use `PropTypes.checkPropTypes()` to call them. ' +
|
|
2339
|
-
'Read more at http://fb.me/use-check-prop-types'
|
|
2340
|
-
);
|
|
2341
|
-
err.name = 'Invariant Violation';
|
|
2342
|
-
throw err;
|
|
2343
|
-
} else if (process.env.NODE_ENV !== 'production' && typeof console !== 'undefined') {
|
|
2344
|
-
// Old behavior for people using React.PropTypes
|
|
2345
|
-
var cacheKey = componentName + ':' + propName;
|
|
2346
|
-
if (
|
|
2347
|
-
!manualPropTypeCallCache[cacheKey] &&
|
|
2348
|
-
// Avoid spamming the console because they are often not actionable except for lib authors
|
|
2349
|
-
manualPropTypeWarningCount < 3
|
|
2350
|
-
) {
|
|
2351
|
-
printWarning(
|
|
2352
|
-
'You are manually calling a React.PropTypes validation ' +
|
|
2353
|
-
'function for the `' + propFullName + '` prop on `' + componentName + '`. This is deprecated ' +
|
|
2354
|
-
'and will throw in the standalone `prop-types` package. ' +
|
|
2355
|
-
'You may be seeing this warning due to a third-party PropTypes ' +
|
|
2356
|
-
'library. See https://fb.me/react-warning-dont-call-proptypes ' + 'for details.'
|
|
2357
|
-
);
|
|
2358
|
-
manualPropTypeCallCache[cacheKey] = true;
|
|
2359
|
-
manualPropTypeWarningCount++;
|
|
2360
|
-
}
|
|
2361
|
-
}
|
|
2362
|
-
}
|
|
2363
|
-
if (props[propName] == null) {
|
|
2364
|
-
if (isRequired) {
|
|
2365
|
-
if (props[propName] === null) {
|
|
2366
|
-
return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required ' + ('in `' + componentName + '`, but its value is `null`.'));
|
|
2367
|
-
}
|
|
2368
|
-
return new PropTypeError('The ' + location + ' `' + propFullName + '` is marked as required in ' + ('`' + componentName + '`, but its value is `undefined`.'));
|
|
2369
|
-
}
|
|
2370
|
-
return null;
|
|
2371
|
-
} else {
|
|
2372
|
-
return validate(props, propName, componentName, location, propFullName);
|
|
2373
|
-
}
|
|
2374
|
-
}
|
|
2375
|
-
|
|
2376
|
-
var chainedCheckType = checkType.bind(null, false);
|
|
2377
|
-
chainedCheckType.isRequired = checkType.bind(null, true);
|
|
2378
|
-
|
|
2379
|
-
return chainedCheckType;
|
|
2380
|
-
}
|
|
2381
|
-
|
|
2382
|
-
function createPrimitiveTypeChecker(expectedType) {
|
|
2383
|
-
function validate(props, propName, componentName, location, propFullName, secret) {
|
|
2384
|
-
var propValue = props[propName];
|
|
2385
|
-
var propType = getPropType(propValue);
|
|
2386
|
-
if (propType !== expectedType) {
|
|
2387
|
-
// `propValue` being instance of, say, date/regexp, pass the 'object'
|
|
2388
|
-
// check, but we can offer a more precise error message here rather than
|
|
2389
|
-
// 'of type `object`'.
|
|
2390
|
-
var preciseType = getPreciseType(propValue);
|
|
2391
|
-
|
|
2392
|
-
return new PropTypeError(
|
|
2393
|
-
'Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + preciseType + '` supplied to `' + componentName + '`, expected ') + ('`' + expectedType + '`.'),
|
|
2394
|
-
{expectedType: expectedType}
|
|
2395
|
-
);
|
|
2396
|
-
}
|
|
2397
|
-
return null;
|
|
2398
|
-
}
|
|
2399
|
-
return createChainableTypeChecker(validate);
|
|
2400
|
-
}
|
|
2401
|
-
|
|
2402
|
-
function createAnyTypeChecker() {
|
|
2403
|
-
return createChainableTypeChecker(emptyFunctionThatReturnsNull);
|
|
2404
|
-
}
|
|
2405
|
-
|
|
2406
|
-
function createArrayOfTypeChecker(typeChecker) {
|
|
2407
|
-
function validate(props, propName, componentName, location, propFullName) {
|
|
2408
|
-
if (typeof typeChecker !== 'function') {
|
|
2409
|
-
return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside arrayOf.');
|
|
2410
|
-
}
|
|
2411
|
-
var propValue = props[propName];
|
|
2412
|
-
if (!Array.isArray(propValue)) {
|
|
2413
|
-
var propType = getPropType(propValue);
|
|
2414
|
-
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an array.'));
|
|
2415
|
-
}
|
|
2416
|
-
for (var i = 0; i < propValue.length; i++) {
|
|
2417
|
-
var error = typeChecker(propValue, i, componentName, location, propFullName + '[' + i + ']', ReactPropTypesSecret);
|
|
2418
|
-
if (error instanceof Error) {
|
|
2419
|
-
return error;
|
|
2420
|
-
}
|
|
2421
|
-
}
|
|
2422
|
-
return null;
|
|
2423
|
-
}
|
|
2424
|
-
return createChainableTypeChecker(validate);
|
|
2425
|
-
}
|
|
2426
|
-
|
|
2427
|
-
function createElementTypeChecker() {
|
|
2428
|
-
function validate(props, propName, componentName, location, propFullName) {
|
|
2429
|
-
var propValue = props[propName];
|
|
2430
|
-
if (!isValidElement(propValue)) {
|
|
2431
|
-
var propType = getPropType(propValue);
|
|
2432
|
-
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement.'));
|
|
2433
|
-
}
|
|
2434
|
-
return null;
|
|
2435
|
-
}
|
|
2436
|
-
return createChainableTypeChecker(validate);
|
|
2437
|
-
}
|
|
2438
|
-
|
|
2439
|
-
function createElementTypeTypeChecker() {
|
|
2440
|
-
function validate(props, propName, componentName, location, propFullName) {
|
|
2441
|
-
var propValue = props[propName];
|
|
2442
|
-
if (!ReactIs.isValidElementType(propValue)) {
|
|
2443
|
-
var propType = getPropType(propValue);
|
|
2444
|
-
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected a single ReactElement type.'));
|
|
2445
|
-
}
|
|
2446
|
-
return null;
|
|
2447
|
-
}
|
|
2448
|
-
return createChainableTypeChecker(validate);
|
|
2449
|
-
}
|
|
2450
|
-
|
|
2451
|
-
function createInstanceTypeChecker(expectedClass) {
|
|
2452
|
-
function validate(props, propName, componentName, location, propFullName) {
|
|
2453
|
-
if (!(props[propName] instanceof expectedClass)) {
|
|
2454
|
-
var expectedClassName = expectedClass.name || ANONYMOUS;
|
|
2455
|
-
var actualClassName = getClassName(props[propName]);
|
|
2456
|
-
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + actualClassName + '` supplied to `' + componentName + '`, expected ') + ('instance of `' + expectedClassName + '`.'));
|
|
2457
|
-
}
|
|
2458
|
-
return null;
|
|
2459
|
-
}
|
|
2460
|
-
return createChainableTypeChecker(validate);
|
|
2461
|
-
}
|
|
2462
|
-
|
|
2463
|
-
function createEnumTypeChecker(expectedValues) {
|
|
2464
|
-
if (!Array.isArray(expectedValues)) {
|
|
2465
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
2466
|
-
if (arguments.length > 1) {
|
|
2467
|
-
printWarning(
|
|
2468
|
-
'Invalid arguments supplied to oneOf, expected an array, got ' + arguments.length + ' arguments. ' +
|
|
2469
|
-
'A common mistake is to write oneOf(x, y, z) instead of oneOf([x, y, z]).'
|
|
2470
|
-
);
|
|
2471
|
-
} else {
|
|
2472
|
-
printWarning('Invalid argument supplied to oneOf, expected an array.');
|
|
2473
|
-
}
|
|
2474
|
-
}
|
|
2475
|
-
return emptyFunctionThatReturnsNull;
|
|
2476
|
-
}
|
|
2477
|
-
|
|
2478
|
-
function validate(props, propName, componentName, location, propFullName) {
|
|
2479
|
-
var propValue = props[propName];
|
|
2480
|
-
for (var i = 0; i < expectedValues.length; i++) {
|
|
2481
|
-
if (is(propValue, expectedValues[i])) {
|
|
2482
|
-
return null;
|
|
2483
|
-
}
|
|
2484
|
-
}
|
|
2485
|
-
|
|
2486
|
-
var valuesString = JSON.stringify(expectedValues, function replacer(key, value) {
|
|
2487
|
-
var type = getPreciseType(value);
|
|
2488
|
-
if (type === 'symbol') {
|
|
2489
|
-
return String(value);
|
|
2490
|
-
}
|
|
2491
|
-
return value;
|
|
2492
|
-
});
|
|
2493
|
-
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of value `' + String(propValue) + '` ' + ('supplied to `' + componentName + '`, expected one of ' + valuesString + '.'));
|
|
2494
|
-
}
|
|
2495
|
-
return createChainableTypeChecker(validate);
|
|
2496
|
-
}
|
|
2497
|
-
|
|
2498
|
-
function createObjectOfTypeChecker(typeChecker) {
|
|
2499
|
-
function validate(props, propName, componentName, location, propFullName) {
|
|
2500
|
-
if (typeof typeChecker !== 'function') {
|
|
2501
|
-
return new PropTypeError('Property `' + propFullName + '` of component `' + componentName + '` has invalid PropType notation inside objectOf.');
|
|
2502
|
-
}
|
|
2503
|
-
var propValue = props[propName];
|
|
2504
|
-
var propType = getPropType(propValue);
|
|
2505
|
-
if (propType !== 'object') {
|
|
2506
|
-
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type ' + ('`' + propType + '` supplied to `' + componentName + '`, expected an object.'));
|
|
2507
|
-
}
|
|
2508
|
-
for (var key in propValue) {
|
|
2509
|
-
if (has(propValue, key)) {
|
|
2510
|
-
var error = typeChecker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
|
|
2511
|
-
if (error instanceof Error) {
|
|
2512
|
-
return error;
|
|
2513
|
-
}
|
|
2514
|
-
}
|
|
2515
|
-
}
|
|
2516
|
-
return null;
|
|
2517
|
-
}
|
|
2518
|
-
return createChainableTypeChecker(validate);
|
|
2519
|
-
}
|
|
2520
|
-
|
|
2521
|
-
function createUnionTypeChecker(arrayOfTypeCheckers) {
|
|
2522
|
-
if (!Array.isArray(arrayOfTypeCheckers)) {
|
|
2523
|
-
process.env.NODE_ENV !== 'production' ? printWarning('Invalid argument supplied to oneOfType, expected an instance of array.') : void 0;
|
|
2524
|
-
return emptyFunctionThatReturnsNull;
|
|
2525
|
-
}
|
|
2526
|
-
|
|
2527
|
-
for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
|
|
2528
|
-
var checker = arrayOfTypeCheckers[i];
|
|
2529
|
-
if (typeof checker !== 'function') {
|
|
2530
|
-
printWarning(
|
|
2531
|
-
'Invalid argument supplied to oneOfType. Expected an array of check functions, but ' +
|
|
2532
|
-
'received ' + getPostfixForTypeWarning(checker) + ' at index ' + i + '.'
|
|
2533
|
-
);
|
|
2534
|
-
return emptyFunctionThatReturnsNull;
|
|
2535
|
-
}
|
|
2536
|
-
}
|
|
2537
|
-
|
|
2538
|
-
function validate(props, propName, componentName, location, propFullName) {
|
|
2539
|
-
var expectedTypes = [];
|
|
2540
|
-
for (var i = 0; i < arrayOfTypeCheckers.length; i++) {
|
|
2541
|
-
var checker = arrayOfTypeCheckers[i];
|
|
2542
|
-
var checkerResult = checker(props, propName, componentName, location, propFullName, ReactPropTypesSecret);
|
|
2543
|
-
if (checkerResult == null) {
|
|
2544
|
-
return null;
|
|
2545
|
-
}
|
|
2546
|
-
if (checkerResult.data && has(checkerResult.data, 'expectedType')) {
|
|
2547
|
-
expectedTypes.push(checkerResult.data.expectedType);
|
|
2548
|
-
}
|
|
2549
|
-
}
|
|
2550
|
-
var expectedTypesMessage = (expectedTypes.length > 0) ? ', expected one of type [' + expectedTypes.join(', ') + ']': '';
|
|
2551
|
-
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`' + expectedTypesMessage + '.'));
|
|
2552
|
-
}
|
|
2553
|
-
return createChainableTypeChecker(validate);
|
|
2554
|
-
}
|
|
2555
|
-
|
|
2556
|
-
function createNodeChecker() {
|
|
2557
|
-
function validate(props, propName, componentName, location, propFullName) {
|
|
2558
|
-
if (!isNode(props[propName])) {
|
|
2559
|
-
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` supplied to ' + ('`' + componentName + '`, expected a ReactNode.'));
|
|
2560
|
-
}
|
|
2561
|
-
return null;
|
|
2562
|
-
}
|
|
2563
|
-
return createChainableTypeChecker(validate);
|
|
2564
|
-
}
|
|
2565
|
-
|
|
2566
|
-
function invalidValidatorError(componentName, location, propFullName, key, type) {
|
|
2567
|
-
return new PropTypeError(
|
|
2568
|
-
(componentName || 'React class') + ': ' + location + ' type `' + propFullName + '.' + key + '` is invalid; ' +
|
|
2569
|
-
'it must be a function, usually from the `prop-types` package, but received `' + type + '`.'
|
|
2570
|
-
);
|
|
2571
|
-
}
|
|
2572
|
-
|
|
2573
|
-
function createShapeTypeChecker(shapeTypes) {
|
|
2574
|
-
function validate(props, propName, componentName, location, propFullName) {
|
|
2575
|
-
var propValue = props[propName];
|
|
2576
|
-
var propType = getPropType(propValue);
|
|
2577
|
-
if (propType !== 'object') {
|
|
2578
|
-
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
|
|
2579
|
-
}
|
|
2580
|
-
for (var key in shapeTypes) {
|
|
2581
|
-
var checker = shapeTypes[key];
|
|
2582
|
-
if (typeof checker !== 'function') {
|
|
2583
|
-
return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
|
|
2584
|
-
}
|
|
2585
|
-
var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
|
|
2586
|
-
if (error) {
|
|
2587
|
-
return error;
|
|
2588
|
-
}
|
|
2589
|
-
}
|
|
2590
|
-
return null;
|
|
2591
|
-
}
|
|
2592
|
-
return createChainableTypeChecker(validate);
|
|
2593
|
-
}
|
|
2594
|
-
|
|
2595
|
-
function createStrictShapeTypeChecker(shapeTypes) {
|
|
2596
|
-
function validate(props, propName, componentName, location, propFullName) {
|
|
2597
|
-
var propValue = props[propName];
|
|
2598
|
-
var propType = getPropType(propValue);
|
|
2599
|
-
if (propType !== 'object') {
|
|
2600
|
-
return new PropTypeError('Invalid ' + location + ' `' + propFullName + '` of type `' + propType + '` ' + ('supplied to `' + componentName + '`, expected `object`.'));
|
|
2601
|
-
}
|
|
2602
|
-
// We need to check all keys in case some are required but missing from props.
|
|
2603
|
-
var allKeys = assign({}, props[propName], shapeTypes);
|
|
2604
|
-
for (var key in allKeys) {
|
|
2605
|
-
var checker = shapeTypes[key];
|
|
2606
|
-
if (has(shapeTypes, key) && typeof checker !== 'function') {
|
|
2607
|
-
return invalidValidatorError(componentName, location, propFullName, key, getPreciseType(checker));
|
|
2608
|
-
}
|
|
2609
|
-
if (!checker) {
|
|
2610
|
-
return new PropTypeError(
|
|
2611
|
-
'Invalid ' + location + ' `' + propFullName + '` key `' + key + '` supplied to `' + componentName + '`.' +
|
|
2612
|
-
'\nBad object: ' + JSON.stringify(props[propName], null, ' ') +
|
|
2613
|
-
'\nValid keys: ' + JSON.stringify(Object.keys(shapeTypes), null, ' ')
|
|
2614
|
-
);
|
|
2615
|
-
}
|
|
2616
|
-
var error = checker(propValue, key, componentName, location, propFullName + '.' + key, ReactPropTypesSecret);
|
|
2617
|
-
if (error) {
|
|
2618
|
-
return error;
|
|
2619
|
-
}
|
|
2620
|
-
}
|
|
2621
|
-
return null;
|
|
2622
|
-
}
|
|
2623
|
-
|
|
2624
|
-
return createChainableTypeChecker(validate);
|
|
2625
|
-
}
|
|
2626
|
-
|
|
2627
|
-
function isNode(propValue) {
|
|
2628
|
-
switch (typeof propValue) {
|
|
2629
|
-
case 'number':
|
|
2630
|
-
case 'string':
|
|
2631
|
-
case 'undefined':
|
|
2632
|
-
return true;
|
|
2633
|
-
case 'boolean':
|
|
2634
|
-
return !propValue;
|
|
2635
|
-
case 'object':
|
|
2636
|
-
if (Array.isArray(propValue)) {
|
|
2637
|
-
return propValue.every(isNode);
|
|
2638
|
-
}
|
|
2639
|
-
if (propValue === null || isValidElement(propValue)) {
|
|
2640
|
-
return true;
|
|
2641
|
-
}
|
|
2642
|
-
|
|
2643
|
-
var iteratorFn = getIteratorFn(propValue);
|
|
2644
|
-
if (iteratorFn) {
|
|
2645
|
-
var iterator = iteratorFn.call(propValue);
|
|
2646
|
-
var step;
|
|
2647
|
-
if (iteratorFn !== propValue.entries) {
|
|
2648
|
-
while (!(step = iterator.next()).done) {
|
|
2649
|
-
if (!isNode(step.value)) {
|
|
2650
|
-
return false;
|
|
2651
|
-
}
|
|
2652
|
-
}
|
|
2653
|
-
} else {
|
|
2654
|
-
// Iterator will provide entry [k,v] tuples rather than values.
|
|
2655
|
-
while (!(step = iterator.next()).done) {
|
|
2656
|
-
var entry = step.value;
|
|
2657
|
-
if (entry) {
|
|
2658
|
-
if (!isNode(entry[1])) {
|
|
2659
|
-
return false;
|
|
2660
|
-
}
|
|
2661
|
-
}
|
|
2662
|
-
}
|
|
2663
|
-
}
|
|
2664
|
-
} else {
|
|
2665
|
-
return false;
|
|
2666
|
-
}
|
|
2667
|
-
|
|
2668
|
-
return true;
|
|
2669
|
-
default:
|
|
2670
|
-
return false;
|
|
2671
|
-
}
|
|
2672
|
-
}
|
|
2673
|
-
|
|
2674
|
-
function isSymbol(propType, propValue) {
|
|
2675
|
-
// Native Symbol.
|
|
2676
|
-
if (propType === 'symbol') {
|
|
2677
|
-
return true;
|
|
2678
|
-
}
|
|
2679
|
-
|
|
2680
|
-
// falsy value can't be a Symbol
|
|
2681
|
-
if (!propValue) {
|
|
2682
|
-
return false;
|
|
2683
|
-
}
|
|
2684
|
-
|
|
2685
|
-
// 19.4.3.5 Symbol.prototype[@@toStringTag] === 'Symbol'
|
|
2686
|
-
if (propValue['@@toStringTag'] === 'Symbol') {
|
|
2687
|
-
return true;
|
|
2688
|
-
}
|
|
2689
|
-
|
|
2690
|
-
// Fallback for non-spec compliant Symbols which are polyfilled.
|
|
2691
|
-
if (typeof Symbol === 'function' && propValue instanceof Symbol) {
|
|
2692
|
-
return true;
|
|
2693
|
-
}
|
|
2694
|
-
|
|
2695
|
-
return false;
|
|
2696
|
-
}
|
|
2697
|
-
|
|
2698
|
-
// Equivalent of `typeof` but with special handling for array and regexp.
|
|
2699
|
-
function getPropType(propValue) {
|
|
2700
|
-
var propType = typeof propValue;
|
|
2701
|
-
if (Array.isArray(propValue)) {
|
|
2702
|
-
return 'array';
|
|
2703
|
-
}
|
|
2704
|
-
if (propValue instanceof RegExp) {
|
|
2705
|
-
// Old webkits (at least until Android 4.0) return 'function' rather than
|
|
2706
|
-
// 'object' for typeof a RegExp. We'll normalize this here so that /bla/
|
|
2707
|
-
// passes PropTypes.object.
|
|
2708
|
-
return 'object';
|
|
2709
|
-
}
|
|
2710
|
-
if (isSymbol(propType, propValue)) {
|
|
2711
|
-
return 'symbol';
|
|
2712
|
-
}
|
|
2713
|
-
return propType;
|
|
2714
|
-
}
|
|
2715
|
-
|
|
2716
|
-
// This handles more types than `getPropType`. Only used for error messages.
|
|
2717
|
-
// See `createPrimitiveTypeChecker`.
|
|
2718
|
-
function getPreciseType(propValue) {
|
|
2719
|
-
if (typeof propValue === 'undefined' || propValue === null) {
|
|
2720
|
-
return '' + propValue;
|
|
2721
|
-
}
|
|
2722
|
-
var propType = getPropType(propValue);
|
|
2723
|
-
if (propType === 'object') {
|
|
2724
|
-
if (propValue instanceof Date) {
|
|
2725
|
-
return 'date';
|
|
2726
|
-
} else if (propValue instanceof RegExp) {
|
|
2727
|
-
return 'regexp';
|
|
2728
|
-
}
|
|
2729
|
-
}
|
|
2730
|
-
return propType;
|
|
2731
|
-
}
|
|
2732
|
-
|
|
2733
|
-
// Returns a string that is postfixed to a warning about an invalid type.
|
|
2734
|
-
// For example, "undefined" or "of type array"
|
|
2735
|
-
function getPostfixForTypeWarning(value) {
|
|
2736
|
-
var type = getPreciseType(value);
|
|
2737
|
-
switch (type) {
|
|
2738
|
-
case 'array':
|
|
2739
|
-
case 'object':
|
|
2740
|
-
return 'an ' + type;
|
|
2741
|
-
case 'boolean':
|
|
2742
|
-
case 'date':
|
|
2743
|
-
case 'regexp':
|
|
2744
|
-
return 'a ' + type;
|
|
2745
|
-
default:
|
|
2746
|
-
return type;
|
|
2747
|
-
}
|
|
2748
|
-
}
|
|
2749
|
-
|
|
2750
|
-
// Returns class name of the object, if any.
|
|
2751
|
-
function getClassName(propValue) {
|
|
2752
|
-
if (!propValue.constructor || !propValue.constructor.name) {
|
|
2753
|
-
return ANONYMOUS;
|
|
2754
|
-
}
|
|
2755
|
-
return propValue.constructor.name;
|
|
2756
|
-
}
|
|
2757
|
-
|
|
2758
|
-
ReactPropTypes.checkPropTypes = checkPropTypes;
|
|
2759
|
-
ReactPropTypes.resetWarningCache = checkPropTypes.resetWarningCache;
|
|
2760
|
-
ReactPropTypes.PropTypes = ReactPropTypes;
|
|
2761
|
-
|
|
2762
|
-
return ReactPropTypes;
|
|
2763
|
-
};
|
|
2764
|
-
return factoryWithTypeCheckers;
|
|
2765
|
-
}
|
|
2766
|
-
|
|
2767
|
-
/**
|
|
2768
|
-
* Copyright (c) 2013-present, Facebook, Inc.
|
|
2769
|
-
*
|
|
2770
|
-
* This source code is licensed under the MIT license found in the
|
|
2771
|
-
* LICENSE file in the root directory of this source tree.
|
|
2772
|
-
*/
|
|
2773
|
-
|
|
2774
|
-
var factoryWithThrowingShims;
|
|
2775
|
-
var hasRequiredFactoryWithThrowingShims;
|
|
2776
|
-
|
|
2777
|
-
function requireFactoryWithThrowingShims () {
|
|
2778
|
-
if (hasRequiredFactoryWithThrowingShims) return factoryWithThrowingShims;
|
|
2779
|
-
hasRequiredFactoryWithThrowingShims = 1;
|
|
2780
|
-
|
|
2781
|
-
var ReactPropTypesSecret = requireReactPropTypesSecret();
|
|
2782
|
-
|
|
2783
|
-
function emptyFunction() {}
|
|
2784
|
-
function emptyFunctionWithReset() {}
|
|
2785
|
-
emptyFunctionWithReset.resetWarningCache = emptyFunction;
|
|
2786
|
-
|
|
2787
|
-
factoryWithThrowingShims = function() {
|
|
2788
|
-
function shim(props, propName, componentName, location, propFullName, secret) {
|
|
2789
|
-
if (secret === ReactPropTypesSecret) {
|
|
2790
|
-
// It is still safe when called from React.
|
|
2791
|
-
return;
|
|
2792
|
-
}
|
|
2793
|
-
var err = new Error(
|
|
2794
|
-
'Calling PropTypes validators directly is not supported by the `prop-types` package. ' +
|
|
2795
|
-
'Use PropTypes.checkPropTypes() to call them. ' +
|
|
2796
|
-
'Read more at http://fb.me/use-check-prop-types'
|
|
2797
|
-
);
|
|
2798
|
-
err.name = 'Invariant Violation';
|
|
2799
|
-
throw err;
|
|
2800
|
-
} shim.isRequired = shim;
|
|
2801
|
-
function getShim() {
|
|
2802
|
-
return shim;
|
|
2803
|
-
} // Important!
|
|
2804
|
-
// Keep this list in sync with production version in `./factoryWithTypeCheckers.js`.
|
|
2805
|
-
var ReactPropTypes = {
|
|
2806
|
-
array: shim,
|
|
2807
|
-
bigint: shim,
|
|
2808
|
-
bool: shim,
|
|
2809
|
-
func: shim,
|
|
2810
|
-
number: shim,
|
|
2811
|
-
object: shim,
|
|
2812
|
-
string: shim,
|
|
2813
|
-
symbol: shim,
|
|
2814
|
-
|
|
2815
|
-
any: shim,
|
|
2816
|
-
arrayOf: getShim,
|
|
2817
|
-
element: shim,
|
|
2818
|
-
elementType: shim,
|
|
2819
|
-
instanceOf: getShim,
|
|
2820
|
-
node: shim,
|
|
2821
|
-
objectOf: getShim,
|
|
2822
|
-
oneOf: getShim,
|
|
2823
|
-
oneOfType: getShim,
|
|
2824
|
-
shape: getShim,
|
|
2825
|
-
exact: getShim,
|
|
2826
|
-
|
|
2827
|
-
checkPropTypes: emptyFunctionWithReset,
|
|
2828
|
-
resetWarningCache: emptyFunction
|
|
2829
|
-
};
|
|
2830
|
-
|
|
2831
|
-
ReactPropTypes.PropTypes = ReactPropTypes;
|
|
2832
|
-
|
|
2833
|
-
return ReactPropTypes;
|
|
2834
|
-
};
|
|
2835
|
-
return factoryWithThrowingShims;
|
|
2836
|
-
}
|
|
2837
|
-
|
|
2838
|
-
/**
|
|
2839
|
-
* Copyright (c) 2013-present, Facebook, Inc.
|
|
2840
|
-
*
|
|
2841
|
-
* This source code is licensed under the MIT license found in the
|
|
2842
|
-
* LICENSE file in the root directory of this source tree.
|
|
2843
|
-
*/
|
|
2844
|
-
|
|
2845
|
-
if (process.env.NODE_ENV !== 'production') {
|
|
2846
|
-
var ReactIs = requireReactIs();
|
|
2847
|
-
|
|
2848
|
-
// By explicitly using `prop-types` you are opting into new development behavior.
|
|
2849
|
-
// http://fb.me/prop-types-in-prod
|
|
2850
|
-
var throwOnDirectAccess = true;
|
|
2851
|
-
propTypes.exports = requireFactoryWithTypeCheckers()(ReactIs.isElement, throwOnDirectAccess);
|
|
2852
|
-
} else {
|
|
2853
|
-
// By explicitly using `prop-types` you are opting into new production behavior.
|
|
2854
|
-
// http://fb.me/prop-types-in-prod
|
|
2855
|
-
propTypes.exports = requireFactoryWithThrowingShims()();
|
|
2856
|
-
}
|
|
2857
|
-
|
|
2858
1570
|
/**
|
|
2859
1571
|
* Checks if a given element has a CSS class.
|
|
2860
1572
|
*
|
|
@@ -2902,24 +1614,6 @@ var config = {
|
|
|
2902
1614
|
disabled: false
|
|
2903
1615
|
};
|
|
2904
1616
|
|
|
2905
|
-
var timeoutsShape = process.env.NODE_ENV !== 'production' ? propTypes.exports.oneOfType([propTypes.exports.number, propTypes.exports.shape({
|
|
2906
|
-
enter: propTypes.exports.number,
|
|
2907
|
-
exit: propTypes.exports.number,
|
|
2908
|
-
appear: propTypes.exports.number
|
|
2909
|
-
}).isRequired]) : null;
|
|
2910
|
-
var classNamesShape = process.env.NODE_ENV !== 'production' ? propTypes.exports.oneOfType([propTypes.exports.string, propTypes.exports.shape({
|
|
2911
|
-
enter: propTypes.exports.string,
|
|
2912
|
-
exit: propTypes.exports.string,
|
|
2913
|
-
active: propTypes.exports.string
|
|
2914
|
-
}), propTypes.exports.shape({
|
|
2915
|
-
enter: propTypes.exports.string,
|
|
2916
|
-
enterDone: propTypes.exports.string,
|
|
2917
|
-
enterActive: propTypes.exports.string,
|
|
2918
|
-
exit: propTypes.exports.string,
|
|
2919
|
-
exitDone: propTypes.exports.string,
|
|
2920
|
-
exitActive: propTypes.exports.string
|
|
2921
|
-
})]) : null;
|
|
2922
|
-
|
|
2923
1617
|
var TransitionGroupContext = React.createContext(null);
|
|
2924
1618
|
|
|
2925
1619
|
var forceReflow = function forceReflow(node) {
|
|
@@ -3332,193 +2026,7 @@ var Transition = /*#__PURE__*/function (_React$Component) {
|
|
|
3332
2026
|
}(React.Component);
|
|
3333
2027
|
|
|
3334
2028
|
Transition.contextType = TransitionGroupContext;
|
|
3335
|
-
Transition.propTypes =
|
|
3336
|
-
/**
|
|
3337
|
-
* A React reference to DOM element that need to transition:
|
|
3338
|
-
* https://stackoverflow.com/a/51127130/4671932
|
|
3339
|
-
*
|
|
3340
|
-
* - When `nodeRef` prop is used, `node` is not passed to callback functions
|
|
3341
|
-
* (e.g. `onEnter`) because user already has direct access to the node.
|
|
3342
|
-
* - When changing `key` prop of `Transition` in a `TransitionGroup` a new
|
|
3343
|
-
* `nodeRef` need to be provided to `Transition` with changed `key` prop
|
|
3344
|
-
* (see
|
|
3345
|
-
* [test/CSSTransition-test.js](https://github.com/reactjs/react-transition-group/blob/13435f897b3ab71f6e19d724f145596f5910581c/test/CSSTransition-test.js#L362-L437)).
|
|
3346
|
-
*/
|
|
3347
|
-
nodeRef: propTypes.exports.shape({
|
|
3348
|
-
current: typeof Element === 'undefined' ? propTypes.exports.any : function (propValue, key, componentName, location, propFullName, secret) {
|
|
3349
|
-
var value = propValue[key];
|
|
3350
|
-
return propTypes.exports.instanceOf(value && 'ownerDocument' in value ? value.ownerDocument.defaultView.Element : Element)(propValue, key, componentName, location, propFullName, secret);
|
|
3351
|
-
}
|
|
3352
|
-
}),
|
|
3353
|
-
|
|
3354
|
-
/**
|
|
3355
|
-
* A `function` child can be used instead of a React element. This function is
|
|
3356
|
-
* called with the current transition status (`'entering'`, `'entered'`,
|
|
3357
|
-
* `'exiting'`, `'exited'`), which can be used to apply context
|
|
3358
|
-
* specific props to a component.
|
|
3359
|
-
*
|
|
3360
|
-
* ```jsx
|
|
3361
|
-
* <Transition in={this.state.in} timeout={150}>
|
|
3362
|
-
* {state => (
|
|
3363
|
-
* <MyComponent className={`fade fade-${state}`} />
|
|
3364
|
-
* )}
|
|
3365
|
-
* </Transition>
|
|
3366
|
-
* ```
|
|
3367
|
-
*/
|
|
3368
|
-
children: propTypes.exports.oneOfType([propTypes.exports.func.isRequired, propTypes.exports.element.isRequired]).isRequired,
|
|
3369
|
-
|
|
3370
|
-
/**
|
|
3371
|
-
* Show the component; triggers the enter or exit states
|
|
3372
|
-
*/
|
|
3373
|
-
in: propTypes.exports.bool,
|
|
3374
|
-
|
|
3375
|
-
/**
|
|
3376
|
-
* By default the child component is mounted immediately along with
|
|
3377
|
-
* the parent `Transition` component. If you want to "lazy mount" the component on the
|
|
3378
|
-
* first `in={true}` you can set `mountOnEnter`. After the first enter transition the component will stay
|
|
3379
|
-
* mounted, even on "exited", unless you also specify `unmountOnExit`.
|
|
3380
|
-
*/
|
|
3381
|
-
mountOnEnter: propTypes.exports.bool,
|
|
3382
|
-
|
|
3383
|
-
/**
|
|
3384
|
-
* By default the child component stays mounted after it reaches the `'exited'` state.
|
|
3385
|
-
* Set `unmountOnExit` if you'd prefer to unmount the component after it finishes exiting.
|
|
3386
|
-
*/
|
|
3387
|
-
unmountOnExit: propTypes.exports.bool,
|
|
3388
|
-
|
|
3389
|
-
/**
|
|
3390
|
-
* By default the child component does not perform the enter transition when
|
|
3391
|
-
* it first mounts, regardless of the value of `in`. If you want this
|
|
3392
|
-
* behavior, set both `appear` and `in` to `true`.
|
|
3393
|
-
*
|
|
3394
|
-
* > **Note**: there are no special appear states like `appearing`/`appeared`, this prop
|
|
3395
|
-
* > only adds an additional enter transition. However, in the
|
|
3396
|
-
* > `<CSSTransition>` component that first enter transition does result in
|
|
3397
|
-
* > additional `.appear-*` classes, that way you can choose to style it
|
|
3398
|
-
* > differently.
|
|
3399
|
-
*/
|
|
3400
|
-
appear: propTypes.exports.bool,
|
|
3401
|
-
|
|
3402
|
-
/**
|
|
3403
|
-
* Enable or disable enter transitions.
|
|
3404
|
-
*/
|
|
3405
|
-
enter: propTypes.exports.bool,
|
|
3406
|
-
|
|
3407
|
-
/**
|
|
3408
|
-
* Enable or disable exit transitions.
|
|
3409
|
-
*/
|
|
3410
|
-
exit: propTypes.exports.bool,
|
|
3411
|
-
|
|
3412
|
-
/**
|
|
3413
|
-
* The duration of the transition, in milliseconds.
|
|
3414
|
-
* Required unless `addEndListener` is provided.
|
|
3415
|
-
*
|
|
3416
|
-
* You may specify a single timeout for all transitions:
|
|
3417
|
-
*
|
|
3418
|
-
* ```jsx
|
|
3419
|
-
* timeout={500}
|
|
3420
|
-
* ```
|
|
3421
|
-
*
|
|
3422
|
-
* or individually:
|
|
3423
|
-
*
|
|
3424
|
-
* ```jsx
|
|
3425
|
-
* timeout={{
|
|
3426
|
-
* appear: 500,
|
|
3427
|
-
* enter: 300,
|
|
3428
|
-
* exit: 500,
|
|
3429
|
-
* }}
|
|
3430
|
-
* ```
|
|
3431
|
-
*
|
|
3432
|
-
* - `appear` defaults to the value of `enter`
|
|
3433
|
-
* - `enter` defaults to `0`
|
|
3434
|
-
* - `exit` defaults to `0`
|
|
3435
|
-
*
|
|
3436
|
-
* @type {number | { enter?: number, exit?: number, appear?: number }}
|
|
3437
|
-
*/
|
|
3438
|
-
timeout: function timeout(props) {
|
|
3439
|
-
var pt = timeoutsShape;
|
|
3440
|
-
if (!props.addEndListener) pt = pt.isRequired;
|
|
3441
|
-
|
|
3442
|
-
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
|
|
3443
|
-
args[_key - 1] = arguments[_key];
|
|
3444
|
-
}
|
|
3445
|
-
|
|
3446
|
-
return pt.apply(void 0, [props].concat(args));
|
|
3447
|
-
},
|
|
3448
|
-
|
|
3449
|
-
/**
|
|
3450
|
-
* Add a custom transition end trigger. Called with the transitioning
|
|
3451
|
-
* DOM node and a `done` callback. Allows for more fine grained transition end
|
|
3452
|
-
* logic. Timeouts are still used as a fallback if provided.
|
|
3453
|
-
*
|
|
3454
|
-
* **Note**: when `nodeRef` prop is passed, `node` is not passed.
|
|
3455
|
-
*
|
|
3456
|
-
* ```jsx
|
|
3457
|
-
* addEndListener={(node, done) => {
|
|
3458
|
-
* // use the css transitionend event to mark the finish of a transition
|
|
3459
|
-
* node.addEventListener('transitionend', done, false);
|
|
3460
|
-
* }}
|
|
3461
|
-
* ```
|
|
3462
|
-
*/
|
|
3463
|
-
addEndListener: propTypes.exports.func,
|
|
3464
|
-
|
|
3465
|
-
/**
|
|
3466
|
-
* Callback fired before the "entering" status is applied. An extra parameter
|
|
3467
|
-
* `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
|
|
3468
|
-
*
|
|
3469
|
-
* **Note**: when `nodeRef` prop is passed, `node` is not passed.
|
|
3470
|
-
*
|
|
3471
|
-
* @type Function(node: HtmlElement, isAppearing: bool) -> void
|
|
3472
|
-
*/
|
|
3473
|
-
onEnter: propTypes.exports.func,
|
|
3474
|
-
|
|
3475
|
-
/**
|
|
3476
|
-
* Callback fired after the "entering" status is applied. An extra parameter
|
|
3477
|
-
* `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
|
|
3478
|
-
*
|
|
3479
|
-
* **Note**: when `nodeRef` prop is passed, `node` is not passed.
|
|
3480
|
-
*
|
|
3481
|
-
* @type Function(node: HtmlElement, isAppearing: bool)
|
|
3482
|
-
*/
|
|
3483
|
-
onEntering: propTypes.exports.func,
|
|
3484
|
-
|
|
3485
|
-
/**
|
|
3486
|
-
* Callback fired after the "entered" status is applied. An extra parameter
|
|
3487
|
-
* `isAppearing` is supplied to indicate if the enter stage is occurring on the initial mount
|
|
3488
|
-
*
|
|
3489
|
-
* **Note**: when `nodeRef` prop is passed, `node` is not passed.
|
|
3490
|
-
*
|
|
3491
|
-
* @type Function(node: HtmlElement, isAppearing: bool) -> void
|
|
3492
|
-
*/
|
|
3493
|
-
onEntered: propTypes.exports.func,
|
|
3494
|
-
|
|
3495
|
-
/**
|
|
3496
|
-
* Callback fired before the "exiting" status is applied.
|
|
3497
|
-
*
|
|
3498
|
-
* **Note**: when `nodeRef` prop is passed, `node` is not passed.
|
|
3499
|
-
*
|
|
3500
|
-
* @type Function(node: HtmlElement) -> void
|
|
3501
|
-
*/
|
|
3502
|
-
onExit: propTypes.exports.func,
|
|
3503
|
-
|
|
3504
|
-
/**
|
|
3505
|
-
* Callback fired after the "exiting" status is applied.
|
|
3506
|
-
*
|
|
3507
|
-
* **Note**: when `nodeRef` prop is passed, `node` is not passed.
|
|
3508
|
-
*
|
|
3509
|
-
* @type Function(node: HtmlElement) -> void
|
|
3510
|
-
*/
|
|
3511
|
-
onExiting: propTypes.exports.func,
|
|
3512
|
-
|
|
3513
|
-
/**
|
|
3514
|
-
* Callback fired after the "exited" status is applied.
|
|
3515
|
-
*
|
|
3516
|
-
* **Note**: when `nodeRef` prop is passed, `node` is not passed
|
|
3517
|
-
*
|
|
3518
|
-
* @type Function(node: HtmlElement) -> void
|
|
3519
|
-
*/
|
|
3520
|
-
onExited: propTypes.exports.func
|
|
3521
|
-
} : {}; // Name the function so it is clearer in the documentation
|
|
2029
|
+
Transition.propTypes = {}; // Name the function so it is clearer in the documentation
|
|
3522
2030
|
|
|
3523
2031
|
function noop() {}
|
|
3524
2032
|
|
|
@@ -3813,136 +2321,7 @@ var CSSTransition = /*#__PURE__*/function (_React$Component) {
|
|
|
3813
2321
|
CSSTransition.defaultProps = {
|
|
3814
2322
|
classNames: ''
|
|
3815
2323
|
};
|
|
3816
|
-
CSSTransition.propTypes =
|
|
3817
|
-
/**
|
|
3818
|
-
* The animation classNames applied to the component as it appears, enters,
|
|
3819
|
-
* exits or has finished the transition. A single name can be provided, which
|
|
3820
|
-
* will be suffixed for each stage, e.g. `classNames="fade"` applies:
|
|
3821
|
-
*
|
|
3822
|
-
* - `fade-appear`, `fade-appear-active`, `fade-appear-done`
|
|
3823
|
-
* - `fade-enter`, `fade-enter-active`, `fade-enter-done`
|
|
3824
|
-
* - `fade-exit`, `fade-exit-active`, `fade-exit-done`
|
|
3825
|
-
*
|
|
3826
|
-
* A few details to note about how these classes are applied:
|
|
3827
|
-
*
|
|
3828
|
-
* 1. They are _joined_ with the ones that are already defined on the child
|
|
3829
|
-
* component, so if you want to add some base styles, you can use
|
|
3830
|
-
* `className` without worrying that it will be overridden.
|
|
3831
|
-
*
|
|
3832
|
-
* 2. If the transition component mounts with `in={false}`, no classes are
|
|
3833
|
-
* applied yet. You might be expecting `*-exit-done`, but if you think
|
|
3834
|
-
* about it, a component cannot finish exiting if it hasn't entered yet.
|
|
3835
|
-
*
|
|
3836
|
-
* 2. `fade-appear-done` and `fade-enter-done` will _both_ be applied. This
|
|
3837
|
-
* allows you to define different behavior for when appearing is done and
|
|
3838
|
-
* when regular entering is done, using selectors like
|
|
3839
|
-
* `.fade-enter-done:not(.fade-appear-done)`. For example, you could apply
|
|
3840
|
-
* an epic entrance animation when element first appears in the DOM using
|
|
3841
|
-
* [Animate.css](https://daneden.github.io/animate.css/). Otherwise you can
|
|
3842
|
-
* simply use `fade-enter-done` for defining both cases.
|
|
3843
|
-
*
|
|
3844
|
-
* Each individual classNames can also be specified independently like:
|
|
3845
|
-
*
|
|
3846
|
-
* ```js
|
|
3847
|
-
* classNames={{
|
|
3848
|
-
* appear: 'my-appear',
|
|
3849
|
-
* appearActive: 'my-active-appear',
|
|
3850
|
-
* appearDone: 'my-done-appear',
|
|
3851
|
-
* enter: 'my-enter',
|
|
3852
|
-
* enterActive: 'my-active-enter',
|
|
3853
|
-
* enterDone: 'my-done-enter',
|
|
3854
|
-
* exit: 'my-exit',
|
|
3855
|
-
* exitActive: 'my-active-exit',
|
|
3856
|
-
* exitDone: 'my-done-exit',
|
|
3857
|
-
* }}
|
|
3858
|
-
* ```
|
|
3859
|
-
*
|
|
3860
|
-
* If you want to set these classes using CSS Modules:
|
|
3861
|
-
*
|
|
3862
|
-
* ```js
|
|
3863
|
-
* import styles from './styles.css';
|
|
3864
|
-
* ```
|
|
3865
|
-
*
|
|
3866
|
-
* you might want to use camelCase in your CSS file, that way could simply
|
|
3867
|
-
* spread them instead of listing them one by one:
|
|
3868
|
-
*
|
|
3869
|
-
* ```js
|
|
3870
|
-
* classNames={{ ...styles }}
|
|
3871
|
-
* ```
|
|
3872
|
-
*
|
|
3873
|
-
* @type {string | {
|
|
3874
|
-
* appear?: string,
|
|
3875
|
-
* appearActive?: string,
|
|
3876
|
-
* appearDone?: string,
|
|
3877
|
-
* enter?: string,
|
|
3878
|
-
* enterActive?: string,
|
|
3879
|
-
* enterDone?: string,
|
|
3880
|
-
* exit?: string,
|
|
3881
|
-
* exitActive?: string,
|
|
3882
|
-
* exitDone?: string,
|
|
3883
|
-
* }}
|
|
3884
|
-
*/
|
|
3885
|
-
classNames: classNamesShape,
|
|
3886
|
-
|
|
3887
|
-
/**
|
|
3888
|
-
* A `<Transition>` callback fired immediately after the 'enter' or 'appear' class is
|
|
3889
|
-
* applied.
|
|
3890
|
-
*
|
|
3891
|
-
* **Note**: when `nodeRef` prop is passed, `node` is not passed.
|
|
3892
|
-
*
|
|
3893
|
-
* @type Function(node: HtmlElement, isAppearing: bool)
|
|
3894
|
-
*/
|
|
3895
|
-
onEnter: propTypes.exports.func,
|
|
3896
|
-
|
|
3897
|
-
/**
|
|
3898
|
-
* A `<Transition>` callback fired immediately after the 'enter-active' or
|
|
3899
|
-
* 'appear-active' class is applied.
|
|
3900
|
-
*
|
|
3901
|
-
* **Note**: when `nodeRef` prop is passed, `node` is not passed.
|
|
3902
|
-
*
|
|
3903
|
-
* @type Function(node: HtmlElement, isAppearing: bool)
|
|
3904
|
-
*/
|
|
3905
|
-
onEntering: propTypes.exports.func,
|
|
3906
|
-
|
|
3907
|
-
/**
|
|
3908
|
-
* A `<Transition>` callback fired immediately after the 'enter' or
|
|
3909
|
-
* 'appear' classes are **removed** and the `done` class is added to the DOM node.
|
|
3910
|
-
*
|
|
3911
|
-
* **Note**: when `nodeRef` prop is passed, `node` is not passed.
|
|
3912
|
-
*
|
|
3913
|
-
* @type Function(node: HtmlElement, isAppearing: bool)
|
|
3914
|
-
*/
|
|
3915
|
-
onEntered: propTypes.exports.func,
|
|
3916
|
-
|
|
3917
|
-
/**
|
|
3918
|
-
* A `<Transition>` callback fired immediately after the 'exit' class is
|
|
3919
|
-
* applied.
|
|
3920
|
-
*
|
|
3921
|
-
* **Note**: when `nodeRef` prop is passed, `node` is not passed
|
|
3922
|
-
*
|
|
3923
|
-
* @type Function(node: HtmlElement)
|
|
3924
|
-
*/
|
|
3925
|
-
onExit: propTypes.exports.func,
|
|
3926
|
-
|
|
3927
|
-
/**
|
|
3928
|
-
* A `<Transition>` callback fired immediately after the 'exit-active' is applied.
|
|
3929
|
-
*
|
|
3930
|
-
* **Note**: when `nodeRef` prop is passed, `node` is not passed
|
|
3931
|
-
*
|
|
3932
|
-
* @type Function(node: HtmlElement)
|
|
3933
|
-
*/
|
|
3934
|
-
onExiting: propTypes.exports.func,
|
|
3935
|
-
|
|
3936
|
-
/**
|
|
3937
|
-
* A `<Transition>` callback fired immediately after the 'exit' classes
|
|
3938
|
-
* are **removed** and the `exit-done` class is added to the DOM node.
|
|
3939
|
-
*
|
|
3940
|
-
* **Note**: when `nodeRef` prop is passed, `node` is not passed
|
|
3941
|
-
*
|
|
3942
|
-
* @type Function(node: HtmlElement)
|
|
3943
|
-
*/
|
|
3944
|
-
onExited: propTypes.exports.func
|
|
3945
|
-
}) : {};
|
|
2324
|
+
CSSTransition.propTypes = {};
|
|
3946
2325
|
var CSSTransition$1 = CSSTransition;
|
|
3947
2326
|
|
|
3948
2327
|
var Body = function Body(_ref) {
|
|
@@ -4005,7 +2384,7 @@ var Slider = function Slider(_ref) {
|
|
|
4005
2384
|
timeout: 300
|
|
4006
2385
|
}, /*#__PURE__*/React.createElement("div", {
|
|
4007
2386
|
className: "neeto-filters-slider__pane"
|
|
4008
|
-
}, /*#__PURE__*/React.createElement("div", _extends
|
|
2387
|
+
}, /*#__PURE__*/React.createElement("div", _extends({
|
|
4009
2388
|
className: classnames("neeto-filters-slider__wrapper", _defineProperty({
|
|
4010
2389
|
"neeto-filters-slider__wrapper--xsmall": size === SIZES.xsmall,
|
|
4011
2390
|
"neeto-filters-slider__wrapper--small": size === SIZES.small,
|
|
@@ -4044,7 +2423,7 @@ var useFilters = function useFilters(_ref) {
|
|
|
4044
2423
|
var handlePrecenseOfDefaultFilters = function handlePrecenseOfDefaultFilters(defaultFilters) {
|
|
4045
2424
|
var params = buildUrlFromFilters({
|
|
4046
2425
|
columns: columns,
|
|
4047
|
-
filters: isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(defaultFilters), [keywordFilter]) : defaultFilters
|
|
2426
|
+
filters: isKeywordFilterPresent(keywordFilter) && isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(defaultFilters), [keywordFilter]) : defaultFilters
|
|
4048
2427
|
});
|
|
4049
2428
|
history.replace({
|
|
4050
2429
|
search: params
|
|
@@ -4064,7 +2443,7 @@ var useFilters = function useFilters(_ref) {
|
|
|
4064
2443
|
return;
|
|
4065
2444
|
}
|
|
4066
2445
|
var newFilters = buildFiltersFromSearchParams(columns);
|
|
4067
|
-
var filtersPayload = isNotEmpty(getSearchTermFromUrl()) ? append(keywordFilter, newFilters) : newFilters;
|
|
2446
|
+
var filtersPayload = isKeywordFilterPresent(keywordFilter) && isNotEmpty(getSearchTermFromUrl()) ? append(keywordFilter, newFilters) : newFilters;
|
|
4068
2447
|
handleFiltersChange(filtersPayload);
|
|
4069
2448
|
onSelectorsChange(buildSelectorsFromURL(columns));
|
|
4070
2449
|
};
|
|
@@ -4225,7 +2604,7 @@ var Boolean = function Boolean(_ref) {
|
|
|
4225
2604
|
});
|
|
4226
2605
|
handleApplyFilter(updatedFilter);
|
|
4227
2606
|
};
|
|
4228
|
-
return /*#__PURE__*/React.createElement(Select, _extends
|
|
2607
|
+
return /*#__PURE__*/React.createElement(Select, _extends({
|
|
4229
2608
|
autoFocus: autoFocus,
|
|
4230
2609
|
label: label,
|
|
4231
2610
|
options: options,
|
|
@@ -4310,7 +2689,7 @@ var Datetime = function Datetime(_ref) {
|
|
|
4310
2689
|
resource: label.toLocaleLowerCase()
|
|
4311
2690
|
}),
|
|
4312
2691
|
onChange: handleChange
|
|
4313
|
-
}), isDatePickerShown && /*#__PURE__*/React.createElement(DatePicker, _extends
|
|
2692
|
+
}), isDatePickerShown && /*#__PURE__*/React.createElement(DatePicker, _extends({
|
|
4314
2693
|
"data-cy": "neeto-filters-".concat(key, "-date-range"),
|
|
4315
2694
|
getPopupContainer: prop("parentNode"),
|
|
4316
2695
|
type: (selectedRule === null || selectedRule === void 0 ? void 0 : selectedRule.value) === "custom-date-range" ? "range" : "date",
|
|
@@ -4360,7 +2739,7 @@ var Dropdown = function Dropdown(_ref) {
|
|
|
4360
2739
|
});
|
|
4361
2740
|
handleApplyFilter(updatedFilter);
|
|
4362
2741
|
};
|
|
4363
|
-
return /*#__PURE__*/React.createElement(Select, _extends
|
|
2742
|
+
return /*#__PURE__*/React.createElement(Select, _extends({
|
|
4364
2743
|
autoFocus: autoFocus,
|
|
4365
2744
|
label: label,
|
|
4366
2745
|
options: options,
|
|
@@ -4401,9 +2780,8 @@ var SingleDatetime = function SingleDatetime(_ref) {
|
|
|
4401
2780
|
|
|
4402
2781
|
// Reset states when "Clear filters" button is clicked.
|
|
4403
2782
|
useEffect(function () {
|
|
4404
|
-
if (isEmpty(filters))
|
|
4405
|
-
|
|
4406
|
-
}
|
|
2783
|
+
if (!isEmpty(filters)) return;
|
|
2784
|
+
setSelectedRule(SINGLE_DATE_OPTIONS[0]);
|
|
4407
2785
|
}, [filters]);
|
|
4408
2786
|
var handleRuleChange = function handleRuleChange(ruleOption) {
|
|
4409
2787
|
setSelectedRule(ruleOption);
|
|
@@ -4451,7 +2829,7 @@ var SingleDatetime = function SingleDatetime(_ref) {
|
|
|
4451
2829
|
strategy: "fixed",
|
|
4452
2830
|
value: selectedRule,
|
|
4453
2831
|
onChange: handleRuleChange
|
|
4454
|
-
}), /*#__PURE__*/React.createElement(DatePicker, _extends
|
|
2832
|
+
}), /*#__PURE__*/React.createElement(DatePicker, _extends({
|
|
4455
2833
|
autoFocus: autoFocus,
|
|
4456
2834
|
value: value,
|
|
4457
2835
|
"data-cy": "neeto-filters-".concat(key, "-filter"),
|
|
@@ -4483,9 +2861,8 @@ var SingleTime = function SingleTime(_ref) {
|
|
|
4483
2861
|
var timePickerType = selectedRule.value === "between" ? "range" : "time";
|
|
4484
2862
|
var value = filter === null || filter === void 0 ? void 0 : filter.value;
|
|
4485
2863
|
useEffect(function () {
|
|
4486
|
-
if (isEmpty(filters))
|
|
4487
|
-
|
|
4488
|
-
}
|
|
2864
|
+
if (!isEmpty(filters)) return;
|
|
2865
|
+
setSelectedRule(SINGLE_TIME_OPTIONS[0]);
|
|
4489
2866
|
}, [filters]);
|
|
4490
2867
|
var handleRuleChange = function handleRuleChange(ruleOption) {
|
|
4491
2868
|
setSelectedRule(ruleOption);
|
|
@@ -4526,10 +2903,10 @@ var SingleTime = function SingleTime(_ref) {
|
|
|
4526
2903
|
strategy: "fixed",
|
|
4527
2904
|
value: selectedRule,
|
|
4528
2905
|
onChange: handleRuleChange
|
|
4529
|
-
}), /*#__PURE__*/React.createElement(TimePicker, _extends
|
|
4530
|
-
use12Hours: true,
|
|
2906
|
+
}), /*#__PURE__*/React.createElement(TimePicker, _extends({
|
|
4531
2907
|
autoFocus: autoFocus,
|
|
4532
2908
|
value: value,
|
|
2909
|
+
use12Hours: true,
|
|
4533
2910
|
className: "w-full",
|
|
4534
2911
|
"data-cy": "neeto-filters-".concat(key, "-filter"),
|
|
4535
2912
|
format: "h:mm A",
|
|
@@ -4586,10 +2963,9 @@ var Text = function Text(_ref) {
|
|
|
4586
2963
|
handleApplyFilter(updatedFilter);
|
|
4587
2964
|
};
|
|
4588
2965
|
var handleKeydown = function handleKeydown(e) {
|
|
4589
|
-
if (e.key === "Enter")
|
|
4590
|
-
|
|
4591
|
-
|
|
4592
|
-
}
|
|
2966
|
+
if (!(e.key === "Enter")) return;
|
|
2967
|
+
handleUpdateAndApplyFilter(inputValue);
|
|
2968
|
+
onClose();
|
|
4593
2969
|
};
|
|
4594
2970
|
var handleRuleChange = function handleRuleChange(ruleOption) {
|
|
4595
2971
|
setSelectedRule(ruleOption);
|
|
@@ -4620,7 +2996,7 @@ var Text = function Text(_ref) {
|
|
|
4620
2996
|
strategy: "fixed",
|
|
4621
2997
|
value: selectedRule,
|
|
4622
2998
|
onChange: handleRuleChange
|
|
4623
|
-
}), /*#__PURE__*/React.createElement(Input$1, _extends
|
|
2999
|
+
}), /*#__PURE__*/React.createElement(Input$1, _extends({
|
|
4624
3000
|
autoFocus: autoFocus,
|
|
4625
3001
|
"data-cy": "neeto-filters-".concat(key, "-filter"),
|
|
4626
3002
|
label: !showRuleSelector && label,
|
|
@@ -4690,7 +3066,7 @@ var Time = function Time(_ref) {
|
|
|
4690
3066
|
resource: label.toLocaleLowerCase()
|
|
4691
3067
|
}),
|
|
4692
3068
|
onChange: handleChange
|
|
4693
|
-
}), isCustomTimeRangeShown && /*#__PURE__*/React.createElement(TimePicker, _extends
|
|
3069
|
+
}), isCustomTimeRangeShown && /*#__PURE__*/React.createElement(TimePicker, _extends({
|
|
4694
3070
|
use12Hours: true,
|
|
4695
3071
|
"data-cy": "neeto-filters-".concat(key, "-date-range"),
|
|
4696
3072
|
format: "h:mm A",
|
|
@@ -4818,19 +3194,6 @@ var Pane = function Pane(_ref) {
|
|
|
4818
3194
|
groupedColumns = _buildFilteredColumns2 === void 0 ? [] : _buildFilteredColumns2,
|
|
4819
3195
|
_buildFilteredColumns3 = _buildFilteredColumns.ungroupedColumns,
|
|
4820
3196
|
ungroupedColumns = _buildFilteredColumns3 === void 0 ? [] : _buildFilteredColumns3;
|
|
4821
|
-
var handleChange = function handleChange(newFilters) {
|
|
4822
|
-
var isClearAll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
4823
|
-
var params = buildUrlFromFilters(_objectSpread$1({
|
|
4824
|
-
columns: columns,
|
|
4825
|
-
filters: isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(newFilters), [keywordFilter]) : newFilters
|
|
4826
|
-
}, isClearAll && {
|
|
4827
|
-
isClearAll: true,
|
|
4828
|
-
childrenKeys: childrenKeys
|
|
4829
|
-
}));
|
|
4830
|
-
history.push({
|
|
4831
|
-
search: params
|
|
4832
|
-
});
|
|
4833
|
-
};
|
|
4834
3197
|
var keywordFilter = _objectSpread$1(_objectSpread$1({
|
|
4835
3198
|
type: "text",
|
|
4836
3199
|
rule: "contains",
|
|
@@ -4845,8 +3208,21 @@ var Pane = function Pane(_ref) {
|
|
|
4845
3208
|
keywordFilter: keywordFilter,
|
|
4846
3209
|
onSelectorsChange: onSelectorsChange
|
|
4847
3210
|
});
|
|
3211
|
+
var handleChange = function handleChange(newFilters) {
|
|
3212
|
+
var isClearAll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
|
|
3213
|
+
var params = buildUrlFromFilters(_objectSpread$1({
|
|
3214
|
+
columns: columns,
|
|
3215
|
+
filters: isKeywordFilterPresent(keywordFilter) && isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(newFilters), [keywordFilter]) : newFilters
|
|
3216
|
+
}, isClearAll && {
|
|
3217
|
+
isClearAll: true,
|
|
3218
|
+
childrenKeys: childrenKeys
|
|
3219
|
+
}));
|
|
3220
|
+
history.push({
|
|
3221
|
+
search: params
|
|
3222
|
+
});
|
|
3223
|
+
};
|
|
4848
3224
|
var handleClearAll = function handleClearAll() {
|
|
4849
|
-
var params = omit(["search_term"], getQueryParams());
|
|
3225
|
+
var params = isKeywordFilterPresent(keywordFilter) ? omit(["search_term"], getQueryParams()) : getQueryParams();
|
|
4850
3226
|
var pathname = window.location.pathname;
|
|
4851
3227
|
history.push(buildUrl(pathname, params));
|
|
4852
3228
|
handleChange([], true);
|
|
@@ -4870,7 +3246,7 @@ var Pane = function Pane(_ref) {
|
|
|
4870
3246
|
});
|
|
4871
3247
|
return /*#__PURE__*/React.createElement(Portal, {
|
|
4872
3248
|
rootId: "neeto-filters-portal"
|
|
4873
|
-
}, /*#__PURE__*/React.createElement(Slider, _extends
|
|
3249
|
+
}, /*#__PURE__*/React.createElement(Slider, _extends({
|
|
4874
3250
|
isOpen: isOpen,
|
|
4875
3251
|
size: size,
|
|
4876
3252
|
onClose: handleClose
|
|
@@ -4943,7 +3319,7 @@ var Pane = function Pane(_ref) {
|
|
|
4943
3319
|
|
|
4944
3320
|
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}}
|
|
4945
3321
|
|
|
4946
|
-
var css = ".neeto-filters-bar{align-items:center;display:flex;flex-wrap:wrap}.neeto-filters-bar__block{border-radius:var(--neeto-ui-rounded);display:flex;gap:4px;margin:4px 0;max-width:384px;overflow:hidden;padding:4px 8px;position:relative;transition:var(--neeto-ui-transition);white-space:nowrap}.neeto-filters-bar__block p:first-child{color:rgb(var(--neeto-ui-gray-700))}.neeto-filters-bar__block-close{background-image:linear-gradient(90deg,rgba(var(--neeto-ui-gray-200),.5) 0,rgba(var(--neeto-ui-gray-200),1) 25%);color:rgb(var(--neeto-ui-gray-800));opacity:0;padding:8px;position:absolute;right:0;top:0;transition:var(--neeto-ui-transition)}.neeto-filters-bar__block:active,.neeto-filters-bar__block:hover{background-color:rgb(var(--neeto-ui-gray-200));cursor:pointer}.neeto-filters-bar__block:active .neeto-filters-bar__block-close,.neeto-filters-bar__block:hover .neeto-filters-bar__block-close{border-radius:var(--neeto-ui-rounded);color:rgb(var(--neeto-ui-black));opacity:1}.neeto-filters-bar__block:focus{box-shadow:0 0 0 3px rgba(var(--neeto-ui-gray-800),15%);outline:none}.neeto-filters-bar--separator{align-self:stretch;border-left:1px solid rgb(var(--neeto-ui-gray-400));margin:12px 8px}.neeto-filters-slider__pane{border-radius:12px 0 0 12px;position:fixed;right:0;top:0;z-index:99998}.neeto-filters-slider__wrapper{background-color:rgb(var(--neeto-ui-white));box-shadow:var(--neeto-ui-shadow-m);height:100vh;max-width:100%;transform:translateX(100%);transition:all .3s}.neeto-filters-slider__wrapper--xsmall{width:360px}.neeto-filters-slider__wrapper--small{width:480px}.neeto-filters-slider__wrapper--large{width:50vw}@media screen and (max-width:767px){.neeto-filters-slider__wrapper{width:100vw}}.neeto-filters-slider__close{position:absolute!important;right:24px;top:24px}.neeto-filters-slider__header{padding:24px 60px 24px 24px;width:100%}.neeto-filters-slider__body{font-size:var(--neeto-ui-text-sm);height:calc(100vh - var(--neeto-ui-pane-header-height));overflow-y:auto;padding:0 24px;width:100%}.neeto-filters-slider__body.neeto-filters-slider__body--has-footer{height:calc(100vh - var(--neeto-ui-pane-header-height) - var(--neeto-ui-pane-footer-height))}.neeto-filters-slider__footer{background-color:rgb(var(--neeto-ui-white));min-height:var(--neeto-ui-pane-footer-height);padding:24px;width:100%}.neeto-filters-slider__footer.neeto-filters-slider__footer__absolute{bottom:0;left:0;position:absolute;width:100%}.neeto-filters-slider-enter .neeto-filters-slider__wrapper{transform:translateX(100%)}.neeto-filters-slider-enter-active .neeto-filters-slider__wrapper,.neeto-filters-slider-enter-done .neeto-filters-slider__wrapper{transform:translateX(0)}.neeto-filters-slider-exit .neeto-filters-slider__wrapper,.neeto-filters-slider-exit-active .neeto-filters-slider__wrapper{transform:translateX(100%)}.neeto-filters-pane-filter__body{align-items:stretch!important;gap:20px}.neeto-filters-pane-filter__body>*{flex-grow:0!important}.neeto-filters-pane-filter__body p{text-align:center}.neeto-filters-pane-filter__body .neeto-filters-pane-filter__item-wrapper{display:flex;flex-direction:column;gap:8px}.neeto-filters-pane-filter__body .accordion_item .neeto-filters-pane-filter__item-wrapper{margin-top:16px}.neeto-filters-pane-filter__body .accordion_item .neeto-filters-pane-filter__item-wrapper:first-of-type{margin-top:0}.neeto-filters-pane-filter__body .accordion_item .neeto-ui-input__wrapper{margin-top:16px}.neeto-filters-pane-filter__body .accordion_item .neeto-ui-input__wrapper:first-of-type{margin-top:0}.neeto-filters-pane-filter__body .accordion_item:first-of-type .neeto-ui-accordion__item{padding-top:0}.neeto-filters-pane-filter__body .neeto-ui-accordion__wrapper--last-item{border-bottom:thin solid rgb(var(--neeto-ui-gray-300))}.neeto-filters-pane-filter__footer{justify-content:space-between}.neeto-filters-pane-filter__footer div{display:flex;gap:8px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19iYXIuc2NzcyIsInNyYy9zdHlsZXNoZWV0cy9pbmRleC5zY3NzIiwic3JjL3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX3NsaWRlci5zY3NzIiwic3JjL3N0eWxlc2hlZXRzL2Fic3RyYWN0cy9fbWl4aW5zLnNjc3MiLCJzcmMvc3R5bGVzaGVldHMvY29tcG9uZW50cy9fZmlsdGVycy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG1CQUdFLGtCQUFBLENBRkEsWUFBQSxDQUNBLGNDRUYsQ0RDRSwwQkFLRSxxQ0FBQSxDQUhBLFlBQUEsQ0FFQSxPQUFBLENBR0EsWUFBQSxDQUNBLGVBQUEsQ0FFQSxlQUFBLENBVEEsZUFBQSxDQUVBLGlCQUFBLENBR0EscUNBQUEsQ0FHQSxrQkNFSixDRENJLHdDQUNFLG1DQ0NOLENERUksZ0NBUUUsZ0hBQUEsQ0FGQSxtQ0FBQSxDQURBLFNBQUEsQ0FEQSxXQUFBLENBSEEsaUJBQUEsQ0FFQSxPQUFBLENBREEsS0FBQSxDQUtBLHFDQ0NOLENET0ksaUVBRUUsOENBQUEsQ0FDQSxjQ05OLENEUU0saUlBR0UscUNBQUEsQ0FEQSxnQ0FBQSxDQURBLFNDSlIsQ0RVSSxnQ0FFRSx1REFBQSxDQURBLFlDUE4sQ0RZRSw4QkFHRSxrQkFBQSxDQUZBLG1EQUFBLENBQ0EsZUNUSixDQzlDRSw0QkFJRSwyQkFBQSxDQUhBLGNBQUEsQ0FFQSxPQUFBLENBREEsS0FBQSxDQUdBLGFEaURKLENDL0NFLCtCQUdFLDJDQUFBLENBQ0EsbUNBQUEsQ0FGQSxZQUFBLENBREEsY0FBQSxDQUtBLDBCQUFBLENBQ0Esa0JEZ0RKLENDOUNJLHVDQUNFLFdEZ0ROLENDN0NJLHNDQUNFLFdEK0NOLENDNUNJLHNDQUNFLFVEOENOLENFMURJLG9DRE5GLCtCQXNCSSxXRDhDSixDQUNGLENDNUNFLDZCQUNFLDJCQUFBLENBRUEsVUFBQSxDQURBLFFEK0NKLENDM0NFLDhCQUdFLDJCQUFBLENBRkEsVUQrQ0osQ0MxQ0UsNEJBSUUsaUNBQUEsQ0FGQSx1REFBQSxDQUdBLGVBQUEsQ0FGQSxjQUFBLENBRkEsVURnREosQ0MxQ0ksbUVBQ0UsNEZENENOLENDckNFLDhCQUdFLDJDQUFBLENBQ0EsNkNBQUEsQ0FGQSxZQUFBLENBREEsVUQwQ0osQ0NyQ0kscUVBSUUsUUFBQSxDQURBLE1BQUEsQ0FEQSxpQkFBQSxDQURBLFVEMENOLENDL0JFLDJEQUNFLDBCRGtDSixDQzdCRSxrSUFDRSx1QkRpQ0osQ0N4QkUsMkhBQ0UsMEJEK0JKLENHN0hFLGlDQUNFLDZCQUFBLENBQ0EsUUhnSUosQ0c5SEksbUNBQ0UscUJIZ0lOLENHN0hJLG1DQUNFLGlCSCtITixDRzVISSwwRUFDRSxZQUFBLENBQ0EscUJBQUEsQ0FDQSxPSDhITixDRzFITSwwRkFDRSxlSDRIUixDRzFIUSx3R0FDRSxZSDRIVixDR3pITSwwRUFDRSxlSDJIUixDR3pIUSx3RkFDRSxZSDJIVixDR3RIUSx5RkFDRSxhSHdIVixDR3BISSx5RUFDRSxzREhzSE4sQ0dsSEUsbUNBQ0UsNkJIb0hKLENHbEhJLHVDQUNFLFlBQUEsQ0FDQSxPSG9ITiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1maWx0ZXJzLWJhciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAmX19ibG9jayB7XG4gICAgcGFkZGluZzogNHB4IDhweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBnYXA6IDRweDtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkKTtcbiAgICB0cmFuc2l0aW9uOiB2YXIoLS1uZWV0by11aS10cmFuc2l0aW9uKTtcbiAgICBtYXJnaW46IDRweCAwO1xuICAgIG1heC13aWR0aDogMzg0cHg7XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICAgcDpmaXJzdC1jaGlsZCB7XG4gICAgICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNzAwKSk7XG4gICAgfVxuXG4gICAgJi1jbG9zZSB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB0b3A6IDA7XG4gICAgICByaWdodDogMDtcbiAgICAgIHBhZGRpbmc6IDhweDtcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktODAwKSk7XG4gICAgICB0cmFuc2l0aW9uOiB2YXIoLS1uZWV0by11aS10cmFuc2l0aW9uKTtcbiAgICAgIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgOTBkZWcsXG4gICAgICAgIHJnYmEodmFyKC0tbmVldG8tdWktZ3JheS0yMDApLCAwLjUpIDAlLFxuICAgICAgICByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSwgMSkgMjUlXG4gICAgICApO1xuICAgIH1cblxuICAgICY6aG92ZXIsXG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSk7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2stY2xvc2Uge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWJsYWNrKSk7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xuICAgICAgfVxuICAgIH1cblxuICAgICY6Zm9jdXMge1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDNweCByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktODAwKSwgMTUlKTtcbiAgICB9XG4gIH1cblxuICAmLS1zZXBhcmF0b3Ige1xuICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNDAwKSk7XG4gICAgbWFyZ2luOiAxMnB4IDhweDtcbiAgICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICB9XG59XG4iLCIubmVldG8tZmlsdGVycy1iYXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4ubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrIHtcbiAgcGFkZGluZzogNHB4IDhweDtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBnYXA6IDRweDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbmVldG8tdWktcm91bmRlZCk7XG4gIHRyYW5zaXRpb246IHZhcigtLW5lZXRvLXVpLXRyYW5zaXRpb24pO1xuICBtYXJnaW46IDRweCAwO1xuICBtYXgtd2lkdGg6IDM4NHB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jayBwOmZpcnN0LWNoaWxkIHtcbiAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTcwMCkpO1xufVxuLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jay1jbG9zZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgcGFkZGluZzogOHB4O1xuICBvcGFjaXR5OiAwO1xuICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktODAwKSk7XG4gIHRyYW5zaXRpb246IHZhcigtLW5lZXRvLXVpLXRyYW5zaXRpb24pO1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHJnYmEodmFyKC0tbmVldG8tdWktZ3JheS0yMDApLCAwLjUpIDAlLCByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSwgMSkgMjUlKTtcbn1cbi5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2s6aG92ZXIsIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2s6YWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2s6aG92ZXIgLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jay1jbG9zZSwgLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jazphY3RpdmUgLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jay1jbG9zZSB7XG4gIG9wYWNpdHk6IDE7XG4gIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktYmxhY2spKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbmVldG8tdWktcm91bmRlZCk7XG59XG4ubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbiAgYm94LXNoYWRvdzogMCAwIDAgM3B4IHJnYmEodmFyKC0tbmVldG8tdWktZ3JheS04MDApLCAxNSUpO1xufVxuLm5lZXRvLWZpbHRlcnMtYmFyLS1zZXBhcmF0b3Ige1xuICBib3JkZXItbGVmdDogMXB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTQwMCkpO1xuICBtYXJnaW46IDEycHggOHB4O1xuICBhbGlnbi1zZWxmOiBzdHJldGNoO1xufVxuXG4ubmVldG8tZmlsdGVycy1zbGlkZXJfX3BhbmUge1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvcmRlci1yYWRpdXM6IDEycHggMHB4IDBweCAxMnB4O1xuICB6LWluZGV4OiA5OTk5ODtcbn1cbi5uZWV0by1maWx0ZXJzLXNsaWRlcl9fd3JhcHBlciB7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXdoaXRlKSk7XG4gIGJveC1zaGFkb3c6IHZhcigtLW5lZXRvLXVpLXNoYWRvdy1tKTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICB0cmFuc2l0aW9uOiBhbGwgMC4zcztcbn1cbi5uZWV0by1maWx0ZXJzLXNsaWRlcl9fd3JhcHBlci0teHNtYWxsIHtcbiAgd2lkdGg6IDM2MHB4O1xufVxuLm5lZXRvLWZpbHRlcnMtc2xpZGVyX193cmFwcGVyLS1zbWFsbCB7XG4gIHdpZHRoOiA0ODBweDtcbn1cbi5uZWV0by1maWx0ZXJzLXNsaWRlcl9fd3JhcHBlci0tbGFyZ2Uge1xuICB3aWR0aDogNTB2dztcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gIC5uZWV0by1maWx0ZXJzLXNsaWRlcl9fd3JhcHBlciB7XG4gICAgd2lkdGg6IDEwMHZ3O1xuICB9XG59XG4ubmVldG8tZmlsdGVycy1zbGlkZXJfX2Nsb3NlIHtcbiAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gIHRvcDogMjRweDtcbiAgcmlnaHQ6IDI0cHg7XG59XG4ubmVldG8tZmlsdGVycy1zbGlkZXJfX2hlYWRlciB7XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiAyNHB4O1xuICBwYWRkaW5nLXJpZ2h0OiA2MHB4O1xufVxuLm5lZXRvLWZpbHRlcnMtc2xpZGVyX19ib2R5IHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogY2FsYygxMDB2aCAtIHZhcigtLW5lZXRvLXVpLXBhbmUtaGVhZGVyLWhlaWdodCkpO1xuICBwYWRkaW5nOiAwIDI0cHg7XG4gIGZvbnQtc2l6ZTogdmFyKC0tbmVldG8tdWktdGV4dC1zbSk7XG4gIG92ZXJmbG93LXk6IGF1dG87XG59XG4ubmVldG8tZmlsdGVycy1zbGlkZXJfX2JvZHkubmVldG8tZmlsdGVycy1zbGlkZXJfX2JvZHktLWhhcy1mb290ZXIge1xuICBoZWlnaHQ6IGNhbGMoMTAwdmggLSB2YXIoLS1uZWV0by11aS1wYW5lLWhlYWRlci1oZWlnaHQpIC0gdmFyKC0tbmVldG8tdWktcGFuZS1mb290ZXItaGVpZ2h0KSk7XG59XG4ubmVldG8tZmlsdGVycy1zbGlkZXJfX2Zvb3RlciB7XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiAyNHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktd2hpdGUpKTtcbiAgbWluLWhlaWdodDogdmFyKC0tbmVldG8tdWktcGFuZS1mb290ZXItaGVpZ2h0KTtcbn1cbi5uZWV0by1maWx0ZXJzLXNsaWRlcl9fZm9vdGVyLm5lZXRvLWZpbHRlcnMtc2xpZGVyX19mb290ZXJfX2Fic29sdXRlIHtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgYm90dG9tOiAwO1xufVxuXG4ubmVldG8tZmlsdGVycy1zbGlkZXItZW50ZXIgLm5lZXRvLWZpbHRlcnMtc2xpZGVyX193cmFwcGVyIHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xufVxuXG4ubmVldG8tZmlsdGVycy1zbGlkZXItZW50ZXItYWN0aXZlIC5uZWV0by1maWx0ZXJzLXNsaWRlcl9fd3JhcHBlcixcbi5uZWV0by1maWx0ZXJzLXNsaWRlci1lbnRlci1kb25lIC5uZWV0by1maWx0ZXJzLXNsaWRlcl9fd3JhcHBlciB7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbn1cblxuLm5lZXRvLWZpbHRlcnMtc2xpZGVyLWV4aXQgLm5lZXRvLWZpbHRlcnMtc2xpZGVyX193cmFwcGVyIHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xufVxuXG4ubmVldG8tZmlsdGVycy1zbGlkZXItZXhpdC1hY3RpdmUgLm5lZXRvLWZpbHRlcnMtc2xpZGVyX193cmFwcGVyIHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xufVxuXG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSB7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoICFpbXBvcnRhbnQ7XG4gIGdhcDogMjBweDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5ID4gKiB7XG4gIGZsZXgtZ3JvdzogMCAhaW1wb3J0YW50O1xufVxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2JvZHkgcCB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IC5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19pdGVtLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDhweDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IC5hY2NvcmRpb25faXRlbSAubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9faXRlbS13cmFwcGVyIHtcbiAgbWFyZ2luLXRvcDogMTZweDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IC5hY2NvcmRpb25faXRlbSAubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9faXRlbS13cmFwcGVyOmZpcnN0LW9mLXR5cGUge1xuICBtYXJnaW4tdG9wOiAwO1xufVxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2JvZHkgLmFjY29yZGlvbl9pdGVtIC5uZWV0by11aS1pbnB1dF9fd3JhcHBlciB7XG4gIG1hcmdpbi10b3A6IDE2cHg7XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSAuYWNjb3JkaW9uX2l0ZW0gLm5lZXRvLXVpLWlucHV0X193cmFwcGVyOmZpcnN0LW9mLXR5cGUge1xuICBtYXJnaW4tdG9wOiAwO1xufVxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2JvZHkgLmFjY29yZGlvbl9pdGVtOmZpcnN0LW9mLXR5cGUgLm5lZXRvLXVpLWFjY29yZGlvbl9faXRlbSB7XG4gIHBhZGRpbmctdG9wOiAwO1xufVxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2JvZHkgLm5lZXRvLXVpLWFjY29yZGlvbl9fd3JhcHBlci0tbGFzdC1pdGVtIHtcbiAgYm9yZGVyLWJvdHRvbTogdGhpbiBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19mb290ZXIge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fZm9vdGVyIGRpdiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogOHB4O1xufSIsIi5uZWV0by1maWx0ZXJzLXNsaWRlciB7XG4gICZfX3BhbmUge1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm9yZGVyLXJhZGl1czogMTJweCAwcHggMHB4IDEycHg7XG4gICAgei1pbmRleDogOTk5OTg7XG4gIH1cbiAgJl9fd3JhcHBlciB7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwdmg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXdoaXRlKSk7XG4gICAgYm94LXNoYWRvdzogdmFyKC0tbmVldG8tdWktc2hhZG93LW0pO1xuXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjNzO1xuXG4gICAgJi0teHNtYWxsIHtcbiAgICAgIHdpZHRoOiAzNjBweDtcbiAgICB9XG5cbiAgICAmLS1zbWFsbCB7XG4gICAgICB3aWR0aDogNDgwcHg7XG4gICAgfVxuXG4gICAgJi0tbGFyZ2Uge1xuICAgICAgd2lkdGg6IDUwdnc7XG4gICAgfVxuXG4gICAgQGluY2x1ZGUgdmlld3BvcnQobW9iKSB7XG4gICAgICB3aWR0aDogMTAwdnc7XG4gICAgfVxuICB9XG4gICZfX2Nsb3NlIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGUgIWltcG9ydGFudDtcbiAgICB0b3A6IDI0cHg7XG4gICAgcmlnaHQ6IDI0cHg7XG4gIH1cblxuICAmX19oZWFkZXIge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBhZGRpbmc6IDI0cHg7XG4gICAgcGFkZGluZy1yaWdodDogNjBweDtcbiAgfVxuXG4gICZfX2JvZHkge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogY2FsYygxMDB2aCAtIHZhcigtLW5lZXRvLXVpLXBhbmUtaGVhZGVyLWhlaWdodCkpO1xuICAgIHBhZGRpbmc6IDAgMjRweDtcbiAgICBmb250LXNpemU6IHZhcigtLW5lZXRvLXVpLXRleHQtc20pO1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG5cbiAgICAmLm5lZXRvLWZpbHRlcnMtc2xpZGVyX19ib2R5LS1oYXMtZm9vdGVyIHtcbiAgICAgIGhlaWdodDogY2FsYyhcbiAgICAgICAgMTAwdmggLSB2YXIoLS1uZWV0by11aS1wYW5lLWhlYWRlci1oZWlnaHQpIC1cbiAgICAgICAgICB2YXIoLS1uZWV0by11aS1wYW5lLWZvb3Rlci1oZWlnaHQpXG4gICAgICApO1xuICAgIH1cbiAgfVxuXG4gICZfX2Zvb3RlciB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZzogMjRweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktd2hpdGUpKTtcbiAgICBtaW4taGVpZ2h0OiB2YXIoLS1uZWV0by11aS1wYW5lLWZvb3Rlci1oZWlnaHQpO1xuXG4gICAgJi5uZWV0by1maWx0ZXJzLXNsaWRlcl9fZm9vdGVyX19hYnNvbHV0ZSB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBib3R0b206IDA7XG4gICAgfVxuICB9XG59XG5cbi8vIENTUyB0cmFuc2l0aW9uIGdyb3VwXG5cbi5uZWV0by1maWx0ZXJzLXNsaWRlci1lbnRlciB7XG4gIC5uZWV0by1maWx0ZXJzLXNsaWRlcl9fd3JhcHBlciB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICB9XG59XG4ubmVldG8tZmlsdGVycy1zbGlkZXItZW50ZXItYWN0aXZlLFxuLm5lZXRvLWZpbHRlcnMtc2xpZGVyLWVudGVyLWRvbmUge1xuICAubmVldG8tZmlsdGVycy1zbGlkZXJfX3dyYXBwZXIge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgfVxufVxuLm5lZXRvLWZpbHRlcnMtc2xpZGVyLWV4aXQge1xuICAubmVldG8tZmlsdGVycy1zbGlkZXJfX3dyYXBwZXIge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgfVxufVxuLm5lZXRvLWZpbHRlcnMtc2xpZGVyLWV4aXQtYWN0aXZlIHtcbiAgLm5lZXRvLWZpbHRlcnMtc2xpZGVyX193cmFwcGVyIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG4gIH1cbn1cbiIsIkBtaXhpbiB2aWV3cG9ydCgkbWVkaWEpIHtcbiAgQGlmICRtZWRpYT09ZGVzayB7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJG1lZGlhPT10YWItbWluIHtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDI0cHgpIHtcbiAgICAgIEBjb250ZW50O1xuICAgIH1cbiAgfSBAZWxzZSBpZiAkbWVkaWE9PXRhYi1vbmx5IHtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjhweCkgYW5kIChtYXgtd2lkdGg6IDEwMjNweCkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRtZWRpYT09bW9iIHtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjdweCkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRtZWRpYT09eHMtbW9iIHtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA0NzlweCkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9XG59XG4iLCIubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlciB7XG4gICZfX2JvZHkge1xuICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoICFpbXBvcnRhbnQ7XG4gICAgZ2FwOiAyMHB4O1xuXG4gICAgPiAqIHtcbiAgICAgIGZsZXgtZ3JvdzogMCAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgIHAge1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIH1cblxuICAgIC5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19pdGVtLXdyYXBwZXIge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBnYXA6IDhweDtcbiAgICB9XG5cbiAgICAuYWNjb3JkaW9uX2l0ZW0ge1xuICAgICAgLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2l0ZW0td3JhcHBlciB7XG4gICAgICAgIG1hcmdpbi10b3A6IDE2cHg7XG5cbiAgICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICBtYXJnaW4tdG9wOiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICAubmVldG8tdWktaW5wdXRfX3dyYXBwZXIge1xuICAgICAgICBtYXJnaW4tdG9wOiAxNnB4O1xuXG4gICAgICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICAubmVldG8tdWktYWNjb3JkaW9uX19pdGVtIHtcbiAgICAgICAgICBwYWRkaW5nLXRvcDogMDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICAubmVldG8tdWktYWNjb3JkaW9uX193cmFwcGVyLS1sYXN0LWl0ZW0ge1xuICAgICAgYm9yZGVyLWJvdHRvbTogdGhpbiBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbiAgICB9XG4gIH1cblxuICAmX19mb290ZXIge1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICAgIGRpdiB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZ2FwOiA4cHg7XG4gICAgfVxuICB9XG59XG4iXX0= */";
|
|
3322
|
+
var css = ".neeto-filters-bar{align-items:center;display:flex;flex-wrap:wrap}.neeto-filters-bar__block{border-radius:var(--neeto-ui-rounded);display:flex;gap:4px;margin:4px 0;max-width:384px;overflow:hidden;padding:4px 8px;position:relative;transition:var(--neeto-ui-transition);white-space:nowrap}.neeto-filters-bar__block p:first-child{color:rgb(var(--neeto-ui-gray-700))}.neeto-filters-bar__block-close{background-image:linear-gradient(90deg,rgba(var(--neeto-ui-gray-200),.5) 0,rgba(var(--neeto-ui-gray-200),1) 25%);color:rgb(var(--neeto-ui-gray-800));opacity:0;padding:8px;position:absolute;right:0;top:0;transition:var(--neeto-ui-transition)}.neeto-filters-bar__block:active,.neeto-filters-bar__block:hover{background-color:rgb(var(--neeto-ui-gray-200));cursor:pointer}.neeto-filters-bar__block:active .neeto-filters-bar__block-close,.neeto-filters-bar__block:hover .neeto-filters-bar__block-close{border-radius:var(--neeto-ui-rounded);color:rgb(var(--neeto-ui-black));opacity:1}.neeto-filters-bar__block:focus{box-shadow:0 0 0 3px rgba(var(--neeto-ui-gray-800),15%);outline:none}.neeto-filters-bar--separator{align-self:stretch;border-left:1px solid rgb(var(--neeto-ui-gray-400));margin:12px 8px}.neeto-filters-slider__pane{border-radius:12px 0 0 12px;position:fixed;right:0;top:0;z-index:99998}.neeto-filters-slider__wrapper{background-color:rgb(var(--neeto-ui-white));box-shadow:var(--neeto-ui-shadow-m);height:100vh;max-width:100%;transform:translateX(100%);transition:all .3s}.neeto-filters-slider__wrapper--xsmall{width:360px}.neeto-filters-slider__wrapper--small{width:480px}.neeto-filters-slider__wrapper--large{width:50vw}@media screen and (max-width:767px){.neeto-filters-slider__wrapper{width:100vw}}.neeto-filters-slider__close{position:absolute!important;right:24px;top:24px}.neeto-filters-slider__header{padding:24px 60px 24px 24px;width:100%}.neeto-filters-slider__body{font-size:var(--neeto-ui-text-sm);height:calc(100vh - var(--neeto-ui-pane-header-height));overflow-y:auto;padding:0 24px;width:100%}.neeto-filters-slider__body.neeto-filters-slider__body--has-footer{height:calc(100vh - var(--neeto-ui-pane-header-height) - var(--neeto-ui-pane-footer-height))}.neeto-filters-slider__footer{background-color:rgb(var(--neeto-ui-white));min-height:var(--neeto-ui-pane-footer-height);padding:24px;width:100%}.neeto-filters-slider__footer.neeto-filters-slider__footer__absolute{bottom:0;left:0;position:absolute;width:100%}.neeto-filters-slider-enter .neeto-filters-slider__wrapper{transform:translateX(100%)}.neeto-filters-slider-enter-active .neeto-filters-slider__wrapper,.neeto-filters-slider-enter-done .neeto-filters-slider__wrapper{transform:translateX(0)}.neeto-filters-slider-exit .neeto-filters-slider__wrapper,.neeto-filters-slider-exit-active .neeto-filters-slider__wrapper{transform:translateX(100%)}.neeto-filters-pane-filter__body{align-items:stretch!important;gap:20px}.neeto-filters-pane-filter__body>*{flex-grow:0!important}.neeto-filters-pane-filter__body p{text-align:center}.neeto-filters-pane-filter__body .neeto-filters-pane-filter__item-wrapper{display:flex;flex-direction:column;gap:8px}.neeto-filters-pane-filter__body .accordion_item .neeto-filters-pane-filter__item-wrapper{margin-top:16px}.neeto-filters-pane-filter__body .accordion_item .neeto-filters-pane-filter__item-wrapper:first-of-type{margin-top:0}.neeto-filters-pane-filter__body .accordion_item .neeto-ui-input__wrapper{margin-top:16px}.neeto-filters-pane-filter__body .accordion_item .neeto-ui-input__wrapper:first-of-type{margin-top:0}.neeto-filters-pane-filter__body .accordion_item:first-of-type .neeto-ui-accordion__item{padding-top:0}.neeto-filters-pane-filter__body .neeto-ui-accordion__wrapper--last-item{border-bottom:thin solid rgb(var(--neeto-ui-gray-300))}.neeto-filters-pane-filter__footer{justify-content:space-between}.neeto-filters-pane-filter__footer div{display:flex;gap:8px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19iYXIuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9pbmRleC5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX3NsaWRlci5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL2Fic3RyYWN0cy9fbWl4aW5zLnNjc3MiLCJhcHAvamF2YXNjcmlwdC9zcmMvc3R5bGVzaGVldHMvY29tcG9uZW50cy9fZmlsdGVycy5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLG1CQUdFLGtCQUFBLENBRkEsWUFBQSxDQUNBLGNDRUYsQ0RDRSwwQkFLRSxxQ0FBQSxDQUhBLFlBQUEsQ0FFQSxPQUFBLENBR0EsWUFBQSxDQUNBLGVBQUEsQ0FFQSxlQUFBLENBVEEsZUFBQSxDQUVBLGlCQUFBLENBR0EscUNBQUEsQ0FHQSxrQkNFSixDRENJLHdDQUNFLG1DQ0NOLENERUksZ0NBUUUsZ0hBQUEsQ0FGQSxtQ0FBQSxDQURBLFNBQUEsQ0FEQSxXQUFBLENBSEEsaUJBQUEsQ0FFQSxPQUFBLENBREEsS0FBQSxDQUtBLHFDQ0NOLENET0ksaUVBRUUsOENBQUEsQ0FDQSxjQ05OLENEUU0saUlBR0UscUNBQUEsQ0FEQSxnQ0FBQSxDQURBLFNDSlIsQ0RVSSxnQ0FFRSx1REFBQSxDQURBLFlDUE4sQ0RZRSw4QkFHRSxrQkFBQSxDQUZBLG1EQUFBLENBQ0EsZUNUSixDQzlDRSw0QkFJRSwyQkFBQSxDQUhBLGNBQUEsQ0FFQSxPQUFBLENBREEsS0FBQSxDQUdBLGFEaURKLENDL0NFLCtCQUdFLDJDQUFBLENBQ0EsbUNBQUEsQ0FGQSxZQUFBLENBREEsY0FBQSxDQUtBLDBCQUFBLENBQ0Esa0JEZ0RKLENDOUNJLHVDQUNFLFdEZ0ROLENDN0NJLHNDQUNFLFdEK0NOLENDNUNJLHNDQUNFLFVEOENOLENFMURJLG9DRE5GLCtCQXNCSSxXRDhDSixDQUNGLENDNUNFLDZCQUNFLDJCQUFBLENBRUEsVUFBQSxDQURBLFFEK0NKLENDM0NFLDhCQUdFLDJCQUFBLENBRkEsVUQrQ0osQ0MxQ0UsNEJBSUUsaUNBQUEsQ0FGQSx1REFBQSxDQUdBLGVBQUEsQ0FGQSxjQUFBLENBRkEsVURnREosQ0MxQ0ksbUVBQ0UsNEZENENOLENDckNFLDhCQUdFLDJDQUFBLENBQ0EsNkNBQUEsQ0FGQSxZQUFBLENBREEsVUQwQ0osQ0NyQ0kscUVBSUUsUUFBQSxDQURBLE1BQUEsQ0FEQSxpQkFBQSxDQURBLFVEMENOLENDL0JFLDJEQUNFLDBCRGtDSixDQzdCRSxrSUFDRSx1QkRpQ0osQ0N4QkUsMkhBQ0UsMEJEK0JKLENHN0hFLGlDQUNFLDZCQUFBLENBQ0EsUUhnSUosQ0c5SEksbUNBQ0UscUJIZ0lOLENHN0hJLG1DQUNFLGlCSCtITixDRzVISSwwRUFDRSxZQUFBLENBQ0EscUJBQUEsQ0FDQSxPSDhITixDRzFITSwwRkFDRSxlSDRIUixDRzFIUSx3R0FDRSxZSDRIVixDR3pITSwwRUFDRSxlSDJIUixDR3pIUSx3RkFDRSxZSDJIVixDR3RIUSx5RkFDRSxhSHdIVixDR3BISSx5RUFDRSxzREhzSE4sQ0dsSEUsbUNBQ0UsNkJIb0hKLENHbEhJLHVDQUNFLFlBQUEsQ0FDQSxPSG9ITiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1maWx0ZXJzLWJhciB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtd3JhcDogd3JhcDtcbiAgYWxpZ24taXRlbXM6IGNlbnRlcjtcblxuICAmX19ibG9jayB7XG4gICAgcGFkZGluZzogNHB4IDhweDtcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBnYXA6IDRweDtcbiAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkKTtcbiAgICB0cmFuc2l0aW9uOiB2YXIoLS1uZWV0by11aS10cmFuc2l0aW9uKTtcbiAgICBtYXJnaW46IDRweCAwO1xuICAgIG1heC13aWR0aDogMzg0cHg7XG4gICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICAgcDpmaXJzdC1jaGlsZCB7XG4gICAgICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNzAwKSk7XG4gICAgfVxuXG4gICAgJi1jbG9zZSB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICB0b3A6IDA7XG4gICAgICByaWdodDogMDtcbiAgICAgIHBhZGRpbmc6IDhweDtcbiAgICAgIG9wYWNpdHk6IDA7XG4gICAgICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktODAwKSk7XG4gICAgICB0cmFuc2l0aW9uOiB2YXIoLS1uZWV0by11aS10cmFuc2l0aW9uKTtcbiAgICAgIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudChcbiAgICAgICAgOTBkZWcsXG4gICAgICAgIHJnYmEodmFyKC0tbmVldG8tdWktZ3JheS0yMDApLCAwLjUpIDAlLFxuICAgICAgICByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSwgMSkgMjUlXG4gICAgICApO1xuICAgIH1cblxuICAgICY6aG92ZXIsXG4gICAgJjphY3RpdmUge1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSk7XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG5cbiAgICAgIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2stY2xvc2Uge1xuICAgICAgICBvcGFjaXR5OiAxO1xuICAgICAgICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWJsYWNrKSk7XG4gICAgICAgIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xuICAgICAgfVxuICAgIH1cblxuICAgICY6Zm9jdXMge1xuICAgICAgb3V0bGluZTogbm9uZTtcbiAgICAgIGJveC1zaGFkb3c6IDAgMCAwIDNweCByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktODAwKSwgMTUlKTtcbiAgICB9XG4gIH1cblxuICAmLS1zZXBhcmF0b3Ige1xuICAgIGJvcmRlci1sZWZ0OiAxcHggc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktNDAwKSk7XG4gICAgbWFyZ2luOiAxMnB4IDhweDtcbiAgICBhbGlnbi1zZWxmOiBzdHJldGNoO1xuICB9XG59XG4iLCIubmVldG8tZmlsdGVycy1iYXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG59XG4ubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrIHtcbiAgcGFkZGluZzogNHB4IDhweDtcbiAgZGlzcGxheTogZmxleDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBnYXA6IDRweDtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbmVldG8tdWktcm91bmRlZCk7XG4gIHRyYW5zaXRpb246IHZhcigtLW5lZXRvLXVpLXRyYW5zaXRpb24pO1xuICBtYXJnaW46IDRweCAwO1xuICBtYXgtd2lkdGg6IDM4NHB4O1xuICB3aGl0ZS1zcGFjZTogbm93cmFwO1xuICBvdmVyZmxvdzogaGlkZGVuO1xufVxuLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jayBwOmZpcnN0LWNoaWxkIHtcbiAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTcwMCkpO1xufVxuLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jay1jbG9zZSB7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgcGFkZGluZzogOHB4O1xuICBvcGFjaXR5OiAwO1xuICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktODAwKSk7XG4gIHRyYW5zaXRpb246IHZhcigtLW5lZXRvLXVpLXRyYW5zaXRpb24pO1xuICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoOTBkZWcsIHJnYmEodmFyKC0tbmVldG8tdWktZ3JheS0yMDApLCAwLjUpIDAlLCByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSwgMSkgMjUlKTtcbn1cbi5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2s6aG92ZXIsIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2s6YWN0aXZlIHtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSk7XG4gIGN1cnNvcjogcG9pbnRlcjtcbn1cbi5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2s6aG92ZXIgLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jay1jbG9zZSwgLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jazphY3RpdmUgLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jay1jbG9zZSB7XG4gIG9wYWNpdHk6IDE7XG4gIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktYmxhY2spKTtcbiAgYm9yZGVyLXJhZGl1czogdmFyKC0tbmVldG8tdWktcm91bmRlZCk7XG59XG4ubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmZvY3VzIHtcbiAgb3V0bGluZTogbm9uZTtcbiAgYm94LXNoYWRvdzogMCAwIDAgM3B4IHJnYmEodmFyKC0tbmVldG8tdWktZ3JheS04MDApLCAxNSUpO1xufVxuLm5lZXRvLWZpbHRlcnMtYmFyLS1zZXBhcmF0b3Ige1xuICBib3JkZXItbGVmdDogMXB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTQwMCkpO1xuICBtYXJnaW46IDEycHggOHB4O1xuICBhbGlnbi1zZWxmOiBzdHJldGNoO1xufVxuXG4ubmVldG8tZmlsdGVycy1zbGlkZXJfX3BhbmUge1xuICBwb3NpdGlvbjogZml4ZWQ7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGJvcmRlci1yYWRpdXM6IDEycHggMHB4IDBweCAxMnB4O1xuICB6LWluZGV4OiA5OTk5ODtcbn1cbi5uZWV0by1maWx0ZXJzLXNsaWRlcl9fd3JhcHBlciB7XG4gIG1heC13aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDB2aDtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXdoaXRlKSk7XG4gIGJveC1zaGFkb3c6IHZhcigtLW5lZXRvLXVpLXNoYWRvdy1tKTtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICB0cmFuc2l0aW9uOiBhbGwgMC4zcztcbn1cbi5uZWV0by1maWx0ZXJzLXNsaWRlcl9fd3JhcHBlci0teHNtYWxsIHtcbiAgd2lkdGg6IDM2MHB4O1xufVxuLm5lZXRvLWZpbHRlcnMtc2xpZGVyX193cmFwcGVyLS1zbWFsbCB7XG4gIHdpZHRoOiA0ODBweDtcbn1cbi5uZWV0by1maWx0ZXJzLXNsaWRlcl9fd3JhcHBlci0tbGFyZ2Uge1xuICB3aWR0aDogNTB2dztcbn1cbkBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gIC5uZWV0by1maWx0ZXJzLXNsaWRlcl9fd3JhcHBlciB7XG4gICAgd2lkdGg6IDEwMHZ3O1xuICB9XG59XG4ubmVldG8tZmlsdGVycy1zbGlkZXJfX2Nsb3NlIHtcbiAgcG9zaXRpb246IGFic29sdXRlICFpbXBvcnRhbnQ7XG4gIHRvcDogMjRweDtcbiAgcmlnaHQ6IDI0cHg7XG59XG4ubmVldG8tZmlsdGVycy1zbGlkZXJfX2hlYWRlciB7XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiAyNHB4O1xuICBwYWRkaW5nLXJpZ2h0OiA2MHB4O1xufVxuLm5lZXRvLWZpbHRlcnMtc2xpZGVyX19ib2R5IHtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogY2FsYygxMDB2aCAtIHZhcigtLW5lZXRvLXVpLXBhbmUtaGVhZGVyLWhlaWdodCkpO1xuICBwYWRkaW5nOiAwIDI0cHg7XG4gIGZvbnQtc2l6ZTogdmFyKC0tbmVldG8tdWktdGV4dC1zbSk7XG4gIG92ZXJmbG93LXk6IGF1dG87XG59XG4ubmVldG8tZmlsdGVycy1zbGlkZXJfX2JvZHkubmVldG8tZmlsdGVycy1zbGlkZXJfX2JvZHktLWhhcy1mb290ZXIge1xuICBoZWlnaHQ6IGNhbGMoMTAwdmggLSB2YXIoLS1uZWV0by11aS1wYW5lLWhlYWRlci1oZWlnaHQpIC0gdmFyKC0tbmVldG8tdWktcGFuZS1mb290ZXItaGVpZ2h0KSk7XG59XG4ubmVldG8tZmlsdGVycy1zbGlkZXJfX2Zvb3RlciB7XG4gIHdpZHRoOiAxMDAlO1xuICBwYWRkaW5nOiAyNHB4O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktd2hpdGUpKTtcbiAgbWluLWhlaWdodDogdmFyKC0tbmVldG8tdWktcGFuZS1mb290ZXItaGVpZ2h0KTtcbn1cbi5uZWV0by1maWx0ZXJzLXNsaWRlcl9fZm9vdGVyLm5lZXRvLWZpbHRlcnMtc2xpZGVyX19mb290ZXJfX2Fic29sdXRlIHtcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgbGVmdDogMDtcbiAgYm90dG9tOiAwO1xufVxuXG4ubmVldG8tZmlsdGVycy1zbGlkZXItZW50ZXIgLm5lZXRvLWZpbHRlcnMtc2xpZGVyX193cmFwcGVyIHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xufVxuXG4ubmVldG8tZmlsdGVycy1zbGlkZXItZW50ZXItYWN0aXZlIC5uZWV0by1maWx0ZXJzLXNsaWRlcl9fd3JhcHBlcixcbi5uZWV0by1maWx0ZXJzLXNsaWRlci1lbnRlci1kb25lIC5uZWV0by1maWx0ZXJzLXNsaWRlcl9fd3JhcHBlciB7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbn1cblxuLm5lZXRvLWZpbHRlcnMtc2xpZGVyLWV4aXQgLm5lZXRvLWZpbHRlcnMtc2xpZGVyX193cmFwcGVyIHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xufVxuXG4ubmVldG8tZmlsdGVycy1zbGlkZXItZXhpdC1hY3RpdmUgLm5lZXRvLWZpbHRlcnMtc2xpZGVyX193cmFwcGVyIHtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xufVxuXG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSB7XG4gIGFsaWduLWl0ZW1zOiBzdHJldGNoICFpbXBvcnRhbnQ7XG4gIGdhcDogMjBweDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5ID4gKiB7XG4gIGZsZXgtZ3JvdzogMCAhaW1wb3J0YW50O1xufVxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2JvZHkgcCB7XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IC5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19pdGVtLXdyYXBwZXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBnYXA6IDhweDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IC5hY2NvcmRpb25faXRlbSAubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9faXRlbS13cmFwcGVyIHtcbiAgbWFyZ2luLXRvcDogMTZweDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IC5hY2NvcmRpb25faXRlbSAubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9faXRlbS13cmFwcGVyOmZpcnN0LW9mLXR5cGUge1xuICBtYXJnaW4tdG9wOiAwO1xufVxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2JvZHkgLmFjY29yZGlvbl9pdGVtIC5uZWV0by11aS1pbnB1dF9fd3JhcHBlciB7XG4gIG1hcmdpbi10b3A6IDE2cHg7XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSAuYWNjb3JkaW9uX2l0ZW0gLm5lZXRvLXVpLWlucHV0X193cmFwcGVyOmZpcnN0LW9mLXR5cGUge1xuICBtYXJnaW4tdG9wOiAwO1xufVxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2JvZHkgLmFjY29yZGlvbl9pdGVtOmZpcnN0LW9mLXR5cGUgLm5lZXRvLXVpLWFjY29yZGlvbl9faXRlbSB7XG4gIHBhZGRpbmctdG9wOiAwO1xufVxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2JvZHkgLm5lZXRvLXVpLWFjY29yZGlvbl9fd3JhcHBlci0tbGFzdC1pdGVtIHtcbiAgYm9yZGVyLWJvdHRvbTogdGhpbiBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19mb290ZXIge1xuICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fZm9vdGVyIGRpdiB7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGdhcDogOHB4O1xufSIsIi5uZWV0by1maWx0ZXJzLXNsaWRlciB7XG4gICZfX3BhbmUge1xuICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICB0b3A6IDA7XG4gICAgcmlnaHQ6IDA7XG4gICAgYm9yZGVyLXJhZGl1czogMTJweCAwcHggMHB4IDEycHg7XG4gICAgei1pbmRleDogOTk5OTg7XG4gIH1cbiAgJl9fd3JhcHBlciB7XG4gICAgbWF4LXdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogMTAwdmg7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXdoaXRlKSk7XG4gICAgYm94LXNoYWRvdzogdmFyKC0tbmVldG8tdWktc2hhZG93LW0pO1xuXG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjNzO1xuXG4gICAgJi0teHNtYWxsIHtcbiAgICAgIHdpZHRoOiAzNjBweDtcbiAgICB9XG5cbiAgICAmLS1zbWFsbCB7XG4gICAgICB3aWR0aDogNDgwcHg7XG4gICAgfVxuXG4gICAgJi0tbGFyZ2Uge1xuICAgICAgd2lkdGg6IDUwdnc7XG4gICAgfVxuXG4gICAgQGluY2x1ZGUgdmlld3BvcnQobW9iKSB7XG4gICAgICB3aWR0aDogMTAwdnc7XG4gICAgfVxuICB9XG4gICZfX2Nsb3NlIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGUgIWltcG9ydGFudDtcbiAgICB0b3A6IDI0cHg7XG4gICAgcmlnaHQ6IDI0cHg7XG4gIH1cblxuICAmX19oZWFkZXIge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIHBhZGRpbmc6IDI0cHg7XG4gICAgcGFkZGluZy1yaWdodDogNjBweDtcbiAgfVxuXG4gICZfX2JvZHkge1xuICAgIHdpZHRoOiAxMDAlO1xuICAgIGhlaWdodDogY2FsYygxMDB2aCAtIHZhcigtLW5lZXRvLXVpLXBhbmUtaGVhZGVyLWhlaWdodCkpO1xuICAgIHBhZGRpbmc6IDAgMjRweDtcbiAgICBmb250LXNpemU6IHZhcigtLW5lZXRvLXVpLXRleHQtc20pO1xuICAgIG92ZXJmbG93LXk6IGF1dG87XG5cbiAgICAmLm5lZXRvLWZpbHRlcnMtc2xpZGVyX19ib2R5LS1oYXMtZm9vdGVyIHtcbiAgICAgIGhlaWdodDogY2FsYyhcbiAgICAgICAgMTAwdmggLSB2YXIoLS1uZWV0by11aS1wYW5lLWhlYWRlci1oZWlnaHQpIC1cbiAgICAgICAgICB2YXIoLS1uZWV0by11aS1wYW5lLWZvb3Rlci1oZWlnaHQpXG4gICAgICApO1xuICAgIH1cbiAgfVxuXG4gICZfX2Zvb3RlciB7XG4gICAgd2lkdGg6IDEwMCU7XG4gICAgcGFkZGluZzogMjRweDtcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktd2hpdGUpKTtcbiAgICBtaW4taGVpZ2h0OiB2YXIoLS1uZWV0by11aS1wYW5lLWZvb3Rlci1oZWlnaHQpO1xuXG4gICAgJi5uZWV0by1maWx0ZXJzLXNsaWRlcl9fZm9vdGVyX19hYnNvbHV0ZSB7XG4gICAgICB3aWR0aDogMTAwJTtcbiAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgIGxlZnQ6IDA7XG4gICAgICBib3R0b206IDA7XG4gICAgfVxuICB9XG59XG5cbi8vIENTUyB0cmFuc2l0aW9uIGdyb3VwXG5cbi5uZWV0by1maWx0ZXJzLXNsaWRlci1lbnRlciB7XG4gIC5uZWV0by1maWx0ZXJzLXNsaWRlcl9fd3JhcHBlciB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKDEwMCUpO1xuICB9XG59XG4ubmVldG8tZmlsdGVycy1zbGlkZXItZW50ZXItYWN0aXZlLFxuLm5lZXRvLWZpbHRlcnMtc2xpZGVyLWVudGVyLWRvbmUge1xuICAubmVldG8tZmlsdGVycy1zbGlkZXJfX3dyYXBwZXIge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgwKTtcbiAgfVxufVxuLm5lZXRvLWZpbHRlcnMtc2xpZGVyLWV4aXQge1xuICAubmVldG8tZmlsdGVycy1zbGlkZXJfX3dyYXBwZXIge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgxMDAlKTtcbiAgfVxufVxuLm5lZXRvLWZpbHRlcnMtc2xpZGVyLWV4aXQtYWN0aXZlIHtcbiAgLm5lZXRvLWZpbHRlcnMtc2xpZGVyX193cmFwcGVyIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoMTAwJSk7XG4gIH1cbn1cbiIsIkBtaXhpbiB2aWV3cG9ydCgkbWVkaWEpIHtcbiAgQGlmICRtZWRpYT09ZGVzayB7XG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogMTIwMHB4KSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJG1lZGlhPT10YWItbWluIHtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDI0cHgpIHtcbiAgICAgIEBjb250ZW50O1xuICAgIH1cbiAgfSBAZWxzZSBpZiAkbWVkaWE9PXRhYi1vbmx5IHtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiA3NjhweCkgYW5kIChtYXgtd2lkdGg6IDEwMjNweCkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRtZWRpYT09bW9iIHtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjdweCkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRtZWRpYT09eHMtbW9iIHtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA0NzlweCkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9XG59XG4iLCIubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlciB7XG4gICZfX2JvZHkge1xuICAgIGFsaWduLWl0ZW1zOiBzdHJldGNoICFpbXBvcnRhbnQ7XG4gICAgZ2FwOiAyMHB4O1xuXG4gICAgPiAqIHtcbiAgICAgIGZsZXgtZ3JvdzogMCAhaW1wb3J0YW50O1xuICAgIH1cblxuICAgIHAge1xuICAgICAgdGV4dC1hbGlnbjogY2VudGVyO1xuICAgIH1cblxuICAgIC5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19pdGVtLXdyYXBwZXIge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gICAgICBnYXA6IDhweDtcbiAgICB9XG5cbiAgICAuYWNjb3JkaW9uX2l0ZW0ge1xuICAgICAgLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2l0ZW0td3JhcHBlciB7XG4gICAgICAgIG1hcmdpbi10b3A6IDE2cHg7XG5cbiAgICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICBtYXJnaW4tdG9wOiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICAubmVldG8tdWktaW5wdXRfX3dyYXBwZXIge1xuICAgICAgICBtYXJnaW4tdG9wOiAxNnB4O1xuXG4gICAgICAgICY6Zmlyc3Qtb2YtdHlwZSB7XG4gICAgICAgICAgbWFyZ2luLXRvcDogMDtcbiAgICAgICAgfVxuICAgICAgfVxuXG4gICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICAubmVldG8tdWktYWNjb3JkaW9uX19pdGVtIHtcbiAgICAgICAgICBwYWRkaW5nLXRvcDogMDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICAubmVldG8tdWktYWNjb3JkaW9uX193cmFwcGVyLS1sYXN0LWl0ZW0ge1xuICAgICAgYm9yZGVyLWJvdHRvbTogdGhpbiBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbiAgICB9XG4gIH1cblxuICAmX19mb290ZXIge1xuICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcblxuICAgIGRpdiB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZ2FwOiA4cHg7XG4gICAgfVxuICB9XG59XG4iXX0= */";
|
|
4947
3323
|
n(css,{});
|
|
4948
3324
|
|
|
4949
3325
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
@@ -4978,14 +3354,14 @@ var Filters = withT(function (_ref) {
|
|
|
4978
3354
|
children = _ref.children;
|
|
4979
3355
|
return /*#__PURE__*/React.createElement("span", {
|
|
4980
3356
|
className: classnames(_defineProperty({}, className, className))
|
|
4981
|
-
}, /*#__PURE__*/React.createElement(Button, _extends
|
|
3357
|
+
}, /*#__PURE__*/React.createElement(Button, _extends({
|
|
4982
3358
|
"data-cy": "neeto-filters-toggle-btn",
|
|
4983
3359
|
label: t("neetoFilters.common.filter"),
|
|
4984
3360
|
style: "secondary",
|
|
4985
3361
|
onClick: function onClick() {
|
|
4986
3362
|
return setIsOpen(true);
|
|
4987
3363
|
}
|
|
4988
|
-
}, buttonProps)), /*#__PURE__*/React.createElement(Pane, _extends
|
|
3364
|
+
}, buttonProps)), /*#__PURE__*/React.createElement(Pane, _extends({
|
|
4989
3365
|
onClose: function onClose() {
|
|
4990
3366
|
return setIsOpen(false);
|
|
4991
3367
|
}
|
|
@@ -5048,7 +3424,8 @@ var DeleteAlert = function DeleteAlert(_ref) {
|
|
|
5048
3424
|
|
|
5049
3425
|
var Card = function Card(_ref) {
|
|
5050
3426
|
var segment = _ref.segment,
|
|
5051
|
-
columns = _ref.columns
|
|
3427
|
+
columns = _ref.columns,
|
|
3428
|
+
defaultSegmentName = _ref.defaultSegmentName;
|
|
5052
3429
|
var _useState = useState(false),
|
|
5053
3430
|
_useState2 = _slicedToArray(_useState, 2),
|
|
5054
3431
|
isEditing = _useState2[0],
|
|
@@ -5082,7 +3459,7 @@ var Card = function Card(_ref) {
|
|
|
5082
3459
|
initialValues: segment,
|
|
5083
3460
|
validateOnChange: true,
|
|
5084
3461
|
validateOnBlur: true,
|
|
5085
|
-
validationSchema:
|
|
3462
|
+
validationSchema: buildSegmentsValidationSchema(defaultSegmentName),
|
|
5086
3463
|
onSubmit: handleRename,
|
|
5087
3464
|
enableReinitialize: true
|
|
5088
3465
|
}
|
|
@@ -5100,6 +3477,7 @@ var Card = function Card(_ref) {
|
|
|
5100
3477
|
style: "body2"
|
|
5101
3478
|
}, segment.name), /*#__PURE__*/React.createElement(Dropdown$2, {
|
|
5102
3479
|
buttonStyle: "text",
|
|
3480
|
+
disabled: isNotPresent(segment.id),
|
|
5103
3481
|
icon: MenuHorizontal,
|
|
5104
3482
|
size: "small"
|
|
5105
3483
|
}, /*#__PURE__*/React.createElement(Menu, null, /*#__PURE__*/React.createElement(MenuItem.Button, {
|
|
@@ -5127,7 +3505,8 @@ var ManagePane = function ManagePane(_ref) {
|
|
|
5127
3505
|
var isOpen = _ref.isOpen,
|
|
5128
3506
|
onClose = _ref.onClose,
|
|
5129
3507
|
entity = _ref.entity,
|
|
5130
|
-
columns = _ref.columns
|
|
3508
|
+
columns = _ref.columns,
|
|
3509
|
+
defaultSegmentName = _ref.defaultSegmentName;
|
|
5131
3510
|
var _useState = useState(""),
|
|
5132
3511
|
_useState2 = _slicedToArray(_useState, 2),
|
|
5133
3512
|
searchTerm = _useState2[0],
|
|
@@ -5160,12 +3539,17 @@ var ManagePane = function ManagePane(_ref) {
|
|
|
5160
3539
|
}
|
|
5161
3540
|
}), isLoading ? /*#__PURE__*/React.createElement(Spinner, {
|
|
5162
3541
|
className: "mx-auto mt-4"
|
|
5163
|
-
}) : /*#__PURE__*/React.createElement(React.Fragment, null,
|
|
3542
|
+
}) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Card$1, {
|
|
3543
|
+
segment: {
|
|
3544
|
+
name: defaultSegmentName
|
|
3545
|
+
}
|
|
3546
|
+
}), isEmpty(segments) ? /*#__PURE__*/React.createElement(Typography, {
|
|
5164
3547
|
className: "mx-auto",
|
|
5165
3548
|
style: "body2"
|
|
5166
3549
|
}, t("neetoFilters.segments.noSegmentsFound")) : segments.map(function (segment) {
|
|
5167
3550
|
return /*#__PURE__*/React.createElement(Card$1, {
|
|
5168
3551
|
columns: columns,
|
|
3552
|
+
defaultSegmentName: defaultSegmentName,
|
|
5169
3553
|
segment: segment,
|
|
5170
3554
|
key: segment.id
|
|
5171
3555
|
});
|
|
@@ -5177,7 +3561,8 @@ var ITEMS_MAX_COUNT = 20;
|
|
|
5177
3561
|
var MenuBlocks = function MenuBlocks(_ref) {
|
|
5178
3562
|
var entity = _ref.entity,
|
|
5179
3563
|
searchTerm = _ref.searchTerm,
|
|
5180
|
-
columns = _ref.columns
|
|
3564
|
+
columns = _ref.columns,
|
|
3565
|
+
defaultSegmentName = _ref.defaultSegmentName;
|
|
5181
3566
|
var _useState = useState(false),
|
|
5182
3567
|
_useState2 = _slicedToArray(_useState, 2),
|
|
5183
3568
|
showAll = _useState2[0],
|
|
@@ -5188,6 +3573,7 @@ var MenuBlocks = function MenuBlocks(_ref) {
|
|
|
5188
3573
|
t = _useTranslation.t;
|
|
5189
3574
|
var _Object$fromEntries = Object.fromEntries(new URLSearchParams(location.search)),
|
|
5190
3575
|
segmentId = _Object$fromEntries.segmentId;
|
|
3576
|
+
var appliedFilters = buildFiltersFromURL(columns);
|
|
5191
3577
|
var _useFetchSegments = useFetchSegments({
|
|
5192
3578
|
entity: entity,
|
|
5193
3579
|
searchTerm: searchTerm
|
|
@@ -5195,27 +3581,40 @@ var MenuBlocks = function MenuBlocks(_ref) {
|
|
|
5195
3581
|
_useFetchSegments$dat = _useFetchSegments.data,
|
|
5196
3582
|
segments = _useFetchSegments$dat === void 0 ? [] : _useFetchSegments$dat,
|
|
5197
3583
|
isLoading = _useFetchSegments.isLoading;
|
|
5198
|
-
var
|
|
3584
|
+
var clearAppliedFilters = function clearAppliedFilters() {
|
|
5199
3585
|
var _filters$, _filters$2;
|
|
5200
|
-
var
|
|
5201
|
-
|
|
5202
|
-
return equals(id, segmentId) ? history.push({
|
|
3586
|
+
var filters = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : appliedFilters;
|
|
3587
|
+
history.push({
|
|
5203
3588
|
search: buildUrlFromFilters({
|
|
5204
3589
|
columns: columns,
|
|
5205
3590
|
filters: [],
|
|
5206
3591
|
isClearAll: true,
|
|
5207
|
-
childrenKeys: pluck("key", filterBy({
|
|
3592
|
+
childrenKeys: ((_filters$ = filters[0]) === null || _filters$ === void 0 ? void 0 : _filters$.conditions) && pluck("key", filterBy({
|
|
5208
3593
|
node: "children"
|
|
5209
|
-
}, (_filters$ = filters[0]) === null || _filters$ === void 0 ? void 0 : _filters
|
|
3594
|
+
}, (_filters$2 = filters[0]) === null || _filters$2 === void 0 ? void 0 : _filters$2.conditions))
|
|
5210
3595
|
})
|
|
5211
|
-
})
|
|
3596
|
+
});
|
|
3597
|
+
};
|
|
3598
|
+
var applySelectedSegment = function applySelectedSegment(_ref2) {
|
|
3599
|
+
var _filters$3;
|
|
3600
|
+
var id = _ref2.id,
|
|
3601
|
+
filters = _ref2.filters;
|
|
3602
|
+
history.push({
|
|
5212
3603
|
search: buildUrlFromSegment({
|
|
5213
3604
|
columns: columns,
|
|
5214
|
-
filters: (_filters$
|
|
3605
|
+
filters: (_filters$3 = filters[0]) === null || _filters$3 === void 0 ? void 0 : _filters$3.conditions,
|
|
5215
3606
|
id: id
|
|
5216
3607
|
})
|
|
5217
3608
|
});
|
|
5218
3609
|
};
|
|
3610
|
+
var handleSelectSegment = function handleSelectSegment(_ref3) {
|
|
3611
|
+
var id = _ref3.id,
|
|
3612
|
+
filters = _ref3.filters;
|
|
3613
|
+
return equals(id, segmentId) ? clearAppliedFilters(filters) : applySelectedSegment({
|
|
3614
|
+
id: id,
|
|
3615
|
+
filters: filters
|
|
3616
|
+
});
|
|
3617
|
+
};
|
|
5219
3618
|
if (isLoading) {
|
|
5220
3619
|
return /*#__PURE__*/React.createElement(Spinner, null);
|
|
5221
3620
|
}
|
|
@@ -5235,6 +3634,10 @@ var MenuBlocks = function MenuBlocks(_ref) {
|
|
|
5235
3634
|
return !open;
|
|
5236
3635
|
});
|
|
5237
3636
|
}
|
|
3637
|
+
}), /*#__PURE__*/React.createElement(MenuBar.Block, {
|
|
3638
|
+
active: isEmpty(appliedFilters),
|
|
3639
|
+
label: defaultSegmentName,
|
|
3640
|
+
onClick: clearAppliedFilters
|
|
5238
3641
|
}), segments.slice(0, showAll ? segments.length : ITEMS_MAX_COUNT).map(function (segment) {
|
|
5239
3642
|
return /*#__PURE__*/React.createElement(MenuBar.Block, {
|
|
5240
3643
|
active: segment.id === segmentId,
|
|
@@ -5253,77 +3656,83 @@ var Segments = function Segments(_ref) {
|
|
|
5253
3656
|
var entity = _ref.entity,
|
|
5254
3657
|
columns = _ref.columns,
|
|
5255
3658
|
_ref$setIsFilterPaneO = _ref.setIsFilterPaneOpen,
|
|
5256
|
-
setIsFilterPaneOpen = _ref$setIsFilterPaneO === void 0 ? noop$1 : _ref$setIsFilterPaneO
|
|
5257
|
-
|
|
5258
|
-
|
|
5259
|
-
|
|
5260
|
-
|
|
5261
|
-
|
|
5262
|
-
|
|
5263
|
-
|
|
5264
|
-
|
|
5265
|
-
|
|
5266
|
-
|
|
5267
|
-
|
|
5268
|
-
|
|
5269
|
-
|
|
5270
|
-
|
|
5271
|
-
|
|
5272
|
-
|
|
5273
|
-
|
|
5274
|
-
|
|
5275
|
-
|
|
5276
|
-
|
|
5277
|
-
|
|
5278
|
-
|
|
5279
|
-
|
|
5280
|
-
|
|
5281
|
-
|
|
5282
|
-
|
|
5283
|
-
|
|
5284
|
-
|
|
5285
|
-
|
|
5286
|
-
|
|
5287
|
-
|
|
5288
|
-
|
|
5289
|
-
|
|
5290
|
-
|
|
5291
|
-
|
|
5292
|
-
|
|
5293
|
-
|
|
5294
|
-
|
|
5295
|
-
|
|
5296
|
-
|
|
5297
|
-
|
|
5298
|
-
|
|
5299
|
-
|
|
5300
|
-
|
|
5301
|
-
|
|
5302
|
-
|
|
5303
|
-
|
|
5304
|
-
|
|
5305
|
-
|
|
5306
|
-
|
|
5307
|
-
|
|
5308
|
-
|
|
5309
|
-
|
|
5310
|
-
|
|
5311
|
-
|
|
5312
|
-
|
|
5313
|
-
|
|
5314
|
-
|
|
5315
|
-
|
|
5316
|
-
|
|
5317
|
-
|
|
5318
|
-
|
|
5319
|
-
|
|
5320
|
-
|
|
5321
|
-
|
|
5322
|
-
|
|
5323
|
-
|
|
5324
|
-
|
|
5325
|
-
|
|
5326
|
-
|
|
3659
|
+
setIsFilterPaneOpen = _ref$setIsFilterPaneO === void 0 ? noop$1 : _ref$setIsFilterPaneO,
|
|
3660
|
+
_ref$defaultSegmentNa = _ref.defaultSegmentName,
|
|
3661
|
+
defaultSegmentName = _ref$defaultSegmentNa === void 0 ? t$1("neetoFilters.common.allResults") : _ref$defaultSegmentNa;
|
|
3662
|
+
return function () {
|
|
3663
|
+
var _useState = useState(""),
|
|
3664
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
3665
|
+
searchTerm = _useState2[0],
|
|
3666
|
+
setSearchTerm = _useState2[1];
|
|
3667
|
+
var _useState3 = useState(true),
|
|
3668
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
3669
|
+
isSearchCollapsed = _useState4[0],
|
|
3670
|
+
setIsSearchCollapsed = _useState4[1];
|
|
3671
|
+
var _useState5 = useState(false),
|
|
3672
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
3673
|
+
isSegmentsPaneOpen = _useState6[0],
|
|
3674
|
+
setIsSegmentsPaneOpen = _useState6[1];
|
|
3675
|
+
var _useTranslation = useTranslation(),
|
|
3676
|
+
t = _useTranslation.t;
|
|
3677
|
+
var debouncedSearchTerm = useDebounce(searchTerm);
|
|
3678
|
+
var iconProps = [{
|
|
3679
|
+
icon: Search$1,
|
|
3680
|
+
onClick: function onClick() {
|
|
3681
|
+
setSearchTerm("");
|
|
3682
|
+
setIsSearchCollapsed(function (collapsed) {
|
|
3683
|
+
return !collapsed;
|
|
3684
|
+
});
|
|
3685
|
+
},
|
|
3686
|
+
tooltipProps: {
|
|
3687
|
+
content: t("neetoFilters.segments.searchSegments"),
|
|
3688
|
+
position: "top"
|
|
3689
|
+
}
|
|
3690
|
+
}, {
|
|
3691
|
+
icon: Settings,
|
|
3692
|
+
onClick: function onClick() {
|
|
3693
|
+
setIsFilterPaneOpen(false);
|
|
3694
|
+
setIsSegmentsPaneOpen(true);
|
|
3695
|
+
},
|
|
3696
|
+
tooltipProps: {
|
|
3697
|
+
content: t("neetoFilters.segments.manageSegments"),
|
|
3698
|
+
position: "top"
|
|
3699
|
+
}
|
|
3700
|
+
}];
|
|
3701
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(MenuBar.SubTitle, {
|
|
3702
|
+
iconProps: iconProps
|
|
3703
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
3704
|
+
component: "h4",
|
|
3705
|
+
style: "h5",
|
|
3706
|
+
textTransform: "uppercase",
|
|
3707
|
+
weight: "bold"
|
|
3708
|
+
}, t("neetoFilters.common.segments"))), /*#__PURE__*/React.createElement(MenuBar.Search, {
|
|
3709
|
+
autoFocus: true,
|
|
3710
|
+
isCollapsed: isSearchCollapsed,
|
|
3711
|
+
placeholder: t("neetoFilters.segments.searchSegments"),
|
|
3712
|
+
value: searchTerm,
|
|
3713
|
+
onChange: function onChange(_ref2) {
|
|
3714
|
+
var value = _ref2.target.value;
|
|
3715
|
+
return setSearchTerm(value);
|
|
3716
|
+
},
|
|
3717
|
+
onCollapse: function onCollapse() {
|
|
3718
|
+
setSearchTerm("");
|
|
3719
|
+
setIsSearchCollapsed(true);
|
|
3720
|
+
}
|
|
3721
|
+
}), /*#__PURE__*/React.createElement(MenuBlocks$1, {
|
|
3722
|
+
columns: columns,
|
|
3723
|
+
defaultSegmentName: defaultSegmentName,
|
|
3724
|
+
entity: entity,
|
|
3725
|
+
searchTerm: debouncedSearchTerm
|
|
3726
|
+
}), /*#__PURE__*/React.createElement(ManagePane, {
|
|
3727
|
+
columns: columns,
|
|
3728
|
+
defaultSegmentName: defaultSegmentName,
|
|
3729
|
+
entity: entity,
|
|
3730
|
+
isOpen: isSegmentsPaneOpen,
|
|
3731
|
+
onClose: function onClose() {
|
|
3732
|
+
return setIsSegmentsPaneOpen(false);
|
|
3733
|
+
}
|
|
3734
|
+
}));
|
|
3735
|
+
}();
|
|
5327
3736
|
};
|
|
5328
3737
|
var index = /*#__PURE__*/React.memo(Segments);
|
|
5329
3738
|
|