@up42/up-components 0.3.4 → 0.3.7
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 +1 -1
- package/dist/cjs/types/components/Avatar/Avatar.d.ts +8 -1
- package/dist/cjs/types/components/Box/Box.d.ts +5 -2
- package/dist/cjs/types/components/Button/Button.d.ts +7 -2
- package/dist/cjs/types/components/Button/Button.overrides.d.ts +0 -11
- package/dist/cjs/types/components/ControlButton/ControlButton.d.ts +14 -0
- package/dist/cjs/types/components/ControlButton/ControlButton.stories.d.ts +6 -0
- package/dist/cjs/types/components/ControlButton/ControlButton.test.d.ts +1 -0
- package/dist/cjs/types/components/DocumentationPopover/DocumentationPopover.d.ts +25 -0
- package/dist/cjs/types/components/DocumentationPopover/DocumentationPopover.stories.d.ts +5 -0
- package/dist/cjs/types/components/DocumentationPopover/DocumentationPopover.test.d.ts +1 -0
- package/dist/cjs/types/components/InfoCard/InfoCard.d.ts +58 -0
- package/dist/cjs/types/components/InfoCard/InfoCard.stories.d.ts +7 -0
- package/dist/cjs/types/components/InfoCard/InfoCard.test.d.ts +1 -0
- package/dist/cjs/types/components/InfoModal/InfoModal.d.ts +14 -0
- package/dist/cjs/types/components/InfoModal/InfoModal.stories.d.ts +6 -0
- package/dist/cjs/types/components/InfoModal/InfoModal.test.d.ts +1 -0
- package/dist/cjs/types/components/InfoPopover/InfoPopover.d.ts +9 -0
- package/dist/cjs/types/components/InfoPopover/InfoPopover.stories.d.ts +6 -0
- package/dist/cjs/types/components/InfoPopover/InfoPopover.test.d.ts +1 -0
- package/dist/cjs/types/components/Modal/Modal.d.ts +3 -8
- package/dist/cjs/types/components/Modal/Modal.stories.d.ts +1 -2
- package/dist/cjs/types/components/Popover/Popover.d.ts +8 -0
- package/dist/cjs/types/components/Popover/Popover.stories.d.ts +5 -0
- package/dist/cjs/types/components/Popover/Popover.test.d.ts +1 -0
- package/dist/cjs/types/components/Tooltip/Tooltip.d.ts +7 -0
- package/dist/cjs/types/components/Tooltip/Tooltip.stories.d.ts +6 -0
- package/dist/cjs/types/components/Tooltip/Tooltip.test.d.ts +1 -0
- package/dist/cjs/types/global/icons/index.d.ts +6 -6
- package/dist/cjs/types/index.d.ts +7 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/types/components/Avatar/Avatar.d.ts +8 -1
- package/dist/esm/types/components/Box/Box.d.ts +5 -2
- package/dist/esm/types/components/Button/Button.d.ts +7 -2
- package/dist/esm/types/components/Button/Button.overrides.d.ts +0 -11
- package/dist/esm/types/components/ControlButton/ControlButton.d.ts +14 -0
- package/dist/esm/types/components/ControlButton/ControlButton.stories.d.ts +6 -0
- package/dist/esm/types/components/ControlButton/ControlButton.test.d.ts +1 -0
- package/dist/esm/types/components/DocumentationPopover/DocumentationPopover.d.ts +25 -0
- package/dist/esm/types/components/DocumentationPopover/DocumentationPopover.stories.d.ts +5 -0
- package/dist/esm/types/components/DocumentationPopover/DocumentationPopover.test.d.ts +1 -0
- package/dist/esm/types/components/InfoCard/InfoCard.d.ts +58 -0
- package/dist/esm/types/components/InfoCard/InfoCard.stories.d.ts +7 -0
- package/dist/esm/types/components/InfoCard/InfoCard.test.d.ts +1 -0
- package/dist/esm/types/components/InfoModal/InfoModal.d.ts +14 -0
- package/dist/esm/types/components/InfoModal/InfoModal.stories.d.ts +6 -0
- package/dist/esm/types/components/InfoModal/InfoModal.test.d.ts +1 -0
- package/dist/esm/types/components/InfoPopover/InfoPopover.d.ts +9 -0
- package/dist/esm/types/components/InfoPopover/InfoPopover.stories.d.ts +6 -0
- package/dist/esm/types/components/InfoPopover/InfoPopover.test.d.ts +1 -0
- package/dist/esm/types/components/Modal/Modal.d.ts +3 -8
- package/dist/esm/types/components/Modal/Modal.stories.d.ts +1 -2
- package/dist/esm/types/components/Popover/Popover.d.ts +8 -0
- package/dist/esm/types/components/Popover/Popover.stories.d.ts +5 -0
- package/dist/esm/types/components/Popover/Popover.test.d.ts +1 -0
- package/dist/esm/types/components/Tooltip/Tooltip.d.ts +7 -0
- package/dist/esm/types/components/Tooltip/Tooltip.stories.d.ts +6 -0
- package/dist/esm/types/components/Tooltip/Tooltip.test.d.ts +1 -0
- package/dist/esm/types/global/icons/index.d.ts +6 -6
- package/dist/esm/types/index.d.ts +7 -0
- package/dist/index.d.ts +124 -10
- package/package.json +3 -2
package/dist/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material"),t=require("react"),r=require("@mui/material/styles"),o=require("@mui/material/Button"),n=require("@mui/material/Typography"),a=require("@mui/material/InputAdornment"),l=require("@mui/material/IconButton"),i=require("@mui/icons-material/VisibilityOutlined"),c=require("@mui/icons-material/VisibilityOffOutlined"),d=require("@mui/icons-material/InfoOutlined"),u=require("@mui/icons-material/Close"),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
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material"),t=require("react"),r=require("@mui/material/styles"),n=require("@mui/material/Button"),o=require("@mui/material/Typography"),a=require("@mui/material/InputAdornment"),l=require("@mui/material/IconButton"),i=require("@mui/icons-material/VisibilityOutlined"),c=require("@mui/icons-material/VisibilityOffOutlined"),d=require("@mui/icons-material/InfoOutlined"),u=require("@mui/icons-material/QuestionMark"),f=require("react-markdown"),s=require("@mui/material/Table"),m=require("@mui/material/TableBody"),p=require("@mui/material/TableCell"),g=require("@mui/material/TableContainer"),h=require("@mui/material/TableHead"),b=require("@mui/material/TableRow"),x=require("@mui/material/TablePagination"),y=require("@mui/material/TableSortLabel"),v=require("@mui/material/TableFooter");function E(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function w(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var k=E(t),z=w(t),C=E(n),T=E(o),S=E(a),O=E(l),M=E(i),F=E(c),P=E(d),R=E(u),B=E(f),L=E(s),j=E(m),q=E(p),I=E(g),W=E(h),A=E(b),H=E(x),D=E(y),Z=E(v),N={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,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},$.apply(this,arguments)};function _(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}var V={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:N.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:N.size.spacing.scale8}},colorDefault:{backgroundColor:N.color.gray10,color:N.color.gray60},colorPrimary:{backgroundColor:N.color.indigo10,color:N.color.indigo80},colorSecondary:{backgroundColor:N.color.pink10,color:N.color.pink80},colorError:{backgroundColor:N.color.red10,color:N.color.error},colorInfo:{backgroundColor:N.color.indigo10,color:N.color.indigo80},colorSuccess:{backgroundColor:N.color.green10,color:N.color.green80}}},G={h1:{fontFamily:N.font.family.heading,fontSize:N.size.font.heading.default,fontWeight:N.font.weight.bold,lineHeight:N.font.lineHeight.xlarge},h2:{fontFamily:N.font.family.heading,fontSize:N.size.font.heading.small,fontWeight:N.font.weight.bold,lineHeight:N.font.lineHeight.xlarge},h3:{fontFamily:N.font.family.heading,fontSize:N.size.font.heading.xsmall,fontWeight:N.font.weight.bold,lineHeight:N.font.lineHeight.large},body1:{fontFamily:N.font.family.text,fontSize:N.size.font.body.default,fontWeight:N.font.weight.normal,lineHeight:N.font.lineHeight.large},body2:{fontFamily:N.font.family.text,fontSize:N.size.font.body.default,fontWeight:N.font.weight.bold,lineHeight:N.font.lineHeight.large},caption:{fontFamily:N.font.family.text,fontSize:N.size.font.caption.default,fontWeight:N.font.weight.normal,lineHeight:N.font.lineHeight.medium},overline:{fontFamily:N.font.family.heading,fontSize:N.size.font.overline.default,letterSpacing:"initial",fontWeight:N.font.weight.bold,color:N.color.gray60}},X={small:"".concat(N.size.spacing.scale4," ").concat(N.size.spacing.scale8),medium:"".concat(N.size.spacing.scale8," ").concat(N.size.spacing.scale16),large:"".concat(N.size.spacing.scale16," ").concat(N.size.spacing.scale32)},U={styleOverrides:{root:{textTransform:"none",lineHeight:N.size.spacing.scale16,fontWeight:N.font.weight.bold,fontFamily:N.font.family.text,boxShadow:"none"},contained:{padding:X.medium,color:N.color.gray0},outlinedSuccess:{color:N.color.green60},containedSuccess:{backgroundColor:N.color.green60},containedSizeSmall:{padding:X.small},containedSizeLarge:{padding:X.large},text:{padding:X.medium},textSizeSmall:{padding:X.small},textSizeLarge:{padding:X.large},outlined:{padding:"7px ".concat(N.size.spacing.scale16)},outlinedSizeSmall:{padding:X.small},outlinedSizeLarge:{padding:X.large},sizeSmall:{fontSize:N.size.font.label.default},sizeLarge:{fontSize:N.size.font.label.large},startIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}},endIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}}},defaultProps:{disableFocusRipple:!0}},K={styleOverrides:{root:{fontFamily:N.font.family.text,fontSize:N.size.font.label.default,fontWeight:N.font.weight.bold,width:N.size.spacing.scale24,height:N.size.spacing.scale24,"& .MuiSvgIcon-root":{width:N.size.spacing.scale16}},colorDefault:{backgroundColor:N.color.background.dark,"& .MuiSvgIcon-root":{color:N.color.gray60}}}},Q={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:N.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:N.color.primary},"&$disabled":{opacity:.5}}}},J={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:N.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},Y={styleOverrides:{root:{marginRight:16},colorSecondary:{color:N.color.gray0,"&$checked":{color:N.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:N.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:N.color.background.light,border:"2px solid ".concat(N.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:N.color.primary,border:"2px solid ".concat(N.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},ee={styleOverrides:{root:{"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(N.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:N.size.spacing.scale16,height:N.size.spacing.scale16}}}}},te={styleOverrides:{input:{"&.Mui-disabled":{backgroundColor:N.color.background.dark,color:N.color.text.light}}},defaultProps:{size:"small"}},re={styleOverrides:{outlined:{notchedOutline:{borderColor:N.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}},ne={styleOverrides:{root:{width:"100%","& .MuiFormHelperText-root":{marginTop:N.size.spacing.scale8,marginLeft:0}}}},oe={styleOverrides:{root:{fontSize:N.size.font.base,color:N.color.text.base}}},ae={styleOverrides:{root:{borderBottom:"1px solid ".concat(N.color.gray20)},indicator:{backgroundColor:N.color.primary}}},le={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(N.size.spacing.scale16),fontFamily:N.font.family.text,color:N.color.gray60,padding:"0 0 ".concat(N.size.spacing.scale16," 0"),"&:hover":{color:N.color.primary,opacity:1},"&$selected":{color:N.color.primary},"&:focus":{color:N.color.primary}}},defaultProps:{disableRipple:!0}},ie={styleOverrides:{root:{fontWeight:N.font.weight.normal}}},ce={styleOverrides:{root:{fontWeight:N.font.weight.normal},head:{fontWeight:N.font.weight.bold}}},de={styleOverrides:{root:{borderTop:"1px solid ".concat(N.color.border.default)}}},ue={styleOverrides:{root:{borderBottom:"none","& .MuiIconButton-root":{backgroundColor:"transparent"}},selectLabel:{fontWeight:N.font.weight.normal,fontSize:N.size.font.caption.default},displayedRows:{fontWeight:N.font.weight.normal,fontSize:N.size.font.caption.default}}},fe=function(e){var t;return(t={})[{error:"&-standardError",success:"&-standardSuccess",info:"&-standardInfo"}[e]]={"& .MuiAlertTitle-root":{color:N.color["success"===e?"green60":e],fontFamily:N.font.family.text,lineHeight:N.font.lineHeight.medium,fontWeight:N.font.weight.bold,fontSize:N.size.font.caption.default}},t},se={fontSize:N.size.font.caption.default,lineHeight:N.font.lineHeight.medium,fontWeight:N.font.weight.normal},me={styleOverrides:{root:$($({width:328,borderRadius:6,backgroundColor:N.color.gray0,boxShadow:"0px 8px 16px rgba(18, 19, 21, 0.08)",color:N.color.text.light,padding:"".concat(N.size.spacing.scale8," ").concat(N.size.spacing.scale16)},se),{"& p, & span":$({},se),"& .MuiAlert-action":{button:{width:N.size.spacing.scale16,height:N.size.spacing.scale16,backgroundColor:N.color.background.light},svg:{width:14,height:14,fill:N.color.gray60}},"&.MuiAlert":$($($({},fe("error")),fe("success")),fe("info"))}),icon:{svg:{width:20,height:20}}}};N.size.font.body.default,N.font.family.text,N.color.gray100,N.size.font.caption.default;var pe,ge,he,be,xe={styleOverrides:{root:{fontWeight:N.font.weight.bold,lineHeight:N.font.lineHeight.medium,fontFamily:N.font.family.text,fontSize:N.size.font.caption.default,color:N.color.text.base,marginBottom:N.size.spacing.scale8}}},ye=e.createTheme({typography:$({},G),palette:{background:{default:"#ffffff"},primary:{main:N.color.primary},secondary:{main:N.color.secondary},error:{main:N.color.error},info:{main:N.color.info},success:{main:N.color.success}},components:{MuiButton:U,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiChip:V,MuiInput:re,MuiInputBase:te,MuiFormControl:ne,MuiFormControlLabel:oe,MuiTextField:ee,MuiFormLabel:xe,MuiTabs:ae,MuiTab:le,MuiAvatar:K,MuiCheckbox:Q,MuiRadio:J,MuiSwitch:Y,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiTable:ie,MuiTableCell:ce,MuiTableRow:{styleOverrides:{root:{"&:last-child td":{borderBottom:0}}}},MuiTableFooter:de,MuiTablePagination:ue,MuiAlert:me,MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}}}}),ve=r.styled(e.CircularProgress)(he||(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"],ge=["\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(pe,"raw",{value:ge}):pe.raw=ge,he=pe)),Ee=function(e){var t=e.color,r=void 0===t?"primary":t,n=e.variant,o=void 0===n?"contained":n,a=e.size,l=void 0===a?"medium":a,i=e.loading,c=e.children,d=e.innerRef,u=_(e,["color","variant","size","loading","children","innerRef"]);return k.default.createElement(C.default,$({size:l,variant:o,color:r,disabled:i},u,{ref:d}),k.default.createElement("span",{style:{opacity:i?0:1}},c),i&&k.default.createElement(ve,{size:20,color:"inherit"}))},we=k.default.forwardRef((function(e,t){return k.default.createElement(Ee,$({},e,{innerRef:t}))})),ke=function(e){var t=e.children,r=_(e,["children"]);return k.default.createElement(T.default,$({},r),t)},ze=function(t){var r=t.icon,n=t.firstName,o=void 0===n?"":n,a=t.lastName,l=void 0===a?"":a,i=t.sx,c=t.innerRef,d=_(t,["icon","firstName","lastName","sx","innerRef"]),u="".concat(o.substring(0,1)).concat(l.substring(0,1)).toLocaleUpperCase(),f=u?N.color.secondary:N.color.background.dark;return k.default.createElement(e.Avatar,$({sx:$($({},i),{backgroundColor:f}),ref:c},d),u||r)},Ce=k.default.forwardRef((function(e,t){return k.default.createElement(ze,$({},e,{innerRef:t}))})),Te={small:6,medium:8,large:12,fluid:12},Se=function(t){var r=t.children,n=t.ref,o=_(t,["children","ref"]);return k.default.createElement(e.Box,$({},o,{ref:n}),r)},Oe=k.default.forwardRef((function(e,t){return k.default.createElement(Se,$({},e,{ref:t}))})),Me=function(t){var r=_(t,[]);return k.default.createElement(e.Checkbox,$({},r))},Fe=function(t){var r=t.label,n=t.htmlFor,o=t.required,a=void 0===o||o;return k.default.createElement(e.FormLabel,{component:"label",htmlFor:n},r,!a&&k.default.createElement(e.Box,{ml:1,component:"span",sx:{fontWeight:N.font.weight.normal,color:N.color.text.light}},"(optional)"))},Pe=function(t){var r=t.id,n=t.label,o=t.required,a=t.component,l=void 0===a?"div":a,i=t.disabled,c=t.data,d=t.error,u=t.helperText,f=t.sx,s=_(t,["id","label","required","component","disabled","data","error","helperText","sx"]);return k.default.createElement(e.FormControl,{component:l,error:d,disabled:i,sx:f},k.default.createElement(Fe,{label:n,required:o,htmlFor:r}),k.default.createElement(e.FormGroup,null,c.map((function(t,n){var o=t.value,a=t.label;return k.default.createElement(e.FormControlLabel,{key:n,value:o,label:a||"",control:k.default.createElement(Me,$({color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(n)}},s))})}))),d&&k.default.createElement(e.FormHelperText,{error:d},u))},Re=k.default.forwardRef((function(e,t){return k.default.createElement(Pe,$({inputRef:t},e))})),Be=function(t){return k.default.createElement(e.Radio,$({},t))},Le=function(t){var r=t.id,n=t.required,o=t.component,a=void 0===o?"div":o,l=t.disabled,i=t.data,c=t.label,d=t.error,u=t.sx,f=t.helperText,s=t.inputRef,m=_(t,["id","required","component","disabled","data","label","error","sx","helperText","inputRef"]);return k.default.createElement(e.FormControl,{component:a,error:d,disabled:l,sx:u},k.default.createElement(Fe,{label:c,required:n,htmlFor:r}),k.default.createElement(e.RadioGroup,$({},m),i.map((function(t,n){var o=t.value,a=t.label,l=t.message;return k.default.createElement(k.default.Fragment,null,k.default.createElement(e.FormControlLabel,{value:o,key:o,label:a||"",control:k.default.createElement(Be,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(n)},inputRef:s})}),l&&k.default.createElement(ke,{variant:"caption",marginLeft:N.size.spacing.scale24,color:N.color.text.light,mb:1},l))}))),d&&f&&k.default.createElement(e.FormHelperText,{error:d},f))},je=k.default.forwardRef((function(e,t){return k.default.createElement(Le,$({inputRef:t},e))})),qe=function(t){return k.default.createElement(e.Switch,$({},t))},Ie=function(t){var r=t.component,n=void 0===r?"div":r,o=t.disabled,a=t.label,l=t.error,i=t.sx,c=_(t,["component","disabled","label","error","sx"]);return k.default.createElement(e.FormControl,{component:n,error:l,disabled:o,sx:$({mb:2},i)},k.default.createElement(e.FormLabel,{component:"label"},a),k.default.createElement(qe,$({},c)))},We=k.default.forwardRef((function(e,t){return k.default.createElement(Ie,$({inputRef:t},e))})),Ae=function(t){return k.default.createElement(e.Select,$({variant:"outlined"},t))},He=function(t){var r=t.id,n=t.required,o=t.component,a=void 0===o?"div":o,l=t.disabled,i=t.label,c=t.error,d=t.helperText,u=t.sx,f=t.options,s=_(t,["id","required","component","disabled","label","error","helperText","sx","options"]);return k.default.createElement(e.FormControl,{component:a,error:c,disabled:l,sx:u},k.default.createElement(Fe,{label:i,required:n,htmlFor:r}),k.default.createElement(Ae,$({},s,{error:c,inputProps:{id:r,"data-testid":r}}),f.map((function(t){return k.default.createElement(e.MenuItem,{key:t.value,value:t.value},t.text)}))),c&&d&&k.default.createElement(e.FormHelperText,{error:c},d))},De=k.default.forwardRef((function(e,t){return k.default.createElement(He,$({inputRef:t},e))})),Ze=function(r){var n=r.type,o=_(r,["type"]),a=t.useState(!1),l=a[0],i=a[1],c=$($({},o.InputProps),"password"===n&&{endAdornment:k.default.createElement(S.default,{position:"end"},k.default.createElement(O.default,{"aria-label":"toggle password visibility",onClick:function(){return i(!l)},edge:"end"},l?k.default.createElement(M.default,null):k.default.createElement(F.default,null)))});return k.default.createElement(e.TextField,$({},o,{type:l?"text":n,InputProps:c}))},Ne=function(t){var r=t.id,n=t.component,o=void 0===n?"div":n,a=t.required,l=t.disabled,i=t.label,c=t.error,d=t.helperText,u=t.sx,f=_(t,["id","component","required","disabled","label","error","helperText","sx"]);return k.default.createElement(e.FormControl,{component:o,error:c,disabled:l,sx:u},k.default.createElement(Fe,{label:i,required:a,htmlFor:r}),k.default.createElement(Ze,$({},f,{id:r,error:c,inputProps:{"data-testid":r},disabled:l,helperText:d})))},$e=k.default.forwardRef((function(e,t){return k.default.createElement(Ne,$({inputRef:t},e))}));function _e(){return _e=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},_e.apply(this,arguments)}var Ve,Ge,Xe=function(e){return z.createElement("svg",_e({viewBox:"0 0 24 24"},e),be||(be=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 Ue(){return Ue=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Ue.apply(this,arguments)}var Ke,Qe,Je=function(e){return z.createElement("svg",Ue({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),Ve||(Ve=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"})),Ge||(Ge=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 Ye(){return Ye=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Ye.apply(this,arguments)}var et,tt,rt=function(e){return z.createElement("svg",Ye({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),Ke||(Ke=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"})),Qe||(Qe=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 nt(){return nt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},nt.apply(this,arguments)}var ot,at=function(e){return z.createElement("svg",nt({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),et||(et=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"})),tt||(tt=z.createElement("path",{d:"M12 23.999c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12Zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5Z",fill:"currentColor"})))};function lt(){return lt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},lt.apply(this,arguments)}var it=function(e){return z.createElement("svg",lt({viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),ot||(ot=z.createElement("path",{d:"M23.25 23.999a.743.743 0 0 1-.53-.22L12 13.06 1.28 23.779a.744.744 0 0 1-1.06 0 .752.752 0 0 1 0-1.061l10.72-10.72L.22 1.279A.743.743 0 0 1 0 .749c0-.2.078-.389.22-.53a.743.743 0 0 1 .53-.22c.2 0 .389.078.53.22L12 10.938 22.72.218a.744.744 0 0 1 1.06 0 .747.747 0 0 1 0 1.061L13.06 12l10.72 10.72a.752.752 0 0 1 0 1.061.746.746 0 0 1-.53.219Z"})))},ct=function(t){var r=t.children,n=_(t,["children"]);return k.default.createElement(e.Tabs,$({},n),r)},dt=function(t){var r=t.children,n=_(t,["children"]);return k.default.createElement(e.Tab,$({},n),r)},ut=function(e){var t=e.children,r=e.value,n=void 0===r?0:r,o=e.index,a=e.id;return k.default.createElement(Oe,{role:"tabpanel",hidden:n!==o,id:a},t)},ft=function(t){var r=t.children,n=_(t,["children"]);return k.default.createElement(e.Modal,$({},n),r)},st=function(t){var r=t.size,n=void 0===r?"medium":r,o=t.removePadding,a=void 0!==o&&o,l=t.children,i=_(t,["size","removePadding","children"]),c="medium"===n?"16px":"12px",d="medium"===n?"10px":"6px";return k.default.createElement(e.IconButton,$({sx:{color:N.color.gray60,backgroundColor:N.color.background.dark,height:c,width:c,padding:a?0:"3px",svg:{width:a?c:d,height:a?c:d}}},i),l)},mt=function(t){var r=t.title,n=t.titleVariant,o=void 0===n?"h2":n,a=t.subtitle,l=t.children,i=t.actions,c=t.headerAction,d=t.innerRef,u=_(t,["title","titleVariant","subtitle","children","actions","headerAction","innerRef"]);return k.default.createElement(e.Card,$({},u,{ref:d}),k.default.createElement(e.CardContent,{sx:{"&:last-child":{pb:2}}},k.default.createElement(e.Box,{display:"flex",justifyContent:"space-between",alignItems:"center"},k.default.createElement(e.Typography,{variant:o},r),c),a&&k.default.createElement(e.Box,null,k.default.createElement(e.Typography,{variant:"body1",color:"textSecondary"},a)),k.default.createElement(e.Divider,null),l,i&&k.default.createElement(k.default.Fragment,null,k.default.createElement(e.Divider,null),k.default.createElement(e.Box,null,i))))},pt=k.default.forwardRef((function(e,t){return k.default.createElement(mt,$({},e,{innerRef:t}))})),gt=function(t){var r=t.children,n=_(t,["children"]);return k.default.createElement(e.Alert,$({},n,{iconMapping:{info:k.default.createElement(e.SvgIcon,{component:rt,sx:{color:N.color.primary}}),success:k.default.createElement(e.SvgIcon,{component:at,sx:{color:N.color.green60}}),error:k.default.createElement(e.SvgIcon,{component:Je,sx:{color:N.color.error}})}}),r)},ht={background:{info:N.color.indigo10,success:N.color.green10,error:N.color.red10},font:{info:N.color.primary,success:N.color.green60,error:N.color.error}},bt=function(t){var r=t.children,n=_(t,["children"]);return k.default.createElement(e.Popover,$({},n),r)},xt=function(e){var r=e.id,n=e.icon,o=e.actions,a=e.title,l=e.children,i=e.sx,c=_(e,["id","icon","actions","title","children","sx"]),d=t.useState(null),u=d[0],f=d[1],s=Boolean(u);return k.default.createElement(k.default.Fragment,null,k.default.createElement(st,{onClick:function(e){return f(e.currentTarget)}},n?k.default.createElement(n,null):k.default.createElement(R.default,null)),k.default.createElement(bt,{id:s?r:void 0,open:s,anchorEl:u,onClose:function(){return f(null)},transformOrigin:{vertical:"top",horizontal:"left"},anchorOrigin:{vertical:"top",horizontal:"right"}},k.default.createElement(pt,$({},c,{sx:$({maxWidth:328},i),title:a,titleVariant:"h3",headerAction:k.default.createElement(st,{onClick:function(){return f(null)}},k.default.createElement(it,null)),actions:o}),l)))};exports.Alert=function(t){var r=t.type,n=void 0===r?"success":r,o=t.title,a=t.children,l=_(t,["type","title","children"]);return k.default.createElement(gt,$({severity:n},l),o&&k.default.createElement(e.AlertTitle,null,e.capitalize(o)),a)},exports.Avatar=Ce,exports.Banner=function(t){var r=t.type,n=void 0===r?"info":r,o=t.variant,a=void 0===o?"stacked":o,l=t.title,i=t.onDismiss,c=t.children,d=t.actionLabel,u=t.actionProps,f=_(t,["type","variant","title","onDismiss","children","actionLabel","actionProps"]),s=function(e){return{get layout(){var t="stacked"===e;return{margin:{mb:t?2:0,mr:t?0:2},padding:{py:t?1:0},position:{display:t?"block":"flex",justifyContent:t?"initial":"center",alignItems:t?"initial":"center"}}}}}(a).layout;return k.default.createElement(gt,$({},f,{severity:n,sx:$($({},f.sx),{backgroundColor:ht.background[n],boxShadow:"initial",width:"initial",py:s.padding.py,justifyContent:s.position.justifyContent,".MuiAlert-icon":$($({},s.position),{mr:1,svg:{width:16,height:16}}),".MuiAlert-message":$({},s.position),".MuiAlertTitle-root":$({},s.margin),".banner-content":$($({},s.position),{"&__message":$({},s.margin)})})}),k.default.createElement(e.AlertTitle,null,e.capitalize(l)),k.default.createElement(e.Box,{display:"block",className:"banner-content"},k.default.createElement(e.Box,{sx:{color:ht.font[n]},className:"banner-content__message"},c),d&&k.default.createElement(e.Button,$({},u,{size:"small",variant:"contained",color:n}),d),i&&k.default.createElement(e.Button,{onClick:i,size:"small",variant:"outlined",sx:{py:"3px",ml:2,backgroundColor:N.color.gray0,":hover":{backgroundColor:N.color.gray0}},color:n},"Dismiss")))},exports.Box=Oe,exports.Button=we,exports.Checkbox=Me,exports.Chip=function(t){var r=t.label,n=_(t,["label"]);return k.default.createElement(e.Chip,$({size:"small",label:r},n))},exports.Container=function(t){var r=t.component,n=void 0===r?"div":r,o=t.size,a=void 0===o?"large":o,l=t.children,i=_(t,["component","size","children"]),c="fluid"===a;return k.default.createElement(e.Container,$({component:n,disableGutters:c,maxWidth:!c&&"lg",sx:$({display:"flex",justifyContent:"center"},i.sx)},i),k.default.createElement(e.Grid,{container:!0,justifyContent:"center"},k.default.createElement(e.Grid,{item:!0,md:Te[a]},l)))},exports.ControlButton=st,exports.DocumentationPopover=function(r){var n=r.content,o=r.linkPath,a=r.linkText,l=r.heading,i=r.contentfulId,c=t.useMemo((function(){return o&&a}),[o,a]);return k.default.createElement(xt,{id:i,title:l,actions:c&&k.default.createElement(e.Button,{variant:"outlined",size:"small",href:"".concat("https://docs.up42.com").concat(o),target:"_blank",rel:"noopener noreferrer"},a)},n&&k.default.createElement(ke,{variant:"caption",style:{color:N.color.gray60}},k.default.createElement(B.default,null,n)))},exports.EmptyState=function(t){var r=t.icon,n=t.title,o=t.subTitle,a=t.action,l=_(t,["icon","title","subTitle","action"]);return k.default.createElement(e.Box,$({p:4,display:"flex",flexDirection:"column",alignItems:"center"},l),k.default.createElement(e.SvgIcon,{component:null!=r?r:P.default,sx:{marginBottom:N.size.spacing.scale24,fontSize:N.size.spacing.scale104,color:N.color.gray20}}),k.default.createElement(ke,{variant:"h1",component:"span",mb:2},n),k.default.createElement(ke,{variant:"body1",color:N.color.gray60,mb:3},o),a)},exports.FormCheckbox=Re,exports.FormInput=$e,exports.FormRadio=je,exports.FormSelect=De,exports.FormSwitch=We,exports.InfoCard=pt,exports.InfoModal=function(t){var r=t.title,n=t.subtitle,o=t.children,a=t.actions,l=t.open,i=t.maxWidth,c=void 0===i?552:i,d=t.onClose,u=_(t,["title","subtitle","children","actions","open","maxWidth","onClose"]);return k.default.createElement(ft,$({open:l,onClose:d,closeAfterTransition:!0,BackdropProps:{timeout:500}},u),k.default.createElement(e.Fade,{in:l},k.default.createElement(pt,{title:r,subtitle:n,actions:a,headerAction:d&&k.default.createElement(st,{onClick:function(e){return d(e,"escapeKeyDown")}},k.default.createElement(it,null)),sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",maxWidth:c}},o)))},exports.InfoPopover=xt,exports.Input=Ze,exports.Link=function(t){var r,n=t.children,o=t.underline,a=void 0===o?"hover":o,l=t.toParentNavigation,i=_(t,["children","underline","toParentNavigation"]),c=null===(r=i.href)||void 0===r?void 0:r.startsWith("https"),d={underline:a};return l?k.default.createElement(e.Link,$({},d,i,{onClick:function(){return e=l,void window.parent.postMessage({type:"NAVIGATION",content:e},"*");var e}}),n):k.default.createElement(e.Link,$({},d,c&&{target:"_blank",rel:"noopener noreferrer"},i),n,c&&k.default.createElement(e.SvgIcon,{component:Xe,fontSize:"inherit",sx:{marginLeft:".25em"}}))},exports.Modal=ft,exports.Popover=bt,exports.Radio=Be,exports.Select=Ae,exports.Switch=qe,exports.Tab=dt,exports.TabGroup=function(e){var r=e.tabs,n=e.nameSpace,o=e.tabContentProps,a=e.tabsProps,l=t.useState(0),i=l[0],c=l[1],d=n?"".concat(n,"-"):"";return k.default.createElement(k.default.Fragment,null,k.default.createElement(ct,$({},a,{value:i,onChange:function(e,t){c(t)}}),r.map((function(e,t){return k.default.createElement(dt,{key:"".concat(d,"tab-").concat(t),label:e.label,"aria-controls":"".concat(d,"panel-").concat(t)})}))),k.default.createElement(Oe,$({},o),r.map((function(e,t){var r="".concat(d,"panel-").concat(t);return k.default.createElement(ut,{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=_(e,["children"]);return k.default.createElement(L.default,$({},r),t)},exports.TableBody=function(e){var t=e.children,r=_(e,["children"]);return k.default.createElement(j.default,$({},r),t)},exports.TableCell=function(e){var t=e.children,r=_(e,["children"]);return k.default.createElement(q.default,$({},r),t)},exports.TableContainer=function(e){var t=e.children,r=_(e,["children"]);return k.default.createElement(I.default,$({},r),t)},exports.TableFooter=function(e){var t=e.children,r=_(e,["children"]);return k.default.createElement(Z.default,$({},r),t)},exports.TableHead=function(e){var t=e.children,r=_(e,["children"]);return k.default.createElement(W.default,$({},r),t)},exports.TablePagination=function(e){var t=_(e,[]);return k.default.createElement(H.default,$({},t))},exports.TableRow=function(e){var t=e.children,r=_(e,["children"]);return k.default.createElement(A.default,$({},r),t)},exports.TableSortLabel=function(e){var t=e.children,r=_(e,["children"]);return k.default.createElement(D.default,$({},r),t)},exports.Tabs=ct,exports.Tooltip=function(t){var r=t.children,n=_(t,["children"]);return k.default.createElement(e.Tooltip,$({},n),r)},exports.Typography=ke,exports.UpComponentsProvider=function(t){return k.default.createElement(k.default.Fragment,null,k.default.createElement(e.CssBaseline,null),k.default.createElement(r.ThemeProvider,{theme:ye},t.children))},exports.theme=ye,exports.tokens=N,Object.keys(e).forEach((function(t){"default"===t||exports.hasOwnProperty(t)||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return e[t]}})}));
|
|
@@ -6,4 +6,11 @@ export declare type AvatarProps = MUIGlobalOmit<Omit<MUIAvatarProps, 'children'
|
|
|
6
6
|
lastName?: string;
|
|
7
7
|
icon?: React.ReactNode;
|
|
8
8
|
}>;
|
|
9
|
-
|
|
9
|
+
/**
|
|
10
|
+
* Documentation: https://up-components.up42.dev/?path=/story/data-display-avatar
|
|
11
|
+
*/
|
|
12
|
+
export declare const Avatar: React.ForwardRefExoticComponent<Pick<{
|
|
13
|
+
firstName?: string | undefined;
|
|
14
|
+
lastName?: string | undefined;
|
|
15
|
+
icon?: React.ReactNode;
|
|
16
|
+
} & Omit<Omit<MUIAvatarProps<"div", {}>, "children" | "variant" | "src" | "alt" | "sizes" | "srcSet" | "imgProps">, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef">, "color" | "translate" | "icon" | "className" | "style" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "sx" | "key" | "firstName" | "lastName"> & React.RefAttributes<unknown>>;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { BoxProps as MUIBoxProps } from '@mui/material';
|
|
3
3
|
import { MUIGlobalOmit } from '@global/utils/types';
|
|
4
4
|
export declare type BoxProps = MUIGlobalOmit<MUIBoxProps>;
|
|
5
|
-
|
|
5
|
+
/**
|
|
6
|
+
* Documentation: https://up-components.up42.dev/?path=/story/layout-box
|
|
7
|
+
*/
|
|
8
|
+
export declare const Box: React.ForwardRefExoticComponent<Pick<Omit<MUIBoxProps<"div", {}>, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef">, "translate" | "className" | "style" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "sx" | "key" | ("alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "color" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "zIndex" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "overflow" | "padding" | "typography" | "p" | "displayPrint" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "px" | "py" | "marginX" | "marginY" | "paddingX" | "paddingY") | "component"> & React.RefAttributes<unknown>>;
|
|
@@ -1,7 +1,12 @@
|
|
|
1
|
-
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { ButtonProps as MUIButtonProps } from '@mui/material/Button';
|
|
3
3
|
import { MUIGlobalOmit } from '@global/utils/types';
|
|
4
4
|
export declare type ButtonProps = MUIGlobalOmit<MUIButtonProps, {
|
|
5
5
|
loading?: boolean;
|
|
6
6
|
}>;
|
|
7
|
-
|
|
7
|
+
/**
|
|
8
|
+
* Documentation: https://up-components.up42.dev/?path=/story/data-entry-button
|
|
9
|
+
*/
|
|
10
|
+
export declare const Button: React.ForwardRefExoticComponent<Pick<{
|
|
11
|
+
loading?: boolean | undefined;
|
|
12
|
+
} & Omit<MUIButtonProps<"button", {}>, "disableFocusRipple" | "disableRipple" | "classes" | "tabIndex" | "action" | "centerRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "TouchRippleProps" | "disableElevation" | "touchRippleRef">, "color" | "translate" | "startIcon" | "endIcon" | "size" | "fullWidth" | "className" | "style" | "form" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "disabled" | "onFocusVisible" | "sx" | "key" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "variant" | "href" | "loading"> & React.RefAttributes<unknown>>;
|
|
@@ -6,14 +6,3 @@ export declare const MuiButtonBase: {
|
|
|
6
6
|
disableTouchRipple: boolean;
|
|
7
7
|
};
|
|
8
8
|
};
|
|
9
|
-
export declare const MuiIconButton: {
|
|
10
|
-
styleOverrides: {
|
|
11
|
-
root: {
|
|
12
|
-
color: string;
|
|
13
|
-
backgroundColor: string;
|
|
14
|
-
};
|
|
15
|
-
sizeSmall: {
|
|
16
|
-
padding: string;
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { IconButtonProps as MUIIconButtonProps } from '@mui/material';
|
|
3
|
+
import { MUIGlobalOmit } from '@global/utils/types';
|
|
4
|
+
export declare type ControlButtonProps = MUIGlobalOmit<MUIIconButtonProps, {
|
|
5
|
+
size?: 'medium' | 'small';
|
|
6
|
+
/**
|
|
7
|
+
* Remove default padding when using icons with built-in padding (Like MUI icons)
|
|
8
|
+
*/
|
|
9
|
+
removePadding?: boolean;
|
|
10
|
+
}>;
|
|
11
|
+
/**
|
|
12
|
+
* Documentation: https://up-components.up42.dev/?path=/data-entry-controlbutton--default
|
|
13
|
+
*/
|
|
14
|
+
export declare const ControlButton: ({ size, removePadding, children, ...props }: ControlButtonProps) => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare type DocumentationPopoverProps = {
|
|
3
|
+
heading: string;
|
|
4
|
+
/**
|
|
5
|
+
* The main content of the Popover.
|
|
6
|
+
*/
|
|
7
|
+
content: string;
|
|
8
|
+
/**
|
|
9
|
+
* The label of the CTA button, usually *View Documentation*.
|
|
10
|
+
*/
|
|
11
|
+
linkText?: string;
|
|
12
|
+
/**
|
|
13
|
+
* The link of the CTA button. A pathname relative to the documentation base URL.
|
|
14
|
+
* i.e: `/getting-started/workflows/catalog`
|
|
15
|
+
*/
|
|
16
|
+
linkPath?: string;
|
|
17
|
+
/**
|
|
18
|
+
* Contentful entry ID.
|
|
19
|
+
*/
|
|
20
|
+
contentfulId: string;
|
|
21
|
+
};
|
|
22
|
+
/**
|
|
23
|
+
* Documentation: https://up-components.up42.dev/?path=/docs/patterns-popovers-documentationpopover
|
|
24
|
+
*/
|
|
25
|
+
export declare const DocumentationPopover: ({ content, linkPath, linkText, heading, contentfulId, }: DocumentationPopoverProps) => JSX.Element;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { Story, Meta } from '@storybook/react';
|
|
2
|
+
import { DocumentationPopoverProps } from './DocumentationPopover';
|
|
3
|
+
declare const _default: Meta<import("@storybook/react").Args>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Default: Story<DocumentationPopoverProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { CardProps } from '@mui/material';
|
|
3
|
+
export declare type InfoCardProps = {
|
|
4
|
+
title: string;
|
|
5
|
+
subtitle?: string;
|
|
6
|
+
/**
|
|
7
|
+
* The content action section aka. card footer.
|
|
8
|
+
*/
|
|
9
|
+
actions?: React.ReactNode;
|
|
10
|
+
/**
|
|
11
|
+
* The content of the header action, usually an icon with a close event.
|
|
12
|
+
*/
|
|
13
|
+
headerAction?: React.ReactNode;
|
|
14
|
+
/**
|
|
15
|
+
* The Card's title typography variant.
|
|
16
|
+
*/
|
|
17
|
+
titleVariant?: 'h2' | 'h3' | 'overline';
|
|
18
|
+
} & Omit<CardProps, 'variant' | 'square' | 'raised'>;
|
|
19
|
+
/**
|
|
20
|
+
* Documentation: https://up-components.up42.dev/?path=/docs/patterns-infocard
|
|
21
|
+
*/
|
|
22
|
+
export declare const InfoCardBase: ({ title, titleVariant, subtitle, children, actions, headerAction, innerRef, ...props }: {
|
|
23
|
+
title: string;
|
|
24
|
+
subtitle?: string | undefined;
|
|
25
|
+
/**
|
|
26
|
+
* The content action section aka. card footer.
|
|
27
|
+
*/
|
|
28
|
+
actions?: React.ReactNode;
|
|
29
|
+
/**
|
|
30
|
+
* The content of the header action, usually an icon with a close event.
|
|
31
|
+
*/
|
|
32
|
+
headerAction?: React.ReactNode;
|
|
33
|
+
/**
|
|
34
|
+
* The Card's title typography variant.
|
|
35
|
+
*/
|
|
36
|
+
titleVariant?: "h2" | "h3" | "overline" | undefined;
|
|
37
|
+
} & Omit<CardProps<"div", {}>, "variant" | "square" | "raised"> & {
|
|
38
|
+
innerRef: CardProps['ref'];
|
|
39
|
+
}) => JSX.Element;
|
|
40
|
+
/**
|
|
41
|
+
* Documentation: https://up-components.up42.dev/?path=/docs/patterns-infocard
|
|
42
|
+
*/
|
|
43
|
+
export declare const InfoCard: React.ForwardRefExoticComponent<Pick<{
|
|
44
|
+
title: string;
|
|
45
|
+
subtitle?: string | undefined;
|
|
46
|
+
/**
|
|
47
|
+
* The content action section aka. card footer.
|
|
48
|
+
*/
|
|
49
|
+
actions?: React.ReactNode;
|
|
50
|
+
/**
|
|
51
|
+
* The content of the header action, usually an icon with a close event.
|
|
52
|
+
*/
|
|
53
|
+
headerAction?: React.ReactNode;
|
|
54
|
+
/**
|
|
55
|
+
* The Card's title typography variant.
|
|
56
|
+
*/
|
|
57
|
+
titleVariant?: "h2" | "h3" | "overline" | undefined;
|
|
58
|
+
} & Omit<CardProps<"div", {}>, "variant" | "square" | "raised">, "color" | "translate" | keyof import("@mui/material/OverridableComponent").CommonProps | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "sx" | "key" | "elevation" | "titleVariant" | "subtitle" | "actions" | "headerAction"> & React.RefAttributes<unknown>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Story, Meta } from '@storybook/react';
|
|
2
|
+
import { InfoCardProps } from './InfoCard';
|
|
3
|
+
declare const _default: Meta<import("@storybook/react").Args>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Primary: Story<InfoCardProps>;
|
|
6
|
+
export declare const WithActions: Story<InfoCardProps>;
|
|
7
|
+
export declare const WithHeaderAction: Story<InfoCardProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { MUIGlobalOmit } from '@global/utils/types';
|
|
3
|
+
import { ModalProps as MUIModalProps } from '../Modal/Modal';
|
|
4
|
+
import { InfoCardProps } from '../InfoCard/InfoCard';
|
|
5
|
+
export declare type InfoModalProps = MUIGlobalOmit<Omit<MUIModalProps, 'BackdropProps' | 'BackdropComponent' | 'onBackdropClick'>, Omit<InfoCardProps, 'headerAction'> & {
|
|
6
|
+
/**
|
|
7
|
+
* Maximun width of the modal, in pixels.
|
|
8
|
+
*/
|
|
9
|
+
maxWidth?: number;
|
|
10
|
+
}>;
|
|
11
|
+
/**
|
|
12
|
+
* Documentation: https://up-components.up42.dev/?path=/docs/patterns-infomodal
|
|
13
|
+
*/
|
|
14
|
+
export declare const InfoModal: ({ title, subtitle, children, actions, open, maxWidth, onClose, ...props }: InfoModalProps) => JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Story, Meta } from '@storybook/react';
|
|
2
|
+
import { InfoModalProps } from './InfoModal';
|
|
3
|
+
declare const _default: Meta<import("@storybook/react").Args>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const SimpleModal: Story<InfoModalProps>;
|
|
6
|
+
export declare const ComplexModal: Story<InfoModalProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { InfoCardProps } from '../InfoCard/InfoCard';
|
|
3
|
+
export declare type InfoPopoverProps = InfoCardProps & {
|
|
4
|
+
icon?: React.ElementType;
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* Documentation: https://up-components.up42.dev/?path=/docs/patterns-popovers-infopopover
|
|
8
|
+
*/
|
|
9
|
+
export declare const InfoPopover: ({ id, icon: Icon, actions, title, children, sx, ...props }: InfoPopoverProps) => JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Story, Meta } from '@storybook/react';
|
|
2
|
+
import { InfoPopoverProps } from './InfoPopover';
|
|
3
|
+
declare const _default: Meta<import("@storybook/react").Args>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Simple: Story<InfoPopoverProps>;
|
|
6
|
+
export declare const Complex: Story<InfoPopoverProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,13 +1,8 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import { ModalProps as MUIModalProps } from '@mui/material';
|
|
3
3
|
import { MUIGlobalOmit } from '@global/utils/types';
|
|
4
|
-
export declare type ModalProps = MUIGlobalOmit<
|
|
5
|
-
title: string;
|
|
6
|
-
subtitle?: string;
|
|
7
|
-
actions?: ReactNode;
|
|
8
|
-
maxWidth?: number;
|
|
9
|
-
}>;
|
|
4
|
+
export declare type ModalProps = MUIGlobalOmit<MUIModalProps>;
|
|
10
5
|
/**
|
|
11
6
|
* Documentation: https://up-components.up42.dev/?path=/docs/feedback-modal
|
|
12
7
|
*/
|
|
13
|
-
export declare const Modal: ({
|
|
8
|
+
export declare const Modal: ({ children, ...props }: ModalProps) => JSX.Element;
|
|
@@ -2,5 +2,4 @@ import { Story, Meta } from '@storybook/react';
|
|
|
2
2
|
import { ModalProps } from './Modal';
|
|
3
3
|
declare const _default: Meta<import("@storybook/react").Args>;
|
|
4
4
|
export default _default;
|
|
5
|
-
export declare const
|
|
6
|
-
export declare const ComplexModal: Story<ModalProps>;
|
|
5
|
+
export declare const Default: Story<ModalProps>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { PopoverProps as MUIPopoverProps } from '@mui/material';
|
|
3
|
+
import { MUIGlobalOmit } from '@global/utils/types';
|
|
4
|
+
export declare type PopoverProps = MUIGlobalOmit<MUIPopoverProps>;
|
|
5
|
+
/**
|
|
6
|
+
* Documentation: https://up-components.up42.dev/?path=/docs/data-display-popover
|
|
7
|
+
*/
|
|
8
|
+
export declare const Popover: ({ children, ...props }: PopoverProps) => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TooltipProps as MUITooltipProps } from '@mui/material';
|
|
3
|
+
export declare type TooltipProps = Omit<MUITooltipProps, 'TransitionComponent' | 'TransitionProps' | 'PopperComponent' | 'PopperProps' | 'followCursor'>;
|
|
4
|
+
/**
|
|
5
|
+
* Documentation: https://up-components.up42.dev/?path=/docs/data-display-tooltip
|
|
6
|
+
*/
|
|
7
|
+
export declare const Tooltip: ({ children, ...props }: TooltipProps) => JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { Meta } from '@storybook/react';
|
|
3
|
+
import { TooltipProps } from './Tooltip';
|
|
4
|
+
declare const _default: Meta<import("@storybook/react").Args>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const Default: (args: TooltipProps) => JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
export {
|
|
1
|
+
export { default as ExternalLink } from './external-link.svg';
|
|
2
|
+
export { default as Calendar } from './calendar.svg';
|
|
3
|
+
export { default as Error } from './error.svg';
|
|
4
|
+
export { default as Info } from './info.svg';
|
|
5
|
+
export { default as Success } from './success.svg';
|
|
6
|
+
export { default as Close } from './close.svg';
|
|
@@ -24,6 +24,13 @@ export { Tabs, Tab, type TabsProps, type TabProps } from './components/Tabs/Tabs
|
|
|
24
24
|
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
|
+
export { InfoModal, type InfoModalProps } from './components/InfoModal/InfoModal';
|
|
27
28
|
export { Alert, type AlertProps } from './components/Alert/Alert';
|
|
28
29
|
export { Banner, type BannerProps } from './components/Banner/Banner';
|
|
30
|
+
export { Tooltip, type TooltipProps } from './components/Tooltip/Tooltip';
|
|
31
|
+
export { InfoCard, type InfoCardProps } from './components/InfoCard/InfoCard';
|
|
32
|
+
export { ControlButton, type ControlButtonProps } from './components/ControlButton/ControlButton';
|
|
33
|
+
export { Popover, type PopoverProps } from './components/Popover/Popover';
|
|
34
|
+
export { InfoPopover, type InfoPopoverProps } from './components/InfoPopover/InfoPopover';
|
|
35
|
+
export { DocumentationPopover, type DocumentationPopoverProps, } from './components/DocumentationPopover/DocumentationPopover';
|
|
29
36
|
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';
|