@bigbinary/neeto-tags-frontend 0.0.19 → 0.0.22

package/dist/index.js

@@ -17,22 +17,22 @@ import _classCallCheck$1 from '@babel/runtime/helpers/classCallCheck';
 import _createClass$1 from '@babel/runtime/helpers/createClass';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import { useHistory, Switch, Route } from 'react-router-dom';
-import { MenuBar, Container, Header, SubHeader, Scrollable } from '@bigbinary/neetoui/layouts';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
-import { Plus, MenuHorizontal } from '@bigbinary/neeto-icons';
-import { Tag, Toastr, Pane, Typography, PageLoader, Button, Table, Alert, Input as Input$1, Modal, Dropdown } from '@bigbinary/neetoui';
+import { Tag, Dropdown, Button, Toastr, Pane, Typography, 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';
 import _extends 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 { Formik, Form } from 'formik';
 import { Input, Textarea, ActionBlock } from '@bigbinary/neetoui/formik';
 import classames from 'classnames';
 
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var consoleLogger = {
   type: 'logger',
@@ -119,7 +119,7 @@ var Logger = function () {
   }, {
     key: "create",
     value: function create(moduleName) {
-      return new Logger(this.logger, _objectSpread$5(_objectSpread$5({}, {
+      return new Logger(this.logger, _objectSpread$6(_objectSpread$6({}, {
         prefix: "".concat(this.prefix, ":").concat(moduleName, ":")
       }), this.options));
     }
@@ -2191,9 +2191,9 @@ function transformOptions(options) {
   return options;
 }
 
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$6$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$6$1(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$6$1(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$6$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function _createSuper$3(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct$3(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 
@@ -2274,10 +2274,10 @@ var I18n = function (_EventEmitter) {
       }
 
       var defOpts = get();
-      this.options = _objectSpread$6(_objectSpread$6(_objectSpread$6({}, defOpts), this.options), transformOptions(options));
+      this.options = _objectSpread$6$1(_objectSpread$6$1(_objectSpread$6$1({}, defOpts), this.options), transformOptions(options));
 
       if (this.options.compatibilityAPI !== 'v1') {
-        this.options.interpolation = _objectSpread$6(_objectSpread$6({}, defOpts.interpolation), this.options.interpolation);
+        this.options.interpolation = _objectSpread$6$1(_objectSpread$6$1({}, defOpts.interpolation), this.options.interpolation);
       }
 
       if (options.keySeparator !== undefined) {
@@ -2615,7 +2615,7 @@ var I18n = function (_EventEmitter) {
 
           options = _this5.options.overloadTranslationOptionHandler([key, opts].concat(rest));
         } else {
-          options = _objectSpread$6({}, opts);
+          options = _objectSpread$6$1({}, opts);
         }
 
         options.lng = options.lng || fixedT.lng;
@@ -2753,7 +2753,7 @@ var I18n = function (_EventEmitter) {
       var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       var callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : noop$1;
 
-      var mergedOptions = _objectSpread$6(_objectSpread$6(_objectSpread$6({}, this.options), options), {
+      var mergedOptions = _objectSpread$6$1(_objectSpread$6$1(_objectSpread$6$1({}, this.options), options), {
         isClone: true
       });
 
@@ -2762,7 +2762,7 @@ var I18n = function (_EventEmitter) {
       membersToCopy.forEach(function (m) {
         clone[m] = _this8[m];
       });
-      clone.services = _objectSpread$6({}, this.services);
+      clone.services = _objectSpread$6$1({}, this.services);
       clone.services.utils = {
         hasLoadedNamespace: clone.hasLoadedNamespace.bind(clone)
       };
@@ -2866,9 +2866,9 @@ var unescape = function unescape(text) {
   return text.replace(matchHtmlEntity, unescapeHtmlEntity);
 };
 
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$5(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 var defaultOptions = {
   bindI18n: 'languageChanged',
   bindI18nStore: '',
@@ -2883,7 +2883,7 @@ var i18nInstance;
 var I18nContext = createContext();
 function setDefaults() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  defaultOptions = _objectSpread$4(_objectSpread$4({}, defaultOptions), options);
+  defaultOptions = _objectSpread$5(_objectSpread$5({}, defaultOptions), options);
 }
 function getDefaults() {
   return defaultOptions;
@@ -3010,9 +3010,9 @@ function hasLoadedNamespace(ns, i18n) {
 var _excluded = ["format"],
     _excluded2 = ["children", "count", "parent", "i18nKey", "context", "tOptions", "values", "defaults", "components", "ns", "i18n", "t", "shouldUnescape"];
 
-function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$4(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function hasChildren(node, checkLength) {
   if (!node) return false;
@@ -3038,7 +3038,7 @@ function getAsArray(data) {
 }
 
 function mergeProps(source, target) {
-  var newTarget = _objectSpread$3({}, target);
+  var newTarget = _objectSpread$4({}, target);
 
   newTarget.props = Object.assign(source.props, target.props);
   return newTarget;
@@ -3108,7 +3108,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
   getData(children);
   var ast = c.parse("<0>".concat(targetString, "</0>"));
 
-  var opts = _objectSpread$3(_objectSpread$3({}, data), combinedTOpts);
+  var opts = _objectSpread$4(_objectSpread$4({}, data), combinedTOpts);
 
   function renderInner(child, node, rootReactNode) {
     var childs = getChildren(child);
@@ -3118,7 +3118,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
 
   function pushTranslatedJSX(child, inner, mem, i, isVoid) {
     if (child.dummy) child.children = inner;
-    mem.push(cloneElement(child, _objectSpread$3(_objectSpread$3({}, child.props), {}, {
+    mem.push(cloneElement(child, _objectSpread$4(_objectSpread$4({}, child.props), {}, {
       key: i
     }), isVoid ? undefined : inner));
   }
@@ -3150,7 +3150,7 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
           } else if (isEmptyTransWithHTML) {
           var _inner = mapAST(reactNodes, node.children, rootReactNode);
 
-          mem.push(cloneElement(child, _objectSpread$3(_objectSpread$3({}, child.props), {}, {
+          mem.push(cloneElement(child, _objectSpread$4(_objectSpread$4({}, child.props), {}, {
             key: i
           }), _inner));
         } else if (Number.isNaN(parseFloat(node.name))) {
@@ -3181,11 +3181,11 @@ function renderNodes(children, targetString, i18n, i18nOptions, combinedTOpts, s
           var content = node.children[0] ? translationContent : null;
           if (content) mem.push(content);
         } else if (node.children.length === 1 && translationContent) {
-          mem.push(cloneElement(child, _objectSpread$3(_objectSpread$3({}, child.props), {}, {
+          mem.push(cloneElement(child, _objectSpread$4(_objectSpread$4({}, child.props), {}, {
             key: i
           }), translationContent));
         } else {
-          mem.push(cloneElement(child, _objectSpread$3(_objectSpread$3({}, child.props), {}, {
+          mem.push(cloneElement(child, _objectSpread$4(_objectSpread$4({}, child.props), {}, {
             key: i
           })));
         }
@@ -3248,7 +3248,7 @@ function Trans(_ref) {
 
   if (context) tOptions.context = context;
 
-  var reactI18nextOptions = _objectSpread$3(_objectSpread$3({}, getDefaults()), i18n.options && i18n.options.react);
+  var reactI18nextOptions = _objectSpread$4(_objectSpread$4({}, getDefaults()), i18n.options && i18n.options.react);
 
   var namespaces = ns || t.ns || defaultNSFromContext || i18n.options && i18n.options.defaultNS;
   namespaces = typeof namespaces === 'string' ? [namespaces] : namespaces || ['translation'];
@@ -3256,13 +3256,13 @@ function Trans(_ref) {
   var hashTransKey = reactI18nextOptions.hashTransKey;
   var key = i18nKey || (hashTransKey ? hashTransKey(defaultValue) : defaultValue);
   var interpolationOverride = values ? tOptions.interpolation : {
-    interpolation: _objectSpread$3(_objectSpread$3({}, tOptions.interpolation), {}, {
+    interpolation: _objectSpread$4(_objectSpread$4({}, tOptions.interpolation), {}, {
       prefix: '#$?',
       suffix: '?$#'
     })
   };
 
-  var combinedTOpts = _objectSpread$3(_objectSpread$3(_objectSpread$3(_objectSpread$3({}, tOptions), {}, {
+  var combinedTOpts = _objectSpread$4(_objectSpread$4(_objectSpread$4(_objectSpread$4({}, tOptions), {}, {
     count: count
   }, values), interpolationOverride), {}, {
     defaultValue: defaultValue,
@@ -3275,9 +3275,9 @@ function Trans(_ref) {
   return useAsParent ? createElement(useAsParent, additionalProps, content) : content;
 }
 
-function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$2(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys$3(Object(source), true).forEach(function (key) { _defineProperty$1(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 var usePrevious = function usePrevious(value, ignore) {
   var ref = useRef();
@@ -3314,7 +3314,7 @@ function useTranslation(ns) {
 
   if (i18n.options.react && i18n.options.react.wait !== undefined) warnOnce('It seems you are still using the old wait option, you may migrate to the new useSuspense behaviour.');
 
-  var i18nOptions = _objectSpread$2(_objectSpread$2(_objectSpread$2({}, getDefaults()), i18n.options.react), props);
+  var i18nOptions = _objectSpread$3(_objectSpread$3(_objectSpread$3({}, getDefaults()), i18n.options.react), props);
 
   var useSuspense = i18nOptions.useSuspense,
       keyPrefix = i18nOptions.keyPrefix;
@@ -3464,31 +3464,6 @@ instance.use(initReactI18next).init({
   }
 });
 
-var Menu = function Menu(_ref) {
-  var tagTypes = _ref.tagTypes,
-      showMenu = _ref.showMenu,
-      tagType = _ref.tagType,
-      setTagType = _ref.setTagType;
-
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
-  return /*#__PURE__*/React.createElement(MenuBar, {
-    showMenu: showMenu,
-    title: t("title")
-  }, Object.values(tagTypes).map(function (tag) {
-    return /*#__PURE__*/React.createElement(MenuBar.Item, {
-      key: tag.id,
-      label: tag.label,
-      description: tag.description,
-      active: tagType.id === tag.id,
-      onClick: function onClick() {
-        setTagType(tag);
-      }
-    });
-  }));
-};
-
 var DEFAULT_PAGE_INDEX = 1;
 var DEFAULT_PAGE_SIZE = 10;
 var COMMON_COLUMNS = [{
@@ -3527,6 +3502,43 @@ var PLURAL = {
   count: 2
 };
 
+var renderColumnData = function renderColumnData(columns, handleEdit, handleDelete) {
+  return [].concat(_toConsumableArray(columns), [{
+    id: "actions",
+    width: "10%",
+    render: function render(_, tag) {
+      return /*#__PURE__*/React.createElement(Dropdown, {
+        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, {
+        onClick: function onClick() {
+          return handleEdit(tag);
+        },
+        label: "Edit",
+        style: "text",
+        className: "neeto-tag-dropdown__button"
+      })), /*#__PURE__*/React.createElement("li", {
+        className: "neeto-tag-dropdown__item"
+      }, /*#__PURE__*/React.createElement(Button, {
+        label: "Delete",
+        onClick: function onClick() {
+          return handleDelete(tag);
+        },
+        style: "danger-text",
+        className: "neeto-tag-dropdown__button",
+        "data-cy": "tags-delete-button"
+      })));
+    }
+  }]);
+};
+
 function useDebounce(value, delay) {
   var _useState = useState(value),
       _useState2 = _slicedToArray(_useState, 2),
@@ -6694,14 +6706,14 @@ function useQuery(arg1, arg2, arg3) {
 
 var fetch = function fetch(_ref) {
   var url = _ref.url,
-      term = _ref.term,
+      searchTerm = _ref.searchTerm,
       limit = _ref.limit,
-      page_no = _ref.page_no;
+      pageNo = _ref.pageNo;
   return axios.get(url, {
     params: {
-      term: term,
+      search_term: searchTerm,
       limit: limit,
-      page_no: page_no
+      page_no: pageNo
     }
   });
 };
@@ -6738,9 +6750,9 @@ var queryClient = new QueryClient({
   })
 });
 
-function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$2(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$2(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$2(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$2(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var TAG_KEY = "tag-key";
 var STALE_TIME = 3200000;
 
@@ -6748,7 +6760,7 @@ var useFetchTags = function useFetchTags(params) {
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return useQuery([TAG_KEY, Object.values(params)], function () {
     return tagsApi.fetch(params);
-  }, _objectSpread$1({
+  }, _objectSpread$2({
     staleTime: STALE_TIME,
     select: function select(response) {
       return response.data || response;
@@ -6818,9 +6830,6 @@ var useTagsForm = function useTagsForm(_ref) {
       mutate = _tagModification.mutate,
       isSubmitting = _tagModification.isLoading;
 
-  var _useTranslation = useTranslation(),
-      t = _useTranslation.t;
-
   var handleSubmit = function handleSubmit(values, _ref2) {
     var _values$description;
 
@@ -6841,12 +6850,9 @@ var useTagsForm = function useTagsForm(_ref) {
       onSuccess: function onSuccess() {
         !isEdit && goToFirstPage();
         onClose();
-        Toastr.success(isEdit ? t("updateSuccess") : t("createSuccess"));
       },
-      onError: function onError(_ref3) {
-        var errors = _ref3.errors;
+      onError: function onError() {
         resetForm();
-        Toastr.error(errors === null || errors === void 0 ? void 0 : errors.join(", "));
       }
     });
   };
@@ -6932,7 +6938,9 @@ var Dashboard = function Dashboard(_ref) {
       breadcrumbs = _ref.breadcrumbs,
       displayMenu = _ref.displayMenu,
       handleMenuToggle = _ref.handleMenuToggle,
-      tagsPath = _ref.tagsPath;
+      tagsPath = _ref.tagsPath,
+      _ref$tagsMergable = _ref.tagsMergable,
+      tagsMergable = _ref$tagsMergable === void 0 ? false : _ref$tagsMergable;
 
   var _useState = useState(null),
       _useState2 = _slicedToArray(_useState, 2),
@@ -6963,9 +6971,9 @@ var Dashboard = function Dashboard(_ref) {
 
   var _useFetchTags = useFetchTags({
     url: tagType.url,
-    term: debouncedSearchTerm,
+    searchTerm: debouncedSearchTerm,
     limit: DEFAULT_PAGE_SIZE,
-    page_no: pageIndex
+    pageNo: pageIndex
   }),
       data = _useFetchTags.data,
       isLoading = _useFetchTags.isLoading;
@@ -7031,7 +7039,7 @@ var Dashboard = function Dashboard(_ref) {
     }, /*#__PURE__*/React.createElement(PageLoader, null));
   }
 
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Header, {
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Header, {
     title: "".concat(tagType.label, " ").concat(t("title")),
     menuBarToggle: displayMenu ? handleMenuToggle : null,
     searchProps: {
@@ -7045,7 +7053,7 @@ var Dashboard = function Dashboard(_ref) {
         where: t("title")
       })
     },
-    actionBlock: /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(Button, {
+    actionBlock: /*#__PURE__*/React.createElement(React.Fragment, null, tagsMergable && /*#__PURE__*/React.createElement(Button, {
       size: "large",
       style: "secondary",
       label: t("merge.mergeTags"),
@@ -7218,9 +7226,9 @@ var pluralize = function pluralize(_ref) {
   return resultText;
 };
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$1(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$1(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var MergeAlert = function MergeAlert(_ref) {
   var sourceTag = _ref.sourceTag,
@@ -7250,7 +7258,7 @@ var MergeAlert = function MergeAlert(_ref) {
     values: {
       sourceTag: sourceTag.name,
       destinationTag: destinationTag.name,
-      entities: pluralize(_objectSpread(_objectSpread({
+      entities: pluralize(_objectSpread$1(_objectSpread$1({
         singular: tagType.label.toLowerCase()
       }, PLURAL), {}, {
         skipCount: true
@@ -7500,42 +7508,6 @@ var renderComponent = function renderComponent(Component, props) {
   return /*#__PURE__*/React.createElement(Component, props);
 };
 
-var renderColumnData = function renderColumnData(columns, handleEdit, handleDelete) {
-  return [].concat(_toConsumableArray(columns), [{
-    id: "actions",
-    width: "10%",
-    render: function render(_, tag) {
-      return /*#__PURE__*/React.createElement(Dropdown, {
-        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, {
-        onClick: function onClick() {
-          return handleEdit(tag);
-        },
-        label: "Edit",
-        style: "text",
-        className: "neeto-tag-dropdown__button"
-      })), /*#__PURE__*/React.createElement("li", {
-        className: "neeto-tag-dropdown__item"
-      }, /*#__PURE__*/React.createElement(Button, {
-        label: "Delete",
-        onClick: function onClick() {
-          return handleDelete(tag);
-        },
-        style: "danger-text",
-        className: "neeto-tag-dropdown__button",
-        "data-cy": "tags-delete-button"
-      })));
-    }
-  }]);
-};
 var createRoutes = function createRoutes(props) {
   return [{
     component: function component() {
@@ -7548,10 +7520,35 @@ var createRoutes = function createRoutes(props) {
       return renderComponent(Dashboard, props);
     },
     exact: true,
-    path: props.tagsPath
+    path: props.tagsPath || ""
   }];
 };
 
+var Menu = function Menu(_ref) {
+  var tagTypes = _ref.tagTypes,
+      showMenu = _ref.showMenu,
+      tagType = _ref.tagType,
+      setTagType = _ref.setTagType;
+
+  var _useTranslation = useTranslation(),
+      t = _useTranslation.t;
+
+  return /*#__PURE__*/React.createElement(MenuBar, {
+    showMenu: showMenu,
+    title: t("title")
+  }, Object.values(tagTypes).map(function (tag) {
+    return /*#__PURE__*/React.createElement(MenuBar.Item, {
+      key: tag.id,
+      label: tag.label,
+      description: tag.description,
+      active: tagType.id === tag.id,
+      onClick: function onClick() {
+        setTagType(tag);
+      }
+    });
+  }));
+};
+
 var devtools = {exports: {}};
 
 {
@@ -7578,18 +7575,22 @@ var withReactQuery = function withReactQuery(Component) {
   return QueryWrapper;
 };
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
 var Tags = function Tags(_ref) {
-  var tagTypes = _ref.tagTypes,
-      breadcrumbs = _ref.breadcrumbs,
-      displayMenu = _ref.displayMenu,
-      tagsPath = _ref.tagsPath;
+  var config = _ref.config;
+  var tagTypes = config.tagTypes,
+      _config$displayMenu = config.displayMenu,
+      displayMenu = _config$displayMenu === void 0 ? true : _config$displayMenu;
 
   var _useState = useState(tagTypes[0]),
       _useState2 = _slicedToArray(_useState, 2),
       tagType = _useState2[0],
       setTagType = _useState2[1];
 
-  var _useState3 = useState(true),
+  var _useState3 = useState(false),
       _useState4 = _slicedToArray(_useState3, 2),
       isMenuOpen = _useState4[0],
       setIsMenuOpen = _useState4[1];
@@ -7600,13 +7601,11 @@ var Tags = function Tags(_ref) {
     });
   };
 
-  var routes = createRoutes({
-    tagsPath: tagsPath,
-    tagType: tagType,
-    breadcrumbs: breadcrumbs,
+  var routes = createRoutes(_objectSpread(_objectSpread({}, config), {}, {
     handleMenuToggle: handleMenuToggle,
-    displayMenu: displayMenu
-  });
+    displayMenu: displayMenu,
+    tagType: tagType
+  }));
   return /*#__PURE__*/React.createElement("div", {
     className: "neeto-tag-wrapper"
   }, displayMenu && /*#__PURE__*/React.createElement(Menu, {
@@ -7630,16 +7629,9 @@ var Tags = function Tags(_ref) {
 var Tags$1 = withReactQuery(Tags);
 
 var App = function App(_ref) {
-  var tagTypes = _ref.tagTypes,
-      breadcrumbs = _ref.breadcrumbs,
-      _ref$displayMenu = _ref.displayMenu,
-      displayMenu = _ref$displayMenu === void 0 ? true : _ref$displayMenu,
-      tagsPath = _ref.tagsPath;
+  var config = _ref.config;
   return /*#__PURE__*/React.createElement(Tags$1, {
-    tagTypes: tagTypes,
-    breadcrumbs: breadcrumbs,
-    displayMenu: displayMenu,
-    tagsPath: tagsPath
+    config: config
   });
 };