UNPKG

@selfcommunity/react-ui

Version:

React UI Components to integrate a Community created with SelfCommunity Platform.

72 lines (67 loc) 3.14 kB
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;