@pautena/react-design-system 0.16.0 → 0.17.0

package/header-layout/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../src/loading-area/loading-area.tsx","../../src/tab-provider/tab-provider.context.ts","../../src/tab-provider/tab-provider.provider.tsx","../../src/placeholder/placeholder.tsx","../../src/header-layout/header-layout.tsx"],"sourcesContent":["import CircularProgress from \"@mui/material/CircularProgress\";\nimport Box from \"@mui/material/Box\";\n\n/**\n * Displays a centered loading indicator\n */\nexport const LoadingArea = () => {\n  return (\n    <Box width={1} height={1} display=\"flex\" justifyContent=\"center\" alignItems=\"center\">\n      <CircularProgress />\n    </Box>\n  );\n};\n","import { createContext, Dispatch, SetStateAction, useContext } from \"react\";\n\nexport const TabContext = createContext<[number, Dispatch<SetStateAction<number>>]>([\n  0,\n  () => null,\n]);\nexport const TabContextProvider = TabContext.Provider;\nexport const useTab = () => useContext(TabContext);\n","import { PropsWithChildren, useState } from \"react\";\nimport { TabContextProvider } from \"./tab-provider.context\";\n\ntype TabProviderProps = PropsWithChildren<{\n  initialValue?: number;\n}>;\n\nexport const TabProvider = ({ children, initialValue = 0 }: TabProviderProps) => {\n  const tabState = useState(initialValue);\n\n  return <TabContextProvider value={tabState}>{children}</TabContextProvider>;\n};\n","import { ReactElement } from \"react\";\nimport Box from \"@mui/material/Box\";\nimport Typography from \"@mui/material/Typography\";\nimport Button from \"@mui/material/Button\";\n\ntype IconColor =\n  | \"inherit\"\n  | \"action\"\n  | \"disabled\"\n  | \"primary\"\n  | \"secondary\"\n  | \"error\"\n  | \"info\"\n  | \"success\"\n  | \"warning\";\n\nexport interface PlaceholderAction {\n  id: string;\n  text: string;\n  href?: string;\n  onClick?: () => void;\n}\n\nexport interface PlaceholderIconArgs {\n  size: number;\n  color: IconColor;\n}\n\nexport type PlaceholderIcon = ({ size, color }: PlaceholderIconArgs) => ReactElement;\n\nexport interface PlaceholderProps {\n  title: string;\n  subtitle: string;\n  iconSize?: number;\n  icon?: PlaceholderIcon;\n  actions?: PlaceholderAction[];\n}\n\nexport const Placeholder = ({\n  title,\n  subtitle,\n  icon,\n  iconSize = 200,\n  actions,\n}: PlaceholderProps) => {\n  return (\n    <Box\n      display=\"flex\"\n      flexDirection=\"column\"\n      justifyContent=\"center\"\n      alignItems=\"center\"\n      textAlign=\"center\"\n    >\n      {icon && icon({ size: iconSize, color: \"primary\" })}\n      <Typography variant=\"h4\" role=\"heading\" aria-level={1}>\n        {title}\n      </Typography>\n      <Typography variant=\"subtitle1\" role=\"heading\" aria-level={2} sx={{ mt: 2 }}>\n        {subtitle}\n      </Typography>\n      {actions && (\n        <Box sx={{ pt: 2 }}>\n          {actions.map(({ id, text, href, onClick }, index) => (\n            <Button\n              key={id}\n              role=\"button\"\n              variant=\"contained\"\n              href={href}\n              onClick={onClick}\n              sx={{ mr: index < actions.length - 1 ? 2 : 0 }}\n            >\n              {text}\n            </Button>\n          ))}\n        </Box>\n      )}\n    </Box>\n  );\n};\n","import Box from \"@mui/material/Box\";\nimport LinearProgress from \"@mui/material/LinearProgress\";\nimport { LoadingArea } from \"../loading-area\";\nimport { TabProvider } from \"../tab-provider\";\nimport ReportProblemIcon from \"@mui/icons-material/ReportProblem\";\nimport { Placeholder, PlaceholderIcon } from \"../placeholder\";\nimport { HeaderElement } from \"../header\";\nimport { ContentElement } from \"../content\";\n\nexport interface HeaderLayoutError {\n  icon?: PlaceholderIcon;\n  title?: string;\n  message: string;\n}\n\nexport interface HeaderLayoutProps {\n  loading?: boolean;\n  fetching?: boolean;\n  error?: HeaderLayoutError;\n  children: [HeaderElement, ContentElement];\n}\n\nconst DefaultErrorIcon = () => <ReportProblemIcon color=\"error\" sx={{ width: 200, height: 200 }} />;\n\nexport const HeaderLayout = ({ loading, children, fetching, error }: HeaderLayoutProps) => {\n  const [headerElement, contentElement] = children;\n\n  return (\n    <TabProvider>\n      <Box display=\"flex\" flexDirection=\"column\" height={1}>\n        {headerElement}\n        {fetching && (\n          <Box width={1}>\n            <LinearProgress />\n          </Box>\n        )}\n        {loading && <LoadingArea />}\n        {error && (\n          <Box mt={4}>\n            <Placeholder\n              icon={error.icon || DefaultErrorIcon}\n              title={error.title || \"There has been an error\"}\n              subtitle={error.message}\n            />\n          </Box>\n        )}\n        {!loading && !error && contentElement}\n      </Box>\n    </TabProvider>\n  );\n};\n"],"names":["LoadingArea","_jsx","Box","width","height","display","justifyContent","alignItems","children","CircularProgress","TabContextProvider","createContext","Provider","TabProvider","initialValue","tabState","useState","value","Placeholder","title","subtitle","icon","iconSize","actions","_jsxs","flexDirection","textAlign","size","color","Typography","variant","role","sx","mt","pt","map","id","text","href","onClick","index","Button","mr","length","DefaultErrorIcon","ReportProblemIcon","HeaderLayout","loading","fetching","error","headerElement","contentElement","LinearProgress","message"],"mappings":"8VAMO,MAAMA,EAAc,IAEvBC,EAACC,EAAG,CAACC,MAAO,EAAGC,OAAQ,EAAGC,QAAQ,OAAOC,eAAe,SAASC,WAAW,SAAQC,SAClFP,EAACQ,EAAmB,CAAA,KCHbC,EAJaC,EAA0D,CAClF,EACA,IAAM,OAEqCC,SCChCC,EAAc,EAAGL,WAAUM,eAAe,MACrD,MAAMC,EAAWC,EAASF,GAE1B,OAAOb,EAACS,EAAmB,CAAAO,MAAOF,EAAQP,SAAGA,GAA8B,EC4BhEU,EAAc,EACzBC,QACAC,WACAC,OACAC,WAAW,IACXC,aAGEC,EAACtB,EACC,CAAAG,QAAQ,OACRoB,cAAc,SACdnB,eAAe,SACfC,WAAW,SACXmB,UAAU,SAAQlB,SAAA,CAEjBa,GAAQA,EAAK,CAAEM,KAAML,EAAUM,MAAO,YACvC3B,EAAC4B,EAAU,CAACC,QAAQ,KAAKC,KAAK,UAAS,aAAa,EAACvB,SAClDW,IAEHlB,EAAC4B,EAAU,CAACC,QAAQ,YAAYC,KAAK,UAAS,aAAa,EAAGC,GAAI,CAAEC,GAAI,GAAGzB,SACxEY,IAEFG,GACCtB,EAACC,GAAI8B,GAAI,CAAEE,GAAI,GACZ1B,SAAAe,EAAQY,KAAI,EAAGC,KAAIC,OAAMC,OAAMC,WAAWC,IACzCvC,EAACwC,GAECV,KAAK,SACLD,QAAQ,YACRQ,KAAMA,EACNC,QAASA,EACTP,GAAI,CAAEU,GAAIF,EAAQjB,EAAQoB,OAAS,EAAI,EAAI,GAE1CnC,SAAA6B,GAPID,UC1CbQ,EAAmB,IAAM3C,EAAC4C,EAAiB,CAACjB,MAAM,QAAQI,GAAI,CAAE7B,MAAO,IAAKC,OAAQ,OAE7E0C,EAAe,EAAGC,UAASvC,WAAUwC,WAAUC,YAC1D,MAAOC,EAAeC,GAAkB3C,EAExC,OACEP,EAACY,YACCW,EAACtB,GAAIG,QAAQ,OAAOoB,cAAc,SAASrB,OAAQ,YAChD8C,EACAF,GACC/C,EAACC,EAAG,CAACC,MAAO,WACVF,EAACmD,QAGJL,GAAW9C,EAACD,EAAW,IACvBiD,GACChD,EAACC,GAAI+B,GAAI,EACPzB,SAAAP,EAACiB,EACC,CAAAG,KAAM4B,EAAM5B,MAAQuB,EACpBzB,MAAO8B,EAAM9B,OAAS,0BACtBC,SAAU6B,EAAMI,aAIpBN,IAAYE,GAASE,MAEb"}

package/header-layout/package.json

@@ -1,12 +0,0 @@
-{
-  "name": "@pautena/react-design-system/header-layout",
-  "private": true,
-  "main": "./cjs/index.js",
-  "module": "./index.js",
-  "types": "./index.d.ts",
-  "dependencies": {
-    "@mui/icons-material": "^6.4.5",
-    "@mui/material": "^6.4.5",
-    "react": "^19.0.0"
-  }
-}

package/index.d.ts

@@ -1,55 +0,0 @@
-export * from "./expandable-alert";
-export * from "./content";
-export * from "./center-container";
-export * from "./list-panel";
-export * from "./bullet";
-export * from "./label";
-export * from "./header";
-export * from "./board";
-export * from "./markdown";
-export * from "./confirm-dialog";
-export * from "./form-dialog";
-export * from "./bootstrap-dialog";
-export * from "./dialog";
-export * from "./drawer-provider";
-export * from "./drawer-content";
-export * from "./drawer-section";
-export * from "./drawer-subheader";
-export * from "./drawer-app-bar";
-export * from "./drawer";
-export * from "./drawer-main";
-export * from "./loading-area";
-export * from "./query-container";
-export * from "./select";
-export * from "./sign-in";
-export * from "./autocomplete";
-export * from "./date-range-picker";
-export * from "./date-range-calendar";
-export * from "./text-field";
-export * from "./action";
-export * from "./tab-card";
-export * from "./tab-panel";
-export * from "./placeholder";
-export * from "./skeleton-grid";
-export * from "./skeleton-card";
-export * from "./content-placeholder";
-export * from "./enhanced-table";
-export * from "./enhanced-remote-table";
-export * from "./value-text";
-export * from "./value-card";
-export * from "./value-boolean";
-export * from "./value-datetime";
-export * from "./group-value-card";
-export * from "./value-rating";
-export * from "./value-base";
-export * from "./value-item";
-export * from "./value-label";
-export * from "./utils";
-export * from "./drawer-layout";
-export * from "./header-layout";
-export * from "./notification-center";
-export * from "./tab-provider";
-export * from "./object-details";
-export * from "./generators";
-export * from "./model-form";
-export * from "./table-list";

package/index.js

@@ -1,2 +0,0 @@
-import{jsx as e,jsxs as t,Fragment as i}from"react/jsx-runtime";import r,{alertClasses as n}from"@mui/material/Alert";import a from"@mui/material/Box";import l from"@mui/material/Collapse";import o,{iconButtonClasses as d}from"@mui/material/IconButton";import c from"@mui/material/AlertTitle";import s from"@mui/icons-material/ExpandMore";import m from"@mui/icons-material/ExpandLess";import p from"@mui/icons-material/Close";import*as u from"react";import{forwardRef as h,useState as g,createContext as f,useContext as b,createElement as x,useRef as y,useId as v,useEffect as C,useMemo as w}from"react";import k,{paperClasses as S}from"@mui/material/Paper";import T from"@mui/material/Tooltip";import z from"@mui/material/Typography";import{useTheme as I,styled as A}from"@mui/material/styles";import{blueGrey as W,grey as P}from"@mui/material/colors";import E from"@mui/icons-material/ContentCopy";import D from"@mui/material/Container";import B from"@mui/material/Grid";import R from"@mui/material/List";import $ from"@mui/material/ListItemButton";import V from"@mui/material/ListItemText";import{useTheme as L,Link as O}from"@mui/material";import j from"@mui/material/Badge";import M from"@mui/material/Breadcrumbs";import H from"@mui/material/Tabs";import F from"@mui/material/Tab";import N from"@mui/material/Button";import q,{circularProgressClasses as Y}from"@mui/material/CircularProgress";import X from"@mui/material/Link";import G from"@mui/material/Dialog";import U from"@mui/material/DialogTitle";import _ from"@mui/material/DialogActions";import J from"@mui/material/DialogContent";import K from"@mui/material/TextField";import Q,{drawerClasses as Z}from"@mui/material/Drawer";import ee from"@mui/material/Divider";import te from"@mui/icons-material/ChevronLeft";import ie from"@mui/material/ListSubheader";import re from"@mui/material/ListItemIcon";import ne from"@mui/material/Popover";import ae from"@mui/icons-material/ChevronRight";import le from"@mui/material/Avatar";import oe from"@mui/material/ListItemAvatar";import de from"@mui/material/AppBar";import ce from"@mui/material/Toolbar";import se from"@mui/icons-material/Menu";import me,{linearProgressClasses as pe}from"@mui/material/LinearProgress";import ue from"@mui/material/FormControl";import he,{inputLabelClasses as ge}from"@mui/material/InputLabel";import fe from"@mui/material/Select";import be from"@mui/material/Stack";import xe,{autocompleteClasses as ye}from"@mui/material/Autocomplete";import ve from"@mui/material/FormHelperText";import Ce,{outlinedInputClasses as we}from"@mui/material/OutlinedInput";import ke from"@mui/material/InputAdornment";import{isAfter as Se,isBefore as Te,isSameDay as ze,startOfWeek as Ie,endOfWeek as Ae,format as We}from"date-fns";import Pe from"@mui/icons-material/Event";import{DateCalendar as Ee,PickersDay as De,DesktopDatePicker as Be,TimePicker as Re,DateTimePicker as $e}from"@mui/x-date-pickers";import Ve from"@mui/material/DialogContentText";import Le from"@mui/material/Skeleton";import Oe from"@mui/material/TableContainer";import je from"@mui/material/TableBody";import Me from"@mui/material/Table";import He from"@mui/material/TableCell";import Fe from"@mui/material/TableRow";import Ne from"@mui/icons-material/Search";import qe from"@mui/material/TableSortLabel";import Ye from"@mui/material/TableHead";import Xe from"@mui/icons-material/Check";import Ge from"@mui/icons-material/Clear";import Ue from"@mui/icons-material/Edit";import _e from"@mui/material/Switch";import{DatePicker as Je}from"@mui/x-date-pickers/DatePicker";import{DateTimePicker as Ke}from"@mui/x-date-pickers/DateTimePicker";import{TimePicker as Qe}from"@mui/x-date-pickers/TimePicker";import Ze from"@mui/material/Rating";import et from"@mui/icons-material/ReportProblem";import tt from"@mui/material/Snackbar";import{DataGrid as it}from"@mui/x-data-grid";import rt from"@mui/material/FormControlLabel";import nt from"@mui/material/Checkbox";import at from"@mui/material/MenuItem";import lt from"@mui/material/Menu";import ot from"@mui/icons-material/MoreVert";const dt=({content:i,spacing:r=0,children:n,sx:l})=>{const{spacing:d,typography:c}=I();let s,m;return Array.isArray(i)?(m=i.map(((t,i)=>e(z,{sx:{pb:r},children:t},i))),s=i.join("\n")):(m=e(z,{children:i}),s=i||""),e(k,{sx:{position:"relative",pl:2,pr:4,py:1,backgroundColor:W[800],color:"white",...l},children:t(a,{display:"flex",flexDirection:"row",children:[e(a,{width:1,children:n||m}),e(a,{sx:{position:"absolute",top:d(.5),right:d(.5)},children:s&&e(o,{"aria-label":"copy board content",color:"inherit",onClick:()=>navigator.clipboard.writeText(s),children:e(T,{title:"Copy",children:e(E,{sx:{fontSize:c.pxToRem(18)}})})})})]})})},ct={[`& .${n.message}`]:{width:1}},st=h((({severity:i,iconMapping:n,title:d,message:u,metadata:h,metadataComponent:f,onClose:b,sx:x={}},y)=>{const[v,C]=g(!1);return e(r,{ref:y,severity:i,iconMapping:n,onClose:b,action:t(a,{display:"flex",flexDirection:"column",children:[e(o,{color:"inherit",onClick:b,children:e(p,{fontSize:"small"})}),h&&e(o,{color:"inherit",onClick:()=>C((e=>!e)),children:e(v?m:s,{fontSize:"small"})})]}),sx:{...ct,...x},children:t(a,{sx:{w:1},children:[d&&e(c,{children:d}),u,h&&e(l,{in:v,sx:{mt:2},children:e(dt,{content:h,children:f})})]})})})),mt=({children:t})=>e(D,{component:"main",sx:{py:3,flexGrow:1},children:t});function pt({children:t,centerVertical:i=!0,centerHorizontal:r=!0,sx:n}){return e(a,{width:1,height:1,sx:{...n,display:"flex",flexDirection:"column",justifyContent:i?"center":"flex-start",alignItems:r?"center":"flex-start"},children:t})}const ut=(e,t)=>new Array(e).fill(t),ht=e=>{const t=Math.floor(Math.random()*e.length);return{index:t,item:e[t]}},gt=({lightWeight:e=100,darkWeight:t=900}={})=>{const{palette:i}=L();return"light"===i.mode?i.grey[e]:i.grey[t]},ft=(e=12)=>{const t=(t,i,r)=>{const n=t[i];return t[i]+=r,t[i]>e?(t[i]=r,!1):(t[i]==e&&(t[i]=0),n>0)};return{xs:0,sm:0,md:0,lg:0,xl:0,increment:function({xs:e=0,sm:i=0,md:r=0,lg:n=0,xl:a=0}){const l=i||e,o=r||l,d=n||o,c=a||d;return{xs:t(this,"xs",e),sm:t(this,"sm",l),md:t(this,"md",o),lg:t(this,"lg",d),xl:t(this,"xl",c)}}}},bt=e=>{const t=new FormData(e.currentTarget),i={};return t.forEach(((e,t)=>{i[t]=e})),i},xt=f(void 0),yt=xt.Provider,vt=()=>b(xt),Ct=({items:i,defaultSelectedItem:r,colBreakpoint:n=3,listMode:a="panel",children:l,onSelectedItemChange:o=(()=>null)})=>{i.map((e=>e.path)).filter(Boolean);const d=gt(),{palette:c,typography:s}=L(),[m,p]=g(r);return e(yt,{value:m,children:t(B,{container:!0,bgcolor:d,height:1,children:[e(B,{item:!0,xs:n,pl:1,height:1,children:e(R,{sx:{height:1,overflowY:"auto"},children:i.map((({id:t,text:i,tooltip:r,path:n,href:l})=>{const d=x($,{..."navigation"===a?{component:O,href:l}:{},key:t,dense:!0,onClick:()=>(e=>{p(e),o(e)})(t),"aria-label":i},e(V,{primary:i,primaryTypographyProps:{color:P[600]}}));return r?e(T,{title:r,enterDelay:1500,placement:"right",children:d},t):d}))})}),e(B,{item:!0,xs:12-n,pl:1,py:1,pr:1,children:e(k,{elevation:0,sx:{width:1,height:1,backgroundColor:c.background.paper},children:l})})]})})},wt={root:"RdsBullet-root"},kt=({variant:t="primary",sx:i})=>e(j,{color:t,variant:"dot",className:wt.root,role:"bullet","aria-describedby":t,sx:i}),St={root:"RdsLabel-root"},Tt=({text:t,color:i,variant:r="default",textTransform:n="capitalize",sx:l})=>{const{palette:o,typography:d}=I(),c={default:"light"===o.mode?o.grey[100]:o.grey[900],primary:o.primary.light,secondary:o.secondary.light,info:o.info.light,warning:o.warning.light,error:o.error.light,success:o.success.light},s={default:o.getContrastText(c.default),primary:o.primary.contrastText,secondary:o.secondary.contrastText,info:o.info.contrastText,warning:o.warning.contrastText,error:o.error.contrastText,success:o.success.contrastText},m=i||c[r],p=i?o.getContrastText(i):s[r];return e(a,{height:24,minWidth:22,display:"inline-flex",justifyContent:"center",alignItems:"center",bgcolor:m,color:p,fontSize:d.caption.fontSize,fontWeight:d.fontWeightBold,lineHeight:0,textTransform:n,whiteSpace:"nowrap",borderRadius:2,role:"label","aria-label":`${t} ${r} label`,py:0,px:1,sx:{cursor:"default",...l},children:t})},zt=f([0,()=>null]),It=zt.Provider,At=()=>b(zt),Wt=({children:t,initialValue:i=0})=>{const r=g(i);return e(It,{value:r,children:t})},Pt=({loading:t,children:r})=>{const{typography:n}=I();return t?e(q,{color:"inherit",size:n.h4.fontSize,"aria-label":"title loading"}):"string"==typeof r?e(z,{variant:"h4",role:"heading","aria-level":1,children:r}):e(i,{children:r})},Et=({loading:t,children:r})=>{const{typography:n}=I();return t?e(q,{color:"inherit",size:n.body1.fontSize,"aria-label":"subtitle loading"}):"string"==typeof r?e(z,{variant:"body1",role:"heading","aria-level":2,children:r}):e(i,{children:r})},Dt=({title:i="",loadingTitle:r,subtitle:n,loadingSubtitle:l,preset:o="default",actionsVariant:d="outlined",breadcrumbs:c,actions:s,tabs:m,tabsMode:p="panel",navigationButton:u})=>{const{palette:h}=I(),g=gt(),[f,b]=At(),x={default:g,primary:h.primary.main,secondary:h.secondary.main,inherit:"inherit",transparent:"transparent"},y=x[o],v={default:h.getContrastText(x.default),primary:h.primary.contrastText,secondary:h.secondary.contrastText,inherit:"inherit",transparent:h.text.primary},C=f;return e(a,{bgcolor:y,color:v[o],children:t(D,{children:[t(a,{sx:{py:3,display:"flex",flexDirection:"row",justifyContent:"space-between"},children:[t(a,{children:[u&&e(N,{href:u.href,size:"small",color:"inherit",LinkComponent:X,startIcon:u.icon,sx:{mb:1},children:u.text}),c?.length&&e(M,{color:"inherit",separator:"›","aria-label":"breadcrumb",sx:{marginTop:1},children:c.map((({id:t,link:i,text:r})=>e(X,{underline:"hover",color:"inherit",href:i,variant:"body2",role:"link",children:r},t)))}),e(Pt,{loading:r,children:i}),(n||l)&&e(Et,{loading:l,children:n})]}),s&&e(a,{children:s.map((({disabled:t,id:i,href:r,onClick:n,text:a},l)=>e(N,{component:r?X:"button",role:"button",color:"inherit",disabled:t,variant:d,size:"small",href:r,onClick:n,sx:{mr:l!=s.length-1?1:0},children:a},i)))})]}),m&&e(H,{value:C,textColor:"inherit",onChange:"panel"===p?(e,t)=>b(t):void 0,children:m.map((({id:t,label:i,disabled:r,path:n,href:a})=>{const l={label:i,disabled:r};return e(F,"panel"===p?{...l}:{...l,component:X,href:a,value:n},t)}))})]})})},Bt={overrides:{h1:{component:z,props:{gutterBottom:!0,variant:"h5"}},h2:{component:z,props:{gutterBottom:!0,variant:"h6"}},h3:{component:z,props:{gutterBottom:!0,variant:"subtitle1"}},h4:{component:z,props:{gutterBottom:!0,variant:"caption",paragraph:!0}},p:{component:z,props:{paragraph:!0}},a:{component:X},li:{component:"li"}}},Rt=({open:i,title:r,component:n,componentProps:l={},disabled:d,disableAccept:c,disableCancel:s,actions:m=[],children:u,loading:h,cancelable:g,callCloseWhenCancel:f=!0,acceptable:b,acceptText:x="Accept",cancelText:y="Cancel",onAccept:v,onCancel:C=(()=>null),onClose:w,acceptType:k="button"})=>{const S=m.length>0||b||g;return t(G,{open:i,onClose:w,children:[t(U,{sx:{display:"flex",alignItems:"center"},children:[r,h&&!b&&e(q,{size:20,sx:{ml:2,color:e=>e.palette.grey[500]}}),e(o,{disabled:d,"aria-label":"close",onClick:w,sx:{position:"absolute",right:8,top:8,color:e=>e.palette.grey[500]},children:e(p,{})})]}),t(a,{component:n,...l,children:[e(J,{dividers:!0,children:u}),S&&t(_,{children:[m.map((({id:t,text:i,type:r="button",onClick:n,color:a="primary"})=>e(N,{type:r,disabled:d,onClick:n,color:a,children:i},t))),g&&e(N,{color:"error",disabled:d||s,onClick:()=>{C(),f&&w()},children:y}),b&&e(N,{type:k,loading:h,disabled:d||c,onClick:v,children:x})]})]})]})},$t=({open:i,title:r,loading:n,disabled:a,confirmText:l="Confirm",cancelText:o="Cancel",passphrase:d,children:c,onConfirm:s,onCancel:m})=>{const[p,u]=g("");return t(Rt,{title:r,loading:n,disabled:n||a,disableAccept:!(!d||p===d),open:i,onClose:m,acceptable:!0,cancelable:!0,callCloseWhenCancel:!1,acceptText:l,cancelText:o,onCancel:m,onAccept:s,children:[c,d&&e(K,{size:"small",fullWidth:!0,value:p,onChange:e=>u(e.target.value),placeholder:d})]})},Vt=({open:t,title:i,loading:r,disabled:n,submitText:a="Submit",cancelText:l="Cancel",children:o,onSubmit:d,onCancel:c})=>e(Rt,{component:"form",componentProps:{onSubmit:e=>{e.preventDefault(),d(bt(e))}},title:i,loading:r,disabled:r||n,open:t,onClose:c,callCloseWhenCancel:!1,cancelable:!0,acceptable:!0,cancelText:l,onCancel:c,acceptText:a,acceptType:"submit",children:o}),Lt=(e=!1)=>{const[t,i]=g(e);return{isOpen:t,open:()=>i(!0),close:()=>i(!1),setIsOpen:i}},Ot=f(void 0),jt=new Error("DrawerContext.Provider is required and was undefined"),Mt=()=>{const e=b(Ot);if(void 0===e)throw jt;return e},Ht=e=>({width:240,transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.enteringScreen}),overflowX:"hidden"}),Ft=e=>({transition:e.transitions.create("width",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen}),overflowX:"hidden",width:`calc(${e.spacing(7)} + 1px)`,[e.breakpoints.up("sm")]:{width:`calc(${e.spacing(8)} + 1px)`}}),Nt=A("div")((({theme:e})=>({display:"flex",alignItems:"center",justifyContent:"flex-end",padding:e.spacing(0,1),...e.mixins.toolbar}))),qt={temporary:!0,mini:!0,persistent:!0,clipped:!1},Yt={temporary:"temporary",mini:"permanent",clipped:"permanent",persistent:"persistent"},Xt=()=>({}),Gt={mini:(e,t)=>({boxSizing:"border-box",[`& .${S.root}`]:{zIndex:t.zIndex.drawer-1}}),temporary:Xt,clipped:Xt,persistent:Xt},Ut=({children:i,...r})=>{const n=I(),{state:a,switchState:l,underAppBar:d,close:c,drawerWidth:s,variant:m}=Mt(),p={width:s,flexShrink:0,whiteSpace:"nowrap",..."open"===a&&{...Ht(n),[`& .${Z.paper}`]:Ht(n)},..."open"!==a&&{...Ft(n),[`& .${Z.paper}`]:Ft(n)},...Gt[m](a,n)};return t(Q,{open:"open"===a,variant:Yt[m],role:"menu","aria-hidden":"close"===a,onClose:c,sx:p,...r,children:[e(Nt,{children:!d&&qt[m]&&e(o,{onClick:l,children:e(te,{})})}),e(ee,{}),i]})},_t={temporary:"close",mini:"collapse",clipped:"open",persistent:"close"},Jt={temporary:["close","open"],mini:["collapse","open"],clipped:["open","open"],persistent:["close","open"]},Kt=({children:t,initialState:i,variant:r="temporary",drawerWidth:n=240,underAppBar:a=!1,selectedItemId:l,onStateChange:o=(()=>null)})=>{const[d,c]=g(i||_t[r]),s=e=>{o(e),c(e)};return e(Ot.Provider,{value:{state:d,variant:r,selectedItemId:l,underAppBar:a,drawerWidth:n,switchState:()=>s(Jt[r]["open"===d?0:1]),collapse:()=>s("collapse"),close:()=>s("close"),open:()=>s("open"),setState:c},children:t})},Qt=A(ie,{shouldForwardProp:e=>"size"!==e})((({size:e,theme:t})=>({lineHeight:"small"===e?t.typography.pxToRem(40):void 0}))),Zt=(e,t)=>({color:t?e.palette.primary.main:void 0,fontWeight:t?e.typography.fontWeightBold:e.typography.fontWeightMedium}),ei=A(X)((({theme:e})=>({color:e.palette.text.primary}))),ti={minWidth:0,justifyContent:"center",marginRight:"auto"},ii=({text:i,icon:r,avatar:n,label:a,bullet:l,href:o,selected:d,size:c="medium",level:s,sx:m})=>{const{state:p}=Mt(),u=I(),{color:h,fontWeight:g}=Zt(u,d);return t($,{LinkComponent:ei,dense:"small"===c,"aria-label":i,href:o,selected:d,sx:{...m,pl:"open"===p?u.spacing(2+1.5*s):void 0,..."collapse"===p&&{paddingHorizontal:u.spacing(2.5),justifyContent:"center"}},children:[r&&e(re,{sx:{color:h,..."collapse"===p&&0===s&&ti},children:r}),n&&e(oe,{sx:{..."collapse"===p&&0===s&&ti},children:e(le,{alt:n.alt,src:n.src,sx:{..."small"===c&&{width:24,height:24},..."collapse"===p&&{width:30,height:30}}})}),e(V,{disableTypography:!0,primary:i,sx:{color:h,fontWeight:g,opacity:"collapse"===p&&0===s?0:void 0}}),a&&"open"===p&&e(Tt,{text:a.text,variant:a.variant,sx:{ml:2}}),l&&"open"===p&&e(kt,{variant:l.variant,sx:{ml:2}})]})},ri=({item:t,size:i="medium",level:r=0})=>{const{selectedItemId:n}=Mt();if("items"in t){const{id:a,text:l,icon:o,items:d}=t,c=d.some((e=>e.id===n));return e(ni,{size:i,selected:a===n||c,text:l,icon:o,items:d,level:r})}{const{id:a,text:l,icon:o,avatar:d,label:c,bullet:s,href:m}=t;return e(ii,{selected:a===n,size:i,text:l,icon:o,avatar:d,label:c,bullet:s,href:m,level:r})}},ni=({text:r,icon:n,selected:a,items:o,size:d="medium",level:c,sx:m={}})=>{const{state:p}=Mt(),u=y(null),{palette:h,spacing:f}=I(),[b,x]=g(!1),{color:v,fontWeight:C}=Zt(I(),a),w=e(R,{component:"div",disablePadding:!0,children:o.map((t=>e(ri,{level:c+1,item:t,size:d},t.id)))}),k="collapse"===p&&0===c?{position:"absolute",right:0}:{};return t(i,{children:[t($,{ref:u,selected:a,"aria-label":r,onClick:()=>x((e=>!e)),dense:"small"===d,sx:{...m,pl:"open"===p?f(2+1.5*c):void 0,backgroundColor:b?h.action.hover:void 0},children:[n&&e(re,{sx:{color:v},children:n}),e(V,{disableTypography:!0,primary:r,sx:{color:v,fontWeight:C,opacity:"collapse"===p&&0===c?0:void 0}}),e(b&&"open"===p?s:ae,{sx:[{color:v,ml:2},k]})]}),"open"===p?e(l,{in:b,timeout:"auto",unmountOnExit:!0,"aria-label":`${r} collapse submenu`,children:w}):e(ne,{open:b,PaperProps:{elevation:0,variant:"outlined"},"aria-label":`${r} popover submenu`,anchorEl:u.current,onClose:()=>x(!1),anchorOrigin:{vertical:"top",horizontal:"right"},children:w})]})},ai=({title:r,items:n,size:a="medium"})=>{const{state:l}=Mt(),{spacing:o}=I();return t(i,{children:[r&&"open"===l&&e(Qt,{size:a,role:"heading",children:r}),e(R,{sx:{paddingTop:"small"===a?o(0):void 0,paddingY:"collapse"===l?0:void 0},children:n.map((t=>e(ri,{item:t,size:a},t.id)))})]})},li=({nav:{items:t},size:r="medium"})=>e(i,{children:t.map((({title:t,items:i},n)=>e(ai,{title:t,items:i,size:r},n)))}),oi={temporary:!1,mini:!0,persistent:!0,clipped:!0},di={temporary:()=>!0,mini:e=>"open"!==e,persistent:()=>!0,clipped:()=>!1},ci=({title:i,sx:r,children:n,...a})=>{const l=I(),{state:d,variant:c,switchState:s,drawerWidth:m,underAppBar:p}=Mt(),u=oi[c]&&!p&&{transition:l.transitions.create(["width","margin"],{easing:l.transitions.easing.sharp,duration:l.transitions.duration.leavingScreen}),..."open"===d&&{marginLeft:m,width:`calc(100% - ${m}px)`,transition:l.transitions.create(["width","margin"],{easing:l.transitions.easing.sharp,duration:l.transitions.duration.enteringScreen})}}||{};return e(de,{position:p?"fixed":void 0,...a,sx:{...r,...u,zIndex:e=>e.zIndex.drawer+(p?1:0)},children:t(ce,{children:[e(o,{color:"inherit","aria-label":"open drawer",onClick:s,edge:"start",sx:{marginRight:5,display:di[c](d)?void 0:"none"},children:e(se,{})}),i&&e(z,{variant:"h6",component:"h1",role:"heading","aria-level":1,noWrap:!0,children:i}),n]})})},si={temporary:!1,mini:!0,clipped:!0,persistent:!0},mi=A("div")((({theme:e})=>{const{spacing:t}=I(),{drawerWidth:i,state:r,variant:n}=Mt();return{marginLeft:si[n]?"open"===r?i:"collapse"===r?t(8):0:0,transition:e.transitions.create("margin",{easing:e.transitions.easing.sharp,duration:e.transitions.duration.leavingScreen})}})),pi=({children:i})=>t(mi,{children:[e(Nt,{}),i]}),ui=()=>e(a,{width:1,height:1,display:"flex",justifyContent:"center",alignItems:"center",children:e(q,{})});function hi({fetching:i=!1,loading:n=!1,error:l,success:o,children:d}){const s=Array.isArray(i)?i.some((e=>e)):i;return(Array.isArray(n)?n.some((e=>e)):n)?e(ui,{}):l?t(r,{severity:"error",role:"alert","aria-describedby":"error",children:[l.name&&e(c,{role:"heading",children:l.name}),l.message]}):t(a,{children:[o&&t(r,{severity:"success",role:"alert","aria-describedby":"success",sx:{mb:2},children:[o.name&&e(c,{role:"heading",children:o.name}),o.message]}),s&&e(me,{sx:{width:1,mb:1}}),d]})}const gi={small:15,medium:20},fi=({label:i,value:r,loading:n=!1,fetching:l=!1,size:o="medium",fullWidth:d=!1,color:c,children:s,onChange:m})=>{const p=v(),u=A(ue)((()=>c?{label:{color:c},".MuiOutlinedInput-notchedOutline":{borderColor:`${c} !important`},".MuiInputBase-root":{color:c},".MuiSelect-icon":{fill:c}}:{}));return t(u,{fullWidth:d,children:[e(he,{id:p,children:i}),e(fe,{labelId:p,id:p,value:r,label:i,onChange:m,disabled:l,size:o,renderValue:i=>l?e(pt,{centerVertical:!0,centerHorizontal:!0,children:e(q,{color:"inherit",size:gi[o]})}):n?t(a,{display:"flex",flexDirection:"column",children:[i,e(me,{color:"inherit",sx:{position:"absolute",left:0,right:0,bottom:0}})]}):i,children:s})]})},bi=({title:n,subtitle:l,loading:o,error:d,onSubmitSignIn:c})=>{const[s,m]=g(""),[p,u]=g("");return t(i,{children:[t(a,{marginBottom:2,children:[e(z,{component:"h1",variant:"h4",children:n}),e(z,{variant:"body1",children:l})]}),t(a,{component:"form",onSubmit:function(e){e.preventDefault(),m(""),u("");const t=new FormData(e.currentTarget),i=t.get("email")?.toString(),r=t.get("password")?.toString();i||m("Please fill out this field"),r||u("Please fill out this field"),i&&r&&c(i,r)},children:[d&&e(be,{width:"100%",marginTop:1,children:e(r,{variant:"filled",severity:"error",children:d.message})}),e(K,{margin:"normal",fullWidth:!0,id:"email",label:"Email Address",name:"email",autoComplete:"email",autoFocus:!0,disabled:o,type:"email",inputProps:{role:"input"},error:!!s,helperText:s}),e(K,{margin:"normal",fullWidth:!0,role:"input",name:"password",label:"Password",type:"password",id:"password",disabled:o,autoComplete:"current-password",inputProps:{role:"input"},error:!!p,helperText:p}),e(N,{type:"submit",fullWidth:!0,variant:"contained",loading:o,disabled:o,role:"button",sx:{mt:2},children:"Sign In"})]})]})};let xi=0;const yi={...u}.useId;function vi(e){if(void 0!==yi){const t=yi();return e??t}return function(e){const[t,i]=u.useState(e),r=e||t;return u.useEffect((()=>{null==t&&(xi+=1,i(`mui-${xi}`))}),[t]),r}(e)}const Ci=({id:i,label:r,InputLabelProps:n,InputProps:a,fetching:l,loading:o,helperText:c,hexColor:s,size:m,fullWidth:p,sx:u,...h})=>{const g=vi(i),f=c&&g?`${g}-helper-text`:void 0,b=r&&g?`${g}-label`:void 0,x=s?{[`& .${we.notchedOutline}`]:{borderColor:`${s} !important`},[`& .${ge.root}`]:{color:s},[`& .${we.input}`]:{color:s},[`& .${Y.root}`]:{color:s},[`& .${pe.bar}`]:{backgroundColor:s},[`& .${ye.endAdornment} .${d.root}`]:{color:s}}:{};return t(ue,{sx:x,fullWidth:p,children:[e(he,{size:"small"===m?"small":"normal",id:b,htmlFor:g,...n,children:r}),e(Ce,{...a,id:g,label:r,size:m,fullWidth:p,endAdornment:t(ke,{position:"end",children:[a?.endAdornment,o?e(q,{color:"inherit",size:20,sx:{ml:1}}):null]}),sx:u,...h}),l&&!o&&e(me,{color:"inherit",sx:{position:"absolute",left:0,right:0,bottom:0}}),c&&e(ve,{id:f,children:c})]})},wi=t=>{const{label:i,loading:r,fetching:n,options:a,helperText:l,color:o,onChangeValue:d=(()=>null),sx:c,...s}=t;return e(xe,{loading:r||n,options:n?[]:a,onChange:(e,t)=>d(t),...s,renderInput:t=>e(Ci,{...t,label:i,fullWidth:!0,fetching:n,loading:r,hexColor:o,helperText:l}),sx:c})},ki=A(a,{shouldForwardProp:e=>"dayIsBetween"!==e&&"isFirstDay"!==e&&"isLastDay"!==e&&"isStartOfWeek"!==e&&"isEndOfWeek"!==e})((({theme:e,dayIsBetween:t,isFirstDay:i,isLastDay:r})=>({...(i||r||t)&&{borderRadius:0,backgroundColor:`${e.palette.primary.light}40`,margin:0},...i&&{borderTopLeftRadius:"50%",borderBottomLeftRadius:"50%"},...r&&{borderTopRightRadius:"50%",borderBottomRightRadius:"50%"}}))),Si=t=>{const{day:i,dateRange:r,...n}=t;if(null==r)return e(De,{day:i,...n});const[a,l]=r,o=!!l&&Se(i,a)&&Te(i,l),d=ze(i,a),c=!!l&&ze(i,l),s=ze(i,Ie(i)),m=ze(i,Ae(i));return e(ki,{dayIsBetween:o,isFirstDay:d||o&&s,isLastDay:c||o&&m,"aria-label":We(i,"yyyy-MM-dd"),"aria-selected":o||d||c,role:"gridcell",children:e(De,{...n,day:i,selected:d||c})})},Ti=({defaultValue:t,onValueChange:i})=>{const[r,n]=g(t),[a,l]=g(0),o=(e,t,r)=>{n(e),i(e,t),l(r)};return e(Ee,{value:null,onChange:e=>{if(e)return 1===a&&e<r[0]||0===a&&r[1]&&e>r[1]?o([e,void 0],0,1):void o([0===a?e:r[0],1===a?e:r[1]],a,0===a?1:0)},slots:{day:Si},slotProps:{day:{dateRange:r}},"aria-label":"calendar range picker"})},zi=({defaultValue:r,format:n,label:a,fullWidth:d,onValueChange:c,size:s="medium"})=>{const[m,p]=g(!1),[u,h]=g(r);return t(i,{children:[e(K,{label:a,fullWidth:d,size:s,value:`${We(u[0],n)} - ${u[1]?We(u[1],n):n.toUpperCase()}`,InputProps:{endAdornment:e(ke,{position:"end",children:e(o,{onClick:()=>p((e=>!e)),"aria-label":"open calendar",children:e(Pe,{})})})}}),e(k,{children:e(l,{in:m,"aria-label":"calendar collapse",children:e(Ti,{defaultValue:r,onValueChange:(e,t)=>{h(e),c(e,t),p(t<1)}})})})]})},Ii=({title:t,titleVariant:i="h4",variant:r="primary"})=>{const{palette:n}=I(),a={primary:void 0,error:"error",warning:n.warning.main,success:n.success.main};return e(z,{color:a[r],variant:i,pb:1,borderBottom:1,borderColor:"grey.300",children:t})},Ai=({variant:r="primary",title:n,titleVariant:a="h4",description:l,descriptionVariant:o="body2",buttonText:d,helperText:c,helperTextVariant:s="caption",confirmable:m,passphrase:p,confirmTitle:u="",confirmDescription:h="",onAction:g})=>{const{isOpen:f,open:b,close:x}=Lt();return t(i,{children:[t(B,{container:!0,spacing:1,children:[e(B,{item:!0,xs:12,mb:2,children:e(Ii,{title:n,titleVariant:a})}),l&&e(B,{item:!0,xs:12,children:e(z,{variant:o,children:l})}),e(B,{item:!0,xs:12,mt:1,children:e(N,{color:r,variant:"contained",onClick:()=>{m?b():g()},children:d})}),c&&e(B,{item:!0,xs:12,children:e(z,{variant:s,children:c})})]}),e($t,{open:f,title:u,passphrase:p,onCancel:x,onConfirm:()=>{g(),x()},children:e(Ve,{children:h})})]})},Wi=f([0,()=>null]),Pi=Wi.Provider,Ei=A((t=>e(H,{...t,TabIndicatorProps:{children:e("span",{className:"MuiTabs-indicatorSpan"})}})))((({theme:e})=>({minHeight:e.spacing(5),"& .MuiTabs-indicator":{display:"flex",justifyContent:"center",backgroundColor:"transparent"},"& .MuiTabs-indicatorSpan":{maxWidth:40,width:"100%",backgroundColor:e.palette.primary.main}}))),Di=A(F)((({theme:e})=>({textTransform:"none",fontWeight:e.typography.fontWeightRegular,marginRight:e.spacing(1),color:e.palette.text.secondary,paddingTop:0,paddingBottom:0,minHeight:e.spacing(5),"&.Mui-selected":{color:e.palette.text.secondary,fontWeight:e.typography.fontWeightBold}}))),Bi=({children:i,tabs:r,initialTab:n=0,onChangeTab:l=(()=>null)})=>{const o=gt(),[d,c]=g(n);return e(Pi,{value:[d,c],children:t(k,{variant:"outlined",children:[e(a,{bgcolor:o,children:e(Ei,{value:d,onChange:(e,t)=>{c(t),l(r[t],t)},children:r.map((({text:t,icon:i})=>e(Di,{iconPosition:"start",disableRipple:!0,label:t,icon:i},t)))})}),i]})})},Ri=({index:t,children:i,sx:r})=>{const[n]=b(Wi);let l=n===t;return Array.isArray(t)&&(l=t.includes(n)),l?e(a,{sx:r,children:i}):null};function $i({children:t,index:i}){const[r]=At();let n=r===i;return Array.isArray(i)&&(n=i.includes(r)),e("div",{role:"tabpanel",hidden:!n,id:`simple-tabpanel-${i}`,"aria-labelledby":`simple-tab-${i}`,children:n&&e(a,{sx:{p:3},children:t})})}const Vi=({title:i,subtitle:r,icon:n,iconSize:l=200,actions:o})=>t(a,{display:"flex",flexDirection:"column",justifyContent:"center",alignItems:"center",textAlign:"center",children:[n&&n({size:l,color:"primary"}),e(z,{variant:"h4",role:"heading","aria-level":1,children:i}),e(z,{variant:"subtitle1",role:"heading","aria-level":2,sx:{mt:2},children:r}),o&&e(a,{sx:{pt:2},children:o.map((({id:t,text:i,href:r,onClick:n},a)=>e(N,{role:"button",variant:"contained",href:r,onClick:n,sx:{mr:a<o.length-1?2:0},children:i},t)))})]}),Li=({width:i="100%",animation:r=!1})=>t(a,{width:i,children:[e(Le,{animation:r,variant:"rectangular",height:118}),e(Le,{animation:r,variant:"rectangular",height:16,sx:{my:1}}),e(Le,{animation:r,variant:"rectangular",width:"80%",height:16})]}),Oi=({size:t=20})=>e(B,{container:!0,spacing:2,children:ut(t,0).map(((t,i)=>e(B,{item:!0,xs:4,children:e(Li,{width:1})},i)))}),ji=({size:i=20,children:r,p:n})=>t(D,{component:"main",sx:{p:n},"data-testid":"content-placeholder-test",children:[r,e(Oi,{size:i})]}),Mi={border:0,clip:"rect(0 0 0 0)",height:"1px",margin:"-1px",overflow:"hidden",padding:0,position:"absolute",whiteSpace:"nowrap",width:"1px"},Hi=({order:i,orderBy:r,headCells:n,onRequestSort:l})=>e(Ye,{children:e(Fe,{children:n.map((n=>{return e(He,{variant:"head",padding:n.disablePadding?"none":"normal",sortDirection:r===n.id&&i,sx:{fontWeight:"bold"},children:n.sort?t(qe,{active:r===n.id,direction:r===n.id?i:"asc",onClick:(o=n.id,()=>{l(o)}),children:[n.label,r===n.id?e(a,{component:"span",sx:Mi,children:"desc"===i?"sorted descending":"sorted ascending"}):null]}):n.label},String(n.id));var o}))})});function Fi(e,t,i){return t[i]<e[i]?-1:t[i]>e[i]?1:0}const Ni=({children:r,data:n,search:l,columns:o,defaultSort:d,defaultOrder:c="asc",loading:s=!1})=>{const[m,p]=g(""),[u,h]=g(c),[f,b]=g(d),x=n.slice().filter(function(e,t){return i=>!t||e.some((e=>{let r=i[e.id];return r?.toLowerCase&&(r=r.toLowerCase()),r?.toString().includes(t.toLowerCase())}))}(o,m)).sort(function(e,t){return"desc"===e?(e,i)=>Fi(e,i,t):(e,i)=>-Fi(e,i,t)}(u,f));return e(i,{children:t(a,{sx:{paddingX:1,paddingBottom:2},children:[l&&e(a,{paddingY:2,children:e(K,{fullWidth:!0,placeholder:"Search",InputProps:{role:"search",startAdornment:e(ke,{position:"start",children:e(Ne,{})})},onChange:e=>p(e.target.value)})}),e(Oe,{children:t(Me,{children:[e(Hi,{order:u,orderBy:f,headCells:o,onRequestSort:e=>{h(f===e&&"asc"===u?"desc":"asc"),b(e)}}),e(je,{children:s?e(Fe,{children:e(He,{colSpan:o.length,sx:{textAlign:"center"},children:e(q,{})})}):0===x.length?e(Fe,{children:e(He,{colSpan:o.length,sx:{textAlign:"center"},children:"No data"})}):r(x)})]})})]})})};Ni.defaultProps={defaultOrder:"asc"};const qi=({children:r,data:n,loading:a,columns:l,defaultSort:o,defaultOrder:d,onRequestSort:c})=>{const[s,m]=g({orderBy:o,order:d||"asc"});return e(i,{children:e(Oe,{children:t(Me,{children:[e(Hi,{order:s.order,orderBy:s.orderBy,headCells:l,onRequestSort:e=>{m((({orderBy:t,order:i})=>{const r=t===e&&"asc"===i?"desc":"asc";return c(e,r),{orderBy:e,order:r}}))}}),e(je,{children:a?e(Fe,{children:e(He,{colSpan:l.length,sx:{textAlign:"center"},children:e(q,{})})}):n.map(((e,t)=>r(e,t)))})]})})})},Yi=({onClickCancel:i,onClickSubmit:r,sx:n})=>t(ke,{position:"end",sx:n,children:[e(N,{variant:"contained",size:"small",color:"error","aria-label":"cancel button",startIcon:e(Ge,{sx:{fontSize:12}}),onClick:i,sx:{paddingRight:0,minWidth:0,marginRight:1}}),e(N,{variant:"contained",size:"small",color:"primary","aria-label":"submit button",startIcon:e(Xe,{sx:{fontSize:12}}),onClick:r,sx:{paddingRight:0,minWidth:0}})]}),Xi=(e,t)=>{const[i,r]=g(!1),[n,a]=g(e),l=()=>{r(!1),a(e)};return{isEditing:i,cancelEdit:l,editValue:n,setEditValue:a,startEdit:()=>{r(!0)},submitEdit:()=>{t(n),l()}}},Gi=({dense:t,onClick:i})=>{const{typography:r}=I();return e(o,{size:"small",onClick:i,sx:{ml:t?.5:1},"aria-label":"edit button",children:e(Ue,{sx:{fontSize:r.pxToRem(t?18:24)}})})},Ui="-",_i=e=>`label-${e.replace(/ /g,"-")}`,Ji=({label:i,hideLabel:r,tooltip:n,tooltipEnterDelay:l=2e3,children:o,dense:d,sx:c})=>{const{typography:s}=I(),m=_i(i);return t(a,{width:1,lineHeight:d?0:void 0,sx:c,children:[!r&&e(z,{variant:d?"caption":"subtitle2",role:"label",id:m,lineHeight:d?s.pxToRem(15):void 0,children:i}),n?e(T,{title:n,placement:"top",enterDelay:l,children:o}):o]})},Ki=({label:i,value:r,placeholder:n=Ui,editable:l,dense:o,onEdit:d=(()=>null)})=>{const c=y(null),{isEditing:s,editValue:m,startEdit:p,cancelEdit:u,setEditValue:h,submitEdit:g}=Xi(r?.toString(),d),f=_i(i),b=r?.toString()||n,x=e=>{"Enter"===e.key&&d(e.target.value)};return C((()=>(c.current?.addEventListener("keypress",x),()=>c.current?.removeEventListener("keypress",x))),[c.current]),e(Ji,{hideLabel:s,label:i,tooltip:b,dense:o,children:s?e(K,{inputRef:c,value:m,label:i,size:"small",onChange:e=>h(e.target.value),InputProps:{endAdornment:e(Yi,{onClickCancel:u,onClickSubmit:g})},sx:{marginY:o?0:1}}):t(a,{display:"flex","aria-labelledby":f,children:[e(z,{variant:o?"body1":"h5",noWrap:!0,children:b}),l&&e(Gi,{dense:o,onClick:p})]})})},Qi=({children:t})=>e(k,{sx:{p:2},children:t}),Zi=({label:i,value:r,placeholder:n=Ui,editable:l,dense:o,onEdit:d=(()=>null)})=>{const c=_i(i),{typography:s}=I(),{isEditing:m,editValue:u,startEdit:h,cancelEdit:g,setEditValue:f,submitEdit:b}=Xi(r,d),x={fontSize:o?s.h6.fontSize:s.h5.fontSize};return e(Ji,{label:i,dense:o,children:t(a,m?{display:"flex",alignItems:"center",children:[e(_e,{size:o?"small":"medium",checked:u,onChange:e=>f(e.target.checked)}),e(Yi,{onClickCancel:g,onClickSubmit:b})]}:{display:"flex",alignItems:"center","aria-labelledby":c,role:"checkbox","aria-checked":r,children:[void 0===r?e(z,{variant:"h5",children:n}):r?e(Xe,{color:"success",sx:x}):e(p,{color:"error",sx:x}),l&&e(Gi,{dense:o,onClick:h})]})})},er=({label:r,value:n,format:l,placeholder:o=Ui,editable:d,editInputType:c="datetime",dense:s,onEdit:m=(()=>null)})=>{const{isEditing:p,editValue:u,startEdit:h,cancelEdit:g,setEditValue:f,submitEdit:b}=Xi(n,m),x=_i(r),y=n&&We(n,l)||o;return e(Ji,{label:r,hideLabel:p,tooltip:y,dense:s,sx:{display:"flex",flexDirection:"column"},children:p?e("datetime"===c?Ke:"time"===c?Qe:Je,{value:u,format:l,label:r,onChange:e=>f(e||void 0),slots:{textField:r=>e(K,{...r,size:"small",InputProps:{...r.InputProps,endAdornment:t(i,{children:[r.InputProps?.endAdornment,e(Yi,{onClickCancel:g,onClickSubmit:b,sx:{ml:2}})]}),sx:{marginY:s?.2:1}}})}}):t(a,{display:"flex",alignItems:"center","aria-labelledby":x,children:[e(z,{variant:s?"body1":"h5",noWrap:!0,children:y}),d&&e(Gi,{dense:s,onClick:h})]})})},tr=({title:i,subtitle:r,centered:n,children:l,dense:o})=>{const{typography:d}=I(),c=gt({lightWeight:200,darkWeight:800});return t(k,{sx:{paddingBottom:o?0:1},children:[t(a,{bgcolor:c,px:o?1:2,py:o?.5:1,lineHeight:o?0:void 0,children:[e(z,{variant:o?"body1":"h6",role:"heading","aria-level":1,children:i}),r&&e(z,{variant:o?"caption":"body2",role:"heading","aria-level":2,lineHeight:o?d.pxToRem(15):void 0,children:r})]}),e(B,{container:!0,padding:1,rowSpacing:o?1:2,justifyContent:n?"center":"flex-start",children:l})]})},ir=({label:i,value:r=0,maxRating:n=5,editable:l,dense:o,onEdit:d=(()=>null)})=>{const{isEditing:c,editValue:s,startEdit:m,cancelEdit:p,setEditValue:u,submitEdit:h}=Xi(r,d),g=_i(i);return e(Ji,{label:i,tooltip:r.toString(),dense:o,children:t(a,{display:"flex",alignItems:"center","aria-labelledby":g,children:[e(Ze,{readOnly:!c,max:n,size:o?"small":"medium",value:c?s:r,onChange:(e,t)=>{Number.isNaN(t)&&e.currentTarget.value?u(parseInt(e.currentTarget.value,10)):t&&u(t)}}),l&&!c&&e(Gi,{dense:o,onClick:m}),c&&e(Yi,{onClickCancel:p,onClickSubmit:h})]})})},rr={root:"RdsValueItem-root",content:"RdsValueItem-content"},nr=({children:t,bordered:i=!0,...r})=>{const n=((e,t)=>{const i=`solid ${t} 1px`,r="none";if(e){if(Array.isArray(e))return e.map((e=>e?i:r));if("object"==typeof e){const t={};return Object.entries(e).forEach((([e,n])=>{t[e]=n?i:r})),t}return i}})(i,gt({lightWeight:200,darkWeight:800}));return e(B,{item:!0,className:rr.root,...r,children:e(a,{className:rr.content,px:1,borderLeft:n,children:t})})},ar=({label:t,value:i,placeholder:r=Ui,color:n,variant:a})=>{const l=_i(t),o=Array.isArray(i)?i.map(((t,i)=>e(Tt,{text:t.toString()||r,variant:Array.isArray(a)?a[i]:a,color:Array.isArray(n)?n[i]:n},i))):e(Tt,{text:i?.toString()||r,variant:Array.isArray(a)?a[0]:a,color:Array.isArray(n)?n[0]:n});return e(Ji,{label:t,children:e(B,{container:!0,gap:1,"aria-labelledby":l,children:o})})},lr=({drawerProviderProps:i,children:r})=>{const[n,a,l]=r;return t(Kt,{...i,children:[n,a,e(pi,{children:l})]})},or=()=>e(et,{color:"error",sx:{width:200,height:200}}),dr=({loading:i,children:r,fetching:n,error:l})=>{const[o,d]=r;return e(Wt,{children:t(a,{display:"flex",flexDirection:"column",height:1,children:[o,n&&e(a,{width:1,children:e(me,{})}),i&&e(ui,{}),l&&e(a,{mt:4,children:e(Vi,{icon:l.icon||or,title:l.title||"There has been an error",subtitle:l.message})}),!i&&!l&&d]})})},cr=new Error("NotificationCenterContext.Provider is required and was undefined"),sr=f(void 0),mr=()=>{const e=b(sr);if(void 0===e)throw cr;return e},pr=({children:i,autoHideDuration:n=6e3})=>{const[a,l]=g(void 0),[o,d]=g(!1),s=()=>{d(!1)};return t(sr.Provider,{value:{show:e=>{l(e),d(!0)},hide:s},children:[e(tt,{open:o,autoHideDuration:n,onClose:s,anchorOrigin:{vertical:"top",horizontal:"right"},children:t(r,{onClose:s,severity:a?.severity,"aria-label":a?.severity,sx:{width:"100%"},children:[a?.title&&e(c,{children:a?.title}),a?.message]})}),i]})},ur=(e,t,{from:i,to:r})=>{const n=y(void 0),{show:a}=mr();C((()=>{n.current===i&&t===r&&a(e),n.current=t}),[t])},hr=(t,i,{dense:r}={})=>{const{id:n,name:a,type:l}=t,o=i[n];return"boolean"===l?e(Zi,{dense:r,label:a,value:o}):"date"===l||"time"===l||"datetime"===l?e(er,{dense:r,label:a,value:o,format:t.format}):"object"!=typeof o||Array.isArray(o)?e(Ki,{dense:r,label:a,value:o?.toString()}):e(Ki,{dense:r,label:a,value:JSON.stringify(o)})},gr=({field:{name:t,description:i,value:r},instance:n,dense:a})=>{const l=[{field:"id",headerName:"ID",width:70}];r.forEach((e=>{l.push({field:e.id,headerName:e.name})}));const o=n.map(((e,t)=>({id:t,...e})));return e(tr,{title:t,subtitle:i,dense:a,children:e(B,{item:!0,xs:12,children:e(it,{rows:o,columns:l,density:a?"compact":"standard",disableRowSelectionOnClick:!0,pageSizeOptions:[5],initialState:{pagination:{paginationModel:{pageSize:5}}},sx:{height:400}})})})},fr=({field:{name:t,description:i,value:r},instance:n,dense:a})=>{const l=ft();return e(tr,{title:t,subtitle:i,dense:a,children:r.map((t=>{const{id:i,xs:r,sm:o,md:d,lg:c,xl:s}=t,m=l.increment(t);return e(nr,{xs:r,sm:o,md:d,lg:c,xl:s,bordered:m,children:hr(t,n,{dense:a})},i)}))})},br=({model:t,instance:i,dense:r})=>{const n=ft();return e(B,{container:!0,spacing:r?1:2,children:t.fields.map((t=>{const{id:a,type:l,xs:o=3,sm:d=0,md:c=0,lg:s=0,xl:m=0}=t;if("group"===l)return n.increment({xs:12}),e(B,{item:!0,xs:12,children:e(fr,{field:t,instance:i[a],dense:r})},a);if("group[]"===l)return n.increment({xs:12}),e(B,{item:!0,xs:12,children:e(gr,{field:t,instance:i[a],dense:r})},a);const p=n.increment(t);return e(nr,{xs:o,sm:d,md:c,lg:s,xl:m,bordered:p,children:hr(t,i,{dense:r})},a)}))})},xr={string:"",number:0,boolean:!1,enum:"",multienum:[],date:new Date(1970,0,1,0,0),time:new Date(1970,0,1,0,0),datetime:new Date(1970,0,1,0,0),group:{},"group[]":[],"string[]":[],"number[]":[]},yr=(e,t)=>t&&t[e.id]||"default"in e&&e.default||xr[e.type],vr=(e,t=undefined)=>{const i={};return e.fields.forEach((e=>{if("group"===e.type){const r={};e.value.forEach((i=>{r[i.id]=yr(i,t&&t[e.id])})),i[e.id]=r}else i[e.id]=yr(e,t)})),i},Cr=({field:i,path:r=[],value:n,dense:l,update:o,onChangeValue:d})=>{const c=e=>{e.preventDefault(),d([...r,e.target.name],e.target.checked)},s=e=>{e.preventDefault(),d([...r,e.target.name],e.target.value)},m=e=>{e.preventDefault();const{value:t}=e.target,i="string"==typeof t?t.split(","):t;d([...r,e.target.name],i)},p=(e,t)=>{e.preventDefault();let i=e.target.value;"number"===t&&"string"==typeof i?i=parseInt(e.target.value,10):t.includes("[]")&&(i=e.target.value.split(",")),d([...r,e.target.name],i)},u=(e,t)=>{d([...r,t],e)};gt({lightWeight:200,darkWeight:800});const{id:h,type:g,name:f,description:b,updatable:x=!0,required:y=!0,xs:v,sm:C,md:w,lg:k,xl:S}=i,T=!x&&o;let z;const I=l?"small":"medium";if("group"===g)z=e(tr,{title:f,subtitle:b,dense:l,children:e(B,{container:!0,spacing:2,sx:{p:2},children:i.value.map((t=>e(Cr,{field:t,dense:l,path:[...r,h],value:n[t.id],update:o,onChangeValue:d},t.id)))})});else if("boolean"===g)z=e(a,{sx:{height:1,display:"flex",alignItems:"center"},children:e(rt,{control:e(nt,{name:h,size:I,onChange:c,checked:n,disabled:T}),label:f})});else if("enum"===g)z=t(ue,{fullWidth:!0,children:[e(he,{id:`${h}-select-label`,children:f}),e(fe,{labelId:`${h}-select-label`,id:`${h}-select`,value:n,label:f,name:h,size:I,onChange:s,required:y,disabled:T,children:i.value.map((t=>e(at,{value:t,children:t},t)))})]});else if("multienum"===g)z=t(ue,{fullWidth:!0,children:[e(he,{id:`${h}-select-label`,children:f}),e(fe,{labelId:`${h}-select-label`,id:`${h}-select`,value:n||[],renderValue:e=>e.join(", "),label:f,name:h,size:I,onChange:m,required:y,disabled:T,multiple:!0,children:i.value.map((i=>t(at,{value:i,children:[e(nt,{checked:(n||[]).includes(i)}),e(V,{primary:i})]},i)))})]});else if("date"===g)z=e(Be,{label:f,format:i.format,value:n,slotProps:{field:{size:I}},disabled:T,onChange:e=>u(e,h)});else if("time"===g)z=e(Re,{label:f,format:i.format,value:n,slotProps:{field:{size:I}},disabled:T,onChange:e=>u(e,h)});else if("datetime"===g)z=e($e,{label:f,format:i.format,value:n,slotProps:{field:{size:I}},disabled:T,onChange:e=>u(e,h)});else{if("group[]"===g)return null;z=g.includes("[]")?e(K,{required:y,type:"text",label:f,name:h,size:I,variant:"outlined",helperText:"Use comas to separate multiple values",fullWidth:!0,disabled:T,value:n.join(","),onChange:e=>p(e,g)}):e(K,{required:y,type:g,label:f,size:I,name:h,variant:"outlined",fullWidth:!0,value:n,disabled:T,onChange:e=>p(e,g)})}return e(B,{item:!0,xs:v,sm:C,md:w,lg:k,xl:S,children:z},h)};function wr(e){return null!=e&&"object"==typeof e&&!0===e["@@functional/placeholder"]}function kr(e){return function t(i){return 0===arguments.length||wr(i)?t:e.apply(this,arguments)}}function Sr(e){return function t(i,r){switch(arguments.length){case 0:return t;case 1:return wr(i)?t:kr((function(t){return e(i,t)}));default:return wr(i)&&wr(r)?t:wr(i)?kr((function(t){return e(t,r)})):wr(r)?kr((function(t){return e(i,t)})):e(i,r)}}}function Tr(e){return function t(i,r,n){switch(arguments.length){case 0:return t;case 1:return wr(i)?t:Sr((function(t,r){return e(i,t,r)}));case 2:return wr(i)&&wr(r)?t:wr(i)?Sr((function(t,i){return e(t,r,i)})):wr(r)?Sr((function(t,r){return e(i,t,r)})):kr((function(t){return e(i,r,t)}));default:return wr(i)&&wr(r)&&wr(n)?t:wr(i)&&wr(r)?Sr((function(t,i){return e(t,i,n)})):wr(i)&&wr(n)?Sr((function(t,i){return e(t,r,i)})):wr(r)&&wr(n)?Sr((function(t,r){return e(i,t,r)})):wr(i)?kr((function(t){return e(t,r,n)})):wr(r)?kr((function(t){return e(i,t,n)})):wr(n)?kr((function(t){return e(i,r,t)})):e(i,r,n)}}}var zr=Array.isArray||function(e){return null!=e&&e.length>=0&&"[object Array]"===Object.prototype.toString.call(e)};var Ir=Number.isInteger||function(e){return e<<0===e};var Ar=kr((function(e){return null==e})),Wr=Tr((function e(t,i,r){if(0===t.length)return i;var n=t[0];if(t.length>1){var a=!Ar(r)&&function(e,t){return Object.prototype.hasOwnProperty.call(t,e)}(n,r)&&"object"==typeof r[n]?r[n]:Ir(t[1])?[]:{};i=e(Array.prototype.slice.call(t,1),i,a)}return function(e,t,i){if(Ir(e)&&zr(i)){var r=[].concat(i);return r[e]=t,r}var n={};for(var a in i)n[a]=i[a];return n[e]=t,n}(n,i,r)}));const Pr=({model:i,saveButtonText:r,dense:n,onSubmit:a,initialValues:l})=>{const o=w((()=>vr(i,l)),[i,l]),[d,c]=g(o),s=(e,t)=>{c((i=>Wr(e,t,i)))};return t(B,{container:!0,component:"form",spacing:2,onSubmit:e=>{e.preventDefault(),a(d)},children:[i.fields.map((t=>e(Cr,{dense:n,field:t,value:d[t.id],update:!!l,onChangeValue:s},t.id))),e(B,{item:!0,xs:12,children:e(N,{type:"submit",variant:"contained",size:n?"small":"medium",children:r})})]})},Er=({columns:r,options:n,data:a,onClick:l,search:d,defaultSort:c,defaultOrder:s,loading:m})=>{const p=[...r,{id:"__options",label:"",disablePadding:!1,numeric:!1,sort:!1}],[u,h]=g(null);return t(i,{children:[e(Ni,{columns:p,data:a,search:d,defaultSort:c,defaultOrder:s,loading:m,children:i=>i.map(((i,r)=>t(Fe,{onClick:()=>l&&l(i),role:"row","aria-rowindex":r,sx:{cursor:l&&"pointer"},children:[p.map((({id:t},n)=>e(He,{role:"cell",scope:"row","aria-rowindex":r,"aria-colindex":n,children:i[t]},t.toString()))),n&&e(He,{children:e(o,{"data-testid":`options-${i.id}`,onClick:e=>{e.stopPropagation(),h({item:i,anchor:e.currentTarget})},children:e(ot,{})})})]},i.id)))}),n&&e(lt,{anchorEl:u?.anchor,open:!!u,onClose:()=>h(null),anchorOrigin:{vertical:"top",horizontal:"left"},transformOrigin:{vertical:"top",horizontal:"left"},children:n.map((({id:t,label:i,onClick:r})=>e(at,{onClick:()=>{u&&r(u?.item),h(null)},children:i},t)))})]})};export{Ai as Action,Ii as ActionHeader,wi as Autocomplete,dt as Board,Rt as BootstrapDialog,kt as Bullet,pt as CenterContainer,$t as ConfirmDialog,mt as Content,ji as ContentPlaceholder,Ti as DateRangeCalendar,zi as DateRangePicker,Ui as DefaultPlaceholder,Ut as Drawer,ci as DrawerAppBar,li as DrawerContent,Ot as DrawerContext,Nt as DrawerHeader,lr as DrawerLayout,pi as DrawerMain,Kt as DrawerProvider,ai as DrawerSection,Qt as DrawerSubheader,qi as EnhancedRemoteTable,Ni as EnhancedTable,Hi as EnhancedTableHead,st as ExpandableAlert,Vt as FormDialog,tr as GroupValueCard,Dt as Header,dr as HeaderLayout,Et as HeaderSubtitle,Pt as HeaderTitle,Tt as Label,Ct as ListPanel,xt as ListPanelContext,yt as ListPanelContextProvider,ui as LoadingArea,Pr as ModelForm,sr as NotificationCenterContext,pr as NotificationCenterProvider,cr as NotificationCenterProviderUndefinedError,br as ObjectDetails,Vi as Placeholder,hi as QueryContainer,fi as Select,bi as SignIn,Li as SkeletonCard,Oi as SkeletonGrid,Bi as TabCard,Ri as TabCardPanel,zt as TabContext,It as TabContextProvider,$i as TabPanel,Wt as TabProvider,Er as TableList,Ci as TextField,jt as UndefinedProvider,Zi as ValueBoolean,Qi as ValueCard,er as ValueDatetime,Gi as ValueEditButton,Yi as ValueEditButtons,nr as ValueItem,ar as ValueLabel,ir as ValueRating,Ki as ValueText,wt as bulletClasses,Zt as getDrawerItemColors,bt as getFormData,ht as getRandomItem,St as labelClasses,Bt as markdownMuiOptions,ut as newArrayWithSize,ft as newBreakpointsCounter,vr as newInstanceFromValuesOrZeroValue,Lt as useDialog,Mt as useDrawer,Xi as useEditableValueDisplay,gt as useGetDefaultThemeColor,vt as useListPanel,mr as useNotificationCenter,ur as useNotifyWhenValueChanges,At as useTab,rr as valueItemClasses};
-//# sourceMappingURL=index.js.map