@bigbinary/neeto-team-members-frontend 2.8.18 → 2.8.19

package/dist/index.cjs.js

@@ -5043,6 +5043,7 @@ var DEFAULT_SELECTED_ROWS = {
   keys: [],
   displayNames: []
 };
+var TEAM_MEMBERS_HIDDEN_COLUMNS = "TEAM_MEMBERS_TABLE_HIDDEN_COLUMNS";
 
 function commonjsRequire(path) {
 	throw new Error('Could not dynamically require "' + path + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
@@ -5868,6 +5869,13 @@ var getFilteredRoles = function getFilteredRoles() {
   var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return ramda.filter(removeExcludedRole(config === null || config === void 0 ? void 0 : config.excludedRoles), roles);
 };
+var getFromLocalStorage = function getFromLocalStorage(key) {
+  try {
+    return JSON.parse(localStorage.getItem(key));
+  } catch (_unused) {
+    return null;
+  }
+};
 
 function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -6736,25 +6744,27 @@ var Left = function Left(_ref) {
     }
   }));
 };
-var Right = function Right(_ref2) {
-  var columns = _ref2.columns,
-    setColumnData = _ref2.setColumnData,
+var Right = reactUtils.withT(function (_ref2) {
+  var t = _ref2.t,
+    columns = _ref2.columns,
+    setHiddenColumns = _ref2.setHiddenColumns,
     filterColumns = _ref2.filterColumns,
     handleNeetoFilterChange = _ref2.handleNeetoFilterChange,
     setIsFiltersPaneOpen = _ref2.setIsFiltersPaneOpen,
     isFiltersPaneOpen = _ref2.isFiltersPaneOpen;
-  var _useTranslation2 = reactI18next.useTranslation(),
-    t = _useTranslation2.t;
   return /*#__PURE__*/React__default["default"].createElement(SubHeaderMolecule__default["default"].RightBlock, {
     columnsButtonProps: {
       columnData: columns,
       fixedColumns: FIXED_COLUMNS,
-      localStorageKey: "TEAM_MEMBERS_TABLE_HIDDEN_COLUMNS",
+      localStorageKey: TEAM_MEMBERS_HIDDEN_COLUMNS,
       noColumnMessage: t("neetoTeamMembers.columns.noColumnsFound"),
       searchProps: {
         placeholder: t("neetoTeamMembers.columns.search")
       },
-      onChange: setColumnData
+      onChange: function onChange(_, hiddenColumns) {
+        return setHiddenColumns(hiddenColumns);
+      },
+      initialValue: ["inviteStatus"]
     },
     filterProps: {
       columns: filterColumns,
@@ -6763,7 +6773,7 @@ var Right = function Right(_ref2) {
       onChange: handleNeetoFilterChange
     }
   });
-};
+});
 var SubHeader = {
   Left: Left,
   Right: Right
@@ -7517,20 +7527,11 @@ var TeamMembers = function TeamMembers(_ref) {
   var isViewPermissionGranted = config.permissions.view;
   var isCreatePermissionGranted = config.permissions.create;
   var metaName = React.useCallback(getMetaName((config === null || config === void 0 ? void 0 : config.metaName) || "member"), [config === null || config === void 0 ? void 0 : config.metaName]);
-  var _useState = React.useState([]),
+  var _useState = React.useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    columnData = _useState2[0],
-    setColumnData = _useState2[1];
-  var _useState3 = React.useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isFiltersPaneOpen = _useState4[0],
-    setIsFiltersPaneOpen = _useState4[1];
+    isFiltersPaneOpen = _useState2[0],
+    setIsFiltersPaneOpen = _useState2[1];
   React.useEffect(function () {
-    if (!localStorage.getItem("TEAM_MEMBERS_TABLE_HIDDEN_COLUMNS")) {
-      localStorage.setItem("TEAM_MEMBERS_TABLE_HIDDEN_COLUMNS", JSON.stringify(["inviteStatus"]));
-    }
-  }, []);
-  reactUtils.useUpdateEffect(function () {
     if (ramda.isEmpty(location.search)) return;
     var category = new URLSearchParams(location.search).get("filter");
     if (ramda.isNil(category)) return;
@@ -7613,6 +7614,13 @@ var TeamMembers = function TeamMembers(_ref) {
   }, [filters.category] // eslint-disable-line react-hooks/exhaustive-deps
   );
 
+  var _useState3 = React.useState(getFromLocalStorage(TEAM_MEMBERS_HIDDEN_COLUMNS) || []),
+    _useState4 = _slicedToArray(_useState3, 2),
+    hiddenColumns = _useState4[0],
+    setHiddenColumns = _useState4[1];
+  var visibleColumns = pure.removeBy({
+    dataIndex: ramda.includes(ramda.__, hiddenColumns)
+  }, columns);
   var handleNeetoFilterChange = function handleNeetoFilterChange(filters) {
     setFilters(ramda.mergeLeft({
       neetoFilters: filters,
@@ -7658,7 +7666,7 @@ var TeamMembers = function TeamMembers(_ref) {
       filterColumns: filterColumns,
       handleNeetoFilterChange: handleNeetoFilterChange,
       isFiltersPaneOpen: isFiltersPaneOpen,
-      setColumnData: setColumnData,
+      setHiddenColumns: setHiddenColumns,
       setIsFiltersPaneOpen: setIsFiltersPaneOpen
     })
   }), /*#__PURE__*/React__default["default"].createElement(neetoFiltersFrontend.Bar, {
@@ -7671,7 +7679,7 @@ var TeamMembers = function TeamMembers(_ref) {
     fixedHeight: true,
     rowSelection: true,
     allowRowClick: false,
-    columnData: columnData,
+    columnData: visibleColumns,
     currentPageNumber: parseInt(filters.page, DEFAULT_RADIX),
     "data-cy": "ntm-members-table",
     loading: isMembersFetching,