@bigbinary/neeto-tags-frontend 1.1.10 → 1.1.12

package/dist/index.cjs.js

@@ -628,17 +628,54 @@ function _toConsumableArray(arr) {
 
 var Menu = neetoui.Dropdown.Menu,
   MenuItem = neetoui.Dropdown.MenuItem;
+var renderDropdownButton = function renderDropdownButton(_ref) {
+  var _ref$handleEdit = _ref.handleEdit,
+    handleEdit = _ref$handleEdit === void 0 ? pure.noop : _ref$handleEdit,
+    _ref$handleDelete = _ref.handleDelete,
+    handleDelete = _ref$handleDelete === void 0 ? pure.noop : _ref$handleDelete,
+    _ref$tag = _ref.tag,
+    tag = _ref$tag === void 0 ? {} : _ref$tag;
+  return /*#__PURE__*/React__default["default"].createElement("div", {
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
+    autoWidth: true,
+    buttonProps: {
+      style: "text"
+    },
+    icon: neetoIcons.MenuHorizontal,
+    position: "bottom-end",
+    strategy: "fixed"
+  }, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+    "data-cy": "tags-edit-button",
+    onClick: function onClick() {
+      return handleEdit(tag);
+    }
+  }, i18next.t("neetoTags.button.edit")), /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
+    "data-cy": "tags-delete-button",
+    onClick: function onClick() {
+      return handleDelete(tag);
+    }
+  }, i18next.t("neetoTags.button.delete")))));
+};
 var renderColumnData = function renderColumnData(handleEdit, handleDelete) {
   var columns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
   return [{
     title: i18next.t("neetoTags.common.name"),
     dataIndex: "name",
     key: "name",
-    render: function render(name) {
-      return /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
+    render: function render(name, tag) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "neeto-tags-table__column"
+      }, /*#__PURE__*/React__default["default"].createElement(neetoui.Tag, {
         label: name,
         style: "secondary"
-      });
+      }), renderDropdownButton({
+        handleEdit: handleEdit,
+        handleDelete: handleDelete,
+        tag: tag
+      }));
     }
   }, {
     title: i18next.t("neetoTags.common.description"),
@@ -647,35 +684,7 @@ var renderColumnData = function renderColumnData(handleEdit, handleDelete) {
     render: function render(description) {
       return description || "-";
     }
-  }].concat(_toConsumableArray(columns), [{
-    id: "actions",
-    width: "65px",
-    render: function render(_, tag) {
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        onClick: function onClick(e) {
-          return e.stopPropagation();
-        }
-      }, /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
-        autoWidth: true,
-        buttonProps: {
-          style: "text"
-        },
-        icon: neetoIcons.MenuHorizontal,
-        position: "bottom-end",
-        strategy: "fixed"
-      }, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
-        "data-cy": "tags-edit-button",
-        onClick: function onClick() {
-          return handleEdit(tag);
-        }
-      }, i18next.t("neetoTags.button.edit")), /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
-        "data-cy": "tags-delete-button",
-        onClick: function onClick() {
-          return handleDelete(tag);
-        }
-      }, i18next.t("neetoTags.button.delete")))));
-    }
-  }]);
+  }].concat(_toConsumableArray(columns));
 };
 
 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; }
@@ -1758,7 +1767,7 @@ var Tags$1 = withReactQuery(Tags);
 
 var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r.prepend?"prepend":"append",d=!0===r.singleTag,i="string"==typeof r.container?document.querySelector(r.container):document.getElementsByTagName("head")[0];if(d){var u=e.indexOf(i);-1===u&&(u=e.push(i)-1,t[u]={}),a=t[u]&&t[u][s]?t[u][s]:t[u][s]=c();}else a=c();65279===n.charCodeAt(0)&&(n=n.substring(1)),a.styleSheet?a.styleSheet.cssText+=n:a.appendChild(document.createTextNode(n));}function c(){var e=document.createElement("style");if(e.setAttribute("type","text/css"),r.attributes)for(var t=Object.keys(r.attributes),n=0;n<t.length;n++)e.setAttribute(t[n],r.attributes[t[n]]);var a="prepend"===s?"afterbegin":"beforeend";return i.insertAdjacentElement(a,e),e}}
 
-var css = ".neeto-tags-border{border-width:thin}.ntm-empty-state{height:100%;margin:auto;width:100%}.ntm-empty-state,.ntm-empty-state__image{align-items:center;display:flex;justify-content:center}.ntm-empty-state__image{margin-left:0 auto 4rem auto}.ntm-empty-state__title{font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem;text-align:center}.ntm-empty-state__description{margin-bottom:1.5rem;text-align:center}.ntm-empty-state__action-block{display:flex;justify-content:center}.neeto-tags-table__wrapper{height:calc(100vh - var(--neeto-ui-main-header-with-breadcrumbs-height) - var(--neeto-ui-sub-header-height) - var(--neeto-ui-sub-header-bottom-margin));padding:0 24px;width:100%}.neeto-tags-merge__wrapper{height:calc(100vh - var(--neeto-ui-main-header-with-breadcrumbs-height));margin:0 auto;max-width:1200px;padding:0 24px 24px;width:100%}.neeto-tags-merge__wrapper .neeto-tags-merge__container{display:flex;flex-direction:row;height:100%;justify-content:space-between;width:100%}.neeto-tags-merge__wrapper .neeto-tags-merge__container .neeto-tags-merge__list{width:48%}.neeto-tags-merge__wrapper .neeto-tags-merge__container .neeto-tags-merge__list .neeto-tags-merge__items{height:calc(100vh - var(--neeto-ui-main-header-height) - 120px);overflow-y:auto;padding-top:16px}";
+var css = ".neeto-tags-border{border-width:thin}.ntm-empty-state{height:100%;margin:auto;width:100%}.ntm-empty-state,.ntm-empty-state__image{align-items:center;display:flex;justify-content:center}.ntm-empty-state__image{margin-left:0 auto 4rem auto}.ntm-empty-state__title{font-size:1.25rem;line-height:1.75rem;margin-bottom:1rem;text-align:center}.ntm-empty-state__description{margin-bottom:1.5rem;text-align:center}.ntm-empty-state__action-block{display:flex;justify-content:center}.neeto-tags-table__wrapper{height:calc(100vh - var(--neeto-ui-main-header-with-breadcrumbs-height) - var(--neeto-ui-sub-header-height) - var(--neeto-ui-sub-header-bottom-margin));padding:0 24px;width:100%}.neeto-tags-table__column{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.neeto-tags-merge__wrapper{height:calc(100vh - var(--neeto-ui-main-header-with-breadcrumbs-height));margin:0 auto;max-width:1200px;padding:0 24px 24px;width:100%}.neeto-tags-merge__wrapper .neeto-tags-merge__container{display:flex;flex-direction:row;height:100%;justify-content:space-between;width:100%}.neeto-tags-merge__wrapper .neeto-tags-merge__container .neeto-tags-merge__list{width:48%}.neeto-tags-merge__wrapper .neeto-tags-merge__container .neeto-tags-merge__list .neeto-tags-merge__items{height:calc(100vh - var(--neeto-ui-main-header-height) - 120px);overflow-y:auto;padding-top:16px}";
 n(css,{});
 
 var App = function App(_ref) {