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

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');
@@ -5160,6 +5160,7 @@ var getDefaultColumns = function getDefaultColumns(_ref5) {
   return [{
     dataIndex: "name",
     key: "name",
+    width: 300,
     fixed: neetoCist.isNotEmpty(otherColumns),
     render: function render(_, tableData) {
       return renderNameColumn({
@@ -5171,18 +5172,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)
   }];
 };
@@ -5859,7 +5861,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 +5873,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: {
@@ -6739,13 +6737,9 @@ var TeamMembers = function TeamMembers(_ref) {
   }, [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 +6793,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 +6803,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"