@surveycake/rc
Version:
react component of surveycake
1,700 lines (1,622 loc) • 380 kB
JavaScript
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
var MUICssBaseline = _interopDefault(require('@material-ui/core/CssBaseline'));
var styles$6 = require('@material-ui/core/styles');
var React = require('react');
var React__default = _interopDefault(React);
var emotionTheming = require('emotion-theming');
var MuiAccordion$1 = _interopDefault(require('@material-ui/core/Accordion'));
var MuiAccordionDetails$1 = _interopDefault(require('@material-ui/core/AccordionDetails'));
var createEmotion = _interopDefault(require('create-emotion'));
var MuiAccordionSummary$1 = _interopDefault(require('@material-ui/core/AccordionSummary'));
var MuiMenuItem$1 = _interopDefault(require('@material-ui/core/MenuItem'));
var MUICheckbox = _interopDefault(require('@material-ui/core/Checkbox'));
var Add = _interopDefault(require('@material-ui/icons/Add'));
var AddCircleOutline = _interopDefault(require('@material-ui/icons/AddCircleOutline'));
var ArrowBack = _interopDefault(require('@material-ui/icons/ArrowBack'));
var ArrowDownward = _interopDefault(require('@material-ui/icons/ArrowDownward'));
var ArrowDropDownRounded = _interopDefault(require('@material-ui/icons/ArrowDropDownRounded'));
var ArrowDropUpRounded = _interopDefault(require('@material-ui/icons/ArrowDropUpRounded'));
var ArrowForward = _interopDefault(require('@material-ui/icons/ArrowForward'));
var ArrowRightAlt = _interopDefault(require('@material-ui/icons/ArrowRightAlt'));
var CameraAlt = _interopDefault(require('@material-ui/icons/CameraAlt'));
var ChatOutlined = _interopDefault(require('@material-ui/icons/ChatOutlined'));
var Cancel = _interopDefault(require('@material-ui/icons/Cancel'));
var Check$2 = _interopDefault(require('@material-ui/icons/Check'));
var CheckBox = _interopDefault(require('@material-ui/icons/CheckBox'));
var CheckCircle$2 = _interopDefault(require('@material-ui/icons/CheckCircle'));
var Clear = _interopDefault(require('@material-ui/icons/Clear'));
var Close = _interopDefault(require('@material-ui/icons/Close'));
var CloudDownload = _interopDefault(require('@material-ui/icons/CloudDownload'));
var CloudUpload = _interopDefault(require('@material-ui/icons//CloudUpload'));
var Computer = _interopDefault(require('@material-ui/icons/Computer'));
var CreditCard = _interopDefault(require('@material-ui/icons/CreditCard'));
var Crop = _interopDefault(require('@material-ui/icons/Crop'));
var DeleteOutline = _interopDefault(require('@material-ui/icons/DeleteOutline'));
var DeleteOutlineOutlined = _interopDefault(require('@material-ui/icons/DeleteOutlineOutlined'));
var Description = _interopDefault(require('@material-ui/icons/Description'));
var DescriptionOutlined = _interopDefault(require('@material-ui/icons/DescriptionOutlined'));
var DonutSmallIcon = _interopDefault(require('@material-ui/icons/DonutSmall'));
var DragIndicator = _interopDefault(require('@material-ui/icons/DragIndicator'));
var Edit = _interopDefault(require('@material-ui/icons/Edit'));
var ErrorOutline = _interopDefault(require('@material-ui/icons/ErrorOutline'));
var ExpandMore = _interopDefault(require('@material-ui/icons/ExpandMore'));
var FileCopyOutlinedIcon = _interopDefault(require('@material-ui/icons/FileCopyOutlined'));
var FirstPage = _interopDefault(require('@material-ui/icons/FirstPage'));
var Folder = _interopDefault(require('@material-ui/icons/Folder'));
var FormatBold = _interopDefault(require('@material-ui/icons/FormatBold'));
var FormatColorFill = _interopDefault(require('@material-ui/icons/FormatColorFill'));
var FormatItalic = _interopDefault(require('@material-ui/icons/FormatItalic'));
var FormatListNumberedRtl = _interopDefault(require('@material-ui/icons//FormatListNumberedRtl'));
var FormatQuote = _interopDefault(require('@material-ui/icons/FormatQuote'));
var FormatUnderlined = _interopDefault(require('@material-ui/icons/FormatUnderlined'));
var GetApp = _interopDefault(require('@material-ui/icons/GetApp'));
var Help = _interopDefault(require('@material-ui/icons/Help'));
var HelpOutline = _interopDefault(require('@material-ui/icons/HelpOutline'));
var History = _interopDefault(require('@material-ui/icons/History'));
var HighlightOffIcon = _interopDefault(require('@material-ui/icons/HighlightOff'));
var IndeterminateCheckBoxOutlined = _interopDefault(require('@material-ui/icons/IndeterminateCheckBoxOutlined'));
var Info = _interopDefault(require('@material-ui/icons/Info'));
var Input = _interopDefault(require('@material-ui/icons/Input'));
var KeyboardArrowDown = _interopDefault(require('@material-ui/icons/KeyboardArrowDown'));
var KeyboardArrowUp = _interopDefault(require('@material-ui/icons/KeyboardArrowUp'));
var LabelImportant = _interopDefault(require('@material-ui/icons/LabelImportant'));
var Language = _interopDefault(require('@material-ui/icons/Language'));
var LastPage = _interopDefault(require('@material-ui/icons/LastPage'));
var Link$3 = _interopDefault(require('@material-ui/icons/Link'));
var List = _interopDefault(require('@material-ui/icons/List'));
var ListAlt = _interopDefault(require('@material-ui/icons/ListAlt'));
var Lock$1 = _interopDefault(require('@material-ui/icons/Lock'));
var LockOutlined = _interopDefault(require('@material-ui/icons/LockOutlined'));
var LaunchOutlined = _interopDefault(require('@material-ui/icons/LaunchOutlined'));
var LowPriority = _interopDefault(require('@material-ui/icons/LowPriority'));
var LocalOfferOutlined = _interopDefault(require('@material-ui/icons/LocalOfferOutlined'));
var LocalPrintshopOutlined = _interopDefault(require('@material-ui/icons/LocalPrintshopOutlined'));
var Menu = _interopDefault(require('@material-ui/icons/Menu'));
var MoreHoriz = _interopDefault(require('@material-ui/icons/MoreHoriz'));
var NavigateBefore = _interopDefault(require('@material-ui/icons/NavigateBefore'));
var NavigateNext = _interopDefault(require('@material-ui/icons/NavigateNext'));
var NotInterested = _interopDefault(require('@material-ui/icons/NotInterested'));
var OpenInNew = _interopDefault(require('@material-ui/icons/OpenInNew'));
var Person = _interopDefault(require('@material-ui/icons/Person'));
var PhoneIphone = _interopDefault(require('@material-ui/icons/PhoneIphone'));
var PictureAsPdf = _interopDefault(require('@material-ui/icons/PictureAsPdf'));
var PostAdd = _interopDefault(require('@material-ui/icons/PostAdd'));
var RadioButtonChecked = _interopDefault(require('@material-ui/icons/RadioButtonChecked'));
var Redeem = _interopDefault(require('@material-ui/icons/Redeem'));
var Refresh = _interopDefault(require('@material-ui/icons/Refresh'));
var RemoveCircleOutline = _interopDefault(require('@material-ui/icons/RemoveCircleOutline'));
var ReportProblemRounded = _interopDefault(require('@material-ui/icons/ReportProblemRounded'));
var Schedule = _interopDefault(require('@material-ui/icons/Schedule'));
var Search$1 = _interopDefault(require('@material-ui/icons/Search'));
var Settings = _interopDefault(require('@material-ui/icons/Settings'));
var SettingsOutlined = _interopDefault(require('@material-ui/icons/SettingsOutlined'));
var Sort$1 = _interopDefault(require('@material-ui/icons/Sort'));
var Star$2 = _interopDefault(require('@material-ui/icons//Star'));
var SwapVertIcon = _interopDefault(require('@material-ui/icons/SwapVert'));
var TabletMac = _interopDefault(require('@material-ui/icons/TabletMac'));
var TextFields = _interopDefault(require('@material-ui/icons//TextFields'));
var Title = _interopDefault(require('@material-ui/icons//Title'));
var Tune = _interopDefault(require('@material-ui/icons/Tune'));
var VerifiedUser = _interopDefault(require('@material-ui/icons/VerifiedUser'));
var ViewDayOutlined = _interopDefault(require('@material-ui/icons/ViewDayOutlined'));
var ViewListRounded = _interopDefault(require('@material-ui/icons//ViewListRounded'));
var Visibility = _interopDefault(require('@material-ui/icons/Visibility'));
var VisibilityOff = _interopDefault(require('@material-ui/icons/VisibilityOff'));
var VisibilityOutlined = _interopDefault(require('@material-ui/icons/VisibilityOutlined'));
var VisibilityOffOutlined = _interopDefault(require('@material-ui/icons/VisibilityOffOutlined'));
var WatchLater = _interopDefault(require('@material-ui/icons/WatchLater'));
var WebAsset = _interopDefault(require('@material-ui/icons/WebAsset'));
var Warning = _interopDefault(require('@material-ui/icons/Warning'));
var SvgIcon = _interopDefault(require('@material-ui/core/SvgIcon'));
var CheckBoxOutlined = _interopDefault(require('@material-ui/icons/CheckBoxOutlined'));
var CloudUploadOutlined = _interopDefault(require('@material-ui/icons/CloudUploadOutlined'));
var FormatListNumberedRtl$1 = _interopDefault(require('@material-ui/icons/FormatListNumberedRtl'));
var StarOutline = _interopDefault(require('@material-ui/icons/StarOutline'));
var TextFields$1 = _interopDefault(require('@material-ui/icons/TextFields'));
var Title$1 = _interopDefault(require('@material-ui/icons/Title'));
var Typography$2 = _interopDefault(require('@material-ui/core/Typography'));
var MuiSelect$1 = _interopDefault(require('@material-ui/core/Select'));
var MUIAlert = _interopDefault(require('@material-ui/lab/Alert'));
var MUIAlertTitle = _interopDefault(require('@material-ui/lab/AlertTitle'));
var MUIAutocomplete = _interopDefault(require('@material-ui/lab/Autocomplete'));
var MUIOutlinedInput = _interopDefault(require('@material-ui/core/OutlinedInput'));
var MUIBackdrop = _interopDefault(require('@material-ui/core/Backdrop'));
var Box$1 = _interopDefault(require('@material-ui/core/Box'));
var MUIButton = _interopDefault(require('@material-ui/core/Button'));
var MUIButtonGroup = _interopDefault(require('@material-ui/core/ButtonGroup'));
var MUICard = _interopDefault(require('@material-ui/core/Card'));
var MUICardActionArea = _interopDefault(require('@material-ui/core/CardActionArea'));
var MUICardActions = _interopDefault(require('@material-ui/core/CardActions'));
var MUICardMedia = _interopDefault(require('@material-ui/core/CardMedia'));
var MUIChip = _interopDefault(require('@material-ui/core/Chip'));
var MUICircularProgress = _interopDefault(require('@material-ui/core/CircularProgress'));
var MUIClickAwayListener = _interopDefault(require('@material-ui/core/ClickAwayListener'));
var MUIDialog = _interopDefault(require('@material-ui/core/Dialog'));
var MUIDialogActions = _interopDefault(require('@material-ui/core/DialogActions'));
var MUIDialogContent = _interopDefault(require('@material-ui/core/DialogContent'));
var MUIDialogContentText = _interopDefault(require('@material-ui/core/DialogContentText'));
var MUIDialogTitle = _interopDefault(require('@material-ui/core/DialogTitle'));
var MUIDivider = _interopDefault(require('@material-ui/core/Divider'));
var Fade$1 = _interopDefault(require('@material-ui/core/Fade'));
var MUIFormControl = _interopDefault(require('@material-ui/core/FormControl'));
var MUIFormControlLabel = _interopDefault(require('@material-ui/core/FormControlLabel'));
var MUIFormGroup = _interopDefault(require('@material-ui/core/FormGroup'));
var MUIFormHelperText = _interopDefault(require('@material-ui/core/FormHelperText'));
var MUIFormLabel = _interopDefault(require('@material-ui/core/FormLabel'));
var MUIGrow = _interopDefault(require('@material-ui/core/Grow'));
var MUIIconButton = _interopDefault(require('@material-ui/core/IconButton'));
var MUIInputAdornment = _interopDefault(require('@material-ui/core/InputAdornment'));
var MUILinearProgress = _interopDefault(require('@material-ui/core/LinearProgress'));
var MUILink = _interopDefault(require('@material-ui/core/Link'));
var MUIMenuList = _interopDefault(require('@material-ui/core/MenuList'));
var MuiListSubheader$1 = _interopDefault(require('@material-ui/core/ListSubheader'));
require('@material-ui/core');
var MUIPopover = _interopDefault(require('@material-ui/core/Popover'));
var MUIPopper = _interopDefault(require('@material-ui/core/Popper'));
var MUIRadio = _interopDefault(require('@material-ui/core/Radio'));
var MUIRadioGroup = _interopDefault(require('@material-ui/core/RadioGroup'));
var MUISkeleton = _interopDefault(require('@material-ui/lab/Skeleton'));
var Slide$1 = _interopDefault(require('@material-ui/core/Slide'));
var MUISlider = _interopDefault(require('@material-ui/core/Slider'));
var MUISnackbar = _interopDefault(require('@material-ui/core/Snackbar'));
var MUIStep = _interopDefault(require('@material-ui/core/Step'));
var MUIStepLabel = _interopDefault(require('@material-ui/core/StepLabel'));
var MUIStepper = _interopDefault(require('@material-ui/core/Stepper'));
var MUISwitch = _interopDefault(require('@material-ui/core/Switch'));
var MUITab = _interopDefault(require('@material-ui/core/Tab'));
var MUITable = _interopDefault(require('@material-ui/core/Table'));
var MUITableBody = _interopDefault(require('@material-ui/core/TableBody'));
var MUITableCell = _interopDefault(require('@material-ui/core/TableCell'));
var MUITableContainer = _interopDefault(require('@material-ui/core/TableContainer'));
var MUITableHead = _interopDefault(require('@material-ui/core/TableHead'));
var MUITablePagination = _interopDefault(require('@material-ui/core/TablePagination'));
var MUITableRow = _interopDefault(require('@material-ui/core/TableRow'));
var MUITableSortLabel = _interopDefault(require('@material-ui/core/TableSortLabel'));
var MUITabs = _interopDefault(require('@material-ui/core/Tabs'));
var MUITextField = _interopDefault(require('@material-ui/core/TextField'));
var MUIToggleButton = _interopDefault(require('@material-ui/lab/ToggleButton'));
var MUIToggleButtonGroup = _interopDefault(require('@material-ui/lab/ToggleButtonGroup'));
var MUITooltip = _interopDefault(require('@material-ui/core/Tooltip'));
var polished = require('polished');
var MuiAvatar = _interopDefault(require('@material-ui/core/Avatar'));
var colorManipulator = require('@material-ui/core/styles/colorManipulator');
var MuiPaper = _interopDefault(require('@material-ui/core/Paper'));
var MuiCardContent = _interopDefault(require('@material-ui/core/CardContent'));
var MuiCardHeader = _interopDefault(require('@material-ui/core/CardHeader'));
var pickers = require('@material-ui/pickers');
var styled = _interopDefault(require('@emotion/styled'));
var core$2 = require('@emotion/core');
var reactTable = require('react-table');
var utils = require('@surveycake/utils');
var reactDom = require('react-dom');
var rhooks = require('@surveycake/rhooks');
var MuiModal = _interopDefault(require('@material-ui/core/Modal'));
var MuiSnackbarContent$1 = _interopDefault(require('@material-ui/core/SnackbarContent'));
var DateFnsUtils = _interopDefault(require('@date-io/date-fns'));
var DESKTOP_FONT_SIZE;
(function (DESKTOP_FONT_SIZE) {
DESKTOP_FONT_SIZE[DESKTOP_FONT_SIZE["h1"] = 2] = "h1";
DESKTOP_FONT_SIZE[DESKTOP_FONT_SIZE["h2"] = 1.75] = "h2";
DESKTOP_FONT_SIZE[DESKTOP_FONT_SIZE["h3"] = 1.5] = "h3";
DESKTOP_FONT_SIZE[DESKTOP_FONT_SIZE["h4"] = 1.25] = "h4";
DESKTOP_FONT_SIZE[DESKTOP_FONT_SIZE["h5"] = 1.125] = "h5";
DESKTOP_FONT_SIZE[DESKTOP_FONT_SIZE["h6"] = 1] = "h6";
DESKTOP_FONT_SIZE[DESKTOP_FONT_SIZE["subtitle1"] = 0.875] = "subtitle1";
DESKTOP_FONT_SIZE[DESKTOP_FONT_SIZE["body1"] = 1] = "body1";
DESKTOP_FONT_SIZE[DESKTOP_FONT_SIZE["body2"] = 0.875] = "body2";
DESKTOP_FONT_SIZE[DESKTOP_FONT_SIZE["button"] = 0.875] = "button";
DESKTOP_FONT_SIZE[DESKTOP_FONT_SIZE["caption"] = 0.875] = "caption";
DESKTOP_FONT_SIZE[DESKTOP_FONT_SIZE["overline"] = 0.75] = "overline";
})(DESKTOP_FONT_SIZE || (DESKTOP_FONT_SIZE = {}));
var core =
/*#__PURE__*/
styles$6.createTheme({
breakpoints: {
values: {
xl: 1440,
lg: 1024,
md: 900,
sm: 600,
xs: 375
}
},
palette: {
primary: {
light: '#79D8B7',
lighter: '#ACE4D1',
lightest: '#E6F7F1',
main: '#3DBA90',
dark: '#009974'
},
secondary: {
light: '#668A97',
lighter: '#76AABE',
lightest: '#AACAD7',
main: '#325A69',
dark: '#11303C'
},
error: {
light: '#F6AFB9',
lighter: '#FDE5E9',
main: '#EE415D',
dark: '#C9354D'
},
warning: {
light: '#F6CD81',
lighter: '#FBE1B1',
lightest: '#FEF2DD',
main: '#F4A91F',
dark: '#E9A01C'
},
info: {
light: '#BADFEF',
lighter: '#E4F5FC',
main: '#43B8EB',
dark: '#0094D3'
},
success: {
light: '#CEE5B1',
lighter: '#E7F4D7',
main: '#88C936',
dark: '#66B204'
},
grey: {
50: '#FFFFFF',
100: '#EEEEEE',
200: '#D2D2D2',
300: '#BDBDBD',
400: '#AAAAAA',
500: '#989898',
600: '#6B6B6B',
700: '#454545',
800: '#3F3F3F',
900: '#333333',
A100: '#FAFAFA',
A200: '#EEEEEE',
A400: '#E3E3E3',
A700: '#C5C5C5'
},
text: {
primary: '#454545',
secondary: '#6B6B6B'
},
chart: {
cornflowerBlue: '#379FED',
mediumAqua: '#66D6BB',
pear: '#D3EC3C',
saffron: '#F1C733',
corn: '#F0EA61',
blueGreen: '#30C3CC',
oxfordBlue: '#091F55',
silverSand: '#C2C2C2',
sandyBrown: '#E99C64'
}
},
/**
* 針對「手機版」的字體設定，可前往 Typography/styles.ts
*/
typography: {
fontFamily:
/*#__PURE__*/
['Roboto', 'Noto Sans TC', 'PingFang TC', '微軟正黑體', 'sans-serif'].join(','),
h1: {
fontSize: DESKTOP_FONT_SIZE.h1 + "rem",
fontWeight: 500,
lineHeight: 1,
letterSpacing: 0,
textTransform: 'none'
},
h2: {
fontSize: DESKTOP_FONT_SIZE.h2 + "rem",
fontWeight: 500,
lineHeight: 1,
letterSpacing: 0,
textTransform: 'none'
},
h3: {
fontSize: DESKTOP_FONT_SIZE.h3 + "rem",
fontWeight: 500,
lineHeight: 1.5,
letterSpacing: 0,
textTransform: 'none'
},
h4: {
fontSize: DESKTOP_FONT_SIZE.h4 + "rem",
fontWeight: 500,
lineHeight: 1.5,
letterSpacing: 0,
textTransform: 'none'
},
h5: {
fontSize: DESKTOP_FONT_SIZE.h5 + "rem",
fontWeight: 500,
lineHeight: 1.5,
letterSpacing: 0,
textTransform: 'none'
},
h6: {
fontSize: DESKTOP_FONT_SIZE.h6 + "rem",
fontWeight: 500,
lineHeight: 1.5,
letterSpacing: 0,
textTransform: 'none'
},
subtitle1: {
fontSize: DESKTOP_FONT_SIZE.subtitle1 + "rem",
fontWeight: 500,
lineHeight: 1.5,
letterSpacing: 0,
textTransform: 'none'
},
body1: {
fontSize: DESKTOP_FONT_SIZE.body1 + "rem",
fontWeight: 400,
lineHeight: 1.5,
letterSpacing: 0,
textTransform: 'none'
},
body2: {
fontSize: DESKTOP_FONT_SIZE.body2 + "rem",
fontWeight: 400,
lineHeight: 1.5,
letterSpacing: 0,
textTransform: 'none'
},
button: {
fontSize: DESKTOP_FONT_SIZE.button + "rem",
fontWeight: 500,
lineHeight: 1,
letterSpacing: 0,
textTransform: 'none'
},
caption: {
fontSize: DESKTOP_FONT_SIZE.caption + "rem",
fontWeight: 500,
lineHeight: 1.5,
letterSpacing: 0,
textTransform: 'none'
},
overline: {
fontSize: DESKTOP_FONT_SIZE.overline + "rem",
fontWeight: 500,
lineHeight: 1.5,
letterSpacing: 0,
textTransform: 'none'
}
},
shadows: ['none', '0 1px 4px rgba(0, 0, 0, 0.12)', '0 4px 12px rgba(0, 0, 0, 0.08)', '0 6px 24px rgba(0, 0, 0, 0.1), 0 4px 12px rgba(0, 0, 0, 0.02)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 6px 24px rgba(0, 0, 0, 0.1), 0 4px 12px rgba(0, 0, 0, 0.02)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)', '0 8px 48px rgba(0, 0, 0, 0.1), 0 6px 24px rgba(0, 0, 0, 0.04)']
});
var MuiAccordion = {
root: {
borderTop: "1px solid " + core.palette.grey.A400,
boxShadow: 'none',
'&::before': {
display: 'none'
},
'&$expanded': {
margin: 0
}
}
};
var MuiAccordionDetails = {
root: {
display: 'block',
padding: '0 2rem 2rem'
}
};
var MuiAccordionSummary = {
content: {
margin: '2rem 0',
'&$expanded': {
margin: '2rem 0'
}
},
expandIcon: {
color: core.palette.grey[600]
},
root: {
padding: '0 2rem'
}
};
var MuiAlert = {
root: {
padding:
/*#__PURE__*/
core.spacing(1) + "px " +
/*#__PURE__*/
core.spacing(2) + "px"
},
standardInfo: {
backgroundColor: core.palette.info.lighter,
color: core.palette.grey[700]
},
standardError: {
backgroundColor: core.palette.error.lighter,
color: core.palette.grey[700]
},
standardWarning: {
backgroundColor: core.palette.warning.lighter,
color: core.palette.grey[700]
},
standardSuccess: {
backgroundColor: core.palette.success.lighter,
color: core.palette.grey[700]
},
icon: {
marginRight:
/*#__PURE__*/
core.spacing(1),
padding:
/*#__PURE__*/
core.spacing(1) + "px 0"
},
action: {
alignItems: 'flex-start',
color: core.palette.grey[500],
marginTop:
/*#__PURE__*/
core.spacing(1)
}
};
var MuiAlertTitle = {
root: {
fontSize: core.typography.h6.fontSize,
fontWeight: core.typography.h6.fontWeight
}
};
function _extends() {
_extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
return _extends.apply(this, arguments);
}
function _objectWithoutPropertiesLoose(source, excluded) {
if (source == null) return {};
var target = {};
var sourceKeys = Object.keys(source);
var key, i;
for (i = 0; i < sourceKeys.length; i++) {
key = sourceKeys[i];
if (excluded.indexOf(key) >= 0) continue;
target[key] = source[key];
}
return target;
}
function _taggedTemplateLiteralLoose(strings, raw) {
if (!raw) {
raw = strings.slice(0);
}
strings.raw = raw;
return strings;
}
var MuiAutocomplete = {
root:
/*#__PURE__*/
_extends({
'&.Mui-focused .MuiOutlinedInput-root': {
borderBottomLeftRadius: 0,
borderBottomRightRadius: 0
}
}, core.typography.body2),
paper: {
padding: 0,
marginTop: -1,
border: 'solid',
borderTopLeftRadius: 0,
borderTopRightRadius: 0,
borderWidth: 1,
borderColor: core.palette.primary.main
},
listbox: {
'&::-webkit-scrollbar': {
width: 0
}
},
option:
/*#__PURE__*/
_extends({}, core.typography.body2),
tag: {
margin:
/*#__PURE__*/
core.spacing(0)
}
};
var MuiBackdrop = {
root: {
backgroundColor:
/*#__PURE__*/
styles$6.alpha(core.palette.common.black, 0.4)
}
};
var MuiButton = {
root: {
padding: '11px 16px'
},
sizeLarge: {
fontSize: core.typography.button.fontSize
},
sizeSmall: {
fontSize: core.typography.button.fontSize
},
contained: {
backgroundColor: core.palette.grey.A200,
color: core.palette.grey[600],
padding: '11px 16px',
'&:hover': {
backgroundColor: core.palette.grey.A400
},
'&:disabled': {
backgroundColor: core.palette.grey[300],
color: core.palette.grey[50]
}
},
containedSizeSmall: {
padding: '9px 16px'
},
containedSizeLarge: {
padding: '13px 16px'
},
containedPrimary: {
color: core.palette.grey[50]
},
text: {
color: core.palette.grey[600],
padding: '11px 16px',
'&:hover': {
backgroundColor: core.palette.grey.A400
},
'&:disabled': {
color: core.palette.grey[300]
}
},
textSizeSmall: {
padding: '9px 16px'
},
textSizeLarge: {
padding: '13px 16px'
},
textPrimary: {
color: core.palette.grey[600],
'&:hover': {
color: core.palette.primary.main,
backgroundColor: core.palette.primary.lightest
}
},
textSecondary: {
color: core.palette.text.secondary,
'&:hover': {
color: core.palette.secondary.main,
backgroundColor: core.palette.secondary.lightest
}
},
outlined: {
color: core.palette.grey[600],
padding: '10px 15px',
border: "1px solid " + core.palette.grey[600],
'&:disabled': {
color: core.palette.grey[300],
border: "1px solid " + core.palette.grey[300]
}
},
outlinedSizeLarge: {
padding: '12px 15px'
},
outlinedSizeSmall: {
padding: '8px 15px'
},
outlinedPrimary: {
border: "1px solid " + core.palette.primary.main,
'&:hover': {
backgroundColor: core.palette.primary.lightest
}
},
outlinedSecondary: {
border: "1px solid " + core.palette.secondary.main,
'&:hover': {
backgroundColor: core.palette.secondary.lightest
}
},
iconSizeSmall: {
'& > *:first-child': {
fontSize: '16px'
}
},
startIcon: {
marginRight:
/*#__PURE__*/
core.spacing(0.5)
},
endIcon: {
marginLeft:
/*#__PURE__*/
core.spacing(0.5)
}
};
var MuiCard = {
root: {
boxShadow: 'none',
backgroundColor: 'initial'
}
};
var MuiCardActionArea = {
root: {
'&:hover .MuiCardActionArea-focusHighlight': {
opacity: 0
}
}
};
var MuiCheckbox = {
indeterminate: {
color: core.palette.primary.main
}
};
var MuiChip = {
root:
/*#__PURE__*/
_extends({
backgroundColor: core.palette.grey.A200,
borderRadius:
/*#__PURE__*/
core.spacing(0.5),
color: 'inherit',
height: 'unset',
padding:
/*#__PURE__*/
core.spacing(0.25, 0)
}, core.typography.subtitle1),
icon: {
color: 'inherit'
},
iconSmall: {
width: '1em',
height: '1em'
},
label: {
paddingLeft:
/*#__PURE__*/
core.spacing(1),
paddingRight:
/*#__PURE__*/
core.spacing(1),
'.MuiChip-icon + &': {
padding: '0 4px 0 8px'
}
},
colorPrimary: {
color: core.palette.primary.main,
backgroundColor: core.palette.primary.lightest
},
clickable: {
'&:focus': {
backgroundColor: core.palette.grey.A400
},
'&:hover': {
backgroundColor: core.palette.grey.A400
},
'&:active': {
boxShadow: 'none'
}
},
sizeSmall:
/*#__PURE__*/
_extends({
height: 'unset'
}, core.typography.overline)
};
var MuiDialogActions = {
root: {
padding:
/*#__PURE__*/
core.spacing(2, 3, 2)
},
spacing: {
'& > :not(:first-child)': {
marginLeft:
/*#__PURE__*/
core.spacing(2)
}
}
};
var MuiDialogContent = {
root: {
padding:
/*#__PURE__*/
core.spacing(1, 3, 3),
'&:first-child': {
paddingTop: 4
}
},
dividers: {
borderTop: 'none',
padding: '4px 24px 24px',
borderBottom: "1px solid " + core.palette.grey[100]
}
};
var MuiDialogTitle = {
root: {
padding:
/*#__PURE__*/
core.spacing(3, 3, 1)
}
};
var MuiDivider = {
root: {
backgroundColor: core.palette.grey.A400
},
light: {
backgroundColor: core.palette.grey.A200
}
};
var MuiFormControlLabel = {
label: {
color: core.palette.text.primary,
'&.Mui-disabled': {
color: core.palette.grey[300]
},
fontSize: core.typography.button.fontSize,
fontWeight: core.typography.button.fontWeight
}
};
var MuiFormHelperText = {
root: {
marginTop:
/*#__PURE__*/
core.spacing(0.5),
color: core.palette.grey[600],
"&.Mui-error": {
color: core.palette.error.dark
}
}
};
var MuiFormLabel = {
root:
/*#__PURE__*/
_extends({}, core.typography.caption, {
margin: 0,
color: core.palette.grey[700]
}),
asterisk: {
color: core.palette.primary.main,
'.Mui-disabled &': {
color: 'inherit'
}
}
};
var MuiIconButton = {
root: {
padding:
/*#__PURE__*/
core.spacing(1.25)
},
sizeSmall: {
padding:
/*#__PURE__*/
core.spacing(1),
'& svg.MuiSvgIcon-root': {
fontSize: 16
}
},
colorPrimary: {
'&:focus': {
color: core.palette.primary.main,
backgroundColor: core.palette.primary.lightest
},
'&:hover': {
color: core.palette.primary.main,
backgroundColor: core.palette.primary.lightest
}
}
};
var MuiLinearProgress = {
root: {
height: 10,
borderRadius: 2
},
colorPrimary: {
backgroundColor: core.palette.grey[100]
},
colorSecondary: {
backgroundColor: core.palette.grey[100]
},
barColorPrimary: {
backgroundColor: core.palette.primary.main
},
barColorSecondary: {
backgroundColor: core.palette.error.main
}
};
var MuiLink = {
root: {
'&:hover': {
color: function color(props) {
return props.color && (props.color === 'primary' || props.color === 'secondary' || props.color === 'error') ? core.palette[props.color].dark : 'inherit';
}
}
}
};
var MuiList = {
root: {
backgroundColor: core.palette.common.white
},
padding: {
paddingLeft:
/*#__PURE__*/
core.spacing(1),
paddingRight:
/*#__PURE__*/
core.spacing(1)
}
};
var MuiListSubheader = {
root: {
lineHeight: 1.6,
color: core.palette.grey[500]
}
};
var MuiMenuItem = {
root:
/*#__PURE__*/
_extends({}, core.typography.body2, {
padding:
/*#__PURE__*/
core.spacing(0.5) + "px " +
/*#__PURE__*/
core.spacing(1) + "px",
'&.Mui-selected': {
color: core.palette.primary.main,
backgroundColor: core.palette.primary.lightest,
'&:hover': {
backgroundColor: core.palette.primary.lightest
}
},
'&:hover': {
backgroundColor: core.palette.primary.lighter,
color: core.palette.primary.dark
}
})
};
var MuiOutlinedInput = {
root:
/*#__PURE__*/
_extends({
'&$disabled input': {
cursor: 'not-allowed'
},
'&$disabled $notchedOutline': {
borderColor: core.palette.grey[200]
},
'&$disabled:hover $notchedOutline': {
borderColor: core.palette.grey[200]
},
'label + &': {
marginTop:
/*#__PURE__*/
core.spacing(1)
},
'&:hover .MuiOutlinedInput-notchedOutline': {
borderColor: core.palette.grey[500]
},
'&.Mui-focused .MuiOutlinedInput-notchedOutline': {
borderWidth: 1,
borderColor: function borderColor(props) {
return props.color && (props.color === 'primary' || props.color === 'secondary') ? core.palette[props.color].main : core.palette.primary.main;
}
},
'&.Mui-error .MuiOutlinedInput-notchedOutline': {
borderColor: core.palette.error.main
},
'&.Mui-error:hover .MuiOutlinedInput-notchedOutline': {
borderColor: core.palette.error.main
},
'&.Mui-focused.Mui-error .MuiOutlinedInput-notchedOutline': {
borderColor: core.palette.error.main
}
}, core.typography.body2),
input: {
padding:
/*#__PURE__*/
core.spacing(1.5) + "px " +
/*#__PURE__*/
core.spacing(1) + "px"
},
notchedOutline: {
borderColor: core.palette.grey.A700
},
adornedStart: {
paddingLeft:
/*#__PURE__*/
core.spacing(1)
},
adornedEnd: {
paddingRight:
/*#__PURE__*/
core.spacing(1)
}
};
var MuiRadio = {
root: {
color: core.palette.grey.A700,
'&$checked$colorPrimary, &$checked$colorSecondary': {
color: core.palette.grey.A700
}
},
colorPrimary: {
'&$checked': {
'& .MuiSvgIcon-root:nth-child(2)': {
color: core.palette.primary.main
}
}
},
colorSecondary: {
'&$checked': {
'& .MuiSvgIcon-root:nth-child(2)': {
color: core.palette.secondary.main
}
}
}
};
var useMenuStyles =
/*#__PURE__*/
styles$6.makeStyles(function (theme) {
return {
root: {
boxShadow: 'none',
border: "1px solid " + theme.palette.primary.main
}
};
});
var MuiSelect = {
root:
/*#__PURE__*/
_extends({}, core.typography.body2, {
color: core.palette.grey[700]
}),
select: {
'&$disabled': {
cursor: 'not-allowed'
},
'.Mui-focused &': {
backgroundColor: core.palette.common.white,
borderRadius: 4
}
},
outlined: {
padding: "9px 32px 9px 8px"
},
icon: {
color: core.palette.grey[500],
top: 'calc(50% - 10px)',
'.Mui-focused &': {
color: core.palette.primary.main
}
}
};
var MuiSlider = {
root: {
height: 5
},
thumb: {
width: 24,
height: 24,
marginTop: -11,
marginLeft: -12,
backgroundColor: core.palette.common.white,
border: '1px solid currentColor',
'&$disabled': {
width: 16,
height: 16,
marginTop: -6,
marginLeft: -8
}
},
valueLabel: {
left: 'calc(-50% + 8px)'
},
rail: {
height: 5,
borderRadius: 2.5,
backgroundColor: core.palette.grey[100],
opacity: 1
},
track: {
height: 5,
borderRadius: 2.5
}
};
var _root;
var MuiSnackbarContent = {
root: (_root = {
backgroundColor: core.palette.common.white,
color: core.palette.grey[700],
padding: 0
}, _root[
/*#__PURE__*/
core.breakpoints.up('sm')] = {
minWidth: 'initial'
}, _root),
message: {
padding: 0,
width: '100%'
}
};
var MuiStepConnector = {
line: {
borderColor: core.palette.grey.A400
},
alternativeLabel: {
left: 'calc(-50% + 20px)',
right: 'calc(50% + 20px)'
}
};
var MuiStepIcon = {
root: {
color: core.palette.grey[500],
width: '1.5rem',
height: '1.5rem'
},
text: {
fill: core.palette.common.white,
fontWeight: core.typography.fontWeightMedium
}
};
var MOBILE_FONT_SIZE;
(function (MOBILE_FONT_SIZE) {
MOBILE_FONT_SIZE[MOBILE_FONT_SIZE["h1"] = 1.5] = "h1";
MOBILE_FONT_SIZE[MOBILE_FONT_SIZE["h2"] = 1.375] = "h2";
MOBILE_FONT_SIZE[MOBILE_FONT_SIZE["h3"] = 1.25] = "h3";
MOBILE_FONT_SIZE[MOBILE_FONT_SIZE["h4"] = 1.125] = "h4";
MOBILE_FONT_SIZE[MOBILE_FONT_SIZE["h5"] = 1] = "h5";
MOBILE_FONT_SIZE[MOBILE_FONT_SIZE["h6"] = 0.875] = "h6";
MOBILE_FONT_SIZE[MOBILE_FONT_SIZE["subtitle1"] = 0.875] = "subtitle1";
MOBILE_FONT_SIZE[MOBILE_FONT_SIZE["body1"] = 1] = "body1";
MOBILE_FONT_SIZE[MOBILE_FONT_SIZE["body2"] = 0.875] = "body2";
MOBILE_FONT_SIZE[MOBILE_FONT_SIZE["button"] = 0.875] = "button";
MOBILE_FONT_SIZE[MOBILE_FONT_SIZE["caption"] = 0.875] = "caption";
MOBILE_FONT_SIZE[MOBILE_FONT_SIZE["overline"] = 0.75] = "overline";
})(MOBILE_FONT_SIZE || (MOBILE_FONT_SIZE = {}));
var _extends2;
var MuiStepLabel = {
label:
/*#__PURE__*/
_extends({}, core.typography.h6, (_extends2 = {}, _extends2[
/*#__PURE__*/
core.breakpoints.down('md')] = {
fontSize: MOBILE_FONT_SIZE.h6 + "rem"
}, _extends2['&$active, &$completed'] = {
color: core.palette.primary.main
}, _extends2['&$alternativeLabel'] = {
marginTop:
/*#__PURE__*/
core.spacing(0.5)
}, _extends2))
};
var MuiStepper = {
root: {
padding: 0,
'&.MuiPaper-root': {
backgroundColor: 'initial'
}
}
};
var MuiSvgIcon = {
root: {
fontSize: '1.25rem'
},
colorAction: {
color: core.palette.grey[500]
},
fontSizeSmall: {
fontSize: '1rem'
},
fontSizeLarge: {
fontSize: '1.5rem'
}
};
var MuiSwitch = {
switchBase: {
'&.Mui-disabled': {
color: core.palette.common.white
},
'&.Mui-checked + .MuiSwitch-track': {
opacity: 1
},
'&.Mui-disabled.Mui-checked + .MuiSwitch-track': {
backgroundColor: core.palette.grey[100],
opacity: 1
},
'&.Mui-disabled + .MuiSwitch-track': {
backgroundColor: core.palette.grey[100],
opacity: 1
}
},
track: {
opacity: 1,
backgroundColor: core.palette.grey[400],
border: "1px solid " + core.palette.grey.A200
},
colorPrimary: {
'&.Mui-disabled': {
color: core.palette.common.white
},
'&.Mui-checked': {
color: core.palette.common.white
},
'&.Mui-checked + .MuiSwitch-track': {
backgroundColor: core.palette.primary.main
},
'&.Mui-disabled.Mui-checked + .MuiSwitch-track': {
backgroundColor: core.palette.primary.lighter,
opacity: 1
},
'&.Mui-disabled + .MuiSwitch-track': {
backgroundColor: core.palette.grey[100],
opacity: 1
}
},
colorSecondary: {
'&.Mui-disabled': {
color: core.palette.common.white
},
'&.Mui-checked': {
color: core.palette.common.white
},
'&.Mui-disabled.Mui-checked + .MuiSwitch-track': {
backgroundColor: core.palette.secondary.lighter,
opacity: 1
},
'&.Mui-disabled + .MuiSwitch-track': {
backgroundColor: core.palette.grey[100],
opacity: 1
}
}
};
var MuiTab = {
root:
/*#__PURE__*/
_extends({}, core.typography.body1, {
padding: 0,
minHeight: 64,
maxWidth: 'initial',
minWidth: 'initial',
color: core.palette.grey[600],
textTransform: 'none',
'@media (min-width: 600px)': {
minWidth: 'initial'
},
'.MuiTabs-vertical &&': {
minHeight: '40px',
marginLeft: 0
}
}),
textColorPrimary: {
color: core.palette.grey[600],
'&$selected': {
'&:hover': {
color: core.palette.primary.dark
}
},
'&:hover': {
color: core.palette.primary.main
}
},
wrapper: {
'.MuiTabs-vertical &': {
alignItems: 'flex-start',
paddingLeft:
/*#__PURE__*/
core.spacing(1)
}
}
};
var MuiTableCell = {
body: {
color: core.palette.grey[800]
},
head: {
backgroundColor: core.palette.common.white,
borderBottom: "1px solid " + core.palette.grey.A200,
color: core.palette.grey[600],
lineHeight: 1.5,
padding:
/*#__PURE__*/
core.spacing(2) + "px"
},
root: {
borderBottom: 'none',
padding:
/*#__PURE__*/
core.spacing(1.5) + "px " +
/*#__PURE__*/
core.spacing(2) + "px"
},
stickyHeader: {
backgroundColor: core.palette.common.white
}
};
var MuiTablePagination = {
input: {
border: "1px solid " + core.palette.grey[500],
borderRadius: 4
},
select: {
color: core.palette.grey[600],
paddingBottom: 4,
paddingTop: 4
},
selectRoot: {
marginLeft: 20,
marginRight: 40
},
caption: {
color: core.palette.grey[600],
fontWeight: 500
},
actions: {
'& > button.Mui-disabled': {
color: core.palette.grey[500]
},
'& > button': {
color: core.palette.grey[700]
}
}
};
var MuiTableRow = {
root: {
'&:nth-of-type(even)': {
backgroundColor: core.palette.grey[50]
},
'&:nth-of-type(odd)': {
backgroundColor: core.palette.grey.A100
},
'&:hover': {
backgroundColor: core.palette.grey.A200
},
'& > th': {
fontWeight: 500
}
}
};
var MuiTabs = {
flexContainer: {
'& > :not(:first-of-type)': {
marginLeft: 24
}
},
indicator: {
'$vertical &': {
left: 0,
right: 'initial'
}
}
};
var MuiToggleButton = {
root: {
borderColor: core.palette.grey.A400,
color: core.palette.grey[600],
padding: '5px 15px',
'&:hover': {
backgroundColor:
/*#__PURE__*/
styles$6.alpha(core.palette.primary.light, 0.2),
color: core.palette.primary.main
},
'&$selected': {
backgroundColor: core.palette.primary.main,
borderColor: core.palette.primary.main,
color: core.palette.grey[50],
'&:hover': {
backgroundColor:
/*#__PURE__*/
styles$6.alpha(core.palette.primary.main, 0.95),
color: core.palette.grey[50]
}
}
}
};
var MuiToggleButtonGroup = {
groupedHorizontal: {
'&:hover': {
borderColor: core.palette.primary.main
}
}
};
var MuiTooltip = {
arrow: {
color: core.palette.grey[700]
},
tooltip: {
backgroundColor: core.palette.grey[700],
boxShadow: '0px 1px 2px rgba(69, 69, 69, 0.1), 0px 1px 4px rgba(69, 69, 69, 0.2)',
fontSize: 14,
fontWeight: 400,
lineHeight: 1.6,
padding: 8
}
};
var _h, _h2, _h3, _h4, _h5, _h6;
var MuiTypography = {
h1: (_h = {}, _h[
/*#__PURE__*/
core.breakpoints.down('md')] = {
fontSize: MOBILE_FONT_SIZE.h1 + "rem"
}, _h),
h2: (_h2 = {}, _h2[
/*#__PURE__*/
core.breakpoints.down('md')] = {
fontSize: MOBILE_FONT_SIZE.h2 + "rem"
}, _h2),
h3: (_h3 = {}, _h3[
/*#__PURE__*/
core.breakpoints.down('md')] = {
fontSize: MOBILE_FONT_SIZE.h3 + "rem"
}, _h3),
h4: (_h4 = {}, _h4[
/*#__PURE__*/
core.breakpoints.down('md')] = {
fontSize: MOBILE_FONT_SIZE.h4 + "rem"
}, _h4),
h5: (_h5 = {}, _h5[
/*#__PURE__*/
core.breakpoints.down('md')] = {
fontSize: MOBILE_FONT_SIZE.h5 + "rem"
}, _h5),
h6: (_h6 = {}, _h6[
/*#__PURE__*/
core.breakpoints.down('md')] = {
fontSize: MOBILE_FONT_SIZE.h6 + "rem"
}, _h6)
};
var useMUITheme = function useMUITheme() {
return styles$6.useTheme();
};
var theme =
/*#__PURE__*/
styles$6.createTheme({
overrides: {
MuiAccordion: MuiAccordion,
MuiAccordionDetails: MuiAccordionDetails,
MuiAccordionSummary: MuiAccordionSummary,
MuiAlert: MuiAlert,
MuiAlertTitle: MuiAlertTitle,
MuiAutocomplete: MuiAutocomplete,
MuiBackdrop: MuiBackdrop,
MuiButton: MuiButton,
MuiCard: MuiCard,
MuiCardActionArea: MuiCardActionArea,
MuiCheckbox: MuiCheckbox,
MuiChip: MuiChip,
MuiDialogActions: MuiDialogActions,
MuiDialogContent: MuiDialogContent,
MuiDialogTitle: MuiDialogTitle,
MuiDivider: MuiDivider,
MuiFormControlLabel: MuiFormControlLabel,
MuiFormHelperText: MuiFormHelperText,
MuiFormLabel: MuiFormLabel,
MuiIconButton: MuiIconButton,
MuiLinearProgress: MuiLinearProgress,
MuiLink: MuiLink,
MuiList: MuiList,
MuiListSubheader: MuiListSubheader,
MuiMenuItem: MuiMenuItem,
MuiOutlinedInput: MuiOutlinedInput,
MuiRadio: MuiRadio,
MuiSelect: MuiSelect,
MuiSlider: MuiSlider,
MuiSnackbarContent: MuiSnackbarContent,
MuiStepConnector: MuiStepConnector,
MuiStepIcon: MuiStepIcon,
MuiStepLabel: MuiStepLabel,
MuiStepper: MuiStepper,
MuiSvgIcon: MuiSvgIcon,
MuiSwitch: MuiSwitch,
MuiTab: MuiTab,
MuiTableCell: MuiTableCell,
MuiTablePagination: MuiTablePagination,
MuiTableRow: MuiTableRow,
MuiTabs: MuiTabs,
MuiToggleButton: MuiToggleButton,
MuiToggleButtonGroup: MuiToggleButtonGroup,
MuiTooltip: MuiTooltip,
MuiTypography: MuiTypography
}
}, core);
var ThemeProvider = function ThemeProvider(props) {
var children = props.children;
return React__default.createElement(emotionTheming.ThemeProvider, {
theme: theme
}, React__default.createElement(styles$6.StylesProvider, {
injectFirst: true
}, React__default.createElement(styles$6.ThemeProvider, {
theme: theme
}, children)));
};
var PureThemeProvider = function PureThemeProvider(props) {
return React__default.createElement(styles$6.ThemeProvider, {
theme: theme
}, props.children);
};
var Accordion =
/*#__PURE__*/
React.forwardRef(function (props, ref) {
return React__default.createElement(MuiAccordion$1, Object.assign({}, props, {
ref: ref
}));
});
var AccordionDetails =
/*#__PURE__*/
React.forwardRef(function (props, ref) {
return React__default.createElement(MuiAccordionDetails$1, Object.assign({}, props, {
ref: ref
}));
});
/**
* Please use customEmotion for all emotion related imports due to the nonce issue.
* Reference:
* https://emotion.sh/docs/@emotion/cache#nonce
* https://emotion.sh/docs/@emotion/css#multiple-instances-in-a-single-app-example
*/
/**
* Like the way JSS fetch nonce from meta tag.
* (ref.: https://github.com/cssinjs/jss/blob/master/docs/csp.md)
* @returns nonce if it exists, otherwise undefined
*/
var getNonce = function getNonce() {
var cspMeta = document && document.querySelector("meta[property='csp-nonce']");
var nonce = cspMeta && cspMeta.getAttribute('content');
return nonce ? nonce : undefined;
};
var _createEmotion =
/*#__PURE__*/
createEmotion({
nonce:
/*#__PURE__*/
getNonce()
}),
flush = _createEmotion.flush,
hydrate = _createEmotion.hydrate,
cx = _createEmotion.cx,
merge = _createEmotion.merge,
getRegisteredStyles = _createEmotion.getRegisteredStyles,
injectGlobal = _createEmotion.injectGlobal,
keyframes = _createEmotion.keyframes,
css = _createEmotion.css,
sheet = _createEmotion.sheet,
cache = _createEmotion.cache;
var MenuItem =
/*#__PURE__*/
React.forwardRef(function (props, ref) {
var rest = _objectWithoutPropertiesLoose(props, ["button"]);
return React__default.createElement(MuiMenuItem$1, Object.assign({}, rest, {
ref: ref
}), props.children);
});
MenuItem.displayName = 'MenuItem';
var Checkbox =
/*#__PURE__*/
React.forwardRef(function (props, ref) {
return React__default.createElement(MUICheckbox, Object.assign({}, props, {
ref: ref
}));
});
Checkbox.displayName = 'Checkbox';
var useCustomStyle =
/*#__PURE__*/
styles$6.makeStyles(function (theme) {
return {
container: {
padding: '8px 8px 8px 48px',
backgroundColor: theme.palette.common.white,
'&:hover': {
backgroundColor: theme.palette.primary.lightest,
'& .MuiSvgIcon-root': {
color: theme.palette.primary.main
}
},
'&.Mui-selected': {
backgroundColor: theme.palette.primary.lightest,
'& > div': {
backgroundColor: theme.palette.primary.main,
color: theme.palette.common.white
}
}
},
checkbox: {
padding: 0,
color: theme.palette.grey['A400'],
width: '32px',
height: '32px',
alignSelf: 'center',
'&:hover': {
backgroundColor: 'none'
},
'& .MuiSvgIcon-root': {
width: '16px',
height: '16px'
},
'&.MuiCheckbox-indeterminate': {
'& .MuiSvgIcon-root': {
color: theme.palette.primary.main
}
}
},
greyBlock: {
minHeight: '30px',
padding: '4px 8px',
color: theme.palette.grey[600],
backgroundColor: theme.palette.grey[100],
fontSize: '14px',
fontWeight: 500,
lineHeight: '21px',
borderRadius: '4px',
alignSelf: 'center',
whiteSpace: 'pre-wrap'
}
};
});
var AccordionSelectItem = function AccordionSelectItem(_ref) {
var _cx;
var value = _ref.value,
_ref$checked = _ref.checked,
checked = _ref$checked === void 0 ? false : _ref$checked,
indeterminate = _ref.indeterminate,
text = _ref.text,
handleChangeValue = _ref.handleChangeValue;
var theme = useMUITheme();
var customOptionStyle = useCustomStyle(theme);
return React__default.createElement(MenuItem, {
className: cx(customOptionStyle.container, (_cx = {}, _cx['Mui-selected'] = checked, _cx)),
value: value,
key: value,
onClick: function onClick() {
return handleChangeValue(value);
}
}, React__default.createElement(Checkbox, {
color: "primary",
checked: checked,
className: customOptionStyle.checkbox,
indeterminate: indeterminate
}), React__default.createElement("div", {
className: customOptionStyle.greyBlock
}, text));
};
var Advertisement =
/*#__PURE__*/
React.forwardRef(function (props, ref) {
return React__default.createElement(SvgIcon, Object.assign({}, props, {
ref: ref,
viewBox: "0 0 24 24"
}), React__default.createElement("g", {
clipPath: "url(#clip0_2545_1114)"
}, React__default.createElement("path", {
d: "M4 4H20C21.1 4 22 4.9 22 6V18C22 19.1 21.1 20 20 20H4C2.9 20 2 19.1 2 18V6C2 4.9 2.9 4 4 4ZM4 6V18H20V6H4Z"
}), React__default.createElement("path", {
d: "M12.6 7V17H16.6C17.7 17 18.6 16.1 18.6 15V9C18.6 7.9 17.7 7 16.6 7H12.6ZM14.6 9H16.6V15H14.6V9ZM7.4 7C6.3 7 5.4 7.9 5.4 9V17H7.4V13H9.4V17H11.4V9C11.4 7.9 10.5 7 9.4 7H7.4ZM7.4 9H9.4V11H7.4V9Z"
})), React__default.createElement("defs", null, React__default.createElement("clipPath", {
id: "clip0_2545_1114"
}, React__default.createElement("rect", {
width: "24",
height: "24",
fill: "white"
}))));
});
Advertisement.displayName = 'Advertisement';
var ArrowSort =
/*#__PURE__*/
React.forwardRef(function (props, ref) {
return React__default.createElement(SvgIcon, Object.assign({}, props, {
ref: ref,
viewBox: "0 0 20 20"
}), React__default.createElement("path", {
d: "M13.9609 7.93951L10.4951 4.3777C10.2213 4.09635 9.77864 4.09635 9.50778 4.3777L6.03909 7.93951C5.59932 8.39147 5.91095 9.16669 6.53421 9.16669H13.4658C14.089 9.16669 14.4006 8.39147 13.9609 7.93951Z"
}), React__default.createElement("path", {
d: "M6.53421 10.8333H13.4658C14.089 10.8333 14.4006 11.6085 13.9609 12.0605L10.4951 15.6223C10.2213 15.9037 9.77864 15.9037 9.50778 15.6223L6.03909 1