@algolia/satellite 2.9.1 → 2.11.0

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

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-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;
 import { or } from "@jsonforms/core";
 import { hasType, schemaMatches } from "@jsonforms/core";
 import { and, isEnumControl, optionIs } from "@jsonforms/core";
@@ -460,7 +460,7 @@ var autocompleteTester = rankWith(2, and(optionIs("format", "autocomplete"), sch
   return 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,
@@ -478,7 +478,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: cx(!visible && stl(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["hidden"])))),
     children: /*#__PURE__*/_jsx(AutoComplete, {
       id: id,
@@ -494,12 +494,12 @@ var AutocompleteRendererComponent = function AutocompleteRendererComponent(_ref4
           label: capitalize(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;
@@ -511,7 +511,7 @@ var AutocompleteRendererComponent = function AutocompleteRendererComponent(_ref4
 var AutocompleteRenderer = withJsonFormsControlProps(AutocompleteRendererComponent);
 var radioGroupTester = rankWith(3, and(isEnumControl, 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,
@@ -529,7 +529,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: cx(!visible && stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["hidden"])))),
     children: /*#__PURE__*/_jsx(RadioGroup, {
       id: id,
@@ -551,7 +551,7 @@ var RadioGroupRendererComponent = function RadioGroupRendererComponent(_ref5) {
 var RadioGroupRenderer = withJsonFormsControlProps(RadioGroupRendererComponent);
 var datePickerTester = rankWith(2, optionIs("format", "date"));
 var DatePickerRendererComponent = function DatePickerRendererComponent(_ref6) {
-  var _uischema$options16;
+  var _uischema$options14;
   var data = _ref6.data,
     handleChange = _ref6.handleChange,
     path = _ref6.path,
@@ -567,7 +567,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: cx(!visible && stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["hidden"])))),
     children: /*#__PURE__*/_jsx(DatePicker, {
       id: id,
@@ -587,7 +587,7 @@ var DatePickerRendererComponent = function DatePickerRendererComponent(_ref6) {
 var DatePickerRenderer = withJsonFormsControlProps(DatePickerRendererComponent);
 var rangeSliderTester = rankWith(2, and(or(schemaTypeIs("integer"), schemaTypeIs("array")), 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,
@@ -599,37 +599,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__*/_jsxs(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: cx(!visible && stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["hidden"])))),
     children: [/*#__PURE__*/_jsxs("p", {
-      className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["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__*/_jsx("span", {
+      className: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["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__*/_jsx("span", {
         children: uischema.options.minimum
       }), stepsInBetween.map(function (step) {
         return /*#__PURE__*/_jsx("span", {
           children: step
         }, step);
-      }), typeof ((_uischema$options23 = uischema.options) === null || _uischema$options23 === void 0 ? void 0 : _uischema$options23.maximum) !== "undefined" && /*#__PURE__*/_jsx("span", {
+      }), typeof ((_uischema$options21 = uischema.options) === null || _uischema$options21 === void 0 ? void 0 : _uischema$options21.maximum) !== "undefined" && /*#__PURE__*/_jsx("span", {
         children: uischema.options.maximum
       })]
     }), /*#__PURE__*/_jsx(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,
@@ -642,7 +642,7 @@ var RangeSliderRendererComponent = function RangeSliderRendererComponent(_ref7)
 var RangeSliderRenderer = withJsonFormsControlProps(RangeSliderRendererComponent);
 var dropzoneTester = rankWith(2, 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,
@@ -660,15 +660,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: cx(!visible && stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["hidden"])))),
+    inline: (_uischema$options25 = uischema.options) === null || _uischema$options25 === void 0 ? void 0 : _uischema$options25.inline,
+    className: cx(!visible && stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["hidden"])))),
     children: /*#__PURE__*/_jsx(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) {
@@ -697,7 +697,7 @@ var DropzoneRendererComponent = function DropzoneRendererComponent(_ref8) {
 var DropzoneRenderer = withJsonFormsControlProps(DropzoneRendererComponent);
 var textAreaTester = rankWith(2, and(schemaTypeIs("string"), 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,
@@ -714,13 +714,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: cx(!visible && stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["hidden"])))),
+    inline: (_uischema$options31 = uischema.options) === null || _uischema$options31 === void 0 ? void 0 : _uischema$options31.inline,
+    className: cx(!visible && stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["hidden"])))),
     children: /*#__PURE__*/_jsx(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);
@@ -730,26 +730,26 @@ var TextAreaRendererComponent = function TextAreaRendererComponent(_ref9) {
 };
 var TextAreaRenderer = withJsonFormsControlProps(TextAreaRendererComponent);
 var checkboxTester = rankWith(1, 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__*/_jsx(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: cx(!visible && stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["hidden"])))),
+    inline: (_uischema$options33 = uischema.options) === null || _uischema$options33 === void 0 ? void 0 : _uischema$options33.inline,
+    className: cx(!visible && stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["hidden"])))),
     children: /*#__PURE__*/_jsx(Checkbox, {
       id: id,
       required: required,
@@ -763,26 +763,26 @@ var CheckboxRendererComponent = function CheckboxRendererComponent(_ref10) {
 };
 var CheckboxRenderer = withJsonFormsControlProps(CheckboxRendererComponent);
 var toggleTester = rankWith(2, and(schemaTypeIs("boolean"), 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__*/_jsx(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: cx(!visible && stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["hidden"])))),
+    inline: (_uischema$options34 = uischema.options) === null || _uischema$options34 === void 0 ? void 0 : _uischema$options34.inline,
+    className: cx(!visible && stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["hidden"])))),
     children: /*#__PURE__*/_jsx(Switch, {
       id: id,
       required: required,
@@ -835,10 +835,10 @@ var renderers = [{
 var styleContextValue = {
   styles: [{
     name: "vertical.layout",
-    classNames: [stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["flex flex-col items-start gap-6 min-w-72 w-full"])))]
+    classNames: [stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["flex flex-col items-start gap-6 min-w-72 w-full"])))]
   }, {
     name: "vertical.layout.item",
-    classNames: [stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["w-full"])))]
+    classNames: [stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["w-full"])))]
   }]
 };
 
@@ -872,13 +872,13 @@ export var JSONFormsComplexComponent = function JSONFormsComplexComponent() {
     additionalErrors = _useState8[0],
     setAdditionalErrors = _useState8[1];
   var _useState9 = useState("ValidateAndHide"),
-    _useState10 = _slicedToArray(_useState9, 2),
-    validationMode = _useState10[0],
-    setValidationMode = _useState10[1];
+    _useState0 = _slicedToArray(_useState9, 2),
+    validationMode = _useState0[0],
+    setValidationMode = _useState0[1];
   return /*#__PURE__*/_jsx("div", {
-    className: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["@container w-full flex justify-center"]))),
+    className: stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["@container w-full flex justify-center"]))),
     children: /*#__PURE__*/_jsxs("div", {
-      className: stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["flex flex-col gap-8 w-full @lg:w-1/2"]))),
+      className: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["flex flex-col gap-8 w-full @lg:w-1/2"]))),
       children: [/*#__PURE__*/_jsxs(Form, {
         onSubmit: function onSubmit(e) {
           e.preventDefault();
@@ -893,7 +893,7 @@ export var JSONFormsComplexComponent = function JSONFormsComplexComponent() {
           setAdditionalErrors([]);
           setValidationMode("ValidateAndHide");
         },
-        className: stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["flex flex-col items-start gap-6 min-w-72"]))),
+        className: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["flex flex-col items-start gap-6 min-w-72"]))),
         children: [/*#__PURE__*/_jsx(FormErrorMessage, {}), /*#__PURE__*/_jsx(AdditionalErrorsContext.Provider, {
           value: {
             setAdditionalErrors: setAdditionalErrors
@@ -908,9 +908,9 @@ export var JSONFormsComplexComponent = function JSONFormsComplexComponent() {
               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 || "";
@@ -919,7 +919,7 @@ export var JSONFormsComplexComponent = function JSONFormsComplexComponent() {
             })
           })
         }), /*#__PURE__*/_jsxs("div", {
-          className: stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["flex gap-2"]))),
+          className: stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["flex gap-2"]))),
           children: [/*#__PURE__*/_jsx(FormSubmit, {
             variant: "primary",
             "aria-label": "Save the form",
@@ -930,9 +930,9 @@ export var JSONFormsComplexComponent = function JSONFormsComplexComponent() {
           })]
         })]
       }), /*#__PURE__*/_jsx("hr", {
-        className: stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["text-grey-500"])))
+        className: stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["text-grey-500"])))
       }), /*#__PURE__*/_jsx("code", {
-        className: stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["whitespace-pre display-code"]))),
+        className: stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["whitespace-pre display-code"]))),
         children: JSON.stringify(formData, null, 2)
       })]
     })