@bigbinary/neeto-tags-frontend 0.0.38 → 0.0.40

package/dist/index.js

@@ -6823,7 +6823,8 @@ var fetch = function fetch(_ref) {
     params: {
       search_term: searchTerm,
       limit: limit,
-      page_no: pageNo
+      page_no: pageNo,
+      term: searchTerm
     }
   });
 };
@@ -6874,7 +6875,8 @@ var useFetchTags = function useFetchTags(params) {
     staleTime: STALE_TIME,
     select: function select(response) {
       return response.data || response;
-    }
+    },
+    keepPreviousData: true
   }, options));
 };
 
@@ -7225,7 +7227,7 @@ var Dashboard = function Dashboard(_ref) {
 
   var _useFetchTags = useFetchTags({
     url: tagType.url,
-    searchTerm: debouncedSearchTerm,
+    searchTerm: debouncedSearchTerm.trim(),
     limit: DEFAULT_PAGE_SIZE,
     pageNo: pageIndex
   }),
@@ -7259,14 +7261,16 @@ var Dashboard = function Dashboard(_ref) {
   };
 
   var _useDeleteTag = useDeleteTag(),
-      mutate = _useDeleteTag.mutate;
+      mutate = _useDeleteTag.mutate,
+      isDeletingTag = _useDeleteTag.isLoading;
 
   var handleConfirmDelete = function handleConfirmDelete() {
     var payload = {
       url: tagType.url,
       id: selectedTag === null || selectedTag === void 0 ? void 0 : selectedTag.id
     };
-    mutate(payload, {
+    var isNotDeleting = !isDeletingTag && isDeleteAlertOpen;
+    isNotDeleting && mutate(payload, {
       onSuccess: function onSuccess() {
         var _data$tags, _deleteTags$onSuccess;
 
@@ -7298,6 +7302,7 @@ var Dashboard = function Dashboard(_ref) {
     title: "".concat(tagType.label, " ").concat(t("title").toLocaleLowerCase()),
     menuBarToggle: displayMenu ? handleMenuToggle : null,
     searchProps: {
+      "data-cy": "neeto-tags-search-text-input-field",
       value: searchTerm,
       onChange: function onChange(_ref3) {
         var value = _ref3.target.value;
@@ -7309,6 +7314,7 @@ var Dashboard = function Dashboard(_ref) {
       })
     },
     actionBlock: /*#__PURE__*/React.createElement(React.Fragment, null, tagsMergable && /*#__PURE__*/React.createElement(Button, {
+      "data-cy": "neeto-tags-merge-tags-button",
       style: "secondary",
       label: t("merge.mergeTags"),
       onClick: function onClick() {
@@ -7343,8 +7349,9 @@ var Dashboard = function Dashboard(_ref) {
     className: "w-full flex-grow"
   }, /*#__PURE__*/React.createElement(SubHeader, {
     leftActionBlock: /*#__PURE__*/React.createElement(Typography, {
+      className: "neeto-ui-gray-800 font-semibold",
       component: "h4",
-      className: "neeto-ui-gray-800 font-semibold"
+      "data-cy": "neeto-tags-filtered-tags-count-text"
     }, t("tagsWithCount", {
       count: data === null || data === void 0 ? void 0 : data.totalCount,
       type: (_tagType$label = tagType.label) === null || _tagType$label === void 0 ? void 0 : _tagType$label.toLowerCase()
@@ -7359,7 +7366,7 @@ var Dashboard = function Dashboard(_ref) {
     currentPageNumber: pageIndex,
     handlePageChange: setPageIndex,
     totalCount: data === null || data === void 0 ? void 0 : data.totalCount,
-    allowRowClick: onTagRowClick,
+    allowRowClick: !!onTagRowClick,
     onRowClick: function onRowClick(event, record, rowIndex) {
       return onTagRowClick({
         event: event,
@@ -7386,6 +7393,7 @@ var Dashboard = function Dashboard(_ref) {
     updateTags: updateTags
   }), /*#__PURE__*/React.createElement(Alert, {
     isOpen: isDeleteAlertOpen,
+    isSubmitting: isDeletingTag,
     title: t("deleteTag"),
     message: /*#__PURE__*/React.createElement(React.Fragment, null, t("deleteItem", {
       type: t("tag").toLocaleLowerCase()
@@ -7403,7 +7411,8 @@ var List = function List(_ref) {
       onSelect = _ref.onSelect,
       selectedCounterTagId = _ref.selectedCounterTagId,
       selectedTagId = _ref.selectedTagId,
-      type = _ref.type;
+      type = _ref.type,
+      isSource = _ref.isSource;
 
   var _useTranslation = useTranslation(),
       t = _useTranslation.t;
@@ -7418,6 +7427,7 @@ var List = function List(_ref) {
       searchTerm = _useState4[0],
       setSearchTerm = _useState4[1];
 
+  var listType = isSource ? "source" : "destination";
   useEffect(function () {
     var filteredTags = tagList.filter(function (_ref2) {
       var name = _ref2.name;
@@ -7430,6 +7440,7 @@ var List = function List(_ref) {
   }, /*#__PURE__*/React.createElement("div", {
     className: "tags-merge__title"
   }, /*#__PURE__*/React.createElement("h4", null, type)), /*#__PURE__*/React.createElement(Input$1, {
+    "data-cy": "neeto-tags-merge-".concat(listType, "-search-text-input-field"),
     value: searchTerm,
     onChange: function onChange(e) {
       return setSearchTerm(e.target.value);
@@ -7438,7 +7449,8 @@ var List = function List(_ref) {
       where: t("tag").toLocaleLowerCase()
     })
   }), /*#__PURE__*/React.createElement("div", {
-    className: "tags-merge__items"
+    className: "tags-merge__items",
+    "data-cy": "neeto-tags-merge-".concat(listType, "-tags-list")
   }, tags.map(function (tag) {
     return /*#__PURE__*/React.createElement("div", {
       className: classnames("tags-merge__item", {
@@ -7549,11 +7561,13 @@ var MergeAlert = function MergeAlert(_ref) {
   }))), /*#__PURE__*/React.createElement(Modal.Footer, {
     className: "space-x-2"
   }, /*#__PURE__*/React.createElement(Button, {
+    "data-cy": "neeto-tags-merge-proceed-button",
     label: t("proceed"),
     onClick: handleSubmit,
     loading: isSubmitting,
     disabled: isSubmitting
   }), /*#__PURE__*/React.createElement(Button, {
+    "data-cy": "neeto-tags-merge-cancel-button",
     style: "text",
     label: t("cancel"),
     onClick: function onClick() {
@@ -7646,6 +7660,7 @@ var Merge = function Merge(_ref) {
     title: t("merge.mergeTags"),
     menuBarToggle: displayMenu ? handleMenuToggle : null,
     actionBlock: /*#__PURE__*/React.createElement(Button, {
+      "data-cy": "neeto-tags-merge-button",
       disabled: !(sourceTag !== null && sourceTag !== void 0 && sourceTag.id && destinationTag !== null && destinationTag !== void 0 && destinationTag.id),
       onClick: function onClick() {
         setIsModalOpen(true);
@@ -7657,6 +7672,7 @@ var Merge = function Merge(_ref) {
     title: t("noTagsFound"),
     kbArticleUrl: kbArticleUrl,
     actionBlock: /*#__PURE__*/React.createElement(Button, {
+      "data-cy": "neeto-tags-go-back-button",
       size: "small",
       onClick: function onClick() {
         return history.push(tagsPath);
@@ -7674,7 +7690,8 @@ var Merge = function Merge(_ref) {
     selectedTagId: sourceTag === null || sourceTag === void 0 ? void 0 : sourceTag.id,
     type: t("select", {
       what: t("merge.sourceTag").toLocaleLowerCase()
-    })
+    }),
+    isSource: true
   }), /*#__PURE__*/React.createElement(List, {
     tagList: data === null || data === void 0 ? void 0 : data.tags,
     onSelect: setDestinationTag,
@@ -7682,7 +7699,8 @@ var Merge = function Merge(_ref) {
     selectedTagId: destinationTag === null || destinationTag === void 0 ? void 0 : destinationTag.id,
     type: t("select", {
       what: t("merge.destinationTag").toLocaleLowerCase()
-    })
+    }),
+    isSource: false
   })))), /*#__PURE__*/React.createElement(MergeAlert, {
     showModal: isModalOpen,
     setShowModal: setIsModalOpen,