Add custom intervention modals

This commit is contained in:
adilallo
2026-05-01 22:05:05 -06:00
parent 58d0e33500
commit dee2dd800e
67 changed files with 3480 additions and 197 deletions
@@ -27,6 +27,7 @@ const CreateContainer = memo<CreateProps>(
ariaLabel,
ariaLabelledBy,
backdropVariant = "default",
stepper,
}) => {
const createRef = useRef<HTMLDivElement>(null);
const overlayRef = useRef<HTMLDivElement>(null);
@@ -58,6 +59,7 @@ const CreateContainer = memo<CreateProps>(
createRef={createRef}
overlayRef={overlayRef}
backdropVariant={backdropVariant}
stepper={stepper}
/>
);
},
@@ -35,6 +35,8 @@ export interface CreateProps {
* @default "default"
*/
backdropVariant?: CreateModalBackdropVariant;
/** Passed through to ModalFooter; set explicitly when step visibility must not infer from steps alone. */
stepper?: boolean;
}
export interface CreateViewProps {
@@ -60,4 +62,5 @@ export interface CreateViewProps {
createRef: RefObject<HTMLDivElement | null>;
overlayRef: RefObject<HTMLDivElement | null>;
backdropVariant: CreateModalBackdropVariant;
stepper?: boolean;
}
@@ -29,6 +29,7 @@ export function CreateView({
createRef,
overlayRef,
backdropVariant,
stepper,
}: CreateViewProps) {
return (
<CreateModalFrameView
@@ -70,6 +71,7 @@ export function CreateView({
nextButtonDisabled={nextButtonDisabled}
currentStep={currentStep}
totalSteps={totalSteps}
stepper={stepper}
footerContent={footerContent}
/>
</CreateModalFrameView>