@makeen.io/material-ui-kit/distr/utils/dynamicForm/components/mui/builder/MuiFormBuilder.js

Makeen UI components kit. Based on material-ui.

import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";import _slicedToArray from "@babel/runtime/helpers/slicedToArray";import React, { Fragment, useState } from "react";
import Card from "@material-ui/core/Card";
import CardContent from "@material-ui/core/CardContent";
import _ from "lodash";
import MuiBuilderSection from "./MuiBuilderSection";
import { MuiHeader } from "../";
function FormBuilder(_ref) {var classes = _ref.classes;var _useState =
    useState([{}]),_useState2 = _slicedToArray(_useState, 2),sections = _useState2[0],setSections = _useState2[1];
  var onRemoveSection = function onRemoveSection(index) {
    var newSections = _toConsumableArray(sections);
    newSections.splice(index, 1);
    setSections(newSections);
  };
  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/
  React.createElement(Card, { className: classes.root }, /*#__PURE__*/
  React.createElement(CardContent, { className: classes.content }, /*#__PURE__*/
  React.createElement(MuiHeader, { type: "main", title: "Form Builder", description: "Create new forms using Form Builder", actions: [
    {
      key: "add-section",
      color: "primary",
      title: "Add Section",
      onClick: function onClick() {return setSections(_.concat(sections, [{}]));}
    }]
  }))),
  _.map(sections, function (sectionProps, key) {return /*#__PURE__*/React.createElement(MuiBuilderSection, { index: key, key: String(key), props: sectionProps, onRemoveSection: onRemoveSection });}));
}
export default FormBuilder;
//# sourceMappingURL=MuiFormBuilder.js.map