@bigbinary/neeto-team-members-frontend 2.11.3 → 2.11.5

package/dist/index.cjs.js

@@ -23,8 +23,8 @@ var formik = require('formik');
 var yup = require('yup');
 var classnames = require('classnames');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
-var utils$3 = require('@bigbinary/neeto-commons-frontend/utils');
 var neetoFiltersFrontend = require('@bigbinary/neeto-filters-frontend');
+var Columns$1 = require('@bigbinary/neeto-molecules/Columns');
 var SubHeaderMolecule = require('@bigbinary/neeto-molecules/SubHeader');
 var TableWrapper = require('@bigbinary/neeto-molecules/TableWrapper');
 var reactRouterDom = require('react-router-dom');
@@ -5156,11 +5156,13 @@ var getDefaultColumns = function getDefaultColumns(_ref5) {
     displayStatusTag = _ref5.displayStatusTag,
     handleUpdateRole = _ref5.handleUpdateRole,
     handleUpdateStatus = _ref5.handleUpdateStatus,
-    otherColumns = _ref5.otherColumns;
+    otherColumns = _ref5.otherColumns,
+    isSize = _ref5.isSize;
   return [{
     dataIndex: "name",
     key: "name",
-    fixed: neetoCist.isNotEmpty(otherColumns),
+    width: 300,
+    fixed: neetoCist.isNotEmpty(otherColumns) && !isSize("mobile"),
     render: function render(_, tableData) {
       return renderNameColumn({
         config: config,
@@ -5171,18 +5173,19 @@ var getDefaultColumns = function getDefaultColumns(_ref5) {
       });
     },
     sorter: true,
-    title: i18next__default["default"].t("neetoTeamMembers.common.name")
+    title: i18next__default["default"].t("neetoTeamMembers.common.name"),
+    isHidable: false
   }, {
     dataIndex: "email",
     key: "email",
     sorter: true,
-    width: "350px",
+    width: 350,
     title: i18next__default["default"].t("neetoTeamMembers.common.email", constants.SINGULAR)
   }, {
     dataIndex: "role",
     key: "organization_role",
     sorter: true,
-    width: "200px",
+    width: 200,
     title: i18next__default["default"].t("neetoTeamMembers.common.role", constants.SINGULAR)
   }];
 };
@@ -5203,7 +5206,8 @@ var getColumnData = function getColumnData(_ref7) {
   var config = _ref7.config,
     handleUpdateRole = _ref7.handleUpdateRole,
     handleUpdateStatus = _ref7.handleUpdateStatus,
-    memberFilter = _ref7.memberFilter;
+    memberFilter = _ref7.memberFilter,
+    isSize = _ref7.isSize;
   var displayStatusTag = ramda.identical(memberFilter, MEMBER_FILTER.ALL.value);
   var otherColumns = (_config$otherColumns = config === null || config === void 0 ? void 0 : config.otherColumns) !== null && _config$otherColumns !== void 0 ? _config$otherColumns : [];
   var defaultColumns = getDefaultColumns({
@@ -5211,7 +5215,8 @@ var getColumnData = function getColumnData(_ref7) {
     displayStatusTag: displayStatusTag,
     handleUpdateRole: handleUpdateRole,
     handleUpdateStatus: handleUpdateStatus,
-    otherColumns: otherColumns
+    otherColumns: otherColumns,
+    isSize: isSize
   });
   var columns = defaultColumns.map(function (column) {
     var otherColumn = otherColumns.find(function (_ref8) {
@@ -5859,7 +5864,6 @@ var Left = function Left(_ref) {
 var Right = reactUtils.withT(function (_ref3) {
   var t = _ref3.t,
     columns = _ref3.columns,
-    setHiddenColumns = _ref3.setHiddenColumns,
     filterColumns = _ref3.filterColumns,
     handleNeetoFilterChange = _ref3.handleNeetoFilterChange,
     setIsFiltersPaneOpen = _ref3.setIsFiltersPaneOpen,
@@ -5872,9 +5876,6 @@ var Right = reactUtils.withT(function (_ref3) {
       noColumnMessage: t("neetoTeamMembers.columns.noColumnsFound"),
       searchProps: {
         placeholder: t("neetoTeamMembers.columns.search")
-      },
-      onChange: function onChange(_, hiddenColumns) {
-        return setHiddenColumns(hiddenColumns);
       }
     },
     filterProps: {
@@ -6651,6 +6652,8 @@ var TeamMembers = function TeamMembers(_ref) {
     t = _useTranslation.t;
   var history = reactRouterDom.useHistory();
   var location = reactRouterDom.useLocation();
+  var _useBreakpoints = reactUtils.useBreakpoints(),
+    isSize = _useBreakpoints.isSize;
   var isViewPermissionGranted = config.permissions.view;
   var isCreatePermissionGranted = config.permissions.create;
   var _useState = React.useState(false),
@@ -6734,18 +6737,15 @@ var TeamMembers = function TeamMembers(_ref) {
       config: config,
       handleUpdateRole: handleUpdateRole,
       handleUpdateStatus: handleUpdateStatus,
-      memberFilter: filters.category
+      memberFilter: filters.category,
+      isSize: isSize
     });
   }, [filters.category] // eslint-disable-line react-hooks/exhaustive-deps
   );
 
-  var _useState3 = React.useState(utils$3.getFromLocalStorage(TEAM_MEMBERS_HIDDEN_COLUMNS) || []),
-    _useState4 = _slicedToArray(_useState3, 2),
-    hiddenColumns = _useState4[0],
-    setHiddenColumns = _useState4[1];
-  var visibleColumns = neetoCist.removeBy({
-    dataIndex: ramda.includes(ramda.__, hiddenColumns)
-  }, columns);
+  var _useHiddenColumns = Columns$1.useHiddenColumns(TEAM_MEMBERS_HIDDEN_COLUMNS),
+    hideColumn = _useHiddenColumns.hideColumn,
+    getVisibleColumnData = _useHiddenColumns.getVisibleColumnData;
   var handleNeetoFilterChange = function handleNeetoFilterChange(filters) {
     setFilters(ramda.mergeLeft({
       neetoFilters: filters,
@@ -6799,7 +6799,6 @@ var TeamMembers = function TeamMembers(_ref) {
       filterColumns: filterColumns,
       handleNeetoFilterChange: handleNeetoFilterChange,
       isFiltersPaneOpen: isFiltersPaneOpen,
-      setHiddenColumns: setHiddenColumns,
       setIsFiltersPaneOpen: setIsFiltersPaneOpen
     })
   }), /*#__PURE__*/React__default["default"].createElement(neetoFiltersFrontend.Bar, {
@@ -6810,18 +6809,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__default["default"].createElement(neetoui.Table, {
     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__default["default"].createElement("div", {
     className: "flex h-full w-full items-center justify-center"