@bigbinary/neeto-molecules 1.15.9 → 1.15.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ConfigurePageSidebar.js +2 -11
- package/dist/ConfigurePageSidebar.js.map +1 -1
- package/dist/NeetoWidget.js +23 -14
- package/dist/NeetoWidget.js.map +1 -1
- package/dist/Sidebar.js +4 -10
- package/dist/Sidebar.js.map +1 -1
- package/dist/cjs/ConfigurePageSidebar.js +2 -11
- package/dist/cjs/ConfigurePageSidebar.js.map +1 -1
- package/dist/cjs/NeetoWidget.js +23 -14
- package/dist/cjs/NeetoWidget.js.map +1 -1
- package/dist/cjs/Sidebar.js +4 -10
- package/dist/cjs/Sidebar.js.map +1 -1
- package/dist/cjs/{sidebar-b0a2e0b1.js → sidebar-5d2ba200.js} +17 -275
- package/dist/cjs/sidebar-5d2ba200.js.map +1 -0
- package/dist/{sidebar-50ba4b0a.js → sidebar-ae948c16.js} +22 -261
- package/dist/sidebar-ae948c16.js.map +1 -0
- package/package.json +3 -3
- package/src/translations/en.json +3 -14
- package/dist/cjs/sidebar-b0a2e0b1.js.map +0 -1
- package/dist/sidebar-50ba4b0a.js.map +0 -1
|
@@ -10,43 +10,15 @@ var neetoIcons = require('@bigbinary/neeto-icons');
|
|
|
10
10
|
var neetoui = require('@bigbinary/neetoui');
|
|
11
11
|
var ramda = require('ramda');
|
|
12
12
|
var neetoCist = require('@bigbinary/neeto-cist');
|
|
13
|
-
var
|
|
14
|
-
var reactI18next = require('react-i18next');
|
|
13
|
+
var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
|
|
15
14
|
var useRegisterNavigationCheckpoint = require('@bigbinary/neeto-commons-frontend/react-utils/useRegisterNavigationCheckpoint');
|
|
16
15
|
var reactRouterDom = require('react-router-dom');
|
|
17
|
-
var slicedToArray = require('./slicedToArray-f320d9e7.js');
|
|
18
|
-
var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
|
|
19
|
-
var reactRouterDom_min = require('react-router-dom/cjs/react-router-dom.min');
|
|
20
|
-
var MoreDropdown = require('./MoreDropdown.js');
|
|
21
|
-
var utils = require('@bigbinary/neeto-commons-frontend/utils');
|
|
22
|
-
var formik = require('@bigbinary/neetoui/formik');
|
|
23
|
-
var i18next = require('i18next');
|
|
24
|
-
var yup = require('yup');
|
|
25
16
|
var injectCss = require('./inject-css-80a5faa3.js');
|
|
26
17
|
|
|
27
18
|
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
28
19
|
|
|
29
|
-
function _interopNamespace(e) {
|
|
30
|
-
if (e && e.__esModule) return e;
|
|
31
|
-
var n = Object.create(null);
|
|
32
|
-
if (e) {
|
|
33
|
-
Object.keys(e).forEach(function (k) {
|
|
34
|
-
if (k !== 'default') {
|
|
35
|
-
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
36
|
-
Object.defineProperty(n, k, d.get ? d : {
|
|
37
|
-
enumerable: true,
|
|
38
|
-
get: function () { return e[k]; }
|
|
39
|
-
});
|
|
40
|
-
}
|
|
41
|
-
});
|
|
42
|
-
}
|
|
43
|
-
n["default"] = e;
|
|
44
|
-
return Object.freeze(n);
|
|
45
|
-
}
|
|
46
|
-
|
|
47
20
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
48
21
|
var classnames__default = /*#__PURE__*/_interopDefaultLegacy(classnames);
|
|
49
|
-
var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
|
|
50
22
|
|
|
51
23
|
var _excluded$1 = ["checkpointKey", "to", "children"];
|
|
52
24
|
var CheckPointNavLinks = function CheckPointNavLinks(_ref) {
|
|
@@ -58,228 +30,14 @@ var CheckPointNavLinks = function CheckPointNavLinks(_ref) {
|
|
|
58
30
|
checkpoint = _useNavigationCheckpo[checkpointKey];
|
|
59
31
|
return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.NavLink, _extends._extends({
|
|
60
32
|
to: checkpoint || to
|
|
61
|
-
}, others
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
var DeleteAlert = function DeleteAlert(_ref) {
|
|
65
|
-
var isOpen = _ref.isOpen,
|
|
66
|
-
onClose = _ref.onClose,
|
|
67
|
-
segment = _ref.segment,
|
|
68
|
-
columns = _ref.columns;
|
|
69
|
-
var _useTranslation = reactI18next.useTranslation(),
|
|
70
|
-
t = _useTranslation.t;
|
|
71
|
-
var history = reactRouterDom.useHistory();
|
|
72
|
-
var _getQueryParams = general.getQueryParams(),
|
|
73
|
-
segmentId = _getQueryParams.segmentId;
|
|
74
|
-
var _useDestroySegment = neetoFiltersFrontend.useDestroySegment(),
|
|
75
|
-
deleteSegment = _useDestroySegment.mutate,
|
|
76
|
-
isDeleting = _useDestroySegment.isLoading;
|
|
77
|
-
var handleClearAll = function handleClearAll() {
|
|
78
|
-
var params = neetoFiltersFrontend.buildUrlFromFilters({
|
|
79
|
-
columns: columns,
|
|
80
|
-
filters: [],
|
|
81
|
-
isClearAll: true
|
|
82
|
-
});
|
|
83
|
-
history.push({
|
|
84
|
-
search: params
|
|
85
|
-
});
|
|
86
|
-
};
|
|
87
|
-
var handleDelete = function handleDelete() {
|
|
88
|
-
segment.id === segmentId && handleClearAll();
|
|
89
|
-
deleteSegment(segment.id, {
|
|
90
|
-
onSuccess: onClose
|
|
91
|
-
});
|
|
92
|
-
};
|
|
93
|
-
return /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
|
|
94
|
-
isOpen: isOpen,
|
|
95
|
-
onClose: onClose,
|
|
96
|
-
isSubmitting: isDeleting,
|
|
97
|
-
submitButtonLabel: t("neetoMolecules.common.actions.delete"),
|
|
98
|
-
message: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
|
|
99
|
-
i18nKey: "neetoMolecules.sidebar.segments.deleteAlertMessage",
|
|
100
|
-
values: {
|
|
101
|
-
entity: segment.name
|
|
102
|
-
}
|
|
103
|
-
}),
|
|
104
|
-
title: t("neetoMolecules.common.deleteAlert.title", {
|
|
105
|
-
entity: t("neetoMolecules.sidebar.segments.segment", constants.SINGULAR)
|
|
106
|
-
}),
|
|
107
|
-
onSubmit: handleDelete
|
|
108
|
-
});
|
|
109
|
-
};
|
|
110
|
-
|
|
111
|
-
var RENAME_SEGMENT_FORM_VALIDATION = yup__namespace.object().shape({
|
|
112
|
-
name: yup__namespace.string().trim().required(i18next.t("neetoMolecules.sidebar.segments.validations.nameIsRequired"))
|
|
113
|
-
});
|
|
114
|
-
|
|
115
|
-
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; }
|
|
116
|
-
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._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; }
|
|
117
|
-
var Rename = function Rename(_ref) {
|
|
118
|
-
var isOpen = _ref.isOpen,
|
|
119
|
-
setIsOpen = _ref.setIsOpen,
|
|
120
|
-
segment = _ref.segment;
|
|
121
|
-
var _useTranslation = reactI18next.useTranslation(),
|
|
122
|
-
t = _useTranslation.t;
|
|
123
|
-
var _useUpdateSegment = neetoFiltersFrontend.useUpdateSegment(),
|
|
124
|
-
updateSegment = _useUpdateSegment.mutate;
|
|
125
|
-
var inputRef = React.useRef();
|
|
126
|
-
var handleSubmit = function handleSubmit(values, _ref2) {
|
|
127
|
-
var setSubmitting = _ref2.setSubmitting,
|
|
128
|
-
setFieldError = _ref2.setFieldError;
|
|
129
|
-
setSubmitting(true);
|
|
130
|
-
updateSegment({
|
|
131
|
-
id: segment.id,
|
|
132
|
-
payload: _objectSpread$2(_objectSpread$2({}, segment), values),
|
|
133
|
-
showToastr: false
|
|
134
|
-
}, {
|
|
135
|
-
onSuccess: function onSuccess() {
|
|
136
|
-
setIsOpen(false);
|
|
137
|
-
utils.showThumbsUpToastr();
|
|
138
|
-
},
|
|
139
|
-
onSettled: function onSettled() {
|
|
140
|
-
setSubmitting(false);
|
|
141
|
-
},
|
|
142
|
-
onError: function onError(error) {
|
|
143
|
-
var _error$response, _error$response3, _error$response3$data;
|
|
144
|
-
if (((_error$response = error.response) === null || _error$response === void 0 ? void 0 : _error$response.status) !== 422) {
|
|
145
|
-
var _error$response2, _error$response2$data;
|
|
146
|
-
var errorMessage = (_error$response2 = error.response) === null || _error$response2 === void 0 ? void 0 : (_error$response2$data = _error$response2.data) === null || _error$response2$data === void 0 ? void 0 : _error$response2$data.error;
|
|
147
|
-
neetoui.Toastr.error(errorMessage || t("neetoMolecules.common.somethingWentWrong"));
|
|
148
|
-
return;
|
|
149
|
-
}
|
|
150
|
-
setFieldError("name", (_error$response3 = error.response) === null || _error$response3 === void 0 ? void 0 : (_error$response3$data = _error$response3.data) === null || _error$response3$data === void 0 ? void 0 : _error$response3$data.error);
|
|
151
|
-
}
|
|
152
|
-
});
|
|
153
|
-
};
|
|
154
|
-
return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
|
|
155
|
-
isOpen: isOpen,
|
|
156
|
-
initialFocusRef: inputRef,
|
|
157
|
-
onClose: function onClose() {
|
|
158
|
-
return setIsOpen(false);
|
|
159
|
-
}
|
|
160
|
-
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
161
|
-
"data-cy": "edit-pane-header",
|
|
162
|
-
style: "h2"
|
|
163
|
-
}, t("neetoMolecules.sidebar.segments.renameTitle"))), /*#__PURE__*/React__default["default"].createElement(formik.Form, {
|
|
164
|
-
className: "w-full",
|
|
165
|
-
formikProps: {
|
|
166
|
-
initialValues: {
|
|
167
|
-
name: segment.name
|
|
168
|
-
},
|
|
169
|
-
validateOnChange: true,
|
|
170
|
-
validateOnBlur: true,
|
|
171
|
-
validationSchema: RENAME_SEGMENT_FORM_VALIDATION,
|
|
172
|
-
onSubmit: handleSubmit
|
|
173
|
-
}
|
|
174
|
-
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
|
|
175
|
-
required: true,
|
|
176
|
-
className: "w-full",
|
|
177
|
-
"data-testid": "segment-name-input-field",
|
|
178
|
-
label: t("neetoMolecules.sidebar.segments.renameFieldLabel"),
|
|
179
|
-
name: "name",
|
|
180
|
-
ref: inputRef
|
|
181
|
-
})), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, {
|
|
182
|
-
className: "flex items-center space-x-2"
|
|
183
|
-
}, /*#__PURE__*/React__default["default"].createElement(formik.ActionBlock, {
|
|
184
|
-
cancelButtonProps: {
|
|
185
|
-
onClick: function onClick() {
|
|
186
|
-
return setIsOpen(false);
|
|
187
|
-
},
|
|
188
|
-
disabled: false,
|
|
189
|
-
className: "ml-2"
|
|
190
|
-
}
|
|
191
|
-
}))));
|
|
192
|
-
};
|
|
193
|
-
|
|
194
|
-
var Segment = function Segment(_ref) {
|
|
195
|
-
var dataCy = _ref.dataCy,
|
|
196
|
-
segment = _ref.segment,
|
|
197
|
-
label = _ref.label,
|
|
198
|
-
columns = _ref.columns;
|
|
199
|
-
var _useTranslation = reactI18next.useTranslation(),
|
|
200
|
-
t = _useTranslation.t;
|
|
201
|
-
var _useState = React.useState(false),
|
|
202
|
-
_useState2 = slicedToArray._slicedToArray(_useState, 2),
|
|
203
|
-
isDeleteAlertOpen = _useState2[0],
|
|
204
|
-
setIsDeleteAlertOpen = _useState2[1];
|
|
205
|
-
var _useState3 = React.useState(false),
|
|
206
|
-
_useState4 = slicedToArray._slicedToArray(_useState3, 2),
|
|
207
|
-
isRenamePaneOpen = _useState4[0],
|
|
208
|
-
setIsRenamePaneOpen = _useState4[1];
|
|
209
|
-
var history = reactRouterDom_min.useHistory();
|
|
210
|
-
var _getQueryParams = general.getQueryParams(),
|
|
211
|
-
segmentId = _getQueryParams.segmentId;
|
|
212
|
-
var handleSelectSegment = function handleSelectSegment() {
|
|
213
|
-
var _segment$filters$;
|
|
214
|
-
history.push({
|
|
215
|
-
search: neetoFiltersFrontend.buildUrlFromSegment({
|
|
216
|
-
columns: columns,
|
|
217
|
-
filters: (_segment$filters$ = segment.filters[0]) === null || _segment$filters$ === void 0 ? void 0 : _segment$filters$.conditions,
|
|
218
|
-
id: segment.id
|
|
219
|
-
})
|
|
220
|
-
});
|
|
221
|
-
};
|
|
222
|
-
var dataCyPrefix = dataCy || neetoCist.hyphenate(label);
|
|
223
|
-
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
|
|
224
|
-
className: "neeto-molecules-sidebar-segment neeto-molecules-sidebar__sublink neeto-ui-flex"
|
|
225
|
-
}, /*#__PURE__*/React__default["default"].createElement("button", {
|
|
226
|
-
"data-cy": "".concat(dataCyPrefix, "-segment-link"),
|
|
227
|
-
className: classnames__default["default"]("neeto-ui-flex neeto-ui-items-center neeto-ui-select-none mb-0 w-full", {
|
|
228
|
-
active: segmentId === segment.id
|
|
229
|
-
}),
|
|
230
|
-
onClick: handleSelectSegment
|
|
231
|
-
}, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
|
|
232
|
-
className: "neeto-molecules-sidebar__link-sub-label neeto-molecules-sidebar-segment__label neeto-ui-flex-grow min-w-0",
|
|
233
|
-
component: "span",
|
|
234
|
-
"data-cy": "".concat(dataCyPrefix, "-sub-link-label"),
|
|
235
|
-
style: "body2"
|
|
236
|
-
}, label)), /*#__PURE__*/React__default["default"].createElement(MoreDropdown, {
|
|
237
|
-
dropdownButtonProps: {
|
|
238
|
-
"data-testid": "segment-more-menu-".concat(dataCyPrefix),
|
|
239
|
-
className: "flex-shrink-0",
|
|
240
|
-
size: "small",
|
|
241
|
-
style: "secondary"
|
|
242
|
-
},
|
|
243
|
-
dropdownProps: {
|
|
244
|
-
position: "bottom-end",
|
|
245
|
-
strategy: "fixed",
|
|
246
|
-
autoWidth: true,
|
|
247
|
-
onClick: function onClick(e) {
|
|
248
|
-
e.stopPropagation();
|
|
249
|
-
}
|
|
250
|
-
},
|
|
251
|
-
menuItems: [{
|
|
252
|
-
label: t("neetoMolecules.common.actions.rename"),
|
|
253
|
-
onClick: function onClick(e) {
|
|
254
|
-
setIsRenamePaneOpen(true);
|
|
255
|
-
e.stopPropagation();
|
|
256
|
-
},
|
|
257
|
-
key: "edit-custom-segment-button"
|
|
258
|
-
}, {
|
|
259
|
-
label: t("neetoMolecules.common.actions.delete"),
|
|
260
|
-
onClick: function onClick(e) {
|
|
261
|
-
setIsDeleteAlertOpen(true);
|
|
262
|
-
e.stopPropagation();
|
|
263
|
-
},
|
|
264
|
-
key: "delete-custom-segment-button"
|
|
265
|
-
}]
|
|
266
|
-
})), /*#__PURE__*/React__default["default"].createElement(DeleteAlert, {
|
|
267
|
-
columns: columns,
|
|
268
|
-
segment: segment,
|
|
269
|
-
isOpen: isDeleteAlertOpen,
|
|
270
|
-
onClose: function onClose() {
|
|
271
|
-
return setIsDeleteAlertOpen(false);
|
|
272
|
-
}
|
|
273
|
-
}), /*#__PURE__*/React__default["default"].createElement(Rename, {
|
|
274
|
-
segment: segment,
|
|
275
|
-
isOpen: isRenamePaneOpen,
|
|
276
|
-
setIsOpen: setIsRenamePaneOpen
|
|
277
|
-
}));
|
|
33
|
+
}, others, {
|
|
34
|
+
key: to
|
|
35
|
+
}), children);
|
|
278
36
|
};
|
|
279
37
|
|
|
280
38
|
var SUB_LINK_TYPES = {
|
|
281
39
|
SYSTEM_VIEW: "system_view",
|
|
282
|
-
|
|
40
|
+
SEGMENTS: "segments"
|
|
283
41
|
};
|
|
284
42
|
|
|
285
43
|
var isSubRouteActive = function isSubRouteActive(subRoute, location) {
|
|
@@ -310,23 +68,18 @@ var SubLink = function SubLink(_ref) {
|
|
|
310
68
|
_ref$type = _ref.type,
|
|
311
69
|
type = _ref$type === void 0 ? SUB_LINK_TYPES.SYSTEM_VIEW : _ref$type,
|
|
312
70
|
count = _ref.count,
|
|
313
|
-
columns = _ref.columns,
|
|
314
|
-
filters = _ref.filters,
|
|
315
|
-
id = _ref.id,
|
|
316
71
|
isSectionHeader = _ref.isSectionHeader,
|
|
317
72
|
isCountsLoading = _ref.isCountsLoading,
|
|
318
|
-
dataCy = _ref["data-cy"]
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
|
-
|
|
325
|
-
return /*#__PURE__*/React__default["default"].createElement(Segment, {
|
|
73
|
+
dataCy = _ref["data-cy"],
|
|
74
|
+
_ref$entity = _ref.entity,
|
|
75
|
+
entity = _ref$entity === void 0 ? "" : _ref$entity,
|
|
76
|
+
_ref$columns = _ref.columns,
|
|
77
|
+
columns = _ref$columns === void 0 ? [] : _ref$columns;
|
|
78
|
+
if (type === SUB_LINK_TYPES.SEGMENTS) {
|
|
79
|
+
return /*#__PURE__*/React__default["default"].createElement(neetoFiltersFrontend.Segments, {
|
|
326
80
|
columns: columns,
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
segment: segment
|
|
81
|
+
entity: entity,
|
|
82
|
+
isIndependent: false
|
|
330
83
|
});
|
|
331
84
|
}
|
|
332
85
|
var dataCyPrefix = dataCy || neetoCist.hyphenate(label);
|
|
@@ -362,13 +115,7 @@ var Items = function Items(_ref) {
|
|
|
362
115
|
var items = _ref.items,
|
|
363
116
|
_ref$isSettingsItems = _ref.isSettingsItems,
|
|
364
117
|
isSettingsItems = _ref$isSettingsItems === void 0 ? false : _ref$isSettingsItems,
|
|
365
|
-
isCountsLoading = _ref.isCountsLoading
|
|
366
|
-
columns = _ref.columns;
|
|
367
|
-
var _useTranslation = reactI18next.useTranslation(),
|
|
368
|
-
t = _useTranslation.t;
|
|
369
|
-
var firstSegmentIndex = neetoCist._findIndexBy({
|
|
370
|
-
type: SUB_LINK_TYPES.SEGMENT
|
|
371
|
-
}, items);
|
|
118
|
+
isCountsLoading = _ref.isCountsLoading;
|
|
372
119
|
return /*#__PURE__*/React__default["default"].createElement("div", {
|
|
373
120
|
className: "neeto-molecules-sidebar__sublink-wrapper",
|
|
374
121
|
"data-cy": "sidebar-sub-link-wrapper"
|
|
@@ -376,12 +123,7 @@ var Items = function Items(_ref) {
|
|
|
376
123
|
var _subItem$to;
|
|
377
124
|
return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, {
|
|
378
125
|
key: subIndex
|
|
379
|
-
},
|
|
380
|
-
className: "neeto-molecules-sidebar-segments-header neeto-ui-text-transform-capitalize neeto-ui-text-gray-600 py-2 uppercase",
|
|
381
|
-
style: "body3",
|
|
382
|
-
weight: "semibold"
|
|
383
|
-
}, t("neetoMolecules.sidebar.segments.segment", constants.PLURAL)), /*#__PURE__*/React__default["default"].createElement(SubLink, _extends._extends({}, _objectSpread$1(_objectSpread$1({}, subItem), {}, {
|
|
384
|
-
columns: columns,
|
|
126
|
+
}, /*#__PURE__*/React__default["default"].createElement(SubLink, _extends._extends({}, _objectSpread$1(_objectSpread$1({}, subItem), {}, {
|
|
385
127
|
isCountsLoading: isCountsLoading
|
|
386
128
|
}), {
|
|
387
129
|
isSectionHeader: neetoCist.isPresent(subItem.item),
|
|
@@ -435,4 +177,4 @@ exports.Items = Items;
|
|
|
435
177
|
exports.SelectedLink = SelectedLink;
|
|
436
178
|
exports.filterByPermissions = filterByPermissions;
|
|
437
179
|
exports.getSidebarStateLocalStorageKey = getSidebarStateLocalStorageKey;
|
|
438
|
-
//# sourceMappingURL=sidebar-
|
|
180
|
+
//# sourceMappingURL=sidebar-5d2ba200.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sidebar-5d2ba200.js","sources":["../../src/components/Sidebar/Components/Links/CheckPointNavLink.jsx","../../src/components/Sidebar/constants.js","../../src/components/Sidebar/utils.js","../../src/components/Sidebar/Components/Links/SubLink.jsx","../../src/components/Sidebar/Components/Links/Items.jsx","../../src/components/Sidebar/Components/Links/SelectedLink.jsx"],"sourcesContent":["import React from \"react\";\n\nimport { useNavigationCheckpoints } from \"neetocommons/react-utils/useRegisterNavigationCheckpoint\";\nimport { NavLink } from \"react-router-dom\";\n\nconst CheckPointNavLinks = ({ checkpointKey, to, children, ...others }) => {\n const { [checkpointKey]: checkpoint } =\n useNavigationCheckpoints(checkpointKey);\n\n return (\n <NavLink to={checkpoint || to} {...others} key={to}>\n {children}\n </NavLink>\n );\n};\n\nexport default CheckPointNavLinks;\n","export const SUB_LINK_TYPES = {\n SYSTEM_VIEW: \"system_view\",\n SEGMENTS: \"segments\",\n};\n","import { isNotEmpty } from \"neetocist\";\nimport { __, all, curry, equals, includes, is } from \"ramda\";\n\nexport const isSubRouteActive = (subRoute, location) => {\n const currentBrowserUrl = new URL(\n location.pathname + location.search + location.hash,\n window.location.origin\n );\n const targetUrl = new URL(subRoute, window.location.origin);\n\n const targetSearchParams = targetUrl.searchParams;\n const targetSearchKeys = Array.from(targetSearchParams.keys());\n\n return (\n all(\n key =>\n currentBrowserUrl.searchParams.get(key) === targetSearchParams.get(key),\n targetSearchKeys\n ) && equals(currentBrowserUrl.pathname, targetUrl.pathname)\n );\n};\n\nexport const getSidebarStateLocalStorageKey = () => {\n const user = globalProps.user?.email || globalProps.user?.phoneNumber;\n\n return `sidebarState-${user}`;\n};\n\nexport const filterByPermissions = curry(({ permissions }) => {\n if (permissions && isNotEmpty(permissions)) {\n return is(Array, permissions)\n ? permissions.some(includes(__, globalProps.permissions))\n : globalProps.permissions.includes(permissions);\n }\n\n return true;\n});\n","import React from \"react\";\n\nimport { hyphenate } from \"neetocist\";\nimport { Segments } from \"neetofilters\";\nimport { Typography } from \"neetoui\";\n\nimport CheckPointNavLinks from \"./CheckPointNavLink\";\n\nimport { SUB_LINK_TYPES } from \"../../constants\";\nimport { isSubRouteActive } from \"../../utils\";\n\nconst SubLink = ({\n to,\n label,\n type = SUB_LINK_TYPES.SYSTEM_VIEW,\n count,\n isSectionHeader,\n isCountsLoading,\n \"data-cy\": dataCy,\n entity = \"\",\n columns = [],\n}) => {\n if (type === SUB_LINK_TYPES.SEGMENTS) {\n return <Segments {...{ columns, entity }} isIndependent={false} />;\n }\n\n const dataCyPrefix = dataCy || hyphenate(label);\n\n const renderCount = count => (count > 999 ? \"999+\" : count);\n\n return (\n <CheckPointNavLinks\n {...{ to }}\n activeClassName=\"active\"\n className=\"neeto-molecules-sidebar__sublink neeto-ui-flex neeto-ui-items-center neeto-ui-select-none\"\n data-cy={`${dataCyPrefix}-sub-link`}\n isActive={() => !isSectionHeader && isSubRouteActive(to, location)}\n >\n <Typography\n className=\"neeto-molecules-sidebar__link-sub-label neeto-ui-flex-grow\"\n component=\"span\"\n data-cy={`${dataCyPrefix}-sub-link-label`}\n style=\"body2\"\n >\n {label}\n </Typography>\n <Typography\n className=\"neeto-molecules-sidebar__link-sub-count neeto-ui-flex-shrink-0\"\n component=\"span\"\n data-cy={`${dataCyPrefix}-sub-link-count`}\n style=\"body2\"\n >\n {isCountsLoading ? (\n <div className=\"neeto-ui-rounded neeto-ui-bg-gray-200 h-4 w-4 animate-pulse\" />\n ) : (\n renderCount(count)\n )}\n </Typography>\n </CheckPointNavLinks>\n );\n};\n\nexport default SubLink;\n","import React from \"react\";\n\nimport { isPresent } from \"neetocist\";\n\nimport SubLink from \"./SubLink\";\n\nimport { filterByPermissions } from \"../../utils\";\n\nconst Items = ({ items, isSettingsItems = false, isCountsLoading }) => (\n <div\n className=\"neeto-molecules-sidebar__sublink-wrapper\"\n data-cy=\"sidebar-sub-link-wrapper\"\n >\n {items.filter(filterByPermissions).map((subItem, subIndex) => (\n <React.Fragment key={subIndex}>\n <SubLink\n {...{ ...subItem, isCountsLoading }}\n isSectionHeader={isPresent(subItem.item)}\n to={subItem.to ?? subItem.path}\n />\n {isSettingsItems && isPresent(subItem.items) && (\n <Items {...{ isSettingsItems }} items={subItem.items} />\n )}\n </React.Fragment>\n ))}\n </div>\n);\n\nexport default Items;\n","import React from \"react\";\n\nimport classNames from \"classnames\";\nimport { hyphenize } from \"neetocommons/utils/general\";\nimport { Left } from \"neetoicons\";\nimport { Typography } from \"neetoui\";\nimport { omit } from \"ramda\";\n\nimport Items from \"./Items\";\n\nconst SelectedLink = ({ navLink, handleGoBack, isConfigureSidebar }) => {\n const { label, items, isConfigureNavLink, ...otherProps } = navLink;\n\n return (\n <div\n className=\"neeto-molecules-sidebar__links neeto-molecules-sidebar__links--focus-mode neeto-molecules-sidebar__no-shrinkable\"\n data-cy=\"configure-nav-container\"\n >\n <div\n className=\"neeto-ui-flex neeto-ui-items-center neeto-ui-bg-white neeto-ui-no-underline neeto-molecules-sidebar__link\"\n onClick={handleGoBack}\n {...{ ...omit([\"icon\"], otherProps) }}\n >\n {isConfigureNavLink && (\n <span\n className=\"neeto-molecules-sidebar__link-icon\"\n data-cy={`${hyphenize(label)}-go-back-button`}\n data-testid={`${label}-go-back-button`}\n >\n <Left />\n </span>\n )}\n <Typography\n component=\"span\"\n style=\"body2\"\n weight=\"normal\"\n className={classNames(\"neeto-molecules-sidebar__link-label\", {\n \"neeto-molecules-sidebar__configure-page-header\":\n isConfigureNavLink,\n [\"pl-6\"]: isConfigureSidebar,\n })}\n >\n {label}\n </Typography>\n </div>\n {items && <Items {...{ items }} isSettingsItems />}\n </div>\n );\n};\n\nexport default SelectedLink;\n"],"names":["CheckPointNavLinks","_ref","checkpointKey","to","children","others","_objectWithoutProperties","_excluded","_useNavigationCheckpo","useNavigationCheckpoints","checkpoint","React","createElement","NavLink","_extends","key","SUB_LINK_TYPES","SYSTEM_VIEW","SEGMENTS","isSubRouteActive","subRoute","location","currentBrowserUrl","URL","pathname","search","hash","window","origin","targetUrl","targetSearchParams","searchParams","targetSearchKeys","Array","from","keys","all","get","equals","getSidebarStateLocalStorageKey","_globalProps$user","_globalProps$user2","user","globalProps","email","phoneNumber","concat","filterByPermissions","curry","permissions","isNotEmpty","is","some","includes","__","SubLink","label","_ref$type","type","count","isSectionHeader","isCountsLoading","dataCy","_ref$entity","entity","_ref$columns","columns","Segments","isIndependent","dataCyPrefix","hyphenate","renderCount","activeClassName","className","isActive","Typography","component","style","Items","items","_ref$isSettingsItems","isSettingsItems","filter","map","subItem","subIndex","_subItem$to","Fragment","_objectSpread","isPresent","item","path","SelectedLink","navLink","handleGoBack","isConfigureSidebar","isConfigureNavLink","otherProps","onClick","omit","hyphenize","Left","weight","classNames","_defineProperty"],"mappings":"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"}
|