@pinuts/bsr-uikit-relaunch 0.0.3

package/dist/items/FormFieldWrapper/FormFieldChildPropTypes.js

@@ -0,0 +1,64 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const FormFieldChildPropTypes = {
+  // DAS KOMMT AUS DEM FormFieldWrapper
+  value: _propTypes.default.any,
+  // Formik Field Value
+  values: _propTypes.default.object,
+  // Formik Form Values
+  errors: _propTypes.default.object,
+  // Formik Form errors
+  touched: _propTypes.default.object,
+  // Formik Form touched
+  field: _propTypes.default.object,
+  // Formik Props for field
+  meta: _propTypes.default.object,
+  // Formik Props for meta
+  helpers: _propTypes.default.object,
+  // Formik Props for helpers
+  isRequired: _propTypes.default.bool,
+  isInvalid: _propTypes.default.bool,
+  onChange: _propTypes.default.func,
+  ariaAttributes: _propTypes.default.shape({
+    'aria-labelledby': _propTypes.default.string,
+    'aria-describedby': _propTypes.default.string,
+    'aria-required': _propTypes.default.string,
+    'aria-invalid': _propTypes.default.string,
+    'aria-readonly': _propTypes.default.string,
+    'aria-disabled': _propTypes.default.string
+  }),
+  fieldIds: _propTypes.default.shape({
+    fieldId: _propTypes.default.string,
+    label: _propTypes.default.string,
+    helpText: _propTypes.default.string,
+    errorMessage: _propTypes.default.string,
+    labelProps: _propTypes.default.shape({
+      for: _propTypes.default.string,
+      id: _propTypes.default.string
+    }),
+    ariaProps: _propTypes.default.shape({
+      labelledby: _propTypes.default.string,
+      describedby: _propTypes.default.string,
+      errorMessage: _propTypes.default.string
+    })
+  }),
+  children: _propTypes.default.node,
+  readOnly: _propTypes.default.bool,
+  disabled: _propTypes.default.bool,
+  viewMode: _propTypes.default.bool,
+  stepId: _propTypes.default.string,
+  hideEmptyValues: _propTypes.default.bool,
+  // DAS KOMMT AUS DEN PROPS DER KOMPONENTE
+  key: _propTypes.default.string,
+  label: _propTypes.default.string,
+  helpText: _propTypes.default.string,
+  className: _propTypes.default.string,
+  inputProps: _propTypes.default.object
+};
+var _default = exports.default = FormFieldChildPropTypes;

package/dist/items/FormFieldWrapper/FormFieldWrapper.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactI18next = require("react-i18next");
+var _uuid = require("uuid");
+var _formBuilder = require("@pinuts/form-builder");
+var _useValidationMessage = _interopRequireDefault(require("../../hooks/useValidationMessage.js"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const {
+  getIsFieldInvalid,
+  getIsRequired
+} = _formBuilder.utils;
+const {
+  useField,
+  useFormikContext
+} = _formBuilder.formik;
+const mapPropsToChilren = (children, additionalProps) => _react.default.Children.map(children, child => {
+  // Checking isValidElement is the safe way and avoids a
+  // typescript error too.
+  const formId = (0, _uuid.v4)().slice(0, 6);
+  if (/*#__PURE__*/_react.default.isValidElement(child)) {
+    return /*#__PURE__*/_react.default.cloneElement(child, {
+      ...additionalProps
+    }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, additionalProps?.components?.length ? /*#__PURE__*/_react.default.createElement(_formBuilder.ComponentPopulator, {
+      formId: formId,
+      components: additionalProps.components
+    }) : '', child.children));
+  }
+  return child;
+});
+const FormFieldWrapper = _ref => {
+  let {
+    children,
+    config = {},
+    ...otherProps
+  } = _ref;
+  const [t] = (0, _reactI18next.useTranslation)();
+  const [field, meta, helpers] = useField(config.ownValueKey || config.key || 'missingKey');
+  const {
+    setFieldValue,
+    values,
+    errors,
+    touched,
+    setFieldTouched,
+    initialErrors
+  } = useFormikContext();
+  const errorsKey = errors[config.key];
+  const pTouched = touched[config.parentKey];
+  const isFieldInvalid = (0, _react.useMemo)(() => getIsFieldInvalid(field.value, meta.touched || pTouched, meta.error || errorsKey, meta.initialError, null // ohne submitCount
+  ), [field.value, meta.touched, pTouched, meta.error, errorsKey, meta.initialError]);
+  const someChildInvalid = (0, _react.useMemo)(() => otherProps.components?.some(component => getIsFieldInvalid(values[component?.config?.key], touched[component?.config?.key], errors[component?.config?.key], initialErrors?.[component?.config?.key], null // ohne submitCount
+  )), [otherProps.components, values, touched, errors, initialErrors]);
+  const isInvalid = (0, _react.useMemo)(() => isFieldInvalid || someChildInvalid, [isFieldInvalid, someChildInvalid]);
+  const ariaAttributes = _formBuilder.formHooks.useGetAriaAttributes(config, isInvalid);
+  const validationMessage = (0, _useValidationMessage.default)(t, meta.error || errors[config.key], config.errorMessages);
+
+  // Für DateRangeWrapper -> muss required sein, wenn ein child required ist
+  const isFieldRequired = _formBuilder.formHooks.useFormIsRequired(config);
+  const isRequiredByChildren = (0, _react.useMemo)(() => otherProps.components?.some(component => getIsRequired(component?.config, values)), [otherProps.components, values]);
+  const isRequired = (0, _react.useMemo)(() => isFieldRequired || isRequiredByChildren, [isFieldRequired, isRequiredByChildren]);
+  const handleChange = (0, _react.useCallback)(newValue => {
+    setFieldTouched(config.key);
+    setFieldValue(config.key, newValue);
+  }, [setFieldValue, setFieldTouched, config.key]);
+  return mapPropsToChilren(children, {
+    ...config,
+    ...otherProps,
+    field,
+    meta,
+    helpers,
+    ariaAttributes,
+    isRequired,
+    isInvalid,
+    onChange: handleChange,
+    values,
+    errors,
+    touched,
+    value: field?.value,
+    validationMessage
+  });
+};
+FormFieldWrapper.propTypes = {
+  children: _propTypes.default.element,
+  style: _propTypes.default.object,
+  config: _propTypes.default.shape({
+    key: _propTypes.default.string,
+    helpText: _propTypes.default.string,
+    inputProps: _propTypes.default.shape({
+      key: _propTypes.default.string
+    })
+  })
+};
+(0, _formBuilder.registerComponent)('FormFieldWrapper', FormFieldWrapper);
+var _default = exports.default = FormFieldWrapper;

package/dist/items/FormFieldWrapper/FormFieldWrapperComponent.js

@@ -0,0 +1,6 @@
+// import { registerComponent } from '@pinuts/form-builder';
+// import FormFieldWrapper from "./FormFieldWrapper.jsx";
+//
+//
+// registerComponent('FormFieldWrapper', FormFieldWrapper);
+"use strict";

package/dist/items/Grid/BSRGridColumn.js

@@ -0,0 +1,34 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _formBuilder = require("@pinuts/form-builder");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const BSRGridColumn = _ref => {
+  let {
+    config = {},
+    components
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    className: ['col', 'py-3', config.className].join(' '),
+    style: {
+      'flex': config.flex || '1 1 0'
+    }
+  }, components && /*#__PURE__*/_react.default.createElement(_formBuilder.ComponentPopulator, {
+    components: components,
+    formId: ''
+  })));
+};
+BSRGridColumn.propTypes = {
+  components: _propTypes.default.instanceOf(Array),
+  config: _propTypes.default.shape({
+    className: _propTypes.default.string,
+    flex: _propTypes.default.string
+  })
+};
+(0, _formBuilder.registerComponent)('BSRGridColumn', BSRGridColumn);
+var _default = exports.default = BSRGridColumn;

package/dist/items/Grid/BSRGridRow.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _formBuilder = require("@pinuts/form-builder");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const BSRGridRow = _ref => {
+  let {
+    components,
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: 'row'
+  }, components && /*#__PURE__*/_react.default.createElement(_formBuilder.ComponentPopulator, {
+    components: components,
+    formId: ''
+  }), children);
+};
+BSRGridRow.propTypes = {
+  components: _propTypes.default.instanceOf(Array),
+  children: _propTypes.default.instanceOf(Array)
+};
+(0, _formBuilder.registerComponent)('BSRGridRow', BSRGridRow);
+var _default = exports.default = BSRGridRow;

package/dist/items/Grid/BSRGridRowCols.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _formBuilder = require("@pinuts/form-builder");
+var _BSRGridRow = _interopRequireDefault(require("./BSRGridRow.jsx"));
+var _BSRGridColumn = _interopRequireDefault(require("./BSRGridColumn.jsx"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const BSRGridRowCols = _ref => {
+  let {
+    config = {},
+    components
+  } = _ref;
+  const columnNodes = components?.map((column, index) => column.component === 'BSRGridColumn' ? /*#__PURE__*/_react.default.createElement(_BSRGridColumn.default, {
+    key: index,
+    components: column.components,
+    config: column.config
+  }) : /*#__PURE__*/_react.default.createElement(_BSRGridColumn.default, {
+    key: index,
+    components: [column],
+    config: column.colConfig || {}
+  }));
+  return /*#__PURE__*/_react.default.createElement(_BSRGridRow.default, {
+    className: config.className
+  }, columnNodes);
+};
+var _default = exports.default = BSRGridRowCols;
+(0, _formBuilder.registerComponent)('BSRGridRowCols', BSRGridRowCols);
+BSRGridRowCols.propTypes = {
+  components: _propTypes.default.instanceOf(Array),
+  config: _propTypes.default.instanceOf(Object)
+};

package/dist/items/GroupInputField/GroupInputField.js

@@ -0,0 +1,122 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _formBuilder = require("@pinuts/form-builder");
+var _reactI18next = require("react-i18next");
+var _useGetOptionList = _interopRequireDefault(require("../../hooks/useGetOptionList.js"));
+var _FormFieldChildPropTypes = _interopRequireDefault(require("../FormFieldWrapper/FormFieldChildPropTypes.jsx"));
+var _FormFieldWrapper = _interopRequireDefault(require("../FormFieldWrapper/FormFieldWrapper.jsx"));
+var _withFieldGroup = _interopRequireDefault(require("../../hooks/withFieldGroup.jsx"));
+var _getUikitClassNames = require("../../utils/getUikitClassNames.js");
+var _HTMLParserSanitized = require("../HTMLParserSanitized/HTMLParserSanitized.jsx");
+var _formModule = _interopRequireDefault(require("../../styles/form.module.scss"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); } /* eslint-disable jsx-a11y/role-supports-aria-props */ // form-builder
+// components
+const {
+  getClassNames
+} = _formBuilder.utils;
+const getIsSelected = (value, opt) => Array.isArray(value) ? value.includes(opt.value) : value === opt.value;
+const GroupInputField = _ref => {
+  let {
+    viewMode,
+    readOnly,
+    inputProps = {},
+    field = {},
+    options,
+    skipOptions,
+    inline,
+    emptyOptionLabel,
+    multipleChoice = true,
+    onChange = () => {},
+    value,
+    fieldIds,
+    isInvalid,
+    disabled,
+    helpText
+  } = _ref;
+  const [t] = (0, _reactI18next.useTranslation)();
+  const inputOptions = (0, _useGetOptionList.default)(options, emptyOptionLabel, skipOptions);
+  const inputClassNames = (0, _getUikitClassNames.getInputClassNames)(isInvalid, readOnly, disabled, inputProps.className, [[_formModule.default.input]]);
+  const handleCheckboxChange = e => {
+    const nextValue = inputOptions[e.target.value]?.value;
+    if (!value) {
+      onChange([nextValue]);
+    } else if (value.indexOf(nextValue) === -1) {
+      onChange([...(value || []), nextValue]);
+    } else {
+      onChange([...(value || []).filter(el => el !== nextValue)]);
+    }
+  };
+  const handleRadioChange = e => {
+    onChange(inputOptions[e.target.value]?.value);
+  };
+  if (viewMode) {
+    return /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, inputOptions.filter(opt => getIsSelected(value, opt)).map(opt => t(opt.label)).join(', '));
+  }
+  const ariaDescribedBy = [helpText && fieldIds.helpText, isInvalid && fieldIds.errorMessage].filter(Boolean).join(' ');
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "ps-2"
+  }, inputOptions.length ? /*#__PURE__*/_react.default.createElement("ul", {
+    className: `${inline ? _formModule.default.inline : ''} ${_formModule.default.groupInputList}`
+  }, inputOptions.map((opt, index) => {
+    const typeConfig = multipleChoice ? {
+      type: 'checkbox',
+      onChange: !readOnly && !viewMode ? handleCheckboxChange : null,
+      checked: getIsSelected(value, opt),
+      'aria-describedby': ariaDescribedBy,
+      'aria-checked': getIsSelected(value, opt)
+    } : {
+      type: 'radio',
+      onChange: !readOnly && !viewMode ? handleRadioChange : null,
+      checked: value === opt.value,
+      'aria-describedby': ariaDescribedBy,
+      'aria-checked': value === opt.value
+    };
+    const usedId = `${fieldIds.fieldId}_${typeof opt.value === 'string' ? opt.value.replaceAll(' ', '_') : opt.value}`;
+    return /*#__PURE__*/_react.default.createElement("li", {
+      className: `${inline ? _formModule.default.inline + ' me-4' : ''}`,
+      key: opt.value
+    }, /*#__PURE__*/_react.default.createElement("input", _extends({
+      disabled: readOnly,
+      readOnly: readOnly
+    }, field, inputProps, {
+      id: usedId,
+      name: fieldIds.fieldId,
+      value: index,
+      className: getClassNames([inputClassNames]),
+      "aria-disabled": readOnly
+    }, typeConfig)), /*#__PURE__*/_react.default.createElement("label", {
+      className: "ps-2",
+      htmlFor: usedId
+    }, /*#__PURE__*/_react.default.createElement(_HTMLParserSanitized.HTMLParserSanitized, null, t(opt.label))));
+  })) : /*#__PURE__*/_react.default.createElement("div", {
+    className: "error-text"
+  }, t('bsrItems.noOptionsGiven')));
+};
+GroupInputField.propTypes = {
+  ..._FormFieldChildPropTypes.default,
+  options: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.shape({
+    value: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+    label: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object])
+  }), _propTypes.default.string])).isRequired,
+  skipOptions: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.string), _propTypes.default.string])
+};
+GroupInputField.formFieldConfig = {
+  labelIsLegend: true,
+  isFieldset: true
+};
+const HigherOrderGroupInputField = (0, _withFieldGroup.default)(GroupInputField);
+
+// wrap the field label, error message help text and more
+const WrappedGroupInputField = props => {
+  return /*#__PURE__*/_react.default.createElement(_FormFieldWrapper.default, props, /*#__PURE__*/_react.default.createElement(HigherOrderGroupInputField, props));
+};
+(0, _formBuilder.registerComponent)('GroupInputField', WrappedGroupInputField);
+(0, _formBuilder.registerComponent)('GroupInputFieldBasic', HigherOrderGroupInputField);
+var _default = exports.default = WrappedGroupInputField;

package/dist/items/HTMLParserSanitized/HTMLParserSanitized.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.sanitize = exports.HTMLParserSanitized = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _htmlReactParser = _interopRequireDefault(require("html-react-parser"));
+var PropTypes = _interopRequireWildcard(require("prop-types"));
+var _sanitizeHtml = _interopRequireDefault(require("sanitize-html"));
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SANITIZE_OPTIONS = {
+  decodeEntities: false,
+  allowedTags: ['a', 'img', 'br', 'em', 'li', 'ol', 'p', 'strong', 'sub', 'sup', 'u', 'ul', 'hr', 'blockquote', 'code', 'pre', 'div'],
+  allowedAttributes: {
+    p: ['style'],
+    img: ['src'],
+    a: ['href', 'target', 'rel', 'title'],
+    '*': ['class']
+  },
+  allowedStyles: {
+    p: {
+      'text-align': [/^left$/, /^right$/, /^center$/],
+      'margin-left': [/^\d+(?:px|em|%)$/]
+    }
+  }
+};
+const sanitize = html => {
+  //strip all   and ­
+  const fixedHtml = html.replace(/ /gm, '').replace(/(­|­|­)/gi, '') // !!! the ­ here is NOT a dash!!
+  .replace(/(\r\n|\r|\n)/g, '') // remove all unwanted breaks
+  .replace(/[\xc2\xa0]+/g, ' ');
+  return (0, _sanitizeHtml.default)(fixedHtml, SANITIZE_OPTIONS).replace(/<img/g, '<img style="max-width: 100%"'); // add max-width to images (sanitize allowedStyle no longer working)
+};
+exports.sanitize = sanitize;
+const HTMLParserSanitized = props => {
+  // eslint-disable-next-line react/jsx-no-useless-fragment
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, props.children && (0, _htmlReactParser.default)(sanitize(props.children)));
+};
+exports.HTMLParserSanitized = HTMLParserSanitized;
+HTMLParserSanitized.propTypes = {
+  children: PropTypes.string
+};

package/dist/items/Icon/Icon.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _formBuilder = require("@pinuts/form-builder");
+var _Icon = _interopRequireDefault(require("../../assets/Icon.jsx"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const IconWrapper = _ref => {
+  let {
+    config
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_Icon.default, config);
+};
+IconWrapper.propTypes = {
+  config: _propTypes.default.object
+};
+(0, _formBuilder.registerComponent)('Icon', IconWrapper);
+
+// Als direkt import wird das normale Icon verwendet
+var _default = exports.default = _Icon.default;

package/dist/items/Modal/FormModal.js

@@ -0,0 +1,98 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _formBuilder = require("@pinuts/form-builder");
+var _Button = _interopRequireDefault(require("../Button/Button.jsx"));
+var _Modal = _interopRequireDefault(require("./Modal.jsx"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const {
+  getClassNames
+} = _formBuilder.utils;
+const FormModal = _ref => {
+  let {
+    isOpen,
+    setIsOpen,
+    headerProps,
+    formId,
+    formConfig,
+    onSubmit = () => {},
+    onClose = () => {},
+    closeButtonText,
+    submitButtonText,
+    submitButtonColor = 'blau',
+    submitButtonClassName,
+    initialValues,
+    ariaAttributesSubmitButton = {},
+    submitButtonContent,
+    closeButtonContent
+  } = _ref;
+  const handleClose = (0, _react.useCallback)(() => {
+    onClose();
+    setIsOpen(false);
+  }, [onClose, setIsOpen]);
+  const handleOk = (0, _react.useCallback)(function () {
+    onSubmit(...arguments);
+    setIsOpen(false);
+  }, [onSubmit, setIsOpen]);
+  return /*#__PURE__*/_react.default.createElement(_Modal.default, {
+    isOpen: isOpen,
+    onHide: handleClose,
+    headerProps: headerProps,
+    bodyProps: {
+      children: /*#__PURE__*/_react.default.createElement(_formBuilder.FormBuilder, {
+        formId: formId,
+        formConfig: formConfig,
+        onSubmit: handleOk,
+        initialValues: initialValues
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "row py-4 px-5"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "col-12 col-sm-6"
+      }, /*#__PURE__*/_react.default.createElement(_Button.default, {
+        className: "w-100",
+        color: "tuerkis-20",
+        onClick: handleClose,
+        ariaLabel: closeButtonText
+      }, closeButtonContent || closeButtonText)), /*#__PURE__*/_react.default.createElement("div", {
+        className: "col-12 col-sm-6"
+      }, /*#__PURE__*/_react.default.createElement(_Button.default, _extends({
+        className: getClassNames(['w-100', submitButtonClassName]),
+        color: submitButtonColor,
+        type: "submit",
+        ariaLabel: submitButtonText
+      }, ariaAttributesSubmitButton), submitButtonContent || submitButtonText))))
+    }
+  });
+};
+FormModal.propTypes = {
+  closeButtonText: _propTypes.default.string,
+  submitButtonText: _propTypes.default.string.isRequired,
+  submitButtonContent: _propTypes.default.node,
+  closeButtonContent: _propTypes.default.node,
+  headerProps: _propTypes.default.shape({
+    title: _propTypes.default.string.isRequired,
+    children: _propTypes.default.node,
+    className: _propTypes.default.string
+  }),
+  isOpen: _propTypes.default.bool,
+  setIsOpen: _propTypes.default.func,
+  formId: _propTypes.default.string,
+  formConfig: _propTypes.default.object,
+  onSubmit: _propTypes.default.func,
+  icon: _propTypes.default.string,
+  submitButtonColor: _propTypes.default.string,
+  submitButtonClassName: _propTypes.default.string,
+  submitButtonDisabled: _propTypes.default.bool,
+  ariaAttributesSubmitButton: _propTypes.default.object,
+  initialValues: _propTypes.default.object,
+  onClose: _propTypes.default.func
+};
+var _default = exports.default = FormModal;