@uiw/react-popover/cjs/Confirm.js

Popover component

"use strict";

var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = Confirm;
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = _interopRequireWildcard(require("react"));
var _ = _interopRequireDefault(require("./"));
var _reactButton = _interopRequireDefault(require("@uiw/react-button"));
var _reactIcon = _interopRequireDefault(require("@uiw/react-icon"));
var _jsxRuntime = require("react/jsx-runtime");
function Confirm(props) {
  var _props$trigger = props.trigger,
    trigger = _props$trigger === void 0 ? 'click' : _props$trigger,
    _props$placement = props.placement,
    placement = _props$placement === void 0 ? 'top' : _props$placement,
    _props$confirmText = props.confirmText,
    confirmText = _props$confirmText === void 0 ? 'Yes' : _props$confirmText,
    title = props.title,
    _props$cancelText = props.cancelText,
    cancelText = _props$cancelText === void 0 ? 'No' : _props$cancelText,
    visibleArrow = props.visibleArrow,
    children = props.children,
    onConfirm = props.onConfirm;
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
    isOpen = _useState2[0],
    setIsOpen = _useState2[1];
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_["default"], {
    isOpen: isOpen,
    visibleArrow: visibleArrow,
    content: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
      style: {
        padding: '12px 16px',
        position: 'relative'
      },
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIcon["default"], {
        type: "information",
        style: {
          position: 'absolute',
          top: 13.5,
          fontSize: 14,
          transform: 'rotate(180deg)',
          color: '#faad14'
        }
      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
        style: {
          paddingLeft: 20
        },
        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
          style: {
            fontSize: 14
          },
          children: title
        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
          style: {
            position: 'relative',
            bottom: 0,
            marginTop: 12,
            display: 'flex',
            justifyContent: 'end'
          },
          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactButton["default"], {
            size: "small",
            onClick: function onClick() {
              return setIsOpen(false);
            },
            children: cancelText
          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactButton["default"], {
            size: "small",
            type: "primary",
            style: {
              marginLeft: 10
            },
            onClick: function onClick() {
              onConfirm === null || onConfirm === void 0 || onConfirm();
              setIsOpen(false);
            },
            children: confirmText
          })]
        })]
      })]
    }),
    trigger: trigger,
    placement: placement,
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      onClick: function onClick() {
        return setIsOpen(true);
      },
      children: children
    })
  });
}
module.exports = exports.default;