@bigbinary/neeto-tags-frontend 0.0.26 → 0.0.28

package/dist/index.js

@@ -18,7 +18,7 @@ import _createClass$1 from '@babel/runtime/helpers/createClass';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useHistory, Switch, Route } from 'react-router-dom';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { Tag, Dropdown, Button, Toastr, Pane, Typography, PageLoader, Table, Alert, Input as Input$1, Modal } from '@bigbinary/neetoui';
+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 _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';
@@ -3396,11 +3396,12 @@ var plcHolder = "Type to search tag…";
 var manage = "Manage Tags";
 var remove = "Remove {{tag}} tag";
 var exists = "{{tag}} already exists.";
+var edit = "Edit";
 var addTag = "Add Tag";
 var selectOrCreate = "Select or Create tag";
 var select = "Select {{what}}";
 var search = "Search {{where}}";
-var addNew = "Add New {{what}}";
+var addNew = "Add {{what}}";
 var tag = "Tag";
 var noTagsFound = "No Tags Found";
 var deleteItem = "Are you sure you want to delete {{type}}";
@@ -3408,11 +3409,17 @@ var cannotBeUndone = "This action cannot be undone.";
 var proceed = "Proceed";
 var cancel = "Cancel";
 var name = "Name";
+var required = "{{what}} is a required field.";
+var maxLength = "{{what}} must be less than {{length}} characters.";
+var type = "{{what}} must be a {{type}}.";
 var description = "Description";
 var editItem = "Edit {{what}}";
 var createSuccess = "Tag created successfully.";
 var updateSuccess = "Tag updated successfully.";
 var deleteSuccess = "Tag deleted successfully.";
+var types = {
+	string: "string"
+};
 var merge$1 = {
 	sourceTag: "Source Tag",
 	destinationTag: "Destination Tag",
@@ -3432,6 +3439,8 @@ var en = {
 	remove: remove,
 	exists: exists,
 	"new": "Create new tag",
+	"delete": "Delete",
+	edit: edit,
 	addTag: addTag,
 	selectOrCreate: selectOrCreate,
 	select: select,
@@ -3444,11 +3453,15 @@ var en = {
 	proceed: proceed,
 	cancel: cancel,
 	name: name,
+	required: required,
+	maxLength: maxLength,
+	type: type,
 	description: description,
 	editItem: editItem,
 	createSuccess: createSuccess,
 	updateSuccess: updateSuccess,
 	deleteSuccess: deleteSuccess,
+	types: types,
 	merge: merge$1
 };
 
@@ -3467,18 +3480,18 @@ instance.use(initReactI18next).init({
 var DEFAULT_PAGE_INDEX = 1;
 var DEFAULT_PAGE_SIZE = 10;
 var COMMON_COLUMNS = [{
-  title: "Name",
+  title: instance.t("Name"),
   dataIndex: "name",
   key: "name",
   render: function render(name) {
     return /*#__PURE__*/React.createElement(Tag, {
       label: name,
-      color: "blue"
+      style: "secondary"
     });
   },
   width: "30%"
 }, {
-  title: "Description",
+  title: instance.t("Description"),
   dataIndex: "description",
   key: "description",
   render: function render(description) {
@@ -3487,8 +3500,22 @@ var COMMON_COLUMNS = [{
   width: "40%"
 }];
 var TAG_SCHEMA = yup.object({
-  name: yup.string().typeError("Name must be a string.").required("Name is a required field.").max(50, "Name should not exceed 50 characters."),
-  description: yup.string().typeError("Description must be a string.").nullable().max(255, "Description should not exceed 255 characters.")
+  name: yup.string().typeError(instance.t("type", {
+    what: instance.t("name"),
+    type: instance.t("types.string")
+  })).required(instance.t("required", {
+    what: instance.t("name")
+  })).max(50, instance.t("max", {
+    what: instance.t("name"),
+    max: 50
+  })),
+  description: yup.string().typeError(instance.t("type", {
+    what: instance.t("description"),
+    type: instance.t("types.string")
+  })).nullable().max(100, instance.t("max", {
+    what: instance.t("description"),
+    max: 255
+  }))
 });
 var PANE_TYPES = {
   CREATE: "CREATE_TAG",
@@ -3502,40 +3529,37 @@ var PLURAL = {
   count: 2
 };
 
+var Menu$1 = Dropdown.Menu,
+    MenuItem = Dropdown.MenuItem;
 var renderColumnData = function renderColumnData(columns, handleEdit, handleDelete) {
   return [].concat(_toConsumableArray(columns), [{
     id: "actions",
     width: "10%",
     render: function render(_, tag) {
-      return /*#__PURE__*/React.createElement(Dropdown, {
+      return /*#__PURE__*/React.createElement("div", {
+        onClick: function onClick(e) {
+          return e.stopPropagation();
+        }
+      }, /*#__PURE__*/React.createElement(Dropdown, {
+        autoWidth: true,
         icon: MenuHorizontal,
         buttonProps: {
           style: "text"
         },
         position: "bottom-end",
-        autoWidth: true,
         strategy: "fixed"
-      }, /*#__PURE__*/React.createElement("li", {
-        className: "neeto-tag-dropdown__item"
-      }, /*#__PURE__*/React.createElement(Button, {
+      }, /*#__PURE__*/React.createElement(Menu$1, null, /*#__PURE__*/React.createElement(MenuItem.Button, {
+        "data-cy": "tags-edit-button",
         onClick: function onClick() {
           return handleEdit(tag);
-        },
-        label: "Edit",
-        style: "text",
-        className: "neeto-tag-dropdown__button",
-        "data-cy": "tags-edit-button"
-      })), /*#__PURE__*/React.createElement("li", {
-        className: "neeto-tag-dropdown__item"
-      }, /*#__PURE__*/React.createElement(Button, {
-        label: "Delete",
+        }
+      }, instance.t("edit")), /*#__PURE__*/React.createElement(MenuItem.Button, {
+        style: "danger",
+        "data-cy": "tags-delete-button",
         onClick: function onClick() {
           return handleDelete(tag);
-        },
-        style: "danger-text",
-        className: "neeto-tag-dropdown__button",
-        "data-cy": "tags-delete-button"
-      })));
+        }
+      }, instance.t("delete")))));
     }
   }]);
 };
@@ -6922,9 +6946,7 @@ var ManageTags = function ManageTags(_ref) {
       rows: 3,
       "data-cy": "tag-description-text-area",
       maxLength: 255
-    }))), /*#__PURE__*/React.createElement(Pane.Footer, {
-      className: "flex items-center space-x-2"
-    }, /*#__PURE__*/React.createElement(ActionBlock, {
+    }))), /*#__PURE__*/React.createElement(Pane.Footer, null, /*#__PURE__*/React.createElement(ActionBlock, {
       className: "flex items-center space-x-2",
       cancelButtonProps: {
         onClick: onClose
@@ -7029,6 +7051,7 @@ var EmptyState = function EmptyState(_ref) {
     weight: "normal",
     className: "mb-8 text-gray-600"
   }, "For more information, please visit our", " ", /*#__PURE__*/React.createElement(Button, {
+    size: "small",
     style: "link",
     label: "knowledge base.",
     href: kbArticleUrl,
@@ -7164,7 +7187,6 @@ var Dashboard = function Dashboard(_ref) {
       })
     },
     actionBlock: /*#__PURE__*/React.createElement(React.Fragment, null, tagsMergable && /*#__PURE__*/React.createElement(Button, {
-      size: "large",
       style: "secondary",
       label: t("merge.mergeTags"),
       onClick: function onClick() {
@@ -7173,7 +7195,6 @@ var Dashboard = function Dashboard(_ref) {
       disabled: (data === null || data === void 0 ? void 0 : data.tags.length) < PLURAL.count
     }), /*#__PURE__*/React.createElement(Button, {
       icon: Plus,
-      size: "large",
       label: t("addNew", {
         what: t("tag")
       }),
@@ -7189,7 +7210,6 @@ var Dashboard = function Dashboard(_ref) {
     kbArticleUrl: kbArticleUrl,
     actionBlock: /*#__PURE__*/React.createElement(Button, {
       icon: Plus,
-      size: "large",
       label: t("addNew", {
         what: t("tag")
       }),
@@ -7401,7 +7421,6 @@ var MergeAlert = function MergeAlert(_ref) {
   }, /*#__PURE__*/React.createElement(Button, {
     label: t("proceed"),
     onClick: handleSubmit,
-    size: "large",
     loading: isSubmitting,
     disabled: isSubmitting
   }), /*#__PURE__*/React.createElement(Button, {
@@ -7409,8 +7428,7 @@ var MergeAlert = function MergeAlert(_ref) {
     label: t("cancel"),
     onClick: function onClick() {
       return setShowModal(false);
-    },
-    size: "large"
+    }
   })));
 };
 
@@ -7494,7 +7512,6 @@ var Merge = function Merge(_ref) {
     title: t("merge.mergeTags"),
     menuBarToggle: displayMenu ? handleMenuToggle : null,
     actionBlock: /*#__PURE__*/React.createElement(Button, {
-      size: "large",
       disabled: !(sourceTag !== null && sourceTag !== void 0 && sourceTag.id && destinationTag !== null && destinationTag !== void 0 && destinationTag.id),
       onClick: function onClick() {
         setIsModalOpen(true);
@@ -7506,6 +7523,7 @@ var Merge = function Merge(_ref) {
     title: "Tags Not Found",
     kbArticleUrl: kbArticleUrl,
     actionBlock: /*#__PURE__*/React.createElement(Button, {
+      size: "small",
       onClick: function onClick() {
         return history.push(tagsPath);
       },