@cedarjs/forms 9.0.0-canary.1784 → 9.0.0-canary.3124

package/dist/CheckboxField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { FieldProps } from './FieldProps';
+import type { FieldProps } from './FieldProps.js';
 export interface CheckboxFieldProps extends Omit<FieldProps<HTMLInputElement>, 'type' | 'emptyAs'>, Omit<React.ComponentPropsWithRef<'input'>, 'name' | 'type'> {
 }
 /** Renders an `<input type="checkbox">` field */

package/dist/CheckboxField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxField.d.ts","sourceRoot":"","sources":["../src/CheckboxField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAI9C,MAAM,WAAW,kBACf,SACE,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,EACtD,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAAG;AAElE,iDAAiD;AACjD,eAAO,MAAM,aAAa,0GAkDzB,CAAA"}
+{"version":3,"file":"CheckboxField.d.ts","sourceRoot":"","sources":["../src/CheckboxField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAIjD,MAAM,WAAW,kBACf,SACE,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC,EACtD,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAAG;AAElE,iDAAiD;AACjD,eAAO,MAAM,aAAa,0GAkDzB,CAAA"}

package/dist/CheckboxField.js

@@ -1,40 +1,7 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var CheckboxField_exports = {};
-__export(CheckboxField_exports, {
-  CheckboxField: () => CheckboxField
-});
-module.exports = __toCommonJS(CheckboxField_exports);
-var import_react = __toESM(require("react"));
-var import_useErrorStyles = require("./useErrorStyles");
-var import_useRegister = require("./useRegister");
-const CheckboxField = (0, import_react.forwardRef)(
+import React, { forwardRef } from "react";
+import { useErrorStyles } from "./useErrorStyles.js";
+import { useRegister } from "./useRegister.js";
+const CheckboxField = forwardRef(
   ({
     name,
     id,
@@ -49,7 +16,7 @@ const CheckboxField = (0, import_react.forwardRef)(
     onChange,
     ...rest
   }, ref) => {
-    const styles = (0, import_useErrorStyles.useErrorStyles)({
+    const styles = useErrorStyles({
       name,
       errorClassName,
       errorStyle,
@@ -57,7 +24,7 @@ const CheckboxField = (0, import_react.forwardRef)(
       style
     });
     const type = "checkbox";
-    const useRegisterReturn = (0, import_useRegister.useRegister)(
+    const useRegisterReturn = useRegister(
       {
         name,
         validation,
@@ -67,7 +34,7 @@ const CheckboxField = (0, import_react.forwardRef)(
       },
       ref
     );
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ React.createElement(
       "input",
       {
         id: id || name,
@@ -79,7 +46,6 @@ const CheckboxField = (0, import_react.forwardRef)(
     );
   }
 );
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   CheckboxField
-});
+};

package/dist/FieldError.js

@@ -1,38 +1,5 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var FieldError_exports = {};
-__export(FieldError_exports, {
-  FieldError: () => FieldError
-});
-module.exports = __toCommonJS(FieldError_exports);
-var import_react = __toESM(require("react"));
-var import_react_hook_form = require("react-hook-form");
+import React from "react";
+import { get, useFormContext } from "react-hook-form";
 const DEFAULT_MESSAGES = {
   required: "is required",
   pattern: "is not formatted correctly",
@@ -45,12 +12,11 @@ const DEFAULT_MESSAGES = {
 const FieldError = ({ name, ...rest }) => {
   const {
     formState: { errors }
-  } = (0, import_react_hook_form.useFormContext)();
-  const validationError = (0, import_react_hook_form.get)(errors, name);
+  } = useFormContext();
+  const validationError = get(errors, name);
   const errorMessage = validationError && (validationError.message || `${name} ${DEFAULT_MESSAGES[validationError.type]}`);
-  return validationError ? /* @__PURE__ */ import_react.default.createElement("span", { ...rest }, errorMessage) : null;
+  return validationError ? /* @__PURE__ */ React.createElement("span", { ...rest }, errorMessage) : null;
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   FieldError
-});
+};

package/dist/FieldProps.d.ts

@@ -1,4 +1,4 @@
-import type { EmptyAsValue, RedwoodRegisterOptions } from './coercion';
+import type { EmptyAsValue, RedwoodRegisterOptions } from './coercion.js';
 /**
  * The main interface, just to have some sort of source of truth.
  *

package/dist/FieldProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FieldProps.d.ts","sourceRoot":"","sources":["../src/FieldProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,YAAY,CAAA;AAEtE;;;;;;;;;;GAUG;AACH,MAAM,WAAW,UAAU,CACzB,OAAO,SAAS,mBAAmB,GAAG,iBAAiB,GAAG,gBAAgB,GACxE,gBAAgB;IAElB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,UAAU,CAAC,EAAE,sBAAsB,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAA;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAA;CAC7C"}
+{"version":3,"file":"FieldProps.d.ts","sourceRoot":"","sources":["../src/FieldProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AAEzE;;;;;;;;;;GAUG;AACH,MAAM,WAAW,UAAU,CACzB,OAAO,SAAS,mBAAmB,GAAG,iBAAiB,GAAG,gBAAgB,GACxE,gBAAgB;IAElB,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC3B,UAAU,CAAC,EAAE,sBAAsB,CAAA;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,CAAA;IACzC,QAAQ,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAA;CAC7C"}

package/dist/FieldProps.js

@@ -1,16 +0,0 @@
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var FieldProps_exports = {};
-module.exports = __toCommonJS(FieldProps_exports);

package/dist/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../src/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAI/E,MAAM,WAAW,SAAS,CACxB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,QAAQ,GAAG,GAAG,EACd,kBAAkB,GAAG,YAAY,CACjC,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC7D,KAAK,CAAC,EAAE,GAAG,CAAA;IACX;;;;;;;;;;;;;;;;;;;OAmBG;IACH,WAAW,CAAC,EAAE,aAAa,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAA;IACvE;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAA;IACjE,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,kBAAkB,EACzB,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,KAC7B,IAAI,CAAA;CACV;AAsDD,eAAO,MAAM,IAAI,EAA4B,CAC3C,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,QAAQ,GAAG,GAAG,EACd,kBAAkB,GAAG,YAAY,EAEjC,KAAK,EAAE,SAAS,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,GAC1D,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,KACnC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../src/Form.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAI/E,MAAM,WAAW,SAAS,CACxB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,QAAQ,GAAG,GAAG,EACd,kBAAkB,GAAG,YAAY,CACjC,SAAQ,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IAC7D,KAAK,CAAC,EAAE,GAAG,CAAA;IACX;;;;;;;;;;;;;;;;;;;OAmBG;IACH,WAAW,CAAC,EAAE,aAAa,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAA;IACvE;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,CAAA;IACjE,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,kBAAkB,EACzB,KAAK,CAAC,EAAE,KAAK,CAAC,kBAAkB,KAC7B,IAAI,CAAA;CACV;AA2DD,eAAO,MAAM,IAAI,EAA4B,CAC3C,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,QAAQ,GAAG,GAAG,EACd,kBAAkB,GAAG,YAAY,EAEjC,KAAK,EAAE,SAAS,CAAC,YAAY,EAAE,QAAQ,EAAE,kBAAkB,CAAC,GAC1D,KAAK,CAAC,aAAa,CAAC,eAAe,CAAC,KACnC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAA"}

package/dist/Form.js

@@ -1,39 +1,6 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Form_exports = {};
-__export(Form_exports, {
-  Form: () => Form
-});
-module.exports = __toCommonJS(Form_exports);
-var import_react = __toESM(require("react"));
-var import_react_hook_form = require("react-hook-form");
-var import_ServerErrorsContext = require("./ServerErrorsContext");
+import React, { forwardRef } from "react";
+import { useForm, FormProvider } from "react-hook-form";
+import { ServerErrorsContext } from "./ServerErrorsContext.js";
 function FormInner({
   config,
   error: errorProps,
@@ -42,11 +9,11 @@ function FormInner({
   children,
   ...rest
 }, ref) {
-  const hookFormMethods = (0, import_react_hook_form.useForm)(
+  const hookFormMethods = useForm(
     config
   );
   const formMethods = propFormMethods || hookFormMethods;
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ React.createElement(
     "form",
     {
       ref,
@@ -55,17 +22,21 @@ function FormInner({
         (data, event) => onSubmit?.(data, event)
       )
     },
-    /* @__PURE__ */ import_react.default.createElement(
-      import_ServerErrorsContext.ServerErrorsContext.Provider,
+    /* @__PURE__ */ React.createElement(
+      ServerErrorsContext.Provider,
       {
-        value: errorProps?.graphQLErrors?.[0]?.extensions?.properties?.messages || {}
+        value: (
+          // Apollo Client 4 stores GraphQL errors in `errors`
+          // (`CombinedGraphQLErrors`); `graphQLErrors` is the Apollo Client 3
+          // shape, kept for tests, Storybook mocks and other GraphQL clients
+          errorProps?.graphQLErrors?.[0]?.extensions?.properties?.messages || errorProps?.errors?.[0]?.extensions?.properties?.messages || {}
+        )
       },
-      /* @__PURE__ */ import_react.default.createElement(import_react_hook_form.FormProvider, { ...formMethods }, children)
+      /* @__PURE__ */ React.createElement(FormProvider, { ...formMethods }, children)
     )
   );
 }
-const Form = (0, import_react.forwardRef)(FormInner);
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+const Form = forwardRef(FormInner);
+export {
   Form
-});
+};

package/dist/FormError.d.ts

@@ -12,8 +12,16 @@ export interface ServerError extends Error {
 }
 export interface RWGqlError {
     message: string;
-    graphQLErrors: readonly GraphQLFormattedError[];
-    networkError: Error | ServerParseError | ServerError | null;
+    /**
+     * GraphQL errors as exposed by Apollo Client 4's `CombinedGraphQLErrors`
+     */
+    errors?: readonly GraphQLFormattedError[];
+    /**
+     * GraphQL errors in the Apollo Client 3 shape. Kept so tests, Storybook
+     * mocks and other GraphQL clients that use this shape keep working
+     */
+    graphQLErrors?: readonly GraphQLFormattedError[];
+    networkError?: Error | ServerParseError | ServerError | null;
 }
 export type RwGqlErrorProperties = Record<string, Record<string, string[]>>;
 interface FormErrorProps {

package/dist/FormError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormError.d.ts","sourceRoot":"","sources":["../src/FormError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD,MAAM,WAAW,gBAAiB,SAAQ,KAAK;IAC7C,QAAQ,EAAE,QAAQ,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,WAAY,SAAQ,KAAK;IACxC,QAAQ,EAAE,QAAQ,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC5B;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,MAAM,CAAA;IACf,aAAa,EAAE,SAAS,qBAAqB,EAAE,CAAA;IAC/C,YAAY,EAAE,KAAK,GAAG,gBAAgB,GAAG,WAAW,GAAG,IAAI,CAAA;CAC5D;AAED,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;AAE3E,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAClC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAChC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CACpC;AAED;;;GAGG;AACH,QAAA,MAAM,SAAS,GAAI,oIAUhB,cAAc,6BAyEhB,CAAA;AAED,eAAe,SAAS,CAAA"}
+{"version":3,"file":"FormError.d.ts","sourceRoot":"","sources":["../src/FormError.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAEpD,MAAM,WAAW,gBAAiB,SAAQ,KAAK;IAC7C,QAAQ,EAAE,QAAQ,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,WAAY,SAAQ,KAAK;IACxC,QAAQ,EAAE,QAAQ,CAAA;IAClB,UAAU,EAAE,MAAM,CAAA;IAClB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC5B;AAED,MAAM,WAAW,UAAU;IACzB,OAAO,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,qBAAqB,EAAE,CAAA;IACzC;;;OAGG;IACH,aAAa,CAAC,EAAE,SAAS,qBAAqB,EAAE,CAAA;IAChD,YAAY,CAAC,EAAE,KAAK,GAAG,gBAAgB,GAAG,WAAW,GAAG,IAAI,CAAA;CAC7D;AAED,MAAM,MAAM,oBAAoB,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,EAAE,CAAC,CAAC,CAAA;AAE3E,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAClC,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,UAAU,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAChC,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;IAC/B,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,aAAa,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CACpC;AAED;;;GAGG;AACH,QAAA,MAAM,SAAS,GAAI,oIAUhB,cAAc,6BAmFhB,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/FormError.js

@@ -1,37 +1,4 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var FormError_exports = {};
-__export(FormError_exports, {
-  default: () => FormError_default
-});
-module.exports = __toCommonJS(FormError_exports);
-var import_react = __toESM(require("react"));
+import React from "react";
 const FormError = ({
   error,
   wrapperClassName,
@@ -48,14 +15,21 @@ const FormError = ({
   }
   let rootMessage = error.message;
   const messages = [];
-  const hasGraphQLError = !!error.graphQLErrors?.[0];
-  const hasNetworkError = !!error.networkError && Object.keys(error.networkError).length > 0;
+  const graphQLErrors = error.graphQLErrors?.length ? error.graphQLErrors : error.errors ?? [];
+  const hasGraphQLError = !!graphQLErrors[0];
+  const networkError = error.networkError ?? ("bodyText" in error || "result" in error ? (
+    // `RWGqlError` is a loose interface over what GraphQL clients throw;
+    // when the object has server-error fields the error itself is the
+    // network error
+    error
+  ) : null);
+  const hasNetworkError = !!networkError && Object.keys(networkError).length > 0;
   if (hasGraphQLError) {
-    rootMessage = error.graphQLErrors[0].message ?? "Something went wrong";
-    if (error.graphQLErrors[0]?.extensions?.code === "BAD_USER_INPUT") {
+    rootMessage = graphQLErrors[0].message ?? "Something went wrong";
+    if (graphQLErrors[0]?.extensions?.code === "BAD_USER_INPUT") {
       rootMessage = "Errors prevented this form from being saved";
     }
-    const properties = error.graphQLErrors[0].extensions?.["properties"];
+    const properties = graphQLErrors[0].extensions?.["properties"];
     const propertyMessages = properties?.["messages"];
     if (propertyMessages) {
       for (const e in propertyMessages) {
@@ -66,11 +40,11 @@ const FormError = ({
     }
   } else if (hasNetworkError) {
     rootMessage = rootMessage ?? "An error has occurred";
-    if (Object.prototype.hasOwnProperty.call(error.networkError, "bodyText")) {
-      const netErr = error.networkError;
+    if ("bodyText" in networkError) {
+      const netErr = networkError;
       messages.push(`${netErr.name}: ${netErr.bodyText}`);
-    } else if (Object.prototype.hasOwnProperty.call(error.networkError, "result")) {
-      const netErr = error.networkError;
+    } else if ("result" in networkError) {
+      const netErr = networkError;
       netErr.result.errors?.forEach((error2) => {
         if (typeof error2.message === "string") {
           if (error2.message.indexOf(";") >= 0) {
@@ -85,6 +59,9 @@ const FormError = ({
   if (!rootMessage) {
     return null;
   }
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: wrapperClassName, style: wrapperStyle }, /* @__PURE__ */ import_react.default.createElement("p", { className: titleClassName, style: titleStyle }, rootMessage), messages.length > 0 && /* @__PURE__ */ import_react.default.createElement("ul", { className: listClassName, style: listStyle }, messages.map((message, index) => /* @__PURE__ */ import_react.default.createElement("li", { key: index, className: listItemClassName, style: listItemStyle }, message))));
+  return /* @__PURE__ */ React.createElement("div", { className: wrapperClassName, style: wrapperStyle }, /* @__PURE__ */ React.createElement("p", { className: titleClassName, style: titleStyle }, rootMessage), messages.length > 0 && /* @__PURE__ */ React.createElement("ul", { className: listClassName, style: listStyle }, messages.map((message, index) => /* @__PURE__ */ React.createElement("li", { key: index, className: listItemClassName, style: listItemStyle }, message))));
 };
 var FormError_default = FormError;
+export {
+  FormError_default as default
+};

package/dist/InputComponents.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { FieldProps } from './FieldProps';
+import type { FieldProps } from './FieldProps.js';
 /**
  * All the types we'll be generating named `<InputFields>` for (which is basically all of them).
  * Note that `'checkbox'` isn't here because we handle it separately above.

package/dist/InputComponents.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputComponents.d.ts","sourceRoot":"","sources":["../src/InputComponents.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAI9C;;;;;GAKG;AACH,QAAA,MAAM,WAAW,gNAsBP,CAAA;AAEV,KAAK,SAAS,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7C,MAAM,WAAW,eACf,SACE,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAC1C,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7D;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,uGAkDtB,CAAA;AA2BD,eAAO,MACL,WAAW,kEACX,UAAU,kEACV,SAAS,kEACT,kBAAkB,kEAClB,UAAU,kEACV,SAAS,kEACT,WAAW,kEACX,UAAU,kEACV,UAAU,kEACV,WAAW,kEACX,aAAa,kEACb,UAAU,kEACV,UAAU,kEACV,UAAU,kEACV,WAAW,kEACX,WAAW,kEACX,QAAQ,kEACR,SAAS,kEACT,SAAS,kEACT,QAAQ,kEACR,SAAS,gEACQ,CAAA"}
+{"version":3,"file":"InputComponents.d.ts","sourceRoot":"","sources":["../src/InputComponents.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAIzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAIjD;;;;;GAKG;AACH,QAAA,MAAM,WAAW,gNAsBP,CAAA;AAEV,KAAK,SAAS,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,CAAC,CAAA;AAE7C,MAAM,WAAW,eACf,SACE,IAAI,CAAC,UAAU,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAC,EAC1C,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7D;;;;;;;OAOG;IACH,IAAI,CAAC,EAAE,SAAS,CAAA;CACjB;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,uGAkDtB,CAAA;AA2BD,eAAO,MACL,WAAW,kEACX,UAAU,kEACV,SAAS,kEACT,kBAAkB,kEAClB,UAAU,kEACV,SAAS,kEACT,WAAW,kEACX,UAAU,kEACV,UAAU,kEACV,WAAW,kEACX,aAAa,kEACb,UAAU,kEACV,UAAU,kEACV,UAAU,kEACV,WAAW,kEACX,WAAW,kEACX,QAAQ,kEACR,SAAS,kEACT,SAAS,kEACT,QAAQ,kEACR,SAAS,gEACQ,CAAA"}

package/dist/InputComponents.js

@@ -1,61 +1,7 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var InputComponents_exports = {};
-__export(InputComponents_exports, {
-  ButtonField: () => ButtonField,
-  ColorField: () => ColorField,
-  DateField: () => DateField,
-  DatetimeLocalField: () => DatetimeLocalField,
-  EmailField: () => EmailField,
-  FileField: () => FileField,
-  HiddenField: () => HiddenField,
-  ImageField: () => ImageField,
-  InputField: () => InputField,
-  MonthField: () => MonthField,
-  NumberField: () => NumberField,
-  PasswordField: () => PasswordField,
-  RadioField: () => RadioField,
-  RangeField: () => RangeField,
-  ResetField: () => ResetField,
-  SearchField: () => SearchField,
-  SubmitField: () => SubmitField,
-  TelField: () => TelField,
-  TextField: () => TextField,
-  TimeField: () => TimeField,
-  UrlField: () => UrlField,
-  WeekField: () => WeekField
-});
-module.exports = __toCommonJS(InputComponents_exports);
-var import_react = __toESM(require("react"));
-var import_pascalcase = __toESM(require("pascalcase"));
-var import_useErrorStyles = require("./useErrorStyles");
-var import_useRegister = require("./useRegister");
+import React, { forwardRef } from "react";
+import pascalcase from "pascalcase";
+import { useErrorStyles } from "./useErrorStyles.js";
+import { useRegister } from "./useRegister.js";
 const INPUT_TYPES = [
   "button",
   "color",
@@ -79,7 +25,7 @@ const INPUT_TYPES = [
   "url",
   "week"
 ];
-const InputField = (0, import_react.forwardRef)(
+const InputField = forwardRef(
   ({
     name,
     id,
@@ -96,14 +42,14 @@ const InputField = (0, import_react.forwardRef)(
     type,
     ...rest
   }, ref) => {
-    const styles = (0, import_useErrorStyles.useErrorStyles)({
+    const styles = useErrorStyles({
       name,
       errorClassName,
       errorStyle,
       className,
       style
     });
-    const useRegisterReturn = (0, import_useRegister.useRegister)(
+    const useRegisterReturn = useRegister(
       {
         name,
         validation,
@@ -114,7 +60,7 @@ const InputField = (0, import_react.forwardRef)(
       ref,
       emptyAs
     );
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ React.createElement(
       "input",
       {
         id: id || name,
@@ -128,7 +74,7 @@ const InputField = (0, import_react.forwardRef)(
 );
 const InputComponents = {};
 INPUT_TYPES.forEach((type) => {
-  InputComponents[`${(0, import_pascalcase.default)(type)}Field`] = (0, import_react.forwardRef)((props, ref) => /* @__PURE__ */ import_react.default.createElement(InputField, { ref, type, ...props }));
+  InputComponents[`${pascalcase(type)}Field`] = forwardRef((props, ref) => /* @__PURE__ */ React.createElement(InputField, { ref, type, ...props }));
 });
 const {
   ButtonField,
@@ -153,8 +99,7 @@ const {
   UrlField,
   WeekField
 } = InputComponents;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   ButtonField,
   ColorField,
   DateField,
@@ -177,4 +122,4 @@ const {
   TimeField,
   UrlField,
   WeekField
-});
+};

package/dist/Label.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { FieldProps } from './FieldProps';
+import type { FieldProps } from './FieldProps.js';
 export interface LabelProps extends Pick<FieldProps, 'errorClassName' | 'errorStyle'>, React.ComponentPropsWithoutRef<'label'> {
     name: string;
 }

package/dist/Label.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../src/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAG9C,MAAM,WAAW,UACf,SACE,IAAI,CAAC,UAAU,EAAE,gBAAgB,GAAG,YAAY,CAAC,EACjD,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,MAAM,CAAA;CACb;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,2EASnB,UAAU,sBAcZ,CAAA"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../src/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAGjD,MAAM,WAAW,UACf,SACE,IAAI,CAAC,UAAU,EAAE,gBAAgB,GAAG,YAAY,CAAC,EACjD,KAAK,CAAC,wBAAwB,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,MAAM,CAAA;CACb;AAED;;GAEG;AACH,eAAO,MAAM,KAAK,GAAI,2EASnB,UAAU,sBAcZ,CAAA"}

package/dist/Label.js

@@ -1,38 +1,5 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var Label_exports = {};
-__export(Label_exports, {
-  Label: () => Label
-});
-module.exports = __toCommonJS(Label_exports);
-var import_react = __toESM(require("react"));
-var import_useErrorStyles = require("./useErrorStyles");
+import React from "react";
+import { useErrorStyles } from "./useErrorStyles.js";
 const Label = ({
   name,
   children,
@@ -43,16 +10,15 @@ const Label = ({
   style,
   ...rest
 }) => {
-  const styles = (0, import_useErrorStyles.useErrorStyles)({
+  const styles = useErrorStyles({
     name,
     errorClassName,
     errorStyle,
     className,
     style
   });
-  return /* @__PURE__ */ import_react.default.createElement("label", { htmlFor: name, ...rest, ...styles }, children || name);
+  return /* @__PURE__ */ React.createElement("label", { htmlFor: name, ...rest, ...styles }, children || name);
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
+export {
   Label
-});
+};

package/dist/SelectField.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import type { FieldProps } from './FieldProps';
+import type { FieldProps } from './FieldProps.js';
 export interface SelectFieldProps extends Omit<FieldProps<HTMLSelectElement>, 'type'>, Omit<React.ComponentPropsWithRef<'select'>, 'name'> {
 }
 /** Renders a `<select>` field */

package/dist/SelectField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../src/SelectField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAI9C,MAAM,WAAW,gBACf,SACE,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,EAC3C,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;CAAG;AAE1D,iCAAiC;AACjC,eAAO,MAAM,WAAW,yGA2CvB,CAAA"}
+{"version":3,"file":"SelectField.d.ts","sourceRoot":"","sources":["../src/SelectField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAIjD,MAAM,WAAW,gBACf,SACE,IAAI,CAAC,UAAU,CAAC,iBAAiB,CAAC,EAAE,MAAM,CAAC,EAC3C,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;CAAG;AAE1D,iCAAiC;AACjC,eAAO,MAAM,WAAW,yGA2CvB,CAAA"}