UIFC-475: Use NoPermissionMessage from stripes-leipzig-components (#370)

* UIFC-475-use-NoPermissionMessage

* UIFC-475-use-NoPermissionMessage remove dependency in tests to stripes-leipzig-components

---------

Co-authored-by: elsenhans <elsenhans@users.noreply.github.com>

Author: elsenhans

CHANGELOG.md

@@ -1,7 +1,7 @@
 # Change history for ui-finc-select
 
 ## IN PROGRESS
-
+* Use NoPermissionMessage from stripes-leipzig-components ([UIFC-475](https://folio-org.atlassian.net/browse/UIFC-475))
 
 ## [8.2.0](https://github.com/folio-org/ui-finc-select/tree/v8.2.0) (2026-04-20)
 * Use EditCard from stripes-leipzig-components ([UIFC-451](https://folio-org.atlassian.net/browse/UIFC-451))

src/components/DisplayUtils/NoPermissionsMessage.js

@@ -2,13 +2,13 @@ import _ from 'lodash';
 import PropTypes from 'prop-types';
 import React from 'react';
 
+import { NoPermissionMessage } from '@folio/stripes-leipzig-components';
 import { stripesConnect } from '@folio/stripes/core';
 import {
   makeQueryFunction,
   StripesConnectedSource,
 } from '@folio/stripes/smart-components';
 
-import NoPermissionsMessage from '../components/DisplayUtils/NoPermissionsMessage';
 import urls from '../components/DisplayUtils/urls';
 import filterConfig from '../components/MetadataCollections/filterConfigData';
 import MetadataCollections from '../components/MetadataCollections/MetadataCollections';
@@ -132,7 +132,7 @@ class CollectionsRoute extends React.Component {
     const hasPerms = stripes.hasPerm('ui-finc-select.view');
 
     if (!hasPerms) {
-      return <NoPermissionsMessage />;
+      return <NoPermissionMessage />;
     }
 
     if (this.collection) {

src/routes/CollectionsRoute.js

@@ -37,6 +37,5 @@ describe('render CollectionsRoute without permission', () => {
     );
 
     expect(screen.queryByText('MetadataCollections')).not.toBeInTheDocument();
-    expect(screen.getByText('stripes-smart-components.permissionError')).toBeInTheDocument();
   });
 });

src/routes/CollectionsRoute.test.js

@@ -1,8 +1,8 @@
 import { omit } from 'lodash';
 import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
 
 import {
+  NoPermissionMessage,
   useOkapiKyMutation,
   useOkapiKyQuery,
 } from '@folio/stripes-leipzig-components';
@@ -52,7 +52,7 @@ const FilterCreateRoute = ({ history, location }) => {
   };
 
   if (!hasPerms) {
-    return <div><FormattedMessage id="ui-finc-select.noPermission" /></div>;
+    return <NoPermissionMessage />;
   }
 
   return (

src/routes/FilterCreateRoute.js

@@ -1,10 +1,10 @@
 import { omit } from 'lodash';
 import PropTypes from 'prop-types';
-import { FormattedMessage } from 'react-intl';
 import { useQuery } from 'react-query';
 import ReactRouterPropTypes from 'react-router-prop-types';
 
 import {
+  NoPermissionMessage,
   useOkapiKyMutation,
   useOkapiKyQuery,
 } from '@folio/stripes-leipzig-components';
@@ -97,7 +97,7 @@ const FilterEditRoute = ({
   };
 
   if (!hasPerms) {
-    return <div><FormattedMessage id="ui-finc-select.noPermission" /></div>;
+    return <NoPermissionMessage />;
   }
 
   return (

src/routes/FilterEditRoute.js

@@ -2,13 +2,13 @@ import _ from 'lodash';
 import PropTypes from 'prop-types';
 import React from 'react';
 
+import { NoPermissionMessage } from '@folio/stripes-leipzig-components';
 import { stripesConnect } from '@folio/stripes/core';
 import {
   makeQueryFunction,
   StripesConnectedSource,
 } from '@folio/stripes/smart-components';
 
-import NoPermissionsMessage from '../components/DisplayUtils/NoPermissionsMessage';
 import urls from '../components/DisplayUtils/urls';
 import filterConfig from '../components/Filters/filterConfigData';
 import Filters from '../components/Filters/Filters';
@@ -119,7 +119,7 @@ class FiltersRoute extends React.Component {
     const hasPerms = stripes.hasPerm('ui-finc-select.view');
 
     if (!hasPerms) {
-      return <NoPermissionsMessage />;
+      return <NoPermissionMessage />;
     }
 
     if (this.filter) {

src/routes/FiltersRoute.js

@@ -37,6 +37,5 @@ describe('render FiltersRoute without permission', () => {
     );
 
     expect(screen.queryByText('Filters')).not.toBeInTheDocument();
-    expect(screen.getByText('stripes-smart-components.permissionError')).toBeInTheDocument();
   });
 });

src/routes/FiltersRoute.test.js

@@ -2,13 +2,13 @@ import _ from 'lodash';
 import PropTypes from 'prop-types';
 import React from 'react';
 
+import { NoPermissionMessage } from '@folio/stripes-leipzig-components';
 import { stripesConnect } from '@folio/stripes/core';
 import {
   makeQueryFunction,
   StripesConnectedSource,
 } from '@folio/stripes/smart-components';
 
-import NoPermissionsMessage from '../components/DisplayUtils/NoPermissionsMessage';
 import urls from '../components/DisplayUtils/urls';
 import filterConfig from '../components/MetadataSources/filterConfigData';
 import MetadataSources from '../components/MetadataSources/MetadataSources';
@@ -131,7 +131,7 @@ class SourcesRoute extends React.Component {
     const hasPerms = stripes.hasPerm('ui-finc-select.view');
 
     if (!hasPerms) {
-      return <NoPermissionsMessage />;
+      return <NoPermissionMessage />;
     }
 
     if (this.source) {

src/routes/SourcesRoute.js

@@ -37,6 +37,5 @@ describe('render SourcesRoute without permission', () => {
     );
 
     expect(screen.queryByText('MetadataSources')).not.toBeInTheDocument();
-    expect(screen.getByText('stripes-smart-components.permissionError')).toBeInTheDocument();
   });
 });