@bigbinary/neeto-tags-frontend 0.0.19 → 0.0.20

package/dist/index.js

@@ -17,15 +17,15 @@ 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';
@@ -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),
@@ -7031,7 +7043,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: {
@@ -7500,42 +7512,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() {
@@ -7552,6 +7528,31 @@ var createRoutes = function createRoutes(props) {
   }];
 };
 
+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: {}};
 
 {