@bigbinary/neeto-tags-frontend 0.0.41 → 0.0.43

package/dist/index.js

@@ -17,7 +17,7 @@ import _classCallCheck$1 from '@babel/runtime/helpers/classCallCheck';
 import _createClass$1 from '@babel/runtime/helpers/createClass';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import _extends from '@babel/runtime/helpers/extends';
-import { Plus, MenuHorizontal } from '@bigbinary/neeto-icons';
+import { Plus, MenuHorizontal, Merge as Merge$1 } from '@bigbinary/neeto-icons';
 import { Typography, Tag, Select, Button, Dropdown, Toastr, Pane, PageLoader, Table, Alert, Input as Input$1, Modal } from '@bigbinary/neetoui';
 import { useHistory, Switch, Route } from 'react-router-dom';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
@@ -26,7 +26,7 @@ import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
 import _extends$1 from '@babel/runtime/helpers/esm/extends';
 import ReactDOM from 'react-dom';
 import axios from 'axios';
-import { Container, Header, SubHeader, Scrollable, MenuBar } from '@bigbinary/neetoui/layouts';
+import { Container, Header, SubHeader, MenuBar } from '@bigbinary/neetoui/layouts';
 import { Formik, Form } from 'formik';
 import { Input, Textarea } from '@bigbinary/neetoui/formik';
 import classnames from 'classnames';
@@ -3529,7 +3529,7 @@ var Tags$2 = function Tags(_ref) {
     weight: "bold",
     className: "neeto-ui-text-gray-500 neeto-ui-mb-4"
   }, label), !!selectedTags.length && /*#__PURE__*/React.createElement("div", {
-    className: "neeto-ui-flex neeto-ui-mb-2 neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start"
+    className: "neeto-ui-flex neeto-ui-mb-2 neeto-ui-flex-row neeto-ui-flex-wrap neeto-ui-items-start neeto-ui-justify-start break-all"
   }, selectedTags === null || selectedTags === void 0 ? void 0 : selectedTags.map(function (tag, index) {
     return /*#__PURE__*/React.createElement(Tag, _extends({
       key: "".concat(index, "-").concat(tag.label),
@@ -7447,7 +7447,7 @@ var List = function List(_ref) {
     setTags(filteredTags);
   }, [searchTerm, tagList]);
   return /*#__PURE__*/React.createElement("div", {
-    className: "tags-merge__list"
+    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, {
@@ -7464,10 +7464,10 @@ var List = function List(_ref) {
     "data-cy": "neeto-tags-merge-".concat(listType, "-tags-list")
   }, tags.map(function (tag) {
     return /*#__PURE__*/React.createElement("div", {
-      className: classnames("tags-merge__item", {
-        "neeto-ui-bg-gray-200": tag.id === selectedTagId,
+      className: classnames("tags-merge__item border neeto-ui-border-white", {
+        "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": tag.id === selectedCounterTagId
+        "tags-merge__item--not-allowed neeto-ui-bg-gray-100 neeto-ui-text-gray-500": tag.id === selectedCounterTagId
       }),
       key: tag.id,
       onClick: tag.id === selectedCounterTagId ? undefined : function () {
@@ -7665,9 +7665,7 @@ var Merge = function Merge(_ref) {
 
   return /*#__PURE__*/React.createElement("div", {
     className: "w-full"
-  }, /*#__PURE__*/React.createElement(Container, {
-    isHeaderFixed: true
-  }, /*#__PURE__*/React.createElement(Header, {
+  }, /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Header, {
     title: t("merge.mergeTags"),
     menuBarToggle: displayMenu ? handleMenuToggle : null,
     actionBlock: /*#__PURE__*/React.createElement(Button, {
@@ -7690,8 +7688,8 @@ var Merge = function Merge(_ref) {
       },
       label: t("goBack")
     })
-  }) : /*#__PURE__*/React.createElement(Scrollable, {
-    className: "w-full"
+  }) : /*#__PURE__*/React.createElement("div", {
+    className: "w-full neeto-tags-merge-container pb-6"
   }, /*#__PURE__*/React.createElement("div", {
     className: "tags-merge"
   }, /*#__PURE__*/React.createElement(List, {
@@ -7703,6 +7701,9 @@ var Merge = function Merge(_ref) {
       what: t("merge.sourceTag").toLocaleLowerCase()
     }),
     isSource: true
+  }), /*#__PURE__*/React.createElement(Merge$1, {
+    size: 24,
+    className: "self-center mx-8 neeto-ui-text-gray-600"
   }), /*#__PURE__*/React.createElement(List, {
     tagList: data === null || data === void 0 ? void 0 : data.tags,
     onSelect: setDestinationTag,