@bigbinary/neeto-tags-frontend 0.0.39 → 0.0.41

package/dist/index.js

@@ -3648,6 +3648,17 @@ var renderColumnData = function renderColumnData(columns, handleEdit, handleDele
     }
   }]);
 };
+var getCurrentTagType = function getCurrentTagType() {
+  var tagTypes = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var searchParams = new URLSearchParams(window.location.search);
+  var tagLabel = searchParams.get("view");
+  var requiredTagType = tagTypes.find(function (tagType) {
+    var _tagType$label;
+
+    return (tagType === null || tagType === void 0 ? void 0 : (_tagType$label = tagType.label) === null || _tagType$label === void 0 ? void 0 : _tagType$label.toLowerCase()) === tagLabel;
+  });
+  return requiredTagType || tagTypes[0];
+};
 
 function useDebounce(value, delay) {
   var _useState = useState(value),
@@ -6823,7 +6834,8 @@ var fetch = function fetch(_ref) {
     params: {
       search_term: searchTerm,
       limit: limit,
-      page_no: pageNo
+      page_no: pageNo,
+      term: searchTerm
     }
   });
 };
@@ -6874,7 +6886,8 @@ var useFetchTags = function useFetchTags(params) {
     staleTime: STALE_TIME,
     select: function select(response) {
       return response.data || response;
-    }
+    },
+    keepPreviousData: true
   }, options));
 };
 
@@ -7225,7 +7238,7 @@ var Dashboard = function Dashboard(_ref) {
 
   var _useFetchTags = useFetchTags({
     url: tagType.url,
-    searchTerm: debouncedSearchTerm,
+    searchTerm: debouncedSearchTerm.trim(),
     limit: DEFAULT_PAGE_SIZE,
     pageNo: pageIndex
   }),
@@ -7300,6 +7313,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;
@@ -7311,6 +7325,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() {
@@ -7345,8 +7360,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()
@@ -7406,7 +7422,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;
@@ -7421,6 +7438,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;
@@ -7433,6 +7451,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);
@@ -7441,7 +7460,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", {
@@ -7552,11 +7572,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() {
@@ -7649,6 +7671,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);
@@ -7660,6 +7683,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);
@@ -7677,7 +7701,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,
@@ -7685,7 +7710,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,
@@ -7778,7 +7804,7 @@ var Tags = function Tags(_ref) {
       _config$displayMenu = config.displayMenu,
       displayMenu = _config$displayMenu === void 0 ? true : _config$displayMenu;
 
-  var _useState = useState(tagTypes[0]),
+  var _useState = useState(getCurrentTagType(tagTypes)),
       _useState2 = _slicedToArray(_useState, 2),
       tagType = _useState2[0],
       setTagType = _useState2[1];