npm - @oc-digital/react-component-library - Versions diffs - 1.0.36 → 1.0.37 - Mend

@oc-digital/react-component-library 1.0.36 → 1.0.37

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/build/index.d.ts CHANGED Viewed

@@ -11,7 +11,7 @@ import LeftNavigation from "./LeftNavigation/LeftNavigation";
 import { INavigationLink, ISecondaryNavigationItem, ISecondaryNavigationSubItem } from "./LeftNavigation/LeftNavigation.types";
 import MainLayout from "./MainLayout/MainLayout";
 import SearchBar from "./SearchBar/SearchBar";
-import TextField from "./TextField/TextField";
+import TextField, { NumberFormatField } from "./TextField/TextField";
 import Select from "./Select/Select";
 import DatePicker from "./DatePicker/DatePicker";
 import KeyboardDatePicker from "./KeyboardDatePicker/KeyboardDatePicker";
@@ -24,4 +24,4 @@ import { didCellValueChange } from "./utils";
 import ImageDisplayAndUpload from "./ImageDisplayAndUpload/ImageDisplayAndUpload";
 import Alert from "./Alert/Alert";
 import AlphabeticalList from "./AlphabeticalList/AlphabeticalList";
-export { ImageDisplayAndUpload, Alert, Button, ContentLabel, ContentBox, StaticTable, LoadingSpinner, Breadcrumbs, EntityList, IEntity, ErrorIndicator, LeftNavigation, INavigationLink, ISecondaryNavigationItem, ISecondaryNavigationSubItem, MainLayout, SearchBar, TextField, Select, DatePicker, KeyboardDatePicker, ButtonWithConfirm, EditableTable, TableTextField, TableSelect, TableMultipleSelect, NonEditableField, TableDatePicker, tableNumericStringField, tableDateField, tableInvoiceDateField, tableCheckbox, FieldConfig, RowData, ITableHeader, TableCellValues, SynchCellWithStateFn, ICustomRenderFnProps, IEssentialRenderFnProps, didCellValueChange, useDebounceEffect, useInterval, AlphabeticalList, };
+export { ImageDisplayAndUpload, Alert, Button, ContentLabel, ContentBox, StaticTable, LoadingSpinner, Breadcrumbs, EntityList, IEntity, ErrorIndicator, LeftNavigation, INavigationLink, ISecondaryNavigationItem, ISecondaryNavigationSubItem, MainLayout, SearchBar, TextField, Select, DatePicker, KeyboardDatePicker, ButtonWithConfirm, EditableTable, TableTextField, TableSelect, TableMultipleSelect, NonEditableField, TableDatePicker, tableNumericStringField, tableDateField, tableInvoiceDateField, tableCheckbox, FieldConfig, RowData, ITableHeader, TableCellValues, SynchCellWithStateFn, ICustomRenderFnProps, IEssentialRenderFnProps, didCellValueChange, useDebounceEffect, useInterval, AlphabeticalList, NumberFormatField, };

package/build/index.js CHANGED Viewed

@@ -12,5 +12,5 @@ INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
 LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
 OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */var se=function(){return se=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},se.apply(this,arguments)};function de(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}function me(e,t,r,n){return new(r||(r=Promise))((function(a,o){function i(e){try{c(n.next(e))}catch(e){o(e)}}function l(e){try{c(n.throw(e))}catch(e){o(e)}}function c(e){var t;e.done?a(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,l)}c((n=n.apply(e,t||[])).next())}))}function ue(e,t){var r,n,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(o){return function(l){return function(o){if(r)throw new TypeError("Generator is already executing.");for(;i;)try{if(r=1,n&&(a=2&o[0]?n.return:o[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;switch(n=0,a&&(o=[2&o[0],a.value]),o[0]){case 0:case 1:a=o;break;case 4:return i.label++,{value:o[1],done:!1};case 5:i.label++,n=o[1],o=[0];continue;case 7:o=i.ops.pop(),i.trys.pop();continue;default:if(!(a=i.trys,(a=a.length>0&&a[a.length-1])||6!==o[0]&&2!==o[0])){i=0;continue}if(3===o[0]&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(6===o[0]&&i.label<a[1]){i.label=a[1],a=o;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(o);break}a[2]&&i.ops.pop(),i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e],n=0}finally{r=a=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,l])}}}function pe(e,t,r){if(r||2===arguments.length)for(var n,a=0,o=t.length;a<o;a++)!n&&a in t||(n||(n=Array.prototype.slice.call(t,0,a)),n[a]=t[a]);return e.concat(n||Array.prototype.slice.call(t))}j().trim().required("Required"),j().trim().required("Required").matches(/^\d*\.?\d*$/,"Must be a Number");var ge="success",fe="error",he="warning",ve="read",be="noAccess",ye=i({labelBreak:{marginBottom:"0.5rem"},contentBreak:{marginBottom:"1rem"},sectionBreak:{marginBottom:"1.5rem"},doubleSectionBreak:{marginBottom:"3rem"},rightSpacer1:{marginRight:"0.5rem"},rightSpacer2:{marginRight:"1rem"},leftSpacer1:{marginLeft:"0.5rem"},leftSpacer2:{marginLeft:"1rem"},buttonSpacing:{marginLeft:"0.5rem",marginRight:"0.5rem",marginBottom:"1rem"},leftRightPadding1:{paddingLeft:"0.5rem",paddingRight:"0.5rem"},leftRightPadding2:{paddingLeft:"1rem",paddingRight:"1rem"},topBottomPadding1:{paddingTop:"0.5rem",paddingBottom:"0.5rem"},topBottomPadding2:{paddingTop:"1rem",paddingBottom:"1rem"}},{classNamePrefix:"spacing",index:2}),xe=i((function(e){return{boldText:{fontWeight:700},bolderText:{fontWeight:500},smallText:{fontSize:"0.7rem"},warningColor:{color:e.palette.warning.main},centerText:{textAlign:"center"}}}),{classNamePrefix:"font"}),Ee=i({contentBox:{background:"white",borderRadius:"14px",marginBottom:"1rem",padding:"3rem"},limitWidth60rem:{maxWidth:"60rem",marginLeft:"auto",marginRight:"auto"},limitWidth50rem:{maxWidth:"50rem",marginLeft:"auto",marginRight:"auto"},limitWidth45rem:{maxWidth:"45rem",marginLeft:"auto",marginRight:"auto"},limitWidth40rem:{maxWidth:"40rem",marginLeft:"auto",marginRight:"auto"},limitWidth35rem:{maxWidth:"35rem",marginLeft:"auto",marginRight:"auto"},limitWidth30rem:{maxWidth:"30rem",marginLeft:"auto",marginRight:"auto"},limitWidth25rem:{maxWidth:"25rem",marginLeft:"auto",marginRight:"auto"},centeredText:{textAlign:"center"},startAlignedText:{textAlign:"start"},width20:{width:"20%"},width49:{width:"49%"},width50:{width:"50%"},width60:{width:"60%"},width100:{width:"100%"},flexCenter:{display:"flex",alignItems:"center",justifyContent:"center"},centerJustify:{justifyContent:"center"},leftJustify:{justifyContent:"left"},rightJustify:{justifyContent:"right"}},{classNamePrefix:"layout",index:2}),Ce=i((function(e){return{submitButton:{borderRadius:"1.5rem",padding:"0.4rem 1rem",textTransform:"capitalize"},containedText:{color:"white"}}})),we=function(t){var r=t.loading,n=void 0!==r&&r,a=t.children,o=t.errors,i=void 0!==o&&o,c=t.type,s=void 0===c?"submit":c,d=t.onClick,m=t.disabled,u=void 0!==m&&m,p=t.variant,g=void 0===p?"outlined":p,f=t.styling,h=void 0===f?"":f,v=t.color,b=void 0===v?"primary":v,y=t.accessLevel,x=void 0===y?"":y,E=de(t,["loading","children","errors","type","onClick","disabled","variant","styling","color","accessLevel"]),C=se(se({},ye()),Ce());if([be,ve].includes(x))return null;var w=u;return u||!n&&!i||(w=!0),e.createElement(l,se({},E,{variant:g,color:b,type:s,className:C.submitButton+" "+("contained"===g&&C.containedText)+" "+h,disabled:w,onClick:d}),a,n?e.createElement(M,{icon:z,className:C.leftSpacer1,size:"lg",spin:!0}):"")},Ne=function(t){var r=t.children,n=t.styling,a=void 0===n?null:n,o=xe();return e.createElement(c,{variant:"h6",className:o.bolderText+" "+(a||"")},r)},ke=function(t){var r=t.limitWidth,n=void 0!==r&&r,a=t.children,o=t.styling,i=se(se({},ye()),Ee());return e.createElement(s,{boxShadow:3,className:i.contentBox+" "+(o||"")},e.createElement(s,{className:i.centeredText+" "+(n?i.limitWidth50rem:"")},a))},Be=function(t){var r=t.text,n=void 0===r?"Loading data...":r,a=t.styling,o=se(se({},ye()),Ee());return e.createElement(s,{className:o.flexCenter+" "+(a||"")},e.createElement(c,{variant:"body2",color:"textSecondary",className:o.rightSpacer1},n),e.createElement(d,{size:"1.5rem"}))},Ie=m(u({root:{"&:hover td":{backgroundColor:"rgba(0, 0, 0, 0.06)"}}}))(p),Se=m(u({root:{"&:nth-of-type(even) td":{backgroundColor:"rgba(0, 0, 0, 0.03)"},"&:hover td":{backgroundColor:"rgba(0, 0, 0, 0.06)"}}}))(p),Te=i((function(e){return{root:{borderBottom:"none",paddingTop:"8px",paddingBottom:"8px","&:first-child":{borderTopLeftRadius:"14px",borderBottomLeftRadius:"14px"},"&:last-child":{borderTopRightRadius:"14px",borderBottomRightRadius:"14px"}},head:function(t){var r=t.background,n=t.border;return{backgroundColor:r||"HSLA(204, 58.3%, 81.2%, 0.1)",borderTop:"1px solid "+(n||"HSLA(204, 58.3%, 81.2%, 0.3)"),borderBottom:"1px solid "+(n||"HSLA(204, 58.3%, 81.2%, 0.3)"),color:t.text||e.palette.text.primary,fontWeight:500,"&:first-child":{borderLeft:"1px solid "+(n||"HSLA(204, 58.3%, 81.2%, 0.3)")},"&:last-child":{borderRight:"1px solid "+(n||"HSLA(204, 58.3%, 81.2%, 0.3)")}}}}})),Le=function(t){var r=t.children,n=t.align,a=void 0===n?"centerJustify":n,o=t.headerColours,i=de(t,["children","align","headerColours"]),l=se(se({},Ee()),Te(se({},o||{})));return e.createElement(v,se({},i,{classes:{root:l.root,head:l.head}}),e.createElement(s,{className:l.flexCenter+" "+l[a]},r))},Re=function(t){var r=t.rowBorderSeparation,n=void 0!==r&&r,a=t.children,o=de(t,["rowBorderSeparation","children"]);return n?e.createElement(Ie,se({},o),a):e.createElement(Se,se({},o),a)},Fe=function(t){var r=t.colSpan,n=t.children,a=Pe();return e.createElement(Re,null,e.createElement(Le,{className:a.adjustedCellPadding,colSpan:r},n))},Pe=i({tableStyles:{borderCollapse:"separate",borderBottom:"1px solid rgb(224, 224, 224)"},pointer:{cursor:"pointer"},bottomBorder:{borderBottom:"1px solid rgba(224, 224, 224, 1)"},noShading:{backgroundColor:"transparent !important"},adjustedCellPadding:{paddingTop:"11px",paddingBottom:"11px"}}),We=function(o){var i=o.rowBorderSeparation,l=void 0!==i&&i,c=o.headers,s=o.rows,d=o.headerCellAlignment,m=void 0===d?[]:d,u=o.rowCellAlignment,v=void 0===u?[]:u,b=o.styling,y=o.headerColours,x=o.paginate,E=void 0!==x&&x,C=o.itemsPerPage,w=void 0===C?30:C,N=se(se(se({},Ee()),ye()),Pe()),k=t(1),B=k[0],I=k[1],S=r((function(){return!!(E&&((null==s?void 0:s.length)||0)>w)}),[w,E,s]),T=t(S?s.slice(0,w):s),L=T[0],R=T[1],F=n((function(e,t){I(t)}),[]);return a((function(){R(S?s.slice(w*(B-1),w*B):s)}),[S,w,B,s]),e.createElement(e.Fragment,null,e.createElement(g,{className:N.tableStyles+" "+(S?N.contentBreak:"")+" "+(b||"")},c?e.createElement(f,null,e.createElement(p,null,c.map((function(t,r){return e.createElement(Le,{align:m[r]||"centerJustify",key:"header-cell-"+r,headerColours:y},t)})))):null,e.createElement(h,null,L?L.length?L.map((function(t,r){var n=!!t.onClick;return e.createElement(Re,{rowBorderSeparation:l,className:n?N.pointer:void 0,key:"row-"+r,onClick:n?t.onClick:void 0},t.row.map((function(t,n){return e.createElement(Le,{align:v[n]||"centerJustify",className:l&&L.length!==r+1?N.bottomBorder:void 0,key:"row-"+r+"-cell-"+n},t)})))})):e.createElement(Fe,{colSpan:(null==c?void 0:c.length)||0},"Table is empty"):e.createElement(Fe,{colSpan:(null==c?void 0:c.length)||0},e.createElement(Be,null)))),S?e.createElement(H,{className:N.flexCenter,count:Math.ceil(s.length/w),page:B,onChange:F,shape:"rounded",showFirstButton:!0,showLastButton:!0}):null)},Ae=i((function(e){return{logoContainer:{width:"3rem",height:"3rem",display:"flex",justifyContent:"center",alignItems:"center"},logo:{width:"100%",height:"100%","& > div":{width:"100%",height:"100%"},"& > svg":{width:"100%",height:"100%"}},logoInBreadcrumb:{width:"2rem",height:"2rem",margin:"0.125rem 0 0.125rem 0.313rem"},logoSpacing:{marginRight:e.spacing(1)},flexItemsCenter:{display:"flex",alignItems:"center"},nonPrimaryBreadcrumbOffset:{marginLeft:"2.5rem"},BreadcrumbsContainer:{height:"2.25rem",marginLeft:"0.875rem",marginRight:"1.5rem"},primaryBreadcrumbItem:function(t){var r=t.primary;return{backgroundColor:(null==r?void 0:r.background)||e.palette.common.white,color:(null==r?void 0:r.color)||e.palette.text.primary,borderRadius:"2rem",zIndex:3,height:"100%",display:"flex",alignItems:"center"}},secondaryBreadcrumbItem:function(t){var r=t.secondary;return{height:"2.25rem",backgroundColor:(null==r?void 0:r.background)||"#D7D4E4",borderRadius:"2rem",zIndex:2,marginLeft:"-2rem",color:(null==r?void 0:r.color)||e.palette.text.primary}},tertiaryBreadcrumbItem:function(t){var r=t.tertiary;return{height:"2.25rem",backgroundColor:(null==r?void 0:r.background)||"#D7D4E4",borderRadius:"2rem",zIndex:1,marginLeft:"-2rem",color:(null==r?void 0:r.color)||e.palette.common.white}},breadCrumbShadow:{boxShadow:e.shadows[2]},breadcrumbRightMargin:{marginRight:"1rem"},breadcrumbTextOverflow:{display:"block",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"12rem"},boldText:{fontWeight:500},activeBreadcrumb:function(t){var r=t.tertiary;return{backgroundColor:(null==r?void 0:r.background)||"#D7D4E4",color:(null==r?void 0:r.color)||e.palette.common.white}},noWrap:{whiteSpace:"nowrap"},fullBorderRadius:{borderRadius:"100%"}}})),De=function(t){var r=t.logo,n=t.content,a=t.colors,o=Ae(se({},a||{})),i=n.first,l=void 0===i?null:i,d=n.second,m=void 0===d?null:d,u=n.third,p=void 0===u?null:u;return e.createElement(s,{className:o.BreadcrumbsContainer+" "+o.flexItemsCenter},e.createElement(s,{className:(l?o.primaryBreadcrumbItem+" "+o.breadCrumbShadow:"")+" "+o.flexItemsCenter},e.createElement(b,{component:V,to:"/",className:o.logoSpacing},e.createElement(s,{className:o.logoContainer+" \n            "+(l?o.logoInBreadcrumb:"")},e.createElement(y,{className:o.logo+" "+o.fullBorderRadius},r))),l&&e.createElement(c,{color:"textPrimary",className:o.boldText+" "+o.noWrap+" "+o.primaryBreadcrumbItem},e.createElement(b,{underline:"none",component:V,to:l.link,color:"inherit",className:o.breadcrumbRightMargin+" "+o.breadcrumbTextOverflow},l.name))),m&&e.createElement(s,{className:o.flexItemsCenter+" "+o.secondaryBreadcrumbItem+" "+o.breadCrumbShadow+" "+(p?"":o.activeBreadcrumb)},e.createElement(c,{color:"inherit",className:o.boldText+" "+o.noWrap},e.createElement(b,{component:V,underline:"none",to:m.link,color:"inherit",className:o.nonPrimaryBreadcrumbOffset+" "+o.breadcrumbRightMargin+" "+o.breadcrumbTextOverflow},m.name))),p&&e.createElement(s,{className:o.flexItemsCenter+" "+o.tertiaryBreadcrumbItem+" "+o.breadCrumbShadow},e.createElement(c,{color:"inherit",className:o.boldText+" "+o.noWrap},e.createElement(b,{component:V,underline:"none",to:p.link,color:"inherit",className:o.nonPrimaryBreadcrumbOffset+" "+o.breadcrumbRightMargin+" "+o.breadcrumbTextOverflow},p.name))))},Oe=i((function(e){return{container:{marginRight:e.spacing(-1.5),marginLeft:e.spacing(-1.5)},svgContainer:{marginLeft:"auto",marginRight:"auto"},button:{display:"block",textDecoration:"none",borderRadius:"14px",height:"100%",width:"100%",textAlign:"center"},orgLabel:{padding:e.spacing(1),paddingTop:0}}})),Me=function(t){var r=t.entities,n=t.icon,a=t.loadingMessage,o=void 0===a?"Loading list...":a,i=t.emptyMessage,d=void 0===i?"List is empty":i,m=t.onClick,u=se(se(se({},Oe()),ye()),xe());return e.createElement(s,{className:u.container},r?r.length?e.createElement(x,{container:!0,spacing:3},r.map((function(t,r){return e.createElement(x,{key:t.name+"-"+r,item:!0,xs:4,md:3},e.createElement(l,se({className:u.button,key:t.name},m?{onClick:function(){return m(t)}}:{component:V,to:t.link}),e.createElement(s,{className:u.svgContainer+" "+u.labelBreak},n(t)),e.createElement(c,{className:u.orgLabel,variant:"body1"},t.name)))}))):e.createElement(c,{className:u.centerText,variant:"body2",color:"textSecondary"},d):e.createElement(Be,{text:o}))},ze=function(t){var r=t.text,n=void 0===r?"Something went wrong":r,a=se(se({},ye()),Ee());return e.createElement(s,{className:a.flexCenter},e.createElement(J,{fontSize:"medium",className:a.rightSpacer1,color:"error"}),e.createElement(c,{variant:"body2",color:"textSecondary"},n))},je=i((function(e){return{listIcon:{minWidth:"auto",paddingRight:"0.25rem"},mainIconSize:{fontSize:"1rem"},mainIconMarginAdjustment:{marginTop:"3px"},textOverflowElipsis:{overflow:"hidden",textOverflow:"ellipsis"},mainListItem:function(t){return{padding:"8px 24px 8px 16px",alignItems:"flex-start",backgroundColor:t.mainBackground||e.palette.common.white,color:t.mainText||e.palette.text.primary,borderRadius:e.spacing(.6),"&:hover":{backgroundColor:t.mainHover||e.palette.action.hover}}},mainIconColor:function(t){return{color:t.mainIcon||e.palette.grey[500]}},activeMainIconColor:function(e){return{color:e.mainActiveText||"#8FC1FF"}},subListItem:function(t){return{backgroundColor:t.subItemBackground||"#FFFFFF",color:t.subItemText||e.palette.text.secondary,borderRadius:"8px","&:hover":{backgroundColor:t.subItemHover||"rgba(143,193,255,0.3)"}}},activeSubListItem:function(e){return{backgroundColor:e.subItemActiveBackground||"#FFFFFF",color:e.subItemActiveText||"#8FC1FF","&:hover":{backgroundColor:e.subItemActiveHover||"rgba(143,193,255,0.3)"}}},subItemBorder:{borderLeft:"1px solid "+e.palette.grey[600],marginLeft:"1px",marginRight:"1px",width:"100%",height:"100%"},relativeWrapper:{position:"relative"},subItemBorderMask:function(e){return{borderLeft:"3px solid "+(e.subItemActiveText||"#8FC1FF"),borderRadius:"1px",position:"absolute",top:"50%",bottom:"50%",transition:"all 0.2s ease-in-out"}},activeSubItemBorder:{top:"0 !important",bottom:"0 !important"},subItemWrapper:{display:"flex",marginLeft:"13px",marginRight:"16px"},noYMargin:{marginTop:"unset",marginBottom:"unset"}}})),He=function(e,t){return!!e.split("/").includes(t)},Ke=function(r){var n,a,o=r.mainItem,i=r.subItems,l=r.config,d=r.Icon,m=se(se(se({},xe()),ye()),je(se(se({},(null===(n=l.secondary)||void 0===n?void 0:n.mainItemColors)||{}),(null===(a=l.secondary)||void 0===a?void 0:a.subItemColors)||{}))),u=U(),p=He(u.pathname,o.id),g=t(!!(null==i?void 0:i.length)&&p),f=g[0],h=g[1];return e.createElement(e.Fragment,null,e.createElement(E,{button:!0,dense:!0,className:m.mainListItem,component:V,to:o.route},e.createElement(C,{className:m.listIcon+" "+m.mainIconMarginAdjustment+" "+m.rightSpacer1},e.createElement(d,{id:"second-nav-item",styling:m.mainIconSize+"  "+m.mainIconColor+" "+(p?m.activeMainIconColor:"")})),e.createElement(w,{disableTypography:!0,className:m.noYMargin,primary:e.createElement(c,{variant:"body2",className:m.bolderText+" "+m.textOverflowElipsis,color:"inherit"},o.name,(null==i?void 0:i.length)?e.createElement(c,{component:"span",variant:"body2",className:m.bolderText,color:"inherit"}," ","(",i.length,")"):null)}),(null==i?void 0:i.length)?e.createElement(C,{className:m.listIcon,onClick:function(e){e.preventDefault(),e.stopPropagation(),h((function(e){return!e}))}},f?e.createElement(Y,null):e.createElement(q,null)):null),(null==i?void 0:i.length)?e.createElement(N,{in:f,timeout:"auto",unmountOnExit:!0},e.createElement(k,{component:"div",disablePadding:!0},i.map((function(t){var r=t.name,n=t.route,a=t.id;return e.createElement(s,{key:a,className:m.subItemWrapper},e.createElement(s,{className:m.relativeWrapper+" "+m.rightSpacer1},e.createElement(s,{className:m.subItemBorder+" "}),e.createElement(s,{className:m.subItemBorderMask+" "+(He(u.pathname,a)?m.activeSubItemBorder:"")+" "})),e.createElement(E,{key:n,component:V,to:n,button:!0,dense:!0,className:m.subListItem+" "+(He(u.pathname,a)?m.activeSubListItem:"")},e.createElement(w,{disableTypography:!0,primary:e.createElement(c,{variant:"body2",className:m.textOverflowElipsis,color:"inherit"},r)})))})))):null)};function Ve(e){return e.sort((function(e,t){return+t.startDate.split("T")[0].replaceAll("-","")-+e.startDate.split("T")[0].replaceAll("-","")}))}var Ue=function(e,t,r){return r?e.toISOString()===t.toISOString():e===t},Ge=i((function(e){return{secondaryNavWrapper:{height:"100%",width:"300px",background:"white",overflowY:"auto",overflowX:"hidden",borderTopRightRadius:"14px",borderBottomRightRadius:"14px",marginLeft:"-16px",paddingLeft:"16px",border:"1px solid "+e.palette.grey[300],boxShadow:"0 2px 4px 0 rgba(0, 0, 0, 0.3)",boxSizing:"border-box"},titleWrapper:{marginTop:"24px",display:"flex",alignItems:"center",paddingLeft:"16px",paddingRight:"16px"},title:{fontSize:"18px",fontWeight:500,color:function(e){return e.titleColor||"#8FC1FF"}},titleIcons:{color:function(e){return e.titleIconColor||"#8FC1FF"}},closeButton:{marginLeft:"auto"},archivedSeparator:{paddingLeft:"8px",color:e.palette.grey[500]},archivedBorder:{marginTop:"3rem",border:"1px solid "+e.palette.grey[200],width:"33%",marginLeft:"8px"},listWrapper:{marginLeft:e.spacing(1),marginRight:e.spacing(1)}}})),Je=function(t){var r,n,a,o,i=t.secondaryNavItems,l=t.primaryNavItems,d=t.expandedOptions,m=t.setExpandedOptions,u=t.config,p={titleColor:null===(r=u.secondary)||void 0===r?void 0:r.titleColor,titleIconColor:null===(n=u.secondary)||void 0===n?void 0:n.titleIconColor},g=se(se(se({},ye()),xe()),Ge(p)),f=G(),h=i[d.view];if(!h)return null;var v=l.find((function(e){return e.field===d.view})).Icon;return e.createElement(s,{className:g.secondaryNavWrapper},e.createElement(s,{className:g.titleWrapper},e.createElement(c,{className:g.rightSpacer1+" "+g.title},d.view),h.button?e.createElement(B,{className:g.titleIcons,size:"small",type:"button",onClick:function(){return f.push(h.button.url)}},e.createElement(Z,null)):null,e.createElement(B,{className:g.titleIcons+" "+g.closeButton,size:"small",type:"button",onClick:function(){return m({view:"",expanded:!1})}},(null===(a=u.secondary)||void 0===a?void 0:a.closeButtonSvg)||e.createElement($,null))),e.createElement(k,{className:g.listWrapper,component:"div"},Ve(h.items).map((function(t){return e.createElement(Ke,se({key:t.mainItem.route},t,{config:u,Icon:v}))})),(null===(o=h.archivedItems)||void 0===o?void 0:o.length)?e.createElement(e.Fragment,null,e.createElement(s,{className:g.archivedBorder+" "+g.contentBreak}),e.createElement(c,{variant:"body2",className:g.archivedSeparator+" "+g.bolderText},"Archived ",d.view),Ve(h.archivedItems).map((function(t){return e.createElement(Ke,se({key:t.mainItem.route},t,{config:u,Icon:v}))}))):null))},Ye=i((function(e){return{primaryNavContainer:function(e){return{background:e.background||"linear-gradient(to bottom, #253a68 40%, #73c4ca)",border:"2px solid "+(e.activeBorderColor||"#8FC1FF"),borderLeft:"none",borderTopRightRadius:"14px",borderBottomRightRadius:"14px",minWidth:"4.5rem",overflowY:"auto",overflowX:"hidden"}},listWrapper:{display:"flex",flexDirection:"column",paddingTop:0},itemWrapper:{display:"flex",flexDirection:"column",padding:"0.75rem 0.5rem 0.5rem 0.5rem"},itemBorder:{borderRight:function(e){return"6px solid "+(e.activeBorderColor||"#8FC1FF")},position:"absolute",bottom:"50%",top:"50%",transition:"all 0.2s ease-in-out",right:"-3px"},activeBorder:{top:"15%",bottom:"15%"},iconWrapper:{minWidth:0,marginBottom:"4px",position:"relative"},itemName:{fontSize:"0.7rem"},textColour:{color:function(e){return e.text||"#FFFFFF"}},activeTextColour:{color:function(e){return e.activeText||"#8FC1FF"}},lastItem:{marginTop:"auto"}}})),qe=function(t){var r=t.expandedOptions,n=t.setExpandedOptions,a=t.navigationLinks,o=t.config,i=U(),l=Ye(se({},o.primary||{})),d=function(e,t){return""===r.view?i.pathname===t||!(e===o.rootRouteName||!i.pathname.startsWith(t)):r.view===e};return e.createElement(k,{className:l.primaryNavContainer+" "+l.listWrapper},a.map((function(t,r,a){var i;return e.createElement(E,se({key:t.field,button:!0,className:l.itemWrapper+" "+l.textColour+" "+((null===(i=o.primary)||void 0===i?void 0:i.moveLastItemToBottom)&&r===a.length-1?l.lastItem:"")},t.hasSecondary?{}:{component:V,to:t.path},{onClick:function(){n({view:t.field,expanded:!!t.hasSecondary})}}),e.createElement(C,{className:l.iconWrapper},e.createElement(t.Icon,{styling:l.textColour+" "+(d(t.field,t.path)?l.activeTextColour:"")})),e.createElement(c,{variant:"caption",className:l.itemName+" "+l.textColour+" "+(d(t.field,t.path)?l.activeTextColour:"")},t.field),e.createElement(s,{className:l.itemBorder+" "+(d(t.field,t.path)?l.activeBorder:"")}))})))},Xe=i({leftNavContainer:{height:"100%",display:"flex",position:"relative",width:"max-content"}}),Qe=function(r){var n=r.primaryNavItems,o=r.secondaryNavItems,i=r.config,l=t({view:"",expanded:!1}),c=l[0],d=l[1],m=Xe(),u=U(),p=n.reduce((function(e,t){return t.hasSecondary?pe(pe([],e,!0),[t.field],!1):e}),[]);return a((function(){d((function(e){return p.includes(e.view)&&!0===e.expanded?e:{view:"",expanded:!1}}))}),[u.pathname]),e.createElement(s,{component:"nav",className:m.leftNavContainer},e.createElement(qe,{expandedOptions:c,setExpandedOptions:d,navigationLinks:n,config:i}),c.expanded&&e.createElement(Je,{secondaryNavItems:o,primaryNavItems:n,expandedOptions:c,setExpandedOptions:d,config:i}))},$e=i((function(e){return{remainingHeightBox:{position:"absolute",top:"4rem",bottom:0,left:0,right:0,display:"flex"},fullHeightFlexbox:{display:"flex",height:"100%"},relativeContainer:{position:"relative"},scrollWrapper:{overflow:"auto"},componentWrapper:{padding:e.spacing(2),paddingBottom:e.spacing(2),position:"relative"}}})),Ze=function(t){var r=t.sideNavigation,n=t.children,a=t.desktopWidth,o=$e();return e.createElement(s,{className:o.remainingHeightBox},r?e.createElement(s,{className:o.fullHeightFlexbox+" "+o.relativeContainer},r):null,e.createElement(I,{disableGutters:!0,maxWidth:!1,className:o.scrollWrapper},e.createElement(I,{disableGutters:!0,maxWidth:a?"xl":"lg",className:o.componentWrapper},n)))},_e=function(e,t,r){void 0===r&&(r=250);var o=n(e,t);a((function(){var e=setTimeout(o,r);return function(){return clearTimeout(e)}}),[o,r])},et=function(e,t){var r=o();a((function(){r.current=e})),a((function(){if(null!==t){var e=setInterval((function(){r.current&&r.current()}),t);return function(){return clearInterval(e)}}}),[t])},tt=i((function(e){return{divider:{background:e.palette.primary.main,height:"0.2rem"},letterHeader:{cursor:"default",color:e.palette.primary.main,marginTop:"1rem"},listItem:{borderRadius:"14px",border:"1px solid "+e.palette.grey[300],marginBottom:"0.5rem",paddingLeft:"24px",boxShadow:e.shadows[1]},topMargin:{marginTop:e.spacing(2),display:"block"}}})),rt=function(t){var r=t.array,n=t.sortFn,a=t.sortKey,o=void 0===a?"name":a,i=t.buttonClick,l=t.linkTo,s=t.ItemTemplate,d=t.arrayKey,m=void 0===d?"id":d,u=t.loadingMessage,p=void 0===u?"Loading list...":u,g=t.emptyMessage,f=void 0===g?"List is empty":g,h=t.alphabetisedHeader,v=void 0===h||h,b=se(se(se({},tt()),ye()),Ee());if(void 0===r)return e.createElement(Be,{styling:b.topMargin,text:p});if(!(null==r?void 0:r.length))return e.createElement(c,{className:b.topMargin,align:"center",variant:"body2",color:"textSecondary"},f);var y=n?pe([],r,!0).sort(n):r,x="";return e.createElement(k,{className:b.limitWidth50rem},y.map((function(t,r){var n,a=!1;if(v){var d=((null===(n=t[o])||void 0===n?void 0:n[0])||"???").toLowerCase();d!==x&&(x=d,a=!0)}return e.createElement(e.Fragment,{key:t[m]||"alphabetical-list-"+r},v&&a?e.createElement(e.Fragment,null,e.createElement(c,{className:""+b.letterHeader,align:"left"},x.toUpperCase()),e.createElement(S,{className:b.contentBreak+" "+b.divider})):null,e.createElement(E,se({className:b.listItem,alignItems:"flex-start",button:!(!i&&!l)||void 0,onClick:i?function(){return i(t)}:void 0},l&&!i?{component:V,to:l(t)}:{}),e.createElement(s,{item:t})))})))},nt=i((function(e){return{searchBox:{display:"flex",alignContent:"center",alignItems:"center",padding:"8px",border:"2px solid "+e.palette.grey[300],borderRadius:"14px"},searchField:{borderRadius:"14px",width:"100%",background:function(e){return e.background||"RGBA(179, 213, 235, 0.1)"},height:"46px",paddingLeft:"24px",color:e.palette.grey[600]},searchIcon:{color:e.palette.grey[600]}}})),at=function(r){var n=r.array,o=r.sortFn,i=r.sortKey,l=void 0===i?"name":i,c=r.buttonClick,d=r.linkTo,m=r.ItemTemplate,u=r.arrayKey,p=void 0===u?"id":u,g=r.loadingMessage,f=void 0===g?"Loading list...":g,h=r.emptyMessage,v=void 0===h?"List is empty":h,b=r.inputBackgroundColor,y=r.placeholder,x=r.disabledSearch,E=r.delay,C=void 0===E?500:E,w=r.minQueryLength,N=void 0===w?3:w,k=r.handleOnChange,B=r.searchKeys,I=void 0===B?["name"]:B,S=r.alphabetisedHeader,R=void 0===S||S,F=se(se(se({},ye()),Ee()),nt({background:b})),P=t(""),W=P[0],A=P[1],D=t(!1),O=D[0],M=D[1],z=t(n),j=z[0],H=z[1];return _e((function(){!O&&W.length>=N&&(k?k(W):H(null==n?void 0:n.filter((function(e){var t=I.some((function(t){var r;return null===(r=e[t])||void 0===r?void 0:r.toLowerCase().includes(W.toLowerCase())}));return t}))))}),[W],C),a((function(){H(n)}),[n]),e.createElement(e.Fragment,null,e.createElement(s,{className:F.searchBox+" "+F.limitWidth50rem},e.createElement(T,{disabled:x,type:"text",value:W,placeholder:y||"Enter to search",onChange:function(e){O&&M(!1),A(e.target.value)},className:F.searchField,endAdornment:e.createElement(L,{position:"end",className:F.rightSpacer2},e.createElement(_,{className:F.searchIcon}))})),null!==n&&e.createElement(rt,{array:j,sortFn:o,sortKey:l,buttonClick:c,linkTo:d,ItemTemplate:m,arrayKey:p,loadingMessage:f,emptyMessage:v,alphabetisedHeader:R}))},ot=i((function(e){return{inputField:function(t){var r=t.size;return se({borderRadius:"14px"},"small"===r?e.typography.body2:{})},labelStyles:function(t){var r=t.size;return se({},"small"===r?se(se({transform:"translate(14px, 9px) scale(1) !important"},e.typography.body2),{"&.MuiInputLabel-outlined.MuiInputLabel-shrink":{transform:"translate(15px, -9px) scale(0.75) !important"}}):{})}}})),it=function(t){var r=t.size,n=void 0===r?"small":r,a=t.styling,o=t.numberField,i=t.inputProps,l=void 0===i?{}:i,c=t.InputProps,s=void 0===c?{}:c,d=t.accessLevel,m=t.disabled,u=de(t,["size","styling","numberField","inputProps","InputProps","accessLevel","disabled"]),p=ot({size:n});if(d===be)return null;var g=m;return d===ve&&(g=!0),e.createElement(R,se({className:a||"",disabled:g},u,{inputProps:se({},l),InputProps:se(se({},s),{className:p.inputField,inputComponent:o?lt:void 0}),InputLabelProps:{className:p.labelStyles},variant:"outlined",size:n}))},lt=function(t){var r=t.inputRef,n=t.onChange,a=de(t,["inputRef","onChange"]);return e.createElement(ee,se({},a,{getInputRef:r,onValueChange:function(e){n({target:{name:t.name||"",value:e.value}})},thousandSeparator:!0,decimalScale:2,isNumericString:!0}))},ct=i((function(e){return{listItem:function(t){var r=t.background,n=t.size;return se(se({overflow:"auto",scrollbarWidth:"thin"},"small"===n?e.typography.body2:{}),{"&:hover":{backgroundColor:r+" !important"}})},inputStyles:function(t){var r=t.background,n=t.size;return se(se({borderRadius:"14px !important"},"small"===n?se({paddingTop:"9.5px",paddingBottom:"8.5px"},e.typography.body2):{}),{"&:focus":{backgroundColor:r}})},selectedListItem:function(e){return{"&:focus":{background:e.background+" !important"}}}}})),st=function(t){var r=t.selectOptions,n=t.background,a=void 0===n?"#EFEDFF":n,o=t.size,i=void 0===o?"small":o,l=t.styling,c=t.disabled,s=t.accessLevel,d=de(t,["selectOptions","background","size","styling","disabled","accessLevel"]),m=ct({background:a,size:i});if(s===be)return null;var u=c;return s===ve&&(u=!0),e.createElement(it,se({className:l||""},d,{disabled:u,size:i,SelectProps:{inputProps:{className:m.inputStyles}},select:!0}),r.map((function(t){return e.createElement(F,{key:t.value,value:t.value,className:m.listItem,classes:{selected:m.selectedListItem}},t.description)})))},dt=function(t){var r=t.styling,n=t.format,a=void 0===n?"dd MMM yyyy":n,o=t.minDate,i=void 0===o?new Date("1856-09-25"):o,l=t.accessLevel,c=t.disabled,s=de(t,["styling","format","minDate","accessLevel","disabled"]);if(l===be)return null;var d=c;return l===ve&&(d=!0),e.createElement(te,{utils:ae},e.createElement(re,se({className:r||""},s,{disabled:d,inputVariant:"outlined",autoOk:!0,format:a,minDate:i,TextFieldComponent:it})))},mt=function(t){var r=t.styling,n=t.format,a=void 0===n?"dd/MM/yyyy":n,o=t.minDate,i=void 0===o?new Date("1856-09-25"):o,l=t.accessLevel,c=t.disabled,s=de(t,["styling","format","minDate","accessLevel","disabled"]);if(l===be)return null;var d=c;return l===ve&&(d=!0),e.createElement(te,{utils:ae},e.createElement(ne,se({className:r||""},s,{disabled:d,inputVariant:"outlined",autoOk:!0,allowKeyboardControl:!0,animateYearScrolling:!0,format:a,minDate:i,TextFieldComponent:it})))},ut=i((function(e){return{confirmWrapper:{display:"inline-block"},confirmContainer:{display:"flex",alignItems:"center"},whiteText:{color:e.palette.common.white}}})),pt=function(r){var n=r.children,a=r.onClick,o=r.styling,i=r.disabled,l=void 0!==i&&i,d=r.variant,m=void 0===d?"outlined":d,u=r.color,p=void 0===u?"primary":u,g=r.accessLevel,f=void 0===g?"":g,h=de(r,["children","onClick","styling","disabled","variant","color","accessLevel"]),v=se(se({},ye()),ut()),b=t(!1),y=b[0],x=b[1],E=t(!1),C=E[0],w=E[1];return et((function(){return x(!1)}),!y||C?null:4500),[be,ve].includes(f)?null:y?e.createElement(s,{className:v.confirmWrapper},e.createElement(s,{className:v.confirmContainer},e.createElement(c,{className:v.rightSpacer1,variant:"body1"},"Are you sure?"),e.createElement(we,se({},h,{type:"button",onClick:function(e){w(!0),a(e)},variant:"contained",styling:v.whiteText,disabled:l,color:p}),"Confirm"))):e.createElement(we,{type:"button",variant:m,disabled:l,styling:o,color:p,onClick:function(){return x(!0)}},n)},gt=function(e){var t=e.toString().length;return t?t+1+Math.floor(t/3)/3+"ch":"6ch"},ft=i((function(e){return{inputBase:function(e){return{height:"unset",padding:0,textAlign:e.textAlign||"center"}},startAdornment:{color:e.palette.text.secondary},modifiedUnderline:{"&:not(.Mui-disabled):before":{borderBottom:"none",transition:"none"},"&:hover:not(.Mui-disabled):before":{borderBottom:"1px solid "+e.palette.grey[500]+" !important"}},body2Text:se({},e.typography.body2),dateFieldWidth:{width:"8ch"},fullDateWidth:{width:"11ch"},justifyStart:{justifyContent:"flex-start"},justifyCenter:{justifyContent:"center"},justifyEnd:{justifyContent:"flex-end"},totalContainer:{display:"flex",alignItems:"center",cursor:"default"},selectFocusBackground:{"&:focus":{backgroundColor:"unset"}}}})),ht=function(t){var r=t.error,n=t.disabled,a=t.value,o=t.onBlur,i=t.onChange,l=t.prefix,s=t.suffix,d=t.numberField,m=void 0!==d&&d,u=t.textAlign,p=ft({textAlign:u});return"string"==typeof a||"number"==typeof a?e.createElement(R,{error:!!r,inputProps:{className:p.inputBase,style:{width:gt(a)}},value:a,onChange:i,onBlur:o,InputProps:{startAdornment:l?e.createElement(L,{position:"end",className:p.startAdornment},l):null,endAdornment:s?e.createElement(L,{position:"start",className:p.startAdornment},s):null,inputComponent:m?lt:void 0,className:p.body2Text+" "+p.modifiedUnderline},helperText:r||void 0,disabled:n}):e.createElement(c,{variant:"body2"},"Incorrect value type")},vt=function(t){return e.createElement(ht,se({},se(se({},t),{numberField:!0})))},bt=m(u({root:{padding:"3px"}}))(P),yt=function(t){var r=t.disabled,n=t.fullDate,a=void 0!==n&&n,o=t.value,i=t.error,l=t.onChange,c=t.onBlur,s=t.textAlign,d=ft({textAlign:s});return e.createElement(te,{utils:ae},e.createElement(re,{disabled:r,views:a?void 0:["year","month"],value:o,autoOk:!0,format:a?"dd MMM yyyy":"MMM yyyy",InputProps:{className:d.body2Text+" "+d.modifiedUnderline},inputProps:{className:d.inputBase+" "+(a?d.fullDateWidth:d.dateFieldWidth)},error:!!i,helperText:i||void 0,onChange:l,onBlur:c}))},xt=function(t){return e.createElement(yt,se({},t))},Et=function(t){return e.createElement(yt,se({},t,{fullDate:!0}))},Ct=function(t){var r=t.value,n=t.disabled,a=t.onChange;return e.createElement(P,{disabled:n,checked:r,onChange:a,color:"primary",size:"small"})},wt=function(t){return e.createElement(Ct,se({},t))},Nt=function(t){var r=t.text,n=t.numberField,a=void 0!==n&&n,o=t.prefix,i=void 0===o?null:o,l=t.suffix,c=void 0===l?null:l,d=t.textAlign,m=ft({});return e.createElement(s,{className:m.totalContainer+" "+m.body2Text+" "+("left"===d?m.justifyStart:"right"===d?m.justifyEnd:m.justifyCenter)},i&&i,e.createElement(s,{className:m.body2Text},a?e.createElement(ee,{value:r,displayType:"text",thousandSeparator:!0,isNumericString:!0,decimalScale:2}):r),c&&c)},kt=function(t){var r=t.error,n=t.value,a=t.onBlur,o=t.onChange,i=t.selectOptions,l=t.disabled,c=ft({});return e.createElement(W,{margin:"none",error:!!r},e.createElement(A,{className:c.body2Text+" "+c.modifiedUnderline,inputProps:{className:c.selectFocusBackground},value:n,onChange:o,onBlur:a,disabled:l},Object.entries(i).map((function(t){var r=t[0],n=t[1];return e.createElement(F,{className:c.body2Text,key:r,value:r},n)}))),r&&e.createElement(D,null,r))},Bt=function(t){var r=t.error,n=t.value,a=t.onBlur,o=t.onChange,i=t.selectOptions,l=t.disabled,c=t.renderValue,s=ft({});return e.createElement(W,{margin:"none",error:!!r},e.createElement(A,{className:s.body2Text+" "+s.modifiedUnderline,inputProps:{className:s.selectFocusBackground},value:n,onChange:o,onBlur:a,disabled:l,renderValue:c,multiple:!0},Object.entries(i).map((function(t){var r=t[0],n=t[1];return e.createElement(F,{className:s.body2Text,key:r,value:r},n)}))),r&&e.createElement(D,null,r))},It=i((function(e){return{newRowHighlight:{backgroundColor:"#73c4ca30"},editedCellHighlight:{backgroundColor:"#5840f52e",backgroundClip:"padding-box"},editedBorder:{border:"3px solid #5840f52e",borderWidth:"2px 4px"},errorBorder:{border:"3px solid "+e.palette.error.light,borderWidth:"2px 4px"},emptyLoadingPadding:{paddingTop:"0.75rem",paddingBottom:"0.75rem"},centeredText:{textAlign:"center"},paginationPadding:{paddingTop:"1rem",paddingBottom:"1rem"}}})),St=function(r){var n=r.value,o=void 0===n?"":n,i=r.row,l=i.index,c=i.values,s=i.original,d=r.column.id,m=r.syncCellWithState,u=r.setRows,p=r.fieldConfig,g=r.disabled,f=p[d],h=f.validationRule,v=f.isCheckbox,b=f.isDateField,y=f.customRenderFn,x=f.prefix,E=f.suffix,C=f.textAlign,w=f.onBlur,N=f.onChangeValueModifier,k=t(!1),B=k[0],I=k[1],S=t(o),T=S[0],L=S[1],R=v,F=function(e){if(h)try{h.validateSync(e),B&&I(!1)}catch(e){!B&&I(e.message)}},P=function(e){return me(void 0,void 0,void 0,(function(){return ue(this,(function(t){switch(t.label){case 0:return R?m(l,d,e,!1):m(l,d,T,!!B),!w||!u||B||Ue(c[d],T,b)?[3,2]:[4,w(l,T,u)];case 1:t.sent(),t.label=2;case 2:return[2]}}))}))};a((function(){L(o),F(o)}),[o]);var W,A={value:T,values:c,disabled:g,error:B,onChange:function(e){var t;if(b){t=e;var r=N?N(t):t;return L(r),void F(r)}t=e;var n=R?t.target.checked:t.target.value;R?(L(n),P(n)):(L(n),F(n))},onBlur:P,prefix:x,suffix:E,textAlign:C,originalValues:s};return y?y(A):(W=A,e.createElement(ht,se({},se({},W))))},Tt=function(t){var n=t.tableRows,o=t.tableHeaders,i=t.syncCellWithState,l=t.setRows,d=void 0===l?void 0:l,m=t.skipPageReset,u=t.fieldConfig,b=t.disabled,y=void 0!==b&&b,x=t.setSelectedRows,E=t.includeRowSelect,C=void 0===E||E,w=t.filterData,N=t.filterTypes,k=t.emptyTableText,B=void 0===k?"Table is empty":k,I=t.paginate,S=void 0!==I&&I,T=t.defaultPageSize,L=void 0===T?50:T,R=It(),F=r((function(){return[]}),[]),P=e.useMemo((function(){return{Cell:St}}),[]),W=oe({columns:o,data:n||F,defaultColumn:P,autoResetPage:!m,filterTypes:N,initialState:{pageSize:S?L:void 0},syncCellWithState:i,setRows:d,fieldConfig:u,disabled:y},ie,le,ce,(function(t){C&&t.visibleColumns.push((function(t){return pe([{id:"selection",Header:function(t){var r=t.getToggleAllRowsSelectedProps,n=t.getToggleAllPageRowsSelectedProps;return e.createElement(bt,se({},S?n():r(),{disabled:y,size:"small"}))},Cell:function(t){var r=t.row;return e.createElement(bt,se({},r.getToggleRowSelectedProps(),{disabled:y,size:"small"}))}}],t,!0)}))})),A=W.getTableProps,D=W.getTableBodyProps,O=W.headerGroups,M=W.rows,z=W.page,j=W.prepareRow,H=W.state,K=H.selectedRowIds,V=H.pageIndex,U=W.setFilter,G=W.canPreviousPage,J=W.canNextPage,Y=W.pageCount,q=W.nextPage,X=W.previousPage;a((function(){w&&U(w.filterRow,w.filterValues)}),[w]),a((function(){x&&x(Object.keys(K).map((function(e){return+e})))}),[K]);var Q=S?z:M;return e.createElement(e.Fragment,null,e.createElement(g,se({},A()),e.createElement(f,null,O.map((function(t){return e.createElement(p,se({},t.getHeaderGroupProps()),t.headers.map((function(t,r){return e.createElement(v,se({},t.getHeaderProps(),{align:t.textAlign||"center",padding:0===(C&&r)?"checkbox":"normal"}),t.render("Header"))})))}))),e.createElement(h,se({},D()),Q.map((function(t){return j(t),e.createElement(p,se({hover:!0},t.getRowProps(),{className:("NEW"===t.original.rowStatus?R.newRowHighlight:"")+" "+("EDITED"===t.original.rowStatus?R.editedBorder:"")+"\n              "+(t.original.hasOwnProperty("errors")&&Object.values(t.original.errors).includes(!0)?R.errorBorder:"")}),t.cells.map((function(t,r){return e.createElement(v,se({},t.getCellProps(),{align:t.column.textAlign||"center",className:"EDITED"===t.row.original.rowStatus&&t.row.original.edited[t.column.id]?R.editedCellHighlight:"",padding:0===(C&&r)?"checkbox":"normal"}),t.render("Cell"))})))})))),null===n?e.createElement(s,{className:R.emptyLoadingPadding},e.createElement(Be,null)):null,n&&!n.length?e.createElement(s,{className:R.emptyLoadingPadding+" "+R.centeredText},e.createElement(c,{variant:"body2"},B)):null,S&&(null==n?void 0:n.length)?e.createElement("div",{className:R.paginationPadding},e.createElement("button",{onClick:function(){return X()},disabled:!G},"<")," ",e.createElement("button",{onClick:function(){return q()},disabled:!J},">")," ",e.createElement("span",null,"Page"," ",e.createElement("strong",null,V+1," of ",Y))):null)},Lt=i((function(e){return{alertStyling:{borderRadius:"14px"},closeButton:{color:e.palette.text.secondary,marginRight:e.spacing(2)},showCursor:{cursor:"pointer"}}})),Rt=function(t){var r=t.alertActionHandler,n=t.formStatus,a=t.actionButton,o=t.alertMessage,i=t.addBreak,c=void 0===i||i,s=t.styling,d=se(se({},ye()),Lt());return e.createElement(N,{in:[ge,fe,he].includes(n)},e.createElement(K,{onClick:r,className:d.alertStyling+" "+(c?d.sectionBreak:"")+" "+(s||"")+" "+(r?d.showCursor:""),severity:n===fe?fe:n===ge?ge:he,action:a?e.createElement(l,{className:d.closeButton,"aria-label":"close",color:"inherit",size:"small",onClick:function(e){e.stopPropagation(),a.handler()}},a.text):null},o))},Ft=i((function(e){return{greyBox:{backgroundColor:e.palette.grey[200],display:"flex",justifyContent:"center",alignItems:"center",padding:"1.5rem",borderRadius:"14px",position:"relative",height:"13.25rem"},widthLimiter:{width:"100%",maxWidth:"28rem",marginLeft:"auto",marginRight:"auto"},hiddenInput:{display:"none"},buttonColor:{backgroundColor:e.palette.primary.main},iconStyling:{color:e.palette.common.white,fontSize:"3rem"},sectionBreak:{marginBottom:e.spacing(3)},dropBox:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"},dropArrowStyling:{color:e.palette.text.secondary,fontSize:"3rem"},topLeftArrow:{position:"absolute",top:0,left:0,transform:"rotate(45deg)"},topRightArrow:{position:"absolute",top:0,right:0,transform:"rotate(135deg)"},bottomLeftArrow:{position:"absolute",bottom:0,left:0,transform:"rotate(-45deg)"},bottomRightArrow:{position:"absolute",bottom:0,right:0,transform:"rotate(225deg)"},hiddenDisplay:{display:"none"},loadingCircle:{marginLeft:e.spacing(1)},roundedAvatarButton:{borderRadius:"100%"},roundedAvatar:{width:"16vmax",height:"16vmax",maxWidth:"13rem",maxHeight:"13rem"},organisationImage:{maxWidth:"8rem",minWidth:"5rem",maxHeight:"8rem"}}})),Pt=function(r){var n=r.id,o=void 0===n?"image-upload":n,i=r.url,m=r.roundedAvatar,u=void 0!==m&&m,p=r.handleSaveImage,g=r.alt,f=r.accessLevel,h=se(se({},Ft()),ye()),v=t(!!i),b=v[0],y=v[1],x=t("enabled"),E=x[0],C=x[1],w=t(null),N=w[0],k=w[1];if(a((function(){i&&y(!0)}),[i]),f===be)return null;var I=!1;f===ve&&(I=!0);var S,T=function(e,t){return me(void 0,void 0,void 0,(function(){var r,n;return ue(this,(function(a){switch(a.label){case 0:return I?[2]:(k(null),"input"!==e?[3,4]:(r=t.target).files&&r.files[0]?[4,L(r.files[0])]:[3,2]);case 1:return a.sent(),[3,3];case 2:C(fe),y(!!i),a.label=3;case 3:return[3,7];case 4:return"dragDrop"!==e?[3,7]:(n=t.dataTransfer).files&&n.files[0]?[4,L(n.files[0])]:[3,6];case 5:return a.sent(),[3,7];case 6:C(fe),y(!!i),a.label=7;case 7:return[2]}}))}))},L=function(e){return me(void 0,void 0,void 0,(function(){var t,r,n;return ue(this,(function(a){switch(a.label){case 0:return C("loading"),e.size>=524288?(k("Image size should be less than 0.5MB"),C(fe),y(!!i),[2]):(t=e.name.split(".")[1].toLowerCase(),["png","jpg","jpeg"].includes(t)?[4,e.arrayBuffer()]:(k("Please provide an image in png, jpg or jpeg format"),C(fe),y(!!i),[2]));case 1:r=a.sent(),a.label=2;case 2:return a.trys.push([2,4,,5]),[4,p(t,r,e)];case 3:return a.sent(),C(ge),y(!0),[3,5];case 4:return n=a.sent(),console.log(n),C(fe),y(!!i),[3,5];case 5:return[2]}}))}))};switch(E){case"dragEnter":S=e.createElement(s,{className:h.dropBox,style:{pointerEvents:"none"}},e.createElement(Q,{className:h.dropArrowStyling+" "+h.topLeftArrow}),e.createElement(Q,{className:h.dropArrowStyling+" "+h.topRightArrow}),e.createElement(c,{variant:"h5",color:"textSecondary"},"Drop Here"),e.createElement(Q,{className:h.dropArrowStyling+" "+h.bottomLeftArrow}),e.createElement(Q,{className:h.dropArrowStyling+" "+h.bottomRightArrow}));break;case"loading":S=e.createElement(s,{className:h.dropBox},e.createElement(c,{color:"textSecondary"},"Loading..."),e.createElement(d,{className:h.loadingCircle,size:25}));break;default:S=e.createElement("label",{htmlFor:o},e.createElement(B,{className:h.buttonColor+" "+h.sectionBreak,"aria-label":"upload picture",component:"span"},e.createElement(X,{className:h.iconStyling})),e.createElement(c,{variant:"body2",color:"textSecondary"},"Drag and drop or browse to upload your image or logo."))}return e.createElement(s,{className:h.labelBreak,onDragEnter:function(e){I||(e.preventDefault(),e.stopPropagation(),y(!1))},onDragOver:function(e){I||(e.preventDefault(),e.stopPropagation(),y(!1))}},b&&e.createElement(s,{className:h.labelBreak},e.createElement("label",{htmlFor:o},e.createElement(l,{className:""+(u?h.roundedAvatarButton:""),"aria-label":"upload picture",component:"span"},u?e.createElement(O,{className:h.roundedAvatar,src:i,alt:g||"Profile Avatar"}):e.createElement("img",{className:h.organisationImage,src:i,alt:g||"Company Logo"})))),e.createElement(s,{className:h.greyBox+" "+h.widthLimiter+" "+h.sectionBreak+" "+(b?h.hiddenDisplay:""),onDragEnter:function(e){I||(e.preventDefault(),e.stopPropagation(),C("dragEnter"))},onDragLeave:function(e){I||(e.preventDefault(),e.stopPropagation(),C("enabled"),y(!!i))},onDragOver:function(e){I||(e.preventDefault(),e.stopPropagation(),C("dragEnter"))},onDrop:function(e){I||(e.preventDefault(),e.stopPropagation(),T("dragDrop",e))}},e.createElement("input",{id:o,className:h.hiddenInput,type:"file",accept:".png, .jpg, .jpeg",disabled:I,onChange:function(e){return T("input",e)}}),S),e.createElement(s,{className:h.widthLimiter},e.createElement(Rt,{formStatus:E,alertMessage:N||(E===ge?"Uploaded successfully!":"Something went wrong.")})))};export{Rt as Alert,rt as AlphabeticalList,De as Breadcrumbs,we as Button,pt as ButtonWithConfirm,ke as ContentBox,Ne as ContentLabel,dt as DatePicker,Tt as EditableTable,Me as EntityList,ze as ErrorIndicator,Pt as ImageDisplayAndUpload,mt as KeyboardDatePicker,Qe as LeftNavigation,Be as LoadingSpinner,Ze as MainLayout,Nt as NonEditableField,at as SearchBar,st as Select,We as StaticTable,yt as TableDatePicker,Bt as TableMultipleSelect,kt as TableSelect,ht as TableTextField,it as TextField,Ue as didCellValueChange,wt as tableCheckbox,xt as tableDateField,Et as tableInvoiceDateField,vt as tableNumericStringField,_e as useDebounceEffect,et as useInterval};
+***************************************************************************** */var se=function(){return se=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},se.apply(this,arguments)};function de(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}function me(e,t,r,n){return new(r||(r=Promise))((function(a,o){function i(e){try{c(n.next(e))}catch(e){o(e)}}function l(e){try{c(n.throw(e))}catch(e){o(e)}}function c(e){var t;e.done?a(e.value):(t=e.value,t instanceof r?t:new r((function(e){e(t)}))).then(i,l)}c((n=n.apply(e,t||[])).next())}))}function ue(e,t){var r,n,a,o,i={label:0,sent:function(){if(1&a[0])throw a[1];return a[1]},trys:[],ops:[]};return o={next:l(0),throw:l(1),return:l(2)},"function"==typeof Symbol&&(o[Symbol.iterator]=function(){return this}),o;function l(o){return function(l){return function(o){if(r)throw new TypeError("Generator is already executing.");for(;i;)try{if(r=1,n&&(a=2&o[0]?n.return:o[0]?n.throw||((a=n.return)&&a.call(n),0):n.next)&&!(a=a.call(n,o[1])).done)return a;switch(n=0,a&&(o=[2&o[0],a.value]),o[0]){case 0:case 1:a=o;break;case 4:return i.label++,{value:o[1],done:!1};case 5:i.label++,n=o[1],o=[0];continue;case 7:o=i.ops.pop(),i.trys.pop();continue;default:if(!(a=i.trys,(a=a.length>0&&a[a.length-1])||6!==o[0]&&2!==o[0])){i=0;continue}if(3===o[0]&&(!a||o[1]>a[0]&&o[1]<a[3])){i.label=o[1];break}if(6===o[0]&&i.label<a[1]){i.label=a[1],a=o;break}if(a&&i.label<a[2]){i.label=a[2],i.ops.push(o);break}a[2]&&i.ops.pop(),i.trys.pop();continue}o=t.call(e,i)}catch(e){o=[6,e],n=0}finally{r=a=0}if(5&o[0])throw o[1];return{value:o[0]?o[1]:void 0,done:!0}}([o,l])}}}function pe(e,t,r){if(r||2===arguments.length)for(var n,a=0,o=t.length;a<o;a++)!n&&a in t||(n||(n=Array.prototype.slice.call(t,0,a)),n[a]=t[a]);return e.concat(n||Array.prototype.slice.call(t))}j().trim().required("Required"),j().trim().required("Required").matches(/^\d*\.?\d*$/,"Must be a Number");var ge="success",fe="error",he="warning",ve="read",be="noAccess",ye=i({labelBreak:{marginBottom:"0.5rem"},contentBreak:{marginBottom:"1rem"},sectionBreak:{marginBottom:"1.5rem"},doubleSectionBreak:{marginBottom:"3rem"},rightSpacer1:{marginRight:"0.5rem"},rightSpacer2:{marginRight:"1rem"},leftSpacer1:{marginLeft:"0.5rem"},leftSpacer2:{marginLeft:"1rem"},buttonSpacing:{marginLeft:"0.5rem",marginRight:"0.5rem",marginBottom:"1rem"},leftRightPadding1:{paddingLeft:"0.5rem",paddingRight:"0.5rem"},leftRightPadding2:{paddingLeft:"1rem",paddingRight:"1rem"},topBottomPadding1:{paddingTop:"0.5rem",paddingBottom:"0.5rem"},topBottomPadding2:{paddingTop:"1rem",paddingBottom:"1rem"}},{classNamePrefix:"spacing",index:2}),xe=i((function(e){return{boldText:{fontWeight:700},bolderText:{fontWeight:500},smallText:{fontSize:"0.7rem"},warningColor:{color:e.palette.warning.main},centerText:{textAlign:"center"}}}),{classNamePrefix:"font"}),Ee=i({contentBox:{background:"white",borderRadius:"14px",marginBottom:"1rem",padding:"3rem"},limitWidth60rem:{maxWidth:"60rem",marginLeft:"auto",marginRight:"auto"},limitWidth50rem:{maxWidth:"50rem",marginLeft:"auto",marginRight:"auto"},limitWidth45rem:{maxWidth:"45rem",marginLeft:"auto",marginRight:"auto"},limitWidth40rem:{maxWidth:"40rem",marginLeft:"auto",marginRight:"auto"},limitWidth35rem:{maxWidth:"35rem",marginLeft:"auto",marginRight:"auto"},limitWidth30rem:{maxWidth:"30rem",marginLeft:"auto",marginRight:"auto"},limitWidth25rem:{maxWidth:"25rem",marginLeft:"auto",marginRight:"auto"},centeredText:{textAlign:"center"},startAlignedText:{textAlign:"start"},width20:{width:"20%"},width49:{width:"49%"},width50:{width:"50%"},width60:{width:"60%"},width100:{width:"100%"},flexCenter:{display:"flex",alignItems:"center",justifyContent:"center"},centerJustify:{justifyContent:"center"},leftJustify:{justifyContent:"left"},rightJustify:{justifyContent:"right"}},{classNamePrefix:"layout",index:2}),Ce=i((function(e){return{submitButton:{borderRadius:"1.5rem",padding:"0.4rem 1rem",textTransform:"capitalize"},containedText:{color:"white"}}})),we=function(t){var r=t.loading,n=void 0!==r&&r,a=t.children,o=t.errors,i=void 0!==o&&o,c=t.type,s=void 0===c?"submit":c,d=t.onClick,m=t.disabled,u=void 0!==m&&m,p=t.variant,g=void 0===p?"outlined":p,f=t.styling,h=void 0===f?"":f,v=t.color,b=void 0===v?"primary":v,y=t.accessLevel,x=void 0===y?"":y,E=de(t,["loading","children","errors","type","onClick","disabled","variant","styling","color","accessLevel"]),C=se(se({},ye()),Ce());if([be,ve].includes(x))return null;var w=u;return u||!n&&!i||(w=!0),e.createElement(l,se({},E,{variant:g,color:b,type:s,className:C.submitButton+" "+("contained"===g&&C.containedText)+" "+h,disabled:w,onClick:d}),a,n?e.createElement(M,{icon:z,className:C.leftSpacer1,size:"lg",spin:!0}):"")},Ne=function(t){var r=t.children,n=t.styling,a=void 0===n?null:n,o=xe();return e.createElement(c,{variant:"h6",className:o.bolderText+" "+(a||"")},r)},ke=function(t){var r=t.limitWidth,n=void 0!==r&&r,a=t.children,o=t.styling,i=se(se({},ye()),Ee());return e.createElement(s,{boxShadow:3,className:i.contentBox+" "+(o||"")},e.createElement(s,{className:i.centeredText+" "+(n?i.limitWidth50rem:"")},a))},Be=function(t){var r=t.text,n=void 0===r?"Loading data...":r,a=t.styling,o=se(se({},ye()),Ee());return e.createElement(s,{className:o.flexCenter+" "+(a||"")},e.createElement(c,{variant:"body2",color:"textSecondary",className:o.rightSpacer1},n),e.createElement(d,{size:"1.5rem"}))},Ie=m(u({root:{"&:hover td":{backgroundColor:"rgba(0, 0, 0, 0.06)"}}}))(p),Se=m(u({root:{"&:nth-of-type(even) td":{backgroundColor:"rgba(0, 0, 0, 0.03)"},"&:hover td":{backgroundColor:"rgba(0, 0, 0, 0.06)"}}}))(p),Te=i((function(e){return{root:{borderBottom:"none",paddingTop:"8px",paddingBottom:"8px","&:first-child":{borderTopLeftRadius:"14px",borderBottomLeftRadius:"14px"},"&:last-child":{borderTopRightRadius:"14px",borderBottomRightRadius:"14px"}},head:function(t){var r=t.background,n=t.border;return{backgroundColor:r||"HSLA(204, 58.3%, 81.2%, 0.1)",borderTop:"1px solid "+(n||"HSLA(204, 58.3%, 81.2%, 0.3)"),borderBottom:"1px solid "+(n||"HSLA(204, 58.3%, 81.2%, 0.3)"),color:t.text||e.palette.text.primary,fontWeight:500,"&:first-child":{borderLeft:"1px solid "+(n||"HSLA(204, 58.3%, 81.2%, 0.3)")},"&:last-child":{borderRight:"1px solid "+(n||"HSLA(204, 58.3%, 81.2%, 0.3)")}}}}})),Le=function(t){var r=t.children,n=t.align,a=void 0===n?"centerJustify":n,o=t.headerColours,i=de(t,["children","align","headerColours"]),l=se(se({},Ee()),Te(se({},o||{})));return e.createElement(v,se({},i,{classes:{root:l.root,head:l.head}}),e.createElement(s,{className:l.flexCenter+" "+l[a]},r))},Re=function(t){var r=t.rowBorderSeparation,n=void 0!==r&&r,a=t.children,o=de(t,["rowBorderSeparation","children"]);return n?e.createElement(Ie,se({},o),a):e.createElement(Se,se({},o),a)},Fe=function(t){var r=t.colSpan,n=t.children,a=Pe();return e.createElement(Re,null,e.createElement(Le,{className:a.adjustedCellPadding,colSpan:r},n))},Pe=i({tableStyles:{borderCollapse:"separate",borderBottom:"1px solid rgb(224, 224, 224)"},pointer:{cursor:"pointer"},bottomBorder:{borderBottom:"1px solid rgba(224, 224, 224, 1)"},noShading:{backgroundColor:"transparent !important"},adjustedCellPadding:{paddingTop:"11px",paddingBottom:"11px"}}),We=function(o){var i=o.rowBorderSeparation,l=void 0!==i&&i,c=o.headers,s=o.rows,d=o.headerCellAlignment,m=void 0===d?[]:d,u=o.rowCellAlignment,v=void 0===u?[]:u,b=o.styling,y=o.headerColours,x=o.paginate,E=void 0!==x&&x,C=o.itemsPerPage,w=void 0===C?30:C,N=se(se(se({},Ee()),ye()),Pe()),k=t(1),B=k[0],I=k[1],S=r((function(){return!!(E&&((null==s?void 0:s.length)||0)>w)}),[w,E,s]),T=t(S?s.slice(0,w):s),L=T[0],R=T[1],F=n((function(e,t){I(t)}),[]);return a((function(){R(S?s.slice(w*(B-1),w*B):s)}),[S,w,B,s]),e.createElement(e.Fragment,null,e.createElement(g,{className:N.tableStyles+" "+(S?N.contentBreak:"")+" "+(b||"")},c?e.createElement(f,null,e.createElement(p,null,c.map((function(t,r){return e.createElement(Le,{align:m[r]||"centerJustify",key:"header-cell-"+r,headerColours:y},t)})))):null,e.createElement(h,null,L?L.length?L.map((function(t,r){var n=!!t.onClick;return e.createElement(Re,{rowBorderSeparation:l,className:n?N.pointer:void 0,key:"row-"+r,onClick:n?t.onClick:void 0},t.row.map((function(t,n){return e.createElement(Le,{align:v[n]||"centerJustify",className:l&&L.length!==r+1?N.bottomBorder:void 0,key:"row-"+r+"-cell-"+n},t)})))})):e.createElement(Fe,{colSpan:(null==c?void 0:c.length)||0},"Table is empty"):e.createElement(Fe,{colSpan:(null==c?void 0:c.length)||0},e.createElement(Be,null)))),S?e.createElement(H,{className:N.flexCenter,count:Math.ceil(s.length/w),page:B,onChange:F,shape:"rounded",showFirstButton:!0,showLastButton:!0}):null)},Ae=i((function(e){return{logoContainer:{width:"3rem",height:"3rem",display:"flex",justifyContent:"center",alignItems:"center"},logo:{width:"100%",height:"100%","& > div":{width:"100%",height:"100%"},"& > svg":{width:"100%",height:"100%"}},logoInBreadcrumb:{width:"2rem",height:"2rem",margin:"0.125rem 0 0.125rem 0.313rem"},logoSpacing:{marginRight:e.spacing(1)},flexItemsCenter:{display:"flex",alignItems:"center"},nonPrimaryBreadcrumbOffset:{marginLeft:"2.5rem"},BreadcrumbsContainer:{height:"2.25rem",marginLeft:"0.875rem",marginRight:"1.5rem"},primaryBreadcrumbItem:function(t){var r=t.primary;return{backgroundColor:(null==r?void 0:r.background)||e.palette.common.white,color:(null==r?void 0:r.color)||e.palette.text.primary,borderRadius:"2rem",zIndex:3,height:"100%",display:"flex",alignItems:"center"}},secondaryBreadcrumbItem:function(t){var r=t.secondary;return{height:"2.25rem",backgroundColor:(null==r?void 0:r.background)||"#D7D4E4",borderRadius:"2rem",zIndex:2,marginLeft:"-2rem",color:(null==r?void 0:r.color)||e.palette.text.primary}},tertiaryBreadcrumbItem:function(t){var r=t.tertiary;return{height:"2.25rem",backgroundColor:(null==r?void 0:r.background)||"#D7D4E4",borderRadius:"2rem",zIndex:1,marginLeft:"-2rem",color:(null==r?void 0:r.color)||e.palette.common.white}},breadCrumbShadow:{boxShadow:e.shadows[2]},breadcrumbRightMargin:{marginRight:"1rem"},breadcrumbTextOverflow:{display:"block",overflow:"hidden",textOverflow:"ellipsis",maxWidth:"12rem"},boldText:{fontWeight:500},activeBreadcrumb:function(t){var r=t.tertiary;return{backgroundColor:(null==r?void 0:r.background)||"#D7D4E4",color:(null==r?void 0:r.color)||e.palette.common.white}},noWrap:{whiteSpace:"nowrap"},fullBorderRadius:{borderRadius:"100%"}}})),De=function(t){var r=t.logo,n=t.content,a=t.colors,o=Ae(se({},a||{})),i=n.first,l=void 0===i?null:i,d=n.second,m=void 0===d?null:d,u=n.third,p=void 0===u?null:u;return e.createElement(s,{className:o.BreadcrumbsContainer+" "+o.flexItemsCenter},e.createElement(s,{className:(l?o.primaryBreadcrumbItem+" "+o.breadCrumbShadow:"")+" "+o.flexItemsCenter},e.createElement(b,{component:V,to:"/",className:o.logoSpacing},e.createElement(s,{className:o.logoContainer+" \n            "+(l?o.logoInBreadcrumb:"")},e.createElement(y,{className:o.logo+" "+o.fullBorderRadius},r))),l&&e.createElement(c,{color:"textPrimary",className:o.boldText+" "+o.noWrap+" "+o.primaryBreadcrumbItem},e.createElement(b,{underline:"none",component:V,to:l.link,color:"inherit",className:o.breadcrumbRightMargin+" "+o.breadcrumbTextOverflow},l.name))),m&&e.createElement(s,{className:o.flexItemsCenter+" "+o.secondaryBreadcrumbItem+" "+o.breadCrumbShadow+" "+(p?"":o.activeBreadcrumb)},e.createElement(c,{color:"inherit",className:o.boldText+" "+o.noWrap},e.createElement(b,{component:V,underline:"none",to:m.link,color:"inherit",className:o.nonPrimaryBreadcrumbOffset+" "+o.breadcrumbRightMargin+" "+o.breadcrumbTextOverflow},m.name))),p&&e.createElement(s,{className:o.flexItemsCenter+" "+o.tertiaryBreadcrumbItem+" "+o.breadCrumbShadow},e.createElement(c,{color:"inherit",className:o.boldText+" "+o.noWrap},e.createElement(b,{component:V,underline:"none",to:p.link,color:"inherit",className:o.nonPrimaryBreadcrumbOffset+" "+o.breadcrumbRightMargin+" "+o.breadcrumbTextOverflow},p.name))))},Oe=i((function(e){return{container:{marginRight:e.spacing(-1.5),marginLeft:e.spacing(-1.5)},svgContainer:{marginLeft:"auto",marginRight:"auto"},button:{display:"block",textDecoration:"none",borderRadius:"14px",height:"100%",width:"100%",textAlign:"center"},orgLabel:{padding:e.spacing(1),paddingTop:0}}})),Me=function(t){var r=t.entities,n=t.icon,a=t.loadingMessage,o=void 0===a?"Loading list...":a,i=t.emptyMessage,d=void 0===i?"List is empty":i,m=t.onClick,u=se(se(se({},Oe()),ye()),xe());return e.createElement(s,{className:u.container},r?r.length?e.createElement(x,{container:!0,spacing:3},r.map((function(t,r){return e.createElement(x,{key:t.name+"-"+r,item:!0,xs:4,md:3},e.createElement(l,se({className:u.button,key:t.name},m?{onClick:function(){return m(t)}}:{component:V,to:t.link}),e.createElement(s,{className:u.svgContainer+" "+u.labelBreak},n(t)),e.createElement(c,{className:u.orgLabel,variant:"body1"},t.name)))}))):e.createElement(c,{className:u.centerText,variant:"body2",color:"textSecondary"},d):e.createElement(Be,{text:o}))},ze=function(t){var r=t.text,n=void 0===r?"Something went wrong":r,a=se(se({},ye()),Ee());return e.createElement(s,{className:a.flexCenter},e.createElement(J,{fontSize:"medium",className:a.rightSpacer1,color:"error"}),e.createElement(c,{variant:"body2",color:"textSecondary"},n))},je=i((function(e){return{listIcon:{minWidth:"auto",paddingRight:"0.25rem"},mainIconSize:{fontSize:"1rem"},mainIconMarginAdjustment:{marginTop:"3px"},textOverflowElipsis:{overflow:"hidden",textOverflow:"ellipsis"},mainListItem:function(t){return{padding:"8px 24px 8px 16px",alignItems:"flex-start",backgroundColor:t.mainBackground||e.palette.common.white,color:t.mainText||e.palette.text.primary,borderRadius:e.spacing(.6),"&:hover":{backgroundColor:t.mainHover||e.palette.action.hover}}},mainIconColor:function(t){return{color:t.mainIcon||e.palette.grey[500]}},activeMainIconColor:function(e){return{color:e.mainActiveText||"#8FC1FF"}},subListItem:function(t){return{backgroundColor:t.subItemBackground||"#FFFFFF",color:t.subItemText||e.palette.text.secondary,borderRadius:"8px","&:hover":{backgroundColor:t.subItemHover||"rgba(143,193,255,0.3)"}}},activeSubListItem:function(e){return{backgroundColor:e.subItemActiveBackground||"#FFFFFF",color:e.subItemActiveText||"#8FC1FF","&:hover":{backgroundColor:e.subItemActiveHover||"rgba(143,193,255,0.3)"}}},subItemBorder:{borderLeft:"1px solid "+e.palette.grey[600],marginLeft:"1px",marginRight:"1px",width:"100%",height:"100%"},relativeWrapper:{position:"relative"},subItemBorderMask:function(e){return{borderLeft:"3px solid "+(e.subItemActiveText||"#8FC1FF"),borderRadius:"1px",position:"absolute",top:"50%",bottom:"50%",transition:"all 0.2s ease-in-out"}},activeSubItemBorder:{top:"0 !important",bottom:"0 !important"},subItemWrapper:{display:"flex",marginLeft:"13px",marginRight:"16px"},noYMargin:{marginTop:"unset",marginBottom:"unset"}}})),He=function(e,t){return!!e.split("/").includes(t)},Ke=function(r){var n,a,o=r.mainItem,i=r.subItems,l=r.config,d=r.Icon,m=se(se(se({},xe()),ye()),je(se(se({},(null===(n=l.secondary)||void 0===n?void 0:n.mainItemColors)||{}),(null===(a=l.secondary)||void 0===a?void 0:a.subItemColors)||{}))),u=U(),p=He(u.pathname,o.id),g=t(!!(null==i?void 0:i.length)&&p),f=g[0],h=g[1];return e.createElement(e.Fragment,null,e.createElement(E,{button:!0,dense:!0,className:m.mainListItem,component:V,to:o.route},e.createElement(C,{className:m.listIcon+" "+m.mainIconMarginAdjustment+" "+m.rightSpacer1},e.createElement(d,{id:"second-nav-item",styling:m.mainIconSize+"  "+m.mainIconColor+" "+(p?m.activeMainIconColor:"")})),e.createElement(w,{disableTypography:!0,className:m.noYMargin,primary:e.createElement(c,{variant:"body2",className:m.bolderText+" "+m.textOverflowElipsis,color:"inherit"},o.name,(null==i?void 0:i.length)?e.createElement(c,{component:"span",variant:"body2",className:m.bolderText,color:"inherit"}," ","(",i.length,")"):null)}),(null==i?void 0:i.length)?e.createElement(C,{className:m.listIcon,onClick:function(e){e.preventDefault(),e.stopPropagation(),h((function(e){return!e}))}},f?e.createElement(Y,null):e.createElement(q,null)):null),(null==i?void 0:i.length)?e.createElement(N,{in:f,timeout:"auto",unmountOnExit:!0},e.createElement(k,{component:"div",disablePadding:!0},i.map((function(t){var r=t.name,n=t.route,a=t.id;return e.createElement(s,{key:a,className:m.subItemWrapper},e.createElement(s,{className:m.relativeWrapper+" "+m.rightSpacer1},e.createElement(s,{className:m.subItemBorder+" "}),e.createElement(s,{className:m.subItemBorderMask+" "+(He(u.pathname,a)?m.activeSubItemBorder:"")+" "})),e.createElement(E,{key:n,component:V,to:n,button:!0,dense:!0,className:m.subListItem+" "+(He(u.pathname,a)?m.activeSubListItem:"")},e.createElement(w,{disableTypography:!0,primary:e.createElement(c,{variant:"body2",className:m.textOverflowElipsis,color:"inherit"},r)})))})))):null)};function Ve(e){return e.sort((function(e,t){return+t.startDate.split("T")[0].replaceAll("-","")-+e.startDate.split("T")[0].replaceAll("-","")}))}var Ue=function(e,t,r){return r?e.toISOString()===t.toISOString():e===t},Ge=i((function(e){return{secondaryNavWrapper:{height:"100%",width:"300px",background:"white",overflowY:"auto",overflowX:"hidden",borderTopRightRadius:"14px",borderBottomRightRadius:"14px",marginLeft:"-16px",paddingLeft:"16px",border:"1px solid "+e.palette.grey[300],boxShadow:"0 2px 4px 0 rgba(0, 0, 0, 0.3)",boxSizing:"border-box"},titleWrapper:{marginTop:"24px",display:"flex",alignItems:"center",paddingLeft:"16px",paddingRight:"16px"},title:{fontSize:"18px",fontWeight:500,color:function(e){return e.titleColor||"#8FC1FF"}},titleIcons:{color:function(e){return e.titleIconColor||"#8FC1FF"}},closeButton:{marginLeft:"auto"},archivedSeparator:{paddingLeft:"8px",color:e.palette.grey[500]},archivedBorder:{marginTop:"3rem",border:"1px solid "+e.palette.grey[200],width:"33%",marginLeft:"8px"},listWrapper:{marginLeft:e.spacing(1),marginRight:e.spacing(1)}}})),Je=function(t){var r,n,a,o,i=t.secondaryNavItems,l=t.primaryNavItems,d=t.expandedOptions,m=t.setExpandedOptions,u=t.config,p={titleColor:null===(r=u.secondary)||void 0===r?void 0:r.titleColor,titleIconColor:null===(n=u.secondary)||void 0===n?void 0:n.titleIconColor},g=se(se(se({},ye()),xe()),Ge(p)),f=G(),h=i[d.view];if(!h)return null;var v=l.find((function(e){return e.field===d.view})).Icon;return e.createElement(s,{className:g.secondaryNavWrapper},e.createElement(s,{className:g.titleWrapper},e.createElement(c,{className:g.rightSpacer1+" "+g.title},d.view),h.button?e.createElement(B,{className:g.titleIcons,size:"small",type:"button",onClick:function(){return f.push(h.button.url)}},e.createElement(Z,null)):null,e.createElement(B,{className:g.titleIcons+" "+g.closeButton,size:"small",type:"button",onClick:function(){return m({view:"",expanded:!1})}},(null===(a=u.secondary)||void 0===a?void 0:a.closeButtonSvg)||e.createElement($,null))),e.createElement(k,{className:g.listWrapper,component:"div"},Ve(h.items).map((function(t){return e.createElement(Ke,se({key:t.mainItem.route},t,{config:u,Icon:v}))})),(null===(o=h.archivedItems)||void 0===o?void 0:o.length)?e.createElement(e.Fragment,null,e.createElement(s,{className:g.archivedBorder+" "+g.contentBreak}),e.createElement(c,{variant:"body2",className:g.archivedSeparator+" "+g.bolderText},"Archived ",d.view),Ve(h.archivedItems).map((function(t){return e.createElement(Ke,se({key:t.mainItem.route},t,{config:u,Icon:v}))}))):null))},Ye=i((function(e){return{primaryNavContainer:function(e){return{background:e.background||"linear-gradient(to bottom, #253a68 40%, #73c4ca)",border:"2px solid "+(e.activeBorderColor||"#8FC1FF"),borderLeft:"none",borderTopRightRadius:"14px",borderBottomRightRadius:"14px",minWidth:"4.5rem",overflowY:"auto",overflowX:"hidden"}},listWrapper:{display:"flex",flexDirection:"column",paddingTop:0},itemWrapper:{display:"flex",flexDirection:"column",padding:"0.75rem 0.5rem 0.5rem 0.5rem"},itemBorder:{borderRight:function(e){return"6px solid "+(e.activeBorderColor||"#8FC1FF")},position:"absolute",bottom:"50%",top:"50%",transition:"all 0.2s ease-in-out",right:"-3px"},activeBorder:{top:"15%",bottom:"15%"},iconWrapper:{minWidth:0,marginBottom:"4px",position:"relative"},itemName:{fontSize:"0.7rem"},textColour:{color:function(e){return e.text||"#FFFFFF"}},activeTextColour:{color:function(e){return e.activeText||"#8FC1FF"}},lastItem:{marginTop:"auto"}}})),qe=function(t){var r=t.expandedOptions,n=t.setExpandedOptions,a=t.navigationLinks,o=t.config,i=U(),l=Ye(se({},o.primary||{})),d=function(e,t){return""===r.view?i.pathname===t||!(e===o.rootRouteName||!i.pathname.startsWith(t)):r.view===e};return e.createElement(k,{className:l.primaryNavContainer+" "+l.listWrapper},a.map((function(t,r,a){var i;return e.createElement(E,se({key:t.field,button:!0,className:l.itemWrapper+" "+l.textColour+" "+((null===(i=o.primary)||void 0===i?void 0:i.moveLastItemToBottom)&&r===a.length-1?l.lastItem:"")},t.hasSecondary?{}:{component:V,to:t.path},{onClick:function(){n({view:t.field,expanded:!!t.hasSecondary})}}),e.createElement(C,{className:l.iconWrapper},e.createElement(t.Icon,{styling:l.textColour+" "+(d(t.field,t.path)?l.activeTextColour:"")})),e.createElement(c,{variant:"caption",className:l.itemName+" "+l.textColour+" "+(d(t.field,t.path)?l.activeTextColour:"")},t.field),e.createElement(s,{className:l.itemBorder+" "+(d(t.field,t.path)?l.activeBorder:"")}))})))},Xe=i({leftNavContainer:{height:"100%",display:"flex",position:"relative",width:"max-content"}}),Qe=function(r){var n=r.primaryNavItems,o=r.secondaryNavItems,i=r.config,l=t({view:"",expanded:!1}),c=l[0],d=l[1],m=Xe(),u=U(),p=n.reduce((function(e,t){return t.hasSecondary?pe(pe([],e,!0),[t.field],!1):e}),[]);return a((function(){d((function(e){return p.includes(e.view)&&!0===e.expanded?e:{view:"",expanded:!1}}))}),[u.pathname]),e.createElement(s,{component:"nav",className:m.leftNavContainer},e.createElement(qe,{expandedOptions:c,setExpandedOptions:d,navigationLinks:n,config:i}),c.expanded&&e.createElement(Je,{secondaryNavItems:o,primaryNavItems:n,expandedOptions:c,setExpandedOptions:d,config:i}))},$e=i((function(e){return{remainingHeightBox:{position:"absolute",top:"4rem",bottom:0,left:0,right:0,display:"flex"},fullHeightFlexbox:{display:"flex",height:"100%"},relativeContainer:{position:"relative"},scrollWrapper:{overflow:"auto"},componentWrapper:{padding:e.spacing(2),paddingBottom:e.spacing(2),position:"relative"}}})),Ze=function(t){var r=t.sideNavigation,n=t.children,a=t.desktopWidth,o=$e();return e.createElement(s,{className:o.remainingHeightBox},r?e.createElement(s,{className:o.fullHeightFlexbox+" "+o.relativeContainer},r):null,e.createElement(I,{disableGutters:!0,maxWidth:!1,className:o.scrollWrapper},e.createElement(I,{disableGutters:!0,maxWidth:a?"xl":"lg",className:o.componentWrapper},n)))},_e=function(e,t,r){void 0===r&&(r=250);var o=n(e,t);a((function(){var e=setTimeout(o,r);return function(){return clearTimeout(e)}}),[o,r])},et=function(e,t){var r=o();a((function(){r.current=e})),a((function(){if(null!==t){var e=setInterval((function(){r.current&&r.current()}),t);return function(){return clearInterval(e)}}}),[t])},tt=i((function(e){return{divider:{background:e.palette.primary.main,height:"0.2rem"},letterHeader:{cursor:"default",color:e.palette.primary.main,marginTop:"1rem"},listItem:{borderRadius:"14px",border:"1px solid "+e.palette.grey[300],marginBottom:"0.5rem",paddingLeft:"24px",boxShadow:e.shadows[1]},topMargin:{marginTop:e.spacing(2),display:"block"}}})),rt=function(t){var r=t.array,n=t.sortFn,a=t.sortKey,o=void 0===a?"name":a,i=t.buttonClick,l=t.linkTo,s=t.ItemTemplate,d=t.arrayKey,m=void 0===d?"id":d,u=t.loadingMessage,p=void 0===u?"Loading list...":u,g=t.emptyMessage,f=void 0===g?"List is empty":g,h=t.alphabetisedHeader,v=void 0===h||h,b=se(se(se({},tt()),ye()),Ee());if(void 0===r)return e.createElement(Be,{styling:b.topMargin,text:p});if(!(null==r?void 0:r.length))return e.createElement(c,{className:b.topMargin,align:"center",variant:"body2",color:"textSecondary"},f);var y=n?pe([],r,!0).sort(n):r,x="";return e.createElement(k,{className:b.limitWidth50rem},y.map((function(t,r){var n,a=!1;if(v){var d=((null===(n=t[o])||void 0===n?void 0:n[0])||"???").toLowerCase();d!==x&&(x=d,a=!0)}return e.createElement(e.Fragment,{key:t[m]||"alphabetical-list-"+r},v&&a?e.createElement(e.Fragment,null,e.createElement(c,{className:""+b.letterHeader,align:"left"},x.toUpperCase()),e.createElement(S,{className:b.contentBreak+" "+b.divider})):null,e.createElement(E,se({className:b.listItem,alignItems:"flex-start",button:!(!i&&!l)||void 0,onClick:i?function(){return i(t)}:void 0},l&&!i?{component:V,to:l(t)}:{}),e.createElement(s,{item:t})))})))},nt=i((function(e){return{searchBox:{display:"flex",alignContent:"center",alignItems:"center",padding:"8px",border:"2px solid "+e.palette.grey[300],borderRadius:"14px"},searchField:{borderRadius:"14px",width:"100%",background:function(e){return e.background||"RGBA(179, 213, 235, 0.1)"},height:"46px",paddingLeft:"24px",color:e.palette.grey[600]},searchIcon:{color:e.palette.grey[600]}}})),at=function(r){var n=r.array,o=r.sortFn,i=r.sortKey,l=void 0===i?"name":i,c=r.buttonClick,d=r.linkTo,m=r.ItemTemplate,u=r.arrayKey,p=void 0===u?"id":u,g=r.loadingMessage,f=void 0===g?"Loading list...":g,h=r.emptyMessage,v=void 0===h?"List is empty":h,b=r.inputBackgroundColor,y=r.placeholder,x=r.disabledSearch,E=r.delay,C=void 0===E?500:E,w=r.minQueryLength,N=void 0===w?3:w,k=r.handleOnChange,B=r.searchKeys,I=void 0===B?["name"]:B,S=r.alphabetisedHeader,R=void 0===S||S,F=se(se(se({},ye()),Ee()),nt({background:b})),P=t(""),W=P[0],A=P[1],D=t(!1),O=D[0],M=D[1],z=t(n),j=z[0],H=z[1];return _e((function(){!O&&W.length>=N&&(k?k(W):H(null==n?void 0:n.filter((function(e){var t=I.some((function(t){var r;return null===(r=e[t])||void 0===r?void 0:r.toLowerCase().includes(W.toLowerCase())}));return t}))))}),[W],C),a((function(){H(n)}),[n]),e.createElement(e.Fragment,null,e.createElement(s,{className:F.searchBox+" "+F.limitWidth50rem},e.createElement(T,{disabled:x,type:"text",value:W,placeholder:y||"Enter to search",onChange:function(e){O&&M(!1),A(e.target.value)},className:F.searchField,endAdornment:e.createElement(L,{position:"end",className:F.rightSpacer2},e.createElement(_,{className:F.searchIcon}))})),null!==n&&e.createElement(rt,{array:j,sortFn:o,sortKey:l,buttonClick:c,linkTo:d,ItemTemplate:m,arrayKey:p,loadingMessage:f,emptyMessage:v,alphabetisedHeader:R}))},ot=i((function(e){return{inputField:function(t){var r=t.size;return se({borderRadius:"14px"},"small"===r?e.typography.body2:{})},labelStyles:function(t){var r=t.size;return se({},"small"===r?se(se({transform:"translate(14px, 9px) scale(1) !important"},e.typography.body2),{"&.MuiInputLabel-outlined.MuiInputLabel-shrink":{transform:"translate(15px, -9px) scale(0.75) !important"}}):{})}}})),it=function(t){var r=t.size,n=void 0===r?"small":r,a=t.styling,o=t.numberField,i=t.inputProps,l=void 0===i?{}:i,c=t.InputProps,s=void 0===c?{}:c,d=t.accessLevel,m=t.disabled,u=de(t,["size","styling","numberField","inputProps","InputProps","accessLevel","disabled"]),p=ot({size:n});if(d===be)return null;var g=m;return d===ve&&(g=!0),e.createElement(R,se({className:a||"",disabled:g},u,{inputProps:se({},l),InputProps:se(se({},s),{className:p.inputField,inputComponent:o?lt:void 0}),InputLabelProps:{className:p.labelStyles},variant:"outlined",size:n}))},lt=function(t){var r=t.inputRef,n=t.onChange,a=de(t,["inputRef","onChange"]);return e.createElement(ee,se({},a,{getInputRef:r,onValueChange:function(e){n({target:{name:t.name||"",value:e.value}})},thousandSeparator:!0,decimalScale:2,isNumericString:!0}))},ct=i((function(e){return{listItem:function(t){var r=t.background,n=t.size;return se(se({overflow:"auto",scrollbarWidth:"thin"},"small"===n?e.typography.body2:{}),{"&:hover":{backgroundColor:r+" !important"}})},inputStyles:function(t){var r=t.background,n=t.size;return se(se({borderRadius:"14px !important"},"small"===n?se({paddingTop:"9.5px",paddingBottom:"8.5px"},e.typography.body2):{}),{"&:focus":{backgroundColor:r}})},selectedListItem:function(e){return{"&:focus":{background:e.background+" !important"}}}}})),st=function(t){var r=t.selectOptions,n=t.background,a=void 0===n?"#EFEDFF":n,o=t.size,i=void 0===o?"small":o,l=t.styling,c=t.disabled,s=t.accessLevel,d=de(t,["selectOptions","background","size","styling","disabled","accessLevel"]),m=ct({background:a,size:i});if(s===be)return null;var u=c;return s===ve&&(u=!0),e.createElement(it,se({className:l||""},d,{disabled:u,size:i,SelectProps:{inputProps:{className:m.inputStyles}},select:!0}),r.map((function(t){return e.createElement(F,{key:t.value,value:t.value,className:m.listItem,classes:{selected:m.selectedListItem}},t.description)})))},dt=function(t){var r=t.styling,n=t.format,a=void 0===n?"dd MMM yyyy":n,o=t.minDate,i=void 0===o?new Date("1856-09-25"):o,l=t.accessLevel,c=t.disabled,s=de(t,["styling","format","minDate","accessLevel","disabled"]);if(l===be)return null;var d=c;return l===ve&&(d=!0),e.createElement(te,{utils:ae},e.createElement(re,se({className:r||""},s,{disabled:d,inputVariant:"outlined",autoOk:!0,format:a,minDate:i,TextFieldComponent:it})))},mt=function(t){var r=t.styling,n=t.format,a=void 0===n?"dd/MM/yyyy":n,o=t.minDate,i=void 0===o?new Date("1856-09-25"):o,l=t.accessLevel,c=t.disabled,s=de(t,["styling","format","minDate","accessLevel","disabled"]);if(l===be)return null;var d=c;return l===ve&&(d=!0),e.createElement(te,{utils:ae},e.createElement(ne,se({className:r||""},s,{disabled:d,inputVariant:"outlined",autoOk:!0,allowKeyboardControl:!0,animateYearScrolling:!0,format:a,minDate:i,TextFieldComponent:it})))},ut=i((function(e){return{confirmWrapper:{display:"inline-block"},confirmContainer:{display:"flex",alignItems:"center"},whiteText:{color:e.palette.common.white}}})),pt=function(r){var n=r.children,a=r.onClick,o=r.styling,i=r.disabled,l=void 0!==i&&i,d=r.variant,m=void 0===d?"outlined":d,u=r.color,p=void 0===u?"primary":u,g=r.accessLevel,f=void 0===g?"":g,h=de(r,["children","onClick","styling","disabled","variant","color","accessLevel"]),v=se(se({},ye()),ut()),b=t(!1),y=b[0],x=b[1],E=t(!1),C=E[0],w=E[1];return et((function(){return x(!1)}),!y||C?null:4500),[be,ve].includes(f)?null:y?e.createElement(s,{className:v.confirmWrapper},e.createElement(s,{className:v.confirmContainer},e.createElement(c,{className:v.rightSpacer1,variant:"body1"},"Are you sure?"),e.createElement(we,se({},h,{type:"button",onClick:function(e){w(!0),a(e)},variant:"contained",styling:v.whiteText,disabled:l,color:p}),"Confirm"))):e.createElement(we,{type:"button",variant:m,disabled:l,styling:o,color:p,onClick:function(){return x(!0)}},n)},gt=function(e){var t=e.toString().length;return t?t+1+Math.floor(t/3)/3+"ch":"6ch"},ft=i((function(e){return{inputBase:function(e){return{height:"unset",padding:0,textAlign:e.textAlign||"center"}},startAdornment:{color:e.palette.text.secondary},modifiedUnderline:{"&:not(.Mui-disabled):before":{borderBottom:"none",transition:"none"},"&:hover:not(.Mui-disabled):before":{borderBottom:"1px solid "+e.palette.grey[500]+" !important"}},body2Text:se({},e.typography.body2),dateFieldWidth:{width:"8ch"},fullDateWidth:{width:"11ch"},justifyStart:{justifyContent:"flex-start"},justifyCenter:{justifyContent:"center"},justifyEnd:{justifyContent:"flex-end"},totalContainer:{display:"flex",alignItems:"center",cursor:"default"},selectFocusBackground:{"&:focus":{backgroundColor:"unset"}}}})),ht=function(t){var r=t.error,n=t.disabled,a=t.value,o=t.onBlur,i=t.onChange,l=t.prefix,s=t.suffix,d=t.numberField,m=void 0!==d&&d,u=t.textAlign,p=ft({textAlign:u});return"string"==typeof a||"number"==typeof a?e.createElement(R,{error:!!r,inputProps:{className:p.inputBase,style:{width:gt(a)}},value:a,onChange:i,onBlur:o,InputProps:{startAdornment:l?e.createElement(L,{position:"end",className:p.startAdornment},l):null,endAdornment:s?e.createElement(L,{position:"start",className:p.startAdornment},s):null,inputComponent:m?lt:void 0,className:p.body2Text+" "+p.modifiedUnderline},helperText:r||void 0,disabled:n}):e.createElement(c,{variant:"body2"},"Incorrect value type")},vt=function(t){return e.createElement(ht,se({},se(se({},t),{numberField:!0})))},bt=m(u({root:{padding:"3px"}}))(P),yt=function(t){var r=t.disabled,n=t.fullDate,a=void 0!==n&&n,o=t.value,i=t.error,l=t.onChange,c=t.onBlur,s=t.textAlign,d=ft({textAlign:s});return e.createElement(te,{utils:ae},e.createElement(re,{disabled:r,views:a?void 0:["year","month"],value:o,autoOk:!0,format:a?"dd MMM yyyy":"MMM yyyy",InputProps:{className:d.body2Text+" "+d.modifiedUnderline},inputProps:{className:d.inputBase+" "+(a?d.fullDateWidth:d.dateFieldWidth)},error:!!i,helperText:i||void 0,onChange:l,onBlur:c}))},xt=function(t){return e.createElement(yt,se({},t))},Et=function(t){return e.createElement(yt,se({},t,{fullDate:!0}))},Ct=function(t){var r=t.value,n=t.disabled,a=t.onChange;return e.createElement(P,{disabled:n,checked:r,onChange:a,color:"primary",size:"small"})},wt=function(t){return e.createElement(Ct,se({},t))},Nt=function(t){var r=t.text,n=t.numberField,a=void 0!==n&&n,o=t.prefix,i=void 0===o?null:o,l=t.suffix,c=void 0===l?null:l,d=t.textAlign,m=ft({});return e.createElement(s,{className:m.totalContainer+" "+m.body2Text+" "+("left"===d?m.justifyStart:"right"===d?m.justifyEnd:m.justifyCenter)},i&&i,e.createElement(s,{className:m.body2Text},a?e.createElement(ee,{value:r,displayType:"text",thousandSeparator:!0,isNumericString:!0,decimalScale:2}):r),c&&c)},kt=function(t){var r=t.error,n=t.value,a=t.onBlur,o=t.onChange,i=t.selectOptions,l=t.disabled,c=ft({});return e.createElement(W,{margin:"none",error:!!r},e.createElement(A,{className:c.body2Text+" "+c.modifiedUnderline,inputProps:{className:c.selectFocusBackground},value:n,onChange:o,onBlur:a,disabled:l},Object.entries(i).map((function(t){var r=t[0],n=t[1];return e.createElement(F,{className:c.body2Text,key:r,value:r},n)}))),r&&e.createElement(D,null,r))},Bt=function(t){var r=t.error,n=t.value,a=t.onBlur,o=t.onChange,i=t.selectOptions,l=t.disabled,c=t.renderValue,s=ft({});return e.createElement(W,{margin:"none",error:!!r},e.createElement(A,{className:s.body2Text+" "+s.modifiedUnderline,inputProps:{className:s.selectFocusBackground},value:n,onChange:o,onBlur:a,disabled:l,renderValue:c,multiple:!0},Object.entries(i).map((function(t){var r=t[0],n=t[1];return e.createElement(F,{className:s.body2Text,key:r,value:r},n)}))),r&&e.createElement(D,null,r))},It=i((function(e){return{newRowHighlight:{backgroundColor:"#73c4ca30"},editedCellHighlight:{backgroundColor:"#5840f52e",backgroundClip:"padding-box"},editedBorder:{border:"3px solid #5840f52e",borderWidth:"2px 4px"},errorBorder:{border:"3px solid "+e.palette.error.light,borderWidth:"2px 4px"},emptyLoadingPadding:{paddingTop:"0.75rem",paddingBottom:"0.75rem"},centeredText:{textAlign:"center"},paginationPadding:{paddingTop:"1rem",paddingBottom:"1rem"}}})),St=function(r){var n=r.value,o=void 0===n?"":n,i=r.row,l=i.index,c=i.values,s=i.original,d=r.column.id,m=r.syncCellWithState,u=r.setRows,p=r.fieldConfig,g=r.disabled,f=p[d],h=f.validationRule,v=f.isCheckbox,b=f.isDateField,y=f.customRenderFn,x=f.prefix,E=f.suffix,C=f.textAlign,w=f.onBlur,N=f.onChangeValueModifier,k=t(!1),B=k[0],I=k[1],S=t(o),T=S[0],L=S[1],R=v,F=function(e){if(h)try{h.validateSync(e),B&&I(!1)}catch(e){!B&&I(e.message)}},P=function(e){return me(void 0,void 0,void 0,(function(){return ue(this,(function(t){switch(t.label){case 0:return R?m(l,d,e,!1):m(l,d,T,!!B),!w||!u||B||Ue(c[d],T,b)?[3,2]:[4,w(l,T,u)];case 1:t.sent(),t.label=2;case 2:return[2]}}))}))};a((function(){L(o),F(o)}),[o]);var W,A={value:T,values:c,disabled:g,error:B,onChange:function(e){var t;if(b){t=e;var r=N?N(t):t;return L(r),void F(r)}t=e;var n=R?t.target.checked:t.target.value;R?(L(n),P(n)):(L(n),F(n))},onBlur:P,prefix:x,suffix:E,textAlign:C,originalValues:s};return y?y(A):(W=A,e.createElement(ht,se({},se({},W))))},Tt=function(t){var n=t.tableRows,o=t.tableHeaders,i=t.syncCellWithState,l=t.setRows,d=void 0===l?void 0:l,m=t.skipPageReset,u=t.fieldConfig,b=t.disabled,y=void 0!==b&&b,x=t.setSelectedRows,E=t.includeRowSelect,C=void 0===E||E,w=t.filterData,N=t.filterTypes,k=t.emptyTableText,B=void 0===k?"Table is empty":k,I=t.paginate,S=void 0!==I&&I,T=t.defaultPageSize,L=void 0===T?50:T,R=It(),F=r((function(){return[]}),[]),P=e.useMemo((function(){return{Cell:St}}),[]),W=oe({columns:o,data:n||F,defaultColumn:P,autoResetPage:!m,filterTypes:N,initialState:{pageSize:S?L:void 0},syncCellWithState:i,setRows:d,fieldConfig:u,disabled:y},ie,le,ce,(function(t){C&&t.visibleColumns.push((function(t){return pe([{id:"selection",Header:function(t){var r=t.getToggleAllRowsSelectedProps,n=t.getToggleAllPageRowsSelectedProps;return e.createElement(bt,se({},S?n():r(),{disabled:y,size:"small"}))},Cell:function(t){var r=t.row;return e.createElement(bt,se({},r.getToggleRowSelectedProps(),{disabled:y,size:"small"}))}}],t,!0)}))})),A=W.getTableProps,D=W.getTableBodyProps,O=W.headerGroups,M=W.rows,z=W.page,j=W.prepareRow,H=W.state,K=H.selectedRowIds,V=H.pageIndex,U=W.setFilter,G=W.canPreviousPage,J=W.canNextPage,Y=W.pageCount,q=W.nextPage,X=W.previousPage;a((function(){w&&U(w.filterRow,w.filterValues)}),[w]),a((function(){x&&x(Object.keys(K).map((function(e){return+e})))}),[K]);var Q=S?z:M;return e.createElement(e.Fragment,null,e.createElement(g,se({},A()),e.createElement(f,null,O.map((function(t){return e.createElement(p,se({},t.getHeaderGroupProps()),t.headers.map((function(t,r){return e.createElement(v,se({},t.getHeaderProps(),{align:t.textAlign||"center",padding:0===(C&&r)?"checkbox":"normal"}),t.render("Header"))})))}))),e.createElement(h,se({},D()),Q.map((function(t){return j(t),e.createElement(p,se({hover:!0},t.getRowProps(),{className:("NEW"===t.original.rowStatus?R.newRowHighlight:"")+" "+("EDITED"===t.original.rowStatus?R.editedBorder:"")+"\n              "+(t.original.hasOwnProperty("errors")&&Object.values(t.original.errors).includes(!0)?R.errorBorder:"")}),t.cells.map((function(t,r){return e.createElement(v,se({},t.getCellProps(),{align:t.column.textAlign||"center",className:"EDITED"===t.row.original.rowStatus&&t.row.original.edited[t.column.id]?R.editedCellHighlight:"",padding:0===(C&&r)?"checkbox":"normal"}),t.render("Cell"))})))})))),null===n?e.createElement(s,{className:R.emptyLoadingPadding},e.createElement(Be,null)):null,n&&!n.length?e.createElement(s,{className:R.emptyLoadingPadding+" "+R.centeredText},e.createElement(c,{variant:"body2"},B)):null,S&&(null==n?void 0:n.length)?e.createElement("div",{className:R.paginationPadding},e.createElement("button",{onClick:function(){return X()},disabled:!G},"<")," ",e.createElement("button",{onClick:function(){return q()},disabled:!J},">")," ",e.createElement("span",null,"Page"," ",e.createElement("strong",null,V+1," of ",Y))):null)},Lt=i((function(e){return{alertStyling:{borderRadius:"14px"},closeButton:{color:e.palette.text.secondary,marginRight:e.spacing(2)},showCursor:{cursor:"pointer"}}})),Rt=function(t){var r=t.alertActionHandler,n=t.formStatus,a=t.actionButton,o=t.alertMessage,i=t.addBreak,c=void 0===i||i,s=t.styling,d=se(se({},ye()),Lt());return e.createElement(N,{in:[ge,fe,he].includes(n)},e.createElement(K,{onClick:r,className:d.alertStyling+" "+(c?d.sectionBreak:"")+" "+(s||"")+" "+(r?d.showCursor:""),severity:n===fe?fe:n===ge?ge:he,action:a?e.createElement(l,{className:d.closeButton,"aria-label":"close",color:"inherit",size:"small",onClick:function(e){e.stopPropagation(),a.handler()}},a.text):null},o))},Ft=i((function(e){return{greyBox:{backgroundColor:e.palette.grey[200],display:"flex",justifyContent:"center",alignItems:"center",padding:"1.5rem",borderRadius:"14px",position:"relative",height:"13.25rem"},widthLimiter:{width:"100%",maxWidth:"28rem",marginLeft:"auto",marginRight:"auto"},hiddenInput:{display:"none"},buttonColor:{backgroundColor:e.palette.primary.main},iconStyling:{color:e.palette.common.white,fontSize:"3rem"},sectionBreak:{marginBottom:e.spacing(3)},dropBox:{height:"100%",width:"100%",display:"flex",justifyContent:"center",alignItems:"center"},dropArrowStyling:{color:e.palette.text.secondary,fontSize:"3rem"},topLeftArrow:{position:"absolute",top:0,left:0,transform:"rotate(45deg)"},topRightArrow:{position:"absolute",top:0,right:0,transform:"rotate(135deg)"},bottomLeftArrow:{position:"absolute",bottom:0,left:0,transform:"rotate(-45deg)"},bottomRightArrow:{position:"absolute",bottom:0,right:0,transform:"rotate(225deg)"},hiddenDisplay:{display:"none"},loadingCircle:{marginLeft:e.spacing(1)},roundedAvatarButton:{borderRadius:"100%"},roundedAvatar:{width:"16vmax",height:"16vmax",maxWidth:"13rem",maxHeight:"13rem"},organisationImage:{maxWidth:"8rem",minWidth:"5rem",maxHeight:"8rem"}}})),Pt=function(r){var n=r.id,o=void 0===n?"image-upload":n,i=r.url,m=r.roundedAvatar,u=void 0!==m&&m,p=r.handleSaveImage,g=r.alt,f=r.accessLevel,h=se(se({},Ft()),ye()),v=t(!!i),b=v[0],y=v[1],x=t("enabled"),E=x[0],C=x[1],w=t(null),N=w[0],k=w[1];if(a((function(){i&&y(!0)}),[i]),f===be)return null;var I=!1;f===ve&&(I=!0);var S,T=function(e,t){return me(void 0,void 0,void 0,(function(){var r,n;return ue(this,(function(a){switch(a.label){case 0:return I?[2]:(k(null),"input"!==e?[3,4]:(r=t.target).files&&r.files[0]?[4,L(r.files[0])]:[3,2]);case 1:return a.sent(),[3,3];case 2:C(fe),y(!!i),a.label=3;case 3:return[3,7];case 4:return"dragDrop"!==e?[3,7]:(n=t.dataTransfer).files&&n.files[0]?[4,L(n.files[0])]:[3,6];case 5:return a.sent(),[3,7];case 6:C(fe),y(!!i),a.label=7;case 7:return[2]}}))}))},L=function(e){return me(void 0,void 0,void 0,(function(){var t,r,n;return ue(this,(function(a){switch(a.label){case 0:return C("loading"),e.size>=524288?(k("Image size should be less than 0.5MB"),C(fe),y(!!i),[2]):(t=e.name.split(".")[1].toLowerCase(),["png","jpg","jpeg"].includes(t)?[4,e.arrayBuffer()]:(k("Please provide an image in png, jpg or jpeg format"),C(fe),y(!!i),[2]));case 1:r=a.sent(),a.label=2;case 2:return a.trys.push([2,4,,5]),[4,p(t,r,e)];case 3:return a.sent(),C(ge),y(!0),[3,5];case 4:return n=a.sent(),console.log(n),C(fe),y(!!i),[3,5];case 5:return[2]}}))}))};switch(E){case"dragEnter":S=e.createElement(s,{className:h.dropBox,style:{pointerEvents:"none"}},e.createElement(Q,{className:h.dropArrowStyling+" "+h.topLeftArrow}),e.createElement(Q,{className:h.dropArrowStyling+" "+h.topRightArrow}),e.createElement(c,{variant:"h5",color:"textSecondary"},"Drop Here"),e.createElement(Q,{className:h.dropArrowStyling+" "+h.bottomLeftArrow}),e.createElement(Q,{className:h.dropArrowStyling+" "+h.bottomRightArrow}));break;case"loading":S=e.createElement(s,{className:h.dropBox},e.createElement(c,{color:"textSecondary"},"Loading..."),e.createElement(d,{className:h.loadingCircle,size:25}));break;default:S=e.createElement("label",{htmlFor:o},e.createElement(B,{className:h.buttonColor+" "+h.sectionBreak,"aria-label":"upload picture",component:"span"},e.createElement(X,{className:h.iconStyling})),e.createElement(c,{variant:"body2",color:"textSecondary"},"Drag and drop or browse to upload your image or logo."))}return e.createElement(s,{className:h.labelBreak,onDragEnter:function(e){I||(e.preventDefault(),e.stopPropagation(),y(!1))},onDragOver:function(e){I||(e.preventDefault(),e.stopPropagation(),y(!1))}},b&&e.createElement(s,{className:h.labelBreak},e.createElement("label",{htmlFor:o},e.createElement(l,{className:""+(u?h.roundedAvatarButton:""),"aria-label":"upload picture",component:"span"},u?e.createElement(O,{className:h.roundedAvatar,src:i,alt:g||"Profile Avatar"}):e.createElement("img",{className:h.organisationImage,src:i,alt:g||"Company Logo"})))),e.createElement(s,{className:h.greyBox+" "+h.widthLimiter+" "+h.sectionBreak+" "+(b?h.hiddenDisplay:""),onDragEnter:function(e){I||(e.preventDefault(),e.stopPropagation(),C("dragEnter"))},onDragLeave:function(e){I||(e.preventDefault(),e.stopPropagation(),C("enabled"),y(!!i))},onDragOver:function(e){I||(e.preventDefault(),e.stopPropagation(),C("dragEnter"))},onDrop:function(e){I||(e.preventDefault(),e.stopPropagation(),T("dragDrop",e))}},e.createElement("input",{id:o,className:h.hiddenInput,type:"file",accept:".png, .jpg, .jpeg",disabled:I,onChange:function(e){return T("input",e)}}),S),e.createElement(s,{className:h.widthLimiter},e.createElement(Rt,{formStatus:E,alertMessage:N||(E===ge?"Uploaded successfully!":"Something went wrong.")})))};export{Rt as Alert,rt as AlphabeticalList,De as Breadcrumbs,we as Button,pt as ButtonWithConfirm,ke as ContentBox,Ne as ContentLabel,dt as DatePicker,Tt as EditableTable,Me as EntityList,ze as ErrorIndicator,Pt as ImageDisplayAndUpload,mt as KeyboardDatePicker,Qe as LeftNavigation,Be as LoadingSpinner,Ze as MainLayout,Nt as NonEditableField,lt as NumberFormatField,at as SearchBar,st as Select,We as StaticTable,yt as TableDatePicker,Bt as TableMultipleSelect,kt as TableSelect,ht as TableTextField,it as TextField,Ue as didCellValueChange,wt as tableCheckbox,xt as tableDateField,Et as tableInvoiceDateField,vt as tableNumericStringField,_e as useDebounceEffect,et as useInterval};
 //# sourceMappingURL=index.js.map

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@oc-digital/react-component-library",
-  "version": "1.0.36",
+  "version": "1.0.37",
   "description": "React component library for Optimal Compliance",
   "main": "build/index.js",
   "files": [