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

A react based UI components for admin system

import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
import { useState } from 'react';
import { Button } from 'antd';
import ModalForm from "../../index";
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var OnOpenControlDemo = function OnOpenControlDemo(_ref) {
  var onOpen = _ref.onOpen;
  var _useState = useState(false),
    _useState2 = _slicedToArray(_useState, 2),
    open = _useState2[0],
    setOpen = _useState2[1];
  var handleOpen = function handleOpen() {
    setOpen(true);
  };
  var handleClose = function handleClose() {
    setOpen(false);
  };
  return /*#__PURE__*/_jsxs("div", {
    children: [/*#__PURE__*/_jsx(Button, {
      "data-testid": "open-btn",
      onClick: handleOpen,
      children: "Open Modal"
    }), /*#__PURE__*/_jsx(ModalForm, {
      open: open,
      onOpen: onOpen,
      title: "Test Modal",
      columns: [{
        title: 'Username',
        dataIndex: 'username',
        required: true
      }],
      onCancel: handleClose,
      okButtonProps: _defineProperty({}, 'data-testid', 'ok')
    })]
  });
};
export default OnOpenControlDemo;