@algolia/satellite 2.9.1 → 2.11.0

package/dist/cjs/Fields/Form/stories/JSONForms.js

@@ -29,7 +29,7 @@ var _Switch = require("./../../Switch");
 var _TextArea = require("./../../TextArea");
 var _satellitePrefixer = _interopRequireDefault(require("./../../../styles/helpers/satellitePrefixer"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
 var schema = {
   type: "object",
   properties: {
@@ -463,7 +463,7 @@ var autocompleteTester = (0, _core.rankWith)(2, (0, _core.and)((0, _core.optionI
   return (0, _core.hasType)(schema, "array") && !Array.isArray(schema.items) && schema.uniqueItems === true;
 })));
 var AutocompleteRendererComponent = function AutocompleteRendererComponent(_ref4) {
-  var _uischema$options10, _oneOf, _uischema$options11, _uischema$options12, _uischema$options13, _uischema$options14;
+  var _uischema$options0, _oneOf, _uischema$options1, _uischema$options10, _uischema$options11, _uischema$options12;
   var data = _ref4.data,
     handleChange = _ref4.handleChange,
     path = _ref4.path,
@@ -481,7 +481,7 @@ var AutocompleteRendererComponent = function AutocompleteRendererComponent(_ref4
     labelFor: id,
     description: description,
     state: getFieldState(errors),
-    inline: (_uischema$options10 = uischema.options) === null || _uischema$options10 === void 0 ? void 0 : _uischema$options10.inline,
+    inline: (_uischema$options0 = uischema.options) === null || _uischema$options0 === void 0 ? void 0 : _uischema$options0.inline,
     className: (0, _clsx["default"])(!visible && (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["hidden"])))),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AutoComplete.AutoComplete, {
       id: id,
@@ -497,12 +497,12 @@ var AutocompleteRendererComponent = function AutocompleteRendererComponent(_ref4
           label: (0, _capitalize["default"])(option.title)
         };
       }),
-      placeholder: (_uischema$options11 = uischema.options) === null || _uischema$options11 === void 0 ? void 0 : _uischema$options11.placeholder,
+      placeholder: (_uischema$options1 = uischema.options) === null || _uischema$options1 === void 0 ? void 0 : _uischema$options1.placeholder,
       required: required,
       disabled: !enabled,
-      autoFocus: (_uischema$options12 = uischema.options) === null || _uischema$options12 === void 0 ? void 0 : _uischema$options12.focus,
-      multiple: (_uischema$options13 = uischema.options) === null || _uischema$options13 === void 0 ? void 0 : _uischema$options13.multiple,
-      clearable: (_uischema$options14 = uischema.options) === null || _uischema$options14 === void 0 ? void 0 : _uischema$options14.clearable,
+      autoFocus: (_uischema$options10 = uischema.options) === null || _uischema$options10 === void 0 ? void 0 : _uischema$options10.focus,
+      multiple: (_uischema$options11 = uischema.options) === null || _uischema$options11 === void 0 ? void 0 : _uischema$options11.multiple,
+      clearable: (_uischema$options12 = uischema.options) === null || _uischema$options12 === void 0 ? void 0 : _uischema$options12.clearable,
       onChange: function onChange(value) {
         return handleChange(path, value.map(function (item) {
           return item.value;
@@ -514,7 +514,7 @@ var AutocompleteRendererComponent = function AutocompleteRendererComponent(_ref4
 var AutocompleteRenderer = (0, _react.withJsonFormsControlProps)(AutocompleteRendererComponent);
 var radioGroupTester = (0, _core.rankWith)(3, (0, _core.and)(_core.isEnumControl, (0, _core.optionIs)("format", "radioGroup")));
 var RadioGroupRendererComponent = function RadioGroupRendererComponent(_ref5) {
-  var _uischema$options15, _schema$enum4;
+  var _uischema$options13, _schema$enum4;
   var data = _ref5.data,
     handleChange = _ref5.handleChange,
     path = _ref5.path,
@@ -532,7 +532,7 @@ var RadioGroupRendererComponent = function RadioGroupRendererComponent(_ref5) {
     labelFor: id,
     description: description,
     state: getFieldState(errors),
-    inline: (_uischema$options15 = uischema.options) === null || _uischema$options15 === void 0 ? void 0 : _uischema$options15.inline,
+    inline: (_uischema$options13 = uischema.options) === null || _uischema$options13 === void 0 ? void 0 : _uischema$options13.inline,
     className: (0, _clsx["default"])(!visible && (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["hidden"])))),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadioGroup.RadioGroup, {
       id: id,
@@ -554,7 +554,7 @@ var RadioGroupRendererComponent = function RadioGroupRendererComponent(_ref5) {
 var RadioGroupRenderer = (0, _react.withJsonFormsControlProps)(RadioGroupRendererComponent);
 var datePickerTester = (0, _core.rankWith)(2, (0, _core.optionIs)("format", "date"));
 var DatePickerRendererComponent = function DatePickerRendererComponent(_ref6) {
-  var _uischema$options16;
+  var _uischema$options14;
   var data = _ref6.data,
     handleChange = _ref6.handleChange,
     path = _ref6.path,
@@ -570,7 +570,7 @@ var DatePickerRendererComponent = function DatePickerRendererComponent(_ref6) {
     labelFor: id,
     description: description,
     state: getFieldState(errors),
-    inline: (_uischema$options16 = uischema.options) === null || _uischema$options16 === void 0 ? void 0 : _uischema$options16.inline,
+    inline: (_uischema$options14 = uischema.options) === null || _uischema$options14 === void 0 ? void 0 : _uischema$options14.inline,
     className: (0, _clsx["default"])(!visible && (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["hidden"])))),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DatePicker.DatePicker, {
       id: id,
@@ -590,7 +590,7 @@ var DatePickerRendererComponent = function DatePickerRendererComponent(_ref6) {
 var DatePickerRenderer = (0, _react.withJsonFormsControlProps)(DatePickerRendererComponent);
 var rangeSliderTester = (0, _core.rankWith)(2, (0, _core.and)((0, _core.or)((0, _core.schemaTypeIs)("integer"), (0, _core.schemaTypeIs)("array")), (0, _core.optionIs)("format", "slider")));
 var RangeSliderRendererComponent = function RangeSliderRendererComponent(_ref7) {
-  var _uischema$options17, _uischema$options18, _uischema$options19, _uischema$options21, _uischema$options22, _uischema$options23, _uischema$options24, _uischema$options25, _uischema$options26;
+  var _uischema$options15, _uischema$options16, _uischema$options17, _uischema$options19, _uischema$options20, _uischema$options21, _uischema$options22, _uischema$options23, _uischema$options24;
   var data = _ref7.data,
     handleChange = _ref7.handleChange,
     path = _ref7.path,
@@ -602,37 +602,37 @@ var RangeSliderRendererComponent = function RangeSliderRendererComponent(_ref7)
     uischema = _ref7.uischema,
     errors = _ref7.errors,
     visible = _ref7.visible;
-  var step = (_uischema$options17 = uischema.options) === null || _uischema$options17 === void 0 ? void 0 : _uischema$options17.step;
-  var totalSteps = Math.floor((((_uischema$options18 = uischema.options) === null || _uischema$options18 === void 0 ? void 0 : _uischema$options18.maximum) - ((_uischema$options19 = uischema.options) === null || _uischema$options19 === void 0 ? void 0 : _uischema$options19.minimum)) / step);
+  var step = (_uischema$options15 = uischema.options) === null || _uischema$options15 === void 0 ? void 0 : _uischema$options15.step;
+  var totalSteps = Math.floor((((_uischema$options16 = uischema.options) === null || _uischema$options16 === void 0 ? void 0 : _uischema$options16.maximum) - ((_uischema$options17 = uischema.options) === null || _uischema$options17 === void 0 ? void 0 : _uischema$options17.minimum)) / step);
   var stepsInBetween = Array.from({
     length: totalSteps - 1
   }, function (_, index) {
-    var _uischema$options20;
-    return ((_uischema$options20 = uischema.options) === null || _uischema$options20 === void 0 ? void 0 : _uischema$options20.minimum) + step * (index + 1);
+    var _uischema$options18;
+    return ((_uischema$options18 = uischema.options) === null || _uischema$options18 === void 0 ? void 0 : _uischema$options18.minimum) + step * (index + 1);
   });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Field.Field, {
     label: label,
     labelFor: id,
     description: description,
     state: getFieldState(errors),
-    inline: (_uischema$options21 = uischema.options) === null || _uischema$options21 === void 0 ? void 0 : _uischema$options21.inline,
+    inline: (_uischema$options19 = uischema.options) === null || _uischema$options19 === void 0 ? void 0 : _uischema$options19.inline,
     className: (0, _clsx["default"])(!visible && (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["hidden"])))),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
-      className: (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["display-caption flex justify-between mb-2"]))),
-      children: [typeof ((_uischema$options22 = uischema.options) === null || _uischema$options22 === void 0 ? void 0 : _uischema$options22.minimum) !== "undefined" && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: (0, _satellitePrefixer["default"])(_templateObject0 || (_templateObject0 = (0, _taggedTemplateLiteral2["default"])(["display-caption flex justify-between mb-2"]))),
+      children: [typeof ((_uischema$options20 = uischema.options) === null || _uischema$options20 === void 0 ? void 0 : _uischema$options20.minimum) !== "undefined" && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         children: uischema.options.minimum
       }), stepsInBetween.map(function (step) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
           children: step
         }, step);
-      }), typeof ((_uischema$options23 = uischema.options) === null || _uischema$options23 === void 0 ? void 0 : _uischema$options23.maximum) !== "undefined" && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      }), typeof ((_uischema$options21 = uischema.options) === null || _uischema$options21 === void 0 ? void 0 : _uischema$options21.maximum) !== "undefined" && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         children: uischema.options.maximum
       })]
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_RangeSlider.RangeSlider, {
       id: id,
-      min: (_uischema$options24 = uischema.options) === null || _uischema$options24 === void 0 ? void 0 : _uischema$options24.minimum,
-      max: (_uischema$options25 = uischema.options) === null || _uischema$options25 === void 0 ? void 0 : _uischema$options25.maximum,
-      step: (_uischema$options26 = uischema.options) === null || _uischema$options26 === void 0 ? void 0 : _uischema$options26.step,
+      min: (_uischema$options22 = uischema.options) === null || _uischema$options22 === void 0 ? void 0 : _uischema$options22.minimum,
+      max: (_uischema$options23 = uischema.options) === null || _uischema$options23 === void 0 ? void 0 : _uischema$options23.maximum,
+      step: (_uischema$options24 = uischema.options) === null || _uischema$options24 === void 0 ? void 0 : _uischema$options24.step,
       required: required,
       disabled: !enabled,
       value: data,
@@ -645,7 +645,7 @@ var RangeSliderRendererComponent = function RangeSliderRendererComponent(_ref7)
 var RangeSliderRenderer = (0, _react.withJsonFormsControlProps)(RangeSliderRendererComponent);
 var dropzoneTester = (0, _core.rankWith)(2, (0, _core.optionIs)("format", "dropzone"));
 var DropzoneRendererComponent = function DropzoneRendererComponent(_ref8) {
-  var _uischema$options27, _uischema$options28, _uischema$options29, _uischema$options30, _uischema$options31, _uischema$options32;
+  var _uischema$options25, _uischema$options26, _uischema$options27, _uischema$options28, _uischema$options29, _uischema$options30;
   var handleChange = _ref8.handleChange,
     path = _ref8.path,
     required = _ref8.required,
@@ -663,15 +663,15 @@ var DropzoneRendererComponent = function DropzoneRendererComponent(_ref8) {
     labelFor: id,
     description: description,
     state: getFieldState(errors),
-    inline: (_uischema$options27 = uischema.options) === null || _uischema$options27 === void 0 ? void 0 : _uischema$options27.inline,
-    className: (0, _clsx["default"])(!visible && (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["hidden"])))),
+    inline: (_uischema$options25 = uischema.options) === null || _uischema$options25 === void 0 ? void 0 : _uischema$options25.inline,
+    className: (0, _clsx["default"])(!visible && (0, _satellitePrefixer["default"])(_templateObject1 || (_templateObject1 = (0, _taggedTemplateLiteral2["default"])(["hidden"])))),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Dropzone.Dropzone, {
       id: id,
-      minSize: (_uischema$options28 = uischema.options) === null || _uischema$options28 === void 0 ? void 0 : _uischema$options28.minSize,
-      maxSize: (_uischema$options29 = uischema.options) === null || _uischema$options29 === void 0 ? void 0 : _uischema$options29.maxSize,
-      accept: (_uischema$options30 = uischema.options) === null || _uischema$options30 === void 0 ? void 0 : _uischema$options30.accept,
-      clearable: (_uischema$options31 = uischema.options) === null || _uischema$options31 === void 0 ? void 0 : _uischema$options31.clearable,
-      multiple: (_uischema$options32 = uischema.options) === null || _uischema$options32 === void 0 ? void 0 : _uischema$options32.multiple,
+      minSize: (_uischema$options26 = uischema.options) === null || _uischema$options26 === void 0 ? void 0 : _uischema$options26.minSize,
+      maxSize: (_uischema$options27 = uischema.options) === null || _uischema$options27 === void 0 ? void 0 : _uischema$options27.maxSize,
+      accept: (_uischema$options28 = uischema.options) === null || _uischema$options28 === void 0 ? void 0 : _uischema$options28.accept,
+      clearable: (_uischema$options29 = uischema.options) === null || _uischema$options29 === void 0 ? void 0 : _uischema$options29.clearable,
+      multiple: (_uischema$options30 = uischema.options) === null || _uischema$options30 === void 0 ? void 0 : _uischema$options30.multiple,
       required: required,
       disabled: !enabled,
       onChange: function onChange(acceptedFiles, rejectedFiles) {
@@ -700,7 +700,7 @@ var DropzoneRendererComponent = function DropzoneRendererComponent(_ref8) {
 var DropzoneRenderer = (0, _react.withJsonFormsControlProps)(DropzoneRendererComponent);
 var textAreaTester = (0, _core.rankWith)(2, (0, _core.and)((0, _core.schemaTypeIs)("string"), (0, _core.optionIs)("format", "textarea")));
 var TextAreaRendererComponent = function TextAreaRendererComponent(_ref9) {
-  var _uischema$options33, _uischema$options34;
+  var _uischema$options31, _uischema$options32;
   var data = _ref9.data,
     handleChange = _ref9.handleChange,
     path = _ref9.path,
@@ -717,13 +717,13 @@ var TextAreaRendererComponent = function TextAreaRendererComponent(_ref9) {
     labelFor: id,
     description: description,
     state: getFieldState(errors),
-    inline: (_uischema$options33 = uischema.options) === null || _uischema$options33 === void 0 ? void 0 : _uischema$options33.inline,
-    className: (0, _clsx["default"])(!visible && (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["hidden"])))),
+    inline: (_uischema$options31 = uischema.options) === null || _uischema$options31 === void 0 ? void 0 : _uischema$options31.inline,
+    className: (0, _clsx["default"])(!visible && (0, _satellitePrefixer["default"])(_templateObject10 || (_templateObject10 = (0, _taggedTemplateLiteral2["default"])(["hidden"])))),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextArea.TextArea, {
       id: id,
       required: required,
       disabled: !enabled,
-      placeholder: (_uischema$options34 = uischema.options) === null || _uischema$options34 === void 0 ? void 0 : _uischema$options34.placeholder,
+      placeholder: (_uischema$options32 = uischema.options) === null || _uischema$options32 === void 0 ? void 0 : _uischema$options32.placeholder,
       value: data,
       onChange: function onChange(evt) {
         return handleChange(path, evt.currentTarget.value);
@@ -733,26 +733,26 @@ var TextAreaRendererComponent = function TextAreaRendererComponent(_ref9) {
 };
 var TextAreaRenderer = (0, _react.withJsonFormsControlProps)(TextAreaRendererComponent);
 var checkboxTester = (0, _core.rankWith)(1, (0, _core.schemaTypeIs)("boolean"));
-var CheckboxRendererComponent = function CheckboxRendererComponent(_ref10) {
-  var _uischema$options35;
-  var data = _ref10.data,
-    handleChange = _ref10.handleChange,
-    path = _ref10.path,
-    required = _ref10.required,
-    enabled = _ref10.enabled,
-    id = _ref10.id,
-    label = _ref10.label,
-    uischema = _ref10.uischema,
-    description = _ref10.description,
-    errors = _ref10.errors,
-    visible = _ref10.visible;
+var CheckboxRendererComponent = function CheckboxRendererComponent(_ref0) {
+  var _uischema$options33;
+  var data = _ref0.data,
+    handleChange = _ref0.handleChange,
+    path = _ref0.path,
+    required = _ref0.required,
+    enabled = _ref0.enabled,
+    id = _ref0.id,
+    label = _ref0.label,
+    uischema = _ref0.uischema,
+    description = _ref0.description,
+    errors = _ref0.errors,
+    visible = _ref0.visible;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.Field, {
     label: label,
     labelFor: id,
     description: description,
     state: getFieldState(errors),
-    inline: (_uischema$options35 = uischema.options) === null || _uischema$options35 === void 0 ? void 0 : _uischema$options35.inline,
-    className: (0, _clsx["default"])(!visible && (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["hidden"])))),
+    inline: (_uischema$options33 = uischema.options) === null || _uischema$options33 === void 0 ? void 0 : _uischema$options33.inline,
+    className: (0, _clsx["default"])(!visible && (0, _satellitePrefixer["default"])(_templateObject11 || (_templateObject11 = (0, _taggedTemplateLiteral2["default"])(["hidden"])))),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
       id: id,
       required: required,
@@ -766,26 +766,26 @@ var CheckboxRendererComponent = function CheckboxRendererComponent(_ref10) {
 };
 var CheckboxRenderer = (0, _react.withJsonFormsControlProps)(CheckboxRendererComponent);
 var toggleTester = (0, _core.rankWith)(2, (0, _core.and)((0, _core.schemaTypeIs)("boolean"), (0, _core.optionIs)("format", "toggle")));
-var ToggleRendererComponent = function ToggleRendererComponent(_ref11) {
-  var _uischema$options36;
-  var data = _ref11.data,
-    handleChange = _ref11.handleChange,
-    path = _ref11.path,
-    required = _ref11.required,
-    enabled = _ref11.enabled,
-    id = _ref11.id,
-    label = _ref11.label,
-    uischema = _ref11.uischema,
-    description = _ref11.description,
-    errors = _ref11.errors,
-    visible = _ref11.visible;
+var ToggleRendererComponent = function ToggleRendererComponent(_ref1) {
+  var _uischema$options34;
+  var data = _ref1.data,
+    handleChange = _ref1.handleChange,
+    path = _ref1.path,
+    required = _ref1.required,
+    enabled = _ref1.enabled,
+    id = _ref1.id,
+    label = _ref1.label,
+    uischema = _ref1.uischema,
+    description = _ref1.description,
+    errors = _ref1.errors,
+    visible = _ref1.visible;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.Field, {
     label: label,
     labelFor: id,
     description: description,
     state: getFieldState(errors),
-    inline: (_uischema$options36 = uischema.options) === null || _uischema$options36 === void 0 ? void 0 : _uischema$options36.inline,
-    className: (0, _clsx["default"])(!visible && (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["hidden"])))),
+    inline: (_uischema$options34 = uischema.options) === null || _uischema$options34 === void 0 ? void 0 : _uischema$options34.inline,
+    className: (0, _clsx["default"])(!visible && (0, _satellitePrefixer["default"])(_templateObject12 || (_templateObject12 = (0, _taggedTemplateLiteral2["default"])(["hidden"])))),
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Switch.Switch, {
       id: id,
       required: required,
@@ -838,10 +838,10 @@ var renderers = [{
 var styleContextValue = {
   styles: [{
     name: "vertical.layout",
-    classNames: [(0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-6 min-w-72 w-full"])))]
+    classNames: [(0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-6 min-w-72 w-full"])))]
   }, {
     name: "vertical.layout.item",
-    classNames: [(0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["w-full"])))]
+    classNames: [(0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["w-full"])))]
   }]
 };
 
@@ -875,13 +875,13 @@ var JSONFormsComplexComponent = exports.JSONFormsComplexComponent = function JSO
     additionalErrors = _useState8[0],
     setAdditionalErrors = _useState8[1];
   var _useState9 = (0, _react2.useState)("ValidateAndHide"),
-    _useState10 = (0, _slicedToArray2["default"])(_useState9, 2),
-    validationMode = _useState10[0],
-    setValidationMode = _useState10[1];
+    _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
+    validationMode = _useState0[0],
+    setValidationMode = _useState0[1];
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: (0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["@container w-full flex justify-center"]))),
+    className: (0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["@container w-full flex justify-center"]))),
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: (0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col gap-8 w-full @lg:w-1/2"]))),
+      className: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col gap-8 w-full @lg:w-1/2"]))),
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_Form.Form, {
         onSubmit: function onSubmit(e) {
           e.preventDefault();
@@ -896,7 +896,7 @@ var JSONFormsComplexComponent = exports.JSONFormsComplexComponent = function JSO
           setAdditionalErrors([]);
           setValidationMode("ValidateAndHide");
         },
-        className: (0, _satellitePrefixer["default"])(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-6 min-w-72"]))),
+        className: (0, _satellitePrefixer["default"])(_templateObject17 || (_templateObject17 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-6 min-w-72"]))),
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Form.FormErrorMessage, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(AdditionalErrorsContext.Provider, {
           value: {
             setAdditionalErrors: setAdditionalErrors
@@ -911,9 +911,9 @@ var JSONFormsComplexComponent = exports.JSONFormsComplexComponent = function JSO
               ajv: ajv,
               validationMode: validationMode,
               additionalErrors: additionalErrors,
-              onChange: function onChange(_ref12) {
-                var data = _ref12.data,
-                  errors = _ref12.errors;
+              onChange: function onChange(_ref10) {
+                var data = _ref10.data,
+                  errors = _ref10.errors;
                 setInternalFormData(data);
                 setErrors((errors === null || errors === void 0 ? void 0 : errors.map(function (error) {
                   return error.message || "";
@@ -922,7 +922,7 @@ var JSONFormsComplexComponent = exports.JSONFormsComplexComponent = function JSO
             })
           })
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-          className: (0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["flex gap-2"]))),
+          className: (0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["flex gap-2"]))),
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Form.FormSubmit, {
             variant: "primary",
             "aria-label": "Save the form",
@@ -933,9 +933,9 @@ var JSONFormsComplexComponent = exports.JSONFormsComplexComponent = function JSO
           })]
         })]
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
-        className: (0, _satellitePrefixer["default"])(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"])))
+        className: (0, _satellitePrefixer["default"])(_templateObject19 || (_templateObject19 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"])))
       }), /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
-        className: (0, _satellitePrefixer["default"])(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre display-code"]))),
+        className: (0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre display-code"]))),
         children: JSON.stringify(formData, null, 2)
       })]
     })