@up42/up-components 0.3.3 → 0.3.4

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.
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),z=E(t),C=v(o),k=v(n),T=v(a),S=v(l),O=v(i),M=v(c),F=v(d),P=v(u),B=v(f),q=v(s),j=v(m),I=v(p),L=v(g),R=v(h),W=v(b),H=v(x),A=v(y),Z={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"}}},$=function(){return $=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},$.apply(this,arguments)};function D(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 N={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:Z.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:Z.size.spacing.scale8}},colorDefault:{backgroundColor:Z.color.gray10,color:Z.color.gray60},colorPrimary:{backgroundColor:Z.color.indigo10,color:Z.color.indigo80},colorSecondary:{backgroundColor:Z.color.pink10,color:Z.color.pink80},colorError:{backgroundColor:Z.color.red10,color:Z.color.error},colorInfo:{backgroundColor:Z.color.indigo10,color:Z.color.indigo80},colorSuccess:{backgroundColor:Z.color.green10,color:Z.color.green80}}},G={h1:{fontFamily:Z.font.family.heading,fontSize:Z.size.font.heading.default,fontWeight:Z.font.weight.bold,lineHeight:Z.font.lineHeight.xlarge},h2:{fontFamily:Z.font.family.heading,fontSize:Z.size.font.heading.small,fontWeight:Z.font.weight.bold,lineHeight:Z.font.lineHeight.xlarge},h3:{fontFamily:Z.font.family.heading,fontSize:Z.size.font.heading.xsmall,fontWeight:Z.font.weight.bold,lineHeight:Z.font.lineHeight.large},body1:{fontFamily:Z.font.family.text,fontSize:Z.size.font.body.default,fontWeight:Z.font.weight.normal,lineHeight:Z.font.lineHeight.large},body2:{fontFamily:Z.font.family.text,fontSize:Z.size.font.body.default,fontWeight:Z.font.weight.bold,lineHeight:Z.font.lineHeight.large},caption:{fontFamily:Z.font.family.text,fontSize:Z.size.font.caption.default,fontWeight:Z.font.weight.normal,lineHeight:Z.font.lineHeight.medium},overline:{fontFamily:Z.font.family.heading,fontSize:Z.size.font.overline.default,letterSpacing:"initial",fontWeight:Z.font.weight.bold,color:Z.color.gray60}},V={small:"".concat(Z.size.spacing.scale4," ").concat(Z.size.spacing.scale8),medium:"".concat(Z.size.spacing.scale8," ").concat(Z.size.spacing.scale16),large:"".concat(Z.size.spacing.scale16," ").concat(Z.size.spacing.scale32)},_={styleOverrides:{root:{textTransform:"none",lineHeight:Z.size.spacing.scale16,fontWeight:Z.font.weight.bold,fontFamily:Z.font.family.text},contained:{padding:V.medium,color:Z.color.gray0},containedSuccess:{backgroundColor:Z.color.green60},containedSizeSmall:{padding:V.small},containedSizeLarge:{padding:V.large},text:{padding:V.medium},textSizeSmall:{padding:V.small},textSizeLarge:{padding:V.large},outlined:{padding:"7px ".concat(Z.size.spacing.scale16)},outlinedSizeSmall:{padding:V.small},outlinedSizeLarge:{padding:V.large},sizeSmall:{fontSize:Z.size.font.label.default},sizeLarge:{fontSize:Z.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:Z.color.gray60,backgroundColor:Z.color.background.dark},sizeSmall:{padding:"3px"}}},U={styleOverrides:{root:{fontFamily:Z.font.family.text,fontSize:Z.size.font.label.default,fontWeight:Z.font.weight.bold,width:Z.size.spacing.scale24,height:Z.size.spacing.scale24,"& .MuiSvgIcon-root":{width:Z.size.spacing.scale16}},colorDefault:{backgroundColor:Z.color.background.dark,"& .MuiSvgIcon-root":{color:Z.color.gray60}}}},K={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:Z.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:Z.color.primary},"&$disabled":{opacity:.5}}}},J={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:Z.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},Q={styleOverrides:{root:{marginRight:16},colorSecondary:{color:Z.color.gray0,"&$checked":{color:Z.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:Z.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:Z.color.background.light,border:"2px solid ".concat(Z.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:Z.color.primary,border:"2px solid ".concat(Z.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},Y={styleOverrides:{root:{"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(Z.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:Z.size.spacing.scale16,height:Z.size.spacing.scale16}}}}},ee={styleOverrides:{input:{"&.Mui-disabled":{backgroundColor:Z.color.background.dark,color:Z.color.text.light}}},defaultProps:{size:"small"}},te={styleOverrides:{outlined:{notchedOutline:{borderColor:Z.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:Z.size.spacing.scale8,marginLeft:0}}}},oe={styleOverrides:{root:{fontSize:Z.size.font.base,color:Z.color.text.base}}},ne={styleOverrides:{root:{borderBottom:"1px solid ".concat(Z.color.gray20)},indicator:{backgroundColor:Z.color.primary}}},ae={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(Z.size.spacing.scale16),fontFamily:Z.font.family.text,color:Z.color.gray60,padding:"0 0 ".concat(Z.size.spacing.scale16," 0"),"&:hover":{color:Z.color.primary,opacity:1},"&$selected":{color:Z.color.primary},"&:focus":{color:Z.color.primary}}},defaultProps:{disableRipple:!0}},le={styleOverrides:{root:{fontWeight:Z.font.weight.normal}}},ie={styleOverrides:{root:{fontWeight:Z.font.weight.normal},head:{fontWeight:Z.font.weight.bold}}},ce={styleOverrides:{root:{borderTop:"1px solid ".concat(Z.color.border.default)}}},de={styleOverrides:{root:{borderBottom:"none","& .MuiIconButton-root":{backgroundColor:"transparent"}},selectLabel:{fontWeight:Z.font.weight.normal,fontSize:Z.size.font.caption.default},displayedRows:{fontWeight:Z.font.weight.normal,fontSize:Z.size.font.caption.default}}},ue=function(e){var t;return(t={})[{error:"&-standardError",success:"&-standardSuccess",info:"&-standardInfo"}[e]]={"& .MuiAlertTitle-root":{color:Z.color["success"===e?"green60":e],fontFamily:Z.font.family.heading,lineHeight:Z.font.lineHeight.medium,fontWeight:Z.font.weight.bold,fontSize:Z.size.font.caption.default}},t},fe={fontSize:Z.size.font.caption.default,lineHeight:Z.font.lineHeight.medium,fontWeight:Z.font.weight.normal},se={styleOverrides:{root:$($({width:328,borderRadius:6,backgroundColor:Z.color.gray0,boxShadow:"0px 8px 16px rgba(18, 19, 21, 0.08)",color:Z.color.text.light,padding:"".concat(Z.size.spacing.scale8," ").concat(Z.size.spacing.scale16)},fe),{"& p, & span":$({},fe),"& .MuiAlert-action":{button:{width:Z.size.spacing.scale16,height:Z.size.spacing.scale16,backgroundColor:Z.color.background.light},svg:{width:14,height:14,fill:Z.color.gray60}},"&.MuiAlert":$($($({},ue("error")),ue("success")),ue("info"))}),icon:{svg:{width:20,height:20}}}};Z.size.font.body.default,Z.font.family.text,Z.color.gray100,Z.size.font.caption.default;var me,pe,ge,he,be={styleOverrides:{root:{fontWeight:Z.font.weight.bold,lineHeight:Z.font.lineHeight.medium,fontFamily:Z.font.family.text,fontSize:Z.size.font.caption.default,color:Z.color.text.base,marginBottom:Z.size.spacing.scale8}}},xe=e.createTheme({typography:$({},G),palette:{background:{default:"#ffffff"},primary:{main:Z.color.primary},secondary:{main:Z.color.secondary},error:{main:Z.color.error},info:{main:Z.color.info},success:{main:Z.color.success}},components:{MuiButton:_,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiIconButton:X,MuiChip:N,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.children,r=D(e,["children"]);return w.default.createElement(k.default,$({},r),t)},Ee={small:6,medium:8,large:12,fluid:12},we=function(t){var r=t.children,o=D(t,["children"]);return w.default.createElement(e.Box,$({},o),r)},ze=function(t){var r=D(t,[]);return w.default.createElement(e.Checkbox,$({},r))},Ce=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:Z.font.weight.normal,color:Z.color.text.light}},"(optional)"))},ke=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=D(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(Ce,{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(ze,$({color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)}},s))})}))),d&&w.default.createElement(e.FormHelperText,{error:d},u))},Te=w.default.forwardRef((function(e,t){return w.default.createElement(ke,$({inputRef:t},e))})),Se=function(t){return w.default.createElement(e.Radio,$({},t))},Oe=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=D(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(Ce,{label:c,required:o,htmlFor:r}),w.default.createElement(e.RadioGroup,$({},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(Se,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)},inputRef:s})}),l&&w.default.createElement(ve,{variant:"caption",marginLeft:Z.size.spacing.scale24,color:Z.color.text.light,mb:1},l))}))),d&&f&&w.default.createElement(e.FormHelperText,{error:d},f))},Me=w.default.forwardRef((function(e,t){return w.default.createElement(Oe,$({inputRef:t},e))})),Fe=function(t){return w.default.createElement(e.Switch,$({},t))},Pe=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=D(t,["component","disabled","label","error","sx"]);return w.default.createElement(e.FormControl,{component:o,error:l,disabled:n,sx:$({mb:2},i)},w.default.createElement(e.FormLabel,{component:"label"},a),w.default.createElement(Fe,$({},c)))},Be=w.default.forwardRef((function(e,t){return w.default.createElement(Pe,$({inputRef:t},e))})),qe=function(t){return w.default.createElement(e.Select,$({variant:"outlined"},t))},je=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=D(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(Ce,{label:i,required:o,htmlFor:r}),w.default.createElement(qe,$({},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))},Ie=w.default.forwardRef((function(e,t){return w.default.createElement(je,$({inputRef:t},e))})),Le=function(r){var o=r.type,n=D(r,["type"]),a=t.useState(!1),l=a[0],i=a[1],c=$($({},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,$({},n,{type:l?"text":o,InputProps:c}))},Re=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=D(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(Ce,{label:i,required:a,htmlFor:r}),w.default.createElement(Le,$({},f,{id:r,error:c,inputProps:{"data-testid":r},disabled:l,helperText:d})))},We=w.default.forwardRef((function(e,t){return w.default.createElement(Re,$({inputRef:t},e))}));function He(){return He=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},He.apply(this,arguments)}var Ae,Ze,$e=function(e){return z.createElement("svg",He({viewBox:"0 0 24 24"},e),he||(he=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 De(){return De=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},De.apply(this,arguments)}var Ne,Ge,Ve=function(e){return z.createElement("svg",De({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),Ae||(Ae=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"})),Ze||(Ze=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 _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 Xe,Ue,Ke=function(e){return z.createElement("svg",_e({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),Ne||(Ne=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"})),Ge||(Ge=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 Je(){return Je=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},Je.apply(this,arguments)}var Qe=function(e){return z.createElement("svg",Je({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),Xe||(Xe=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"})),Ue||(Ue=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"})))},Ye=function(t){var r=t.children,o=D(t,["children"]);return w.default.createElement(e.Tabs,$({},o),r)},et=function(t){var r=t.children,o=D(t,["children"]);return w.default.createElement(e.Tab,$({},o),r)},tt=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(we,{role:"tabpanel",hidden:o!==n,id:a},t)};exports.Alert=function(t){var r=t.type,o=void 0===r?"success":r,n=t.title,a=t.children,l=D(t,["type","title","children"]);return w.default.createElement(e.Alert,$({},l,{severity:o,iconMapping:{info:w.default.createElement(e.SvgIcon,{component:Ke,sx:{color:Z.color.primary}}),success:w.default.createElement(e.SvgIcon,{component:Qe,sx:{color:Z.color.green60}}),error:w.default.createElement(e.SvgIcon,{component:Ve,sx:{color:Z.color.error}})}}),n&&w.default.createElement(e.AlertTitle,null,e.capitalize(n)),a)},exports.Avatar=function(t){var r=t.icon,o=t.firstName,n=void 0===o?"":o,a=t.lastName,l=void 0===a?"":a,i=D(t,["icon","firstName","lastName"]),c="".concat(n.substring(0,1)).concat(l.substring(0,1)).toLocaleUpperCase(),d=c?Z.color.secondary:Z.color.background.dark;return w.default.createElement(e.Avatar,$({sx:$({backgroundColor:d},i.sx)},i),c||r)},exports.Box=we,exports.Button=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=D(e,["color","variant","size","loading","children"]);return w.default.createElement(C.default,$({size:l,variant:n,color:r,disabled:i},d),w.default.createElement("span",{style:{opacity:i?0:1}},c),i&&w.default.createElement(ye,{size:20,color:"inherit"}))},exports.Checkbox=ze,exports.Chip=function(t){var r=t.label,o=D(t,["label"]);return w.default.createElement(e.Chip,$({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=D(t,["component","size","children"]),c="fluid"===a;return w.default.createElement(e.Container,$({component:o,disableGutters:c,maxWidth:!c&&"lg",sx:$({display:"flex",justifyContent:"center"},i.sx)},i),w.default.createElement(e.Grid,{container:!0,justifyContent:"center"},w.default.createElement(e.Grid,{item:!0,md:Ee[a]},l)))},exports.EmptyState=function(t){var r=t.icon,o=t.title,n=t.subTitle,a=t.action,l=D(t,["icon","title","subTitle","action"]);return w.default.createElement(e.Box,$({p:4,display:"flex",flexDirection:"column",alignItems:"center"},l),w.default.createElement(e.SvgIcon,{component:null!=r?r:F.default,sx:{marginBottom:Z.size.spacing.scale24,fontSize:Z.size.spacing.scale104,color:Z.color.gray20}}),w.default.createElement(ve,{variant:"h1",component:"span",mb:2},o),w.default.createElement(ve,{variant:"body1",color:Z.color.gray60,mb:3},n),a)},exports.FormCheckbox=Te,exports.FormInput=We,exports.FormRadio=Me,exports.FormSelect=Ie,exports.FormSwitch=Be,exports.Input=Le,exports.Link=function(t){var r,o=t.children,n=t.underline,a=void 0===n?"hover":n,l=t.toParentNavigation,i=D(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,$({},d,i,{onClick:function(){return e=l,void window.parent.postMessage({type:"NAVIGATION",content:e},"*");var e}}),o):w.default.createElement(e.Link,$({},d,c&&{target:"_blank",rel:"noopener noreferrer"},i),o,c&&w.default.createElement(e.SvgIcon,{component:$e,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=D(t,["title","subtitle","children","actions","open","maxWidth","onClose"]);return w.default.createElement(e.Modal,$({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=Se,exports.Select=qe,exports.Switch=Fe,exports.Tab=et,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(Ye,$({},a,{value:i,onChange:function(e,t){c(t)}}),r.map((function(e,t){return w.default.createElement(et,{key:"".concat(d,"tab-").concat(t),label:e.label,"aria-controls":"".concat(d,"panel-").concat(t)})}))),w.default.createElement(we,$({},n),r.map((function(e,t){var r="".concat(d,"panel-").concat(t);return w.default.createElement(tt,{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=D(e,["children"]);return w.default.createElement(B.default,$({},r),t)},exports.TableBody=function(e){var t=e.children,r=D(e,["children"]);return w.default.createElement(q.default,$({},r),t)},exports.TableCell=function(e){var t=e.children,r=D(e,["children"]);return w.default.createElement(j.default,$({},r),t)},exports.TableContainer=function(e){var t=e.children,r=D(e,["children"]);return w.default.createElement(I.default,$({},r),t)},exports.TableFooter=function(e){var t=e.children,r=D(e,["children"]);return w.default.createElement(A.default,$({},r),t)},exports.TableHead=function(e){var t=e.children,r=D(e,["children"]);return w.default.createElement(L.default,$({},r),t)},exports.TablePagination=function(e){var t=D(e,[]);return w.default.createElement(W.default,$({},t))},exports.TableRow=function(e){var t=e.children,r=D(e,["children"]);return w.default.createElement(R.default,$({},r),t)},exports.TableSortLabel=function(e){var t=e.children,r=D(e,["children"]);return w.default.createElement(H.default,$({},r),t)},exports.Tabs=Ye,exports.Typography=ve,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=Z,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"),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"),s=require("@mui/material/Table"),f=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(s),j=v(f),L=v(m),q=v(p),I=v(g),R=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},se={fontSize:D.size.font.caption.default,lineHeight:D.font.lineHeight.medium,fontWeight:D.font.weight.normal},fe={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)},se),{"& p, & span":Z({},se),"& .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:fe,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.children,r=N(e,["children"]);return w.default.createElement(C.default,Z({},r),t)},Ee={small:6,medium:8,large:12,fluid:12},we=function(t){var r=t.children,o=N(t,["children"]);return w.default.createElement(e.Box,Z({},o),r)},ke=function(t){var r=N(t,[]);return w.default.createElement(e.Checkbox,Z({},r))},ze=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)"))},Ce=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,s=t.sx,f=N(t,["id","label","required","component","disabled","data","error","helperText","sx"]);return w.default.createElement(e.FormControl,{component:l,error:d,disabled:i,sx:s},w.default.createElement(ze,{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(ke,Z({color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)}},f))})}))),d&&w.default.createElement(e.FormHelperText,{error:d},u))},Te=w.default.forwardRef((function(e,t){return w.default.createElement(Ce,Z({inputRef:t},e))})),Se=function(t){return w.default.createElement(e.Radio,Z({},t))},Oe=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,s=t.helperText,f=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(ze,{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(Se,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)},inputRef:f})}),l&&w.default.createElement(ve,{variant:"caption",marginLeft:D.size.spacing.scale24,color:D.color.text.light,mb:1},l))}))),d&&s&&w.default.createElement(e.FormHelperText,{error:d},s))},Me=w.default.forwardRef((function(e,t){return w.default.createElement(Oe,Z({inputRef:t},e))})),Fe=function(t){return w.default.createElement(e.Switch,Z({},t))},Pe=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(Fe,Z({},c)))},Be=w.default.forwardRef((function(e,t){return w.default.createElement(Pe,Z({inputRef:t},e))})),je=function(t){return w.default.createElement(e.Select,Z({variant:"outlined"},t))},Le=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,s=t.options,f=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(ze,{label:i,required:o,htmlFor:r}),w.default.createElement(je,Z({},f,{error:c,inputProps:{id:r,"data-testid":r}}),s.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))},qe=w.default.forwardRef((function(e,t){return w.default.createElement(Le,Z({inputRef:t},e))})),Ie=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}))},Re=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,s=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(ze,{label:i,required:a,htmlFor:r}),w.default.createElement(Ie,Z({},s,{id:r,error:c,inputProps:{"data-testid":r},disabled:l,helperText:d})))},We=w.default.forwardRef((function(e,t){return w.default.createElement(Re,Z({inputRef:t},e))}));function He(){return He=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},He.apply(this,arguments)}var Ae,De,Ze=function(e){return k.createElement("svg",He({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 Ne(){return Ne=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},Ne.apply(this,arguments)}var $e,_e,Ge=function(e){return k.createElement("svg",Ne({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),Ae||(Ae=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"})),De||(De=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 Ve(){return Ve=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},Ve.apply(this,arguments)}var Xe,Ue,Ke=function(e){return k.createElement("svg",Ve({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),$e||($e=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"})),_e||(_e=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 Je(){return Je=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},Je.apply(this,arguments)}var Qe=function(e){return k.createElement("svg",Je({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),Xe||(Xe=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"})),Ue||(Ue=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"})))},Ye=function(t){var r=t.children,o=N(t,["children"]);return w.default.createElement(e.Tabs,Z({},o),r)},et=function(t){var r=t.children,o=N(t,["children"]);return w.default.createElement(e.Tab,Z({},o),r)},tt=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(we,{role:"tabpanel",hidden:o!==n,id:a},t)},rt=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:Ke,sx:{color:D.color.primary}}),success:w.default.createElement(e.SvgIcon,{component:Qe,sx:{color:D.color.green60}}),error:w.default.createElement(e.SvgIcon,{component:Ge,sx:{color:D.color.error}})}}),r)},ot={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(rt,Z({severity:o},l),n&&w.default.createElement(e.AlertTitle,null,e.capitalize(n)),a)},exports.Avatar=function(t){var r=t.icon,o=t.firstName,n=void 0===o?"":o,a=t.lastName,l=void 0===a?"":a,i=N(t,["icon","firstName","lastName"]),c="".concat(n.substring(0,1)).concat(l.substring(0,1)).toLocaleUpperCase(),d=c?D.color.secondary:D.color.background.dark;return w.default.createElement(e.Avatar,Z({sx:Z({backgroundColor:d},i.sx)},i),c||r)},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,s=N(t,["type","variant","title","onDismiss","children","actionLabel","actionProps"]),f=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(rt,Z({},s,{severity:o,sx:Z(Z({},s.sx),{backgroundColor:ot.background[o],boxShadow:"initial",width:"initial",py:f.padding.py,justifyContent:f.position.justifyContent,".MuiAlert-icon":Z(Z({},f.position),{mr:1,svg:{width:16,height:16}}),".MuiAlert-message":Z({},f.position),".MuiAlertTitle-root":Z({},f.margin),".banner-content":Z(Z({},f.position),{"&__message":Z({},f.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:ot.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=we,exports.Button=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=N(e,["color","variant","size","loading","children"]);return w.default.createElement(z.default,Z({size:l,variant:n,color:r,disabled:i},d),w.default.createElement("span",{style:{opacity:i?0:1}},c),i&&w.default.createElement(ye,{size:20,color:"inherit"}))},exports.Checkbox=ke,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:Ee[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(ve,{variant:"h1",component:"span",mb:2},o),w.default.createElement(ve,{variant:"body1",color:D.color.gray60,mb:3},n),a)},exports.FormCheckbox=Te,exports.FormInput=We,exports.FormRadio=Me,exports.FormSelect=qe,exports.FormSwitch=Be,exports.Input=Ie,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:Ze,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=Se,exports.Select=je,exports.Switch=Fe,exports.Tab=et,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(Ye,Z({},a,{value:i,onChange:function(e,t){c(t)}}),r.map((function(e,t){return w.default.createElement(et,{key:"".concat(d,"tab-").concat(t),label:e.label,"aria-controls":"".concat(d,"panel-").concat(t)})}))),w.default.createElement(we,Z({},n),r.map((function(e,t){var r="".concat(d,"panel-").concat(t);return w.default.createElement(tt,{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(j.default,Z({},r),t)},exports.TableCell=function(e){var t=e.children,r=N(e,["children"]);return w.default.createElement(L.default,Z({},r),t)},exports.TableContainer=function(e){var t=e.children,r=N(e,["children"]);return w.default.createElement(q.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(I.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(R.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=Ye,exports.Typography=ve,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,8 +1,10 @@
1
1
  /// <reference types="react" />
2
- import { AlertProps as MUIALertProps, AlertColor } from '@mui/material';
2
+ import { AlertProps as MUIALertProps } from '@mui/material';
3
+ export declare type AlertColor = 'info' | 'error' | 'success';
3
4
  export declare type AlertProps = Omit<MUIALertProps, 'color' | 'elevation' | 'iconMapping' | 'severity' | 'square' | 'variant' | 'action'> & {
4
5
  type?: AlertColor;
5
6
  };
7
+ export declare const AlertBase: ({ children, ...props }: MUIALertProps) => JSX.Element;
6
8
  /**
7
9
  * Documentation: https://up-components.up42.dev/?path=/docs/feedback-alert
8
10
  */
@@ -0,0 +1,30 @@
1
+ /// <reference types="react" />
2
+ import { ButtonProps } from '../Button/Button';
3
+ import { AlertProps } from '../Alert/Alert';
4
+ export declare type BannerProps = {
5
+ /**
6
+ * Call To Action label
7
+ * */
8
+ actionLabel?: string;
9
+ /**
10
+ * Call To Action button props
11
+ * */
12
+ actionProps?: ButtonProps;
13
+ /**
14
+ * ### Stacked
15
+ * Stacked banners are contextual and should be placed within the page content.
16
+ *
17
+ * ### Inline
18
+ * Inline banners can be displayed prominently at the top of the screen (below the navigation) or contextually within the page content. Inline banners can be global or page specific.
19
+ */
20
+ variant?: 'stacked' | 'inline';
21
+ /**
22
+ * Callback fired when the Banner requests to be dismissed.
23
+ */
24
+ onDismiss?: ButtonProps['onClick'];
25
+ title: string;
26
+ } & Omit<AlertProps, 'title' | 'closeText' | 'icon' | 'role' | 'onClose'>;
27
+ /**
28
+ * Documentation: https://up-components.up42.dev/?path=/docs/feedback-banner
29
+ */
30
+ export declare const Banner: ({ type, variant, title, onDismiss, children, actionLabel, actionProps, ...props }: BannerProps) => JSX.Element;
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import { Story, Meta } from '@storybook/react';
3
+ import { BannerProps } from './Banner';
4
+ declare const _default: Meta<import("@storybook/react").Args>;
5
+ export default _default;
6
+ export declare const Default: Story<BannerProps>;
7
+ export declare const Stacked: () => JSX.Element;
8
+ export declare const Dismissible: () => JSX.Element;
9
+ export declare const Inline: () => JSX.Element;
@@ -0,0 +1 @@
1
+ export {};
@@ -25,4 +25,5 @@ export { TabGroup, type TabGroupProps } from './components/TabGroup/TabGroup';
25
25
  export { EmptyState, type EmptyStateProps } from './components/EmptyState/EmptyState';
26
26
  export { Modal, type ModalProps } from './components/Modal/Modal';
27
27
  export { Alert, type AlertProps } from './components/Alert/Alert';
28
+ export { Banner, type BannerProps } from './components/Banner/Banner';
28
29
  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 z,Tab as w,Modal as k,Fade as S,Card as C,CardContent as T,Typography as O,IconButton as M,Divider as F,Alert as P,AlertTitle as W,capitalize as R}from"@mui/material";export*from"@mui/material";import*as L from"react";import B,{useState as I}from"react";import{ThemeProvider as j,styled as H}from"@mui/material/styles";import A from"@mui/material/Button";import q from"@mui/material/Typography";import Z from"@mui/material/InputAdornment";import $ from"@mui/material/IconButton";import N from"@mui/icons-material/VisibilityOutlined";import V from"@mui/icons-material/VisibilityOffOutlined";import D from"@mui/icons-material/InfoOutlined";import X from"@mui/icons-material/Close";import G from"@mui/material/Table";import K from"@mui/material/TableBody";import U from"@mui/material/TableCell";import _ from"@mui/material/TableContainer";import J from"@mui/material/TableHead";import Q from"@mui/material/TableRow";import Y from"@mui/material/TablePagination";import ee from"@mui/material/TableSortLabel";import re from"@mui/material/TableFooter";var te={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"}}},oe=function(){return oe=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},oe.apply(this,arguments)};function ne(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 ie={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:te.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:te.size.spacing.scale8}},colorDefault:{backgroundColor:te.color.gray10,color:te.color.gray60},colorPrimary:{backgroundColor:te.color.indigo10,color:te.color.indigo80},colorSecondary:{backgroundColor:te.color.pink10,color:te.color.pink80},colorError:{backgroundColor:te.color.red10,color:te.color.error},colorInfo:{backgroundColor:te.color.indigo10,color:te.color.indigo80},colorSuccess:{backgroundColor:te.color.green10,color:te.color.green80}}},ae={h1:{fontFamily:te.font.family.heading,fontSize:te.size.font.heading.default,fontWeight:te.font.weight.bold,lineHeight:te.font.lineHeight.xlarge},h2:{fontFamily:te.font.family.heading,fontSize:te.size.font.heading.small,fontWeight:te.font.weight.bold,lineHeight:te.font.lineHeight.xlarge},h3:{fontFamily:te.font.family.heading,fontSize:te.size.font.heading.xsmall,fontWeight:te.font.weight.bold,lineHeight:te.font.lineHeight.large},body1:{fontFamily:te.font.family.text,fontSize:te.size.font.body.default,fontWeight:te.font.weight.normal,lineHeight:te.font.lineHeight.large},body2:{fontFamily:te.font.family.text,fontSize:te.size.font.body.default,fontWeight:te.font.weight.bold,lineHeight:te.font.lineHeight.large},caption:{fontFamily:te.font.family.text,fontSize:te.size.font.caption.default,fontWeight:te.font.weight.normal,lineHeight:te.font.lineHeight.medium},overline:{fontFamily:te.font.family.heading,fontSize:te.size.font.overline.default,letterSpacing:"initial",fontWeight:te.font.weight.bold,color:te.color.gray60}},le={small:"".concat(te.size.spacing.scale4," ").concat(te.size.spacing.scale8),medium:"".concat(te.size.spacing.scale8," ").concat(te.size.spacing.scale16),large:"".concat(te.size.spacing.scale16," ").concat(te.size.spacing.scale32)},ce={styleOverrides:{root:{textTransform:"none",lineHeight:te.size.spacing.scale16,fontWeight:te.font.weight.bold,fontFamily:te.font.family.text},contained:{padding:le.medium,color:te.color.gray0},containedSuccess:{backgroundColor:te.color.green60},containedSizeSmall:{padding:le.small},containedSizeLarge:{padding:le.large},text:{padding:le.medium},textSizeSmall:{padding:le.small},textSizeLarge:{padding:le.large},outlined:{padding:"7px ".concat(te.size.spacing.scale16)},outlinedSizeSmall:{padding:le.small},outlinedSizeLarge:{padding:le.large},sizeSmall:{fontSize:te.size.font.label.default},sizeLarge:{fontSize:te.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"}}}},de={styleOverrides:{root:{color:te.color.gray60,backgroundColor:te.color.background.dark},sizeSmall:{padding:"3px"}}},se={styleOverrides:{root:{fontFamily:te.font.family.text,fontSize:te.size.font.label.default,fontWeight:te.font.weight.bold,width:te.size.spacing.scale24,height:te.size.spacing.scale24,"& .MuiSvgIcon-root":{width:te.size.spacing.scale16}},colorDefault:{backgroundColor:te.color.background.dark,"& .MuiSvgIcon-root":{color:te.color.gray60}}}},me={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:te.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:te.color.primary},"&$disabled":{opacity:.5}}}},fe={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:te.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},ue={styleOverrides:{root:{marginRight:16},colorSecondary:{color:te.color.gray0,"&$checked":{color:te.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:te.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:te.color.background.light,border:"2px solid ".concat(te.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:te.color.primary,border:"2px solid ".concat(te.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},pe={styleOverrides:{root:{"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(te.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:te.size.spacing.scale16,height:te.size.spacing.scale16}}}}},ge={styleOverrides:{input:{"&.Mui-disabled":{backgroundColor:te.color.background.dark,color:te.color.text.light}}},defaultProps:{size:"small"}},he={styleOverrides:{outlined:{notchedOutline:{borderColor:te.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}},be={styleOverrides:{root:{width:"100%","& .MuiFormHelperText-root":{marginTop:te.size.spacing.scale8,marginLeft:0}}}},ye={styleOverrides:{root:{fontSize:te.size.font.base,color:te.color.text.base}}},ve={styleOverrides:{root:{borderBottom:"1px solid ".concat(te.color.gray20)},indicator:{backgroundColor:te.color.primary}}},xe={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(te.size.spacing.scale16),fontFamily:te.font.family.text,color:te.color.gray60,padding:"0 0 ".concat(te.size.spacing.scale16," 0"),"&:hover":{color:te.color.primary,opacity:1},"&$selected":{color:te.color.primary},"&:focus":{color:te.color.primary}}},defaultProps:{disableRipple:!0}},Ee={styleOverrides:{root:{fontWeight:te.font.weight.normal}}},ze={styleOverrides:{root:{fontWeight:te.font.weight.normal},head:{fontWeight:te.font.weight.bold}}},we={styleOverrides:{root:{borderTop:"1px solid ".concat(te.color.border.default)}}},ke={styleOverrides:{root:{borderBottom:"none","& .MuiIconButton-root":{backgroundColor:"transparent"}},selectLabel:{fontWeight:te.font.weight.normal,fontSize:te.size.font.caption.default},displayedRows:{fontWeight:te.font.weight.normal,fontSize:te.size.font.caption.default}}},Se=function(e){var r;return(r={})[{error:"&-standardError",success:"&-standardSuccess",info:"&-standardInfo"}[e]]={"& .MuiAlertTitle-root":{color:te.color["success"===e?"green60":e],fontFamily:te.font.family.heading,lineHeight:te.font.lineHeight.medium,fontWeight:te.font.weight.bold,fontSize:te.size.font.caption.default}},r},Ce={fontSize:te.size.font.caption.default,lineHeight:te.font.lineHeight.medium,fontWeight:te.font.weight.normal},Te={styleOverrides:{root:oe(oe({width:328,borderRadius:6,backgroundColor:te.color.gray0,boxShadow:"0px 8px 16px rgba(18, 19, 21, 0.08)",color:te.color.text.light,padding:"".concat(te.size.spacing.scale8," ").concat(te.size.spacing.scale16)},Ce),{"& p, & span":oe({},Ce),"& .MuiAlert-action":{button:{width:te.size.spacing.scale16,height:te.size.spacing.scale16,backgroundColor:te.color.background.light},svg:{width:14,height:14,fill:te.color.gray60}},"&.MuiAlert":oe(oe(oe({},Se("error")),Se("success")),Se("info"))}),icon:{svg:{width:20,height:20}}}};te.size.font.body.default,te.font.family.text,te.color.gray100,te.size.font.caption.default;var Oe,Me,Fe,Pe,We={styleOverrides:{root:{fontWeight:te.font.weight.bold,lineHeight:te.font.lineHeight.medium,fontFamily:te.font.family.text,fontSize:te.size.font.caption.default,color:te.color.text.base,marginBottom:te.size.spacing.scale8}}},Re=e({typography:oe({},ae),palette:{background:{default:"#ffffff"},primary:{main:te.color.primary},secondary:{main:te.color.secondary},error:{main:te.color.error},info:{main:te.color.info},success:{main:te.color.success}},components:{MuiButton:ce,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiIconButton:de,MuiChip:ie,MuiInput:he,MuiInputBase:ge,MuiFormControl:be,MuiFormControlLabel:ye,MuiTextField:pe,MuiFormLabel:We,MuiTabs:ve,MuiTab:xe,MuiAvatar:se,MuiCheckbox:me,MuiRadio:fe,MuiSwitch:ue,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiTable:Ee,MuiTableCell:ze,MuiTableRow:{styleOverrides:{root:{"&:last-child td":{borderBottom:0}}}},MuiTableFooter:we,MuiTablePagination:ke,MuiAlert:Te,MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}}}}),Le=function(e){return B.createElement(B.Fragment,null,B.createElement(r,null),B.createElement(j,{theme:Re},e.children))},Be=H(t)(Fe||(Oe=["\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"],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"],Object.defineProperty?Object.defineProperty(Oe,"raw",{value:Me}):Oe.raw=Me,Fe=Oe)),Ie=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=ne(e,["color","variant","size","loading","children"]);return B.createElement(A,oe({size:a,variant:n,color:t,disabled:l},d),B.createElement("span",{style:{opacity:l?0:1}},c),l&&B.createElement(Be,{size:20,color:"inherit"}))},je=function(e){var r=e.children,t=ne(e,["children"]);return B.createElement(q,oe({},t),r)},He=function(e){var r=e.label,t=ne(e,["label"]);return B.createElement(o,oe({size:"small",label:r},t))},Ae=function(e){var r=e.icon,t=e.firstName,o=void 0===t?"":t,i=e.lastName,a=void 0===i?"":i,l=ne(e,["icon","firstName","lastName"]),c="".concat(o.substring(0,1)).concat(a.substring(0,1)).toLocaleUpperCase(),d=c?te.color.secondary:te.color.background.dark;return B.createElement(n,oe({sx:oe({backgroundColor:d},l.sx)},l),c||r)},qe={small:6,medium:8,large:12,fluid:12},Ze=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=ne(e,["component","size","children"]),d="fluid"===n;return B.createElement(i,oe({component:t,disableGutters:d,maxWidth:!d&&"lg",sx:oe({display:"flex",justifyContent:"center"},c.sx)},c),B.createElement(a,{container:!0,justifyContent:"center"},B.createElement(a,{item:!0,md:qe[n]},l)))},$e=function(e){var r=e.children,t=ne(e,["children"]);return B.createElement(l,oe({},t),r)},Ne=function(e){var r=ne(e,[]);return B.createElement(c,oe({},r))},Ve=function(e){var r=e.label,t=e.htmlFor,o=e.required,n=void 0===o||o;return B.createElement(d,{component:"label",htmlFor:t},r,!n&&B.createElement(l,{ml:1,component:"span",sx:{fontWeight:te.font.weight.normal,color:te.color.text.light}},"(optional)"))},De=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=ne(e,["id","label","required","component","disabled","data","error","helperText","sx"]);return B.createElement(s,{component:i,error:c,disabled:a,sx:p},B.createElement(Ve,{label:t,required:o,htmlFor:r}),B.createElement(m,null,l.map((function(e,t){var o=e.value,n=e.label;return B.createElement(f,{key:t,value:o,label:n||"",control:B.createElement(Ne,oe({color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(t)}},g))})}))),c&&B.createElement(u,{error:c},d))},Xe=B.forwardRef((function(e,r){return B.createElement(De,oe({inputRef:r},e))})),Ge=function(e){return B.createElement(p,oe({},e))},Ke=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=ne(e,["id","required","component","disabled","data","label","error","sx","helperText","inputRef"]);return B.createElement(s,{component:n,error:c,disabled:i,sx:d},B.createElement(Ve,{label:l,required:t,htmlFor:r}),B.createElement(g,oe({},h),a.map((function(e,t){var o=e.value,n=e.label,i=e.message;return B.createElement(B.Fragment,null,B.createElement(f,{value:o,key:o,label:n||"",control:B.createElement(Ge,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(t)},inputRef:p})}),i&&B.createElement(je,{variant:"caption",marginLeft:te.size.spacing.scale24,color:te.color.text.light,mb:1},i))}))),c&&m&&B.createElement(u,{error:c},m))},Ue=B.forwardRef((function(e,r){return B.createElement(Ke,oe({inputRef:r},e))})),_e=function(e){return B.createElement(h,oe({},e))},Je=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=ne(e,["component","disabled","label","error","sx"]);return B.createElement(s,{component:t,error:i,disabled:o,sx:oe({mb:2},a)},B.createElement(d,{component:"label"},n),B.createElement(_e,oe({},l)))},Qe=B.forwardRef((function(e,r){return B.createElement(Je,oe({inputRef:r},e))})),Ye=function(e){return B.createElement(b,oe({variant:"outlined"},e))},er=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=ne(e,["id","required","component","disabled","label","error","helperText","sx","options"]);return B.createElement(s,{component:n,error:l,disabled:i,sx:d},B.createElement(Ve,{label:a,required:t,htmlFor:r}),B.createElement(Ye,oe({},f,{error:l,inputProps:{id:r,"data-testid":r}}),m.map((function(e){return B.createElement(y,{key:e.value,value:e.value},e.text)}))),l&&c&&B.createElement(u,{error:l},c))},rr=B.forwardRef((function(e,r){return B.createElement(er,oe({inputRef:r},e))})),tr=function(e){var r=e.type,t=ne(e,["type"]),o=I(!1),n=o[0],i=o[1],a=oe(oe({},t.InputProps),"password"===r&&{endAdornment:B.createElement(Z,{position:"end"},B.createElement($,{"aria-label":"toggle password visibility",onClick:function(){return i(!n)},edge:"end"},n?B.createElement(N,null):B.createElement(V,null)))});return B.createElement(v,oe({},t,{type:n?"text":r,InputProps:a}))},or=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=ne(e,["id","component","required","disabled","label","error","helperText","sx"]);return B.createElement(s,{component:o,error:l,disabled:i,sx:d},B.createElement(Ve,{label:a,required:n,htmlFor:r}),B.createElement(tr,oe({},m,{id:r,error:l,inputProps:{"data-testid":r},disabled:i,helperText:c})))},nr=B.forwardRef((function(e,r){return B.createElement(or,oe({inputRef:r},e))}));function ir(){return ir=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},ir.apply(this,arguments)}var ar,lr,cr=function(e){return L.createElement("svg",ir({viewBox:"0 0 24 24"},e),Pe||(Pe=L.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 dr(){return dr=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},dr.apply(this,arguments)}var sr,mr,fr=function(e){return L.createElement("svg",dr({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),ar||(ar=L.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"})),lr||(lr=L.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 ur(){return ur=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},ur.apply(this,arguments)}var pr,gr,hr=function(e){return L.createElement("svg",ur({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),sr||(sr=L.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"})),mr||(mr=L.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 br(){return br=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},br.apply(this,arguments)}var yr=function(e){return L.createElement("svg",br({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),pr||(pr=L.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"})),gr||(gr=L.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"})))},vr=function(e){var r,t=e.children,o=e.underline,n=void 0===o?"hover":o,i=e.toParentNavigation,a=ne(e,["children","underline","toParentNavigation"]),l=null===(r=a.href)||void 0===r?void 0:r.startsWith("https"),c={underline:n};return i?B.createElement(x,oe({},c,a,{onClick:function(){return e=i,void window.parent.postMessage({type:"NAVIGATION",content:e},"*");var e}}),t):B.createElement(x,oe({},c,l&&{target:"_blank",rel:"noopener noreferrer"},a),t,l&&B.createElement(E,{component:cr,fontSize:"inherit",sx:{marginLeft:".25em"}}))},xr=function(e){var r=e.children,t=ne(e,["children"]);return B.createElement(z,oe({},t),r)},Er=function(e){var r=e.children,t=ne(e,["children"]);return B.createElement(w,oe({},t),r)},zr=function(e){var r=e.children,t=e.value,o=void 0===t?0:t,n=e.index,i=e.id;return B.createElement($e,{role:"tabpanel",hidden:o!==n,id:i},r)},wr=function(e){var r=e.tabs,t=e.nameSpace,o=e.tabContentProps,n=e.tabsProps,i=I(0),a=i[0],l=i[1],c=t?"".concat(t,"-"):"";return B.createElement(B.Fragment,null,B.createElement(xr,oe({},n,{value:a,onChange:function(e,r){l(r)}}),r.map((function(e,r){return B.createElement(Er,{key:"".concat(c,"tab-").concat(r),label:e.label,"aria-controls":"".concat(c,"panel-").concat(r)})}))),B.createElement($e,oe({},o),r.map((function(e,r){var t="".concat(c,"panel-").concat(r);return B.createElement(zr,{key:t,value:a,index:r,id:t,"aria-labelledby":"".concat(c,"tab-").concat(r)},e.content)}))))},kr=function(e){var r=e.icon,t=e.title,o=e.subTitle,n=e.action,i=ne(e,["icon","title","subTitle","action"]);return B.createElement(l,oe({p:4,display:"flex",flexDirection:"column",alignItems:"center"},i),B.createElement(E,{component:null!=r?r:D,sx:{marginBottom:te.size.spacing.scale24,fontSize:te.size.spacing.scale104,color:te.color.gray20}}),B.createElement(je,{variant:"h1",component:"span",mb:2},t),B.createElement(je,{variant:"body1",color:te.color.gray60,mb:3},o),n)},Sr=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=ne(e,["title","subtitle","children","actions","open","maxWidth","onClose"]);return B.createElement(k,oe({open:i,onClose:d,closeAfterTransition:!0,BackdropProps:{timeout:500}},s),B.createElement(S,{in:i},B.createElement(l,{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},B.createElement(C,{sx:{maxWidth:c,outline:"none"}},B.createElement(T,null,B.createElement(l,{display:"flex",justifyContent:"space-between",alignItems:"center"},B.createElement(O,{variant:"h2"},r),d&&B.createElement(M,{onClick:function(e){return d(e,"escapeKeyDown")},sx:{padding:"0"}},B.createElement(X,{sx:{fontSize:"16px"}}))),t&&B.createElement(l,null,B.createElement(O,{variant:"body1",color:"textSecondary"},t)),B.createElement(F,null),o,n&&B.createElement(B.Fragment,null,B.createElement(F,null),B.createElement(l,null,n)))))))},Cr=function(e){var r=e.type,t=void 0===r?"success":r,o=e.title,n=e.children,i=ne(e,["type","title","children"]);return B.createElement(P,oe({},i,{severity:t,iconMapping:{info:B.createElement(E,{component:hr,sx:{color:te.color.primary}}),success:B.createElement(E,{component:yr,sx:{color:te.color.green60}}),error:B.createElement(E,{component:fr,sx:{color:te.color.error}})}}),o&&B.createElement(W,null,R(o)),n)},Tr=function(e){var r=e.children,t=ne(e,["children"]);return B.createElement(G,oe({},t),r)},Or=function(e){var r=e.children,t=ne(e,["children"]);return B.createElement(K,oe({},t),r)},Mr=function(e){var r=e.children,t=ne(e,["children"]);return B.createElement(U,oe({},t),r)},Fr=function(e){var r=e.children,t=ne(e,["children"]);return B.createElement(_,oe({},t),r)},Pr=function(e){var r=e.children,t=ne(e,["children"]);return B.createElement(J,oe({},t),r)},Wr=function(e){var r=e.children,t=ne(e,["children"]);return B.createElement(Q,oe({},t),r)},Rr=function(e){var r=ne(e,[]);return B.createElement(Y,oe({},r))},Lr=function(e){var r=e.children,t=ne(e,["children"]);return B.createElement(ee,oe({},t),r)},Br=function(e){var r=e.children,t=ne(e,["children"]);return B.createElement(re,oe({},t),r)};export{Cr as Alert,Ae as Avatar,$e as Box,Ie as Button,Ne as Checkbox,He as Chip,Ze as Container,kr as EmptyState,Xe as FormCheckbox,nr as FormInput,Ue as FormRadio,rr as FormSelect,Qe as FormSwitch,tr as Input,vr as Link,Sr as Modal,Ge as Radio,Ye as Select,_e as Switch,Er as Tab,wr as TabGroup,Tr as Table,Or as TableBody,Mr as TableCell,Fr as TableContainer,Br as TableFooter,Pr as TableHead,Rr as TablePagination,Wr as TableRow,Lr as TableSortLabel,xr as Tabs,je as Typography,Le as UpComponentsProvider,Re as theme,te as tokens};
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 P,AlertTitle as F,capitalize as W,Alert as L,Button as R}from"@mui/material";export*from"@mui/material";import*as j from"react";import B,{useState as I}from"react";import{ThemeProvider as H,styled as A}from"@mui/material/styles";import q from"@mui/material/Button";import Z from"@mui/material/Typography";import N from"@mui/material/InputAdornment";import $ from"@mui/material/IconButton";import D from"@mui/icons-material/VisibilityOutlined";import V from"@mui/icons-material/VisibilityOffOutlined";import _ from"@mui/icons-material/InfoOutlined";import X from"@mui/icons-material/Close";import G from"@mui/material/Table";import K from"@mui/material/TableBody";import U from"@mui/material/TableCell";import J from"@mui/material/TableContainer";import Q from"@mui/material/TableHead";import Y from"@mui/material/TableRow";import ee from"@mui/material/TablePagination";import re from"@mui/material/TableSortLabel";import te from"@mui/material/TableFooter";var oe={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"}}},ne=function(){return ne=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},ne.apply(this,arguments)};function ie(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 ae={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:oe.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:oe.size.spacing.scale8}},colorDefault:{backgroundColor:oe.color.gray10,color:oe.color.gray60},colorPrimary:{backgroundColor:oe.color.indigo10,color:oe.color.indigo80},colorSecondary:{backgroundColor:oe.color.pink10,color:oe.color.pink80},colorError:{backgroundColor:oe.color.red10,color:oe.color.error},colorInfo:{backgroundColor:oe.color.indigo10,color:oe.color.indigo80},colorSuccess:{backgroundColor:oe.color.green10,color:oe.color.green80}}},le={h1:{fontFamily:oe.font.family.heading,fontSize:oe.size.font.heading.default,fontWeight:oe.font.weight.bold,lineHeight:oe.font.lineHeight.xlarge},h2:{fontFamily:oe.font.family.heading,fontSize:oe.size.font.heading.small,fontWeight:oe.font.weight.bold,lineHeight:oe.font.lineHeight.xlarge},h3:{fontFamily:oe.font.family.heading,fontSize:oe.size.font.heading.xsmall,fontWeight:oe.font.weight.bold,lineHeight:oe.font.lineHeight.large},body1:{fontFamily:oe.font.family.text,fontSize:oe.size.font.body.default,fontWeight:oe.font.weight.normal,lineHeight:oe.font.lineHeight.large},body2:{fontFamily:oe.font.family.text,fontSize:oe.size.font.body.default,fontWeight:oe.font.weight.bold,lineHeight:oe.font.lineHeight.large},caption:{fontFamily:oe.font.family.text,fontSize:oe.size.font.caption.default,fontWeight:oe.font.weight.normal,lineHeight:oe.font.lineHeight.medium},overline:{fontFamily:oe.font.family.heading,fontSize:oe.size.font.overline.default,letterSpacing:"initial",fontWeight:oe.font.weight.bold,color:oe.color.gray60}},ce={small:"".concat(oe.size.spacing.scale4," ").concat(oe.size.spacing.scale8),medium:"".concat(oe.size.spacing.scale8," ").concat(oe.size.spacing.scale16),large:"".concat(oe.size.spacing.scale16," ").concat(oe.size.spacing.scale32)},de={styleOverrides:{root:{textTransform:"none",lineHeight:oe.size.spacing.scale16,fontWeight:oe.font.weight.bold,fontFamily:oe.font.family.text,boxShadow:"none"},contained:{padding:ce.medium,color:oe.color.gray0},outlinedSuccess:{color:oe.color.green60},containedSuccess:{backgroundColor:oe.color.green60},containedSizeSmall:{padding:ce.small},containedSizeLarge:{padding:ce.large},text:{padding:ce.medium},textSizeSmall:{padding:ce.small},textSizeLarge:{padding:ce.large},outlined:{padding:"7px ".concat(oe.size.spacing.scale16)},outlinedSizeSmall:{padding:ce.small},outlinedSizeLarge:{padding:ce.large},sizeSmall:{fontSize:oe.size.font.label.default},sizeLarge:{fontSize:oe.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"}}}},se={styleOverrides:{root:{color:oe.color.gray60,backgroundColor:oe.color.background.dark},sizeSmall:{padding:"3px"}}},me={styleOverrides:{root:{fontFamily:oe.font.family.text,fontSize:oe.size.font.label.default,fontWeight:oe.font.weight.bold,width:oe.size.spacing.scale24,height:oe.size.spacing.scale24,"& .MuiSvgIcon-root":{width:oe.size.spacing.scale16}},colorDefault:{backgroundColor:oe.color.background.dark,"& .MuiSvgIcon-root":{color:oe.color.gray60}}}},fe={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:oe.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:oe.color.primary},"&$disabled":{opacity:.5}}}},ue={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:oe.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},pe={styleOverrides:{root:{marginRight:16},colorSecondary:{color:oe.color.gray0,"&$checked":{color:oe.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:oe.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:oe.color.background.light,border:"2px solid ".concat(oe.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:oe.color.primary,border:"2px solid ".concat(oe.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},ge={styleOverrides:{root:{"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(oe.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:oe.size.spacing.scale16,height:oe.size.spacing.scale16}}}}},he={styleOverrides:{input:{"&.Mui-disabled":{backgroundColor:oe.color.background.dark,color:oe.color.text.light}}},defaultProps:{size:"small"}},be={styleOverrides:{outlined:{notchedOutline:{borderColor:oe.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}},ye={styleOverrides:{root:{width:"100%","& .MuiFormHelperText-root":{marginTop:oe.size.spacing.scale8,marginLeft:0}}}},ve={styleOverrides:{root:{fontSize:oe.size.font.base,color:oe.color.text.base}}},xe={styleOverrides:{root:{borderBottom:"1px solid ".concat(oe.color.gray20)},indicator:{backgroundColor:oe.color.primary}}},Ee={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(oe.size.spacing.scale16),fontFamily:oe.font.family.text,color:oe.color.gray60,padding:"0 0 ".concat(oe.size.spacing.scale16," 0"),"&:hover":{color:oe.color.primary,opacity:1},"&$selected":{color:oe.color.primary},"&:focus":{color:oe.color.primary}}},defaultProps:{disableRipple:!0}},we={styleOverrides:{root:{fontWeight:oe.font.weight.normal}}},ze={styleOverrides:{root:{fontWeight:oe.font.weight.normal},head:{fontWeight:oe.font.weight.bold}}},ke={styleOverrides:{root:{borderTop:"1px solid ".concat(oe.color.border.default)}}},Ce={styleOverrides:{root:{borderBottom:"none","& .MuiIconButton-root":{backgroundColor:"transparent"}},selectLabel:{fontWeight:oe.font.weight.normal,fontSize:oe.size.font.caption.default},displayedRows:{fontWeight:oe.font.weight.normal,fontSize:oe.size.font.caption.default}}},Se=function(e){var r;return(r={})[{error:"&-standardError",success:"&-standardSuccess",info:"&-standardInfo"}[e]]={"& .MuiAlertTitle-root":{color:oe.color["success"===e?"green60":e],fontFamily:oe.font.family.text,lineHeight:oe.font.lineHeight.medium,fontWeight:oe.font.weight.bold,fontSize:oe.size.font.caption.default}},r},Te={fontSize:oe.size.font.caption.default,lineHeight:oe.font.lineHeight.medium,fontWeight:oe.font.weight.normal},Oe={styleOverrides:{root:ne(ne({width:328,borderRadius:6,backgroundColor:oe.color.gray0,boxShadow:"0px 8px 16px rgba(18, 19, 21, 0.08)",color:oe.color.text.light,padding:"".concat(oe.size.spacing.scale8," ").concat(oe.size.spacing.scale16)},Te),{"& p, & span":ne({},Te),"& .MuiAlert-action":{button:{width:oe.size.spacing.scale16,height:oe.size.spacing.scale16,backgroundColor:oe.color.background.light},svg:{width:14,height:14,fill:oe.color.gray60}},"&.MuiAlert":ne(ne(ne({},Se("error")),Se("success")),Se("info"))}),icon:{svg:{width:20,height:20}}}};oe.size.font.body.default,oe.font.family.text,oe.color.gray100,oe.size.font.caption.default;var Me,Pe,Fe,We,Le={styleOverrides:{root:{fontWeight:oe.font.weight.bold,lineHeight:oe.font.lineHeight.medium,fontFamily:oe.font.family.text,fontSize:oe.size.font.caption.default,color:oe.color.text.base,marginBottom:oe.size.spacing.scale8}}},Re=e({typography:ne({},le),palette:{background:{default:"#ffffff"},primary:{main:oe.color.primary},secondary:{main:oe.color.secondary},error:{main:oe.color.error},info:{main:oe.color.info},success:{main:oe.color.success}},components:{MuiButton:de,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiIconButton:se,MuiChip:ae,MuiInput:be,MuiInputBase:he,MuiFormControl:ye,MuiFormControlLabel:ve,MuiTextField:ge,MuiFormLabel:Le,MuiTabs:xe,MuiTab:Ee,MuiAvatar:me,MuiCheckbox:fe,MuiRadio:ue,MuiSwitch:pe,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiTable:we,MuiTableCell:ze,MuiTableRow:{styleOverrides:{root:{"&:last-child td":{borderBottom:0}}}},MuiTableFooter:ke,MuiTablePagination:Ce,MuiAlert:Oe,MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}}}}),je=function(e){return B.createElement(B.Fragment,null,B.createElement(r,null),B.createElement(H,{theme:Re},e.children))},Be=A(t)(Fe||(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,Fe=Me)),Ie=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=ie(e,["color","variant","size","loading","children"]);return B.createElement(q,ne({size:a,variant:n,color:t,disabled:l},d),B.createElement("span",{style:{opacity:l?0:1}},c),l&&B.createElement(Be,{size:20,color:"inherit"}))},He=function(e){var r=e.children,t=ie(e,["children"]);return B.createElement(Z,ne({},t),r)},Ae=function(e){var r=e.label,t=ie(e,["label"]);return B.createElement(o,ne({size:"small",label:r},t))},qe=function(e){var r=e.icon,t=e.firstName,o=void 0===t?"":t,i=e.lastName,a=void 0===i?"":i,l=ie(e,["icon","firstName","lastName"]),c="".concat(o.substring(0,1)).concat(a.substring(0,1)).toLocaleUpperCase(),d=c?oe.color.secondary:oe.color.background.dark;return B.createElement(n,ne({sx:ne({backgroundColor:d},l.sx)},l),c||r)},Ze={small:6,medium:8,large:12,fluid:12},Ne=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=ie(e,["component","size","children"]),d="fluid"===n;return B.createElement(i,ne({component:t,disableGutters:d,maxWidth:!d&&"lg",sx:ne({display:"flex",justifyContent:"center"},c.sx)},c),B.createElement(a,{container:!0,justifyContent:"center"},B.createElement(a,{item:!0,md:Ze[n]},l)))},$e=function(e){var r=e.children,t=ie(e,["children"]);return B.createElement(l,ne({},t),r)},De=function(e){var r=ie(e,[]);return B.createElement(c,ne({},r))},Ve=function(e){var r=e.label,t=e.htmlFor,o=e.required,n=void 0===o||o;return B.createElement(d,{component:"label",htmlFor:t},r,!n&&B.createElement(l,{ml:1,component:"span",sx:{fontWeight:oe.font.weight.normal,color:oe.color.text.light}},"(optional)"))},_e=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=ie(e,["id","label","required","component","disabled","data","error","helperText","sx"]);return B.createElement(s,{component:i,error:c,disabled:a,sx:p},B.createElement(Ve,{label:t,required:o,htmlFor:r}),B.createElement(m,null,l.map((function(e,t){var o=e.value,n=e.label;return B.createElement(f,{key:t,value:o,label:n||"",control:B.createElement(De,ne({color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(t)}},g))})}))),c&&B.createElement(u,{error:c},d))},Xe=B.forwardRef((function(e,r){return B.createElement(_e,ne({inputRef:r},e))})),Ge=function(e){return B.createElement(p,ne({},e))},Ke=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=ie(e,["id","required","component","disabled","data","label","error","sx","helperText","inputRef"]);return B.createElement(s,{component:n,error:c,disabled:i,sx:d},B.createElement(Ve,{label:l,required:t,htmlFor:r}),B.createElement(g,ne({},h),a.map((function(e,t){var o=e.value,n=e.label,i=e.message;return B.createElement(B.Fragment,null,B.createElement(f,{value:o,key:o,label:n||"",control:B.createElement(Ge,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(t)},inputRef:p})}),i&&B.createElement(He,{variant:"caption",marginLeft:oe.size.spacing.scale24,color:oe.color.text.light,mb:1},i))}))),c&&m&&B.createElement(u,{error:c},m))},Ue=B.forwardRef((function(e,r){return B.createElement(Ke,ne({inputRef:r},e))})),Je=function(e){return B.createElement(h,ne({},e))},Qe=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=ie(e,["component","disabled","label","error","sx"]);return B.createElement(s,{component:t,error:i,disabled:o,sx:ne({mb:2},a)},B.createElement(d,{component:"label"},n),B.createElement(Je,ne({},l)))},Ye=B.forwardRef((function(e,r){return B.createElement(Qe,ne({inputRef:r},e))})),er=function(e){return B.createElement(b,ne({variant:"outlined"},e))},rr=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=ie(e,["id","required","component","disabled","label","error","helperText","sx","options"]);return B.createElement(s,{component:n,error:l,disabled:i,sx:d},B.createElement(Ve,{label:a,required:t,htmlFor:r}),B.createElement(er,ne({},f,{error:l,inputProps:{id:r,"data-testid":r}}),m.map((function(e){return B.createElement(y,{key:e.value,value:e.value},e.text)}))),l&&c&&B.createElement(u,{error:l},c))},tr=B.forwardRef((function(e,r){return B.createElement(rr,ne({inputRef:r},e))})),or=function(e){var r=e.type,t=ie(e,["type"]),o=I(!1),n=o[0],i=o[1],a=ne(ne({},t.InputProps),"password"===r&&{endAdornment:B.createElement(N,{position:"end"},B.createElement($,{"aria-label":"toggle password visibility",onClick:function(){return i(!n)},edge:"end"},n?B.createElement(D,null):B.createElement(V,null)))});return B.createElement(v,ne({},t,{type:n?"text":r,InputProps:a}))},nr=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=ie(e,["id","component","required","disabled","label","error","helperText","sx"]);return B.createElement(s,{component:o,error:l,disabled:i,sx:d},B.createElement(Ve,{label:a,required:n,htmlFor:r}),B.createElement(or,ne({},m,{id:r,error:l,inputProps:{"data-testid":r},disabled:i,helperText:c})))},ir=B.forwardRef((function(e,r){return B.createElement(nr,ne({inputRef:r},e))}));function ar(){return ar=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},ar.apply(this,arguments)}var lr,cr,dr=function(e){return j.createElement("svg",ar({viewBox:"0 0 24 24"},e),We||(We=j.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 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 j.createElement("svg",sr({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),lr||(lr=j.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"})),cr||(cr=j.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 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 j.createElement("svg",pr({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),mr||(mr=j.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"})),fr||(fr=j.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 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=function(e){return j.createElement("svg",yr({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),gr||(gr=j.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"})),hr||(hr=j.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"})))},xr=function(e){var r,t=e.children,o=e.underline,n=void 0===o?"hover":o,i=e.toParentNavigation,a=ie(e,["children","underline","toParentNavigation"]),l=null===(r=a.href)||void 0===r?void 0:r.startsWith("https"),c={underline:n};return i?B.createElement(x,ne({},c,a,{onClick:function(){return e=i,void window.parent.postMessage({type:"NAVIGATION",content:e},"*");var e}}),t):B.createElement(x,ne({},c,l&&{target:"_blank",rel:"noopener noreferrer"},a),t,l&&B.createElement(E,{component:dr,fontSize:"inherit",sx:{marginLeft:".25em"}}))},Er=function(e){var r=e.children,t=ie(e,["children"]);return B.createElement(w,ne({},t),r)},wr=function(e){var r=e.children,t=ie(e,["children"]);return B.createElement(z,ne({},t),r)},zr=function(e){var r=e.children,t=e.value,o=void 0===t?0:t,n=e.index,i=e.id;return B.createElement($e,{role:"tabpanel",hidden:o!==n,id:i},r)},kr=function(e){var r=e.tabs,t=e.nameSpace,o=e.tabContentProps,n=e.tabsProps,i=I(0),a=i[0],l=i[1],c=t?"".concat(t,"-"):"";return B.createElement(B.Fragment,null,B.createElement(Er,ne({},n,{value:a,onChange:function(e,r){l(r)}}),r.map((function(e,r){return B.createElement(wr,{key:"".concat(c,"tab-").concat(r),label:e.label,"aria-controls":"".concat(c,"panel-").concat(r)})}))),B.createElement($e,ne({},o),r.map((function(e,r){var t="".concat(c,"panel-").concat(r);return B.createElement(zr,{key:t,value:a,index:r,id:t,"aria-labelledby":"".concat(c,"tab-").concat(r)},e.content)}))))},Cr=function(e){var r=e.icon,t=e.title,o=e.subTitle,n=e.action,i=ie(e,["icon","title","subTitle","action"]);return B.createElement(l,ne({p:4,display:"flex",flexDirection:"column",alignItems:"center"},i),B.createElement(E,{component:null!=r?r:_,sx:{marginBottom:oe.size.spacing.scale24,fontSize:oe.size.spacing.scale104,color:oe.color.gray20}}),B.createElement(He,{variant:"h1",component:"span",mb:2},t),B.createElement(He,{variant:"body1",color:oe.color.gray60,mb:3},o),n)},Sr=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=ie(e,["title","subtitle","children","actions","open","maxWidth","onClose"]);return B.createElement(k,ne({open:i,onClose:d,closeAfterTransition:!0,BackdropProps:{timeout:500}},s),B.createElement(C,{in:i},B.createElement(l,{display:"flex",justifyContent:"center",alignItems:"center",height:"100vh"},B.createElement(S,{sx:{maxWidth:c,outline:"none"}},B.createElement(T,null,B.createElement(l,{display:"flex",justifyContent:"space-between",alignItems:"center"},B.createElement(O,{variant:"h2"},r),d&&B.createElement(M,{onClick:function(e){return d(e,"escapeKeyDown")},sx:{padding:"0"}},B.createElement(X,{sx:{fontSize:"16px"}}))),t&&B.createElement(l,null,B.createElement(O,{variant:"body1",color:"textSecondary"},t)),B.createElement(P,null),o,n&&B.createElement(B.Fragment,null,B.createElement(P,null),B.createElement(l,null,n)))))))},Tr=function(e){var r=e.children,t=ie(e,["children"]);return B.createElement(L,ne({},t,{iconMapping:{info:B.createElement(E,{component:br,sx:{color:oe.color.primary}}),success:B.createElement(E,{component:vr,sx:{color:oe.color.green60}}),error:B.createElement(E,{component:ur,sx:{color:oe.color.error}})}}),r)},Or=function(e){var r=e.type,t=void 0===r?"success":r,o=e.title,n=e.children,i=ie(e,["type","title","children"]);return B.createElement(Tr,ne({severity:t},i),o&&B.createElement(F,null,W(o)),n)},Mr={background:{info:oe.color.indigo10,success:oe.color.green10,error:oe.color.red10},font:{info:oe.color.primary,success:oe.color.green60,error:oe.color.error}},Pr=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=ie(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 B.createElement(Tr,ne({},m,{severity:t,sx:ne(ne({},m.sx),{backgroundColor:Mr.background[t],boxShadow:"initial",width:"initial",py:f.padding.py,justifyContent:f.position.justifyContent,".MuiAlert-icon":ne(ne({},f.position),{mr:1,svg:{width:16,height:16}}),".MuiAlert-message":ne({},f.position),".MuiAlertTitle-root":ne({},f.margin),".banner-content":ne(ne({},f.position),{"&__message":ne({},f.margin)})})}),B.createElement(F,null,W(i)),B.createElement(l,{display:"block",className:"banner-content"},B.createElement(l,{sx:{color:Mr.font[t]},className:"banner-content__message"},c),d&&B.createElement(R,ne({},s,{size:"small",variant:"contained",color:t}),d),a&&B.createElement(R,{onClick:a,size:"small",variant:"outlined",sx:{py:"3px",ml:2,backgroundColor:oe.color.gray0,":hover":{backgroundColor:oe.color.gray0}},color:t},"Dismiss")))},Fr=function(e){var r=e.children,t=ie(e,["children"]);return B.createElement(G,ne({},t),r)},Wr=function(e){var r=e.children,t=ie(e,["children"]);return B.createElement(K,ne({},t),r)},Lr=function(e){var r=e.children,t=ie(e,["children"]);return B.createElement(U,ne({},t),r)},Rr=function(e){var r=e.children,t=ie(e,["children"]);return B.createElement(J,ne({},t),r)},jr=function(e){var r=e.children,t=ie(e,["children"]);return B.createElement(Q,ne({},t),r)},Br=function(e){var r=e.children,t=ie(e,["children"]);return B.createElement(Y,ne({},t),r)},Ir=function(e){var r=ie(e,[]);return B.createElement(ee,ne({},r))},Hr=function(e){var r=e.children,t=ie(e,["children"]);return B.createElement(re,ne({},t),r)},Ar=function(e){var r=e.children,t=ie(e,["children"]);return B.createElement(te,ne({},t),r)};export{Or as Alert,qe as Avatar,Pr as Banner,$e as Box,Ie as Button,De as Checkbox,Ae as Chip,Ne as Container,Cr as EmptyState,Xe as FormCheckbox,ir as FormInput,Ue as FormRadio,tr as FormSelect,Ye as FormSwitch,or as Input,xr as Link,Sr as Modal,Ge as Radio,er as Select,Je as Switch,wr as Tab,kr as TabGroup,Fr as Table,Wr as TableBody,Lr as TableCell,Rr as TableContainer,Ar as TableFooter,jr as TableHead,Ir as TablePagination,Br as TableRow,Hr as TableSortLabel,Er as Tabs,He as Typography,je as UpComponentsProvider,Re as theme,oe as tokens};
@@ -1,8 +1,10 @@
1
1
  /// <reference types="react" />
2
- import { AlertProps as MUIALertProps, AlertColor } from '@mui/material';
2
+ import { AlertProps as MUIALertProps } from '@mui/material';
3
+ export declare type AlertColor = 'info' | 'error' | 'success';
3
4
  export declare type AlertProps = Omit<MUIALertProps, 'color' | 'elevation' | 'iconMapping' | 'severity' | 'square' | 'variant' | 'action'> & {
4
5
  type?: AlertColor;
5
6
  };
7
+ export declare const AlertBase: ({ children, ...props }: MUIALertProps) => JSX.Element;
6
8
  /**
7
9
  * Documentation: https://up-components.up42.dev/?path=/docs/feedback-alert
8
10
  */
@@ -0,0 +1,30 @@
1
+ /// <reference types="react" />
2
+ import { ButtonProps } from '../Button/Button';
3
+ import { AlertProps } from '../Alert/Alert';
4
+ export declare type BannerProps = {
5
+ /**
6
+ * Call To Action label
7
+ * */
8
+ actionLabel?: string;
9
+ /**
10
+ * Call To Action button props
11
+ * */
12
+ actionProps?: ButtonProps;
13
+ /**
14
+ * ### Stacked
15
+ * Stacked banners are contextual and should be placed within the page content.
16
+ *
17
+ * ### Inline
18
+ * Inline banners can be displayed prominently at the top of the screen (below the navigation) or contextually within the page content. Inline banners can be global or page specific.
19
+ */
20
+ variant?: 'stacked' | 'inline';
21
+ /**
22
+ * Callback fired when the Banner requests to be dismissed.
23
+ */
24
+ onDismiss?: ButtonProps['onClick'];
25
+ title: string;
26
+ } & Omit<AlertProps, 'title' | 'closeText' | 'icon' | 'role' | 'onClose'>;
27
+ /**
28
+ * Documentation: https://up-components.up42.dev/?path=/docs/feedback-banner
29
+ */
30
+ export declare const Banner: ({ type, variant, title, onDismiss, children, actionLabel, actionProps, ...props }: BannerProps) => JSX.Element;
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import { Story, Meta } from '@storybook/react';
3
+ import { BannerProps } from './Banner';
4
+ declare const _default: Meta<import("@storybook/react").Args>;
5
+ export default _default;
6
+ export declare const Default: Story<BannerProps>;
7
+ export declare const Stacked: () => JSX.Element;
8
+ export declare const Dismissible: () => JSX.Element;
9
+ export declare const Inline: () => JSX.Element;
@@ -0,0 +1 @@
1
+ export {};
@@ -25,4 +25,5 @@ export { TabGroup, type TabGroupProps } from './components/TabGroup/TabGroup';
25
25
  export { EmptyState, type EmptyStateProps } from './components/EmptyState/EmptyState';
26
26
  export { Modal, type ModalProps } from './components/Modal/Modal';
27
27
  export { Alert, type AlertProps } from './components/Alert/Alert';
28
+ export { Banner, type BannerProps } from './components/Banner/Banner';
28
29
  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, AlertColor } 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 } from '@mui/material';
5
5
  export * from '@mui/material';
6
6
  import { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';
7
7
  import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
@@ -292,6 +292,7 @@ declare type ModalProps = MUIGlobalOmit<Omit<ModalProps$1, 'BackdropProps' | 'Ba
292
292
  */
293
293
  declare const Modal: ({ title, subtitle, children, actions, open, maxWidth, onClose, ...props }: ModalProps) => JSX.Element;
294
294
 
295
+ declare type AlertColor = 'info' | 'error' | 'success';
295
296
  declare type AlertProps = Omit<AlertProps$1, 'color' | 'elevation' | 'iconMapping' | 'severity' | 'square' | 'variant' | 'action'> & {
296
297
  type?: AlertColor;
297
298
  };
@@ -300,6 +301,34 @@ declare type AlertProps = Omit<AlertProps$1, 'color' | 'elevation' | 'iconMappin
300
301
  */
301
302
  declare const Alert: ({ type, title, children, ...props }: AlertProps) => JSX.Element;
302
303
 
304
+ declare type BannerProps = {
305
+ /**
306
+ * Call To Action label
307
+ * */
308
+ actionLabel?: string;
309
+ /**
310
+ * Call To Action button props
311
+ * */
312
+ actionProps?: ButtonProps;
313
+ /**
314
+ * ### Stacked
315
+ * Stacked banners are contextual and should be placed within the page content.
316
+ *
317
+ * ### Inline
318
+ * Inline banners can be displayed prominently at the top of the screen (below the navigation) or contextually within the page content. Inline banners can be global or page specific.
319
+ */
320
+ variant?: 'stacked' | 'inline';
321
+ /**
322
+ * Callback fired when the Banner requests to be dismissed.
323
+ */
324
+ onDismiss?: ButtonProps['onClick'];
325
+ title: string;
326
+ } & Omit<AlertProps, 'title' | 'closeText' | 'icon' | 'role' | 'onClose'>;
327
+ /**
328
+ * Documentation: https://up-components.up42.dev/?path=/docs/feedback-banner
329
+ */
330
+ declare const Banner: ({ type, variant, title, onDismiss, children, actionLabel, actionProps, ...props }: BannerProps) => JSX.Element;
331
+
303
332
  declare type TableProps = MUIGlobalOmit<TableProps$1>;
304
333
  declare const Table: ({ children, ...props }: TableProps) => JSX.Element;
305
334
  declare type TableBodyProps = MUIGlobalOmit<TableBodyProps$1>;
@@ -319,4 +348,4 @@ declare const TableSortLabel: ({ children, ...props }: TableSortLabelProps) => J
319
348
  declare type TableFooterProps = MUIGlobalOmit<TableFooterProps$1>;
320
349
  declare const TableFooter: ({ children, ...props }: TableFooterProps) => JSX.Element;
321
350
 
322
- export { Alert, AlertProps, Avatar, AvatarProps, 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, Typography, TypographyProps, UpComponentsProvider, theme };
351
+ 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, Typography, TypographyProps, UpComponentsProvider, theme };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@up42/up-components",
3
- "version": "0.3.3",
3
+ "version": "0.3.4",
4
4
  "description": "UP42 Component Library",
5
5
  "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
6
6
  "license": "ISC",