Interface CoHostModalOptions

interface CoHostModalOptions {
    isCoHostModalVisible: boolean;
    currentCohost?: string;
    participants: Participant[];
    coHostResponsibility: CoHostResponsibility[];
    position?: string;
    backgroundColor?: string;
    roomName: string;
    showAlert?: ShowAlert;
    updateCoHostResponsibility: ((coHostResponsibility: CoHostResponsibility[]) => void);
    updateCoHost: ((coHost: string) => void);
    updateIsCoHostModalVisible: ((isCoHostModalVisible: boolean) => void);
    socket: Socket<DefaultEventsMap, DefaultEventsMap>;
    onCoHostClose: (() => void);
    onModifyEventSettings?: ((settings: ModifyCoHostSettingsOptions) => void);
    title?: ReactNode;
    overlayProps?: HTMLAttributes<HTMLDivElement>;
    contentProps?: HTMLAttributes<HTMLDivElement>;
    headerProps?: HTMLAttributes<HTMLDivElement>;
    titleProps?: HTMLAttributes<HTMLDivElement>;
    closeButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    closeIconComponent?: ReactNode;
    headerDividerProps?: HTMLAttributes<HTMLHRElement>;
    bodyProps?: HTMLAttributes<HTMLDivElement>;
    currentCoHostFieldProps?: HTMLAttributes<HTMLDivElement>;
    currentCoHostLabelProps?: LabelHTMLAttributes<HTMLLabelElement>;
    currentCoHostInputProps?: InputHTMLAttributes<HTMLInputElement>;
    selectCoHostFieldProps?: HTMLAttributes<HTMLDivElement>;
    selectCoHostLabelProps?: LabelHTMLAttributes<HTMLLabelElement>;
    selectCoHostSelectProps?: SelectHTMLAttributes<HTMLSelectElement>;
    responsibilitiesWrapperProps?: HTMLAttributes<HTMLDivElement>;
    responsibilitiesHeaderRowProps?: HTMLAttributes<HTMLDivElement>;
    responsibilityHeaderLabelProps?: LabelHTMLAttributes<HTMLLabelElement>;
    responsibilitySelectHeaderProps?: LabelHTMLAttributes<HTMLLabelElement>;
    responsibilityDedicatedHeaderProps?: LabelHTMLAttributes<HTMLLabelElement>;
    responsibilityRowProps?: HTMLAttributes<HTMLDivElement>;
    responsibilityNameProps?: HTMLAttributes<HTMLDivElement>;
    responsibilitySelectProps?: HTMLAttributes<HTMLDivElement>;
    responsibilityDedicatedProps?: HTMLAttributes<HTMLDivElement>;
    responsibilitySelectCheckboxProps?: InputHTMLAttributes<HTMLInputElement>;
    responsibilityDedicatedCheckboxProps?: InputHTMLAttributes<HTMLInputElement>;
    footerProps?: HTMLAttributes<HTMLDivElement>;
    saveButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>;
    currentCoHostLabel?: ReactNode;
    selectCoHostLabel?: ReactNode;
    responsibilityHeaderLabel?: ReactNode;
    responsibilitySelectLabel?: ReactNode;
    responsibilityDedicatedLabel?: ReactNode;
    saveButtonLabel?: ReactNode;
    responsibilityItems?: {
        name: string;
        label: ReactNode;
    }[];
    renderHeader?: ((options: {
        defaultHeader: ReactNode;
    }) => ReactNode);
    renderBody?: ((options: {
        defaultBody: ReactNode;
    }) => ReactNode);
    renderResponsibilities?: ((options: {
        defaultResponsibilities: ReactNode;
        items: {
            name: string;
            label: ReactNode;
        }[];
        responsibilities: Record<string, boolean>;
        toggleSelect: ((name: string) => void);
        toggleDedicated: ((name: string) => void);
    }) => ReactNode);
    renderResponsibilityRow?: ((options: {
        defaultRow: ReactNode;
        item: {
            name: string;
            label: ReactNode;
        };
        index: number;
        isSelected: boolean;
        isDedicated: boolean;
        toggleSelect: (() => void);
        toggleDedicated: (() => void);
    }) => ReactNode);
    renderFooter?: ((options: {
        defaultFooter: ReactNode;
    }) => ReactNode);
    renderContent?: ((options: {
        defaultContent: ReactNode;
    }) => ReactNode);
}

Properties

isCoHostModalVisible currentCohost? participants coHostResponsibility position? backgroundColor? roomName showAlert? updateCoHostResponsibility updateCoHost updateIsCoHostModalVisible socket onCoHostClose onModifyEventSettings? title? overlayProps? contentProps? headerProps? titleProps? closeButtonProps? closeIconComponent? headerDividerProps? bodyProps? currentCoHostFieldProps? currentCoHostLabelProps? currentCoHostInputProps? selectCoHostFieldProps? selectCoHostLabelProps? selectCoHostSelectProps? responsibilitiesWrapperProps? responsibilitiesHeaderRowProps? responsibilityHeaderLabelProps? responsibilitySelectHeaderProps? responsibilityDedicatedHeaderProps? responsibilityRowProps? responsibilityNameProps? responsibilitySelectProps? responsibilityDedicatedProps? responsibilitySelectCheckboxProps? responsibilityDedicatedCheckboxProps? footerProps? saveButtonProps? currentCoHostLabel? selectCoHostLabel? responsibilityHeaderLabel? responsibilitySelectLabel? responsibilityDedicatedLabel? saveButtonLabel? responsibilityItems? renderHeader? renderBody? renderResponsibilities? renderResponsibilityRow? renderFooter? renderContent?

Properties

isCoHostModalVisible

isCoHostModalVisible: boolean

OptionalcurrentCohost

currentCohost?: string

participants

participants: Participant[]

coHostResponsibility

coHostResponsibility: CoHostResponsibility[]

Optionalposition

position?: string

OptionalbackgroundColor

backgroundColor?: string

roomName

roomName: string

OptionalshowAlert

showAlert?: ShowAlert

updateCoHostResponsibility

updateCoHostResponsibility: ((coHostResponsibility: CoHostResponsibility[]) => void)

updateCoHost

updateCoHost: ((coHost: string) => void)

updateIsCoHostModalVisible

updateIsCoHostModalVisible: ((isCoHostModalVisible: boolean) => void)

socket

socket: Socket<DefaultEventsMap, DefaultEventsMap>

onCoHostClose

onCoHostClose: (() => void)

OptionalonModifyEventSettings

onModifyEventSettings?: ((settings: ModifyCoHostSettingsOptions) => void)

Optionaltitle

title?: ReactNode

OptionaloverlayProps

overlayProps?: HTMLAttributes<HTMLDivElement>

OptionalcontentProps

contentProps?: HTMLAttributes<HTMLDivElement>

OptionalheaderProps

headerProps?: HTMLAttributes<HTMLDivElement>

OptionaltitleProps

titleProps?: HTMLAttributes<HTMLDivElement>

OptionalcloseButtonProps

closeButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>

OptionalcloseIconComponent

closeIconComponent?: ReactNode

OptionalheaderDividerProps

headerDividerProps?: HTMLAttributes<HTMLHRElement>

OptionalbodyProps

bodyProps?: HTMLAttributes<HTMLDivElement>

OptionalcurrentCoHostFieldProps

currentCoHostFieldProps?: HTMLAttributes<HTMLDivElement>

OptionalcurrentCoHostLabelProps

currentCoHostLabelProps?: LabelHTMLAttributes<HTMLLabelElement>

OptionalcurrentCoHostInputProps

currentCoHostInputProps?: InputHTMLAttributes<HTMLInputElement>

OptionalselectCoHostFieldProps

selectCoHostFieldProps?: HTMLAttributes<HTMLDivElement>

OptionalselectCoHostLabelProps

selectCoHostLabelProps?: LabelHTMLAttributes<HTMLLabelElement>

OptionalselectCoHostSelectProps

selectCoHostSelectProps?: SelectHTMLAttributes<HTMLSelectElement>

OptionalresponsibilitiesWrapperProps

responsibilitiesWrapperProps?: HTMLAttributes<HTMLDivElement>

OptionalresponsibilitiesHeaderRowProps

responsibilitiesHeaderRowProps?: HTMLAttributes<HTMLDivElement>

OptionalresponsibilityHeaderLabelProps

responsibilityHeaderLabelProps?: LabelHTMLAttributes<HTMLLabelElement>

OptionalresponsibilitySelectHeaderProps

responsibilitySelectHeaderProps?: LabelHTMLAttributes<HTMLLabelElement>

OptionalresponsibilityDedicatedHeaderProps

responsibilityDedicatedHeaderProps?: LabelHTMLAttributes<HTMLLabelElement>

OptionalresponsibilityRowProps

responsibilityRowProps?: HTMLAttributes<HTMLDivElement>

OptionalresponsibilityNameProps

responsibilityNameProps?: HTMLAttributes<HTMLDivElement>

OptionalresponsibilitySelectProps

responsibilitySelectProps?: HTMLAttributes<HTMLDivElement>

OptionalresponsibilityDedicatedProps

responsibilityDedicatedProps?: HTMLAttributes<HTMLDivElement>

OptionalresponsibilitySelectCheckboxProps

responsibilitySelectCheckboxProps?: InputHTMLAttributes<HTMLInputElement>

OptionalresponsibilityDedicatedCheckboxProps

responsibilityDedicatedCheckboxProps?: InputHTMLAttributes<HTMLInputElement>

OptionalfooterProps

footerProps?: HTMLAttributes<HTMLDivElement>

OptionalsaveButtonProps

saveButtonProps?: ButtonHTMLAttributes<HTMLButtonElement>

OptionalcurrentCoHostLabel

currentCoHostLabel?: ReactNode

OptionalselectCoHostLabel

selectCoHostLabel?: ReactNode

OptionalresponsibilityHeaderLabel

responsibilityHeaderLabel?: ReactNode

OptionalresponsibilitySelectLabel

responsibilitySelectLabel?: ReactNode

OptionalresponsibilityDedicatedLabel

responsibilityDedicatedLabel?: ReactNode

OptionalsaveButtonLabel

saveButtonLabel?: ReactNode

OptionalresponsibilityItems

responsibilityItems?: {
    name: string;
    label: ReactNode;
}[]

OptionalrenderHeader

renderHeader?: ((options: {
    defaultHeader: ReactNode;
}) => ReactNode)

OptionalrenderBody

renderBody?: ((options: {
    defaultBody: ReactNode;
}) => ReactNode)

OptionalrenderResponsibilities

renderResponsibilities?: ((options: {
    defaultResponsibilities: ReactNode;
    items: {
        name: string;
        label: ReactNode;
    }[];
    responsibilities: Record<string, boolean>;
    toggleSelect: ((name: string) => void);
    toggleDedicated: ((name: string) => void);
}) => ReactNode)

OptionalrenderResponsibilityRow

renderResponsibilityRow?: ((options: {
    defaultRow: ReactNode;
    item: {
        name: string;
        label: ReactNode;
    };
    index: number;
    isSelected: boolean;
    isDedicated: boolean;
    toggleSelect: (() => void);
    toggleDedicated: (() => void);
}) => ReactNode)

OptionalrenderFooter

renderFooter?: ((options: {
    defaultFooter: ReactNode;
}) => ReactNode)

OptionalrenderContent

renderContent?: ((options: {
    defaultContent: ReactNode;
}) => ReactNode)

Settings

Member Visibility

On This Page

Properties
isCoHostModalVisiblecurrentCohostparticipantscoHostResponsibilitypositionbackgroundColorroomNameshowAlertupdateCoHostResponsibilityupdateCoHostupdateIsCoHostModalVisiblesocketonCoHostCloseonModifyEventSettingstitleoverlayPropscontentPropsheaderPropstitlePropscloseButtonPropscloseIconComponentheaderDividerPropsbodyPropscurrentCoHostFieldPropscurrentCoHostLabelPropscurrentCoHostInputPropsselectCoHostFieldPropsselectCoHostLabelPropsselectCoHostSelectPropsresponsibilitiesWrapperPropsresponsibilitiesHeaderRowPropsresponsibilityHeaderLabelPropsresponsibilitySelectHeaderPropsresponsibilityDedicatedHeaderPropsresponsibilityRowPropsresponsibilityNamePropsresponsibilitySelectPropsresponsibilityDedicatedPropsresponsibilitySelectCheckboxPropsresponsibilityDedicatedCheckboxPropsfooterPropssaveButtonPropscurrentCoHostLabelselectCoHostLabelresponsibilityHeaderLabelresponsibilitySelectLabelresponsibilityDedicatedLabelsaveButtonLabelresponsibilityItemsrenderHeaderrenderBodyrenderResponsibilitiesrenderResponsibilityRowrenderFooterrenderContent