@comet/admin 8.17.1 → 9.0.0-beta.0

package/lib/form/Checkbox.js

@@ -1,15 +1,6 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FinalFormCheckbox = void 0;
-var _Checkbox = _interopRequireDefault(require("@mui/material/Checkbox"));
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["checked", "name", "onChange"],
   _excluded2 = ["input", "meta"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -17,12 +8,14 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import MuiCheckbox from "@mui/material/Checkbox";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Final Form-compatible Checkbox component.
  *
  * @see {@link CheckboxField} – preferred for typical form use. Use this only if no Field wrapper is needed.
  */
-var FinalFormCheckbox = exports.FinalFormCheckbox = function FinalFormCheckbox(_ref) {
+export var FinalFormCheckbox = function FinalFormCheckbox(_ref) {
   var _ref$input = _ref.input,
     checked = _ref$input.checked,
     name = _ref$input.name,
@@ -30,7 +23,7 @@ var FinalFormCheckbox = exports.FinalFormCheckbox = function FinalFormCheckbox(_
     restInput = _objectWithoutProperties(_ref$input, _excluded),
     meta = _ref.meta,
     rest = _objectWithoutProperties(_ref, _excluded2);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox["default"], _objectSpread(_objectSpread({}, rest), {}, {
+  return /*#__PURE__*/_jsx(MuiCheckbox, _objectSpread(_objectSpread({}, rest), {}, {
     name: name,
     inputProps: restInput,
     onChange: onChange,

package/lib/form/Field.js

@@ -1,16 +1,4 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Field = Field;
-var _react = require("react");
-var _reactFinalForm = require("react-final-form");
-var _reactIntl = require("react-intl");
-var _FieldContainer = require("./FieldContainer");
-var _FinalFormContextProvider = require("./FinalFormContextProvider");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "component", "name", "label", "helperText", "required", "validate", "validateWarning", "shouldShowError", "shouldShowWarning", "shouldScrollTo", "data-testid"],
   _excluded2 = ["input", "meta", "fieldContainerProps"];
 function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
@@ -24,16 +12,22 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { createElement, useRef } from "react";
+import { Field as FinalFormField, FormSpy, useForm } from "react-final-form";
+import { FormattedMessage } from "react-intl";
+import { FieldContainer } from "./FieldContainer";
+import { useFinalFormContext } from "./FinalFormContextProvider";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var requiredValidator = function requiredValidator(value) {
   if (value === undefined || value === null || value === false || value === "") {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    return /*#__PURE__*/_jsx(FormattedMessage, {
       id: "comet.form.required",
       defaultMessage: "Required"
     });
   }
   // Check for empty arrays (relevant for multiple select fields)
   if (Array.isArray(value) && value.length === 0) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactIntl.FormattedMessage, {
+    return /*#__PURE__*/_jsx(FormattedMessage, {
       id: "comet.form.required",
       defaultMessage: "Required"
     });
@@ -50,7 +44,7 @@ var composeValidators = function composeValidators() {
     }, undefined);
   };
 };
-function Field(_ref) {
+export function Field(_ref) {
   var children = _ref.children,
     component = _ref.component,
     name = _ref.name,
@@ -67,12 +61,12 @@ function Field(_ref) {
   var disabled = otherProps.disabled,
     variant = otherProps.variant,
     fullWidth = otherProps.fullWidth;
-  var _useForm = (0, _reactFinalForm.useForm)(),
+  var _useForm = useForm(),
     mutators = _useForm.mutators;
   var setFieldData = mutators.setFieldData;
-  var currentWarningValidationRound = (0, _react.useRef)(0);
+  var currentWarningValidationRound = useRef(0);
   var validateError = required ? validate ? composeValidators(requiredValidator, validate) : requiredValidator : validate;
-  var finalFormContext = (0, _FinalFormContextProvider.useFinalFormContext)();
+  var finalFormContext = useFinalFormContext();
   var shouldShowError = passedShouldShowError !== null && passedShouldShowError !== void 0 ? passedShouldShowError : finalFormContext.shouldShowFieldError;
   var shouldShowWarning = passedShouldShowWarning !== null && passedShouldShowWarning !== void 0 ? passedShouldShowWarning : finalFormContext.shouldShowFieldWarning;
   var shouldScrollToField = passedShouldScrollTo !== null && passedShouldScrollTo !== void 0 ? passedShouldScrollTo : finalFormContext.shouldScrollToField;
@@ -84,7 +78,7 @@ function Field(_ref) {
       rest = _objectWithoutProperties(_ref2, _excluded2);
     function render() {
       if (component) {
-        return /*#__PURE__*/(0, _react.createElement)(component, _objectSpread(_objectSpread({}, rest), {}, {
+        return /*#__PURE__*/createElement(component, _objectSpread(_objectSpread({}, rest), {}, {
           input: input,
           meta: meta
         }));
@@ -100,7 +94,7 @@ function Field(_ref) {
         });
       }
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FieldContainer.FieldContainer, _objectSpread(_objectSpread({
+    return /*#__PURE__*/_jsx(FieldContainer, _objectSpread(_objectSpread({
       label: label,
       required: required,
       disabled: disabled,
@@ -115,14 +109,14 @@ function Field(_ref) {
       children: render()
     }));
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.Field, _objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(FinalFormField, _objectSpread(_objectSpread({
       name: name,
       validate: validateError,
       required: required
     }, otherProps), {}, {
       children: renderField
-    })), validateWarning && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.FormSpy, {
+    })), validateWarning && /*#__PURE__*/_jsx(FormSpy, {
       subscription: {
         values: true
       },

package/lib/form/FieldContainer.js

@@ -1,15 +1,4 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FieldContainer = void 0;
-var _material = require("@mui/material");
-var _styles = require("@mui/material/styles");
-var _react = require("react");
-var _createComponentSlot = require("../helpers/createComponentSlot");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["variant", "forceVerticalContainerSize", "fullWidth", "label", "error", "disabled", "required", "children", "warning", "helperText", "secondaryHelperText", "helperTextIcon", "scrollTo", "fieldMargin", "slotProps"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -20,7 +9,12 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
-var Root = (0, _createComponentSlot.createComponentSlot)(_material.FormControl)({
+import { FormControl, FormHelperText, FormLabel, formLabelClasses, inputBaseClasses, svgIconClasses, useThemeProps } from "@mui/material";
+import { css } from "@mui/material/styles";
+import { useEffect, useRef } from "react";
+import { createComponentSlot } from "../helpers/createComponentSlot";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var Root = createComponentSlot(FormControl)({
   componentName: "FormFieldContainer",
   slotName: "root",
   classesResolver: function classesResolver(ownerState) {
@@ -29,75 +23,75 @@ var Root = (0, _createComponentSlot.createComponentSlot)(_material.FormControl)(
 })(function (_ref) {
   var theme = _ref.theme,
     ownerState = _ref.ownerState;
-  return (0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        max-width: 100%;\n\n        ", "\n\n        ", "\n\n        ", "\n    "])), ownerState.fullWidth && ownerState.variant === "horizontal" && (0, _styles.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            container-type: inline-size;\n            container-name: comet-admin-field-container-root;\n        "]))), ownerState.fieldMargin !== "never" && (0, _styles.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            margin-bottom: ", ";\n            ", "\n        "])), theme.spacing(4), !ownerState.fullWidth && (0, _styles.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                margin-right: ", ";\n            "])), theme.spacing(4))), ownerState.fieldMargin === "onlyIfNotLast" && (0, _styles.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            &:last-child {\n                margin-bottom: 0;\n\n                ", "\n            }\n        "])), !ownerState.fullWidth && (0, _styles.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n                    margin-right: 0;\n                "])))));
+  return css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        max-width: 100%;\n\n        ", "\n\n        ", "\n\n        ", "\n    "])), ownerState.fullWidth && ownerState.variant === "horizontal" && css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n            container-type: inline-size;\n            container-name: comet-admin-field-container-root;\n        "]))), ownerState.fieldMargin !== "never" && css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            margin-bottom: ", ";\n            ", "\n        "])), theme.spacing(4), !ownerState.fullWidth && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                margin-right: ", ";\n            "])), theme.spacing(4))), ownerState.fieldMargin === "onlyIfNotLast" && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            &:last-child {\n                margin-bottom: 0;\n\n                ", "\n            }\n        "])), !ownerState.fullWidth && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n                    margin-right: 0;\n                "])))));
 });
-var InnerContainer = (0, _createComponentSlot.createComponentSlot)("div")({
+var InnerContainer = createComponentSlot("div")({
   componentName: "FormFieldContainer",
   slotName: "innerContainer"
 })(function (_ref2) {
   var theme = _ref2.theme,
     ownerState = _ref2.ownerState;
-  return (0, _styles.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        ", "\n\n        ", "\n\n        ", "\n    "])), ownerState.variant === "horizontal" && (0, _styles.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n            @container comet-admin-field-container-root (min-width: ", "px) {\n                display: flex;\n                flex-direction: row;\n                max-width: 944px;\n                gap: ", ";\n            }\n        "])), ownerState.forceVerticalContainerSize, theme.spacing(4)), ownerState.hasError && (0, _styles.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n            [class*=\"", "\"]:not([class*=\"", "\"]) {\n                border-color: ", ";\n            }\n\n            [class*=\"", "\"]:hover:not([class*=\"", "\"]) {\n                border-color: ", ";\n            }\n\n            .CometAdminRte-root:not(:focus-within),\n            .CometAdminRte-root:hover:not(:focus-within) {\n                --comet-admin-rte-outer-border-color: ", ";\n            }\n        "])), _material.inputBaseClasses.root, _material.inputBaseClasses.focused, theme.palette.error.main, _material.inputBaseClasses.root, _material.inputBaseClasses.focused, theme.palette.error.main, theme.palette.error.main), ownerState.hasWarning && (0, _styles.css)(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n            [class*=\"", "\"]:not([class*=\"", "\"]) {\n                border-color: ", ";\n            }\n\n            [class*=\"", "\"]:hover:not([class*=\"", "\"]) {\n                border-color: ", ";\n            }\n\n            .CometAdminRte-root:not(:focus-within),\n            .CometAdminRte-root:hover:not(:focus-within) {\n                --comet-admin-rte-outer-border-color: ", ";\n            }\n        "])), _material.inputBaseClasses.root, _material.inputBaseClasses.focused, theme.palette.warning.main, _material.inputBaseClasses.root, _material.inputBaseClasses.focused, theme.palette.warning.main, theme.palette.warning.main));
+  return css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        ", "\n\n        ", "\n\n        ", "\n    "])), ownerState.variant === "horizontal" && css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n            @container comet-admin-field-container-root (min-width: ", "px) {\n                display: flex;\n                flex-direction: row;\n                max-width: 944px;\n                gap: ", ";\n            }\n        "])), ownerState.forceVerticalContainerSize, theme.spacing(4)), ownerState.hasError && css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n            [class*=\"", "\"]:not([class*=\"", "\"]) {\n                border-color: ", ";\n            }\n\n            [class*=\"", "\"]:hover:not([class*=\"", "\"]) {\n                border-color: ", ";\n            }\n\n            .CometAdminRte-root:not(:focus-within),\n            .CometAdminRte-root:hover:not(:focus-within) {\n                --comet-admin-rte-outer-border-color: ", ";\n            }\n        "])), inputBaseClasses.root, inputBaseClasses.focused, theme.palette.error.main, inputBaseClasses.root, inputBaseClasses.focused, theme.palette.error.main, theme.palette.error.main), ownerState.hasWarning && css(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n            [class*=\"", "\"]:not([class*=\"", "\"]) {\n                border-color: ", ";\n            }\n\n            [class*=\"", "\"]:hover:not([class*=\"", "\"]) {\n                border-color: ", ";\n            }\n\n            .CometAdminRte-root:not(:focus-within),\n            .CometAdminRte-root:hover:not(:focus-within) {\n                --comet-admin-rte-outer-border-color: ", ";\n            }\n        "])), inputBaseClasses.root, inputBaseClasses.focused, theme.palette.warning.main, inputBaseClasses.root, inputBaseClasses.focused, theme.palette.warning.main, theme.palette.warning.main));
 });
-var Label = (0, _createComponentSlot.createComponentSlot)(_material.FormLabel)({
+var Label = createComponentSlot(FormLabel)({
   componentName: "FormFieldContainer",
   slotName: "label"
 })(function (_ref3) {
   var theme = _ref3.theme,
     ownerState = _ref3.ownerState;
-  return (0, _styles.css)(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n    "])), !ownerState.hasLabel && (0, _styles.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n            display: none;\n\n            ", "\n        "])), ownerState.variant === "horizontal" && (0, _styles.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n                @container comet-admin-field-container-root (min-width: ", "px) {\n                    display: block;\n                }\n            "])), ownerState.forceVerticalContainerSize)), ownerState.variant === "horizontal" && (0, _styles.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n            @container comet-admin-field-container-root (min-width: ", "px) {\n                width: calc(100% / 3);\n                flex-shrink: 0;\n                flex-grow: 0;\n                margin-bottom: 0;\n                margin-top: ", ";\n            }\n        "])), ownerState.forceVerticalContainerSize, theme.spacing(2)), ownerState.hasError && (0, _styles.css)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n            &:not([class*=\"", "\"]) {\n                color: ", ";\n            }\n        "])), _material.formLabelClasses.focused, theme.palette.error.main), ownerState.hasWarning && (0, _styles.css)(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n            &:not([class*=\"", "\"]) {\n                color: ", ";\n            }\n        "])), _material.formLabelClasses.focused, theme.palette.warning.main));
+  return css(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n        ", "\n\n        ", "\n\n        ", "\n\n        ", "\n    "])), !ownerState.hasLabel && css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n            display: none;\n\n            ", "\n        "])), ownerState.variant === "horizontal" && css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n                @container comet-admin-field-container-root (min-width: ", "px) {\n                    display: block;\n                }\n            "])), ownerState.forceVerticalContainerSize)), ownerState.variant === "horizontal" && css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n            @container comet-admin-field-container-root (min-width: ", "px) {\n                width: calc(100% / 3);\n                flex-shrink: 0;\n                flex-grow: 0;\n                margin-bottom: 0;\n                margin-top: ", ";\n            }\n        "])), ownerState.forceVerticalContainerSize, theme.spacing(2)), ownerState.hasError && css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n            &:not([class*=\"", "\"]) {\n                color: ", ";\n            }\n        "])), formLabelClasses.focused, theme.palette.error.main), ownerState.hasWarning && css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n            &:not([class*=\"", "\"]) {\n                color: ", ";\n            }\n        "])), formLabelClasses.focused, theme.palette.warning.main));
 });
-var InputContainer = (0, _createComponentSlot.createComponentSlot)("div")({
+var InputContainer = createComponentSlot("div")({
   componentName: "FormFieldContainer",
   slotName: "inputContainer"
 })(function (_ref4) {
   var ownerState = _ref4.ownerState;
-  return (0, _styles.css)(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n        ", "\n\n        ", "\n\n        & > [class*=\"", "\"] {\n            width: 100%;\n        }\n    "])), ownerState.variant === "horizontal" && ownerState.fullWidth && (0, _styles.css)(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n            @container comet-admin-field-container-root (min-width: ", "px) {\n                flex-grow: 1;\n            }\n        "])), ownerState.forceVerticalContainerSize), ownerState.variant === "horizontal" && (0, _styles.css)(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n            @container comet-admin-field-container-root (min-width: ", "px) {\n                min-height: 40px;\n\n                > .CometAdminFormFieldContainer-root {\n                    margin-bottom: 0;\n                }\n            }\n        "])), ownerState.forceVerticalContainerSize), _material.inputBaseClasses.root);
+  return css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n        ", "\n\n        ", "\n\n        & > [class*=\"", "\"] {\n            width: 100%;\n        }\n    "])), ownerState.variant === "horizontal" && ownerState.fullWidth && css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n            @container comet-admin-field-container-root (min-width: ", "px) {\n                flex-grow: 1;\n            }\n        "])), ownerState.forceVerticalContainerSize), ownerState.variant === "horizontal" && css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n            @container comet-admin-field-container-root (min-width: ", "px) {\n                min-height: 40px;\n\n                > .CometAdminFormFieldContainer-root {\n                    margin-bottom: 0;\n                }\n            }\n        "])), ownerState.forceVerticalContainerSize), inputBaseClasses.root);
 });
 var getCommonHelperTextStyles = function getCommonHelperTextStyles(theme) {
-  return (0, _styles.css)(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n    display: flex;\n    gap: ", ";\n\n    > .", " {\n        width: 12px;\n    }\n"])), theme.spacing(1), _material.svgIconClasses.root);
+  return css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n    display: flex;\n    gap: ", ";\n\n    > .", " {\n        width: 12px;\n    }\n"])), theme.spacing(1), svgIconClasses.root);
 };
-var Error = (0, _createComponentSlot.createComponentSlot)(_material.FormHelperText)({
+var Error = createComponentSlot(FormHelperText)({
   componentName: "FormFieldContainer",
   slotName: "error"
 })(function (_ref5) {
   var theme = _ref5.theme;
-  return (0, _styles.css)(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n        ", "\n    "])), getCommonHelperTextStyles(theme));
+  return css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n        ", "\n    "])), getCommonHelperTextStyles(theme));
 });
-var Warning = (0, _createComponentSlot.createComponentSlot)(_material.FormHelperText)({
+var Warning = createComponentSlot(FormHelperText)({
   componentName: "FormFieldContainer",
   slotName: "warning"
 })(function (_ref6) {
   var theme = _ref6.theme;
-  return (0, _styles.css)(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n        ", "\n        color: ", ";\n    "])), getCommonHelperTextStyles(theme), theme.palette.warning.main);
+  return css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n        ", "\n        color: ", ";\n    "])), getCommonHelperTextStyles(theme), theme.palette.warning.main);
 });
-var HelperText = (0, _createComponentSlot.createComponentSlot)(_material.FormHelperText)({
+var HelperText = createComponentSlot(FormHelperText)({
   componentName: "FormFieldContainer",
   slotName: "helperText"
 })(function (_ref7) {
   var theme = _ref7.theme;
-  return (0, _styles.css)(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n        ", "\n        color: ", ";\n    "])), getCommonHelperTextStyles(theme), theme.palette.grey[300]);
+  return css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n        ", "\n        color: ", ";\n    "])), getCommonHelperTextStyles(theme), theme.palette.grey[300]);
 });
-var SecondaryHelperText = (0, _createComponentSlot.createComponentSlot)(_material.FormHelperText)({
+var SecondaryHelperText = createComponentSlot(FormHelperText)({
   componentName: "FormFieldContainer",
   slotName: "secondaryHelperText"
 })(function (_ref8) {
   var theme = _ref8.theme;
-  return (0, _styles.css)(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n        color: ", ";\n        margin-left: auto;\n\n        &.Mui-disabled {\n            color: ", ";\n        }\n    "])), theme.palette.grey[300], theme.palette.grey[300]);
+  return css(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["\n        color: ", ";\n        margin-left: auto;\n\n        &.Mui-disabled {\n            color: ", ";\n        }\n    "])), theme.palette.grey[300], theme.palette.grey[300]);
 });
-var HelperTextsWrapper = (0, _createComponentSlot.createComponentSlot)("div")({
+var HelperTextsWrapper = createComponentSlot("div")({
   componentName: "FormFieldContainer",
   slotName: "helperTextsWrapper"
 })(function (_ref9) {
   var theme = _ref9.theme;
-  return (0, _styles.css)(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: ", ";\n    "])), theme.spacing(3));
+  return css(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        gap: ", ";\n    "])), theme.spacing(3));
 });
-var HelperTextContent = (0, _createComponentSlot.createComponentSlot)("span")({
+var HelperTextContent = createComponentSlot("span")({
   componentName: "FormFieldContainer",
   slotName: "helperTextContent"
 })();
-var FieldContainer = exports.FieldContainer = function FieldContainer(inProps) {
-  var _useThemeProps = (0, _material.useThemeProps)({
+export var FieldContainer = function FieldContainer(inProps) {
+  var _useThemeProps = useThemeProps({
       props: inProps,
       name: "CometAdminFormFieldContainer"
     }),
@@ -124,8 +118,8 @@ var FieldContainer = exports.FieldContainer = function FieldContainer(inProps) {
   var fullWidth = passedFullWidth !== null && passedFullWidth !== void 0 ? passedFullWidth : variant === "horizontal";
   var hasError = !!error;
   var hasWarning = !hasError && !!warning;
-  var ref = (0, _react.useRef)(null);
-  (0, _react.useEffect)(function () {
+  var ref = useRef(null);
+  useEffect(function () {
     if (scrollTo) {
       var _ref$current;
       (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.scrollIntoView({
@@ -144,40 +138,40 @@ var FieldContainer = exports.FieldContainer = function FieldContainer(inProps) {
     hasLabel: Boolean(label),
     forceVerticalContainerSize: forceVerticalContainerSize
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Root, _objectSpread(_objectSpread(_objectSpread({
+  return /*#__PURE__*/_jsx(Root, _objectSpread(_objectSpread(_objectSpread({
     ownerState: ownerState,
     fullWidth: fullWidth,
     disabled: disabled,
     required: required,
     ref: ref
   }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.root), restProps), {}, {
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(InnerContainer, _objectSpread(_objectSpread({
+    children: /*#__PURE__*/_jsxs(InnerContainer, _objectSpread(_objectSpread({
       ownerState: ownerState
     }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.innerContainer), {}, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(Label, _objectSpread(_objectSpread({
+      children: [/*#__PURE__*/_jsx(Label, _objectSpread(_objectSpread({
         ownerState: ownerState,
         disabled: disabled
       }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.label), {}, {
         children: label
-      })), /*#__PURE__*/(0, _jsxRuntime.jsxs)(InputContainer, _objectSpread(_objectSpread({
+      })), /*#__PURE__*/_jsxs(InputContainer, _objectSpread(_objectSpread({
         ownerState: ownerState
       }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.inputContainer), {}, {
-        children: [children, /*#__PURE__*/(0, _jsxRuntime.jsxs)(HelperTextsWrapper, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.helperTextsWrapper), {}, {
-          children: [hasError && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Error, _objectSpread(_objectSpread({
+        children: [children, /*#__PURE__*/_jsxs(HelperTextsWrapper, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.helperTextsWrapper), {}, {
+          children: [hasError && /*#__PURE__*/_jsxs(Error, _objectSpread(_objectSpread({
             error: true
           }, slotProps === null || slotProps === void 0 ? void 0 : slotProps.error), {}, {
-            children: [Boolean(helperTextIcon) && helperTextIcon, /*#__PURE__*/(0, _jsxRuntime.jsx)(HelperTextContent, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.helperTextContent), {}, {
+            children: [Boolean(helperTextIcon) && helperTextIcon, /*#__PURE__*/_jsx(HelperTextContent, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.helperTextContent), {}, {
               children: error
             }))]
-          })), hasWarning && !hasError && /*#__PURE__*/(0, _jsxRuntime.jsxs)(Warning, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.warning), {}, {
-            children: [Boolean(helperTextIcon) && helperTextIcon, /*#__PURE__*/(0, _jsxRuntime.jsx)(HelperTextContent, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.helperTextContent), {}, {
+          })), hasWarning && !hasError && /*#__PURE__*/_jsxs(Warning, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.warning), {}, {
+            children: [Boolean(helperTextIcon) && helperTextIcon, /*#__PURE__*/_jsx(HelperTextContent, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.helperTextContent), {}, {
               children: warning
             }))]
-          })), Boolean(helperText) && !hasError && !hasWarning && /*#__PURE__*/(0, _jsxRuntime.jsxs)(HelperText, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.helperText), {}, {
-            children: [Boolean(helperTextIcon) && helperTextIcon, /*#__PURE__*/(0, _jsxRuntime.jsx)(HelperTextContent, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.helperTextContent), {}, {
+          })), Boolean(helperText) && !hasError && !hasWarning && /*#__PURE__*/_jsxs(HelperText, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.helperText), {}, {
+            children: [Boolean(helperTextIcon) && helperTextIcon, /*#__PURE__*/_jsx(HelperTextContent, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.helperTextContent), {}, {
               children: helperText
             }))]
-          })), Boolean(secondaryHelperText) && /*#__PURE__*/(0, _jsxRuntime.jsx)(SecondaryHelperText, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.secondaryHelperText), {}, {
+          })), Boolean(secondaryHelperText) && /*#__PURE__*/_jsx(SecondaryHelperText, _objectSpread(_objectSpread({}, slotProps === null || slotProps === void 0 ? void 0 : slotProps.secondaryHelperText), {}, {
             children: secondaryHelperText
           }))]
         }))]

package/lib/form/FinalFormAsyncAutocomplete.js

@@ -1,13 +1,4 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FinalFormAsyncAutocomplete = FinalFormAsyncAutocomplete;
-var _Autocomplete = require("./Autocomplete");
-var _useAsyncAutocompleteOptionsProps = require("./useAsyncAutocompleteOptionsProps");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["loadOptions"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -16,15 +7,18 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { FinalFormAutocomplete } from "./Autocomplete";
+import { useAsyncAutocompleteOptionsProps } from "./useAsyncAutocompleteOptionsProps";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Final Form-compatible AsyncAutocomplete component.
  *
  * @see {@link AsyncAutocompleteField} – preferred for typical form use. Use this only if no Field wrapper is needed.
  */
-function FinalFormAsyncAutocomplete(_ref) {
+export function FinalFormAsyncAutocomplete(_ref) {
   var loadOptions = _ref.loadOptions,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Autocomplete.FinalFormAutocomplete, _objectSpread(_objectSpread({}, (0, _useAsyncAutocompleteOptionsProps.useAsyncAutocompleteOptionsProps)(loadOptions)), {}, {
+  return /*#__PURE__*/_jsx(FinalFormAutocomplete, _objectSpread(_objectSpread({}, useAsyncAutocompleteOptionsProps(loadOptions)), {}, {
     // disable the built-in filtering of the Autocomplete component by overriding the filterOptions prop when search as you type
     // see: https://mui.com/material-ui/react-autocomplete/#search-as-you-type
     filterOptions: function filterOptions(x) {

package/lib/form/FinalFormAsyncSelect.js

@@ -1,13 +1,4 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FinalFormAsyncSelect = FinalFormAsyncSelect;
-var _useAsyncOptionsProps = require("../hooks/useAsyncOptionsProps");
-var _FinalFormSelect = require("./FinalFormSelect");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["loadOptions"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -16,13 +7,16 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { useAsyncOptionsProps } from "../hooks/useAsyncOptionsProps";
+import { FinalFormSelect } from "./FinalFormSelect";
+import { jsx as _jsx } from "react/jsx-runtime";
 /**
  * Final Form-compatible AsyncSelect component.
  *
  * @see {@link AsyncSelectField} – preferred for typical form use. Use this only if no Field wrapper is needed.
  */
-function FinalFormAsyncSelect(_ref) {
+export function FinalFormAsyncSelect(_ref) {
   var loadOptions = _ref.loadOptions,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FinalFormSelect.FinalFormSelect, _objectSpread(_objectSpread({}, (0, _useAsyncOptionsProps.useAsyncOptionsProps)(loadOptions)), rest));
+  return /*#__PURE__*/_jsx(FinalFormSelect, _objectSpread(_objectSpread({}, useAsyncOptionsProps(loadOptions)), rest));
 }

package/lib/form/FinalFormContextProvider.js

@@ -1,13 +1,4 @@
-"use strict";
-
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FinalFormContextProvider = FinalFormContextProvider;
-exports.useFinalFormContext = useFinalFormContext;
-var _react = require("react");
-var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -16,6 +7,8 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { createContext, useContext } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 var defaultFinalFormContext = {
   shouldScrollToField: function shouldScrollToField() {
     return false;
@@ -27,15 +20,15 @@ var defaultFinalFormContext = {
     return !!(fieldMeta !== null && fieldMeta !== void 0 && fieldMeta.touched);
   }
 };
-var FinalFormContext = /*#__PURE__*/(0, _react.createContext)(defaultFinalFormContext);
-function FinalFormContextProvider(_ref) {
+var FinalFormContext = /*#__PURE__*/createContext(defaultFinalFormContext);
+export function FinalFormContextProvider(_ref) {
   var children = _ref.children,
     rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(FinalFormContext.Provider, {
+  return /*#__PURE__*/_jsx(FinalFormContext.Provider, {
     value: _objectSpread(_objectSpread({}, defaultFinalFormContext), rest),
     children: children
   });
 }
-function useFinalFormContext() {
-  return (0, _react.useContext)(FinalFormContext);
+export function useFinalFormContext() {
+  return useContext(FinalFormContext);
 }

package/lib/form/FinalFormDebug.js

@@ -1,21 +1,16 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.FinalFormDebug = FinalFormDebug;
-var _material = require("@mui/material");
-var _react = require("react");
-var _reactFinalForm = require("react-final-form");
-var _Alert = require("../alert/Alert");
-var _Button = require("../common/buttons/Button");
-var _jsxRuntime = require("react/jsx-runtime");
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /**
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+import { Box } from "@mui/material";
+import { useState } from "react";
+import { FormSpy } from "react-final-form";
+import { Alert } from "../alert/Alert";
+import { Button } from "../common/buttons/Button";
+
+/**
  * A debug component for React Final Form that displays the complete form state in a collapsible panel.
  *
  * This component renders an info alert with an expandable section that shows all available form state properties
@@ -38,12 +33,13 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /**
  * The component subscribes to all form state properties and displays them as formatted JSON.
  * Use this only during development as it can impact performance with large forms.
  */
-function FinalFormDebug() {
-  var _useState = (0, _react.useState)(false),
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function FinalFormDebug() {
+  var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isExpanded = _useState2[0],
     setIsExpanded = _useState2[1];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFinalForm.FormSpy, {
+  return /*#__PURE__*/_jsx(FormSpy, {
     subscription: {
       dirty: true,
       dirtyFields: true,
@@ -65,12 +61,12 @@ function FinalFormDebug() {
       visited: true
     },
     children: function children(formState) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Alert.Alert, {
+      return /*#__PURE__*/_jsxs(Alert, {
         severity: "info",
         title: "Debug Final Form State:",
-        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Box, {
+        children: [/*#__PURE__*/_jsx(Box, {
           paddingTop: 2,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.Button, {
+          children: /*#__PURE__*/_jsx(Button, {
             onClick: function onClick() {
               return setIsExpanded(!isExpanded);
             },
@@ -78,7 +74,7 @@ function FinalFormDebug() {
             size: "small",
             children: isExpanded ? "Collapse" : "Expand"
           })
-        }), isExpanded && /*#__PURE__*/(0, _jsxRuntime.jsx)("pre", {
+        }), isExpanded && /*#__PURE__*/_jsx("pre", {
           children: "".concat(JSON.stringify(formState, null, 2))
         })]
       });