UNPKG

boros

Version:

TDCX Design System

1 lines 67.3 kB
"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),React__default=_interopDefault(React),core=require("@material-ui/core"),makeStyles=_interopDefault(require("@material-ui/styles/makeStyles")),ArrowBackIosRoundedIcon=_interopDefault(require("@material-ui/icons/ArrowBackIosRounded")),ArrowForwardIosRoundedIcon=_interopDefault(require("@material-ui/icons/ArrowForwardIosRounded")),FiberManualRecordRoundedIcon=_interopDefault(require("@material-ui/icons/FiberManualRecordRounded")),FiberManualRecordOutlinedIcon=_interopDefault(require("@material-ui/icons/FiberManualRecordOutlined")),FormControlLabel=_interopDefault(require("@material-ui/core/FormControlLabel")),icons=require("@material-ui/icons"),styles=require("@material-ui/styles"),PropTypes=_interopDefault(require("prop-types")),lab=require("@material-ui/lab"),clsx=_interopDefault(require("clsx")),MomentUtils=_interopDefault(require("@date-io/moment")),pickers=require("@material-ui/pickers"),ButtonBase=_interopDefault(require("@material-ui/core/ButtonBase")),Portal=_interopDefault(require("@material-ui/core/Portal")),styles$1=require("@material-ui/core/styles"),_=require("@material-ui/core/"),MenuIcon=_interopDefault(require("@material-ui/icons/Menu")),CountUp=_interopDefault(require("react-countup")),ClickAwayListener=_interopDefault(require("@material-ui/core/ClickAwayListener")),Grow=_interopDefault(require("@material-ui/core/Grow")),Paper$1=_interopDefault(require("@material-ui/core/Paper")),Popper=_interopDefault(require("@material-ui/core/Popper")),MenuList=_interopDefault(require("@material-ui/core/MenuList")),NotificationsNoneIcon=_interopDefault(require("@material-ui/icons/NotificationsNone")),IconButton$1=_interopDefault(require("@material-ui/core/IconButton")),MenuItem=_interopDefault(require("@material-ui/core/MenuItem")),Badge=_interopDefault(require("@material-ui/core/Badge")),recharts=require("recharts"),FiberManualRecordIcon=_interopDefault(require("@material-ui/icons/FiberManualRecord")),_$1=_interopDefault(require("lodash")),Container=_interopDefault(require("@material-ui/core/Container")),ChevronRightRoundedIcon=_interopDefault(require("@material-ui/icons/ChevronRightRounded"));require("@material-ui/icons/KeyboardArrowDownRounded");var List=_interopDefault(require("@material-ui/core/List")),Collapse=_interopDefault(require("@material-ui/core/Collapse"));require("react-dropzone-uploader/dist/styles.css");var Dropzone=require("react-dropzone-uploader"),Dropzone__default=_interopDefault(Dropzone),CloudUploadRoundedIcon=_interopDefault(require("@material-ui/icons/CloudUploadRounded")),ClearIcon=_interopDefault(require("@material-ui/icons/Clear")),ClearRoundedIcon=_interopDefault(require("@material-ui/icons/ClearRounded")),PictureAsPdfOutlinedIcon=_interopDefault(require("@material-ui/icons/PictureAsPdfOutlined")),InsertDriveFileOutlinedIcon=_interopDefault(require("@material-ui/icons/InsertDriveFileOutlined")),DescriptionOutlinedIcon=_interopDefault(require("@material-ui/icons/DescriptionOutlined")),AddRoundedIcon=_interopDefault(require("@material-ui/icons/AddRounded")),ThemeProvider=_interopDefault(require("@material-ui/styles/ThemeProvider")),deepmerge=_interopDefault(require("@material-ui/utils/deepmerge"));function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function _defineProperty(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function _extends(){return(_extends=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e}).apply(this,arguments)}function ownKeys(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);e&&(a=a.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),r.push.apply(r,a)}return r}function _objectSpread2(t){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{};e%2?ownKeys(Object(r),!0).forEach(function(e){_defineProperty(t,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):ownKeys(Object(r)).forEach(function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(r,e))})}return t}function _objectWithoutPropertiesLoose(e,t){if(null==e)return{};var r,a,o={},n=Object.keys(e);for(a=0;a<n.length;a++)r=n[a],0<=t.indexOf(r)||(o[r]=e[r]);return o}function _objectWithoutProperties(e,t){if(null==e)return{};var r,a,o=_objectWithoutPropertiesLoose(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)r=n[a],0<=t.indexOf(r)||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function _slicedToArray(e,t){return _arrayWithHoles(e)||_iterableToArrayLimit(e,t)||_unsupportedIterableToArray(e,t)||_nonIterableRest()}function _toConsumableArray(e){return _arrayWithoutHoles(e)||_iterableToArray(e)||_unsupportedIterableToArray(e)||_nonIterableSpread()}function _arrayWithoutHoles(e){if(Array.isArray(e))return _arrayLikeToArray(e)}function _arrayWithHoles(e){if(Array.isArray(e))return e}function _iterableToArray(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}function _iterableToArrayLimit(e,t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e)){var r=[],a=!0,o=!1,n=void 0;try{for(var i,l=e[Symbol.iterator]();!(a=(i=l.next()).done)&&(r.push(i.value),!t||r.length!==t);a=!0);}catch(e){o=!0,n=e}finally{try{a||null==l.return||l.return()}finally{if(o)throw n}}return r}}function _unsupportedIterableToArray(e,t){if(e){if("string"==typeof e)return _arrayLikeToArray(e,t);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(r):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?_arrayLikeToArray(e,t):void 0}}function _arrayLikeToArray(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,a=new Array(t);r<t;r++)a[r]=e[r];return a}function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var useStyles=makeStyles(function(e){return{button:{padding:e.spacing(2.5),minWidth:150,fontSize:".875rem",lineHeight:1,"&.MuiButton-sizeSmall":{padding:e.spacing(2)},"&.MuiButton-contained":{"&:not(.MuiButton-sizeSmall)":{lineHeight:"normal"},"&.Mui-disabled":{color:e.palette.grey.contrastText,background:e.palette.grey[500]},"&:hover":{background:e.palette.primary[400]},"&:active":{background:e.palette.primary[600]}}}}});function Button(e){var t=useStyles(e);return React__default.createElement(core.Button,_extends({disableRipple:!0,disableElevation:!0,className:t.button},e))}var useStyles$1=makeStyles(function(r){return{arrow:{width:function(e){return e.small?20:35},height:function(e){return e.small?20:35},border:function(e){return!e.small&&"1px solid ".concat(r.palette.grey[400])},borderRadius:4,fontSize:function(e){return e.small?".875rem":"1.25rem"},"&:hover":{color:function(e){var t=e.color;return r.palette[t||"primary"].main},borderColor:function(e){var t=e.color;return r.palette[t||"primary"].main}}}}});function Arrow(e){var t=e.right,r=e.left,a=(e.small,_objectWithoutProperties(e,["right","left","small"]));if(!t&&!r||t&&r)throw new Error("You have to send either prop right or prop left with value true.");var o=useStyles$1(e);return React__default.createElement(core.ButtonBase,_extends({disableRipple:!0,className:o.arrow},a),r&&React__default.createElement(ArrowBackIosRoundedIcon,{fontSize:"inherit"}),t&&React__default.createElement(ArrowForwardIosRoundedIcon,{fontSize:"inherit"}))}var getValueWithinRange=function(e,t,r){if(!Array.isArray(t)||!Array.isArray(r))throw new Error("inputRange and outputRange should be arrays of 2 elements.");if(2!==t.length||2!==r.length)throw new Error("Input and Output ranges should be an array of 2 elements.");if(!e||e<=t[0])return r[0];if(e>=t[1])return r[1];var a=(e-t[0])/(t[1]-t[0]);return(r[1]-r[0])*a+r[0]},useFormControlLabelHoverStyles=function(r){if(!r)throw new Error("Argument componentName is required.");return makeStyles(function(e){var t;return{root:{"&:hover":(t={},_defineProperty(t,"& .".concat(r,"-colorPrimary"),{color:e.palette.primary.main}),_defineProperty(t,"& .".concat(r,"-colorSecondary"),{color:e.palette.secondary.main}),t)}}})()},useTextFieldStyles=makeStyles(function(e){return{root:{"& label":{marginLeft:e.spacing(.375),"&.Mui-disabled":{color:e.palette.grey[500]}},"& .MuiOutlinedInput-root":{"&.Mui-disabled":{background:e.palette.grey[300],color:e.palette.grey[500]},"& fieldset > legend > span":{padding:e.spacing(0,1)}}}}}),mergeClasses=function(e,t){if(!t)return e;var r=_objectSpread2({},e);for(var a in t)t.hasOwnProperty(a)&&(r[a]=r[a]?"".concat(r[a]," ").concat(t[a]):t[a]);return r},useStyles$2=makeStyles(function(e){return{root:{color:"inherit"},checked:{"&$colorPrimary, &$colorPrimary + .MuiFormControlLabel-label":{color:e.palette.primary.main},"&$colorSecondary, &$colorSecondary + .MuiFormControlLabel-label":{color:e.palette.secondary.main},"&$disabled, &$disabled + .MuiFormControlLabel-label":{opacity:.75}},colorPrimary:{},colorSecondary:{},disabled:{}}});function Radio(e){var t=e.children,r=e.labelProps,a=e.classes,o=_objectWithoutProperties(e,["children","labelProps","classes"]),n=_objectSpread2({},o);"small"===o.size&&(n.icon=React__default.createElement(FiberManualRecordOutlinedIcon,null),n.checkedIcon=React__default.createElement(FiberManualRecordRoundedIcon,null));var i=useStyles$2(o);return React__default.createElement(core.FormControlLabel,_extends({classes:useFormControlLabelHoverStyles("MuiRadio"),label:t},r,{control:React__default.createElement(core.Radio,_extends({classes:mergeClasses(i,a),color:"primary"},n))}))}var useStyles$3=makeStyles(function(e){return{root:{color:"inherit"},checked:{"&$colorPrimary, &$colorPrimary + .MuiFormControlLabel-label":{color:e.palette.primary.main},"&$colorSecondary, &$colorSecondary + .MuiFormControlLabel-label":{color:e.palette.secondary.main},"&$disabled, &$disabled + .MuiFormControlLabel-label":{opacity:.75}},colorPrimary:{},colorSecondary:{},disabled:{}}});function Checkbox(e){var t=e.children,r=e.labelProps,a=e.classes,o=_objectWithoutProperties(e,["children","labelProps","classes"]),n=useStyles$3(o);return React__default.createElement(FormControlLabel,_extends({classes:useFormControlLabelHoverStyles("MuiCheckbox"),label:t},r,{control:React__default.createElement(core.Checkbox,_extends({classes:mergeClasses(n,a),color:"primary"},o))}))}var useStyles$4=styles.makeStyles(function(e){return{formHelperText:{position:"absolute",bottom:"-1.5rem"},checkIcon:{color:e.palette.success.main}}});function TextField(e){var t=e.showValidationIcon,r=e.error,a=e.InputProps,o=e.helperText,n=e.classes,i=_objectWithoutProperties(e,["showValidationIcon","error","InputProps","helperText","classes"]),l=useStyles$4(i),c=useTextFieldStyles(),s=React__default.createElement(core.InputAdornment,{position:"end"},r?React__default.createElement(icons.Error,{color:"error"}):React__default.createElement(icons.Check,{className:l.checkIcon}));return React__default.createElement(core.TextField,_extends({classes:mergeClasses(c,n),FormHelperTextProps:{className:l.formHelperText},variant:"outlined",error:!!r,helperText:r&&"string"==typeof r?r:o,InputProps:t?_objectSpread2({},a,{endAdornment:s}):a},i))}TextField.defaultProps={InputProps:{},showValidationIcon:!1},TextField.propTypes={showValidationIcon:PropTypes.bool,error:PropTypes.oneOfType([PropTypes.string,PropTypes.bool]),InputProps:PropTypes.object,helperText:PropTypes.string,label:PropTypes.node};var useMenuItemStyles=styles.makeStyles(function(r){return{root:{"&:hover":{color:function(e){var t=e.color;return r.palette[t||"primary"].main},background:"inherit"}},selected:{"&.MuiListItem-root, &.MuiListItem-root:hover":{color:function(e){var t=e.color;return r.palette[t||"primary"].main},backgroundColor:function(e){var t=e.color;return"".concat(r.palette[t||"primary"].main,"0D")}}}}}),useSelectFieldStyles=styles.makeStyles(function(e){return{select:{"&:focus":{backgroundColor:"inherit"}},icon:{color:e.palette.grey[800]}}}),useMenuStyles=styles.makeStyles({paper:{boxShadow:"0px 1px 3px #00000033",borderRadius:8}});function Select(r){var e=r.options,t=r.label,a=r.classes,o=r.formControlProps,n=r.inputLabelProps,i=r.MenuProps,l=r.menuItemProps,c=_objectWithoutProperties(r,["options","label","classes","formControlProps","inputLabelProps","MenuProps","menuItemProps"]),s=function(e,t){return"string"==typeof e?e:"object"===_typeof(e)?e[t]:void 0},u=useTextFieldStyles(),p=useSelectFieldStyles(r),d=useMenuStyles(r),m=useMenuItemStyles(r);return React__default.createElement(core.FormControl,_extends({classes:mergeClasses(u,a),variant:"outlined",fullWidth:!0},o),React__default.createElement(core.InputLabel,_extends({color:r.color},n),t),React__default.createElement(core.Select,_extends({label:t,IconComponent:icons.ExpandMore,MenuProps:_objectSpread2({getContentAnchorEl:null,anchorOrigin:{horizontal:"left",vertical:"bottom"}},i,{classes:mergeClasses(d,i.classes)})},c,{classes:mergeClasses(p,c.classes),renderValue:r.multiple&&function(e){return e.map(function(e){return"object"===_typeof(e)?e.value:e}).join(", ")}}),e&&e.map(function(e,t){return React__default.createElement(core.MenuItem,_extends({key:t,value:s(e,"value")},l,{classes:mergeClasses(m,l.classes)}),r.multiple&&r.value.includes(s(e,"value"))?React__default.createElement(core.Box,{display:"flex",justifyContent:"space-between",alignItems:"center",width:1},s(e,"label"),React__default.createElement(icons.CheckRounded,null)):s(e,"label"))})))}Select.defaultProps={inputLabelProps:{},MenuProps:{},menuItemProps:{}},Select.propTypes={options:PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string,PropTypes.shape({label:PropTypes.string,value:PropTypes.any})])).isRequired,label:PropTypes.node,classes:PropTypes.object,formControlProps:PropTypes.object,inputLabelProps:PropTypes.object,MenuProps:PropTypes.object,menuItemProps:PropTypes.object};var useAutocompleteStyles=styles.makeStyles(function(r){return{paper:{boxShadow:"0px 1px 3px #00000033",borderRadius:8,"& li[aria-selected=true]":{color:function(e){var t=e.color;return r.palette[t||"primary"].main},backgroundColor:function(e){var t=e.color;return"".concat(r.palette[t||"primary"].main,"0D")}},"& li[data-focus=true][aria-selected=false]":{color:function(e){var t=e.color;return r.palette[t||"primary"].main},backgroundColor:"inherit"}},popupIndicator:{color:r.palette.grey[800]}}}),useChipStyles=styles.makeStyles(function(e){return{root:{borderRadius:e.shape.borderRadius},deleteIcon:{width:16,height:16},label:{fontSize:e.typography.pxToRem(14),fontWeight:500}}}),useStyles$5=styles.makeStyles(function(e){return{searchIcon:{color:e.palette.grey[600],marginLeft:e.spacing(2.5)}}});function Autocomplete(e){var r=e.label,a=e.placeholder,o=(e.ListboxProps,_objectWithoutProperties(e,["label","placeholder","ListboxProps"])),t=useChipStyles(o),n=useAutocompleteStyles(o),i=useStyles$5(o);return React__default.createElement(lab.Autocomplete,_extends({renderInput:function(e){var t=React__default.createElement(core.InputAdornment,{className:i.searchIcon,position:"start"},React__default.createElement(icons.Search,null));return React__default.createElement(TextField,_extends({color:o.color,label:r,variant:"outlined"},e,{InputProps:_objectSpread2({placeholder:a||"Search"},e.InputProps,{startAdornment:e.InputProps.startAdornment?[].concat(_toConsumableArray(e.InputProps.startAdornment),[t]):t})}))},renderOption:o.multiple&&function(e,t){return t.selected?React__default.createElement(core.Box,{display:"flex",justifyContent:"space-between",alignItems:"center",width:1},o.getOptionLabel(e),React__default.createElement(icons.CheckRounded,null)):o.getOptionLabel(e)},disableCloseOnSelect:o.multiple,autoHighlight:!o.multiple,openOnFocus:!0,popupIcon:React__default.createElement(icons.ExpandMore,null)},o,{ChipProps:_objectSpread2({deleteIcon:React__default.createElement(icons.Close,null)},o.ChipProps,{classes:mergeClasses(t,o.ChipProps.classes)}),classes:mergeClasses(n,o.classes)}))}Autocomplete.defaultProps={ChipProps:{},getOptionLabel:function(e){return"string"==typeof e?e:"object"===_typeof(e)?e.label:void 0}},Autocomplete.propTypes=_objectSpread2({options:PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.string,PropTypes.shape({label:PropTypes.string,value:PropTypes.any})])).isRequired,ChipProps:PropTypes.object,getOptionLabel:PropTypes.func},TextField.propTypes);var useStyles$6=styles.makeStyles(function(e){return{chip:{borderRadius:e.shape.borderRadius,borderColor:e.palette.grey[500],color:e.palette.grey[700],padding:e.spacing(0,1),height:30,transition:e.transitions.create(["background","color","border-color"],{easing:e.transitions.easing.sharp,duration:e.transitions.duration.enteringScreen}),"&.MuiChip-clickable":{"&:focus":{backgroundColor:"transparent"},"&:hover":{backgroundColor:"transparent",borderColor:e.palette.primary.main,color:e.palette.primary.main},"&:active":{borderColor:e.palette.primary[600],color:e.palette.primary[600],boxShadow:"none"}}},chipActive:{"&.MuiChip-clickable":{backgroundColor:e.palette.primary.main,borderColor:e.palette.primary.main,color:e.palette.primary.contrastText,"&:focus":{backgroundColor:e.palette.primary.main},"&:hover":{backgroundColor:e.palette.primary[400],borderColor:e.palette.primary[400],color:e.palette.primary.contrastText},"&:active":{backgroundColor:e.palette.primary[600],boxShadow:"none",borderColor:e.palette.primary[400]}}},outlined:{}}});function Chip(e){var t=useStyles$6(e),r=e.classes,a=e.active,o=_objectWithoutProperties(e,["classes","active"]),n=_objectSpread2({root:clsx(t.chip,_defineProperty({},t.chipActive,a))},r);return(e.clickable||e.onClick)&&(o.disableRipple=!0),React__default.createElement(core.Chip,_extends({variant:"outlined",classes:n},o))}Chip.propTypes={disableRipple:function(e,t,r){if("boolean"==typeof e[t]&&!e.clickable&&!e.onClick)return new Error('prop "'.concat(t,'" supplied to "').concat(r,'" is only allowed when "clickable" or "onClick" props are defined'))},active:function(e,t,r){return void 0!==e[t]&&"boolean"!=typeof e[t]?new Error('prop "'.concat(t,'" supplied to "').concat(r,'" is expected to be boolean, received ').concat(_typeof(e[t]),".")):e[t]&&!1===e.clickable?new Error('prop "'.concat(t,'" cannot be set with prop "clickable" set to false.')):void 0}};var useStyles$7=makeStyles(function(e){return{popover:{"& .MuiPickersCalendarHeader-switchHeader":{color:e.palette.primary.main,"& p":{fontWeight:"bold"}},"& .MuiPickersCalendarHeader-daysHeader":{display:"table",marginLeft:"auto",marginRight:"auto","& .MuiPickersCalendarHeader-dayLabel":{display:"table-cell",textAlign:"center",verticalAlign:"middle",width:40,height:40,boxSizing:"border-box",borderTop:"1px solid ".concat(e.palette.grey[400]),backgroundColor:e.palette.grey[300],color:"inherit",fontWeight:500,textTransform:"uppercase","&:first-child":{borderTopLeftRadius:8,borderLeft:"1px solid ".concat(e.palette.grey[400])},"&:last-child":{borderTopRightRadius:8,borderRight:"1px solid ".concat(e.palette.grey[400])}}},"& .MuiPickersCalendar-transitionContainer":{margin:0,"& .MuiPickersCalendar-week":{"& div[role=presentation]":{width:40,height:40,boxSizing:"border-box",borderTop:"1px solid ".concat(e.palette.grey[400]),borderLeft:"1px solid ".concat(e.palette.grey[400]),"&:last-child":{borderRight:"1px solid ".concat(e.palette.grey[400])},"& .MuiPickersDay-day":{width:"100%",height:"100%",textAlign:"center",verticalAlign:"middle",margin:0,borderRadius:0}},"&:last-child":{"& div[role=presentation]":{borderBottom:"1px solid ".concat(e.palette.grey[400]),"&:first-child":{borderBottomLeftRadius:8},"&:last-child":{borderBottomRightRadius:8}}}}}}}});function Datepicker(e){var t=useStyles$7(e);return React__default.createElement(pickers.MuiPickersUtilsProvider,{utils:MomentUtils},React__default.createElement(pickers.DatePicker,_extends({disableToolbar:!0,variant:"inline",PopoverProps:{className:t.popover},margin:"normal"},e)))}var useStyles$8=styles.makeStyles(function(e){return{thumb:{background:"#FFFFFF"},switchBase:{"&$checked":{opacity:1,"& + $track":{opacity:1},"&$disabled":{"& + $track":{opacity:.4},"&$colorPrimary + $track":{background:e.palette.primary.main},"&$colorSecondary + $track":{background:e.palette.secondary.main}}}},checked:{},track:{},disabled:{},colorPrimary:{},colorSecondary:{}}});function Switch(e){var t=e.children,r=e.labelProps,a=e.classes,o=_objectWithoutProperties(e,["children","labelProps","classes"]),n=useStyles$8(o);return React__default.createElement(core.FormControlLabel,_extends({label:t},r,{control:React__default.createElement(core.Switch,_extends({classes:mergeClasses(n,a),color:"primary"},o))}))}var useStyles$9=styles.makeStyles(function(e){return{tooltip:{borderRadius:4,backgroundColor:e.palette.grey[800],padding:e.spacing(1.25)},arrow:{color:e.palette.grey[800]},title:{fontSize:".875rem"}}});function Tooltip(e){var t=e.title,r=e.children,a=_objectWithoutProperties(e,["title","children"]),o=useStyles$9(a);return React__default.createElement(core.Tooltip,_extends({classes:{tooltip:o.tooltip,arrow:o.arrow},title:React__default.createElement("span",{className:o.title},t),arrow:!0},a),r)}var getDimension=function(e){var t=e.small,r=e.large;return t?20:r?40:30},getFontSize=function(e){var t=e.small,r=e.large;return t?".875rem":r?"2.1875rem":"1.5rem"},useStyles$a=makeStyles(function(r){return{iconButton:{display:"flex",border:function(e){var t=e.color;return!e.noBorder&&"1px solid ".concat(t||r.palette.grey[800])},borderRadius:function(e){return e.circle?"50%":"25%"},height:getDimension,width:getDimension,background:function(e){return e.bgColor||"initial"},color:function(e){var t=e.iconColor,r=e.color;return t||r},fontSize:getFontSize,"&:hover":{borderColor:function(e){return e.hoverColor||r.palette.primary.main},color:function(e){return e.hoverColor||r.palette.primary.main}},"&.Mui-disabled":{borderColor:r.palette.grey[500],color:r.palette.grey[500]}}}});function IconButton(e){var t=e.Icon,r=_objectWithoutProperties(e,["Icon"]),a=r.small,o=r.large,n=(r.color,r.iconColor,r.hoverColor,r.bgColor,r.noBorder,r.circle,_objectWithoutProperties(r,["small","large","color","iconColor","hoverColor","bgColor","noBorder","circle"]));if(!t)throw new Error("Icon prop is required.");if(a&&o)throw new Error("Only one of small or large prop can be set to true.");var i=useStyles$a(r);return React__default.createElement(ButtonBase,_extends({className:i.iconButton},n),React__default.createElement(t,{fontSize:"inherit"}))}var useTypographyStyles=makeStyles(function(e){return{root:{},h1:_defineProperty({fontSize:e.typography.pxToRem(40),fontWeight:700},e.breakpoints.up("md"),{fontSize:e.typography.pxToRem(48)}),h2:_defineProperty({fontSize:e.typography.pxToRem(32),fontWeight:700},e.breakpoints.up("md"),{fontSize:e.typography.pxToRem(40)}),h3:_defineProperty({fontSize:e.typography.pxToRem(24),fontWeight:500},e.breakpoints.up("md"),{fontSize:e.typography.pxToRem(32)}),h4:_defineProperty({fontSize:e.typography.pxToRem(20),fontWeight:500},e.breakpoints.up("md"),{fontSize:e.typography.pxToRem(21)}),h5:_defineProperty({fontSize:e.typography.pxToRem(17),fontWeight:500},e.breakpoints.up("md"),{fontSize:e.typography.pxToRem(18)}),h6:_defineProperty({fontSize:e.typography.pxToRem(13),fontWeight:700},e.breakpoints.up("md"),{fontSize:e.typography.pxToRem(14)}),subtitle1:_defineProperty({fontSize:e.typography.pxToRem(15),fontWeight:700},e.breakpoints.up("md"),{fontSize:e.typography.pxToRem(16)}),subtitle2:_defineProperty({fontSize:e.typography.pxToRem(13),fontWeight:500},e.breakpoints.up("md"),{fontSize:e.typography.pxToRem(14)}),body1:_defineProperty({fontSize:e.typography.pxToRem(15),fontWeight:400},e.breakpoints.up("md"),{fontSize:e.typography.pxToRem(16)}),body2:_defineProperty({fontSize:e.typography.pxToRem(13),fontWeight:400},e.breakpoints.up("md"),{fontSize:e.typography.pxToRem(14)}),caption:_defineProperty({fontSize:e.typography.pxToRem(11),fontWeight:500},e.breakpoints.up("md"),{fontSize:e.typography.pxToRem(12)})}}),useStyles$b=makeStyles({root:{fontWeight:getFontWeight,fontStyle:function(e){return e.fontStyle},textDecoration:function(e){return e.textDecoration}}});function getFontWeight(e){var t=e.fontWeight,r=e.bold,a=e.regular,o=e.medium;return t||(r?700:o?500:!!a&&400)}function Typography(e){var t=e.className,r=_objectWithoutProperties(e,["className"]),a=useTypographyStyles(r),o=useStyles$b(r),n=(r.bold,r.medium,r.regular,_objectWithoutProperties(r,["bold","medium","regular"]));return React__default.createElement(core.Typography,_extends({color:"caption"===r.variant?"textSecondary":"inherit",classes:a,className:clsx(o.root,t)},n))}Typography.propTypes={variant:PropTypes.oneOf(["h1","h2","h3","h4","h5","h6","subtitle1","subtitle2","body1","body2","caption"]),fontWeight:PropTypes.oneOf([400,500,700]),bold:PropTypes.bool,medium:PropTypes.bool,regular:PropTypes.bool,fontStyle:PropTypes.oneOf(["normal","italic","oblique","initial","inherit"]),textDecoration:PropTypes.string};var useStyles$c=styles.makeStyles(function(t){return{root:{width:"100%","& > * + *":{marginTop:t.spacing(2)}},linearProgress:{height:function(e){return e.height||10},backgroundColor:function(e){return e.bgColor||t.palette.grey[300]}}}});function LinearProgress(e){var t=e.bgColor,r=_objectWithoutProperties(e,["bgColor"]),a=useStyles$c(_objectSpread2({bgColor:t},r));return React__default.createElement("div",{className:a.root},React__default.createElement(core.LinearProgress,_extends({className:a.linearProgress},r)))}var useStyles$d=styles.makeStyles(function(e){return{ul:{"& li":{"& .MuiPaginationItem-outlined":{borderRadius:4,"&.MuiPaginationItem-page.Mui-selected":{backgroundColor:e.palette.primary.main,color:e.palette.primary.contrastText}},"& .MuiPaginationItem-page":{backgroundColor:"inherit","&:hover":{backgroundColor:"inherit"},"&.Mui-selected":{color:e.palette.primary.main}}}}}});function Pagination(e){var t=e.outlined,r=_objectWithoutProperties(e,["outlined"]),a=useStyles$d(r);return React__default.createElement(lab.Pagination,_extends({classes:{ul:a.ul},shape:"rounded",variant:t&&"outlined"},r))}var BorosDrawer=function(e){var t=e.children,r=_objectWithoutProperties(e,["children"]);return React__default.createElement(Portal,null,React__default.createElement(core.Drawer,r,t))},useStyles$e=styles$1.makeStyles(function(e){return{root:{},menuButton:{marginRight:e.spacing(1)},title:{flexGrow:1}}});function AppBar(e){var t=e.children,r=e.onBurgerClick,a=e.noBurger,o=e.RightSidePanel,n=_objectWithoutProperties(e,["children","onBurgerClick","noBurger","RightSidePanel"]),i=useStyles$e(n);return React__default.createElement(_.AppBar,n,React__default.createElement(_.Toolbar,null,!a&&React__default.createElement(_.IconButton,{onClick:r,edge:"start",className:i.menuButton,color:"inherit","aria-label":"menu"},React__default.createElement(MenuIcon,null)),React__default.createElement(Typography,{variant:"h4",className:i.title},t),o&&React__default.createElement(o,null)))}function Gauge(e){var t=e.colors;if(!t)throw new Error("colors is a required prop.");var r="string"==typeof t?[t,t]:t,a=React.useRef(Math.random().toString(36));return React__default.createElement("svg",{xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",width:"169",height:"86",viewBox:"0 0 169 86"},React__default.createElement("defs",null,React__default.createElement("linearGradient",{id:a.current,x1:"0.078",y1:"1",x2:"0.941",y2:"1",gradientUnits:"objectBoundingBox"},React__default.createElement("stop",{offset:"0%",stopColor:r[0]}),React__default.createElement("stop",{offset:"100%",stopColor:r[1]}))),React__default.createElement("g",{id:"".concat(a.current,"-dashes"),"data-name":"Group 1129",transform:"translate(-1060.855 -490.275)"},React__default.createElement("path",{d:"M169,86H156.77A73.926,73.926,0,0,0,135.6,33.989a73.08,73.08,0,0,0-10.7-8.98,71.765,71.765,0,0,0-12.275-6.782,71.348,71.348,0,0,0-56.262,0A71.722,71.722,0,0,0,44.1,25.009,73.3,73.3,0,0,0,24.574,44.876,74.045,74.045,0,0,0,12.232,86H0a86.439,86.439,0,0,1,24.75-60.81,85.365,85.365,0,0,1,12.506-10.5A84.081,84.081,0,0,1,51.61,6.759a83.407,83.407,0,0,1,65.782,0,84.059,84.059,0,0,1,14.354,7.928,85.46,85.46,0,0,1,12.506,10.5A86.513,86.513,0,0,1,169,86Z",transform:"translate(1060.855 490.275)",fill:"url(#".concat(a.current,")")}),React__default.createElement("line",{x2:"5.816",transform:"translate(1083.86 574.69)",fill:"none",stroke:"#707070",strokeWidth:"1"}),React__default.createElement("line",{x2:"5.816",transform:"translate(1202.27 574.69)",fill:"none",stroke:"#707070",strokeWidth:"1"}),React__default.createElement("line",{y2:"5.937",transform:"translate(1146.193 512.356)",fill:"none",stroke:"#707070",strokeWidth:"1"}),React__default.createElement("line",{x1:"4.452",y2:"4.452",transform:"translate(1185.623 530.166)",fill:"none",stroke:"#707070",strokeWidth:"1"}),React__default.createElement("line",{x2:"4.452",y2:"4.452",transform:"translate(1103.033 532.492)",fill:"none",stroke:"#707070",strokeWidth:"1"})))}function Needle(e){var t=e.color,r=e.className,a=React.useRef(Math.random().toString(36));return React__default.createElement("svg",{className:r,version:"1.1",id:a.current,fill:t,xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",x:"0px",y:"0px",viewBox:"0 0 5.8 186.8",style:{enableBackground:"new 0 0 5.8 186.8"},xmlSpace:"preserve"},React__default.createElement("g",null,React__default.createElement("path",{className:"st0",d:"M2.9,0.6L0,89.9c0,0-0.1,3.1,2.3,3.7c0.1,0,0.4,0.1,0.5,0.1c0.2,0,0.4,0,0.7-0.1c2.4-0.6,2.3-3.7,2.3-3.7L2.9,0.6z"})))}AppBar.propTypes={children:PropTypes.node,onBurgerClick:PropTypes.func,noBurger:PropTypes.bool,RightSidePanel:PropTypes.elementType};var useStyles$f=makeStyles(function(e){return{speedometer:{position:"relative",width:170,height:85},gauge:{height:"100%",width:"100%"},needle:{height:"200%",width:"100%",position:"absolute",left:0,top:-1,transition:"transform 1s",transform:function(e){var t=e.rotation;return"rotate(".concat(t,"deg)")}},label:{marginTop:e.spacing(2),color:function(e){return e.labelColor}}}});function Speedometer(e){var t=e.value,r=e.range,a=e.noLabel,o=e.colors,n=void 0===o?{}:o,i=styles.useTheme(),l=n.gauge,c=void 0===l?[i.palette.primary.main,i.palette.secondary.main]:l,s=n.needle,u=void 0===s?i.palette.grey[800]:s,p=n.label,d=getValueWithinRange(t,r,[-90,90]),m=useStyles$f(_objectSpread2({},e,{rotation:d,labelColor:p}));return React__default.createElement("div",null,React__default.createElement("div",{className:m.speedometer},React__default.createElement(Gauge,{className:m.gauge,colors:c}),React__default.createElement(Needle,{className:m.needle,color:u})),!a&&React__default.createElement(Typography,{variant:"h3",className:m.label,bold:!0,align:"center"},React__default.createElement(CountUp,{end:t,start:r[0],decimals:1})))}var useStyles$g=makeStyles(function(t){return{menuItem:{padding:t.spacing(1.25,2.5),width:"100%",boxSizing:"border-box",whiteSpace:"normal",flexDirection:"column",alignItems:"flex-start",background:function(e){return!e.isRead&&"".concat(t.palette.primary.main,"0D")},"&:hover":{color:t.palette.primary.main,cursor:"pointer","& $dateTimeWrapper":{color:t.palette.primary.main}},"&:focus":{outline:"none"}},dateTimeWrapper:{color:t.palette.text.secondary,marginTop:t.spacing(1.25)},time:{marginLeft:t.spacing(1.25)}}});function NotificationItem(e){var t=e.text,r=e.date,a=e.time,o=useStyles$g(e);return React__default.createElement(MenuItem,{disableGutters:!0,className:o.menuItem,button:!1},React__default.createElement(Typography,{variant:"body2"},t),React__default.createElement("div",{className:o.dateTimeWrapper},React__default.createElement(Typography,{className:o.date,color:"inherit",variant:"caption",regular:!0},r),React__default.createElement(Typography,{className:o.time,color:"inherit",variant:"caption",regular:!0},a)))}var useStyles$h=styles$1.makeStyles(function(e){return{root:{display:"flex"},badge:{"& .MuiBadge-badge":{top:"38%",right:"28%"}},popper:{zIndex:e.zIndex.drawer+1,width:330},title:{fontWeight:"bold",padding:e.spacing(2.5)},menuList:{paddingTop:0,maxHeight:"calc(100vh - 200px)",overflowY:"auto"}}});function Notifications(e){var r=e.items,t=_objectWithoutProperties(e,["items"]),a=useStyles$h(t),o=_slicedToArray(React__default.useState(!1),2),n=o[0],i=o[1],l=React__default.useRef(null),c=r&&r.find(function(e){return!e.isRead}),s=function(){i(!1)},u=React__default.useRef(n);return React__default.useEffect(function(){!0===u.current&&!1===n&&l.current.focus(),u.current=n},[n]),React__default.createElement("div",{className:a.root},React__default.createElement(IconButton$1,{disableRipple:!0,ref:l,"aria-controls":n?"menu-list-grow":void 0,"aria-haspopup":"true",onClick:function(){i(function(e){return!e})}},React__default.createElement(Badge,{className:a.badge,color:"primary",variant:"dot",overlap:"circle",invisible:!c},React__default.createElement(NotificationsNoneIcon,null))),React__default.createElement(Popper,{className:a.popper,open:n,anchorEl:l.current,role:void 0,transition:!0,disablePortal:!0,placement:"bottom-end"},function(e){var t=e.TransitionProps;return React__default.createElement(Grow,t,React__default.createElement(Paper$1,null,React__default.createElement(ClickAwayListener,{onClickAway:s},React__default.createElement("div",null,React__default.createElement(Typography,{variant:"subtitle1",className:a.title},"Notifications"),React__default.createElement(MenuList,{className:a.menuList,autoFocusItem:n,id:"menu-list-grow",onClick:s},r&&r.map(function(e,t){return React__default.createElement(NotificationItem,_extends({key:t},e))}))))))}))}var useStyles$i=styles$1.makeStyles(function(e){return{root:{display:"flex",flexWrap:"wrap","& > *":{margin:e.spacing(1),width:e.spacing(16),height:e.spacing(16)}}}});function Paper(e){var t=e.children,r=_objectWithoutProperties(e,["children"]),a=useStyles$i(r);return React__default.createElement("div",{className:a.root},React__default.createElement(_.Paper,r,t))}var useStyles$j=styles.makeStyles({root:{display:"flex",justifyContent:"center",alignItems:"center",position:"relative",width:function(e){return e.width||200}},chartContent:{position:"absolute",width:"100%",textAlign:"center"}});function RadialBarChart(e){var t=e.value,r=e.label,a=e.color,o=_objectWithoutProperties(e,["value","label","color"]),n=styles.useTheme(),i=[{name:"unknown",value:t,fill:a?n.palette[a].main:n.palette.primary.main}],l=useStyles$j(o);return React__default.createElement(React__default.Fragment,null,React__default.createElement("div",{className:l.root},React__default.createElement("div",{className:l.chartContent},React__default.createElement(Typography,{variant:"h2"},React__default.createElement(CountUp,{delay:1,end:t,suffix:"%"})),r&&React__default.createElement(Typography,{variant:"body2",color:"textSecondary"},r)),React__default.createElement(recharts.ResponsiveContainer,{width:"100%",aspect:1},React__default.createElement(recharts.RadialBarChart,{innerRadius:"90%",outerRadius:"100%",barSize:20,data:i,startAngle:90,endAngle:-270},React__default.createElement(recharts.PolarAngleAxis,{type:"number",domain:[0,100],angleAxisId:0,tick:!1}),React__default.createElement(recharts.RadialBar,{background:!0,clockWise:!0,dataKey:"value",cornerRadius:15,fill:"#82ca9d"})))))}var useStyles$k=styles.makeStyles(function(e){return{root:{width:function(e){return e.width||"100%"}},header:{display:"flex",justifyContent:"space-between",marginBottom:e.spacing(.5)},linearProgress:{borderRadius:2.5,backgroundColor:e.palette.grey[300]},progressWrapper:{height:function(e){return e.height||6},width:function(e){return e.width||"100%"},backgroundColor:e.palette.grey[400],borderRadius:2},progress:{height:"100%",width:function(e){var t=e.value;return t?"".concat(t,"%"):0},backgroundImage:"linear-gradient(to right, ".concat(e.palette.primary.main," , ").concat(e.palette.secondary.main,")"),borderRadius:2,transition:e.transitions.create("width",{delay:50,duration:1e3})}}});function ProgressBar(e){var t=e.label,r=e.value;if(!t)throw new Error("Label is required");var a=useStyles$k(e);return React__default.createElement("div",{className:a.root},React__default.createElement("div",{className:a.header},React__default.createElement(Typography,{variant:"body2",medium:!0,color:"textSecondary"},t),React__default.createElement(Typography,{variant:"h6"},r?"".concat(r,"%"):0)),React__default.createElement("div",{className:a.progressWrapper},React__default.createElement("div",{className:a.progress})))}var useStyles$l=makeStyles(function(t){return{legendWrapper:{display:"flex",alignItems:"center",marginTop:t.spacing(.75),color:function(e){return e.fill||t.palette.grey[400]}},icon:{marginRight:t.spacing(.75)}}});function Legend(e){var t=e.name,r=e.Icon,a=useStyles$l(e);return React__default.createElement("div",{className:a.legendWrapper},React__default.createElement(r,{className:a.icon,fontSize:"small",color:"inherit"}),React__default.createElement(Typography,{variant:"h6"},t))}Legend.defaultProps={Icon:FiberManualRecordIcon},Legend.propTypes={name:PropTypes.string.isRequired,Icon:PropTypes.elementType,fill:PropTypes.string};var useStyles$m=styles.makeStyles(function(e){return{pieChart:{display:"flex",justifyContent:"center",alignItems:"center",width:function(e){return e.width||200}},valueWrapper:{position:"absolute",zIndex:2},legends:{marginTop:e.spacing(2),width:function(e){return e.width||200},display:"flex",flexWrap:"wrap",justifyContent:"space-around"}}});function PieChart(e){var t=e.data,r=(e.color,_objectWithoutProperties(e,["data","color"]));if(!t)throw new Error("Data is required");var a=useStyles$m(r),o=styles.useTheme();return React__default.createElement(React__default.Fragment,null,React__default.createElement("div",{className:a.pieChart},React__default.createElement("div",{className:a.valueWrapper},React__default.createElement(Typography,{variant:"h2"},React__default.createElement(CountUp,{delay:.5,end:t.reduce(function(e,t){return e+t.value},0)}))),React__default.createElement(recharts.ResponsiveContainer,{width:"100%",aspect:1},React__default.createElement(recharts.PieChart,null,React__default.createElement(recharts.Pie,{data:t,dataKey:"value",innerRadius:"85%",outerRadius:"100%",paddingAngle:5},t.map(function(e,t){return React__default.createElement(recharts.Cell,{key:t,fill:e.fill||o.palette.primary.main})}))))),React__default.createElement("div",{className:a.legends},t.map(function(e,t){return React__default.createElement(Legend,_extends({key:t},e))})))}var useStyles$n=styles.makeStyles(function(e){return{header:{width:"100%",padding:"10px 0px",display:"inline-flex"},icon:{marginRight:10,color:e.palette.grey[600]}}});function Header(e){var t=e.options,r=e.search,a=e.onSearch,o=_objectWithoutProperties(e,["options","search","onSearch"]),n=useStyles$n(o),i=t.disableSearch,l=t.disableFilter;return React__default.createElement("div",{className:n.header},!i&&React__default.createElement(core.Input,{fullWidth:!0,startAdornment:React__default.createElement(icons.Search,{className:n.icon}),disableUnderline:!0,value:r,onChange:a,id:"standard-basic",label:"Standard",placeholder:"Search"}),!l&&React__default.createElement(core.Button,_extends({startIcon:React__default.createElement(icons.FilterList,null)},t.filterProps),"Filter"))}function TableHead(e){var r=e.orderBy,a=e.order,o=e.options,t=e.columns,n=e.createSortHandler;return React__default.createElement(core.TableHead,null,React__default.createElement(core.TableRow,null,t.map(function(e,t){return React__default.createElement(core.TableCell,_extends({key:t},e.setCellHeaderProps&&e.setCellHeaderProps(t)),o.disableSort||e.disableSort?"object"===_typeof(e)?e.label:e:React__default.createElement(core.TableSortLabel,{active:r===(e.name||t),direction:r===(e.name||t)?a:"asc",onClick:function(){return n(e.name||t)}},"object"===_typeof(e)?e.label:e))})))}function TableBody(e){var t=e.tableData,r=e.page,a=e.rowsPerPage,n=e.options,i=e.columns;return React__default.createElement(core.TableBody,null,t&&t.length?t.slice(r*a,r*a+a).map(function(a,o){return React__default.createElement(core.TableRow,_extends({hover:!0,tabIndex:-1,key:o},n.setRowProps&&n.setRowProps(a,o)),i.map(function(e,t){var r=Array.isArray(a)?a[t]:a[e.name];return React__default.createElement(core.TableCell,{key:t,align:e.align||"left"},e.customBodyRenderer?e.customBodyRenderer(r,t,o):r)}))}):React__default.createElement(core.TableRow,null,React__default.createElement(core.TableCell,{style:{textAlign:"center"},colSpan:i.length},"No data provided")))}var useStyles$o=styles.makeStyles({footer:{width:"100%",padding:"10px 0px",display:"inline-flex",alignItems:"center"},select:{"& .MuiInput-underline":{borderBottom:0,"&:before":{borderBottom:0},"&:after":{borderBottom:0},"&:hover:not(.Mui-disabled):before":{borderBottom:0},"&:focus":{borderBottom:0}}}});function Footer(e){var t=e.rowsPerPage,r=e.options,a=e.setRowsPerPage,o=e.page,n=e.tableData,i=e.paginationVal,l=e.setPage,c=_objectWithoutProperties(e,["rowsPerPage","options","setRowsPerPage","page","tableData","paginationVal","setPage"]),s=useStyles$o(c);return React__default.createElement("div",{className:s.footer},React__default.createElement(Typography,{variant:"body2",style:{marginRight:10}},"Rows Per Page :"),React__default.createElement(core.FormControl,{className:s.select},React__default.createElement(core.Select,{id:"demo-simple-select",value:t,onChange:function(e){return a(e.target.value)}},r.rowsPerPageProps&&r.rowsPerPageProps.customList?r.rowsPerPageProps.customList.map(function(e,t){return React__default.createElement(core.MenuItem,{key:t,value:e},e)}):[25,50,100].map(function(e,t){return React__default.createElement(core.MenuItem,{key:t,value:e},e)}))),React__default.createElement(Typography,{variant:"body2",style:{marginLeft:10}},o*t," -"," ",n.length<t?n.length:o*t+t," of"," ",n.length),React__default.createElement(Pagination,{style:{marginLeft:"auto"},count:i,page:o+1,onChange:function(e,t){return l(t-1)}}))}var useStyles$p=styles.makeStyles(function(e){return{container:{"& .MuiTableCell-root":{borderBottom:0},"& .MuiTableRow-hover":{"& td:first-child":{borderLeft:"3px solid transparent"},"&:hover":{backgroundColor:e.palette.primary[50],"& td:first-child":{borderLeft:"3px solid ".concat(e.palette.primary.main)},"& td":{color:e.palette.primary.main,"&:hover":{textDecoration:"underline"}}}},"& .MuiTableCell-head":{lineHeight:"1rem",fontWeight:"bold"},"& .MuiTableCell-stickyHeader":{backgroundColor:e.palette.grey[300],borderBottom:"1px solid ".concat(e.palette.grey[400]),"&:first-child":{borderTopLeftRadius:e.shape.borderRadius},"&:last-child":{borderTopRightRadius:e.shape.borderRadius},"& .MuiTableSortLabel-active":{color:e.palette.primary.main}}},root:{border:"1px solid ".concat(e.palette.grey[400]),borderRadius:e.shape.borderRadius}}});function DataTable(e){var t=e.data,r=e.columns,a=e.options,o=void 0===a?{}:a,n=_objectWithoutProperties(e,["data","columns","options"]);if(!r)throw new Error("Column must not be empty");var i=o.rowsPerPageProps,l=o.disableFooter,c=useStyles$p(n),s=_slicedToArray(React__default.useState(0),2),u=s[0],p=s[1],d=_slicedToArray(React__default.useState([]),2),m=d[0],f=d[1],y=_slicedToArray(React__default.useState(i&&i.customList[0]||25),2),g=y[0],h=y[1],_=_slicedToArray(React__default.useState("asc"),2),b=_[0],R=_[1],v=_slicedToArray(React__default.useState(null),2),S=v[0],P=v[1],x=_slicedToArray(React__default.useState(""),2),w=x[0],C=x[1],T=_slicedToArray(React__default.useState(0),2),E=T[0],k=T[1];React__default.useEffect(function(){var e=t;e&&null!==S&&(e=_$1.orderBy(e,function(e){return e[S]},[b])),w.length&&(e=e.filter(function(e){return Object.values(e).toString().toLowerCase().includes(w)})),f(e)},[t,S,b,w]),React__default.useEffect(function(){k(Math.ceil(m.length/g))},[g,m]);return React__default.createElement(core.TableContainer,{className:c.container},React__default.createElement(Header,{options:o,search:w,onSearch:function(e){return C(e.target.value)}}),React__default.createElement(core.Table,{className:c.root,stickyHeader:!0,"aria-label":"sticky table"},React__default.createElement(TableHead,{order:b,orderBy:S,options:o,columns:r,createSortHandler:function(e){S===e?"asc"===b?R("desc"):"desc"===b&&P(null):(R("asc"),P(e))}}),React__default.createElement(TableBody,{tableData:m,page:u,rowsPerPage:g,options:o,columns:r})),!l&&React__default.createElement(Footer,{rowsPerPage:g,options:o,setRowsPerPage:h,page:u,tableData:m,paginationVal:E,setPage:p}))}var useStyles$q=makeStyles(function(e){return{fab:{"&:hover":{background:e.palette.primary[400]},"&:active":{background:e.palette.primary[600]}}}}),Fab=function(e){var t=e.children,r=_objectWithoutProperties(e,["children"]),a=useStyles$q(r);return React__default.createElement(core.Fab,_extends({className:a.fab},r),t)},useStyles$r=styles.makeStyles(function(t){return{link:{color:"inherit",textDecoration:"none",width:"100%"},linkActive:{textDecoration:"none","& $listItem":{backgroundColor:"".concat(t.palette.primary.contrastText,"33"),"&:hover":{backgroundColor:"".concat(t.palette.primary.contrastText,"33")},"&:before":{backgroundColor:t.palette.primary.contrastText}}},listItem:{whiteSpace:"nowrap",overflow:"hidden",padding:t.spacing(.75,3),paddingLeft:function(e){return e.subItem&&t.spacing(4.25)},position:"relative",color:t.palette.primary.contrastText,backgroundColor:"transparent",transition:t.transitions.create("background-color",{easing:t.transitions.easing.sharp,duration:t.transitions.duration.enteringScreen}),"&:before":{content:"''",position:"absolute",top:0,left:0,width:t.spacing(.5),height:"100%",backgroundColor:"transparent",transition:t.transitions.create("background-color",{easing:t.transitions.easing.sharp,duration:t.transitions.duration.enteringScreen})}},listItemText:{transition:t.transitions.create(["transform","opacity"],{easing:t.transitions.easing.sharp,duration:t.transitions.duration.enteringScreen}),"& span":{overflow:"hidden",textOverflow:"ellipsis"}},listItemTextShow:{opacity:1,transform:"translate(0px)"},listItemTextHide:{opacity:0,transform:"translateX(-4px)"},listItemIcon:{color:t.palette.primary.contrastText,minWidth:"auto",width:20,marginRight:t.spacing(1.5),"& svg":{width:"100%"}},chevron:{position:"absolute",right:t.spacing(1),transition:t.transitions.create("transform",{easing:t.transitions.easing.sharp,duration:t.transitions.duration.enteringScreen}),transform:function(e){return e.expanded&&"rotate(90deg)"}}}}),useTooltipStyle=styles.makeStyles({tooltip:{borderRadius:4}}),SidebarItem=function(e){var t,r=e.icon,a=e.label,o=e.isActive,n=e.to,i=e.children,l=e.onClick,c=useStyles$r(e),s=useTooltipStyle(),u=React.useContext(LayoutContext),p=u.sidebarOpen,d=u.LinkComponent,m=u.reachRouter,f=(u.activeCb,{});return i.length?t=React__default.Fragment:(t=d,f={className:clsx(c.link,_defineProperty({},c.linkActive,o)),to:n},m&&(f.getProps=function(e){return e.isCurrent?{className:clsx(c.link,c.linkActive)}:{}})),React__default.createElement(t,f,React__default.createElement(core.Tooltip,{title:p?"":a,arrow:!0,placement:"right",classes:s},React__default.createElement(core.ListItem,{className:c.listItem,button:!0,onClick:l},r&&React__default.createElement(core.ListItemIcon,{className:c.listItemIcon},r),React__default.createElement(core.ListItemText,{className:clsx(c.listItemText,p?c.listItemTextShow:c.listItemTextHide)},a),!!i.length&&React__default.createElement(ChevronRightRoundedIcon,{className:c.chevron,fontSize:p?"default":"small"}))))};SidebarItem.defaultProps={children:[]};var requiredPropsCheck=function(e,t,r){return e.to||e.children.length?e.to&&e.children&&e.children.length?new Error("Only one of 'to' or 'children' can be set in '".concat(r,"' component.")):void PropTypes.checkPropTypes({to:PropTypes.string,children:PropTypes.arrayOf(PropTypes.shape(SidebarItem.propTypes))},e,"prop",r):new Error("One of 'to' or 'children' is required by '".concat(r,"' component."))};SidebarItem.propTypes={label:PropTypes.string.isRequired,to:requiredPropsCheck,children:requiredPropsCheck,icon:PropTypes.element,isActive:PropTypes.bool,onClick:PropTypes.func};var useStyles$s=makeStyles(function(t){var e;return{logoWrapper:(e={display:"flex",alignItems:"center",minHeight:2*t.mixins.toolbar["@media (min-width:600px)"].minHeight,whiteSpace:"nowrap",overflow:"hidden",justifyContent:function(e){return!e.sidebarOpen&&"center"},paddingLeft:function(e){return e.sidebarOpen&&t.spacing(3)}},_defineProperty(e,t.breakpoints.down("xs"),{minHeight:2*t.mixins.toolbar.minHeight}),_defineProperty(e,"".concat(t.breakpoints.only("xs")," and (orientation: landscape)"),{minHeight:2*t.mixins.toolbar["@media (min-width:0px) and (orientation: landscape)"].minHeight}),e),logo:{opacity:0,width:0},logoShow:{transition:t.transitions.create(["opacity","width"],{easing:t.transitions.easing.sharp,duration:t.transitions.duration.enteringScreen}),width:"auto",opacity:1},logoBig:{"& svg, & img":{width:function(e){return e.drawerWidth-80}}},logoSmall:{"& svg, & img":{width:function(e){return e.drawerWidthCollapsed-40}}}}});function Logo(e){var t=e.logo,r=e.logoSmall,a=React.useContext(LayoutContext),o=a