@sanity/form-toolkit
3.0.163.0.17
dist/form-renderer/index.js~
dist/form-renderer/index.jsModified+23−31
Index: package/dist/form-renderer/index.js
===================================================================
--- package/dist/form-renderer/index.js
+++ package/dist/form-renderer/index.js
@@ -1,43 +1,35 @@
import { c } from "react/compiler-runtime";
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
const toRef = (ref) => ref, DefaultField = (t0) => {
- let $ = c(44), { field, fieldState, error } = t0, { type, label, name, options: t1, choices: t2, validation: t3 } = field, t4;
+ let $ = c(43), { field, fieldState, error } = t0, { type, label, name, options: t1, choices: t2, validation: t3 } = field, t4;
$[0] === t1 ? t4 = $[1] : (t4 = t1 === void 0 ? {} : t1, $[0] = t1, $[1] = t4);
let options = t4, t5;
$[2] === t2 ? t5 = $[3] : (t5 = t2 === void 0 ? [] : t2, $[2] = t2, $[3] = t5);
- let choices = t5, t6, t7;
- if ($[4] !== name || $[5] !== t3 || $[6] !== type) {
- t7 = Symbol.for("react.early_return_sentinel");
- bb0: {
- let validation = t3 === void 0 ? [] : t3;
- if (!type || !name) {
- t7 = null;
- break bb0;
- }
- t6 = validation.reduce(_temp, {});
- }
- $[4] = name, $[5] = t3, $[6] = type, $[7] = t6, $[8] = t7;
- } else t6 = $[7], t7 = $[8];
- if (t7 !== Symbol.for("react.early_return_sentinel")) return t7;
- let validationRules = t6, { value, onChange, onBlur, ref } = fieldState, isControlled = typeof onChange == "function", t8;
- $[9] === onChange ? t8 = $[10] : (t8 = (e) => {
+ let choices = t5, t6;
+ $[4] === t3 ? t6 = $[5] : (t6 = t3 === void 0 ? [] : t3, $[4] = t3, $[5] = t6);
+ let validation = t6;
+ if (!type || !name) return null;
+ let t7;
+ $[6] === validation ? t7 = $[7] : (t7 = validation.reduce(_temp, {}), $[6] = validation, $[7] = t7);
+ let validationRules = t7, { value, onChange, onBlur, ref } = fieldState, isControlled = typeof onChange == "function", t8;
+ $[8] === onChange ? t8 = $[9] : (t8 = (e) => {
onChange?.(e.target.value);
- }, $[9] = onChange, $[10] = t8);
+ }, $[8] = onChange, $[9] = t8);
let handleChange = t8, t9;
- $[11] !== onChange || $[12] !== value ? (t9 = (e_0, choiceValue) => {
+ $[10] !== onChange || $[11] !== value ? (t9 = (e_0, choiceValue) => {
if (Array.isArray(value)) {
let newValue = e_0.target.checked ? [...value, choiceValue] : value.filter((v_0) => v_0 !== choiceValue);
onChange?.(newValue);
} else onChange?.(e_0.target.checked ? choiceValue : "");
- }, $[11] = onChange, $[12] = value, $[13] = t9) : t9 = $[13];
+ }, $[10] = onChange, $[11] = value, $[12] = t9) : t9 = $[12];
let handleCheckboxChange = t9, t10;
- $[14] !== handleChange || $[15] !== isControlled || $[16] !== value ? (t10 = (fallback) => isControlled ? {
+ $[13] !== handleChange || $[14] !== isControlled || $[15] !== value ? (t10 = (fallback) => isControlled ? {
value: value ?? "",
onChange: handleChange
- } : { defaultValue: fallback }, $[14] = handleChange, $[15] = isControlled, $[16] = value, $[17] = t10) : t10 = $[17];
+ } : { defaultValue: fallback }, $[13] = handleChange, $[14] = isControlled, $[15] = value, $[16] = t10) : t10 = $[16];
let textValueProps = t10, t11;
- $[18] !== choices || $[19] !== handleChange || $[20] !== handleCheckboxChange || $[21] !== isControlled || $[22] !== label || $[23] !== name || $[24] !== onBlur || $[25] !== options || $[26] !== ref || $[27] !== textValueProps || $[28] !== type || $[29] !== validationRules || $[30] !== value ? (t11 = () => {
+ $[17] !== choices || $[18] !== handleChange || $[19] !== handleCheckboxChange || $[20] !== isControlled || $[21] !== label || $[22] !== name || $[23] !== onBlur || $[24] !== options || $[25] !== ref || $[26] !== textValueProps || $[27] !== type || $[28] !== validationRules || $[29] !== value ? (t11 = () => {
switch (type) {
case "submit": return /* @__PURE__ */ jsx("button", {
type: "submit",
children: label || "Submit"
@@ -91,27 +83,27 @@
onBlur,
placeholder: options.placeholder
});
}
- }, $[18] = choices, $[19] = handleChange, $[20] = handleCheckboxChange, $[21] = isControlled, $[22] = label, $[23] = name, $[24] = onBlur, $[25] = options, $[26] = ref, $[27] = textValueProps, $[28] = type, $[29] = validationRules, $[30] = value, $[31] = t11) : t11 = $[31];
+ }, $[17] = choices, $[18] = handleChange, $[19] = handleCheckboxChange, $[20] = isControlled, $[21] = label, $[22] = name, $[23] = onBlur, $[24] = options, $[25] = ref, $[26] = textValueProps, $[27] = type, $[28] = validationRules, $[29] = value, $[30] = t11) : t11 = $[30];
let renderInput = t11, t12;
- $[32] !== label || $[33] !== name || $[34] !== type ? (t12 = label && !["hidden", "submit"].includes(type) && /* @__PURE__ */ jsx("label", {
+ $[31] !== label || $[32] !== name || $[33] !== type ? (t12 = label && !["hidden", "submit"].includes(type) && /* @__PURE__ */ jsx("label", {
htmlFor: name,
children: label
- }), $[32] = label, $[33] = name, $[34] = type, $[35] = t12) : t12 = $[35];
+ }), $[31] = label, $[32] = name, $[33] = type, $[34] = t12) : t12 = $[34];
let t13;
- $[36] === renderInput ? t13 = $[37] : (t13 = renderInput(), $[36] = renderInput, $[37] = t13);
+ $[35] === renderInput ? t13 = $[36] : (t13 = renderInput(), $[35] = renderInput, $[36] = t13);
let t14;
- $[38] === error ? t14 = $[39] : (t14 = error && /* @__PURE__ */ jsx("span", {
+ $[37] === error ? t14 = $[38] : (t14 = error && /* @__PURE__ */ jsx("span", {
className: "error",
children: error
- }), $[38] = error, $[39] = t14);
+ }), $[37] = error, $[38] = t14);
let t15;
- return $[40] !== t12 || $[41] !== t13 || $[42] !== t14 ? (t15 = /* @__PURE__ */ jsxs(Fragment, { children: [
+ return $[39] !== t12 || $[40] !== t13 || $[41] !== t14 ? (t15 = /* @__PURE__ */ jsxs(Fragment, { children: [
t12,
t13,
t14
- ] }), $[40] = t12, $[41] = t13, $[42] = t14, $[43] = t15) : t15 = $[43], t15;
+ ] }), $[39] = t12, $[40] = t13, $[41] = t14, $[42] = t15) : t15 = $[42], t15;
};
function _temp(acc, v) {
return acc[v.type] = v.value, acc;
}