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

package/dist/index.js

@@ -1,12 +1,12 @@
 import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import React, { useRef, useEffect, useMemo, Fragment, memo, useCallback, useState, useLayoutEffect } from 'react';
-import i18next, { t as t$1, exists } from 'i18next';
+import i18next, { t as t$1 } from 'i18next';
 import { PLURAL, SINGULAR, DEFAULT_PAGE_INDEX } from '@bigbinary/neeto-commons-frontend/constants';
-import { noop, findById, isNotEmpty, isPresent, replaceById, keysToSnakeCase, capitalize, notEquals, toLabelAndValue, findBy, _findBy, filterBy, slugify, removeBy } from '@bigbinary/neeto-commons-frontend/pure';
+import { noop, findById, isNotEmpty, isPresent, replaceById, keysToSnakeCase, notEquals, toLabelAndValue, findBy, _findBy, filterBy, slugify, removeBy } from '@bigbinary/neeto-commons-frontend/pure';
 import { withTitle, useDebounce, withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Container from '@bigbinary/neeto-molecules/Container';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
-import { is, append, equals, prop, concat, groupBy, pluck, map, identical, modify, includes, __, isEmpty, filter, identity, clamp, curry, mergeLeft, toLower, isNil, assoc, trim, not, move, head, reverse, keys } from 'ramda';
+import { is, append, equals, prop, concat, groupBy, pluck, map, identical, modify, includes, __, isEmpty, filter, identity, clamp, curry, isNotNil, mergeLeft, toLower, isNil, assoc, trim, not, move, head, reverse, keys } from 'ramda';
 import { QueryClient, QueryCache, QueryClientProvider, useQuery, useMutation } from 'react-query';
 import { ReactQueryDevtools } from 'react-query/devtools';
 import axios from 'axios';
@@ -5549,7 +5549,7 @@ var renderNameColumn = function renderNameColumn(_ref) {
     "data-cy": "ntm-member-status-tag",
     style: active ? "primary" : "secondary",
     type: "outline",
-    label: active ? t$1(MEMBER_FILTER.ACTIVE.label) : t$1(MEMBER_FILTER.DEACTIVATED.label)
+    label: active ? i18next.t(MEMBER_FILTER.ACTIVE.label) : i18next.t(MEMBER_FILTER.DEACTIVATED.label)
   })), renderDropdownButton({
     config: config,
     handleUpdateRole: handleUpdateRole,
@@ -5575,15 +5575,15 @@ var renderDropdownButton = function renderDropdownButton(_ref2) {
       className: "flex-shrink-0",
       "data-cy": "ntm-members-table-row-dropdown-button",
       tooltipProps: {
-        content: t$1("neetoTeamMembers.tooltips.noPermissionToEditMembers"),
+        content: i18next.t("neetoTeamMembers.tooltips.noPermissionToEditMembers"),
         disabled: config.permissions.update,
         position: "top"
       }
     }
   }, /*#__PURE__*/React.createElement(Menu$3, null, /*#__PURE__*/React.createElement(Tooltip, {
-    content: t$1("neetoTeamMembers.tooltips.activateUserToEdit", SINGULAR),
     disabled: tableData.active,
-    position: "top"
+    position: "top",
+    content: i18next.t("neetoTeamMembers.tooltips.activateUserToEdit", SINGULAR)
   }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(MenuItem$2.Button, {
     className: "ntm-dropdown__button",
     "data-cy": "ntm-edit-member-button",
@@ -5593,38 +5593,40 @@ var renderDropdownButton = function renderDropdownButton(_ref2) {
     onClick: function onClick() {
       return tableData.active && handleUpdateRole(tableData);
     }
-  }, t$1("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.createElement(MenuItem$2.Button, {
+  }, 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.createElement(MenuItem$2.Button, {
     className: "ntm-dropdown__button",
     "data-cy": "ntm-deactivate-member-button",
     size: "small",
     onClick: function onClick() {
       return handleUpdateStatus(tableData);
     }
-  }, tableData.active ? t$1("neetoTeamMembers.common.deactivate") : t$1("neetoTeamMembers.common.activate"))));
+  }, tableData.active ? i18next.t("neetoTeamMembers.common.deactivate") : i18next.t("neetoTeamMembers.common.activate"))));
 };
 var getDefaultAlertTitle = function getDefaultAlertTitle(_ref3) {
   var member = _ref3.member,
     metaName = _ref3.metaName;
-  return member !== null && member !== void 0 && member.active ? t$1("neetoTeamMembers.common.deactivate_", {
+  return member !== null && member !== void 0 && member.active ? i18next.t("neetoTeamMembers.common.deactivate_", {
     what: metaName(SINGULAR).toLocaleLowerCase()
-  }) : t$1("neetoTeamMembers.common.activate_", {
+  }) : i18next.t("neetoTeamMembers.common.activate_", {
     what: metaName(SINGULAR).toLocaleLowerCase()
   });
 };
 var getDefaultAlertMessage = function getDefaultAlertMessage(_ref4) {
-  var member = _ref4.member;
+  var member = _ref4.member,
+    metaName = _ref4.metaName;
   return /*#__PURE__*/React.createElement(Trans, {
+    i18nKey: member !== null && member !== void 0 && member.active ? "neetoTeamMembers.alerts.messages.deactivateMember" : "neetoTeamMembers.alerts.messages.activateMember",
     values: _objectSpread$7(_objectSpread$7({}, 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(SINGULAR).toLocaleLowerCase()
+    })
   });
 };
 var renderInvitedStatus = function renderInvitedStatus(inviteStatus) {
   var statuses = {
-    not_invited: t$1("neetoTeamMembers.common.notInvited"),
-    pending: t$1("neetoTeamMembers.common.pending"),
-    confirmed: t$1("neetoTeamMembers.common.joined")
+    not_invited: i18next.t("neetoTeamMembers.common.notInvited"),
+    pending: i18next.t("neetoTeamMembers.common.pending"),
+    confirmed: i18next.t("neetoTeamMembers.common.joined")
   };
   return statuses[inviteStatus];
 };
@@ -5648,25 +5650,25 @@ var getDefaultColumns = function getDefaultColumns(_ref5) {
       });
     },
     sorter: true,
-    title: t$1("neetoTeamMembers.common.name")
+    title: i18next.t("neetoTeamMembers.common.name")
   }, {
     dataIndex: "email",
     key: "email",
     sorter: true,
     width: "350px",
-    title: t$1("neetoTeamMembers.common.email", SINGULAR)
+    title: i18next.t("neetoTeamMembers.common.email", SINGULAR)
   }, {
     dataIndex: "role",
     key: "organization_role",
     sorter: true,
     width: "200px",
-    title: t$1("neetoTeamMembers.common.role", SINGULAR)
+    title: i18next.t("neetoTeamMembers.common.role", SINGULAR)
   }, {
     dataIndex: "inviteStatus",
     key: "invite_status",
     sorter: true,
     width: "150px",
-    title: t$1("neetoTeamMembers.common.inviteStatus"),
+    title: i18next.t("neetoTeamMembers.common.inviteStatus"),
     render: function render(inviteStatus) {
       return renderInvitedStatus(inviteStatus);
     }
@@ -5716,7 +5718,7 @@ var getColumnData = function getColumnData(_ref7) {
   return columns;
 };
 var renderHeaderTitle = function renderHeaderTitle(filterStatus, metaName) {
-  return t$1("neetoTeamMembers.common.".concat(toLower(filterStatus), "_"), {
+  return i18next.t("neetoTeamMembers.common.".concat(toLower(filterStatus), "_"), {
     what: metaName(PLURAL).toLocaleLowerCase()
   });
 };
@@ -5729,7 +5731,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);
@@ -5752,10 +5754,15 @@ var renderPaginationProps = function renderPaginationProps(size) {
 var getPerCategoryCount = function getPerCategoryCount(perCategoryCount, category) {
   return isNil(perCategoryCount) ? MEMBER_FILTER[category].defaultCount : perCategoryCount[category === null || category === void 0 ? void 0 : category.toLowerCase()];
 };
-var getMetaName = curry(function (metaName, count) {
-  var singularizedMetaName = pluralize(metaName.toLowerCase(), 1);
+var getMetaName = 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 exists(translationWord, count) ? t$1(translationWord, count) : pluralize(capitalize(singularizedMetaName), count.count);
+  if (isNotNil(config === null || config === void 0 ? void 0 : config.metaNamePlural) || !i18next.exists(translationWord, count)) {
+    i18next.addResource("en", "translation", "neetoTeamMembers.metaNames.".concat(singularizedMetaName, "_one"), config.metaNameSingular);
+    i18next.addResource("en", "translation", "neetoTeamMembers.metaNames.".concat(singularizedMetaName, "_other"), config.metaNamePlural);
+  }
+  return i18next.t(translationWord, count);
 });
 var clearSelectedMembers = function clearSelectedMembers(previousCategory, currentCategory) {
   return notEquals(previousCategory, currentCategory) && notEquals(currentCategory, "ALL");
@@ -5763,21 +5770,21 @@ var clearSelectedMembers = function clearSelectedMembers(previousCategory, curre
 var defaultNeetoFiltersColumns = function defaultNeetoFiltersColumns() {
   return [{
     key: "email",
-    label: t$1("neetoTeamMembers.common.email", SINGULAR),
+    label: i18next.t("neetoTeamMembers.common.email", SINGULAR),
     model: "User",
     node: "email",
     showRuleSelector: true,
     type: "text"
   }, {
     key: "name",
-    label: t$1("neetoTeamMembers.common.name"),
+    label: i18next.t("neetoTeamMembers.common.name"),
     model: "User",
     node: "first_name,last_name",
     type: "text",
     values: ""
   }, {
     key: "role",
-    label: t$1("neetoTeamMembers.common.role", SINGULAR),
+    label: i18next.t("neetoTeamMembers.common.role", SINGULAR),
     model: "OrganizationRole",
     node: "organization_role.name",
     type: "multi_option",
@@ -7490,7 +7497,7 @@ var TeamMembers = function TeamMembers(_ref) {
   var location = useLocation();
   var isViewPermissionGranted = config.permissions.view;
   var isCreatePermissionGranted = config.permissions.create;
-  var metaName = useCallback(getMetaName((config === null || config === void 0 ? void 0 : config.metaName) || "member"), [config === null || config === void 0 ? void 0 : config.metaName]);
+  var metaName = useCallback(getMetaName(config), [config === null || config === void 0 ? void 0 : config.metaNameSingular, config === null || config === void 0 ? void 0 : config.metaNamePlural]);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isFiltersPaneOpen = _useState2[0],
@@ -7689,16 +7696,6 @@ var TeamMembers = function TeamMembers(_ref) {
     onSubmit: handleUpdateMember
   })));
 };
-TeamMembers.defaultProps = {
-  config: {
-    metaName: "member",
-    permissions: {
-      create: true,
-      update: true,
-      view: true
-    }
-  }
-};
 var index = withTitle(withReactQuery(TeamMembers), i18next.t("neetoTeamMembers.metaNames.member", 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}}