@bigbinary/neeto-tags-frontend 0.0.28 → 0.0.30

package/dist/index.js

@@ -20,7 +20,7 @@ import { useHistory, Switch, Route } from 'react-router-dom';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { Tag, Dropdown, Toastr, Pane, Typography, Button, PageLoader, Table, Alert, Input as Input$1, Modal } from '@bigbinary/neetoui';
 import * as yup from 'yup';
-import { MenuHorizontal, Plus } from '@bigbinary/neeto-icons';
+import { MenuHorizontal } from '@bigbinary/neeto-icons';
 import _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
 import _extends from '@babel/runtime/helpers/esm/extends';
 import ReactDOM from 'react-dom';
@@ -3393,20 +3393,23 @@ var title = "Tags";
 var selectTags = "Select tags";
 var selectedTags = "Selected tags";
 var plcHolder = "Type to search tag…";
-var manage = "Manage Tags";
+var manage = "Manage tags";
 var remove = "Remove {{tag}} tag";
 var exists = "{{tag}} already exists.";
+var deleteTag = "Delete tag";
 var edit = "Edit";
-var addTag = "Add Tag";
-var selectOrCreate = "Select or Create tag";
+var addTag = "Add tag";
+var selectOrCreate = "Select or create tag";
 var select = "Select {{what}}";
 var search = "Search {{where}}";
 var addNew = "Add {{what}}";
 var tag = "Tag";
-var noTagsFound = "No Tags Found";
+var noTagsFound = "No tags found";
+var goBack = "Go back";
 var deleteItem = "Are you sure you want to delete {{type}}";
 var cannotBeUndone = "This action cannot be undone.";
 var proceed = "Proceed";
+var saveChanges = "Save changes";
 var cancel = "Cancel";
 var name = "Name";
 var required = "{{what}} is a required field.";
@@ -3421,12 +3424,12 @@ var types = {
 	string: "string"
 };
 var merge$1 = {
-	sourceTag: "Source Tag",
-	destinationTag: "Destination Tag",
-	mergeTags: "Merge Tags",
+	sourceTag: "Source tag",
+	destinationTag: "Destination tag",
+	mergeTags: "Merge tags",
 	merge: "Merge",
 	confirmation: {
-		title: "Merge Tags",
+		title: "Merge tags",
 		message: "Tag <strong>{{sourceTag}}</strong> will be merged into <strong>{{destinationTag}}</strong> tag. This will also be reflected in {{entities}} that are assigned with. This is a non-reversible operation. Do you wish to continue?"
 	}
 };
@@ -3440,6 +3443,7 @@ var en = {
 	exists: exists,
 	"new": "Create new tag",
 	"delete": "Delete",
+	deleteTag: deleteTag,
 	edit: edit,
 	addTag: addTag,
 	selectOrCreate: selectOrCreate,
@@ -3448,9 +3452,11 @@ var en = {
 	addNew: addNew,
 	tag: tag,
 	noTagsFound: noTagsFound,
+	goBack: goBack,
 	deleteItem: deleteItem,
 	cannotBeUndone: cannotBeUndone,
 	proceed: proceed,
+	saveChanges: saveChanges,
 	cancel: cancel,
 	name: name,
 	required: required,
@@ -6849,11 +6855,14 @@ var refetchTags = function refetchTags() {
 };
 
 var useTagsForm = function useTagsForm(_ref) {
-  var isEdit = _ref.isEdit,
-      tagType = _ref.tagType,
+  var createTags = _ref.createTags,
+      goToFirstPage = _ref.goToFirstPage,
+      isEdit = _ref.isEdit,
       onClose = _ref.onClose,
-      goToFirstPage = _ref.goToFirstPage;
+      tagType = _ref.tagType,
+      updateTags = _ref.updateTags;
   var tagModification = isEdit ? useUpdateTag : useCreateTag;
+  var tagOperation = isEdit ? updateTags : createTags;
 
   var _tagModification = tagModification(),
       mutate = _tagModification.mutate,
@@ -6877,7 +6886,10 @@ var useTagsForm = function useTagsForm(_ref) {
 
     mutate(tagData, {
       onSuccess: function onSuccess() {
+        var _tagOperation$onSucce;
+
         !isEdit && goToFirstPage();
+        tagOperation === null || tagOperation === void 0 ? void 0 : (_tagOperation$onSucce = tagOperation.onSuccess) === null || _tagOperation$onSucce === void 0 ? void 0 : _tagOperation$onSucce.callback();
         onClose();
       },
       onError: function onError() {
@@ -6893,11 +6905,13 @@ var useTagsForm = function useTagsForm(_ref) {
 };
 
 var ManageTags = function ManageTags(_ref) {
-  var tag = _ref.tag,
-      type = _ref.type,
+  var createTags = _ref.createTags,
+      goToFirstPage = _ref.goToFirstPage,
       onClose = _ref.onClose,
+      tag = _ref.tag,
       tagType = _ref.tagType,
-      goToFirstPage = _ref.goToFirstPage;
+      type = _ref.type,
+      updateTags = _ref.updateTags;
   var isEdit = type === PANE_TYPES.EDIT;
   var initValues = isEdit ? tag : INITIAL_TAG_VALUES;
 
@@ -6905,10 +6919,12 @@ var ManageTags = function ManageTags(_ref) {
       t = _useTranslation.t;
 
   var _useTagsForm = useTagsForm({
+    createTags: createTags,
+    goToFirstPage: goToFirstPage,
     isEdit: isEdit,
-    tagType: tagType,
     onClose: onClose,
-    goToFirstPage: goToFirstPage
+    tagType: tagType,
+    updateTags: updateTags
   }),
       handleSubmit = _useTagsForm.handleSubmit;
 
@@ -6919,9 +6935,9 @@ var ManageTags = function ManageTags(_ref) {
     style: "h2",
     weight: "semibold"
   }, isEdit ? t("editItem", {
-    what: t("tag")
+    what: t("tag").toLocaleLowerCase()
   }) : t("addNew", {
-    what: t("tag")
+    what: t("tag").toLocaleLowerCase()
   }))), /*#__PURE__*/React.createElement(Formik, {
     initialValues: initValues,
     validateOnBlur: false,
@@ -6937,7 +6953,7 @@ var ManageTags = function ManageTags(_ref) {
       required: true,
       autoFocus: true,
       name: "name",
-      label: "".concat(t("tag"), " ").concat(t("name")),
+      label: "".concat(t("tag"), " ").concat(t("name").toLocaleLowerCase()),
       "data-cy": "tag-name-text-field",
       maxLength: 50
     }), /*#__PURE__*/React.createElement(Textarea, {
@@ -6949,10 +6965,12 @@ var ManageTags = function ManageTags(_ref) {
     }))), /*#__PURE__*/React.createElement(Pane.Footer, null, /*#__PURE__*/React.createElement(ActionBlock, {
       className: "flex items-center space-x-2",
       cancelButtonProps: {
-        onClick: onClose
+        onClick: onClose,
+        disabled: false
       },
       submitButtonProps: {
-        loading: isSubmitting
+        loading: isSubmitting,
+        label: t("saveChanges")
       }
     })));
   }));
@@ -7065,15 +7083,18 @@ var EmptyState = function EmptyState(_ref) {
 var Dashboard = function Dashboard(_ref) {
   var _data$tags2, _data$tags3, _data$tags4;
 
-  var tagType = _ref.tagType,
-      breadcrumbs = _ref.breadcrumbs,
+  var breadcrumbs = _ref.breadcrumbs,
+      createTags = _ref.createTags,
+      deleteTags = _ref.deleteTags,
       displayMenu = _ref.displayMenu,
       handleMenuToggle = _ref.handleMenuToggle,
-      tagsPath = _ref.tagsPath,
       kbArticleUrl = _ref.kbArticleUrl,
       onTagRowClick = _ref.onTagRowClick,
       _ref$tagsMergable = _ref.tagsMergable,
-      tagsMergable = _ref$tagsMergable === void 0 ? false : _ref$tagsMergable;
+      tagsMergable = _ref$tagsMergable === void 0 ? false : _ref$tagsMergable,
+      tagsPath = _ref.tagsPath,
+      tagType = _ref.tagType,
+      updateTags = _ref.updateTags;
 
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -7147,7 +7168,7 @@ var Dashboard = function Dashboard(_ref) {
     };
     mutate(payload, {
       onSuccess: function onSuccess() {
-        var _data$tags;
+        var _data$tags, _deleteTags$onSuccess;
 
         setIsDeleteAlertOpen(false);
 
@@ -7157,6 +7178,7 @@ var Dashboard = function Dashboard(_ref) {
           });
         }
 
+        deleteTags === null || deleteTags === void 0 ? void 0 : (_deleteTags$onSuccess = deleteTags.onSuccess) === null || _deleteTags$onSuccess === void 0 ? void 0 : _deleteTags$onSuccess.callback();
         Toastr.success(t("deleteSuccess"));
       },
       onError: function onError(_ref2) {
@@ -7183,7 +7205,7 @@ var Dashboard = function Dashboard(_ref) {
         setSearchTerm(value);
       },
       placeholder: t("search", {
-        where: t("title")
+        where: t("title").toLocaleLowerCase()
       })
     },
     actionBlock: /*#__PURE__*/React.createElement(React.Fragment, null, tagsMergable && /*#__PURE__*/React.createElement(Button, {
@@ -7194,9 +7216,8 @@ var Dashboard = function Dashboard(_ref) {
       },
       disabled: (data === null || data === void 0 ? void 0 : data.tags.length) < PLURAL.count
     }), /*#__PURE__*/React.createElement(Button, {
-      icon: Plus,
       label: t("addNew", {
-        what: t("tag")
+        what: t("tag").toLocaleLowerCase()
       }),
       onClick: function onClick() {
         setSelectedTag(null);
@@ -7206,12 +7227,11 @@ var Dashboard = function Dashboard(_ref) {
     })),
     breadcrumbs: breadcrumbs
   }), !(data !== null && data !== void 0 && (_data$tags2 = data.tags) !== null && _data$tags2 !== void 0 && _data$tags2.length) ? /*#__PURE__*/React.createElement(EmptyState, {
-    title: "No Tags Found",
+    title: t("noTagsFound"),
     kbArticleUrl: kbArticleUrl,
     actionBlock: /*#__PURE__*/React.createElement(Button, {
-      icon: Plus,
       label: t("addNew", {
-        what: t("tag")
+        what: t("tag").toLocaleLowerCase()
       }),
       onClick: function onClick() {
         setSelectedTag(null);
@@ -7225,7 +7245,7 @@ var Dashboard = function Dashboard(_ref) {
     leftActionBlock: /*#__PURE__*/React.createElement(Typography, {
       component: "h4",
       className: "neeto-ui-gray-800 font-semibold"
-    }, "".concat(data === null || data === void 0 ? void 0 : (_data$tags3 = data.tags) === null || _data$tags3 === void 0 ? void 0 : _data$tags3.length, " ").concat(tagType.label, " Tag(s)"))
+    }, "".concat(data === null || data === void 0 ? void 0 : (_data$tags3 = data.tags) === null || _data$tags3 === void 0 ? void 0 : _data$tags3.length, " ").concat(tagType.label, " tag(s)"))
   }), /*#__PURE__*/React.createElement("div", {
     className: "neeto-tags--table__wrapper"
   }, /*#__PURE__*/React.createElement(Table, {
@@ -7252,18 +7272,20 @@ var Dashboard = function Dashboard(_ref) {
       x: "100%"
     }
   })))), /*#__PURE__*/React.createElement(ManageTags, {
-    type: paneType,
-    tagType: tagType,
-    tag: selectedTag,
+    createTags: createTags,
+    goToFirstPage: goToFirstPage,
     onClose: function onClose() {
       return setPaneType(null);
     },
-    goToFirstPage: goToFirstPage
+    tag: selectedTag,
+    tagType: tagType,
+    type: paneType,
+    updateTags: updateTags
   }), /*#__PURE__*/React.createElement(Alert, {
     isOpen: isDeleteAlertOpen,
-    title: "".concat(t("delete"), " ").concat(selectedTag === null || selectedTag === void 0 ? void 0 : selectedTag.name),
+    title: t("deleteTag"),
     message: /*#__PURE__*/React.createElement(React.Fragment, null, t("deleteItem", {
-      type: t("tag")
+      type: t("tag").toLocaleLowerCase()
     }), " ", /*#__PURE__*/React.createElement("strong", null, selectedTag === null || selectedTag === void 0 ? void 0 : selectedTag.name), "? ", t("cannotBeUndone")),
     onSubmit: handleConfirmDelete,
     onClose: handleAlertClose,
@@ -7280,6 +7302,9 @@ var List = function List(_ref) {
       selectedTagId = _ref.selectedTagId,
       type = _ref.type;
 
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
   var _useState = useState([]),
       _useState2 = _slicedToArray(_useState, 2),
       tags = _useState2[0],
@@ -7306,7 +7331,9 @@ var List = function List(_ref) {
     onChange: function onChange(e) {
       return setSearchTerm(e.target.value);
     },
-    placeholder: "Search tags"
+    placeholder: t("search", {
+      where: t("tag").toLocaleLowerCase()
+    })
   }), /*#__PURE__*/React.createElement("div", {
     className: "tags-merge__items"
   }, tags.map(function (tag) {
@@ -7435,12 +7462,13 @@ var MergeAlert = function MergeAlert(_ref) {
 var Merge = function Merge(_ref) {
   var _data$tags;
 
-  var tagType = _ref.tagType,
-      breadcrumbs = _ref.breadcrumbs,
-      tagsPath = _ref.tagsPath,
-      handleMenuToggle = _ref.handleMenuToggle,
+  var breadcrumbs = _ref.breadcrumbs,
       displayMenu = _ref.displayMenu,
-      kbArticleUrl = _ref.kbArticleUrl;
+      handleMenuToggle = _ref.handleMenuToggle,
+      kbArticleUrl = _ref.kbArticleUrl,
+      mergeTags = _ref.mergeTags,
+      tagsPath = _ref.tagsPath,
+      tagType = _ref.tagType;
 
   var _useState = useState({}),
       _useState2 = _slicedToArray(_useState, 2),
@@ -7491,8 +7519,11 @@ var Merge = function Merge(_ref) {
       payload: payload
     }, {
       onSuccess: function onSuccess() {
+        var _mergeTags$onSuccess;
+
         setDestinationTag("");
         setSourceTag("");
+        mergeTags === null || mergeTags === void 0 ? void 0 : (_mergeTags$onSuccess = mergeTags.onSuccess) === null || _mergeTags$onSuccess === void 0 ? void 0 : _mergeTags$onSuccess.callback();
         setIsModalOpen(false);
       }
     });
@@ -7520,14 +7551,14 @@ var Merge = function Merge(_ref) {
     }),
     breadcrumbs: updatedBreadcrumbs
   }), !(data !== null && data !== void 0 && (_data$tags = data.tags) !== null && _data$tags !== void 0 && _data$tags.length) ? /*#__PURE__*/React.createElement(EmptyState, {
-    title: "Tags Not Found",
+    title: t("noTagsFound"),
     kbArticleUrl: kbArticleUrl,
     actionBlock: /*#__PURE__*/React.createElement(Button, {
       size: "small",
       onClick: function onClick() {
         return history.push(tagsPath);
       },
-      label: "Go Back"
+      label: t("goBack")
     })
   }) : /*#__PURE__*/React.createElement(Scrollable, {
     className: "w-full"
@@ -7539,7 +7570,7 @@ var Merge = function Merge(_ref) {
     selectedCounterTagId: destinationTag === null || destinationTag === void 0 ? void 0 : destinationTag.id,
     selectedTagId: sourceTag === null || sourceTag === void 0 ? void 0 : sourceTag.id,
     type: t("select", {
-      what: t("merge.sourceTag")
+      what: t("merge.sourceTag").toLocaleLowerCase()
     })
   }), /*#__PURE__*/React.createElement(List, {
     tagList: data === null || data === void 0 ? void 0 : data.tags,
@@ -7547,7 +7578,7 @@ var Merge = function Merge(_ref) {
     selectedCounterTagId: sourceTag === null || sourceTag === void 0 ? void 0 : sourceTag.id,
     selectedTagId: destinationTag === null || destinationTag === void 0 ? void 0 : destinationTag.id,
     type: t("select", {
-      what: t("merge.destinationTag")
+      what: t("merge.destinationTag").toLocaleLowerCase()
     })
   })))), /*#__PURE__*/React.createElement(MergeAlert, {
     showModal: isModalOpen,