@bigbinary/neeto-filters-frontend 4.0.1 → 4.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/dist/Bar.js +667 -0
  2. package/dist/Bar.js.map +1 -0
  3. package/dist/Filters.js +368 -0
  4. package/dist/Filters.js.map +1 -0
  5. package/dist/Segments.js +529 -0
  6. package/dist/Segments.js.map +1 -0
  7. package/dist/cjs/Bar.js +681 -0
  8. package/dist/cjs/Bar.js.map +1 -0
  9. package/dist/cjs/Filters.js +379 -0
  10. package/dist/cjs/Filters.js.map +1 -0
  11. package/dist/cjs/Segments.js +543 -0
  12. package/dist/cjs/Segments.js.map +1 -0
  13. package/dist/cjs/hooks.js +17 -0
  14. package/dist/cjs/hooks.js.map +1 -0
  15. package/dist/cjs/index.js +72 -0
  16. package/dist/cjs/index.js.map +1 -0
  17. package/dist/cjs/utils.js +24 -0
  18. package/dist/cjs/utils.js.map +1 -0
  19. package/dist/constants-8f6e851e.js +125 -0
  20. package/dist/constants-8f6e851e.js.map +1 -0
  21. package/dist/constants-fb0f688a.js +135 -0
  22. package/dist/constants-fb0f688a.js.map +1 -0
  23. package/dist/hooks.js +7 -0
  24. package/dist/hooks.js.map +1 -0
  25. package/dist/index-03114015.js +336 -0
  26. package/dist/index-03114015.js.map +1 -0
  27. package/dist/index-2d1d9838.js +971 -0
  28. package/dist/index-2d1d9838.js.map +1 -0
  29. package/dist/index-31aaf3e4.js +302 -0
  30. package/dist/index-31aaf3e4.js.map +1 -0
  31. package/dist/index-95fe069e.js +958 -0
  32. package/dist/index-95fe069e.js.map +1 -0
  33. package/dist/index.js +53 -3703
  34. package/dist/index.js.map +1 -1
  35. package/dist/useSegmentsApi-003055eb.js +96 -0
  36. package/dist/useSegmentsApi-003055eb.js.map +1 -0
  37. package/dist/useSegmentsApi-c514647d.js +86 -0
  38. package/dist/useSegmentsApi-c514647d.js.map +1 -0
  39. package/dist/utils-61b4223d.js +861 -0
  40. package/dist/utils-61b4223d.js.map +1 -0
  41. package/dist/utils-9ea34335.js +809 -0
  42. package/dist/utils-9ea34335.js.map +1 -0
  43. package/dist/utils.js +12 -0
  44. package/dist/utils.js.map +1 -0
  45. package/package.json +24 -12
  46. package/dist/index.cjs.js +0 -3773
  47. package/dist/index.cjs.js.map +0 -1
package/dist/index.cjs.js DELETED
@@ -1,3773 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var React = require('react');
6
- var reactQuery = require('@tanstack/react-query');
7
- var classnames = require('classnames');
8
- var i18next = require('i18next');
9
- var neetoCist = require('@bigbinary/neeto-cist');
10
- var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
11
- var ramda = require('ramda');
12
- var Delete$1 = require('@bigbinary/neeto-icons/Delete');
13
- var Accordion = require('@bigbinary/neetoui/Accordion');
14
- var Button = require('@bigbinary/neetoui/Button');
15
- var Pane$1 = require('@bigbinary/neetoui/Pane');
16
- var Typography = require('@bigbinary/neetoui/Typography');
17
- var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
18
- var Form = require('@bigbinary/neetoui/formik/Form');
19
- var Input$1 = require('@bigbinary/neetoui/formik/Input');
20
- var reactI18next = require('react-i18next');
21
- var reactRouterDom_min = require('react-router-dom/cjs/react-router-dom.min');
22
- var Select = require('@bigbinary/neetoui/Select');
23
- var utils = require('@bigbinary/neeto-commons-frontend/utils');
24
- var dayjs = require('dayjs');
25
- var timezone = require('dayjs/plugin/timezone');
26
- var utc = require('dayjs/plugin/utc');
27
- var weekday = require('dayjs/plugin/weekday');
28
- var Help = require('@bigbinary/neeto-icons/Help');
29
- var jsxRuntime = require('react/jsx-runtime');
30
- var DatePicker = require('@bigbinary/neetoui/DatePicker');
31
- var TimePicker = require('@bigbinary/neetoui/TimePicker');
32
- var Input = require('@bigbinary/neetoui/Input');
33
- var NeetoUITreeSelect = require('@bigbinary/neetoui/TreeSelect');
34
- var Plus = require('@bigbinary/neeto-icons/Plus');
35
- var yup = require('yup');
36
- var reactRouterDom = require('react-router-dom');
37
- var useHotkeys = require('@bigbinary/neeto-hotkeys');
38
- var Close = require('@bigbinary/neeto-icons/Close');
39
- var Tooltip = require('@bigbinary/neetoui/Tooltip');
40
- var axios = require('axios');
41
- var Dropdown$2 = require('@bigbinary/neetoui/Dropdown');
42
- var Search = require('@bigbinary/neeto-molecules/Search');
43
- var constants = require('@bigbinary/neeto-commons-frontend/constants');
44
- var Alert = require('@bigbinary/neetoui/Alert');
45
- var Spinner = require('@bigbinary/neetoui/Spinner');
46
- var dnd = require('@hello-pangea/dnd');
47
- var Down = require('@bigbinary/neeto-icons/Down');
48
- var MenuBar = require('@bigbinary/neeto-molecules/MenuBar');
49
- var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
50
-
51
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
52
-
53
- function _interopNamespace(e) {
54
- if (e && e.__esModule) return e;
55
- var n = Object.create(null);
56
- if (e) {
57
- Object.keys(e).forEach(function (k) {
58
- if (k !== 'default') {
59
- var d = Object.getOwnPropertyDescriptor(e, k);
60
- Object.defineProperty(n, k, d.get ? d : {
61
- enumerable: true,
62
- get: function () { return e[k]; }
63
- });
64
- }
65
- });
66
- }
67
- n["default"] = e;
68
- return Object.freeze(n);
69
- }
70
-
71
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
72
- var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
73
- var i18next__default = /*#__PURE__*/_interopDefaultLegacy(i18next);
74
- var Delete__default = /*#__PURE__*/_interopDefaultLegacy(Delete$1);
75
- var Accordion__default = /*#__PURE__*/_interopDefaultLegacy(Accordion);
76
- var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
77
- var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane$1);
78
- var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
79
- var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
80
- var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
81
- var Input__default$1 = /*#__PURE__*/_interopDefaultLegacy(Input$1);
82
- var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
83
- var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
84
- var timezone__default = /*#__PURE__*/_interopDefaultLegacy(timezone);
85
- var utc__default = /*#__PURE__*/_interopDefaultLegacy(utc);
86
- var weekday__default = /*#__PURE__*/_interopDefaultLegacy(weekday);
87
- var Help__default = /*#__PURE__*/_interopDefaultLegacy(Help);
88
- var DatePicker__default = /*#__PURE__*/_interopDefaultLegacy(DatePicker);
89
- var TimePicker__default = /*#__PURE__*/_interopDefaultLegacy(TimePicker);
90
- var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
91
- var NeetoUITreeSelect__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUITreeSelect);
92
- var Plus__default = /*#__PURE__*/_interopDefaultLegacy(Plus);
93
- var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
94
- var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
95
- var Close__default = /*#__PURE__*/_interopDefaultLegacy(Close);
96
- var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
97
- var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
98
- var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown$2);
99
- var Search__default = /*#__PURE__*/_interopDefaultLegacy(Search);
100
- var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
101
- var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
102
- var Down__default = /*#__PURE__*/_interopDefaultLegacy(Down);
103
- var MenuBar__default = /*#__PURE__*/_interopDefaultLegacy(MenuBar);
104
- var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
105
-
106
- function _typeof(o) {
107
- "@babel/helpers - typeof";
108
-
109
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
110
- return typeof o;
111
- } : function (o) {
112
- return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
113
- }, _typeof(o);
114
- }
115
-
116
- function _toPrimitive(input, hint) {
117
- if (_typeof(input) !== "object" || input === null) return input;
118
- var prim = input[Symbol.toPrimitive];
119
- if (prim !== undefined) {
120
- var res = prim.call(input, hint || "default");
121
- if (_typeof(res) !== "object") return res;
122
- throw new TypeError("@@toPrimitive must return a primitive value.");
123
- }
124
- return (hint === "string" ? String : Number)(input);
125
- }
126
-
127
- function _toPropertyKey(arg) {
128
- var key = _toPrimitive(arg, "string");
129
- return _typeof(key) === "symbol" ? key : String(key);
130
- }
131
-
132
- function _defineProperty(obj, key, value) {
133
- key = _toPropertyKey(key);
134
- if (key in obj) {
135
- Object.defineProperty(obj, key, {
136
- value: value,
137
- enumerable: true,
138
- configurable: true,
139
- writable: true
140
- });
141
- } else {
142
- obj[key] = value;
143
- }
144
- return obj;
145
- }
146
-
147
- function _arrayLikeToArray(arr, len) {
148
- if (len == null || len > arr.length) len = arr.length;
149
- for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
150
- return arr2;
151
- }
152
-
153
- function _arrayWithoutHoles(arr) {
154
- if (Array.isArray(arr)) return _arrayLikeToArray(arr);
155
- }
156
-
157
- function _iterableToArray(iter) {
158
- if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
159
- }
160
-
161
- function _unsupportedIterableToArray(o, minLen) {
162
- if (!o) return;
163
- if (typeof o === "string") return _arrayLikeToArray(o, minLen);
164
- var n = Object.prototype.toString.call(o).slice(8, -1);
165
- if (n === "Object" && o.constructor) n = o.constructor.name;
166
- if (n === "Map" || n === "Set") return Array.from(o);
167
- if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
168
- }
169
-
170
- function _nonIterableSpread() {
171
- throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
172
- }
173
-
174
- function _toConsumableArray(arr) {
175
- return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
176
- }
177
-
178
- function _arrayWithHoles(arr) {
179
- if (Array.isArray(arr)) return arr;
180
- }
181
-
182
- function _iterableToArrayLimit(r, l) {
183
- var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
184
- if (null != t) {
185
- var e,
186
- n,
187
- i,
188
- u,
189
- a = [],
190
- f = !0,
191
- o = !1;
192
- try {
193
- if (i = (t = t.call(r)).next, 0 === l) {
194
- if (Object(t) !== t) return;
195
- f = !1;
196
- } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);
197
- } catch (r) {
198
- o = !0, n = r;
199
- } finally {
200
- try {
201
- if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return;
202
- } finally {
203
- if (o) throw n;
204
- }
205
- }
206
- return a;
207
- }
208
- }
209
-
210
- function _nonIterableRest() {
211
- throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
212
- }
213
-
214
- function _slicedToArray(arr, i) {
215
- return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
216
- }
217
-
218
- var SEGMENTS_BASE_URL = "/neeto_filters/segments";
219
- var DATE_OPTIONS = [{
220
- label: "Today",
221
- value: "today"
222
- }, {
223
- label: "Yesterday",
224
- value: "yesterday"
225
- }, {
226
- label: "This week",
227
- value: "this-week"
228
- }, {
229
- label: "Last week",
230
- value: "last-week"
231
- }, {
232
- label: "This month",
233
- value: "this-month"
234
- }, {
235
- label: "Last month",
236
- value: "last-month"
237
- }, {
238
- label: "This year",
239
- value: "this-year"
240
- }, {
241
- label: "Last year",
242
- value: "last-year"
243
- }, {
244
- label: "All time",
245
- value: "all-time"
246
- }, {
247
- label: "After",
248
- value: "after"
249
- }, {
250
- label: "Before",
251
- value: "before"
252
- }, {
253
- label: "Custom date range",
254
- value: "custom-date-range"
255
- }];
256
- var SINGLE_DATE_OPTIONS = [{
257
- label: "On",
258
- value: "on"
259
- }, {
260
- label: "After",
261
- value: "after"
262
- }, {
263
- label: "Before",
264
- value: "before"
265
- }, {
266
- label: "Between",
267
- value: "between"
268
- }];
269
- var SINGLE_TIME_OPTIONS = [{
270
- label: "At",
271
- value: "at"
272
- }, {
273
- label: "After",
274
- value: "after"
275
- }, {
276
- label: "Before",
277
- value: "before"
278
- }, {
279
- label: "Between",
280
- value: "between"
281
- }];
282
- var TIME_OPTIONS = [{
283
- label: "This hour",
284
- value: "this-hour"
285
- }, {
286
- label: "Last hour",
287
- value: "last-hour"
288
- }, {
289
- label: "Custom time range",
290
- value: "custom-time-range"
291
- }];
292
- var DATE_RULES = {
293
- today: "on",
294
- yesterday: "on",
295
- "all-time": "before"
296
- };
297
- var SEARCH_TERM_KEY = "search_term";
298
- var SEGMENT_ID_KEY = "segment_id";
299
-
300
- dayjs__default["default"].extend(utc__default["default"]);
301
- dayjs__default["default"].extend(timezone__default["default"]);
302
- dayjs__default["default"].extend(weekday__default["default"]);
303
- dayjs__default["default"].Ls.en.weekStart = 1;
304
-
305
- var NUMBER_RULES = [{
306
- label: i18next.t("neetoFilters.rules.is"),
307
- value: "is"
308
- }, {
309
- label: i18next.t("neetoFilters.rules.isNot"),
310
- value: "is_not"
311
- }, {
312
- label: i18next.t("neetoFilters.rules.greaterThan"),
313
- value: "greater_than"
314
- }, {
315
- label: i18next.t("neetoFilters.rules.lessThan"),
316
- value: "less_than"
317
- }];
318
- var TEXT_RULES = [{
319
- label: i18next.t("neetoFilters.rules.contains"),
320
- value: "contains"
321
- }, {
322
- label: i18next.t("neetoFilters.rules.doesNotContain"),
323
- value: "does_not_contain"
324
- }, {
325
- label: i18next.t("neetoFilters.rules.is"),
326
- value: "is"
327
- }, {
328
- label: i18next.t("neetoFilters.rules.isNot"),
329
- value: "is_not"
330
- }, {
331
- label: i18next.t("neetoFilters.rules.startsWith"),
332
- value: "starts_with"
333
- }, {
334
- label: i18next.t("neetoFilters.rules.doesNotStartWith"),
335
- value: "does_not_start_with"
336
- }, {
337
- label: i18next.t("neetoFilters.rules.endsWith"),
338
- value: "ends_with"
339
- }, {
340
- label: i18next.t("neetoFilters.rules.doesNotEndWith"),
341
- value: "does_not_end_with"
342
- }];
343
- var MULTI_DROPDOWN_RULES = [{
344
- label: i18next.t("neetoFilters.rules.in"),
345
- value: "in"
346
- }, {
347
- label: i18next.t("neetoFilters.rules.notIn"),
348
- value: "not_in"
349
- }, {
350
- label: i18next.t("neetoFilters.rules.isEmpty"),
351
- value: "is_unknown"
352
- }];
353
- var SINGLE_DROPDOWN_RULES = [{
354
- label: i18next.t("neetoFilters.rules.is"),
355
- value: "is"
356
- }, {
357
- label: i18next.t("neetoFilters.rules.isNot"),
358
- value: "is_not"
359
- }, {
360
- label: i18next.t("neetoFilters.rules.isEmpty"),
361
- value: "is_unknown"
362
- }];
363
- var DEFAULT_BOOLEAN_OPTIONS = [{
364
- label: i18next.t("neetoFilters.common.yes"),
365
- value: "true"
366
- }, {
367
- label: i18next.t("neetoFilters.common.no"),
368
- value: "false"
369
- }];
370
- var TREE_SELECT_RULES = [{
371
- label: i18next.t("neetoFilters.rules.in"),
372
- value: "in"
373
- }, {
374
- label: i18next.t("neetoFilters.rules.notIn"),
375
- value: "not_in"
376
- }, {
377
- label: i18next.t("neetoFilters.rules.isEmpty"),
378
- value: "is_unknown"
379
- }];
380
- var DEFAULT_HELP_ICON_PROPS = {
381
- icon: Help__default["default"]
382
- };
383
- var TIME_FORMAT = "h:mm A";
384
-
385
- function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
386
- function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
387
- var groupByGroup = ramda.groupBy(function (_ref) {
388
- var group = _ref.group;
389
- return group || "individual";
390
- });
391
- var standardizeColumnType = function standardizeColumnType(kind) {
392
- // neeto-fields-nano supports `monetary` and `number` as type of fields, which will be acting as `decimal` in action.
393
- if (["custom.monetary", "custom.number"].includes(kind)) {
394
- return "custom.decimal";
395
- }
396
- return kind;
397
- };
398
- var getSnakeCasedQueryParams = function getSnakeCasedQueryParams() {
399
- return utils.getQueryParams({
400
- toCamelCase: false
401
- });
402
- };
403
- var isBoolean = function isBoolean(type) {
404
- return type === "boolean" || type === "custom.boolean";
405
- };
406
- var isCheckbox = function isCheckbox(type) {
407
- return type === "checkbox" || type === "custom.checkbox";
408
- };
409
- var isDate = function isDate(type) {
410
- return type === "date" || type === "custom.date" || type === "custom.datetime";
411
- };
412
- var isSingleDate = function isSingleDate(type) {
413
- return type === "single_date" || type === "custom.single_date";
414
- };
415
- var isSingleTime = function isSingleTime(type) {
416
- return type === "single_time" || type === "custom.single_time";
417
- };
418
- var isTime = function isTime(type) {
419
- return type === "time" || type === "custom.time";
420
- };
421
- var isMulti = function isMulti(type) {
422
- return type === "multi_option" || type === "custom.multi_option";
423
- };
424
- var isSingle = function isSingle(type) {
425
- return type === "single_option" || type === "custom.single_option";
426
- };
427
- var isText = function isText(type) {
428
- return type === "text" || type === "custom.text";
429
- };
430
- var isDigit = function isDigit(type) {
431
- return ["number", "decimal", "custom.decimal", "custom.number"].includes(type);
432
- };
433
- var isTreeSelect = function isTreeSelect(type) {
434
- return type === "tree_select";
435
- };
436
- var isCustomDateRange = function isCustomDateRange(value) {
437
- return !ramda.pluck("value", DATE_OPTIONS).includes(value);
438
- };
439
- var isCustomTimeRange = function isCustomTimeRange(value) {
440
- return !ramda.pluck("value", TIME_OPTIONS).includes(value);
441
- };
442
- var isMultiModelFilter = function isMultiModelFilter(_ref2) {
443
- var _ref2$model = _ref2.model,
444
- model = _ref2$model === void 0 ? "" : _ref2$model;
445
- return model.split(",").length > 1;
446
- };
447
- var getTimezone = function getTimezone() {
448
- return dayjs__default["default"].tz.guess();
449
- };
450
- var getLabelFromBool = function getLabelFromBool(_ref3) {
451
- var value = _ref3.value,
452
- values = _ref3.values;
453
- return neetoCist.findBy({
454
- value: value
455
- }, ramda.either(ramda.isEmpty, ramda.isNil)(values) ? DEFAULT_BOOLEAN_OPTIONS : values).label;
456
- };
457
- var getBoolFromLabel = function getBoolFromLabel(_ref4) {
458
- var label = _ref4.label,
459
- values = _ref4.values;
460
- return neetoCist.findBy({
461
- label: label
462
- }, ramda.either(ramda.isEmpty, ramda.isNil)(values) ? DEFAULT_BOOLEAN_OPTIONS : values).value;
463
- };
464
- var buildRuleOptions = function buildRuleOptions(_ref5) {
465
- var defaultType = _ref5.defaultType;
466
- if (isText(defaultType)) return TEXT_RULES;else if (isDigit(defaultType)) return NUMBER_RULES;
467
- return [];
468
- };
469
- var getDefaultRuleValue = function getDefaultRuleValue(defaultType) {
470
- var _buildRuleOptions;
471
- return ((_buildRuleOptions = buildRuleOptions({
472
- defaultType: defaultType
473
- })) === null || _buildRuleOptions === void 0 || (_buildRuleOptions = _buildRuleOptions[0]) === null || _buildRuleOptions === void 0 ? void 0 : _buildRuleOptions.value) || "";
474
- };
475
- var isUndefinedOrEmpty = ramda.anyPass([ramda.isNil, ramda.isEmpty, ramda.any(ramda.isNil)]);
476
-
477
- // Following function split node on comma followed by non-comma characters and a dot
478
- var splitNode = function splitNode(joinedNodes) {
479
- return joinedNodes.split(/,(?=[^,]*\.)/);
480
- };
481
- var splitFilter = function splitFilter(multiColumnFilter) {
482
- var splittedNodes = splitNode(multiColumnFilter.node);
483
- var splittedModels = multiColumnFilter.model.split(",");
484
- return splittedNodes.map(function (node, index) {
485
- return ramda.mergeLeft({
486
- node: node,
487
- model: splittedModels[index],
488
- conditions_join_type: index < splittedNodes.length - 1 ? "or" : "and"
489
- }, ramda.omit(["key", "label", "values", "setValue"], multiColumnFilter));
490
- });
491
- };
492
- var buildDateValue = function buildDateValue(_ref6) {
493
- var value = _ref6.value;
494
- var rule = DATE_RULES[value] || "between";
495
- var dateValue = ["before", "after", "custom-date-range"].includes(value) ? "" : value;
496
- return {
497
- value: dateValue,
498
- rule: rule,
499
- timezone: getTimezone()
500
- };
501
- };
502
- var buildTimeValue = function buildTimeValue(_ref7) {
503
- var value = _ref7.value;
504
- var dateValue = value === "custom-time-range" ? "" : value;
505
- return {
506
- value: dateValue,
507
- rule: "between"
508
- };
509
- };
510
- var buildUpdatedFilter = function buildUpdatedFilter(_ref8) {
511
- var column = _ref8.column,
512
- defaultType = _ref8.defaultType,
513
- option = _ref8.option,
514
- _ref8$rule = _ref8.rule,
515
- rule = _ref8$rule === void 0 ? "" : _ref8$rule,
516
- _ref8$value = _ref8.value,
517
- value = _ref8$value === void 0 ? "" : _ref8$value;
518
- var filter = ramda.omit(["values", "preprocessor"], column);
519
- if (isMulti(defaultType)) {
520
- return ramda.mergeLeft(filter, {
521
- value: ramda.pluck("value", option),
522
- rule: rule
523
- });
524
- } else if (isDate(defaultType)) {
525
- return ramda.mergeLeft(filter, buildDateValue(option));
526
- } else if (isSingleDate(defaultType)) {
527
- return ramda.mergeLeft(filter, {
528
- value: value,
529
- rule: rule,
530
- timezone: getTimezone()
531
- });
532
- } else if (isText(defaultType) || isDigit(defaultType)) {
533
- var _column$preprocessor;
534
- return ramda.mergeLeft(filter, {
535
- rule: rule,
536
- value: (column === null || column === void 0 || (_column$preprocessor = column.preprocessor) === null || _column$preprocessor === void 0 ? void 0 : _column$preprocessor.call(column, value)) || value
537
- });
538
- } else if (isSingleTime(defaultType)) {
539
- return ramda.mergeLeft(filter, {
540
- value: value,
541
- rule: rule
542
- });
543
- } else if (isTime(defaultType)) {
544
- return ramda.mergeLeft(filter, buildTimeValue(option));
545
- } else if (isSingle(defaultType)) {
546
- return ramda.mergeLeft(filter, {
547
- value: option.value,
548
- rule: rule
549
- });
550
- } else if (isTreeSelect(defaultType)) {
551
- return ramda.mergeLeft(filter, {
552
- value: option,
553
- rule: rule
554
- });
555
- }
556
- return ramda.mergeLeft(filter, {
557
- value: option.value,
558
- rule: "is"
559
- });
560
- };
561
- var buildFiltersFromSearchParams = function buildFiltersFromSearchParams(columns) {
562
- var skipEmpty = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
563
- var searchParams = getSnakeCasedQueryParams();
564
- return columns.map(function (column) {
565
- var value = searchParams[column.key];
566
- var defaultType = column.defaultType || column.type;
567
- if (!skipEmpty && value === "") {
568
- return ramda.mergeLeft({
569
- value: ""
570
- }, column);
571
- } else if (ramda.isNil(value) || value === "" || column.key === "keyword") {
572
- return null;
573
- } else if (column.key === SEARCH_TERM_KEY) {
574
- if (ramda.isNil(column.node)) return null;
575
- return ramda.mergeLeft({
576
- value: value,
577
- type: "text",
578
- rule: "contains"
579
- }, column);
580
- } else if (isDate(defaultType) && isCustomDateRange(value)) {
581
- return ramda.mergeLeft({
582
- value: value
583
- }, column);
584
- } else if (isMulti(defaultType) || isTreeSelect(defaultType)) {
585
- var _value$split = value.split("+rule-"),
586
- _value$split2 = _slicedToArray(_value$split, 2),
587
- filterValue = _value$split2[0],
588
- rule = _value$split2[1];
589
- return ramda.mergeLeft({
590
- rule: rule !== null && rule !== void 0 ? rule : "in",
591
- value: filterValue.split("|")
592
- }, column);
593
- } else if (isSingle(defaultType)) {
594
- var _value$split3 = value.split("+rule-"),
595
- _value$split4 = _slicedToArray(_value$split3, 2),
596
- _filterValue = _value$split4[0],
597
- _rule = _value$split4[1];
598
- return ramda.mergeLeft({
599
- rule: _rule !== null && _rule !== void 0 ? _rule : "in",
600
- value: _filterValue
601
- }, column);
602
- } else if (isDigit(defaultType) || isText(defaultType)) {
603
- var _value$split5 = value.split("+rule-"),
604
- _value$split6 = _slicedToArray(_value$split5, 2),
605
- _filterValue2 = _value$split6[0],
606
- _rule2 = _value$split6[1];
607
- return ramda.mergeLeft({
608
- rule: _rule2,
609
- value: _filterValue2
610
- }, column);
611
- } else if (isTime(defaultType) && isCustomTimeRange(value)) {
612
- return ramda.mergeLeft({
613
- value: value
614
- }, column);
615
- } else if (isSingleDate(defaultType)) {
616
- var _value$split7 = value.split("+rule-"),
617
- _value$split8 = _slicedToArray(_value$split7, 2),
618
- _filterValue3 = _value$split8[0],
619
- _rule3 = _value$split8[1];
620
- return ramda.mergeLeft({
621
- rule: _rule3,
622
- value: _rule3 === "between" ? _filterValue3.split(",") : _filterValue3
623
- }, column);
624
- } else if (isSingleTime(defaultType)) {
625
- var _value$split9 = value.split("+rule-"),
626
- _value$split10 = _slicedToArray(_value$split9, 2),
627
- _filterValue4 = _value$split10[0],
628
- _rule4 = _value$split10[1];
629
- return ramda.mergeLeft({
630
- rule: _rule4,
631
- value: _rule4 === "between" ? _filterValue4.split(",") : _filterValue4
632
- }, column);
633
- } else if (isBoolean(defaultType)) {
634
- return ramda.mergeLeft({
635
- rule: "is",
636
- value: getBoolFromLabel({
637
- label: value,
638
- values: column.values
639
- })
640
- }, column);
641
- }
642
- return ramda.mergeLeft({
643
- rule: "is",
644
- value: value
645
- }, column);
646
- }).filter(ramda.identity);
647
- };
648
- var buildTimePayload = function buildTimePayload(value) {
649
- var timeValue = {
650
- "this-hour": [dayjs__default["default"]().startOf("hour"), dayjs__default["default"]().endOf("hour")],
651
- "last-hour": [dayjs__default["default"]().add(-1, "hour").startOf("hour"), dayjs__default["default"]().add(-1, "hour").endOf("hour")],
652
- "next-hour": [dayjs__default["default"]().add(1, "hour").startOf("hour"), dayjs__default["default"]().add(1, "hour").endOf("hour")]
653
- };
654
- if (isCustomTimeRange(value)) {
655
- return {
656
- value: value ? value.join(",") : "",
657
- rule: "between"
658
- };
659
- }
660
- return {
661
- value: timeValue[value].map(function (time) {
662
- return time.toISOString();
663
- }).join(","),
664
- rule: "between"
665
- };
666
- };
667
- var buildDatePayload = function buildDatePayload(value) {
668
- var dateValue = {
669
- "this-week": [dayjs__default["default"]().startOf("week"), dayjs__default["default"]().endOf("week")],
670
- "last-week": [dayjs__default["default"]().add(-1, "week").startOf("week"), dayjs__default["default"]().add(-1, "week").endOf("week")],
671
- "this-month": [dayjs__default["default"]().startOf("month"), dayjs__default["default"]().endOf("month")],
672
- "last-month": [dayjs__default["default"]().add(-1, "month").startOf("month"), dayjs__default["default"]().add(-1, "month").endOf("month")],
673
- "this-year": [dayjs__default["default"]().startOf("year"), dayjs__default["default"]().endOf("year")],
674
- "last-year": [dayjs__default["default"]().add(-1, "year").startOf("year"), dayjs__default["default"]().add(-1, "year").endOf("year")]
675
- };
676
- if (value === "today") {
677
- return {
678
- value: dayjs__default["default"]().toISOString(),
679
- rule: "on",
680
- timezone: getTimezone()
681
- };
682
- } else if (value === "yesterday") {
683
- return {
684
- value: dayjs__default["default"]().add(-1, "day").toISOString(),
685
- rule: "on",
686
- timezone: getTimezone()
687
- };
688
- } else if (value === "all-time") {
689
- return {
690
- value: dayjs__default["default"]().toISOString(),
691
- rule: "before",
692
- timezone: getTimezone(),
693
- type: "datetime"
694
- };
695
- } else if (isCustomDateRange(value)) {
696
- //custom-date-range
697
- return {
698
- value: value ? value.join(",") : "",
699
- rule: "between",
700
- timezone: getTimezone()
701
- };
702
- }
703
- return {
704
- value: dateValue[value].map(function (date) {
705
- return date.toISOString();
706
- }).join(","),
707
- rule: "between",
708
- timezone: getTimezone()
709
- };
710
- };
711
- var buildSingleDatePayload = function buildSingleDatePayload(filter) {
712
- var value = filter.value;
713
- var filterValue = Array.isArray(value) ? value.join(",") : value;
714
- return _objectSpread$e(_objectSpread$e({}, filter), {}, {
715
- value: filterValue,
716
- type: "date"
717
- });
718
- };
719
- var buildSingleTimePayload = function buildSingleTimePayload(filter) {
720
- var value = filter.value;
721
- var filterValue = Array.isArray(value) ? value.join(",") : value;
722
- return _objectSpread$e(_objectSpread$e({}, filter), {}, {
723
- value: filterValue,
724
- type: "time"
725
- });
726
- };
727
- var flattenPayload = function flattenPayload(payload) {
728
- var flattenedPayload = [];
729
- payload.forEach(function (item) {
730
- return Array.isArray(item) ? flattenedPayload.unshift.apply(flattenedPayload, _toConsumableArray(item)) : flattenedPayload.push(item);
731
- }, []);
732
- return flattenedPayload;
733
- };
734
- var buildMultiOptionPayload = function buildMultiOptionPayload(values) {
735
- return values.map(function (value) {
736
- return value.toString();
737
- }).join("|");
738
- };
739
- var buildFiltersPayload = function buildFiltersPayload(filters) {
740
- var payload = neetoCist.removeBy({
741
- value: ""
742
- }, filters).map(function (filter) {
743
- if (filter.key === SEARCH_TERM_KEY && isMultiModelFilter(filter)) {
744
- return splitFilter(filter);
745
- }
746
- var filterPayload = ramda.omit(["key", "label", "values", "setValue"], filter);
747
- var _filterPayload$defaul = filterPayload.defaultType,
748
- defaultType = _filterPayload$defaul === void 0 ? filterPayload.type : _filterPayload$defaul,
749
- value = filterPayload.value;
750
- if (isMultiModelFilter(filterPayload)) {
751
- throw i18next__default["default"].t("neetoFilters.errors.cannotPassMultipleModels");
752
- }
753
- if (isDate(defaultType)) {
754
- return ramda.mergeRight(filterPayload, buildDatePayload(value));
755
- } else if (isMulti(defaultType) || isTreeSelect(defaultType)) {
756
- return ramda.mergeRight(filterPayload, {
757
- value: buildMultiOptionPayload(value)
758
- });
759
- } else if (isSingleDate(defaultType)) {
760
- return ramda.mergeRight(filterPayload, buildSingleDatePayload(filterPayload));
761
- } else if (isSingleTime(defaultType)) {
762
- return ramda.mergeRight(filterPayload, buildSingleTimePayload(filterPayload));
763
- } else if (isTime(defaultType)) {
764
- return ramda.mergeRight(filterPayload, buildTimePayload(value));
765
- }
766
- return filterPayload;
767
- });
768
- return ramda.isEmpty(payload) ? [] : [{
769
- conditions: flattenPayload(payload)
770
- }];
771
- };
772
- var buildSegmentsPayload = function buildSegmentsPayload(filters) {
773
- var childrenKeys = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
774
- var payload = neetoCist.removeBy({
775
- value: ""
776
- }, filters).map(function (filter) {
777
- if (filter.key === SEARCH_TERM_KEY) {
778
- return false;
779
- }
780
- var filterPayload = ramda.omit(["label", "values", "setValue", "defaultValue"], filter);
781
- var _filterPayload$defaul2 = filterPayload.defaultType,
782
- defaultType = _filterPayload$defaul2 === void 0 ? filterPayload.type : _filterPayload$defaul2,
783
- value = filterPayload.value;
784
- if (filter.key !== SEARCH_TERM_KEY && isMultiModelFilter(filterPayload)) {
785
- throw i18next__default["default"].t("neetoFilters.errors.cannotPassMultipleModels");
786
- }
787
- if (isMulti(defaultType)) {
788
- return ramda.mergeRight(filterPayload, {
789
- value: buildMultiOptionPayload(value)
790
- });
791
- }
792
- return filterPayload;
793
- });
794
- var searchParams = getSnakeCasedQueryParams();
795
- var modifiedPayload = childrenKeys.reduce(function (acc, key) {
796
- if (ramda.has(key, searchParams)) {
797
- var filterPayload = {
798
- key: key,
799
- node: "children",
800
- value: searchParams[key]
801
- };
802
- return acc.concat(filterPayload);
803
- }
804
- return acc;
805
- }, payload);
806
- return ramda.isEmpty(modifiedPayload) ? [] : [{
807
- conditions: flattenPayload(modifiedPayload)
808
- }];
809
- };
810
- var buildFiltersFromURL = function buildFiltersFromURL(columns) {
811
- return buildFiltersPayload(buildFiltersFromSearchParams(columns.filter(function (column) {
812
- return !ramda.isNil(column.node);
813
- })));
814
- };
815
- var buildSelectorsFromURL = function buildSelectorsFromURL(columns) {
816
- var searchParams = getSnakeCasedQueryParams();
817
- var selectors = {};
818
- columns.filter(function (_ref9) {
819
- var node = _ref9.node;
820
- return !node;
821
- }).forEach(function (_ref10) {
822
- var key = _ref10.key,
823
- defaultType = _ref10.defaultType,
824
- type = _ref10.type;
825
- var value = searchParams[key];
826
- if (value) {
827
- selectors[key] = isMulti(defaultType || type) ? value.split("|") : value;
828
- }
829
- });
830
- return selectors;
831
- };
832
- var compareFilters = function compareFilters(oldFilters, newFilters) {
833
- var formatFilters = function formatFilters(filters) {
834
- return neetoCist.removeBy({
835
- value: ""
836
- }, filters).map(ramda.pick(["key", "rule", "value"]));
837
- };
838
- return ramda.equals(formatFilters(oldFilters), formatFilters(newFilters));
839
- };
840
- var buildFilteredColumns = function buildFilteredColumns(_ref11) {
841
- var _ref11$searchTerm = _ref11.searchTerm,
842
- searchTerm = _ref11$searchTerm === void 0 ? "" : _ref11$searchTerm,
843
- columns = _ref11.columns;
844
- var groupedColumsObject = groupByGroup(columns.filter(function (_ref12) {
845
- var label = _ref12.label,
846
- _ref12$hidden = _ref12.hidden,
847
- hidden = _ref12$hidden === void 0 ? false : _ref12$hidden;
848
- return label.toLocaleLowerCase().includes(searchTerm.trim().toLocaleLowerCase()) && !hidden;
849
- }));
850
- return {
851
- groupedColumns: ramda.toPairs(ramda.omit(["individual"], groupedColumsObject)).map(function (_ref13) {
852
- var _ref14 = _slicedToArray(_ref13, 2),
853
- group = _ref14[0],
854
- columns = _ref14[1];
855
- return {
856
- group: group,
857
- columns: columns
858
- };
859
- }),
860
- ungroupedColumns: groupedColumsObject.individual
861
- };
862
- };
863
- var buildDefaultFilters = function buildDefaultFilters(columns, filters) {
864
- return columns.filter(function (column) {
865
- return !isUndefinedOrEmpty(column.defaultValue) && !neetoCist.findBy({
866
- key: column.key
867
- }, filters);
868
- }).map(function (column) {
869
- var defaultType = column.defaultType || column.type;
870
- return buildUpdatedFilter({
871
- column: column,
872
- defaultType: defaultType,
873
- rule: getDefaultRuleValue(defaultType),
874
- option: column.defaultValue,
875
- value: column.defaultValue
876
- });
877
- });
878
- };
879
- var createUrlParamString = function createUrlParamString(_ref15) {
880
- var filter = _ref15.filter,
881
- columns = _ref15.columns;
882
- var key = filter.key,
883
- value = filter.value,
884
- _filter$defaultType = filter.defaultType,
885
- defaultType = _filter$defaultType === void 0 ? filter.type : _filter$defaultType,
886
- rule = filter.rule;
887
- if (key === SEARCH_TERM_KEY) {
888
- return value;
889
- } else if (isDigit(defaultType) || isText(defaultType)) {
890
- return "".concat(value, "+rule-").concat(rule);
891
- } else if (isSingleDate(defaultType) || isSingleTime(defaultType)) {
892
- return value && "".concat(value, "+rule-").concat(rule) || value;
893
- } else if (isMulti(defaultType) || isTreeSelect(defaultType)) {
894
- return "".concat(value.join("|"), "+rule-").concat(rule);
895
- } else if (isSingle(defaultType)) {
896
- return "".concat(value, "+rule-").concat(rule);
897
- } else if (isBoolean(defaultType)) {
898
- return getLabelFromBool({
899
- value: value,
900
- values: neetoCist.findBy({
901
- key: key
902
- }, columns).values
903
- });
904
- }
905
- return value;
906
- };
907
- var buildUrlFromFilters = function buildUrlFromFilters(_ref16) {
908
- var columns = _ref16.columns,
909
- filters = _ref16.filters,
910
- _ref16$isClearAll = _ref16.isClearAll,
911
- isClearAll = _ref16$isClearAll === void 0 ? false : _ref16$isClearAll,
912
- _ref16$childrenKeys = _ref16.childrenKeys,
913
- childrenKeys = _ref16$childrenKeys === void 0 ? [] : _ref16$childrenKeys;
914
- var searchParams = getSnakeCasedQueryParams();
915
- var isKeywordFilterPresent = neetoCist.findBy({
916
- key: SEARCH_TERM_KEY
917
- }, filters);
918
- columns.forEach(function (_ref17) {
919
- var key = _ref17.key,
920
- defaultValue = _ref17.defaultValue;
921
- return !defaultValue && delete searchParams[key];
922
- });
923
- if (isClearAll) {
924
- childrenKeys.forEach(function (key) {
925
- return delete searchParams[key];
926
- });
927
- delete searchParams[SEGMENT_ID_KEY];
928
- }
929
- var defaultFilters = buildDefaultFilters(columns, filters);
930
- isKeywordFilterPresent && delete searchParams[SEARCH_TERM_KEY];
931
- ramda.concat(filters, defaultFilters).forEach(function (filter) {
932
- searchParams[filter.key] = createUrlParamString({
933
- filter: filter,
934
- columns: columns
935
- });
936
- });
937
- if (ramda.isEmpty(ramda.omit([SEGMENT_ID_KEY], searchParams))) {
938
- delete searchParams[SEGMENT_ID_KEY];
939
- }
940
- return utils.buildUrl("", searchParams).slice(1);
941
- };
942
- var createUrlParamStringForSegments = function createUrlParamStringForSegments(_ref18) {
943
- var filter = _ref18.filter,
944
- columns = _ref18.columns;
945
- var value = filter.value,
946
- _filter$defaultType2 = filter.defaultType,
947
- defaultType = _filter$defaultType2 === void 0 ? filter.type : _filter$defaultType2;
948
- if (isMulti(defaultType)) {
949
- return value;
950
- }
951
- return createUrlParamString({
952
- filter: filter,
953
- columns: columns
954
- });
955
- };
956
- var buildUrlFromSegment = function buildUrlFromSegment(_ref19) {
957
- var columns = _ref19.columns,
958
- filters = _ref19.filters,
959
- id = _ref19.id;
960
- var searchParams = getSnakeCasedQueryParams();
961
- columns.forEach(function (_ref20) {
962
- var key = _ref20.key,
963
- defaultValue = _ref20.defaultValue;
964
- return !defaultValue && delete searchParams[key];
965
- });
966
- delete searchParams[SEARCH_TERM_KEY];
967
- var defaultFilters = buildDefaultFilters(columns, filters);
968
- var newSearchParams = ramda.concat(filters, defaultFilters).reduce(function (acc, filter) {
969
- acc[filter.key] = createUrlParamStringForSegments({
970
- filter: filter,
971
- columns: columns
972
- });
973
- return acc;
974
- }, neetoCist.isNotEmpty(id) ? _defineProperty({}, SEGMENT_ID_KEY, id) : {});
975
- return utils.buildUrl("", ramda.mergeLeft(newSearchParams, searchParams)).slice(1);
976
- };
977
- var getSearchTermFromUrl = function getSearchTermFromUrl() {
978
- return utils.getQueryParams().searchTerm || "";
979
- };
980
- var buildFilterColumnsFromFields = function buildFilterColumnsFromFields(_ref22) {
981
- var fields = _ref22.fields,
982
- _ref22$selectedFields = _ref22.selectedFields,
983
- selectedFields = _ref22$selectedFields === void 0 ? [] : _ref22$selectedFields,
984
- _ref22$showRuleSelect = _ref22.showRuleSelector,
985
- showRuleSelector = _ref22$showRuleSelect === void 0 ? false : _ref22$showRuleSelect,
986
- groupName = _ref22.groupName;
987
- return fields.reduce(function (columns, field) {
988
- if (ramda.isEmpty(selectedFields) || selectedFields.includes(field.name)) {
989
- var id = field.id,
990
- name = field.name,
991
- kind = field.kind;
992
- var column = _objectSpread$e({
993
- key: ramda.toLower(name),
994
- node: "".concat(name, ":").concat(id),
995
- label: neetoCist.capitalize(name),
996
- type: "custom.".concat(kind),
997
- showRuleSelector: showRuleSelector
998
- }, groupName && {
999
- group: groupName
1000
- });
1001
- if (kind === "single_option" || kind === "multi_option") {
1002
- column.values = field.data.map(function (item) {
1003
- return {
1004
- label: neetoCist.capitalize(item.label),
1005
- value: item.id
1006
- };
1007
- });
1008
- }
1009
- columns.push(column);
1010
- }
1011
- return columns;
1012
- }, []);
1013
- };
1014
- var getColumnsWithStandardizedType = function getColumnsWithStandardizedType(columns) {
1015
- return columns.map(function (column) {
1016
- return _objectSpread$e(_objectSpread$e({}, column), {}, {
1017
- type: standardizeColumnType(column.type)
1018
- });
1019
- });
1020
- };
1021
- var isKeywordFilterPresent = function isKeywordFilterPresent(keyworFilter) {
1022
- return ramda.not(ramda.isEmpty(keyworFilter.node));
1023
- };
1024
-
1025
- var buildDropdownValue = function buildDropdownValue(_ref) {
1026
- var defaultType = _ref.defaultType,
1027
- filter = _ref.filter,
1028
- options = _ref.options;
1029
- if (!filter) return null;
1030
- if (isMulti(defaultType) || isTreeSelect(defaultType)) {
1031
- return options.filter(function (_ref2) {
1032
- var value = _ref2.value;
1033
- return filter.value.includes(value);
1034
- });
1035
- }
1036
- return neetoCist.findBy({
1037
- value: filter.value
1038
- }, options);
1039
- };
1040
- var buildSingleTimeValue = function buildSingleTimeValue(filter) {
1041
- var _findBy2;
1042
- if (!filter) return null;
1043
- return (_findBy2 = neetoCist.findBy({
1044
- value: filter.value
1045
- }, TIME_OPTIONS)) !== null && _findBy2 !== void 0 ? _findBy2 : ramda.last(TIME_OPTIONS);
1046
- };
1047
- var getOtherProps = function getOtherProps(props) {
1048
- return ramda.omit(["key", "node", "label", "type", "values", "model", "showRuleSelector"], props);
1049
- };
1050
- var buildDropdownOptions = function buildDropdownOptions(_ref3) {
1051
- var defaultType = _ref3.defaultType,
1052
- filter = _ref3.filter,
1053
- options = _ref3.options;
1054
- options = options.map(ramda.modify("value", function (value) {
1055
- return value === null || value === void 0 ? void 0 : value.toString();
1056
- }));
1057
- if (!filter) return options;
1058
- if (isMulti(defaultType)) {
1059
- var selectedOptions = filter.value.map(function (value) {
1060
- return neetoCist.findBy({
1061
- value: value
1062
- }, options) || neetoCist.toLabelAndValue(value);
1063
- });
1064
- var nonSelectedOptions = options.filter(function (option) {
1065
- return !filter.value.includes(option.value);
1066
- });
1067
- return ramda.concat(selectedOptions, nonSelectedOptions);
1068
- }
1069
- if (!neetoCist.findBy({
1070
- value: filter.value
1071
- }, options)) {
1072
- return ramda.append(neetoCist.toLabelAndValue(filter.value), options);
1073
- }
1074
- return options;
1075
- };
1076
- var initializeDateRule = function initializeDateRule(filter) {
1077
- return filter ? neetoCist.findBy({
1078
- value: filter === null || filter === void 0 ? void 0 : filter.value
1079
- }, DATE_OPTIONS) || findDateOption(filter, DATE_OPTIONS) : {};
1080
- };
1081
- var getDateValue = function getDateValue(value, rule) {
1082
- if (ramda.isEmpty(value) || ramda.isNil(value)) {
1083
- return null;
1084
- }
1085
- if (rule.value === "custom-date-range") {
1086
- return value;
1087
- }
1088
- return rule.value === "before" ? dayjs__default["default"](value[1]).add(1, "day") : dayjs__default["default"](value[0]).subtract(1, "day");
1089
- };
1090
- var findDateOption = function findDateOption(filter, options) {
1091
- var value = filter.value;
1092
- var isBeforeOrAfter = dayjs__default["default"](value[1]).diff(dayjs__default["default"](value[0]), "year") >= 90;
1093
- if (ramda.not(isBeforeOrAfter)) {
1094
- return ramda.last(options);
1095
- }
1096
- var currentMoment = dayjs__default["default"]();
1097
- var diffWithStart = Math.abs(currentMoment.diff(dayjs__default["default"](value[0]), "year"));
1098
- var diffWithEnd = Math.abs(currentMoment.diff(dayjs__default["default"](value[1]), "year"));
1099
- return diffWithStart < diffWithEnd ? neetoCist.findBy({
1100
- value: "after"
1101
- }, options) : neetoCist.findBy({
1102
- value: "before"
1103
- }, options);
1104
- };
1105
- var buildDateValues = function buildDateValues(dates, selectedRule) {
1106
- if (selectedRule.value === "after") {
1107
- return [dates.add(1, "day"), dates.add(100, "year")];
1108
- } else if (selectedRule.value === "before") {
1109
- return [dates.subtract(100, "year"), dates.subtract(1, "day")];
1110
- }
1111
- return dates;
1112
- };
1113
- var buildHelpIconProps = function buildHelpIconProps(helpIconProps) {
1114
- return ramda.mergeDeepRight(DEFAULT_HELP_ICON_PROPS, helpIconProps);
1115
- };
1116
- var hasInvalidTimes = function hasInvalidTimes(times) {
1117
- if (Array.isArray(times)) {
1118
- return times.some(function (time) {
1119
- return time.isValid();
1120
- }) === false;
1121
- }
1122
- return !times.isValid();
1123
- };
1124
- var areCustomTimeRangeValuesNotValid = function areCustomTimeRangeValuesNotValid(times) {
1125
- return !times.every(function (time) {
1126
- return time.isValid();
1127
- });
1128
- };
1129
- var isRuleEmpty = function isRuleEmpty(rule) {
1130
- return ramda.equals(rule, "is_unknown");
1131
- };
1132
-
1133
- function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1134
- function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1135
- var Boolean = function Boolean(_ref) {
1136
- var column = _ref.column,
1137
- filter = _ref.filter,
1138
- handleApplyFilter = _ref.handleApplyFilter,
1139
- autoFocus = _ref.autoFocus;
1140
- var key = column.key,
1141
- _column$defaultType = column.defaultType,
1142
- defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
1143
- label = column.label,
1144
- values = column.values,
1145
- _column$helpIconProps = column.helpIconProps,
1146
- helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
1147
- var options = ramda.isNil(values) || ramda.isEmpty(values) ? DEFAULT_BOOLEAN_OPTIONS : values;
1148
- var otherProps = getOtherProps(column);
1149
- var value = buildDropdownValue({
1150
- defaultType: defaultType,
1151
- filter: filter,
1152
- options: options
1153
- });
1154
- var _useTranslation = reactI18next.useTranslation(),
1155
- t = _useTranslation.t;
1156
- var handleChange = function handleChange(option) {
1157
- if (ramda.isEmpty(option) || ramda.isNil(option)) {
1158
- handleApplyFilter({
1159
- _delete: true
1160
- });
1161
- return;
1162
- }
1163
- var updatedFilter = buildUpdatedFilter({
1164
- column: column,
1165
- defaultType: defaultType,
1166
- option: option
1167
- });
1168
- handleApplyFilter(updatedFilter);
1169
- };
1170
- return /*#__PURE__*/jsxRuntime.jsx("div", {
1171
- className: "neeto-filters-pane-filter__item-wrapper",
1172
- children: /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$d(_objectSpread$d({
1173
- autoFocus: autoFocus,
1174
- label: label,
1175
- options: options,
1176
- value: value,
1177
- isClearable: true
1178
- }, neetoCist.isNotEmpty(helpIconProps) && {
1179
- labelProps: {
1180
- helpIconProps: buildHelpIconProps(helpIconProps)
1181
- }
1182
- }), {}, {
1183
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1184
- strategy: "fixed",
1185
- placeholder: t("neetoFilters.messages.selectOption", {
1186
- resource: label
1187
- }),
1188
- onChange: handleChange
1189
- }, otherProps))
1190
- });
1191
- };
1192
- var Boolean$1 = /*#__PURE__*/React__default["default"].memo(Boolean);
1193
-
1194
- function ownKeys$c(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1195
- function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1196
- var Datetime = function Datetime(_ref) {
1197
- var column = _ref.column,
1198
- filter = _ref.filter,
1199
- handleApplyFilter = _ref.handleApplyFilter,
1200
- autoFocus = _ref.autoFocus;
1201
- var _useState = React.useState(initializeDateRule(filter)),
1202
- _useState2 = _slicedToArray(_useState, 2),
1203
- selectedRule = _useState2[0],
1204
- setSelectedRule = _useState2[1];
1205
- var _useTranslation = reactI18next.useTranslation(),
1206
- t = _useTranslation.t;
1207
- var key = column.key,
1208
- _column$defaultType = column.defaultType,
1209
- defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
1210
- label = column.label,
1211
- _column$helpIconProps = column.helpIconProps,
1212
- helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
1213
- var isDatePickerShown = filter && isCustomDateRange(filter.value);
1214
- var otherProps = getOtherProps(column);
1215
- var handleChange = function handleChange(option) {
1216
- if (ramda.isEmpty(option) || ramda.isNil(option)) {
1217
- handleApplyFilter({
1218
- _delete: true
1219
- });
1220
- setSelectedRule({});
1221
- return;
1222
- }
1223
- setSelectedRule(option);
1224
- var updatedFilter = buildUpdatedFilter({
1225
- column: column,
1226
- defaultType: defaultType,
1227
- option: option
1228
- });
1229
- handleApplyFilter(updatedFilter);
1230
- };
1231
- var handleDateRangeChange = function handleDateRangeChange(dates) {
1232
- if (ramda.isEmpty(dates) || ramda.isNil(dates)) {
1233
- handleApplyFilter({
1234
- _delete: true
1235
- });
1236
- setSelectedRule({});
1237
- return;
1238
- }
1239
- var updatedFilter = buildUpdatedFilter({
1240
- column: column,
1241
- defaultType: defaultType,
1242
- option: {
1243
- value: ramda.pluck("$d", buildDateValues(dates, selectedRule)).map(function (date) {
1244
- return date.toISOString();
1245
- })
1246
- }
1247
- });
1248
- handleApplyFilter(updatedFilter);
1249
- };
1250
- React.useEffect(function () {
1251
- ramda.isNil(filter) && setSelectedRule({});
1252
- }, [filter]);
1253
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
1254
- className: "neeto-filters-pane-filter__item-wrapper",
1255
- children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$c(_objectSpread$c({
1256
- autoFocus: autoFocus,
1257
- label: label,
1258
- isClearable: true,
1259
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1260
- options: DATE_OPTIONS,
1261
- strategy: "fixed",
1262
- value: selectedRule,
1263
- placeholder: t("neetoFilters.messages.selectResource", {
1264
- resource: label
1265
- })
1266
- }, neetoCist.isNotEmpty(helpIconProps) && {
1267
- labelProps: {
1268
- helpIconProps: buildHelpIconProps(helpIconProps)
1269
- }
1270
- }), {}, {
1271
- onChange: handleChange
1272
- })), isDatePickerShown && /*#__PURE__*/jsxRuntime.jsx(DatePicker__default["default"], _objectSpread$c({
1273
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-date-range"),
1274
- getPopupContainer: ramda.prop("parentNode"),
1275
- type: (selectedRule === null || selectedRule === void 0 ? void 0 : selectedRule.value) === "custom-date-range" ? "range" : "date",
1276
- value: getDateValue(filter === null || filter === void 0 ? void 0 : filter.value, selectedRule),
1277
- onChange: handleDateRangeChange
1278
- }, otherProps))]
1279
- });
1280
- };
1281
- var Datetime$1 = /*#__PURE__*/React__default["default"].memo(Datetime);
1282
-
1283
- function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1284
- function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1285
- var Dropdown = function Dropdown(_ref) {
1286
- var column = _ref.column,
1287
- filter = _ref.filter,
1288
- handleApplyFilter = _ref.handleApplyFilter,
1289
- autoFocus = _ref.autoFocus,
1290
- filters = _ref.filters;
1291
- var key = column.key,
1292
- label = column.label,
1293
- values = column.values,
1294
- defaultValue = column.defaultValue,
1295
- _column$defaultType = column.defaultType,
1296
- defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
1297
- _column$showRuleSelec = column.showRuleSelector,
1298
- showRuleSelector = _column$showRuleSelec === void 0 ? false : _column$showRuleSelec,
1299
- _column$isClearable = column.isClearable,
1300
- isClearable = _column$isClearable === void 0 ? true : _column$isClearable,
1301
- _column$helpIconProps = column.helpIconProps,
1302
- helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
1303
- var otherProps = getOtherProps(column);
1304
- var options = buildDropdownOptions({
1305
- defaultType: defaultType,
1306
- filter: filter,
1307
- options: values
1308
- });
1309
- var dropdownRules = isMulti(defaultType) ? MULTI_DROPDOWN_RULES : SINGLE_DROPDOWN_RULES;
1310
- var value = buildDropdownValue({
1311
- defaultType: defaultType,
1312
- filter: filter,
1313
- options: options
1314
- });
1315
- var _useState = React.useState(neetoCist.findBy({
1316
- value: filter === null || filter === void 0 ? void 0 : filter.rule
1317
- }, dropdownRules) || dropdownRules[0]),
1318
- _useState2 = _slicedToArray(_useState, 2),
1319
- selectedRule = _useState2[0],
1320
- setSelectedRule = _useState2[1];
1321
- var _useTranslation = reactI18next.useTranslation(),
1322
- t = _useTranslation.t;
1323
- var getOption = function getOption(isSelectedRuleEmpty, options, value) {
1324
- if (isSelectedRuleEmpty) {
1325
- return isMulti(defaultType) ? [options[0]] : options[0];
1326
- }
1327
- return value;
1328
- };
1329
- var handleRuleChange = function handleRuleChange(rule) {
1330
- var isPreviousRuleEmpty = isRuleEmpty(selectedRule.value);
1331
- var isNewRuleEmpty = isRuleEmpty(rule.value);
1332
- setSelectedRule(rule);
1333
- if (isPreviousRuleEmpty || !isNewRuleEmpty && neetoCist.isNotPresent(filter === null || filter === void 0 ? void 0 : filter.value)) {
1334
- handleApplyFilter({
1335
- _delete: true
1336
- });
1337
- return;
1338
- }
1339
- var updatedFilter = buildUpdatedFilter({
1340
- column: column,
1341
- defaultType: defaultType,
1342
- rule: rule.value,
1343
- option: getOption(isNewRuleEmpty, options, value)
1344
- });
1345
- handleApplyFilter(updatedFilter);
1346
- };
1347
- var handleChange = function handleChange(option) {
1348
- if (ramda.isEmpty(option) || ramda.isNil(option)) {
1349
- handleApplyFilter({
1350
- _delete: true
1351
- });
1352
- return;
1353
- }
1354
- var updatedFilter = buildUpdatedFilter({
1355
- column: column,
1356
- defaultType: defaultType,
1357
- option: option,
1358
- rule: selectedRule.value
1359
- });
1360
- handleApplyFilter(updatedFilter);
1361
- };
1362
- React.useEffect(function () {
1363
- if (!ramda.isEmpty(filters)) return;
1364
- isRuleEmpty(selectedRule.value) && setSelectedRule(dropdownRules[0]);
1365
- }, [filters]);
1366
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
1367
- className: "neeto-filters-pane-filter__item-wrapper",
1368
- children: [showRuleSelector && /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
1369
- label: label,
1370
- defaultValue: dropdownRules[0],
1371
- options: dropdownRules,
1372
- value: selectedRule,
1373
- onChange: handleRuleChange
1374
- }), !isRuleEmpty(selectedRule.value) && /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$b(_objectSpread$b({
1375
- autoFocus: autoFocus,
1376
- options: options,
1377
- value: value,
1378
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1379
- isClearable: !defaultValue && isClearable,
1380
- isMulti: isMulti(defaultType),
1381
- label: !showRuleSelector && label,
1382
- strategy: "fixed",
1383
- placeholder: t("neetoFilters.messages.selectResource", {
1384
- resource: label
1385
- })
1386
- }, neetoCist.isNotEmpty(helpIconProps) && {
1387
- labelProps: {
1388
- helpIconProps: buildHelpIconProps(helpIconProps)
1389
- }
1390
- }), {}, {
1391
- onChange: handleChange
1392
- }, otherProps))]
1393
- });
1394
- };
1395
- var Dropdown$1 = /*#__PURE__*/React__default["default"].memo(Dropdown);
1396
-
1397
- function ownKeys$a(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1398
- function _objectSpread$a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$a(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1399
- var SingleDatetime = function SingleDatetime(_ref) {
1400
- var column = _ref.column,
1401
- filter = _ref.filter,
1402
- filters = _ref.filters,
1403
- handleApplyFilter = _ref.handleApplyFilter,
1404
- autoFocus = _ref.autoFocus;
1405
- var _useState = React.useState(function () {
1406
- return neetoCist.findBy({
1407
- value: filter === null || filter === void 0 ? void 0 : filter.rule
1408
- }, SINGLE_DATE_OPTIONS) || SINGLE_DATE_OPTIONS[0];
1409
- }),
1410
- _useState2 = _slicedToArray(_useState, 2),
1411
- selectedRule = _useState2[0],
1412
- setSelectedRule = _useState2[1];
1413
- var key = column.key,
1414
- _column$defaultType = column.defaultType,
1415
- defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
1416
- label = column.label,
1417
- _column$helpIconProps = column.helpIconProps,
1418
- helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
1419
- var otherProps = getOtherProps(column);
1420
- var datePickerType = selectedRule.value === "between" ? "range" : "date";
1421
- var value = filter === null || filter === void 0 ? void 0 : filter.value;
1422
-
1423
- // Reset states when "Clear filters" button is clicked.
1424
- React.useEffect(function () {
1425
- if (!ramda.isEmpty(filters)) return;
1426
- setSelectedRule(SINGLE_DATE_OPTIONS[0]);
1427
- }, [filters]);
1428
- var handleRuleChange = function handleRuleChange(ruleOption) {
1429
- setSelectedRule(ruleOption);
1430
-
1431
- // Clear value if switched between incompatable types
1432
- var updateValue = value;
1433
- if (datePickerType === "range" && ruleOption.value !== "between" || datePickerType === "date" && ruleOption.value === "between") {
1434
- updateValue = "";
1435
- }
1436
- var updatedFilter = buildUpdatedFilter({
1437
- column: column,
1438
- defaultType: defaultType,
1439
- option: {},
1440
- rule: ruleOption.value,
1441
- value: updateValue
1442
- });
1443
- handleApplyFilter(updatedFilter);
1444
- };
1445
- var handleChange = function handleChange(dates) {
1446
- if (ramda.isEmpty(dates) || ramda.isNil(dates)) {
1447
- handleApplyFilter({
1448
- _delete: true
1449
- });
1450
- return;
1451
- }
1452
- var value = datePickerType === "range" ? ramda.pluck("$d", dates).map(function (date) {
1453
- return date.toISOString();
1454
- }) : dates["$d"];
1455
- var updatedFilter = buildUpdatedFilter({
1456
- column: column,
1457
- defaultType: defaultType,
1458
- option: {},
1459
- rule: selectedRule.value,
1460
- value: value
1461
- });
1462
- handleApplyFilter(updatedFilter);
1463
- };
1464
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
1465
- className: "neeto-filters-pane-filter__item-wrapper",
1466
- children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$a(_objectSpread$a({
1467
- label: label,
1468
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter-rule"),
1469
- defaultValue: SINGLE_DATE_OPTIONS[0],
1470
- options: SINGLE_DATE_OPTIONS,
1471
- strategy: "fixed",
1472
- value: selectedRule
1473
- }, neetoCist.isNotEmpty(helpIconProps) && {
1474
- labelProps: {
1475
- helpIconProps: buildHelpIconProps(helpIconProps)
1476
- }
1477
- }), {}, {
1478
- onChange: handleRuleChange
1479
- })), /*#__PURE__*/jsxRuntime.jsx(DatePicker__default["default"], _objectSpread$a({
1480
- autoFocus: autoFocus,
1481
- value: value,
1482
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1483
- getPopupContainer: ramda.prop("parentNode"),
1484
- type: datePickerType,
1485
- onChange: handleChange
1486
- }, otherProps))]
1487
- });
1488
- };
1489
-
1490
- function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1491
- function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1492
- var SingleTime = function SingleTime(_ref) {
1493
- var column = _ref.column,
1494
- filter = _ref.filter,
1495
- filters = _ref.filters,
1496
- handleApplyFilter = _ref.handleApplyFilter,
1497
- autoFocus = _ref.autoFocus;
1498
- var _useState = React.useState(function () {
1499
- return neetoCist.findBy({
1500
- value: filter === null || filter === void 0 ? void 0 : filter.rule
1501
- }, SINGLE_TIME_OPTIONS) || SINGLE_TIME_OPTIONS[0];
1502
- }),
1503
- _useState2 = _slicedToArray(_useState, 2),
1504
- selectedRule = _useState2[0],
1505
- setSelectedRule = _useState2[1];
1506
- var key = column.key,
1507
- _column$defaultType = column.defaultType,
1508
- defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
1509
- label = column.label,
1510
- _column$helpIconProps = column.helpIconProps,
1511
- helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
1512
- var otherProps = getOtherProps(column);
1513
- var timePickerType = selectedRule.value === "between" ? "range" : "time";
1514
- var value = filter === null || filter === void 0 ? void 0 : filter.value;
1515
- React.useEffect(function () {
1516
- if (!ramda.isEmpty(filters)) return;
1517
- setSelectedRule(SINGLE_TIME_OPTIONS[0]);
1518
- }, [filters]);
1519
- var handleRuleChange = function handleRuleChange(ruleOption) {
1520
- setSelectedRule(ruleOption);
1521
-
1522
- // Clear value if switched between incompatible types
1523
- var updateValue = value;
1524
- if (timePickerType === "range" && ruleOption.value !== "between" || timePickerType === "time" && ruleOption.value === "between") {
1525
- updateValue = "";
1526
- }
1527
- var updatedFilter = buildUpdatedFilter({
1528
- column: column,
1529
- defaultType: defaultType,
1530
- option: {},
1531
- rule: ruleOption.value,
1532
- value: updateValue
1533
- });
1534
- handleApplyFilter(updatedFilter);
1535
- };
1536
- var handleChange = function handleChange(times) {
1537
- if (hasInvalidTimes(times)) {
1538
- handleApplyFilter({
1539
- _delete: true
1540
- });
1541
- return;
1542
- }
1543
- if (timePickerType === "range" && areCustomTimeRangeValuesNotValid(times)) {
1544
- return;
1545
- }
1546
- var value = timePickerType === "range" ? ramda.pluck("$d", times).map(function (time) {
1547
- return time.toISOString();
1548
- }) : times["$d"].toISOString();
1549
- var updatedFilter = buildUpdatedFilter({
1550
- column: column,
1551
- defaultType: defaultType,
1552
- option: {},
1553
- rule: selectedRule.value,
1554
- value: value
1555
- });
1556
- handleApplyFilter(updatedFilter);
1557
- };
1558
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
1559
- className: "neeto-filters-pane-filter__item-wrapper",
1560
- children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$9(_objectSpread$9({
1561
- label: label,
1562
- defaultValue: SINGLE_TIME_OPTIONS[0],
1563
- options: SINGLE_TIME_OPTIONS,
1564
- strategy: "fixed",
1565
- value: selectedRule
1566
- }, neetoCist.isNotEmpty(helpIconProps) && {
1567
- labelProps: {
1568
- helpIconProps: buildHelpIconProps(helpIconProps)
1569
- }
1570
- }), {}, {
1571
- onChange: handleRuleChange
1572
- })), /*#__PURE__*/jsxRuntime.jsx(TimePicker__default["default"], _objectSpread$9({
1573
- autoFocus: autoFocus,
1574
- value: value,
1575
- className: "w-full",
1576
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1577
- format: TIME_FORMAT,
1578
- type: timePickerType,
1579
- onChange: handleChange
1580
- }, otherProps))]
1581
- });
1582
- };
1583
-
1584
- function ownKeys$8(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1585
- function _objectSpread$8(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$8(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$8(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1586
- var Text = function Text(_ref) {
1587
- var column = _ref.column,
1588
- filter = _ref.filter,
1589
- filters = _ref.filters,
1590
- handleApplyFilter = _ref.handleApplyFilter,
1591
- autoFocus = _ref.autoFocus,
1592
- onClose = _ref.onClose;
1593
- var key = column.key,
1594
- _column$defaultType = column.defaultType,
1595
- defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
1596
- label = column.label,
1597
- _column$showRuleSelec = column.showRuleSelector,
1598
- showRuleSelector = _column$showRuleSelec === void 0 ? false : _column$showRuleSelec,
1599
- _column$helpIconProps = column.helpIconProps,
1600
- helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
1601
- var otherProps = getOtherProps(column);
1602
- var ruleOptions = buildRuleOptions({
1603
- defaultType: defaultType
1604
- });
1605
- var inputType = defaultType === "text" || defaultType === "custom.text" ? "text" : "number";
1606
- var _useState = React.useState(filter === null || filter === void 0 ? void 0 : filter.value),
1607
- _useState2 = _slicedToArray(_useState, 2),
1608
- inputValue = _useState2[0],
1609
- setInputValue = _useState2[1];
1610
- var _useState3 = React.useState(function () {
1611
- return neetoCist.findBy({
1612
- value: filter === null || filter === void 0 ? void 0 : filter.rule
1613
- }, ruleOptions) || ruleOptions[0];
1614
- }),
1615
- _useState4 = _slicedToArray(_useState3, 2),
1616
- selectedRule = _useState4[0],
1617
- setSelectedRule = _useState4[1];
1618
- var debouncedInputValue = reactUtils.useDebounce(inputValue);
1619
- var _useTranslation = reactI18next.useTranslation(),
1620
- t = _useTranslation.t;
1621
- var handleUpdateAndApplyFilter = function handleUpdateAndApplyFilter() {
1622
- var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : debouncedInputValue;
1623
- var rule = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : selectedRule;
1624
- if (ramda.equals(filter === null || filter === void 0 ? void 0 : filter.value, value) && ramda.equals(selectedRule, rule)) return;
1625
- var updatedFilter = buildUpdatedFilter({
1626
- column: column,
1627
- defaultType: defaultType,
1628
- option: {},
1629
- rule: rule.value,
1630
- value: value.trim()
1631
- });
1632
- handleApplyFilter(updatedFilter);
1633
- };
1634
- var handleKeydown = function handleKeydown(e) {
1635
- if (!(e.key === "Enter")) return;
1636
- handleUpdateAndApplyFilter(inputValue);
1637
- onClose();
1638
- };
1639
- var handleRuleChange = function handleRuleChange(ruleOption) {
1640
- setSelectedRule(ruleOption);
1641
- if (!debouncedInputValue) return;
1642
- handleUpdateAndApplyFilter(debouncedInputValue, ruleOption);
1643
- };
1644
-
1645
- // Reset states when "Clear filters" button is clicked.
1646
- React.useEffect(function () {
1647
- (ramda.isEmpty(filters) || ramda.isNil(filter)) && setInputValue("");
1648
- }, [filter]);
1649
- React.useEffect(function () {
1650
- if (!debouncedInputValue) {
1651
- !isUndefinedOrEmpty(filter) && handleApplyFilter({
1652
- _delete: true
1653
- });
1654
- return;
1655
- }
1656
- handleUpdateAndApplyFilter();
1657
- }, [debouncedInputValue]);
1658
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
1659
- className: "neeto-filters-pane-filter__item-wrapper",
1660
- children: [showRuleSelector && /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$8({
1661
- label: label,
1662
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter-rule"),
1663
- defaultValue: ruleOptions[0],
1664
- options: ruleOptions,
1665
- strategy: "fixed",
1666
- value: selectedRule,
1667
- onChange: handleRuleChange
1668
- }, neetoCist.isNotEmpty(helpIconProps) && {
1669
- labelProps: {
1670
- helpIconProps: buildHelpIconProps(helpIconProps)
1671
- }
1672
- })), /*#__PURE__*/jsxRuntime.jsx(Input__default["default"], _objectSpread$8(_objectSpread$8({
1673
- autoFocus: autoFocus,
1674
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1675
- label: !showRuleSelector && label,
1676
- type: inputType,
1677
- value: inputValue
1678
- }, neetoCist.isNotEmpty(helpIconProps) && {
1679
- labelProps: {
1680
- helpIconProps: buildHelpIconProps(helpIconProps)
1681
- }
1682
- }), {}, {
1683
- placeholder: t("neetoFilters.messages.enterResource", {
1684
- resource: label
1685
- }),
1686
- onChange: function onChange(event) {
1687
- return setInputValue(event.target.value);
1688
- },
1689
- onKeyDown: handleKeydown
1690
- }, otherProps))]
1691
- });
1692
- };
1693
-
1694
- function ownKeys$7(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1695
- function _objectSpread$7(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$7(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$7(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1696
- var Time = function Time(_ref) {
1697
- var column = _ref.column,
1698
- filter = _ref.filter,
1699
- handleApplyFilter = _ref.handleApplyFilter,
1700
- autoFocus = _ref.autoFocus;
1701
- var key = column.key,
1702
- _column$defaultType = column.defaultType,
1703
- defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
1704
- label = column.label,
1705
- _column$helpIconProps = column.helpIconProps,
1706
- helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps;
1707
- var otherProps = getOtherProps(column);
1708
- var value = buildSingleTimeValue(filter);
1709
- var isCustomTimeRangeShown = filter && isCustomTimeRange(filter.value);
1710
- var _useTranslation = reactI18next.useTranslation(),
1711
- t = _useTranslation.t;
1712
- var handleChange = function handleChange(option) {
1713
- if (ramda.isEmpty(option) || ramda.isNil(option)) {
1714
- handleApplyFilter({
1715
- _delete: true
1716
- });
1717
- return;
1718
- }
1719
- var updatedFilter = buildUpdatedFilter({
1720
- column: column,
1721
- defaultType: defaultType,
1722
- option: option
1723
- });
1724
- handleApplyFilter(updatedFilter);
1725
- };
1726
- var handleTimeRangeChange = function handleTimeRangeChange(times) {
1727
- if (hasInvalidTimes(times)) {
1728
- handleApplyFilter({
1729
- _delete: true
1730
- });
1731
- return;
1732
- }
1733
- if (isCustomTimeRangeShown && areCustomTimeRangeValuesNotValid(times)) {
1734
- return;
1735
- }
1736
- var updatedFilter = buildUpdatedFilter({
1737
- column: column,
1738
- defaultType: defaultType,
1739
- option: {
1740
- value: ramda.pluck("$d", times).map(function (time) {
1741
- return time.toISOString();
1742
- })
1743
- }
1744
- });
1745
- handleApplyFilter(updatedFilter);
1746
- };
1747
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
1748
- className: "neeto-filters-pane-filter__item-wrapper",
1749
- children: [/*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$7(_objectSpread$7({
1750
- autoFocus: autoFocus,
1751
- label: label,
1752
- value: value,
1753
- isClearable: true,
1754
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1755
- options: TIME_OPTIONS,
1756
- strategy: "fixed",
1757
- placeholder: t("neetoFilters.messages.selectResource", {
1758
- resource: label
1759
- })
1760
- }, neetoCist.isNotEmpty(helpIconProps) && {
1761
- labelProps: {
1762
- helpIconProps: buildHelpIconProps(helpIconProps)
1763
- }
1764
- }), {}, {
1765
- onChange: handleChange
1766
- })), isCustomTimeRangeShown && /*#__PURE__*/jsxRuntime.jsx(TimePicker__default["default"], _objectSpread$7({
1767
- className: "w-full",
1768
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-date-range"),
1769
- format: TIME_FORMAT,
1770
- type: "range",
1771
- value: filter.value,
1772
- onChange: handleTimeRangeChange
1773
- }, otherProps))]
1774
- });
1775
- };
1776
- var Time$1 = /*#__PURE__*/React__default["default"].memo(Time);
1777
-
1778
- function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
1779
- function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
1780
- var TreeSelect = function TreeSelect(_ref) {
1781
- var _findBy;
1782
- var autoFocus = _ref.autoFocus,
1783
- column = _ref.column,
1784
- filter = _ref.filter,
1785
- handleApplyFilter = _ref.handleApplyFilter;
1786
- var key = column.key,
1787
- label = column.label,
1788
- _column$defaultType = column.defaultType,
1789
- defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType,
1790
- defaultValue = column.defaultValue,
1791
- _column$helpIconProps = column.helpIconProps,
1792
- helpIconProps = _column$helpIconProps === void 0 ? {} : _column$helpIconProps,
1793
- _column$isClearable = column.isClearable,
1794
- isClearable = _column$isClearable === void 0 ? true : _column$isClearable,
1795
- _column$showRuleSelec = column.showRuleSelector,
1796
- showRuleSelector = _column$showRuleSelec === void 0 ? false : _column$showRuleSelec,
1797
- options = column.values;
1798
- var initialRule = (_findBy = neetoCist.findBy({
1799
- value: filter === null || filter === void 0 ? void 0 : filter.rule
1800
- }, TREE_SELECT_RULES)) !== null && _findBy !== void 0 ? _findBy : TREE_SELECT_RULES[0];
1801
- var _useState = React.useState(initialRule),
1802
- _useState2 = _slicedToArray(_useState, 2),
1803
- selectedRule = _useState2[0],
1804
- setSelectedRule = _useState2[1];
1805
- var _useTranslation = reactI18next.useTranslation(),
1806
- t = _useTranslation.t;
1807
- var selectedOption = buildDropdownValue({
1808
- defaultType: defaultType,
1809
- filter: filter,
1810
- options: options
1811
- });
1812
- var handleChange = function handleChange(option) {
1813
- if (neetoCist.isNotPresent(option)) return handleApplyFilter({
1814
- _delete: true
1815
- });
1816
- var updatedFilter = buildUpdatedFilter({
1817
- column: column,
1818
- defaultType: defaultType,
1819
- option: option,
1820
- rule: selectedRule.value
1821
- });
1822
- return handleApplyFilter(updatedFilter);
1823
- };
1824
- var handleRuleChange = function handleRuleChange(rule) {
1825
- var isPreviousRuleEmpty = isRuleEmpty(selectedRule.value);
1826
- var isNewRuleEmpty = isRuleEmpty(rule.value);
1827
- setSelectedRule(rule);
1828
- if (isPreviousRuleEmpty || !isNewRuleEmpty && neetoCist.isNotPresent(filter === null || filter === void 0 ? void 0 : filter.value)) {
1829
- return handleApplyFilter({
1830
- _delete: true
1831
- });
1832
- }
1833
- var updatedFilter = buildUpdatedFilter({
1834
- column: column,
1835
- defaultType: defaultType,
1836
- option: isNewRuleEmpty ? [options[0]] : selectedOption,
1837
- rule: rule.value
1838
- });
1839
- return handleApplyFilter(updatedFilter);
1840
- };
1841
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
1842
- className: "neeto-filters-pane-filter__item-wrapper",
1843
- children: [showRuleSelector && /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
1844
- label: label,
1845
- defaultValue: TREE_SELECT_RULES[0],
1846
- options: TREE_SELECT_RULES,
1847
- value: selectedRule,
1848
- onChange: handleRuleChange
1849
- }), !isRuleEmpty(selectedRule.value) &&
1850
- /*#__PURE__*/
1851
- // eslint-disable-next-line @bigbinary/neeto/merge-spread-attributes
1852
- jsxRuntime.jsx(NeetoUITreeSelect__default["default"], _objectSpread$6(_objectSpread$6({
1853
- autoFocus: autoFocus,
1854
- multiple: true,
1855
- showSearch: true,
1856
- treeDataSimpleMode: true,
1857
- allowClear: !defaultValue && isClearable,
1858
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-filter"),
1859
- label: !showRuleSelector && label,
1860
- treeData: options,
1861
- value: selectedOption,
1862
- placeholder: t("neetoFilters.messages.selectResource", {
1863
- resource: label
1864
- }),
1865
- onChange: handleChange
1866
- }, neetoCist.isNotEmpty(helpIconProps) && {
1867
- labelProps: {
1868
- helpIconProps: buildHelpIconProps(helpIconProps)
1869
- }
1870
- }), getOtherProps(column)))]
1871
- });
1872
- };
1873
- var TreeSelect$1 = /*#__PURE__*/React__default["default"].memo(TreeSelect);
1874
-
1875
- var Item = function Item(_ref) {
1876
- var column = _ref.column,
1877
- filters = _ref.filters,
1878
- onChange = _ref.onChange,
1879
- autoFocus = _ref.autoFocus,
1880
- _ref$onClose = _ref.onClose,
1881
- onClose = _ref$onClose === void 0 ? neetoCist.noop : _ref$onClose;
1882
- var key = column.key,
1883
- _column$defaultType = column.defaultType,
1884
- defaultType = _column$defaultType === void 0 ? column.type : _column$defaultType;
1885
- var filter = React.useMemo(function () {
1886
- return neetoCist.findBy({
1887
- key: key
1888
- }, filters);
1889
- }, [filters, key]);
1890
- var handleApplyFilter = function handleApplyFilter(updatedFilter) {
1891
- if (updatedFilter._delete) onChange(neetoCist.removeBy({
1892
- key: key
1893
- }, filters));else if (!filter) onChange(ramda.append(updatedFilter, filters));else onChange(neetoCist.replaceBy({
1894
- key: key
1895
- }, updatedFilter, filters));
1896
- };
1897
- if (isText(defaultType) || isDigit(defaultType)) {
1898
- return /*#__PURE__*/jsxRuntime.jsx(Text, {
1899
- autoFocus: autoFocus,
1900
- column: column,
1901
- filter: filter,
1902
- filters: filters,
1903
- handleApplyFilter: handleApplyFilter,
1904
- onClose: onClose
1905
- });
1906
- }
1907
- if (isDate(defaultType)) {
1908
- return /*#__PURE__*/jsxRuntime.jsx(Datetime$1, {
1909
- autoFocus: autoFocus,
1910
- column: column,
1911
- filter: filter,
1912
- handleApplyFilter: handleApplyFilter
1913
- });
1914
- }
1915
- if (isTime(defaultType)) {
1916
- return /*#__PURE__*/jsxRuntime.jsx(Time$1, {
1917
- autoFocus: autoFocus,
1918
- column: column,
1919
- filter: filter,
1920
- handleApplyFilter: handleApplyFilter
1921
- });
1922
- }
1923
- if (isSingleDate(defaultType)) {
1924
- return /*#__PURE__*/jsxRuntime.jsx(SingleDatetime, {
1925
- autoFocus: autoFocus,
1926
- column: column,
1927
- filter: filter,
1928
- filters: filters,
1929
- handleApplyFilter: handleApplyFilter
1930
- });
1931
- }
1932
- if (isSingleTime(defaultType)) {
1933
- return /*#__PURE__*/jsxRuntime.jsx(SingleTime, {
1934
- autoFocus: autoFocus,
1935
- column: column,
1936
- filter: filter,
1937
- filters: filters,
1938
- handleApplyFilter: handleApplyFilter
1939
- });
1940
- }
1941
- if (isBoolean(defaultType) || isCheckbox(defaultType)) {
1942
- return /*#__PURE__*/jsxRuntime.jsx(Boolean$1, {
1943
- autoFocus: autoFocus,
1944
- column: column,
1945
- filter: filter,
1946
- handleApplyFilter: handleApplyFilter
1947
- });
1948
- }
1949
- if (isTreeSelect(defaultType)) {
1950
- return /*#__PURE__*/jsxRuntime.jsx(TreeSelect$1, {
1951
- autoFocus: autoFocus,
1952
- column: column,
1953
- filter: filter,
1954
- handleApplyFilter: handleApplyFilter
1955
- });
1956
- }
1957
- return /*#__PURE__*/jsxRuntime.jsx(Dropdown$1, {
1958
- autoFocus: autoFocus,
1959
- column: column,
1960
- filter: filter,
1961
- filters: filters,
1962
- handleApplyFilter: handleApplyFilter
1963
- });
1964
- };
1965
-
1966
- var STEPS = {
1967
- ADD: "add",
1968
- COLUMN: "column",
1969
- VALUE: "value"
1970
- };
1971
-
1972
- var AddFilter = function AddFilter(_ref) {
1973
- var _findBy;
1974
- var columns = _ref.columns,
1975
- filters = _ref.filters,
1976
- handleChange = _ref.handleChange,
1977
- handleClearFilter = _ref.handleClearFilter,
1978
- _ref$disabled = _ref.disabled,
1979
- disabled = _ref$disabled === void 0 ? false : _ref$disabled;
1980
- var _useTranslation = reactI18next.useTranslation(),
1981
- t = _useTranslation.t;
1982
- var _useState = React.useState({
1983
- step: STEPS.ADD,
1984
- column: {}
1985
- }),
1986
- _useState2 = _slicedToArray(_useState, 2),
1987
- selectedColumn = _useState2[0],
1988
- setSelectedColumn = _useState2[1];
1989
-
1990
- // Disable the add button when
1991
- // 1. No value is entered for previous filter
1992
- // 2. There are no more columns
1993
- var disableAddButton = selectedColumn.step !== STEPS.ADD && neetoCist.isNotPresent((_findBy = neetoCist.findBy({
1994
- key: selectedColumn.column.key
1995
- }, filters)) === null || _findBy === void 0 ? void 0 : _findBy.value) || ramda.isEmpty(columns);
1996
- return /*#__PURE__*/jsxRuntime.jsx(jsxRuntime.Fragment, {
1997
- children: selectedColumn.step !== STEPS.ADD ? /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
1998
- children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
1999
- className: "flex w-full gap-4",
2000
- children: [selectedColumn.step === STEPS.COLUMN && /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], {
2001
- isSearchable: true,
2002
- label: t("neetoFilters.segments.newFilter"),
2003
- optionRemapping: {
2004
- label: "label",
2005
- value: "key"
2006
- },
2007
- options: columns,
2008
- placeholder: t("neetoFilters.segments.selectFilter"),
2009
- onChange: function onChange(column) {
2010
- return setSelectedColumn({
2011
- step: STEPS.VALUE,
2012
- column: column
2013
- });
2014
- }
2015
- }), selectedColumn.step === STEPS.VALUE && /*#__PURE__*/jsxRuntime.jsx(Item, {
2016
- filters: filters,
2017
- autoFocus: true,
2018
- column: selectedColumn.column,
2019
- onChange: handleChange
2020
- }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
2021
- className: "mt-6 self-center",
2022
- icon: Delete__default["default"],
2023
- style: "text",
2024
- onClick: function onClick() {
2025
- handleClearFilter(selectedColumn.column);
2026
- setSelectedColumn(ramda.assoc("step", STEPS.ADD));
2027
- }
2028
- })]
2029
- }), /*#__PURE__*/jsxRuntime.jsx(AddFilter, {
2030
- filters: filters,
2031
- handleChange: handleChange,
2032
- handleClearFilter: handleClearFilter,
2033
- columns: columns.filter(function (_ref2) {
2034
- var key = _ref2.key;
2035
- return !neetoCist.existsBy({
2036
- key: key
2037
- }, filters);
2038
- }),
2039
- disabled: disableAddButton
2040
- })]
2041
- }) : /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
2042
- disabled: disabled,
2043
- className: "self-start",
2044
- icon: Plus__default["default"],
2045
- iconPosition: "left",
2046
- label: t("neetoFilters.segments.addFilter"),
2047
- style: "link",
2048
- onClick: function onClick() {
2049
- return setSelectedColumn(ramda.assoc("step", STEPS.COLUMN));
2050
- }
2051
- })
2052
- });
2053
- };
2054
-
2055
- var buildSegmentsValidationSchema = function buildSegmentsValidationSchema(defaultSegmentName) {
2056
- return yup__namespace.object({
2057
- name: yup__namespace.string().trim().required(i18next.t("neetoFilters.segments.nameIsRequired")).test({
2058
- name: "not-default-segment-name",
2059
- test: function test(value) {
2060
- return (value === null || value === void 0 ? void 0 : value.toLocaleLowerCase()) !== defaultSegmentName.toLocaleLowerCase();
2061
- },
2062
- message: i18next.t("neetoFilters.segments.reservedNameErrorMessage")
2063
- })
2064
- });
2065
- };
2066
-
2067
- function ownKeys$5(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2068
- function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$5(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$5(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2069
- var SegmentForm = function SegmentForm(_ref) {
2070
- var _ref$isEdit = _ref.isEdit,
2071
- isEdit = _ref$isEdit === void 0 ? false : _ref$isEdit,
2072
- segmentFormInitialRef = _ref.segmentFormInitialRef,
2073
- isOpen = _ref.isOpen,
2074
- onClose = _ref.onClose,
2075
- isSubmitting = _ref.isSubmitting,
2076
- handleSubmit = _ref.handleSubmit,
2077
- defaultSegmentName = _ref.defaultSegmentName,
2078
- initialValues = _ref.initialValues,
2079
- customFilters = _ref.customFilters,
2080
- columns = _ref.columns,
2081
- filters = _ref.filters,
2082
- childrenKeys = _ref.childrenKeys;
2083
- var history = reactRouterDom_min.useHistory();
2084
- var _useTranslation = reactI18next.useTranslation(),
2085
- t = _useTranslation.t;
2086
- var _buildFilteredColumns = buildFilteredColumns({
2087
- searchTerm: "",
2088
- columns: columns
2089
- }),
2090
- _buildFilteredColumns2 = _buildFilteredColumns.groupedColumns,
2091
- groupedColumns = _buildFilteredColumns2 === void 0 ? [] : _buildFilteredColumns2,
2092
- _buildFilteredColumns3 = _buildFilteredColumns.ungroupedColumns,
2093
- ungroupedColumns = _buildFilteredColumns3 === void 0 ? [] : _buildFilteredColumns3;
2094
- var handleChange = function handleChange(newFilters) {
2095
- var isClearAll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
2096
- var params = buildUrlFromFilters(_objectSpread$5({
2097
- columns: columns,
2098
- filters: newFilters
2099
- }, isClearAll && {
2100
- isClearAll: true,
2101
- childrenKeys: childrenKeys
2102
- }));
2103
- history.push({
2104
- search: params
2105
- });
2106
- };
2107
- var handleClearFilter = function handleClearFilter(column, values, setFieldValue) {
2108
- var formState = [{
2109
- conditions: neetoCist.removeBy({
2110
- key: column.key
2111
- }, values.filters[0].conditions)
2112
- }];
2113
- var globalState = neetoCist.removeBy({
2114
- key: column.key
2115
- }, filters);
2116
- setFieldValue("filters", formState);
2117
- handleChange(globalState);
2118
- };
2119
- return /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
2120
- isOpen: isOpen,
2121
- onClose: onClose,
2122
- initialFocusRef: segmentFormInitialRef,
2123
- children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
2124
- children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
2125
- style: "h2",
2126
- weight: "semibold",
2127
- children: isEdit ? t("neetoFilters.segments.editSegment") : t("neetoFilters.segments.addNewSegment")
2128
- })
2129
- }), /*#__PURE__*/jsxRuntime.jsx(Form__default["default"], {
2130
- className: "w-full",
2131
- formProps: {
2132
- noValidate: true
2133
- },
2134
- formikProps: {
2135
- initialValues: initialValues,
2136
- validateOnChange: true,
2137
- validateOnBlur: true,
2138
- validationSchema: buildSegmentsValidationSchema(defaultSegmentName),
2139
- onSubmit: handleSubmit
2140
- },
2141
- children: function children(_ref2) {
2142
- var errors = _ref2.errors,
2143
- values = _ref2.values,
2144
- setFieldValue = _ref2.setFieldValue;
2145
- return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
2146
- children: [/*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"].Body, {
2147
- children: [/*#__PURE__*/jsxRuntime.jsx(Input__default$1["default"], {
2148
- className: "w-full flex-grow-0",
2149
- error: errors.name,
2150
- label: t("neetoFilters.segments.name"),
2151
- name: "name",
2152
- placeholder: t("neetoFilters.segments.segmentName"),
2153
- ref: segmentFormInitialRef
2154
- }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
2155
- className: "mb-2 mt-4",
2156
- style: "h4",
2157
- children: t("neetoFilters.common.filters")
2158
- }), /*#__PURE__*/jsxRuntime.jsxs("div", {
2159
- className: "neeto-filters-pane-filter__body flex w-full flex-col gap-5",
2160
- children: [ungroupedColumns.filter(function (_ref3) {
2161
- var key = _ref3.key;
2162
- return neetoCist._existsBy({
2163
- key: key
2164
- }, values.filters[0].conditions);
2165
- }).map(function (column) {
2166
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
2167
- className: "flex w-full gap-4",
2168
- children: [/*#__PURE__*/jsxRuntime.jsx(Item, {
2169
- column: column,
2170
- filters: filters,
2171
- autoFocus: column.key === isOpen,
2172
- onChange: function onChange(filters) {
2173
- setFieldValue("filters", [{
2174
- conditions: filters
2175
- }]);
2176
- handleChange(filters);
2177
- }
2178
- }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
2179
- className: "mt-6 self-center",
2180
- icon: Delete__default["default"],
2181
- style: "text",
2182
- onClick: function onClick() {
2183
- return handleClearFilter(column, values, setFieldValue);
2184
- }
2185
- })]
2186
- }, column.key);
2187
- }), neetoCist.isPresent(groupedColumns) && /*#__PURE__*/jsxRuntime.jsx(Accordion__default["default"], {
2188
- children: groupedColumns.map(function (_ref4) {
2189
- var group = _ref4.group,
2190
- columns = _ref4.columns;
2191
- return /*#__PURE__*/jsxRuntime.jsx(Accordion__default["default"].Item, {
2192
- className: "accordion_item",
2193
- title: group,
2194
- children: columns.map(function (column) {
2195
- return /*#__PURE__*/React.createElement(Item, {
2196
- column: column,
2197
- filters: filters,
2198
- autoFocus: column.key === isOpen,
2199
- key: column.key,
2200
- onChange: handleChange
2201
- });
2202
- })
2203
- }, group);
2204
- })
2205
- }), ramda.isEmpty([].concat(_toConsumableArray(groupedColumns), _toConsumableArray(ungroupedColumns))) && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
2206
- style: "body2",
2207
- children: t("neetoFilters.messages.noResourcesFound", {
2208
- resources: t("neetoFilters.common.columns")
2209
- })
2210
- }), customFilters, /*#__PURE__*/jsxRuntime.jsx(AddFilter, {
2211
- filters: filters,
2212
- handleChange: handleChange,
2213
- columns: ungroupedColumns.filter(function (_ref5) {
2214
- var key = _ref5.key;
2215
- return !neetoCist.existsBy({
2216
- key: key
2217
- }, filters);
2218
- }),
2219
- handleClearFilter: function handleClearFilter(_ref6) {
2220
- var key = _ref6.key;
2221
- return handleChange(neetoCist.removeBy({
2222
- key: key
2223
- }, filters));
2224
- }
2225
- })]
2226
- })]
2227
- }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
2228
- children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
2229
- isSubmitting: isSubmitting,
2230
- cancelButtonProps: {
2231
- onClick: onClose
2232
- },
2233
- submitButtonProps: {
2234
- disabled: isSubmitting || ramda.isEmpty(filters)
2235
- }
2236
- })
2237
- })]
2238
- });
2239
- }
2240
- })]
2241
- });
2242
- };
2243
-
2244
- var QUERY_KEYS = {
2245
- SEGMENTS_LIST: "segments-list"
2246
- };
2247
- var SEGMENTS_STALE_TIME = 900000; // 15 mins
2248
-
2249
- var DEFAULT_SEGMENTS_CACHE = {
2250
- segments: []
2251
- };
2252
- var SEGMENT_ACTIONS$1 = {
2253
- EDIT: "edit",
2254
- CREATE: "create"
2255
- };
2256
-
2257
- var SHORTCUTS = {
2258
- closePane: {
2259
- sequence: "escape",
2260
- description: i18next.t("neetoFilters.shortcuts.closePane")
2261
- },
2262
- deleteBlock: {
2263
- sequence: "backspace",
2264
- description: i18next.t("neetoFilters.shortcuts.deleteBlock")
2265
- },
2266
- openFilterPane: {
2267
- sequence: "enter",
2268
- description: i18next.t("neetoFilters.shortcuts.openFilterPane")
2269
- }
2270
- };
2271
-
2272
- var buildCustomDateValue = function buildCustomDateValue(value) {
2273
- var isBeforeOrAfter = Math.abs(dayjs__default["default"](value[1]).diff(dayjs__default["default"](value[0]), "year")) >= 90;
2274
- if (isBeforeOrAfter) {
2275
- var currentMoment = dayjs__default["default"]();
2276
- var diffWithStart = Math.abs(currentMoment.diff(dayjs__default["default"](value[0]), "year"));
2277
- var diffWithEnd = Math.abs(currentMoment.diff(dayjs__default["default"](value[1]), "year"));
2278
- return diffWithStart < diffWithEnd ? "after-".concat(utils.dateFormat.date(dayjs__default["default"](value[0]).subtract(1, "day"))) : "before-".concat(utils.dateFormat.date(dayjs__default["default"](value[1]).add(1, "day")));
2279
- }
2280
- return value.map(utils.dateFormat.date).join(" - ");
2281
- };
2282
- var buildFilterValue = function buildFilterValue(filter) {
2283
- var _findBy2;
2284
- var _filter$defaultType = filter.defaultType,
2285
- defaultType = _filter$defaultType === void 0 ? filter.type : _filter$defaultType,
2286
- value = filter.value,
2287
- rule = filter.rule,
2288
- _filter$values = filter.values,
2289
- initialValues = _filter$values === void 0 ? [] : _filter$values;
2290
- var values = initialValues.map(ramda.modify("value", function (value) {
2291
- return value.toString();
2292
- }));
2293
- if (isDate(defaultType) && isCustomDateRange(value)) {
2294
- return buildCustomDateValue(value);
2295
- } else if (isTime(defaultType) && isCustomTimeRange(value)) {
2296
- return value.map(utils.dateFormat.time).join(" - ");
2297
- } else if (isDate(defaultType) || isTime(defaultType)) {
2298
- return neetoCist.humanize(value);
2299
- } else if (isMulti(defaultType) || isTreeSelect(defaultType)) {
2300
- return value.map(function (value) {
2301
- var _findBy;
2302
- return ((_findBy = neetoCist.findBy({
2303
- value: value
2304
- }, values)) === null || _findBy === void 0 ? void 0 : _findBy.label) || value;
2305
- }).join(", ");
2306
- } else if (isSingleDate(defaultType)) {
2307
- return rule === "between" ? value.map(utils.dateFormat.date).join(" - ") : utils.dateFormat.date(value);
2308
- } else if (isSingleTime(defaultType)) {
2309
- return rule === "between" ? value.map(utils.dateFormat.time).join(" - ") : utils.dateFormat.time(value);
2310
- } else if (isBoolean(defaultType)) {
2311
- return getLabelFromBool({
2312
- value: value,
2313
- values: values
2314
- });
2315
- }
2316
- return ((_findBy2 = neetoCist.findBy({
2317
- value: value
2318
- }, values)) === null || _findBy2 === void 0 ? void 0 : _findBy2.label) || value;
2319
- };
2320
- var buildRuleValue = function buildRuleValue(_ref) {
2321
- var rule = _ref.rule,
2322
- defaultType = _ref.defaultType;
2323
- if (isText(defaultType)) {
2324
- return neetoCist.findBy({
2325
- value: rule
2326
- }, TEXT_RULES).label;
2327
- } else if (isDigit(defaultType)) {
2328
- return neetoCist.findBy({
2329
- value: rule
2330
- }, NUMBER_RULES).label;
2331
- } else if (isSingleDate(defaultType)) {
2332
- return neetoCist.findBy({
2333
- value: rule
2334
- }, SINGLE_DATE_OPTIONS).label;
2335
- } else if (isSingleTime(defaultType)) {
2336
- return neetoCist.findBy({
2337
- value: rule
2338
- }, SINGLE_TIME_OPTIONS).label;
2339
- } else if (isMulti(defaultType) || isSingle(defaultType) || isTreeSelect(defaultType)) {
2340
- return isRuleEmpty(rule) ? i18next.t("neetoFilters.rules.isEmpty") : "";
2341
- }
2342
- return "";
2343
- };
2344
- var hasOnlyKeywordFilter = function hasOnlyKeywordFilter(filters) {
2345
- return filters.length === 1 && filters[0].key === SEARCH_TERM_KEY;
2346
- };
2347
- var deepCompare = function deepCompare(segments, filters) {
2348
- var comparisonHelper = function comparisonHelper(filters) {
2349
- return ramda.sortBy(ramda.prop("key"), neetoCist.removeBy({
2350
- key: SEARCH_TERM_KEY
2351
- }, ramda.project(["key", "rule", "value", "label"], filters)));
2352
- };
2353
- return ramda.reject(function (filters) {
2354
- var segment = neetoCist.findBy({
2355
- key: filters.key
2356
- }, segments);
2357
- return segment && segment.value === filters.value;
2358
- }, comparisonHelper(filters));
2359
- };
2360
-
2361
- var Block = function Block(_ref) {
2362
- var filter = _ref.filter,
2363
- handleDelete = _ref.handleDelete,
2364
- setIsPaneOpen = _ref.setIsPaneOpen;
2365
- var key = filter.key,
2366
- _filter$defaultType = filter.defaultType,
2367
- defaultType = _filter$defaultType === void 0 ? filter.type : _filter$defaultType,
2368
- label = filter.label,
2369
- rule = filter.rule,
2370
- defaultValue = filter.defaultValue;
2371
- var filterValue = buildFilterValue(filter);
2372
- var ruleContent = buildRuleValue({
2373
- rule: rule,
2374
- defaultType: defaultType
2375
- });
2376
- var blockLength = label.length + ruleContent.length + filterValue.length;
2377
- var toolTipDisabled = blockLength <= 50;
2378
- var blockContent = !toolTipDisabled ? "".concat(filterValue.slice(0, 50 - blockLength), "...") : filterValue;
2379
- var deleteBlockHotKeyRef = useHotkeys__default["default"](SHORTCUTS.deleteBlock.sequence, function () {
2380
- return handleDelete(key);
2381
- }, {
2382
- mode: "scoped"
2383
- });
2384
- var openFilterPaneHotKeyRef = useHotkeys__default["default"](SHORTCUTS.openFilterPane.sequence, function () {
2385
- return setIsPaneOpen(key);
2386
- }, {
2387
- mode: "scoped"
2388
- });
2389
- return /*#__PURE__*/jsxRuntime.jsx(Tooltip__default["default"], {
2390
- content: filterValue,
2391
- disabled: toolTipDisabled,
2392
- position: "bottom",
2393
- theme: "light",
2394
- children: /*#__PURE__*/jsxRuntime.jsxs("div", {
2395
- className: "neeto-filters-bar__block",
2396
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-block"),
2397
- tabIndex: 0,
2398
- ref: function ref(node) {
2399
- deleteBlockHotKeyRef.current = node;
2400
- openFilterPaneHotKeyRef.current = node;
2401
- },
2402
- onClick: function onClick() {
2403
- return setIsPaneOpen(key);
2404
- },
2405
- children: [/*#__PURE__*/jsxRuntime.jsxs(Typography__default["default"], {
2406
- style: "body2",
2407
- children: [label, ":"]
2408
- }), /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
2409
- className: "neeto-ui-text-gray-600",
2410
- style: "body2",
2411
- children: ruleContent
2412
- }), !isRuleEmpty(rule) && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
2413
- style: "body2",
2414
- children: blockContent
2415
- }), !defaultValue && /*#__PURE__*/jsxRuntime.jsx("div", {
2416
- className: "neeto-filters-bar__block-close",
2417
- children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {
2418
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(key), "-block-close-btn"),
2419
- size: 16,
2420
- strokeWidth: 2,
2421
- onClick: function onClick(event) {
2422
- event.stopPropagation();
2423
- handleDelete(key);
2424
- }
2425
- })
2426
- })]
2427
- })
2428
- });
2429
- };
2430
-
2431
- var ChildBlock = function ChildBlock(_ref) {
2432
- var childKey = _ref.childKey,
2433
- setIsPaneOpen = _ref.setIsPaneOpen,
2434
- handleDelete = _ref.handleDelete;
2435
- var deleteBlockHotKeyRef = useHotkeys__default["default"](SHORTCUTS.deleteBlock.sequence, function () {
2436
- return handleDelete(childKey);
2437
- }, {
2438
- mode: "scoped"
2439
- });
2440
- var openFilterPaneHotKeyRef = useHotkeys__default["default"](SHORTCUTS.openFilterPane.sequence, function () {
2441
- return setIsPaneOpen(childKey);
2442
- }, {
2443
- mode: "scoped"
2444
- });
2445
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
2446
- className: "neeto-filters-bar__block",
2447
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(childKey), "-block"),
2448
- tabIndex: 0,
2449
- ref: function ref(node) {
2450
- deleteBlockHotKeyRef.current = node;
2451
- openFilterPaneHotKeyRef.current = node;
2452
- },
2453
- onClick: function onClick() {
2454
- return setIsPaneOpen(childKey);
2455
- },
2456
- children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
2457
- style: "body2",
2458
- weight: "medium",
2459
- children: childKey
2460
- }), /*#__PURE__*/jsxRuntime.jsx("div", {
2461
- className: "neeto-filters-bar__block-close",
2462
- children: /*#__PURE__*/jsxRuntime.jsx(Close__default["default"], {
2463
- "data-cy": "neeto-filters-".concat(neetoCist.hyphenate(childKey), "-block-close-btn"),
2464
- size: 16,
2465
- strokeWidth: 2,
2466
- onClick: function onClick(event) {
2467
- event.stopPropagation();
2468
- handleDelete(childKey);
2469
- }
2470
- })
2471
- })]
2472
- });
2473
- };
2474
-
2475
- var FilterBar = function FilterBar(_ref) {
2476
- var entity = _ref.entity,
2477
- filters = _ref.filters,
2478
- setIsSavePaneOpen = _ref.setIsSavePaneOpen,
2479
- setIsPaneOpen = _ref.setIsPaneOpen,
2480
- childrenKeys = _ref.childrenKeys,
2481
- nonHiddenFilters = _ref.nonHiddenFilters,
2482
- childrenFiltersApplied = _ref.childrenFiltersApplied,
2483
- keywordFilter = _ref.keywordFilter,
2484
- handleApplyFilters = _ref.handleApplyFilters;
2485
- var _useTranslation = reactI18next.useTranslation(),
2486
- t = _useTranslation.t;
2487
- var history = reactRouterDom.useHistory();
2488
- var searchParams = reactUtils.useQueryParams({
2489
- toCamelCase: false
2490
- });
2491
- var handleDelete = function handleDelete(key) {
2492
- if (key === SEARCH_TERM_KEY) {
2493
- var params = ramda.omit([SEARCH_TERM_KEY], getSnakeCasedQueryParams());
2494
- var pathname = window.location.pathname;
2495
- history.push(utils.buildUrl(pathname, params));
2496
- return;
2497
- }
2498
- if (childrenKeys.includes(key)) {
2499
- var _params = ramda.omit([key], getSnakeCasedQueryParams());
2500
- var _pathname = window.location.pathname;
2501
- history.push(utils.buildUrl(_pathname, _params));
2502
- }
2503
- var newFilters = neetoCist.removeBy({
2504
- key: key
2505
- }, filters);
2506
- handleApplyFilters(newFilters);
2507
- };
2508
- var handleClearAll = function handleClearAll() {
2509
- var params = isKeywordFilterPresent(keywordFilter) ? ramda.omit([SEARCH_TERM_KEY], getSnakeCasedQueryParams()) : getSnakeCasedQueryParams();
2510
- var pathname = window.location.pathname;
2511
- history.push(utils.buildUrl(pathname, params));
2512
- handleApplyFilters([], true);
2513
- };
2514
- var hideClearButton = nonHiddenFilters.every(function (_ref2) {
2515
- var defaultValue = _ref2.defaultValue,
2516
- isClearable = _ref2.isClearable;
2517
- return defaultValue && !isClearable;
2518
- }) && !childrenFiltersApplied;
2519
- return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
2520
- children: [nonHiddenFilters.map(function (filter) {
2521
- var _filter$suffixCompone;
2522
- return /*#__PURE__*/jsxRuntime.jsxs(React__default["default"].Fragment, {
2523
- children: [/*#__PURE__*/jsxRuntime.jsx(Block, {
2524
- filter: filter,
2525
- handleDelete: handleDelete,
2526
- setIsPaneOpen: setIsPaneOpen
2527
- }), (_filter$suffixCompone = filter.suffixComponent) === null || _filter$suffixCompone === void 0 ? void 0 : _filter$suffixCompone.call(filter), /*#__PURE__*/jsxRuntime.jsx("div", {
2528
- className: "neeto-filters-bar--separator"
2529
- })]
2530
- }, filter.key);
2531
- }), childrenKeys.filter(function (childKey) {
2532
- return ramda.has(childKey, searchParams);
2533
- }).map(function (childKey) {
2534
- return /*#__PURE__*/jsxRuntime.jsxs(React__default["default"].Fragment, {
2535
- children: [/*#__PURE__*/jsxRuntime.jsx(ChildBlock, {
2536
- childKey: childKey,
2537
- handleDelete: handleDelete,
2538
- setIsPaneOpen: setIsPaneOpen
2539
- }), /*#__PURE__*/jsxRuntime.jsx("div", {
2540
- className: "neeto-filters-bar--separator"
2541
- })]
2542
- }, childKey);
2543
- }), /*#__PURE__*/jsxRuntime.jsxs("div", {
2544
- className: "flex items-center gap-x-2",
2545
- children: [neetoCist.isPresent(entity) && !hasOnlyKeywordFilter(filters) && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
2546
- "data-cy": "save-segment-button",
2547
- label: t("neetoFilters.segments.saveAsNewSegment"),
2548
- style: "secondary",
2549
- onClick: function onClick() {
2550
- setIsPaneOpen(false);
2551
- setIsSavePaneOpen({
2552
- action: SEGMENT_ACTIONS$1.CREATE
2553
- });
2554
- }
2555
- }), !hideClearButton && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
2556
- "data-cy": "neeto-filters-bar-clear-btn",
2557
- label: t("neetoFilters.common.clearFilters"),
2558
- style: "text",
2559
- onClick: handleClearAll
2560
- })]
2561
- })]
2562
- });
2563
- };
2564
-
2565
- var fetch = function fetch(params) {
2566
- return axios__default["default"].get(SEGMENTS_BASE_URL, {
2567
- params: params
2568
- });
2569
- };
2570
- var show = function show(id) {
2571
- return axios__default["default"].get("".concat(SEGMENTS_BASE_URL, "/").concat(id), {
2572
- transformResponseCase: false
2573
- });
2574
- };
2575
- var create = function create(payload) {
2576
- return axios__default["default"].post(SEGMENTS_BASE_URL, {
2577
- segment: payload
2578
- }, {
2579
- showToastr: false
2580
- });
2581
- };
2582
- var update = function update(_ref) {
2583
- var id = _ref.id,
2584
- payload = _ref.payload,
2585
- _ref$showToastr = _ref.showToastr,
2586
- showToastr = _ref$showToastr === void 0 ? true : _ref$showToastr;
2587
- return axios__default["default"].put("".concat(SEGMENTS_BASE_URL, "/").concat(id), payload, {
2588
- showToastr: showToastr
2589
- });
2590
- };
2591
- var destroy = function destroy(id) {
2592
- return axios__default["default"]["delete"]("".concat(SEGMENTS_BASE_URL, "/").concat(id));
2593
- };
2594
- var segmentsApi = {
2595
- fetch: fetch,
2596
- show: show,
2597
- create: create,
2598
- update: update,
2599
- destroy: destroy
2600
- };
2601
-
2602
- function ownKeys$4(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2603
- function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$4(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$4(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2604
- var SEGMENTS_LIST = QUERY_KEYS.SEGMENTS_LIST;
2605
- var useFetchSegments = function useFetchSegments(_ref) {
2606
- var entity = _ref.entity,
2607
- _ref$searchTerm = _ref.searchTerm,
2608
- searchTerm = _ref$searchTerm === void 0 ? "" : _ref$searchTerm;
2609
- var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
2610
- return reactQuery.useQuery(_objectSpread$4({
2611
- queryKey: [SEGMENTS_LIST, entity, searchTerm],
2612
- queryFn: function queryFn() {
2613
- return segmentsApi.fetch({
2614
- entity: entity,
2615
- searchTerm: searchTerm
2616
- });
2617
- },
2618
- select: ramda.prop("segments"),
2619
- staleTime: SEGMENTS_STALE_TIME
2620
- }, options));
2621
- };
2622
- var useCreateSegment = function useCreateSegment(options) {
2623
- return reactUtils.useMutationWithInvalidation(segmentsApi.create, _objectSpread$4({
2624
- keysToInvalidate: [[SEGMENTS_LIST]]
2625
- }, options));
2626
- };
2627
- var useUpdateSegment = function useUpdateSegment(options) {
2628
- return reactUtils.useMutationWithInvalidation(segmentsApi.update, _objectSpread$4({
2629
- keysToInvalidate: [[SEGMENTS_LIST]]
2630
- }, options));
2631
- };
2632
- var useDestroySegment = function useDestroySegment(options) {
2633
- return reactUtils.useMutationWithInvalidation(segmentsApi.destroy, _objectSpread$4({
2634
- keysToInvalidate: [[SEGMENTS_LIST]]
2635
- }, options));
2636
- };
2637
-
2638
- function ownKeys$3(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
2639
- function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$3(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$3(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
2640
- var useSegment = function useSegment(_ref) {
2641
- var entity = _ref.entity,
2642
- keyword = _ref.keyword,
2643
- columns = _ref.columns,
2644
- childrenKeys = _ref.childrenKeys;
2645
- var history = reactRouterDom.useHistory();
2646
- var _useTranslation = reactI18next.useTranslation(),
2647
- t = _useTranslation.t;
2648
- var initialRenderRef = React.useRef(true);
2649
- var _useQueryParams = reactUtils.useQueryParams(),
2650
- segmentId = _useQueryParams.segmentId;
2651
- var _useState = React.useState({
2652
- action: undefined
2653
- }),
2654
- _useState2 = _slicedToArray(_useState, 2),
2655
- isSavePaneOpen = _useState2[0],
2656
- setIsSavePaneOpen = _useState2[1];
2657
- var _useCreateSegment = useCreateSegment(),
2658
- createSegment = _useCreateSegment.mutate,
2659
- isCreating = _useCreateSegment.isPending;
2660
- var _useUpdateSegment = useUpdateSegment(),
2661
- updateSegment = _useUpdateSegment.mutate,
2662
- isUpdating = _useUpdateSegment.isPending;
2663
- var isSubmitting = isCreating || isUpdating;
2664
- var searchParams = reactUtils.useQueryParams({
2665
- toCamelCase: false
2666
- });
2667
- var keywordValue = searchParams[SEARCH_TERM_KEY] || "";
2668
- var isEdit = isSavePaneOpen.action === SEGMENT_ACTIONS$1.EDIT;
2669
- var keywordFilter = _objectSpread$3(_objectSpread$3({
2670
- type: "text",
2671
- rule: "contains",
2672
- label: t("neetoFilters.common.searchTerm")
2673
- }, keyword), {}, {
2674
- key: SEARCH_TERM_KEY,
2675
- value: keywordValue
2676
- });
2677
- var filters = buildFiltersFromSearchParams(isKeywordFilterPresent(keywordFilter) && neetoCist.isNotEmpty(keywordValue) ? [keywordFilter].concat(_toConsumableArray(columns)) : columns);
2678
- var nonHiddenFilters = neetoCist.removeBy({
2679
- hidden: true
2680
- }, filters);
2681
- var handleApplyFilters = function handleApplyFilters(newFilters, isClearAll) {
2682
- var params = buildUrlFromFilters(_objectSpread$3({
2683
- columns: columns,
2684
- filters: isKeywordFilterPresent(keywordFilter) && neetoCist.isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(newFilters), [keywordFilter]) : newFilters
2685
- }, isClearAll && {
2686
- isClearAll: true,
2687
- childrenKeys: childrenKeys
2688
- }));
2689
- history.push({
2690
- search: params
2691
- });
2692
- };
2693
- var childrenFiltersApplied = childrenKeys.some(function (key) {
2694
- return ramda.has(key, searchParams);
2695
- });
2696
- React.useEffect(function () {
2697
- if (initialRenderRef.current) {
2698
- initialRenderRef.current = false;
2699
- return neetoCist.noop;
2700
- }
2701
- var handler = setTimeout(function () {
2702
- handleApplyFilters(filters);
2703
- }, 500);
2704
- return function () {
2705
- return clearTimeout(handler);
2706
- };
2707
- }, [keywordValue]);
2708
- var handleCreateSuccess = function handleCreateSuccess(_ref2) {
2709
- var _filters$;
2710
- var _ref2$segment = _ref2.segment,
2711
- id = _ref2$segment.id,
2712
- filters = _ref2$segment.filters;
2713
- history.push({
2714
- search: buildUrlFromSegment({
2715
- columns: columns,
2716
- filters: (_filters$ = filters[0]) === null || _filters$ === void 0 ? void 0 : _filters$.conditions,
2717
- id: id
2718
- })
2719
- });
2720
- setIsSavePaneOpen({
2721
- action: undefined
2722
- });
2723
- utils.showThumbsUpToastr();
2724
- };
2725
- var handleCreate = function handleCreate(_ref3, _ref4) {
2726
- var name = _ref3.name;
2727
- var setFieldError = _ref4.setFieldError;
2728
- var filtersPayload = buildSegmentsPayload(filters, childrenKeys);
2729
- createSegment({
2730
- name: name,
2731
- entity: entity,
2732
- filters: filtersPayload
2733
- }, {
2734
- onSuccess: handleCreateSuccess,
2735
- onError: function onError(error) {
2736
- return setFieldError("name", error.response.data.error);
2737
- }
2738
- });
2739
- };
2740
- var handleUpdate = function handleUpdate(_ref5, _ref6) {
2741
- var name = _ref5.name;
2742
- var setFieldError = _ref6.setFieldError;
2743
- var filtersPayload = buildSegmentsPayload(filters, childrenKeys);
2744
- updateSegment({
2745
- id: segmentId,
2746
- payload: {
2747
- name: name,
2748
- filters: filtersPayload
2749
- }
2750
- }, {
2751
- onSuccess: function onSuccess() {
2752
- setIsSavePaneOpen({
2753
- action: undefined
2754
- });
2755
- utils.showThumbsUpToastr();
2756
- },
2757
- onError: function onError(error) {
2758
- return setFieldError("name", error.response.data.error);
2759
- }
2760
- });
2761
- };
2762
- return {
2763
- isEdit: isEdit,
2764
- filters: filters,
2765
- keywordFilter: keywordFilter,
2766
- isSubmitting: isSubmitting,
2767
- nonHiddenFilters: nonHiddenFilters,
2768
- isSavePaneOpen: isSavePaneOpen,
2769
- setIsSavePaneOpen: setIsSavePaneOpen,
2770
- handleApplyFilters: handleApplyFilters,
2771
- childrenFiltersApplied: childrenFiltersApplied,
2772
- handleSubmit: isEdit ? handleUpdate : handleCreate
2773
- };
2774
- };
2775
-
2776
- var Menu = Dropdown__default["default"].Menu,
2777
- MenuItem = Dropdown__default["default"].MenuItem;
2778
- var SegmentBar = function SegmentBar(_ref) {
2779
- var entity = _ref.entity,
2780
- filters = _ref.filters,
2781
- setIsSavePaneOpen = _ref.setIsSavePaneOpen,
2782
- setIsPaneOpen = _ref.setIsPaneOpen,
2783
- handleApplyFilters = _ref.handleApplyFilters,
2784
- childrenKeys = _ref.childrenKeys;
2785
- var _useTranslation = reactI18next.useTranslation(),
2786
- t = _useTranslation.t;
2787
- var history = reactRouterDom.useHistory();
2788
- var _useQueryParams = reactUtils.useQueryParams(),
2789
- segmentId = _useQueryParams.segmentId;
2790
- var queryClient = reactQuery.useQueryClient();
2791
- var cachedSegments = queryClient.getQueryData([QUERY_KEYS.SEGMENTS_LIST, entity, ""]) || DEFAULT_SEGMENTS_CACHE;
2792
- var segment = neetoCist.findById(segmentId, cachedSegments.segments);
2793
- if (neetoCist.isNotPresent(segment)) return null;
2794
- var handleDelete = function handleDelete(key) {
2795
- if (key === SEARCH_TERM_KEY) {
2796
- var params = ramda.omit([SEARCH_TERM_KEY], getSnakeCasedQueryParams());
2797
- var pathname = window.location.pathname;
2798
- history.push(utils.buildUrl(pathname, params));
2799
- return;
2800
- }
2801
- if (childrenKeys.includes(key)) {
2802
- var _params = ramda.omit([key], getSnakeCasedQueryParams());
2803
- var _pathname = window.location.pathname;
2804
- history.push(utils.buildUrl(_pathname, _params));
2805
- }
2806
- var newFilters = neetoCist.removeBy({
2807
- key: key
2808
- }, filters);
2809
- handleApplyFilters(newFilters);
2810
- };
2811
- var changedFilters = deepCompare(segment.filters[0].conditions, filters);
2812
- return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
2813
- children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
2814
- className: "neeto-ui-text-gray-600 mr-4 px-2",
2815
- "data-cy": "neeto-filters-segment-name",
2816
- style: "h4",
2817
- children: segment.name
2818
- }), neetoCist.isNotEmpty(changedFilters) && /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
2819
- children: [/*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
2820
- buttonProps: {
2821
- className: "mr-2"
2822
- },
2823
- buttonStyle: "secondary",
2824
- label: t("neetoFilters.segments.updateSegment"),
2825
- children: /*#__PURE__*/jsxRuntime.jsxs(Menu, {
2826
- children: [/*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
2827
- onClick: function onClick() {
2828
- return setIsSavePaneOpen({
2829
- action: SEGMENT_ACTIONS$1.EDIT
2830
- });
2831
- },
2832
- children: t("neetoFilters.segments.updateSegment")
2833
- }), /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
2834
- onClick: function onClick() {
2835
- setIsPaneOpen(false);
2836
- setIsSavePaneOpen({
2837
- action: SEGMENT_ACTIONS$1.CREATE
2838
- });
2839
- },
2840
- children: t("neetoFilters.segments.saveAsNewSegment")
2841
- })]
2842
- })
2843
- }), changedFilters.map(function (filter) {
2844
- var _filter$suffixCompone;
2845
- return /*#__PURE__*/jsxRuntime.jsxs(React__default["default"].Fragment, {
2846
- children: [/*#__PURE__*/jsxRuntime.jsx(Block, {
2847
- filter: filter,
2848
- handleDelete: handleDelete,
2849
- setIsPaneOpen: setIsPaneOpen
2850
- }), (_filter$suffixCompone = filter.suffixComponent) === null || _filter$suffixCompone === void 0 ? void 0 : _filter$suffixCompone.call(filter), /*#__PURE__*/jsxRuntime.jsx("div", {
2851
- className: "neeto-filters-bar--separator"
2852
- })]
2853
- }, filter.key);
2854
- })]
2855
- })]
2856
- });
2857
- };
2858
-
2859
- var Bar = function Bar(_ref) {
2860
- var entity = _ref.entity,
2861
- className = _ref.className,
2862
- _ref$columns = _ref.columns,
2863
- columns = _ref$columns === void 0 ? [] : _ref$columns,
2864
- _ref$keyword = _ref.keyword,
2865
- keyword = _ref$keyword === void 0 ? {
2866
- node: "",
2867
- value: "",
2868
- setValue: neetoCist.noop
2869
- } : _ref$keyword,
2870
- _ref$setIsPaneOpen = _ref.setIsPaneOpen,
2871
- setIsPaneOpen = _ref$setIsPaneOpen === void 0 ? ramda.identity : _ref$setIsPaneOpen,
2872
- _ref$childrenKeys = _ref.childrenKeys,
2873
- childrenKeys = _ref$childrenKeys === void 0 ? [] : _ref$childrenKeys,
2874
- _ref$defaultSegmentNa = _ref.defaultSegmentName,
2875
- defaultSegmentName = _ref$defaultSegmentNa === void 0 ? i18next.t("neetoFilters.common.allResults") : _ref$defaultSegmentNa,
2876
- customFilters = _ref.customFilters;
2877
- var queryClient = reactQuery.useQueryClient();
2878
- var _useQueryParams = reactUtils.useQueryParams(),
2879
- segmentId = _useQueryParams.segmentId;
2880
- var segmentFormInitialRef = React.useRef(null);
2881
- var _useSegment = useSegment({
2882
- entity: entity,
2883
- keyword: keyword,
2884
- columns: columns,
2885
- childrenKeys: childrenKeys
2886
- }),
2887
- isEdit = _useSegment.isEdit,
2888
- filters = _useSegment.filters,
2889
- handleSubmit = _useSegment.handleSubmit,
2890
- isSubmitting = _useSegment.isSubmitting,
2891
- keywordFilter = _useSegment.keywordFilter,
2892
- isSavePaneOpen = _useSegment.isSavePaneOpen,
2893
- nonHiddenFilters = _useSegment.nonHiddenFilters,
2894
- setIsSavePaneOpen = _useSegment.setIsSavePaneOpen,
2895
- handleApplyFilters = _useSegment.handleApplyFilters,
2896
- childrenFiltersApplied = _useSegment.childrenFiltersApplied;
2897
- var BarComponent = segmentId ? SegmentBar : FilterBar;
2898
- var cachedSegments = queryClient.getQueryData([QUERY_KEYS.SEGMENTS_LIST, entity, ""]) || DEFAULT_SEGMENTS_CACHE;
2899
- var segment = neetoCist.findById(segmentId, cachedSegments.segments);
2900
- if (ramda.isEmpty(nonHiddenFilters) && !childrenFiltersApplied) return null;
2901
- return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
2902
- children: [/*#__PURE__*/jsxRuntime.jsx("div", {
2903
- className: classnames__default["default"]("neeto-filters-bar", _defineProperty({}, className, className)),
2904
- children: /*#__PURE__*/jsxRuntime.jsx(BarComponent, {
2905
- childrenFiltersApplied: childrenFiltersApplied,
2906
- childrenKeys: childrenKeys,
2907
- entity: entity,
2908
- filters: filters,
2909
- handleApplyFilters: handleApplyFilters,
2910
- keywordFilter: keywordFilter,
2911
- nonHiddenFilters: nonHiddenFilters,
2912
- setIsPaneOpen: setIsPaneOpen,
2913
- setIsSavePaneOpen: setIsSavePaneOpen
2914
- })
2915
- }), /*#__PURE__*/jsxRuntime.jsx(SegmentForm, {
2916
- childrenKeys: childrenKeys,
2917
- columns: columns,
2918
- customFilters: customFilters,
2919
- defaultSegmentName: defaultSegmentName,
2920
- filters: filters,
2921
- handleSubmit: handleSubmit,
2922
- isEdit: isEdit,
2923
- isSubmitting: isSubmitting,
2924
- keywordFilter: keywordFilter,
2925
- segmentFormInitialRef: segmentFormInitialRef,
2926
- isOpen: neetoCist.isPresent(isSavePaneOpen.action),
2927
- initialValues: isEdit ? ramda.assoc("filters", [{
2928
- conditions: filters
2929
- }], segment) : {
2930
- name: "",
2931
- filters: [{
2932
- conditions: filters
2933
- }]
2934
- },
2935
- onClose: function onClose() {
2936
- return setIsSavePaneOpen({
2937
- action: undefined
2938
- });
2939
- }
2940
- })]
2941
- });
2942
- };
2943
-
2944
- function _objectWithoutPropertiesLoose(source, excluded) {
2945
- if (source == null) return {};
2946
- var target = {};
2947
- var sourceKeys = Object.keys(source);
2948
- var key, i;
2949
- for (i = 0; i < sourceKeys.length; i++) {
2950
- key = sourceKeys[i];
2951
- if (excluded.indexOf(key) >= 0) continue;
2952
- target[key] = source[key];
2953
- }
2954
- return target;
2955
- }
2956
-
2957
- function _objectWithoutProperties(source, excluded) {
2958
- if (source == null) return {};
2959
- var target = _objectWithoutPropertiesLoose(source, excluded);
2960
- var key, i;
2961
- if (Object.getOwnPropertySymbols) {
2962
- var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
2963
- for (i = 0; i < sourceSymbolKeys.length; i++) {
2964
- key = sourceSymbolKeys[i];
2965
- if (excluded.indexOf(key) >= 0) continue;
2966
- if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
2967
- target[key] = source[key];
2968
- }
2969
- }
2970
- return target;
2971
- }
2972
-
2973
- var useFilters = function useFilters(_ref) {
2974
- var onFiltersChange = _ref.onFiltersChange,
2975
- columns = _ref.columns,
2976
- keywordFilter = _ref.keywordFilter,
2977
- onSelectorsChange = _ref.onSelectorsChange;
2978
- var _useTransition = React.useTransition(),
2979
- _useTransition2 = _slicedToArray(_useTransition, 2);
2980
- _useTransition2[0];
2981
- var startTransition = _useTransition2[1];
2982
- var initialRender = React.useRef(true);
2983
- var prevFilters = React.useRef([]);
2984
- var location = reactRouterDom.useLocation();
2985
- var filters = buildFiltersFromSearchParams(columns, false);
2986
- var history = reactRouterDom.useHistory();
2987
- var defaultValuesOfColumns = JSON.stringify(ramda.pluck("defaultValue", columns));
2988
- var handlePrecenseOfDefaultFilters = function handlePrecenseOfDefaultFilters(defaultFilters) {
2989
- var params = buildUrlFromFilters({
2990
- columns: columns,
2991
- filters: isKeywordFilterPresent(keywordFilter) && neetoCist.isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(defaultFilters), [keywordFilter]) : defaultFilters
2992
- });
2993
- history.replace({
2994
- search: params
2995
- });
2996
- };
2997
- var handleFiltersChange = function handleFiltersChange(filtersPayload) {
2998
- startTransition(function () {
2999
- onFiltersChange(buildFiltersPayload(filtersPayload.filter(function (filter) {
3000
- return !ramda.isNil(filter.node);
3001
- })));
3002
- });
3003
- };
3004
-
3005
- //This function sends the updated filters to host via callbacks.
3006
- var sendUpdatedFilters = function sendUpdatedFilters() {
3007
- if (compareFilters(ramda.append(keywordFilter, filters), prevFilters.current)) {
3008
- return;
3009
- }
3010
- var newFilters = buildFiltersFromSearchParams(columns);
3011
- var filtersPayload = isKeywordFilterPresent(keywordFilter) && neetoCist.isNotEmpty(getSearchTermFromUrl()) ? ramda.append(keywordFilter, newFilters) : newFilters;
3012
- handleFiltersChange(filtersPayload);
3013
- onSelectorsChange(buildSelectorsFromURL(columns));
3014
- };
3015
- var handleChangesInURL = function handleChangesInURL() {
3016
- var defaultFilters = buildDefaultFilters(columns, filters);
3017
- var searchParams = getSnakeCasedQueryParams();
3018
- var keys = ramda.pluck("key", ramda.append(keywordFilter, columns));
3019
- if (keys.every(function (key) {
3020
- return ramda.isNil(searchParams[key]);
3021
- }) && !ramda.isEmpty(defaultFilters)) {
3022
- history.replace({
3023
- search: buildUrlFromFilters({
3024
- columns: columns,
3025
- filters: ramda.concat(defaultFilters, filters)
3026
- })
3027
- });
3028
- filters = buildFiltersFromSearchParams(columns, false);
3029
- }
3030
- };
3031
- React.useEffect(function () {
3032
- if (initialRender.current) {
3033
- initialRender.current = false;
3034
- var keywordValue = getSearchTermFromUrl();
3035
- var defaultFilters = buildDefaultFilters(columns, filters);
3036
- neetoCist.isNotEmpty(defaultFilters) && handlePrecenseOfDefaultFilters(defaultFilters);
3037
- prevFilters.current = ramda.append(ramda.mergeRight(keywordFilter, {
3038
- value: keywordValue
3039
- }), filters);
3040
- } else {
3041
- handleChangesInURL();
3042
- sendUpdatedFilters();
3043
- prevFilters.current = ramda.append(keywordFilter, filters);
3044
- }
3045
- }, [location.search, defaultValuesOfColumns]);
3046
- return filters;
3047
- };
3048
-
3049
- var _excluded = ["isOpen", "onClose", "columns", "onChange", "isSearchable", "keyword", "onSelectorsChange", "childrenKeys", "children", "className"];
3050
- function ownKeys$2(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3051
- function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
3052
- var Pane = function Pane(_ref) {
3053
- var isOpen = _ref.isOpen,
3054
- onClose = _ref.onClose,
3055
- columns = _ref.columns,
3056
- onChange = _ref.onChange,
3057
- isSearchable = _ref.isSearchable,
3058
- keyword = _ref.keyword,
3059
- onSelectorsChange = _ref.onSelectorsChange,
3060
- _ref$childrenKeys = _ref.childrenKeys,
3061
- childrenKeys = _ref$childrenKeys === void 0 ? [] : _ref$childrenKeys,
3062
- children = _ref.children,
3063
- className = _ref.className,
3064
- otherProps = _objectWithoutProperties(_ref, _excluded);
3065
- var searchParams = reactUtils.useQueryParams({
3066
- toCamelCase: false
3067
- });
3068
- var _useState = React.useState(""),
3069
- _useState2 = _slicedToArray(_useState, 2),
3070
- searchTerm = _useState2[0],
3071
- setSearchTerm = _useState2[1];
3072
- var history = reactRouterDom.useHistory();
3073
- var _useTranslation = reactI18next.useTranslation(),
3074
- t = _useTranslation.t;
3075
- columns = React.useMemo(function () {
3076
- return getColumnsWithStandardizedType(columns);
3077
- }, [columns]);
3078
- var _buildFilteredColumns = buildFilteredColumns({
3079
- searchTerm: searchTerm,
3080
- columns: columns
3081
- }),
3082
- _buildFilteredColumns2 = _buildFilteredColumns.groupedColumns,
3083
- groupedColumns = _buildFilteredColumns2 === void 0 ? [] : _buildFilteredColumns2,
3084
- _buildFilteredColumns3 = _buildFilteredColumns.ungroupedColumns,
3085
- ungroupedColumns = _buildFilteredColumns3 === void 0 ? [] : _buildFilteredColumns3;
3086
- var keywordFilter = _objectSpread$2(_objectSpread$2({
3087
- type: "text",
3088
- rule: "contains",
3089
- label: t("neetoFilters.common.searchTerm")
3090
- }, keyword), {}, {
3091
- key: SEARCH_TERM_KEY,
3092
- value: searchParams[SEARCH_TERM_KEY] || ""
3093
- });
3094
- var filters = useFilters({
3095
- onFiltersChange: onChange,
3096
- columns: columns,
3097
- keywordFilter: keywordFilter,
3098
- onSelectorsChange: onSelectorsChange
3099
- });
3100
- var handleChange = function handleChange(newFilters) {
3101
- var isClearAll = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
3102
- var params = buildUrlFromFilters(_objectSpread$2({
3103
- columns: columns,
3104
- filters: isKeywordFilterPresent(keywordFilter) && neetoCist.isNotEmpty(getSearchTermFromUrl()) ? [].concat(_toConsumableArray(newFilters), [keywordFilter]) : newFilters
3105
- }, isClearAll && {
3106
- isClearAll: true,
3107
- childrenKeys: childrenKeys
3108
- }));
3109
- history.push({
3110
- search: params
3111
- });
3112
- };
3113
- var handleClearAll = function handleClearAll() {
3114
- var params = isKeywordFilterPresent(keywordFilter) ? ramda.omit([SEARCH_TERM_KEY], getSnakeCasedQueryParams()) : getSnakeCasedQueryParams();
3115
- var pathname = window.location.pathname;
3116
- history.push(utils.buildUrl(pathname, params));
3117
- handleChange([], true);
3118
- };
3119
- var handleClearTermAndClose = function handleClearTermAndClose() {
3120
- setSearchTerm("");
3121
- onClose();
3122
- };
3123
- var handleClose = function handleClose() {
3124
- columns.forEach(function (_ref2) {
3125
- var key = _ref2.key;
3126
- var filter = neetoCist.findBy({
3127
- key: key
3128
- }, filters);
3129
- if ((filter === null || filter === void 0 ? void 0 : filter.value) === "") delete searchParams[key];
3130
- });
3131
- handleClearTermAndClose();
3132
- };
3133
- var isClearFiltersDisabled = !filters.some(function (_ref3) {
3134
- var value = _ref3.value,
3135
- defaultValue = _ref3.defaultValue;
3136
- return neetoCist.isPresent(value) && value !== defaultValue;
3137
- }) && !childrenKeys.some(function (key) {
3138
- return searchParams[key];
3139
- });
3140
- return /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], _objectSpread$2(_objectSpread$2({
3141
- isOpen: isOpen,
3142
- backdropClassName: "neeto-filters-pane-backdrop",
3143
- className: classnames__default["default"]("neeto-filters-pane-filter", _defineProperty({}, className, className)),
3144
- onClose: handleClose
3145
- }, otherProps), {}, {
3146
- children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
3147
- "data-cy": "neeto-filters-pane-header",
3148
- children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
3149
- style: "h2",
3150
- weight: "semibold",
3151
- children: t("neetoFilters.common.filters")
3152
- })
3153
- }), /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"].Body, {
3154
- className: "neeto-filters-pane-filter__body neeto-ui-pt-2",
3155
- children: [isSearchable && /*#__PURE__*/jsxRuntime.jsx(Search__default["default"], {
3156
- "data-cy": "neeto-filters-column-search",
3157
- placeholder: t("neetoFilters.messages.searchResources", {
3158
- resources: t("neetoFilters.common.filters")
3159
- }),
3160
- onSearch: function onSearch(value) {
3161
- return setSearchTerm(value);
3162
- }
3163
- }), ungroupedColumns.map(function (column) {
3164
- return /*#__PURE__*/React.createElement(Item, {
3165
- column: column,
3166
- filters: filters,
3167
- autoFocus: column.key === isOpen,
3168
- key: column.key,
3169
- onChange: handleChange,
3170
- onClose: handleClearTermAndClose
3171
- });
3172
- }), neetoCist.isPresent(groupedColumns) && /*#__PURE__*/jsxRuntime.jsx(Accordion__default["default"], {
3173
- defaultActiveKey: groupedColumns.findIndex(function (_ref4) {
3174
- var columns = _ref4.columns;
3175
- return neetoCist.existsBy({
3176
- key: isOpen
3177
- }, columns);
3178
- }),
3179
- children: groupedColumns.map(function (_ref5) {
3180
- var group = _ref5.group,
3181
- columns = _ref5.columns;
3182
- return /*#__PURE__*/jsxRuntime.jsx(Accordion__default["default"].Item, {
3183
- className: "accordion_item",
3184
- title: group,
3185
- children: columns.map(function (column) {
3186
- return /*#__PURE__*/React.createElement(Item, {
3187
- column: column,
3188
- filters: filters,
3189
- autoFocus: column.key === isOpen,
3190
- key: column.key,
3191
- onChange: handleChange,
3192
- onClose: handleClearTermAndClose
3193
- });
3194
- })
3195
- }, group);
3196
- })
3197
- }), ramda.isEmpty(ungroupedColumns) && ramda.isEmpty(groupedColumns) && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
3198
- style: "body2",
3199
- children: t("neetoFilters.messages.noResourcesFound", {
3200
- resources: t("neetoFilters.common.columns")
3201
- })
3202
- }), children]
3203
- }), /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"].Footer, {
3204
- className: "gap-x-2",
3205
- children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
3206
- "data-cy": "neeto-filters-done-btn",
3207
- label: t("neetoFilters.common.done"),
3208
- onClick: handleClearTermAndClose
3209
- }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
3210
- "data-cy": "neeto-filters-clear-btn",
3211
- disabled: isClearFiltersDisabled,
3212
- label: t("neetoFilters.common.clearFilters"),
3213
- style: "text",
3214
- onClick: handleClearAll
3215
- })]
3216
- })]
3217
- }));
3218
- };
3219
-
3220
- 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}}
3221
-
3222
- var css = ".neeto-filters-bar{align-items:center;display:flex;flex-wrap:wrap}.neeto-filters-bar__block{border-radius:var(--neeto-ui-rounded);display:flex;gap:4px;margin:4px 0;max-width:384px;overflow:hidden;padding:4px 8px;position:relative;transition:var(--neeto-ui-transition);white-space:nowrap}.neeto-filters-bar__block p:first-child{color:rgb(var(--neeto-ui-gray-700))}.neeto-filters-bar__block-close{background-image:linear-gradient(90deg,rgba(var(--neeto-ui-gray-200),.5) 0,rgba(var(--neeto-ui-gray-200),1) 25%);color:rgb(var(--neeto-ui-gray-800));opacity:0;padding:8px;position:absolute;right:0;top:0;transition:var(--neeto-ui-transition)}.neeto-filters-bar__block:active,.neeto-filters-bar__block:hover{background-color:rgb(var(--neeto-ui-gray-200));cursor:pointer}.neeto-filters-bar__block:active .neeto-filters-bar__block-close,.neeto-filters-bar__block:hover .neeto-filters-bar__block-close{border-radius:var(--neeto-ui-rounded);color:rgb(var(--neeto-ui-black));opacity:1}.neeto-filters-bar__block:focus{box-shadow:0 0 0 3px rgba(var(--neeto-ui-gray-800),15%);outline:none}.neeto-filters-bar--separator{align-self:stretch;border-left:1px solid rgb(var(--neeto-ui-gray-400));margin:12px 8px}.neeto-filters-pane-filter{overflow:visible;width:360px}.neeto-filters-pane-filter__body{align-items:stretch!important;gap:20px}.neeto-filters-pane-filter__body>*{flex-grow:0!important}.neeto-filters-pane-filter__body p{text-align:center}.neeto-filters-pane-filter__body .neeto-filters-pane-filter__item-wrapper{display:flex;flex:1;flex-direction:column;gap:8px}.neeto-filters-pane-filter__body .accordion_item .neeto-filters-pane-filter__item-wrapper{flex:1;margin-top:16px}.neeto-filters-pane-filter__body .accordion_item .neeto-filters-pane-filter__item-wrapper:first-of-type{margin-top:0}.neeto-filters-pane-filter__body .accordion_item:first-of-type .neeto-ui-accordion__item{padding-top:0}.neeto-filters-pane-filter__body .neeto-ui-accordion__wrapper--last-item{border-bottom:thin solid rgb(var(--neeto-ui-gray-300))}@media screen and (max-width:767px){.neeto-filters-pane-filter{width:100vw}}.neeto-filters-pane-backdrop{-webkit-backdrop-filter:blur(0)!important;backdrop-filter:blur(0)!important;background-color:rgba(var(--neeto-ui-gray-700),.2)}.neeto-filters-segment--active{border-color:rgb(var(--neeto-ui-primary-500))!important;box-shadow:0 0 0 1px rgb(var(--neeto-ui-primary-500))!important}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9jb21wb25lbnRzL19iYXIuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9pbmRleC5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX2ZpbHRlcnMuc2NzcyIsImFwcC9qYXZhc2NyaXB0L3NyYy9zdHlsZXNoZWV0cy9hYnN0cmFjdHMvX21peGlucy5zY3NzIiwiYXBwL2phdmFzY3JpcHQvc3JjL3N0eWxlc2hlZXRzL2NvbXBvbmVudHMvX3NlZ21lbnRzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsbUJBR0Usa0JBQUEsQ0FGQSxZQUFBLENBQ0EsY0NFRixDRENFLDBCQUtFLHFDQUFBLENBSEEsWUFBQSxDQUVBLE9BQUEsQ0FHQSxZQUFBLENBQ0EsZUFBQSxDQUVBLGVBQUEsQ0FUQSxlQUFBLENBRUEsaUJBQUEsQ0FHQSxxQ0FBQSxDQUdBLGtCQ0VKLENEQ0ksd0NBQ0UsbUNDQ04sQ0RFSSxnQ0FRRSxnSEFBQSxDQUZBLG1DQUFBLENBREEsU0FBQSxDQURBLFdBQUEsQ0FIQSxpQkFBQSxDQUVBLE9BQUEsQ0FEQSxLQUFBLENBS0EscUNDQ04sQ0RPSSxpRUFFRSw4Q0FBQSxDQUNBLGNDTk4sQ0RRTSxpSUFHRSxxQ0FBQSxDQURBLGdDQUFBLENBREEsU0NKUixDRFVJLGdDQUVFLHVEQUFBLENBREEsWUNQTixDRFlFLDhCQUdFLGtCQUFBLENBRkEsbURBQUEsQ0FDQSxlQ1RKLENDL0NBLDJCQUVFLGdCQUFBLENBREEsV0RtREYsQ0NoREUsaUNBQ0UsNkJBQUEsQ0FDQSxRRGtESixDQ2hESSxtQ0FDRSxxQkRrRE4sQ0MvQ0ksbUNBQ0UsaUJEaUROLENDOUNJLDBFQUNFLFlBQUEsQ0FHQSxNQUFBLENBRkEscUJBQUEsQ0FDQSxPRGlETixDQzVDTSwwRkFFRSxNQUFBLENBREEsZUQrQ1IsQ0M1Q1Esd0dBQ0UsWUQ4Q1YsQ0MxQ1EseUZBQ0UsYUQ0Q1YsQ0N4Q0kseUVBQ0Usc0REMENOLENFbkVJLG9DRGRKLDJCQTRDSSxXRHlDRixDQUNGLENDdENBLDZCQUNFLHlDQUFBLENBQUEsaUNBQUEsQ0FDQSxrRER5Q0YsQ0czRkEsK0JBQ0UsdURBQUEsQ0FDQSwrREg4RkYiLCJzb3VyY2VzQ29udGVudCI6WyIubmVldG8tZmlsdGVycy1iYXIge1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LXdyYXA6IHdyYXA7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG5cbiAgJl9fYmxvY2sge1xuICAgIHBhZGRpbmc6IDRweCA4cHg7XG4gICAgZGlzcGxheTogZmxleDtcbiAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgZ2FwOiA0cHg7XG4gICAgYm9yZGVyLXJhZGl1czogdmFyKC0tbmVldG8tdWktcm91bmRlZCk7XG4gICAgdHJhbnNpdGlvbjogdmFyKC0tbmVldG8tdWktdHJhbnNpdGlvbik7XG4gICAgbWFyZ2luOiA0cHggMDtcbiAgICBtYXgtd2lkdGg6IDM4NHB4O1xuICAgIHdoaXRlLXNwYWNlOiBub3dyYXA7XG4gICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgIHA6Zmlyc3QtY2hpbGQge1xuICAgICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTcwMCkpO1xuICAgIH1cblxuICAgICYtY2xvc2Uge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgdG9wOiAwO1xuICAgICAgcmlnaHQ6IDA7XG4gICAgICBwYWRkaW5nOiA4cHg7XG4gICAgICBvcGFjaXR5OiAwO1xuICAgICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTgwMCkpO1xuICAgICAgdHJhbnNpdGlvbjogdmFyKC0tbmVldG8tdWktdHJhbnNpdGlvbik7XG4gICAgICBiYWNrZ3JvdW5kLWltYWdlOiBsaW5lYXItZ3JhZGllbnQoXG4gICAgICAgIDkwZGVnLFxuICAgICAgICByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSwgMC41KSAwJSxcbiAgICAgICAgcmdiYSh2YXIoLS1uZWV0by11aS1ncmF5LTIwMCksIDEpIDI1JVxuICAgICAgKTtcbiAgICB9XG5cbiAgICAmOmhvdmVyLFxuICAgICY6YWN0aXZlIHtcbiAgICAgIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuXG4gICAgICAubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrLWNsb3NlIHtcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgICAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ibGFjaykpO1xuICAgICAgICBib3JkZXItcmFkaXVzOiB2YXIoLS1uZWV0by11aS1yb3VuZGVkKTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmOmZvY3VzIHtcbiAgICAgIG91dGxpbmU6IG5vbmU7XG4gICAgICBib3gtc2hhZG93OiAwIDAgMCAzcHggcmdiYSh2YXIoLS1uZWV0by11aS1ncmF5LTgwMCksIDE1JSk7XG4gICAgfVxuICB9XG5cbiAgJi0tc2VwYXJhdG9yIHtcbiAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkIHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTQwMCkpO1xuICAgIG1hcmdpbjogMTJweCA4cHg7XG4gICAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbiAgfVxufVxuIiwiLm5lZXRvLWZpbHRlcnMtYmFyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xufVxuLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jayB7XG4gIHBhZGRpbmc6IDRweCA4cHg7XG4gIGRpc3BsYXk6IGZsZXg7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgZ2FwOiA0cHg7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xuICB0cmFuc2l0aW9uOiB2YXIoLS1uZWV0by11aS10cmFuc2l0aW9uKTtcbiAgbWFyZ2luOiA0cHggMDtcbiAgbWF4LXdpZHRoOiAzODRweDtcbiAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbn1cbi5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2sgcDpmaXJzdC1jaGlsZCB7XG4gIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktZ3JheS03MDApKTtcbn1cbi5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2stY2xvc2Uge1xuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIHBhZGRpbmc6IDhweDtcbiAgb3BhY2l0eTogMDtcbiAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTgwMCkpO1xuICB0cmFuc2l0aW9uOiB2YXIoLS1uZWV0by11aS10cmFuc2l0aW9uKTtcbiAgYmFja2dyb3VuZC1pbWFnZTogbGluZWFyLWdyYWRpZW50KDkwZGVnLCByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktMjAwKSwgMC41KSAwJSwgcmdiYSh2YXIoLS1uZWV0by11aS1ncmF5LTIwMCksIDEpIDI1JSk7XG59XG4ubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmhvdmVyLCAubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmFjdGl2ZSB7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTIwMCkpO1xuICBjdXJzb3I6IHBvaW50ZXI7XG59XG4ubmVldG8tZmlsdGVycy1iYXJfX2Jsb2NrOmhvdmVyIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2stY2xvc2UsIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2s6YWN0aXZlIC5uZWV0by1maWx0ZXJzLWJhcl9fYmxvY2stY2xvc2Uge1xuICBvcGFjaXR5OiAxO1xuICBjb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLWJsYWNrKSk7XG4gIGJvcmRlci1yYWRpdXM6IHZhcigtLW5lZXRvLXVpLXJvdW5kZWQpO1xufVxuLm5lZXRvLWZpbHRlcnMtYmFyX19ibG9jazpmb2N1cyB7XG4gIG91dGxpbmU6IG5vbmU7XG4gIGJveC1zaGFkb3c6IDAgMCAwIDNweCByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktODAwKSwgMTUlKTtcbn1cbi5uZWV0by1maWx0ZXJzLWJhci0tc2VwYXJhdG9yIHtcbiAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS00MDApKTtcbiAgbWFyZ2luOiAxMnB4IDhweDtcbiAgYWxpZ24tc2VsZjogc3RyZXRjaDtcbn1cblxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXIge1xuICB3aWR0aDogMzYwcHg7XG4gIG92ZXJmbG93OiB2aXNpYmxlO1xufVxuLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2JvZHkge1xuICBhbGlnbi1pdGVtczogc3RyZXRjaCAhaW1wb3J0YW50O1xuICBnYXA6IDIwcHg7XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSA+ICoge1xuICBmbGV4LWdyb3c6IDAgIWltcG9ydGFudDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IHAge1xuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSAubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9faXRlbS13cmFwcGVyIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgZ2FwOiA4cHg7XG4gIGZsZXg6IDE7XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSAuYWNjb3JkaW9uX2l0ZW0gLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2l0ZW0td3JhcHBlciB7XG4gIG1hcmdpbi10b3A6IDE2cHg7XG4gIGZsZXg6IDE7XG59XG4ubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlcl9fYm9keSAuYWNjb3JkaW9uX2l0ZW0gLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2l0ZW0td3JhcHBlcjpmaXJzdC1vZi10eXBlIHtcbiAgbWFyZ2luLXRvcDogMDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IC5hY2NvcmRpb25faXRlbTpmaXJzdC1vZi10eXBlIC5uZWV0by11aS1hY2NvcmRpb25fX2l0ZW0ge1xuICBwYWRkaW5nLXRvcDogMDtcbn1cbi5uZWV0by1maWx0ZXJzLXBhbmUtZmlsdGVyX19ib2R5IC5uZWV0by11aS1hY2NvcmRpb25fX3dyYXBwZXItLWxhc3QtaXRlbSB7XG4gIGJvcmRlci1ib3R0b206IHRoaW4gc29saWQgcmdiKHZhcigtLW5lZXRvLXVpLWdyYXktMzAwKSk7XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiA3NjdweCkge1xuICAubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlciB7XG4gICAgd2lkdGg6IDEwMHZ3O1xuICB9XG59XG5cbi5uZWV0by1maWx0ZXJzLXBhbmUtYmFja2Ryb3Age1xuICBiYWNrZHJvcC1maWx0ZXI6IGJsdXIoMHB4KSAhaW1wb3J0YW50O1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktNzAwKSwgMC4yKTtcbn1cblxuLm5lZXRvLWZpbHRlcnMtc2VnbWVudC0tYWN0aXZlIHtcbiAgYm9yZGVyLWNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktcHJpbWFyeS01MDApKSAhaW1wb3J0YW50O1xuICBib3gtc2hhZG93OiAwIDAgMCAxcHggcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSkgIWltcG9ydGFudDtcbn0iLCIubmVldG8tZmlsdGVycy1wYW5lLWZpbHRlciB7XG4gIHdpZHRoOiAzNjBweDtcbiAgb3ZlcmZsb3c6IHZpc2libGU7XG5cbiAgJl9fYm9keSB7XG4gICAgYWxpZ24taXRlbXM6IHN0cmV0Y2ggIWltcG9ydGFudDtcbiAgICBnYXA6IDIwcHg7XG5cbiAgICA+ICoge1xuICAgICAgZmxleC1ncm93OiAwICFpbXBvcnRhbnQ7XG4gICAgfVxuXG4gICAgcCB7XG4gICAgICB0ZXh0LWFsaWduOiBjZW50ZXI7XG4gICAgfVxuXG4gICAgLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2l0ZW0td3JhcHBlciB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcbiAgICAgIGdhcDogOHB4O1xuICAgICAgZmxleDogMTtcbiAgICB9XG5cbiAgICAuYWNjb3JkaW9uX2l0ZW0ge1xuICAgICAgLm5lZXRvLWZpbHRlcnMtcGFuZS1maWx0ZXJfX2l0ZW0td3JhcHBlciB7XG4gICAgICAgIG1hcmdpbi10b3A6IDE2cHg7XG4gICAgICAgIGZsZXg6IDE7XG5cbiAgICAgICAgJjpmaXJzdC1vZi10eXBlIHtcbiAgICAgICAgICBtYXJnaW4tdG9wOiAwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgICAmOmZpcnN0LW9mLXR5cGUge1xuICAgICAgICAubmVldG8tdWktYWNjb3JkaW9uX19pdGVtIHtcbiAgICAgICAgICBwYWRkaW5nLXRvcDogMDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cbiAgICAubmVldG8tdWktYWNjb3JkaW9uX193cmFwcGVyLS1sYXN0LWl0ZW0ge1xuICAgICAgYm9yZGVyLWJvdHRvbTogdGhpbiBzb2xpZCByZ2IodmFyKC0tbmVldG8tdWktZ3JheS0zMDApKTtcbiAgICB9XG4gIH1cblxuICBAaW5jbHVkZSB2aWV3cG9ydChtb2IpIHtcbiAgICB3aWR0aDogMTAwdnc7XG4gIH1cbn1cblxuLm5lZXRvLWZpbHRlcnMtcGFuZS1iYWNrZHJvcCB7XG4gIGJhY2tkcm9wLWZpbHRlcjogYmx1cigwcHgpICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYmEodmFyKC0tbmVldG8tdWktZ3JheS03MDApLCAwLjIpO1xufVxuIiwiQG1peGluIHZpZXdwb3J0KCRtZWRpYSkge1xuICBAaWYgJG1lZGlhPT1kZXNrIHtcbiAgICBAbWVkaWEgc2NyZWVuIGFuZCAobWluLXdpZHRoOiAxMjAwcHgpIHtcbiAgICAgIEBjb250ZW50O1xuICAgIH1cbiAgfSBAZWxzZSBpZiAkbWVkaWE9PXRhYi1taW4ge1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMjRweCkge1xuICAgICAgQGNvbnRlbnQ7XG4gICAgfVxuICB9IEBlbHNlIGlmICRtZWRpYT09dGFiLW9ubHkge1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IDc2OHB4KSBhbmQgKG1heC13aWR0aDogMTAyM3B4KSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJG1lZGlhPT1tb2Ige1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDc2N3B4KSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH0gQGVsc2UgaWYgJG1lZGlhPT14cy1tb2Ige1xuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDQ3OXB4KSB7XG4gICAgICBAY29udGVudDtcbiAgICB9XG4gIH1cbn1cbiIsIi5uZWV0by1maWx0ZXJzLXNlZ21lbnQtLWFjdGl2ZSB7XG4gIGJvcmRlci1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXByaW1hcnktNTAwKSkgIWltcG9ydGFudDtcbiAgYm94LXNoYWRvdzogMCAwIDAgMXB4IHJnYih2YXIoLS1uZWV0by11aS1wcmltYXJ5LTUwMCkpICFpbXBvcnRhbnQ7XG59XG4iXX0= */";
3223
- n(css,{});
3224
-
3225
- function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3226
- function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
3227
- var Filters = reactUtils.withT(function (_ref) {
3228
- var t = _ref.t,
3229
- _ref$isOpen = _ref.isOpen,
3230
- isOpen = _ref$isOpen === void 0 ? false : _ref$isOpen,
3231
- _ref$setIsOpen = _ref.setIsOpen,
3232
- setIsOpen = _ref$setIsOpen === void 0 ? ramda.identity : _ref$setIsOpen,
3233
- _ref$columns = _ref.columns,
3234
- columns = _ref$columns === void 0 ? [] : _ref$columns,
3235
- _ref$onChange = _ref.onChange,
3236
- onChange = _ref$onChange === void 0 ? ramda.identity : _ref$onChange,
3237
- _ref$buttonProps = _ref.buttonProps,
3238
- buttonProps = _ref$buttonProps === void 0 ? {} : _ref$buttonProps,
3239
- _ref$paneProps = _ref.paneProps,
3240
- paneProps = _ref$paneProps === void 0 ? {} : _ref$paneProps,
3241
- _ref$isSearchable = _ref.isSearchable,
3242
- isSearchable = _ref$isSearchable === void 0 ? false : _ref$isSearchable,
3243
- className = _ref.className,
3244
- _ref$onSelectorsChang = _ref.onSelectorsChange,
3245
- onSelectorsChange = _ref$onSelectorsChang === void 0 ? neetoCist.noop : _ref$onSelectorsChang,
3246
- _ref$keyword = _ref.keyword,
3247
- keyword = _ref$keyword === void 0 ? {
3248
- node: "",
3249
- value: "",
3250
- setValue: neetoCist.noop
3251
- } : _ref$keyword,
3252
- childrenKeys = _ref.childrenKeys,
3253
- children = _ref.children;
3254
- return /*#__PURE__*/jsxRuntime.jsxs("span", {
3255
- className: classnames__default["default"](_defineProperty({}, className, className)),
3256
- children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$1({
3257
- "data-cy": "neeto-filters-toggle-btn",
3258
- label: t("neetoFilters.common.filter"),
3259
- style: "secondary",
3260
- onClick: function onClick() {
3261
- return setIsOpen(true);
3262
- }
3263
- }, buttonProps)), /*#__PURE__*/jsxRuntime.jsx(Pane, _objectSpread$1(_objectSpread$1({
3264
- onClose: function onClose() {
3265
- return setIsOpen(false);
3266
- }
3267
- }, _objectSpread$1({
3268
- childrenKeys: childrenKeys,
3269
- columns: columns,
3270
- isOpen: isOpen,
3271
- isSearchable: isSearchable,
3272
- keyword: keyword,
3273
- onChange: onChange,
3274
- onSelectorsChange: onSelectorsChange
3275
- }, paneProps)), {}, {
3276
- children: children
3277
- }))]
3278
- });
3279
- });
3280
-
3281
- var ITEMS_MAX_COUNT = 20;
3282
- var SEGMENT_ACTIONS = {
3283
- EDIT: "edit",
3284
- DELETE: "delete"
3285
- };
3286
- var ALL_RESULTS = i18next.t("neetoFilters.common.allResults");
3287
-
3288
- var Delete = function Delete(_ref) {
3289
- var isOpen = _ref.isOpen,
3290
- onClose = _ref.onClose,
3291
- _ref$segment = _ref.segment,
3292
- segment = _ref$segment === void 0 ? {} : _ref$segment,
3293
- _ref$columns = _ref.columns,
3294
- columns = _ref$columns === void 0 ? [] : _ref$columns;
3295
- var _useTranslation = reactI18next.useTranslation(),
3296
- t = _useTranslation.t;
3297
- var history = reactRouterDom.useHistory();
3298
- var _getQueryParams = utils.getQueryParams(),
3299
- segmentId = _getQueryParams.segmentId;
3300
- var _useDestroySegment = useDestroySegment(),
3301
- deleteSegment = _useDestroySegment.mutate,
3302
- isDeleting = _useDestroySegment.isPending;
3303
- var handleClearAll = function handleClearAll() {
3304
- var params = buildUrlFromFilters({
3305
- columns: columns,
3306
- filters: [],
3307
- isClearAll: true
3308
- });
3309
- history.push({
3310
- search: params
3311
- });
3312
- };
3313
- var handleDelete = function handleDelete() {
3314
- ramda.equals(segment.id, segmentId) && handleClearAll();
3315
- deleteSegment(segment.id, {
3316
- onSuccess: onClose
3317
- });
3318
- };
3319
- return /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
3320
- isOpen: isOpen,
3321
- onClose: onClose,
3322
- isSubmitting: isDeleting,
3323
- submitButtonLabel: t("neetoFilters.common.delete"),
3324
- title: t("neetoFilters.segments.deleteAlertTitle"),
3325
- message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
3326
- i18nKey: "neetoFilters.segments.deleteAlertMessage",
3327
- values: {
3328
- entity: segment.name
3329
- }
3330
- }),
3331
- onSubmit: handleDelete
3332
- });
3333
- };
3334
-
3335
- var reorderList = function reorderList(list, startIndex, endIndex) {
3336
- var result = Array.from(list);
3337
- var _result$splice = result.splice(startIndex, 1),
3338
- _result$splice2 = _slicedToArray(_result$splice, 1),
3339
- removed = _result$splice2[0];
3340
- result.splice(endIndex, 0, removed);
3341
- return result;
3342
- };
3343
-
3344
- var useSegments = function useSegments(_ref) {
3345
- var entity = _ref.entity,
3346
- columns = _ref.columns,
3347
- childrenKeys = _ref.childrenKeys;
3348
- var _useTranslation = reactI18next.useTranslation(),
3349
- t = _useTranslation.t;
3350
- var history = reactRouterDom.useHistory();
3351
- var appliedFilters = buildFiltersFromURL(columns);
3352
- var _useFetchSegments = useFetchSegments({
3353
- entity: entity
3354
- }),
3355
- fetchedSegments = _useFetchSegments.data,
3356
- isLoading = _useFetchSegments.isLoading;
3357
- var _useState = React.useState(fetchedSegments),
3358
- _useState2 = _slicedToArray(_useState, 2),
3359
- segments = _useState2[0],
3360
- setSegments = _useState2[1];
3361
- var _useUpdateSegment = useUpdateSegment(),
3362
- updateSegment = _useUpdateSegment.mutate,
3363
- isUpdating = _useUpdateSegment.isPending;
3364
- var _useState3 = React.useState({
3365
- action: "",
3366
- segment: undefined
3367
- }),
3368
- _useState4 = _slicedToArray(_useState3, 2),
3369
- confirmAction = _useState4[0],
3370
- setConfirmAction = _useState4[1];
3371
- var handleSegmentsReorder = function handleSegmentsReorder(_ref2) {
3372
- var source = _ref2.source,
3373
- destination = _ref2.destination;
3374
- if (!destination || source.index === destination.index) return;
3375
- var reorderedSegments = reorderList(segments, source.index, destination.index);
3376
- updateSegment({
3377
- id: segments[source.index].id,
3378
- payload: {
3379
- position: destination.index + 1
3380
- },
3381
- showToastr: false
3382
- });
3383
- setSegments(reorderedSegments);
3384
- };
3385
- var clearAppliedFilters = function clearAppliedFilters() {
3386
- var _filters$, _filters$2;
3387
- var filters = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : appliedFilters;
3388
- history.push({
3389
- search: buildUrlFromFilters({
3390
- columns: columns,
3391
- filters: [],
3392
- isClearAll: true,
3393
- childrenKeys: ((_filters$ = filters[0]) === null || _filters$ === void 0 ? void 0 : _filters$.conditions) && ramda.pluck("key", neetoCist.filterBy({
3394
- node: "children"
3395
- }, (_filters$2 = filters[0]) === null || _filters$2 === void 0 ? void 0 : _filters$2.conditions))
3396
- })
3397
- });
3398
- };
3399
- var handleSelectSegment = function handleSelectSegment(_ref3) {
3400
- var _filters$3;
3401
- var id = _ref3.id,
3402
- filters = _ref3.filters;
3403
- history.push({
3404
- search: buildUrlFromSegment({
3405
- columns: columns,
3406
- filters: (_filters$3 = filters[0]) === null || _filters$3 === void 0 ? void 0 : _filters$3.conditions,
3407
- id: id
3408
- })
3409
- });
3410
- };
3411
- React.useEffect(function () {
3412
- setSegments(fetchedSegments);
3413
- }, [fetchedSegments]);
3414
- if (isLoading) {
3415
- return /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {});
3416
- }
3417
- if (ramda.isEmpty(segments)) {
3418
- return /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
3419
- style: "body2",
3420
- children: t("neetoFilters.segments.noSegmentsFound")
3421
- });
3422
- }
3423
- var handleUpdate = function handleUpdate(_ref4, _ref5) {
3424
- var name = _ref4.name;
3425
- var setFieldError = _ref5.setFieldError;
3426
- var filtersPayload = buildSegmentsPayload(filters, childrenKeys);
3427
- updateSegment({
3428
- id: confirmAction.segment.id,
3429
- payload: {
3430
- name: name,
3431
- filters: filtersPayload
3432
- },
3433
- showToastr: false
3434
- }, {
3435
- onSuccess: function onSuccess() {
3436
- utils.showThumbsUpToastr();
3437
- setConfirmAction({
3438
- action: "",
3439
- segment: undefined
3440
- });
3441
- },
3442
- onError: function onError(error) {
3443
- return setFieldError("name", error.response.data.error);
3444
- }
3445
- });
3446
- };
3447
- var filters = buildFiltersFromSearchParams(columns);
3448
- return {
3449
- appliedFilters: appliedFilters,
3450
- segments: segments,
3451
- clearAppliedFilters: clearAppliedFilters,
3452
- handleSelectSegment: handleSelectSegment,
3453
- handleSegmentsReorder: handleSegmentsReorder,
3454
- setConfirmAction: setConfirmAction,
3455
- isUpdating: isUpdating,
3456
- handleUpdate: handleUpdate,
3457
- filters: filters,
3458
- onClose: function onClose() {
3459
- return setConfirmAction({
3460
- action: "",
3461
- segment: undefined
3462
- });
3463
- },
3464
- selectedSegment: confirmAction.segment,
3465
- isDeleteAlertOpen: confirmAction.action === SEGMENT_ACTIONS.DELETE,
3466
- isEditPaneOpen: confirmAction.action === SEGMENT_ACTIONS.EDIT
3467
- };
3468
- };
3469
-
3470
- var Segment = function Segment(_ref) {
3471
- var id = _ref.id,
3472
- isActive = _ref.isActive,
3473
- label = _ref.label,
3474
- onClick = _ref.onClick,
3475
- _ref$shouldShowDropdo = _ref.shouldShowDropdown,
3476
- shouldShowDropdown = _ref$shouldShowDropdo === void 0 ? false : _ref$shouldShowDropdo,
3477
- segments = _ref.segments,
3478
- setConfirmAction = _ref.setConfirmAction;
3479
- var _useTranslation = reactI18next.useTranslation(),
3480
- t = _useTranslation.t;
3481
- var menuItems = [{
3482
- key: "edit",
3483
- label: t("neetoFilters.common.edit"),
3484
- onClick: function onClick() {
3485
- return setConfirmAction({
3486
- action: SEGMENT_ACTIONS.EDIT,
3487
- segment: neetoCist.findById(id, segments)
3488
- });
3489
- }
3490
- }, {
3491
- key: "delete",
3492
- label: t("neetoFilters.common.delete"),
3493
- onClick: function onClick() {
3494
- return setConfirmAction({
3495
- action: SEGMENT_ACTIONS.DELETE,
3496
- segment: neetoCist.findById(id, segments)
3497
- });
3498
- }
3499
- }];
3500
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
3501
- onClick: onClick,
3502
- "data-cy": "neeto-filters-segment-block-".concat(neetoCist.hyphenate(label)),
3503
- className: classnames__default["default"]("neeto-ui-border-gray-400 neeto-ui-bg-white hover:neeto-ui-bg-gray-200 neeto-ui-rounded-lg mb-2 flex h-10 cursor-pointer items-center gap-2 border p-3 transition-all duration-300 ease-in-out", {
3504
- "neeto-filters-segment--active": isActive
3505
- }),
3506
- children: [/*#__PURE__*/jsxRuntime.jsx("div", {
3507
- className: "flex flex-grow items-center gap-2 overflow-hidden",
3508
- "data-cy": "new-element-field",
3509
- children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
3510
- className: "truncate leading-snug",
3511
- "data-cy": neetoCist.hyphenate(label),
3512
- style: "body2",
3513
- children: label
3514
- })
3515
- }), shouldShowDropdown && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
3516
- menuItems: menuItems,
3517
- dropdownButtonProps: {
3518
- className: "min-h-0 flex-shrink-0",
3519
- "data-cy": "".concat(neetoCist.hyphenate(label), "-more-dropdown")
3520
- }
3521
- })]
3522
- });
3523
- };
3524
-
3525
- function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
3526
- function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
3527
- var MenuBlocks = function MenuBlocks(_ref) {
3528
- var entity = _ref.entity,
3529
- segments = _ref.segments,
3530
- segmentId = _ref.segmentId,
3531
- isUpdating = _ref.isUpdating,
3532
- appliedFilters = _ref.appliedFilters,
3533
- setConfirmAction = _ref.setConfirmAction,
3534
- defaultSegmentName = _ref.defaultSegmentName,
3535
- handleSelectSegment = _ref.handleSelectSegment,
3536
- clearAppliedFilters = _ref.clearAppliedFilters,
3537
- handleSegmentsReorder = _ref.handleSegmentsReorder;
3538
- var _useTranslation = reactI18next.useTranslation(),
3539
- t = _useTranslation.t;
3540
- var _useState = React.useState(false),
3541
- _useState2 = _slicedToArray(_useState, 2),
3542
- showAll = _useState2[0],
3543
- setShowAll = _useState2[1];
3544
- return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
3545
- children: [/*#__PURE__*/jsxRuntime.jsx(MenuBar__default["default"].SubTitle, {
3546
- children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
3547
- component: "h4",
3548
- style: "h5",
3549
- textTransform: "uppercase",
3550
- weight: "bold",
3551
- children: t("neetoFilters.common.segments")
3552
- })
3553
- }), segments.length > ITEMS_MAX_COUNT && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
3554
- icon: Down__default["default"],
3555
- style: "link",
3556
- label: showAll ? t("neetoFilters.segments.showLess") : t("neetoFilters.segments.showMoreNumbers", {
3557
- entity: segments.length - ITEMS_MAX_COUNT
3558
- }),
3559
- onClick: function onClick() {
3560
- return setShowAll(function (open) {
3561
- return !open;
3562
- });
3563
- }
3564
- }), /*#__PURE__*/jsxRuntime.jsx(Segment, {
3565
- isActive: ramda.isEmpty(appliedFilters),
3566
- label: defaultSegmentName,
3567
- onClick: clearAppliedFilters
3568
- }), /*#__PURE__*/jsxRuntime.jsx(dnd.DragDropContext, {
3569
- onDragEnd: handleSegmentsReorder,
3570
- children: /*#__PURE__*/jsxRuntime.jsx(dnd.Droppable, {
3571
- droppableId: "neeto-filters-segments-".concat(entity),
3572
- children: function children(_ref2) {
3573
- var innerRef = _ref2.innerRef,
3574
- droppableProps = _ref2.droppableProps,
3575
- placeholder = _ref2.placeholder;
3576
- return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread(_objectSpread({
3577
- ref: innerRef
3578
- }, droppableProps), {}, {
3579
- children: [segments.slice(0, showAll ? segments.length : ITEMS_MAX_COUNT).map(function (segment, index) {
3580
- return /*#__PURE__*/React.createElement(dnd.Draggable, {
3581
- index: index,
3582
- draggableId: segment.id.toString(),
3583
- isDragDisabled: isUpdating,
3584
- key: segment.id.toString()
3585
- }, function (_ref3) {
3586
- var innerRef = _ref3.innerRef,
3587
- draggableProps = _ref3.draggableProps,
3588
- dragHandleProps = _ref3.dragHandleProps;
3589
- return /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread(_objectSpread(_objectSpread({
3590
- ref: innerRef
3591
- }, draggableProps), dragHandleProps), {}, {
3592
- children: /*#__PURE__*/React.createElement(Segment, {
3593
- segments: segments,
3594
- setConfirmAction: setConfirmAction,
3595
- shouldShowDropdown: true,
3596
- id: segment.id,
3597
- isActive: segment.id === segmentId,
3598
- key: segment.id,
3599
- label: segment.name,
3600
- onClick: function onClick() {
3601
- return handleSelectSegment(segment);
3602
- }
3603
- })
3604
- }));
3605
- });
3606
- }), placeholder]
3607
- }));
3608
- }
3609
- })
3610
- })]
3611
- });
3612
- };
3613
- var MenuBlocks$1 = /*#__PURE__*/React__default["default"].memo(MenuBlocks);
3614
-
3615
- var SidebarBlock = function SidebarBlock(_ref) {
3616
- var id = _ref.id,
3617
- isActive = _ref.isActive,
3618
- label = _ref.label,
3619
- onClick = _ref.onClick,
3620
- segments = _ref.segments,
3621
- setConfirmAction = _ref.setConfirmAction;
3622
- var _useTranslation = reactI18next.useTranslation(),
3623
- t = _useTranslation.t;
3624
- var menuItems = [{
3625
- key: "edit",
3626
- label: t("neetoFilters.common.edit"),
3627
- onClick: function onClick() {
3628
- return setConfirmAction({
3629
- action: SEGMENT_ACTIONS.EDIT,
3630
- segment: neetoCist.findById(id, segments)
3631
- });
3632
- }
3633
- }, {
3634
- key: "delete",
3635
- label: t("neetoFilters.common.delete"),
3636
- onClick: function onClick() {
3637
- return setConfirmAction({
3638
- action: SEGMENT_ACTIONS.DELETE,
3639
- segment: neetoCist.findById(id, segments)
3640
- });
3641
- }
3642
- }];
3643
- var dataCyPrefix = neetoCist.hyphenate(label);
3644
- return /*#__PURE__*/jsxRuntime.jsxs("button", {
3645
- onClick: onClick,
3646
- "data-cy": "".concat(dataCyPrefix, "-segment-link"),
3647
- className: classnames__default["default"]("neeto-molecules-sidebar-segment neeto-molecules-sidebar__sublink neeto-ui-flex neeto-ui-items-center neeto-ui-select-none mb-0 w-full py-1", {
3648
- active: isActive
3649
- }),
3650
- children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
3651
- className: "neeto-molecules-sidebar__link-sub-label neeto-molecules-sidebar-segment__label neeto-ui-flex-grow min-w-0",
3652
- component: "span",
3653
- "data-cy": "".concat(dataCyPrefix, "-sub-link-label"),
3654
- style: "body2",
3655
- children: label
3656
- }), /*#__PURE__*/jsxRuntime.jsx(MoreDropdown__default["default"], {
3657
- menuItems: menuItems,
3658
- dropdownButtonProps: {
3659
- "data-testid": "segment-more-menu-".concat(dataCyPrefix),
3660
- className: "flex-shrink-0",
3661
- size: "small",
3662
- style: "secondary"
3663
- },
3664
- dropdownProps: {
3665
- position: "bottom-end",
3666
- strategy: "fixed",
3667
- autoWidth: true
3668
- }
3669
- })]
3670
- });
3671
- };
3672
-
3673
- var Segments = function Segments(_ref) {
3674
- var entity = _ref.entity,
3675
- columns = _ref.columns,
3676
- _ref$defaultSegmentNa = _ref.defaultSegmentName,
3677
- defaultSegmentName = _ref$defaultSegmentNa === void 0 ? ALL_RESULTS : _ref$defaultSegmentNa,
3678
- customFilters = _ref.customFilters,
3679
- _ref$childrenKeys = _ref.childrenKeys,
3680
- childrenKeys = _ref$childrenKeys === void 0 ? [] : _ref$childrenKeys,
3681
- _ref$isIndependent = _ref.isIndependent,
3682
- isIndependent = _ref$isIndependent === void 0 ? true : _ref$isIndependent;
3683
- var _useTranslation = reactI18next.useTranslation(),
3684
- t = _useTranslation.t;
3685
- var _useQueryParams = reactUtils.useQueryParams(),
3686
- segmentId = _useQueryParams.segmentId;
3687
- var segmentFormInitialRef = React.useRef(null);
3688
- var _useSegments = useSegments({
3689
- entity: entity,
3690
- columns: columns,
3691
- childrenKeys: childrenKeys
3692
- }),
3693
- _useSegments$segments = _useSegments.segments,
3694
- segments = _useSegments$segments === void 0 ? [] : _useSegments$segments,
3695
- clearAppliedFilters = _useSegments.clearAppliedFilters,
3696
- handleSelectSegment = _useSegments.handleSelectSegment,
3697
- handleSegmentsReorder = _useSegments.handleSegmentsReorder,
3698
- onClose = _useSegments.onClose,
3699
- setConfirmAction = _useSegments.setConfirmAction,
3700
- selectedSegment = _useSegments.selectedSegment,
3701
- isDeleteAlertOpen = _useSegments.isDeleteAlertOpen,
3702
- isEditPaneOpen = _useSegments.isEditPaneOpen,
3703
- isUpdating = _useSegments.isUpdating,
3704
- handleUpdate = _useSegments.handleUpdate,
3705
- filters = _useSegments.filters,
3706
- appliedFilters = _useSegments.appliedFilters;
3707
- return /*#__PURE__*/jsxRuntime.jsxs("div", {
3708
- "data-testid": "neeto-filters-segments",
3709
- children: [isIndependent ? /*#__PURE__*/jsxRuntime.jsx(MenuBlocks$1, {
3710
- appliedFilters: appliedFilters,
3711
- clearAppliedFilters: clearAppliedFilters,
3712
- defaultSegmentName: defaultSegmentName,
3713
- entity: entity,
3714
- handleSegmentsReorder: handleSegmentsReorder,
3715
- handleSelectSegment: handleSelectSegment,
3716
- isUpdating: isUpdating,
3717
- segmentId: segmentId,
3718
- segments: segments,
3719
- setConfirmAction: setConfirmAction
3720
- }) : /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
3721
- children: [neetoCist.isNotEmpty(segments) && /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
3722
- style: "body3",
3723
- weight: "semibold",
3724
- className: "neeto-molecules-sidebar-segments-header neeto-ui-text-transform-capitalize neeto-ui-text-gray-600 py-2 uppercase",
3725
- children: t("neetoFilters.segments.segment", constants.PLURAL)
3726
- }), segments.map(function (segment) {
3727
- return /*#__PURE__*/React.createElement(SidebarBlock, {
3728
- segments: segments,
3729
- setConfirmAction: setConfirmAction,
3730
- id: segment.id,
3731
- isActive: segment.id === segmentId,
3732
- key: segment.id,
3733
- label: segment.name,
3734
- onClick: function onClick() {
3735
- return handleSelectSegment(segment);
3736
- }
3737
- });
3738
- })]
3739
- }), /*#__PURE__*/jsxRuntime.jsx(SegmentForm, {
3740
- childrenKeys: childrenKeys,
3741
- columns: columns,
3742
- customFilters: customFilters,
3743
- defaultSegmentName: defaultSegmentName,
3744
- filters: filters,
3745
- onClose: onClose,
3746
- segmentFormInitialRef: segmentFormInitialRef,
3747
- isEdit: true,
3748
- handleSubmit: handleUpdate,
3749
- initialValues: selectedSegment,
3750
- isOpen: isEditPaneOpen,
3751
- isSubmitting: isUpdating
3752
- }), /*#__PURE__*/jsxRuntime.jsx(Delete, {
3753
- columns: columns,
3754
- onClose: onClose,
3755
- isOpen: isDeleteAlertOpen,
3756
- segment: selectedSegment
3757
- })]
3758
- });
3759
- };
3760
- var index = /*#__PURE__*/React__default["default"].memo(Segments);
3761
-
3762
- exports.Bar = Bar;
3763
- exports.Filters = Filters;
3764
- exports.Segments = index;
3765
- exports.buildFilterColumnsFromFields = buildFilterColumnsFromFields;
3766
- exports.buildFiltersFromURL = buildFiltersFromURL;
3767
- exports.buildSelectorsFromURL = buildSelectorsFromURL;
3768
- exports.buildUrlFromFilters = buildUrlFromFilters;
3769
- exports.buildUrlFromSegment = buildUrlFromSegment;
3770
- exports.useDestroySegment = useDestroySegment;
3771
- exports.useFetchSegments = useFetchSegments;
3772
- exports.useUpdateSegment = useUpdateSegment;
3773
- //# sourceMappingURL=index.cjs.js.map