@bigbinary/neeto-team-members-frontend 2.11.2 → 2.11.4

package/dist/index.js

@@ -1,7 +1,7 @@
 import { globalProps, taxonomies } from '@bigbinary/neeto-commons-frontend/initializers';
 import React, { useRef, useEffect, useMemo, Fragment, memo, useCallback, useState } from 'react';
 import i18next, { t as t$1 } from 'i18next';
-import { noop, findById, isNotEmpty, isPresent, _findBy, replaceById, keysToSnakeCase, notEquals, toLabelAndValue, findBy, filterBy, slugify, removeBy } from '@bigbinary/neeto-cist';
+import { noop, findById, isNotEmpty, isPresent, _findBy, replaceById, keysToSnakeCase, notEquals, toLabelAndValue, findBy, filterBy, slugify } from '@bigbinary/neeto-cist';
 import { DEFAULT_STALE_TIME, PLURAL, SINGULAR, DEFAULT_PAGE_INDEX, DEFAULT_PAGE_SIZE } from '@bigbinary/neeto-commons-frontend/constants';
 import { withTitle, useQueryParams, useFuncDebounce, useDebounce, withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Container from '@bigbinary/neeto-molecules/Container';
@@ -20,8 +20,8 @@ import * as yup from 'yup';
 import { object, string } from 'yup';
 import classnames from 'classnames';
 import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
-import { getFromLocalStorage } from '@bigbinary/neeto-commons-frontend/utils';
 import { buildFiltersFromURL, Bar } from '@bigbinary/neeto-filters-frontend';
+import { useHiddenColumns } from '@bigbinary/neeto-molecules/Columns';
 import SubHeaderMolecule from '@bigbinary/neeto-molecules/SubHeader';
 import TableWrapper from '@bigbinary/neeto-molecules/TableWrapper';
 import { useHistory, useLocation } from 'react-router-dom';
@@ -5123,6 +5123,7 @@ var getDefaultColumns = function getDefaultColumns(_ref5) {
   return [{
     dataIndex: "name",
     key: "name",
+    width: 300,
     fixed: isNotEmpty(otherColumns),
     render: function render(_, tableData) {
       return renderNameColumn({
@@ -5134,18 +5135,19 @@ var getDefaultColumns = function getDefaultColumns(_ref5) {
       });
     },
     sorter: true,
-    title: i18next.t("neetoTeamMembers.common.name")
+    title: i18next.t("neetoTeamMembers.common.name"),
+    isHidable: false
   }, {
     dataIndex: "email",
     key: "email",
     sorter: true,
-    width: "350px",
+    width: 350,
     title: i18next.t("neetoTeamMembers.common.email", SINGULAR)
   }, {
     dataIndex: "role",
     key: "organization_role",
     sorter: true,
-    width: "200px",
+    width: 200,
     title: i18next.t("neetoTeamMembers.common.role", SINGULAR)
   }];
 };
@@ -5822,7 +5824,6 @@ var Left = function Left(_ref) {
 var Right = withT(function (_ref3) {
   var t = _ref3.t,
     columns = _ref3.columns,
-    setHiddenColumns = _ref3.setHiddenColumns,
     filterColumns = _ref3.filterColumns,
     handleNeetoFilterChange = _ref3.handleNeetoFilterChange,
     setIsFiltersPaneOpen = _ref3.setIsFiltersPaneOpen,
@@ -5835,9 +5836,6 @@ var Right = withT(function (_ref3) {
       noColumnMessage: t("neetoTeamMembers.columns.noColumnsFound"),
       searchProps: {
         placeholder: t("neetoTeamMembers.columns.search")
-      },
-      onChange: function onChange(_, hiddenColumns) {
-        return setHiddenColumns(hiddenColumns);
       }
     },
     filterProps: {
@@ -5946,7 +5944,7 @@ var AppList = function AppList(_ref) {
     var appName = _ref2.appName,
       isEnabled = _ref2.isEnabled;
     var isCurrentApp = appName === ((_globalProps$appName2 = globalProps.appName) === null || _globalProps$appName2 === void 0 ? void 0 : _globalProps$appName2.substring(5));
-    var isAppRoleSelectionChecked = isCurrentApp || isEnabled && isAppListEnabled;
+    var isAppRoleSelectionChecked = isCurrentApp || isEnabled;
     return /*#__PURE__*/React.createElement("div", {
       className: "ntm-manage-members__app-roles",
       key: appName
@@ -5956,7 +5954,7 @@ var AppList = function AppList(_ref) {
       position: "left"
     }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement(Switch, {
       checked: isAppRoleSelectionChecked,
-      disabled: isCurrentApp || !isAppListEnabled,
+      disabled: isCurrentApp,
       name: "appsRoles[".concat(index, "].isEnabled"),
       label: t("neetoTeamMembers.labels.neeto_", {
         product: appName
@@ -6702,13 +6700,9 @@ var TeamMembers = function TeamMembers(_ref) {
   }, [filters.category] // eslint-disable-line react-hooks/exhaustive-deps
   );
 
-  var _useState3 = useState(getFromLocalStorage(TEAM_MEMBERS_HIDDEN_COLUMNS) || []),
-    _useState4 = _slicedToArray(_useState3, 2),
-    hiddenColumns = _useState4[0],
-    setHiddenColumns = _useState4[1];
-  var visibleColumns = removeBy({
-    dataIndex: includes(__, hiddenColumns)
-  }, columns);
+  var _useHiddenColumns = useHiddenColumns(TEAM_MEMBERS_HIDDEN_COLUMNS),
+    hideColumn = _useHiddenColumns.hideColumn,
+    getVisibleColumnData = _useHiddenColumns.getVisibleColumnData;
   var handleNeetoFilterChange = function handleNeetoFilterChange(filters) {
     setFilters(mergeLeft({
       neetoFilters: filters,
@@ -6762,7 +6756,6 @@ var TeamMembers = function TeamMembers(_ref) {
       filterColumns: filterColumns,
       handleNeetoFilterChange: handleNeetoFilterChange,
       isFiltersPaneOpen: isFiltersPaneOpen,
-      setHiddenColumns: setHiddenColumns,
       setIsFiltersPaneOpen: setIsFiltersPaneOpen
     })
   }), /*#__PURE__*/React.createElement(Bar, {
@@ -6773,18 +6766,24 @@ var TeamMembers = function TeamMembers(_ref) {
     hasPagination: (team === null || team === void 0 ? void 0 : team.membersCount) > filters.pageSize
   }, (team === null || team === void 0 ? void 0 : team.membersCount) !== 0 ? /*#__PURE__*/React.createElement(Table$1, {
     fixedHeight: true,
-    rowSelection: true,
     allowRowClick: false,
-    columnData: visibleColumns,
+    columnData: getVisibleColumnData(columns),
     currentPageNumber: parseInt(filters.page, DEFAULT_RADIX),
     "data-cy": "ntm-members-table",
     loading: isMembersFetching,
     paginationProps: renderPaginationProps(filters.pageSize),
     rowData: team === null || team === void 0 ? void 0 : team.members,
+    rowSelection: {
+      columnWidth: "2%"
+    },
     selectedRowKeys: selectedRows.keys,
     totalCount: team === null || team === void 0 ? void 0 : team.membersCount,
     handlePageChange: handlePageChange(setFilters, filters.category),
     onChange: handleTableChange,
+    onColumnHide: function onColumnHide(_ref2) {
+      var dataIndex = _ref2.dataIndex;
+      return hideColumn(dataIndex);
+    },
     onRowSelect: handleRowSelect
   }) : /*#__PURE__*/React.createElement("div", {
     className: "flex h-full w-full items-center justify-center"