@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) • 1.67 kB
JavaScript
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@mui/material/Stack"),i=require("@mui/material/Avatar"),s=require("@mui/material/Box"),o=require("../PermissionPicker/PermissionPicker.component.js"),a=require("../../../locales/index.js"),t=require("../../locale.json.js"),n=require("../OrgPicker/OrgPicker.component.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=l(r),d=l(i),u=l(s);exports.OrgShare=r=>{const{orgShareConfig:i,onShowBottomSheet:s,isMobile:l=!1,...m}=r,g=a.useTranslate(t.default),h=Boolean(i?.visible),p={permissionLevels:i?.permissionLevels||[{value:"noAccess",label:g("no access")},{value:"readOnly",label:g("can view")},{value:"readWrite",label:g("can edit")}],permissionLevel:i?.permissionLevel||"noAccess",orgOptions:i?.orgOptions,selectedOrg:i?.selectedOrg,editable:i?.editable||!1,disabled:i?.disabled||!1,disabledMessage:i?.disabledMessage||"",onPermissionChange:i?.onPermissionChange||(()=>{}),onOrgChange:i?.onOrgChange||(()=>{})},b=h&&p.orgOptions&&p.orgOptions.find((e=>e.value===p.selectedOrg))?.icon;return e.jsx(c.default,{"data-testid":"NexusOrgShare-root",...m,children:h&&e.jsxs(c.default,{"data-testid":"NexusOrgShare-org",direction:"row",alignItems:"center",sx:{mt:4,pl:2,py:2,cursor:l?"pointer":"default"},children:[e.jsx(d.default,{sx:{bgcolor:e=>`rgba(${e.vars.palette.primary.mainChannel} / 0.08)`,color:"primary.main",width:40,height:40,mr:2},children:b}),e.jsx(n.OrgPicker,{...p,useBottomsheet:l,isMobile:l}),e.jsx(u.default,{sx:{flex:1}}),e.jsx(o.PermissionPicker,{...p,useBottomsheet:l,isMobile:l,showPermissionLabel:!0})]})})};