@bigbinary/neeto-tags-frontend 1.6.14 → 1.7.0-beta1

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 +599 -513
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.js +557 -488
  4. package/dist/index.js.map +1 -1
  5. package/package.json +17 -14
package/dist/index.cjs.js CHANGED
@@ -2,31 +2,48 @@
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');
22
- var reactQuery = require('react-query');
28
+ var Alert = require('@bigbinary/neetoui/Alert');
29
+ var Tab = require('@bigbinary/neetoui/Tab');
30
+ var reactQuery = require('@tanstack/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');
29
- var devtools = require('react-query/devtools');
44
+ var Input$1 = require('@bigbinary/neetoui/Input');
45
+ var Modal = require('@bigbinary/neetoui/Modal');
46
+ var reactQueryDevtools = require('@tanstack/react-query-devtools');
30
47
 
31
48
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
32
49
 
@@ -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,20 +525,29 @@ 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
 
543
+ var queryClient = new reactQuery.QueryClient({
544
+ queryCache: new reactQuery.QueryCache({
545
+ onError: function onError(error) {
546
+ return Toastr__default["default"].error(error);
547
+ }
548
+ })
549
+ });
550
+
507
551
  function _objectWithoutPropertiesLoose(source, excluded) {
508
552
  if (source == null) return {};
509
553
  var target = {};
@@ -561,26 +605,20 @@ var tagsApi = {
561
605
  merge: merge
562
606
  };
563
607
 
564
- var queryClient = new reactQuery.QueryClient({
565
- queryCache: new reactQuery.QueryCache({
566
- onError: function onError(error) {
567
- return neetoui.Toastr.error(error);
568
- }
569
- })
570
- });
571
-
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
- return reactQuery.useQuery([TAG_KEY, params], function () {
577
- return tagsApi.fetch(params);
578
- }, _objectSpread$4({
579
- staleTime: STALE_TIME,
612
+ return reactQuery.useQuery(_objectSpread$5({
613
+ queryKey: [TAG_KEY, params],
614
+ queryFn: function queryFn() {
615
+ return tagsApi.fetch(params);
616
+ },
580
617
  select: function select(response) {
581
618
  return response.data || response;
582
619
  },
583
- keepPreviousData: true
620
+ staleTime: STALE_TIME,
621
+ placeholderData: reactQuery.keepPreviousData
584
622
  }, options));
585
623
  };
586
624
  var useCreateTag = function useCreateTag() {
@@ -621,7 +659,9 @@ var useMergeTags = function useMergeTags() {
621
659
  });
622
660
  };
623
661
  var refetchTags = function refetchTags() {
624
- return queryClient.invalidateQueries([TAG_KEY]);
662
+ return queryClient.invalidateQueries({
663
+ queryKey: [TAG_KEY]
664
+ });
625
665
  };
626
666
 
627
667
  var TAG_NAME_MAX_LENGTH = 50;
@@ -671,24 +711,26 @@ var Header = function Header(_ref) {
671
711
  return goToFirstPage();
672
712
  });
673
713
  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
- }));
714
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
715
+ children: [tagsMergable && /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
716
+ "data-cy": "neeto-tags-merge-tags-button",
717
+ disabled: (data === null || data === void 0 ? void 0 : data.tags.length) < constants.PLURAL.count,
718
+ label: t("neetoTags.common.mergeTag", constants.PLURAL),
719
+ style: "secondary",
720
+ onClick: reactUtils.handleMetaClick(history, "".concat(tagsPath, "/merge"))
721
+ }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
722
+ "data-cy": "add-new-tag-button",
723
+ label: t("neetoTags.common.addNewTag", constants.SINGULAR),
724
+ onClick: function onClick() {
725
+ setSelectedTag(null);
726
+ setPaneType(PANE_TYPES.CREATE);
727
+ }
728
+ })]
729
+ });
688
730
  };
689
- return /*#__PURE__*/React__default["default"].createElement(NeetoHeader__default["default"], {
731
+ return /*#__PURE__*/jsxRuntime.jsx(NeetoHeader__default["default"], {
690
732
  breadcrumbs: breadcrumbs,
691
- actionBlock: /*#__PURE__*/React__default["default"].createElement(ActionBlock, null),
733
+ actionBlock: /*#__PURE__*/jsxRuntime.jsx(ActionBlock, {}),
692
734
  title: t("neetoTags.common.tag", constants.PLURAL),
693
735
  searchProps: {
694
736
  "data-cy": "neeto-tags-search-text-input-field",
@@ -709,7 +751,7 @@ var useTagsForm = function useTagsForm(_ref) {
709
751
  var tagOperation = isEdit ? updateTags : createTags;
710
752
  var _tagModification = tagModification(),
711
753
  mutate = _tagModification.mutate,
712
- isSubmitting = _tagModification.isLoading;
754
+ isSubmitting = _tagModification.isPending;
713
755
  var handleSubmit = function handleSubmit(values, _ref2) {
714
756
  var _values$description;
715
757
  var resetForm = _ref2.resetForm;
@@ -741,8 +783,8 @@ var useTagsForm = function useTagsForm(_ref) {
741
783
  };
742
784
  };
743
785
 
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; }
786
+ 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; }
787
+ 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
788
  var ManageTags = function ManageTags(_ref) {
747
789
  var createTags = _ref.createTags,
748
790
  goToFirstPage = _ref.goToFirstPage,
@@ -755,7 +797,7 @@ var ManageTags = function ManageTags(_ref) {
755
797
  t = _useTranslation.t;
756
798
  var isEdit = type === PANE_TYPES.EDIT;
757
799
  var initialValues = isEdit ? tag : INITIAL_TAG_VALUES;
758
- var inputReference = React.useRef(null);
800
+ var inputReference = react.useRef(null);
759
801
  var _useTagsForm = useTagsForm({
760
802
  createTags: createTags,
761
803
  goToFirstPage: goToFirstPage,
@@ -766,49 +808,59 @@ var ManageTags = function ManageTags(_ref) {
766
808
  }),
767
809
  handleSubmit = _useTagsForm.handleSubmit,
768
810
  isSubmitting = _useTagsForm.isSubmitting;
769
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Pane, {
811
+ return /*#__PURE__*/jsxRuntime.jsxs(Pane__default["default"], {
770
812
  onClose: onClose,
771
813
  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
- }))));
814
+ isOpen: !!type,
815
+ children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Header, {
816
+ children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
817
+ style: "h2",
818
+ weight: "semibold",
819
+ children: isEdit ? t("neetoTags.common.editTag") : t("neetoTags.common.addNewTag", constants.SINGULAR)
820
+ })
821
+ }), /*#__PURE__*/jsxRuntime.jsxs(Form__default["default"], {
822
+ formikProps: _objectSpread$4(_objectSpread$4({}, TAGS_FORMIK_PROPS), {}, {
823
+ initialValues: initialValues,
824
+ onSubmit: handleSubmit
825
+ }),
826
+ children: [/*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Body, {
827
+ children: /*#__PURE__*/jsxRuntime.jsxs("div", {
828
+ className: "neeto-ui-flex neeto-ui-w-full neeto-ui-flex-col neeto-ui-gap-4",
829
+ children: [/*#__PURE__*/jsxRuntime.jsx(Input__default["default"], {
830
+ required: true,
831
+ unlimitedChars: true,
832
+ "data-cy": "tag-name-text-field",
833
+ label: t("neetoTags.common.name"),
834
+ maxLength: TAG_NAME_MAX_LENGTH,
835
+ name: "name",
836
+ ref: inputReference
837
+ }), /*#__PURE__*/jsxRuntime.jsx(Textarea__default["default"], {
838
+ unlimitedChars: true,
839
+ "data-cy": "tag-description-text-area",
840
+ label: t("neetoTags.common.description"),
841
+ maxLength: TAG_DESCRIPTION_MAX_LENGTH,
842
+ name: "description",
843
+ rows: TAG_DESCRIPTION_ROW_LENGTH
844
+ })]
845
+ })
846
+ }), /*#__PURE__*/jsxRuntime.jsx(Pane__default["default"].Footer, {
847
+ children: /*#__PURE__*/jsxRuntime.jsx(ActionBlock__default["default"], {
848
+ isSubmitting: isSubmitting,
849
+ cancelButtonProps: {
850
+ "data-cy": "neeto-tags-manage-tag-cancel-button",
851
+ onClick: onClose
852
+ },
853
+ submitButtonProps: {
854
+ "data-cy": "neeto-tags-manage-tag-submit-button"
855
+ }
856
+ })
857
+ })]
858
+ })]
859
+ });
808
860
  };
809
861
 
810
- var Menu = neetoui.Dropdown.Menu,
811
- MenuItem = neetoui.Dropdown.MenuItem;
862
+ var Menu = Dropdown__default["default"].Menu,
863
+ MenuItem = Dropdown__default["default"].MenuItem;
812
864
  var renderDropdownButton = function renderDropdownButton(_ref) {
813
865
  var _ref$handleEdit = _ref.handleEdit,
814
866
  handleEdit = _ref$handleEdit === void 0 ? neetoCist.noop : _ref$handleEdit,
@@ -816,29 +868,35 @@ var renderDropdownButton = function renderDropdownButton(_ref) {
816
868
  handleDelete = _ref$handleDelete === void 0 ? neetoCist.noop : _ref$handleDelete,
817
869
  _ref$tag = _ref.tag,
818
870
  tag = _ref$tag === void 0 ? {} : _ref$tag;
819
- return /*#__PURE__*/React__default["default"].createElement("div", {
871
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
820
872
  onClick: function onClick(e) {
821
873
  return e.stopPropagation();
822
- }
823
- }, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
824
- autoWidth: true,
825
- buttonProps: {
826
- style: "text"
827
874
  },
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")))));
875
+ children: /*#__PURE__*/jsxRuntime.jsx(Dropdown__default["default"], {
876
+ autoWidth: true,
877
+ buttonProps: {
878
+ style: "text"
879
+ },
880
+ icon: neetoIcons.MenuHorizontal,
881
+ position: "bottom-end",
882
+ strategy: "fixed",
883
+ children: /*#__PURE__*/jsxRuntime.jsxs(Menu, {
884
+ children: [/*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
885
+ "data-cy": "tags-edit-button",
886
+ onClick: function onClick() {
887
+ return handleEdit(tag);
888
+ },
889
+ children: i18next.t("neetoTags.button.edit")
890
+ }), /*#__PURE__*/jsxRuntime.jsx(MenuItem.Button, {
891
+ "data-cy": "tags-delete-button",
892
+ onClick: function onClick() {
893
+ return handleDelete(tag);
894
+ },
895
+ children: i18next.t("neetoTags.button.delete")
896
+ })]
897
+ })
898
+ })
899
+ });
842
900
  };
843
901
  var renderColumnData = function renderColumnData(handleEdit, handleDelete) {
844
902
  var columns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
@@ -848,16 +906,17 @@ var renderColumnData = function renderColumnData(handleEdit, handleDelete) {
848
906
  key: "name",
849
907
  width: "400px",
850
908
  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
- }));
909
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
910
+ className: "neeto-tags-table__column",
911
+ children: [/*#__PURE__*/jsxRuntime.jsx(Tag__default["default"], {
912
+ label: name,
913
+ style: "secondary"
914
+ }), renderDropdownButton({
915
+ handleEdit: handleEdit,
916
+ handleDelete: handleDelete,
917
+ tag: tag
918
+ })]
919
+ });
861
920
  }
862
921
  }, {
863
922
  title: i18next.t("neetoTags.common.description"),
@@ -884,45 +943,47 @@ var Table = function Table(_ref) {
884
943
  var _useTranslation = reactI18next.useTranslation(),
885
944
  t = _useTranslation.t;
886
945
  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", {
946
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
888
947
  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
- }));
948
+ "data-cy": "empty-state-container",
949
+ children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], {
950
+ primaryButtonProps: primaryButtonProps,
951
+ title: t("neetoTags.title.noTagsToShow")
952
+ })
953
+ });
894
954
  }
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
- }));
955
+ return /*#__PURE__*/jsxRuntime.jsx(TableWrapper__default["default"], {
956
+ hasPagination: (data === null || data === void 0 ? void 0 : data.totalCount) > filters.pageSize,
957
+ children: /*#__PURE__*/jsxRuntime.jsx(NeetoUITable__default["default"], {
958
+ fixedHeight: true,
959
+ allowRowClick: !!onTagRowClick,
960
+ columnData: renderColumnData(handleEdit, handleDelete, tagType.columns),
961
+ currentPageNumber: filters.page,
962
+ defaultPageSize: filters.pageSize,
963
+ loading: isLoading,
964
+ paginationProps: {
965
+ showSizeChanger: false
966
+ },
967
+ rowData: data === null || data === void 0 ? void 0 : data.tags,
968
+ rowSelection: false,
969
+ scroll: {
970
+ x: "100%"
971
+ },
972
+ totalCount: data === null || data === void 0 ? void 0 : data.totalCount,
973
+ onChange: handleOnChange,
974
+ onRowClick: function onRowClick(event, record, rowIndex) {
975
+ return onTagRowClick({
976
+ event: event,
977
+ tag: record,
978
+ rowIndex: rowIndex
979
+ });
980
+ }
981
+ })
982
+ });
922
983
  };
923
984
 
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; }
985
+ 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; }
986
+ 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
987
  var Dashboard = function Dashboard(_ref) {
927
988
  var breadcrumbs = _ref.breadcrumbs,
928
989
  createTags = _ref.createTags,
@@ -944,31 +1005,31 @@ var Dashboard = function Dashboard(_ref) {
944
1005
  node: "name",
945
1006
  value: searchTerm
946
1007
  };
947
- var _useState = React.useState(null),
1008
+ var _useState = react.useState(null),
948
1009
  _useState2 = _slicedToArray(_useState, 2),
949
1010
  selectedTag = _useState2[0],
950
1011
  setSelectedTag = _useState2[1];
951
- var _useState3 = React.useState(null),
1012
+ var _useState3 = react.useState(null),
952
1013
  _useState4 = _slicedToArray(_useState3, 2),
953
1014
  paneType = _useState4[0],
954
1015
  setPaneType = _useState4[1];
955
- var _useState5 = React.useState(false),
1016
+ var _useState5 = react.useState(false),
956
1017
  _useState6 = _slicedToArray(_useState5, 2),
957
1018
  isDeleteAlertOpen = _useState6[0],
958
1019
  setIsDeleteAlertOpen = _useState6[1];
959
- var _useState7 = React.useState(DEFAULT_FILTERS),
1020
+ var _useState7 = react.useState(DEFAULT_FILTERS),
960
1021
  _useState8 = _slicedToArray(_useState7, 2),
961
1022
  filters = _useState8[0],
962
1023
  setFilters = _useState8[1];
963
- var _useState9 = React.useState(false),
1024
+ var _useState9 = react.useState(false),
964
1025
  _useState10 = _slicedToArray(_useState9, 2),
965
1026
  isFiltersPaneOpen = _useState10[0],
966
1027
  setIsFiltersPaneOpen = _useState10[1];
967
- var _useState11 = React.useState(neetoFiltersFrontend.buildFiltersFromURL([].concat(_toConsumableArray(NEETO_FILTERS), [searchKeywordProps]))),
1028
+ var _useState11 = react.useState(neetoFiltersFrontend.buildFiltersFromURL([].concat(_toConsumableArray(NEETO_FILTERS), [searchKeywordProps]))),
968
1029
  _useState12 = _slicedToArray(_useState11, 2),
969
1030
  neetoFilters = _useState12[0],
970
1031
  setNeetoFilters = _useState12[1];
971
- var _useFetchTags = useFetchTags(_objectSpread$2({
1032
+ var _useFetchTags = useFetchTags(_objectSpread$3({
972
1033
  url: tagType.url,
973
1034
  neetoFilters: neetoFilters
974
1035
  }, filters)),
@@ -1008,7 +1069,7 @@ var Dashboard = function Dashboard(_ref) {
1008
1069
  };
1009
1070
  var _useDeleteTag = useDeleteTag(),
1010
1071
  mutate = _useDeleteTag.mutate,
1011
- isDeletingTag = _useDeleteTag.isLoading;
1072
+ isDeletingTag = _useDeleteTag.isPending;
1012
1073
  var handleConfirmDelete = function handleConfirmDelete() {
1013
1074
  var payload = {
1014
1075
  url: tagType.url,
@@ -1026,10 +1087,7 @@ var Dashboard = function Dashboard(_ref) {
1026
1087
  }
1027
1088
  deleteTags === null || deleteTags === void 0 || (_deleteTags$onSuccess = deleteTags.onSuccess) === null || _deleteTags$onSuccess === void 0 || _deleteTags$onSuccess.callback();
1028
1089
  // @ts-ignore
1029
- neetoui.Toastr.success("", {
1030
- icon: "👍",
1031
- className: "w-20"
1032
- });
1090
+ utils.showThumbsUpToastr();
1033
1091
  }
1034
1092
  });
1035
1093
  };
@@ -1044,78 +1102,83 @@ var Dashboard = function Dashboard(_ref) {
1044
1102
  page: constants.DEFAULT_PAGE_INDEX
1045
1103
  }));
1046
1104
  };
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: {
1105
+ return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
1106
+ children: [/*#__PURE__*/jsxRuntime.jsxs(Container__default["default"], {
1107
+ children: [/*#__PURE__*/jsxRuntime.jsx(Header, {
1108
+ breadcrumbs: breadcrumbs,
1109
+ data: data,
1110
+ displayMenu: displayMenu,
1111
+ setPaneType: setPaneType,
1112
+ setSelectedTag: setSelectedTag,
1113
+ tagsMergable: tagsMergable,
1114
+ tagsPath: tagsPath,
1115
+ goToFirstPage: resetPage
1116
+ }), neetoCist.isNotEmpty(data === null || data === void 0 ? void 0 : data.totalCount) && /*#__PURE__*/jsxRuntime.jsx(SubHeader__default["default"], {
1117
+ leftActionBlock: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1118
+ className: "neeto-ui-gray-800",
1119
+ "data-cy": "neeto-tags-filtered-tags-count-text",
1120
+ style: "h4",
1121
+ weight: "semibold",
1122
+ children: t("neetoTags.helper.tagWithCount", {
1123
+ count: (data === null || data === void 0 ? void 0 : data.totalCount) || 0,
1124
+ type: (tagType === null || tagType === void 0 ? void 0 : tagType.label) || ""
1125
+ })
1126
+ }),
1127
+ rightActionBlock: /*#__PURE__*/jsxRuntime.jsx(SubHeader__default["default"].RightBlock, {
1128
+ filterProps: {
1129
+ columns: NEETO_FILTERS,
1130
+ isOpen: isFiltersPaneOpen,
1131
+ setIsOpen: setIsFiltersPaneOpen,
1132
+ onChange: handleFiltersChange,
1133
+ keyword: searchKeywordProps
1134
+ }
1135
+ })
1136
+ }), /*#__PURE__*/jsxRuntime.jsx(neetoFiltersFrontend.Bar, {
1068
1137
  columns: NEETO_FILTERS,
1069
1138
  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
1139
+ keyword: searchKeywordProps,
1140
+ onChange: handleFiltersChange
1141
+ }), displayMenu && /*#__PURE__*/jsxRuntime.jsx(Menu$1, {
1142
+ setTagType: setTagType,
1143
+ tagType: tagType,
1144
+ tagTypes: tagTypes
1145
+ }), /*#__PURE__*/jsxRuntime.jsx(Table, {
1146
+ data: data,
1147
+ filters: filters,
1148
+ handleDelete: handleDelete,
1149
+ handleEdit: handleEdit,
1150
+ handleOnChange: handleOnChange,
1151
+ isLoading: isLoading,
1152
+ onTagRowClick: onTagRowClick,
1153
+ primaryButtonProps: primaryButtonProps,
1154
+ tagType: tagType
1155
+ })]
1156
+ }), /*#__PURE__*/jsxRuntime.jsx(ManageTags, {
1157
+ createTags: createTags,
1158
+ tagType: tagType,
1159
+ updateTags: updateTags,
1160
+ goToFirstPage: resetPage,
1161
+ tag: selectedTag,
1162
+ type: paneType,
1163
+ onClose: function onClose() {
1164
+ return setPaneType(null);
1114
1165
  }
1115
- }),
1116
- onClose: handleAlertClose,
1117
- onSubmit: handleConfirmDelete
1118
- }));
1166
+ }), /*#__PURE__*/jsxRuntime.jsx(Alert__default["default"], {
1167
+ cancelButtonLabel: t("neetoTags.button.cancel"),
1168
+ isOpen: isDeleteAlertOpen,
1169
+ isSubmitting: isDeletingTag,
1170
+ submitButtonLabel: t("neetoTags.button.delete"),
1171
+ title: t("neetoTags.alert.title.deleteTag"),
1172
+ message: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
1173
+ i18nKey: "neetoTags.alert.message.deleteTag_",
1174
+ values: {
1175
+ name: selectedTag === null || selectedTag === void 0 ? void 0 : selectedTag.name
1176
+ }
1177
+ }),
1178
+ onClose: handleAlertClose,
1179
+ onSubmit: handleConfirmDelete
1180
+ })]
1181
+ });
1119
1182
  };
1120
1183
 
1121
1184
  var NO_DATA_PRIMARY_BUTTON_PROPS = {
@@ -1164,11 +1227,11 @@ var List = function List(_ref) {
1164
1227
  tagList = _ref$tagList === void 0 ? [] : _ref$tagList;
1165
1228
  var _useTranslation = reactI18next.useTranslation(),
1166
1229
  t = _useTranslation.t;
1167
- var _useState = React.useState(""),
1230
+ var _useState = react.useState(""),
1168
1231
  _useState2 = _slicedToArray(_useState, 2),
1169
1232
  searchTerm = _useState2[0],
1170
1233
  setSearchTerm = _useState2[1];
1171
- var listType = React.useMemo(function () {
1234
+ var listType = react.useMemo(function () {
1172
1235
  return getListType({
1173
1236
  destinationTags: destinationTags,
1174
1237
  isSource: isSource,
@@ -1181,39 +1244,44 @@ var List = function List(_ref) {
1181
1244
  var _tag$name;
1182
1245
  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
1246
  });
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);
1247
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
1248
+ 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",
1249
+ children: [/*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1250
+ className: "neeto-ui-mb-3",
1251
+ style: "h4",
1252
+ children: listType.label
1253
+ }), /*#__PURE__*/jsxRuntime.jsx(Input__default$1["default"], {
1254
+ "data-cy": "neeto-tags-merge-".concat(listType.value, "-search-text-input-field"),
1255
+ placeholder: t("neetoTags.placeholder.searchTags"),
1256
+ value: searchTerm,
1257
+ onChange: function onChange(e) {
1258
+ return setSearchTerm(e.target.value);
1212
1259
  }
1213
- }, /*#__PURE__*/React__default["default"].createElement("span", null, tag.name), selectedTagIds && /*#__PURE__*/React__default["default"].createElement(neetoIcons.Check, {
1214
- size: 18
1215
- }));
1216
- })));
1260
+ }), /*#__PURE__*/jsxRuntime.jsx("div", {
1261
+ className: "neeto-tags-merge__items",
1262
+ "data-cy": "neeto-tags-merge-".concat(listType.value, "-tags-list"),
1263
+ children: filteredTags.map(function (tag) {
1264
+ var selectedTagIds = listType.tagIds.includes(tag.id);
1265
+ var selectedCounterTags = listType.counterTagIds.includes(tag.id);
1266
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
1267
+ "data-cy": "neeto-tags-merge-".concat(listType.value, "-tags"),
1268
+ 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", {
1269
+ "neeto-ui-bg-pastel-blue neeto-ui-border-primary-600": selectedTagIds,
1270
+ "hover:neeto-ui-bg-gray-100": !selectedTagIds,
1271
+ "neeto-ui-cursor-not-allowed neeto-ui-bg-gray-100 neeto-ui-text-gray-500": selectedCounterTags
1272
+ }),
1273
+ onClick: function onClick() {
1274
+ return !selectedCounterTags && onSelect(tag, listType.value);
1275
+ },
1276
+ children: [/*#__PURE__*/jsxRuntime.jsx("span", {
1277
+ children: tag.name
1278
+ }), selectedTagIds && /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Check, {
1279
+ size: 18
1280
+ })]
1281
+ }, tag.id);
1282
+ })
1283
+ })]
1284
+ });
1217
1285
  };
1218
1286
 
1219
1287
  var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
@@ -1747,60 +1815,68 @@ var MergeAlert = reactUtils.withT(function (_ref) {
1747
1815
  sourceTags = _ref$sourceTags === void 0 ? [] : _ref$sourceTags,
1748
1816
  _ref$tagType = _ref.tagType,
1749
1817
  tagType = _ref$tagType === void 0 ? "" : _ref$tagType;
1750
- return /*#__PURE__*/React__default["default"].createElement(neetoui.Modal, {
1818
+ return /*#__PURE__*/jsxRuntime.jsxs(Modal__default["default"], {
1751
1819
  isOpen: showModal,
1752
1820
  onClose: function onClose() {
1753
1821
  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
- })));
1822
+ },
1823
+ children: [/*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Header, {
1824
+ children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1825
+ id: "dialog1Title",
1826
+ style: "h2",
1827
+ children: t("neetoTags.common.mergeTag", constants.PLURAL)
1828
+ })
1829
+ }), /*#__PURE__*/jsxRuntime.jsx(Modal__default["default"].Body, {
1830
+ children: /*#__PURE__*/jsxRuntime.jsx(Typography__default["default"], {
1831
+ lineHeight: "normal",
1832
+ style: "body2",
1833
+ children: /*#__PURE__*/jsxRuntime.jsx(reactI18next.Trans, {
1834
+ i18nKey: "neetoTags.helper.mergeTagsMessage",
1835
+ values: {
1836
+ count: sourceTags.length,
1837
+ sourceTags: ramda.pluck("name", sourceTags),
1838
+ destinationTag: ramda.pluck("name", destinationTags),
1839
+ entities: pluralize(tagType.label.toLowerCase())
1840
+ }
1841
+ })
1842
+ })
1843
+ }), /*#__PURE__*/jsxRuntime.jsxs(Modal__default["default"].Footer, {
1844
+ className: "space-x-2",
1845
+ children: [/*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
1846
+ "data-cy": "neeto-tags-merge-cancel-button",
1847
+ label: t("neetoTags.button.cancel"),
1848
+ style: "tertiary",
1849
+ onClick: function onClick() {
1850
+ return setShowModal(false);
1851
+ }
1852
+ }), /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
1853
+ "data-cy": "neeto-tags-merge-proceed-button",
1854
+ disabled: isSubmitting,
1855
+ label: t("neetoTags.button.proceed"),
1856
+ loading: isSubmitting,
1857
+ onClick: handleSubmit
1858
+ })]
1859
+ })]
1860
+ });
1785
1861
  });
1786
1862
 
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; }
1863
+ 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; }
1864
+ 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
1865
  var Merge = function Merge(_ref) {
1790
1866
  var _data$tags;
1791
1867
  var breadcrumbs = _ref.breadcrumbs,
1792
1868
  mergeTags = _ref.mergeTags,
1793
1869
  tagsPath = _ref.tagsPath,
1794
1870
  tagType = _ref.tagType;
1795
- var _useState = React.useState([]),
1871
+ var _useState = react.useState([]),
1796
1872
  _useState2 = _slicedToArray(_useState, 2),
1797
1873
  sourceTags = _useState2[0],
1798
1874
  setSourceTags = _useState2[1];
1799
- var _useState3 = React.useState([]),
1875
+ var _useState3 = react.useState([]),
1800
1876
  _useState4 = _slicedToArray(_useState3, 2),
1801
1877
  destinationTags = _useState4[0],
1802
1878
  setDestinationTags = _useState4[1];
1803
- var _useState5 = React.useState(false),
1879
+ var _useState5 = react.useState(false),
1804
1880
  _useState6 = _slicedToArray(_useState5, 2),
1805
1881
  isModalOpen = _useState6[0],
1806
1882
  setIsModalOpen = _useState6[1];
@@ -1814,11 +1890,11 @@ var Merge = function Merge(_ref) {
1814
1890
  isLoading = _useFetchTags.isLoading;
1815
1891
  var _useMergeTags = useMergeTags(),
1816
1892
  mutate = _useMergeTags.mutate,
1817
- isSubmitting = _useMergeTags.isLoading;
1818
- var primaryButtonProps = _objectSpread$1(_objectSpread$1({}, NO_DATA_PRIMARY_BUTTON_PROPS), {}, {
1893
+ isSubmitting = _useMergeTags.isPending;
1894
+ var primaryButtonProps = _objectSpread$2(_objectSpread$2({}, NO_DATA_PRIMARY_BUTTON_PROPS), {}, {
1819
1895
  to: tagsPath
1820
1896
  });
1821
- var updatedBreadcrumbs = React.useMemo(function () {
1897
+ var updatedBreadcrumbs = react.useMemo(function () {
1822
1898
  return [].concat(_toConsumableArray(breadcrumbs), [{
1823
1899
  text: t("neetoTags.common.mergeTag", constants.PLURAL)
1824
1900
  }]);
@@ -1861,59 +1937,65 @@ var Merge = function Merge(_ref) {
1861
1937
  });
1862
1938
  };
1863
1939
  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));
1940
+ return /*#__PURE__*/jsxRuntime.jsx("div", {
1941
+ className: "neeto-ui-w-full neeto-ui-h-screen",
1942
+ children: /*#__PURE__*/jsxRuntime.jsx(PageLoader__default["default"], {})
1943
+ });
1867
1944
  }
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
- }));
1945
+ return /*#__PURE__*/jsxRuntime.jsxs("div", {
1946
+ className: "neeto-ui-w-full",
1947
+ children: [/*#__PURE__*/jsxRuntime.jsxs(Container__default["default"], {
1948
+ isHeaderFixed: true,
1949
+ children: [/*#__PURE__*/jsxRuntime.jsx(NeetoHeader__default["default"], {
1950
+ breadcrumbs: updatedBreadcrumbs,
1951
+ title: t("neetoTags.common.mergeTag", constants.PLURAL),
1952
+ actionBlock: /*#__PURE__*/jsxRuntime.jsx(Button__default["default"], {
1953
+ "data-cy": "neeto-tags-merge-button",
1954
+ disabled: isMergeButtonDisabled,
1955
+ label: t("neetoTags.button.merge"),
1956
+ onClick: function onClick() {
1957
+ setIsModalOpen(true);
1958
+ }
1959
+ })
1960
+ }), !(data !== null && data !== void 0 && (_data$tags = data.tags) !== null && _data$tags !== void 0 && _data$tags.length) ? /*#__PURE__*/jsxRuntime.jsx("div", {
1961
+ className: "ntm-empty-state",
1962
+ "data-cy": "empty-state-container",
1963
+ children: /*#__PURE__*/jsxRuntime.jsx(NoData__default["default"], {
1964
+ primaryButtonProps: primaryButtonProps,
1965
+ title: t("neetoTags.noTagsToShow")
1966
+ })
1967
+ }) : /*#__PURE__*/jsxRuntime.jsx("div", {
1968
+ className: "neeto-tags-merge__wrapper",
1969
+ children: /*#__PURE__*/jsxRuntime.jsxs("div", {
1970
+ className: "neeto-tags-merge__container",
1971
+ children: [/*#__PURE__*/jsxRuntime.jsx(List, {
1972
+ destinationTags: destinationTags,
1973
+ sourceTags: sourceTags,
1974
+ isSource: true,
1975
+ tagList: data === null || data === void 0 ? void 0 : data.tags,
1976
+ onSelect: handleOnTagSelect
1977
+ }), /*#__PURE__*/jsxRuntime.jsx(neetoIcons.Merge, {
1978
+ className: "neeto-ui-self-center neeto-ui-text-gray-600 mx-1 md:mx-4 lg:mx-6",
1979
+ size: 24
1980
+ }), /*#__PURE__*/jsxRuntime.jsx(List, {
1981
+ destinationTags: destinationTags,
1982
+ sourceTags: sourceTags,
1983
+ isSource: false,
1984
+ tagList: data === null || data === void 0 ? void 0 : data.tags,
1985
+ onSelect: handleOnTagSelect
1986
+ })]
1987
+ })
1988
+ })]
1989
+ }), /*#__PURE__*/jsxRuntime.jsx(MergeAlert, {
1990
+ destinationTags: destinationTags,
1991
+ handleSubmit: handleSubmit,
1992
+ isSubmitting: isSubmitting,
1993
+ sourceTags: sourceTags,
1994
+ tagType: tagType,
1995
+ setShowModal: setIsModalOpen,
1996
+ showModal: isModalOpen
1997
+ })]
1998
+ });
1917
1999
  };
1918
2000
 
1919
2001
  var getCurrentTagType = function getCurrentTagType() {
@@ -1938,15 +2020,17 @@ var createRoutes = function createRoutes(path) {
1938
2020
  }];
1939
2021
  };
1940
2022
 
1941
- /* eslint-disable @bigbinary/neeto/file-name-and-export-name-standards */
2023
+ 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; }
2024
+ 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
2025
  var withReactQuery = function withReactQuery(Component) {
1943
2026
  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
- }));
2027
+ return /*#__PURE__*/jsxRuntime.jsxs(reactQuery.QueryClientProvider, {
2028
+ client: queryClient,
2029
+ children: [/*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread$1({}, props)), /*#__PURE__*/jsxRuntime.jsx(reactQueryDevtools.ReactQueryDevtools, {
2030
+ initialIsOpen: false,
2031
+ position: "bottom-right"
2032
+ })]
2033
+ });
1950
2034
  };
1951
2035
  return QueryWrapper;
1952
2036
  };
@@ -1958,25 +2042,27 @@ var Tags = function Tags(_ref) {
1958
2042
  var tagTypes = config.tagTypes,
1959
2043
  _config$displayMenu = config.displayMenu,
1960
2044
  displayMenu = _config$displayMenu === void 0 ? true : _config$displayMenu;
1961
- var _useState = React.useState(getCurrentTagType(tagTypes)),
2045
+ var _useState = react.useState(getCurrentTagType(tagTypes)),
1962
2046
  _useState2 = _slicedToArray(_useState, 2),
1963
2047
  tagType = _useState2[0],
1964
2048
  setTagType = _useState2[1];
1965
2049
  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
- }));
2050
+ return /*#__PURE__*/jsxRuntime.jsx(reactRouterDom.Switch, {
2051
+ children: routes.map(function (_ref2) {
2052
+ var exact = _ref2.exact,
2053
+ path = _ref2.path,
2054
+ Component = _ref2.component;
2055
+ return /*#__PURE__*/react.createElement(reactRouterDom.Route, {
2056
+ exact: exact,
2057
+ path: path,
2058
+ key: path
2059
+ }, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread({}, _objectSpread(_objectSpread({}, config), {}, {
2060
+ displayMenu: displayMenu,
2061
+ setTagType: setTagType,
2062
+ tagType: tagType
2063
+ }))));
2064
+ })
2065
+ });
1980
2066
  };
1981
2067
  var Tags$1 = withReactQuery(Tags);
1982
2068
 
@@ -1985,7 +2071,7 @@ n(css,{});
1985
2071
 
1986
2072
  var App = function App(_ref) {
1987
2073
  var config = _ref.config;
1988
- return /*#__PURE__*/React__default["default"].createElement(Tags$1, {
2074
+ return /*#__PURE__*/jsxRuntime.jsx(Tags$1, {
1989
2075
  config: config
1990
2076
  });
1991
2077
  };