@bigbinary/neeto-message-templates-frontend 0.4.0 → 0.4.2

package/dist/index.cjs.js

@@ -11,8 +11,7 @@ var SubHeader = require('@bigbinary/neeto-molecules/SubHeader');
 var neetoui = require('@bigbinary/neetoui');
 var ramda = require('ramda');
 var i18next = require('i18next');
-var neetoIcons = require('@bigbinary/neeto-icons');
-var reactI18next = require('react-i18next');
+var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 var constants = require('@bigbinary/neeto-commons-frontend/constants');
 var reactUtils = require('@bigbinary/neeto-commons-frontend/react-utils');
 var reactQuery = require('react-query');
@@ -20,6 +19,7 @@ var axios = require('axios');
 var zustand = require('zustand');
 var neetoEditor = require('@bigbinary/neeto-editor');
 var formik$1 = require('@bigbinary/neetoui/formik');
+var reactI18next = require('react-i18next');
 var PhoneNumber = require('@bigbinary/neeto-molecules/PhoneNumber');
 var yup = require('yup');
 var formik = require('formik');
@@ -49,6 +49,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Container__default = /*#__PURE__*/_interopDefaultLegacy(Container);
 var NeetoHeader__default = /*#__PURE__*/_interopDefaultLegacy(NeetoHeader);
 var SubHeader__default = /*#__PURE__*/_interopDefaultLegacy(SubHeader);
+var MoreDropdown__default = /*#__PURE__*/_interopDefaultLegacy(MoreDropdown);
 var axios__default = /*#__PURE__*/_interopDefaultLegacy(axios);
 var yup__namespace = /*#__PURE__*/_interopNamespace(yup);
 var TableWrapper__default = /*#__PURE__*/_interopDefaultLegacy(TableWrapper);
@@ -286,18 +287,42 @@ var useTemplateStore = zustand.create(reactUtils.withImmutableActions(function (
   };
 }));
 
+var MENU_ITEMS = {
+  EDIT: "edit",
+  DELETE: "delete",
+  STATUS: "status"
+};
+
+var getMenuItems = function getMenuItems(_ref) {
+  var handleDeleteTemplate = _ref.handleDeleteTemplate,
+    handleEditTemplate = _ref.handleEditTemplate,
+    handleMarkActiveInactive = _ref.handleMarkActiveInactive,
+    status = _ref.status;
+  return [{
+    key: MENU_ITEMS.EDIT,
+    label: i18next.t("neetoMessageTemplate.template.edit"),
+    onClick: handleEditTemplate
+  }, {
+    key: MENU_ITEMS.STATUS,
+    label: ramda.equals(status, "active") ? i18next.t("neetoMessageTemplate.template.markAsInactive") : i18next.t("neetoMessageTemplate.template.markAsActive"),
+    onClick: function onClick() {
+      return handleMarkActiveInactive(status);
+    }
+  }, {
+    key: MENU_ITEMS.DELETE,
+    label: i18next.t("neetoMessageTemplate.template.delete"),
+    onClick: handleDeleteTemplate
+  }];
+};
+
 function ownKeys$3(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$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var RowActions = function RowActions(_ref) {
   var template = _ref.template,
     setManageTemplatePane = _ref.setManageTemplatePane,
     ownerId = _ref.ownerId;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
   var _useUpdateTemplate = useUpdateTemplate(ownerId),
     update = _useUpdateTemplate.mutate;
-  var Menu = neetoui.Dropdown.Menu,
-    MenuItem = neetoui.Dropdown.MenuItem;
   var status = template.status,
     id = template.id;
   var templateType = useTemplateStore(ramda.prop("templateType"));
@@ -324,20 +349,17 @@ var RowActions = function RowActions(_ref) {
       id: id
     });
   };
-  return /*#__PURE__*/React__default["default"].createElement(neetoui.Dropdown, {
-    buttonStyle: "text",
-    icon: neetoIcons.MenuHorizontal,
-    position: "bottom-end",
-    strategy: "fixed"
-  }, /*#__PURE__*/React__default["default"].createElement(Menu, null, /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
-    onClick: handleEditTemplate
-  }, t("neetoMessageTemplate.template.edit")), /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
-    onClick: function onClick() {
-      return handleMarkActiveInactive(status);
-    }
-  }, status === "active" ? t("neetoMessageTemplate.template.markAsInactive") : t("neetoMessageTemplate.template.markAsActive")), /*#__PURE__*/React__default["default"].createElement(MenuItem.Button, {
-    onClick: handleDeleteTemplate
-  }, t("neetoMessageTemplate.template.delete"))));
+  return /*#__PURE__*/React__default["default"].createElement(MoreDropdown__default["default"], {
+    dropdownProps: {
+      strategy: "fixed"
+    },
+    menuItems: getMenuItems({
+      handleDeleteTemplate: handleDeleteTemplate,
+      handleEditTemplate: handleEditTemplate,
+      handleMarkActiveInactive: handleMarkActiveInactive,
+      status: status
+    })
+  });
 };
 
 var renderSearchProps = function renderSearchProps(label) {