@talend/react-components/lib-esm/ConfirmDialog/ConfirmDialog.component.js

Set of react components.

import PropTypes from 'prop-types';
import Dialog from '../Dialog';
import Action from '../Actions/Action';

/**
 *
 * @param size optional, allow to change the size of the model ( small / large )
 * @param show allow to show the modal
 * @param header optional, set the text property for the header
 * @param children react's components children
 * @param validateAction object, describe the validate action
 * @param cancelAction object, describe the cancel action
 * @param progressValue number, if set shows progressbar with progress of progressValue
 * @param bodyOverflow bool, default true,
 * modal body automaticaly show a scrollbar if content overflow
 *
 const defaultProps = {
	header: 'Hello world',
	show: true,
	validateAction: {
		label: 'OK',
		onClick: action('ok'),
	},
	cancelAction: {
		label: 'CANCEL',
		onClick: action('cancel'),
	},
};
 const children = (<div>BODY content. You can put what ever you want here</div>);
 <ConfirmDialog {...defaultProps}>{children}</ConfirmDialog>
 * @constructor
 */
import { jsx as _jsx } from "react/jsx-runtime";
function ConfirmDialog({
  children,
  validateAction,
  secondaryActions,
  cancelAction,
  progressLabel,
  progressValue,
  onHide,
  ...props
}) {
  const actions = {
    left: [],
    center: [],
    right: []
  };
  if (cancelAction) {
    actions.left.push(cancelAction);
  }
  if (secondaryActions) {
    actions.right = actions.right.concat(secondaryActions);
  }
  if (validateAction) {
    actions.right.push(validateAction);
  }
  let progress;
  if (progressValue) {
    progress = {
      percent: progressValue,
      tooltip: progressLabel
    };
  }
  function onHideHandler(event) {
    if (cancelAction && cancelAction.onClick) {
      cancelAction.onClick();
    }
    return onHide ? onHide(event) : null;
  }
  return /*#__PURE__*/_jsx(Dialog, {
    progress: progress,
    closeButton: false,
    actionbar: {
      actions
    },
    onHide: onHideHandler,
    ...props,
    children: children
  });
}
ConfirmDialog.displayName = 'ConfirmDialog';
ConfirmDialog.defaultValue = {
  secondaryActions: []
};
ConfirmDialog.propTypes = {
  header: PropTypes.string,
  size: PropTypes.oneOf(['small', 'large']),
  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]),
  show: PropTypes.bool,
  cancelAction: PropTypes.shape(Action.propTypes),
  validateAction: PropTypes.shape(Action.propTypes),
  secondaryActions: PropTypes.arrayOf(PropTypes.shape(Action.propTypes)),
  progressLabel: PropTypes.string,
  progressValue: PropTypes.number,
  bodyOverflow: PropTypes.bool,
  onHide: PropTypes.func,
  getComponent: PropTypes.func
};
export default ConfirmDialog;
//# sourceMappingURL=ConfirmDialog.component.js.map