@hisptz/react-ui/build/cjs/components/ConfirmDialog/ConfirmDialogProvider.stories.js

A collection of reusable complex DHIS2 react ui components.

"use strict";

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

var _ui = require("@dhis2/ui");

var _react = _interopRequireDefault(require("react"));

var _index = require("./index");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

const ExampleChild = _ref => {
  let {
    config
  } = _ref;
  const {
    confirm
  } = (0, _index.useConfirmDialog)();
  return /*#__PURE__*/_react.default.createElement(_ui.Button, {
    onClick: () => {
      confirm(config !== null && config !== void 0 ? config : {
        title: "Are you sure?",
        message: "Your confirm message will appear here",
        onConfirm: () => {
          alert("Confirmed 🤗");
        },
        onCancel: () => {
          alert("Cancelled 😔");
        }
      });
    }
  }, "Click me!");
};

const Template = args => /*#__PURE__*/_react.default.createElement(_index.ConfirmDialogProvider, null, args.children);

const ConfirmDialogInProvider = Template.bind({});
exports.ConfirmDialogInProvider = ConfirmDialogInProvider;
ConfirmDialogInProvider.args = {
  children: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(ExampleChild, null))
};
const ConfirmDialogInProviderWithOptions = Template.bind({});
exports.ConfirmDialogInProviderWithOptions = ConfirmDialogInProviderWithOptions;
ConfirmDialogInProviderWithOptions.args = {
  children: /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(ExampleChild, {
    config: {
      title: "Are you sure?",
      message: "Your confirm message will appear here",
      onConfirm: () => {
        alert("Confirmed 🤗");
      },
      onCancel: () => {
        alert("Cancelled 😔");
      },
      customActions: [{
        label: "Custom",
        color: "secondary",
        onClick: () => {
          alert("Custom 😉");
        }
      }],
      cancelButtonText: "Custom cancel",
      confirmButtonText: "Custom confirm",
      confirmButtonColor: "primary"
    }
  }))
};
var _default = {
  title: "Components/Confirm Dialog/Confirm Dialog Provider",
  component: ConfirmDialogInProvider
};
exports.default = _default;