@bigbinary/neeto-tags-frontend 1.6.14 → 1.6.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/dist/index.cjs.js +583 -498
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.js +540 -472
  4. package/dist/index.js.map +1 -1
  5. package/package.json +13 -12
package/dist/index.cjs.js CHANGED
@@ -2,30 +2,47 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var React = require('react');
5
+ var react = require('react');
6
6
  var neetoCist = require('@bigbinary/neeto-cist');
7
7
  var constants = require('@bigbinary/neeto-commons-frontend/constants');
8
8
  var useHotkeys = require('@bigbinary/neeto-hotkeys');
9
9
  var neetoIcons = require('@bigbinary/neeto-icons');
10
- var neetoui = require('@bigbinary/neetoui');
10
+ var Button = require('@bigbinary/neetoui/Button');
11
+ var Toastr = require('@bigbinary/neetoui/Toastr');
11
12
  var ramda = require('ramda');
12
13
  var reactI18next = require('react-i18next');
13
14
  var i18next = require('i18next');
14
15
  var classNames = require('classnames');
15
16
  var Metadata = require('@bigbinary/neeto-molecules/Metadata');
17
+ var Spinner = require('@bigbinary/neetoui/Spinner');
18
+ var Typography = require('@bigbinary/neetoui/Typography');
19
+ var jsxRuntime = require('react/jsx-runtime');
20
+ var Tag = require('@bigbinary/neetoui/Tag');
21
+ var Select = require('@bigbinary/neetoui/Select');
16
22
  var reactRouterDom = require('react-router-dom');
17
23
  var utils = require('@bigbinary/neeto-commons-frontend/utils');
18
24
  var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
19
25
  var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
20
26
  var Container$1 = require('@bigbinary/neeto-molecules/Container');
21
27
  var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');
28
+ var Alert = require('@bigbinary/neetoui/Alert');
29
+ var Tab = require('@bigbinary/neetoui/Tab');
22
30
  var reactQuery = require('react-query');
23
31
  var axios = require('axios');
24
32
  var yup = require('yup');
25
33
  var NeetoHeader = require('@bigbinary/neeto-molecules/Header');
26
- var formik = require('@bigbinary/neetoui/formik');
34
+ var Pane = require('@bigbinary/neetoui/Pane');
35
+ var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
36
+ var Form = require('@bigbinary/neetoui/formik/Form');
37
+ var Input = require('@bigbinary/neetoui/formik/Input');
38
+ var Textarea = require('@bigbinary/neetoui/formik/Textarea');
27
39
  var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
40
+ var NeetoUITable = require('@bigbinary/neetoui/Table');
41
+ var NoData = require('@bigbinary/neetoui/NoData');
42
+ var Dropdown = require('@bigbinary/neetoui/Dropdown');
28
43
  var PageLoader = require('@bigbinary/neeto-molecules/PageLoader');
44
+ var Input$1 = require('@bigbinary/neetoui/Input');
45
+ var Modal = require('@bigbinary/neetoui/Modal');
29
46
  var devtools = require('react-query/devtools');
30
47
 
31
48
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -48,31 +65,74 @@ function _interopNamespace(e) {
48
65
  return Object.freeze(n);
49
66
  }
50
67
 
51
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
52
68
  var useHotkeys__default = /*#__PURE__*/_interopDefaultLegacy(useHotkeys);
69
+ var Button__default = /*#__PURE__*/_interopDefaultLegacy(Button);
70
+ var Toastr__default = /*#__PURE__*/_interopDefaultLegacy(Toastr);
53
71
  var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
54
72
  var Metadata__default = /*#__PURE__*/_interopDefaultLegacy(Metadata);
73
+ var Spinner__default = /*#__PURE__*/_interopDefaultLegacy(Spinner);
74
+ var Typography__default = /*#__PURE__*/_interopDefaultLegacy(Typography);
75
+ var Tag__default = /*#__PURE__*/_interopDefaultLegacy(Tag);
76
+ var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
55
77
  var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container$1);
56
78
  var SubHeader__default = /*#__PURE__*/_interopDefaultLegacy(SubHeader);
79
+ var Alert__default = /*#__PURE__*/_interopDefaultLegacy(Alert);
80
+ var Tab__default = /*#__PURE__*/_interopDefaultLegacy(Tab);
57
81
  var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
58
82
  var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
59
83
  var NeetoHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoHeader);
84
+ var Pane__default = /*#__PURE__*/_interopDefaultLegacy(Pane);
85
+ var ActionBlock__default = /*#__PURE__*/_interopDefaultLegacy(ActionBlock);
86
+ var Form__default = /*#__PURE__*/_interopDefaultLegacy(Form);
87
+ var Input__default = /*#__PURE__*/_interopDefaultLegacy(Input);
88
+ var Textarea__default = /*#__PURE__*/_interopDefaultLegacy(Textarea);
60
89
  var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
90
+ var NeetoUITable__default = /*#__PURE__*/_interopDefaultLegacy(NeetoUITable);
91
+ var NoData__default = /*#__PURE__*/_interopDefaultLegacy(NoData);
92
+ var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
61
93
  var PageLoader__default = /*#__PURE__*/_interopDefaultLegacy(PageLoader);
94
+ var Input__default$1 = /*#__PURE__*/_interopDefaultLegacy(Input$1);
95
+ var Modal__default = /*#__PURE__*/_interopDefaultLegacy(Modal);
62
96
 
63
- function _extends() {
64
- _extends = Object.assign ? Object.assign.bind() : function (target) {
65
- for (var i = 1; i < arguments.length; i++) {
66
- var source = arguments[i];
67
- for (var key in source) {
68
- if (Object.prototype.hasOwnProperty.call(source, key)) {
69
- target[key] = source[key];
70
- }
71
- }
72
- }
73
- return target;
74
- };
75
- return _extends.apply(this, arguments);
97
+ function _typeof(o) {
98
+ "@babel/helpers - typeof";
99
+
100
+ return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
101
+ return typeof o;
102
+ } : function (o) {
103
+ return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
104
+ }, _typeof(o);
105
+ }
106
+
107
+ function _toPrimitive(input, hint) {
108
+ if (_typeof(input) !== "object" || input === null) return input;
109
+ var prim = input[Symbol.toPrimitive];
110
+ if (prim !== undefined) {
111
+ var res = prim.call(input, hint || "default");
112
+ if (_typeof(res) !== "object") return res;
113
+ throw new TypeError("@@toPrimitive must return a primitive value.");
114
+ }
115
+ return (hint === "string" ? String : Number)(input);
116
+ }
117
+
118
+ function _toPropertyKey(arg) {
119
+ var key = _toPrimitive(arg, "string");
120
+ return _typeof(key) === "symbol" ? key : String(key);
121
+ }
122
+
123
+ function _defineProperty(obj, key, value) {
124
+ key = _toPropertyKey(key);
125
+ if (key in obj) {
126
+ Object.defineProperty(obj, key, {
127
+ value: value,
128
+ enumerable: true,
129
+ configurable: true,
130
+ writable: true
131
+ });
132
+ } else {
133
+ obj[key] = value;
134
+ }
135
+ return obj;
76
136
  }
77
137
 
78
138
  function _arrayWithHoles(arr) {
@@ -137,6 +197,8 @@ var KEYBOARD_SHORTCUTS = {
137
197
  }
138
198
  };
139
199
 
200
+ 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; }
201
+ 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; }
140
202
  var Title = function Title(_ref) {
141
203
  var _ref$titleProps = _ref.titleProps,
142
204
  titleProps = _ref$titleProps === void 0 ? {} : _ref$titleProps,
@@ -146,19 +208,19 @@ var Title = function Title(_ref) {
146
208
  var _useTranslation = reactI18next.useTranslation(),
147
209
  t = _useTranslation.t;
148
210
  var tagsTitle = title || t("neetoTags.common.tag", constants.PLURAL);
149
- var _useState = React.useState(false),
211
+ var _useState = react.useState(false),
150
212
  _useState2 = _slicedToArray(_useState, 2),
151
213
  didStartUpdate = _useState2[0],
152
214
  setDidStartUpdate = _useState2[1];
153
- var _useState3 = React.useState(false),
215
+ var _useState3 = react.useState(false),
154
216
  _useState4 = _slicedToArray(_useState3, 2),
155
217
  isCheckIconVisible = _useState4[0],
156
218
  setIsCheckIconVisible = _useState4[1];
157
- React.useEffect(function () {
219
+ react.useEffect(function () {
158
220
  if (!isUpdating) return;
159
221
  setDidStartUpdate(true);
160
222
  }, [isUpdating]);
161
- React.useEffect(function () {
223
+ react.useEffect(function () {
162
224
  if (isUpdating || !didStartUpdate) return;
163
225
  setIsCheckIconVisible(true);
164
226
  setDidStartUpdate(false);
@@ -166,26 +228,30 @@ var Title = function Title(_ref) {
166
228
  setIsCheckIconVisible(false);
167
229
  }, 5000);
168
230
  }, [didStartUpdate, isUpdating]);
169
- return /*#__PURE__*/React__default["default"].createElement("div", {
170
- className: "flex items-center gap-2"
171
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, _extends({
172
- className: "neeto-ui-text-gray-700",
173
- style: "h5",
174
- weight: "bold"
175
- }, titleProps), tagsTitle), /*#__PURE__*/React__default["default"].createElement("div", {
176
- className: "inline-flex h-6 items-center"
177
- }, (isUpdating || isLoading) && /*#__PURE__*/React__default["default"].createElement(neetoui.Spinner, {
178
- className: "neeto-tags__metadata-card__spinner"
179
- }), !isUpdating && isCheckIconVisible && /*#__PURE__*/React__default["default"].createElement(neetoIcons.Check, {
180
- className: "neeto-ui-text-success-500",
181
- size: 20
182
- })));
231
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
232
+ className: "flex items-center gap-2",
233
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], _objectSpread$a(_objectSpread$a({
234
+ className: "neeto-ui-text-gray-700",
235
+ style: "h5",
236
+ weight: "bold"
237
+ }, titleProps), {}, {
238
+ children: tagsTitle
239
+ })), /*#__PURE__*/jsxRuntime.jsxs("div", {
240
+ className: "inline-flex h-6 items-center",
241
+ children: [(isUpdating || isLoading) && /*#__PURE__*/jsxRuntime.jsx(Spinner__default["default"], {
242
+ className: "neeto-tags__metadata-card__spinner"
243
+ }), !isUpdating && isCheckIconVisible && /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Check, {
244
+ className: "neeto-ui-text-success-500",
245
+ size: 20
246
+ })]
247
+ })]
248
+ });
183
249
  };
184
250
 
185
251
  var TitleActionBlock = function TitleActionBlock(_ref) {
186
252
  var isDisabled = _ref.isDisabled,
187
253
  setIsTagsDropdownVisible = _ref.setIsTagsDropdownVisible;
188
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
254
+ return /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
189
255
  "data-cy": "neeto-tags-add-tag-button",
190
256
  disabled: isDisabled,
191
257
  icon: neetoIcons.Settings,
@@ -197,6 +263,8 @@ var TitleActionBlock = function TitleActionBlock(_ref) {
197
263
  });
198
264
  };
199
265
 
266
+ 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; }
267
+ 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; }
200
268
  var Container = function Container(_ref) {
201
269
  var isMetadataBlock = _ref.isMetadataBlock,
202
270
  containerProps = _ref.containerProps,
@@ -206,19 +274,25 @@ var Container = function Container(_ref) {
206
274
  isTagsBodyVisible = _ref.isTagsBodyVisible,
207
275
  bodyProps = _ref.bodyProps;
208
276
  if (isMetadataBlock) {
209
- return /*#__PURE__*/React__default["default"].createElement(Metadata__default["default"].Block, _extends({}, containerProps, {
210
- actionBlock: /*#__PURE__*/React__default["default"].createElement(TitleActionBlock, actionBlockProps),
211
- title: /*#__PURE__*/React__default["default"].createElement(Title, titleComponentProps),
212
- className: "space-y-4"
213
- }), isTagsBodyVisible && children);
277
+ return /*#__PURE__*/jsxRuntime.jsx(Metadata__default["default"].Block, _objectSpread$9(_objectSpread$9({}, containerProps), {}, {
278
+ actionBlock: /*#__PURE__*/jsxRuntime.jsx(TitleActionBlock, _objectSpread$9({}, actionBlockProps)),
279
+ title: /*#__PURE__*/jsxRuntime.jsx(Title, _objectSpread$9({}, titleComponentProps)),
280
+ className: "space-y-4",
281
+ children: isTagsBodyVisible && children
282
+ }));
214
283
  }
215
- return /*#__PURE__*/React__default["default"].createElement("div", _extends({
284
+ return /*#__PURE__*/jsxRuntime.jsxs("div", _objectSpread$9(_objectSpread$9({
216
285
  className: "neeto-ui-tags-wrapper flex w-full flex-col items-start gap-2"
217
- }, containerProps), titleComponentProps.showTitleBar && /*#__PURE__*/React__default["default"].createElement("div", {
218
- className: classNames__default["default"]("flex w-full items-center justify-between gap-2", titleComponentProps.containerClassName)
219
- }, /*#__PURE__*/React__default["default"].createElement(Title, titleComponentProps), titleComponentProps.showAddTagsOnTitle && /*#__PURE__*/React__default["default"].createElement(TitleActionBlock, actionBlockProps)), isTagsBodyVisible && /*#__PURE__*/React__default["default"].createElement("div", _extends({
220
- className: "neeto-ui-bg-white neeto-ui-border-gray-300 neeto-ui-rounded-lg w-full border p-4"
221
- }, bodyProps), children));
286
+ }, containerProps), {}, {
287
+ children: [titleComponentProps.showTitleBar && /*#__PURE__*/jsxRuntime.jsxs("div", {
288
+ className: classNames__default["default"]("flex w-full items-center justify-between gap-2", titleComponentProps.containerClassName),
289
+ children: [/*#__PURE__*/jsxRuntime.jsx(Title, _objectSpread$9({}, titleComponentProps)), titleComponentProps.showAddTagsOnTitle && /*#__PURE__*/jsxRuntime.jsx(TitleActionBlock, _objectSpread$9({}, actionBlockProps))]
290
+ }), isTagsBodyVisible && /*#__PURE__*/jsxRuntime.jsx("div", _objectSpread$9(_objectSpread$9({
291
+ className: "neeto-ui-bg-white neeto-ui-border-gray-300 neeto-ui-rounded-lg w-full border p-4"
292
+ }, bodyProps), {}, {
293
+ children: children
294
+ }))]
295
+ }));
222
296
  };
223
297
 
224
298
  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}}
@@ -226,40 +300,44 @@ var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r
226
300
  var css$1 = ".neeto-tags__metadata-card__spinner{scale:.6}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9jb21wb25lbnRzL1RhZ3Mvc3R5bGVzLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsb0NBQ0UsUUFDRiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by10YWdzX19tZXRhZGF0YS1jYXJkX19zcGlubmVyIHtcbiAgc2NhbGU6IDAuNjtcbn1cbiJdfQ== */";
227
301
  n(css$1,{});
228
302
 
303
+ 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; }
304
+ 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; }
229
305
  var TagsList = function TagsList(_ref) {
230
306
  var selectedTags = _ref.selectedTags,
231
307
  isDisabled = _ref.isDisabled,
232
308
  handleDeleteTag = _ref.handleDeleteTag,
233
309
  tagProps = _ref.tagProps;
234
- return /*#__PURE__*/React__default["default"].createElement("div", {
235
- className: "neeto-ui-flex neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start gap-2 break-all"
236
- }, selectedTags === null || selectedTags === void 0 ? void 0 : selectedTags.map(function (tag) {
237
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, _extends({
238
- disabled: isDisabled,
239
- key: tag.value,
240
- label: tag.label,
241
- style: "primary",
242
- className: classNames__default["default"]({
243
- "cursor-not-allowed opacity-50": isDisabled
244
- }),
245
- onClose: function onClose() {
246
- return !isDisabled && handleDeleteTag(tag);
247
- }
248
- }, tagProps));
249
- }));
310
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
311
+ className: "neeto-ui-flex neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start gap-2 break-all",
312
+ children: selectedTags === null || selectedTags === void 0 ? void 0 : selectedTags.map(function (tag) {
313
+ return /*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], _objectSpread$8({
314
+ disabled: isDisabled,
315
+ label: tag.label,
316
+ style: "primary",
317
+ className: classNames__default["default"]({
318
+ "cursor-not-allowed opacity-50": isDisabled
319
+ }),
320
+ onClose: function onClose() {
321
+ return !isDisabled && handleDeleteTag(tag);
322
+ }
323
+ }, tagProps), tag.value);
324
+ })
325
+ });
250
326
  };
251
327
 
328
+ 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; }
329
+ 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; }
252
330
  var TagsSelector = function TagsSelector(_ref) {
253
331
  var defaultMenuIsOpen = _ref.defaultMenuIsOpen,
254
332
  tags = _ref.tags,
255
333
  onChange = _ref.onChange,
256
334
  onCreateOption = _ref.onCreateOption,
257
335
  selectProps = _ref.selectProps;
258
- var _useState = React.useState(""),
336
+ var _useState = react.useState(""),
259
337
  _useState2 = _slicedToArray(_useState, 2),
260
338
  inputValue = _useState2[0],
261
339
  setInputValue = _useState2[1];
262
- var isMenuOpen = React.useRef(defaultMenuIsOpen);
340
+ var isMenuOpen = react.useRef(defaultMenuIsOpen);
263
341
  var _useTranslation = reactI18next.useTranslation(),
264
342
  t = _useTranslation.t;
265
343
  var handleMenuOpen = function handleMenuOpen() {
@@ -280,7 +358,7 @@ var TagsSelector = function TagsSelector(_ref) {
280
358
  }
281
359
  (_selectProps$onKeyDow = selectProps.onKeyDown) === null || _selectProps$onKeyDow === void 0 || _selectProps$onKeyDow.call(selectProps, event);
282
360
  };
283
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Select, _extends({
361
+ return /*#__PURE__*/jsxRuntime.jsx(Select__default["default"], _objectSpread$7(_objectSpread$7({
284
362
  defaultMenuIsOpen: defaultMenuIsOpen,
285
363
  onChange: onChange,
286
364
  onCreateOption: onCreateOption,
@@ -289,7 +367,7 @@ var TagsSelector = function TagsSelector(_ref) {
289
367
  maxLength: 50,
290
368
  options: tags,
291
369
  placeholder: t("neetoTags.placeholder.selectOrCreateTag")
292
- }, selectProps, {
370
+ }, selectProps), {}, {
293
371
  onInputChange: setInputValue,
294
372
  onKeyDown: handleKeyDown,
295
373
  onMenuClose: handleMenuClose,
@@ -297,11 +375,8 @@ var TagsSelector = function TagsSelector(_ref) {
297
375
  }));
298
376
  };
299
377
 
300
- /**
301
- * A component that helps to manage tags.
302
- * Renders selected tags, has dropdown to list down available tags
303
- * and allows user to remove tags from the list.
304
- */
378
+ 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; }
379
+ 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; }
305
380
  var Tags$2 = function Tags(_ref) {
306
381
  var _ref$title = _ref.title,
307
382
  title = _ref$title === void 0 ? "" : _ref$title,
@@ -335,7 +410,7 @@ var Tags$2 = function Tags(_ref) {
335
410
  isMetadataBlock = _ref$isMetadataBlock === void 0 ? false : _ref$isMetadataBlock;
336
411
  var _useTranslation = reactI18next.useTranslation(),
337
412
  t = _useTranslation.t;
338
- var _useState = React.useState(false),
413
+ var _useState = react.useState(false),
339
414
  _useState2 = _slicedToArray(_useState, 2),
340
415
  isTagsDropdownVisible = _useState2[0],
341
416
  setIsTagsDropdownVisible = _useState2[1];
@@ -343,7 +418,7 @@ var Tags$2 = function Tags(_ref) {
343
418
  event.preventDefault();
344
419
  setIsTagsDropdownVisible(true);
345
420
  });
346
- var tags = React.useMemo(function () {
421
+ var tags = react.useMemo(function () {
347
422
  if (!allTags) return [];
348
423
  if (!selectedTags) return allTags;
349
424
  var selectedTagValues = ramda.pluck("value", selectedTags);
@@ -356,7 +431,7 @@ var Tags$2 = function Tags(_ref) {
356
431
  setIsTagsDropdownVisible(false);
357
432
  onTagSelect(tag);
358
433
  // @ts-ignore
359
- showSuccessToastr && neetoui.Toastr.success("", {
434
+ showSuccessToastr && Toastr__default["default"].success("", {
360
435
  icon: "👍",
361
436
  className: "w-20"
362
437
  });
@@ -364,7 +439,7 @@ var Tags$2 = function Tags(_ref) {
364
439
  var handleDeleteTag = function handleDeleteTag(tag) {
365
440
  onTagDelete(tag);
366
441
  // @ts-ignore
367
- showSuccessToastr && neetoui.Toastr.success("", {
442
+ showSuccessToastr && Toastr__default["default"].success("", {
368
443
  icon: "👍",
369
444
  className: "w-20"
370
445
  });
@@ -399,66 +474,26 @@ var Tags$2 = function Tags(_ref) {
399
474
  },
400
475
  selectProps: selectProps
401
476
  };
402
- return /*#__PURE__*/React__default["default"].createElement(Container, {
477
+ return /*#__PURE__*/jsxRuntime.jsxs(Container, {
403
478
  actionBlockProps: actionBlockProps,
404
479
  bodyProps: bodyProps,
405
480
  containerProps: containerProps,
406
481
  isMetadataBlock: isMetadataBlock,
407
482
  isTagsBodyVisible: isTagsBodyVisible,
408
- titleComponentProps: titleComponentProps
409
- }, neetoCist.isNotEmpty(selectedTags) && /*#__PURE__*/React__default["default"].createElement(TagsList, tagsListProps), isTagsDropdownVisible && /*#__PURE__*/React__default["default"].createElement(TagsSelector, tagsSelectorProps), isAddTagsButtonVisible && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, _extends({
410
- disabled: isDisabled,
411
- icon: neetoIcons.Plus,
412
- label: t("neetoTags.button.addTag", constants.SINGULAR),
413
- size: "small",
414
- style: "link",
415
- onClick: function onClick() {
416
- return setIsTagsDropdownVisible(true);
417
- }
418
- }, buttonProps)));
483
+ titleComponentProps: titleComponentProps,
484
+ children: [neetoCist.isNotEmpty(selectedTags) && /*#__PURE__*/jsxRuntime.jsx(TagsList, _objectSpread$6({}, tagsListProps)), isTagsDropdownVisible && /*#__PURE__*/jsxRuntime.jsx(TagsSelector, _objectSpread$6({}, tagsSelectorProps)), isAddTagsButtonVisible && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], _objectSpread$6({
485
+ disabled: isDisabled,
486
+ icon: neetoIcons.Plus,
487
+ label: t("neetoTags.button.addTag", constants.SINGULAR),
488
+ size: "small",
489
+ style: "link",
490
+ onClick: function onClick() {
491
+ return setIsTagsDropdownVisible(true);
492
+ }
493
+ }, buttonProps))]
494
+ });
419
495
  };
420
496
 
421
- function _typeof(o) {
422
- "@babel/helpers - typeof";
423
-
424
- return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) {
425
- return typeof o;
426
- } : function (o) {
427
- return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o;
428
- }, _typeof(o);
429
- }
430
-
431
- function _toPrimitive(input, hint) {
432
- if (_typeof(input) !== "object" || input === null) return input;
433
- var prim = input[Symbol.toPrimitive];
434
- if (prim !== undefined) {
435
- var res = prim.call(input, hint || "default");
436
- if (_typeof(res) !== "object") return res;
437
- throw new TypeError("@@toPrimitive must return a primitive value.");
438
- }
439
- return (hint === "string" ? String : Number)(input);
440
- }
441
-
442
- function _toPropertyKey(arg) {
443
- var key = _toPrimitive(arg, "string");
444
- return _typeof(key) === "symbol" ? key : String(key);
445
- }
446
-
447
- function _defineProperty(obj, key, value) {
448
- key = _toPropertyKey(key);
449
- if (key in obj) {
450
- Object.defineProperty(obj, key, {
451
- value: value,
452
- enumerable: true,
453
- configurable: true,
454
- writable: true
455
- });
456
- } else {
457
- obj[key] = value;
458
- }
459
- return obj;
460
- }
461
-
462
497
  function _arrayWithoutHoles(arr) {
463
498
  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
464
499
  }
@@ -490,18 +525,19 @@ var Menu$1 = function Menu(_ref) {
490
525
  var tagTypes = _ref.tagTypes,
491
526
  tagType = _ref.tagType,
492
527
  setTagType = _ref.setTagType;
493
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Tab, {
494
- className: "mb-6"
495
- }, Object.values(tagTypes).map(function (tag) {
496
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Tab.Item, {
497
- active: tagType.id === tag.id,
498
- description: tag.description,
499
- key: tag.id,
500
- onClick: function onClick() {
501
- setTagType(tag);
502
- }
503
- }, tag.label);
504
- }));
528
+ return /*#__PURE__*/jsxRuntime.jsx(Tab__default["default"], {
529
+ className: "mb-6",
530
+ children: Object.values(tagTypes).map(function (tag) {
531
+ return /*#__PURE__*/jsxRuntime.jsx(Tab__default["default"].Item, {
532
+ active: tagType.id === tag.id,
533
+ description: tag.description,
534
+ onClick: function onClick() {
535
+ setTagType(tag);
536
+ },
537
+ children: tag.label
538
+ }, tag.id);
539
+ })
540
+ });
505
541
  };
506
542
 
507
543
  function _objectWithoutPropertiesLoose(source, excluded) {
@@ -564,18 +600,18 @@ var tagsApi = {
564
600
  var queryClient = new reactQuery.QueryClient({
565
601
  queryCache: new reactQuery.QueryCache({
566
602
  onError: function onError(error) {
567
- return neetoui.Toastr.error(error);
603
+ return Toastr__default["default"].error(error);
568
604
  }
569
605
  })
570
606
  });
571
607
 
572
- 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; }
573
- 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; }
608
+ 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; }
609
+ 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; }
574
610
  var useFetchTags = function useFetchTags(params) {
575
611
  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
576
612
  return reactQuery.useQuery([TAG_KEY, params], function () {
577
613
  return tagsApi.fetch(params);
578
- }, _objectSpread$4({
614
+ }, _objectSpread$5({
579
615
  staleTime: STALE_TIME,
580
616
  select: function select(response) {
581
617
  return response.data || response;
@@ -655,6 +691,7 @@ var NEETO_FILTERS = [{
655
691
 
656
692
  var Header = function Header(_ref) {
657
693
  var breadcrumbs = _ref.breadcrumbs,
694
+ title = _ref.title,
658
695
  _ref$tagsMergable = _ref.tagsMergable,
659
696
  tagsMergable = _ref$tagsMergable === void 0 ? false : _ref$tagsMergable,
660
697
  setPaneType = _ref.setPaneType,
@@ -671,30 +708,32 @@ var Header = function Header(_ref) {
671
708
  return goToFirstPage();
672
709
  });
673
710
  var ActionBlock = function ActionBlock() {
674
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, tagsMergable && /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
675
- "data-cy": "neeto-tags-merge-tags-button",
676
- disabled: (data === null || data === void 0 ? void 0 : data.tags.length) < constants.PLURAL.count,
677
- label: t("neetoTags.common.mergeTag", constants.PLURAL),
678
- style: "secondary",
679
- onClick: reactUtils.handleMetaClick(history, "".concat(tagsPath, "/merge"))
680
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
681
- "data-cy": "add-new-tag-button",
682
- label: t("neetoTags.common.addNewTag", constants.SINGULAR),
683
- onClick: function onClick() {
684
- setSelectedTag(null);
685
- setPaneType(PANE_TYPES.CREATE);
686
- }
687
- }));
711
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
712
+ children: [tagsMergable && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
713
+ "data-cy": "neeto-tags-merge-tags-button",
714
+ disabled: (data === null || data === void 0 ? void 0 : data.tags.length) < constants.PLURAL.count,
715
+ label: t("neetoTags.common.mergeTag", constants.PLURAL),
716
+ style: "secondary",
717
+ onClick: reactUtils.handleMetaClick(history, "".concat(tagsPath, "/merge"))
718
+ }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
719
+ "data-cy": "add-new-tag-button",
720
+ label: t("neetoTags.common.addNewTag", constants.SINGULAR),
721
+ onClick: function onClick() {
722
+ setSelectedTag(null);
723
+ setPaneType(PANE_TYPES.CREATE);
724
+ }
725
+ })]
726
+ });
688
727
  };
689
- return /*#__PURE__*/React__default["default"].createElement(NeetoHeader__default["default"], {
728
+ return /*#__PURE__*/jsxRuntime.jsx(NeetoHeader__default["default"], {
690
729
  breadcrumbs: breadcrumbs,
691
- actionBlock: /*#__PURE__*/React__default["default"].createElement(ActionBlock, null),
692
- title: t("neetoTags.common.tag", constants.PLURAL),
730
+ actionBlock: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {}),
693
731
  searchProps: {
694
732
  "data-cy": "neeto-tags-search-text-input-field",
695
733
  onChange: resetPage,
696
734
  placeholder: t("neetoTags.placeholder.searchTags")
697
- }
735
+ },
736
+ title: title || t("neetoTags.common.tag", constants.PLURAL)
698
737
  });
699
738
  };
700
739
 
@@ -741,8 +780,8 @@ var useTagsForm = function useTagsForm(_ref) {
741
780
  };
742
781
  };
743
782
 
744
- 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; }
745
- 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; }
783
+ 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; }
784
+ 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; }
746
785
  var ManageTags = function ManageTags(_ref) {
747
786
  var createTags = _ref.createTags,
748
787
  goToFirstPage = _ref.goToFirstPage,
@@ -755,7 +794,7 @@ var ManageTags = function ManageTags(_ref) {
755
794
  t = _useTranslation.t;
756
795
  var isEdit = type === PANE_TYPES.EDIT;
757
796
  var initialValues = isEdit ? tag : INITIAL_TAG_VALUES;
758
- var inputReference = React.useRef(null);
797
+ var inputReference = react.useRef(null);
759
798
  var _useTagsForm = useTagsForm({
760
799
  createTags: createTags,
761
800
  goToFirstPage: goToFirstPage,
@@ -766,49 +805,59 @@ var ManageTags = function ManageTags(_ref) {
766
805
  }),
767
806
  handleSubmit = _useTagsForm.handleSubmit,
768
807
  isSubmitting = _useTagsForm.isSubmitting;
769
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
808
+ return /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
770
809
  onClose: onClose,
771
810
  initialFocusRef: inputReference,
772
- isOpen: !!type
773
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
774
- style: "h2",
775
- weight: "semibold"
776
- }, isEdit ? t("neetoTags.common.editTag") : t("neetoTags.common.addNewTag", constants.SINGULAR))), /*#__PURE__*/React__default["default"].createElement(formik.Form, {
777
- formikProps: _objectSpread$3(_objectSpread$3({}, TAGS_FORMIK_PROPS), {}, {
778
- initialValues: initialValues,
779
- onSubmit: handleSubmit
780
- })
781
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
782
- className: "neeto-ui-flex neeto-ui-w-full neeto-ui-flex-col neeto-ui-gap-4"
783
- }, /*#__PURE__*/React__default["default"].createElement(formik.Input, {
784
- required: true,
785
- unlimitedChars: true,
786
- "data-cy": "tag-name-text-field",
787
- label: t("neetoTags.common.name"),
788
- maxLength: TAG_NAME_MAX_LENGTH,
789
- name: "name",
790
- ref: inputReference
791
- }), /*#__PURE__*/React__default["default"].createElement(formik.Textarea, {
792
- unlimitedChars: true,
793
- "data-cy": "tag-description-text-area",
794
- label: t("neetoTags.common.description"),
795
- maxLength: TAG_DESCRIPTION_MAX_LENGTH,
796
- name: "description",
797
- rows: TAG_DESCRIPTION_ROW_LENGTH
798
- }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Pane.Footer, null, /*#__PURE__*/React__default["default"].createElement(formik.ActionBlock, {
799
- isSubmitting: isSubmitting,
800
- cancelButtonProps: {
801
- "data-cy": "neeto-tags-manage-tag-cancel-button",
802
- onClick: onClose
803
- },
804
- submitButtonProps: {
805
- "data-cy": "neeto-tags-manage-tag-submit-button"
806
- }
807
- }))));
811
+ isOpen: !!type,
812
+ children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
813
+ children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
814
+ style: "h2",
815
+ weight: "semibold",
816
+ children: isEdit ? t("neetoTags.common.editTag") : t("neetoTags.common.addNewTag", constants.SINGULAR)
817
+ })
818
+ }), /*#__PURE__*/jsxRuntime.jsxs(Form__default["default"], {
819
+ formikProps: _objectSpread$4(_objectSpread$4({}, TAGS_FORMIK_PROPS), {}, {
820
+ initialValues: initialValues,
821
+ onSubmit: handleSubmit
822
+ }),
823
+ children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
824
+ children: /*#__PURE__*/jsxRuntime.jsxs("div", {
825
+ className: "neeto-ui-flex neeto-ui-w-full neeto-ui-flex-col neeto-ui-gap-4",
826
+ children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
827
+ required: true,
828
+ unlimitedChars: true,
829
+ "data-cy": "tag-name-text-field",
830
+ label: t("neetoTags.common.name"),
831
+ maxLength: TAG_NAME_MAX_LENGTH,
832
+ name: "name",
833
+ ref: inputReference
834
+ }), /*#__PURE__*/jsxRuntime.jsx(Textarea__default["default"], {
835
+ unlimitedChars: true,
836
+ "data-cy": "tag-description-text-area",
837
+ label: t("neetoTags.common.description"),
838
+ maxLength: TAG_DESCRIPTION_MAX_LENGTH,
839
+ name: "description",
840
+ rows: TAG_DESCRIPTION_ROW_LENGTH
841
+ })]
842
+ })
843
+ }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
844
+ children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
845
+ isSubmitting: isSubmitting,
846
+ cancelButtonProps: {
847
+ "data-cy": "neeto-tags-manage-tag-cancel-button",
848
+ onClick: onClose
849
+ },
850
+ submitButtonProps: {
851
+ "data-cy": "neeto-tags-manage-tag-submit-button"
852
+ }
853
+ })
854
+ })]
855
+ })]
856
+ });
808
857
  };
809
858
 
810
- var Menu = neetoui.Dropdown.Menu,
811
- MenuItem = neetoui.Dropdown.MenuItem;
859
+ var Menu = Dropdown__default["default"].Menu,
860
+ MenuItem = Dropdown__default["default"].MenuItem;
812
861
  var renderDropdownButton = function renderDropdownButton(_ref) {
813
862
  var _ref$handleEdit = _ref.handleEdit,
814
863
  handleEdit = _ref$handleEdit === void 0 ? neetoCist.noop : _ref$handleEdit,
@@ -816,29 +865,35 @@ var renderDropdownButton = function renderDropdownButton(_ref) {
816
865
  handleDelete = _ref$handleDelete === void 0 ? neetoCist.noop : _ref$handleDelete,
817
866
  _ref$tag = _ref.tag,
818
867
  tag = _ref$tag === void 0 ? {} : _ref$tag;
819
- return /*#__PURE__*/React__default["default"].createElement("div", {
868
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
820
869
  onClick: function onClick(e) {
821
870
  return e.stopPropagation();
822
- }
823
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
824
- autoWidth: true,
825
- buttonProps: {
826
- style: "text"
827
871
  },
828
- icon: neetoIcons.MenuHorizontal,
829
- position: "bottom-end",
830
- strategy: "fixed"
831
- }, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
832
- "data-cy": "tags-edit-button",
833
- onClick: function onClick() {
834
- return handleEdit(tag);
835
- }
836
- }, i18next.t("neetoTags.button.edit")), /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
837
- "data-cy": "tags-delete-button",
838
- onClick: function onClick() {
839
- return handleDelete(tag);
840
- }
841
- }, i18next.t("neetoTags.button.delete")))));
872
+ children: /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
873
+ autoWidth: true,
874
+ buttonProps: {
875
+ style: "text"
876
+ },
877
+ icon: neetoIcons.MenuHorizontal,
878
+ position: "bottom-end",
879
+ strategy: "fixed",
880
+ children: /*#__PURE__*/jsxRuntime.jsxs(Menu, {
881
+ children: [/*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
882
+ "data-cy": "tags-edit-button",
883
+ onClick: function onClick() {
884
+ return handleEdit(tag);
885
+ },
886
+ children: i18next.t("neetoTags.button.edit")
887
+ }), /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
888
+ "data-cy": "tags-delete-button",
889
+ onClick: function onClick() {
890
+ return handleDelete(tag);
891
+ },
892
+ children: i18next.t("neetoTags.button.delete")
893
+ })]
894
+ })
895
+ })
896
+ });
842
897
  };
843
898
  var renderColumnData = function renderColumnData(handleEdit, handleDelete) {
844
899
  var columns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
@@ -848,16 +903,17 @@ var renderColumnData = function renderColumnData(handleEdit, handleDelete) {
848
903
  key: "name",
849
904
  width: "400px",
850
905
  render: function render(name, tag) {
851
- return /*#__PURE__*/React__default["default"].createElement("div", {
852
- className: "neeto-tags-table__column"
853
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
854
- label: name,
855
- style: "secondary"
856
- }), renderDropdownButton({
857
- handleEdit: handleEdit,
858
- handleDelete: handleDelete,
859
- tag: tag
860
- }));
906
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
907
+ className: "neeto-tags-table__column",
908
+ children: [/*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
909
+ label: name,
910
+ style: "secondary"
911
+ }), renderDropdownButton({
912
+ handleEdit: handleEdit,
913
+ handleDelete: handleDelete,
914
+ tag: tag
915
+ })]
916
+ });
861
917
  }
862
918
  }, {
863
919
  title: i18next.t("neetoTags.common.description"),
@@ -884,47 +940,50 @@ var Table = function Table(_ref) {
884
940
  var _useTranslation = reactI18next.useTranslation(),
885
941
  t = _useTranslation.t;
886
942
  if (!isLoading && !(data !== null && data !== void 0 && (_data$tags = data.tags) !== null && _data$tags !== void 0 && _data$tags.length)) {
887
- return /*#__PURE__*/React__default["default"].createElement("div", {
943
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
888
944
  className: "ntm-empty-state",
889
- "data-cy": "empty-state-container"
890
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
891
- primaryButtonProps: primaryButtonProps,
892
- title: t("neetoTags.title.noTagsToShow")
893
- }));
945
+ "data-cy": "empty-state-container",
946
+ children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], {
947
+ primaryButtonProps: primaryButtonProps,
948
+ title: t("neetoTags.title.noTagsToShow")
949
+ })
950
+ });
894
951
  }
895
- return /*#__PURE__*/React__default["default"].createElement(TableWrapper__default["default"], {
896
- hasPagination: (data === null || data === void 0 ? void 0 : data.totalCount) > filters.pageSize
897
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
898
- fixedHeight: true,
899
- allowRowClick: !!onTagRowClick,
900
- columnData: renderColumnData(handleEdit, handleDelete, tagType.columns),
901
- currentPageNumber: filters.page,
902
- defaultPageSize: filters.pageSize,
903
- loading: isLoading,
904
- paginationProps: {
905
- showSizeChanger: false
906
- },
907
- rowData: data === null || data === void 0 ? void 0 : data.tags,
908
- rowSelection: false,
909
- scroll: {
910
- x: "100%"
911
- },
912
- totalCount: data === null || data === void 0 ? void 0 : data.totalCount,
913
- onChange: handleOnChange,
914
- onRowClick: function onRowClick(event, record, rowIndex) {
915
- return onTagRowClick({
916
- event: event,
917
- tag: record,
918
- rowIndex: rowIndex
919
- });
920
- }
921
- }));
952
+ return /*#__PURE__*/jsxRuntime.jsx(TableWrapper__default["default"], {
953
+ hasPagination: (data === null || data === void 0 ? void 0 : data.totalCount) > filters.pageSize,
954
+ children: /*#__PURE__*/jsxRuntime.jsx(NeetoUITable__default["default"], {
955
+ fixedHeight: true,
956
+ allowRowClick: !!onTagRowClick,
957
+ columnData: renderColumnData(handleEdit, handleDelete, tagType.columns),
958
+ currentPageNumber: filters.page,
959
+ defaultPageSize: filters.pageSize,
960
+ loading: isLoading,
961
+ paginationProps: {
962
+ showSizeChanger: false
963
+ },
964
+ rowData: data === null || data === void 0 ? void 0 : data.tags,
965
+ rowSelection: false,
966
+ scroll: {
967
+ x: "100%"
968
+ },
969
+ totalCount: data === null || data === void 0 ? void 0 : data.totalCount,
970
+ onChange: handleOnChange,
971
+ onRowClick: function onRowClick(event, record, rowIndex) {
972
+ return onTagRowClick({
973
+ event: event,
974
+ tag: record,
975
+ rowIndex: rowIndex
976
+ });
977
+ }
978
+ })
979
+ });
922
980
  };
923
981
 
924
- 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; }
925
- 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; }
982
+ 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; }
983
+ 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; }
926
984
  var Dashboard = function Dashboard(_ref) {
927
985
  var breadcrumbs = _ref.breadcrumbs,
986
+ title = _ref.title,
928
987
  createTags = _ref.createTags,
929
988
  deleteTags = _ref.deleteTags,
930
989
  displayMenu = _ref.displayMenu,
@@ -944,31 +1003,31 @@ var Dashboard = function Dashboard(_ref) {
944
1003
  node: "name",
945
1004
  value: searchTerm
946
1005
  };
947
- var _useState = React.useState(null),
1006
+ var _useState = react.useState(null),
948
1007
  _useState2 = _slicedToArray(_useState, 2),
949
1008
  selectedTag = _useState2[0],
950
1009
  setSelectedTag = _useState2[1];
951
- var _useState3 = React.useState(null),
1010
+ var _useState3 = react.useState(null),
952
1011
  _useState4 = _slicedToArray(_useState3, 2),
953
1012
  paneType = _useState4[0],
954
1013
  setPaneType = _useState4[1];
955
- var _useState5 = React.useState(false),
1014
+ var _useState5 = react.useState(false),
956
1015
  _useState6 = _slicedToArray(_useState5, 2),
957
1016
  isDeleteAlertOpen = _useState6[0],
958
1017
  setIsDeleteAlertOpen = _useState6[1];
959
- var _useState7 = React.useState(DEFAULT_FILTERS),
1018
+ var _useState7 = react.useState(DEFAULT_FILTERS),
960
1019
  _useState8 = _slicedToArray(_useState7, 2),
961
1020
  filters = _useState8[0],
962
1021
  setFilters = _useState8[1];
963
- var _useState9 = React.useState(false),
1022
+ var _useState9 = react.useState(false),
964
1023
  _useState10 = _slicedToArray(_useState9, 2),
965
1024
  isFiltersPaneOpen = _useState10[0],
966
1025
  setIsFiltersPaneOpen = _useState10[1];
967
- var _useState11 = React.useState(neetoFiltersFrontend.buildFiltersFromURL([].concat(_toConsumableArray(NEETO_FILTERS), [searchKeywordProps]))),
1026
+ var _useState11 = react.useState(neetoFiltersFrontend.buildFiltersFromURL([].concat(_toConsumableArray(NEETO_FILTERS), [searchKeywordProps]))),
968
1027
  _useState12 = _slicedToArray(_useState11, 2),
969
1028
  neetoFilters = _useState12[0],
970
1029
  setNeetoFilters = _useState12[1];
971
- var _useFetchTags = useFetchTags(_objectSpread$2({
1030
+ var _useFetchTags = useFetchTags(_objectSpread$3({
972
1031
  url: tagType.url,
973
1032
  neetoFilters: neetoFilters
974
1033
  }, filters)),
@@ -1026,10 +1085,7 @@ var Dashboard = function Dashboard(_ref) {
1026
1085
  }
1027
1086
  deleteTags === null || deleteTags === void 0 || (_deleteTags$onSuccess = deleteTags.onSuccess) === null || _deleteTags$onSuccess === void 0 || _deleteTags$onSuccess.callback();
1028
1087
  // @ts-ignore
1029
- neetoui.Toastr.success("", {
1030
- icon: "👍",
1031
- className: "w-20"
1032
- });
1088
+ utils.showThumbsUpToastr();
1033
1089
  }
1034
1090
  });
1035
1091
  };
@@ -1044,78 +1100,84 @@ var Dashboard = function Dashboard(_ref) {
1044
1100
  page: constants.DEFAULT_PAGE_INDEX
1045
1101
  }));
1046
1102
  };
1047
- return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Header, {
1048
- breadcrumbs: breadcrumbs,
1049
- data: data,
1050
- displayMenu: displayMenu,
1051
- setPaneType: setPaneType,
1052
- setSelectedTag: setSelectedTag,
1053
- tagsMergable: tagsMergable,
1054
- tagsPath: tagsPath,
1055
- goToFirstPage: resetPage
1056
- }), neetoCist.isNotEmpty(data === null || data === void 0 ? void 0 : data.totalCount) && /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"], {
1057
- leftActionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1058
- className: "neeto-ui-gray-800",
1059
- "data-cy": "neeto-tags-filtered-tags-count-text",
1060
- style: "h4",
1061
- weight: "semibold"
1062
- }, t("neetoTags.helper.tagWithCount", {
1063
- count: (data === null || data === void 0 ? void 0 : data.totalCount) || 0,
1064
- type: (tagType === null || tagType === void 0 ? void 0 : tagType.label) || ""
1065
- })),
1066
- rightActionBlock: /*#__PURE__*/React__default["default"].createElement(SubHeader__default["default"].RightBlock, {
1067
- filterProps: {
1103
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
1104
+ children: [/*#__PURE__*/jsxRuntime.jsxs(Container__default["default"], {
1105
+ children: [/*#__PURE__*/jsxRuntime.jsx(Header, {
1106
+ breadcrumbs: breadcrumbs,
1107
+ data: data,
1108
+ displayMenu: displayMenu,
1109
+ setPaneType: setPaneType,
1110
+ setSelectedTag: setSelectedTag,
1111
+ tagsMergable: tagsMergable,
1112
+ tagsPath: tagsPath,
1113
+ title: title,
1114
+ goToFirstPage: resetPage
1115
+ }), ramda.isNotNil(data === null || data === void 0 ? void 0 : data.totalCount) && (data === null || data === void 0 ? void 0 : data.totalCount) > 0 && /*#__PURE__*/jsxRuntime.jsx(SubHeader__default["default"], {
1116
+ leftActionBlock: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1117
+ className: "neeto-ui-gray-800",
1118
+ "data-cy": "neeto-tags-filtered-tags-count-text",
1119
+ style: "h4",
1120
+ weight: "semibold",
1121
+ children: t("neetoTags.helper.tagWithCount", {
1122
+ count: (data === null || data === void 0 ? void 0 : data.totalCount) || 0,
1123
+ type: (tagType === null || tagType === void 0 ? void 0 : tagType.label) || ""
1124
+ })
1125
+ }),
1126
+ rightActionBlock: /*#__PURE__*/jsxRuntime.jsx(SubHeader__default["default"].RightBlock, {
1127
+ filterProps: {
1128
+ columns: NEETO_FILTERS,
1129
+ isOpen: isFiltersPaneOpen,
1130
+ setIsOpen: setIsFiltersPaneOpen,
1131
+ onChange: handleFiltersChange,
1132
+ keyword: searchKeywordProps
1133
+ }
1134
+ })
1135
+ }), /*#__PURE__*/jsxRuntime.jsx(neetoFiltersFrontend.Bar, {
1068
1136
  columns: NEETO_FILTERS,
1069
1137
  isOpen: isFiltersPaneOpen,
1070
- setIsOpen: setIsFiltersPaneOpen,
1071
- onChange: handleFiltersChange,
1072
- keyword: searchKeywordProps
1073
- }
1074
- })
1075
- }), /*#__PURE__*/React__default["default"].createElement(neetoFiltersFrontend.Bar, {
1076
- columns: NEETO_FILTERS,
1077
- isOpen: isFiltersPaneOpen,
1078
- keyword: searchKeywordProps,
1079
- onChange: handleFiltersChange
1080
- }), displayMenu && /*#__PURE__*/React__default["default"].createElement(Menu$1, {
1081
- setTagType: setTagType,
1082
- tagType: tagType,
1083
- tagTypes: tagTypes
1084
- }), /*#__PURE__*/React__default["default"].createElement(Table, {
1085
- data: data,
1086
- filters: filters,
1087
- handleDelete: handleDelete,
1088
- handleEdit: handleEdit,
1089
- handleOnChange: handleOnChange,
1090
- isLoading: isLoading,
1091
- onTagRowClick: onTagRowClick,
1092
- primaryButtonProps: primaryButtonProps,
1093
- tagType: tagType
1094
- })), /*#__PURE__*/React__default["default"].createElement(ManageTags, {
1095
- createTags: createTags,
1096
- tagType: tagType,
1097
- updateTags: updateTags,
1098
- goToFirstPage: resetPage,
1099
- tag: selectedTag,
1100
- type: paneType,
1101
- onClose: function onClose() {
1102
- return setPaneType(null);
1103
- }
1104
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
1105
- cancelButtonLabel: t("neetoTags.button.cancel"),
1106
- isOpen: isDeleteAlertOpen,
1107
- isSubmitting: isDeletingTag,
1108
- submitButtonLabel: t("neetoTags.button.delete"),
1109
- title: t("neetoTags.alert.title.deleteTag"),
1110
- message: /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
1111
- i18nKey: "neetoTags.alert.message.deleteTag_",
1112
- values: {
1113
- name: selectedTag === null || selectedTag === void 0 ? void 0 : selectedTag.name
1138
+ keyword: searchKeywordProps,
1139
+ onChange: handleFiltersChange
1140
+ }), displayMenu && /*#__PURE__*/jsxRuntime.jsx(Menu$1, {
1141
+ setTagType: setTagType,
1142
+ tagType: tagType,
1143
+ tagTypes: tagTypes
1144
+ }), /*#__PURE__*/jsxRuntime.jsx(Table, {
1145
+ data: data,
1146
+ filters: filters,
1147
+ handleDelete: handleDelete,
1148
+ handleEdit: handleEdit,
1149
+ handleOnChange: handleOnChange,
1150
+ isLoading: isLoading,
1151
+ onTagRowClick: onTagRowClick,
1152
+ primaryButtonProps: primaryButtonProps,
1153
+ tagType: tagType
1154
+ })]
1155
+ }), /*#__PURE__*/jsxRuntime.jsx(ManageTags, {
1156
+ createTags: createTags,
1157
+ tagType: tagType,
1158
+ updateTags: updateTags,
1159
+ goToFirstPage: resetPage,
1160
+ tag: selectedTag,
1161
+ type: paneType,
1162
+ onClose: function onClose() {
1163
+ return setPaneType(null);
1114
1164
  }
1115
- }),
1116
- onClose: handleAlertClose,
1117
- onSubmit: handleConfirmDelete
1118
- }));
1165
+ }), /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
1166
+ cancelButtonLabel: t("neetoTags.button.cancel"),
1167
+ isOpen: isDeleteAlertOpen,
1168
+ isSubmitting: isDeletingTag,
1169
+ submitButtonLabel: t("neetoTags.button.delete"),
1170
+ title: t("neetoTags.alert.title.deleteTag"),
1171
+ message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
1172
+ i18nKey: "neetoTags.alert.message.deleteTag_",
1173
+ values: {
1174
+ name: selectedTag === null || selectedTag === void 0 ? void 0 : selectedTag.name
1175
+ }
1176
+ }),
1177
+ onClose: handleAlertClose,
1178
+ onSubmit: handleConfirmDelete
1179
+ })]
1180
+ });
1119
1181
  };
1120
1182
 
1121
1183
  var NO_DATA_PRIMARY_BUTTON_PROPS = {
@@ -1164,11 +1226,11 @@ var List = function List(_ref) {
1164
1226
  tagList = _ref$tagList === void 0 ? [] : _ref$tagList;
1165
1227
  var _useTranslation = reactI18next.useTranslation(),
1166
1228
  t = _useTranslation.t;
1167
- var _useState = React.useState(""),
1229
+ var _useState = react.useState(""),
1168
1230
  _useState2 = _slicedToArray(_useState, 2),
1169
1231
  searchTerm = _useState2[0],
1170
1232
  setSearchTerm = _useState2[1];
1171
- var listType = React.useMemo(function () {
1233
+ var listType = react.useMemo(function () {
1172
1234
  return getListType({
1173
1235
  destinationTags: destinationTags,
1174
1236
  isSource: isSource,
@@ -1181,39 +1243,44 @@ var List = function List(_ref) {
1181
1243
  var _tag$name;
1182
1244
  return tag === null || tag === void 0 || (_tag$name = tag.name) === null || _tag$name === void 0 || (_tag$name = _tag$name.toLowerCase()) === null || _tag$name === void 0 ? void 0 : _tag$name.includes(searchTerm.toLowerCase().trim());
1183
1245
  });
1184
- return /*#__PURE__*/React__default["default"].createElement("div", {
1185
- className: "neeto-tags-merge__list neeto-tags-border neeto-ui-border-gray-300 neeto-ui-shadow-xs neeto-ui-rounded-lg neeto-ui-flex neeto-ui-flex-col p-3 md:p-4 lg:p-6"
1186
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1187
- className: "neeto-ui-mb-3",
1188
- style: "h4"
1189
- }, listType.label), /*#__PURE__*/React__default["default"].createElement(neetoui.Input, {
1190
- "data-cy": "neeto-tags-merge-".concat(listType.value, "-search-text-input-field"),
1191
- placeholder: t("neetoTags.placeholder.searchTags"),
1192
- value: searchTerm,
1193
- onChange: function onChange(e) {
1194
- return setSearchTerm(e.target.value);
1195
- }
1196
- }), /*#__PURE__*/React__default["default"].createElement("div", {
1197
- className: "neeto-tags-merge__items",
1198
- "data-cy": "neeto-tags-merge-".concat(listType.value, "-tags-list")
1199
- }, filteredTags.map(function (tag) {
1200
- var selectedTagIds = listType.tagIds.includes(tag.id);
1201
- var selectedCounterTags = listType.counterTagIds.includes(tag.id);
1202
- return /*#__PURE__*/React__default["default"].createElement("div", {
1203
- "data-cy": "neeto-tags-merge-".concat(listType.value, "-tags"),
1204
- key: tag.id,
1205
- className: classNames__default["default"]("neeto-ui-flex neeto-ui-justify-between neeto-ui-items-center neeto-tags-border neeto-ui-border-white neeto-ui-p-2 neeto-ui-rounded-lg neeto-ui-mt-2 neeto-ui-cursor-pointer", {
1206
- "neeto-ui-bg-pastel-blue neeto-ui-border-primary-600": selectedTagIds,
1207
- "hover:neeto-ui-bg-gray-100": !selectedTagIds,
1208
- "neeto-ui-cursor-not-allowed neeto-ui-bg-gray-100 neeto-ui-text-gray-500": selectedCounterTags
1209
- }),
1210
- onClick: function onClick() {
1211
- return !selectedCounterTags && onSelect(tag, listType.value);
1246
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
1247
+ className: "neeto-tags-merge__list neeto-tags-border neeto-ui-border-gray-300 neeto-ui-shadow-xs neeto-ui-rounded-lg neeto-ui-flex neeto-ui-flex-col p-3 md:p-4 lg:p-6",
1248
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1249
+ className: "neeto-ui-mb-3",
1250
+ style: "h4",
1251
+ children: listType.label
1252
+ }), /*#__PURE__*/jsxRuntime.jsx(Input__default$1["default"], {
1253
+ "data-cy": "neeto-tags-merge-".concat(listType.value, "-search-text-input-field"),
1254
+ placeholder: t("neetoTags.placeholder.searchTags"),
1255
+ value: searchTerm,
1256
+ onChange: function onChange(e) {
1257
+ return setSearchTerm(e.target.value);
1212
1258
  }
1213
- }, /*#__PURE__*/React__default["default"].createElement("span", null, tag.name), selectedTagIds && /*#__PURE__*/React__default["default"].createElement(neetoIcons.Check, {
1214
- size: 18
1215
- }));
1216
- })));
1259
+ }), /*#__PURE__*/jsxRuntime.jsx("div", {
1260
+ className: "neeto-tags-merge__items",
1261
+ "data-cy": "neeto-tags-merge-".concat(listType.value, "-tags-list"),
1262
+ children: filteredTags.map(function (tag) {
1263
+ var selectedTagIds = listType.tagIds.includes(tag.id);
1264
+ var selectedCounterTags = listType.counterTagIds.includes(tag.id);
1265
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
1266
+ "data-cy": "neeto-tags-merge-".concat(listType.value, "-tags"),
1267
+ className: classNames__default["default"]("neeto-ui-flex neeto-ui-justify-between neeto-ui-items-center neeto-tags-border neeto-ui-border-white neeto-ui-p-2 neeto-ui-rounded-lg neeto-ui-mt-2 neeto-ui-cursor-pointer", {
1268
+ "neeto-ui-bg-pastel-blue neeto-ui-border-primary-600": selectedTagIds,
1269
+ "hover:neeto-ui-bg-gray-100": !selectedTagIds,
1270
+ "neeto-ui-cursor-not-allowed neeto-ui-bg-gray-100 neeto-ui-text-gray-500": selectedCounterTags
1271
+ }),
1272
+ onClick: function onClick() {
1273
+ return !selectedCounterTags && onSelect(tag, listType.value);
1274
+ },
1275
+ children: [/*#__PURE__*/jsxRuntime.jsx("span", {
1276
+ children: tag.name
1277
+ }), selectedTagIds && /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Check, {
1278
+ size: 18
1279
+ })]
1280
+ }, tag.id);
1281
+ })
1282
+ })]
1283
+ });
1217
1284
  };
1218
1285
 
1219
1286
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -1747,60 +1814,68 @@ var MergeAlert = reactUtils.withT(function (_ref) {
1747
1814
  sourceTags = _ref$sourceTags === void 0 ? [] : _ref$sourceTags,
1748
1815
  _ref$tagType = _ref.tagType,
1749
1816
  tagType = _ref$tagType === void 0 ? "" : _ref$tagType;
1750
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Modal, {
1817
+ return /*#__PURE__*/jsxRuntime.jsxs(Modal__default["default"], {
1751
1818
  isOpen: showModal,
1752
1819
  onClose: function onClose() {
1753
1820
  return setShowModal(false);
1754
- }
1755
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Header, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1756
- id: "dialog1Title",
1757
- style: "h2"
1758
- }, t("neetoTags.common.mergeTag", constants.PLURAL))), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Typography, {
1759
- lineHeight: "normal",
1760
- style: "body2"
1761
- }, /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
1762
- i18nKey: "neetoTags.helper.mergeTagsMessage",
1763
- values: {
1764
- count: sourceTags.length,
1765
- sourceTags: ramda.pluck("name", sourceTags),
1766
- destinationTag: ramda.pluck("name", destinationTags),
1767
- entities: pluralize(tagType.label.toLowerCase())
1768
- }
1769
- }))), /*#__PURE__*/React__default["default"].createElement(neetoui.Modal.Footer, {
1770
- className: "space-x-2"
1771
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1772
- "data-cy": "neeto-tags-merge-proceed-button",
1773
- disabled: isSubmitting,
1774
- label: t("neetoTags.button.proceed"),
1775
- loading: isSubmitting,
1776
- onClick: handleSubmit
1777
- }), /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1778
- "data-cy": "neeto-tags-merge-cancel-button",
1779
- label: t("neetoTags.button.cancel"),
1780
- style: "text",
1781
- onClick: function onClick() {
1782
- return setShowModal(false);
1783
- }
1784
- })));
1821
+ },
1822
+ children: [/*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Header, {
1823
+ children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1824
+ id: "dialog1Title",
1825
+ style: "h2",
1826
+ children: t("neetoTags.common.mergeTag", constants.PLURAL)
1827
+ })
1828
+ }), /*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Body, {
1829
+ children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1830
+ lineHeight: "normal",
1831
+ style: "body2",
1832
+ children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
1833
+ i18nKey: "neetoTags.helper.mergeTagsMessage",
1834
+ values: {
1835
+ count: sourceTags.length,
1836
+ sourceTags: ramda.pluck("name", sourceTags),
1837
+ destinationTag: ramda.pluck("name", destinationTags),
1838
+ entities: pluralize(tagType.label.toLowerCase())
1839
+ }
1840
+ })
1841
+ })
1842
+ }), /*#__PURE__*/jsxRuntime.jsxs(Modal__default["default"].Footer, {
1843
+ className: "space-x-2",
1844
+ children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
1845
+ "data-cy": "neeto-tags-merge-cancel-button",
1846
+ label: t("neetoTags.button.cancel"),
1847
+ style: "tertiary",
1848
+ onClick: function onClick() {
1849
+ return setShowModal(false);
1850
+ }
1851
+ }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
1852
+ "data-cy": "neeto-tags-merge-proceed-button",
1853
+ disabled: isSubmitting,
1854
+ label: t("neetoTags.button.proceed"),
1855
+ loading: isSubmitting,
1856
+ onClick: handleSubmit
1857
+ })]
1858
+ })]
1859
+ });
1785
1860
  });
1786
1861
 
1787
- 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; }
1788
- 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; }
1862
+ 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; }
1863
+ 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; }
1789
1864
  var Merge = function Merge(_ref) {
1790
1865
  var _data$tags;
1791
1866
  var breadcrumbs = _ref.breadcrumbs,
1792
1867
  mergeTags = _ref.mergeTags,
1793
1868
  tagsPath = _ref.tagsPath,
1794
1869
  tagType = _ref.tagType;
1795
- var _useState = React.useState([]),
1870
+ var _useState = react.useState([]),
1796
1871
  _useState2 = _slicedToArray(_useState, 2),
1797
1872
  sourceTags = _useState2[0],
1798
1873
  setSourceTags = _useState2[1];
1799
- var _useState3 = React.useState([]),
1874
+ var _useState3 = react.useState([]),
1800
1875
  _useState4 = _slicedToArray(_useState3, 2),
1801
1876
  destinationTags = _useState4[0],
1802
1877
  setDestinationTags = _useState4[1];
1803
- var _useState5 = React.useState(false),
1878
+ var _useState5 = react.useState(false),
1804
1879
  _useState6 = _slicedToArray(_useState5, 2),
1805
1880
  isModalOpen = _useState6[0],
1806
1881
  setIsModalOpen = _useState6[1];
@@ -1815,10 +1890,10 @@ var Merge = function Merge(_ref) {
1815
1890
  var _useMergeTags = useMergeTags(),
1816
1891
  mutate = _useMergeTags.mutate,
1817
1892
  isSubmitting = _useMergeTags.isLoading;
1818
- var primaryButtonProps = _objectSpread$1(_objectSpread$1({}, NO_DATA_PRIMARY_BUTTON_PROPS), {}, {
1893
+ var primaryButtonProps = _objectSpread$2(_objectSpread$2({}, NO_DATA_PRIMARY_BUTTON_PROPS), {}, {
1819
1894
  to: tagsPath
1820
1895
  });
1821
- var updatedBreadcrumbs = React.useMemo(function () {
1896
+ var updatedBreadcrumbs = react.useMemo(function () {
1822
1897
  return [].concat(_toConsumableArray(breadcrumbs), [{
1823
1898
  text: t("neetoTags.common.mergeTag", constants.PLURAL)
1824
1899
  }]);
@@ -1861,59 +1936,65 @@ var Merge = function Merge(_ref) {
1861
1936
  });
1862
1937
  };
1863
1938
  if (isLoading) {
1864
- return /*#__PURE__*/React__default["default"].createElement("div", {
1865
- className: "neeto-ui-w-full neeto-ui-h-screen"
1866
- }, /*#__PURE__*/React__default["default"].createElement(PageLoader__default["default"], null));
1939
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
1940
+ className: "neeto-ui-w-full neeto-ui-h-screen",
1941
+ children: /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {})
1942
+ });
1867
1943
  }
1868
- return /*#__PURE__*/React__default["default"].createElement("div", {
1869
- className: "neeto-ui-w-full"
1870
- }, /*#__PURE__*/React__default["default"].createElement(Container__default["default"], {
1871
- isHeaderFixed: true
1872
- }, /*#__PURE__*/React__default["default"].createElement(NeetoHeader__default["default"], {
1873
- breadcrumbs: updatedBreadcrumbs,
1874
- title: t("neetoTags.common.mergeTag", constants.PLURAL),
1875
- actionBlock: /*#__PURE__*/React__default["default"].createElement(neetoui.Button, {
1876
- "data-cy": "neeto-tags-merge-button",
1877
- disabled: isMergeButtonDisabled,
1878
- label: t("neetoTags.button.merge"),
1879
- onClick: function onClick() {
1880
- setIsModalOpen(true);
1881
- }
1882
- })
1883
- }), !(data !== null && data !== void 0 && (_data$tags = data.tags) !== null && _data$tags !== void 0 && _data$tags.length) ? /*#__PURE__*/React__default["default"].createElement("div", {
1884
- className: "ntm-empty-state",
1885
- "data-cy": "empty-state-container"
1886
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
1887
- primaryButtonProps: primaryButtonProps,
1888
- title: t("neetoTags.noTagsToShow")
1889
- })) : /*#__PURE__*/React__default["default"].createElement("div", {
1890
- className: "neeto-tags-merge__wrapper"
1891
- }, /*#__PURE__*/React__default["default"].createElement("div", {
1892
- className: "neeto-tags-merge__container"
1893
- }, /*#__PURE__*/React__default["default"].createElement(List, {
1894
- isSource: true,
1895
- destinationTags: destinationTags,
1896
- sourceTags: sourceTags,
1897
- tagList: data === null || data === void 0 ? void 0 : data.tags,
1898
- onSelect: handleOnTagSelect
1899
- }), /*#__PURE__*/React__default["default"].createElement(neetoIcons.Merge, {
1900
- className: "neeto-ui-self-center neeto-ui-text-gray-600 mx-1 md:mx-4 lg:mx-6",
1901
- size: 24
1902
- }), /*#__PURE__*/React__default["default"].createElement(List, {
1903
- destinationTags: destinationTags,
1904
- sourceTags: sourceTags,
1905
- isSource: false,
1906
- tagList: data === null || data === void 0 ? void 0 : data.tags,
1907
- onSelect: handleOnTagSelect
1908
- })))), /*#__PURE__*/React__default["default"].createElement(MergeAlert, {
1909
- destinationTags: destinationTags,
1910
- handleSubmit: handleSubmit,
1911
- isSubmitting: isSubmitting,
1912
- sourceTags: sourceTags,
1913
- tagType: tagType,
1914
- setShowModal: setIsModalOpen,
1915
- showModal: isModalOpen
1916
- }));
1944
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
1945
+ className: "neeto-ui-w-full",
1946
+ children: [/*#__PURE__*/jsxRuntime.jsxs(Container__default["default"], {
1947
+ isHeaderFixed: true,
1948
+ children: [/*#__PURE__*/jsxRuntime.jsx(NeetoHeader__default["default"], {
1949
+ breadcrumbs: updatedBreadcrumbs,
1950
+ title: t("neetoTags.common.mergeTag", constants.PLURAL),
1951
+ actionBlock: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
1952
+ "data-cy": "neeto-tags-merge-button",
1953
+ disabled: isMergeButtonDisabled,
1954
+ label: t("neetoTags.button.merge"),
1955
+ onClick: function onClick() {
1956
+ setIsModalOpen(true);
1957
+ }
1958
+ })
1959
+ }), !(data !== null && data !== void 0 && (_data$tags = data.tags) !== null && _data$tags !== void 0 && _data$tags.length) ? /*#__PURE__*/jsxRuntime.jsx("div", {
1960
+ className: "ntm-empty-state",
1961
+ "data-cy": "empty-state-container",
1962
+ children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], {
1963
+ primaryButtonProps: primaryButtonProps,
1964
+ title: t("neetoTags.noTagsToShow")
1965
+ })
1966
+ }) : /*#__PURE__*/jsxRuntime.jsx("div", {
1967
+ className: "neeto-tags-merge__wrapper",
1968
+ children: /*#__PURE__*/jsxRuntime.jsxs("div", {
1969
+ className: "neeto-tags-merge__container",
1970
+ children: [/*#__PURE__*/jsxRuntime.jsx(List, {
1971
+ isSource: true,
1972
+ destinationTags: destinationTags,
1973
+ sourceTags: sourceTags,
1974
+ tagList: data === null || data === void 0 ? void 0 : data.tags,
1975
+ onSelect: handleOnTagSelect
1976
+ }), /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Merge, {
1977
+ className: "neeto-ui-self-center neeto-ui-text-gray-600 mx-1 md:mx-4 lg:mx-6",
1978
+ size: 24
1979
+ }), /*#__PURE__*/jsxRuntime.jsx(List, {
1980
+ destinationTags: destinationTags,
1981
+ sourceTags: sourceTags,
1982
+ isSource: false,
1983
+ tagList: data === null || data === void 0 ? void 0 : data.tags,
1984
+ onSelect: handleOnTagSelect
1985
+ })]
1986
+ })
1987
+ })]
1988
+ }), /*#__PURE__*/jsxRuntime.jsx(MergeAlert, {
1989
+ destinationTags: destinationTags,
1990
+ handleSubmit: handleSubmit,
1991
+ isSubmitting: isSubmitting,
1992
+ sourceTags: sourceTags,
1993
+ tagType: tagType,
1994
+ setShowModal: setIsModalOpen,
1995
+ showModal: isModalOpen
1996
+ })]
1997
+ });
1917
1998
  };
1918
1999
 
1919
2000
  var getCurrentTagType = function getCurrentTagType() {
@@ -1938,15 +2019,17 @@ var createRoutes = function createRoutes(path) {
1938
2019
  }];
1939
2020
  };
1940
2021
 
1941
- /* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */
2022
+ 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; }
2023
+ 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; }
1942
2024
  var withReactQuery = function withReactQuery(Component) {
1943
2025
  var QueryWrapper = function QueryWrapper(props) {
1944
- return /*#__PURE__*/React__default["default"].createElement(reactQuery.QueryClientProvider, {
1945
- client: queryClient
1946
- }, /*#__PURE__*/React__default["default"].createElement(Component, props), /*#__PURE__*/React__default["default"].createElement(devtools.ReactQueryDevtools, {
1947
- initialIsOpen: false,
1948
- position: "bottom-right"
1949
- }));
2026
+ return /*#__PURE__*/jsxRuntime.jsxs(reactQuery.QueryClientProvider, {
2027
+ client: queryClient,
2028
+ children: [/*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$1({}, props)), /*#__PURE__*/jsxRuntime.jsx(devtools.ReactQueryDevtools, {
2029
+ initialIsOpen: false,
2030
+ position: "bottom-right"
2031
+ })]
2032
+ });
1950
2033
  };
1951
2034
  return QueryWrapper;
1952
2035
  };
@@ -1958,25 +2041,27 @@ var Tags = function Tags(_ref) {
1958
2041
  var tagTypes = config.tagTypes,
1959
2042
  _config$displayMenu = config.displayMenu,
1960
2043
  displayMenu = _config$displayMenu === void 0 ? true : _config$displayMenu;
1961
- var _useState = React.useState(getCurrentTagType(tagTypes)),
2044
+ var _useState = react.useState(getCurrentTagType(tagTypes)),
1962
2045
  _useState2 = _slicedToArray(_useState, 2),
1963
2046
  tagType = _useState2[0],
1964
2047
  setTagType = _useState2[1];
1965
2048
  var routes = createRoutes(config.tagsPath);
1966
- return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Switch, null, routes.map(function (_ref2) {
1967
- var exact = _ref2.exact,
1968
- path = _ref2.path,
1969
- Component = _ref2.component;
1970
- return /*#__PURE__*/React__default["default"].createElement(reactRouterDom.Route, {
1971
- exact: exact,
1972
- path: path,
1973
- key: path
1974
- }, /*#__PURE__*/React__default["default"].createElement(Component, _objectSpread(_objectSpread({}, config), {}, {
1975
- displayMenu: displayMenu,
1976
- setTagType: setTagType,
1977
- tagType: tagType
1978
- })));
1979
- }));
2049
+ return /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Switch, {
2050
+ children: routes.map(function (_ref2) {
2051
+ var exact = _ref2.exact,
2052
+ path = _ref2.path,
2053
+ Component = _ref2.component;
2054
+ return /*#__PURE__*/react.createElement(reactRouterDom.Route, {
2055
+ exact: exact,
2056
+ path: path,
2057
+ key: path
2058
+ }, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, _objectSpread(_objectSpread({}, config), {}, {
2059
+ displayMenu: displayMenu,
2060
+ setTagType: setTagType,
2061
+ tagType: tagType
2062
+ }))));
2063
+ })
2064
+ });
1980
2065
  };
1981
2066
  var Tags$1 = withReactQuery(Tags);
1982
2067
 
@@ -1985,7 +2070,7 @@ n(css,{});
1985
2070
 
1986
2071
  var App = function App(_ref) {
1987
2072
  var config = _ref.config;
1988
- return /*#__PURE__*/React__default["default"].createElement(Tags$1, {
2073
+ return /*#__PURE__*/jsxRuntime.jsx(Tags$1, {
1989
2074
  config: config
1990
2075
  });
1991
2076
  };