@bigbinary/neeto-tags-frontend 0.0.43 → 0.0.45

package/dist/index.js

@@ -7056,21 +7056,24 @@ var ManageTags = function ManageTags(_ref) {
     return /*#__PURE__*/React.createElement(Form, {
       noValidate: true
     }, /*#__PURE__*/React.createElement(Pane.Body, null, /*#__PURE__*/React.createElement("div", {
-      className: "flex w-full flex-col space-y-4"
+      className: "neeto-ui-flex neeto-ui-w-full neeto-ui-flex-col"
     }, /*#__PURE__*/React.createElement(Input, {
       required: true,
       autoFocus: true,
       name: "name",
       label: "".concat(t("tag"), " ").concat(t("name").toLocaleLowerCase()),
       "data-cy": "tag-name-text-field",
-      maxLength: 50
+      maxLength: 50,
+      className: "neeto-ui-mb-4"
     }), /*#__PURE__*/React.createElement(Textarea, {
       name: "description",
       label: t("description"),
       rows: 3,
       "data-cy": "tag-description-text-area",
       maxLength: 255
-    }))), /*#__PURE__*/React.createElement(Pane.Footer, null, /*#__PURE__*/React.createElement(Button, {
+    }))), /*#__PURE__*/React.createElement(Pane.Footer, {
+      className: "neeto-ui-gap-2"
+    }, /*#__PURE__*/React.createElement(Button, {
       "data-cy": "neeto-tags-manage-tag-submit-button",
       disabled: !dirty || isSubmitting,
       label: t("saveChanges"),
@@ -7180,7 +7183,7 @@ var EmptyState = function EmptyState(_ref) {
     component: "p",
     style: "body2",
     weight: "normal",
-    className: "mb-8 text-gray-600"
+    className: "ntm-empty-state__description neeto-ui-text-gray-600"
   }, "For more information, please visit our", " ", /*#__PURE__*/React.createElement(Button, {
     size: "small",
     style: "link",
@@ -7305,11 +7308,13 @@ var Dashboard = function Dashboard(_ref) {
 
   if (isLoading) {
     return /*#__PURE__*/React.createElement("div", {
-      className: "w-full h-screen"
+      className: "neeto-ui-w-full neeto-ui-h-screen"
     }, /*#__PURE__*/React.createElement(PageLoader, null));
   }
 
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Header, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Container, {
+    isHeaderFixed: true
+  }, /*#__PURE__*/React.createElement(Header, {
     title: "".concat(tagType.label, " ").concat(t("title").toLocaleLowerCase()),
     menuBarToggle: displayMenu ? handleMenuToggle : null,
     searchProps: {
@@ -7356,19 +7361,18 @@ var Dashboard = function Dashboard(_ref) {
       },
       "data-cy": "add-new-tag-button"
     })
-  }) : /*#__PURE__*/React.createElement("div", {
-    className: "w-full flex-grow"
-  }, /*#__PURE__*/React.createElement(SubHeader, {
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(SubHeader, {
     leftActionBlock: /*#__PURE__*/React.createElement(Typography, {
-      className: "neeto-ui-gray-800 font-semibold",
-      component: "h4",
+      style: "h4",
+      weight: "semibold",
+      className: "neeto-ui-gray-800",
       "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()
     }))
   }), /*#__PURE__*/React.createElement("div", {
-    className: "neeto-tags--table__wrapper"
+    className: "neeto-tags-table__wrapper"
   }, /*#__PURE__*/React.createElement(Table, {
     fixedHeight: true,
     rowData: data === null || data === void 0 ? void 0 : data.tags,
@@ -7447,10 +7451,11 @@ var List = function List(_ref) {
     setTags(filteredTags);
   }, [searchTerm, tagList]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "tags-merge__list outline-none neeto-ui-border-gray-300 neeto-ui-shadow-xs neeto-ui-rounded-lg flex cursor-pointer flex-col border p-6"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "tags-merge__title"
-  }, /*#__PURE__*/React.createElement("h4", null, type)), /*#__PURE__*/React.createElement(Input$1, {
+    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 neeto-ui-p-6 neeto-ui-cursor-pointer"
+  }, /*#__PURE__*/React.createElement(Typography, {
+    style: "h4",
+    className: "neeto-ui-mb-3"
+  }, type), /*#__PURE__*/React.createElement(Input$1, {
     "data-cy": "neeto-tags-merge-".concat(listType, "-search-text-input-field"),
     value: searchTerm,
     onChange: function onChange(e) {
@@ -7460,14 +7465,14 @@ var List = function List(_ref) {
       where: t("tag").toLocaleLowerCase()
     })
   }), /*#__PURE__*/React.createElement("div", {
-    className: "tags-merge__items",
+    className: "neeto-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 border neeto-ui-border-white", {
+      className: classnames("neeto-tags-border neeto-ui-border-white neeto-ui-p-2 neeto-ui-rounded-lg neeto-ui-mt-2 neeto-ui-cursor-pointer", {
         "neeto-ui-bg-pastel-blue neeto-ui-border-primary-600": tag.id === selectedTagId,
         "hover:neeto-ui-bg-gray-100": tag.id !== selectedTagId,
-        "tags-merge__item--not-allowed neeto-ui-bg-gray-100 neeto-ui-text-gray-500": tag.id === selectedCounterTagId
+        "neeto-ui-cursor-not-allowed neeto-ui-bg-gray-100 neeto-ui-text-gray-500": tag.id === selectedCounterTagId
       }),
       key: tag.id,
       onClick: tag.id === selectedCounterTagId ? undefined : function () {
@@ -7659,13 +7664,15 @@ var Merge = function Merge(_ref) {
 
   if (isLoading) {
     return /*#__PURE__*/React.createElement("div", {
-      className: "w-full h-screen"
+      className: "neeto-ui-w-full neeto-ui-h-screen"
     }, /*#__PURE__*/React.createElement(PageLoader, null));
   }
 
   return /*#__PURE__*/React.createElement("div", {
-    className: "w-full"
-  }, /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Header, {
+    className: "neeto-ui-w-full"
+  }, /*#__PURE__*/React.createElement(Container, {
+    isHeaderFixed: true
+  }, /*#__PURE__*/React.createElement(Header, {
     title: t("merge.mergeTags"),
     menuBarToggle: displayMenu ? handleMenuToggle : null,
     actionBlock: /*#__PURE__*/React.createElement(Button, {
@@ -7689,9 +7696,9 @@ var Merge = function Merge(_ref) {
       label: t("goBack")
     })
   }) : /*#__PURE__*/React.createElement("div", {
-    className: "w-full neeto-tags-merge-container pb-6"
+    className: "neeto-tags-merge__wrapper"
   }, /*#__PURE__*/React.createElement("div", {
-    className: "tags-merge"
+    className: "neeto-tags-merge__container"
   }, /*#__PURE__*/React.createElement(List, {
     tagList: data === null || data === void 0 ? void 0 : data.tags,
     onSelect: setSourceTag,
@@ -7703,7 +7710,7 @@ var Merge = function Merge(_ref) {
     isSource: true
   }), /*#__PURE__*/React.createElement(Merge$1, {
     size: 24,
-    className: "self-center mx-8 neeto-ui-text-gray-600"
+    className: "neeto-ui-self-center neeto-ui-mx-6 neeto-ui-text-gray-600"
   }), /*#__PURE__*/React.createElement(List, {
     tagList: data === null || data === void 0 ? void 0 : data.tags,
     onSelect: setDestinationTag,
@@ -7827,7 +7834,7 @@ var Tags = function Tags(_ref) {
     tagType: tagType
   }));
   return /*#__PURE__*/React.createElement("div", {
-    className: "neeto-tag-wrapper"
+    className: "neeto-ui-flex"
   }, displayMenu && /*#__PURE__*/React.createElement(Menu, {
     tagTypes: tagTypes,
     showMenu: isMenuOpen,