19231: Add smaller page sizes (10 and 20 items) to load faster
[arvados-workbench2.git] / src / views-components / sharing-dialog / sharing-dialog.tsx
1 // Copyright (C) The Arvados Authors. All rights reserved.
2 //
3 // SPDX-License-Identifier: AGPL-3.0
4
5 import { compose, Dispatch } from 'redux';
6 import { connect } from 'react-redux';
7 import { RootState } from 'store/store';
8 import {
9     connectSharingDialog,
10     saveSharingDialogChanges,
11     connectSharingDialogProgress,
12     SharingDialogData,
13     createSharingToken,
14     initializeManagementForm
15 } from 'store/sharing-dialog/sharing-dialog-actions';
16 import { WithDialogProps } from 'store/dialog/with-dialog';
17 import SharingDialogComponent, {
18     SharingDialogDataProps,
19     SharingDialogActionProps
20 } from './sharing-dialog-component';
21 import {
22     getSharingPublicAccessFormData,
23     hasChanges,
24     SHARING_DIALOG_NAME,
25     VisibilityLevel
26 } from 'store/sharing-dialog/sharing-dialog-types';
27 import { WithProgressStateProps } from 'store/progress-indicator/with-progress';
28 import { getDialog } from 'store/dialog/dialog-reducer';
29 import { filterResources } from 'store/resources/resources';
30 import { ApiClientAuthorization } from 'models/api-client-authorization';
31 import { ResourceKind } from 'models/resource';
32
33 type Props = WithDialogProps<string> & WithProgressStateProps;
34
35 const mapStateToProps = (state: RootState, { working, ...props }: Props): SharingDialogDataProps => {
36     const dialog = getDialog<SharingDialogData>(state.dialog, SHARING_DIALOG_NAME);
37     const sharedResourceUuid = dialog?.data.resourceUuid || '';
38     const sharingURLsDisabled = state.auth.config.clusterConfig.Workbench.DisableSharingURLsUI;
39     return ({
40     ...props,
41     saveEnabled: hasChanges(state),
42     loading: working,
43     sharedResourceUuid,
44     sharingURLsDisabled,
45     sharingURLsNr: !sharingURLsDisabled
46         ? (filterResources( (resource: ApiClientAuthorization) =>
47             resource.kind === ResourceKind.API_CLIENT_AUTHORIZATION  &&
48             resource.scopes.includes(`GET /arvados/v1/collections/${sharedResourceUuid}`) &&
49             resource.scopes.includes(`GET /arvados/v1/collections/${sharedResourceUuid}/`) &&
50             resource.scopes.includes('GET /arvados/v1/keep_services/accessible')
51         )(state.resources) as ApiClientAuthorization[]).length
52         : 0,
53     privateAccess: getSharingPublicAccessFormData(state)?.visibility === VisibilityLevel.PRIVATE,
54     })
55 };
56
57 const mapDispatchToProps = (dispatch: Dispatch, { ...props }: Props): SharingDialogActionProps => ({
58     ...props,
59     onClose: props.closeDialog,
60     onSave: () => {
61         dispatch<any>(saveSharingDialogChanges);
62     },
63     onCreateSharingToken: (d: Date) => () => {
64         dispatch<any>(createSharingToken(d));
65     },
66     refreshPermissions: () => {
67         dispatch<any>(initializeManagementForm);
68     }
69 });
70
71 export const SharingDialog = compose(
72     connectSharingDialog,
73     connectSharingDialogProgress,
74     connect(mapStateToProps, mapDispatchToProps)
75 )(SharingDialogComponent);
76