From a68ec7210c138329df13f046b240b25198a088f2 Mon Sep 17 00:00:00 2001 From: jrcastro2 Date: Tue, 15 Dec 2020 13:44:27 +0100 Subject: [PATCH] dependencies: Updates semantic-ui-react to latest --- package-lock.json | 129 +++++++++--------- package.json | 4 +- src/lib/App.js | 49 +++---- src/lib/authentication/pages/Login/Login.js | 6 +- .../__snapshots__/CancelModal.test.js.snap | 2 +- src/lib/components/ILSMenu/ILSMenu.js | 26 ++-- src/lib/components/Media/index.js | 4 + src/lib/components/Media/media.js | 11 ++ .../Literature/LiteratureSearchResultsGrid.js | 11 +- .../components/RelationModal/RelationModal.js | 4 +- .../modules/SearchControls/SearchControls.js | 21 +-- .../modules/SearchControls/SearchFooter.js | 7 +- .../SearchControls/SearchPagination.js | 10 +- .../modules/SearchControls/SearchSortBy.js | 10 +- .../__snapshots__/SearchControls.test.js.snap | 42 +++--- .../SeriesLiteratureSearch.js | 19 +-- .../SeriesLiteratureSearch.test.js.snap | 32 ++--- .../__snapshots__/DocumentStats.test.js.snap | 2 +- .../DocumentDetails/DocumentDetails.js | 7 +- .../DocumentMetadata/DocumentMetadata.js | 11 +- .../DocumentPanel/DocumentPanel.js | 11 +- .../LiteratureSearch/LiteratureSearch.js | 11 +- .../LoanExtendButton.test.js.snap | 2 +- .../Series/SeriesDetails/SeriesDetails.js | 15 +- .../SeriesMetadata/SeriesMetadata.js | 11 +- .../SeriesDetails/SeriesPanel/SeriesPanel.js | 11 +- 26 files changed, 243 insertions(+), 225 deletions(-) create mode 100644 src/lib/components/Media/index.js create mode 100644 src/lib/components/Media/media.js diff --git a/package-lock.json b/package-lock.json index 6d4e0dd1e..6643c1908 100644 --- a/package-lock.json +++ b/package-lock.json @@ -4,6 +4,12 @@ "lockfileVersion": 1, "requires": true, "dependencies": { + "@artsy/fresnel": { + "version": "1.3.1", + "resolved": "https://registry.npmjs.org/@artsy/fresnel/-/fresnel-1.3.1.tgz", + "integrity": "sha512-p3tZxhtUWELqok1VLAYjGlMaBl30K6U+PVYXuV/8xD+Y+wgTxMMIrrKU61zKaRh3Py7xj9if9rpsOESVGJD4Wg==", + "dev": true + }, "@babel/code-frame": { "version": "7.10.4", "resolved": "https://registry.npmjs.org/@babel/code-frame/-/code-frame-7.10.4.tgz", @@ -1394,6 +1400,25 @@ "lodash.once": "^4.1.1" } }, + "@fluentui/react-component-event-listener": { + "version": "0.51.3", + "resolved": "https://registry.npmjs.org/@fluentui/react-component-event-listener/-/react-component-event-listener-0.51.3.tgz", + "integrity": "sha512-ngRG5XUgX5tsN79Rkwaxaon8U79bUO8GRKnN1bc3WQl6cYVrL6XFdgc09/a/ISK53/sS6oa2wZ/csNTwvkDO4Q==", + "dev": true, + "requires": { + "@babel/runtime": "^7.10.4" + } + }, + "@fluentui/react-component-ref": { + "version": "0.51.3", + "resolved": "https://registry.npmjs.org/@fluentui/react-component-ref/-/react-component-ref-0.51.3.tgz", + "integrity": "sha512-6+DhceCb+4ua3WVoOW99aniEaFlfrlBs9kuCs6BJEcAeqYMoa2VFzxkPWXH/35a73LKIeLsHwoLXyOsILuYRRw==", + "dev": true, + "requires": { + "@babel/runtime": "^7.10.4", + "react-is": "^16.6.3" + } + }, "@hapi/address": { "version": "2.1.4", "resolved": "https://registry.npmjs.org/@hapi/address/-/address-2.1.4.tgz", @@ -1917,6 +1942,12 @@ "fastq": "^1.6.0" } }, + "@popperjs/core": { + "version": "2.5.4", + "resolved": "https://registry.npmjs.org/@popperjs/core/-/core-2.5.4.tgz", + "integrity": "sha512-ZpKr+WTb8zsajqgDkvCEWgp6d5eJT6Q63Ng2neTbzBO76Lbe91vX/iVIW9dikq+Fs3yEo+ls4cxeXABD2LtcbQ==", + "dev": true + }, "@rollup/plugin-alias": { "version": "3.1.1", "resolved": "https://registry.npmjs.org/@rollup/plugin-alias/-/plugin-alias-3.1.1.tgz", @@ -2005,27 +2036,6 @@ "prop-types": "^15.6.2" } }, - "@stardust-ui/react-component-event-listener": { - "version": "0.38.0", - "resolved": "https://registry.npmjs.org/@stardust-ui/react-component-event-listener/-/react-component-event-listener-0.38.0.tgz", - "integrity": "sha512-sIP/e0dyOrrlb8K7KWumfMxj/gAifswTBC4o68Aa+C/GA73ccRp/6W1VlHvF/dlOR4KLsA+5SKnhjH36xzPsWg==", - "dev": true, - "requires": { - "@babel/runtime": "^7.1.2", - "prop-types": "^15.7.2" - } - }, - "@stardust-ui/react-component-ref": { - "version": "0.38.0", - "resolved": "https://registry.npmjs.org/@stardust-ui/react-component-ref/-/react-component-ref-0.38.0.tgz", - "integrity": "sha512-xjs6WnvJVueSIXMWw0C3oWIgAPpcD03qw43oGOjUXqFktvpNkB73JoKIhS4sCrtQxBdct75qqr4ZL6JiyPcESw==", - "dev": true, - "requires": { - "@babel/runtime": "^7.1.2", - "prop-types": "^15.7.2", - "react-is": "^16.6.3" - } - }, "@svgr/babel-plugin-add-jsx-attribute": { "version": "4.2.0", "resolved": "https://registry.npmjs.org/@svgr/babel-plugin-add-jsx-attribute/-/babel-plugin-add-jsx-attribute-4.2.0.tgz", @@ -4697,6 +4707,12 @@ "shallow-clone": "^0.1.2" } }, + "clsx": { + "version": "1.1.1", + "resolved": "https://registry.npmjs.org/clsx/-/clsx-1.1.1.tgz", + "integrity": "sha512-6/bPho624p3S2pMyvP5kKBPXnI3ufHLObBFCfgx+LkeR5lg2XYy2hqZqUf45ypD8COn2bhgGJSUE+l5dhNBieA==", + "dev": true + }, "co": { "version": "4.6.0", "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz", @@ -5146,16 +5162,6 @@ "sha.js": "^2.4.8" } }, - "create-react-context": { - "version": "0.3.0", - "resolved": "https://registry.npmjs.org/create-react-context/-/create-react-context-0.3.0.tgz", - "integrity": "sha512-dNldIoSuNSvlTJ7slIKC/ZFGKexBMBrrcc+TTe1NdmROnaASuLPvqpwj9v4XS4uXZ8+YPu0sNmShX2rXI5LNsw==", - "dev": true, - "requires": { - "gud": "^1.0.0", - "warning": "^4.0.3" - } - }, "cross-spawn": { "version": "7.0.3", "resolved": "https://registry.npmjs.org/cross-spawn/-/cross-spawn-7.0.3.tgz", @@ -8076,12 +8082,6 @@ "integrity": "sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=", "dev": true }, - "gud": { - "version": "1.0.0", - "resolved": "https://registry.npmjs.org/gud/-/gud-1.0.0.tgz", - "integrity": "sha512-zGEOVKFM5sVPPrYs7J5/hYEw2Pof8KCyOwyhG8sAF26mCAeUFAcYPu1mwB7hhpIP29zOIBaDqwuHdLp0jvZXjw==", - "dev": true - }, "gzip-size": { "version": "5.1.1", "resolved": "https://registry.npmjs.org/gzip-size/-/gzip-size-5.1.1.tgz", @@ -12853,12 +12853,6 @@ "ts-pnp": "^1.1.6" } }, - "popper.js": { - "version": "1.16.1", - "resolved": "https://registry.npmjs.org/popper.js/-/popper.js-1.16.1.tgz", - "integrity": "sha512-Wb4p1J4zyFTbM+u6WuO4XstYx4Ky9Cewe4DWrel7B0w6VVICvPwdOpotjzcf6eD8TsckVnIMNONQyPIUFOUbCQ==", - "dev": true - }, "portfinder": { "version": "1.0.28", "resolved": "https://registry.npmjs.org/portfinder/-/portfinder-1.0.28.tgz", @@ -14824,18 +14818,21 @@ "dev": true }, "react-popper": { - "version": "1.3.7", - "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-1.3.7.tgz", - "integrity": "sha512-nmqYTx7QVjCm3WUZLeuOomna138R1luC4EqkW3hxJUrAe+3eNz3oFCLYdnPwILfn0mX1Ew2c3wctrjlUMYYUww==", + "version": "2.2.4", + "resolved": "https://registry.npmjs.org/react-popper/-/react-popper-2.2.4.tgz", + "integrity": "sha512-NacOu4zWupdQjVXq02XpTD3yFPSfg5a7fex0wa3uGKVkFK7UN6LvVxgcb+xYr56UCuWiNPMH20tntdVdJRwYew==", "dev": true, "requires": { - "@babel/runtime": "^7.1.2", - "create-react-context": "^0.3.0", - "deep-equal": "^1.1.1", - "popper.js": "^1.14.4", - "prop-types": "^15.6.1", - "typed-styles": "^0.0.7", + "react-fast-compare": "^3.0.1", "warning": "^4.0.2" + }, + "dependencies": { + "react-fast-compare": { + "version": "3.2.0", + "resolved": "https://registry.npmjs.org/react-fast-compare/-/react-fast-compare-3.2.0.tgz", + "integrity": "sha512-rtGImPZ0YyLrscKI9xTpV8psd6I8VAtjKCzQDlzyDvqJA8XOW78TXYQwNRNd8g8JZnDu8q9Fu/1v4HPAVwVdHA==", + "dev": true + } } }, "react-redux": { @@ -16378,21 +16375,23 @@ } }, "semantic-ui-react": { - "version": "0.88.2", - "resolved": "https://registry.npmjs.org/semantic-ui-react/-/semantic-ui-react-0.88.2.tgz", - "integrity": "sha512-+02kN2z8PuA/cMdvDUsHhbJmBzxxgOXVHMFr9XK7zGb0wkW9A6OPQMFokWz7ozlVtKjN6r7zsb+Qvjk/qq1OWw==", + "version": "2.0.1", + "resolved": "https://registry.npmjs.org/semantic-ui-react/-/semantic-ui-react-2.0.1.tgz", + "integrity": "sha512-l1g9ZTRHqe+nSgcTuaTTxnnIdPAgyzoAZY35ciL0pjopeC7mWxNVhBqm98tmR0kgoL7NvWjY+Dy/AUc3l6FVKw==", "dev": true, "requires": { - "@babel/runtime": "^7.1.2", + "@babel/runtime": "^7.10.5", + "@fluentui/react-component-event-listener": "~0.51.1", + "@fluentui/react-component-ref": "~0.51.1", + "@popperjs/core": "^2.5.2", "@semantic-ui-react/event-stack": "^3.1.0", - "@stardust-ui/react-component-event-listener": "~0.38.0", - "@stardust-ui/react-component-ref": "~0.38.0", - "classnames": "^2.2.6", - "keyboard-key": "^1.0.4", - "lodash": "^4.17.15", + "clsx": "^1.1.1", + "keyboard-key": "^1.1.0", + "lodash": "^4.17.19", + "lodash-es": "^4.17.15", "prop-types": "^15.7.2", "react-is": "^16.8.6", - "react-popper": "^1.3.4", + "react-popper": "^2.2.3", "shallowequal": "^1.1.0" } }, @@ -18178,12 +18177,6 @@ "mime-types": "~2.1.24" } }, - "typed-styles": { - "version": "0.0.7", - "resolved": "https://registry.npmjs.org/typed-styles/-/typed-styles-0.0.7.tgz", - "integrity": "sha512-pzP0PWoZUhsECYjABgCGQlRGL1n7tOHsgwYv3oIiEpJwGhFTuty/YNeduxQYzXXa3Ge5BdT6sHYIQYpl4uJ+5Q==", - "dev": true - }, "typedarray": { "version": "0.0.6", "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz", diff --git a/package.json b/package.json index 529227736..9658395bd 100644 --- a/package.json +++ b/package.json @@ -50,6 +50,7 @@ "yup": "^0.27.0" }, "devDependencies": { + "@artsy/fresnel": "^1.3.1", "@babel/runtime": "^7.9.2", "@craco/craco": "^5.6.4", "@rollup/plugin-alias": "^3.1.1", @@ -61,6 +62,7 @@ "@typescript-eslint/eslint-plugin": "^1.13.0", "axios": "^0.19.2", "axios-mock-adapter": "^1.18.1", + "classnames": "^2.2.6", "cypress": "^5.3.0", "enzyme": "^3.11.0", "enzyme-adapter-react-16": "^1.15.2", @@ -110,7 +112,7 @@ "rollup-plugin-peer-deps-external": "^2.2.2", "semantic-ui-calendar-react": "^0.15.3", "semantic-ui-less": "^2.4.1", - "semantic-ui-react": "^0.88.2", + "semantic-ui-react": "^2.0.1", "yup": "^0.27.0" }, "author": { diff --git a/src/lib/App.js b/src/lib/App.js index 13835e466..cfcd5f7aa 100644 --- a/src/lib/App.js +++ b/src/lib/App.js @@ -14,6 +14,7 @@ import React, { Component } from 'react'; import { connect, Provider } from 'react-redux'; import { Route, Switch } from 'react-router-dom'; import store from './store'; +import { MediaContextProvider } from '@components/Media'; class FetchUserComponent extends Component { componentDidMount() { @@ -47,29 +48,31 @@ export default class App extends Component { render() { return ( - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + ); } } diff --git a/src/lib/authentication/pages/Login/Login.js b/src/lib/authentication/pages/Login/Login.js index 15e02ba45..c2124a59e 100644 --- a/src/lib/authentication/pages/Login/Login.js +++ b/src/lib/authentication/pages/Login/Login.js @@ -1,5 +1,6 @@ import { parseParams } from '@authentication/utils'; import { EnvironmentLabel } from '@components/EnvironmentLabel'; +import { Media } from '@components/Media'; import { Notifications } from '@components/Notifications'; import { invenioConfig } from '@config'; import { goTo } from '@history'; @@ -16,7 +17,6 @@ import { Icon, Image, Popup, - Responsive, Segment, } from 'semantic-ui-react'; import { LoginWithLocalAccount } from './LoginWithLocalAccount'; @@ -118,10 +118,10 @@ const RightCol = ({ hasError, errorMessage, errorHeader }) => (

Forgot your password? Recover {notImplementedPopup}.

 - + - + )} diff --git a/src/lib/components/CancelModal/__snapshots__/CancelModal.test.js.snap b/src/lib/components/CancelModal/__snapshots__/CancelModal.test.js.snap index 0dda8f8b1..35582971b 100644 --- a/src/lib/components/CancelModal/__snapshots__/CancelModal.test.js.snap +++ b/src/lib/components/CancelModal/__snapshots__/CancelModal.test.js.snap @@ -46,7 +46,6 @@ exports[`CancelModal tests should load the cancel loan modal component 1`] = ` content="Please specify a reason." disabled={false} eventsEnabled={true} - offset={0} on={ Array [ "click", @@ -55,6 +54,7 @@ exports[`CancelModal tests should load the cancel loan modal component 1`] = ` } open={false} pinned={false} + popperModifiers={Array []} position="bottom left" /> diff --git a/src/lib/components/ILSMenu/ILSMenu.js b/src/lib/components/ILSMenu/ILSMenu.js index 140d3a7f8..fa85c70dd 100644 --- a/src/lib/components/ILSMenu/ILSMenu.js +++ b/src/lib/components/ILSMenu/ILSMenu.js @@ -1,20 +1,14 @@ import { RedirectToLoginButton } from '@authentication/components/RedirectToLoginButton'; import { authenticationService } from '@authentication/services/AuthenticationService'; import { EnvironmentLabel } from '@components/EnvironmentLabel'; +import { Media } from '@components/Media'; import { invenioConfig } from '@config'; import { BackOfficeRoutes, FrontSiteRoutes } from '@routes/urls'; import PropTypes from 'prop-types'; import React, { Component } from 'react'; import Overridable from 'react-overridable'; import { Link } from 'react-router-dom'; -import { - Container, - Dropdown, - Image, - Menu, - Icon, - Responsive, -} from 'semantic-ui-react'; +import { Container, Dropdown, Image, Menu, Icon } from 'semantic-ui-react'; class ILSMenu extends Component { logout = async () => { @@ -51,16 +45,16 @@ class ILSMenu extends Component { return ( <> - + {dropdownEntries} - - + + {dropdownEntries} - + ); }; @@ -84,7 +78,7 @@ class ILSMenu extends Component { return ( <> - + - - + + - + ); diff --git a/src/lib/components/Media/index.js b/src/lib/components/Media/index.js new file mode 100644 index 000000000..e43e45502 --- /dev/null +++ b/src/lib/components/Media/index.js @@ -0,0 +1,4 @@ +import { AppMedia } from './media'; + +export const mediaStyles = AppMedia.createMediaStyle(); +export const { Media, MediaContextProvider } = AppMedia; diff --git a/src/lib/components/Media/media.js b/src/lib/components/Media/media.js new file mode 100644 index 000000000..9794d1ea2 --- /dev/null +++ b/src/lib/components/Media/media.js @@ -0,0 +1,11 @@ +import { createMedia } from '@artsy/fresnel'; + +export const AppMedia = createMedia({ + breakpoints: { + mobile: 320, + tablet: 768, + computer: 992, + largeScreen: 1200, + widescreen: 1920, + }, +}); diff --git a/src/lib/modules/Literature/LiteratureSearchResultsGrid.js b/src/lib/modules/Literature/LiteratureSearchResultsGrid.js index b563b0d7c..7b5fbf68d 100644 --- a/src/lib/modules/Literature/LiteratureSearchResultsGrid.js +++ b/src/lib/modules/Literature/LiteratureSearchResultsGrid.js @@ -1,10 +1,11 @@ import { recordToPidType } from '@api/utils'; +import { Media } from '@components/Media'; import { DocumentCard } from '@modules/Document/DocumentCard'; import { SeriesCard } from '@modules/Series/SeriesCard'; import { findVolume } from '@modules/Series/utils'; import PropTypes from 'prop-types'; import React from 'react'; -import { Card, Responsive } from 'semantic-ui-react'; +import { Card } from 'semantic-ui-react'; export const LiteratureSearchResultsGrid = ({ results, @@ -21,16 +22,16 @@ export const LiteratureSearchResultsGrid = ({ }); return ( <> - + {cards} - - + + {cards} - + ); }; diff --git a/src/lib/modules/Relations/backoffice/components/RelationModal/RelationModal.js b/src/lib/modules/Relations/backoffice/components/RelationModal/RelationModal.js index 50da0e00f..c4b313145 100644 --- a/src/lib/modules/Relations/backoffice/components/RelationModal/RelationModal.js +++ b/src/lib/modules/Relations/backoffice/components/RelationModal/RelationModal.js @@ -70,7 +70,7 @@ export default class RelationModal extends Component { size="large" closeIcon trigger={ - <> +
} open={visible} centered diff --git a/src/lib/modules/SearchControls/SearchControls.js b/src/lib/modules/SearchControls/SearchControls.js index 5df58a85c..6a5e39734 100644 --- a/src/lib/modules/SearchControls/SearchControls.js +++ b/src/lib/modules/SearchControls/SearchControls.js @@ -1,6 +1,7 @@ +import { Media } from '@components/Media'; import { Count, LayoutSwitcher } from 'react-searchkit'; import React, { Component } from 'react'; -import { Grid, Responsive } from 'semantic-ui-react'; +import { Grid } from 'semantic-ui-react'; import PropTypes from 'prop-types'; import SearchSortBy from './SearchSortBy'; import SearchResultsPerPage from './SearchResultsPerPage'; @@ -12,7 +13,7 @@ export class SearchControls extends Component { const { withLayoutSwitcher, defaultLayout, modelName } = this.props; return ( <> - + @@ -33,9 +34,9 @@ export class SearchControls extends Component { textAlign="center" className="search-pagination-column" > - + - + - - + + + + + - - - - + ); } diff --git a/src/lib/modules/SearchControls/SearchFooter.js b/src/lib/modules/SearchControls/SearchFooter.js index f7e2c34a1..a769b4bfe 100644 --- a/src/lib/modules/SearchControls/SearchFooter.js +++ b/src/lib/modules/SearchControls/SearchFooter.js @@ -1,17 +1,18 @@ -import { Grid, Responsive } from 'semantic-ui-react'; +import { Media } from '@components/Media'; +import { Grid } from 'semantic-ui-react'; import React, { Component } from 'react'; import SearchPagination from './SearchPagination'; export default class SearchFooter extends Component { render() { return ( - + - + ); } } diff --git a/src/lib/modules/SearchControls/SearchPagination.js b/src/lib/modules/SearchControls/SearchPagination.js index 808d036f0..1e9b4d9e8 100644 --- a/src/lib/modules/SearchControls/SearchPagination.js +++ b/src/lib/modules/SearchControls/SearchPagination.js @@ -1,15 +1,15 @@ +import { Media } from '@components/Media'; import { Pagination } from 'react-searchkit'; import React, { Component } from 'react'; -import { Responsive } from 'semantic-ui-react'; export default class SearchPagination extends Component { render() { return ( <> - + - - + + - + ); } diff --git a/src/lib/modules/SearchControls/SearchSortBy.js b/src/lib/modules/SearchControls/SearchSortBy.js index d3d814e38..d09b48047 100644 --- a/src/lib/modules/SearchControls/SearchSortBy.js +++ b/src/lib/modules/SearchControls/SearchSortBy.js @@ -1,7 +1,7 @@ +import { Media } from '@components/Media'; import React, { Component } from 'react'; import { Sort } from 'react-searchkit'; import PropTypes from 'prop-types'; -import { Responsive } from 'semantic-ui-react'; import { getSearchConfig } from '@config'; export default class SearchSortBy extends Component { @@ -10,7 +10,7 @@ export default class SearchSortBy extends Component { const searchConfig = getSearchConfig(modelName); return ( <> - + {searchConfig.SORT_BY.length > 0 ? ( <> Sort by {cmp}} @@ -18,12 +18,12 @@ export default class SearchSortBy extends Component { overridableId="desktop" /> ) : null} - - + + {searchConfig.SORT_BY.length > 0 ? ( ) : null} - + ); } diff --git a/src/lib/modules/SearchControls/__snapshots__/SearchControls.test.js.snap b/src/lib/modules/SearchControls/__snapshots__/SearchControls.test.js.snap index 445c9e269..6f771e16a 100644 --- a/src/lib/modules/SearchControls/__snapshots__/SearchControls.test.js.snap +++ b/src/lib/modules/SearchControls/__snapshots__/SearchControls.test.js.snap @@ -2,9 +2,9 @@ exports[`SearchControls tests should load the SearchControls component 1`] = ` - - - + - - + + + + - - - - + `; diff --git a/src/lib/modules/Series/SeriesLiteratureSearch/SeriesLiteratureSearch.js b/src/lib/modules/Series/SeriesLiteratureSearch/SeriesLiteratureSearch.js index ec9967815..4dc359c12 100644 --- a/src/lib/modules/Series/SeriesLiteratureSearch/SeriesLiteratureSearch.js +++ b/src/lib/modules/Series/SeriesLiteratureSearch/SeriesLiteratureSearch.js @@ -1,4 +1,5 @@ import { literatureApi } from '@api/literature'; +import { Media } from '@components/Media'; import { invenioConfig, setReactSearchKitInitialQueryState, @@ -23,7 +24,7 @@ import { ResultsMultiLayout, SearchBar, } from 'react-searchkit'; -import { Container, Divider, Loader, Responsive } from 'semantic-ui-react'; +import { Container, Divider, Loader } from 'semantic-ui-react'; import { qsBuilderForSeries } from './RequestSerializer'; import { SeriesLiteratureSearchMobile } from './SeriesLiteratureSearchMobile'; @@ -78,25 +79,25 @@ export class SeriesLiteratureSearch extends React.Component { {...invenioConfig.APP.SEARCH_BAR_PROPS} /> - + - + - - + + - + - - + + - + diff --git a/src/lib/modules/Series/SeriesLiteratureSearch/__snapshots__/SeriesLiteratureSearch.test.js.snap b/src/lib/modules/Series/SeriesLiteratureSearch/__snapshots__/SeriesLiteratureSearch.test.js.snap index 36a7e7e82..98282eee7 100644 --- a/src/lib/modules/Series/SeriesLiteratureSearch/__snapshots__/SeriesLiteratureSearch.test.js.snap +++ b/src/lib/modules/Series/SeriesLiteratureSearch/__snapshots__/SeriesLiteratureSearch.test.js.snap @@ -108,18 +108,18 @@ exports[`SeriesLiteratureSearch tests should load the SeriesLiteratureSearch com } /> - - - - + - + - - + - + diff --git a/src/lib/pages/backoffice/Document/DocumentDetails/DocumentStats/__snapshots__/DocumentStats.test.js.snap b/src/lib/pages/backoffice/Document/DocumentDetails/DocumentStats/__snapshots__/DocumentStats.test.js.snap index f11ab6122..57239ff5e 100644 --- a/src/lib/pages/backoffice/Document/DocumentDetails/DocumentStats/__snapshots__/DocumentStats.test.js.snap +++ b/src/lib/pages/backoffice/Document/DocumentDetails/DocumentStats/__snapshots__/DocumentStats.test.js.snap @@ -95,7 +95,6 @@ exports[`DocumentStats tests should load the component 1`] = ` of items (1) of the document." disabled={false} eventsEnabled={true} - offset={0} on={ Array [ "click", @@ -103,6 +102,7 @@ exports[`DocumentStats tests should load the component 1`] = ` ] } pinned={false} + popperModifiers={Array []} position="top right" trigger={ - + - + diff --git a/src/lib/pages/frontsite/Documents/DocumentDetails/DocumentMetadata/DocumentMetadata.js b/src/lib/pages/frontsite/Documents/DocumentDetails/DocumentMetadata/DocumentMetadata.js index a05b396c2..3ca21f1e0 100644 --- a/src/lib/pages/frontsite/Documents/DocumentDetails/DocumentMetadata/DocumentMetadata.js +++ b/src/lib/pages/frontsite/Documents/DocumentDetails/DocumentMetadata/DocumentMetadata.js @@ -1,6 +1,7 @@ +import { Media } from '@components/Media'; import React, { Component } from 'react'; import Overridable from 'react-overridable'; -import { Container, Responsive } from 'semantic-ui-react'; +import { Container } from 'semantic-ui-react'; import PropTypes from 'prop-types'; import { DocumentMetadataTabs } from './DocumentMetadataTabs'; @@ -16,12 +17,12 @@ class DocumentMetadata extends Component { > <> - + - - + + - + diff --git a/src/lib/pages/frontsite/Documents/DocumentDetails/DocumentPanel/DocumentPanel.js b/src/lib/pages/frontsite/Documents/DocumentDetails/DocumentPanel/DocumentPanel.js index d33662b34..6a1a50b81 100644 --- a/src/lib/pages/frontsite/Documents/DocumentDetails/DocumentPanel/DocumentPanel.js +++ b/src/lib/pages/frontsite/Documents/DocumentDetails/DocumentPanel/DocumentPanel.js @@ -2,6 +2,7 @@ import { ILSHeaderPlaceholder, ILSParagraphPlaceholder, } from '@components/ILSPlaceholder'; +import { Media } from '@components/Media'; import { ShowMoreContent } from '@components/ShowMoreContent'; import DocumentAuthors from '@modules/Document/DocumentAuthors'; import LiteratureCover from '@modules/Literature/LiteratureCover'; @@ -9,7 +10,7 @@ import _get from 'lodash/get'; import PropTypes from 'prop-types'; import React, { Component } from 'react'; import Overridable from 'react-overridable'; -import { Grid, Responsive } from 'semantic-ui-react'; +import { Grid } from 'semantic-ui-react'; import { DocumentCirculation } from '../DocumentCirculation'; import DocumentPanelMobile from './DocumentPanelMobile'; import { DocumentTitle } from './DocumentTitle'; @@ -24,7 +25,7 @@ class DocumentPanel extends Component { isLoading={isLoading} > <> - +
- - + + - + ); diff --git a/src/lib/pages/frontsite/Literature/LiteratureSearch/LiteratureSearch.js b/src/lib/pages/frontsite/Literature/LiteratureSearch/LiteratureSearch.js index ed69ba3b4..015d98707 100644 --- a/src/lib/pages/frontsite/Literature/LiteratureSearch/LiteratureSearch.js +++ b/src/lib/pages/frontsite/Literature/LiteratureSearch/LiteratureSearch.js @@ -1,5 +1,6 @@ import { responseRejectInterceptor } from '@api/base'; import { literatureApi } from '@api/literature/literature'; +import { Media } from '@components/Media'; import { invenioConfig, setReactSearchKitInitialQueryState, @@ -23,7 +24,7 @@ import { ResultsMultiLayout, SearchBar, } from 'react-searchkit'; -import { Container, Grid, Header, Loader, Responsive } from 'semantic-ui-react'; +import { Container, Grid, Header, Loader } from 'semantic-ui-react'; import LiteratureSearchMobile from './LiteratureSearchMobile'; import SearchMessage from './SearchMessage/SearchMessage'; @@ -78,7 +79,7 @@ class LiteratureSearch extends Component { /> - + - - + + - + diff --git a/src/lib/pages/frontsite/PatronProfile/PatronCurrentLoans/__snapshots__/LoanExtendButton.test.js.snap b/src/lib/pages/frontsite/PatronProfile/PatronCurrentLoans/__snapshots__/LoanExtendButton.test.js.snap index d8aaba5a7..25c970615 100644 --- a/src/lib/pages/frontsite/PatronProfile/PatronCurrentLoans/__snapshots__/LoanExtendButton.test.js.snap +++ b/src/lib/pages/frontsite/PatronProfile/PatronCurrentLoans/__snapshots__/LoanExtendButton.test.js.snap @@ -35,7 +35,6 @@ exports[`Extend loan button tests should match snapshot 1`] = ` January 25." disabled={false} eventsEnabled={true} - offset={0} on={ Array [ "click", @@ -43,6 +42,7 @@ exports[`Extend loan button tests should match snapshot 1`] = ` ] } pinned={false} + popperModifiers={Array []} position="top right" trigger={ { - + - + - + - - + + - + diff --git a/src/lib/pages/frontsite/Series/SeriesDetails/SeriesMetadata/SeriesMetadata.js b/src/lib/pages/frontsite/Series/SeriesDetails/SeriesMetadata/SeriesMetadata.js index 3a2e63c34..a2f08bfc1 100644 --- a/src/lib/pages/frontsite/Series/SeriesDetails/SeriesMetadata/SeriesMetadata.js +++ b/src/lib/pages/frontsite/Series/SeriesDetails/SeriesMetadata/SeriesMetadata.js @@ -1,8 +1,9 @@ +import { Media } from '@components/Media'; import SeriesMetadataAccordion from '@modules/Series/SeriesMetadataAccordion'; import SeriesMetadataTabs from '@modules/Series/SeriesMetadataTabs'; import React, { Component } from 'react'; import Overridable from 'react-overridable'; -import { Container, Responsive } from 'semantic-ui-react'; +import { Container } from 'semantic-ui-react'; import PropTypes from 'prop-types'; class SeriesMetadata extends Component { @@ -10,12 +11,12 @@ class SeriesMetadata extends Component { const { series } = this.props; return ( - + - - + + - + ); } diff --git a/src/lib/pages/frontsite/Series/SeriesDetails/SeriesPanel/SeriesPanel.js b/src/lib/pages/frontsite/Series/SeriesDetails/SeriesPanel/SeriesPanel.js index 387d519b6..b0f11eeeb 100644 --- a/src/lib/pages/frontsite/Series/SeriesDetails/SeriesPanel/SeriesPanel.js +++ b/src/lib/pages/frontsite/Series/SeriesDetails/SeriesPanel/SeriesPanel.js @@ -3,6 +3,7 @@ import { ILSHeaderPlaceholder, ILSParagraphPlaceholder, } from '@components/ILSPlaceholder'; +import { Media } from '@components/Media'; import LiteratureCover from '@modules/Literature/LiteratureCover'; import { SeriesAccess } from '@modules/Series/SeriesAccess'; import { SeriesAuthors } from '@modules/Series/SeriesAuthors'; @@ -12,7 +13,7 @@ import _isEmpty from 'lodash/isEmpty'; import PropTypes from 'prop-types'; import React, { Component } from 'react'; import Overridable from 'react-overridable'; -import { Grid, Responsive } from 'semantic-ui-react'; +import { Grid } from 'semantic-ui-react'; import SeriesPanelMobile from './SeriesPanelMobile'; import SeriesSequences from './SeriesSequences'; @@ -21,7 +22,7 @@ class SeriesPanel extends Component { const { isLoading, series } = this.props; return ( <> - +
- - + + - + ); }