@jay.kou/rak-ssr/lib/ModalForm/cases/on-open-control/index.js

A react based UI components for admin system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _react = require("react");
var _antd = require("antd");
var _index = _interopRequireDefault(require("../../index"));
var _jsxRuntime = require("react/jsx-runtime");
var OnOpenControlDemo = function OnOpenControlDemo(_ref) {
  var onOpen = _ref.onOpen;
  var _useState = (0, _react.useState)(false),
    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
    open = _useState2[0],
    setOpen = _useState2[1];
  var handleOpen = function handleOpen() {
    setOpen(true);
  };
  var handleClose = function handleClose() {
    setOpen(false);
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Button, {
      "data-testid": "open-btn",
      onClick: handleOpen,
      children: "Open Modal"
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.default, {
      open: open,
      onOpen: onOpen,
      title: "Test Modal",
      columns: [{
        title: 'Username',
        dataIndex: 'username',
        required: true
      }],
      onCancel: handleClose,
      okButtonProps: (0, _defineProperty2.default)({}, 'data-testid', 'ok')
    })]
  });
};
var _default = exports.default = OnOpenControlDemo;