@material-ui/lab/node/internal/pickers/PickersModalDialog.js

Material-UI Lab - Incubator for Material-UI React components.

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = exports.styles = void 0;

var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));

var React = _interopRequireWildcard(require("react"));

var _clsx = _interopRequireDefault(require("clsx"));

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 = _interopRequireDefault(require("@material-ui/core/Dialog"));

var _styles = require("@material-ui/core/styles");

var _dimensions = require("./constants/dimensions");

const styles = (0, _styles.createStyles)({
  dialogRoot: {
    minWidth: _dimensions.DIALOG_WIDTH
  },
  dialogRootWider: {
    minWidth: _dimensions.DIALOG_WIDTH_WIDER
  },
  dialogContainer: {
    '&:focus > $dialogRoot': {
      outline: 'auto',
      '@media (pointer:coarse)': {
        outline: 0
      }
    }
  },
  dialog: {
    '&:first-child': {
      padding: 0
    }
  },
  dialogAction: {// requested for overrides
  },
  withAdditionalAction: {
    // 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-child': {
      marginRight: 'auto'
    }
  }
});
exports.styles = styles;

const PickersModalDialog = props => {
  const {
    open,
    classes,
    cancelText = 'Cancel',
    children,
    clearable = false,
    clearText = 'Clear',
    okText = 'OK',
    onAccept,
    onClear,
    onDismiss,
    onSetToday,
    showTodayButton = false,
    todayText = 'Today',
    wider,
    DialogProps
  } = props;
  const MuiDialogClasses = DialogProps === null || DialogProps === void 0 ? void 0 : DialogProps.classes;
  return /*#__PURE__*/React.createElement(_Dialog.default, (0, _extends2.default)({
    open: open,
    onClose: onDismiss,
    classes: (0, _extends2.default)({
      container: classes.dialogContainer,
      paper: (0, _clsx.default)(classes.dialogRoot, wider && classes.dialogRootWider)
    }, MuiDialogClasses)
  }, DialogProps), /*#__PURE__*/React.createElement(_DialogContent.default, {
    className: classes.dialog
  }, children), /*#__PURE__*/React.createElement(_DialogActions.default, {
    className: (0, _clsx.default)(classes.dialogAction, (clearable || showTodayButton) && classes.withAdditionalAction)
  }, clearable && /*#__PURE__*/React.createElement(_Button.default, {
    color: "primary",
    onClick: onClear
  }, clearText), showTodayButton && /*#__PURE__*/React.createElement(_Button.default, {
    color: "primary",
    onClick: onSetToday
  }, todayText), cancelText && /*#__PURE__*/React.createElement(_Button.default, {
    color: "primary",
    onClick: onDismiss
  }, cancelText), okText && /*#__PURE__*/React.createElement(_Button.default, {
    color: "primary",
    onClick: onAccept
  }, okText)));
};

var _default = (0, _styles.withStyles)(styles, {
  name: 'MuiPickersModalDialog'
})(PickersModalDialog);

exports.default = _default;