@@ -497,85 +497,3 @@ export const _withAILabel = {
497497 ) ;
498498 } ,
499499} ;
500- const alertOnClose = ( ) => {
501- alert ( 'modal will close' ) ;
502- } ;
503-
504- export const testA = {
505- name : 'passive - close on outside' ,
506- render : ( ) => {
507- return (
508- < ComposedModal open onClose = { alertOnClose } >
509- < ModalHeader > ModalHeader content</ ModalHeader >
510- < ModalBody > ModalBody content</ ModalBody >
511- { /* ModalFooter is omitted, this is what makes it passive */ }
512- </ ComposedModal >
513- ) ;
514- } ,
515- } ;
516- export const testB = {
517- name : 'passive w/ preventClose - do not close outside' ,
518- render : ( ) => {
519- return (
520- < ComposedModal open onClose = { alertOnClose } preventCloseOnClickOutside >
521- < ModalHeader > ModalHeader content</ ModalHeader >
522- < ModalBody > ModalBody content</ ModalBody >
523- { /* ModalFooter is omitted, this is what makes it passive */ }
524- </ ComposedModal >
525- ) ;
526- } ,
527- } ;
528- export const testC = {
529- name : 'passive w/ preventClose={false} - close on outside' ,
530- render : ( ) => {
531- return (
532- < ComposedModal
533- open
534- onClose = { alertOnClose }
535- preventCloseOnClickOutside = { false } >
536- < ModalHeader > ModalHeader content</ ModalHeader >
537- < ModalBody > ModalBody content</ ModalBody >
538- { /* ModalFooter is omitted, this is what makes it passive */ }
539- </ ComposedModal >
540- ) ;
541- } ,
542- } ;
543- export const testD = {
544- name : 'non-passive - do not close on outside' ,
545- render : ( ) => {
546- return (
547- < ComposedModal open onClose = { alertOnClose } >
548- < ModalHeader > ModalHeader content</ ModalHeader >
549- < ModalBody > ModalBody content</ ModalBody >
550- < ModalFooter primaryButtonText = "Confirm" secondaryButtonText = "Cancel" />
551- </ ComposedModal >
552- ) ;
553- } ,
554- } ;
555- export const testE = {
556- name : 'non-passive w/ preventClose - do not close on outside' ,
557- render : ( ) => {
558- return (
559- < ComposedModal open onClose = { alertOnClose } preventCloseOnClickOutside >
560- < ModalHeader > ModalHeader content</ ModalHeader >
561- < ModalBody > ModalBody content</ ModalBody >
562- < ModalFooter primaryButtonText = "Confirm" secondaryButtonText = "Cancel" />
563- </ ComposedModal >
564- ) ;
565- } ,
566- } ;
567- export const testF = {
568- name : 'non-passive w/ preventClose={false} - close on outside with warning' ,
569- render : ( ) => {
570- return (
571- < ComposedModal
572- open
573- onClose = { alertOnClose }
574- preventCloseOnClickOutside = { false } >
575- < ModalHeader > ModalHeader content</ ModalHeader >
576- < ModalBody > ModalBody content</ ModalBody >
577- < ModalFooter primaryButtonText = "Confirm" secondaryButtonText = "Cancel" />
578- </ ComposedModal >
579- ) ;
580- } ,
581- } ;
0 commit comments