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

package/dist/index.js

@@ -2,8 +2,8 @@ import { globalProps } from '@bigbinary/neeto-commons-frontend/initializers';
 import React, { useRef, useEffect, useMemo, Fragment, memo, useCallback, useState, useLayoutEffect } from 'react';
 import i18next, { t as t$1, exists } from 'i18next';
 import { PLURAL, SINGULAR, DEFAULT_PAGE_INDEX } from '@bigbinary/neeto-commons-frontend/constants';
-import { noop, findById, isNotEmpty, isPresent, replaceById, keysToSnakeCase, capitalize, notEquals, toLabelAndValue, findBy, _findBy, filterBy, slugify } from '@bigbinary/neeto-commons-frontend/pure';
-import { withTitle, useDebounce, withT, useUpdateEffect } from '@bigbinary/neeto-commons-frontend/react-utils';
+import { noop, findById, isNotEmpty, isPresent, replaceById, keysToSnakeCase, capitalize, notEquals, toLabelAndValue, findBy, _findBy, filterBy, slugify, removeBy } from '@bigbinary/neeto-commons-frontend/pure';
+import { withTitle, useDebounce, withT } from '@bigbinary/neeto-commons-frontend/react-utils';
 import Container from '@bigbinary/neeto-molecules/Container';
 import PageLoader from '@bigbinary/neeto-molecules/PageLoader';
 import { is, append, equals, prop, concat, groupBy, pluck, map, identical, modify, includes, __, isEmpty, filter, identity, clamp, curry, mergeLeft, toLower, isNil, assoc, trim, not, move, head, reverse, keys } from 'ramda';
@@ -5007,6 +5007,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.');
@@ -5832,6 +5833,13 @@ var getFilteredRoles = function getFilteredRoles() {
   var config = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return 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; }
@@ -6700,25 +6708,27 @@ var Left = function Left(_ref) {
     }
   }));
 };
-var Right = function Right(_ref2) {
-  var columns = _ref2.columns,
-    setColumnData = _ref2.setColumnData,
+var Right = 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 = useTranslation(),
-    t = _useTranslation2.t;
   return /*#__PURE__*/React.createElement(SubHeaderMolecule.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,
@@ -6727,7 +6737,7 @@ var Right = function Right(_ref2) {
       onChange: handleNeetoFilterChange
     }
   });
-};
+});
 var SubHeader = {
   Left: Left,
   Right: Right
@@ -7481,20 +7491,11 @@ var TeamMembers = function TeamMembers(_ref) {
   var isViewPermissionGranted = config.permissions.view;
   var isCreatePermissionGranted = config.permissions.create;
   var metaName = useCallback(getMetaName((config === null || config === void 0 ? void 0 : config.metaName) || "member"), [config === null || config === void 0 ? void 0 : config.metaName]);
-  var _useState = useState([]),
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
-    columnData = _useState2[0],
-    setColumnData = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isFiltersPaneOpen = _useState4[0],
-    setIsFiltersPaneOpen = _useState4[1];
+    isFiltersPaneOpen = _useState2[0],
+    setIsFiltersPaneOpen = _useState2[1];
   useEffect(function () {
-    if (!localStorage.getItem("TEAM_MEMBERS_TABLE_HIDDEN_COLUMNS")) {
-      localStorage.setItem("TEAM_MEMBERS_TABLE_HIDDEN_COLUMNS", JSON.stringify(["inviteStatus"]));
-    }
-  }, []);
-  useUpdateEffect(function () {
     if (isEmpty(location.search)) return;
     var category = new URLSearchParams(location.search).get("filter");
     if (isNil(category)) return;
@@ -7577,6 +7578,13 @@ 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 handleNeetoFilterChange = function handleNeetoFilterChange(filters) {
     setFilters(mergeLeft({
       neetoFilters: filters,
@@ -7622,7 +7630,7 @@ var TeamMembers = function TeamMembers(_ref) {
       filterColumns: filterColumns,
       handleNeetoFilterChange: handleNeetoFilterChange,
       isFiltersPaneOpen: isFiltersPaneOpen,
-      setColumnData: setColumnData,
+      setHiddenColumns: setHiddenColumns,
       setIsFiltersPaneOpen: setIsFiltersPaneOpen
     })
   }), /*#__PURE__*/React.createElement(Bar, {
@@ -7635,7 +7643,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,