@bigbinary/neeto-team-members-frontend 2.8.14 → 2.8.15

package/dist/index.js

@@ -1,8 +1,9 @@
 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 { 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 } from '@bigbinary/neeto-commons-frontend/pure';
-import { withTitle, useDebounce, useUpdateEffect } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { withTitle, useDebounce, withT, useUpdateEffect } 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';
@@ -1510,21 +1511,6 @@ dist.exports;
 
 var distExports = dist.exports;
 
-var SINGULAR = {
-  count: 1
-};
-var PLURAL = {
-  count: 2
-};
-var DEFAULT_PAGE_SIZE = 30;
-var ADMIN_ROLE_NAME = "Admin";
-var OWNER_ROLE_NAME = "Owner";
-var ADMIN_ROLES = [ADMIN_ROLE_NAME, OWNER_ROLE_NAME];
-var MANAGE_MEMBERS_PERMISSION = "members.manage_members";
-var MANAGE_ROLES_PERMISSION = "settings.manage_roles";
-var VIEW_MEMBERS_PERMISSION = "members.view_members";
-var VIEW_ROLES_PERMISSION = "settings.view_roles";
-
 var queryClient = new QueryClient({
   queryCache: new QueryCache()
 });
@@ -1831,6 +1817,15 @@ var Header$3 = function Header(_ref) {
   });
 };
 
+var DEFAULT_PAGE_SIZE = 30;
+var ADMIN_ROLE_NAME = "Admin";
+var OWNER_ROLE_NAME = "Owner";
+var ADMIN_ROLES = [ADMIN_ROLE_NAME, OWNER_ROLE_NAME];
+var MANAGE_MEMBERS_PERMISSION = "members.manage_members";
+var MANAGE_ROLES_PERMISSION = "settings.manage_roles";
+var VIEW_MEMBERS_PERMISSION = "members.view_members";
+var VIEW_ROLES_PERMISSION = "settings.view_roles";
+
 function _arrayWithoutHoles(arr) {
   if (Array.isArray(arr)) return _arrayLikeToArray$1(arr);
 }
@@ -2715,9 +2710,9 @@ var Table = function Table(_ref) {
     setModifiedRoles: setModifiedRoles
   })), /*#__PURE__*/React.createElement(ManageRoles, {
     config: config,
-    isOpen: isEditPaneOpen,
     permissions: permissions,
     selectedRole: selectedRole,
+    isOpen: isEditPaneOpen,
     onClose: function onClose() {
       setSelectedRole(undefined);
       setIsEditPaneOpen(false);
@@ -2809,8 +2804,8 @@ var Roles = function Roles(_ref) {
     setModifiedRoles: setModifiedRoles
   }))), /*#__PURE__*/React.createElement(ManageRoles, {
     config: config,
-    isOpen: isNewRolePaneOpen,
     permissions: permissions,
+    isOpen: isNewRolePaneOpen,
     onClose: function onClose() {
       return setIsNewRolePaneOpen(false);
     }
@@ -4991,7 +4986,6 @@ var MEMBER_FILTER = {
 };
 var DEFAULT_MEMBER_FILTER = MEMBER_FILTER.ACTIVE.value;
 var DEFAULT_RADIX = 10;
-var DEFAULT_PAGE_NUMBER = 1;
 var DEFAULT_IS_OPEN_VALUES = {
   menuBar: false,
   manageMember: false,
@@ -4999,7 +4993,7 @@ var DEFAULT_IS_OPEN_VALUES = {
 };
 var URL_CATEGORY_FILTER_VALUE = (_URLSearchParams$get = new URLSearchParams(window.location.search).get("filter")) === null || _URLSearchParams$get === void 0 ? void 0 : _URLSearchParams$get.toUpperCase();
 var DEFAULT_FILTER_VALUES = {
-  page: clamp(1, Infinity, parseInt(URL_PARAMS.get("page"))) || DEFAULT_PAGE_NUMBER,
+  page: clamp(1, Infinity, parseInt(URL_PARAMS.get("page"))) || DEFAULT_PAGE_INDEX,
   results: clamp(10, 100, parseInt(URL_PARAMS.get("results"))) || DEFAULT_PAGE_SIZE,
   category: URL_CATEGORY_FILTER_VALUE || DEFAULT_MEMBER_FILTER,
   search: "",
@@ -5885,7 +5879,7 @@ var useFilters = function useFilters(_ref) {
         var value = _ref2.target.value;
         return setFilters(mergeLeft({
           search: value,
-          page: DEFAULT_PAGE_NUMBER
+          page: DEFAULT_PAGE_INDEX
         }));
       },
       placeholder: t("neetoTeamMembers.common.search_", {
@@ -6348,7 +6342,7 @@ var useTeams = function useTeams(_ref) {
   var handleMemberFilterChange = function handleMemberFilterChange(filter) {
     setFilters(assoc("category", filter));
     clearSelectedMembers(filters.category, filter) && setSelectedRows(DEFAULT_SELECTED_ROWS);
-    handlePageChange(setFilters, filter)(DEFAULT_PAGE_NUMBER, filters.results);
+    handlePageChange(setFilters, filter)(DEFAULT_PAGE_INDEX, filters.results);
   };
   var handleTableChange = function handleTableChange(_, __, sorter) {
     setFilters(mergeLeft({
@@ -7092,15 +7086,14 @@ var FORM_PAGES = {
 };
 var OWNER_CANT_CHANGE_USER_EMAIL_KB_ARTICLE_URL = "https://neetoauthhelp.neetokb.com/articles/owner-cant-change-other-users-email";
 
-var MultipleEmailInput = function MultipleEmailInput(_ref) {
+var MultipleEmailInput = withT(function (_ref) {
   var _head;
-  var _ref$emails = _ref.emails,
+  var t = _ref.t,
+    _ref$emails = _ref.emails,
     emails = _ref$emails === void 0 ? [] : _ref$emails,
     innerRef = _ref.innerRef,
     _ref$selectedMember = _ref.selectedMember,
     selectedMember = _ref$selectedMember === void 0 ? null : _ref$selectedMember;
-  var _useTranslation = useTranslation(),
-    t = _useTranslation.t;
   return /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-w-full"
   }, selectedMember ? /*#__PURE__*/React.createElement(Input, {
@@ -7131,7 +7124,7 @@ var MultipleEmailInput = function MultipleEmailInput(_ref) {
     placeholder: t("neetoTeamMembers.placeholders.email"),
     ref: innerRef
   }));
-};
+});
 
 var NameInputs = function NameInputs(_ref) {
   var innerRef = _ref.innerRef;
@@ -7368,13 +7361,13 @@ var ManageMember = function ManageMember(_ref) {
           innerRef: inputReference
         }), /*#__PURE__*/React.createElement(MultipleEmailInput, {
           emails: emails,
-          innerRef: inputReference,
-          selectedMember: selectedMember
+          selectedMember: selectedMember,
+          innerRef: inputReference
         }), /*#__PURE__*/React.createElement(RolesRadioGroup, {
           config: config,
           globalRoles: globalRoles,
-          isEdit: !!selectedMember,
           role: role,
+          isEdit: !!selectedMember,
           roles: filteredRoles
         }));
       case FORM_PAGES.APP_LIST:
@@ -7585,11 +7578,11 @@ var TeamMembers = function TeamMembers(_ref) {
   var handleNeetoFilterChange = function handleNeetoFilterChange(filters) {
     setFilters(mergeLeft({
       neetoFilters: filters,
-      page: DEFAULT_PAGE_NUMBER
+      page: DEFAULT_PAGE_INDEX
     }));
     clearSelectedMembers(filters.category, filters) && setSelectedRows(DEFAULT_SELECTED_ROWS);
     addUrlSearchParams(history, {
-      page: DEFAULT_PAGE_NUMBER.toString()
+      page: DEFAULT_PAGE_INDEX.toString()
     });
   };
   if (isRolesLoading || isMembersLoading) {
@@ -7604,23 +7597,23 @@ var TeamMembers = function TeamMembers(_ref) {
   }, /*#__PURE__*/React.createElement(Menu, {
     filterCounts: team === null || team === void 0 ? void 0 : team.perCategoryCount,
     handleMemberFilterChange: handleMemberFilterChange,
+    metaName: metaName,
     isMenuOpen: isOpen.menuBar,
-    memberFilter: filters.category,
-    metaName: metaName
+    memberFilter: filters.category
   }), /*#__PURE__*/React.createElement(Container, null, /*#__PURE__*/React.createElement(Header$1, {
     config: config,
-    filterCategory: filters.category,
     metaName: metaName,
     searchProps: searchProps,
-    setIsOpen: setIsOpen
+    setIsOpen: setIsOpen,
+    filterCategory: filters.category
   }), /*#__PURE__*/React.createElement(SubHeaderMolecule, {
     leftActionBlock: /*#__PURE__*/React.createElement(SubHeader.Left, {
-      config: config,
       filteredCount: team === null || team === void 0 ? void 0 : team.membersCount,
+      config: config,
       metaName: metaName,
-      roles: filteredRoles,
       selectedRows: selectedRows,
-      setSelectedRows: setSelectedRows
+      setSelectedRows: setSelectedRows,
+      roles: filteredRoles
     }),
     rightActionBlock: /*#__PURE__*/React.createElement(SubHeader.Right, {
       columns: columns,
@@ -7672,8 +7665,8 @@ var TeamMembers = function TeamMembers(_ref) {
       isOpen: isOpen.manageMember
     },
     config: config,
-    roles: filteredRoles,
     selectedMember: selectedMember,
+    roles: filteredRoles,
     onComplete: handleModalClose
   }), /*#__PURE__*/React.createElement(Alert, {
     cancelButtonLabel: t("neetoTeamMembers.buttons.cancel"),