@talend/react-forms/lib/UIForm/fieldsets/Columns/Columns.component.js

React forms library based on json schema form.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = Columns;
var _propTypes = _interopRequireDefault(require("prop-types"));
var _designSystem = require("@talend/design-system");
var _Widget = _interopRequireDefault(require("../../Widget"));
var _react = require("react");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function Columns(props) {
  const {
    schema,
    ...restProps
  } = props;
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_designSystem.Form.Fieldset, {
    legend: schema.title,
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_designSystem.Form.Row, {
      "data-form-row": true,
      isStretched: true,
      children: schema.items.map((colSchema, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_designSystem.StackItem, {
        grow: true,
        isFullWidth: true,
        children: /*#__PURE__*/(0, _react.createElement)(_Widget.default, {
          ...restProps,
          key: index,
          schema: colSchema
        })
      }, index))
    })
  });
}
if (process.env.NODE_ENV !== 'production') {
  Columns.propTypes = {
    schema: _propTypes.default.shape({
      items: _propTypes.default.array.isRequired,
      title: _propTypes.default.string
    }).isRequired,
    ..._Widget.default.propTypes
  };
}
//# sourceMappingURL=Columns.component.js.map