@dnb/eufemia/cjs/components/dialog/parts/DialogAction.js

DNB Eufemia Design System UI Library

"use strict";
"use client";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = require("react");
var _clsx = _interopRequireDefault(require("clsx"));
var _Button = _interopRequireDefault(require("../../button/Button.js"));
var _Space = _interopRequireDefault(require("../../space/Space.js"));
var _index = require("../../../shared/index.js");
var _ModalContext = _interopRequireDefault(require("../../modal/ModalContext.js"));
var _componentHelper = require("../../../shared/component-helper.js");
var _withComponentMarkers = _interopRequireDefault(require("../../../shared/helpers/withComponentMarkers.js"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const fallbackCloseAction = ({
  close
}) => close();
const DialogAction = ({
  declineText = null,
  confirmText = null,
  hideDecline = false,
  hideConfirm = false,
  onConfirm = fallbackCloseAction,
  onDecline = fallbackCloseAction,
  className,
  children,
  ...props
}) => {
  var _translation$Dialog, _translation$Dialog2;
  const {
    translation,
    Button: ButtonContext
  } = (0, _react.useContext)(_index.Context);
  const {
    close
  } = (0, _react.useContext)(_ModalContext.default);
  let childrenWithCloseFunc;
  const onConfirmHandler = (0, _react.useCallback)(event => {
    (0, _componentHelper.dispatchCustomElementEvent)({
      onConfirm
    }, 'onConfirm', {
      event,
      close
    });
  }, [close, onConfirm]);
  const onDeclineHandler = (0, _react.useCallback)(event => {
    (0, _componentHelper.dispatchCustomElementEvent)({
      onDecline
    }, 'onDecline', {
      event,
      close
    });
  }, [close, onDecline]);
  if (children) {
    childrenWithCloseFunc = _react.Children.map(children, child => {
      if ((0, _react.isValidElement)(child) && child.type === _Button.default) {
        const childElement = child;
        return (0, _react.createElement)(childElement.type, {
          ...(childElement.props || {}),
          onClick: event => {
            (0, _componentHelper.dispatchCustomElementEvent)(childElement.props, 'onClick', {
              event,
              close
            });
          }
        }, childElement.props.children);
      } else {
        return child;
      }
    });
  }
  return (0, _jsxRuntime.jsxs)(_Space.default, {
    element: "section",
    className: (0, _clsx.default)('dnb-dialog__actions', className),
    ...props,
    children: [childrenWithCloseFunc, !children && !hideDecline && (0, _jsxRuntime.jsx)(_Button.default, {
      text: declineText || (translation === null || translation === void 0 || (_translation$Dialog = translation.Dialog) === null || _translation$Dialog === void 0 ? void 0 : _translation$Dialog.declineText),
      variant: "secondary",
      onClick: onDeclineHandler,
      size: (ButtonContext === null || ButtonContext === void 0 ? void 0 : ButtonContext.size) || 'large'
    }), !children && !hideConfirm && (0, _jsxRuntime.jsx)(_Button.default, {
      text: confirmText || (translation === null || translation === void 0 || (_translation$Dialog2 = translation.Dialog) === null || _translation$Dialog2 === void 0 ? void 0 : _translation$Dialog2.confirmText),
      variant: "primary",
      onClick: onConfirmHandler,
      size: (ButtonContext === null || ButtonContext === void 0 ? void 0 : ButtonContext.size) || 'large'
    })]
  });
};
(0, _withComponentMarkers.default)(DialogAction, {
  _supportsSpacingProps: true
});
var _default = exports.default = DialogAction;
//# sourceMappingURL=DialogAction.js.map