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

A react based UI components for admin system

import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
import { useRef } 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 Demo = function Demo(_ref) {
  var onOpen = _ref.onOpen,
    _onClick = _ref.onClick;
  var innerRef = useRef();
  return /*#__PURE__*/_jsxs("div", {
    children: [/*#__PURE__*/_jsx(Button, {
      "data-testid": "open-btn",
      onClick: function onClick() {
        return _onClick(innerRef);
      },
      children: "Open Modal"
    }), /*#__PURE__*/_jsx(ModalForm, {
      innerRef: innerRef,
      onOpen: onOpen,
      title: "Test Modal",
      columns: [{
        title: 'Username',
        dataIndex: 'username',
        required: true
      }],
      okButtonProps: _defineProperty({}, 'data-testid', 'ok')
    })]
  });
};
export default Demo;