@selfcommunity/react-ui
Version:
React UI Components to integrate a Community created with SelfCommunity Platform.
72 lines (67 loc) • 3.14 kB
TypeScript
import { DialogProps } from '@mui/material';
import { SCUserType } from '@selfcommunity/types';
export interface ConsentSolutionProps extends Pick<DialogProps, Exclude<keyof DialogProps, 'open'>> {
/**
* Overrides or extends the styles applied to the component.
* @default null
*/
className?: string;
/**
* Open dialog
* @default true
*/
open?: boolean;
/**
* Filter policies
*/
legalPolicies?: string[];
/**
* Callback when logout rejecting policy document
*/
onLogout?: () => void;
/**
* Callback when delete account rejecting policy document
*/
onDeleteAccount?: (user?: SCUserType) => void;
/**
* Any other properties
*/
[p: string]: any;
}
/**
* Dialog views
*/
export declare const ACCEPT_VIEW = "accept";
export declare const REJECTION_VIEW = "rejection";
export declare const CONFIRM_DELETE_ACCOUNT = "delete_account";
/**
* > API documentation for the Community-JS ConsentSolution component. Learn about the available props and the CSS API.
*
#### Import
```jsx
import {ConsentSolution} from '@selfcommunity/react-ui';
```
#### Component Name
The name `SCConsentSolution` can be used when providing style overrides in the theme.
#### CSS
|Rule Name|Global class|Description|
|---|---|---|
|root|.SCConsentSolution-root|Styles applied to the root element.|
|title|.SCConsentSolution-title|Styles applied to the title element.|
|titleBack|.SCConsentSolution-title-back|Styles applied to the title with the back button element.|
|content|.SCConsentSolution-content|Styles applied to the content element section.|
|consent|.SCConsentSolution-consent|Styles applied to the consent element section.|
|consentSwitch|.SCConsentSolution-consent-switch|Styles applied to the switch element. |
|alertAcceptDocument|.SCConsentSolution-alert-accept-document|Styles applied to the alert box in the consent section.|nt.|
|actions|.SCConsentSolution-actions|Styles applied to the actions section.|
|backButton|.SCConsentSolution-back-button|Styles applied to the back button in the title and action sections.|
|nextButton|.SCConsentSolution-next-button|Styles applied to the next button in the actions section.|
|closeButton|.SCConsentSolution-close-button|Styles applied to the close button in the actions section.|
|confirmDeleteAccountButton|.SCConsentSolution-confirm-delete-account-button|Styles applied to the confirm delete account button in the rejection section.|
|logoutAccountButton|.SCConsentSolution-logout-account-button|Styles applied to the exit account button in the rejection section.|
|deleteAccountButton|.SCConsentSolution-delete-account-button|Styles applied to the delete account button in the rejection section.|
|dataPortability|.SCConsentSolution-data-portability|Styles applied to the data portability component in the rejection section.|
|dataPortabilityCheck|.SCConsentSolution-data-portability-check|Styles applied to the checkbox in the rejection section.|
* @param inProps
*/
export default function ConsentSolution(inProps: ConsentSolutionProps): JSX.Element;