@bigbinary/neeto-team-members-frontend 2.5.12 → 2.5.13

package/README.md

@@ -12,13 +12,13 @@ functioning of the package. Install all the peer dependencies using the below
 command:
 
     ```zsh
-    yarn add @bigbinary/neeto-commons-frontend@2.0.32 @bigbinary/neeto-icons@1.9.10 @bigbinary/neetoui@4.2.9 @honeybadger-io/js@5.0.0 @honeybadger-io/react@5.0.0 axios@1.3.2 classnames@2.3.2 formik@2.2.9 ramda@0.28.0 react-helmet@6.1.0 react-query@3.39.3 react-router-dom@5.3.4 react-toastify@8.2.0 yup@1.0.0
+    yarn add @bigbinary/neeto-commons-frontend@2.0.34 @bigbinary/neeto-icons@1.9.10 @bigbinary/neetoui@4.3.1 @honeybadger-io/js@5.1.1 @honeybadger-io/react@5.1.2 axios@1.3.3 classnames@2.3.2 formik@2.2.9 ramda@0.28.0 react-helmet@6.1.0 react-query@3.39.3 react-router-dom@5.3.4 react-toastify@8.2.0 yup@1.0.0
     ```
 
 2. Now install the latest **neetoTeamMembers** package using the below command:
 
     ```zsh
-    yarn add @bigbinary/neeto-team-members-frontend@2.5.12
+    yarn add @bigbinary/neeto-team-members-frontend@2.5.13
     ```
 
 ## Usage

package/dist/index.cjs.js

@@ -8747,7 +8747,7 @@ const MEMBER_FILTER = {
 const DEFAULT_RADIX = 10;
 const DEFAULT_MEMBER_FILTER = MEMBER_FILTER.ACTIVE.value;
 const DEFAULT_PAGE_NUMBER = 1;
-const DEFAULT_PAGE_SIZE = 50;
+const DEFAULT_PAGE_SIZE = 45;
 const DROPDOWN_BUTTON_PROPS = {
   "data-cy": "ntm-members-table-row-dropdown-button",
   size: "medium"
@@ -8760,7 +8760,7 @@ const DEFAULT_IS_OPEN_VALUES = {
 const URL_CATEGORY_FILTER_VALUE = (_URLSearchParams$get = new URLSearchParams(window.location.search).get("filter")) === null || _URLSearchParams$get === void 0 ? void 0 : _URLSearchParams$get.toUpperCase();
 const DEFAULT_FILTER_VALUES = {
   page: ramda.clamp(1, Infinity, parseInt(URL_PARAMS.get("page"))) || DEFAULT_PAGE_NUMBER,
-  results: ramda.clamp(10, 500, parseInt(URL_PARAMS.get("results"))) || DEFAULT_PAGE_SIZE,
+  results: ramda.clamp(10, 100, parseInt(URL_PARAMS.get("results"))) || DEFAULT_PAGE_SIZE,
   category: URL_CATEGORY_FILTER_VALUE || DEFAULT_MEMBER_FILTER,
   search: "",
   sortBy: "",
@@ -10509,18 +10509,18 @@ const TeamMembers = _ref => {
     memberFilter: filters.category,
     metaName: metaName
   }), /*#__PURE__*/React__default["default"].createElement(layouts.Container, null, /*#__PURE__*/React__default["default"].createElement(layouts.Header, _extends({
-    title: renderHeaderTitle(MEMBER_FILTER[filters.category].value, metaName),
-    menuBarToggle: () => setIsOpen(state => _objectSpread(_objectSpread({}, state), {}, {
-      menuBar: !state.menuBar
-    })),
     searchProps: searchProps,
     actionBlock: /*#__PURE__*/React__default["default"].createElement(Header, {
       config: config,
       metaName: metaName,
-      onClick: () => setIsOpen(ramda.assoc("manageMember", true)),
       permissions: config === null || config === void 0 ? void 0 : config.permissions,
-      rolesButtonProps: config.rolesButtonProps
-    })
+      rolesButtonProps: config.rolesButtonProps,
+      onClick: () => setIsOpen(ramda.assoc("manageMember", true))
+    }),
+    menuBarToggle: () => setIsOpen(state => _objectSpread(_objectSpread({}, state), {}, {
+      menuBar: !state.menuBar
+    })),
+    title: renderHeaderTitle(MEMBER_FILTER[filters.category].value, metaName)
   }, config === null || config === void 0 ? void 0 : (_config$header = config.header) === null || _config$header === void 0 ? void 0 : _config$header.otherProps)), /*#__PURE__*/React__default["default"].createElement(layouts.SubHeader, {
     leftActionBlock: /*#__PURE__*/React__default["default"].createElement(SubHeader.Left, {
       config: config,
@@ -10533,16 +10533,16 @@ const TeamMembers = _ref => {
     }),
     rightActionBlock: /*#__PURE__*/React__default["default"].createElement(SubHeader.Right, {
       columns: columns,
-      setColumnData: setColumnData,
       filterColumns: filterColumns,
       handleNeetoFilterChange: handleNeetoFilterChange,
-      setIsFiltersPaneOpen: setIsFiltersPaneOpen,
-      isFiltersPaneOpen: isFiltersPaneOpen
+      isFiltersPaneOpen: isFiltersPaneOpen,
+      setColumnData: setColumnData,
+      setIsFiltersPaneOpen: setIsFiltersPaneOpen
     })
   }), /*#__PURE__*/React__default["default"].createElement(rt, {
     columns: filterColumns,
-    onChange: handleNeetoFilterChange,
-    setIsPaneOpen: setIsFiltersPaneOpen
+    setIsPaneOpen: setIsFiltersPaneOpen,
+    onChange: handleNeetoFilterChange
   }), (team === null || team === void 0 ? void 0 : team.membersCount) !== 0 ? /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ntm-members__table-wrapper"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.Table, {
@@ -10552,21 +10552,17 @@ const TeamMembers = _ref => {
     columnData: columnData,
     currentPageNumber: parseInt(filters.page, DEFAULT_RADIX),
     "data-cy": "ntm-members-table",
-    defaultPageSize: parseInt(filters.results, DEFAULT_RADIX),
-    handlePageChange: handlePageChange(setFilters, filters.category),
     loading: isMembersFetching,
-    onChange: handleTableChange,
-    onRowSelect: handleRowSelect,
     paginationProps: renderPaginationProps(filters.results),
     rowData: team === null || team === void 0 ? void 0 : team.members,
     selectedRowKeys: selectedRows.keys,
-    totalCount: team === null || team === void 0 ? void 0 : team.membersCount
+    totalCount: team === null || team === void 0 ? void 0 : team.membersCount,
+    handlePageChange: handlePageChange(setFilters, filters.category),
+    onChange: handleTableChange,
+    onRowSelect: handleRowSelect
   })) : /*#__PURE__*/React__default["default"].createElement("div", {
     className: "ntm-empty-state"
   }, /*#__PURE__*/React__default["default"].createElement(neetoui.NoData, {
-    title: instance.t("common.notFound_", {
-      what: metaName(PLURAL).toLocaleLowerCase()
-    }),
     primaryButtonProps: {
       "data-cy": "ntm-add-member-button",
       disabled: !hasCreatePermission,
@@ -10574,24 +10570,27 @@ const TeamMembers = _ref => {
         what: metaName(SINGULAR).toLocaleLowerCase()
       }),
       onClick: () => setIsOpen(ramda.assoc("manageMember", true))
-    }
+    },
+    title: instance.t("common.notFound_", {
+      what: metaName(PLURAL).toLocaleLowerCase()
+    })
   }))), /*#__PURE__*/React__default["default"].createElement(ManageMember, {
     config: config,
-    onComplete: handleModalClose,
     roles: filteredRoles,
     selectedMember: selectedMember,
     componentConfig: {
       isOpen: isOpen.manageMember
-    }
+    },
+    onComplete: handleModalClose
   }), /*#__PURE__*/React__default["default"].createElement(neetoui.Alert, {
+    cancelButtonLabel: instance.t("buttons.cancel"),
     isOpen: isOpen.alert,
-    title: renderUpdateAlert("title", updateMemberAlertProps),
+    isSubmitting: isUpdatingMember,
     message: renderUpdateAlert("message", updateMemberAlertProps),
     submitButtonLabel: instance.t("buttons.proceed"),
-    cancelButtonLabel: instance.t("buttons.cancel"),
+    title: renderUpdateAlert("title", updateMemberAlertProps),
     onClose: handleAlertClose,
-    onSubmit: handleUpdateMember,
-    isSubmitting: isUpdatingMember
+    onSubmit: handleUpdateMember
   })));
 };
 TeamMembers.defaultProps = {