UNPKG

@transkripid/flowbite-react

Version:

Official React components built for Flowbite and Tailwind CSS - Transkrip.id fork

3 lines (2 loc) 3.07 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const F=require("react/jsx-runtime"),te=require("react/compiler-runtime"),l=require("@floating-ui/react"),J=require("react"),K=require("tailwind-merge"),oe=require("../../helpers/merge-deep.js"),se=require("../../theme-store/index.js"),L=require("./ModalBody.js"),le=require("./ModalContext.js"),Q=require("./ModalFooter.js"),U=require("./ModalHeader.js"),V=J.forwardRef((T,B)=>{const e=te.c(55);let a,x,d,n,q,o,c,i,y,h,v,r;e[0]!==T?({children:a,className:x,dismissible:y,onClose:n,popup:q,position:h,root:c,show:i,size:v,theme:r,initialFocus:d,...o}=T,e[0]=T,e[1]=a,e[2]=x,e[3]=d,e[4]=n,e[5]=q,e[6]=o,e[7]=c,e[8]=i,e[9]=y,e[10]=h,e[11]=v,e[12]=r):(a=e[1],x=e[2],d=e[3],n=e[4],q=e[5],o=e[6],c=e[7],i=e[8],y=e[9],h=e[10],v=e[11],r=e[12]);const P=y===void 0?!1:y,W=h===void 0?"center":h,X=v===void 0?"2xl":v;let b;e[13]!==r?(b=r===void 0?{}:r,e[13]=r,e[14]=b):b=e[14];const Y=b,[O,Z]=J.useState(void 0),t=oe.mergeDeep(se.getTheme().modal,Y);let u;e[15]!==n?(u=()=>n&&n(),e[15]=n,e[16]=u):u=e[16];let j;e[17]!==i||e[18]!==u?(j={open:i,onOpenChange:u},e[17]=i,e[18]=u,e[19]=j):j=e[19];const{context:s}=l.useFloating(j);let w;e[20]!==s.refs.setFloating||e[21]!==B?(w=[s.refs.setFloating,B],e[20]=s.refs.setFloating,e[21]=B,e[22]=w):w=e[22];const S=l.useMergeRefs(w),k=l.useClick(s);let N;e[23]!==P?(N={outsidePressEvent:"mousedown",enabled:P},e[23]=P,e[24]=N):N=e[24];const z=l.useDismiss(s,N),D=l.useRole(s);let C;e[25]!==k||e[26]!==z||e[27]!==D?(C=[k,z,D],e[25]=k,e[26]=z,e[27]=D,e[28]=C):C=e[28];const{getFloatingProps:I}=l.useInteractions(C);if(!i)return null;const R=l.FloatingPortal,$=l.FloatingOverlay,_=!0,ee="modal-overlay",E=K.twMerge(t.root.base,t.root.positions[W],i?t.root.show.on:t.root.show.off,x),A=l.FloatingFocusManager;let m;e[29]!==I||e[30]!==o?(m=I(o),e[29]=I,e[30]=o,e[31]=m):m=e[31];const G=K.twMerge(t.content.base,t.root.sizes[X]);let M;e[32]!==a||e[33]!==t.content.inner?(M=F.jsx("div",{className:t.content.inner,children:a}),e[32]=a,e[33]=t.content.inner,e[34]=M):M=e[34];let f;e[35]!==O||e[36]!==S||e[37]!==m||e[38]!==G||e[39]!==M?(f=F.jsx("div",{ref:S,...m,"aria-labelledby":O,className:G,children:M}),e[35]=O,e[36]=S,e[37]=m,e[38]=G,e[39]=M,e[40]=f):f=e[40];let g;e[41]!==A||e[42]!==s||e[43]!==d||e[44]!==f?(g=F.jsx(A,{context:s,initialFocus:d,children:f}),e[41]=A,e[42]=s,e[43]=d,e[44]=f,e[45]=g):g=e[45];let p;e[46]!==$||e[47]!==o||e[48]!==E||e[49]!==g?(p=F.jsx($,{lockScroll:_,"data-testid":ee,className:E,...o,children:g}),e[46]=$,e[47]=o,e[48]=E,e[49]=g,e[50]=p):p=e[50];let H;return e[51]!==R||e[52]!==c||e[53]!==p?(H=F.jsx(R,{root:c,children:p}),e[51]=R,e[52]=c,e[53]=p,e[54]=H):H=e[54],F.jsx(le.ModalContext.Provider,{value:{theme:t,popup:q,onClose:n,setHeaderId:Z},children:H})});V.displayName="Modal";U.ModalHeader.displayName="Modal.Header";L.ModalBody.displayName="Modal.Body";Q.ModalFooter.displayName="Modal.Footer";const ne=Object.assign(V,{Header:U.ModalHeader,Body:L.ModalBody,Footer:Q.ModalFooter});exports.Modal=ne; //# sourceMappingURL=Modal.js.map