@up42/up-components 0.2.4 → 0.2.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/types/components/Table/Table.d.ts +29 -0
- package/dist/cjs/types/components/Table/Table.overrides.d.ts +6 -0
- package/dist/cjs/types/components/Table/Table.stories.d.ts +6 -0
- package/dist/cjs/types/components/Table/Table.test.d.ts +1 -0
- package/dist/cjs/types/index.d.ts +1 -0
- package/dist/esm/index.js +1 -1
- package/dist/esm/types/components/Table/Table.d.ts +29 -0
- package/dist/esm/types/components/Table/Table.overrides.d.ts +6 -0
- package/dist/esm/types/components/Table/Table.stories.d.ts +6 -0
- package/dist/esm/types/components/Table/Table.test.d.ts +1 -0
- package/dist/esm/types/index.d.ts +1 -0
- package/dist/index.d.ts +29 -1
- package/package.json +1 -1
package/dist/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material"),t=require("react"),r=require("@mui/material/styles"),o=require("@mui/material/Button"),n=require("@mui/material/Typography"),a=require("@mui/material/InputAdornment"),i=require("@mui/material/IconButton"),l=require("@mui/icons-material/VisibilityOutlined"),c=require("@mui/icons-material/VisibilityOffOutlined"),d=require("@mui/icons-material/InfoOutlined");function f(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var u=f(t),m=s(t),p=f(o),g=f(n),h=f(a),b=f(i),x=f(l),y=f(c),v=f(d),z={animation:{speed:{normal:"0.5s",fast:"0.08s",slow:"1s"}},color:{background:{light:"#f4f5f7",dark:"#dfe1e6",indigo:"#262a59"},primary:"#262a59",secondary:"#d40fa9",info:"#262a59",error:"#e35656",success:"#aed581",indigo0:"#f4f4f6",indigo10:"#e9e9ee",indigo20:"#bdbfcd",indigo30:"#a8aabd",indigo40:"#9294ac",indigo50:"#7d7f9b",indigo60:"#67698a",indigo70:"#51557a",indigo80:"#3b3f69",indigo90:"#262a59",indigo100:"#161833",pink0:"#fff3ff",pink10:"#fedafd",pink20:"#fdc0fb",pink30:"#f98ef3",pink40:"#f362e8",pink50:"#ec3ed7",pink60:"#d40fa9",pink70:"#b0027c",pink80:"#990165",pink90:"#820050",pink100:"#390325",cyan0:"#f4ffff",cyan10:"#c6ffff",cyan20:"#96ffff",cyan30:"#59effc",cyan40:"#1dd7f0",cyan50:"#20b0c7",cyan60:"#1d8fa4",cyan70:"#167286",cyan80:"#0e5a6d",cyan90:"#064658",cyan100:"#103645",green0:"#f8fff4",green10:"#e2fccc",green20:"#e2fccc",green30:"#aed581",green40:"#8eaf65",green50:"#728f4b",green60:"#5a7533",green70:"#476020",green80:"#374e10",green90:"#2b3f05",green100:"#223300",red0:"#fff7f4",red10:"#ffe4db",red20:"#fcc4bb",red30:"#efa299",red40:"#e67e78",red50:"#e35656",red60:"#b83d3c",red70:"#922524",red80:"#6f1110",red90:"#500404",red100:"#330000",gray0:"#ffffff",gray10:"#f4f5f7",gray20:"#dfe1e6",gray30:"#c1c7d0",gray40:"#a8afba",gray50:"#9399a3",gray60:"#777c85",gray70:"#575b61",gray80:"#3c3e42",gray90:"#222426",gray100:"#121315",border:{default:"#dfe1e6"},shadow:{default:"#121315"},text:{base:"#121315",light:"#9399a3",inverted:"#ffffff",link:{default:"#20b0c7",visited:"#1d8fa4"}}},font:{family:{heading:"'Roboto Condensed', sans-serif",text:"'Source Sans Pro', sans-serif",code:"'Source Code Pro', monospace"},lineHeight:{medium:"1rem",large:"1.5rem",xlarge:"2rem",xxlarge:"3rem"},weight:{normal:400,bold:700}},size:{border:{radius:{default:"6px",small:"4px"},width:"1px"},font:{base:"16px",heading:{default:"1.728rem",small:"1.44rem",xsmall:"1rem"},overline:{large:"1.44rem",default:"0.833rem"},body:{default:"1rem"},caption:{default:"0.833rem",large:"1.44rem"},label:{default:"0.833rem",large:"1.44rem"},minorThird10:"6.192rem",minorThird9:"5.16rem",minorThird8:"4.3rem",minorThird7:"3.583rem",minorThird6:"2.986rem",minorThird5:"2.488rem",minorThird4:"2.074rem",minorThird3:"1.728rem",minorThird2:"1.44rem",minorThird1:"1.2rem",minorThird0:"1rem",minorThirdSub1:"0.833rem",minorThirdSub2:"0.694rem",minorThirdSub3:"0.579rem",minorThirdSub4:"0.482rem",minorThirdSub5:"0.402rem",minorThirdSub6:"0.335rem"},spacingXS:"8px",spacingS:"16px",spacingM:"24px",spacingL:"32px",spacingXL:"40px",spacingXXL:"48px",spacing:{main:"24px",section:"32px",header:"24px",article:"24px",paragraph:"16px",line:"8px",scale1:"1px",scale2:"2px",scale4:"4px",scale6:"6px",scale8:"8px",scale16:"16px",scale24:"24px",scale32:"32px",scale40:"40px",scale48:"48px",scale56:"56px",scale64:"64px",scale72:"72px",scale80:"80px",scale88:"88px",scale96:"96px",scale104:"104px",scale112:"112px",scale120:"120px",scale128:"128px",scale160:"160px",scale208:"208px"}}},k=function(){return k=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},k.apply(this,arguments)};function E(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}var S={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:z.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:z.size.spacing.scale8}},colorDefault:{backgroundColor:z.color.gray10,color:z.color.gray60},colorPrimary:{backgroundColor:z.color.indigo10,color:z.color.indigo80},colorSecondary:{backgroundColor:z.color.pink10,color:z.color.pink80},colorError:{backgroundColor:z.color.red10,color:z.color.error},colorInfo:{backgroundColor:z.color.indigo10,color:z.color.indigo80},colorSuccess:{backgroundColor:z.color.green10,color:z.color.green80}}},C={h1:{fontFamily:z.font.family.heading,fontSize:z.size.font.heading.default,fontWeight:z.font.weight.bold,lineHeight:z.font.lineHeight.xlarge},h2:{fontFamily:z.font.family.heading,fontSize:z.size.font.heading.small,fontWeight:z.font.weight.bold,lineHeight:z.font.lineHeight.xlarge},h3:{fontFamily:z.font.family.heading,fontSize:z.size.font.heading.xsmall,fontWeight:z.font.weight.bold,lineHeight:z.font.lineHeight.large},body1:{fontFamily:z.font.family.text,fontSize:z.size.font.body.default,fontWeight:z.font.weight.normal,lineHeight:z.font.lineHeight.large},body2:{fontFamily:z.font.family.text,fontSize:z.size.font.body.default,fontWeight:z.font.weight.bold,lineHeight:z.font.lineHeight.large},caption:{fontFamily:z.font.family.text,fontSize:z.size.font.caption.default,fontWeight:z.font.weight.normal,lineHeight:z.font.lineHeight.medium},overline:{fontFamily:z.font.family.heading,fontSize:z.size.font.overline.default,letterSpacing:"initial",fontWeight:z.font.weight.bold,color:z.color.gray60}},w={small:"".concat(z.size.spacing.scale4," ").concat(z.size.spacing.scale8),medium:"".concat(z.size.spacing.scale8," ").concat(z.size.spacing.scale16),large:"".concat(z.size.spacing.scale16," ").concat(z.size.spacing.scale32)},O={styleOverrides:{root:{textTransform:"none",lineHeight:z.size.spacing.scale16,fontWeight:z.font.weight.bold,fontFamily:z.font.family.text},contained:{padding:w.medium},containedSizeSmall:{padding:w.small},containedSizeLarge:{padding:w.large},text:{padding:w.medium},textSizeSmall:{padding:w.small},textSizeLarge:{padding:w.large},outlined:{padding:"7px ".concat(z.size.spacing.scale16)},outlinedSizeSmall:{padding:w.small},outlinedSizeLarge:{padding:w.large},sizeSmall:{fontSize:z.size.font.label.default},sizeLarge:{fontSize:z.size.font.label.large},startIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}},endIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}}},defaultProps:{disableFocusRipple:!0},MuiIconButton:{root:{"&&:hover":{backgroundColor:"transparent"}}}},T={styleOverrides:{root:{color:z.color.gray60,backgroundColor:z.color.background.dark},sizeSmall:{padding:"3px"}}},F={styleOverrides:{root:{fontFamily:z.font.family.text,fontSize:z.size.font.label.default,fontWeight:z.font.weight.bold,width:z.size.spacing.scale24,height:z.size.spacing.scale24,"& .MuiSvgIcon-root":{width:z.size.spacing.scale16}},colorDefault:{backgroundColor:z.color.background.dark,"& .MuiSvgIcon-root":{color:z.color.gray60}}}},P={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:z.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:z.color.primary},"&$disabled":{opacity:.5}}}},L={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:z.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},M={styleOverrides:{root:{marginRight:16},colorSecondary:{color:z.color.gray0,"&$checked":{color:z.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:z.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:z.color.background.light,border:"2px solid ".concat(z.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:z.color.primary,border:"2px solid ".concat(z.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},B={styleOverrides:{outlined:{position:"relative",padding:z.size.spacing.scale8,fontSize:z.size.font.label.default,borderRadius:z.size.spacing.scale6,width:"100%","&.Mui-disabled":{backgroundColor:z.color.background.dark,color:z.color.text.light}}}},j={styleOverrides:{root:{input:{padding:z.size.spacing.scale8,fontSize:z.size.font.label.default,height:z.size.spacing.scale16},"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(z.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:z.size.spacing.scale16,height:z.size.spacing.scale16}}}}},I={styleOverrides:{outlined:{notchedOutline:{borderColor:z.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}},W={styleOverrides:{root:{borderBottom:"1px solid ".concat(z.color.gray20)},indicator:{backgroundColor:z.color.primary}}},H={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(z.size.spacing.scale16),fontFamily:z.font.family.text,color:z.color.gray60,padding:"0 0 ".concat(z.size.spacing.scale16," 0"),"&:hover":{color:z.color.primary,opacity:1},"&$selected":{color:z.color.primary},"&:focus":{color:z.color.primary}}},defaultProps:{disableRipple:!0}};z.size.font.body.default,z.font.family.text,z.color.gray100,z.size.font.caption.default;var R,q,A,$,N={styleOverrides:{root:{fontWeight:z.font.weight.bold,lineHeight:z.font.lineHeight.medium,fontFamily:z.font.family.text,fontSize:z.size.font.caption.default,color:z.color.text.base,marginBottom:z.size.spacing.scale8}}},G=e.createTheme({typography:k({},C),palette:{background:{default:"#ffffff"},primary:{main:z.color.primary},secondary:{main:z.color.secondary},error:{main:z.color.error},info:{main:z.color.info},success:{main:z.color.success}},components:{MuiButton:O,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiIconButton:T,MuiChip:S,MuiInput:I,MuiTextField:j,MuiFormLabel:N,MuiTabs:W,MuiTab:H,MuiAvatar:F,MuiCheckbox:P,MuiRadio:L,MuiSwitch:M,MuiSelect:B,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}},MuiFormControl:{styleOverrides:{root:{width:"100%"}}}}}),D=r.styled(e.CircularProgress)(A||(R=["\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"],q=["\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(R,"raw",{value:q}):R.raw=q,A=R)),V=function(e){var t=e.children,r=E(e,["children"]);return u.default.createElement(g.default,k({},r),t)},_={small:6,medium:8,large:12,fluid:12},X=function(t){var r=t.children,o=E(t,["children"]);return u.default.createElement(e.Box,k({},o),r)},U=function(t){var r=E(t,[]);return u.default.createElement(e.Checkbox,k({},r))},J=function(t){return u.default.createElement(e.Radio,k({},t))},K=function(t){return u.default.createElement(e.Switch,k({},t))},Q=function(t){return u.default.createElement(e.Select,k({variant:"outlined"},t))},Y=function(r){var o=r.type,n=E(r,["type"]),a=t.useState(!1),i=a[0],l=a[1],c=k(k({},n.InputProps),"password"===o&&{endAdornment:u.default.createElement(h.default,{position:"end"},u.default.createElement(b.default,{"aria-label":"toggle password visibility",onClick:function(){return l(!i)},edge:"end"},i?u.default.createElement(x.default,null):u.default.createElement(y.default,null)))});return u.default.createElement(e.TextField,k({},n,{type:i?"text":o,InputProps:c}))};function Z(){return Z=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},Z.apply(this,arguments)}var ee=function(e){return m.createElement("svg",Z({viewBox:"0 0 24 24"},e),$||($=m.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"})))},te=function(t){var r=t.children,o=E(t,["children"]);return u.default.createElement(e.Tabs,k({},o),r)},re=function(t){var r=t.children,o=E(t,["children"]);return u.default.createElement(e.Tab,k({},o),r)},oe=function(e){var t=e.children,r=e.value,o=void 0===r?0:r,n=e.index,a=e.id;return u.default.createElement(X,{role:"tabpanel",hidden:o!==n,id:a},t)};exports.Avatar=function(t){var r=t.icon,o=t.firstName,n=void 0===o?"":o,a=t.lastName,i=void 0===a?"":a,l=E(t,["icon","firstName","lastName"]),c="".concat(n.substring(0,1)).concat(i.substring(0,1)).toLocaleUpperCase(),d=c?z.color.secondary:z.color.background.dark;return u.default.createElement(e.Avatar,k({sx:k({backgroundColor:d},l.sx)},l),c||r)},exports.Box=X,exports.Button=function(e){var t=e.color,r=void 0===t?"primary":t,o=e.variant,n=void 0===o?"contained":o,a=e.size,i=void 0===a?"medium":a,l=e.loading,c=e.children,d=E(e,["color","variant","size","loading","children"]);return u.default.createElement(p.default,k({size:i,variant:n,color:r,disabled:l},d),u.default.createElement("span",{style:{opacity:l?0:1}},c),l&&u.default.createElement(D,{size:20,color:"inherit"}))},exports.Checkbox=U,exports.Chip=function(t){var r=t.label,o=E(t,["label"]);return u.default.createElement(e.Chip,k({size:"small",label:r},o))},exports.Container=function(t){var r=t.component,o=void 0===r?"div":r,n=t.size,a=void 0===n?"large":n,i=t.children,l=E(t,["component","size","children"]),c="fluid"===a;return u.default.createElement(e.Container,k({component:o,disableGutters:c,maxWidth:!c&&"lg",sx:k({display:"flex",justifyContent:"center"},l.sx)},l),u.default.createElement(e.Grid,{container:!0,justifyContent:"center"},u.default.createElement(e.Grid,{item:!0,md:_[a]},i)))},exports.EmptyState=function(t){var r=t.icon,o=t.title,n=t.subTitle,a=t.action,i=E(t,["icon","title","subTitle","action"]);return u.default.createElement(e.Box,k({p:4,display:"flex",flexDirection:"column",alignItems:"center"},i),u.default.createElement(e.SvgIcon,{component:null!=r?r:v.default,sx:{marginBottom:z.size.spacing.scale24,fontSize:z.size.spacing.scale104,color:z.color.gray20}}),u.default.createElement(V,{variant:"h1",component:"span",mb:2},o),u.default.createElement(V,{variant:"body1",color:z.color.gray60,mb:3},n),a)},exports.FormCheckbox=function(t){var r=t.id,o=t.required,n=void 0===o||o,a=t.data,i=t.label,l=t.error,c=t.helperText;return u.default.createElement(e.FormControl,null,u.default.createElement(e.FormLabel,{component:"label",error:l},i," ",n?"":u.default.createElement(e.Box,{component:"span",sx:{fontWeight:z.font.weight.normal,color:z.color.text.light}},"(optional)")),u.default.createElement(e.FormGroup,null,a.map((function(t,o){var n=t.value,a=t.label;return u.default.createElement(e.FormControlLabel,{key:o,value:n,label:a||"",sx:{fontSize:z.size.font.base,color:z.color.text.base},control:u.default.createElement(U,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)}})})}))),l&&u.default.createElement(e.FormHelperText,{sx:{marginLeft:0,marginRight:0},error:l},c))},exports.FormInput=function(t){var r=t.id,o=t.required,n=void 0===o||o,a=t.label,i=t.error,l=t.helperText,c=E(t,["id","required","label","error","helperText"]);return u.default.createElement(e.FormControl,null,u.default.createElement(e.FormLabel,{component:"label",error:i},a," ",!n&&u.default.createElement(e.Box,{component:"span",sx:{fontWeight:z.font.weight.normal,color:z.color.text.light}},"(optional)")),u.default.createElement(Y,k({},c,{id:r,error:i,inputProps:{"data-testid":r}})),i&&u.default.createElement(e.FormHelperText,{sx:{marginLeft:0,marginRight:0},error:i},l))},exports.FormRadio=function(t){var r=t.id,o=t.helperText,n=t.label,a=t.error,i=t.required,l=void 0===i||i,c=t.name,d=t.data;return u.default.createElement(e.FormControl,{component:"fieldset",error:a},u.default.createElement(e.FormLabel,{component:"legend"},n," ",l?"":u.default.createElement(e.Box,{component:"span",sx:{fontWeight:z.font.weight.normal,color:z.color.text.light}},"(optional)")),u.default.createElement(e.RadioGroup,{"aria-label":c,name:c},d.map((function(t,o){var n=t.value,a=t.label;return u.default.createElement(e.FormControlLabel,{value:n,key:n,label:a||"",sx:{fontSize:z.size.font.base,color:z.color.text.base},control:u.default.createElement(J,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)}})})}))),a&&u.default.createElement(e.FormHelperText,{sx:{marginLeft:0,marginRight:0}},o))},exports.FormSelect=function(t){var r=t.id,o=t.required,n=void 0===o||o,a=t.options,i=t.label,l=t.error,c=t.placeholder,d=t.helperText,f=t.value;return u.default.createElement(e.FormControl,null,u.default.createElement(e.FormLabel,{component:"label",error:l},i," ",n?"":u.default.createElement(e.Box,{component:"span",sx:{fontWeight:z.font.weight.normal,color:z.color.text.light}},"(optional)")),u.default.createElement(Q,{id:r,placeholder:c,error:l,value:f},a.map((function(t){return u.default.createElement(e.MenuItem,{key:t.value,value:t.value},t.text)}))),l&&u.default.createElement(e.FormHelperText,{sx:{marginLeft:0,marginRight:0},error:l},d))},exports.FormSwitch=function(t){var r=t.id,o=t.label,n=t.checked;return u.default.createElement(e.FormControl,null,u.default.createElement(e.FormLabel,{component:"label"},o),u.default.createElement(e.FormControlLabel,{control:u.default.createElement(K,{id:r}),label:"".concat(n?"Active":"Inactive")}))},exports.Input=Y,exports.Link=function(t){var r,o=t.children,n=t.underline,a=void 0===n?"hover":n,i=t.toParentNavigation,l=E(t,["children","underline","toParentNavigation"]),c=null===(r=l.href)||void 0===r?void 0:r.startsWith("https"),d={variant:"caption",underline:a};return i?u.default.createElement(e.Link,k({},d,l,{onClick:function(){return e=i,void window.parent.postMessage({type:"NAVIGATION",content:e},"*");var e}}),o):u.default.createElement(e.Link,k({},d,c&&{target:"_blank",rel:"noopener noreferrer"},l),o,c&&u.default.createElement(e.SvgIcon,{component:ee,fontSize:"inherit",sx:{marginLeft:".25em"}}))},exports.Radio=J,exports.Select=Q,exports.Switch=K,exports.Tab=re,exports.TabGroup=function(e){var r=e.tabs,o=e.nameSpace,n=e.tabContentProps,a=e.tabsProps,i=t.useState(0),l=i[0],c=i[1],d=o?"".concat(o,"-"):"";return u.default.createElement(u.default.Fragment,null,u.default.createElement(te,k({},a,{value:l,onChange:function(e,t){c(t)}}),r.map((function(e,t){return u.default.createElement(re,{key:"".concat(d,"tab-").concat(t),label:e.label,"aria-controls":"".concat(d,"panel-").concat(t)})}))),u.default.createElement(X,k({},n),r.map((function(e,t){var r="".concat(d,"panel-").concat(t);return u.default.createElement(oe,{key:r,value:l,index:t,id:r,"aria-labelledby":"".concat(d,"tab-").concat(t)},e.content)}))))},exports.Tabs=te,exports.Typography=V,exports.UpComponentsProvider=function(t){return u.default.createElement(u.default.Fragment,null,u.default.createElement(e.CssBaseline,null),u.default.createElement(r.ThemeProvider,{theme:G},t.children))},exports.theme=G,exports.tokens=z,Object.keys(e).forEach((function(t){"default"===t||exports.hasOwnProperty(t)||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return e[t]}})}));
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@mui/material"),t=require("react"),r=require("@mui/material/styles"),o=require("@mui/material/Button"),n=require("@mui/material/Typography"),a=require("@mui/material/InputAdornment"),i=require("@mui/material/IconButton"),l=require("@mui/icons-material/VisibilityOutlined"),c=require("@mui/icons-material/VisibilityOffOutlined"),d=require("@mui/icons-material/InfoOutlined"),f=require("@mui/material/Table"),u=require("@mui/material/TableBody"),s=require("@mui/material/TableCell"),m=require("@mui/material/TableContainer"),p=require("@mui/material/TableHead"),g=require("@mui/material/TableRow"),h=require("@mui/material/TablePagination"),b=require("@mui/material/TableSortLabel"),x=require("@mui/material/TableFooter");function y(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function v(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var z=y(t),E=v(t),k=y(o),T=y(n),S=y(a),w=y(i),C=y(l),O=y(c),F=y(d),M=y(f),P=y(u),L=y(s),B=y(m),W=y(p),I=y(g),j=y(h),q=y(b),H=y(x),R={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"}}},A=function(){return A=Object.assign||function(e){for(var t,r=1,o=arguments.length;r<o;r++)for(var n in t=arguments[r])Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n]);return e},A.apply(this,arguments)};function $(e,t){var r={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&t.indexOf(o)<0&&(r[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(r[o[n]]=e[o[n]])}return r}var N={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:R.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:R.size.spacing.scale8}},colorDefault:{backgroundColor:R.color.gray10,color:R.color.gray60},colorPrimary:{backgroundColor:R.color.indigo10,color:R.color.indigo80},colorSecondary:{backgroundColor:R.color.pink10,color:R.color.pink80},colorError:{backgroundColor:R.color.red10,color:R.color.error},colorInfo:{backgroundColor:R.color.indigo10,color:R.color.indigo80},colorSuccess:{backgroundColor:R.color.green10,color:R.color.green80}}},G={h1:{fontFamily:R.font.family.heading,fontSize:R.size.font.heading.default,fontWeight:R.font.weight.bold,lineHeight:R.font.lineHeight.xlarge},h2:{fontFamily:R.font.family.heading,fontSize:R.size.font.heading.small,fontWeight:R.font.weight.bold,lineHeight:R.font.lineHeight.xlarge},h3:{fontFamily:R.font.family.heading,fontSize:R.size.font.heading.xsmall,fontWeight:R.font.weight.bold,lineHeight:R.font.lineHeight.large},body1:{fontFamily:R.font.family.text,fontSize:R.size.font.body.default,fontWeight:R.font.weight.normal,lineHeight:R.font.lineHeight.large},body2:{fontFamily:R.font.family.text,fontSize:R.size.font.body.default,fontWeight:R.font.weight.bold,lineHeight:R.font.lineHeight.large},caption:{fontFamily:R.font.family.text,fontSize:R.size.font.caption.default,fontWeight:R.font.weight.normal,lineHeight:R.font.lineHeight.medium},overline:{fontFamily:R.font.family.heading,fontSize:R.size.font.overline.default,letterSpacing:"initial",fontWeight:R.font.weight.bold,color:R.color.gray60}},D={small:"".concat(R.size.spacing.scale4," ").concat(R.size.spacing.scale8),medium:"".concat(R.size.spacing.scale8," ").concat(R.size.spacing.scale16),large:"".concat(R.size.spacing.scale16," ").concat(R.size.spacing.scale32)},V={styleOverrides:{root:{textTransform:"none",lineHeight:R.size.spacing.scale16,fontWeight:R.font.weight.bold,fontFamily:R.font.family.text},contained:{padding:D.medium},containedSizeSmall:{padding:D.small},containedSizeLarge:{padding:D.large},text:{padding:D.medium},textSizeSmall:{padding:D.small},textSizeLarge:{padding:D.large},outlined:{padding:"7px ".concat(R.size.spacing.scale16)},outlinedSizeSmall:{padding:D.small},outlinedSizeLarge:{padding:D.large},sizeSmall:{fontSize:R.size.font.label.default},sizeLarge:{fontSize:R.size.font.label.large},startIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}},endIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}}},defaultProps:{disableFocusRipple:!0},MuiIconButton:{root:{"&&:hover":{backgroundColor:"transparent"}}}},_={styleOverrides:{root:{color:R.color.gray60,backgroundColor:R.color.background.dark},sizeSmall:{padding:"3px"}}},X={styleOverrides:{root:{fontFamily:R.font.family.text,fontSize:R.size.font.label.default,fontWeight:R.font.weight.bold,width:R.size.spacing.scale24,height:R.size.spacing.scale24,"& .MuiSvgIcon-root":{width:R.size.spacing.scale16}},colorDefault:{backgroundColor:R.color.background.dark,"& .MuiSvgIcon-root":{color:R.color.gray60}}}},U={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:R.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:R.color.primary},"&$disabled":{opacity:.5}}}},J={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:R.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},K={styleOverrides:{root:{marginRight:16},colorSecondary:{color:R.color.gray0,"&$checked":{color:R.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:R.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:R.color.background.light,border:"2px solid ".concat(R.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:R.color.primary,border:"2px solid ".concat(R.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},Q={styleOverrides:{outlined:{position:"relative",padding:R.size.spacing.scale8,fontSize:R.size.font.label.default,borderRadius:R.size.spacing.scale6,width:"100%","&.Mui-disabled":{backgroundColor:R.color.background.dark,color:R.color.text.light}}}},Y={styleOverrides:{root:{input:{padding:R.size.spacing.scale8,fontSize:R.size.font.label.default,height:R.size.spacing.scale16},"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(R.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:R.size.spacing.scale16,height:R.size.spacing.scale16}}}}},Z={styleOverrides:{outlined:{notchedOutline:{borderColor:R.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}},ee={styleOverrides:{root:{borderBottom:"1px solid ".concat(R.color.gray20)},indicator:{backgroundColor:R.color.primary}}},te={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(R.size.spacing.scale16),fontFamily:R.font.family.text,color:R.color.gray60,padding:"0 0 ".concat(R.size.spacing.scale16," 0"),"&:hover":{color:R.color.primary,opacity:1},"&$selected":{color:R.color.primary},"&:focus":{color:R.color.primary}}},defaultProps:{disableRipple:!0}},re={styleOverrides:{root:{fontWeight:R.font.weight.normal}}},oe={styleOverrides:{root:{fontWeight:R.font.weight.normal},head:{fontWeight:R.font.weight.bold}}},ne={styleOverrides:{root:{borderTop:"1px solid ".concat(R.color.border.default)}}},ae={styleOverrides:{root:{borderBottom:"none","& .MuiIconButton-root":{backgroundColor:"transparent"}},selectLabel:{fontWeight:R.font.weight.normal,fontSize:R.size.font.caption.default},displayedRows:{fontWeight:R.font.weight.normal,fontSize:R.size.font.caption.default}}};R.size.font.body.default,R.font.family.text,R.color.gray100,R.size.font.caption.default;var ie,le,ce,de,fe={styleOverrides:{root:{fontWeight:R.font.weight.bold,lineHeight:R.font.lineHeight.medium,fontFamily:R.font.family.text,fontSize:R.size.font.caption.default,color:R.color.text.base,marginBottom:R.size.spacing.scale8}}},ue=e.createTheme({typography:A({},G),palette:{background:{default:"#ffffff"},primary:{main:R.color.primary},secondary:{main:R.color.secondary},error:{main:R.color.error},info:{main:R.color.info},success:{main:R.color.success}},components:{MuiButton:V,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiIconButton:_,MuiChip:N,MuiInput:Z,MuiTextField:Y,MuiFormLabel:fe,MuiTabs:ee,MuiTab:te,MuiAvatar:X,MuiCheckbox:U,MuiRadio:J,MuiSwitch:K,MuiSelect:Q,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiTable:re,MuiTableCell:oe,MuiTableRow:{styleOverrides:{root:{"&:last-child td":{borderBottom:0}}}},MuiTableFooter:ne,MuiTablePagination:ae,MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}},MuiFormControl:{styleOverrides:{root:{width:"100%"}}}}}),se=r.styled(e.CircularProgress)(ce||(ie=["\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"],le=["\n position: absolute;\n width: 100%;\n height: 100%;\n z-index: 2;\n display: flex;\n align-items: center;\n justify-content: center;\n"],Object.defineProperty?Object.defineProperty(ie,"raw",{value:le}):ie.raw=le,ce=ie)),me=function(e){var t=e.children,r=$(e,["children"]);return z.default.createElement(T.default,A({},r),t)},pe={small:6,medium:8,large:12,fluid:12},ge=function(t){var r=t.children,o=$(t,["children"]);return z.default.createElement(e.Box,A({},o),r)},he=function(t){var r=$(t,[]);return z.default.createElement(e.Checkbox,A({},r))},be=function(t){return z.default.createElement(e.Radio,A({},t))},xe=function(t){return z.default.createElement(e.Switch,A({},t))},ye=function(t){return z.default.createElement(e.Select,A({variant:"outlined"},t))},ve=function(r){var o=r.type,n=$(r,["type"]),a=t.useState(!1),i=a[0],l=a[1],c=A(A({},n.InputProps),"password"===o&&{endAdornment:z.default.createElement(S.default,{position:"end"},z.default.createElement(w.default,{"aria-label":"toggle password visibility",onClick:function(){return l(!i)},edge:"end"},i?z.default.createElement(C.default,null):z.default.createElement(O.default,null)))});return z.default.createElement(e.TextField,A({},n,{type:i?"text":o,InputProps:c}))};function ze(){return ze=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&(e[o]=r[o])}return e},ze.apply(this,arguments)}var Ee=function(e){return E.createElement("svg",ze({viewBox:"0 0 24 24"},e),de||(de=E.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"})))},ke=function(t){var r=t.children,o=$(t,["children"]);return z.default.createElement(e.Tabs,A({},o),r)},Te=function(t){var r=t.children,o=$(t,["children"]);return z.default.createElement(e.Tab,A({},o),r)},Se=function(e){var t=e.children,r=e.value,o=void 0===r?0:r,n=e.index,a=e.id;return z.default.createElement(ge,{role:"tabpanel",hidden:o!==n,id:a},t)};exports.Avatar=function(t){var r=t.icon,o=t.firstName,n=void 0===o?"":o,a=t.lastName,i=void 0===a?"":a,l=$(t,["icon","firstName","lastName"]),c="".concat(n.substring(0,1)).concat(i.substring(0,1)).toLocaleUpperCase(),d=c?R.color.secondary:R.color.background.dark;return z.default.createElement(e.Avatar,A({sx:A({backgroundColor:d},l.sx)},l),c||r)},exports.Box=ge,exports.Button=function(e){var t=e.color,r=void 0===t?"primary":t,o=e.variant,n=void 0===o?"contained":o,a=e.size,i=void 0===a?"medium":a,l=e.loading,c=e.children,d=$(e,["color","variant","size","loading","children"]);return z.default.createElement(k.default,A({size:i,variant:n,color:r,disabled:l},d),z.default.createElement("span",{style:{opacity:l?0:1}},c),l&&z.default.createElement(se,{size:20,color:"inherit"}))},exports.Checkbox=he,exports.Chip=function(t){var r=t.label,o=$(t,["label"]);return z.default.createElement(e.Chip,A({size:"small",label:r},o))},exports.Container=function(t){var r=t.component,o=void 0===r?"div":r,n=t.size,a=void 0===n?"large":n,i=t.children,l=$(t,["component","size","children"]),c="fluid"===a;return z.default.createElement(e.Container,A({component:o,disableGutters:c,maxWidth:!c&&"lg",sx:A({display:"flex",justifyContent:"center"},l.sx)},l),z.default.createElement(e.Grid,{container:!0,justifyContent:"center"},z.default.createElement(e.Grid,{item:!0,md:pe[a]},i)))},exports.EmptyState=function(t){var r=t.icon,o=t.title,n=t.subTitle,a=t.action,i=$(t,["icon","title","subTitle","action"]);return z.default.createElement(e.Box,A({p:4,display:"flex",flexDirection:"column",alignItems:"center"},i),z.default.createElement(e.SvgIcon,{component:null!=r?r:F.default,sx:{marginBottom:R.size.spacing.scale24,fontSize:R.size.spacing.scale104,color:R.color.gray20}}),z.default.createElement(me,{variant:"h1",component:"span",mb:2},o),z.default.createElement(me,{variant:"body1",color:R.color.gray60,mb:3},n),a)},exports.FormCheckbox=function(t){var r=t.id,o=t.required,n=void 0===o||o,a=t.data,i=t.label,l=t.error,c=t.helperText;return z.default.createElement(e.FormControl,null,z.default.createElement(e.FormLabel,{component:"label",error:l},i," ",n?"":z.default.createElement(e.Box,{component:"span",sx:{fontWeight:R.font.weight.normal,color:R.color.text.light}},"(optional)")),z.default.createElement(e.FormGroup,null,a.map((function(t,o){var n=t.value,a=t.label;return z.default.createElement(e.FormControlLabel,{key:o,value:n,label:a||"",sx:{fontSize:R.size.font.base,color:R.color.text.base},control:z.default.createElement(he,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)}})})}))),l&&z.default.createElement(e.FormHelperText,{sx:{marginLeft:0,marginRight:0},error:l},c))},exports.FormInput=function(t){var r=t.id,o=t.required,n=void 0===o||o,a=t.label,i=t.error,l=t.helperText,c=$(t,["id","required","label","error","helperText"]);return z.default.createElement(e.FormControl,null,z.default.createElement(e.FormLabel,{component:"label",error:i},a," ",!n&&z.default.createElement(e.Box,{component:"span",sx:{fontWeight:R.font.weight.normal,color:R.color.text.light}},"(optional)")),z.default.createElement(ve,A({},c,{id:r,error:i,inputProps:{"data-testid":r}})),i&&z.default.createElement(e.FormHelperText,{sx:{marginLeft:0,marginRight:0},error:i},l))},exports.FormRadio=function(t){var r=t.id,o=t.helperText,n=t.label,a=t.error,i=t.required,l=void 0===i||i,c=t.name,d=t.data;return z.default.createElement(e.FormControl,{component:"fieldset",error:a},z.default.createElement(e.FormLabel,{component:"legend"},n," ",l?"":z.default.createElement(e.Box,{component:"span",sx:{fontWeight:R.font.weight.normal,color:R.color.text.light}},"(optional)")),z.default.createElement(e.RadioGroup,{"aria-label":c,name:c},d.map((function(t,o){var n=t.value,a=t.label;return z.default.createElement(e.FormControlLabel,{value:n,key:n,label:a||"",sx:{fontSize:R.size.font.base,color:R.color.text.base},control:z.default.createElement(be,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)}})})}))),a&&z.default.createElement(e.FormHelperText,{sx:{marginLeft:0,marginRight:0}},o))},exports.FormSelect=function(t){var r=t.id,o=t.required,n=void 0===o||o,a=t.options,i=t.label,l=t.error,c=t.placeholder,d=t.helperText,f=t.value;return z.default.createElement(e.FormControl,null,z.default.createElement(e.FormLabel,{component:"label",error:l},i," ",n?"":z.default.createElement(e.Box,{component:"span",sx:{fontWeight:R.font.weight.normal,color:R.color.text.light}},"(optional)")),z.default.createElement(ye,{id:r,placeholder:c,error:l,value:f},a.map((function(t){return z.default.createElement(e.MenuItem,{key:t.value,value:t.value},t.text)}))),l&&z.default.createElement(e.FormHelperText,{sx:{marginLeft:0,marginRight:0},error:l},d))},exports.FormSwitch=function(t){var r=t.id,o=t.label,n=t.checked;return z.default.createElement(e.FormControl,null,z.default.createElement(e.FormLabel,{component:"label"},o),z.default.createElement(e.FormControlLabel,{control:z.default.createElement(xe,{id:r}),label:"".concat(n?"Active":"Inactive")}))},exports.Input=ve,exports.Link=function(t){var r,o=t.children,n=t.underline,a=void 0===n?"hover":n,i=t.toParentNavigation,l=$(t,["children","underline","toParentNavigation"]),c=null===(r=l.href)||void 0===r?void 0:r.startsWith("https"),d={underline:a};return i?z.default.createElement(e.Link,A({},d,l,{onClick:function(){return e=i,void window.parent.postMessage({type:"NAVIGATION",content:e},"*");var e}}),o):z.default.createElement(e.Link,A({},d,c&&{target:"_blank",rel:"noopener noreferrer"},l),o,c&&z.default.createElement(e.SvgIcon,{component:Ee,fontSize:"inherit",sx:{marginLeft:".25em"}}))},exports.Radio=be,exports.Select=ye,exports.Switch=xe,exports.Tab=Te,exports.TabGroup=function(e){var r=e.tabs,o=e.nameSpace,n=e.tabContentProps,a=e.tabsProps,i=t.useState(0),l=i[0],c=i[1],d=o?"".concat(o,"-"):"";return z.default.createElement(z.default.Fragment,null,z.default.createElement(ke,A({},a,{value:l,onChange:function(e,t){c(t)}}),r.map((function(e,t){return z.default.createElement(Te,{key:"".concat(d,"tab-").concat(t),label:e.label,"aria-controls":"".concat(d,"panel-").concat(t)})}))),z.default.createElement(ge,A({},n),r.map((function(e,t){var r="".concat(d,"panel-").concat(t);return z.default.createElement(Se,{key:r,value:l,index:t,id:r,"aria-labelledby":"".concat(d,"tab-").concat(t)},e.content)}))))},exports.Table=function(e){var t=e.children,r=$(e,["children"]);return z.default.createElement(M.default,A({},r),t)},exports.TableBody=function(e){var t=e.children,r=$(e,["children"]);return z.default.createElement(P.default,A({},r),t)},exports.TableCell=function(e){var t=e.children,r=$(e,["children"]);return z.default.createElement(L.default,A({},r),t)},exports.TableContainer=function(e){var t=e.children,r=$(e,["children"]);return z.default.createElement(B.default,A({},r),t)},exports.TableFooter=function(e){var t=e.children,r=$(e,["children"]);return z.default.createElement(H.default,A({},r),t)},exports.TableHead=function(e){var t=e.children,r=$(e,["children"]);return z.default.createElement(W.default,A({},r),t)},exports.TablePagination=function(e){var t=$(e,[]);return z.default.createElement(j.default,A({},t))},exports.TableRow=function(e){var t=e.children,r=$(e,["children"]);return z.default.createElement(I.default,A({},r),t)},exports.TableSortLabel=function(e){var t=e.children,r=$(e,["children"]);return z.default.createElement(q.default,A({},r),t)},exports.Tabs=ke,exports.Typography=me,exports.UpComponentsProvider=function(t){return z.default.createElement(z.default.Fragment,null,z.default.createElement(e.CssBaseline,null),z.default.createElement(r.ThemeProvider,{theme:ue},t.children))},exports.theme=ue,exports.tokens=R,Object.keys(e).forEach((function(t){"default"===t||exports.hasOwnProperty(t)||Object.defineProperty(exports,t,{enumerable:!0,get:function(){return e[t]}})}));
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TableProps as MuiTableProps } from '@mui/material/Table';
|
|
3
|
+
import { TableBodyProps as MuiTableBodyProps } from '@mui/material/TableBody';
|
|
4
|
+
import { TableCellProps as MuiTableCellProps } from '@mui/material/TableCell';
|
|
5
|
+
import { TableContainerProps as MuiTableContainerProps } from '@mui/material/TableContainer';
|
|
6
|
+
import { TableHeadProps as MuiTableHeadProps } from '@mui/material/TableHead';
|
|
7
|
+
import { TableRowProps as MuiTableRowProps } from '@mui/material/TableRow';
|
|
8
|
+
import { TablePaginationProps as MuiTablePaginationProps } from '@mui/material/TablePagination';
|
|
9
|
+
import { TableSortLabelProps as MuiTableSortLabelProps } from '@mui/material/TableSortLabel';
|
|
10
|
+
import { TableFooterProps as MuiTableFooterProps } from '@mui/material/TableFooter';
|
|
11
|
+
import { MUIGlobalOmit } from '@global/utils/types';
|
|
12
|
+
export declare type TableProps = MUIGlobalOmit<MuiTableProps>;
|
|
13
|
+
export declare const Table: ({ children, ...props }: TableProps) => JSX.Element;
|
|
14
|
+
export declare type TableBodyProps = MUIGlobalOmit<MuiTableBodyProps>;
|
|
15
|
+
export declare const TableBody: ({ children, ...props }: TableBodyProps) => JSX.Element;
|
|
16
|
+
export declare type TableCellProps = MUIGlobalOmit<MuiTableCellProps>;
|
|
17
|
+
export declare const TableCell: ({ children, ...props }: TableCellProps) => JSX.Element;
|
|
18
|
+
export declare type TableContainerProps = MUIGlobalOmit<MuiTableContainerProps>;
|
|
19
|
+
export declare const TableContainer: ({ children, ...props }: TableContainerProps) => JSX.Element;
|
|
20
|
+
export declare type TableHeadProps = MUIGlobalOmit<MuiTableHeadProps>;
|
|
21
|
+
export declare const TableHead: ({ children, ...props }: TableHeadProps) => JSX.Element;
|
|
22
|
+
export declare type TableRowProps = MUIGlobalOmit<MuiTableRowProps>;
|
|
23
|
+
export declare const TableRow: ({ children, ...props }: TableRowProps) => JSX.Element;
|
|
24
|
+
export declare type TablePaginationProps = MUIGlobalOmit<MuiTablePaginationProps>;
|
|
25
|
+
export declare const TablePagination: ({ ...props }: TablePaginationProps) => JSX.Element;
|
|
26
|
+
export declare type TableSortLabelProps = MUIGlobalOmit<MuiTableSortLabelProps>;
|
|
27
|
+
export declare const TableSortLabel: ({ children, ...props }: TableSortLabelProps) => JSX.Element;
|
|
28
|
+
export declare type TableFooterProps = MUIGlobalOmit<MuiTableFooterProps>;
|
|
29
|
+
export declare const TableFooter: ({ children, ...props }: TableFooterProps) => JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { OverridesStyleRules } from '@mui/material/styles/overrides';
|
|
2
|
+
export declare const MuiTable: OverridesStyleRules;
|
|
3
|
+
export declare const MuiTableCell: OverridesStyleRules;
|
|
4
|
+
export declare const MuiTableRow: OverridesStyleRules;
|
|
5
|
+
export declare const MuiTableFooter: OverridesStyleRules;
|
|
6
|
+
export declare const MuiTablePagination: OverridesStyleRules;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Story, Meta } from '@storybook/react';
|
|
2
|
+
import { TableProps } from './Table';
|
|
3
|
+
declare const _default: Meta<import("@storybook/react").Args>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const BasicTable: Story<TableProps>;
|
|
6
|
+
export declare const ComplexTable: Story<TableProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -23,3 +23,4 @@ export { Link, type LinkProps } from './components/Link/Link';
|
|
|
23
23
|
export { Tabs, Tab, type TabsProps, type TabProps } from './components/Tabs/Tabs';
|
|
24
24
|
export { TabGroup, type TabGroupProps } from './components/TabGroup/TabGroup';
|
|
25
25
|
export { EmptyState, type EmptyStateProps } from './components/EmptyState/EmptyState';
|
|
26
|
+
export { Table, TableBody, TableCell, TableHead, TableContainer, TableRow, TableFooter, TablePagination, TableSortLabel, type TableProps, type TableBodyProps, type TableCellProps, type TableHeadProps, type TableContainerProps, type TableRowProps, type TableFooterProps, type TablePaginationProps, type TableSortLabelProps, } from './components/Table/Table';
|
package/dist/esm/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{createTheme as e,CssBaseline as r,CircularProgress as o,Chip as t,Avatar as n,Container as i,Grid as a,Box as l,Checkbox as c,FormControl as d,FormLabel as s,FormGroup as f,FormControlLabel as m,FormHelperText as p,Radio as g,RadioGroup as u,Switch as h,Select as b,MenuItem as y,TextField as x,Link as v,SvgIcon as z,Tabs as E,Tab as k}from"@mui/material";export*from"@mui/material";import*as S from"react";import w,{useState as C}from"react";import{ThemeProvider as O,styled as T}from"@mui/material/styles";import M from"@mui/material/Button";import P from"@mui/material/Typography";import W from"@mui/material/InputAdornment";import L from"@mui/material/IconButton";import I from"@mui/icons-material/VisibilityOutlined";import F from"@mui/icons-material/VisibilityOffOutlined";import B from"@mui/icons-material/InfoOutlined";var H={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"}}},j=function(){return j=Object.assign||function(e){for(var r,o=1,t=arguments.length;o<t;o++)for(var n in r=arguments[o])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},j.apply(this,arguments)};function R(e,r){var o={};for(var t in e)Object.prototype.hasOwnProperty.call(e,t)&&r.indexOf(t)<0&&(o[t]=e[t]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(t=Object.getOwnPropertySymbols(e);n<t.length;n++)r.indexOf(t[n])<0&&Object.prototype.propertyIsEnumerable.call(e,t[n])&&(o[t[n]]=e[t[n]])}return o}var $={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:H.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:H.size.spacing.scale8}},colorDefault:{backgroundColor:H.color.gray10,color:H.color.gray60},colorPrimary:{backgroundColor:H.color.indigo10,color:H.color.indigo80},colorSecondary:{backgroundColor:H.color.pink10,color:H.color.pink80},colorError:{backgroundColor:H.color.red10,color:H.color.error},colorInfo:{backgroundColor:H.color.indigo10,color:H.color.indigo80},colorSuccess:{backgroundColor:H.color.green10,color:H.color.green80}}},A={h1:{fontFamily:H.font.family.heading,fontSize:H.size.font.heading.default,fontWeight:H.font.weight.bold,lineHeight:H.font.lineHeight.xlarge},h2:{fontFamily:H.font.family.heading,fontSize:H.size.font.heading.small,fontWeight:H.font.weight.bold,lineHeight:H.font.lineHeight.xlarge},h3:{fontFamily:H.font.family.heading,fontSize:H.size.font.heading.xsmall,fontWeight:H.font.weight.bold,lineHeight:H.font.lineHeight.large},body1:{fontFamily:H.font.family.text,fontSize:H.size.font.body.default,fontWeight:H.font.weight.normal,lineHeight:H.font.lineHeight.large},body2:{fontFamily:H.font.family.text,fontSize:H.size.font.body.default,fontWeight:H.font.weight.bold,lineHeight:H.font.lineHeight.large},caption:{fontFamily:H.font.family.text,fontSize:H.size.font.caption.default,fontWeight:H.font.weight.normal,lineHeight:H.font.lineHeight.medium},overline:{fontFamily:H.font.family.heading,fontSize:H.size.font.overline.default,letterSpacing:"initial",fontWeight:H.font.weight.bold,color:H.color.gray60}},N={small:"".concat(H.size.spacing.scale4," ").concat(H.size.spacing.scale8),medium:"".concat(H.size.spacing.scale8," ").concat(H.size.spacing.scale16),large:"".concat(H.size.spacing.scale16," ").concat(H.size.spacing.scale32)},q={styleOverrides:{root:{textTransform:"none",lineHeight:H.size.spacing.scale16,fontWeight:H.font.weight.bold,fontFamily:H.font.family.text},contained:{padding:N.medium},containedSizeSmall:{padding:N.small},containedSizeLarge:{padding:N.large},text:{padding:N.medium},textSizeSmall:{padding:N.small},textSizeLarge:{padding:N.large},outlined:{padding:"7px ".concat(H.size.spacing.scale16)},outlinedSizeSmall:{padding:N.small},outlinedSizeLarge:{padding:N.large},sizeSmall:{fontSize:H.size.font.label.default},sizeLarge:{fontSize:H.size.font.label.large},startIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}},endIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}}},defaultProps:{disableFocusRipple:!0},MuiIconButton:{root:{"&&:hover":{backgroundColor:"transparent"}}}},V={styleOverrides:{root:{color:H.color.gray60,backgroundColor:H.color.background.dark},sizeSmall:{padding:"3px"}}},D={styleOverrides:{root:{fontFamily:H.font.family.text,fontSize:H.size.font.label.default,fontWeight:H.font.weight.bold,width:H.size.spacing.scale24,height:H.size.spacing.scale24,"& .MuiSvgIcon-root":{width:H.size.spacing.scale16}},colorDefault:{backgroundColor:H.color.background.dark,"& .MuiSvgIcon-root":{color:H.color.gray60}}}},X={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:H.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:H.color.primary},"&$disabled":{opacity:.5}}}},G={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:H.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},U={styleOverrides:{root:{marginRight:16},colorSecondary:{color:H.color.gray0,"&$checked":{color:H.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:H.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:H.color.background.light,border:"2px solid ".concat(H.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:H.color.primary,border:"2px solid ".concat(H.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},_={styleOverrides:{outlined:{position:"relative",padding:H.size.spacing.scale8,fontSize:H.size.font.label.default,borderRadius:H.size.spacing.scale6,width:"100%","&.Mui-disabled":{backgroundColor:H.color.background.dark,color:H.color.text.light}}}},J={styleOverrides:{root:{input:{padding:H.size.spacing.scale8,fontSize:H.size.font.label.default,height:H.size.spacing.scale16},"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(H.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:H.size.spacing.scale16,height:H.size.spacing.scale16}}}}},K={styleOverrides:{outlined:{notchedOutline:{borderColor:H.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}},Q={styleOverrides:{root:{borderBottom:"1px solid ".concat(H.color.gray20)},indicator:{backgroundColor:H.color.primary}}},Y={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(H.size.spacing.scale16),fontFamily:H.font.family.text,color:H.color.gray60,padding:"0 0 ".concat(H.size.spacing.scale16," 0"),"&:hover":{color:H.color.primary,opacity:1},"&$selected":{color:H.color.primary},"&:focus":{color:H.color.primary}}},defaultProps:{disableRipple:!0}};H.size.font.body.default,H.font.family.text,H.color.gray100,H.size.font.caption.default;var Z,ee,re,oe,te={styleOverrides:{root:{fontWeight:H.font.weight.bold,lineHeight:H.font.lineHeight.medium,fontFamily:H.font.family.text,fontSize:H.size.font.caption.default,color:H.color.text.base,marginBottom:H.size.spacing.scale8}}},ne=e({typography:j({},A),palette:{background:{default:"#ffffff"},primary:{main:H.color.primary},secondary:{main:H.color.secondary},error:{main:H.color.error},info:{main:H.color.info},success:{main:H.color.success}},components:{MuiButton:q,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiIconButton:V,MuiChip:$,MuiInput:K,MuiTextField:J,MuiFormLabel:te,MuiTabs:Q,MuiTab:Y,MuiAvatar:D,MuiCheckbox:X,MuiRadio:G,MuiSwitch:U,MuiSelect:_,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}},MuiFormControl:{styleOverrides:{root:{width:"100%"}}}}}),ie=function(e){return w.createElement(w.Fragment,null,w.createElement(r,null),w.createElement(O,{theme:ne},e.children))},ae=T(o)(re||(Z=["\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"],ee=["\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(Z,"raw",{value:ee}):Z.raw=ee,re=Z)),le=function(e){var r=e.color,o=void 0===r?"primary":r,t=e.variant,n=void 0===t?"contained":t,i=e.size,a=void 0===i?"medium":i,l=e.loading,c=e.children,d=R(e,["color","variant","size","loading","children"]);return w.createElement(M,j({size:a,variant:n,color:o,disabled:l},d),w.createElement("span",{style:{opacity:l?0:1}},c),l&&w.createElement(ae,{size:20,color:"inherit"}))},ce=function(e){var r=e.children,o=R(e,["children"]);return w.createElement(P,j({},o),r)},de=function(e){var r=e.label,o=R(e,["label"]);return w.createElement(t,j({size:"small",label:r},o))},se=function(e){var r=e.icon,o=e.firstName,t=void 0===o?"":o,i=e.lastName,a=void 0===i?"":i,l=R(e,["icon","firstName","lastName"]),c="".concat(t.substring(0,1)).concat(a.substring(0,1)).toLocaleUpperCase(),d=c?H.color.secondary:H.color.background.dark;return w.createElement(n,j({sx:j({backgroundColor:d},l.sx)},l),c||r)},fe={small:6,medium:8,large:12,fluid:12},me=function(e){var r=e.component,o=void 0===r?"div":r,t=e.size,n=void 0===t?"large":t,l=e.children,c=R(e,["component","size","children"]),d="fluid"===n;return w.createElement(i,j({component:o,disableGutters:d,maxWidth:!d&&"lg",sx:j({display:"flex",justifyContent:"center"},c.sx)},c),w.createElement(a,{container:!0,justifyContent:"center"},w.createElement(a,{item:!0,md:fe[n]},l)))},pe=function(e){var r=e.children,o=R(e,["children"]);return w.createElement(l,j({},o),r)},ge=function(e){var r=R(e,[]);return w.createElement(c,j({},r))},ue=function(e){var r=e.id,o=e.required,t=void 0===o||o,n=e.data,i=e.label,a=e.error,c=e.helperText;return w.createElement(d,null,w.createElement(s,{component:"label",error:a},i," ",t?"":w.createElement(l,{component:"span",sx:{fontWeight:H.font.weight.normal,color:H.color.text.light}},"(optional)")),w.createElement(f,null,n.map((function(e,o){var t=e.value,n=e.label;return w.createElement(m,{key:o,value:t,label:n||"",sx:{fontSize:H.size.font.base,color:H.color.text.base},control:w.createElement(ge,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)}})})}))),a&&w.createElement(p,{sx:{marginLeft:0,marginRight:0},error:a},c))},he=function(e){return w.createElement(g,j({},e))},be=function(e){var r=e.id,o=e.helperText,t=e.label,n=e.error,i=e.required,a=void 0===i||i,c=e.name,f=e.data;return w.createElement(d,{component:"fieldset",error:n},w.createElement(s,{component:"legend"},t," ",a?"":w.createElement(l,{component:"span",sx:{fontWeight:H.font.weight.normal,color:H.color.text.light}},"(optional)")),w.createElement(u,{"aria-label":c,name:c},f.map((function(e,o){var t=e.value,n=e.label;return w.createElement(m,{value:t,key:t,label:n||"",sx:{fontSize:H.size.font.base,color:H.color.text.base},control:w.createElement(he,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(o)}})})}))),n&&w.createElement(p,{sx:{marginLeft:0,marginRight:0}},o))},ye=function(e){return w.createElement(h,j({},e))},xe=function(e){var r=e.id,o=e.label,t=e.checked;return w.createElement(d,null,w.createElement(s,{component:"label"},o),w.createElement(m,{control:w.createElement(ye,{id:r}),label:"".concat(t?"Active":"Inactive")}))},ve=function(e){return w.createElement(b,j({variant:"outlined"},e))},ze=function(e){var r=e.id,o=e.required,t=void 0===o||o,n=e.options,i=e.label,a=e.error,c=e.placeholder,f=e.helperText,m=e.value;return w.createElement(d,null,w.createElement(s,{component:"label",error:a},i," ",t?"":w.createElement(l,{component:"span",sx:{fontWeight:H.font.weight.normal,color:H.color.text.light}},"(optional)")),w.createElement(ve,{id:r,placeholder:c,error:a,value:m},n.map((function(e){return w.createElement(y,{key:e.value,value:e.value},e.text)}))),a&&w.createElement(p,{sx:{marginLeft:0,marginRight:0},error:a},f))},Ee=function(e){var r=e.type,o=R(e,["type"]),t=C(!1),n=t[0],i=t[1],a=j(j({},o.InputProps),"password"===r&&{endAdornment:w.createElement(W,{position:"end"},w.createElement(L,{"aria-label":"toggle password visibility",onClick:function(){return i(!n)},edge:"end"},n?w.createElement(I,null):w.createElement(F,null)))});return w.createElement(x,j({},o,{type:n?"text":r,InputProps:a}))},ke=function(e){var r=e.id,o=e.required,t=void 0===o||o,n=e.label,i=e.error,a=e.helperText,c=R(e,["id","required","label","error","helperText"]);return w.createElement(d,null,w.createElement(s,{component:"label",error:i},n," ",!t&&w.createElement(l,{component:"span",sx:{fontWeight:H.font.weight.normal,color:H.color.text.light}},"(optional)")),w.createElement(Ee,j({},c,{id:r,error:i,inputProps:{"data-testid":r}})),i&&w.createElement(p,{sx:{marginLeft:0,marginRight:0},error:i},a))};function Se(){return Se=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var o=arguments[r];for(var t in o)Object.prototype.hasOwnProperty.call(o,t)&&(e[t]=o[t])}return e},Se.apply(this,arguments)}var we=function(e){return S.createElement("svg",Se({viewBox:"0 0 24 24"},e),oe||(oe=S.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"})))},Ce=function(e){var r,o=e.children,t=e.underline,n=void 0===t?"hover":t,i=e.toParentNavigation,a=R(e,["children","underline","toParentNavigation"]),l=null===(r=a.href)||void 0===r?void 0:r.startsWith("https"),c={variant:"caption",underline:n};return i?w.createElement(v,j({},c,a,{onClick:function(){return e=i,void window.parent.postMessage({type:"NAVIGATION",content:e},"*");var e}}),o):w.createElement(v,j({},c,l&&{target:"_blank",rel:"noopener noreferrer"},a),o,l&&w.createElement(z,{component:we,fontSize:"inherit",sx:{marginLeft:".25em"}}))},Oe=function(e){var r=e.children,o=R(e,["children"]);return w.createElement(E,j({},o),r)},Te=function(e){var r=e.children,o=R(e,["children"]);return w.createElement(k,j({},o),r)},Me=function(e){var r=e.children,o=e.value,t=void 0===o?0:o,n=e.index,i=e.id;return w.createElement(pe,{role:"tabpanel",hidden:t!==n,id:i},r)},Pe=function(e){var r=e.tabs,o=e.nameSpace,t=e.tabContentProps,n=e.tabsProps,i=C(0),a=i[0],l=i[1],c=o?"".concat(o,"-"):"";return w.createElement(w.Fragment,null,w.createElement(Oe,j({},n,{value:a,onChange:function(e,r){l(r)}}),r.map((function(e,r){return w.createElement(Te,{key:"".concat(c,"tab-").concat(r),label:e.label,"aria-controls":"".concat(c,"panel-").concat(r)})}))),w.createElement(pe,j({},t),r.map((function(e,r){var o="".concat(c,"panel-").concat(r);return w.createElement(Me,{key:o,value:a,index:r,id:o,"aria-labelledby":"".concat(c,"tab-").concat(r)},e.content)}))))},We=function(e){var r=e.icon,o=e.title,t=e.subTitle,n=e.action,i=R(e,["icon","title","subTitle","action"]);return w.createElement(l,j({p:4,display:"flex",flexDirection:"column",alignItems:"center"},i),w.createElement(z,{component:null!=r?r:B,sx:{marginBottom:H.size.spacing.scale24,fontSize:H.size.spacing.scale104,color:H.color.gray20}}),w.createElement(ce,{variant:"h1",component:"span",mb:2},o),w.createElement(ce,{variant:"body1",color:H.color.gray60,mb:3},t),n)};export{se as Avatar,pe as Box,le as Button,ge as Checkbox,de as Chip,me as Container,We as EmptyState,ue as FormCheckbox,ke as FormInput,be as FormRadio,ze as FormSelect,xe as FormSwitch,Ee as Input,Ce as Link,he as Radio,ve as Select,ye as Switch,Te as Tab,Pe as TabGroup,Oe as Tabs,ce as Typography,ie as UpComponentsProvider,ne as theme,H as tokens};
|
|
1
|
+
import{createTheme as e,CssBaseline as r,CircularProgress as t,Chip as o,Avatar as n,Container as i,Grid as a,Box as l,Checkbox as c,FormControl as d,FormLabel 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 x,Link as v,SvgIcon as z,Tabs as E,Tab as k}from"@mui/material";export*from"@mui/material";import*as S from"react";import w,{useState as T}from"react";import{ThemeProvider as O,styled as C}from"@mui/material/styles";import M from"@mui/material/Button";import W from"@mui/material/Typography";import P from"@mui/material/InputAdornment";import L from"@mui/material/IconButton";import B from"@mui/icons-material/VisibilityOutlined";import F from"@mui/icons-material/VisibilityOffOutlined";import I from"@mui/icons-material/InfoOutlined";import H from"@mui/material/Table";import R from"@mui/material/TableBody";import j from"@mui/material/TableCell";import $ from"@mui/material/TableContainer";import A from"@mui/material/TableHead";import N from"@mui/material/TableRow";import q from"@mui/material/TablePagination";import V from"@mui/material/TableSortLabel";import D from"@mui/material/TableFooter";var X={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"}}},G=function(){return G=Object.assign||function(e){for(var r,t=1,o=arguments.length;t<o;t++)for(var n in r=arguments[t])Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n]);return e},G.apply(this,arguments)};function U(e,r){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&r.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(o=Object.getOwnPropertySymbols(e);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(e,o[n])&&(t[o[n]]=e[o[n]])}return t}var _={styleOverrides:{root:{fontSize:"12px",fontWeight:600,fontFamily:X.font.family.text,"& .MuiChip-icon":{width:"12px",height:"12px",marginLeft:X.size.spacing.scale8}},colorDefault:{backgroundColor:X.color.gray10,color:X.color.gray60},colorPrimary:{backgroundColor:X.color.indigo10,color:X.color.indigo80},colorSecondary:{backgroundColor:X.color.pink10,color:X.color.pink80},colorError:{backgroundColor:X.color.red10,color:X.color.error},colorInfo:{backgroundColor:X.color.indigo10,color:X.color.indigo80},colorSuccess:{backgroundColor:X.color.green10,color:X.color.green80}}},J={h1:{fontFamily:X.font.family.heading,fontSize:X.size.font.heading.default,fontWeight:X.font.weight.bold,lineHeight:X.font.lineHeight.xlarge},h2:{fontFamily:X.font.family.heading,fontSize:X.size.font.heading.small,fontWeight:X.font.weight.bold,lineHeight:X.font.lineHeight.xlarge},h3:{fontFamily:X.font.family.heading,fontSize:X.size.font.heading.xsmall,fontWeight:X.font.weight.bold,lineHeight:X.font.lineHeight.large},body1:{fontFamily:X.font.family.text,fontSize:X.size.font.body.default,fontWeight:X.font.weight.normal,lineHeight:X.font.lineHeight.large},body2:{fontFamily:X.font.family.text,fontSize:X.size.font.body.default,fontWeight:X.font.weight.bold,lineHeight:X.font.lineHeight.large},caption:{fontFamily:X.font.family.text,fontSize:X.size.font.caption.default,fontWeight:X.font.weight.normal,lineHeight:X.font.lineHeight.medium},overline:{fontFamily:X.font.family.heading,fontSize:X.size.font.overline.default,letterSpacing:"initial",fontWeight:X.font.weight.bold,color:X.color.gray60}},K={small:"".concat(X.size.spacing.scale4," ").concat(X.size.spacing.scale8),medium:"".concat(X.size.spacing.scale8," ").concat(X.size.spacing.scale16),large:"".concat(X.size.spacing.scale16," ").concat(X.size.spacing.scale32)},Q={styleOverrides:{root:{textTransform:"none",lineHeight:X.size.spacing.scale16,fontWeight:X.font.weight.bold,fontFamily:X.font.family.text},contained:{padding:K.medium},containedSizeSmall:{padding:K.small},containedSizeLarge:{padding:K.large},text:{padding:K.medium},textSizeSmall:{padding:K.small},textSizeLarge:{padding:K.large},outlined:{padding:"7px ".concat(X.size.spacing.scale16)},outlinedSizeSmall:{padding:K.small},outlinedSizeLarge:{padding:K.large},sizeSmall:{fontSize:X.size.font.label.default},sizeLarge:{fontSize:X.size.font.label.large},startIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}},endIcon:{"& svg":{fill:"currentColor",width:"12px",height:"12px"}}},defaultProps:{disableFocusRipple:!0},MuiIconButton:{root:{"&&:hover":{backgroundColor:"transparent"}}}},Y={styleOverrides:{root:{color:X.color.gray60,backgroundColor:X.color.background.dark},sizeSmall:{padding:"3px"}}},Z={styleOverrides:{root:{fontFamily:X.font.family.text,fontSize:X.size.font.label.default,fontWeight:X.font.weight.bold,width:X.size.spacing.scale24,height:X.size.spacing.scale24,"& .MuiSvgIcon-root":{width:X.size.spacing.scale16}},colorDefault:{backgroundColor:X.color.background.dark,"& .MuiSvgIcon-root":{color:X.color.gray60}}}},ee={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:X.color.border.default,"& svg":{width:"16px",height:"16px"},"&&:hover":{backgroundColor:"transparent"}},colorPrimary:{"&$checked":{"&&:hover":{backgroundColor:"transparent"}}},colorSecondary:{"&$checked":{color:X.color.primary},"&$disabled":{opacity:.5}}}},re={styleOverrides:{root:{paddingTop:4,paddingBottom:4,color:X.color.border.default,"& svg":{width:"16px",height:"16px"},"&:hover":{background:"none"}}}},te={styleOverrides:{root:{marginRight:16},colorSecondary:{color:X.color.gray0,"&$checked":{color:X.color.gray0,left:2,"&:hover":{backgroundColor:"transparent"}},"&$disabled":{color:X.color.gray0}},track:{position:"absolute",width:48,height:24,borderRadius:12,opacity:1,left:"calc(50% - 48px/2)",top:"calc(50% - 24px/2)",backgroundColor:X.color.background.light,border:"2px solid ".concat(X.color.border.default),boxSizing:"border-box","$checked$checked + &":{opacity:1,backgroundColor:X.color.primary,border:"2px solid ".concat(X.color.primary)},"$disabled$disabled + &":{opacity:.5,cursor:"not-allowed"}},thumb:{boxShadow:"none"}}},oe={styleOverrides:{outlined:{position:"relative",padding:X.size.spacing.scale8,fontSize:X.size.font.label.default,borderRadius:X.size.spacing.scale6,width:"100%","&.Mui-disabled":{backgroundColor:X.color.background.dark,color:X.color.text.light}}}},ne={styleOverrides:{root:{input:{padding:X.size.spacing.scale8,fontSize:X.size.font.label.default,height:X.size.spacing.scale16},"& .MuiInputAdornment-root":{button:{padding:"0 ".concat(X.size.spacing.scale8," 0 0"),backgroundColor:"transparent"},svg:{width:X.size.spacing.scale16,height:X.size.spacing.scale16}}}}},ie={styleOverrides:{outlined:{notchedOutline:{borderColor:X.color.border.default}},root:{underline:{"&:before":{borderBottom:"none"},"&:after":{borderBottom:"none"},"&:hover":{borderBottom:"none"},"&&:hover::before":{border:"none"}}}}},ae={styleOverrides:{root:{borderBottom:"1px solid ".concat(X.color.gray20)},indicator:{backgroundColor:X.color.primary}}},le={styleOverrides:{textColorPrimary:{textTransform:"none",minWidth:"auto",fontWeight:700,marginRight:"".concat(X.size.spacing.scale16),fontFamily:X.font.family.text,color:X.color.gray60,padding:"0 0 ".concat(X.size.spacing.scale16," 0"),"&:hover":{color:X.color.primary,opacity:1},"&$selected":{color:X.color.primary},"&:focus":{color:X.color.primary}}},defaultProps:{disableRipple:!0}},ce={styleOverrides:{root:{fontWeight:X.font.weight.normal}}},de={styleOverrides:{root:{fontWeight:X.font.weight.normal},head:{fontWeight:X.font.weight.bold}}},se={styleOverrides:{root:{borderTop:"1px solid ".concat(X.color.border.default)}}},me={styleOverrides:{root:{borderBottom:"none","& .MuiIconButton-root":{backgroundColor:"transparent"}},selectLabel:{fontWeight:X.font.weight.normal,fontSize:X.size.font.caption.default},displayedRows:{fontWeight:X.font.weight.normal,fontSize:X.size.font.caption.default}}};X.size.font.body.default,X.font.family.text,X.color.gray100,X.size.font.caption.default;var fe,ue,pe,ge,he={styleOverrides:{root:{fontWeight:X.font.weight.bold,lineHeight:X.font.lineHeight.medium,fontFamily:X.font.family.text,fontSize:X.size.font.caption.default,color:X.color.text.base,marginBottom:X.size.spacing.scale8}}},be=e({typography:G({},J),palette:{background:{default:"#ffffff"},primary:{main:X.color.primary},secondary:{main:X.color.secondary},error:{main:X.color.error},info:{main:X.color.info},success:{main:X.color.success}},components:{MuiButton:Q,MuiButtonBase:{defaultProps:{disableRipple:!0,disableTouchRipple:!0}},MuiContainer:{styleOverrides:{maxWidthLg:{"@media (min-width: 1280px)":{maxWidth:"1185px"}}}},MuiIconButton:Y,MuiChip:_,MuiInput:ie,MuiTextField:ne,MuiFormLabel:he,MuiTabs:ae,MuiTab:le,MuiAvatar:Z,MuiCheckbox:ee,MuiRadio:re,MuiSwitch:te,MuiSelect:oe,MuiLink:{styleOverrides:{root:{cursor:"pointer"}}},MuiTable:ce,MuiTableCell:de,MuiTableRow:{styleOverrides:{root:{"&:last-child td":{borderBottom:0}}}},MuiTableFooter:se,MuiTablePagination:me,MuiDivider:{styleOverrides:{root:{margin:"16px 0"}}},MuiFormControl:{styleOverrides:{root:{width:"100%"}}}}}),ye=function(e){return w.createElement(w.Fragment,null,w.createElement(r,null),w.createElement(O,{theme:be},e.children))},xe=C(t)(pe||(fe=["\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"],ue=["\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(fe,"raw",{value:ue}):fe.raw=ue,pe=fe)),ve=function(e){var r=e.color,t=void 0===r?"primary":r,o=e.variant,n=void 0===o?"contained":o,i=e.size,a=void 0===i?"medium":i,l=e.loading,c=e.children,d=U(e,["color","variant","size","loading","children"]);return w.createElement(M,G({size:a,variant:n,color:t,disabled:l},d),w.createElement("span",{style:{opacity:l?0:1}},c),l&&w.createElement(xe,{size:20,color:"inherit"}))},ze=function(e){var r=e.children,t=U(e,["children"]);return w.createElement(W,G({},t),r)},Ee=function(e){var r=e.label,t=U(e,["label"]);return w.createElement(o,G({size:"small",label:r},t))},ke=function(e){var r=e.icon,t=e.firstName,o=void 0===t?"":t,i=e.lastName,a=void 0===i?"":i,l=U(e,["icon","firstName","lastName"]),c="".concat(o.substring(0,1)).concat(a.substring(0,1)).toLocaleUpperCase(),d=c?X.color.secondary:X.color.background.dark;return w.createElement(n,G({sx:G({backgroundColor:d},l.sx)},l),c||r)},Se={small:6,medium:8,large:12,fluid:12},we=function(e){var r=e.component,t=void 0===r?"div":r,o=e.size,n=void 0===o?"large":o,l=e.children,c=U(e,["component","size","children"]),d="fluid"===n;return w.createElement(i,G({component:t,disableGutters:d,maxWidth:!d&&"lg",sx:G({display:"flex",justifyContent:"center"},c.sx)},c),w.createElement(a,{container:!0,justifyContent:"center"},w.createElement(a,{item:!0,md:Se[n]},l)))},Te=function(e){var r=e.children,t=U(e,["children"]);return w.createElement(l,G({},t),r)},Oe=function(e){var r=U(e,[]);return w.createElement(c,G({},r))},Ce=function(e){var r=e.id,t=e.required,o=void 0===t||t,n=e.data,i=e.label,a=e.error,c=e.helperText;return w.createElement(d,null,w.createElement(s,{component:"label",error:a},i," ",o?"":w.createElement(l,{component:"span",sx:{fontWeight:X.font.weight.normal,color:X.color.text.light}},"(optional)")),w.createElement(m,null,n.map((function(e,t){var o=e.value,n=e.label;return w.createElement(f,{key:t,value:o,label:n||"",sx:{fontSize:X.size.font.base,color:X.color.text.base},control:w.createElement(Oe,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(t)}})})}))),a&&w.createElement(u,{sx:{marginLeft:0,marginRight:0},error:a},c))},Me=function(e){return w.createElement(p,G({},e))},We=function(e){var r=e.id,t=e.helperText,o=e.label,n=e.error,i=e.required,a=void 0===i||i,c=e.name,m=e.data;return w.createElement(d,{component:"fieldset",error:n},w.createElement(s,{component:"legend"},o," ",a?"":w.createElement(l,{component:"span",sx:{fontWeight:X.font.weight.normal,color:X.color.text.light}},"(optional)")),w.createElement(g,{"aria-label":c,name:c},m.map((function(e,t){var o=e.value,n=e.label;return w.createElement(f,{value:o,key:o,label:n||"",sx:{fontSize:X.size.font.base,color:X.color.text.base},control:w.createElement(Me,{color:"primary",inputProps:{"data-testid":"".concat(r,"-").concat(t)}})})}))),n&&w.createElement(u,{sx:{marginLeft:0,marginRight:0}},t))},Pe=function(e){return w.createElement(h,G({},e))},Le=function(e){var r=e.id,t=e.label,o=e.checked;return w.createElement(d,null,w.createElement(s,{component:"label"},t),w.createElement(f,{control:w.createElement(Pe,{id:r}),label:"".concat(o?"Active":"Inactive")}))},Be=function(e){return w.createElement(b,G({variant:"outlined"},e))},Fe=function(e){var r=e.id,t=e.required,o=void 0===t||t,n=e.options,i=e.label,a=e.error,c=e.placeholder,m=e.helperText,f=e.value;return w.createElement(d,null,w.createElement(s,{component:"label",error:a},i," ",o?"":w.createElement(l,{component:"span",sx:{fontWeight:X.font.weight.normal,color:X.color.text.light}},"(optional)")),w.createElement(Be,{id:r,placeholder:c,error:a,value:f},n.map((function(e){return w.createElement(y,{key:e.value,value:e.value},e.text)}))),a&&w.createElement(u,{sx:{marginLeft:0,marginRight:0},error:a},m))},Ie=function(e){var r=e.type,t=U(e,["type"]),o=T(!1),n=o[0],i=o[1],a=G(G({},t.InputProps),"password"===r&&{endAdornment:w.createElement(P,{position:"end"},w.createElement(L,{"aria-label":"toggle password visibility",onClick:function(){return i(!n)},edge:"end"},n?w.createElement(B,null):w.createElement(F,null)))});return w.createElement(x,G({},t,{type:n?"text":r,InputProps:a}))},He=function(e){var r=e.id,t=e.required,o=void 0===t||t,n=e.label,i=e.error,a=e.helperText,c=U(e,["id","required","label","error","helperText"]);return w.createElement(d,null,w.createElement(s,{component:"label",error:i},n," ",!o&&w.createElement(l,{component:"span",sx:{fontWeight:X.font.weight.normal,color:X.color.text.light}},"(optional)")),w.createElement(Ie,G({},c,{id:r,error:i,inputProps:{"data-testid":r}})),i&&w.createElement(u,{sx:{marginLeft:0,marginRight:0},error:i},a))};function Re(){return Re=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},Re.apply(this,arguments)}var je=function(e){return S.createElement("svg",Re({viewBox:"0 0 24 24"},e),ge||(ge=S.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"})))},$e=function(e){var r,t=e.children,o=e.underline,n=void 0===o?"hover":o,i=e.toParentNavigation,a=U(e,["children","underline","toParentNavigation"]),l=null===(r=a.href)||void 0===r?void 0:r.startsWith("https"),c={underline:n};return i?w.createElement(v,G({},c,a,{onClick:function(){return e=i,void window.parent.postMessage({type:"NAVIGATION",content:e},"*");var e}}),t):w.createElement(v,G({},c,l&&{target:"_blank",rel:"noopener noreferrer"},a),t,l&&w.createElement(z,{component:je,fontSize:"inherit",sx:{marginLeft:".25em"}}))},Ae=function(e){var r=e.children,t=U(e,["children"]);return w.createElement(E,G({},t),r)},Ne=function(e){var r=e.children,t=U(e,["children"]);return w.createElement(k,G({},t),r)},qe=function(e){var r=e.children,t=e.value,o=void 0===t?0:t,n=e.index,i=e.id;return w.createElement(Te,{role:"tabpanel",hidden:o!==n,id:i},r)},Ve=function(e){var r=e.tabs,t=e.nameSpace,o=e.tabContentProps,n=e.tabsProps,i=T(0),a=i[0],l=i[1],c=t?"".concat(t,"-"):"";return w.createElement(w.Fragment,null,w.createElement(Ae,G({},n,{value:a,onChange:function(e,r){l(r)}}),r.map((function(e,r){return w.createElement(Ne,{key:"".concat(c,"tab-").concat(r),label:e.label,"aria-controls":"".concat(c,"panel-").concat(r)})}))),w.createElement(Te,G({},o),r.map((function(e,r){var t="".concat(c,"panel-").concat(r);return w.createElement(qe,{key:t,value:a,index:r,id:t,"aria-labelledby":"".concat(c,"tab-").concat(r)},e.content)}))))},De=function(e){var r=e.icon,t=e.title,o=e.subTitle,n=e.action,i=U(e,["icon","title","subTitle","action"]);return w.createElement(l,G({p:4,display:"flex",flexDirection:"column",alignItems:"center"},i),w.createElement(z,{component:null!=r?r:I,sx:{marginBottom:X.size.spacing.scale24,fontSize:X.size.spacing.scale104,color:X.color.gray20}}),w.createElement(ze,{variant:"h1",component:"span",mb:2},t),w.createElement(ze,{variant:"body1",color:X.color.gray60,mb:3},o),n)},Xe=function(e){var r=e.children,t=U(e,["children"]);return w.createElement(H,G({},t),r)},Ge=function(e){var r=e.children,t=U(e,["children"]);return w.createElement(R,G({},t),r)},Ue=function(e){var r=e.children,t=U(e,["children"]);return w.createElement(j,G({},t),r)},_e=function(e){var r=e.children,t=U(e,["children"]);return w.createElement($,G({},t),r)},Je=function(e){var r=e.children,t=U(e,["children"]);return w.createElement(A,G({},t),r)},Ke=function(e){var r=e.children,t=U(e,["children"]);return w.createElement(N,G({},t),r)},Qe=function(e){var r=U(e,[]);return w.createElement(q,G({},r))},Ye=function(e){var r=e.children,t=U(e,["children"]);return w.createElement(V,G({},t),r)},Ze=function(e){var r=e.children,t=U(e,["children"]);return w.createElement(D,G({},t),r)};export{ke as Avatar,Te as Box,ve as Button,Oe as Checkbox,Ee as Chip,we as Container,De as EmptyState,Ce as FormCheckbox,He as FormInput,We as FormRadio,Fe as FormSelect,Le as FormSwitch,Ie as Input,$e as Link,Me as Radio,Be as Select,Pe as Switch,Ne as Tab,Ve as TabGroup,Xe as Table,Ge as TableBody,Ue as TableCell,_e as TableContainer,Ze as TableFooter,Je as TableHead,Qe as TablePagination,Ke as TableRow,Ye as TableSortLabel,Ae as Tabs,ze as Typography,ye as UpComponentsProvider,be as theme,X as tokens};
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TableProps as MuiTableProps } from '@mui/material/Table';
|
|
3
|
+
import { TableBodyProps as MuiTableBodyProps } from '@mui/material/TableBody';
|
|
4
|
+
import { TableCellProps as MuiTableCellProps } from '@mui/material/TableCell';
|
|
5
|
+
import { TableContainerProps as MuiTableContainerProps } from '@mui/material/TableContainer';
|
|
6
|
+
import { TableHeadProps as MuiTableHeadProps } from '@mui/material/TableHead';
|
|
7
|
+
import { TableRowProps as MuiTableRowProps } from '@mui/material/TableRow';
|
|
8
|
+
import { TablePaginationProps as MuiTablePaginationProps } from '@mui/material/TablePagination';
|
|
9
|
+
import { TableSortLabelProps as MuiTableSortLabelProps } from '@mui/material/TableSortLabel';
|
|
10
|
+
import { TableFooterProps as MuiTableFooterProps } from '@mui/material/TableFooter';
|
|
11
|
+
import { MUIGlobalOmit } from '@global/utils/types';
|
|
12
|
+
export declare type TableProps = MUIGlobalOmit<MuiTableProps>;
|
|
13
|
+
export declare const Table: ({ children, ...props }: TableProps) => JSX.Element;
|
|
14
|
+
export declare type TableBodyProps = MUIGlobalOmit<MuiTableBodyProps>;
|
|
15
|
+
export declare const TableBody: ({ children, ...props }: TableBodyProps) => JSX.Element;
|
|
16
|
+
export declare type TableCellProps = MUIGlobalOmit<MuiTableCellProps>;
|
|
17
|
+
export declare const TableCell: ({ children, ...props }: TableCellProps) => JSX.Element;
|
|
18
|
+
export declare type TableContainerProps = MUIGlobalOmit<MuiTableContainerProps>;
|
|
19
|
+
export declare const TableContainer: ({ children, ...props }: TableContainerProps) => JSX.Element;
|
|
20
|
+
export declare type TableHeadProps = MUIGlobalOmit<MuiTableHeadProps>;
|
|
21
|
+
export declare const TableHead: ({ children, ...props }: TableHeadProps) => JSX.Element;
|
|
22
|
+
export declare type TableRowProps = MUIGlobalOmit<MuiTableRowProps>;
|
|
23
|
+
export declare const TableRow: ({ children, ...props }: TableRowProps) => JSX.Element;
|
|
24
|
+
export declare type TablePaginationProps = MUIGlobalOmit<MuiTablePaginationProps>;
|
|
25
|
+
export declare const TablePagination: ({ ...props }: TablePaginationProps) => JSX.Element;
|
|
26
|
+
export declare type TableSortLabelProps = MUIGlobalOmit<MuiTableSortLabelProps>;
|
|
27
|
+
export declare const TableSortLabel: ({ children, ...props }: TableSortLabelProps) => JSX.Element;
|
|
28
|
+
export declare type TableFooterProps = MUIGlobalOmit<MuiTableFooterProps>;
|
|
29
|
+
export declare const TableFooter: ({ children, ...props }: TableFooterProps) => JSX.Element;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { OverridesStyleRules } from '@mui/material/styles/overrides';
|
|
2
|
+
export declare const MuiTable: OverridesStyleRules;
|
|
3
|
+
export declare const MuiTableCell: OverridesStyleRules;
|
|
4
|
+
export declare const MuiTableRow: OverridesStyleRules;
|
|
5
|
+
export declare const MuiTableFooter: OverridesStyleRules;
|
|
6
|
+
export declare const MuiTablePagination: OverridesStyleRules;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Story, Meta } from '@storybook/react';
|
|
2
|
+
import { TableProps } from './Table';
|
|
3
|
+
declare const _default: Meta<import("@storybook/react").Args>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const BasicTable: Story<TableProps>;
|
|
6
|
+
export declare const ComplexTable: Story<TableProps>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -23,3 +23,4 @@ export { Link, type LinkProps } from './components/Link/Link';
|
|
|
23
23
|
export { Tabs, Tab, type TabsProps, type TabProps } from './components/Tabs/Tabs';
|
|
24
24
|
export { TabGroup, type TabGroupProps } from './components/TabGroup/TabGroup';
|
|
25
25
|
export { EmptyState, type EmptyStateProps } from './components/EmptyState/EmptyState';
|
|
26
|
+
export { Table, TableBody, TableCell, TableHead, TableContainer, TableRow, TableFooter, TablePagination, TableSortLabel, type TableProps, type TableBodyProps, type TableCellProps, type TableHeadProps, type TableContainerProps, type TableRowProps, type TableFooterProps, type TablePaginationProps, type TableSortLabelProps, } from './components/Table/Table';
|
package/dist/index.d.ts
CHANGED
|
@@ -7,6 +7,15 @@ import { ThemeProviderProps } from '@mui/material/styles/ThemeProvider';
|
|
|
7
7
|
import { ButtonProps as ButtonProps$1 } from '@mui/material/Button';
|
|
8
8
|
import React, { HTMLInputTypeAttribute, ReactNode, ElementType } from 'react';
|
|
9
9
|
import { TypographyProps as TypographyProps$1 } from '@mui/material/Typography';
|
|
10
|
+
import { TableProps as TableProps$1 } from '@mui/material/Table';
|
|
11
|
+
import { TableBodyProps as TableBodyProps$1 } from '@mui/material/TableBody';
|
|
12
|
+
import { TableCellProps as TableCellProps$1 } from '@mui/material/TableCell';
|
|
13
|
+
import { TableContainerProps as TableContainerProps$1 } from '@mui/material/TableContainer';
|
|
14
|
+
import { TableHeadProps as TableHeadProps$1 } from '@mui/material/TableHead';
|
|
15
|
+
import { TableRowProps as TableRowProps$1 } from '@mui/material/TableRow';
|
|
16
|
+
import { TablePaginationProps as TablePaginationProps$1 } from '@mui/material/TablePagination';
|
|
17
|
+
import { TableSortLabelProps as TableSortLabelProps$1 } from '@mui/material/TableSortLabel';
|
|
18
|
+
import { TableFooterProps as TableFooterProps$1 } from '@mui/material/TableFooter';
|
|
10
19
|
|
|
11
20
|
declare const UpComponentsProvider: (props: Omit<ThemeProviderProps, 'theme'>) => JSX.Element;
|
|
12
21
|
|
|
@@ -220,4 +229,23 @@ declare type EmptyStateProps = BaseProps<{
|
|
|
220
229
|
}>;
|
|
221
230
|
declare const EmptyState: ({ icon: Icon, title, subTitle, action, ...props }: EmptyStateProps & Omit<JSX.IntrinsicElements['div'], keyof EmptyStateProps>) => JSX.Element;
|
|
222
231
|
|
|
223
|
-
|
|
232
|
+
declare type TableProps = MUIGlobalOmit<TableProps$1>;
|
|
233
|
+
declare const Table: ({ children, ...props }: TableProps) => JSX.Element;
|
|
234
|
+
declare type TableBodyProps = MUIGlobalOmit<TableBodyProps$1>;
|
|
235
|
+
declare const TableBody: ({ children, ...props }: TableBodyProps) => JSX.Element;
|
|
236
|
+
declare type TableCellProps = MUIGlobalOmit<TableCellProps$1>;
|
|
237
|
+
declare const TableCell: ({ children, ...props }: TableCellProps) => JSX.Element;
|
|
238
|
+
declare type TableContainerProps = MUIGlobalOmit<TableContainerProps$1>;
|
|
239
|
+
declare const TableContainer: ({ children, ...props }: TableContainerProps) => JSX.Element;
|
|
240
|
+
declare type TableHeadProps = MUIGlobalOmit<TableHeadProps$1>;
|
|
241
|
+
declare const TableHead: ({ children, ...props }: TableHeadProps) => JSX.Element;
|
|
242
|
+
declare type TableRowProps = MUIGlobalOmit<TableRowProps$1>;
|
|
243
|
+
declare const TableRow: ({ children, ...props }: TableRowProps) => JSX.Element;
|
|
244
|
+
declare type TablePaginationProps = MUIGlobalOmit<TablePaginationProps$1>;
|
|
245
|
+
declare const TablePagination: ({ ...props }: TablePaginationProps) => JSX.Element;
|
|
246
|
+
declare type TableSortLabelProps = MUIGlobalOmit<TableSortLabelProps$1>;
|
|
247
|
+
declare const TableSortLabel: ({ children, ...props }: TableSortLabelProps) => JSX.Element;
|
|
248
|
+
declare type TableFooterProps = MUIGlobalOmit<TableFooterProps$1>;
|
|
249
|
+
declare const TableFooter: ({ children, ...props }: TableFooterProps) => JSX.Element;
|
|
250
|
+
|
|
251
|
+
export { Avatar, AvatarProps, Box, BoxProps, Button, ButtonProps, Checkbox, CheckboxProps, Chip, ChipProps, Container, ContainerProps, EmptyState, EmptyStateProps, FormCheckbox, FormCheckboxProps, FormInput, FormInputProps, FormRadio, FormRadioProps, FormSelect, FormSelectProps, FormSwitch, FormSwitchProps, Input, InputProps, Link, LinkProps, Radio, RadioProps, Select, SelectProps, Switch, SwitchProps, Tab, TabGroup, TabGroupProps, TabProps, Table, TableBody, TableBodyProps, TableCell, TableCellProps, TableContainer, TableContainerProps, TableFooter, TableFooterProps, TableHead, TableHeadProps, TablePagination, TablePaginationProps, TableProps, TableRow, TableRowProps, TableSortLabel, TableSortLabelProps, Tabs, TabsProps, Typography, TypographyProps, UpComponentsProvider, theme };
|