@bigbinary/neeto-tags-frontend 0.0.29 → 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,
@@ -6929,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,
@@ -6947,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, {
@@ -6963,7 +6969,8 @@ var ManageTags = function ManageTags(_ref) {
         disabled: false
       },
       submitButtonProps: {
-        loading: isSubmitting
+        loading: isSubmitting,
+        label: t("saveChanges")
       }
     })));
   }));
@@ -7198,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, {
@@ -7209,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);
@@ -7221,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);
@@ -7240,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, {
@@ -7278,9 +7283,9 @@ var Dashboard = function Dashboard(_ref) {
     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,
@@ -7297,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],
@@ -7323,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) {
@@ -7541,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"
@@ -7560,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,
@@ -7568,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,