@algolia/satellite 1.5.0 → 1.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/Actions/Button/Button.tailwind.js +0 -12
- package/dist/cjs/Fields/Field/Field.js +1 -1
- package/dist/cjs/Fields/Form/stories/AsynchronousValidation.js +4 -4
- package/dist/cjs/Fields/Form/stories/Complex.js +4 -4
- package/dist/cjs/Fields/Form/stories/DependentFieldsValidation.js +4 -4
- package/dist/cjs/Fields/Form/stories/DirtyFields.js +4 -4
- package/dist/cjs/Fields/Form/stories/DynamicFieldsValidation.js +4 -4
- package/dist/cjs/Fields/Form/stories/FieldArrays.js +6 -6
- package/dist/cjs/Fields/Form/stories/JSONForms.js +3 -3
- package/dist/cjs/Fields/Form/stories/MultiStep.js +700 -0
- package/dist/cjs/Fields/Form/stories/ValidationStrategies.js +6 -6
- package/dist/cjs/Icons/index.d.ts +1 -1
- package/dist/cjs/Icons/index.js +6 -0
- package/dist/cjs/Indicators/Skeleton/Skeleton.js +1 -1
- package/dist/cjs/Indicators/index.d.ts +1 -0
- package/dist/cjs/Indicators/index.js +11 -0
- package/dist/esm/Actions/Button/Button.tailwind.js +0 -12
- package/dist/esm/Fields/Field/Field.js +1 -1
- package/dist/esm/Fields/Form/stories/AsynchronousValidation.js +4 -4
- package/dist/esm/Fields/Form/stories/Complex.js +4 -4
- package/dist/esm/Fields/Form/stories/DependentFieldsValidation.js +4 -4
- package/dist/esm/Fields/Form/stories/DirtyFields.js +4 -4
- package/dist/esm/Fields/Form/stories/DynamicFieldsValidation.js +4 -4
- package/dist/esm/Fields/Form/stories/FieldArrays.js +6 -6
- package/dist/esm/Fields/Form/stories/JSONForms.js +3 -3
- package/dist/esm/Fields/Form/stories/MultiStep.js +691 -0
- package/dist/esm/Fields/Form/stories/ValidationStrategies.js +6 -6
- package/dist/esm/Icons/index.d.ts +1 -1
- package/dist/esm/Icons/index.js +1 -1
- package/dist/esm/Indicators/Skeleton/Skeleton.js +1 -1
- package/dist/esm/Indicators/index.d.ts +1 -0
- package/dist/esm/Indicators/index.js +2 -1
- package/dist/satellite.min.css +1 -1
- package/package.json +6 -1
@@ -47,10 +47,6 @@ var buttonPlugin = plugin(function (_ref) {
|
|
47
47
|
backgroundImage: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)"),
|
48
48
|
borderColor: theme("colors.grey.200")
|
49
49
|
},
|
50
|
-
"&:focus": {
|
51
|
-
backgroundImage: "linear-gradient(-180deg, ".concat(theme("colors.white"), " 0%, ").concat(theme("colors.grey.100"), " 100%)"),
|
52
|
-
boxShadow: "0 2px 0 1px ".concat(theme("colors.shadow.5"))
|
53
|
-
},
|
54
50
|
"&:active, &.btn-active": {
|
55
51
|
borderColor: theme("colors.grey.200"),
|
56
52
|
boxShadow: "\n inset 0 1px 4px 0 ".concat(rgba(theme("colors.grey.500"), 0.4), ",\n inset 0 1px 1px 0 ").concat(rgba(theme("colors.grey.500"), 0.4), ",\n 0 1px 0 0 ").concat(theme("colors.shadow.5"), "\n ")
|
@@ -73,10 +69,6 @@ var buttonPlugin = plugin(function (_ref) {
|
|
73
69
|
backgroundImage: "linear-gradient(0deg, ".concat(theme("colors.accent.800"), " 0%, ").concat(theme("colors.accent.700"), " 100%)"),
|
74
70
|
boxShadow: "\n inset 0 1px 0 0 ".concat(rgba(theme("colors.white"), 0.06), ",\n 0 1px 0 0 ").concat(theme("colors.shadow.10"), "\n ")
|
75
71
|
},
|
76
|
-
"&:focus": {
|
77
|
-
backgroundImage: "linear-gradient(0deg, ".concat(theme("colors.accent.600"), " 0%, ").concat(theme("colors.accent.700"), " 100%)"),
|
78
|
-
boxShadow: "\n inset 0 1px 0 0 ".concat(rgba(theme("colors.white"), 0.06), ",\n 0 2px 0 1px ").concat(theme("colors.shadow.10"), "\n ")
|
79
|
-
},
|
80
72
|
"&:active, &.btn-active": {
|
81
73
|
backgroundColor: theme("colors.accent.700"),
|
82
74
|
borderColor: theme("colors.accent.800"),
|
@@ -100,10 +92,6 @@ var buttonPlugin = plugin(function (_ref) {
|
|
100
92
|
borderColor: theme("colors.red.800"),
|
101
93
|
boxShadow: "\n inset 0 1px 0 0 ".concat(rgba(theme("colors.white"), 0.06), ",\n 0 1px 0 0 ").concat(theme("colors.shadow.10"), "\n ")
|
102
94
|
},
|
103
|
-
"&:focus": {
|
104
|
-
backgroundImage: "linear-gradient(0deg, ".concat(theme("colors.red.600"), " 0%, ").concat(theme("colors.red.700"), " 100%)"),
|
105
|
-
boxShadow: "\n inset 0 1px 0 0 ".concat(rgba(theme("colors.white"), 0.06), ",\n 0 2px 0 1px ").concat(theme("colors.shadow.10"), "\n ")
|
106
|
-
},
|
107
95
|
"&:active, &.btn-active": {
|
108
96
|
borderColor: theme("colors.red.800"),
|
109
97
|
boxShadow: "\n inset 0 1px 4px 0 ".concat(rgba(theme("colors.red.900"), 0.4), ",\n inset 0 1px 1px 0 ").concat(rgba(theme("colors.red.900"), 0.6), ",\n 0 1px 0 0 ").concat(theme("colors.shadow.5"), "\n ")
|
@@ -96,7 +96,7 @@ var Field = exports.Field = function Field(_ref) {
|
|
96
96
|
id: labelId,
|
97
97
|
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["truncate ", ""])), inline ? "mr-2" : "mb-1"),
|
98
98
|
children: [label, !hideRequiredIndicator && (requiredProp || requiredContext) && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
99
|
-
className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["text-red-700 ml-0.5"]))),
|
99
|
+
className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["text-red-700 ml-0.5 align-top"]))),
|
100
100
|
"aria-hidden": true,
|
101
101
|
children: "*"
|
102
102
|
})]
|
@@ -189,7 +189,7 @@ var RHFAsyncValidationComponent = exports.RHFAsyncValidationComponent = function
|
|
189
189
|
onReset: function onReset() {
|
190
190
|
return setFormData(initialFormData);
|
191
191
|
},
|
192
|
-
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-
|
192
|
+
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-6 min-w-72"]))),
|
193
193
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Form.ExperimentalFormErrorMessage, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHookForm.Controller, {
|
194
194
|
name: "username",
|
195
195
|
control: control,
|
@@ -245,7 +245,7 @@ var RHFAsyncValidationComponent = exports.RHFAsyncValidationComponent = function
|
|
245
245
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
|
246
246
|
className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"])))
|
247
247
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
|
248
|
-
className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre"]))),
|
248
|
+
className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre display-code"]))),
|
249
249
|
children: JSON.stringify(formData, null, 2)
|
250
250
|
})]
|
251
251
|
});
|
@@ -347,7 +347,7 @@ var FormikAsyncValidationComponent = exports.FormikAsyncValidationComponent = fu
|
|
347
347
|
setRevalidationEnabled(false);
|
348
348
|
formik.handleReset(e);
|
349
349
|
},
|
350
|
-
className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-
|
350
|
+
className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-6 min-w-72"]))),
|
351
351
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Form.ExperimentalFormErrorMessage, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.Field, {
|
352
352
|
label: "Username",
|
353
353
|
labelFor: "username",
|
@@ -389,7 +389,7 @@ var FormikAsyncValidationComponent = exports.FormikAsyncValidationComponent = fu
|
|
389
389
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
|
390
390
|
className: (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"])))
|
391
391
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
|
392
|
-
className: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre"]))),
|
392
|
+
className: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre display-code"]))),
|
393
393
|
children: JSON.stringify(formData, null, 2)
|
394
394
|
})]
|
395
395
|
});
|
@@ -209,7 +209,7 @@ var RHFComplexComponent = exports.RHFComplexComponent = function RHFComplexCompo
|
|
209
209
|
onReset: function onReset() {
|
210
210
|
return setFormData(initialFormData);
|
211
211
|
},
|
212
|
-
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-
|
212
|
+
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-6 min-w-72"]))),
|
213
213
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Form.ExperimentalFormErrorMessage, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHookForm.Controller, {
|
214
214
|
name: "firstName",
|
215
215
|
control: control,
|
@@ -564,7 +564,7 @@ var RHFComplexComponent = exports.RHFComplexComponent = function RHFComplexCompo
|
|
564
564
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
|
565
565
|
className: (0, _satellitePrefixer["default"])(_templateObject23 || (_templateObject23 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"])))
|
566
566
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
|
567
|
-
className: (0, _satellitePrefixer["default"])(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre"]))),
|
567
|
+
className: (0, _satellitePrefixer["default"])(_templateObject24 || (_templateObject24 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre display-code"]))),
|
568
568
|
children: JSON.stringify(formData, null, 2)
|
569
569
|
})]
|
570
570
|
});
|
@@ -647,7 +647,7 @@ var FormikComplexComponent = exports.FormikComplexComponent = function FormikCom
|
|
647
647
|
setRevalidationEnabled(false);
|
648
648
|
formik.handleReset(e);
|
649
649
|
},
|
650
|
-
className: (0, _satellitePrefixer["default"])(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-
|
650
|
+
className: (0, _satellitePrefixer["default"])(_templateObject26 || (_templateObject26 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-6 min-w-72"]))),
|
651
651
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Form.ExperimentalFormErrorMessage, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.Field, {
|
652
652
|
label: "First Name",
|
653
653
|
labelFor: "firstName",
|
@@ -918,7 +918,7 @@ var FormikComplexComponent = exports.FormikComplexComponent = function FormikCom
|
|
918
918
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
|
919
919
|
className: (0, _satellitePrefixer["default"])(_templateObject47 || (_templateObject47 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"])))
|
920
920
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
|
921
|
-
className: (0, _satellitePrefixer["default"])(_templateObject48 || (_templateObject48 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre"]))),
|
921
|
+
className: (0, _satellitePrefixer["default"])(_templateObject48 || (_templateObject48 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre display-code"]))),
|
922
922
|
children: JSON.stringify(formData, null, 2)
|
923
923
|
})]
|
924
924
|
});
|
@@ -85,7 +85,7 @@ var RHFDependentFieldsValidationComponent = exports.RHFDependentFieldsValidation
|
|
85
85
|
onReset: function onReset() {
|
86
86
|
return setFormData(initialFormData);
|
87
87
|
},
|
88
|
-
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-
|
88
|
+
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-6 min-w-72"]))),
|
89
89
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Form.ExperimentalFormErrorMessage, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHookForm.Controller, {
|
90
90
|
name: "password",
|
91
91
|
control: control,
|
@@ -141,7 +141,7 @@ var RHFDependentFieldsValidationComponent = exports.RHFDependentFieldsValidation
|
|
141
141
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
|
142
142
|
className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"])))
|
143
143
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
|
144
|
-
className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre"]))),
|
144
|
+
className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre display-code"]))),
|
145
145
|
children: JSON.stringify(formData, null, 2)
|
146
146
|
})]
|
147
147
|
});
|
@@ -200,7 +200,7 @@ var FormikDependentFieldsValidationComponent = exports.FormikDependentFieldsVali
|
|
200
200
|
setRevalidationEnabled(false);
|
201
201
|
formik.handleReset(e);
|
202
202
|
},
|
203
|
-
className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-
|
203
|
+
className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-6 min-w-72"]))),
|
204
204
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Form.ExperimentalFormErrorMessage, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.Field, {
|
205
205
|
label: "Password",
|
206
206
|
labelFor: "password",
|
@@ -242,7 +242,7 @@ var FormikDependentFieldsValidationComponent = exports.FormikDependentFieldsVali
|
|
242
242
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
|
243
243
|
className: (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"])))
|
244
244
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
|
245
|
-
className: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre"]))),
|
245
|
+
className: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre display-code"]))),
|
246
246
|
children: JSON.stringify(formData, null, 2)
|
247
247
|
})]
|
248
248
|
});
|
@@ -95,7 +95,7 @@ var RHFDirtyFieldsComponent = exports.RHFDirtyFieldsComponent = function RHFDirt
|
|
95
95
|
onReset: function onReset() {
|
96
96
|
return setFormData(initialFormData);
|
97
97
|
},
|
98
|
-
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-
|
98
|
+
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-6 min-w-72"]))),
|
99
99
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Form.ExperimentalFormErrorMessage, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHookForm.Controller, {
|
100
100
|
name: "name",
|
101
101
|
control: control,
|
@@ -192,7 +192,7 @@ var RHFDirtyFieldsComponent = exports.RHFDirtyFieldsComponent = function RHFDirt
|
|
192
192
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
|
193
193
|
className: (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"])))
|
194
194
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
|
195
|
-
className: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre"]))),
|
195
|
+
className: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre display-code"]))),
|
196
196
|
children: JSON.stringify(formData, null, 2)
|
197
197
|
})]
|
198
198
|
});
|
@@ -263,7 +263,7 @@ var FormikDirtyFieldsComponent = exports.FormikDirtyFieldsComponent = function F
|
|
263
263
|
setRevalidationEnabled(false);
|
264
264
|
formik.handleReset(e);
|
265
265
|
},
|
266
|
-
className: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-
|
266
|
+
className: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-6 min-w-72"]))),
|
267
267
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Form.ExperimentalFormErrorMessage, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.Field, {
|
268
268
|
label: "Name",
|
269
269
|
labelFor: "name",
|
@@ -332,7 +332,7 @@ var FormikDirtyFieldsComponent = exports.FormikDirtyFieldsComponent = function F
|
|
332
332
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
|
333
333
|
className: (0, _satellitePrefixer["default"])(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"])))
|
334
334
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
|
335
|
-
className: (0, _satellitePrefixer["default"])(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre"]))),
|
335
|
+
className: (0, _satellitePrefixer["default"])(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre display-code"]))),
|
336
336
|
children: JSON.stringify(formData, null, 2)
|
337
337
|
})]
|
338
338
|
});
|
@@ -115,7 +115,7 @@ var RHFDynamicFieldsValidationComponent = exports.RHFDynamicFieldsValidationComp
|
|
115
115
|
onReset: function onReset() {
|
116
116
|
return setFormData(initialFormData);
|
117
117
|
},
|
118
|
-
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-
|
118
|
+
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-6 min-w-72"]))),
|
119
119
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Form.ExperimentalFormErrorMessage, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactHookForm.Controller, {
|
120
120
|
name: "name",
|
121
121
|
control: control,
|
@@ -247,7 +247,7 @@ var RHFDynamicFieldsValidationComponent = exports.RHFDynamicFieldsValidationComp
|
|
247
247
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
|
248
248
|
className: (0, _satellitePrefixer["default"])(_templateObject13 || (_templateObject13 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"])))
|
249
249
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
|
250
|
-
className: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre"]))),
|
250
|
+
className: (0, _satellitePrefixer["default"])(_templateObject14 || (_templateObject14 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre display-code"]))),
|
251
251
|
children: JSON.stringify(formData, null, 2)
|
252
252
|
})]
|
253
253
|
});
|
@@ -328,7 +328,7 @@ var FormikDynamicFieldsValidationComponent = exports.FormikDynamicFieldsValidati
|
|
328
328
|
setRevalidationEnabled(false);
|
329
329
|
formik.handleReset(e);
|
330
330
|
},
|
331
|
-
className: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-
|
331
|
+
className: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-6 min-w-72"]))),
|
332
332
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Form.ExperimentalFormErrorMessage, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Field.Field, {
|
333
333
|
label: "Name",
|
334
334
|
labelFor: "name",
|
@@ -418,7 +418,7 @@ var FormikDynamicFieldsValidationComponent = exports.FormikDynamicFieldsValidati
|
|
418
418
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
|
419
419
|
className: (0, _satellitePrefixer["default"])(_templateObject27 || (_templateObject27 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"])))
|
420
420
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
|
421
|
-
className: (0, _satellitePrefixer["default"])(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre"]))),
|
421
|
+
className: (0, _satellitePrefixer["default"])(_templateObject28 || (_templateObject28 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre display-code"]))),
|
422
422
|
children: JSON.stringify(formData, null, 2)
|
423
423
|
})]
|
424
424
|
});
|
@@ -119,7 +119,7 @@ var RHFFieldsArraysComponent = exports.RHFFieldsArraysComponent = function RHFFi
|
|
119
119
|
onReset: function onReset() {
|
120
120
|
return setFormData(initialFormData);
|
121
121
|
},
|
122
|
-
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-
|
122
|
+
className: (0, _satellitePrefixer["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-6 min-w-72"]))),
|
123
123
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Form.ExperimentalFormErrorMessage, {}), fields.map(function (field, index) {
|
124
124
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
125
125
|
className: (0, _satellitePrefixer["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["w-full flex flex-col gap-2"]))),
|
@@ -171,7 +171,7 @@ var RHFFieldsArraysComponent = exports.RHFFieldsArraysComponent = function RHFFi
|
|
171
171
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
|
172
172
|
className: (0, _satellitePrefixer["default"])(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"])))
|
173
173
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
|
174
|
-
className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre"]))),
|
174
|
+
className: (0, _satellitePrefixer["default"])(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre display-code"]))),
|
175
175
|
children: JSON.stringify(formData, null, 2)
|
176
176
|
})]
|
177
177
|
}))
|
@@ -212,7 +212,7 @@ var RHFFilter = function RHFFilter(_ref) {
|
|
212
212
|
}
|
213
213
|
};
|
214
214
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
215
|
-
className: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["w-full flex flex-col items-start gap-
|
215
|
+
className: (0, _satellitePrefixer["default"])(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["w-full flex flex-col items-start gap-6 bg-grey-100 border border-grey-200 rounded p-4"]))),
|
216
216
|
children: [fields.map(function (field, index) {
|
217
217
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
218
218
|
className: (0, _satellitePrefixer["default"])(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["w-full flex items-stretch gap-2"]))),
|
@@ -367,7 +367,7 @@ var FormikFieldArraysComponent = exports.FormikFieldArraysComponent = function F
|
|
367
367
|
setRevalidationEnabled(false);
|
368
368
|
handleReset(e);
|
369
369
|
},
|
370
|
-
className: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-
|
370
|
+
className: (0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-6 min-w-72"]))),
|
371
371
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Form.ExperimentalFormErrorMessage, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_formik.FieldArray, {
|
372
372
|
name: "filterGroups",
|
373
373
|
render: function render(_ref6) {
|
@@ -427,7 +427,7 @@ var FormikFieldArraysComponent = exports.FormikFieldArraysComponent = function F
|
|
427
427
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
|
428
428
|
className: (0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"])))
|
429
429
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
|
430
|
-
className: (0, _satellitePrefixer["default"])(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre"]))),
|
430
|
+
className: (0, _satellitePrefixer["default"])(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre display-code"]))),
|
431
431
|
children: JSON.stringify(formData, null, 2)
|
432
432
|
})]
|
433
433
|
});
|
@@ -460,7 +460,7 @@ var FormikFilter = function FormikFilter(_ref7) {
|
|
460
460
|
remove = _ref8.remove,
|
461
461
|
form = _ref8.form;
|
462
462
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
463
|
-
className: (0, _satellitePrefixer["default"])(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2["default"])(["w-full flex flex-col items-start gap-
|
463
|
+
className: (0, _satellitePrefixer["default"])(_templateObject22 || (_templateObject22 = (0, _taggedTemplateLiteral2["default"])(["w-full flex flex-col items-start gap-6 bg-grey-100 border border-grey-200 rounded p-4"]))),
|
464
464
|
children: [formik.values.filterGroups[parentIndex].map(function (_, index) {
|
465
465
|
var _form$values$filterGr;
|
466
466
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
|
@@ -838,7 +838,7 @@ var renderers = [{
|
|
838
838
|
var styleContextValue = {
|
839
839
|
styles: [{
|
840
840
|
name: "vertical.layout",
|
841
|
-
classNames: [(0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-
|
841
|
+
classNames: [(0, _satellitePrefixer["default"])(_templateObject15 || (_templateObject15 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-6 min-w-72 w-full"])))]
|
842
842
|
}, {
|
843
843
|
name: "vertical.layout.item",
|
844
844
|
classNames: [(0, _satellitePrefixer["default"])(_templateObject16 || (_templateObject16 = (0, _taggedTemplateLiteral2["default"])(["w-full"])))]
|
@@ -894,7 +894,7 @@ var JSONFormsComplexComponent = exports.JSONFormsComplexComponent = function JSO
|
|
894
894
|
setAdditionalErrors([]);
|
895
895
|
setValidationMode("ValidateAndHide");
|
896
896
|
},
|
897
|
-
className: (0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-
|
897
|
+
className: (0, _satellitePrefixer["default"])(_templateObject18 || (_templateObject18 = (0, _taggedTemplateLiteral2["default"])(["flex flex-col items-start gap-6 min-w-72"]))),
|
898
898
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Form.ExperimentalFormErrorMessage, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(AdditionalErrorsContext.Provider, {
|
899
899
|
value: {
|
900
900
|
setAdditionalErrors: setAdditionalErrors
|
@@ -933,7 +933,7 @@ var JSONFormsComplexComponent = exports.JSONFormsComplexComponent = function JSO
|
|
933
933
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("hr", {
|
934
934
|
className: (0, _satellitePrefixer["default"])(_templateObject20 || (_templateObject20 = (0, _taggedTemplateLiteral2["default"])(["text-grey-500"])))
|
935
935
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
|
936
|
-
className: (0, _satellitePrefixer["default"])(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre"]))),
|
936
|
+
className: (0, _satellitePrefixer["default"])(_templateObject21 || (_templateObject21 = (0, _taggedTemplateLiteral2["default"])(["whitespace-pre display-code"]))),
|
937
937
|
children: JSON.stringify(formData, null, 2)
|
938
938
|
})]
|
939
939
|
});
|