@material-ui/lab
Version:
Laboratory for new Material-UI modules.
106 lines (90 loc) • 4.1 kB
JavaScript
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var React = _interopRequireWildcard(require("react"));
var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
var _Dialog = _interopRequireWildcard(require("@material-ui/core/Dialog"));
var _styles = require("@material-ui/core/styles");
var _dimensions = require("./constants/dimensions");
var _jsxRuntime = require("react/jsx-runtime");
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
const PickersModalDialogRoot = (0, _styles.styled)(_Dialog.default, {
skipSx: true
})({
[`& .${_Dialog.dialogClasses.container}`]: {
outline: 0
},
[`& .${_Dialog.dialogClasses.paper}`]: {
outline: 0,
minWidth: _dimensions.DIALOG_WIDTH
}
});
const PickersModalDialogContent = (0, _styles.styled)(_DialogContent.default, {
skipSx: true
})({
'&:first-of-type': {
padding: 0
}
});
const PickersModalDialogActions = (0, _styles.styled)(_DialogActions.default, {
skipSx: true
})(({
styleProps
}) => (0, _extends2.default)({}, (styleProps.clearable || styleProps.showTodayButton) && {
// set justifyContent to default value to fix IE11 layout bug
// see https://github.com/mui-org/material-ui-pickers/pull/267
justifyContent: 'flex-start',
'& > *:first-of-type': {
marginRight: 'auto'
}
}));
const PickersModalDialog = props => {
const {
cancelText = 'Cancel',
children,
clearable = false,
clearText = 'Clear',
DialogProps = {},
okText = 'OK',
onAccept,
onClear,
onDismiss,
onSetToday,
open,
showTodayButton = false,
todayText = 'Today'
} = props;
const styleProps = props;
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersModalDialogRoot, (0, _extends2.default)({
open: open,
onClose: onDismiss
}, DialogProps, {
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(PickersModalDialogContent, {
children: children
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(PickersModalDialogActions, {
styleProps: styleProps,
children: [clearable && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
onClick: onClear,
children: clearText
}), showTodayButton && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
onClick: onSetToday,
children: todayText
}), cancelText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
onClick: onDismiss,
children: cancelText
}), okText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
onClick: onAccept,
children: okText
})]
})]
}));
};
var _default = PickersModalDialog;
exports.default = _default;
;