638 lines
20 KiB
JavaScript
638 lines
20 KiB
JavaScript
import {
|
|
useField
|
|
} from "./chunk-BFLP6DBI.js";
|
|
import {
|
|
CheckboxImpl,
|
|
DatePicker$1,
|
|
DateTimePicker,
|
|
Field,
|
|
JSONInput,
|
|
NumberInput,
|
|
SingleSelect,
|
|
SingleSelectOption,
|
|
TextInput,
|
|
Textarea,
|
|
TimePicker$1,
|
|
Toggle,
|
|
useComposedRefs,
|
|
useIntl
|
|
} from "./chunk-7XB6XSWQ.js";
|
|
import {
|
|
useLocation
|
|
} from "./chunk-TUXTO2Z5.js";
|
|
import {
|
|
ForwardRef$3B,
|
|
ForwardRef$3D
|
|
} from "./chunk-WRD5KPDH.js";
|
|
import {
|
|
require_jsx_runtime
|
|
} from "./chunk-NIAJZ5MX.js";
|
|
import {
|
|
require_react
|
|
} from "./chunk-MADUDGYZ.js";
|
|
import {
|
|
__toESM
|
|
} from "./chunk-PLDDJCW6.js";
|
|
|
|
// node_modules/@strapi/admin/dist/admin/admin/src/hooks/useFocusInputField.mjs
|
|
var import_react = __toESM(require_react(), 1);
|
|
var useFocusInputField = (name) => {
|
|
const { search: searchString } = useLocation();
|
|
const search = (0, import_react.useMemo)(() => new URLSearchParams(searchString), [
|
|
searchString
|
|
]);
|
|
const [field, setField] = (0, import_react.useState)(null);
|
|
(0, import_react.useEffect)(() => {
|
|
if (search.has("field") && search.get("field") === name && field) {
|
|
field.focus();
|
|
field.scrollIntoView({
|
|
block: "center"
|
|
});
|
|
}
|
|
}, [
|
|
search,
|
|
name,
|
|
field
|
|
]);
|
|
return setField;
|
|
};
|
|
|
|
// node_modules/@strapi/admin/dist/admin/admin/src/components/FormInputs/Renderer.mjs
|
|
var import_jsx_runtime13 = __toESM(require_jsx_runtime(), 1);
|
|
var import_react12 = __toESM(require_react(), 1);
|
|
|
|
// node_modules/@strapi/admin/dist/admin/admin/src/components/FormInputs/Boolean.mjs
|
|
var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
|
|
var import_react2 = __toESM(require_react(), 1);
|
|
var BooleanInput = (0, import_react2.forwardRef)(({ name, required, label, hint, labelAction, ...props }, ref) => {
|
|
const { formatMessage } = useIntl();
|
|
const field = useField(name);
|
|
const fieldRef = useFocusInputField(name);
|
|
const composedRefs = useComposedRefs(ref, fieldRef);
|
|
return (0, import_jsx_runtime.jsxs)(Field.Root, {
|
|
error: field.error,
|
|
name,
|
|
hint,
|
|
required,
|
|
maxWidth: "320px",
|
|
children: [
|
|
(0, import_jsx_runtime.jsx)(Field.Label, {
|
|
action: labelAction,
|
|
children: label
|
|
}),
|
|
(0, import_jsx_runtime.jsx)(Toggle, {
|
|
ref: composedRefs,
|
|
checked: field.value === null ? null : field.value || false,
|
|
offLabel: formatMessage({
|
|
id: "app.components.ToggleCheckbox.off-label",
|
|
defaultMessage: "False"
|
|
}),
|
|
onLabel: formatMessage({
|
|
id: "app.components.ToggleCheckbox.on-label",
|
|
defaultMessage: "True"
|
|
}),
|
|
onChange: field.onChange,
|
|
...props
|
|
}),
|
|
(0, import_jsx_runtime.jsx)(Field.Hint, {}),
|
|
(0, import_jsx_runtime.jsx)(Field.Error, {})
|
|
]
|
|
});
|
|
});
|
|
var MemoizedBooleanInput = (0, import_react2.memo)(BooleanInput);
|
|
|
|
// node_modules/@strapi/admin/dist/admin/admin/src/components/FormInputs/Checkbox.mjs
|
|
var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
|
|
var import_react3 = __toESM(require_react(), 1);
|
|
var CheckboxInput = (0, import_react3.forwardRef)(({ name, required, label, hint, type: _type, ...props }, ref) => {
|
|
const field = useField(name);
|
|
const fieldRef = useFocusInputField(name);
|
|
const composedRefs = useComposedRefs(ref, fieldRef);
|
|
return (0, import_jsx_runtime2.jsxs)(Field.Root, {
|
|
error: field.error,
|
|
name,
|
|
hint,
|
|
required,
|
|
children: [
|
|
(0, import_jsx_runtime2.jsx)(CheckboxImpl, {
|
|
onCheckedChange: (checked) => field.onChange(name, !!checked),
|
|
ref: composedRefs,
|
|
checked: field.value,
|
|
...props,
|
|
children: label || props["aria-label"]
|
|
}),
|
|
(0, import_jsx_runtime2.jsx)(Field.Hint, {}),
|
|
(0, import_jsx_runtime2.jsx)(Field.Error, {})
|
|
]
|
|
});
|
|
});
|
|
var MemoizedCheckboxInput = (0, import_react3.memo)(CheckboxInput);
|
|
|
|
// node_modules/@strapi/admin/dist/admin/admin/src/components/FormInputs/Date.mjs
|
|
var import_jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
|
|
var React = __toESM(require_react(), 1);
|
|
var DateInput = React.forwardRef(({ name, required, label, hint, labelAction, type: _type, ...props }, ref) => {
|
|
const { formatMessage } = useIntl();
|
|
const field = useField(name);
|
|
const fieldRef = useFocusInputField(name);
|
|
const composedRefs = useComposedRefs(ref, fieldRef);
|
|
const [lastValidDate, setLastValidDate] = React.useState(null);
|
|
const value = typeof field.value === "string" ? new Date(field.value) : field.value;
|
|
const handleDateChange = (date) => {
|
|
if (!date) {
|
|
field.onChange(name, null);
|
|
setLastValidDate(null);
|
|
return;
|
|
}
|
|
const utcDate = toUTCMidnight(date);
|
|
field.onChange(name, utcDate.toISOString());
|
|
setLastValidDate(utcDate);
|
|
};
|
|
return (0, import_jsx_runtime3.jsxs)(Field.Root, {
|
|
error: field.error,
|
|
name,
|
|
hint,
|
|
required,
|
|
children: [
|
|
(0, import_jsx_runtime3.jsx)(Field.Label, {
|
|
action: labelAction,
|
|
children: label
|
|
}),
|
|
(0, import_jsx_runtime3.jsx)(DatePicker$1, {
|
|
ref: composedRefs,
|
|
clearLabel: formatMessage({
|
|
id: "clearLabel",
|
|
defaultMessage: "Clear"
|
|
}),
|
|
onChange: handleDateChange,
|
|
onClear: () => {
|
|
field.onChange(name, null);
|
|
setLastValidDate(null);
|
|
return;
|
|
},
|
|
onBlur: () => {
|
|
if (field.value && !value) {
|
|
field.onChange(name, (lastValidDate == null ? void 0 : lastValidDate.toISOString()) ?? null);
|
|
}
|
|
},
|
|
value,
|
|
...props
|
|
}),
|
|
(0, import_jsx_runtime3.jsx)(Field.Hint, {}),
|
|
(0, import_jsx_runtime3.jsx)(Field.Error, {})
|
|
]
|
|
});
|
|
});
|
|
var toUTCMidnight = (date) => {
|
|
return new Date(Date.UTC(date.getFullYear(), date.getMonth(), date.getDate()));
|
|
};
|
|
var MemoizedDateInput = React.memo(DateInput);
|
|
|
|
// node_modules/@strapi/admin/dist/admin/admin/src/components/FormInputs/DateTime.mjs
|
|
var import_jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
|
|
var import_react4 = __toESM(require_react(), 1);
|
|
var DateTimeInput = (0, import_react4.forwardRef)(({ name, required, label, hint, labelAction, ...props }, ref) => {
|
|
const { formatMessage } = useIntl();
|
|
const field = useField(name);
|
|
const fieldRef = useFocusInputField(name);
|
|
const composedRefs = useComposedRefs(ref, fieldRef);
|
|
const value = typeof field.value === "string" ? new Date(field.value) : field.value;
|
|
return (0, import_jsx_runtime4.jsxs)(Field.Root, {
|
|
error: field.error,
|
|
name,
|
|
hint,
|
|
required,
|
|
children: [
|
|
(0, import_jsx_runtime4.jsx)(Field.Label, {
|
|
action: labelAction,
|
|
children: label
|
|
}),
|
|
(0, import_jsx_runtime4.jsx)(DateTimePicker, {
|
|
ref: composedRefs,
|
|
clearLabel: formatMessage({
|
|
id: "clearLabel",
|
|
defaultMessage: "Clear"
|
|
}),
|
|
onChange: (date) => {
|
|
field.onChange(name, date ? date.toISOString() : null);
|
|
},
|
|
onClear: () => field.onChange(name, null),
|
|
value,
|
|
...props
|
|
}),
|
|
(0, import_jsx_runtime4.jsx)(Field.Hint, {}),
|
|
(0, import_jsx_runtime4.jsx)(Field.Error, {})
|
|
]
|
|
});
|
|
});
|
|
var MemoizedDateTimeInput = (0, import_react4.memo)(DateTimeInput);
|
|
|
|
// node_modules/@strapi/admin/dist/admin/admin/src/components/FormInputs/Email.mjs
|
|
var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
|
|
var import_react5 = __toESM(require_react(), 1);
|
|
var EmailInput = (0, import_react5.forwardRef)(({ name, required, label, hint, labelAction, ...props }, ref) => {
|
|
const field = useField(name);
|
|
const fieldRef = useFocusInputField(name);
|
|
const composedRefs = useComposedRefs(ref, fieldRef);
|
|
return (0, import_jsx_runtime5.jsxs)(Field.Root, {
|
|
error: field.error,
|
|
name,
|
|
hint,
|
|
required,
|
|
children: [
|
|
(0, import_jsx_runtime5.jsx)(Field.Label, {
|
|
action: labelAction,
|
|
children: label
|
|
}),
|
|
(0, import_jsx_runtime5.jsx)(TextInput, {
|
|
ref: composedRefs,
|
|
autoComplete: "email",
|
|
onChange: field.onChange,
|
|
value: field.value,
|
|
...props,
|
|
type: "email"
|
|
}),
|
|
(0, import_jsx_runtime5.jsx)(Field.Hint, {}),
|
|
(0, import_jsx_runtime5.jsx)(Field.Error, {})
|
|
]
|
|
});
|
|
});
|
|
var MemoizedEmailInput = (0, import_react5.memo)(EmailInput);
|
|
|
|
// node_modules/@strapi/admin/dist/admin/admin/src/components/FormInputs/Enumeration.mjs
|
|
var import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
|
|
var import_react6 = __toESM(require_react(), 1);
|
|
var EnumerationInput = (0, import_react6.forwardRef)(({ name, required, label, hint, labelAction, options = [], ...props }, ref) => {
|
|
const { formatMessage } = useIntl();
|
|
const field = useField(name);
|
|
const fieldRef = useFocusInputField(name);
|
|
const composedRefs = useComposedRefs(ref, fieldRef);
|
|
return (0, import_jsx_runtime6.jsxs)(Field.Root, {
|
|
error: field.error,
|
|
name,
|
|
hint,
|
|
required,
|
|
children: [
|
|
(0, import_jsx_runtime6.jsx)(Field.Label, {
|
|
action: labelAction,
|
|
children: label
|
|
}),
|
|
(0, import_jsx_runtime6.jsxs)(SingleSelect, {
|
|
ref: composedRefs,
|
|
onChange: (value) => {
|
|
field.onChange(name, value);
|
|
},
|
|
value: field.value,
|
|
...props,
|
|
children: [
|
|
(0, import_jsx_runtime6.jsx)(SingleSelectOption, {
|
|
value: "",
|
|
disabled: required,
|
|
hidden: required,
|
|
children: formatMessage({
|
|
id: "components.InputSelect.option.placeholder",
|
|
defaultMessage: "Choose here"
|
|
})
|
|
}),
|
|
options.map(({ value, label: label2, disabled, hidden }) => {
|
|
return (0, import_jsx_runtime6.jsx)(SingleSelectOption, {
|
|
value,
|
|
disabled,
|
|
hidden,
|
|
children: label2 ?? value
|
|
}, value);
|
|
})
|
|
]
|
|
}),
|
|
(0, import_jsx_runtime6.jsx)(Field.Hint, {}),
|
|
(0, import_jsx_runtime6.jsx)(Field.Error, {})
|
|
]
|
|
});
|
|
});
|
|
var MemoizedEnumerationInput = (0, import_react6.memo)(EnumerationInput);
|
|
|
|
// node_modules/@strapi/admin/dist/admin/admin/src/components/FormInputs/Json.mjs
|
|
var import_jsx_runtime7 = __toESM(require_jsx_runtime(), 1);
|
|
var React2 = __toESM(require_react(), 1);
|
|
var JsonInput = React2.forwardRef(({ name, required, label, hint, labelAction, ...props }, ref) => {
|
|
const field = useField(name);
|
|
const fieldRef = useFocusInputField(name);
|
|
const composedRefs = useComposedRefs(ref, fieldRef);
|
|
return (0, import_jsx_runtime7.jsxs)(Field.Root, {
|
|
error: field.error,
|
|
name,
|
|
hint,
|
|
required,
|
|
children: [
|
|
(0, import_jsx_runtime7.jsx)(Field.Label, {
|
|
action: labelAction,
|
|
children: label
|
|
}),
|
|
(0, import_jsx_runtime7.jsx)(JSONInput, {
|
|
ref: composedRefs,
|
|
value: typeof field.value == "object" ? JSON.stringify(field.value, null, 2) : field.value,
|
|
onChange: (json) => {
|
|
const value = required && !json.length ? null : json;
|
|
field.onChange(name, value);
|
|
},
|
|
minHeight: `25.2rem`,
|
|
maxHeight: `50.4rem`,
|
|
...props
|
|
}),
|
|
(0, import_jsx_runtime7.jsx)(Field.Hint, {}),
|
|
(0, import_jsx_runtime7.jsx)(Field.Error, {})
|
|
]
|
|
});
|
|
});
|
|
var MemoizedJsonInput = React2.memo(JsonInput);
|
|
|
|
// node_modules/@strapi/admin/dist/admin/admin/src/components/FormInputs/Number.mjs
|
|
var import_jsx_runtime8 = __toESM(require_jsx_runtime(), 1);
|
|
var import_react7 = __toESM(require_react(), 1);
|
|
var NumberInputImpl = (0, import_react7.forwardRef)(({ name, required, label, hint, labelAction, type, ...props }, ref) => {
|
|
const field = useField(name);
|
|
const fieldRef = useFocusInputField(name);
|
|
const composedRefs = useComposedRefs(ref, fieldRef);
|
|
return (0, import_jsx_runtime8.jsxs)(Field.Root, {
|
|
error: field.error,
|
|
name,
|
|
hint,
|
|
required,
|
|
children: [
|
|
(0, import_jsx_runtime8.jsx)(Field.Label, {
|
|
action: labelAction,
|
|
children: label
|
|
}),
|
|
(0, import_jsx_runtime8.jsx)(NumberInput, {
|
|
ref: composedRefs,
|
|
onValueChange: (value) => {
|
|
field.onChange(name, value ?? null);
|
|
},
|
|
step: type === "float" || type == "decimal" ? 0.01 : 1,
|
|
value: field.value ?? void 0,
|
|
...props
|
|
}),
|
|
(0, import_jsx_runtime8.jsx)(Field.Hint, {}),
|
|
(0, import_jsx_runtime8.jsx)(Field.Error, {})
|
|
]
|
|
});
|
|
});
|
|
var MemoizedNumberInput = (0, import_react7.memo)(NumberInputImpl);
|
|
|
|
// node_modules/@strapi/admin/dist/admin/admin/src/components/FormInputs/Password.mjs
|
|
var import_jsx_runtime9 = __toESM(require_jsx_runtime(), 1);
|
|
var import_react8 = __toESM(require_react(), 1);
|
|
var PasswordInput = (0, import_react8.forwardRef)(({ name, required, label, hint, labelAction, ...props }, ref) => {
|
|
const [showPassword, setShowPassword] = (0, import_react8.useState)(false);
|
|
const { formatMessage } = useIntl();
|
|
const field = useField(name);
|
|
const fieldRef = useFocusInputField(name);
|
|
const composedRefs = useComposedRefs(ref, fieldRef);
|
|
return (0, import_jsx_runtime9.jsxs)(Field.Root, {
|
|
error: field.error,
|
|
name,
|
|
hint,
|
|
required,
|
|
children: [
|
|
(0, import_jsx_runtime9.jsx)(Field.Label, {
|
|
action: labelAction,
|
|
children: label
|
|
}),
|
|
(0, import_jsx_runtime9.jsx)(TextInput, {
|
|
ref: composedRefs,
|
|
autoComplete: "password",
|
|
endAction: (0, import_jsx_runtime9.jsx)(Field.Action, {
|
|
label: formatMessage({
|
|
id: "Auth.form.password.show-password",
|
|
defaultMessage: "Show password"
|
|
}),
|
|
onClick: () => {
|
|
setShowPassword((prev) => !prev);
|
|
},
|
|
children: showPassword ? (0, import_jsx_runtime9.jsx)(ForwardRef$3D, {
|
|
fill: "neutral500"
|
|
}) : (0, import_jsx_runtime9.jsx)(ForwardRef$3B, {
|
|
fill: "neutral500"
|
|
})
|
|
}),
|
|
onChange: field.onChange,
|
|
value: field.value,
|
|
...props,
|
|
type: showPassword ? "text" : "password"
|
|
}),
|
|
(0, import_jsx_runtime9.jsx)(Field.Hint, {}),
|
|
(0, import_jsx_runtime9.jsx)(Field.Error, {})
|
|
]
|
|
});
|
|
});
|
|
var MemoizedPasswordInput = (0, import_react8.memo)(PasswordInput);
|
|
|
|
// node_modules/@strapi/admin/dist/admin/admin/src/components/FormInputs/String.mjs
|
|
var import_jsx_runtime10 = __toESM(require_jsx_runtime(), 1);
|
|
var import_react9 = __toESM(require_react(), 1);
|
|
var StringInput = (0, import_react9.forwardRef)(({ name, required, label, hint, labelAction, ...props }, ref) => {
|
|
const field = useField(name);
|
|
const fieldRef = useFocusInputField(name);
|
|
const composedRefs = useComposedRefs(ref, fieldRef);
|
|
return (0, import_jsx_runtime10.jsxs)(Field.Root, {
|
|
error: field.error,
|
|
name,
|
|
hint,
|
|
required,
|
|
children: [
|
|
(0, import_jsx_runtime10.jsx)(Field.Label, {
|
|
action: labelAction,
|
|
children: label
|
|
}),
|
|
(0, import_jsx_runtime10.jsx)(TextInput, {
|
|
ref: composedRefs,
|
|
onChange: field.onChange,
|
|
value: field.value ?? "",
|
|
...props
|
|
}),
|
|
(0, import_jsx_runtime10.jsx)(Field.Hint, {}),
|
|
(0, import_jsx_runtime10.jsx)(Field.Error, {})
|
|
]
|
|
});
|
|
});
|
|
var MemoizedStringInput = (0, import_react9.memo)(StringInput);
|
|
|
|
// node_modules/@strapi/admin/dist/admin/admin/src/components/FormInputs/Textarea.mjs
|
|
var import_jsx_runtime11 = __toESM(require_jsx_runtime(), 1);
|
|
var import_react10 = __toESM(require_react(), 1);
|
|
var TextareaInput = (0, import_react10.forwardRef)(({ name, required, label, hint, labelAction, ...props }, ref) => {
|
|
const field = useField(name);
|
|
const fieldRef = useFocusInputField(name);
|
|
const composedRefs = useComposedRefs(ref, fieldRef);
|
|
return (0, import_jsx_runtime11.jsxs)(Field.Root, {
|
|
error: field.error,
|
|
name,
|
|
hint,
|
|
required,
|
|
children: [
|
|
(0, import_jsx_runtime11.jsx)(Field.Label, {
|
|
action: labelAction,
|
|
children: label
|
|
}),
|
|
(0, import_jsx_runtime11.jsx)(Textarea, {
|
|
ref: composedRefs,
|
|
onChange: field.onChange,
|
|
value: field.value ?? "",
|
|
...props
|
|
}),
|
|
(0, import_jsx_runtime11.jsx)(Field.Hint, {}),
|
|
(0, import_jsx_runtime11.jsx)(Field.Error, {})
|
|
]
|
|
});
|
|
});
|
|
var MemoizedTextareaInput = (0, import_react10.memo)(TextareaInput);
|
|
|
|
// node_modules/@strapi/admin/dist/admin/admin/src/components/FormInputs/Time.mjs
|
|
var import_jsx_runtime12 = __toESM(require_jsx_runtime(), 1);
|
|
var import_react11 = __toESM(require_react(), 1);
|
|
var TimeInput = (0, import_react11.forwardRef)(({ name, required, label, hint, labelAction, ...props }, ref) => {
|
|
const { formatMessage } = useIntl();
|
|
const field = useField(name);
|
|
const fieldRef = useFocusInputField(name);
|
|
const composedRefs = useComposedRefs(ref, fieldRef);
|
|
return (0, import_jsx_runtime12.jsxs)(Field.Root, {
|
|
error: field.error,
|
|
name,
|
|
hint,
|
|
required,
|
|
children: [
|
|
(0, import_jsx_runtime12.jsx)(Field.Label, {
|
|
action: labelAction,
|
|
children: label
|
|
}),
|
|
(0, import_jsx_runtime12.jsx)(TimePicker$1, {
|
|
ref: composedRefs,
|
|
clearLabel: formatMessage({
|
|
id: "clearLabel",
|
|
defaultMessage: "Clear"
|
|
}),
|
|
onChange: (time) => {
|
|
field.onChange(name, `${time}:00.000`);
|
|
},
|
|
onClear: () => field.onChange(name, void 0),
|
|
value: field.value ?? "",
|
|
...props
|
|
}),
|
|
(0, import_jsx_runtime12.jsx)(Field.Hint, {}),
|
|
(0, import_jsx_runtime12.jsx)(Field.Error, {})
|
|
]
|
|
});
|
|
});
|
|
var MemoizedTimeInput = (0, import_react11.memo)(TimeInput);
|
|
|
|
// node_modules/@strapi/admin/dist/admin/admin/src/components/FormInputs/Renderer.mjs
|
|
var InputRenderer = (0, import_react12.memo)((0, import_react12.forwardRef)((props, forwardRef14) => {
|
|
switch (props.type) {
|
|
case "biginteger":
|
|
case "timestamp":
|
|
case "string":
|
|
case "uid":
|
|
return (0, import_jsx_runtime13.jsx)(MemoizedStringInput, {
|
|
ref: forwardRef14,
|
|
...props
|
|
});
|
|
case "boolean":
|
|
return (0, import_jsx_runtime13.jsx)(MemoizedBooleanInput, {
|
|
ref: forwardRef14,
|
|
...props
|
|
});
|
|
case "checkbox":
|
|
return (0, import_jsx_runtime13.jsx)(MemoizedCheckboxInput, {
|
|
ref: forwardRef14,
|
|
...props
|
|
});
|
|
case "datetime":
|
|
return (0, import_jsx_runtime13.jsx)(MemoizedDateTimeInput, {
|
|
ref: forwardRef14,
|
|
...props
|
|
});
|
|
case "date":
|
|
return (0, import_jsx_runtime13.jsx)(MemoizedDateInput, {
|
|
ref: forwardRef14,
|
|
...props
|
|
});
|
|
case "decimal":
|
|
case "float":
|
|
case "integer":
|
|
return (0, import_jsx_runtime13.jsx)(MemoizedNumberInput, {
|
|
ref: forwardRef14,
|
|
...props
|
|
});
|
|
case "json":
|
|
return (0, import_jsx_runtime13.jsx)(MemoizedJsonInput, {
|
|
ref: forwardRef14,
|
|
...props
|
|
});
|
|
case "email":
|
|
return (0, import_jsx_runtime13.jsx)(MemoizedEmailInput, {
|
|
ref: forwardRef14,
|
|
...props
|
|
});
|
|
case "enumeration":
|
|
return (0, import_jsx_runtime13.jsx)(MemoizedEnumerationInput, {
|
|
ref: forwardRef14,
|
|
...props
|
|
});
|
|
case "password":
|
|
return (0, import_jsx_runtime13.jsx)(MemoizedPasswordInput, {
|
|
ref: forwardRef14,
|
|
...props
|
|
});
|
|
case "text":
|
|
return (0, import_jsx_runtime13.jsx)(MemoizedTextareaInput, {
|
|
ref: forwardRef14,
|
|
...props
|
|
});
|
|
case "time":
|
|
return (0, import_jsx_runtime13.jsx)(MemoizedTimeInput, {
|
|
ref: forwardRef14,
|
|
...props
|
|
});
|
|
default:
|
|
return (0, import_jsx_runtime13.jsx)(NotSupportedField, {
|
|
ref: forwardRef14,
|
|
...props
|
|
});
|
|
}
|
|
}));
|
|
var NotSupportedField = (0, import_react12.forwardRef)(({ label, hint, name, required, type, labelAction }, ref) => {
|
|
const { error } = useField(name);
|
|
const fieldRef = useFocusInputField(name);
|
|
const composedRefs = useComposedRefs(ref, fieldRef);
|
|
return (0, import_jsx_runtime13.jsxs)(Field.Root, {
|
|
error,
|
|
name,
|
|
hint,
|
|
required,
|
|
children: [
|
|
(0, import_jsx_runtime13.jsx)(Field.Label, {
|
|
action: labelAction,
|
|
children: label
|
|
}),
|
|
(0, import_jsx_runtime13.jsx)(TextInput, {
|
|
ref: composedRefs,
|
|
disabled: true,
|
|
placeholder: `Unsupported field type: ${type}`,
|
|
required,
|
|
type: "text",
|
|
value: ""
|
|
}),
|
|
(0, import_jsx_runtime13.jsx)(Field.Hint, {}),
|
|
(0, import_jsx_runtime13.jsx)(Field.Error, {})
|
|
]
|
|
});
|
|
});
|
|
var MemoizedInputRenderer = (0, import_react12.memo)(InputRenderer);
|
|
|
|
export {
|
|
useFocusInputField,
|
|
MemoizedStringInput,
|
|
MemoizedInputRenderer
|
|
};
|
|
//# sourceMappingURL=chunk-6AXVGFVQ.js.map
|