@nexusui/components
Version:
These are custom components specially-developed for NexusUI applications. They will make your life easier by giving you out-of-the-box implementations for various high-level UI elements that you can drop directly into your application.
2 lines (1 loc) • 4.33 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),i=require("react"),t=require("@mui/material/styles"),r=require("@mui/material/useMediaQuery"),a=require("@mui/material/Typography"),l=require("@mui/material/Stack"),n=require("@mui/icons-material/Link"),o=require("@mui/material/IconButton"),s=require("@mui/material/CircularProgress"),d=require("@mui/material/Slide"),u=require("@mui/icons-material/Close"),c=require("@mui/icons-material/Check"),m=require("@mui/material/Box"),f=require("@mui/material/Tooltip"),p=require("@mui/icons-material/PeopleAlt"),x=require("./components/AccessManagement/AccessManager.js"),h=require("../Dialog/Dialog.container.js"),g=require("./locale.json.js"),j=require("./components/EmailInvite/EmailInvite.js"),b=require("../locales/index.js"),C=require("./components/OrgShare/OrgShare.js");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function y(e){if(e&&e.__esModule)return e;var i=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(i,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})}})),i.default=e,Object.freeze(i)}var q=y(i),k=v(r),O=v(a),S=v(l),$=v(n),M=v(o),w=v(s),D=v(d),I=v(u),P=v(c),T=v(m),A=v(f),L=v(p);const U="NexusShareDialog",R=q.forwardRef(((i,t)=>e.jsx(D.default,{direction:"up",ref:t,...i})));exports.ShareDialogComponent=r=>{const{inviteConfig:a,orgShareConfig:l,users:n,onUserPermissionChange:o,onUserResend:s,onUserRemoved:d,shareURL:u,loading:c,editable:m,loadingMessage:f,title:p,sx:v,...y}=r,[q,D]=i.useState(!1),B=b.useTranslate(g.default),E=t.useTheme(),_=k.default(E.breakpoints.down("sm")),K=i.useCallback((()=>{u&&(navigator.clipboard.writeText(u),D(!0),setTimeout((()=>{D(!1)}),2e3))}),[u]);return e.jsx(h.Dialog,{"data-testid":`${U}-root`,fullScreen:_,TransitionComponent:R,TransitionProps:{timeout:_?250:0},"aria-labelledby":`${U}-title`,"aria-describedby":`${U}-description`,sx:{"& .MuiPaper-root":{width:"100%",maxWidth:684,maxHeight:{xs:"100%",sm:"80%"}},"& .MuiDialogContent-root":{py:4,px:4},...v},title:e.jsxs(S.default,{direction:"row",justifyContent:"space-between",alignItems:"center",children:[e.jsxs(T.default,{children:[_&&e.jsx(A.default,{title:B("Close"),children:e.jsx(M.default,{"aria-label":B("Close"),onClick:e=>y.onClose&&y.onClose(e,"escapeKeyDown"),color:"inherit","data-testid":`${U}-closeButton`,sx:{mr:2,ml:-3},children:e.jsx(I.default,{})})}),e.jsx(O.default,{id:`${U}-title`,variant:"h6",component:"h2",children:p||B("Invite")})]}),_&&u&&e.jsx(A.default,{"data-testid":`${U}-linkTooltip`,title:B(q?"Link copied":"Copy Link"),children:e.jsx(M.default,{"aria-label":B("Copy Link"),onClick:K,color:"inherit","data-testid":`${U}-linkIcon`,sx:{mr:-2},children:e.jsx($.default,{})})})]}),leftActions:[..._?[]:[...u?[{children:B(q?"Link copied":"Copy Link"),variant:"text","data-testid":`${U}-linkButton`,startIcon:q?e.jsx(P.default,{}):e.jsx($.default,{}),onClick:K}]:[]]],rightActions:[..._?[]:[{children:B("Close"),variant:"outlined","data-testid":`${U}-closeButton`,onClick:e=>y.onClose&&y.onClose(e,"escapeKeyDown")}]],DialogActionsProps:{sx:{borderTop:e=>`1px solid ${e.vars.palette.divider}`}},...y,children:e.jsxs(T.default,{id:`${U}-description`,role:"region","aria-label":"Share dialog content",children:[e.jsx(j.EmailInvite,{...a}),l?.visible&&l?.selectedOrg&&e.jsx(C.OrgShare,{isMobile:_,orgShareConfig:l}),(!l?.visible||!l?.selectedOrg)&&e.jsxs(T.default,{sx:{display:"flex",justifyContent:"flex-start",alignItems:"center",p:2,ml:2,pb:0,mt:2},role:"heading","aria-level":2,children:[e.jsx(L.default,{"aria-hidden":"true"}),e.jsx(O.default,{variant:"body2",fontWeight:700,sx:{ml:6},children:B("Shared with these people")})]}),e.jsx(x.AccessManager,{sx:{mt:4},isMobile:_,editable:m,onUserPermissionChange:o,onUserRemoved:d,onUserResend:s,users:n,isMeOwner:!l?.disabled}),c&&e.jsxs(S.default,{"data-testid":`${U}-loading`,sx:{position:"absolute",top:0,left:0,right:0,bottom:0,bgcolor:e=>`rgba(${e.vars.palette.background.paperChannel} / 0.75)`},alignItems:"center",justifyContent:"center",role:"alert","aria-busy":"true",children:[e.jsx(w.default,{"aria-label":"loading"}),f&&e.jsx(O.default,{variant:"h6",color:"primary",sx:{mt:2},children:f})]})]})})};