@up42/up-components 0.3.10 → 0.3.13

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/README.md CHANGED
@@ -1,10 +1,11 @@
1
- # UP Components
1
+ # Up Components
2
2
 
3
3
  UP42's Shared Component Library. This is a cross-team collaborative package that enables us to reuse React components across different projects. The package uses [Storybook](https://storybook.js.org/docs/react/get-started/introduction) to organize and document UI components, and is based on [MUI](https://mui.com/getting-started/usage/) for theming and most of the APIs.
4
4
 
5
5
  Up Components library provides react components based on [UP42's design system](https://www.figma.com/file/Qd9QmAdQfcsWe3xSKtJWX9FZ/Design-System)
6
6
 
7
7
  ## Getting Started
8
+
8
9
  ```bash
9
10
  $ npm install @up42/up-components
10
11
  ```
@@ -45,100 +46,15 @@ You can also import components from the `@mui/material` directly from the packag
45
46
 
46
47
  **Note:** UP Components currently exports all [MUI components](https://mui.com/components/) on top of our custom ones. Which means that the existing MUI documentation can be used for any component not yet documented on our own [Storybook](https://up-components.up42.dev/). In case of conflicts, our custom documentation prevails over MUI.
47
48
 
48
- ## Developing in the up-components package
49
-
50
- This package uses [Rollup](https://github.com/rollup/rollup) for building `esm` and `cjs` modules.
51
- [npm](https://www.npmjs.com/) version 7 or higher is required install and build the components locally.
52
-
53
- ## Developing locally
54
-
55
- Clone the repository and run.
56
-
57
- ```bash
58
- $ npm run storybook
59
- ```
60
-
61
- ### Adding new components
62
-
63
- Components must be added to the `src/components` folder using the following structure:
64
-
65
- ```
66
- src
67
- │ index.ts // export { MyComponent } from 'components'
68
- └─components
69
- │ index.ts // export { MyComponent } from './MyComponent/MyComponent
70
- └─MyComponent
71
- │ MyComponent.tsx // export const MyComponent
72
- │ MyComponent.test.tsx
73
- │ MyComponent.overrides.ts
74
- │ MyComponent.stories.tsx
75
- ```
76
-
77
- - `MyComponent.tsx`: main component structure/logic.
78
- - `MyComponent.test.tsx`: unit tests for the component.
79
- - `MyComponent.overrides.ts`: any theme overrides for that component (optional).
80
- - `MyComponent.stories.tsx`: Storybook documentation.
81
-
82
- Components and filenames must use the `UpperCamelCase` pattern. For components that already exist on MUI, using the exact same name is preferred so that they override the MUI export.
83
-
84
- ### Testing @up42/up-components locally
85
-
86
- In order to test the components without publishing a new version, you can use [Yalc](https://github.com/wclr/yalc) to publish the package locally and install it on your app.
87
-
88
- Install Yalc in your machine by running:
89
-
90
- ```bash
91
- $ yarn global add yalc
92
- ```
49
+ ### Design System Tokens
93
50
 
94
- Inside `up-components` folder, run
95
-
96
- ```
97
- $ yalc publish
98
- ```
99
-
100
- In your application, run
101
-
102
- ```
103
- $ yalc add @up42/up-components
104
- ```
105
-
106
- This should install the local version of `@up42/up-components` in your application so you can test new components before publishing a new version.
107
-
108
- ### Design System Tokens
109
51
  [UP42 tokens](https://github.com/up42/design-system-tokens) are also exposed as part of UpComponents.
110
52
 
111
-
112
53
  ```diff
113
54
  - import tokens from '@up42/constellation-tokens/dist/json/tokens.json'
114
55
  + import { tokens } from "@up42/up-components"
115
56
  ```
116
57
 
117
- ## Publishing new versions
118
- We are using [Semantic Versioning](https://semver.org/) for controlling each release.
119
-
120
- - `MAJOR` version when you make incompatible API changes,
121
- - `MINOR` version when you add functionality in a backwards compatible manner, and
122
- - `PATCH` version when you make backwards compatible bug fixes.
123
-
124
- ### How should I write my commits?
125
- We follow the [Conventional Commit](https://www.conventionalcommits.org) specification. The most important prefixes you should have in mind are:
126
-
127
- - `fix`: which represents bug fixes, and correlates to a SemVer `PATCH`.
128
- - `feat`: which represents a new feature, and correlates to a SemVer `MINOR`.
129
- - `feat|fix!`: which represent a breaking change (indicated by the `!`) and will result in a SemVer `MAJOR`.
130
-
131
- Other prefixes like `chore:`, `refactor:`, `test:`, etc. can be used, but won't be included in the `CHANGELOG.md` file.
132
-
133
- ### Usage
134
-
135
- ```bash
136
- $ npm run release
137
- ```
138
-
139
- This command is going to:
140
- - bump the version in `package.json` and `package-lock.json`.
141
- - output changes to `CHANGELOG.md`.
142
- - commit `package-lock.json` and `package.json` and `CHANGELOG.md`.
58
+ ## Developing in the up-components package
143
59
 
144
- We use [Standard Version](https://github.com/conventional-changelog/standard-version) for the automated releasing PR commit.
60
+ Please refer to our [Contributing Guidelines](https://github.com/up42/up-components/blob/master/CONTRIBUTING.md) for development information.
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"),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/icons-material/ContentCopy"),m=require("@mui/material/Table"),p=require("@mui/material/TableBody"),g=require("@mui/material/TableCell"),h=require("@mui/material/TableContainer"),b=require("@mui/material/TableHead"),x=require("@mui/material/TableRow"),y=require("@mui/material/TablePagination"),v=require("@mui/material/TableSortLabel"),E=require("@mui/material/TableFooter");function w(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function C(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var k=w(t),z=C(t),T=w(n),S=w(o),O=w(a),M=w(l),F=w(i),P=w(c),R=w(d),B=w(u),L=w(f),j=w(s),I=w(m),q=w(p),W=w(g),A=w(h),H=w(b),D=w(x),Z=w(y),G=w(v),N=w(E),$={animation:{speed:{normal:"0.5s",fast:"0.08s",slow:"1s"}},color:{background:{light:"#f4f5f7",dark:"#dfe1e6",indigo:"#262a59"},primary:"#262a59",secondary:"#d40fa9",info:"#262a59",error:"#e35656",success:"#aed581",indigo0:"#f4f4f6",indigo10:"#e9e9ee",indigo20:"#bdbfcd",indigo30:"#a8aabd",indigo40:"#9294ac",indigo50:"#7d7f9b",indigo60:"#67698a",indigo70:"#51557a",indigo80:"#3b3f69",indigo90:"#262a59",indigo100:"#161833",pink0:"#fff3ff",pink10:"#fedafd",pink20:"#fdc0fb",pink30:"#f98ef3",pink40:"#f362e8",pink50:"#ec3ed7",pink60:"#d40fa9",pink70:"#b0027c",pink80:"#990165",pink90:"#820050",pink100:"#390325",cyan0:"#f4ffff",cyan10:"#c6ffff",cyan20:"#96ffff",cyan30:"#59effc",cyan40:"#1dd7f0",cyan50:"#20b0c7",cyan60:"#1d8fa4",cyan70:"#167286",cyan80:"#0e5a6d",cyan90:"#064658",cyan100:"#103645",green0:"#f8fff4",green10:"#e2fccc",green20:"#e2fccc",green30:"#aed581",green40:"#8eaf65",green50:"#728f4b",green60:"#5a7533",green70:"#476020",green80:"#374e10",green90:"#2b3f05",green100:"#223300",red0:"#fff7f4",red10:"#ffe4db",red20:"#fcc4bb",red30:"#efa299",red40:"#e67e78",red50:"#e35656",red60:"#b83d3c",red70:"#922524",red80:"#6f1110",red90:"#500404",red100:"#330000",gray0:"#ffffff",gray10:"#f4f5f7",gray20:"#dfe1e6",gray30:"#c1c7d0",gray40:"#a8afba",gray50:"#9399a3",gray60:"#777c85",gray70:"#575b61",gray80:"#3c3e42",gray90:"#222426",gray100:"#121315",border:{default:"#dfe1e6"},shadow:{default:"#121315"},text:{base:"#121315",light:"#9399a3",inverted:"#ffffff",link:{default:"#20b0c7",visited:"#1d8fa4"}}},font:{family:{heading:"'Roboto Condensed', sans-serif",text:"'Source Sans Pro', sans-serif",code:"'Source Code Pro', monospace"},lineHeight:{medium:"1rem",large:"1.5rem",xlarge:"2rem",xxlarge:"3rem"},weight:{normal:400,bold:700}},size:{border:{radius:{default:"6px",small:"4px"},width:"1px"},font:{base:"16px",heading:{default:"1.728rem",small:"1.44rem",xsmall:"1rem"},overline:{large:"1.44rem",default:"0.833rem"},body:{default:"1rem"},caption:{default:"0.833rem",large:"1.44rem"},label:{default:"0.833rem",large:"1.44rem"},minorThird10:"6.192rem",minorThird9:"5.16rem",minorThird8:"4.3rem",minorThird7:"3.583rem",minorThird6:"2.986rem",minorThird5:"2.488rem",minorThird4:"2.074rem",minorThird3:"1.728rem",minorThird2:"1.44rem",minorThird1:"1.2rem",minorThird0:"1rem",minorThirdSub1:"0.833rem",minorThirdSub2:"0.694rem",minorThirdSub3:"0.579rem",minorThirdSub4:"0.482rem",minorThirdSub5:"0.402rem",minorThirdSub6:"0.335rem"},spacingXS:"8px",spacingS:"16px",spacingM:"24px",spacingL:"32px",spacingXL:"40px",spacingXXL:"48px",spacing:{main:"24px",section:"32px",header:"24px",article:"24px",paragraph:"16px",line:"8px",scale1:"1px",scale2:"2px",scale4:"4px",scale6:"6px",scale8:"8px",scale16:"16px",scale24:"24px",scale32:"32px",scale40:"40px",scale48:"48px",scale56:"56px",scale64:"64px",scale72:"72px",scale80:"80px",scale88:"88px",scale96:"96px",scale104:"104px",scale112:"112px",scale120:"120px",scale128:"128px",scale160:"160px",scale208:"208px"}}},_=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 V(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}var X={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:$.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:$.size.spacing.scale8}},colorDefault:{backgroundColor:$.color.gray10,color:$.color.gray60},colorPrimary:{backgroundColor:$.color.indigo10,color:$.color.indigo80},colorSecondary:{backgroundColor:$.color.pink10,color:$.color.pink80},colorError:{backgroundColor:$.color.red10,color:$.color.error},colorInfo:{backgroundColor:$.color.indigo10,color:$.color.indigo80},colorSuccess:{backgroundColor:$.color.green10,color:$.color.green80}}},U={h1:{fontFamily:$.font.family.heading,fontSize:$.size.font.heading.default,fontWeight:$.font.weight.bold,lineHeight:$.font.lineHeight.xlarge},h2:{fontFamily:$.font.family.heading,fontSize:$.size.font.heading.small,fontWeight:$.font.weight.bold,lineHeight:$.font.lineHeight.xlarge},h3:{fontFamily:$.font.family.heading,fontSize:$.size.font.heading.xsmall,fontWeight:$.font.weight.bold,lineHeight:$.font.lineHeight.large},body1:{fontFamily:$.font.family.text,fontSize:$.size.font.body.default,fontWeight:$.font.weight.normal,lineHeight:$.font.lineHeight.large},body2:{fontFamily:$.font.family.text,fontSize:$.size.font.body.default,fontWeight:$.font.weight.bold,lineHeight:$.font.lineHeight.large},caption:{fontFamily:$.font.family.text,fontSize:$.size.font.caption.default,fontWeight:$.font.weight.normal,lineHeight:$.font.lineHeight.medium},overline:{fontFamily:$.font.family.heading,fontSize:$.size.font.overline.default,letterSpacing:"initial",fontWeight:$.font.weight.bold,color:$.color.gray60}},K={small:"".concat($.size.spacing.scale4," ").concat($.size.spacing.scale8),medium:"".concat($.size.spacing.scale8," ").concat($.size.spacing.scale16),large:"".concat($.size.spacing.scale16," ").concat($.size.spacing.scale32)},Q={styleOverrides:{root:{textTransform:"none",lineHeight:$.size.spacing.scale16,fontWeight:$.font.weight.bold,fontFamily:$.font.family.text,boxShadow:"none"},contained:{padding:K.medium,color:$.color.gray0},outlinedSuccess:{color:$.color.green60},containedSuccess:{backgroundColor:$.color.green60},containedSizeSmall:{padding:K.small},containedSizeLarge:{padding:K.large},text:{padding:K.medium},textSizeSmall:{padding:K.small},textSizeLarge:{padding:K.large},outlined:{padding:"7px ".concat($.size.spacing.scale16)},outlinedSizeSmall:{padding:K.small},outlinedSizeLarge:{padding:K.large},sizeSmall:{fontSize:$.size.font.label.default},sizeLarge:{fontSize:$.size.font.label.large},startIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}},endIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}}},defaultProps:{disableFocusRipple:!0}},J={styleOverrides:{root:{fontFamily:$.font.family.text,fontSize:$.size.font.label.default,fontWeight:$.font.weight.bold,width:$.size.spacing.scale24,height:$.size.spacing.scale24,"& .MuiSvgIcon-root":{width:$.size.spacing.scale16}},colorDefault:{backgroundColor:$.color.background.dark,"& .MuiSvgIcon-root":{color:$.color.gray60}}}},Y={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:$.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:$.color.primary},"&$disabled":{opacity:.5}}}},ee={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:$.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},te={styleOverrides:{root:{marginRight:16},colorSecondary:{color:$.color.gray0,"&$checked":{color:$.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:$.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:$.color.background.light,border:"2px solid ".concat($.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:$.color.primary,border:"2px solid ".concat($.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},re={styleOverrides:{root:{"& .MuiInputAdornment-root":{button:{padding:"0 ".concat($.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:$.size.spacing.scale16,height:$.size.spacing.scale16}}}}},ne={styleOverrides:{input:{"&.Mui-disabled":{backgroundColor:$.color.background.dark,color:$.color.text.light}}},defaultProps:{size:"small"}},oe={styleOverrides:{outlined:{notchedOutline:{borderColor:$.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}},ae={styleOverrides:{root:{width:"100%","& .MuiFormHelperText-root":{marginTop:$.size.spacing.scale8,marginLeft:0}}}},le={styleOverrides:{root:{fontSize:$.size.font.base,color:$.color.text.base}}},ie={styleOverrides:{root:{borderBottom:"1px solid ".concat($.color.gray20)},indicator:{backgroundColor:$.color.primary}}},ce={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat($.size.spacing.scale16),fontFamily:$.font.family.text,color:$.color.gray60,padding:"0 0 ".concat($.size.spacing.scale16," 0"),"&:hover":{color:$.color.primary,opacity:1},"&$selected":{color:$.color.primary},"&:focus":{color:$.color.primary}}},defaultProps:{disableRipple:!0}},de={styleOverrides:{root:{fontWeight:$.font.weight.normal}}},ue={styleOverrides:{root:{fontWeight:$.font.weight.normal},head:{fontWeight:$.font.weight.bold}}},fe={styleOverrides:{root:{borderTop:"1px solid ".concat($.color.border.default)}}},se={styleOverrides:{root:{borderBottom:"none","& .MuiIconButton-root":{backgroundColor:"transparent"}},selectLabel:{fontWeight:$.font.weight.normal,fontSize:$.size.font.caption.default},displayedRows:{fontWeight:$.font.weight.normal,fontSize:$.size.font.caption.default}}},me=function(e){var t;return(t={})[{error:"&-standardError",success:"&-standardSuccess",info:"&-standardInfo"}[e]]={"& .MuiAlertTitle-root":{color:$.color["success"===e?"green60":e],fontFamily:$.font.family.text,lineHeight:$.font.lineHeight.medium,fontWeight:$.font.weight.bold,fontSize:$.size.font.caption.default}},t},pe={fontSize:$.size.font.caption.default,lineHeight:$.font.lineHeight.medium,fontWeight:$.font.weight.normal},ge={styleOverrides:{root:_(_({width:328,borderRadius:6,backgroundColor:$.color.gray0,boxShadow:"0px 8px 16px rgba(18, 19, 21, 0.08)",color:$.color.text.light,padding:"".concat($.size.spacing.scale8," ").concat($.size.spacing.scale16)},pe),{"& p, & span":_({},pe),"& .MuiAlert-action":{button:{width:$.size.spacing.scale16,height:$.size.spacing.scale16,backgroundColor:$.color.background.light},svg:{width:14,height:14,fill:$.color.gray60}},"&.MuiAlert":_(_(_({},me("error")),me("success")),me("info"))}),icon:{svg:{width:20,height:20}}}};$.size.font.body.default,$.font.family.text,$.color.gray100,$.size.font.caption.default;var he,be,xe,ye,ve={styleOverrides:{root:{fontWeight:$.font.weight.bold,lineHeight:$.font.lineHeight.medium,fontFamily:$.font.family.text,fontSize:$.size.font.caption.default,color:$.color.text.base,marginBottom:$.size.spacing.scale8}}},Ee=e.createTheme({typography:_({},U),palette:{background:{default:"#ffffff"},primary:{main:$.color.primary},secondary:{main:$.color.secondary},error:{main:$.color.error},info:{main:$.color.info},success:{main:$.color.success}},components:{MuiButton:Q,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiChip:X,MuiInput:oe,MuiInputBase:ne,MuiFormControl:ae,MuiFormControlLabel:le,MuiTextField:re,MuiFormLabel:ve,MuiTabs:ie,MuiTab:ce,MuiAvatar:J,MuiCheckbox:Y,MuiRadio:ee,MuiSwitch:te,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiTable:de,MuiTableCell:ue,MuiTableRow:{styleOverrides:{root:{"&:last-child td":{borderBottom:0}}}},MuiTableFooter:fe,MuiTablePagination:se,MuiAlert:ge,MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}}}}),we=r.styled(e.CircularProgress)(xe||(he=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],be=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],Object.defineProperty?Object.defineProperty(he,"raw",{value:be}):he.raw=be,xe=he)),Ce=function(e){var t=e.color,r=void 0===t?"primary":t,n=e.variant,o=void 0===n?"contained":n,a=e.size,l=void 0===a?"medium":a,i=e.loading,c=e.children,d=e.innerRef,u=V(e,["color","variant","size","loading","children","innerRef"]);return k.default.createElement(T.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(we,{size:20,color:"inherit"}))},ke=k.default.forwardRef((function(e,t){return k.default.createElement(Ce,_({},e,{innerRef:t}))})),ze=function(e){var t=e.children,r=V(e,["children"]);return k.default.createElement(S.default,_({},r),t)},Te=function(t){var r=t.icon,n=t.firstName,o=void 0===n?"":n,a=t.lastName,l=void 0===a?"":a,i=t.sx,c=t.innerRef,d=V(t,["icon","firstName","lastName","sx","innerRef"]),u="".concat(o.substring(0,1)).concat(l.substring(0,1)).toLocaleUpperCase(),f=u?$.color.secondary:$.color.background.dark;return k.default.createElement(e.Avatar,_({sx:_(_({},i),{backgroundColor:f}),ref:c},d),u||r)},Se=k.default.forwardRef((function(e,t){return k.default.createElement(Te,_({},e,{innerRef:t}))})),Oe={small:6,medium:8,large:12,fluid:12},Me=function(t){var r=t.children,n=t.ref,o=V(t,["children","ref"]);return k.default.createElement(e.Box,_({},o,{ref:n}),r)},Fe=k.default.forwardRef((function(e,t){return k.default.createElement(Me,_({},e,{ref:t}))})),Pe=function(t){var r=V(t,[]);return k.default.createElement(e.Checkbox,_({},r))},Re=function(t){var r=t.label,n=t.htmlFor,o=t.required,a=void 0===o||o;return k.default.createElement(e.FormLabel,{component:"label",htmlFor:n},r,!a&&k.default.createElement(e.Box,{ml:1,component:"span",sx:{fontWeight:$.font.weight.normal,color:$.color.text.light}},"(optional)"))},Be=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=V(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(Re,{label:n,required:o,htmlFor:r}),k.default.createElement(e.FormGroup,null,c.map((function(t,n){var o=t.value,a=t.label;return k.default.createElement(e.FormControlLabel,{key:n,value:o,label:a||"",control:k.default.createElement(Pe,_({color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(n)}},s))})}))),d&&k.default.createElement(e.FormHelperText,{error:d},u))},Le=k.default.forwardRef((function(e,t){return k.default.createElement(Be,_({inputRef:t},e))})),je=function(t){return k.default.createElement(e.Radio,_({},t))},Ie=function(t){var r=t.id,n=t.required,o=t.component,a=void 0===o?"div":o,l=t.disabled,i=t.data,c=t.label,d=t.error,u=t.sx,f=t.helperText,s=t.inputRef,m=V(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(Re,{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(je,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(n)},inputRef:s})}),l&&k.default.createElement(ze,{variant:"caption",marginLeft:$.size.spacing.scale24,color:$.color.text.light,mb:1},l))}))),d&&f&&k.default.createElement(e.FormHelperText,{error:d},f))},qe=k.default.forwardRef((function(e,t){return k.default.createElement(Ie,_({inputRef:t},e))})),We=function(t){return k.default.createElement(e.Switch,_({},t))},Ae=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=V(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(We,_({},c)))},He=k.default.forwardRef((function(e,t){return k.default.createElement(Ae,_({inputRef:t},e))})),De=function(t){return k.default.createElement(e.Select,_({variant:"outlined"},t))},Ze=function(t){var r=t.id,n=t.required,o=t.component,a=void 0===o?"div":o,l=t.disabled,i=t.label,c=t.error,d=t.helperText,u=t.sx,f=t.options,s=V(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(Re,{label:i,required:n,htmlFor:r}),k.default.createElement(De,_({},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))},Ge=k.default.forwardRef((function(e,t){return k.default.createElement(Ze,_({inputRef:t},e))})),Ne=function(r){var n=r.type,o=V(r,["type"]),a=t.useState(!1),l=a[0],i=a[1],c=_(_({},o.InputProps),"password"===n&&{endAdornment:k.default.createElement(O.default,{position:"end"},k.default.createElement(M.default,{"aria-label":"toggle password visibility",onClick:function(){return i(!l)},edge:"end"},l?k.default.createElement(F.default,null):k.default.createElement(P.default,null)))});return k.default.createElement(e.TextField,_({},o,{type:l?"text":n,InputProps:c}))},$e=function(t){var r=t.id,n=t.component,o=void 0===n?"div":n,a=t.required,l=t.disabled,i=t.label,c=t.error,d=t.helperText,u=t.sx,f=V(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(Re,{label:i,required:a,htmlFor:r}),k.default.createElement(Ne,_({},f,{id:r,error:c,inputProps:{"data-testid":r},disabled:l,helperText:d})))},_e=k.default.forwardRef((function(e,t){return k.default.createElement($e,_({inputRef:t},e))}));function Ve(){return Ve=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},Ve.apply(this,arguments)}var Xe,Ue,Ke=function(e){return z.createElement("svg",Ve({viewBox:"0 0 24 24"},e),ye||(ye=z.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M12.141 4.894H3.576A1.977 1.977 0 0 0 1.6 6.871v14.494c0 1.09.885 1.976 1.976 1.976h14.495a1.977 1.977 0 0 0 1.976-1.976V12.8M17.412 1.6h4.94a.99.99 0 0 1 .99.988V7.53m-10.883 4.952L23.05 1.89"})))};function Qe(){return Qe=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Qe.apply(this,arguments)}var Je,Ye,et=function(e){return z.createElement("svg",Qe({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),Xe||(Xe=z.createElement("path",{d:"M12 17.998a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25ZM12 14.248a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 0 1 1.5 0v7.5a.75.75 0 0 1-.75.75Z",fill:"currentColor"})),Ue||(Ue=z.createElement("path",{d:"M12 23.997a2.546 2.546 0 0 1-1.81-.748L.75 13.81a2.564 2.564 0 0 1 0-3.621L10.19.75a2.542 2.542 0 0 1 1.807-.751c.685 0 1.327.265 1.81.747l9.444 9.443a2.566 2.566 0 0 1 0 3.621l-9.44 9.439a2.55 2.55 0 0 1-1.811.748Zm-.75-1.809c.2.199.466.309.75.309s.55-.11.75-.31l9.44-9.439a1.064 1.064 0 0 0 0-1.501L12.749 1.81c-.01-.009-.024-.025-.033-.035a1.034 1.034 0 0 0-.713-.276c-.288 0-.553.111-.753.311l-9.441 9.44a1.063 1.063 0 0 0 0 1.5l9.441 9.438Z",fill:"currentColor"})))};function tt(){return tt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},tt.apply(this,arguments)}var rt,nt,ot=function(e){return z.createElement("svg",tt({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),Je||(Je=z.createElement("path",{d:"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5h-.75ZM11.625 8.25a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25Z",fill:"currentColor"})),Ye||(Ye=z.createElement("path",{d:"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12Zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5Z",fill:"currentColor"})))};function at(){return at=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},at.apply(this,arguments)}var lt,it=function(e){return z.createElement("svg",at({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),rt||(rt=z.createElement("path",{d:"M9.325 17.916a1.79 1.79 0 0 1-1.498-.799l-2.44-3.462a.75.75 0 0 1 1.227-.864l2.45 3.477a.306.306 0 0 0 .261.148.294.294 0 0 0 .236-.119l7.852-9.935a.75.75 0 0 1 1.175.93l-7.843 9.923a1.781 1.781 0 0 1-.423.396 1.78 1.78 0 0 1-.997.305Z",fill:"currentColor"})),nt||(nt=z.createElement("path",{d:"M12 23.999c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12Zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5Z",fill:"currentColor"})))};function ct(){return ct=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ct.apply(this,arguments)}var dt=function(e){return z.createElement("svg",ct({viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),lt||(lt=z.createElement("path",{d:"M23.25 23.999a.743.743 0 0 1-.53-.22L12 13.06 1.28 23.779a.744.744 0 0 1-1.06 0 .752.752 0 0 1 0-1.061l10.72-10.72L.22 1.279A.743.743 0 0 1 0 .749c0-.2.078-.389.22-.53a.743.743 0 0 1 .53-.22c.2 0 .389.078.53.22L12 10.938 22.72.218a.744.744 0 0 1 1.06 0 .747.747 0 0 1 0 1.061L13.06 12l10.72 10.72a.752.752 0 0 1 0 1.061.746.746 0 0 1-.53.219Z"})))},ut=function(t){var r=t.children,n=V(t,["children"]);return k.default.createElement(e.Tabs,_({},n),r)},ft=function(t){var r=t.children,n=V(t,["children"]);return k.default.createElement(e.Tab,_({},n),r)},st=function(e){var t=e.children,r=e.value,n=void 0===r?0:r,o=e.index,a=e.id;return k.default.createElement(Fe,{role:"tabpanel",hidden:n!==o,id:a},t)},mt=function(t){var r=t.children,n=V(t,["children"]);return k.default.createElement(e.Modal,_({},n),r)},pt=function(t){var r=t.size,n=void 0===r?"medium":r,o=t.removePadding,a=void 0!==o&&o,l=t.children,i=V(t,["size","removePadding","children"]),c="medium"===n?"16px":"12px",d="medium"===n?"10px":"6px";return k.default.createElement(e.IconButton,_({sx:{color:$.color.gray60,backgroundColor:$.color.background.dark,height:c,width:c,padding:a?0:"3px",svg:{width:a?c:d,height:a?c:d}}},i),l)},gt=function(t){var r=t.title,n=t.titleVariant,o=void 0===n?"h2":n,a=t.subtitle,l=t.children,i=t.actions,c=t.headerAction,d=t.innerRef,u=V(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))))},ht=k.default.forwardRef((function(e,t){return k.default.createElement(gt,_({},e,{innerRef:t}))})),bt=function(t){var r=t.children,n=V(t,["children"]);return k.default.createElement(e.Alert,_({},n,{iconMapping:{info:k.default.createElement(e.SvgIcon,{component:ot,sx:{color:$.color.primary}}),success:k.default.createElement(e.SvgIcon,{component:it,sx:{color:$.color.green60}}),error:k.default.createElement(e.SvgIcon,{component:et,sx:{color:$.color.error}})}}),r)},xt={background:{info:$.color.indigo10,success:$.color.green10,error:$.color.red10},font:{info:$.color.primary,success:$.color.green60,error:$.color.error}},yt=function(t){var r=t.children,n=V(t,["children"]);return k.default.createElement(e.Tooltip,_({},n),r)},vt=function(t){var r=t.innerRef,n=V(t,["innerRef"]);return k.default.createElement(e.Menu,_({},n,{ref:r}))},Et=k.default.forwardRef((function(e,t){return k.default.createElement(vt,_({},e,{innerRef:t}))})),wt=function(t){var r=t.children,n=V(t,["children"]);return k.default.createElement(e.Popover,_({},n),r)},Ct=function(e){var r=e.id,n=e.icon,o=e.actions,a=e.title,l=e.children,i=e.sx,c=V(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(pt,{onClick:function(e){return f(e.currentTarget)}},n?k.default.createElement(n,null):k.default.createElement(B.default,null)),k.default.createElement(wt,{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(ht,_({},c,{sx:_({maxWidth:328},i),title:a,titleVariant:"h3",headerAction:k.default.createElement(pt,{onClick:function(){return f(null)}},k.default.createElement(dt,null)),actions:o}),l)))};exports.Alert=function(t){var r=t.type,n=void 0===r?"success":r,o=t.title,a=t.children,l=V(t,["type","title","children"]);return k.default.createElement(bt,_({severity:n},l),o&&k.default.createElement(e.AlertTitle,null,e.capitalize(o)),a)},exports.Avatar=Se,exports.Banner=function(t){var r=t.type,n=void 0===r?"info":r,o=t.variant,a=void 0===o?"stacked":o,l=t.title,i=t.onDismiss,c=t.children,d=t.actionLabel,u=t.actionProps,f=V(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(bt,_({},f,{severity:n,sx:_(_({},f.sx),{backgroundColor:xt.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:xt.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:$.color.gray0,":hover":{backgroundColor:$.color.gray0}},color:n},"Dismiss")))},exports.Box=Fe,exports.Button=ke,exports.Checkbox=Pe,exports.Chip=function(t){var r=t.label,n=V(t,["label"]);return k.default.createElement(e.Chip,_({size:"small",label:r},n))},exports.CodeBox=function(r){var n=r.label,o=r.text,a=t.useState("Copy"),l=a[0],i=a[1];return k.default.createElement(k.default.Fragment,null,n&&k.default.createElement(e.FormLabel,{component:"label"},n),k.default.createElement(e.Box,{p:1,sx:{borderRadius:$.size.border.radius.default,color:$.color.secondary,backgroundColor:$.color.gray10},component:"pre"},k.default.createElement(e.Grid,{container:!0,wrap:"nowrap",spacing:1,justifyContent:"space-between"},k.default.createElement(e.Grid,{item:!0},k.default.createElement(ze,{variant:"caption"},o)),k.default.createElement(e.Grid,{item:!0,alignSelf:"end"},k.default.createElement(M.default,{sx:{p:0,backgroundColor:"transparent"},onClick:function(){return function(e,t){if(!navigator.clipboard){var r=document.createElement("input");return r.setAttribute("value",e),document.body.appendChild(r),r.select(),document.execCommand("copy"),document.body.removeChild(r),void t()}navigator.clipboard.writeText(e).then((function(){t()}))}(o,(function(){return i("Copied")}))},disableRipple:!0,"data-testid":"copy"},k.default.createElement(yt,{title:l,placement:"top",onClose:function(){return i("Copy")}},k.default.createElement(j.default,{width:$.size.spacing.scale16,height:$.size.spacing.scale16,sx:{fontSize:$.size.font.body.default}})))))))},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=V(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:Oe[a]},l)))},exports.ControlButton=pt,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(Ct,{id:i,title:l,actions:c&&k.default.createElement(e.Button,{variant:"outlined",size:"small",href:"".concat("https://docs.up42.com").concat(o),target:"_blank",rel:"noopener noreferrer"},a)},n&&k.default.createElement(ze,{variant:"caption",style:{color:$.color.gray60}},k.default.createElement(L.default,null,n)))},exports.EmptyState=function(t){var r=t.icon,n=t.title,o=t.subTitle,a=t.action,l=V(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:R.default,sx:{marginBottom:$.size.spacing.scale24,fontSize:$.size.spacing.scale104,color:$.color.gray20}}),k.default.createElement(ze,{variant:"h1",component:"span",mb:2},n),k.default.createElement(ze,{variant:"body1",color:$.color.gray60,mb:3},o),a)},exports.FormCheckbox=Le,exports.FormInput=_e,exports.FormRadio=qe,exports.FormSelect=Ge,exports.FormSwitch=He,exports.InfoCard=ht,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=V(t,["title","subtitle","children","actions","open","maxWidth","onClose"]);return k.default.createElement(mt,_({open:l,onClose:d,closeAfterTransition:!0,BackdropProps:{timeout:500}},u),k.default.createElement(e.Fade,{in:l},k.default.createElement(ht,{title:r,subtitle:n,actions:a,headerAction:d&&k.default.createElement(pt,{onClick:function(e){return d(e,"escapeKeyDown")}},k.default.createElement(dt,null)),sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",maxWidth:c}},o)))},exports.InfoPopover=Ct,exports.Input=Ne,exports.Link=function(t){var r,n=t.children,o=t.underline,a=void 0===o?"hover":o,l=t.toParentNavigation,i=V(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:Ke,fontSize:"inherit",sx:{marginLeft:".25em"}}))},exports.Menu=Et,exports.MenuItem=function(t){return k.default.createElement(e.MenuItem,_({},t))},exports.Modal=mt,exports.Popover=wt,exports.Radio=je,exports.Select=De,exports.Switch=We,exports.Tab=ft,exports.TabGroup=function(e){var r=e.tabs,n=e.nameSpace,o=e.tabContentProps,a=e.tabsProps,l=t.useState(0),i=l[0],c=l[1],d=n?"".concat(n,"-"):"";return k.default.createElement(k.default.Fragment,null,k.default.createElement(ut,_({},a,{value:i,onChange:function(e,t){c(t)}}),r.map((function(e,t){return k.default.createElement(ft,{key:"".concat(d,"tab-").concat(t),label:e.label,"aria-controls":"".concat(d,"panel-").concat(t)})}))),k.default.createElement(Fe,_({},o),r.map((function(e,t){var r="".concat(d,"panel-").concat(t);return k.default.createElement(st,{key:r,value:i,index:t,id:r,"aria-labelledby":"".concat(d,"tab-").concat(t)},e.content)}))))},exports.Table=function(e){var t=e.children,r=V(e,["children"]);return k.default.createElement(I.default,_({},r),t)},exports.TableBody=function(e){var t=e.children,r=V(e,["children"]);return k.default.createElement(q.default,_({},r),t)},exports.TableCell=function(e){var t=e.children,r=V(e,["children"]);return k.default.createElement(W.default,_({},r),t)},exports.TableContainer=function(e){var t=e.children,r=V(e,["children"]);return k.default.createElement(A.default,_({},r),t)},exports.TableFooter=function(e){var t=e.children,r=V(e,["children"]);return k.default.createElement(N.default,_({},r),t)},exports.TableHead=function(e){var t=e.children,r=V(e,["children"]);return k.default.createElement(H.default,_({},r),t)},exports.TablePagination=function(e){var t=V(e,[]);return k.default.createElement(Z.default,_({},t))},exports.TableRow=function(e){var t=e.children,r=V(e,["children"]);return k.default.createElement(D.default,_({},r),t)},exports.TableSortLabel=function(e){var t=e.children,r=V(e,["children"]);return k.default.createElement(G.default,_({},r),t)},exports.Tabs=ut,exports.Tooltip=yt,exports.Typography=ze,exports.UpComponentsProvider=function(t){return k.default.createElement(k.default.Fragment,null,k.default.createElement(e.CssBaseline,null),k.default.createElement(r.ThemeProvider,{theme:Ee},t.children))},exports.theme=Ee,exports.tokens=$,Object.keys(e).forEach((function(t){"default"===t||exports.hasOwnProperty(t)||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return e[t]}})}));
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/icons-material/ContentCopy"),m=require("@mui/material/Table"),p=require("@mui/material/TableBody"),g=require("@mui/material/TableCell"),h=require("@mui/material/TableContainer"),b=require("@mui/material/TableHead"),x=require("@mui/material/TableRow"),y=require("@mui/material/TablePagination"),v=require("@mui/material/TableSortLabel"),E=require("@mui/material/TableFooter");function w(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function C(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var k=w(t),z=C(t),T=w(n),S=w(o),O=w(a),M=w(l),R=w(i),F=w(c),P=w(d),B=w(u),L=w(f),j=w(s),I=w(m),q=w(p),W=w(g),A=w(h),H=w(b),D=w(x),Z=w(y),_=w(v),G=w(E),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 V(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)t.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(r[n[o]]=e[n[o]])}return r}var X={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily: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}}},U={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}},K={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)},Q={styleOverrides:{root:{textTransform:"none",lineHeight:N.size.spacing.scale16,fontWeight:N.font.weight.bold,fontFamily:N.font.family.text,boxShadow:"none"},contained:{padding:K.medium,color:N.color.gray0},outlinedSuccess:{color:N.color.green60},containedSuccess:{backgroundColor:N.color.green60},containedSizeSmall:{padding:K.small},containedSizeLarge:{padding:K.large},text:{padding:K.medium},textSizeSmall:{padding:K.small},textSizeLarge:{padding:K.large},outlined:{padding:"7px ".concat(N.size.spacing.scale16)},outlinedSizeSmall:{padding:K.small},outlinedSizeLarge:{padding:K.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}},J={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}}}},Y={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}}}},ee={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:N.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},te={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"}}},re={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}}}}},ne={styleOverrides:{input:{"&.Mui-disabled":{backgroundColor:N.color.background.dark,color:N.color.text.light}}},defaultProps:{size:"small"}},oe={styleOverrides:{outlined:{notchedOutline:{borderColor:N.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}},ae={styleOverrides:{root:{width:"100%","& .MuiFormHelperText-root":{marginTop:N.size.spacing.scale8,marginLeft:0}}}},le={styleOverrides:{root:{fontSize:N.size.font.base,color:N.color.text.base}}},ie={styleOverrides:{root:{borderBottom:"1px solid ".concat(N.color.gray20)},indicator:{backgroundColor:N.color.primary}}},ce={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}},de={styleOverrides:{root:{fontWeight:N.font.weight.normal}}},ue={styleOverrides:{root:{fontWeight:N.font.weight.normal},head:{fontWeight:N.font.weight.bold}}},fe={styleOverrides:{root:{borderTop:"1px solid ".concat(N.color.border.default)}}},se={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}}},me=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},pe={fontSize:N.size.font.caption.default,lineHeight:N.font.lineHeight.medium,fontWeight:N.font.weight.normal},ge={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)},pe),{"& p, & span":$({},pe),"& .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":$($($({},me("error")),me("success")),me("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 he,be,xe,ye,ve={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}}},Ee=e.createTheme({typography:$({},U),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:Q,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiChip:X,MuiInput:oe,MuiInputBase:ne,MuiFormControl:ae,MuiFormControlLabel:le,MuiTextField:re,MuiFormLabel:ve,MuiTabs:ie,MuiTab:ce,MuiAvatar:J,MuiCheckbox:Y,MuiRadio:ee,MuiSwitch:te,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiTable:de,MuiTableCell:ue,MuiTableRow:{styleOverrides:{root:{"&:last-child td":{borderBottom:0}}}},MuiTableFooter:fe,MuiTablePagination:se,MuiAlert:ge,MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}}}}),we=r.styled(e.CircularProgress)(xe||(he=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],be=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],Object.defineProperty?Object.defineProperty(he,"raw",{value:be}):he.raw=be,xe=he)),Ce=function(e){var t,r=e.color,n=void 0===r?"primary":r,o=e.variant,a=void 0===o?"contained":o,l=e.size,i=void 0===l?"medium":l,c=e.loading,d=e.children,u=e.innerRef,f=V(e,["color","variant","size","loading","children","innerRef"]),s=null===(t=f.href)||void 0===t?void 0:t.startsWith("https");return k.default.createElement(T.default,$({size:i,variant:a,color:n,disabled:c},s&&{target:"_blank",rel:"noopener noreferrer"},f,{ref:u}),k.default.createElement("span",{style:{opacity:c?0:1}},d),c&&k.default.createElement(we,{size:20,color:"inherit"}))},ke=k.default.forwardRef((function(e,t){return k.default.createElement(Ce,$({},e,{innerRef:t}))})),ze=function(e){var t=e.children,r=V(e,["children"]);return k.default.createElement(S.default,$({},r),t)},Te=function(t){var r=t.icon,n=t.firstName,o=void 0===n?"":n,a=t.lastName,l=void 0===a?"":a,i=t.sx,c=t.innerRef,d=V(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)},Se=k.default.forwardRef((function(e,t){return k.default.createElement(Te,$({},e,{innerRef:t}))})),Oe={small:6,medium:8,large:12,fluid:12},Me=function(t){var r=t.children,n=t.ref,o=V(t,["children","ref"]);return k.default.createElement(e.Box,$({},o,{ref:n}),r)},Re=k.default.forwardRef((function(e,t){return k.default.createElement(Me,$({},e,{ref:t}))})),Fe=function(t){var r=V(t,[]);return k.default.createElement(e.Checkbox,$({},r))},Pe=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)"))},Be=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=V(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(Pe,{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(Fe,$({color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(n)}},s))})}))),d&&k.default.createElement(e.FormHelperText,{error:d},u))},Le=k.default.forwardRef((function(e,t){return k.default.createElement(Be,$({inputRef:t},e))})),je=function(t){return k.default.createElement(e.Radio,$({},t))},Ie=function(t){var r=t.id,n=t.required,o=t.component,a=void 0===o?"div":o,l=t.disabled,i=t.data,c=t.label,d=t.error,u=t.sx,f=t.helperText,s=t.inputRef,m=V(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(Pe,{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(je,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(n)},inputRef:s})}),l&&k.default.createElement(ze,{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))},qe=k.default.forwardRef((function(e,t){return k.default.createElement(Ie,$({inputRef:t},e))})),We=function(t){return k.default.createElement(e.Switch,$({},t))},Ae=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=V(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(We,$({},c)))},He=k.default.forwardRef((function(e,t){return k.default.createElement(Ae,$({inputRef:t},e))})),De=function(t){return k.default.createElement(e.Select,$({variant:"outlined"},t))},Ze=function(t){var r=t.id,n=t.required,o=t.component,a=void 0===o?"div":o,l=t.disabled,i=t.label,c=t.error,d=t.helperText,u=t.sx,f=t.options,s=V(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(Pe,{label:i,required:n,htmlFor:r}),k.default.createElement(De,$({},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))},_e=k.default.forwardRef((function(e,t){return k.default.createElement(Ze,$({inputRef:t},e))})),Ge=function(r){var n=r.type,o=V(r,["type"]),a=t.useState(!1),l=a[0],i=a[1],c=$($({},o.InputProps),"password"===n&&{endAdornment:k.default.createElement(O.default,{position:"end"},k.default.createElement(M.default,{"aria-label":"toggle password visibility",onClick:function(){return i(!l)},edge:"end"},l?k.default.createElement(R.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=V(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(Pe,{label:i,required:a,htmlFor:r}),k.default.createElement(Ge,$({},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 Ve(){return Ve=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},Ve.apply(this,arguments)}var Xe,Ue,Ke=function(e){return z.createElement("svg",Ve({viewBox:"0 0 24 24"},e),ye||(ye=z.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M12.141 4.894H3.576A1.977 1.977 0 0 0 1.6 6.871v14.494c0 1.09.885 1.976 1.976 1.976h14.495a1.977 1.977 0 0 0 1.976-1.976V12.8M17.412 1.6h4.94a.99.99 0 0 1 .99.988V7.53m-10.883 4.952L23.05 1.89"})))};function Qe(){return Qe=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},Qe.apply(this,arguments)}var Je,Ye,et=function(e){return z.createElement("svg",Qe({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),Xe||(Xe=z.createElement("path",{d:"M12 17.998a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25ZM12 14.248a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 0 1 1.5 0v7.5a.75.75 0 0 1-.75.75Z",fill:"currentColor"})),Ue||(Ue=z.createElement("path",{d:"M12 23.997a2.546 2.546 0 0 1-1.81-.748L.75 13.81a2.564 2.564 0 0 1 0-3.621L10.19.75a2.542 2.542 0 0 1 1.807-.751c.685 0 1.327.265 1.81.747l9.444 9.443a2.566 2.566 0 0 1 0 3.621l-9.44 9.439a2.55 2.55 0 0 1-1.811.748Zm-.75-1.809c.2.199.466.309.75.309s.55-.11.75-.31l9.44-9.439a1.064 1.064 0 0 0 0-1.501L12.749 1.81c-.01-.009-.024-.025-.033-.035a1.034 1.034 0 0 0-.713-.276c-.288 0-.553.111-.753.311l-9.441 9.44a1.063 1.063 0 0 0 0 1.5l9.441 9.438Z",fill:"currentColor"})))};function tt(){return tt=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},tt.apply(this,arguments)}var rt,nt,ot=function(e){return z.createElement("svg",tt({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),Je||(Je=z.createElement("path",{d:"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5h-.75ZM11.625 8.25a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25Z",fill:"currentColor"})),Ye||(Ye=z.createElement("path",{d:"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12Zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5Z",fill:"currentColor"})))};function at(){return at=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},at.apply(this,arguments)}var lt,it=function(e){return z.createElement("svg",at({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),rt||(rt=z.createElement("path",{d:"M9.325 17.916a1.79 1.79 0 0 1-1.498-.799l-2.44-3.462a.75.75 0 0 1 1.227-.864l2.45 3.477a.306.306 0 0 0 .261.148.294.294 0 0 0 .236-.119l7.852-9.935a.75.75 0 0 1 1.175.93l-7.843 9.923a1.781 1.781 0 0 1-.423.396 1.78 1.78 0 0 1-.997.305Z",fill:"currentColor"})),nt||(nt=z.createElement("path",{d:"M12 23.999c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12Zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5Z",fill:"currentColor"})))};function ct(){return ct=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},ct.apply(this,arguments)}var dt=function(e){return z.createElement("svg",ct({viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),lt||(lt=z.createElement("path",{d:"M23.25 23.999a.743.743 0 0 1-.53-.22L12 13.06 1.28 23.779a.744.744 0 0 1-1.06 0 .752.752 0 0 1 0-1.061l10.72-10.72L.22 1.279A.743.743 0 0 1 0 .749c0-.2.078-.389.22-.53a.743.743 0 0 1 .53-.22c.2 0 .389.078.53.22L12 10.938 22.72.218a.744.744 0 0 1 1.06 0 .747.747 0 0 1 0 1.061L13.06 12l10.72 10.72a.752.752 0 0 1 0 1.061.746.746 0 0 1-.53.219Z"})))},ut=function(t){var r=t.children,n=V(t,["children"]);return k.default.createElement(e.Tabs,$({},n),r)},ft=function(t){var r=t.children,n=V(t,["children"]);return k.default.createElement(e.Tab,$({},n),r)},st=function(e){var t=e.children,r=e.value,n=void 0===r?0:r,o=e.index,a=e.id;return k.default.createElement(Re,{role:"tabpanel",hidden:n!==o,id:a},t)},mt=function(t){var r=t.children,n=V(t,["children"]);return k.default.createElement(e.Modal,$({},n),r)},pt=function(t){var r=t.size,n=void 0===r?"medium":r,o=t.removePadding,a=void 0!==o&&o,l=t.children,i=V(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)},gt=function(t){var r=t.title,n=t.titleVariant,o=void 0===n?"h2":n,a=t.subtitle,l=t.children,i=t.actions,c=t.headerAction,d=t.innerRef,u=V(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))))},ht=k.default.forwardRef((function(e,t){return k.default.createElement(gt,$({},e,{innerRef:t}))})),bt=function(t){var r=t.children,n=t.innerRef,o=V(t,["children","innerRef"]);return k.default.createElement(e.Alert,$({},o,{ref:n,iconMapping:{info:k.default.createElement(e.SvgIcon,{component:ot,sx:{color:N.color.primary}}),success:k.default.createElement(e.SvgIcon,{component:it,sx:{color:N.color.green60}}),error:k.default.createElement(e.SvgIcon,{component:et,sx:{color:N.color.error}})}}),r)},xt=k.default.forwardRef((function(e,t){return k.default.createElement(bt,$({},e,{innerRef:t}))})),yt=function(t){var r=t.type,n=void 0===r?"success":r,o=t.title,a=t.innerRef,l=t.children,i=V(t,["type","title","innerRef","children"]);return k.default.createElement(xt,$({severity:n},i,{ref:a}),o&&k.default.createElement(e.AlertTitle,null,e.capitalize(o)),l)},vt=k.default.forwardRef((function(e,t){return k.default.createElement(yt,$({},e,{innerRef:t}))})),Et={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}},wt=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.innerRef,s=V(t,["type","variant","title","onDismiss","children","actionLabel","actionProps","innerRef"]),m=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(xt,$({},s,{ref:f,severity:n,sx:$($({},s.sx),{backgroundColor:Et.background[n],boxShadow:"initial",width:"initial",py:m.padding.py,justifyContent:m.position.justifyContent,".MuiAlert-icon":$($({},m.position),{mr:1,svg:{width:16,height:16}}),".MuiAlert-message":$({},m.position),".MuiAlertTitle-root":$({},m.margin),".banner-content":$($({},m.position),{"&__message":$({},m.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:Et.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")))},Ct=k.default.forwardRef((function(e,t){return k.default.createElement(wt,$({},e,{innerRef:t}))})),kt=function(t){var r=t.children,n=V(t,["children"]);return k.default.createElement(e.Tooltip,$({},n),r)},zt=function(t){var r=t.innerRef,n=V(t,["innerRef"]);return k.default.createElement(e.Menu,$({},n,{ref:r}))},Tt=k.default.forwardRef((function(e,t){return k.default.createElement(zt,$({},e,{innerRef:t}))})),St=function(t){var r=t.children,n=V(t,["children"]);return k.default.createElement(e.Popover,$({},n),r)},Ot=function(e){var r=e.id,n=e.icon,o=e.actions,a=e.title,l=e.children,i=e.sx,c=V(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(pt,{onClick:function(e){return f(e.currentTarget)}},n?k.default.createElement(n,null):k.default.createElement(B.default,null)),k.default.createElement(St,{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(ht,$({},c,{sx:$({maxWidth:328},i),title:a,titleVariant:"h3",headerAction:k.default.createElement(pt,{onClick:function(){return f(null)}},k.default.createElement(dt,null)),actions:o}),l)))};exports.Alert=vt,exports.Avatar=Se,exports.Banner=Ct,exports.Box=Re,exports.Button=ke,exports.Checkbox=Fe,exports.Chip=function(t){var r=t.label,n=V(t,["label"]);return k.default.createElement(e.Chip,$({size:"small",label:r},n))},exports.CodeBox=function(r){var n=r.label,o=r.text,a=t.useState("Copy"),l=a[0],i=a[1];return k.default.createElement(k.default.Fragment,null,n&&k.default.createElement(e.FormLabel,{component:"label"},n),k.default.createElement(e.Box,{p:1,sx:{borderRadius:N.size.border.radius.default,color:N.color.secondary,backgroundColor:N.color.gray10},component:"pre"},k.default.createElement(e.Grid,{container:!0,wrap:"nowrap",spacing:1,justifyContent:"space-between"},k.default.createElement(e.Grid,{item:!0},k.default.createElement(ze,{variant:"caption"},o)),k.default.createElement(e.Grid,{item:!0,alignSelf:"end"},k.default.createElement(M.default,{sx:{p:0,backgroundColor:"transparent"},onClick:function(){return function(e,t){if(!navigator.clipboard){var r=document.createElement("input");return r.setAttribute("value",e),document.body.appendChild(r),r.select(),document.execCommand("copy"),document.body.removeChild(r),void t()}navigator.clipboard.writeText(e).then((function(){t()}))}(o,(function(){return i("Copied")}))},disableRipple:!0,"data-testid":"copy"},k.default.createElement(kt,{title:l,placement:"top",onClose:function(){return i("Copy")}},k.default.createElement(j.default,{width:N.size.spacing.scale16,height:N.size.spacing.scale16,sx:{fontSize:N.size.font.body.default}})))))))},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=V(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:Oe[a]},l)))},exports.ControlButton=pt,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(Ot,{id:i,title:l,actions:c&&k.default.createElement(e.Button,{variant:"outlined",size:"small",href:"".concat("https://docs.up42.com").concat(o),target:"_blank",rel:"noopener noreferrer"},a)},n&&k.default.createElement(ze,{variant:"caption",style:{color:N.color.gray60}},k.default.createElement(L.default,null,n)))},exports.EmptyState=function(t){var r=t.icon,n=t.title,o=t.subTitle,a=t.action,l=V(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(ze,{variant:"h1",component:"span",mb:2},n),k.default.createElement(ze,{variant:"body1",color:N.color.gray60,mb:3},o),a)},exports.FormCheckbox=Le,exports.FormInput=$e,exports.FormRadio=qe,exports.FormSelect=_e,exports.FormSwitch=He,exports.InfoCard=ht,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=V(t,["title","subtitle","children","actions","open","maxWidth","onClose"]);return k.default.createElement(mt,$({open:l,onClose:d,closeAfterTransition:!0,BackdropProps:{timeout:500}},u),k.default.createElement(e.Fade,{in:l},k.default.createElement(ht,{title:r,subtitle:n,actions:a,headerAction:d&&k.default.createElement(pt,{onClick:function(e){return d(e,"escapeKeyDown")}},k.default.createElement(dt,null)),sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",maxWidth:c}},o)))},exports.InfoPopover=Ot,exports.Input=Ge,exports.Link=function(t){var r,n=t.children,o=t.underline,a=void 0===o?"hover":o,l=t.toParentNavigation,i=V(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:Ke,fontSize:"inherit",sx:{marginLeft:".25em"}}))},exports.Menu=Tt,exports.MenuItem=function(t){return k.default.createElement(e.MenuItem,$({},t))},exports.Modal=mt,exports.Popover=St,exports.Radio=je,exports.Select=De,exports.Switch=We,exports.Tab=ft,exports.TabGroup=function(e){var r=e.tabs,n=e.nameSpace,o=e.tabContentProps,a=e.tabsProps,l=t.useState(0),i=l[0],c=l[1],d=n?"".concat(n,"-"):"";return k.default.createElement(k.default.Fragment,null,k.default.createElement(ut,$({},a,{value:i,onChange:function(e,t){c(t)}}),r.map((function(e,t){return k.default.createElement(ft,{key:"".concat(d,"tab-").concat(t),label:e.label,"aria-controls":"".concat(d,"panel-").concat(t)})}))),k.default.createElement(Re,$({},o),r.map((function(e,t){var r="".concat(d,"panel-").concat(t);return k.default.createElement(st,{key:r,value:i,index:t,id:r,"aria-labelledby":"".concat(d,"tab-").concat(t)},e.content)}))))},exports.Table=function(e){var t=e.children,r=V(e,["children"]);return k.default.createElement(I.default,$({},r),t)},exports.TableBody=function(e){var t=e.children,r=V(e,["children"]);return k.default.createElement(q.default,$({},r),t)},exports.TableCell=function(e){var t=e.children,r=V(e,["children"]);return k.default.createElement(W.default,$({},r),t)},exports.TableContainer=function(e){var t=e.children,r=V(e,["children"]);return k.default.createElement(A.default,$({},r),t)},exports.TableFooter=function(e){var t=e.children,r=V(e,["children"]);return k.default.createElement(G.default,$({},r),t)},exports.TableHead=function(e){var t=e.children,r=V(e,["children"]);return k.default.createElement(H.default,$({},r),t)},exports.TablePagination=function(e){var t=V(e,[]);return k.default.createElement(Z.default,$({},t))},exports.TableRow=function(e){var t=e.children,r=V(e,["children"]);return k.default.createElement(D.default,$({},r),t)},exports.TableSortLabel=function(e){var t=e.children,r=V(e,["children"]);return k.default.createElement(_.default,$({},r),t)},exports.Tabs=ut,exports.Tooltip=kt,exports.Typography=ze,exports.UpComponentsProvider=function(t){return k.default.createElement(k.default.Fragment,null,k.default.createElement(e.CssBaseline,null),k.default.createElement(r.ThemeProvider,{theme:Ee},t.children))},exports.theme=Ee,exports.tokens=N,Object.keys(e).forEach((function(t){"default"===t||exports.hasOwnProperty(t)||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return e[t]}})}));
@@ -1,11 +1,16 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { AlertProps as MUIALertProps } from '@mui/material';
3
3
  export declare type AlertColor = 'info' | 'error' | 'success';
4
4
  export declare type AlertProps = Omit<MUIALertProps, 'color' | 'elevation' | 'iconMapping' | 'severity' | 'square' | 'variant' | 'action'> & {
5
5
  type?: AlertColor;
6
6
  };
7
- export declare const AlertBase: ({ children, ...props }: MUIALertProps) => JSX.Element;
7
+ /**
8
+ * Used internally in other components that depend on the Alert
9
+ */
10
+ export declare const AlertBase: React.ForwardRefExoticComponent<Pick<MUIALertProps, "color" | "translate" | "icon" | "className" | "style" | "classes" | "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" | "action" | "sx" | "key" | "variant" | "elevation" | "square" | "onClose" | "iconMapping" | "severity" | "closeText"> & React.RefAttributes<unknown>>;
8
11
  /**
9
12
  * Documentation: https://up-components.up42.dev/?path=/docs/feedback-alert
10
13
  */
11
- export declare const Alert: ({ type, title, children, ...props }: AlertProps) => JSX.Element;
14
+ export declare const Alert: React.ForwardRefExoticComponent<Pick<Omit<MUIALertProps, "color" | "action" | "variant" | "elevation" | "square" | "iconMapping" | "severity"> & {
15
+ type?: AlertColor | undefined;
16
+ }, "translate" | "icon" | "className" | "style" | "classes" | "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" | "sx" | "key" | "type" | "onClose" | "closeText"> & React.RefAttributes<unknown>>;
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { ButtonProps } from '../Button/Button';
3
3
  import { AlertProps } from '../Alert/Alert';
4
4
  export declare type BannerProps = {
@@ -27,4 +27,26 @@ export declare type BannerProps = {
27
27
  /**
28
28
  * Documentation: https://up-components.up42.dev/?path=/docs/feedback-banner
29
29
  */
30
- export declare const Banner: ({ type, variant, title, onDismiss, children, actionLabel, actionProps, ...props }: BannerProps) => JSX.Element;
30
+ export declare const Banner: React.ForwardRefExoticComponent<Pick<{
31
+ /**
32
+ * Call To Action label
33
+ * */
34
+ actionLabel?: string | undefined;
35
+ /**
36
+ * Call To Action button props
37
+ * */
38
+ actionProps?: ButtonProps | undefined;
39
+ /**
40
+ * ### Stacked
41
+ * Stacked banners are contextual and should be placed within the page content.
42
+ *
43
+ * ### Inline
44
+ * Inline banners can be displayed prominently at the top of the screen (below the navigation) or contextually within the page content. Inline banners can be global or page specific.
45
+ */
46
+ variant?: "inline" | "stacked" | undefined;
47
+ /**
48
+ * Callback fired when the Banner requests to be dismissed.
49
+ */
50
+ onDismiss?: ButtonProps['onClick'];
51
+ title: string;
52
+ } & Omit<AlertProps, "icon" | "title" | "role" | "onClose" | "closeText">, "translate" | "className" | "style" | "classes" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "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" | "sx" | "key" | "type" | "variant" | "onDismiss" | "actionLabel" | "actionProps"> & React.RefAttributes<unknown>>;
package/dist/esm/index.js CHANGED
@@ -1 +1 @@
1
- import{createTheme as e,CssBaseline as r,CircularProgress as t,Chip as n,Avatar as o,Container as i,Grid as a,Box as l,Checkbox as c,FormLabel as d,FormControl as s,FormGroup as m,FormControlLabel as u,FormHelperText as f,Radio as p,RadioGroup as g,Switch as h,Select as b,MenuItem as y,TextField as v,Link as x,SvgIcon as E,Tabs as w,Tab as z,Modal as k,IconButton as C,Card as S,CardContent as T,Typography as O,Divider as M,Fade as R,AlertTitle as P,capitalize as F,Alert as L,Button as W,Tooltip as j,Menu as B,Popover as A}from"@mui/material";export*from"@mui/material";import*as I from"react";import H,{useState as q,useMemo as Z}from"react";import{ThemeProvider as N,styled as $}from"@mui/material/styles";import V from"@mui/material/Button";import D from"@mui/material/Typography";import _ from"@mui/material/InputAdornment";import X from"@mui/material/IconButton";import G from"@mui/icons-material/VisibilityOutlined";import K from"@mui/icons-material/VisibilityOffOutlined";import Q from"@mui/icons-material/InfoOutlined";import U from"@mui/icons-material/QuestionMark";import J from"react-markdown";import Y from"@mui/icons-material/ContentCopy";import ee from"@mui/material/Table";import re from"@mui/material/TableBody";import te from"@mui/material/TableCell";import ne from"@mui/material/TableContainer";import oe from"@mui/material/TableHead";import ie from"@mui/material/TableRow";import ae from"@mui/material/TablePagination";import le from"@mui/material/TableSortLabel";import ce from"@mui/material/TableFooter";var de={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"}}},se=function(){return se=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},se.apply(this,arguments)};function me(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t}var ue={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:de.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:de.size.spacing.scale8}},colorDefault:{backgroundColor:de.color.gray10,color:de.color.gray60},colorPrimary:{backgroundColor:de.color.indigo10,color:de.color.indigo80},colorSecondary:{backgroundColor:de.color.pink10,color:de.color.pink80},colorError:{backgroundColor:de.color.red10,color:de.color.error},colorInfo:{backgroundColor:de.color.indigo10,color:de.color.indigo80},colorSuccess:{backgroundColor:de.color.green10,color:de.color.green80}}},fe={h1:{fontFamily:de.font.family.heading,fontSize:de.size.font.heading.default,fontWeight:de.font.weight.bold,lineHeight:de.font.lineHeight.xlarge},h2:{fontFamily:de.font.family.heading,fontSize:de.size.font.heading.small,fontWeight:de.font.weight.bold,lineHeight:de.font.lineHeight.xlarge},h3:{fontFamily:de.font.family.heading,fontSize:de.size.font.heading.xsmall,fontWeight:de.font.weight.bold,lineHeight:de.font.lineHeight.large},body1:{fontFamily:de.font.family.text,fontSize:de.size.font.body.default,fontWeight:de.font.weight.normal,lineHeight:de.font.lineHeight.large},body2:{fontFamily:de.font.family.text,fontSize:de.size.font.body.default,fontWeight:de.font.weight.bold,lineHeight:de.font.lineHeight.large},caption:{fontFamily:de.font.family.text,fontSize:de.size.font.caption.default,fontWeight:de.font.weight.normal,lineHeight:de.font.lineHeight.medium},overline:{fontFamily:de.font.family.heading,fontSize:de.size.font.overline.default,letterSpacing:"initial",fontWeight:de.font.weight.bold,color:de.color.gray60}},pe={small:"".concat(de.size.spacing.scale4," ").concat(de.size.spacing.scale8),medium:"".concat(de.size.spacing.scale8," ").concat(de.size.spacing.scale16),large:"".concat(de.size.spacing.scale16," ").concat(de.size.spacing.scale32)},ge={styleOverrides:{root:{textTransform:"none",lineHeight:de.size.spacing.scale16,fontWeight:de.font.weight.bold,fontFamily:de.font.family.text,boxShadow:"none"},contained:{padding:pe.medium,color:de.color.gray0},outlinedSuccess:{color:de.color.green60},containedSuccess:{backgroundColor:de.color.green60},containedSizeSmall:{padding:pe.small},containedSizeLarge:{padding:pe.large},text:{padding:pe.medium},textSizeSmall:{padding:pe.small},textSizeLarge:{padding:pe.large},outlined:{padding:"7px ".concat(de.size.spacing.scale16)},outlinedSizeSmall:{padding:pe.small},outlinedSizeLarge:{padding:pe.large},sizeSmall:{fontSize:de.size.font.label.default},sizeLarge:{fontSize:de.size.font.label.large},startIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}},endIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}}},defaultProps:{disableFocusRipple:!0}},he={styleOverrides:{root:{fontFamily:de.font.family.text,fontSize:de.size.font.label.default,fontWeight:de.font.weight.bold,width:de.size.spacing.scale24,height:de.size.spacing.scale24,"& .MuiSvgIcon-root":{width:de.size.spacing.scale16}},colorDefault:{backgroundColor:de.color.background.dark,"& .MuiSvgIcon-root":{color:de.color.gray60}}}},be={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:de.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:de.color.primary},"&$disabled":{opacity:.5}}}},ye={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:de.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},ve={styleOverrides:{root:{marginRight:16},colorSecondary:{color:de.color.gray0,"&$checked":{color:de.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:de.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:de.color.background.light,border:"2px solid ".concat(de.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:de.color.primary,border:"2px solid ".concat(de.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},xe={styleOverrides:{root:{"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(de.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:de.size.spacing.scale16,height:de.size.spacing.scale16}}}}},Ee={styleOverrides:{input:{"&.Mui-disabled":{backgroundColor:de.color.background.dark,color:de.color.text.light}}},defaultProps:{size:"small"}},we={styleOverrides:{outlined:{notchedOutline:{borderColor:de.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}},ze={styleOverrides:{root:{width:"100%","& .MuiFormHelperText-root":{marginTop:de.size.spacing.scale8,marginLeft:0}}}},ke={styleOverrides:{root:{fontSize:de.size.font.base,color:de.color.text.base}}},Ce={styleOverrides:{root:{borderBottom:"1px solid ".concat(de.color.gray20)},indicator:{backgroundColor:de.color.primary}}},Se={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(de.size.spacing.scale16),fontFamily:de.font.family.text,color:de.color.gray60,padding:"0 0 ".concat(de.size.spacing.scale16," 0"),"&:hover":{color:de.color.primary,opacity:1},"&$selected":{color:de.color.primary},"&:focus":{color:de.color.primary}}},defaultProps:{disableRipple:!0}},Te={styleOverrides:{root:{fontWeight:de.font.weight.normal}}},Oe={styleOverrides:{root:{fontWeight:de.font.weight.normal},head:{fontWeight:de.font.weight.bold}}},Me={styleOverrides:{root:{borderTop:"1px solid ".concat(de.color.border.default)}}},Re={styleOverrides:{root:{borderBottom:"none","& .MuiIconButton-root":{backgroundColor:"transparent"}},selectLabel:{fontWeight:de.font.weight.normal,fontSize:de.size.font.caption.default},displayedRows:{fontWeight:de.font.weight.normal,fontSize:de.size.font.caption.default}}},Pe=function(e){var r;return(r={})[{error:"&-standardError",success:"&-standardSuccess",info:"&-standardInfo"}[e]]={"& .MuiAlertTitle-root":{color:de.color["success"===e?"green60":e],fontFamily:de.font.family.text,lineHeight:de.font.lineHeight.medium,fontWeight:de.font.weight.bold,fontSize:de.size.font.caption.default}},r},Fe={fontSize:de.size.font.caption.default,lineHeight:de.font.lineHeight.medium,fontWeight:de.font.weight.normal},Le={styleOverrides:{root:se(se({width:328,borderRadius:6,backgroundColor:de.color.gray0,boxShadow:"0px 8px 16px rgba(18, 19, 21, 0.08)",color:de.color.text.light,padding:"".concat(de.size.spacing.scale8," ").concat(de.size.spacing.scale16)},Fe),{"& p, & span":se({},Fe),"& .MuiAlert-action":{button:{width:de.size.spacing.scale16,height:de.size.spacing.scale16,backgroundColor:de.color.background.light},svg:{width:14,height:14,fill:de.color.gray60}},"&.MuiAlert":se(se(se({},Pe("error")),Pe("success")),Pe("info"))}),icon:{svg:{width:20,height:20}}}};de.size.font.body.default,de.font.family.text,de.color.gray100,de.size.font.caption.default;var We,je,Be,Ae,Ie={styleOverrides:{root:{fontWeight:de.font.weight.bold,lineHeight:de.font.lineHeight.medium,fontFamily:de.font.family.text,fontSize:de.size.font.caption.default,color:de.color.text.base,marginBottom:de.size.spacing.scale8}}},He=e({typography:se({},fe),palette:{background:{default:"#ffffff"},primary:{main:de.color.primary},secondary:{main:de.color.secondary},error:{main:de.color.error},info:{main:de.color.info},success:{main:de.color.success}},components:{MuiButton:ge,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiChip:ue,MuiInput:we,MuiInputBase:Ee,MuiFormControl:ze,MuiFormControlLabel:ke,MuiTextField:xe,MuiFormLabel:Ie,MuiTabs:Ce,MuiTab:Se,MuiAvatar:he,MuiCheckbox:be,MuiRadio:ye,MuiSwitch:ve,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiTable:Te,MuiTableCell:Oe,MuiTableRow:{styleOverrides:{root:{"&:last-child td":{borderBottom:0}}}},MuiTableFooter:Me,MuiTablePagination:Re,MuiAlert:Le,MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}}}}),qe=function(e){return H.createElement(H.Fragment,null,H.createElement(r,null),H.createElement(N,{theme:He},e.children))},Ze=$(t)(Be||(We=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],je=["\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(We,"raw",{value:je}):We.raw=je,Be=We)),Ne=function(e){var r=e.color,t=void 0===r?"primary":r,n=e.variant,o=void 0===n?"contained":n,i=e.size,a=void 0===i?"medium":i,l=e.loading,c=e.children,d=e.innerRef,s=me(e,["color","variant","size","loading","children","innerRef"]);return H.createElement(V,se({size:a,variant:o,color:t,disabled:l},s,{ref:d}),H.createElement("span",{style:{opacity:l?0:1}},c),l&&H.createElement(Ze,{size:20,color:"inherit"}))},$e=H.forwardRef((function(e,r){return H.createElement(Ne,se({},e,{innerRef:r}))})),Ve=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(D,se({},t),r)},De=function(e){var r=e.label,t=me(e,["label"]);return H.createElement(n,se({size:"small",label:r},t))},_e=function(e){var r=e.icon,t=e.firstName,n=void 0===t?"":t,i=e.lastName,a=void 0===i?"":i,l=e.sx,c=e.innerRef,d=me(e,["icon","firstName","lastName","sx","innerRef"]),s="".concat(n.substring(0,1)).concat(a.substring(0,1)).toLocaleUpperCase(),m=s?de.color.secondary:de.color.background.dark;return H.createElement(o,se({sx:se(se({},l),{backgroundColor:m}),ref:c},d),s||r)},Xe=H.forwardRef((function(e,r){return H.createElement(_e,se({},e,{innerRef:r}))})),Ge={small:6,medium:8,large:12,fluid:12},Ke=function(e){var r=e.component,t=void 0===r?"div":r,n=e.size,o=void 0===n?"large":n,l=e.children,c=me(e,["component","size","children"]),d="fluid"===o;return H.createElement(i,se({component:t,disableGutters:d,maxWidth:!d&&"lg",sx:se({display:"flex",justifyContent:"center"},c.sx)},c),H.createElement(a,{container:!0,justifyContent:"center"},H.createElement(a,{item:!0,md:Ge[o]},l)))},Qe=function(e){var r=e.children,t=e.ref,n=me(e,["children","ref"]);return H.createElement(l,se({},n,{ref:t}),r)},Ue=H.forwardRef((function(e,r){return H.createElement(Qe,se({},e,{ref:r}))})),Je=function(e){var r=me(e,[]);return H.createElement(c,se({},r))},Ye=function(e){var r=e.label,t=e.htmlFor,n=e.required,o=void 0===n||n;return H.createElement(d,{component:"label",htmlFor:t},r,!o&&H.createElement(l,{ml:1,component:"span",sx:{fontWeight:de.font.weight.normal,color:de.color.text.light}},"(optional)"))},er=function(e){var r=e.id,t=e.label,n=e.required,o=e.component,i=void 0===o?"div":o,a=e.disabled,l=e.data,c=e.error,d=e.helperText,p=e.sx,g=me(e,["id","label","required","component","disabled","data","error","helperText","sx"]);return H.createElement(s,{component:i,error:c,disabled:a,sx:p},H.createElement(Ye,{label:t,required:n,htmlFor:r}),H.createElement(m,null,l.map((function(e,t){var n=e.value,o=e.label;return H.createElement(u,{key:t,value:n,label:o||"",control:H.createElement(Je,se({color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(t)}},g))})}))),c&&H.createElement(f,{error:c},d))},rr=H.forwardRef((function(e,r){return H.createElement(er,se({inputRef:r},e))})),tr=function(e){return H.createElement(p,se({},e))},nr=function(e){var r=e.id,t=e.required,n=e.component,o=void 0===n?"div":n,i=e.disabled,a=e.data,l=e.label,c=e.error,d=e.sx,m=e.helperText,p=e.inputRef,h=me(e,["id","required","component","disabled","data","label","error","sx","helperText","inputRef"]);return H.createElement(s,{component:o,error:c,disabled:i,sx:d},H.createElement(Ye,{label:l,required:t,htmlFor:r}),H.createElement(g,se({},h),a.map((function(e,t){var n=e.value,o=e.label,i=e.message;return H.createElement(H.Fragment,null,H.createElement(u,{value:n,key:n,label:o||"",control:H.createElement(tr,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(t)},inputRef:p})}),i&&H.createElement(Ve,{variant:"caption",marginLeft:de.size.spacing.scale24,color:de.color.text.light,mb:1},i))}))),c&&m&&H.createElement(f,{error:c},m))},or=H.forwardRef((function(e,r){return H.createElement(nr,se({inputRef:r},e))})),ir=function(e){return H.createElement(h,se({},e))},ar=function(e){var r=e.component,t=void 0===r?"div":r,n=e.disabled,o=e.label,i=e.error,a=e.sx,l=me(e,["component","disabled","label","error","sx"]);return H.createElement(s,{component:t,error:i,disabled:n,sx:se({mb:2},a)},H.createElement(d,{component:"label"},o),H.createElement(ir,se({},l)))},lr=H.forwardRef((function(e,r){return H.createElement(ar,se({inputRef:r},e))})),cr=function(e){return H.createElement(b,se({variant:"outlined"},e))},dr=function(e){var r=e.id,t=e.required,n=e.component,o=void 0===n?"div":n,i=e.disabled,a=e.label,l=e.error,c=e.helperText,d=e.sx,m=e.options,u=me(e,["id","required","component","disabled","label","error","helperText","sx","options"]);return H.createElement(s,{component:o,error:l,disabled:i,sx:d},H.createElement(Ye,{label:a,required:t,htmlFor:r}),H.createElement(cr,se({},u,{error:l,inputProps:{id:r,"data-testid":r}}),m.map((function(e){return H.createElement(y,{key:e.value,value:e.value},e.text)}))),l&&c&&H.createElement(f,{error:l},c))},sr=H.forwardRef((function(e,r){return H.createElement(dr,se({inputRef:r},e))})),mr=function(e){var r=e.type,t=me(e,["type"]),n=q(!1),o=n[0],i=n[1],a=se(se({},t.InputProps),"password"===r&&{endAdornment:H.createElement(_,{position:"end"},H.createElement(X,{"aria-label":"toggle password visibility",onClick:function(){return i(!o)},edge:"end"},o?H.createElement(G,null):H.createElement(K,null)))});return H.createElement(v,se({},t,{type:o?"text":r,InputProps:a}))},ur=function(e){var r=e.id,t=e.component,n=void 0===t?"div":t,o=e.required,i=e.disabled,a=e.label,l=e.error,c=e.helperText,d=e.sx,m=me(e,["id","component","required","disabled","label","error","helperText","sx"]);return H.createElement(s,{component:n,error:l,disabled:i,sx:d},H.createElement(Ye,{label:a,required:o,htmlFor:r}),H.createElement(mr,se({},m,{id:r,error:l,inputProps:{"data-testid":r},disabled:i,helperText:c})))},fr=H.forwardRef((function(e,r){return H.createElement(ur,se({inputRef:r},e))}));function pr(){return pr=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},pr.apply(this,arguments)}var gr,hr,br=function(e){return I.createElement("svg",pr({viewBox:"0 0 24 24"},e),Ae||(Ae=I.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M12.141 4.894H3.576A1.977 1.977 0 0 0 1.6 6.871v14.494c0 1.09.885 1.976 1.976 1.976h14.495a1.977 1.977 0 0 0 1.976-1.976V12.8M17.412 1.6h4.94a.99.99 0 0 1 .99.988V7.53m-10.883 4.952L23.05 1.89"})))};function yr(){return yr=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},yr.apply(this,arguments)}var vr,xr,Er=function(e){return I.createElement("svg",yr({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),gr||(gr=I.createElement("path",{d:"M12 17.998a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25ZM12 14.248a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 0 1 1.5 0v7.5a.75.75 0 0 1-.75.75Z",fill:"currentColor"})),hr||(hr=I.createElement("path",{d:"M12 23.997a2.546 2.546 0 0 1-1.81-.748L.75 13.81a2.564 2.564 0 0 1 0-3.621L10.19.75a2.542 2.542 0 0 1 1.807-.751c.685 0 1.327.265 1.81.747l9.444 9.443a2.566 2.566 0 0 1 0 3.621l-9.44 9.439a2.55 2.55 0 0 1-1.811.748Zm-.75-1.809c.2.199.466.309.75.309s.55-.11.75-.31l9.44-9.439a1.064 1.064 0 0 0 0-1.501L12.749 1.81c-.01-.009-.024-.025-.033-.035a1.034 1.034 0 0 0-.713-.276c-.288 0-.553.111-.753.311l-9.441 9.44a1.063 1.063 0 0 0 0 1.5l9.441 9.438Z",fill:"currentColor"})))};function wr(){return wr=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},wr.apply(this,arguments)}var zr,kr,Cr=function(e){return I.createElement("svg",wr({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),vr||(vr=I.createElement("path",{d:"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5h-.75ZM11.625 8.25a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25Z",fill:"currentColor"})),xr||(xr=I.createElement("path",{d:"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12Zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5Z",fill:"currentColor"})))};function Sr(){return Sr=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},Sr.apply(this,arguments)}var Tr,Or=function(e){return I.createElement("svg",Sr({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),zr||(zr=I.createElement("path",{d:"M9.325 17.916a1.79 1.79 0 0 1-1.498-.799l-2.44-3.462a.75.75 0 0 1 1.227-.864l2.45 3.477a.306.306 0 0 0 .261.148.294.294 0 0 0 .236-.119l7.852-9.935a.75.75 0 0 1 1.175.93l-7.843 9.923a1.781 1.781 0 0 1-.423.396 1.78 1.78 0 0 1-.997.305Z",fill:"currentColor"})),kr||(kr=I.createElement("path",{d:"M12 23.999c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12Zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5Z",fill:"currentColor"})))};function Mr(){return Mr=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},Mr.apply(this,arguments)}var Rr=function(e){return I.createElement("svg",Mr({viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),Tr||(Tr=I.createElement("path",{d:"M23.25 23.999a.743.743 0 0 1-.53-.22L12 13.06 1.28 23.779a.744.744 0 0 1-1.06 0 .752.752 0 0 1 0-1.061l10.72-10.72L.22 1.279A.743.743 0 0 1 0 .749c0-.2.078-.389.22-.53a.743.743 0 0 1 .53-.22c.2 0 .389.078.53.22L12 10.938 22.72.218a.744.744 0 0 1 1.06 0 .747.747 0 0 1 0 1.061L13.06 12l10.72 10.72a.752.752 0 0 1 0 1.061.746.746 0 0 1-.53.219Z"})))},Pr=function(e){var r,t=e.children,n=e.underline,o=void 0===n?"hover":n,i=e.toParentNavigation,a=me(e,["children","underline","toParentNavigation"]),l=null===(r=a.href)||void 0===r?void 0:r.startsWith("https"),c={underline:o};return i?H.createElement(x,se({},c,a,{onClick:function(){return e=i,void window.parent.postMessage({type:"NAVIGATION",content:e},"*");var e}}),t):H.createElement(x,se({},c,l&&{target:"_blank",rel:"noopener noreferrer"},a),t,l&&H.createElement(E,{component:br,fontSize:"inherit",sx:{marginLeft:".25em"}}))},Fr=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(w,se({},t),r)},Lr=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(z,se({},t),r)},Wr=function(e){var r=e.children,t=e.value,n=void 0===t?0:t,o=e.index,i=e.id;return H.createElement(Ue,{role:"tabpanel",hidden:n!==o,id:i},r)},jr=function(e){var r=e.tabs,t=e.nameSpace,n=e.tabContentProps,o=e.tabsProps,i=q(0),a=i[0],l=i[1],c=t?"".concat(t,"-"):"";return H.createElement(H.Fragment,null,H.createElement(Fr,se({},o,{value:a,onChange:function(e,r){l(r)}}),r.map((function(e,r){return H.createElement(Lr,{key:"".concat(c,"tab-").concat(r),label:e.label,"aria-controls":"".concat(c,"panel-").concat(r)})}))),H.createElement(Ue,se({},n),r.map((function(e,r){var t="".concat(c,"panel-").concat(r);return H.createElement(Wr,{key:t,value:a,index:r,id:t,"aria-labelledby":"".concat(c,"tab-").concat(r)},e.content)}))))},Br=function(e){var r=e.icon,t=e.title,n=e.subTitle,o=e.action,i=me(e,["icon","title","subTitle","action"]);return H.createElement(l,se({p:4,display:"flex",flexDirection:"column",alignItems:"center"},i),H.createElement(E,{component:null!=r?r:Q,sx:{marginBottom:de.size.spacing.scale24,fontSize:de.size.spacing.scale104,color:de.color.gray20}}),H.createElement(Ve,{variant:"h1",component:"span",mb:2},t),H.createElement(Ve,{variant:"body1",color:de.color.gray60,mb:3},n),o)},Ar=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(k,se({},t),r)},Ir=function(e){var r=e.size,t=void 0===r?"medium":r,n=e.removePadding,o=void 0!==n&&n,i=e.children,a=me(e,["size","removePadding","children"]),l="medium"===t?"16px":"12px",c="medium"===t?"10px":"6px";return H.createElement(C,se({sx:{color:de.color.gray60,backgroundColor:de.color.background.dark,height:l,width:l,padding:o?0:"3px",svg:{width:o?l:c,height:o?l:c}}},a),i)},Hr=function(e){var r=e.title,t=e.titleVariant,n=void 0===t?"h2":t,o=e.subtitle,i=e.children,a=e.actions,c=e.headerAction,d=e.innerRef,s=me(e,["title","titleVariant","subtitle","children","actions","headerAction","innerRef"]);return H.createElement(S,se({},s,{ref:d}),H.createElement(T,{sx:{"&:last-child":{pb:2}}},H.createElement(l,{display:"flex",justifyContent:"space-between",alignItems:"center"},H.createElement(O,{variant:n},r),c),o&&H.createElement(l,null,H.createElement(O,{variant:"body1",color:"textSecondary"},o)),H.createElement(M,null),i,a&&H.createElement(H.Fragment,null,H.createElement(M,null),H.createElement(l,null,a))))},qr=H.forwardRef((function(e,r){return H.createElement(Hr,se({},e,{innerRef:r}))})),Zr=function(e){var r=e.title,t=e.subtitle,n=e.children,o=e.actions,i=e.open,a=e.maxWidth,l=void 0===a?552:a,c=e.onClose,d=me(e,["title","subtitle","children","actions","open","maxWidth","onClose"]);return H.createElement(Ar,se({open:i,onClose:c,closeAfterTransition:!0,BackdropProps:{timeout:500}},d),H.createElement(R,{in:i},H.createElement(qr,{title:r,subtitle:t,actions:o,headerAction:c&&H.createElement(Ir,{onClick:function(e){return c(e,"escapeKeyDown")}},H.createElement(Rr,null)),sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",maxWidth:l}},n)))},Nr=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(L,se({},t,{iconMapping:{info:H.createElement(E,{component:Cr,sx:{color:de.color.primary}}),success:H.createElement(E,{component:Or,sx:{color:de.color.green60}}),error:H.createElement(E,{component:Er,sx:{color:de.color.error}})}}),r)},$r=function(e){var r=e.type,t=void 0===r?"success":r,n=e.title,o=e.children,i=me(e,["type","title","children"]);return H.createElement(Nr,se({severity:t},i),n&&H.createElement(P,null,F(n)),o)},Vr={background:{info:de.color.indigo10,success:de.color.green10,error:de.color.red10},font:{info:de.color.primary,success:de.color.green60,error:de.color.error}},Dr=function(e){var r=e.type,t=void 0===r?"info":r,n=e.variant,o=void 0===n?"stacked":n,i=e.title,a=e.onDismiss,c=e.children,d=e.actionLabel,s=e.actionProps,m=me(e,["type","variant","title","onDismiss","children","actionLabel","actionProps"]),u=function(e){return{get layout(){var r="stacked"===e;return{margin:{mb:r?2:0,mr:r?0:2},padding:{py:r?1:0},position:{display:r?"block":"flex",justifyContent:r?"initial":"center",alignItems:r?"initial":"center"}}}}}(o).layout;return H.createElement(Nr,se({},m,{severity:t,sx:se(se({},m.sx),{backgroundColor:Vr.background[t],boxShadow:"initial",width:"initial",py:u.padding.py,justifyContent:u.position.justifyContent,".MuiAlert-icon":se(se({},u.position),{mr:1,svg:{width:16,height:16}}),".MuiAlert-message":se({},u.position),".MuiAlertTitle-root":se({},u.margin),".banner-content":se(se({},u.position),{"&__message":se({},u.margin)})})}),H.createElement(P,null,F(i)),H.createElement(l,{display:"block",className:"banner-content"},H.createElement(l,{sx:{color:Vr.font[t]},className:"banner-content__message"},c),d&&H.createElement(W,se({},s,{size:"small",variant:"contained",color:t}),d),a&&H.createElement(W,{onClick:a,size:"small",variant:"outlined",sx:{py:"3px",ml:2,backgroundColor:de.color.gray0,":hover":{backgroundColor:de.color.gray0}},color:t},"Dismiss")))},_r=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(j,se({},t),r)},Xr=function(e){var r=e.innerRef,t=me(e,["innerRef"]);return H.createElement(B,se({},t,{ref:r}))},Gr=H.forwardRef((function(e,r){return H.createElement(Xr,se({},e,{innerRef:r}))})),Kr=function(e){return H.createElement(y,se({},e))},Qr=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(A,se({},t),r)},Ur=function(e){var r=e.id,t=e.icon,n=e.actions,o=e.title,i=e.children,a=e.sx,l=me(e,["id","icon","actions","title","children","sx"]),c=q(null),d=c[0],s=c[1],m=Boolean(d);return H.createElement(H.Fragment,null,H.createElement(Ir,{onClick:function(e){return s(e.currentTarget)}},t?H.createElement(t,null):H.createElement(U,null)),H.createElement(Qr,{id:m?r:void 0,open:m,anchorEl:d,onClose:function(){return s(null)},transformOrigin:{vertical:"top",horizontal:"left"},anchorOrigin:{vertical:"top",horizontal:"right"}},H.createElement(qr,se({},l,{sx:se({maxWidth:328},a),title:o,titleVariant:"h3",headerAction:H.createElement(Ir,{onClick:function(){return s(null)}},H.createElement(Rr,null)),actions:n}),i)))},Jr=function(e){var r=e.content,t=e.linkPath,n=e.linkText,o=e.heading,i=e.contentfulId,a=Z((function(){return t&&n}),[t,n]);return H.createElement(Ur,{id:i,title:o,actions:a&&H.createElement(W,{variant:"outlined",size:"small",href:"".concat("https://docs.up42.com").concat(t),target:"_blank",rel:"noopener noreferrer"},n)},r&&H.createElement(Ve,{variant:"caption",style:{color:de.color.gray60}},H.createElement(J,null,r)))},Yr=function(e){var r=e.label,t=e.text,n=q("Copy"),o=n[0],i=n[1];return H.createElement(H.Fragment,null,r&&H.createElement(d,{component:"label"},r),H.createElement(l,{p:1,sx:{borderRadius:de.size.border.radius.default,color:de.color.secondary,backgroundColor:de.color.gray10},component:"pre"},H.createElement(a,{container:!0,wrap:"nowrap",spacing:1,justifyContent:"space-between"},H.createElement(a,{item:!0},H.createElement(Ve,{variant:"caption"},t)),H.createElement(a,{item:!0,alignSelf:"end"},H.createElement(X,{sx:{p:0,backgroundColor:"transparent"},onClick:function(){return function(e,r){if(!navigator.clipboard){var t=document.createElement("input");return t.setAttribute("value",e),document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t),void r()}navigator.clipboard.writeText(e).then((function(){r()}))}(t,(function(){return i("Copied")}))},disableRipple:!0,"data-testid":"copy"},H.createElement(_r,{title:o,placement:"top",onClose:function(){return i("Copy")}},H.createElement(Y,{width:de.size.spacing.scale16,height:de.size.spacing.scale16,sx:{fontSize:de.size.font.body.default}})))))))},et=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(ee,se({},t),r)},rt=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(re,se({},t),r)},tt=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(te,se({},t),r)},nt=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(ne,se({},t),r)},ot=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(oe,se({},t),r)},it=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(ie,se({},t),r)},at=function(e){var r=me(e,[]);return H.createElement(ae,se({},r))},lt=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(le,se({},t),r)},ct=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(ce,se({},t),r)};export{$r as Alert,Xe as Avatar,Dr as Banner,Ue as Box,$e as Button,Je as Checkbox,De as Chip,Yr as CodeBox,Ke as Container,Ir as ControlButton,Jr as DocumentationPopover,Br as EmptyState,rr as FormCheckbox,fr as FormInput,or as FormRadio,sr as FormSelect,lr as FormSwitch,qr as InfoCard,Zr as InfoModal,Ur as InfoPopover,mr as Input,Pr as Link,Gr as Menu,Kr as MenuItem,Ar as Modal,Qr as Popover,tr as Radio,cr as Select,ir as Switch,Lr as Tab,jr as TabGroup,et as Table,rt as TableBody,tt as TableCell,nt as TableContainer,ct as TableFooter,ot as TableHead,at as TablePagination,it as TableRow,lt as TableSortLabel,Fr as Tabs,_r as Tooltip,Ve as Typography,qe as UpComponentsProvider,He as theme,de as tokens};
1
+ import{createTheme as e,CssBaseline as r,CircularProgress as t,Chip as n,Avatar as o,Container as i,Grid as a,Box as l,Checkbox as c,FormLabel as d,FormControl as s,FormGroup as m,FormControlLabel as f,FormHelperText as u,Radio as p,RadioGroup as g,Switch as h,Select as b,MenuItem as y,TextField as v,Link as x,SvgIcon as E,Tabs as w,Tab as z,Modal as k,IconButton as C,Card as S,CardContent as T,Typography as O,Divider as R,Fade as M,Alert as P,AlertTitle as F,capitalize as L,Button as W,Tooltip as j,Menu as B,Popover as A}from"@mui/material";export*from"@mui/material";import*as I from"react";import H,{useState as q,useMemo as Z}from"react";import{ThemeProvider as N,styled as $}from"@mui/material/styles";import V from"@mui/material/Button";import D from"@mui/material/Typography";import _ from"@mui/material/InputAdornment";import X from"@mui/material/IconButton";import G from"@mui/icons-material/VisibilityOutlined";import K from"@mui/icons-material/VisibilityOffOutlined";import Q from"@mui/icons-material/InfoOutlined";import U from"@mui/icons-material/QuestionMark";import J from"react-markdown";import Y from"@mui/icons-material/ContentCopy";import ee from"@mui/material/Table";import re from"@mui/material/TableBody";import te from"@mui/material/TableCell";import ne from"@mui/material/TableContainer";import oe from"@mui/material/TableHead";import ie from"@mui/material/TableRow";import ae from"@mui/material/TablePagination";import le from"@mui/material/TableSortLabel";import ce from"@mui/material/TableFooter";var de={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"}}},se=function(){return se=Object.assign||function(e){for(var r,t=1,n=arguments.length;t<n;t++)for(var o in r=arguments[t])Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o]);return e},se.apply(this,arguments)};function me(e,r){var t={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&r.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(n=Object.getOwnPropertySymbols(e);o<n.length;o++)r.indexOf(n[o])<0&&Object.prototype.propertyIsEnumerable.call(e,n[o])&&(t[n[o]]=e[n[o]])}return t}var fe={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:de.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:de.size.spacing.scale8}},colorDefault:{backgroundColor:de.color.gray10,color:de.color.gray60},colorPrimary:{backgroundColor:de.color.indigo10,color:de.color.indigo80},colorSecondary:{backgroundColor:de.color.pink10,color:de.color.pink80},colorError:{backgroundColor:de.color.red10,color:de.color.error},colorInfo:{backgroundColor:de.color.indigo10,color:de.color.indigo80},colorSuccess:{backgroundColor:de.color.green10,color:de.color.green80}}},ue={h1:{fontFamily:de.font.family.heading,fontSize:de.size.font.heading.default,fontWeight:de.font.weight.bold,lineHeight:de.font.lineHeight.xlarge},h2:{fontFamily:de.font.family.heading,fontSize:de.size.font.heading.small,fontWeight:de.font.weight.bold,lineHeight:de.font.lineHeight.xlarge},h3:{fontFamily:de.font.family.heading,fontSize:de.size.font.heading.xsmall,fontWeight:de.font.weight.bold,lineHeight:de.font.lineHeight.large},body1:{fontFamily:de.font.family.text,fontSize:de.size.font.body.default,fontWeight:de.font.weight.normal,lineHeight:de.font.lineHeight.large},body2:{fontFamily:de.font.family.text,fontSize:de.size.font.body.default,fontWeight:de.font.weight.bold,lineHeight:de.font.lineHeight.large},caption:{fontFamily:de.font.family.text,fontSize:de.size.font.caption.default,fontWeight:de.font.weight.normal,lineHeight:de.font.lineHeight.medium},overline:{fontFamily:de.font.family.heading,fontSize:de.size.font.overline.default,letterSpacing:"initial",fontWeight:de.font.weight.bold,color:de.color.gray60}},pe={small:"".concat(de.size.spacing.scale4," ").concat(de.size.spacing.scale8),medium:"".concat(de.size.spacing.scale8," ").concat(de.size.spacing.scale16),large:"".concat(de.size.spacing.scale16," ").concat(de.size.spacing.scale32)},ge={styleOverrides:{root:{textTransform:"none",lineHeight:de.size.spacing.scale16,fontWeight:de.font.weight.bold,fontFamily:de.font.family.text,boxShadow:"none"},contained:{padding:pe.medium,color:de.color.gray0},outlinedSuccess:{color:de.color.green60},containedSuccess:{backgroundColor:de.color.green60},containedSizeSmall:{padding:pe.small},containedSizeLarge:{padding:pe.large},text:{padding:pe.medium},textSizeSmall:{padding:pe.small},textSizeLarge:{padding:pe.large},outlined:{padding:"7px ".concat(de.size.spacing.scale16)},outlinedSizeSmall:{padding:pe.small},outlinedSizeLarge:{padding:pe.large},sizeSmall:{fontSize:de.size.font.label.default},sizeLarge:{fontSize:de.size.font.label.large},startIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}},endIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}}},defaultProps:{disableFocusRipple:!0}},he={styleOverrides:{root:{fontFamily:de.font.family.text,fontSize:de.size.font.label.default,fontWeight:de.font.weight.bold,width:de.size.spacing.scale24,height:de.size.spacing.scale24,"& .MuiSvgIcon-root":{width:de.size.spacing.scale16}},colorDefault:{backgroundColor:de.color.background.dark,"& .MuiSvgIcon-root":{color:de.color.gray60}}}},be={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:de.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:de.color.primary},"&$disabled":{opacity:.5}}}},ye={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:de.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},ve={styleOverrides:{root:{marginRight:16},colorSecondary:{color:de.color.gray0,"&$checked":{color:de.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:de.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:de.color.background.light,border:"2px solid ".concat(de.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:de.color.primary,border:"2px solid ".concat(de.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},xe={styleOverrides:{root:{"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(de.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:de.size.spacing.scale16,height:de.size.spacing.scale16}}}}},Ee={styleOverrides:{input:{"&.Mui-disabled":{backgroundColor:de.color.background.dark,color:de.color.text.light}}},defaultProps:{size:"small"}},we={styleOverrides:{outlined:{notchedOutline:{borderColor:de.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}},ze={styleOverrides:{root:{width:"100%","& .MuiFormHelperText-root":{marginTop:de.size.spacing.scale8,marginLeft:0}}}},ke={styleOverrides:{root:{fontSize:de.size.font.base,color:de.color.text.base}}},Ce={styleOverrides:{root:{borderBottom:"1px solid ".concat(de.color.gray20)},indicator:{backgroundColor:de.color.primary}}},Se={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(de.size.spacing.scale16),fontFamily:de.font.family.text,color:de.color.gray60,padding:"0 0 ".concat(de.size.spacing.scale16," 0"),"&:hover":{color:de.color.primary,opacity:1},"&$selected":{color:de.color.primary},"&:focus":{color:de.color.primary}}},defaultProps:{disableRipple:!0}},Te={styleOverrides:{root:{fontWeight:de.font.weight.normal}}},Oe={styleOverrides:{root:{fontWeight:de.font.weight.normal},head:{fontWeight:de.font.weight.bold}}},Re={styleOverrides:{root:{borderTop:"1px solid ".concat(de.color.border.default)}}},Me={styleOverrides:{root:{borderBottom:"none","& .MuiIconButton-root":{backgroundColor:"transparent"}},selectLabel:{fontWeight:de.font.weight.normal,fontSize:de.size.font.caption.default},displayedRows:{fontWeight:de.font.weight.normal,fontSize:de.size.font.caption.default}}},Pe=function(e){var r;return(r={})[{error:"&-standardError",success:"&-standardSuccess",info:"&-standardInfo"}[e]]={"& .MuiAlertTitle-root":{color:de.color["success"===e?"green60":e],fontFamily:de.font.family.text,lineHeight:de.font.lineHeight.medium,fontWeight:de.font.weight.bold,fontSize:de.size.font.caption.default}},r},Fe={fontSize:de.size.font.caption.default,lineHeight:de.font.lineHeight.medium,fontWeight:de.font.weight.normal},Le={styleOverrides:{root:se(se({width:328,borderRadius:6,backgroundColor:de.color.gray0,boxShadow:"0px 8px 16px rgba(18, 19, 21, 0.08)",color:de.color.text.light,padding:"".concat(de.size.spacing.scale8," ").concat(de.size.spacing.scale16)},Fe),{"& p, & span":se({},Fe),"& .MuiAlert-action":{button:{width:de.size.spacing.scale16,height:de.size.spacing.scale16,backgroundColor:de.color.background.light},svg:{width:14,height:14,fill:de.color.gray60}},"&.MuiAlert":se(se(se({},Pe("error")),Pe("success")),Pe("info"))}),icon:{svg:{width:20,height:20}}}};de.size.font.body.default,de.font.family.text,de.color.gray100,de.size.font.caption.default;var We,je,Be,Ae,Ie={styleOverrides:{root:{fontWeight:de.font.weight.bold,lineHeight:de.font.lineHeight.medium,fontFamily:de.font.family.text,fontSize:de.size.font.caption.default,color:de.color.text.base,marginBottom:de.size.spacing.scale8}}},He=e({typography:se({},ue),palette:{background:{default:"#ffffff"},primary:{main:de.color.primary},secondary:{main:de.color.secondary},error:{main:de.color.error},info:{main:de.color.info},success:{main:de.color.success}},components:{MuiButton:ge,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiChip:fe,MuiInput:we,MuiInputBase:Ee,MuiFormControl:ze,MuiFormControlLabel:ke,MuiTextField:xe,MuiFormLabel:Ie,MuiTabs:Ce,MuiTab:Se,MuiAvatar:he,MuiCheckbox:be,MuiRadio:ye,MuiSwitch:ve,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiTable:Te,MuiTableCell:Oe,MuiTableRow:{styleOverrides:{root:{"&:last-child td":{borderBottom:0}}}},MuiTableFooter:Re,MuiTablePagination:Me,MuiAlert:Le,MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}}}}),qe=function(e){return H.createElement(H.Fragment,null,H.createElement(r,null),H.createElement(N,{theme:He},e.children))},Ze=$(t)(Be||(We=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],je=["\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(We,"raw",{value:je}):We.raw=je,Be=We)),Ne=function(e){var r,t=e.color,n=void 0===t?"primary":t,o=e.variant,i=void 0===o?"contained":o,a=e.size,l=void 0===a?"medium":a,c=e.loading,d=e.children,s=e.innerRef,m=me(e,["color","variant","size","loading","children","innerRef"]),f=null===(r=m.href)||void 0===r?void 0:r.startsWith("https");return H.createElement(V,se({size:l,variant:i,color:n,disabled:c},f&&{target:"_blank",rel:"noopener noreferrer"},m,{ref:s}),H.createElement("span",{style:{opacity:c?0:1}},d),c&&H.createElement(Ze,{size:20,color:"inherit"}))},$e=H.forwardRef((function(e,r){return H.createElement(Ne,se({},e,{innerRef:r}))})),Ve=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(D,se({},t),r)},De=function(e){var r=e.label,t=me(e,["label"]);return H.createElement(n,se({size:"small",label:r},t))},_e=function(e){var r=e.icon,t=e.firstName,n=void 0===t?"":t,i=e.lastName,a=void 0===i?"":i,l=e.sx,c=e.innerRef,d=me(e,["icon","firstName","lastName","sx","innerRef"]),s="".concat(n.substring(0,1)).concat(a.substring(0,1)).toLocaleUpperCase(),m=s?de.color.secondary:de.color.background.dark;return H.createElement(o,se({sx:se(se({},l),{backgroundColor:m}),ref:c},d),s||r)},Xe=H.forwardRef((function(e,r){return H.createElement(_e,se({},e,{innerRef:r}))})),Ge={small:6,medium:8,large:12,fluid:12},Ke=function(e){var r=e.component,t=void 0===r?"div":r,n=e.size,o=void 0===n?"large":n,l=e.children,c=me(e,["component","size","children"]),d="fluid"===o;return H.createElement(i,se({component:t,disableGutters:d,maxWidth:!d&&"lg",sx:se({display:"flex",justifyContent:"center"},c.sx)},c),H.createElement(a,{container:!0,justifyContent:"center"},H.createElement(a,{item:!0,md:Ge[o]},l)))},Qe=function(e){var r=e.children,t=e.ref,n=me(e,["children","ref"]);return H.createElement(l,se({},n,{ref:t}),r)},Ue=H.forwardRef((function(e,r){return H.createElement(Qe,se({},e,{ref:r}))})),Je=function(e){var r=me(e,[]);return H.createElement(c,se({},r))},Ye=function(e){var r=e.label,t=e.htmlFor,n=e.required,o=void 0===n||n;return H.createElement(d,{component:"label",htmlFor:t},r,!o&&H.createElement(l,{ml:1,component:"span",sx:{fontWeight:de.font.weight.normal,color:de.color.text.light}},"(optional)"))},er=function(e){var r=e.id,t=e.label,n=e.required,o=e.component,i=void 0===o?"div":o,a=e.disabled,l=e.data,c=e.error,d=e.helperText,p=e.sx,g=me(e,["id","label","required","component","disabled","data","error","helperText","sx"]);return H.createElement(s,{component:i,error:c,disabled:a,sx:p},H.createElement(Ye,{label:t,required:n,htmlFor:r}),H.createElement(m,null,l.map((function(e,t){var n=e.value,o=e.label;return H.createElement(f,{key:t,value:n,label:o||"",control:H.createElement(Je,se({color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(t)}},g))})}))),c&&H.createElement(u,{error:c},d))},rr=H.forwardRef((function(e,r){return H.createElement(er,se({inputRef:r},e))})),tr=function(e){return H.createElement(p,se({},e))},nr=function(e){var r=e.id,t=e.required,n=e.component,o=void 0===n?"div":n,i=e.disabled,a=e.data,l=e.label,c=e.error,d=e.sx,m=e.helperText,p=e.inputRef,h=me(e,["id","required","component","disabled","data","label","error","sx","helperText","inputRef"]);return H.createElement(s,{component:o,error:c,disabled:i,sx:d},H.createElement(Ye,{label:l,required:t,htmlFor:r}),H.createElement(g,se({},h),a.map((function(e,t){var n=e.value,o=e.label,i=e.message;return H.createElement(H.Fragment,null,H.createElement(f,{value:n,key:n,label:o||"",control:H.createElement(tr,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(t)},inputRef:p})}),i&&H.createElement(Ve,{variant:"caption",marginLeft:de.size.spacing.scale24,color:de.color.text.light,mb:1},i))}))),c&&m&&H.createElement(u,{error:c},m))},or=H.forwardRef((function(e,r){return H.createElement(nr,se({inputRef:r},e))})),ir=function(e){return H.createElement(h,se({},e))},ar=function(e){var r=e.component,t=void 0===r?"div":r,n=e.disabled,o=e.label,i=e.error,a=e.sx,l=me(e,["component","disabled","label","error","sx"]);return H.createElement(s,{component:t,error:i,disabled:n,sx:se({mb:2},a)},H.createElement(d,{component:"label"},o),H.createElement(ir,se({},l)))},lr=H.forwardRef((function(e,r){return H.createElement(ar,se({inputRef:r},e))})),cr=function(e){return H.createElement(b,se({variant:"outlined"},e))},dr=function(e){var r=e.id,t=e.required,n=e.component,o=void 0===n?"div":n,i=e.disabled,a=e.label,l=e.error,c=e.helperText,d=e.sx,m=e.options,f=me(e,["id","required","component","disabled","label","error","helperText","sx","options"]);return H.createElement(s,{component:o,error:l,disabled:i,sx:d},H.createElement(Ye,{label:a,required:t,htmlFor:r}),H.createElement(cr,se({},f,{error:l,inputProps:{id:r,"data-testid":r}}),m.map((function(e){return H.createElement(y,{key:e.value,value:e.value},e.text)}))),l&&c&&H.createElement(u,{error:l},c))},sr=H.forwardRef((function(e,r){return H.createElement(dr,se({inputRef:r},e))})),mr=function(e){var r=e.type,t=me(e,["type"]),n=q(!1),o=n[0],i=n[1],a=se(se({},t.InputProps),"password"===r&&{endAdornment:H.createElement(_,{position:"end"},H.createElement(X,{"aria-label":"toggle password visibility",onClick:function(){return i(!o)},edge:"end"},o?H.createElement(G,null):H.createElement(K,null)))});return H.createElement(v,se({},t,{type:o?"text":r,InputProps:a}))},fr=function(e){var r=e.id,t=e.component,n=void 0===t?"div":t,o=e.required,i=e.disabled,a=e.label,l=e.error,c=e.helperText,d=e.sx,m=me(e,["id","component","required","disabled","label","error","helperText","sx"]);return H.createElement(s,{component:n,error:l,disabled:i,sx:d},H.createElement(Ye,{label:a,required:o,htmlFor:r}),H.createElement(mr,se({},m,{id:r,error:l,inputProps:{"data-testid":r},disabled:i,helperText:c})))},ur=H.forwardRef((function(e,r){return H.createElement(fr,se({inputRef:r},e))}));function pr(){return pr=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},pr.apply(this,arguments)}var gr,hr,br=function(e){return I.createElement("svg",pr({viewBox:"0 0 24 24"},e),Ae||(Ae=I.createElement("path",{fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M12.141 4.894H3.576A1.977 1.977 0 0 0 1.6 6.871v14.494c0 1.09.885 1.976 1.976 1.976h14.495a1.977 1.977 0 0 0 1.976-1.976V12.8M17.412 1.6h4.94a.99.99 0 0 1 .99.988V7.53m-10.883 4.952L23.05 1.89"})))};function yr(){return yr=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},yr.apply(this,arguments)}var vr,xr,Er=function(e){return I.createElement("svg",yr({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),gr||(gr=I.createElement("path",{d:"M12 17.998a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25ZM12 14.248a.75.75 0 0 1-.75-.75v-7.5a.75.75 0 0 1 1.5 0v7.5a.75.75 0 0 1-.75.75Z",fill:"currentColor"})),hr||(hr=I.createElement("path",{d:"M12 23.997a2.546 2.546 0 0 1-1.81-.748L.75 13.81a2.564 2.564 0 0 1 0-3.621L10.19.75a2.542 2.542 0 0 1 1.807-.751c.685 0 1.327.265 1.81.747l9.444 9.443a2.566 2.566 0 0 1 0 3.621l-9.44 9.439a2.55 2.55 0 0 1-1.811.748Zm-.75-1.809c.2.199.466.309.75.309s.55-.11.75-.31l9.44-9.439a1.064 1.064 0 0 0 0-1.501L12.749 1.81c-.01-.009-.024-.025-.033-.035a1.034 1.034 0 0 0-.713-.276c-.288 0-.553.111-.753.311l-9.441 9.44a1.063 1.063 0 0 0 0 1.5l9.441 9.438Z",fill:"currentColor"})))};function wr(){return wr=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},wr.apply(this,arguments)}var zr,kr,Cr=function(e){return I.createElement("svg",wr({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),vr||(vr=I.createElement("path",{d:"M13.5 17.25A2.252 2.252 0 0 1 11.25 15v-3.75h-.75a.75.75 0 0 1 0-1.5h.75c.827 0 1.5.673 1.5 1.5V15c0 .414.336.75.75.75h.75a.75.75 0 0 1 0 1.5h-.75ZM11.625 8.25a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25Z",fill:"currentColor"})),xr||(xr=I.createElement("path",{d:"M12 24C5.383 24 0 18.617 0 12S5.383 0 12 0s12 5.383 12 12-5.383 12-12 12Zm0-22.5C6.21 1.5 1.5 6.21 1.5 12S6.21 22.5 12 22.5 22.5 17.79 22.5 12 17.79 1.5 12 1.5Z",fill:"currentColor"})))};function Sr(){return Sr=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},Sr.apply(this,arguments)}var Tr,Or=function(e){return I.createElement("svg",Sr({width:24,height:24,fill:"none",xmlns:"http://www.w3.org/2000/svg"},e),zr||(zr=I.createElement("path",{d:"M9.325 17.916a1.79 1.79 0 0 1-1.498-.799l-2.44-3.462a.75.75 0 0 1 1.227-.864l2.45 3.477a.306.306 0 0 0 .261.148.294.294 0 0 0 .236-.119l7.852-9.935a.75.75 0 0 1 1.175.93l-7.843 9.923a1.781 1.781 0 0 1-.423.396 1.78 1.78 0 0 1-.997.305Z",fill:"currentColor"})),kr||(kr=I.createElement("path",{d:"M12 23.999c-6.617 0-12-5.383-12-12s5.383-12 12-12 12 5.383 12 12-5.383 12-12 12Zm0-22.5c-5.79 0-10.5 4.71-10.5 10.5s4.71 10.5 10.5 10.5 10.5-4.71 10.5-10.5-4.71-10.5-10.5-10.5Z",fill:"currentColor"})))};function Rr(){return Rr=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},Rr.apply(this,arguments)}var Mr=function(e){return I.createElement("svg",Rr({viewBox:"0 0 24 24",fill:"currentColor",xmlns:"http://www.w3.org/2000/svg"},e),Tr||(Tr=I.createElement("path",{d:"M23.25 23.999a.743.743 0 0 1-.53-.22L12 13.06 1.28 23.779a.744.744 0 0 1-1.06 0 .752.752 0 0 1 0-1.061l10.72-10.72L.22 1.279A.743.743 0 0 1 0 .749c0-.2.078-.389.22-.53a.743.743 0 0 1 .53-.22c.2 0 .389.078.53.22L12 10.938 22.72.218a.744.744 0 0 1 1.06 0 .747.747 0 0 1 0 1.061L13.06 12l10.72 10.72a.752.752 0 0 1 0 1.061.746.746 0 0 1-.53.219Z"})))},Pr=function(e){var r,t=e.children,n=e.underline,o=void 0===n?"hover":n,i=e.toParentNavigation,a=me(e,["children","underline","toParentNavigation"]),l=null===(r=a.href)||void 0===r?void 0:r.startsWith("https"),c={underline:o};return i?H.createElement(x,se({},c,a,{onClick:function(){return e=i,void window.parent.postMessage({type:"NAVIGATION",content:e},"*");var e}}),t):H.createElement(x,se({},c,l&&{target:"_blank",rel:"noopener noreferrer"},a),t,l&&H.createElement(E,{component:br,fontSize:"inherit",sx:{marginLeft:".25em"}}))},Fr=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(w,se({},t),r)},Lr=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(z,se({},t),r)},Wr=function(e){var r=e.children,t=e.value,n=void 0===t?0:t,o=e.index,i=e.id;return H.createElement(Ue,{role:"tabpanel",hidden:n!==o,id:i},r)},jr=function(e){var r=e.tabs,t=e.nameSpace,n=e.tabContentProps,o=e.tabsProps,i=q(0),a=i[0],l=i[1],c=t?"".concat(t,"-"):"";return H.createElement(H.Fragment,null,H.createElement(Fr,se({},o,{value:a,onChange:function(e,r){l(r)}}),r.map((function(e,r){return H.createElement(Lr,{key:"".concat(c,"tab-").concat(r),label:e.label,"aria-controls":"".concat(c,"panel-").concat(r)})}))),H.createElement(Ue,se({},n),r.map((function(e,r){var t="".concat(c,"panel-").concat(r);return H.createElement(Wr,{key:t,value:a,index:r,id:t,"aria-labelledby":"".concat(c,"tab-").concat(r)},e.content)}))))},Br=function(e){var r=e.icon,t=e.title,n=e.subTitle,o=e.action,i=me(e,["icon","title","subTitle","action"]);return H.createElement(l,se({p:4,display:"flex",flexDirection:"column",alignItems:"center"},i),H.createElement(E,{component:null!=r?r:Q,sx:{marginBottom:de.size.spacing.scale24,fontSize:de.size.spacing.scale104,color:de.color.gray20}}),H.createElement(Ve,{variant:"h1",component:"span",mb:2},t),H.createElement(Ve,{variant:"body1",color:de.color.gray60,mb:3},n),o)},Ar=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(k,se({},t),r)},Ir=function(e){var r=e.size,t=void 0===r?"medium":r,n=e.removePadding,o=void 0!==n&&n,i=e.children,a=me(e,["size","removePadding","children"]),l="medium"===t?"16px":"12px",c="medium"===t?"10px":"6px";return H.createElement(C,se({sx:{color:de.color.gray60,backgroundColor:de.color.background.dark,height:l,width:l,padding:o?0:"3px",svg:{width:o?l:c,height:o?l:c}}},a),i)},Hr=function(e){var r=e.title,t=e.titleVariant,n=void 0===t?"h2":t,o=e.subtitle,i=e.children,a=e.actions,c=e.headerAction,d=e.innerRef,s=me(e,["title","titleVariant","subtitle","children","actions","headerAction","innerRef"]);return H.createElement(S,se({},s,{ref:d}),H.createElement(T,{sx:{"&:last-child":{pb:2}}},H.createElement(l,{display:"flex",justifyContent:"space-between",alignItems:"center"},H.createElement(O,{variant:n},r),c),o&&H.createElement(l,null,H.createElement(O,{variant:"body1",color:"textSecondary"},o)),H.createElement(R,null),i,a&&H.createElement(H.Fragment,null,H.createElement(R,null),H.createElement(l,null,a))))},qr=H.forwardRef((function(e,r){return H.createElement(Hr,se({},e,{innerRef:r}))})),Zr=function(e){var r=e.title,t=e.subtitle,n=e.children,o=e.actions,i=e.open,a=e.maxWidth,l=void 0===a?552:a,c=e.onClose,d=me(e,["title","subtitle","children","actions","open","maxWidth","onClose"]);return H.createElement(Ar,se({open:i,onClose:c,closeAfterTransition:!0,BackdropProps:{timeout:500}},d),H.createElement(M,{in:i},H.createElement(qr,{title:r,subtitle:t,actions:o,headerAction:c&&H.createElement(Ir,{onClick:function(e){return c(e,"escapeKeyDown")}},H.createElement(Mr,null)),sx:{position:"absolute",top:"50%",left:"50%",transform:"translate(-50%, -50%)",maxWidth:l}},n)))},Nr=function(e){var r=e.children,t=e.innerRef,n=me(e,["children","innerRef"]);return H.createElement(P,se({},n,{ref:t,iconMapping:{info:H.createElement(E,{component:Cr,sx:{color:de.color.primary}}),success:H.createElement(E,{component:Or,sx:{color:de.color.green60}}),error:H.createElement(E,{component:Er,sx:{color:de.color.error}})}}),r)},$r=H.forwardRef((function(e,r){return H.createElement(Nr,se({},e,{innerRef:r}))})),Vr=function(e){var r=e.type,t=void 0===r?"success":r,n=e.title,o=e.innerRef,i=e.children,a=me(e,["type","title","innerRef","children"]);return H.createElement($r,se({severity:t},a,{ref:o}),n&&H.createElement(F,null,L(n)),i)},Dr=H.forwardRef((function(e,r){return H.createElement(Vr,se({},e,{innerRef:r}))})),_r={background:{info:de.color.indigo10,success:de.color.green10,error:de.color.red10},font:{info:de.color.primary,success:de.color.green60,error:de.color.error}},Xr=function(e){var r=e.type,t=void 0===r?"info":r,n=e.variant,o=void 0===n?"stacked":n,i=e.title,a=e.onDismiss,c=e.children,d=e.actionLabel,s=e.actionProps,m=e.innerRef,f=me(e,["type","variant","title","onDismiss","children","actionLabel","actionProps","innerRef"]),u=function(e){return{get layout(){var r="stacked"===e;return{margin:{mb:r?2:0,mr:r?0:2},padding:{py:r?1:0},position:{display:r?"block":"flex",justifyContent:r?"initial":"center",alignItems:r?"initial":"center"}}}}}(o).layout;return H.createElement($r,se({},f,{ref:m,severity:t,sx:se(se({},f.sx),{backgroundColor:_r.background[t],boxShadow:"initial",width:"initial",py:u.padding.py,justifyContent:u.position.justifyContent,".MuiAlert-icon":se(se({},u.position),{mr:1,svg:{width:16,height:16}}),".MuiAlert-message":se({},u.position),".MuiAlertTitle-root":se({},u.margin),".banner-content":se(se({},u.position),{"&__message":se({},u.margin)})})}),H.createElement(F,null,L(i)),H.createElement(l,{display:"block",className:"banner-content"},H.createElement(l,{sx:{color:_r.font[t]},className:"banner-content__message"},c),d&&H.createElement(W,se({},s,{size:"small",variant:"contained",color:t}),d),a&&H.createElement(W,{onClick:a,size:"small",variant:"outlined",sx:{py:"3px",ml:2,backgroundColor:de.color.gray0,":hover":{backgroundColor:de.color.gray0}},color:t},"Dismiss")))},Gr=H.forwardRef((function(e,r){return H.createElement(Xr,se({},e,{innerRef:r}))})),Kr=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(j,se({},t),r)},Qr=function(e){var r=e.innerRef,t=me(e,["innerRef"]);return H.createElement(B,se({},t,{ref:r}))},Ur=H.forwardRef((function(e,r){return H.createElement(Qr,se({},e,{innerRef:r}))})),Jr=function(e){return H.createElement(y,se({},e))},Yr=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(A,se({},t),r)},et=function(e){var r=e.id,t=e.icon,n=e.actions,o=e.title,i=e.children,a=e.sx,l=me(e,["id","icon","actions","title","children","sx"]),c=q(null),d=c[0],s=c[1],m=Boolean(d);return H.createElement(H.Fragment,null,H.createElement(Ir,{onClick:function(e){return s(e.currentTarget)}},t?H.createElement(t,null):H.createElement(U,null)),H.createElement(Yr,{id:m?r:void 0,open:m,anchorEl:d,onClose:function(){return s(null)},transformOrigin:{vertical:"top",horizontal:"left"},anchorOrigin:{vertical:"top",horizontal:"right"}},H.createElement(qr,se({},l,{sx:se({maxWidth:328},a),title:o,titleVariant:"h3",headerAction:H.createElement(Ir,{onClick:function(){return s(null)}},H.createElement(Mr,null)),actions:n}),i)))},rt=function(e){var r=e.content,t=e.linkPath,n=e.linkText,o=e.heading,i=e.contentfulId,a=Z((function(){return t&&n}),[t,n]);return H.createElement(et,{id:i,title:o,actions:a&&H.createElement(W,{variant:"outlined",size:"small",href:"".concat("https://docs.up42.com").concat(t),target:"_blank",rel:"noopener noreferrer"},n)},r&&H.createElement(Ve,{variant:"caption",style:{color:de.color.gray60}},H.createElement(J,null,r)))},tt=function(e){var r=e.label,t=e.text,n=q("Copy"),o=n[0],i=n[1];return H.createElement(H.Fragment,null,r&&H.createElement(d,{component:"label"},r),H.createElement(l,{p:1,sx:{borderRadius:de.size.border.radius.default,color:de.color.secondary,backgroundColor:de.color.gray10},component:"pre"},H.createElement(a,{container:!0,wrap:"nowrap",spacing:1,justifyContent:"space-between"},H.createElement(a,{item:!0},H.createElement(Ve,{variant:"caption"},t)),H.createElement(a,{item:!0,alignSelf:"end"},H.createElement(X,{sx:{p:0,backgroundColor:"transparent"},onClick:function(){return function(e,r){if(!navigator.clipboard){var t=document.createElement("input");return t.setAttribute("value",e),document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t),void r()}navigator.clipboard.writeText(e).then((function(){r()}))}(t,(function(){return i("Copied")}))},disableRipple:!0,"data-testid":"copy"},H.createElement(Kr,{title:o,placement:"top",onClose:function(){return i("Copy")}},H.createElement(Y,{width:de.size.spacing.scale16,height:de.size.spacing.scale16,sx:{fontSize:de.size.font.body.default}})))))))},nt=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(ee,se({},t),r)},ot=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(re,se({},t),r)},it=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(te,se({},t),r)},at=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(ne,se({},t),r)},lt=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(oe,se({},t),r)},ct=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(ie,se({},t),r)},dt=function(e){var r=me(e,[]);return H.createElement(ae,se({},r))},st=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(le,se({},t),r)},mt=function(e){var r=e.children,t=me(e,["children"]);return H.createElement(ce,se({},t),r)};export{Dr as Alert,Xe as Avatar,Gr as Banner,Ue as Box,$e as Button,Je as Checkbox,De as Chip,tt as CodeBox,Ke as Container,Ir as ControlButton,rt as DocumentationPopover,Br as EmptyState,rr as FormCheckbox,ur as FormInput,or as FormRadio,sr as FormSelect,lr as FormSwitch,qr as InfoCard,Zr as InfoModal,et as InfoPopover,mr as Input,Pr as Link,Ur as Menu,Jr as MenuItem,Ar as Modal,Yr as Popover,tr as Radio,cr as Select,ir as Switch,Lr as Tab,jr as TabGroup,nt as Table,ot as TableBody,it as TableCell,at as TableContainer,mt as TableFooter,lt as TableHead,dt as TablePagination,ct as TableRow,st as TableSortLabel,Fr as Tabs,Kr as Tooltip,Ve as Typography,qe as UpComponentsProvider,He as theme,de as tokens};
@@ -1,11 +1,16 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { AlertProps as MUIALertProps } from '@mui/material';
3
3
  export declare type AlertColor = 'info' | 'error' | 'success';
4
4
  export declare type AlertProps = Omit<MUIALertProps, 'color' | 'elevation' | 'iconMapping' | 'severity' | 'square' | 'variant' | 'action'> & {
5
5
  type?: AlertColor;
6
6
  };
7
- export declare const AlertBase: ({ children, ...props }: MUIALertProps) => JSX.Element;
7
+ /**
8
+ * Used internally in other components that depend on the Alert
9
+ */
10
+ export declare const AlertBase: React.ForwardRefExoticComponent<Pick<MUIALertProps, "color" | "translate" | "icon" | "className" | "style" | "classes" | "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" | "action" | "sx" | "key" | "variant" | "elevation" | "square" | "onClose" | "iconMapping" | "severity" | "closeText"> & React.RefAttributes<unknown>>;
8
11
  /**
9
12
  * Documentation: https://up-components.up42.dev/?path=/docs/feedback-alert
10
13
  */
11
- export declare const Alert: ({ type, title, children, ...props }: AlertProps) => JSX.Element;
14
+ export declare const Alert: React.ForwardRefExoticComponent<Pick<Omit<MUIALertProps, "color" | "action" | "variant" | "elevation" | "square" | "iconMapping" | "severity"> & {
15
+ type?: AlertColor | undefined;
16
+ }, "translate" | "icon" | "className" | "style" | "classes" | "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" | "sx" | "key" | "type" | "onClose" | "closeText"> & React.RefAttributes<unknown>>;
@@ -1,4 +1,4 @@
1
- /// <reference types="react" />
1
+ import React from 'react';
2
2
  import { ButtonProps } from '../Button/Button';
3
3
  import { AlertProps } from '../Alert/Alert';
4
4
  export declare type BannerProps = {
@@ -27,4 +27,26 @@ export declare type BannerProps = {
27
27
  /**
28
28
  * Documentation: https://up-components.up42.dev/?path=/docs/feedback-banner
29
29
  */
30
- export declare const Banner: ({ type, variant, title, onDismiss, children, actionLabel, actionProps, ...props }: BannerProps) => JSX.Element;
30
+ export declare const Banner: React.ForwardRefExoticComponent<Pick<{
31
+ /**
32
+ * Call To Action label
33
+ * */
34
+ actionLabel?: string | undefined;
35
+ /**
36
+ * Call To Action button props
37
+ * */
38
+ actionProps?: ButtonProps | undefined;
39
+ /**
40
+ * ### Stacked
41
+ * Stacked banners are contextual and should be placed within the page content.
42
+ *
43
+ * ### Inline
44
+ * Inline banners can be displayed prominently at the top of the screen (below the navigation) or contextually within the page content. Inline banners can be global or page specific.
45
+ */
46
+ variant?: "inline" | "stacked" | undefined;
47
+ /**
48
+ * Callback fired when the Banner requests to be dismissed.
49
+ */
50
+ onDismiss?: ButtonProps['onClick'];
51
+ title: string;
52
+ } & Omit<AlertProps, "icon" | "title" | "role" | "onClose" | "closeText">, "translate" | "className" | "style" | "classes" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "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" | "sx" | "key" | "type" | "variant" | "onDismiss" | "actionLabel" | "actionProps"> & React.RefAttributes<unknown>>;
package/dist/index.d.ts CHANGED
@@ -356,7 +356,9 @@ declare type AlertProps = Omit<AlertProps$1, 'color' | 'elevation' | 'iconMappin
356
356
  /**
357
357
  * Documentation: https://up-components.up42.dev/?path=/docs/feedback-alert
358
358
  */
359
- declare const Alert: ({ type, title, children, ...props }: AlertProps) => JSX.Element;
359
+ declare const Alert: React.ForwardRefExoticComponent<Pick<Omit<AlertProps$1, "color" | "action" | "variant" | "elevation" | "square" | "iconMapping" | "severity"> & {
360
+ type?: AlertColor | undefined;
361
+ }, "translate" | "icon" | "className" | "style" | "classes" | "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" | "sx" | "key" | "type" | "onClose" | "closeText"> & React.RefAttributes<unknown>>;
360
362
 
361
363
  declare type BannerProps = {
362
364
  /**
@@ -384,7 +386,29 @@ declare type BannerProps = {
384
386
  /**
385
387
  * Documentation: https://up-components.up42.dev/?path=/docs/feedback-banner
386
388
  */
387
- declare const Banner: ({ type, variant, title, onDismiss, children, actionLabel, actionProps, ...props }: BannerProps) => JSX.Element;
389
+ declare const Banner: React.ForwardRefExoticComponent<Pick<{
390
+ /**
391
+ * Call To Action label
392
+ * */
393
+ actionLabel?: string | undefined;
394
+ /**
395
+ * Call To Action button props
396
+ * */
397
+ actionProps?: ButtonProps | undefined;
398
+ /**
399
+ * ### Stacked
400
+ * Stacked banners are contextual and should be placed within the page content.
401
+ *
402
+ * ### Inline
403
+ * Inline banners can be displayed prominently at the top of the screen (below the navigation) or contextually within the page content. Inline banners can be global or page specific.
404
+ */
405
+ variant?: "inline" | "stacked" | undefined;
406
+ /**
407
+ * Callback fired when the Banner requests to be dismissed.
408
+ */
409
+ onDismiss?: ButtonProps['onClick'];
410
+ title: string;
411
+ } & Omit<AlertProps, "icon" | "title" | "role" | "onClose" | "closeText">, "translate" | "className" | "style" | "classes" | "slot" | "title" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "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" | "sx" | "key" | "type" | "variant" | "onDismiss" | "actionLabel" | "actionProps"> & React.RefAttributes<unknown>>;
388
412
 
389
413
  declare type TooltipProps = Omit<TooltipProps$1, 'TransitionComponent' | 'TransitionProps' | 'PopperComponent' | 'PopperProps' | 'followCursor'>;
390
414
  /**
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@up42/up-components",
3
- "version": "0.3.10",
3
+ "version": "0.3.13",
4
4
  "description": "UP42 Component Library",
5
5
  "author": "Axel Fuhrmann axel.fuhrmann@up42.com",
6
6
  "license": "ISC",