@bigbinary/neeto-team-members-frontend 2.8.19 → 2.8.21

package/dist/index.cjs.js

@@ -5585,7 +5585,7 @@ var renderNameColumn = function renderNameColumn(_ref) {
     "data-cy": "ntm-member-status-tag",
     style: active ? "primary" : "secondary",
     type: "outline",
-    label: active ? i18next.t(MEMBER_FILTER.ACTIVE.label) : i18next.t(MEMBER_FILTER.DEACTIVATED.label)
+    label: active ? i18next__default["default"].t(MEMBER_FILTER.ACTIVE.label) : i18next__default["default"].t(MEMBER_FILTER.DEACTIVATED.label)
   })), renderDropdownButton({
     config: config,
     handleUpdateRole: handleUpdateRole,
@@ -5611,15 +5611,15 @@ var renderDropdownButton = function renderDropdownButton(_ref2) {
       className: "flex-shrink-0",
       "data-cy": "ntm-members-table-row-dropdown-button",
       tooltipProps: {
-        content: i18next.t("neetoTeamMembers.tooltips.noPermissionToEditMembers"),
+        content: i18next__default["default"].t("neetoTeamMembers.tooltips.noPermissionToEditMembers"),
         disabled: config.permissions.update,
         position: "top"
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(Menu$3, null, /*#__PURE__*/React__default["default"].createElement(neetoui.Tooltip, {
-    content: i18next.t("neetoTeamMembers.tooltips.activateUserToEdit", constants.SINGULAR),
     disabled: tableData.active,
-    position: "top"
+    position: "top",
+    content: i18next__default["default"].t("neetoTeamMembers.tooltips.activateUserToEdit", constants.SINGULAR)
   }, /*#__PURE__*/React__default["default"].createElement("span", null, /*#__PURE__*/React__default["default"].createElement(MenuItem$2.Button, {
     className: "ntm-dropdown__button",
     "data-cy": "ntm-edit-member-button",
@@ -5629,38 +5629,40 @@ var renderDropdownButton = function renderDropdownButton(_ref2) {
     onClick: function onClick() {
       return tableData.active && handleUpdateRole(tableData);
     }
-  }, i18next.t("neetoTeamMembers.common.edit")))), config === null || config === void 0 || (_config$table = config.table) === null || _config$table === void 0 || (_config$table$dropdow = _config$table.dropdownProps) === null || _config$table$dropdow === void 0 ? void 0 : _config$table$dropdow.call(_config$table, tableData), /*#__PURE__*/React__default["default"].createElement(MenuItem$2.Button, {
+  }, i18next__default["default"].t("neetoTeamMembers.common.edit")))), config === null || config === void 0 || (_config$table = config.table) === null || _config$table === void 0 || (_config$table$dropdow = _config$table.dropdownProps) === null || _config$table$dropdow === void 0 ? void 0 : _config$table$dropdow.call(_config$table, tableData), /*#__PURE__*/React__default["default"].createElement(MenuItem$2.Button, {
     className: "ntm-dropdown__button",
     "data-cy": "ntm-deactivate-member-button",
     size: "small",
     onClick: function onClick() {
       return handleUpdateStatus(tableData);
     }
-  }, tableData.active ? i18next.t("neetoTeamMembers.common.deactivate") : i18next.t("neetoTeamMembers.common.activate"))));
+  }, tableData.active ? i18next__default["default"].t("neetoTeamMembers.common.deactivate") : i18next__default["default"].t("neetoTeamMembers.common.activate"))));
 };
 var getDefaultAlertTitle = function getDefaultAlertTitle(_ref3) {
   var member = _ref3.member,
     metaName = _ref3.metaName;
-  return member !== null && member !== void 0 && member.active ? i18next.t("neetoTeamMembers.common.deactivate_", {
+  return member !== null && member !== void 0 && member.active ? i18next__default["default"].t("neetoTeamMembers.common.deactivate_", {
     what: metaName(constants.SINGULAR).toLocaleLowerCase()
-  }) : i18next.t("neetoTeamMembers.common.activate_", {
+  }) : i18next__default["default"].t("neetoTeamMembers.common.activate_", {
     what: metaName(constants.SINGULAR).toLocaleLowerCase()
   });
 };
 var getDefaultAlertMessage = function getDefaultAlertMessage(_ref4) {
-  var member = _ref4.member;
+  var member = _ref4.member,
+    metaName = _ref4.metaName;
   return /*#__PURE__*/React__default["default"].createElement(reactI18next.Trans, {
+    i18nKey: member !== null && member !== void 0 && member.active ? "neetoTeamMembers.alerts.messages.deactivateMember" : "neetoTeamMembers.alerts.messages.activateMember",
     values: _objectSpread$7(_objectSpread$7({}, constants.SINGULAR), {}, {
-      person: member === null || member === void 0 ? void 0 : member.displayName
-    }),
-    i18nKey: member !== null && member !== void 0 && member.active ? "neetoTeamMembers.alerts.messages.deactivateMember" : "neetoTeamMembers.alerts.messages.activateMember"
+      person: member === null || member === void 0 ? void 0 : member.displayName,
+      metaName: metaName(constants.SINGULAR).toLocaleLowerCase()
+    })
   });
 };
 var renderInvitedStatus = function renderInvitedStatus(inviteStatus) {
   var statuses = {
-    not_invited: i18next.t("neetoTeamMembers.common.notInvited"),
-    pending: i18next.t("neetoTeamMembers.common.pending"),
-    confirmed: i18next.t("neetoTeamMembers.common.joined")
+    not_invited: i18next__default["default"].t("neetoTeamMembers.common.notInvited"),
+    pending: i18next__default["default"].t("neetoTeamMembers.common.pending"),
+    confirmed: i18next__default["default"].t("neetoTeamMembers.common.joined")
   };
   return statuses[inviteStatus];
 };
@@ -5684,25 +5686,25 @@ var getDefaultColumns = function getDefaultColumns(_ref5) {
       });
     },
     sorter: true,
-    title: i18next.t("neetoTeamMembers.common.name")
+    title: i18next__default["default"].t("neetoTeamMembers.common.name")
   }, {
     dataIndex: "email",
     key: "email",
     sorter: true,
     width: "350px",
-    title: i18next.t("neetoTeamMembers.common.email", constants.SINGULAR)
+    title: i18next__default["default"].t("neetoTeamMembers.common.email", constants.SINGULAR)
   }, {
     dataIndex: "role",
     key: "organization_role",
     sorter: true,
     width: "200px",
-    title: i18next.t("neetoTeamMembers.common.role", constants.SINGULAR)
+    title: i18next__default["default"].t("neetoTeamMembers.common.role", constants.SINGULAR)
   }, {
     dataIndex: "inviteStatus",
     key: "invite_status",
     sorter: true,
     width: "150px",
-    title: i18next.t("neetoTeamMembers.common.inviteStatus"),
+    title: i18next__default["default"].t("neetoTeamMembers.common.inviteStatus"),
     render: function render(inviteStatus) {
       return renderInvitedStatus(inviteStatus);
     }
@@ -5752,7 +5754,7 @@ var getColumnData = function getColumnData(_ref7) {
   return columns;
 };
 var renderHeaderTitle = function renderHeaderTitle(filterStatus, metaName) {
-  return i18next.t("neetoTeamMembers.common.".concat(ramda.toLower(filterStatus), "_"), {
+  return i18next__default["default"].t("neetoTeamMembers.common.".concat(ramda.toLower(filterStatus), "_"), {
     what: metaName(constants.PLURAL).toLocaleLowerCase()
   });
 };
@@ -5765,7 +5767,7 @@ var renderUpdateAlert = function renderUpdateAlert(field, props) {
     return (_config$alert2 = config.alert) === null || _config$alert2 === void 0 ? void 0 : _config$alert2[field]({
       active: member === null || member === void 0 ? void 0 : member.active,
       id: member === null || member === void 0 ? void 0 : member.id,
-      name: member === null || member === void 0 ? void 0 : member.name
+      name: member === null || member === void 0 ? void 0 : member.displayName
     });
   }
   return field === "title" ? getDefaultAlertTitle(props) : getDefaultAlertMessage(props);
@@ -5788,10 +5790,15 @@ var renderPaginationProps = function renderPaginationProps(size) {
 var getPerCategoryCount = function getPerCategoryCount(perCategoryCount, category) {
   return ramda.isNil(perCategoryCount) ? MEMBER_FILTER[category].defaultCount : perCategoryCount[category === null || category === void 0 ? void 0 : category.toLowerCase()];
 };
-var getMetaName = ramda.curry(function (metaName, count) {
-  var singularizedMetaName = pluralize(metaName.toLowerCase(), 1);
+var getMetaName = ramda.curry(function (config, count) {
+  var _config$metaNameSingu;
+  var singularizedMetaName = pluralize((config === null || config === void 0 || (_config$metaNameSingu = config.metaNameSingular) === null || _config$metaNameSingu === void 0 ? void 0 : _config$metaNameSingu.toLowerCase()) || "member", 1);
   var translationWord = "neetoTeamMembers.metaNames.".concat(singularizedMetaName);
-  return i18next.exists(translationWord, count) ? i18next.t(translationWord, count) : pluralize(pure.capitalize(singularizedMetaName), count.count);
+  if (ramda.isNotNil(config === null || config === void 0 ? void 0 : config.metaNamePlural) || !i18next__default["default"].exists(translationWord, count)) {
+    i18next__default["default"].addResource("en", "translation", "neetoTeamMembers.metaNames.".concat(singularizedMetaName, "_one"), config.metaNameSingular);
+    i18next__default["default"].addResource("en", "translation", "neetoTeamMembers.metaNames.".concat(singularizedMetaName, "_other"), config.metaNamePlural);
+  }
+  return i18next__default["default"].t(translationWord, count);
 });
 var clearSelectedMembers = function clearSelectedMembers(previousCategory, currentCategory) {
   return pure.notEquals(previousCategory, currentCategory) && pure.notEquals(currentCategory, "ALL");
@@ -5799,21 +5806,21 @@ var clearSelectedMembers = function clearSelectedMembers(previousCategory, curre
 var defaultNeetoFiltersColumns = function defaultNeetoFiltersColumns() {
   return [{
     key: "email",
-    label: i18next.t("neetoTeamMembers.common.email", constants.SINGULAR),
+    label: i18next__default["default"].t("neetoTeamMembers.common.email", constants.SINGULAR),
     model: "User",
     node: "email",
     showRuleSelector: true,
     type: "text"
   }, {
     key: "name",
-    label: i18next.t("neetoTeamMembers.common.name"),
+    label: i18next__default["default"].t("neetoTeamMembers.common.name"),
     model: "User",
     node: "first_name,last_name",
     type: "text",
     values: ""
   }, {
     key: "role",
-    label: i18next.t("neetoTeamMembers.common.role", constants.SINGULAR),
+    label: i18next__default["default"].t("neetoTeamMembers.common.role", constants.SINGULAR),
     model: "OrganizationRole",
     node: "organization_role.name",
     type: "multi_option",
@@ -7526,7 +7533,7 @@ var TeamMembers = function TeamMembers(_ref) {
   var location = reactRouterDom.useLocation();
   var isViewPermissionGranted = config.permissions.view;
   var isCreatePermissionGranted = config.permissions.create;
-  var metaName = React.useCallback(getMetaName((config === null || config === void 0 ? void 0 : config.metaName) || "member"), [config === null || config === void 0 ? void 0 : config.metaName]);
+  var metaName = React.useCallback(getMetaName(config), [config === null || config === void 0 ? void 0 : config.metaNameSingular, config === null || config === void 0 ? void 0 : config.metaNamePlural]);
   var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isFiltersPaneOpen = _useState2[0],
@@ -7725,16 +7732,6 @@ var TeamMembers = function TeamMembers(_ref) {
     onSubmit: handleUpdateMember
   })));
 };
-TeamMembers.defaultProps = {
-  config: {
-    metaName: "member",
-    permissions: {
-      create: true,
-      update: true,
-      view: true
-    }
-  }
-};
 var index = reactUtils.withTitle(withReactQuery(TeamMembers), i18next__default["default"].t("neetoTeamMembers.metaNames.member", constants.PLURAL));
 
 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}}