@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.37 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"),n=require("@mui/material/Stack"),o=require("@mui/icons-material/Link"),l=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"),h=require("@mui/icons-material/PeopleAlt"),p=require("./components/AccessManagement/AccessManager.js"),x=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 y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function v(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=v(i),k=y(r),O=y(a),S=y(n),$=y(o),w=y(l),M=y(s),D=y(d),I=y(u),P=y(c),T=y(m),A=y(f),L=y(h);const U="NexusShareDialog",R=q.forwardRef(((i,t)=>e.jsx(D.default,{direction:"up",ref:t,...i})));exports.ShareDialogComponent=r=>{const{inviteConfig:a,orgShareConfig:n,users:o,onUserPermissionChange:l,onUserResend:s,onUserRemoved:d,shareURL:u,loading:c,editable:m,loadingMessage:f,title:h,sx:y,...v}=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(x.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},...y},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(w.default,{"aria-label":B("Close"),onClick:e=>v.onClose&&v.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:h||B("Invite")})]}),_&&u&&e.jsx(A.default,{"data-testid":`${U}-linkTooltip`,title:B(q?"Link copied":"Copy Link"),children:e.jsx(w.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=>v.onClose&&v.onClose(e,"escapeKeyDown")}]],DialogActionsProps:{sx:{borderTop:e=>`1px solid ${e.vars.palette.divider}`}},...v,children:e.jsxs(T.default,{id:`${U}-description`,role:"region","aria-label":"Share dialog content",children:[e.jsx(j.EmailInvite,{...a}),n?.visible&&n?.selectedOrg&&e.jsx(C.OrgShare,{isMobile:_,orgShareConfig:n}),(!n?.visible||!n?.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:o&&o.length>0?B("Shared with these people"):B("Not shared with anyone")})]}),e.jsx(p.AccessManager,{sx:{mt:4},isMobile:_,editable:m,onUserPermissionChange:l,onUserRemoved:d,onUserResend:s,users:o,isMeOwner:!n?.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(M.default,{"aria-label":"loading"}),f&&e.jsx(O.default,{variant:"h6",color:"primary",sx:{mt:2},children:f})]})]})})};