@up42/up-components 0.3.5 → 0.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (40) hide show
  1. package/dist/cjs/index.js +1 -1
  2. package/dist/cjs/types/components/Button/Button.overrides.d.ts +0 -11
  3. package/dist/cjs/types/components/ControlButton/ControlButton.d.ts +14 -0
  4. package/dist/cjs/types/components/ControlButton/ControlButton.stories.d.ts +6 -0
  5. package/dist/cjs/types/components/ControlButton/ControlButton.test.d.ts +1 -0
  6. package/dist/cjs/types/components/DocumentationPopover/DocumentationPopover.d.ts +25 -0
  7. package/dist/cjs/types/components/DocumentationPopover/DocumentationPopover.stories.d.ts +5 -0
  8. package/dist/cjs/types/components/DocumentationPopover/DocumentationPopover.test.d.ts +1 -0
  9. package/dist/cjs/types/components/InfoCard/InfoCard.d.ts +22 -0
  10. package/dist/cjs/types/components/InfoCard/InfoCard.stories.d.ts +7 -0
  11. package/dist/cjs/types/components/InfoCard/InfoCard.test.d.ts +1 -0
  12. package/dist/cjs/types/components/InfoPopover/InfoPopover.d.ts +9 -0
  13. package/dist/cjs/types/components/InfoPopover/InfoPopover.stories.d.ts +6 -0
  14. package/dist/cjs/types/components/InfoPopover/InfoPopover.test.d.ts +1 -0
  15. package/dist/cjs/types/components/Popover/Popover.d.ts +8 -0
  16. package/dist/cjs/types/components/Popover/Popover.stories.d.ts +5 -0
  17. package/dist/cjs/types/components/Popover/Popover.test.d.ts +1 -0
  18. package/dist/cjs/types/global/icons/index.d.ts +6 -6
  19. package/dist/cjs/types/index.d.ts +5 -0
  20. package/dist/esm/index.js +1 -1
  21. package/dist/esm/types/components/Button/Button.overrides.d.ts +0 -11
  22. package/dist/esm/types/components/ControlButton/ControlButton.d.ts +14 -0
  23. package/dist/esm/types/components/ControlButton/ControlButton.stories.d.ts +6 -0
  24. package/dist/esm/types/components/ControlButton/ControlButton.test.d.ts +1 -0
  25. package/dist/esm/types/components/DocumentationPopover/DocumentationPopover.d.ts +25 -0
  26. package/dist/esm/types/components/DocumentationPopover/DocumentationPopover.stories.d.ts +5 -0
  27. package/dist/esm/types/components/DocumentationPopover/DocumentationPopover.test.d.ts +1 -0
  28. package/dist/esm/types/components/InfoCard/InfoCard.d.ts +22 -0
  29. package/dist/esm/types/components/InfoCard/InfoCard.stories.d.ts +7 -0
  30. package/dist/esm/types/components/InfoCard/InfoCard.test.d.ts +1 -0
  31. package/dist/esm/types/components/InfoPopover/InfoPopover.d.ts +9 -0
  32. package/dist/esm/types/components/InfoPopover/InfoPopover.stories.d.ts +6 -0
  33. package/dist/esm/types/components/InfoPopover/InfoPopover.test.d.ts +1 -0
  34. package/dist/esm/types/components/Popover/Popover.d.ts +8 -0
  35. package/dist/esm/types/components/Popover/Popover.stories.d.ts +5 -0
  36. package/dist/esm/types/components/Popover/Popover.test.d.ts +1 -0
  37. package/dist/esm/types/global/icons/index.d.ts +6 -6
  38. package/dist/esm/types/index.d.ts +5 -0
  39. package/dist/index.d.ts +74 -2
  40. package/package.json +3 -2
package/dist/cjs/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material"),t=require("react"),r=require("@mui/material/styles"),o=require("@mui/material/Button"),n=require("@mui/material/Typography"),a=require("@mui/material/InputAdornment"),l=require("@mui/material/IconButton"),i=require("@mui/icons-material/VisibilityOutlined"),c=require("@mui/icons-material/VisibilityOffOutlined"),d=require("@mui/icons-material/InfoOutlined"),u=require("@mui/icons-material/Close"),f=require("@mui/material/Table"),s=require("@mui/material/TableBody"),m=require("@mui/material/TableCell"),p=require("@mui/material/TableContainer"),g=require("@mui/material/TableHead"),h=require("@mui/material/TableRow"),b=require("@mui/material/TablePagination"),x=require("@mui/material/TableSortLabel"),y=require("@mui/material/TableFooter");function v(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function E(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var w=v(t),k=E(t),z=v(o),C=v(n),T=v(a),S=v(l),O=v(i),M=v(c),F=v(d),P=v(u),B=v(f),R=v(s),j=v(m),L=v(p),q=v(g),I=v(h),W=v(b),H=v(x),A=v(y),D={animation:{speed:{normal:"0.5s",fast:"0.08s",slow:"1s"}},color:{background:{light:"#f4f5f7",dark:"#dfe1e6",indigo:"#262a59"},primary:"#262a59",secondary:"#d40fa9",info:"#262a59",error:"#e35656",success:"#aed581",indigo0:"#f4f4f6",indigo10:"#e9e9ee",indigo20:"#bdbfcd",indigo30:"#a8aabd",indigo40:"#9294ac",indigo50:"#7d7f9b",indigo60:"#67698a",indigo70:"#51557a",indigo80:"#3b3f69",indigo90:"#262a59",indigo100:"#161833",pink0:"#fff3ff",pink10:"#fedafd",pink20:"#fdc0fb",pink30:"#f98ef3",pink40:"#f362e8",pink50:"#ec3ed7",pink60:"#d40fa9",pink70:"#b0027c",pink80:"#990165",pink90:"#820050",pink100:"#390325",cyan0:"#f4ffff",cyan10:"#c6ffff",cyan20:"#96ffff",cyan30:"#59effc",cyan40:"#1dd7f0",cyan50:"#20b0c7",cyan60:"#1d8fa4",cyan70:"#167286",cyan80:"#0e5a6d",cyan90:"#064658",cyan100:"#103645",green0:"#f8fff4",green10:"#e2fccc",green20:"#e2fccc",green30:"#aed581",green40:"#8eaf65",green50:"#728f4b",green60:"#5a7533",green70:"#476020",green80:"#374e10",green90:"#2b3f05",green100:"#223300",red0:"#fff7f4",red10:"#ffe4db",red20:"#fcc4bb",red30:"#efa299",red40:"#e67e78",red50:"#e35656",red60:"#b83d3c",red70:"#922524",red80:"#6f1110",red90:"#500404",red100:"#330000",gray0:"#ffffff",gray10:"#f4f5f7",gray20:"#dfe1e6",gray30:"#c1c7d0",gray40:"#a8afba",gray50:"#9399a3",gray60:"#777c85",gray70:"#575b61",gray80:"#3c3e42",gray90:"#222426",gray100:"#121315",border:{default:"#dfe1e6"},shadow:{default:"#121315"},text:{base:"#121315",light:"#9399a3",inverted:"#ffffff",link:{default:"#20b0c7",visited:"#1d8fa4"}}},font:{family:{heading:"'Roboto Condensed', sans-serif",text:"'Source Sans Pro', sans-serif",code:"'Source Code Pro', monospace"},lineHeight:{medium:"1rem",large:"1.5rem",xlarge:"2rem",xxlarge:"3rem"},weight:{normal:400,bold:700}},size:{border:{radius:{default:"6px",small:"4px"},width:"1px"},font:{base:"16px",heading:{default:"1.728rem",small:"1.44rem",xsmall:"1rem"},overline:{large:"1.44rem",default:"0.833rem"},body:{default:"1rem"},caption:{default:"0.833rem",large:"1.44rem"},label:{default:"0.833rem",large:"1.44rem"},minorThird10:"6.192rem",minorThird9:"5.16rem",minorThird8:"4.3rem",minorThird7:"3.583rem",minorThird6:"2.986rem",minorThird5:"2.488rem",minorThird4:"2.074rem",minorThird3:"1.728rem",minorThird2:"1.44rem",minorThird1:"1.2rem",minorThird0:"1rem",minorThirdSub1:"0.833rem",minorThirdSub2:"0.694rem",minorThirdSub3:"0.579rem",minorThirdSub4:"0.482rem",minorThirdSub5:"0.402rem",minorThirdSub6:"0.335rem"},spacingXS:"8px",spacingS:"16px",spacingM:"24px",spacingL:"32px",spacingXL:"40px",spacingXXL:"48px",spacing:{main:"24px",section:"32px",header:"24px",article:"24px",paragraph:"16px",line:"8px",scale1:"1px",scale2:"2px",scale4:"4px",scale6:"6px",scale8:"8px",scale16:"16px",scale24:"24px",scale32:"32px",scale40:"40px",scale48:"48px",scale56:"56px",scale64:"64px",scale72:"72px",scale80:"80px",scale88:"88px",scale96:"96px",scale104:"104px",scale112:"112px",scale120:"120px",scale128:"128px",scale160:"160px",scale208:"208px"}}},Z=function(){return Z=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},Z.apply(this,arguments)};function N(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}var $={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:D.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:D.size.spacing.scale8}},colorDefault:{backgroundColor:D.color.gray10,color:D.color.gray60},colorPrimary:{backgroundColor:D.color.indigo10,color:D.color.indigo80},colorSecondary:{backgroundColor:D.color.pink10,color:D.color.pink80},colorError:{backgroundColor:D.color.red10,color:D.color.error},colorInfo:{backgroundColor:D.color.indigo10,color:D.color.indigo80},colorSuccess:{backgroundColor:D.color.green10,color:D.color.green80}}},_={h1:{fontFamily:D.font.family.heading,fontSize:D.size.font.heading.default,fontWeight:D.font.weight.bold,lineHeight:D.font.lineHeight.xlarge},h2:{fontFamily:D.font.family.heading,fontSize:D.size.font.heading.small,fontWeight:D.font.weight.bold,lineHeight:D.font.lineHeight.xlarge},h3:{fontFamily:D.font.family.heading,fontSize:D.size.font.heading.xsmall,fontWeight:D.font.weight.bold,lineHeight:D.font.lineHeight.large},body1:{fontFamily:D.font.family.text,fontSize:D.size.font.body.default,fontWeight:D.font.weight.normal,lineHeight:D.font.lineHeight.large},body2:{fontFamily:D.font.family.text,fontSize:D.size.font.body.default,fontWeight:D.font.weight.bold,lineHeight:D.font.lineHeight.large},caption:{fontFamily:D.font.family.text,fontSize:D.size.font.caption.default,fontWeight:D.font.weight.normal,lineHeight:D.font.lineHeight.medium},overline:{fontFamily:D.font.family.heading,fontSize:D.size.font.overline.default,letterSpacing:"initial",fontWeight:D.font.weight.bold,color:D.color.gray60}},G={small:"".concat(D.size.spacing.scale4," ").concat(D.size.spacing.scale8),medium:"".concat(D.size.spacing.scale8," ").concat(D.size.spacing.scale16),large:"".concat(D.size.spacing.scale16," ").concat(D.size.spacing.scale32)},V={styleOverrides:{root:{textTransform:"none",lineHeight:D.size.spacing.scale16,fontWeight:D.font.weight.bold,fontFamily:D.font.family.text,boxShadow:"none"},contained:{padding:G.medium,color:D.color.gray0},outlinedSuccess:{color:D.color.green60},containedSuccess:{backgroundColor:D.color.green60},containedSizeSmall:{padding:G.small},containedSizeLarge:{padding:G.large},text:{padding:G.medium},textSizeSmall:{padding:G.small},textSizeLarge:{padding:G.large},outlined:{padding:"7px ".concat(D.size.spacing.scale16)},outlinedSizeSmall:{padding:G.small},outlinedSizeLarge:{padding:G.large},sizeSmall:{fontSize:D.size.font.label.default},sizeLarge:{fontSize:D.size.font.label.large},startIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}},endIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}}},defaultProps:{disableFocusRipple:!0},MuiIconButton:{root:{"&&:hover":{backgroundColor:"transparent"}}}},X={styleOverrides:{root:{color:D.color.gray60,backgroundColor:D.color.background.dark},sizeSmall:{padding:"3px"}}},U={styleOverrides:{root:{fontFamily:D.font.family.text,fontSize:D.size.font.label.default,fontWeight:D.font.weight.bold,width:D.size.spacing.scale24,height:D.size.spacing.scale24,"& .MuiSvgIcon-root":{width:D.size.spacing.scale16}},colorDefault:{backgroundColor:D.color.background.dark,"& .MuiSvgIcon-root":{color:D.color.gray60}}}},K={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:D.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:D.color.primary},"&$disabled":{opacity:.5}}}},J={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:D.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},Q={styleOverrides:{root:{marginRight:16},colorSecondary:{color:D.color.gray0,"&$checked":{color:D.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:D.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:D.color.background.light,border:"2px solid ".concat(D.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:D.color.primary,border:"2px solid ".concat(D.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},Y={styleOverrides:{root:{"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(D.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:D.size.spacing.scale16,height:D.size.spacing.scale16}}}}},ee={styleOverrides:{input:{"&.Mui-disabled":{backgroundColor:D.color.background.dark,color:D.color.text.light}}},defaultProps:{size:"small"}},te={styleOverrides:{outlined:{notchedOutline:{borderColor:D.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}},re={styleOverrides:{root:{width:"100%","& .MuiFormHelperText-root":{marginTop:D.size.spacing.scale8,marginLeft:0}}}},oe={styleOverrides:{root:{fontSize:D.size.font.base,color:D.color.text.base}}},ne={styleOverrides:{root:{borderBottom:"1px solid ".concat(D.color.gray20)},indicator:{backgroundColor:D.color.primary}}},ae={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(D.size.spacing.scale16),fontFamily:D.font.family.text,color:D.color.gray60,padding:"0 0 ".concat(D.size.spacing.scale16," 0"),"&:hover":{color:D.color.primary,opacity:1},"&$selected":{color:D.color.primary},"&:focus":{color:D.color.primary}}},defaultProps:{disableRipple:!0}},le={styleOverrides:{root:{fontWeight:D.font.weight.normal}}},ie={styleOverrides:{root:{fontWeight:D.font.weight.normal},head:{fontWeight:D.font.weight.bold}}},ce={styleOverrides:{root:{borderTop:"1px solid ".concat(D.color.border.default)}}},de={styleOverrides:{root:{borderBottom:"none","& .MuiIconButton-root":{backgroundColor:"transparent"}},selectLabel:{fontWeight:D.font.weight.normal,fontSize:D.size.font.caption.default},displayedRows:{fontWeight:D.font.weight.normal,fontSize:D.size.font.caption.default}}},ue=function(e){var t;return(t={})[{error:"&-standardError",success:"&-standardSuccess",info:"&-standardInfo"}[e]]={"& .MuiAlertTitle-root":{color:D.color["success"===e?"green60":e],fontFamily:D.font.family.text,lineHeight:D.font.lineHeight.medium,fontWeight:D.font.weight.bold,fontSize:D.size.font.caption.default}},t},fe={fontSize:D.size.font.caption.default,lineHeight:D.font.lineHeight.medium,fontWeight:D.font.weight.normal},se={styleOverrides:{root:Z(Z({width:328,borderRadius:6,backgroundColor:D.color.gray0,boxShadow:"0px 8px 16px rgba(18, 19, 21, 0.08)",color:D.color.text.light,padding:"".concat(D.size.spacing.scale8," ").concat(D.size.spacing.scale16)},fe),{"& p, & span":Z({},fe),"& .MuiAlert-action":{button:{width:D.size.spacing.scale16,height:D.size.spacing.scale16,backgroundColor:D.color.background.light},svg:{width:14,height:14,fill:D.color.gray60}},"&.MuiAlert":Z(Z(Z({},ue("error")),ue("success")),ue("info"))}),icon:{svg:{width:20,height:20}}}};D.size.font.body.default,D.font.family.text,D.color.gray100,D.size.font.caption.default;var me,pe,ge,he,be={styleOverrides:{root:{fontWeight:D.font.weight.bold,lineHeight:D.font.lineHeight.medium,fontFamily:D.font.family.text,fontSize:D.size.font.caption.default,color:D.color.text.base,marginBottom:D.size.spacing.scale8}}},xe=e.createTheme({typography:Z({},_),palette:{background:{default:"#ffffff"},primary:{main:D.color.primary},secondary:{main:D.color.secondary},error:{main:D.color.error},info:{main:D.color.info},success:{main:D.color.success}},components:{MuiButton:V,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiIconButton:X,MuiChip:$,MuiInput:te,MuiInputBase:ee,MuiFormControl:re,MuiFormControlLabel:oe,MuiTextField:Y,MuiFormLabel:be,MuiTabs:ne,MuiTab:ae,MuiAvatar:U,MuiCheckbox:K,MuiRadio:J,MuiSwitch:Q,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiTable:le,MuiTableCell:ie,MuiTableRow:{styleOverrides:{root:{"&:last-child td":{borderBottom:0}}}},MuiTableFooter:ce,MuiTablePagination:de,MuiAlert:se,MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}}}}),ye=r.styled(e.CircularProgress)(ge||(me=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],pe=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],Object.defineProperty?Object.defineProperty(me,"raw",{value:pe}):me.raw=pe,ge=me)),ve=function(e){var t=e.color,r=void 0===t?"primary":t,o=e.variant,n=void 0===o?"contained":o,a=e.size,l=void 0===a?"medium":a,i=e.loading,c=e.children,d=e.innerRef,u=N(e,["color","variant","size","loading","children","innerRef"]);return w.default.createElement(z.default,Z({size:l,variant:n,color:r,disabled:i},u,{ref:d}),w.default.createElement("span",{style:{opacity:i?0:1}},c),i&&w.default.createElement(ye,{size:20,color:"inherit"}))},Ee=w.default.forwardRef((function(e,t){return w.default.createElement(ve,Z({},e,{innerRef:t}))})),we=function(e){var t=e.children,r=N(e,["children"]);return w.default.createElement(C.default,Z({},r),t)},ke=function(t){var r=t.icon,o=t.firstName,n=void 0===o?"":o,a=t.lastName,l=void 0===a?"":a,i=t.sx,c=t.innerRef,d=N(t,["icon","firstName","lastName","sx","innerRef"]),u="".concat(n.substring(0,1)).concat(l.substring(0,1)).toLocaleUpperCase(),f=u?D.color.secondary:D.color.background.dark;return w.default.createElement(e.Avatar,Z({sx:Z(Z({},i),{backgroundColor:f}),ref:c},d),u||r)},ze=w.default.forwardRef((function(e,t){return w.default.createElement(ke,Z({},e,{innerRef:t}))})),Ce={small:6,medium:8,large:12,fluid:12},Te=function(t){var r=t.children,o=t.ref,n=N(t,["children","ref"]);return w.default.createElement(e.Box,Z({},n,{ref:o}),r)},Se=w.default.forwardRef((function(e,t){return w.default.createElement(Te,Z({},e,{ref:t}))})),Oe=function(t){var r=N(t,[]);return w.default.createElement(e.Checkbox,Z({},r))},Me=function(t){var r=t.label,o=t.htmlFor,n=t.required,a=void 0===n||n;return w.default.createElement(e.FormLabel,{component:"label",htmlFor:o},r,!a&&w.default.createElement(e.Box,{ml:1,component:"span",sx:{fontWeight:D.font.weight.normal,color:D.color.text.light}},"(optional)"))},Fe=function(t){var r=t.id,o=t.label,n=t.required,a=t.component,l=void 0===a?"div":a,i=t.disabled,c=t.data,d=t.error,u=t.helperText,f=t.sx,s=N(t,["id","label","required","component","disabled","data","error","helperText","sx"]);return w.default.createElement(e.FormControl,{component:l,error:d,disabled:i,sx:f},w.default.createElement(Me,{label:o,required:n,htmlFor:r}),w.default.createElement(e.FormGroup,null,c.map((function(t,o){var n=t.value,a=t.label;return w.default.createElement(e.FormControlLabel,{key:o,value:n,label:a||"",control:w.default.createElement(Oe,Z({color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)}},s))})}))),d&&w.default.createElement(e.FormHelperText,{error:d},u))},Pe=w.default.forwardRef((function(e,t){return w.default.createElement(Fe,Z({inputRef:t},e))})),Be=function(t){return w.default.createElement(e.Radio,Z({},t))},Re=function(t){var r=t.id,o=t.required,n=t.component,a=void 0===n?"div":n,l=t.disabled,i=t.data,c=t.label,d=t.error,u=t.sx,f=t.helperText,s=t.inputRef,m=N(t,["id","required","component","disabled","data","label","error","sx","helperText","inputRef"]);return w.default.createElement(e.FormControl,{component:a,error:d,disabled:l,sx:u},w.default.createElement(Me,{label:c,required:o,htmlFor:r}),w.default.createElement(e.RadioGroup,Z({},m),i.map((function(t,o){var n=t.value,a=t.label,l=t.message;return w.default.createElement(w.default.Fragment,null,w.default.createElement(e.FormControlLabel,{value:n,key:n,label:a||"",control:w.default.createElement(Be,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)},inputRef:s})}),l&&w.default.createElement(we,{variant:"caption",marginLeft:D.size.spacing.scale24,color:D.color.text.light,mb:1},l))}))),d&&f&&w.default.createElement(e.FormHelperText,{error:d},f))},je=w.default.forwardRef((function(e,t){return w.default.createElement(Re,Z({inputRef:t},e))})),Le=function(t){return w.default.createElement(e.Switch,Z({},t))},qe=function(t){var r=t.component,o=void 0===r?"div":r,n=t.disabled,a=t.label,l=t.error,i=t.sx,c=N(t,["component","disabled","label","error","sx"]);return w.default.createElement(e.FormControl,{component:o,error:l,disabled:n,sx:Z({mb:2},i)},w.default.createElement(e.FormLabel,{component:"label"},a),w.default.createElement(Le,Z({},c)))},Ie=w.default.forwardRef((function(e,t){return w.default.createElement(qe,Z({inputRef:t},e))})),We=function(t){return w.default.createElement(e.Select,Z({variant:"outlined"},t))},He=function(t){var r=t.id,o=t.required,n=t.component,a=void 0===n?"div":n,l=t.disabled,i=t.label,c=t.error,d=t.helperText,u=t.sx,f=t.options,s=N(t,["id","required","component","disabled","label","error","helperText","sx","options"]);return w.default.createElement(e.FormControl,{component:a,error:c,disabled:l,sx:u},w.default.createElement(Me,{label:i,required:o,htmlFor:r}),w.default.createElement(We,Z({},s,{error:c,inputProps:{id:r,"data-testid":r}}),f.map((function(t){return w.default.createElement(e.MenuItem,{key:t.value,value:t.value},t.text)}))),c&&d&&w.default.createElement(e.FormHelperText,{error:c},d))},Ae=w.default.forwardRef((function(e,t){return w.default.createElement(He,Z({inputRef:t},e))})),De=function(r){var o=r.type,n=N(r,["type"]),a=t.useState(!1),l=a[0],i=a[1],c=Z(Z({},n.InputProps),"password"===o&&{endAdornment:w.default.createElement(T.default,{position:"end"},w.default.createElement(S.default,{"aria-label":"toggle password visibility",onClick:function(){return i(!l)},edge:"end"},l?w.default.createElement(O.default,null):w.default.createElement(M.default,null)))});return w.default.createElement(e.TextField,Z({},n,{type:l?"text":o,InputProps:c}))},Ze=function(t){var r=t.id,o=t.component,n=void 0===o?"div":o,a=t.required,l=t.disabled,i=t.label,c=t.error,d=t.helperText,u=t.sx,f=N(t,["id","component","required","disabled","label","error","helperText","sx"]);return w.default.createElement(e.FormControl,{component:n,error:c,disabled:l,sx:u},w.default.createElement(Me,{label:i,required:a,htmlFor:r}),w.default.createElement(De,Z({},f,{id:r,error:c,inputProps:{"data-testid":r},disabled:l,helperText:d})))},Ne=w.default.forwardRef((function(e,t){return w.default.createElement(Ze,Z({inputRef:t},e))}));function $e(){return $e=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},$e.apply(this,arguments)}var _e,Ge,Ve=function(e){return k.createElement("svg",$e({viewBox:"0 0 24 24"},e),he||(he=k.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M12.141 4.894H3.576A1.977 1.977 0 0 0 1.6 6.871v14.494c0 1.09.885 1.976 1.976 1.976h14.495a1.977 1.977 0 0 0 1.976-1.976V12.8M17.412 1.6h4.94a.99.99 0 0 1 .99.988V7.53m-10.883 4.952L23.05 1.89"})))};function Xe(){return Xe=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},Xe.apply(this,arguments)}var Ue,Ke,Je=function(e){return k.createElement("svg",Xe({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),_e||(_e=k.createElement("path",{d:"M12 17.998a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25ZM12 14.248a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 0 1 1.5 0v7.5a.75.75 0 0 1-.75.75Z",fill:"currentColor"})),Ge||(Ge=k.createElement("path",{d:"M12 23.997a2.546 2.546 0 0 1-1.81-.748L.75 13.81a2.564 2.564 0 0 1 0-3.621L10.19.75a2.542 2.542 0 0 1 1.807-.751c.685 0 1.327.265 1.81.747l9.444 9.443a2.566 2.566 0 0 1 0 3.621l-9.44 9.439a2.55 2.55 0 0 1-1.811.748Zm-.75-1.809c.2.199.466.309.75.309s.55-.11.75-.31l9.44-9.439a1.064 1.064 0 0 0 0-1.501L12.749 1.81c-.01-.009-.024-.025-.033-.035a1.034 1.034 0 0 0-.713-.276c-.288 0-.553.111-.753.311l-9.441 9.44a1.063 1.063 0 0 0 0 1.5l9.441 9.438Z",fill:"currentColor"})))};function Qe(){return Qe=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},Qe.apply(this,arguments)}var Ye,et,tt=function(e){return k.createElement("svg",Qe({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),Ue||(Ue=k.createElement("path",{d:"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5h-.75ZM11.625 8.25a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25Z",fill:"currentColor"})),Ke||(Ke=k.createElement("path",{d:"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12Zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5Z",fill:"currentColor"})))};function rt(){return rt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},rt.apply(this,arguments)}var ot=function(e){return k.createElement("svg",rt({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),Ye||(Ye=k.createElement("path",{d:"M9.325 17.916a1.79 1.79 0 0 1-1.498-.799l-2.44-3.462a.75.75 0 0 1 1.227-.864l2.45 3.477a.306.306 0 0 0 .261.148.294.294 0 0 0 .236-.119l7.852-9.935a.75.75 0 0 1 1.175.93l-7.843 9.923a1.781 1.781 0 0 1-.423.396 1.78 1.78 0 0 1-.997.305Z",fill:"currentColor"})),et||(et=k.createElement("path",{d:"M12 23.999c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12Zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5Z",fill:"currentColor"})))},nt=function(t){var r=t.children,o=N(t,["children"]);return w.default.createElement(e.Tabs,Z({},o),r)},at=function(t){var r=t.children,o=N(t,["children"]);return w.default.createElement(e.Tab,Z({},o),r)},lt=function(e){var t=e.children,r=e.value,o=void 0===r?0:r,n=e.index,a=e.id;return w.default.createElement(Se,{role:"tabpanel",hidden:o!==n,id:a},t)},it=function(t){var r=t.children,o=N(t,["children"]);return w.default.createElement(e.Alert,Z({},o,{iconMapping:{info:w.default.createElement(e.SvgIcon,{component:tt,sx:{color:D.color.primary}}),success:w.default.createElement(e.SvgIcon,{component:ot,sx:{color:D.color.green60}}),error:w.default.createElement(e.SvgIcon,{component:Je,sx:{color:D.color.error}})}}),r)},ct={background:{info:D.color.indigo10,success:D.color.green10,error:D.color.red10},font:{info:D.color.primary,success:D.color.green60,error:D.color.error}};exports.Alert=function(t){var r=t.type,o=void 0===r?"success":r,n=t.title,a=t.children,l=N(t,["type","title","children"]);return w.default.createElement(it,Z({severity:o},l),n&&w.default.createElement(e.AlertTitle,null,e.capitalize(n)),a)},exports.Avatar=ze,exports.Banner=function(t){var r=t.type,o=void 0===r?"info":r,n=t.variant,a=void 0===n?"stacked":n,l=t.title,i=t.onDismiss,c=t.children,d=t.actionLabel,u=t.actionProps,f=N(t,["type","variant","title","onDismiss","children","actionLabel","actionProps"]),s=function(e){return{get layout(){var t="stacked"===e;return{margin:{mb:t?2:0,mr:t?0:2},padding:{py:t?1:0},position:{display:t?"block":"flex",justifyContent:t?"initial":"center",alignItems:t?"initial":"center"}}}}}(a).layout;return w.default.createElement(it,Z({},f,{severity:o,sx:Z(Z({},f.sx),{backgroundColor:ct.background[o],boxShadow:"initial",width:"initial",py:s.padding.py,justifyContent:s.position.justifyContent,".MuiAlert-icon":Z(Z({},s.position),{mr:1,svg:{width:16,height:16}}),".MuiAlert-message":Z({},s.position),".MuiAlertTitle-root":Z({},s.margin),".banner-content":Z(Z({},s.position),{"&__message":Z({},s.margin)})})}),w.default.createElement(e.AlertTitle,null,e.capitalize(l)),w.default.createElement(e.Box,{display:"block",className:"banner-content"},w.default.createElement(e.Box,{sx:{color:ct.font[o]},className:"banner-content__message"},c),d&&w.default.createElement(e.Button,Z({},u,{size:"small",variant:"contained",color:o}),d),i&&w.default.createElement(e.Button,{onClick:i,size:"small",variant:"outlined",sx:{py:"3px",ml:2,backgroundColor:D.color.gray0,":hover":{backgroundColor:D.color.gray0}},color:o},"Dismiss")))},exports.Box=Se,exports.Button=Ee,exports.Checkbox=Oe,exports.Chip=function(t){var r=t.label,o=N(t,["label"]);return w.default.createElement(e.Chip,Z({size:"small",label:r},o))},exports.Container=function(t){var r=t.component,o=void 0===r?"div":r,n=t.size,a=void 0===n?"large":n,l=t.children,i=N(t,["component","size","children"]),c="fluid"===a;return w.default.createElement(e.Container,Z({component:o,disableGutters:c,maxWidth:!c&&"lg",sx:Z({display:"flex",justifyContent:"center"},i.sx)},i),w.default.createElement(e.Grid,{container:!0,justifyContent:"center"},w.default.createElement(e.Grid,{item:!0,md:Ce[a]},l)))},exports.EmptyState=function(t){var r=t.icon,o=t.title,n=t.subTitle,a=t.action,l=N(t,["icon","title","subTitle","action"]);return w.default.createElement(e.Box,Z({p:4,display:"flex",flexDirection:"column",alignItems:"center"},l),w.default.createElement(e.SvgIcon,{component:null!=r?r:F.default,sx:{marginBottom:D.size.spacing.scale24,fontSize:D.size.spacing.scale104,color:D.color.gray20}}),w.default.createElement(we,{variant:"h1",component:"span",mb:2},o),w.default.createElement(we,{variant:"body1",color:D.color.gray60,mb:3},n),a)},exports.FormCheckbox=Pe,exports.FormInput=Ne,exports.FormRadio=je,exports.FormSelect=Ae,exports.FormSwitch=Ie,exports.Input=De,exports.Link=function(t){var r,o=t.children,n=t.underline,a=void 0===n?"hover":n,l=t.toParentNavigation,i=N(t,["children","underline","toParentNavigation"]),c=null===(r=i.href)||void 0===r?void 0:r.startsWith("https"),d={underline:a};return l?w.default.createElement(e.Link,Z({},d,i,{onClick:function(){return e=l,void window.parent.postMessage({type:"NAVIGATION",content:e},"*");var e}}),o):w.default.createElement(e.Link,Z({},d,c&&{target:"_blank",rel:"noopener noreferrer"},i),o,c&&w.default.createElement(e.SvgIcon,{component:Ve,fontSize:"inherit",sx:{marginLeft:".25em"}}))},exports.Modal=function(t){var r=t.title,o=t.subtitle,n=t.children,a=t.actions,l=t.open,i=t.maxWidth,c=void 0===i?552:i,d=t.onClose,u=N(t,["title","subtitle","children","actions","open","maxWidth","onClose"]);return w.default.createElement(e.Modal,Z({open:l,onClose:d,closeAfterTransition:!0,BackdropProps:{timeout:500}},u),w.default.createElement(e.Fade,{in:l},w.default.createElement(e.Box,{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},w.default.createElement(e.Card,{sx:{maxWidth:c,outline:"none"}},w.default.createElement(e.CardContent,null,w.default.createElement(e.Box,{display:"flex",justifyContent:"space-between",alignItems:"center"},w.default.createElement(e.Typography,{variant:"h2"},r),d&&w.default.createElement(e.IconButton,{onClick:function(e){return d(e,"escapeKeyDown")},sx:{padding:"0"}},w.default.createElement(P.default,{sx:{fontSize:"16px"}}))),o&&w.default.createElement(e.Box,null,w.default.createElement(e.Typography,{variant:"body1",color:"textSecondary"},o)),w.default.createElement(e.Divider,null),n,a&&w.default.createElement(w.default.Fragment,null,w.default.createElement(e.Divider,null),w.default.createElement(e.Box,null,a)))))))},exports.Radio=Be,exports.Select=We,exports.Switch=Le,exports.Tab=at,exports.TabGroup=function(e){var r=e.tabs,o=e.nameSpace,n=e.tabContentProps,a=e.tabsProps,l=t.useState(0),i=l[0],c=l[1],d=o?"".concat(o,"-"):"";return w.default.createElement(w.default.Fragment,null,w.default.createElement(nt,Z({},a,{value:i,onChange:function(e,t){c(t)}}),r.map((function(e,t){return w.default.createElement(at,{key:"".concat(d,"tab-").concat(t),label:e.label,"aria-controls":"".concat(d,"panel-").concat(t)})}))),w.default.createElement(Se,Z({},n),r.map((function(e,t){var r="".concat(d,"panel-").concat(t);return w.default.createElement(lt,{key:r,value:i,index:t,id:r,"aria-labelledby":"".concat(d,"tab-").concat(t)},e.content)}))))},exports.Table=function(e){var t=e.children,r=N(e,["children"]);return w.default.createElement(B.default,Z({},r),t)},exports.TableBody=function(e){var t=e.children,r=N(e,["children"]);return w.default.createElement(R.default,Z({},r),t)},exports.TableCell=function(e){var t=e.children,r=N(e,["children"]);return w.default.createElement(j.default,Z({},r),t)},exports.TableContainer=function(e){var t=e.children,r=N(e,["children"]);return w.default.createElement(L.default,Z({},r),t)},exports.TableFooter=function(e){var t=e.children,r=N(e,["children"]);return w.default.createElement(A.default,Z({},r),t)},exports.TableHead=function(e){var t=e.children,r=N(e,["children"]);return w.default.createElement(q.default,Z({},r),t)},exports.TablePagination=function(e){var t=N(e,[]);return w.default.createElement(W.default,Z({},t))},exports.TableRow=function(e){var t=e.children,r=N(e,["children"]);return w.default.createElement(I.default,Z({},r),t)},exports.TableSortLabel=function(e){var t=e.children,r=N(e,["children"]);return w.default.createElement(H.default,Z({},r),t)},exports.Tabs=nt,exports.Tooltip=function(t){var r=t.children,o=N(t,["children"]);return w.default.createElement(e.Tooltip,Z({},o),r)},exports.Typography=we,exports.UpComponentsProvider=function(t){return w.default.createElement(w.default.Fragment,null,w.default.createElement(e.CssBaseline,null),w.default.createElement(r.ThemeProvider,{theme:xe},t.children))},exports.theme=xe,exports.tokens=D,Object.keys(e).forEach((function(t){"default"===t||exports.hasOwnProperty(t)||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return e[t]}})}));
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material"),t=require("react"),r=require("@mui/material/styles"),n=require("@mui/material/Button"),o=require("@mui/material/Typography"),a=require("@mui/material/InputAdornment"),l=require("@mui/material/IconButton"),i=require("@mui/icons-material/VisibilityOutlined"),c=require("@mui/icons-material/VisibilityOffOutlined"),d=require("@mui/icons-material/InfoOutlined"),u=require("@mui/icons-material/Close"),f=require("@mui/icons-material/QuestionMark"),s=require("react-markdown"),m=require("@mui/material/Table"),p=require("@mui/material/TableBody"),g=require("@mui/material/TableCell"),h=require("@mui/material/TableContainer"),b=require("@mui/material/TableHead"),x=require("@mui/material/TableRow"),y=require("@mui/material/TablePagination"),v=require("@mui/material/TableSortLabel"),E=require("@mui/material/TableFooter");function w(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function C(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var k=w(t),z=C(t),T=w(n),S=w(o),O=w(a),M=w(l),F=w(i),P=w(c),B=w(d),R=w(u),j=w(f),L=w(s),I=w(m),q=w(p),W=w(g),H=w(h),A=w(b),D=w(x),Z=w(y),N=w(v),$=w(E),_={animation:{speed:{normal:"0.5s",fast:"0.08s",slow:"1s"}},color:{background:{light:"#f4f5f7",dark:"#dfe1e6",indigo:"#262a59"},primary:"#262a59",secondary:"#d40fa9",info:"#262a59",error:"#e35656",success:"#aed581",indigo0:"#f4f4f6",indigo10:"#e9e9ee",indigo20:"#bdbfcd",indigo30:"#a8aabd",indigo40:"#9294ac",indigo50:"#7d7f9b",indigo60:"#67698a",indigo70:"#51557a",indigo80:"#3b3f69",indigo90:"#262a59",indigo100:"#161833",pink0:"#fff3ff",pink10:"#fedafd",pink20:"#fdc0fb",pink30:"#f98ef3",pink40:"#f362e8",pink50:"#ec3ed7",pink60:"#d40fa9",pink70:"#b0027c",pink80:"#990165",pink90:"#820050",pink100:"#390325",cyan0:"#f4ffff",cyan10:"#c6ffff",cyan20:"#96ffff",cyan30:"#59effc",cyan40:"#1dd7f0",cyan50:"#20b0c7",cyan60:"#1d8fa4",cyan70:"#167286",cyan80:"#0e5a6d",cyan90:"#064658",cyan100:"#103645",green0:"#f8fff4",green10:"#e2fccc",green20:"#e2fccc",green30:"#aed581",green40:"#8eaf65",green50:"#728f4b",green60:"#5a7533",green70:"#476020",green80:"#374e10",green90:"#2b3f05",green100:"#223300",red0:"#fff7f4",red10:"#ffe4db",red20:"#fcc4bb",red30:"#efa299",red40:"#e67e78",red50:"#e35656",red60:"#b83d3c",red70:"#922524",red80:"#6f1110",red90:"#500404",red100:"#330000",gray0:"#ffffff",gray10:"#f4f5f7",gray20:"#dfe1e6",gray30:"#c1c7d0",gray40:"#a8afba",gray50:"#9399a3",gray60:"#777c85",gray70:"#575b61",gray80:"#3c3e42",gray90:"#222426",gray100:"#121315",border:{default:"#dfe1e6"},shadow:{default:"#121315"},text:{base:"#121315",light:"#9399a3",inverted:"#ffffff",link:{default:"#20b0c7",visited:"#1d8fa4"}}},font:{family:{heading:"'Roboto Condensed', sans-serif",text:"'Source Sans Pro', sans-serif",code:"'Source Code Pro', monospace"},lineHeight:{medium:"1rem",large:"1.5rem",xlarge:"2rem",xxlarge:"3rem"},weight:{normal:400,bold:700}},size:{border:{radius:{default:"6px",small:"4px"},width:"1px"},font:{base:"16px",heading:{default:"1.728rem",small:"1.44rem",xsmall:"1rem"},overline:{large:"1.44rem",default:"0.833rem"},body:{default:"1rem"},caption:{default:"0.833rem",large:"1.44rem"},label:{default:"0.833rem",large:"1.44rem"},minorThird10:"6.192rem",minorThird9:"5.16rem",minorThird8:"4.3rem",minorThird7:"3.583rem",minorThird6:"2.986rem",minorThird5:"2.488rem",minorThird4:"2.074rem",minorThird3:"1.728rem",minorThird2:"1.44rem",minorThird1:"1.2rem",minorThird0:"1rem",minorThirdSub1:"0.833rem",minorThirdSub2:"0.694rem",minorThirdSub3:"0.579rem",minorThirdSub4:"0.482rem",minorThirdSub5:"0.402rem",minorThirdSub6:"0.335rem"},spacingXS:"8px",spacingS:"16px",spacingM:"24px",spacingL:"32px",spacingXL:"40px",spacingXXL:"48px",spacing:{main:"24px",section:"32px",header:"24px",article:"24px",paragraph:"16px",line:"8px",scale1:"1px",scale2:"2px",scale4:"4px",scale6:"6px",scale8:"8px",scale16:"16px",scale24:"24px",scale32:"32px",scale40:"40px",scale48:"48px",scale56:"56px",scale64:"64px",scale72:"72px",scale80:"80px",scale88:"88px",scale96:"96px",scale104:"104px",scale112:"112px",scale120:"120px",scale128:"128px",scale160:"160px",scale208:"208px"}}},V=function(){return V=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},V.apply(this,arguments)};function G(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}var X={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:_.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:_.size.spacing.scale8}},colorDefault:{backgroundColor:_.color.gray10,color:_.color.gray60},colorPrimary:{backgroundColor:_.color.indigo10,color:_.color.indigo80},colorSecondary:{backgroundColor:_.color.pink10,color:_.color.pink80},colorError:{backgroundColor:_.color.red10,color:_.color.error},colorInfo:{backgroundColor:_.color.indigo10,color:_.color.indigo80},colorSuccess:{backgroundColor:_.color.green10,color:_.color.green80}}},U={h1:{fontFamily:_.font.family.heading,fontSize:_.size.font.heading.default,fontWeight:_.font.weight.bold,lineHeight:_.font.lineHeight.xlarge},h2:{fontFamily:_.font.family.heading,fontSize:_.size.font.heading.small,fontWeight:_.font.weight.bold,lineHeight:_.font.lineHeight.xlarge},h3:{fontFamily:_.font.family.heading,fontSize:_.size.font.heading.xsmall,fontWeight:_.font.weight.bold,lineHeight:_.font.lineHeight.large},body1:{fontFamily:_.font.family.text,fontSize:_.size.font.body.default,fontWeight:_.font.weight.normal,lineHeight:_.font.lineHeight.large},body2:{fontFamily:_.font.family.text,fontSize:_.size.font.body.default,fontWeight:_.font.weight.bold,lineHeight:_.font.lineHeight.large},caption:{fontFamily:_.font.family.text,fontSize:_.size.font.caption.default,fontWeight:_.font.weight.normal,lineHeight:_.font.lineHeight.medium},overline:{fontFamily:_.font.family.heading,fontSize:_.size.font.overline.default,letterSpacing:"initial",fontWeight:_.font.weight.bold,color:_.color.gray60}},K={small:"".concat(_.size.spacing.scale4," ").concat(_.size.spacing.scale8),medium:"".concat(_.size.spacing.scale8," ").concat(_.size.spacing.scale16),large:"".concat(_.size.spacing.scale16," ").concat(_.size.spacing.scale32)},Q={styleOverrides:{root:{textTransform:"none",lineHeight:_.size.spacing.scale16,fontWeight:_.font.weight.bold,fontFamily:_.font.family.text,boxShadow:"none"},contained:{padding:K.medium,color:_.color.gray0},outlinedSuccess:{color:_.color.green60},containedSuccess:{backgroundColor:_.color.green60},containedSizeSmall:{padding:K.small},containedSizeLarge:{padding:K.large},text:{padding:K.medium},textSizeSmall:{padding:K.small},textSizeLarge:{padding:K.large},outlined:{padding:"7px ".concat(_.size.spacing.scale16)},outlinedSizeSmall:{padding:K.small},outlinedSizeLarge:{padding:K.large},sizeSmall:{fontSize:_.size.font.label.default},sizeLarge:{fontSize:_.size.font.label.large},startIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}},endIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}}},defaultProps:{disableFocusRipple:!0}},J={styleOverrides:{root:{fontFamily:_.font.family.text,fontSize:_.size.font.label.default,fontWeight:_.font.weight.bold,width:_.size.spacing.scale24,height:_.size.spacing.scale24,"& .MuiSvgIcon-root":{width:_.size.spacing.scale16}},colorDefault:{backgroundColor:_.color.background.dark,"& .MuiSvgIcon-root":{color:_.color.gray60}}}},Y={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:_.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:_.color.primary},"&$disabled":{opacity:.5}}}},ee={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:_.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},te={styleOverrides:{root:{marginRight:16},colorSecondary:{color:_.color.gray0,"&$checked":{color:_.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:_.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:_.color.background.light,border:"2px solid ".concat(_.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:_.color.primary,border:"2px solid ".concat(_.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},re={styleOverrides:{root:{"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(_.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:_.size.spacing.scale16,height:_.size.spacing.scale16}}}}},ne={styleOverrides:{input:{"&.Mui-disabled":{backgroundColor:_.color.background.dark,color:_.color.text.light}}},defaultProps:{size:"small"}},oe={styleOverrides:{outlined:{notchedOutline:{borderColor:_.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}},ae={styleOverrides:{root:{width:"100%","& .MuiFormHelperText-root":{marginTop:_.size.spacing.scale8,marginLeft:0}}}},le={styleOverrides:{root:{fontSize:_.size.font.base,color:_.color.text.base}}},ie={styleOverrides:{root:{borderBottom:"1px solid ".concat(_.color.gray20)},indicator:{backgroundColor:_.color.primary}}},ce={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(_.size.spacing.scale16),fontFamily:_.font.family.text,color:_.color.gray60,padding:"0 0 ".concat(_.size.spacing.scale16," 0"),"&:hover":{color:_.color.primary,opacity:1},"&$selected":{color:_.color.primary},"&:focus":{color:_.color.primary}}},defaultProps:{disableRipple:!0}},de={styleOverrides:{root:{fontWeight:_.font.weight.normal}}},ue={styleOverrides:{root:{fontWeight:_.font.weight.normal},head:{fontWeight:_.font.weight.bold}}},fe={styleOverrides:{root:{borderTop:"1px solid ".concat(_.color.border.default)}}},se={styleOverrides:{root:{borderBottom:"none","& .MuiIconButton-root":{backgroundColor:"transparent"}},selectLabel:{fontWeight:_.font.weight.normal,fontSize:_.size.font.caption.default},displayedRows:{fontWeight:_.font.weight.normal,fontSize:_.size.font.caption.default}}},me=function(e){var t;return(t={})[{error:"&-standardError",success:"&-standardSuccess",info:"&-standardInfo"}[e]]={"& .MuiAlertTitle-root":{color:_.color["success"===e?"green60":e],fontFamily:_.font.family.text,lineHeight:_.font.lineHeight.medium,fontWeight:_.font.weight.bold,fontSize:_.size.font.caption.default}},t},pe={fontSize:_.size.font.caption.default,lineHeight:_.font.lineHeight.medium,fontWeight:_.font.weight.normal},ge={styleOverrides:{root:V(V({width:328,borderRadius:6,backgroundColor:_.color.gray0,boxShadow:"0px 8px 16px rgba(18, 19, 21, 0.08)",color:_.color.text.light,padding:"".concat(_.size.spacing.scale8," ").concat(_.size.spacing.scale16)},pe),{"& p, & span":V({},pe),"& .MuiAlert-action":{button:{width:_.size.spacing.scale16,height:_.size.spacing.scale16,backgroundColor:_.color.background.light},svg:{width:14,height:14,fill:_.color.gray60}},"&.MuiAlert":V(V(V({},me("error")),me("success")),me("info"))}),icon:{svg:{width:20,height:20}}}};_.size.font.body.default,_.font.family.text,_.color.gray100,_.size.font.caption.default;var he,be,xe,ye,ve={styleOverrides:{root:{fontWeight:_.font.weight.bold,lineHeight:_.font.lineHeight.medium,fontFamily:_.font.family.text,fontSize:_.size.font.caption.default,color:_.color.text.base,marginBottom:_.size.spacing.scale8}}},Ee=e.createTheme({typography:V({},U),palette:{background:{default:"#ffffff"},primary:{main:_.color.primary},secondary:{main:_.color.secondary},error:{main:_.color.error},info:{main:_.color.info},success:{main:_.color.success}},components:{MuiButton:Q,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiChip:X,MuiInput:oe,MuiInputBase:ne,MuiFormControl:ae,MuiFormControlLabel:le,MuiTextField:re,MuiFormLabel:ve,MuiTabs:ie,MuiTab:ce,MuiAvatar:J,MuiCheckbox:Y,MuiRadio:ee,MuiSwitch:te,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiTable:de,MuiTableCell:ue,MuiTableRow:{styleOverrides:{root:{"&:last-child td":{borderBottom:0}}}},MuiTableFooter:fe,MuiTablePagination:se,MuiAlert:ge,MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}}}}),we=r.styled(e.CircularProgress)(xe||(he=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],be=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],Object.defineProperty?Object.defineProperty(he,"raw",{value:be}):he.raw=be,xe=he)),Ce=function(e){var t=e.color,r=void 0===t?"primary":t,n=e.variant,o=void 0===n?"contained":n,a=e.size,l=void 0===a?"medium":a,i=e.loading,c=e.children,d=e.innerRef,u=G(e,["color","variant","size","loading","children","innerRef"]);return k.default.createElement(T.default,V({size:l,variant:o,color:r,disabled:i},u,{ref:d}),k.default.createElement("span",{style:{opacity:i?0:1}},c),i&&k.default.createElement(we,{size:20,color:"inherit"}))},ke=k.default.forwardRef((function(e,t){return k.default.createElement(Ce,V({},e,{innerRef:t}))})),ze=function(e){var t=e.children,r=G(e,["children"]);return k.default.createElement(S.default,V({},r),t)},Te=function(t){var r=t.icon,n=t.firstName,o=void 0===n?"":n,a=t.lastName,l=void 0===a?"":a,i=t.sx,c=t.innerRef,d=G(t,["icon","firstName","lastName","sx","innerRef"]),u="".concat(o.substring(0,1)).concat(l.substring(0,1)).toLocaleUpperCase(),f=u?_.color.secondary:_.color.background.dark;return k.default.createElement(e.Avatar,V({sx:V(V({},i),{backgroundColor:f}),ref:c},d),u||r)},Se=k.default.forwardRef((function(e,t){return k.default.createElement(Te,V({},e,{innerRef:t}))})),Oe={small:6,medium:8,large:12,fluid:12},Me=function(t){var r=t.children,n=t.ref,o=G(t,["children","ref"]);return k.default.createElement(e.Box,V({},o,{ref:n}),r)},Fe=k.default.forwardRef((function(e,t){return k.default.createElement(Me,V({},e,{ref:t}))})),Pe=function(t){var r=G(t,[]);return k.default.createElement(e.Checkbox,V({},r))},Be=function(t){var r=t.label,n=t.htmlFor,o=t.required,a=void 0===o||o;return k.default.createElement(e.FormLabel,{component:"label",htmlFor:n},r,!a&&k.default.createElement(e.Box,{ml:1,component:"span",sx:{fontWeight:_.font.weight.normal,color:_.color.text.light}},"(optional)"))},Re=function(t){var r=t.id,n=t.label,o=t.required,a=t.component,l=void 0===a?"div":a,i=t.disabled,c=t.data,d=t.error,u=t.helperText,f=t.sx,s=G(t,["id","label","required","component","disabled","data","error","helperText","sx"]);return k.default.createElement(e.FormControl,{component:l,error:d,disabled:i,sx:f},k.default.createElement(Be,{label:n,required:o,htmlFor:r}),k.default.createElement(e.FormGroup,null,c.map((function(t,n){var o=t.value,a=t.label;return k.default.createElement(e.FormControlLabel,{key:n,value:o,label:a||"",control:k.default.createElement(Pe,V({color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(n)}},s))})}))),d&&k.default.createElement(e.FormHelperText,{error:d},u))},je=k.default.forwardRef((function(e,t){return k.default.createElement(Re,V({inputRef:t},e))})),Le=function(t){return k.default.createElement(e.Radio,V({},t))},Ie=function(t){var r=t.id,n=t.required,o=t.component,a=void 0===o?"div":o,l=t.disabled,i=t.data,c=t.label,d=t.error,u=t.sx,f=t.helperText,s=t.inputRef,m=G(t,["id","required","component","disabled","data","label","error","sx","helperText","inputRef"]);return k.default.createElement(e.FormControl,{component:a,error:d,disabled:l,sx:u},k.default.createElement(Be,{label:c,required:n,htmlFor:r}),k.default.createElement(e.RadioGroup,V({},m),i.map((function(t,n){var o=t.value,a=t.label,l=t.message;return k.default.createElement(k.default.Fragment,null,k.default.createElement(e.FormControlLabel,{value:o,key:o,label:a||"",control:k.default.createElement(Le,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(n)},inputRef:s})}),l&&k.default.createElement(ze,{variant:"caption",marginLeft:_.size.spacing.scale24,color:_.color.text.light,mb:1},l))}))),d&&f&&k.default.createElement(e.FormHelperText,{error:d},f))},qe=k.default.forwardRef((function(e,t){return k.default.createElement(Ie,V({inputRef:t},e))})),We=function(t){return k.default.createElement(e.Switch,V({},t))},He=function(t){var r=t.component,n=void 0===r?"div":r,o=t.disabled,a=t.label,l=t.error,i=t.sx,c=G(t,["component","disabled","label","error","sx"]);return k.default.createElement(e.FormControl,{component:n,error:l,disabled:o,sx:V({mb:2},i)},k.default.createElement(e.FormLabel,{component:"label"},a),k.default.createElement(We,V({},c)))},Ae=k.default.forwardRef((function(e,t){return k.default.createElement(He,V({inputRef:t},e))})),De=function(t){return k.default.createElement(e.Select,V({variant:"outlined"},t))},Ze=function(t){var r=t.id,n=t.required,o=t.component,a=void 0===o?"div":o,l=t.disabled,i=t.label,c=t.error,d=t.helperText,u=t.sx,f=t.options,s=G(t,["id","required","component","disabled","label","error","helperText","sx","options"]);return k.default.createElement(e.FormControl,{component:a,error:c,disabled:l,sx:u},k.default.createElement(Be,{label:i,required:n,htmlFor:r}),k.default.createElement(De,V({},s,{error:c,inputProps:{id:r,"data-testid":r}}),f.map((function(t){return k.default.createElement(e.MenuItem,{key:t.value,value:t.value},t.text)}))),c&&d&&k.default.createElement(e.FormHelperText,{error:c},d))},Ne=k.default.forwardRef((function(e,t){return k.default.createElement(Ze,V({inputRef:t},e))})),$e=function(r){var n=r.type,o=G(r,["type"]),a=t.useState(!1),l=a[0],i=a[1],c=V(V({},o.InputProps),"password"===n&&{endAdornment:k.default.createElement(O.default,{position:"end"},k.default.createElement(M.default,{"aria-label":"toggle password visibility",onClick:function(){return i(!l)},edge:"end"},l?k.default.createElement(F.default,null):k.default.createElement(P.default,null)))});return k.default.createElement(e.TextField,V({},o,{type:l?"text":n,InputProps:c}))},_e=function(t){var r=t.id,n=t.component,o=void 0===n?"div":n,a=t.required,l=t.disabled,i=t.label,c=t.error,d=t.helperText,u=t.sx,f=G(t,["id","component","required","disabled","label","error","helperText","sx"]);return k.default.createElement(e.FormControl,{component:o,error:c,disabled:l,sx:u},k.default.createElement(Be,{label:i,required:a,htmlFor:r}),k.default.createElement($e,V({},f,{id:r,error:c,inputProps:{"data-testid":r},disabled:l,helperText:d})))},Ve=k.default.forwardRef((function(e,t){return k.default.createElement(_e,V({inputRef:t},e))}));function Ge(){return Ge=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Ge.apply(this,arguments)}var Xe,Ue,Ke=function(e){return z.createElement("svg",Ge({viewBox:"0 0 24 24"},e),ye||(ye=z.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M12.141 4.894H3.576A1.977 1.977 0 0 0 1.6 6.871v14.494c0 1.09.885 1.976 1.976 1.976h14.495a1.977 1.977 0 0 0 1.976-1.976V12.8M17.412 1.6h4.94a.99.99 0 0 1 .99.988V7.53m-10.883 4.952L23.05 1.89"})))};function Qe(){return Qe=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Qe.apply(this,arguments)}var Je,Ye,et=function(e){return z.createElement("svg",Qe({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),Xe||(Xe=z.createElement("path",{d:"M12 17.998a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25ZM12 14.248a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 0 1 1.5 0v7.5a.75.75 0 0 1-.75.75Z",fill:"currentColor"})),Ue||(Ue=z.createElement("path",{d:"M12 23.997a2.546 2.546 0 0 1-1.81-.748L.75 13.81a2.564 2.564 0 0 1 0-3.621L10.19.75a2.542 2.542 0 0 1 1.807-.751c.685 0 1.327.265 1.81.747l9.444 9.443a2.566 2.566 0 0 1 0 3.621l-9.44 9.439a2.55 2.55 0 0 1-1.811.748Zm-.75-1.809c.2.199.466.309.75.309s.55-.11.75-.31l9.44-9.439a1.064 1.064 0 0 0 0-1.501L12.749 1.81c-.01-.009-.024-.025-.033-.035a1.034 1.034 0 0 0-.713-.276c-.288 0-.553.111-.753.311l-9.441 9.44a1.063 1.063 0 0 0 0 1.5l9.441 9.438Z",fill:"currentColor"})))};function tt(){return tt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},tt.apply(this,arguments)}var rt,nt,ot=function(e){return z.createElement("svg",tt({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),Je||(Je=z.createElement("path",{d:"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5h-.75ZM11.625 8.25a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25Z",fill:"currentColor"})),Ye||(Ye=z.createElement("path",{d:"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12Zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5Z",fill:"currentColor"})))};function at(){return at=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},at.apply(this,arguments)}var lt,it=function(e){return z.createElement("svg",at({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),rt||(rt=z.createElement("path",{d:"M9.325 17.916a1.79 1.79 0 0 1-1.498-.799l-2.44-3.462a.75.75 0 0 1 1.227-.864l2.45 3.477a.306.306 0 0 0 .261.148.294.294 0 0 0 .236-.119l7.852-9.935a.75.75 0 0 1 1.175.93l-7.843 9.923a1.781 1.781 0 0 1-.423.396 1.78 1.78 0 0 1-.997.305Z",fill:"currentColor"})),nt||(nt=z.createElement("path",{d:"M12 23.999c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12Zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5Z",fill:"currentColor"})))};function ct(){return ct=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ct.apply(this,arguments)}var dt=function(e){return z.createElement("svg",ct({viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),lt||(lt=z.createElement("path",{d:"M23.25 23.999a.743.743 0 0 1-.53-.22L12 13.06 1.28 23.779a.744.744 0 0 1-1.06 0 .752.752 0 0 1 0-1.061l10.72-10.72L.22 1.279A.743.743 0 0 1 0 .749c0-.2.078-.389.22-.53a.743.743 0 0 1 .53-.22c.2 0 .389.078.53.22L12 10.938 22.72.218a.744.744 0 0 1 1.06 0 .747.747 0 0 1 0 1.061L13.06 12l10.72 10.72a.752.752 0 0 1 0 1.061.746.746 0 0 1-.53.219Z"})))},ut=function(t){var r=t.children,n=G(t,["children"]);return k.default.createElement(e.Tabs,V({},n),r)},ft=function(t){var r=t.children,n=G(t,["children"]);return k.default.createElement(e.Tab,V({},n),r)},st=function(e){var t=e.children,r=e.value,n=void 0===r?0:r,o=e.index,a=e.id;return k.default.createElement(Fe,{role:"tabpanel",hidden:n!==o,id:a},t)},mt=function(t){var r=t.children,n=G(t,["children"]);return k.default.createElement(e.Alert,V({},n,{iconMapping:{info:k.default.createElement(e.SvgIcon,{component:ot,sx:{color:_.color.primary}}),success:k.default.createElement(e.SvgIcon,{component:it,sx:{color:_.color.green60}}),error:k.default.createElement(e.SvgIcon,{component:et,sx:{color:_.color.error}})}}),r)},pt={background:{info:_.color.indigo10,success:_.color.green10,error:_.color.red10},font:{info:_.color.primary,success:_.color.green60,error:_.color.error}},gt=function(t){var r=t.title,n=t.titleVariant,o=void 0===n?"h2":n,a=t.subtitle,l=t.children,i=t.actions,c=t.headerAction,d=G(t,["title","titleVariant","subtitle","children","actions","headerAction"]);return k.default.createElement(e.Card,V({},d),k.default.createElement(e.CardContent,{sx:{"&:last-child":{pb:2}}},k.default.createElement(e.Box,{display:"flex",justifyContent:"space-between",alignItems:"center"},k.default.createElement(e.Typography,{variant:o},r),c),a&&k.default.createElement(e.Box,null,k.default.createElement(e.Typography,{variant:"body1",color:"textSecondary"},a)),k.default.createElement(e.Divider,null),l,i&&k.default.createElement(k.default.Fragment,null,k.default.createElement(e.Divider,null),k.default.createElement(e.Box,null,i))))},ht=function(t){var r=t.size,n=void 0===r?"medium":r,o=t.removePadding,a=void 0!==o&&o,l=t.children,i=G(t,["size","removePadding","children"]),c="medium"===n?"16px":"12px",d="medium"===n?"10px":"6px";return k.default.createElement(e.IconButton,V({sx:{color:_.color.gray60,backgroundColor:_.color.background.dark,height:c,width:c,padding:a?0:"3px",svg:{width:a?c:d,height:a?c:d}}},i),l)},bt=function(t){var r=t.children,n=G(t,["children"]);return k.default.createElement(e.Popover,V({},n),r)},xt=function(e){var r=e.id,n=e.icon,o=e.actions,a=e.title,l=e.children,i=e.sx,c=G(e,["id","icon","actions","title","children","sx"]),d=t.useState(null),u=d[0],f=d[1],s=Boolean(u);return k.default.createElement(k.default.Fragment,null,k.default.createElement(ht,{onClick:function(e){return f(e.currentTarget)}},n?k.default.createElement(n,null):k.default.createElement(j.default,null)),k.default.createElement(bt,{id:s?r:void 0,open:s,anchorEl:u,onClose:function(){return f(null)},transformOrigin:{vertical:"top",horizontal:"left"},anchorOrigin:{vertical:"top",horizontal:"right"}},k.default.createElement(gt,V({},c,{sx:V({maxWidth:328},i),title:a,titleVariant:"h3",headerAction:k.default.createElement(ht,{onClick:function(){return f(null)}},k.default.createElement(dt,null)),actions:o}),l)))};exports.Alert=function(t){var r=t.type,n=void 0===r?"success":r,o=t.title,a=t.children,l=G(t,["type","title","children"]);return k.default.createElement(mt,V({severity:n},l),o&&k.default.createElement(e.AlertTitle,null,e.capitalize(o)),a)},exports.Avatar=Se,exports.Banner=function(t){var r=t.type,n=void 0===r?"info":r,o=t.variant,a=void 0===o?"stacked":o,l=t.title,i=t.onDismiss,c=t.children,d=t.actionLabel,u=t.actionProps,f=G(t,["type","variant","title","onDismiss","children","actionLabel","actionProps"]),s=function(e){return{get layout(){var t="stacked"===e;return{margin:{mb:t?2:0,mr:t?0:2},padding:{py:t?1:0},position:{display:t?"block":"flex",justifyContent:t?"initial":"center",alignItems:t?"initial":"center"}}}}}(a).layout;return k.default.createElement(mt,V({},f,{severity:n,sx:V(V({},f.sx),{backgroundColor:pt.background[n],boxShadow:"initial",width:"initial",py:s.padding.py,justifyContent:s.position.justifyContent,".MuiAlert-icon":V(V({},s.position),{mr:1,svg:{width:16,height:16}}),".MuiAlert-message":V({},s.position),".MuiAlertTitle-root":V({},s.margin),".banner-content":V(V({},s.position),{"&__message":V({},s.margin)})})}),k.default.createElement(e.AlertTitle,null,e.capitalize(l)),k.default.createElement(e.Box,{display:"block",className:"banner-content"},k.default.createElement(e.Box,{sx:{color:pt.font[n]},className:"banner-content__message"},c),d&&k.default.createElement(e.Button,V({},u,{size:"small",variant:"contained",color:n}),d),i&&k.default.createElement(e.Button,{onClick:i,size:"small",variant:"outlined",sx:{py:"3px",ml:2,backgroundColor:_.color.gray0,":hover":{backgroundColor:_.color.gray0}},color:n},"Dismiss")))},exports.Box=Fe,exports.Button=ke,exports.Checkbox=Pe,exports.Chip=function(t){var r=t.label,n=G(t,["label"]);return k.default.createElement(e.Chip,V({size:"small",label:r},n))},exports.Container=function(t){var r=t.component,n=void 0===r?"div":r,o=t.size,a=void 0===o?"large":o,l=t.children,i=G(t,["component","size","children"]),c="fluid"===a;return k.default.createElement(e.Container,V({component:n,disableGutters:c,maxWidth:!c&&"lg",sx:V({display:"flex",justifyContent:"center"},i.sx)},i),k.default.createElement(e.Grid,{container:!0,justifyContent:"center"},k.default.createElement(e.Grid,{item:!0,md:Oe[a]},l)))},exports.ControlButton=ht,exports.DocumentationPopover=function(r){var n=r.content,o=r.linkPath,a=r.linkText,l=r.heading,i=r.contentfulId,c=t.useMemo((function(){return o&&a}),[o,a]);return k.default.createElement(xt,{id:i,title:l,actions:c&&k.default.createElement(e.Button,{variant:"outlined",size:"small",href:"".concat("https://docs.up42.com").concat(o),target:"_blank",rel:"noopener noreferrer"},a)},n&&k.default.createElement(ze,{variant:"caption",style:{color:_.color.gray60}},k.default.createElement(L.default,null,n)))},exports.EmptyState=function(t){var r=t.icon,n=t.title,o=t.subTitle,a=t.action,l=G(t,["icon","title","subTitle","action"]);return k.default.createElement(e.Box,V({p:4,display:"flex",flexDirection:"column",alignItems:"center"},l),k.default.createElement(e.SvgIcon,{component:null!=r?r:B.default,sx:{marginBottom:_.size.spacing.scale24,fontSize:_.size.spacing.scale104,color:_.color.gray20}}),k.default.createElement(ze,{variant:"h1",component:"span",mb:2},n),k.default.createElement(ze,{variant:"body1",color:_.color.gray60,mb:3},o),a)},exports.FormCheckbox=je,exports.FormInput=Ve,exports.FormRadio=qe,exports.FormSelect=Ne,exports.FormSwitch=Ae,exports.InfoCard=gt,exports.InfoPopover=xt,exports.Input=$e,exports.Link=function(t){var r,n=t.children,o=t.underline,a=void 0===o?"hover":o,l=t.toParentNavigation,i=G(t,["children","underline","toParentNavigation"]),c=null===(r=i.href)||void 0===r?void 0:r.startsWith("https"),d={underline:a};return l?k.default.createElement(e.Link,V({},d,i,{onClick:function(){return e=l,void window.parent.postMessage({type:"NAVIGATION",content:e},"*");var e}}),n):k.default.createElement(e.Link,V({},d,c&&{target:"_blank",rel:"noopener noreferrer"},i),n,c&&k.default.createElement(e.SvgIcon,{component:Ke,fontSize:"inherit",sx:{marginLeft:".25em"}}))},exports.Modal=function(t){var r=t.title,n=t.subtitle,o=t.children,a=t.actions,l=t.open,i=t.maxWidth,c=void 0===i?552:i,d=t.onClose,u=G(t,["title","subtitle","children","actions","open","maxWidth","onClose"]);return k.default.createElement(e.Modal,V({open:l,onClose:d,closeAfterTransition:!0,BackdropProps:{timeout:500}},u),k.default.createElement(e.Fade,{in:l},k.default.createElement(e.Box,{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},k.default.createElement(e.Card,{sx:{maxWidth:c,outline:"none"}},k.default.createElement(e.CardContent,null,k.default.createElement(e.Box,{display:"flex",justifyContent:"space-between",alignItems:"center"},k.default.createElement(e.Typography,{variant:"h2"},r),d&&k.default.createElement(e.IconButton,{onClick:function(e){return d(e,"escapeKeyDown")},sx:{padding:"0"}},k.default.createElement(R.default,{sx:{fontSize:"16px"}}))),n&&k.default.createElement(e.Box,null,k.default.createElement(e.Typography,{variant:"body1",color:"textSecondary"},n)),k.default.createElement(e.Divider,null),o,a&&k.default.createElement(k.default.Fragment,null,k.default.createElement(e.Divider,null),k.default.createElement(e.Box,null,a)))))))},exports.Popover=bt,exports.Radio=Le,exports.Select=De,exports.Switch=We,exports.Tab=ft,exports.TabGroup=function(e){var r=e.tabs,n=e.nameSpace,o=e.tabContentProps,a=e.tabsProps,l=t.useState(0),i=l[0],c=l[1],d=n?"".concat(n,"-"):"";return k.default.createElement(k.default.Fragment,null,k.default.createElement(ut,V({},a,{value:i,onChange:function(e,t){c(t)}}),r.map((function(e,t){return k.default.createElement(ft,{key:"".concat(d,"tab-").concat(t),label:e.label,"aria-controls":"".concat(d,"panel-").concat(t)})}))),k.default.createElement(Fe,V({},o),r.map((function(e,t){var r="".concat(d,"panel-").concat(t);return k.default.createElement(st,{key:r,value:i,index:t,id:r,"aria-labelledby":"".concat(d,"tab-").concat(t)},e.content)}))))},exports.Table=function(e){var t=e.children,r=G(e,["children"]);return k.default.createElement(I.default,V({},r),t)},exports.TableBody=function(e){var t=e.children,r=G(e,["children"]);return k.default.createElement(q.default,V({},r),t)},exports.TableCell=function(e){var t=e.children,r=G(e,["children"]);return k.default.createElement(W.default,V({},r),t)},exports.TableContainer=function(e){var t=e.children,r=G(e,["children"]);return k.default.createElement(H.default,V({},r),t)},exports.TableFooter=function(e){var t=e.children,r=G(e,["children"]);return k.default.createElement($.default,V({},r),t)},exports.TableHead=function(e){var t=e.children,r=G(e,["children"]);return k.default.createElement(A.default,V({},r),t)},exports.TablePagination=function(e){var t=G(e,[]);return k.default.createElement(Z.default,V({},t))},exports.TableRow=function(e){var t=e.children,r=G(e,["children"]);return k.default.createElement(D.default,V({},r),t)},exports.TableSortLabel=function(e){var t=e.children,r=G(e,["children"]);return k.default.createElement(N.default,V({},r),t)},exports.Tabs=ut,exports.Tooltip=function(t){var r=t.children,n=G(t,["children"]);return k.default.createElement(e.Tooltip,V({},n),r)},exports.Typography=ze,exports.UpComponentsProvider=function(t){return k.default.createElement(k.default.Fragment,null,k.default.createElement(e.CssBaseline,null),k.default.createElement(r.ThemeProvider,{theme:Ee},t.children))},exports.theme=Ee,exports.tokens=_,Object.keys(e).forEach((function(t){"default"===t||exports.hasOwnProperty(t)||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return e[t]}})}));
@@ -6,14 +6,3 @@ export declare const MuiButtonBase: {
6
6
  disableTouchRipple: boolean;
7
7
  };
8
8
  };
9
- export declare const MuiIconButton: {
10
- styleOverrides: {
11
- root: {
12
- color: string;
13
- backgroundColor: string;
14
- };
15
- sizeSmall: {
16
- padding: string;
17
- };
18
- };
19
- };
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import { IconButtonProps as MUIIconButtonProps } from '@mui/material';
3
+ import { MUIGlobalOmit } from '@global/utils/types';
4
+ export declare type ControlButtonProps = MUIGlobalOmit<MUIIconButtonProps, {
5
+ size?: 'medium' | 'small';
6
+ /**
7
+ * Remove default padding when using icons with built-in padding (Like MUI icons)
8
+ */
9
+ removePadding?: boolean;
10
+ }>;
11
+ /**
12
+ * Documentation: https://up-components.up42.dev/?path=/data-entry-controlbutton--default
13
+ */
14
+ export declare const ControlButton: ({ size, removePadding, children, ...props }: ControlButtonProps) => JSX.Element;
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import { Meta } from '@storybook/react';
3
+ declare const _default: Meta<import("@storybook/react").Args>;
4
+ export default _default;
5
+ export declare const Default: () => JSX.Element;
6
+ export declare const Small: () => JSX.Element;
@@ -0,0 +1,25 @@
1
+ /// <reference types="react" />
2
+ export declare type DocumentationPopoverProps = {
3
+ heading: string;
4
+ /**
5
+ * The main content of the Popover.
6
+ */
7
+ content: string;
8
+ /**
9
+ * The label of the CTA button, usually *View Documentation*.
10
+ */
11
+ linkText?: string;
12
+ /**
13
+ * The link of the CTA button. A pathname relative to the documentation base URL.
14
+ * i.e: `/getting-started/workflows/catalog`
15
+ */
16
+ linkPath?: string;
17
+ /**
18
+ * Contentful entry ID.
19
+ */
20
+ contentfulId: string;
21
+ };
22
+ /**
23
+ * Documentation: https://up-components.up42.dev/?path=/docs/patterns-popovers-documentationpopover
24
+ */
25
+ export declare const DocumentationPopover: ({ content, linkPath, linkText, heading, contentfulId, }: DocumentationPopoverProps) => JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { Story, Meta } from '@storybook/react';
2
+ import { DocumentationPopoverProps } from './DocumentationPopover';
3
+ declare const _default: Meta<import("@storybook/react").Args>;
4
+ export default _default;
5
+ export declare const Default: Story<DocumentationPopoverProps>;
@@ -0,0 +1,22 @@
1
+ import React from 'react';
2
+ import { CardProps } from '@mui/material';
3
+ export declare type InfoCardProps = {
4
+ title: string;
5
+ subtitle?: string;
6
+ /**
7
+ * The content action section aka. card footer.
8
+ */
9
+ actions?: React.ReactNode;
10
+ /**
11
+ * The content of the header action, usually an icon with a close event.
12
+ */
13
+ headerAction?: React.ReactNode;
14
+ /**
15
+ * The Card's title typography variant.
16
+ */
17
+ titleVariant?: 'h2' | 'h3' | 'overline';
18
+ } & Omit<CardProps, 'variant' | 'square' | 'raised'>;
19
+ /**
20
+ * Documentation: https://up-components.up42.dev/?path=/docs/patterns-infocard
21
+ */
22
+ export declare const InfoCard: ({ title, titleVariant, subtitle, children, actions, headerAction, ...props }: InfoCardProps) => JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { Story, Meta } from '@storybook/react';
2
+ import { InfoCardProps } from './InfoCard';
3
+ declare const _default: Meta<import("@storybook/react").Args>;
4
+ export default _default;
5
+ export declare const Primary: Story<InfoCardProps>;
6
+ export declare const WithActions: Story<InfoCardProps>;
7
+ export declare const WithHeaderAction: Story<InfoCardProps>;
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { InfoCardProps } from '../InfoCard/InfoCard';
3
+ export declare type InfoPopoverProps = InfoCardProps & {
4
+ icon?: React.ElementType;
5
+ };
6
+ /**
7
+ * Documentation: https://up-components.up42.dev/?path=/docs/patterns-popovers-infopopover
8
+ */
9
+ export declare const InfoPopover: ({ id, icon: Icon, actions, title, children, sx, ...props }: InfoPopoverProps) => JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { Story, Meta } from '@storybook/react';
2
+ import { InfoPopoverProps } from './InfoPopover';
3
+ declare const _default: Meta<import("@storybook/react").Args>;
4
+ export default _default;
5
+ export declare const Simple: Story<InfoPopoverProps>;
6
+ export declare const Complex: Story<InfoPopoverProps>;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { PopoverProps as MUIPopoverProps } from '@mui/material';
3
+ import { MUIGlobalOmit } from '@global/utils/types';
4
+ export declare type PopoverProps = MUIGlobalOmit<MUIPopoverProps>;
5
+ /**
6
+ * Documentation: https://up-components.up42.dev/?path=/docs/data-display-popover
7
+ */
8
+ export declare const Popover: ({ children, ...props }: PopoverProps) => JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { Story, Meta } from '@storybook/react';
2
+ import { PopoverProps } from './Popover';
3
+ declare const _default: Meta<import("@storybook/react").Args>;
4
+ export default _default;
5
+ export declare const SimplePopover: Story<PopoverProps>;
@@ -1,6 +1,6 @@
1
- import ExternalLink from './external-link.svg';
2
- import Calendar from './calendar.svg';
3
- import Error from './error.svg';
4
- import Info from './info.svg';
5
- import Success from './success.svg';
6
- export { ExternalLink, Calendar, Error, Info, Success };
1
+ export { default as ExternalLink } from './external-link.svg';
2
+ export { default as Calendar } from './calendar.svg';
3
+ export { default as Error } from './error.svg';
4
+ export { default as Info } from './info.svg';
5
+ export { default as Success } from './success.svg';
6
+ export { default as Close } from './close.svg';
@@ -27,4 +27,9 @@ export { Modal, type ModalProps } from './components/Modal/Modal';
27
27
  export { Alert, type AlertProps } from './components/Alert/Alert';
28
28
  export { Banner, type BannerProps } from './components/Banner/Banner';
29
29
  export { Tooltip, type TooltipProps } from './components/Tooltip/Tooltip';
30
+ export { InfoCard, type InfoCardProps } from './components/InfoCard/InfoCard';
31
+ export { ControlButton, type ControlButtonProps } from './components/ControlButton/ControlButton';
32
+ export { Popover, type PopoverProps } from './components/Popover/Popover';
33
+ export { InfoPopover, type InfoPopoverProps } from './components/InfoPopover/InfoPopover';
34
+ export { DocumentationPopover, type DocumentationPopoverProps, } from './components/DocumentationPopover/DocumentationPopover';
30
35
  export { Table, TableBody, TableCell, TableHead, TableContainer, TableRow, TableFooter, TablePagination, TableSortLabel, type TableProps, type TableBodyProps, type TableCellProps, type TableHeadProps, type TableContainerProps, type TableRowProps, type TableFooterProps, type TablePaginationProps, type TableSortLabelProps, } from './components/Table/Table';
package/dist/esm/index.js CHANGED
@@ -1 +1 @@
1
- import{createTheme as e,CssBaseline as r,CircularProgress as t,Chip as o,Avatar as n,Container as i,Grid as a,Box as l,Checkbox as c,FormLabel as d,FormControl as s,FormGroup as m,FormControlLabel as f,FormHelperText as u,Radio as p,RadioGroup as g,Switch as h,Select as b,MenuItem as y,TextField as v,Link as x,SvgIcon as E,Tabs as w,Tab as z,Modal as k,Fade as C,Card as S,CardContent as T,Typography as O,IconButton as M,Divider as R,AlertTitle as P,capitalize as F,Alert as W,Button as L,Tooltip as j}from"@mui/material";export*from"@mui/material";import*as B from"react";import I,{useState as H}from"react";import{ThemeProvider as A,styled as q}from"@mui/material/styles";import Z from"@mui/material/Button";import N from"@mui/material/Typography";import $ from"@mui/material/InputAdornment";import D from"@mui/material/IconButton";import V from"@mui/icons-material/VisibilityOutlined";import _ from"@mui/icons-material/VisibilityOffOutlined";import X from"@mui/icons-material/InfoOutlined";import G from"@mui/icons-material/Close";import K from"@mui/material/Table";import U from"@mui/material/TableBody";import J from"@mui/material/TableCell";import Q from"@mui/material/TableContainer";import Y from"@mui/material/TableHead";import ee from"@mui/material/TableRow";import re from"@mui/material/TablePagination";import te from"@mui/material/TableSortLabel";import oe from"@mui/material/TableFooter";var ne={animation:{speed:{normal:"0.5s",fast:"0.08s",slow:"1s"}},color:{background:{light:"#f4f5f7",dark:"#dfe1e6",indigo:"#262a59"},primary:"#262a59",secondary:"#d40fa9",info:"#262a59",error:"#e35656",success:"#aed581",indigo0:"#f4f4f6",indigo10:"#e9e9ee",indigo20:"#bdbfcd",indigo30:"#a8aabd",indigo40:"#9294ac",indigo50:"#7d7f9b",indigo60:"#67698a",indigo70:"#51557a",indigo80:"#3b3f69",indigo90:"#262a59",indigo100:"#161833",pink0:"#fff3ff",pink10:"#fedafd",pink20:"#fdc0fb",pink30:"#f98ef3",pink40:"#f362e8",pink50:"#ec3ed7",pink60:"#d40fa9",pink70:"#b0027c",pink80:"#990165",pink90:"#820050",pink100:"#390325",cyan0:"#f4ffff",cyan10:"#c6ffff",cyan20:"#96ffff",cyan30:"#59effc",cyan40:"#1dd7f0",cyan50:"#20b0c7",cyan60:"#1d8fa4",cyan70:"#167286",cyan80:"#0e5a6d",cyan90:"#064658",cyan100:"#103645",green0:"#f8fff4",green10:"#e2fccc",green20:"#e2fccc",green30:"#aed581",green40:"#8eaf65",green50:"#728f4b",green60:"#5a7533",green70:"#476020",green80:"#374e10",green90:"#2b3f05",green100:"#223300",red0:"#fff7f4",red10:"#ffe4db",red20:"#fcc4bb",red30:"#efa299",red40:"#e67e78",red50:"#e35656",red60:"#b83d3c",red70:"#922524",red80:"#6f1110",red90:"#500404",red100:"#330000",gray0:"#ffffff",gray10:"#f4f5f7",gray20:"#dfe1e6",gray30:"#c1c7d0",gray40:"#a8afba",gray50:"#9399a3",gray60:"#777c85",gray70:"#575b61",gray80:"#3c3e42",gray90:"#222426",gray100:"#121315",border:{default:"#dfe1e6"},shadow:{default:"#121315"},text:{base:"#121315",light:"#9399a3",inverted:"#ffffff",link:{default:"#20b0c7",visited:"#1d8fa4"}}},font:{family:{heading:"'Roboto Condensed', sans-serif",text:"'Source Sans Pro', sans-serif",code:"'Source Code Pro', monospace"},lineHeight:{medium:"1rem",large:"1.5rem",xlarge:"2rem",xxlarge:"3rem"},weight:{normal:400,bold:700}},size:{border:{radius:{default:"6px",small:"4px"},width:"1px"},font:{base:"16px",heading:{default:"1.728rem",small:"1.44rem",xsmall:"1rem"},overline:{large:"1.44rem",default:"0.833rem"},body:{default:"1rem"},caption:{default:"0.833rem",large:"1.44rem"},label:{default:"0.833rem",large:"1.44rem"},minorThird10:"6.192rem",minorThird9:"5.16rem",minorThird8:"4.3rem",minorThird7:"3.583rem",minorThird6:"2.986rem",minorThird5:"2.488rem",minorThird4:"2.074rem",minorThird3:"1.728rem",minorThird2:"1.44rem",minorThird1:"1.2rem",minorThird0:"1rem",minorThirdSub1:"0.833rem",minorThirdSub2:"0.694rem",minorThirdSub3:"0.579rem",minorThirdSub4:"0.482rem",minorThirdSub5:"0.402rem",minorThirdSub6:"0.335rem"},spacingXS:"8px",spacingS:"16px",spacingM:"24px",spacingL:"32px",spacingXL:"40px",spacingXXL:"48px",spacing:{main:"24px",section:"32px",header:"24px",article:"24px",paragraph:"16px",line:"8px",scale1:"1px",scale2:"2px",scale4:"4px",scale6:"6px",scale8:"8px",scale16:"16px",scale24:"24px",scale32:"32px",scale40:"40px",scale48:"48px",scale56:"56px",scale64:"64px",scale72:"72px",scale80:"80px",scale88:"88px",scale96:"96px",scale104:"104px",scale112:"112px",scale120:"120px",scale128:"128px",scale160:"160px",scale208:"208px"}}},ie=function(){return ie=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},ie.apply(this,arguments)};function ae(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t}var le={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:ne.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:ne.size.spacing.scale8}},colorDefault:{backgroundColor:ne.color.gray10,color:ne.color.gray60},colorPrimary:{backgroundColor:ne.color.indigo10,color:ne.color.indigo80},colorSecondary:{backgroundColor:ne.color.pink10,color:ne.color.pink80},colorError:{backgroundColor:ne.color.red10,color:ne.color.error},colorInfo:{backgroundColor:ne.color.indigo10,color:ne.color.indigo80},colorSuccess:{backgroundColor:ne.color.green10,color:ne.color.green80}}},ce={h1:{fontFamily:ne.font.family.heading,fontSize:ne.size.font.heading.default,fontWeight:ne.font.weight.bold,lineHeight:ne.font.lineHeight.xlarge},h2:{fontFamily:ne.font.family.heading,fontSize:ne.size.font.heading.small,fontWeight:ne.font.weight.bold,lineHeight:ne.font.lineHeight.xlarge},h3:{fontFamily:ne.font.family.heading,fontSize:ne.size.font.heading.xsmall,fontWeight:ne.font.weight.bold,lineHeight:ne.font.lineHeight.large},body1:{fontFamily:ne.font.family.text,fontSize:ne.size.font.body.default,fontWeight:ne.font.weight.normal,lineHeight:ne.font.lineHeight.large},body2:{fontFamily:ne.font.family.text,fontSize:ne.size.font.body.default,fontWeight:ne.font.weight.bold,lineHeight:ne.font.lineHeight.large},caption:{fontFamily:ne.font.family.text,fontSize:ne.size.font.caption.default,fontWeight:ne.font.weight.normal,lineHeight:ne.font.lineHeight.medium},overline:{fontFamily:ne.font.family.heading,fontSize:ne.size.font.overline.default,letterSpacing:"initial",fontWeight:ne.font.weight.bold,color:ne.color.gray60}},de={small:"".concat(ne.size.spacing.scale4," ").concat(ne.size.spacing.scale8),medium:"".concat(ne.size.spacing.scale8," ").concat(ne.size.spacing.scale16),large:"".concat(ne.size.spacing.scale16," ").concat(ne.size.spacing.scale32)},se={styleOverrides:{root:{textTransform:"none",lineHeight:ne.size.spacing.scale16,fontWeight:ne.font.weight.bold,fontFamily:ne.font.family.text,boxShadow:"none"},contained:{padding:de.medium,color:ne.color.gray0},outlinedSuccess:{color:ne.color.green60},containedSuccess:{backgroundColor:ne.color.green60},containedSizeSmall:{padding:de.small},containedSizeLarge:{padding:de.large},text:{padding:de.medium},textSizeSmall:{padding:de.small},textSizeLarge:{padding:de.large},outlined:{padding:"7px ".concat(ne.size.spacing.scale16)},outlinedSizeSmall:{padding:de.small},outlinedSizeLarge:{padding:de.large},sizeSmall:{fontSize:ne.size.font.label.default},sizeLarge:{fontSize:ne.size.font.label.large},startIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}},endIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}}},defaultProps:{disableFocusRipple:!0},MuiIconButton:{root:{"&&:hover":{backgroundColor:"transparent"}}}},me={styleOverrides:{root:{color:ne.color.gray60,backgroundColor:ne.color.background.dark},sizeSmall:{padding:"3px"}}},fe={styleOverrides:{root:{fontFamily:ne.font.family.text,fontSize:ne.size.font.label.default,fontWeight:ne.font.weight.bold,width:ne.size.spacing.scale24,height:ne.size.spacing.scale24,"& .MuiSvgIcon-root":{width:ne.size.spacing.scale16}},colorDefault:{backgroundColor:ne.color.background.dark,"& .MuiSvgIcon-root":{color:ne.color.gray60}}}},ue={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:ne.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:ne.color.primary},"&$disabled":{opacity:.5}}}},pe={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:ne.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},ge={styleOverrides:{root:{marginRight:16},colorSecondary:{color:ne.color.gray0,"&$checked":{color:ne.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:ne.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:ne.color.background.light,border:"2px solid ".concat(ne.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:ne.color.primary,border:"2px solid ".concat(ne.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},he={styleOverrides:{root:{"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(ne.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:ne.size.spacing.scale16,height:ne.size.spacing.scale16}}}}},be={styleOverrides:{input:{"&.Mui-disabled":{backgroundColor:ne.color.background.dark,color:ne.color.text.light}}},defaultProps:{size:"small"}},ye={styleOverrides:{outlined:{notchedOutline:{borderColor:ne.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}},ve={styleOverrides:{root:{width:"100%","& .MuiFormHelperText-root":{marginTop:ne.size.spacing.scale8,marginLeft:0}}}},xe={styleOverrides:{root:{fontSize:ne.size.font.base,color:ne.color.text.base}}},Ee={styleOverrides:{root:{borderBottom:"1px solid ".concat(ne.color.gray20)},indicator:{backgroundColor:ne.color.primary}}},we={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(ne.size.spacing.scale16),fontFamily:ne.font.family.text,color:ne.color.gray60,padding:"0 0 ".concat(ne.size.spacing.scale16," 0"),"&:hover":{color:ne.color.primary,opacity:1},"&$selected":{color:ne.color.primary},"&:focus":{color:ne.color.primary}}},defaultProps:{disableRipple:!0}},ze={styleOverrides:{root:{fontWeight:ne.font.weight.normal}}},ke={styleOverrides:{root:{fontWeight:ne.font.weight.normal},head:{fontWeight:ne.font.weight.bold}}},Ce={styleOverrides:{root:{borderTop:"1px solid ".concat(ne.color.border.default)}}},Se={styleOverrides:{root:{borderBottom:"none","& .MuiIconButton-root":{backgroundColor:"transparent"}},selectLabel:{fontWeight:ne.font.weight.normal,fontSize:ne.size.font.caption.default},displayedRows:{fontWeight:ne.font.weight.normal,fontSize:ne.size.font.caption.default}}},Te=function(e){var r;return(r={})[{error:"&-standardError",success:"&-standardSuccess",info:"&-standardInfo"}[e]]={"& .MuiAlertTitle-root":{color:ne.color["success"===e?"green60":e],fontFamily:ne.font.family.text,lineHeight:ne.font.lineHeight.medium,fontWeight:ne.font.weight.bold,fontSize:ne.size.font.caption.default}},r},Oe={fontSize:ne.size.font.caption.default,lineHeight:ne.font.lineHeight.medium,fontWeight:ne.font.weight.normal},Me={styleOverrides:{root:ie(ie({width:328,borderRadius:6,backgroundColor:ne.color.gray0,boxShadow:"0px 8px 16px rgba(18, 19, 21, 0.08)",color:ne.color.text.light,padding:"".concat(ne.size.spacing.scale8," ").concat(ne.size.spacing.scale16)},Oe),{"& p, & span":ie({},Oe),"& .MuiAlert-action":{button:{width:ne.size.spacing.scale16,height:ne.size.spacing.scale16,backgroundColor:ne.color.background.light},svg:{width:14,height:14,fill:ne.color.gray60}},"&.MuiAlert":ie(ie(ie({},Te("error")),Te("success")),Te("info"))}),icon:{svg:{width:20,height:20}}}};ne.size.font.body.default,ne.font.family.text,ne.color.gray100,ne.size.font.caption.default;var Re,Pe,Fe,We,Le={styleOverrides:{root:{fontWeight:ne.font.weight.bold,lineHeight:ne.font.lineHeight.medium,fontFamily:ne.font.family.text,fontSize:ne.size.font.caption.default,color:ne.color.text.base,marginBottom:ne.size.spacing.scale8}}},je=e({typography:ie({},ce),palette:{background:{default:"#ffffff"},primary:{main:ne.color.primary},secondary:{main:ne.color.secondary},error:{main:ne.color.error},info:{main:ne.color.info},success:{main:ne.color.success}},components:{MuiButton:se,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiIconButton:me,MuiChip:le,MuiInput:ye,MuiInputBase:be,MuiFormControl:ve,MuiFormControlLabel:xe,MuiTextField:he,MuiFormLabel:Le,MuiTabs:Ee,MuiTab:we,MuiAvatar:fe,MuiCheckbox:ue,MuiRadio:pe,MuiSwitch:ge,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiTable:ze,MuiTableCell:ke,MuiTableRow:{styleOverrides:{root:{"&:last-child td":{borderBottom:0}}}},MuiTableFooter:Ce,MuiTablePagination:Se,MuiAlert:Me,MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}}}}),Be=function(e){return I.createElement(I.Fragment,null,I.createElement(r,null),I.createElement(A,{theme:je},e.children))},Ie=q(t)(Fe||(Re=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],Pe=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],Object.defineProperty?Object.defineProperty(Re,"raw",{value:Pe}):Re.raw=Pe,Fe=Re)),He=function(e){var r=e.color,t=void 0===r?"primary":r,o=e.variant,n=void 0===o?"contained":o,i=e.size,a=void 0===i?"medium":i,l=e.loading,c=e.children,d=e.innerRef,s=ae(e,["color","variant","size","loading","children","innerRef"]);return I.createElement(Z,ie({size:a,variant:n,color:t,disabled:l},s,{ref:d}),I.createElement("span",{style:{opacity:l?0:1}},c),l&&I.createElement(Ie,{size:20,color:"inherit"}))},Ae=I.forwardRef((function(e,r){return I.createElement(He,ie({},e,{innerRef:r}))})),qe=function(e){var r=e.children,t=ae(e,["children"]);return I.createElement(N,ie({},t),r)},Ze=function(e){var r=e.label,t=ae(e,["label"]);return I.createElement(o,ie({size:"small",label:r},t))},Ne=function(e){var r=e.icon,t=e.firstName,o=void 0===t?"":t,i=e.lastName,a=void 0===i?"":i,l=e.sx,c=e.innerRef,d=ae(e,["icon","firstName","lastName","sx","innerRef"]),s="".concat(o.substring(0,1)).concat(a.substring(0,1)).toLocaleUpperCase(),m=s?ne.color.secondary:ne.color.background.dark;return I.createElement(n,ie({sx:ie(ie({},l),{backgroundColor:m}),ref:c},d),s||r)},$e=I.forwardRef((function(e,r){return I.createElement(Ne,ie({},e,{innerRef:r}))})),De={small:6,medium:8,large:12,fluid:12},Ve=function(e){var r=e.component,t=void 0===r?"div":r,o=e.size,n=void 0===o?"large":o,l=e.children,c=ae(e,["component","size","children"]),d="fluid"===n;return I.createElement(i,ie({component:t,disableGutters:d,maxWidth:!d&&"lg",sx:ie({display:"flex",justifyContent:"center"},c.sx)},c),I.createElement(a,{container:!0,justifyContent:"center"},I.createElement(a,{item:!0,md:De[n]},l)))},_e=function(e){var r=e.children,t=e.ref,o=ae(e,["children","ref"]);return I.createElement(l,ie({},o,{ref:t}),r)},Xe=I.forwardRef((function(e,r){return I.createElement(_e,ie({},e,{ref:r}))})),Ge=function(e){var r=ae(e,[]);return I.createElement(c,ie({},r))},Ke=function(e){var r=e.label,t=e.htmlFor,o=e.required,n=void 0===o||o;return I.createElement(d,{component:"label",htmlFor:t},r,!n&&I.createElement(l,{ml:1,component:"span",sx:{fontWeight:ne.font.weight.normal,color:ne.color.text.light}},"(optional)"))},Ue=function(e){var r=e.id,t=e.label,o=e.required,n=e.component,i=void 0===n?"div":n,a=e.disabled,l=e.data,c=e.error,d=e.helperText,p=e.sx,g=ae(e,["id","label","required","component","disabled","data","error","helperText","sx"]);return I.createElement(s,{component:i,error:c,disabled:a,sx:p},I.createElement(Ke,{label:t,required:o,htmlFor:r}),I.createElement(m,null,l.map((function(e,t){var o=e.value,n=e.label;return I.createElement(f,{key:t,value:o,label:n||"",control:I.createElement(Ge,ie({color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(t)}},g))})}))),c&&I.createElement(u,{error:c},d))},Je=I.forwardRef((function(e,r){return I.createElement(Ue,ie({inputRef:r},e))})),Qe=function(e){return I.createElement(p,ie({},e))},Ye=function(e){var r=e.id,t=e.required,o=e.component,n=void 0===o?"div":o,i=e.disabled,a=e.data,l=e.label,c=e.error,d=e.sx,m=e.helperText,p=e.inputRef,h=ae(e,["id","required","component","disabled","data","label","error","sx","helperText","inputRef"]);return I.createElement(s,{component:n,error:c,disabled:i,sx:d},I.createElement(Ke,{label:l,required:t,htmlFor:r}),I.createElement(g,ie({},h),a.map((function(e,t){var o=e.value,n=e.label,i=e.message;return I.createElement(I.Fragment,null,I.createElement(f,{value:o,key:o,label:n||"",control:I.createElement(Qe,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(t)},inputRef:p})}),i&&I.createElement(qe,{variant:"caption",marginLeft:ne.size.spacing.scale24,color:ne.color.text.light,mb:1},i))}))),c&&m&&I.createElement(u,{error:c},m))},er=I.forwardRef((function(e,r){return I.createElement(Ye,ie({inputRef:r},e))})),rr=function(e){return I.createElement(h,ie({},e))},tr=function(e){var r=e.component,t=void 0===r?"div":r,o=e.disabled,n=e.label,i=e.error,a=e.sx,l=ae(e,["component","disabled","label","error","sx"]);return I.createElement(s,{component:t,error:i,disabled:o,sx:ie({mb:2},a)},I.createElement(d,{component:"label"},n),I.createElement(rr,ie({},l)))},or=I.forwardRef((function(e,r){return I.createElement(tr,ie({inputRef:r},e))})),nr=function(e){return I.createElement(b,ie({variant:"outlined"},e))},ir=function(e){var r=e.id,t=e.required,o=e.component,n=void 0===o?"div":o,i=e.disabled,a=e.label,l=e.error,c=e.helperText,d=e.sx,m=e.options,f=ae(e,["id","required","component","disabled","label","error","helperText","sx","options"]);return I.createElement(s,{component:n,error:l,disabled:i,sx:d},I.createElement(Ke,{label:a,required:t,htmlFor:r}),I.createElement(nr,ie({},f,{error:l,inputProps:{id:r,"data-testid":r}}),m.map((function(e){return I.createElement(y,{key:e.value,value:e.value},e.text)}))),l&&c&&I.createElement(u,{error:l},c))},ar=I.forwardRef((function(e,r){return I.createElement(ir,ie({inputRef:r},e))})),lr=function(e){var r=e.type,t=ae(e,["type"]),o=H(!1),n=o[0],i=o[1],a=ie(ie({},t.InputProps),"password"===r&&{endAdornment:I.createElement($,{position:"end"},I.createElement(D,{"aria-label":"toggle password visibility",onClick:function(){return i(!n)},edge:"end"},n?I.createElement(V,null):I.createElement(_,null)))});return I.createElement(v,ie({},t,{type:n?"text":r,InputProps:a}))},cr=function(e){var r=e.id,t=e.component,o=void 0===t?"div":t,n=e.required,i=e.disabled,a=e.label,l=e.error,c=e.helperText,d=e.sx,m=ae(e,["id","component","required","disabled","label","error","helperText","sx"]);return I.createElement(s,{component:o,error:l,disabled:i,sx:d},I.createElement(Ke,{label:a,required:n,htmlFor:r}),I.createElement(lr,ie({},m,{id:r,error:l,inputProps:{"data-testid":r},disabled:i,helperText:c})))},dr=I.forwardRef((function(e,r){return I.createElement(cr,ie({inputRef:r},e))}));function sr(){return sr=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},sr.apply(this,arguments)}var mr,fr,ur=function(e){return B.createElement("svg",sr({viewBox:"0 0 24 24"},e),We||(We=B.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M12.141 4.894H3.576A1.977 1.977 0 0 0 1.6 6.871v14.494c0 1.09.885 1.976 1.976 1.976h14.495a1.977 1.977 0 0 0 1.976-1.976V12.8M17.412 1.6h4.94a.99.99 0 0 1 .99.988V7.53m-10.883 4.952L23.05 1.89"})))};function pr(){return pr=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},pr.apply(this,arguments)}var gr,hr,br=function(e){return B.createElement("svg",pr({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),mr||(mr=B.createElement("path",{d:"M12 17.998a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25ZM12 14.248a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 0 1 1.5 0v7.5a.75.75 0 0 1-.75.75Z",fill:"currentColor"})),fr||(fr=B.createElement("path",{d:"M12 23.997a2.546 2.546 0 0 1-1.81-.748L.75 13.81a2.564 2.564 0 0 1 0-3.621L10.19.75a2.542 2.542 0 0 1 1.807-.751c.685 0 1.327.265 1.81.747l9.444 9.443a2.566 2.566 0 0 1 0 3.621l-9.44 9.439a2.55 2.55 0 0 1-1.811.748Zm-.75-1.809c.2.199.466.309.75.309s.55-.11.75-.31l9.44-9.439a1.064 1.064 0 0 0 0-1.501L12.749 1.81c-.01-.009-.024-.025-.033-.035a1.034 1.034 0 0 0-.713-.276c-.288 0-.553.111-.753.311l-9.441 9.44a1.063 1.063 0 0 0 0 1.5l9.441 9.438Z",fill:"currentColor"})))};function yr(){return yr=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},yr.apply(this,arguments)}var vr,xr,Er=function(e){return B.createElement("svg",yr({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),gr||(gr=B.createElement("path",{d:"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5h-.75ZM11.625 8.25a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25Z",fill:"currentColor"})),hr||(hr=B.createElement("path",{d:"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12Zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5Z",fill:"currentColor"})))};function wr(){return wr=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},wr.apply(this,arguments)}var zr=function(e){return B.createElement("svg",wr({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),vr||(vr=B.createElement("path",{d:"M9.325 17.916a1.79 1.79 0 0 1-1.498-.799l-2.44-3.462a.75.75 0 0 1 1.227-.864l2.45 3.477a.306.306 0 0 0 .261.148.294.294 0 0 0 .236-.119l7.852-9.935a.75.75 0 0 1 1.175.93l-7.843 9.923a1.781 1.781 0 0 1-.423.396 1.78 1.78 0 0 1-.997.305Z",fill:"currentColor"})),xr||(xr=B.createElement("path",{d:"M12 23.999c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12Zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5Z",fill:"currentColor"})))},kr=function(e){var r,t=e.children,o=e.underline,n=void 0===o?"hover":o,i=e.toParentNavigation,a=ae(e,["children","underline","toParentNavigation"]),l=null===(r=a.href)||void 0===r?void 0:r.startsWith("https"),c={underline:n};return i?I.createElement(x,ie({},c,a,{onClick:function(){return e=i,void window.parent.postMessage({type:"NAVIGATION",content:e},"*");var e}}),t):I.createElement(x,ie({},c,l&&{target:"_blank",rel:"noopener noreferrer"},a),t,l&&I.createElement(E,{component:ur,fontSize:"inherit",sx:{marginLeft:".25em"}}))},Cr=function(e){var r=e.children,t=ae(e,["children"]);return I.createElement(w,ie({},t),r)},Sr=function(e){var r=e.children,t=ae(e,["children"]);return I.createElement(z,ie({},t),r)},Tr=function(e){var r=e.children,t=e.value,o=void 0===t?0:t,n=e.index,i=e.id;return I.createElement(Xe,{role:"tabpanel",hidden:o!==n,id:i},r)},Or=function(e){var r=e.tabs,t=e.nameSpace,o=e.tabContentProps,n=e.tabsProps,i=H(0),a=i[0],l=i[1],c=t?"".concat(t,"-"):"";return I.createElement(I.Fragment,null,I.createElement(Cr,ie({},n,{value:a,onChange:function(e,r){l(r)}}),r.map((function(e,r){return I.createElement(Sr,{key:"".concat(c,"tab-").concat(r),label:e.label,"aria-controls":"".concat(c,"panel-").concat(r)})}))),I.createElement(Xe,ie({},o),r.map((function(e,r){var t="".concat(c,"panel-").concat(r);return I.createElement(Tr,{key:t,value:a,index:r,id:t,"aria-labelledby":"".concat(c,"tab-").concat(r)},e.content)}))))},Mr=function(e){var r=e.icon,t=e.title,o=e.subTitle,n=e.action,i=ae(e,["icon","title","subTitle","action"]);return I.createElement(l,ie({p:4,display:"flex",flexDirection:"column",alignItems:"center"},i),I.createElement(E,{component:null!=r?r:X,sx:{marginBottom:ne.size.spacing.scale24,fontSize:ne.size.spacing.scale104,color:ne.color.gray20}}),I.createElement(qe,{variant:"h1",component:"span",mb:2},t),I.createElement(qe,{variant:"body1",color:ne.color.gray60,mb:3},o),n)},Rr=function(e){var r=e.title,t=e.subtitle,o=e.children,n=e.actions,i=e.open,a=e.maxWidth,c=void 0===a?552:a,d=e.onClose,s=ae(e,["title","subtitle","children","actions","open","maxWidth","onClose"]);return I.createElement(k,ie({open:i,onClose:d,closeAfterTransition:!0,BackdropProps:{timeout:500}},s),I.createElement(C,{in:i},I.createElement(l,{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},I.createElement(S,{sx:{maxWidth:c,outline:"none"}},I.createElement(T,null,I.createElement(l,{display:"flex",justifyContent:"space-between",alignItems:"center"},I.createElement(O,{variant:"h2"},r),d&&I.createElement(M,{onClick:function(e){return d(e,"escapeKeyDown")},sx:{padding:"0"}},I.createElement(G,{sx:{fontSize:"16px"}}))),t&&I.createElement(l,null,I.createElement(O,{variant:"body1",color:"textSecondary"},t)),I.createElement(R,null),o,n&&I.createElement(I.Fragment,null,I.createElement(R,null),I.createElement(l,null,n)))))))},Pr=function(e){var r=e.children,t=ae(e,["children"]);return I.createElement(W,ie({},t,{iconMapping:{info:I.createElement(E,{component:Er,sx:{color:ne.color.primary}}),success:I.createElement(E,{component:zr,sx:{color:ne.color.green60}}),error:I.createElement(E,{component:br,sx:{color:ne.color.error}})}}),r)},Fr=function(e){var r=e.type,t=void 0===r?"success":r,o=e.title,n=e.children,i=ae(e,["type","title","children"]);return I.createElement(Pr,ie({severity:t},i),o&&I.createElement(P,null,F(o)),n)},Wr={background:{info:ne.color.indigo10,success:ne.color.green10,error:ne.color.red10},font:{info:ne.color.primary,success:ne.color.green60,error:ne.color.error}},Lr=function(e){var r=e.type,t=void 0===r?"info":r,o=e.variant,n=void 0===o?"stacked":o,i=e.title,a=e.onDismiss,c=e.children,d=e.actionLabel,s=e.actionProps,m=ae(e,["type","variant","title","onDismiss","children","actionLabel","actionProps"]),f=function(e){return{get layout(){var r="stacked"===e;return{margin:{mb:r?2:0,mr:r?0:2},padding:{py:r?1:0},position:{display:r?"block":"flex",justifyContent:r?"initial":"center",alignItems:r?"initial":"center"}}}}}(n).layout;return I.createElement(Pr,ie({},m,{severity:t,sx:ie(ie({},m.sx),{backgroundColor:Wr.background[t],boxShadow:"initial",width:"initial",py:f.padding.py,justifyContent:f.position.justifyContent,".MuiAlert-icon":ie(ie({},f.position),{mr:1,svg:{width:16,height:16}}),".MuiAlert-message":ie({},f.position),".MuiAlertTitle-root":ie({},f.margin),".banner-content":ie(ie({},f.position),{"&__message":ie({},f.margin)})})}),I.createElement(P,null,F(i)),I.createElement(l,{display:"block",className:"banner-content"},I.createElement(l,{sx:{color:Wr.font[t]},className:"banner-content__message"},c),d&&I.createElement(L,ie({},s,{size:"small",variant:"contained",color:t}),d),a&&I.createElement(L,{onClick:a,size:"small",variant:"outlined",sx:{py:"3px",ml:2,backgroundColor:ne.color.gray0,":hover":{backgroundColor:ne.color.gray0}},color:t},"Dismiss")))},jr=function(e){var r=e.children,t=ae(e,["children"]);return I.createElement(j,ie({},t),r)},Br=function(e){var r=e.children,t=ae(e,["children"]);return I.createElement(K,ie({},t),r)},Ir=function(e){var r=e.children,t=ae(e,["children"]);return I.createElement(U,ie({},t),r)},Hr=function(e){var r=e.children,t=ae(e,["children"]);return I.createElement(J,ie({},t),r)},Ar=function(e){var r=e.children,t=ae(e,["children"]);return I.createElement(Q,ie({},t),r)},qr=function(e){var r=e.children,t=ae(e,["children"]);return I.createElement(Y,ie({},t),r)},Zr=function(e){var r=e.children,t=ae(e,["children"]);return I.createElement(ee,ie({},t),r)},Nr=function(e){var r=ae(e,[]);return I.createElement(re,ie({},r))},$r=function(e){var r=e.children,t=ae(e,["children"]);return I.createElement(te,ie({},t),r)},Dr=function(e){var r=e.children,t=ae(e,["children"]);return I.createElement(oe,ie({},t),r)};export{Fr as Alert,$e as Avatar,Lr as Banner,Xe as Box,Ae as Button,Ge as Checkbox,Ze as Chip,Ve as Container,Mr as EmptyState,Je as FormCheckbox,dr as FormInput,er as FormRadio,ar as FormSelect,or as FormSwitch,lr as Input,kr as Link,Rr as Modal,Qe as Radio,nr as Select,rr as Switch,Sr as Tab,Or as TabGroup,Br as Table,Ir as TableBody,Hr as TableCell,Ar as TableContainer,Dr as TableFooter,qr as TableHead,Nr as TablePagination,Zr as TableRow,$r as TableSortLabel,Cr as Tabs,jr as Tooltip,qe as Typography,Be as UpComponentsProvider,je as theme,ne as tokens};
1
+ import{createTheme as e,CssBaseline as r,CircularProgress as t,Chip as n,Avatar as o,Container as i,Grid as a,Box as l,Checkbox as c,FormLabel as d,FormControl as s,FormGroup as m,FormControlLabel as f,FormHelperText as u,Radio as p,RadioGroup as g,Switch as h,Select as b,MenuItem as y,TextField as v,Link as x,SvgIcon as E,Tabs as w,Tab as z,Modal as k,Fade as C,Card as S,CardContent as T,Typography as O,IconButton as M,Divider as P,AlertTitle as R,capitalize as F,Alert as L,Button as W,Tooltip as j,Popover as B}from"@mui/material";export*from"@mui/material";import*as I from"react";import H,{useState as A,useMemo as q}from"react";import{ThemeProvider as Z,styled as N}from"@mui/material/styles";import $ from"@mui/material/Button";import V from"@mui/material/Typography";import D from"@mui/material/InputAdornment";import _ from"@mui/material/IconButton";import X from"@mui/icons-material/VisibilityOutlined";import G from"@mui/icons-material/VisibilityOffOutlined";import K from"@mui/icons-material/InfoOutlined";import Q from"@mui/icons-material/Close";import U from"@mui/icons-material/QuestionMark";import J from"react-markdown";import Y from"@mui/material/Table";import ee from"@mui/material/TableBody";import re from"@mui/material/TableCell";import te from"@mui/material/TableContainer";import ne from"@mui/material/TableHead";import oe from"@mui/material/TableRow";import ie from"@mui/material/TablePagination";import ae from"@mui/material/TableSortLabel";import le from"@mui/material/TableFooter";var ce={animation:{speed:{normal:"0.5s",fast:"0.08s",slow:"1s"}},color:{background:{light:"#f4f5f7",dark:"#dfe1e6",indigo:"#262a59"},primary:"#262a59",secondary:"#d40fa9",info:"#262a59",error:"#e35656",success:"#aed581",indigo0:"#f4f4f6",indigo10:"#e9e9ee",indigo20:"#bdbfcd",indigo30:"#a8aabd",indigo40:"#9294ac",indigo50:"#7d7f9b",indigo60:"#67698a",indigo70:"#51557a",indigo80:"#3b3f69",indigo90:"#262a59",indigo100:"#161833",pink0:"#fff3ff",pink10:"#fedafd",pink20:"#fdc0fb",pink30:"#f98ef3",pink40:"#f362e8",pink50:"#ec3ed7",pink60:"#d40fa9",pink70:"#b0027c",pink80:"#990165",pink90:"#820050",pink100:"#390325",cyan0:"#f4ffff",cyan10:"#c6ffff",cyan20:"#96ffff",cyan30:"#59effc",cyan40:"#1dd7f0",cyan50:"#20b0c7",cyan60:"#1d8fa4",cyan70:"#167286",cyan80:"#0e5a6d",cyan90:"#064658",cyan100:"#103645",green0:"#f8fff4",green10:"#e2fccc",green20:"#e2fccc",green30:"#aed581",green40:"#8eaf65",green50:"#728f4b",green60:"#5a7533",green70:"#476020",green80:"#374e10",green90:"#2b3f05",green100:"#223300",red0:"#fff7f4",red10:"#ffe4db",red20:"#fcc4bb",red30:"#efa299",red40:"#e67e78",red50:"#e35656",red60:"#b83d3c",red70:"#922524",red80:"#6f1110",red90:"#500404",red100:"#330000",gray0:"#ffffff",gray10:"#f4f5f7",gray20:"#dfe1e6",gray30:"#c1c7d0",gray40:"#a8afba",gray50:"#9399a3",gray60:"#777c85",gray70:"#575b61",gray80:"#3c3e42",gray90:"#222426",gray100:"#121315",border:{default:"#dfe1e6"},shadow:{default:"#121315"},text:{base:"#121315",light:"#9399a3",inverted:"#ffffff",link:{default:"#20b0c7",visited:"#1d8fa4"}}},font:{family:{heading:"'Roboto Condensed', sans-serif",text:"'Source Sans Pro', sans-serif",code:"'Source Code Pro', monospace"},lineHeight:{medium:"1rem",large:"1.5rem",xlarge:"2rem",xxlarge:"3rem"},weight:{normal:400,bold:700}},size:{border:{radius:{default:"6px",small:"4px"},width:"1px"},font:{base:"16px",heading:{default:"1.728rem",small:"1.44rem",xsmall:"1rem"},overline:{large:"1.44rem",default:"0.833rem"},body:{default:"1rem"},caption:{default:"0.833rem",large:"1.44rem"},label:{default:"0.833rem",large:"1.44rem"},minorThird10:"6.192rem",minorThird9:"5.16rem",minorThird8:"4.3rem",minorThird7:"3.583rem",minorThird6:"2.986rem",minorThird5:"2.488rem",minorThird4:"2.074rem",minorThird3:"1.728rem",minorThird2:"1.44rem",minorThird1:"1.2rem",minorThird0:"1rem",minorThirdSub1:"0.833rem",minorThirdSub2:"0.694rem",minorThirdSub3:"0.579rem",minorThirdSub4:"0.482rem",minorThirdSub5:"0.402rem",minorThirdSub6:"0.335rem"},spacingXS:"8px",spacingS:"16px",spacingM:"24px",spacingL:"32px",spacingXL:"40px",spacingXXL:"48px",spacing:{main:"24px",section:"32px",header:"24px",article:"24px",paragraph:"16px",line:"8px",scale1:"1px",scale2:"2px",scale4:"4px",scale6:"6px",scale8:"8px",scale16:"16px",scale24:"24px",scale32:"32px",scale40:"40px",scale48:"48px",scale56:"56px",scale64:"64px",scale72:"72px",scale80:"80px",scale88:"88px",scale96:"96px",scale104:"104px",scale112:"112px",scale120:"120px",scale128:"128px",scale160:"160px",scale208:"208px"}}},de=function(){return de=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},de.apply(this,arguments)};function se(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t}var me={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:ce.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:ce.size.spacing.scale8}},colorDefault:{backgroundColor:ce.color.gray10,color:ce.color.gray60},colorPrimary:{backgroundColor:ce.color.indigo10,color:ce.color.indigo80},colorSecondary:{backgroundColor:ce.color.pink10,color:ce.color.pink80},colorError:{backgroundColor:ce.color.red10,color:ce.color.error},colorInfo:{backgroundColor:ce.color.indigo10,color:ce.color.indigo80},colorSuccess:{backgroundColor:ce.color.green10,color:ce.color.green80}}},fe={h1:{fontFamily:ce.font.family.heading,fontSize:ce.size.font.heading.default,fontWeight:ce.font.weight.bold,lineHeight:ce.font.lineHeight.xlarge},h2:{fontFamily:ce.font.family.heading,fontSize:ce.size.font.heading.small,fontWeight:ce.font.weight.bold,lineHeight:ce.font.lineHeight.xlarge},h3:{fontFamily:ce.font.family.heading,fontSize:ce.size.font.heading.xsmall,fontWeight:ce.font.weight.bold,lineHeight:ce.font.lineHeight.large},body1:{fontFamily:ce.font.family.text,fontSize:ce.size.font.body.default,fontWeight:ce.font.weight.normal,lineHeight:ce.font.lineHeight.large},body2:{fontFamily:ce.font.family.text,fontSize:ce.size.font.body.default,fontWeight:ce.font.weight.bold,lineHeight:ce.font.lineHeight.large},caption:{fontFamily:ce.font.family.text,fontSize:ce.size.font.caption.default,fontWeight:ce.font.weight.normal,lineHeight:ce.font.lineHeight.medium},overline:{fontFamily:ce.font.family.heading,fontSize:ce.size.font.overline.default,letterSpacing:"initial",fontWeight:ce.font.weight.bold,color:ce.color.gray60}},ue={small:"".concat(ce.size.spacing.scale4," ").concat(ce.size.spacing.scale8),medium:"".concat(ce.size.spacing.scale8," ").concat(ce.size.spacing.scale16),large:"".concat(ce.size.spacing.scale16," ").concat(ce.size.spacing.scale32)},pe={styleOverrides:{root:{textTransform:"none",lineHeight:ce.size.spacing.scale16,fontWeight:ce.font.weight.bold,fontFamily:ce.font.family.text,boxShadow:"none"},contained:{padding:ue.medium,color:ce.color.gray0},outlinedSuccess:{color:ce.color.green60},containedSuccess:{backgroundColor:ce.color.green60},containedSizeSmall:{padding:ue.small},containedSizeLarge:{padding:ue.large},text:{padding:ue.medium},textSizeSmall:{padding:ue.small},textSizeLarge:{padding:ue.large},outlined:{padding:"7px ".concat(ce.size.spacing.scale16)},outlinedSizeSmall:{padding:ue.small},outlinedSizeLarge:{padding:ue.large},sizeSmall:{fontSize:ce.size.font.label.default},sizeLarge:{fontSize:ce.size.font.label.large},startIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}},endIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}}},defaultProps:{disableFocusRipple:!0}},ge={styleOverrides:{root:{fontFamily:ce.font.family.text,fontSize:ce.size.font.label.default,fontWeight:ce.font.weight.bold,width:ce.size.spacing.scale24,height:ce.size.spacing.scale24,"& .MuiSvgIcon-root":{width:ce.size.spacing.scale16}},colorDefault:{backgroundColor:ce.color.background.dark,"& .MuiSvgIcon-root":{color:ce.color.gray60}}}},he={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:ce.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:ce.color.primary},"&$disabled":{opacity:.5}}}},be={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:ce.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},ye={styleOverrides:{root:{marginRight:16},colorSecondary:{color:ce.color.gray0,"&$checked":{color:ce.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:ce.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:ce.color.background.light,border:"2px solid ".concat(ce.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:ce.color.primary,border:"2px solid ".concat(ce.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},ve={styleOverrides:{root:{"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(ce.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:ce.size.spacing.scale16,height:ce.size.spacing.scale16}}}}},xe={styleOverrides:{input:{"&.Mui-disabled":{backgroundColor:ce.color.background.dark,color:ce.color.text.light}}},defaultProps:{size:"small"}},Ee={styleOverrides:{outlined:{notchedOutline:{borderColor:ce.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}},we={styleOverrides:{root:{width:"100%","& .MuiFormHelperText-root":{marginTop:ce.size.spacing.scale8,marginLeft:0}}}},ze={styleOverrides:{root:{fontSize:ce.size.font.base,color:ce.color.text.base}}},ke={styleOverrides:{root:{borderBottom:"1px solid ".concat(ce.color.gray20)},indicator:{backgroundColor:ce.color.primary}}},Ce={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(ce.size.spacing.scale16),fontFamily:ce.font.family.text,color:ce.color.gray60,padding:"0 0 ".concat(ce.size.spacing.scale16," 0"),"&:hover":{color:ce.color.primary,opacity:1},"&$selected":{color:ce.color.primary},"&:focus":{color:ce.color.primary}}},defaultProps:{disableRipple:!0}},Se={styleOverrides:{root:{fontWeight:ce.font.weight.normal}}},Te={styleOverrides:{root:{fontWeight:ce.font.weight.normal},head:{fontWeight:ce.font.weight.bold}}},Oe={styleOverrides:{root:{borderTop:"1px solid ".concat(ce.color.border.default)}}},Me={styleOverrides:{root:{borderBottom:"none","& .MuiIconButton-root":{backgroundColor:"transparent"}},selectLabel:{fontWeight:ce.font.weight.normal,fontSize:ce.size.font.caption.default},displayedRows:{fontWeight:ce.font.weight.normal,fontSize:ce.size.font.caption.default}}},Pe=function(e){var r;return(r={})[{error:"&-standardError",success:"&-standardSuccess",info:"&-standardInfo"}[e]]={"& .MuiAlertTitle-root":{color:ce.color["success"===e?"green60":e],fontFamily:ce.font.family.text,lineHeight:ce.font.lineHeight.medium,fontWeight:ce.font.weight.bold,fontSize:ce.size.font.caption.default}},r},Re={fontSize:ce.size.font.caption.default,lineHeight:ce.font.lineHeight.medium,fontWeight:ce.font.weight.normal},Fe={styleOverrides:{root:de(de({width:328,borderRadius:6,backgroundColor:ce.color.gray0,boxShadow:"0px 8px 16px rgba(18, 19, 21, 0.08)",color:ce.color.text.light,padding:"".concat(ce.size.spacing.scale8," ").concat(ce.size.spacing.scale16)},Re),{"& p, & span":de({},Re),"& .MuiAlert-action":{button:{width:ce.size.spacing.scale16,height:ce.size.spacing.scale16,backgroundColor:ce.color.background.light},svg:{width:14,height:14,fill:ce.color.gray60}},"&.MuiAlert":de(de(de({},Pe("error")),Pe("success")),Pe("info"))}),icon:{svg:{width:20,height:20}}}};ce.size.font.body.default,ce.font.family.text,ce.color.gray100,ce.size.font.caption.default;var Le,We,je,Be,Ie={styleOverrides:{root:{fontWeight:ce.font.weight.bold,lineHeight:ce.font.lineHeight.medium,fontFamily:ce.font.family.text,fontSize:ce.size.font.caption.default,color:ce.color.text.base,marginBottom:ce.size.spacing.scale8}}},He=e({typography:de({},fe),palette:{background:{default:"#ffffff"},primary:{main:ce.color.primary},secondary:{main:ce.color.secondary},error:{main:ce.color.error},info:{main:ce.color.info},success:{main:ce.color.success}},components:{MuiButton:pe,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiChip:me,MuiInput:Ee,MuiInputBase:xe,MuiFormControl:we,MuiFormControlLabel:ze,MuiTextField:ve,MuiFormLabel:Ie,MuiTabs:ke,MuiTab:Ce,MuiAvatar:ge,MuiCheckbox:he,MuiRadio:be,MuiSwitch:ye,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiTable:Se,MuiTableCell:Te,MuiTableRow:{styleOverrides:{root:{"&:last-child td":{borderBottom:0}}}},MuiTableFooter:Oe,MuiTablePagination:Me,MuiAlert:Fe,MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}}}}),Ae=function(e){return H.createElement(H.Fragment,null,H.createElement(r,null),H.createElement(Z,{theme:He},e.children))},qe=N(t)(je||(Le=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],We=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],Object.defineProperty?Object.defineProperty(Le,"raw",{value:We}):Le.raw=We,je=Le)),Ze=function(e){var r=e.color,t=void 0===r?"primary":r,n=e.variant,o=void 0===n?"contained":n,i=e.size,a=void 0===i?"medium":i,l=e.loading,c=e.children,d=e.innerRef,s=se(e,["color","variant","size","loading","children","innerRef"]);return H.createElement($,de({size:a,variant:o,color:t,disabled:l},s,{ref:d}),H.createElement("span",{style:{opacity:l?0:1}},c),l&&H.createElement(qe,{size:20,color:"inherit"}))},Ne=H.forwardRef((function(e,r){return H.createElement(Ze,de({},e,{innerRef:r}))})),$e=function(e){var r=e.children,t=se(e,["children"]);return H.createElement(V,de({},t),r)},Ve=function(e){var r=e.label,t=se(e,["label"]);return H.createElement(n,de({size:"small",label:r},t))},De=function(e){var r=e.icon,t=e.firstName,n=void 0===t?"":t,i=e.lastName,a=void 0===i?"":i,l=e.sx,c=e.innerRef,d=se(e,["icon","firstName","lastName","sx","innerRef"]),s="".concat(n.substring(0,1)).concat(a.substring(0,1)).toLocaleUpperCase(),m=s?ce.color.secondary:ce.color.background.dark;return H.createElement(o,de({sx:de(de({},l),{backgroundColor:m}),ref:c},d),s||r)},_e=H.forwardRef((function(e,r){return H.createElement(De,de({},e,{innerRef:r}))})),Xe={small:6,medium:8,large:12,fluid:12},Ge=function(e){var r=e.component,t=void 0===r?"div":r,n=e.size,o=void 0===n?"large":n,l=e.children,c=se(e,["component","size","children"]),d="fluid"===o;return H.createElement(i,de({component:t,disableGutters:d,maxWidth:!d&&"lg",sx:de({display:"flex",justifyContent:"center"},c.sx)},c),H.createElement(a,{container:!0,justifyContent:"center"},H.createElement(a,{item:!0,md:Xe[o]},l)))},Ke=function(e){var r=e.children,t=e.ref,n=se(e,["children","ref"]);return H.createElement(l,de({},n,{ref:t}),r)},Qe=H.forwardRef((function(e,r){return H.createElement(Ke,de({},e,{ref:r}))})),Ue=function(e){var r=se(e,[]);return H.createElement(c,de({},r))},Je=function(e){var r=e.label,t=e.htmlFor,n=e.required,o=void 0===n||n;return H.createElement(d,{component:"label",htmlFor:t},r,!o&&H.createElement(l,{ml:1,component:"span",sx:{fontWeight:ce.font.weight.normal,color:ce.color.text.light}},"(optional)"))},Ye=function(e){var r=e.id,t=e.label,n=e.required,o=e.component,i=void 0===o?"div":o,a=e.disabled,l=e.data,c=e.error,d=e.helperText,p=e.sx,g=se(e,["id","label","required","component","disabled","data","error","helperText","sx"]);return H.createElement(s,{component:i,error:c,disabled:a,sx:p},H.createElement(Je,{label:t,required:n,htmlFor:r}),H.createElement(m,null,l.map((function(e,t){var n=e.value,o=e.label;return H.createElement(f,{key:t,value:n,label:o||"",control:H.createElement(Ue,de({color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(t)}},g))})}))),c&&H.createElement(u,{error:c},d))},er=H.forwardRef((function(e,r){return H.createElement(Ye,de({inputRef:r},e))})),rr=function(e){return H.createElement(p,de({},e))},tr=function(e){var r=e.id,t=e.required,n=e.component,o=void 0===n?"div":n,i=e.disabled,a=e.data,l=e.label,c=e.error,d=e.sx,m=e.helperText,p=e.inputRef,h=se(e,["id","required","component","disabled","data","label","error","sx","helperText","inputRef"]);return H.createElement(s,{component:o,error:c,disabled:i,sx:d},H.createElement(Je,{label:l,required:t,htmlFor:r}),H.createElement(g,de({},h),a.map((function(e,t){var n=e.value,o=e.label,i=e.message;return H.createElement(H.Fragment,null,H.createElement(f,{value:n,key:n,label:o||"",control:H.createElement(rr,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(t)},inputRef:p})}),i&&H.createElement($e,{variant:"caption",marginLeft:ce.size.spacing.scale24,color:ce.color.text.light,mb:1},i))}))),c&&m&&H.createElement(u,{error:c},m))},nr=H.forwardRef((function(e,r){return H.createElement(tr,de({inputRef:r},e))})),or=function(e){return H.createElement(h,de({},e))},ir=function(e){var r=e.component,t=void 0===r?"div":r,n=e.disabled,o=e.label,i=e.error,a=e.sx,l=se(e,["component","disabled","label","error","sx"]);return H.createElement(s,{component:t,error:i,disabled:n,sx:de({mb:2},a)},H.createElement(d,{component:"label"},o),H.createElement(or,de({},l)))},ar=H.forwardRef((function(e,r){return H.createElement(ir,de({inputRef:r},e))})),lr=function(e){return H.createElement(b,de({variant:"outlined"},e))},cr=function(e){var r=e.id,t=e.required,n=e.component,o=void 0===n?"div":n,i=e.disabled,a=e.label,l=e.error,c=e.helperText,d=e.sx,m=e.options,f=se(e,["id","required","component","disabled","label","error","helperText","sx","options"]);return H.createElement(s,{component:o,error:l,disabled:i,sx:d},H.createElement(Je,{label:a,required:t,htmlFor:r}),H.createElement(lr,de({},f,{error:l,inputProps:{id:r,"data-testid":r}}),m.map((function(e){return H.createElement(y,{key:e.value,value:e.value},e.text)}))),l&&c&&H.createElement(u,{error:l},c))},dr=H.forwardRef((function(e,r){return H.createElement(cr,de({inputRef:r},e))})),sr=function(e){var r=e.type,t=se(e,["type"]),n=A(!1),o=n[0],i=n[1],a=de(de({},t.InputProps),"password"===r&&{endAdornment:H.createElement(D,{position:"end"},H.createElement(_,{"aria-label":"toggle password visibility",onClick:function(){return i(!o)},edge:"end"},o?H.createElement(X,null):H.createElement(G,null)))});return H.createElement(v,de({},t,{type:o?"text":r,InputProps:a}))},mr=function(e){var r=e.id,t=e.component,n=void 0===t?"div":t,o=e.required,i=e.disabled,a=e.label,l=e.error,c=e.helperText,d=e.sx,m=se(e,["id","component","required","disabled","label","error","helperText","sx"]);return H.createElement(s,{component:n,error:l,disabled:i,sx:d},H.createElement(Je,{label:a,required:o,htmlFor:r}),H.createElement(sr,de({},m,{id:r,error:l,inputProps:{"data-testid":r},disabled:i,helperText:c})))},fr=H.forwardRef((function(e,r){return H.createElement(mr,de({inputRef:r},e))}));function ur(){return ur=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},ur.apply(this,arguments)}var pr,gr,hr=function(e){return I.createElement("svg",ur({viewBox:"0 0 24 24"},e),Be||(Be=I.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M12.141 4.894H3.576A1.977 1.977 0 0 0 1.6 6.871v14.494c0 1.09.885 1.976 1.976 1.976h14.495a1.977 1.977 0 0 0 1.976-1.976V12.8M17.412 1.6h4.94a.99.99 0 0 1 .99.988V7.53m-10.883 4.952L23.05 1.89"})))};function br(){return br=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},br.apply(this,arguments)}var yr,vr,xr=function(e){return I.createElement("svg",br({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),pr||(pr=I.createElement("path",{d:"M12 17.998a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25ZM12 14.248a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 0 1 1.5 0v7.5a.75.75 0 0 1-.75.75Z",fill:"currentColor"})),gr||(gr=I.createElement("path",{d:"M12 23.997a2.546 2.546 0 0 1-1.81-.748L.75 13.81a2.564 2.564 0 0 1 0-3.621L10.19.75a2.542 2.542 0 0 1 1.807-.751c.685 0 1.327.265 1.81.747l9.444 9.443a2.566 2.566 0 0 1 0 3.621l-9.44 9.439a2.55 2.55 0 0 1-1.811.748Zm-.75-1.809c.2.199.466.309.75.309s.55-.11.75-.31l9.44-9.439a1.064 1.064 0 0 0 0-1.501L12.749 1.81c-.01-.009-.024-.025-.033-.035a1.034 1.034 0 0 0-.713-.276c-.288 0-.553.111-.753.311l-9.441 9.44a1.063 1.063 0 0 0 0 1.5l9.441 9.438Z",fill:"currentColor"})))};function Er(){return Er=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},Er.apply(this,arguments)}var wr,zr,kr=function(e){return I.createElement("svg",Er({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),yr||(yr=I.createElement("path",{d:"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5h-.75ZM11.625 8.25a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25Z",fill:"currentColor"})),vr||(vr=I.createElement("path",{d:"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12Zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5Z",fill:"currentColor"})))};function Cr(){return Cr=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},Cr.apply(this,arguments)}var Sr,Tr=function(e){return I.createElement("svg",Cr({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),wr||(wr=I.createElement("path",{d:"M9.325 17.916a1.79 1.79 0 0 1-1.498-.799l-2.44-3.462a.75.75 0 0 1 1.227-.864l2.45 3.477a.306.306 0 0 0 .261.148.294.294 0 0 0 .236-.119l7.852-9.935a.75.75 0 0 1 1.175.93l-7.843 9.923a1.781 1.781 0 0 1-.423.396 1.78 1.78 0 0 1-.997.305Z",fill:"currentColor"})),zr||(zr=I.createElement("path",{d:"M12 23.999c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12Zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5Z",fill:"currentColor"})))};function Or(){return Or=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},Or.apply(this,arguments)}var Mr=function(e){return I.createElement("svg",Or({viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),Sr||(Sr=I.createElement("path",{d:"M23.25 23.999a.743.743 0 0 1-.53-.22L12 13.06 1.28 23.779a.744.744 0 0 1-1.06 0 .752.752 0 0 1 0-1.061l10.72-10.72L.22 1.279A.743.743 0 0 1 0 .749c0-.2.078-.389.22-.53a.743.743 0 0 1 .53-.22c.2 0 .389.078.53.22L12 10.938 22.72.218a.744.744 0 0 1 1.06 0 .747.747 0 0 1 0 1.061L13.06 12l10.72 10.72a.752.752 0 0 1 0 1.061.746.746 0 0 1-.53.219Z"})))},Pr=function(e){var r,t=e.children,n=e.underline,o=void 0===n?"hover":n,i=e.toParentNavigation,a=se(e,["children","underline","toParentNavigation"]),l=null===(r=a.href)||void 0===r?void 0:r.startsWith("https"),c={underline:o};return i?H.createElement(x,de({},c,a,{onClick:function(){return e=i,void window.parent.postMessage({type:"NAVIGATION",content:e},"*");var e}}),t):H.createElement(x,de({},c,l&&{target:"_blank",rel:"noopener noreferrer"},a),t,l&&H.createElement(E,{component:hr,fontSize:"inherit",sx:{marginLeft:".25em"}}))},Rr=function(e){var r=e.children,t=se(e,["children"]);return H.createElement(w,de({},t),r)},Fr=function(e){var r=e.children,t=se(e,["children"]);return H.createElement(z,de({},t),r)},Lr=function(e){var r=e.children,t=e.value,n=void 0===t?0:t,o=e.index,i=e.id;return H.createElement(Qe,{role:"tabpanel",hidden:n!==o,id:i},r)},Wr=function(e){var r=e.tabs,t=e.nameSpace,n=e.tabContentProps,o=e.tabsProps,i=A(0),a=i[0],l=i[1],c=t?"".concat(t,"-"):"";return H.createElement(H.Fragment,null,H.createElement(Rr,de({},o,{value:a,onChange:function(e,r){l(r)}}),r.map((function(e,r){return H.createElement(Fr,{key:"".concat(c,"tab-").concat(r),label:e.label,"aria-controls":"".concat(c,"panel-").concat(r)})}))),H.createElement(Qe,de({},n),r.map((function(e,r){var t="".concat(c,"panel-").concat(r);return H.createElement(Lr,{key:t,value:a,index:r,id:t,"aria-labelledby":"".concat(c,"tab-").concat(r)},e.content)}))))},jr=function(e){var r=e.icon,t=e.title,n=e.subTitle,o=e.action,i=se(e,["icon","title","subTitle","action"]);return H.createElement(l,de({p:4,display:"flex",flexDirection:"column",alignItems:"center"},i),H.createElement(E,{component:null!=r?r:K,sx:{marginBottom:ce.size.spacing.scale24,fontSize:ce.size.spacing.scale104,color:ce.color.gray20}}),H.createElement($e,{variant:"h1",component:"span",mb:2},t),H.createElement($e,{variant:"body1",color:ce.color.gray60,mb:3},n),o)},Br=function(e){var r=e.title,t=e.subtitle,n=e.children,o=e.actions,i=e.open,a=e.maxWidth,c=void 0===a?552:a,d=e.onClose,s=se(e,["title","subtitle","children","actions","open","maxWidth","onClose"]);return H.createElement(k,de({open:i,onClose:d,closeAfterTransition:!0,BackdropProps:{timeout:500}},s),H.createElement(C,{in:i},H.createElement(l,{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},H.createElement(S,{sx:{maxWidth:c,outline:"none"}},H.createElement(T,null,H.createElement(l,{display:"flex",justifyContent:"space-between",alignItems:"center"},H.createElement(O,{variant:"h2"},r),d&&H.createElement(M,{onClick:function(e){return d(e,"escapeKeyDown")},sx:{padding:"0"}},H.createElement(Q,{sx:{fontSize:"16px"}}))),t&&H.createElement(l,null,H.createElement(O,{variant:"body1",color:"textSecondary"},t)),H.createElement(P,null),n,o&&H.createElement(H.Fragment,null,H.createElement(P,null),H.createElement(l,null,o)))))))},Ir=function(e){var r=e.children,t=se(e,["children"]);return H.createElement(L,de({},t,{iconMapping:{info:H.createElement(E,{component:kr,sx:{color:ce.color.primary}}),success:H.createElement(E,{component:Tr,sx:{color:ce.color.green60}}),error:H.createElement(E,{component:xr,sx:{color:ce.color.error}})}}),r)},Hr=function(e){var r=e.type,t=void 0===r?"success":r,n=e.title,o=e.children,i=se(e,["type","title","children"]);return H.createElement(Ir,de({severity:t},i),n&&H.createElement(R,null,F(n)),o)},Ar={background:{info:ce.color.indigo10,success:ce.color.green10,error:ce.color.red10},font:{info:ce.color.primary,success:ce.color.green60,error:ce.color.error}},qr=function(e){var r=e.type,t=void 0===r?"info":r,n=e.variant,o=void 0===n?"stacked":n,i=e.title,a=e.onDismiss,c=e.children,d=e.actionLabel,s=e.actionProps,m=se(e,["type","variant","title","onDismiss","children","actionLabel","actionProps"]),f=function(e){return{get layout(){var r="stacked"===e;return{margin:{mb:r?2:0,mr:r?0:2},padding:{py:r?1:0},position:{display:r?"block":"flex",justifyContent:r?"initial":"center",alignItems:r?"initial":"center"}}}}}(o).layout;return H.createElement(Ir,de({},m,{severity:t,sx:de(de({},m.sx),{backgroundColor:Ar.background[t],boxShadow:"initial",width:"initial",py:f.padding.py,justifyContent:f.position.justifyContent,".MuiAlert-icon":de(de({},f.position),{mr:1,svg:{width:16,height:16}}),".MuiAlert-message":de({},f.position),".MuiAlertTitle-root":de({},f.margin),".banner-content":de(de({},f.position),{"&__message":de({},f.margin)})})}),H.createElement(R,null,F(i)),H.createElement(l,{display:"block",className:"banner-content"},H.createElement(l,{sx:{color:Ar.font[t]},className:"banner-content__message"},c),d&&H.createElement(W,de({},s,{size:"small",variant:"contained",color:t}),d),a&&H.createElement(W,{onClick:a,size:"small",variant:"outlined",sx:{py:"3px",ml:2,backgroundColor:ce.color.gray0,":hover":{backgroundColor:ce.color.gray0}},color:t},"Dismiss")))},Zr=function(e){var r=e.children,t=se(e,["children"]);return H.createElement(j,de({},t),r)},Nr=function(e){var r=e.title,t=e.titleVariant,n=void 0===t?"h2":t,o=e.subtitle,i=e.children,a=e.actions,c=e.headerAction,d=se(e,["title","titleVariant","subtitle","children","actions","headerAction"]);return H.createElement(S,de({},d),H.createElement(T,{sx:{"&:last-child":{pb:2}}},H.createElement(l,{display:"flex",justifyContent:"space-between",alignItems:"center"},H.createElement(O,{variant:n},r),c),o&&H.createElement(l,null,H.createElement(O,{variant:"body1",color:"textSecondary"},o)),H.createElement(P,null),i,a&&H.createElement(H.Fragment,null,H.createElement(P,null),H.createElement(l,null,a))))},$r=function(e){var r=e.size,t=void 0===r?"medium":r,n=e.removePadding,o=void 0!==n&&n,i=e.children,a=se(e,["size","removePadding","children"]),l="medium"===t?"16px":"12px",c="medium"===t?"10px":"6px";return H.createElement(M,de({sx:{color:ce.color.gray60,backgroundColor:ce.color.background.dark,height:l,width:l,padding:o?0:"3px",svg:{width:o?l:c,height:o?l:c}}},a),i)},Vr=function(e){var r=e.children,t=se(e,["children"]);return H.createElement(B,de({},t),r)},Dr=function(e){var r=e.id,t=e.icon,n=e.actions,o=e.title,i=e.children,a=e.sx,l=se(e,["id","icon","actions","title","children","sx"]),c=A(null),d=c[0],s=c[1],m=Boolean(d);return H.createElement(H.Fragment,null,H.createElement($r,{onClick:function(e){return s(e.currentTarget)}},t?H.createElement(t,null):H.createElement(U,null)),H.createElement(Vr,{id:m?r:void 0,open:m,anchorEl:d,onClose:function(){return s(null)},transformOrigin:{vertical:"top",horizontal:"left"},anchorOrigin:{vertical:"top",horizontal:"right"}},H.createElement(Nr,de({},l,{sx:de({maxWidth:328},a),title:o,titleVariant:"h3",headerAction:H.createElement($r,{onClick:function(){return s(null)}},H.createElement(Mr,null)),actions:n}),i)))},_r=function(e){var r=e.content,t=e.linkPath,n=e.linkText,o=e.heading,i=e.contentfulId,a=q((function(){return t&&n}),[t,n]);return H.createElement(Dr,{id:i,title:o,actions:a&&H.createElement(W,{variant:"outlined",size:"small",href:"".concat("https://docs.up42.com").concat(t),target:"_blank",rel:"noopener noreferrer"},n)},r&&H.createElement($e,{variant:"caption",style:{color:ce.color.gray60}},H.createElement(J,null,r)))},Xr=function(e){var r=e.children,t=se(e,["children"]);return H.createElement(Y,de({},t),r)},Gr=function(e){var r=e.children,t=se(e,["children"]);return H.createElement(ee,de({},t),r)},Kr=function(e){var r=e.children,t=se(e,["children"]);return H.createElement(re,de({},t),r)},Qr=function(e){var r=e.children,t=se(e,["children"]);return H.createElement(te,de({},t),r)},Ur=function(e){var r=e.children,t=se(e,["children"]);return H.createElement(ne,de({},t),r)},Jr=function(e){var r=e.children,t=se(e,["children"]);return H.createElement(oe,de({},t),r)},Yr=function(e){var r=se(e,[]);return H.createElement(ie,de({},r))},et=function(e){var r=e.children,t=se(e,["children"]);return H.createElement(ae,de({},t),r)},rt=function(e){var r=e.children,t=se(e,["children"]);return H.createElement(le,de({},t),r)};export{Hr as Alert,_e as Avatar,qr as Banner,Qe as Box,Ne as Button,Ue as Checkbox,Ve as Chip,Ge as Container,$r as ControlButton,_r as DocumentationPopover,jr as EmptyState,er as FormCheckbox,fr as FormInput,nr as FormRadio,dr as FormSelect,ar as FormSwitch,Nr as InfoCard,Dr as InfoPopover,sr as Input,Pr as Link,Br as Modal,Vr as Popover,rr as Radio,lr as Select,or as Switch,Fr as Tab,Wr as TabGroup,Xr as Table,Gr as TableBody,Kr as TableCell,Qr as TableContainer,rt as TableFooter,Ur as TableHead,Yr as TablePagination,Jr as TableRow,et as TableSortLabel,Rr as Tabs,Zr as Tooltip,$e as Typography,Ae as UpComponentsProvider,He as theme,ce as tokens};
@@ -6,14 +6,3 @@ export declare const MuiButtonBase: {
6
6
  disableTouchRipple: boolean;
7
7
  };
8
8
  };
9
- export declare const MuiIconButton: {
10
- styleOverrides: {
11
- root: {
12
- color: string;
13
- backgroundColor: string;
14
- };
15
- sizeSmall: {
16
- padding: string;
17
- };
18
- };
19
- };
@@ -0,0 +1,14 @@
1
+ /// <reference types="react" />
2
+ import { IconButtonProps as MUIIconButtonProps } from '@mui/material';
3
+ import { MUIGlobalOmit } from '@global/utils/types';
4
+ export declare type ControlButtonProps = MUIGlobalOmit<MUIIconButtonProps, {
5
+ size?: 'medium' | 'small';
6
+ /**
7
+ * Remove default padding when using icons with built-in padding (Like MUI icons)
8
+ */
9
+ removePadding?: boolean;
10
+ }>;
11
+ /**
12
+ * Documentation: https://up-components.up42.dev/?path=/data-entry-controlbutton--default
13
+ */
14
+ export declare const ControlButton: ({ size, removePadding, children, ...props }: ControlButtonProps) => JSX.Element;
@@ -0,0 +1,6 @@
1
+ /// <reference types="react" />
2
+ import { Meta } from '@storybook/react';
3
+ declare const _default: Meta<import("@storybook/react").Args>;
4
+ export default _default;
5
+ export declare const Default: () => JSX.Element;
6
+ export declare const Small: () => JSX.Element;
@@ -0,0 +1,25 @@
1
+ /// <reference types="react" />
2
+ export declare type DocumentationPopoverProps = {
3
+ heading: string;
4
+ /**
5
+ * The main content of the Popover.
6
+ */
7
+ content: string;
8
+ /**
9
+ * The label of the CTA button, usually *View Documentation*.
10
+ */
11
+ linkText?: string;
12
+ /**
13
+ * The link of the CTA button. A pathname relative to the documentation base URL.
14
+ * i.e: `/getting-started/workflows/catalog`
15
+ */
16
+ linkPath?: string;
17
+ /**
18
+ * Contentful entry ID.
19
+ */
20
+ contentfulId: string;
21
+ };
22
+ /**
23
+ * Documentation: https://up-components.up42.dev/?path=/docs/patterns-popovers-documentationpopover
24
+ */
25
+ export declare const DocumentationPopover: ({ content, linkPath, linkText, heading, contentfulId, }: DocumentationPopoverProps) => JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { Story, Meta } from '@storybook/react';
2
+ import { DocumentationPopoverProps } from './DocumentationPopover';
3
+ declare const _default: Meta<import("@storybook/react").Args>;
4
+ export default _default;
5
+ export declare const Default: Story<DocumentationPopoverProps>;
@@ -0,0 +1,22 @@
1
+ import React from 'react';
2
+ import { CardProps } from '@mui/material';
3
+ export declare type InfoCardProps = {
4
+ title: string;
5
+ subtitle?: string;
6
+ /**
7
+ * The content action section aka. card footer.
8
+ */
9
+ actions?: React.ReactNode;
10
+ /**
11
+ * The content of the header action, usually an icon with a close event.
12
+ */
13
+ headerAction?: React.ReactNode;
14
+ /**
15
+ * The Card's title typography variant.
16
+ */
17
+ titleVariant?: 'h2' | 'h3' | 'overline';
18
+ } & Omit<CardProps, 'variant' | 'square' | 'raised'>;
19
+ /**
20
+ * Documentation: https://up-components.up42.dev/?path=/docs/patterns-infocard
21
+ */
22
+ export declare const InfoCard: ({ title, titleVariant, subtitle, children, actions, headerAction, ...props }: InfoCardProps) => JSX.Element;
@@ -0,0 +1,7 @@
1
+ import { Story, Meta } from '@storybook/react';
2
+ import { InfoCardProps } from './InfoCard';
3
+ declare const _default: Meta<import("@storybook/react").Args>;
4
+ export default _default;
5
+ export declare const Primary: Story<InfoCardProps>;
6
+ export declare const WithActions: Story<InfoCardProps>;
7
+ export declare const WithHeaderAction: Story<InfoCardProps>;
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ import { InfoCardProps } from '../InfoCard/InfoCard';
3
+ export declare type InfoPopoverProps = InfoCardProps & {
4
+ icon?: React.ElementType;
5
+ };
6
+ /**
7
+ * Documentation: https://up-components.up42.dev/?path=/docs/patterns-popovers-infopopover
8
+ */
9
+ export declare const InfoPopover: ({ id, icon: Icon, actions, title, children, sx, ...props }: InfoPopoverProps) => JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { Story, Meta } from '@storybook/react';
2
+ import { InfoPopoverProps } from './InfoPopover';
3
+ declare const _default: Meta<import("@storybook/react").Args>;
4
+ export default _default;
5
+ export declare const Simple: Story<InfoPopoverProps>;
6
+ export declare const Complex: Story<InfoPopoverProps>;
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { PopoverProps as MUIPopoverProps } from '@mui/material';
3
+ import { MUIGlobalOmit } from '@global/utils/types';
4
+ export declare type PopoverProps = MUIGlobalOmit<MUIPopoverProps>;
5
+ /**
6
+ * Documentation: https://up-components.up42.dev/?path=/docs/data-display-popover
7
+ */
8
+ export declare const Popover: ({ children, ...props }: PopoverProps) => JSX.Element;
@@ -0,0 +1,5 @@
1
+ import { Story, Meta } from '@storybook/react';
2
+ import { PopoverProps } from './Popover';
3
+ declare const _default: Meta<import("@storybook/react").Args>;
4
+ export default _default;
5
+ export declare const SimplePopover: Story<PopoverProps>;
@@ -1,6 +1,6 @@
1
- import ExternalLink from './external-link.svg';
2
- import Calendar from './calendar.svg';
3
- import Error from './error.svg';
4
- import Info from './info.svg';
5
- import Success from './success.svg';
6
- export { ExternalLink, Calendar, Error, Info, Success };
1
+ export { default as ExternalLink } from './external-link.svg';
2
+ export { default as Calendar } from './calendar.svg';
3
+ export { default as Error } from './error.svg';
4
+ export { default as Info } from './info.svg';
5
+ export { default as Success } from './success.svg';
6
+ export { default as Close } from './close.svg';
@@ -27,4 +27,9 @@ export { Modal, type ModalProps } from './components/Modal/Modal';
27
27
  export { Alert, type AlertProps } from './components/Alert/Alert';
28
28
  export { Banner, type BannerProps } from './components/Banner/Banner';
29
29
  export { Tooltip, type TooltipProps } from './components/Tooltip/Tooltip';
30
+ export { InfoCard, type InfoCardProps } from './components/InfoCard/InfoCard';
31
+ export { ControlButton, type ControlButtonProps } from './components/ControlButton/ControlButton';
32
+ export { Popover, type PopoverProps } from './components/Popover/Popover';
33
+ export { InfoPopover, type InfoPopoverProps } from './components/InfoPopover/InfoPopover';
34
+ export { DocumentationPopover, type DocumentationPopoverProps, } from './components/DocumentationPopover/DocumentationPopover';
30
35
  export { Table, TableBody, TableCell, TableHead, TableContainer, TableRow, TableFooter, TablePagination, TableSortLabel, type TableProps, type TableBodyProps, type TableCellProps, type TableHeadProps, type TableContainerProps, type TableRowProps, type TableFooterProps, type TablePaginationProps, type TableSortLabelProps, } from './components/Table/Table';
package/dist/index.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  export { default as tokens } from '@up42/design-system-tokens/dist/json/tokens.json';
3
3
  import * as _mui_material from '@mui/material';
4
- import { BoxProps as BoxProps$1, TextFieldProps, ChipProps as ChipProps$1, AvatarProps as AvatarProps$1, ContainerProps as ContainerProps$1, CheckboxProps as CheckboxProps$1, RadioProps as RadioProps$1, RadioGroupProps, SwitchProps as SwitchProps$1, SelectProps as SelectProps$1, LinkProps as LinkProps$1, TabsProps as TabsProps$1, TabProps as TabProps$1, ModalProps as ModalProps$1, AlertProps as AlertProps$1, TooltipProps as TooltipProps$1 } from '@mui/material';
4
+ import { BoxProps as BoxProps$1, TextFieldProps, ChipProps as ChipProps$1, AvatarProps as AvatarProps$1, ContainerProps as ContainerProps$1, CheckboxProps as CheckboxProps$1, RadioProps as RadioProps$1, RadioGroupProps, SwitchProps as SwitchProps$1, SelectProps as SelectProps$1, LinkProps as LinkProps$1, TabsProps as TabsProps$1, TabProps as TabProps$1, ModalProps as ModalProps$1, AlertProps as AlertProps$1, TooltipProps as TooltipProps$1, CardProps, IconButtonProps, PopoverProps as PopoverProps$1 } from '@mui/material';
5
5
  export * from '@mui/material';
6
6
  import { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';
7
7
  import React, { ReactNode, ElementType } from 'react';
@@ -350,6 +350,78 @@ declare type TooltipProps = Omit<TooltipProps$1, 'TransitionComponent' | 'Transi
350
350
  */
351
351
  declare const Tooltip: ({ children, ...props }: TooltipProps) => JSX.Element;
352
352
 
353
+ declare type InfoCardProps = {
354
+ title: string;
355
+ subtitle?: string;
356
+ /**
357
+ * The content action section aka. card footer.
358
+ */
359
+ actions?: React.ReactNode;
360
+ /**
361
+ * The content of the header action, usually an icon with a close event.
362
+ */
363
+ headerAction?: React.ReactNode;
364
+ /**
365
+ * The Card's title typography variant.
366
+ */
367
+ titleVariant?: 'h2' | 'h3' | 'overline';
368
+ } & Omit<CardProps, 'variant' | 'square' | 'raised'>;
369
+ /**
370
+ * Documentation: https://up-components.up42.dev/?path=/docs/patterns-infocard
371
+ */
372
+ declare const InfoCard: ({ title, titleVariant, subtitle, children, actions, headerAction, ...props }: InfoCardProps) => JSX.Element;
373
+
374
+ declare type ControlButtonProps = MUIGlobalOmit<IconButtonProps, {
375
+ size?: 'medium' | 'small';
376
+ /**
377
+ * Remove default padding when using icons with built-in padding (Like MUI icons)
378
+ */
379
+ removePadding?: boolean;
380
+ }>;
381
+ /**
382
+ * Documentation: https://up-components.up42.dev/?path=/data-entry-controlbutton--default
383
+ */
384
+ declare const ControlButton: ({ size, removePadding, children, ...props }: ControlButtonProps) => JSX.Element;
385
+
386
+ declare type PopoverProps = MUIGlobalOmit<PopoverProps$1>;
387
+ /**
388
+ * Documentation: https://up-components.up42.dev/?path=/docs/data-display-popover
389
+ */
390
+ declare const Popover: ({ children, ...props }: PopoverProps) => JSX.Element;
391
+
392
+ declare type InfoPopoverProps = InfoCardProps & {
393
+ icon?: React.ElementType;
394
+ };
395
+ /**
396
+ * Documentation: https://up-components.up42.dev/?path=/docs/patterns-popovers-infopopover
397
+ */
398
+ declare const InfoPopover: ({ id, icon: Icon, actions, title, children, sx, ...props }: InfoPopoverProps) => JSX.Element;
399
+
400
+ declare type DocumentationPopoverProps = {
401
+ heading: string;
402
+ /**
403
+ * The main content of the Popover.
404
+ */
405
+ content: string;
406
+ /**
407
+ * The label of the CTA button, usually *View Documentation*.
408
+ */
409
+ linkText?: string;
410
+ /**
411
+ * The link of the CTA button. A pathname relative to the documentation base URL.
412
+ * i.e: `/getting-started/workflows/catalog`
413
+ */
414
+ linkPath?: string;
415
+ /**
416
+ * Contentful entry ID.
417
+ */
418
+ contentfulId: string;
419
+ };
420
+ /**
421
+ * Documentation: https://up-components.up42.dev/?path=/docs/patterns-popovers-documentationpopover
422
+ */
423
+ declare const DocumentationPopover: ({ content, linkPath, linkText, heading, contentfulId, }: DocumentationPopoverProps) => JSX.Element;
424
+
353
425
  declare type TableProps = MUIGlobalOmit<TableProps$1>;
354
426
  declare const Table: ({ children, ...props }: TableProps) => JSX.Element;
355
427
  declare type TableBodyProps = MUIGlobalOmit<TableBodyProps$1>;
@@ -369,4 +441,4 @@ declare const TableSortLabel: ({ children, ...props }: TableSortLabelProps) => J
369
441
  declare type TableFooterProps = MUIGlobalOmit<TableFooterProps$1>;
370
442
  declare const TableFooter: ({ children, ...props }: TableFooterProps) => JSX.Element;
371
443
 
372
- export { Alert, AlertProps, Avatar, AvatarProps, Banner, BannerProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Chip, ChipProps, Container, ContainerProps, EmptyState, EmptyStateProps, FormCheckbox, FormCheckboxProps, FormInput, FormInputProps, FormRadio, FormRadioProps, FormSelect, FormSelectProps, FormSwitch, FormSwitchProps, Input, InputProps, Link, LinkProps, Modal, ModalProps, Radio, RadioProps, Select, SelectProps, Switch, SwitchProps, Tab, TabGroup, TabGroupProps, TabProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableSortLabel, TableSortLabelProps, Tabs, TabsProps, Tooltip, TooltipProps, Typography, TypographyProps, UpComponentsProvider, theme };
444
+ export { Alert, AlertProps, Avatar, AvatarProps, Banner, BannerProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Chip, ChipProps, Container, ContainerProps, ControlButton, ControlButtonProps, DocumentationPopover, DocumentationPopoverProps, EmptyState, EmptyStateProps, FormCheckbox, FormCheckboxProps, FormInput, FormInputProps, FormRadio, FormRadioProps, FormSelect, FormSelectProps, FormSwitch, FormSwitchProps, InfoCard, InfoCardProps, InfoPopover, InfoPopoverProps, Input, InputProps, Link, LinkProps, Modal, ModalProps, Popover, PopoverProps, Radio, RadioProps, Select, SelectProps, Switch, SwitchProps, Tab, TabGroup, TabGroupProps, TabProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableSortLabel, TableSortLabelProps, Tabs, TabsProps, Tooltip, TooltipProps, Typography, TypographyProps, UpComponentsProvider, theme };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@up42/up-components",
3
- "version": "0.3.5",
3
+ "version": "0.3.6",
4
4
  "description": "UP42 Component Library",
5
5
  "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
6
6
  "license": "ISC",
@@ -24,7 +24,8 @@
24
24
  "prepare": "husky install"
25
25
  },
26
26
  "dependencies": {
27
- "@up42/design-system-tokens": "^3.0.0"
27
+ "@up42/design-system-tokens": "^3.0.0",
28
+ "react-markdown": "^8.0.3"
28
29
  },
29
30
  "devDependencies": {
30
31
  "@babel/core": "^7.16.10",