@bigbinary/neeto-tags-frontend 1.6.14 → 1.6.15

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