UIU-3105: hide permissionSets from settings/users navigation pane if roles interface is present

CHANGELOG.md

@@ -14,7 +14,8 @@
 * Show Roles assigned to users. Refs UIU-3110.
 * Add edit user roles accordion on edit role modal view. Refs UIU-3021.
 * Wire up with API ability to assign/unassign user roles in UserForm. Refs UIU-3124.
-* Fix filter issues in user roles modal. Refs UIU-3124.     
+* Fix filter issues in user roles modal. Refs UIU-3124.
+* Suppress Settings > Users > Permission sets when `roles` interface is present. Refs UIU-3105.     
 
 ## [10.1.0](https://github.com/folio-org/ui-users/tree/v10.1.0) (2024-03-20)
 [Full Changelog](https://github.com/folio-org/ui-users/compare/v10.0.4...v10.1.0)

src/settings/SettingsComponent.test.js

@@ -0,0 +1,34 @@
+import { cleanup, render } from '@folio/jest-config-stripes/testing-library/react';
+import { useStripes } from '@folio/stripes/core';
+import Settings from './index';
+
+jest.mock('@folio/stripes/core', () => ({
+  ...jest.requireActual('@folio/stripes/core'),
+  useStripes: jest.fn(),
+}));
+
+jest.mock('./components/SettingsPage', () => () => <div>Settings page</div>);
+
+const renderSettings = (props) => render(<Settings {...props}>Settings content</Settings>);
+
+describe('Settings component', () => {
+  afterAll(() => {
+    cleanup();
+    jest.clearAllMocks();
+  });
+  it('renders with roles interface', () => {
+    useStripes.mockClear().mockReturnValue({ hasInterface: () => true });
+    const { getByText } = renderSettings({ match:{ path: '' } });
+
+    expect(getByText('Settings content')).toBeInTheDocument();
+  });
+
+  it('renders with NO roles interface', () => {
+    useStripes.mockClear().mockReturnValue({ hasInterface: () => false });
+    const { getByText } = renderSettings({ match:{ path: '' } });
+
+    expect(getByText('Settings content')).toBeInTheDocument();
+  });
+});
+
+

src/settings/index.js

@@ -1,15 +1,24 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 
+import { useStripes } from '@folio/stripes/core';
 import sections from './sections';
 import SettingsPage from './components/SettingsPage';
 
 const Settings = ({ children, match }) => {
   const { path } = match;
+  const stripes = useStripes();
+
+  const [settingsGeneral, ...otherSections] = sections;
+
+  const getSettingSections = () => {
+    if (!stripes.hasInterface('roles')) return sections;
+    return [{ ...settingsGeneral, pages:settingsGeneral.pages.filter(page => page.route !== 'perms') }, ...otherSections];
+  };
 
   return (
     <>
-      <SettingsPage path={path} sections={sections} />
+      <SettingsPage path={path} sections={getSettingSections()} />
       {children}
     </>
   );