@scm-manager/ui-forms 2.40.2-SNAPSHOT-1

package/build/index.js

@@ -0,0 +1,639 @@
+"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(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  ConfigurationForm: () => ConfigurationForm_default,
+  Form: () => Form_default,
+  useCreateResource: () => useCreateResource,
+  useDeleteResource: () => useDeleteResource,
+  useUpdateResource: () => useUpdateResource
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/Form.tsx
+var import_react18 = __toESM(require("react"));
+var import_react_hook_form5 = require("react-hook-form");
+var import_ui_components4 = require("@scm-manager/ui-components");
+
+// src/ScmFormContext.tsx
+var import_react = __toESM(require("react"));
+var ScmFormContext = import_react.default.createContext(null);
+function ScmFormContextProvider({ children, ...props }) {
+  return /* @__PURE__ */ import_react.default.createElement(ScmFormContext.Provider, {
+    value: props
+  }, children);
+}
+function useScmFormContext() {
+  return (0, import_react.useContext)(ScmFormContext);
+}
+
+// src/Form.tsx
+var import_react_i18next = require("react-i18next");
+var import_ui_buttons = require("@scm-manager/ui-buttons");
+
+// src/FormRow.tsx
+var import_react2 = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
+var FormRow = import_react2.default.forwardRef(
+  ({ className, children, hidden, ...rest }, ref) => hidden ? null : /* @__PURE__ */ import_react2.default.createElement("div", {
+    ref,
+    className: (0, import_classnames.default)("columns", className),
+    ...rest
+  }, children)
+);
+var FormRow_default = FormRow;
+
+// src/input/ControlledInputField.tsx
+var import_react10 = __toESM(require("react"));
+var import_react_hook_form = require("react-hook-form");
+var import_classnames8 = __toESM(require("classnames"));
+
+// src/input/InputField.tsx
+var import_react9 = __toESM(require("react"));
+
+// src/base/Field.tsx
+var import_react3 = __toESM(require("react"));
+var import_classnames2 = __toESM(require("classnames"));
+var Field = ({ className, children, ...rest }) => /* @__PURE__ */ import_react3.default.createElement("div", {
+  className: (0, import_classnames2.default)("field", className),
+  ...rest
+}, children);
+var Field_default = Field;
+
+// src/base/Control.tsx
+var import_react4 = __toESM(require("react"));
+var import_classnames3 = __toESM(require("classnames"));
+var Control = ({ className, children, ...rest }) => /* @__PURE__ */ import_react4.default.createElement("div", {
+  className: (0, import_classnames3.default)("control", className),
+  ...rest
+}, children);
+var Control_default = Control;
+
+// src/base/label/Label.tsx
+var import_react5 = __toESM(require("react"));
+var import_classnames4 = __toESM(require("classnames"));
+var Label = ({ className, children, ...rest }) => /* @__PURE__ */ import_react5.default.createElement("label", {
+  className: (0, import_classnames4.default)("label", className),
+  ...rest
+}, children);
+var Label_default = Label;
+
+// src/base/field-message/FieldMessage.tsx
+var import_react6 = __toESM(require("react"));
+var import_classnames5 = __toESM(require("classnames"));
+
+// src/variants.ts
+var createVariantClass = (variant) => variant ? `is-${variant}` : void 0;
+
+// src/base/field-message/FieldMessage.tsx
+var FieldMessage = ({ variant, className, children }) => /* @__PURE__ */ import_react6.default.createElement("p", {
+  className: (0, import_classnames5.default)("help", createVariantClass(variant), className)
+}, children);
+var FieldMessage_default = FieldMessage;
+
+// src/input/Input.tsx
+var import_react7 = __toESM(require("react"));
+var import_classnames6 = __toESM(require("classnames"));
+var import_ui_components = require("@scm-manager/ui-components");
+var Input = import_react7.default.forwardRef(({ variant, className, testId, ...props }, ref) => {
+  return /* @__PURE__ */ import_react7.default.createElement("input", {
+    ref,
+    className: (0, import_classnames6.default)("input", createVariantClass(variant), className),
+    ...props,
+    ...(0, import_ui_components.createAttributesForTesting)(testId)
+  });
+});
+var Input_default = Input;
+
+// src/base/help/Help.tsx
+var import_react8 = __toESM(require("react"));
+var import_classnames7 = __toESM(require("classnames"));
+var Help = ({ text, className }) => /* @__PURE__ */ import_react8.default.createElement("span", {
+  className: (0, import_classnames7.default)("fas fa-fw fa-question-circle has-text-blue-light", className),
+  title: text
+});
+var Help_default = Help;
+
+// src/input/InputField.tsx
+var InputField = import_react9.default.forwardRef(
+  ({ label, helpText, error, className, ...props }, ref) => {
+    const variant = error ? "danger" : void 0;
+    return /* @__PURE__ */ import_react9.default.createElement(Field_default, {
+      className
+    }, /* @__PURE__ */ import_react9.default.createElement(Label_default, null, label, helpText ? /* @__PURE__ */ import_react9.default.createElement(Help_default, {
+      className: "ml-1",
+      text: helpText
+    }) : null), /* @__PURE__ */ import_react9.default.createElement(Control_default, null, /* @__PURE__ */ import_react9.default.createElement(Input_default, {
+      variant,
+      ref,
+      ...props
+    })), error ? /* @__PURE__ */ import_react9.default.createElement(FieldMessage_default, {
+      variant
+    }, error) : null);
+  }
+);
+var InputField_default = InputField;
+
+// src/input/ControlledInputField.tsx
+function ControlledInputField({
+  name,
+  label,
+  helpText,
+  rules,
+  className,
+  testId,
+  defaultValue,
+  readOnly,
+  ...props
+}) {
+  const { control, t, readOnly: formReadonly } = useScmFormContext();
+  const labelTranslation = label || t(`${name}.label`) || "";
+  const helpTextTranslation = helpText || t(`${name}.helpText`);
+  return /* @__PURE__ */ import_react10.default.createElement(import_react_hook_form.Controller, {
+    control,
+    name,
+    rules,
+    defaultValue,
+    render: ({ field, fieldState }) => /* @__PURE__ */ import_react10.default.createElement(InputField_default, {
+      className: (0, import_classnames8.default)("column", className),
+      readOnly: readOnly ?? formReadonly,
+      required: rules == null ? void 0 : rules.required,
+      ...props,
+      ...field,
+      label: labelTranslation,
+      helpText: helpTextTranslation,
+      error: fieldState.error ? fieldState.error.message || t(`${name}.error.${fieldState.error.type}`) : void 0,
+      testId: testId ?? `input-${name}`
+    })
+  });
+}
+var ControlledInputField_default = ControlledInputField;
+
+// src/checkbox/ControlledCheckboxField.tsx
+var import_react13 = __toESM(require("react"));
+var import_react_hook_form2 = require("react-hook-form");
+var import_classnames9 = __toESM(require("classnames"));
+
+// src/checkbox/CheckboxField.tsx
+var import_react12 = __toESM(require("react"));
+
+// src/checkbox/Checkbox.tsx
+var import_react11 = __toESM(require("react"));
+var import_ui_components2 = require("@scm-manager/ui-components");
+var Checkbox = import_react11.default.forwardRef(
+  ({ readOnly, label, value, name, checked, defaultChecked, defaultValue, testId, helpText, ...props }, ref) => /* @__PURE__ */ import_react11.default.createElement("label", {
+    className: "checkbox",
+    disabled: readOnly || props.disabled
+  }, readOnly ? /* @__PURE__ */ import_react11.default.createElement(import_react11.default.Fragment, null, /* @__PURE__ */ import_react11.default.createElement("input", {
+    type: "hidden",
+    name,
+    value,
+    defaultValue,
+    checked,
+    defaultChecked,
+    readOnly: true
+  }), /* @__PURE__ */ import_react11.default.createElement("input", {
+    type: "checkbox",
+    className: "mr-1",
+    ref,
+    value,
+    defaultValue,
+    checked,
+    defaultChecked,
+    ...props,
+    ...(0, import_ui_components2.createAttributesForTesting)(testId),
+    disabled: true
+  })) : /* @__PURE__ */ import_react11.default.createElement("input", {
+    type: "checkbox",
+    className: "mr-1",
+    ref,
+    name,
+    value,
+    defaultValue,
+    checked,
+    defaultChecked,
+    ...props,
+    ...(0, import_ui_components2.createAttributesForTesting)(testId)
+  }), label, helpText ? /* @__PURE__ */ import_react11.default.createElement(Help_default, {
+    className: "ml-1",
+    text: helpText
+  }) : null)
+);
+var Checkbox_default = Checkbox;
+
+// src/checkbox/CheckboxField.tsx
+var CheckboxField = import_react12.default.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ import_react12.default.createElement(Field_default, {
+  className
+}, /* @__PURE__ */ import_react12.default.createElement(Control_default, null, /* @__PURE__ */ import_react12.default.createElement(Checkbox_default, {
+  ref,
+  ...props
+}))));
+var CheckboxField_default = CheckboxField;
+
+// src/checkbox/ControlledCheckboxField.tsx
+function ControlledInputField2({
+  name,
+  label,
+  helpText,
+  rules,
+  className,
+  testId,
+  defaultChecked,
+  readOnly,
+  ...props
+}) {
+  const { control, t, readOnly: formReadonly } = useScmFormContext();
+  const labelTranslation = label || t(`${name}.label`) || "";
+  const helpTextTranslation = helpText || t(`${name}.helpText`);
+  return /* @__PURE__ */ import_react13.default.createElement(import_react_hook_form2.Controller, {
+    control,
+    name,
+    rules,
+    defaultValue: defaultChecked,
+    render: ({ field }) => /* @__PURE__ */ import_react13.default.createElement(CheckboxField_default, {
+      className: (0, import_classnames9.default)("column", className),
+      readOnly: readOnly ?? formReadonly,
+      defaultChecked: field.value,
+      ...props,
+      ...field,
+      label: labelTranslation,
+      helpText: helpTextTranslation,
+      testId: testId ?? `checkbox-${name}`
+    })
+  });
+}
+var ControlledCheckboxField_default = ControlledInputField2;
+
+// src/input/ControlledSecretConfirmationField.tsx
+var import_react14 = __toESM(require("react"));
+var import_react_hook_form3 = require("react-hook-form");
+var import_classnames10 = __toESM(require("classnames"));
+function ControlledSecretConfirmationField({
+  name,
+  label,
+  confirmationLabel,
+  helpText,
+  confirmationHelpText,
+  rules,
+  confirmationErrorMessage,
+  className,
+  testId,
+  confirmationTestId,
+  defaultValue,
+  readOnly,
+  ...props
+}) {
+  const { control, watch, t, readOnly: formReadonly } = useScmFormContext();
+  const labelTranslation = label || t(`${name}.label`) || "";
+  const helpTextTranslation = helpText || t(`${name}.helpText`);
+  const confirmationLabelTranslation = confirmationLabel || t(`${name}.confirmation.label`) || "";
+  const confirmationHelpTextTranslation = confirmationHelpText || t(`${name}.confirmation.helpText`);
+  const confirmationErrorMessageTranslation = confirmationErrorMessage || t(`${name}.confirmation.errorMessage`);
+  const secretValue = watch(name);
+  return /* @__PURE__ */ import_react14.default.createElement(import_react14.default.Fragment, null, /* @__PURE__ */ import_react14.default.createElement(import_react_hook_form3.Controller, {
+    control,
+    name,
+    defaultValue,
+    rules: {
+      ...rules,
+      deps: [`${name}Confirmation`]
+    },
+    render: ({ field, fieldState }) => /* @__PURE__ */ import_react14.default.createElement(InputField_default, {
+      className: (0, import_classnames10.default)("column", className),
+      readOnly: readOnly ?? formReadonly,
+      ...props,
+      ...field,
+      required: rules == null ? void 0 : rules.required,
+      type: "password",
+      label: labelTranslation,
+      helpText: helpTextTranslation,
+      error: fieldState.error ? fieldState.error.message || t(`${name}.error.${fieldState.error.type}`) : void 0,
+      testId: testId ?? `input-${name}`
+    })
+  }), /* @__PURE__ */ import_react14.default.createElement(import_react_hook_form3.Controller, {
+    control,
+    name: `${name}Confirmation`,
+    defaultValue,
+    render: ({ field, fieldState }) => /* @__PURE__ */ import_react14.default.createElement(InputField_default, {
+      className: (0, import_classnames10.default)("column", className),
+      type: "password",
+      readOnly: readOnly ?? formReadonly,
+      disabled: props.disabled,
+      ...field,
+      label: confirmationLabelTranslation,
+      helpText: confirmationHelpTextTranslation,
+      error: fieldState.error ? fieldState.error.message || t(`${name}.confirmation.error.${fieldState.error.type}`) : void 0,
+      testId: confirmationTestId ?? `input-${name}-confirmation`
+    }),
+    rules: {
+      validate: (value) => secretValue === value || confirmationErrorMessageTranslation
+    }
+  }));
+}
+
+// src/select/ControlledSelectField.tsx
+var import_react17 = __toESM(require("react"));
+var import_react_hook_form4 = require("react-hook-form");
+var import_classnames12 = __toESM(require("classnames"));
+
+// src/select/SelectField.tsx
+var import_react16 = __toESM(require("react"));
+
+// src/select/Select.tsx
+var import_react15 = __toESM(require("react"));
+var import_classnames11 = __toESM(require("classnames"));
+var import_ui_components3 = require("@scm-manager/ui-components");
+var Select = import_react15.default.forwardRef(({ variant, children, className, testId, ...props }, ref) => /* @__PURE__ */ import_react15.default.createElement("div", {
+  className: (0, import_classnames11.default)("select", { "is-multiple": props.multiple }, createVariantClass(variant), className)
+}, /* @__PURE__ */ import_react15.default.createElement("select", {
+  ref,
+  ...props,
+  ...(0, import_ui_components3.createAttributesForTesting)(testId)
+}, children)));
+var Select_default = Select;
+
+// src/select/SelectField.tsx
+var SelectField = import_react16.default.forwardRef(
+  ({ label, helpText, error, className, ...props }, ref) => {
+    const variant = error ? "danger" : void 0;
+    return /* @__PURE__ */ import_react16.default.createElement(Field_default, {
+      className
+    }, /* @__PURE__ */ import_react16.default.createElement(Label_default, null, label, helpText ? /* @__PURE__ */ import_react16.default.createElement(Help_default, {
+      className: "ml-1",
+      text: helpText
+    }) : null), /* @__PURE__ */ import_react16.default.createElement(Control_default, null, /* @__PURE__ */ import_react16.default.createElement(Select_default, {
+      variant,
+      ref,
+      ...props
+    })), error ? /* @__PURE__ */ import_react16.default.createElement(FieldMessage_default, {
+      variant
+    }, error) : null);
+  }
+);
+var SelectField_default = SelectField;
+
+// src/select/ControlledSelectField.tsx
+function ControlledSelectField({
+  name,
+  label,
+  helpText,
+  rules,
+  className,
+  testId,
+  defaultValue,
+  readOnly,
+  ...props
+}) {
+  const { control, t, readOnly: formReadonly } = useScmFormContext();
+  const labelTranslation = label || t(`${name}.label`) || "";
+  const helpTextTranslation = helpText || t(`${name}.helpText`);
+  return /* @__PURE__ */ import_react17.default.createElement(import_react_hook_form4.Controller, {
+    control,
+    name,
+    rules,
+    defaultValue,
+    render: ({ field, fieldState }) => /* @__PURE__ */ import_react17.default.createElement(SelectField_default, {
+      className: (0, import_classnames12.default)("column", className),
+      readOnly: readOnly ?? formReadonly,
+      required: rules == null ? void 0 : rules.required,
+      ...props,
+      ...field,
+      label: labelTranslation,
+      helpText: helpTextTranslation,
+      error: fieldState.error ? fieldState.error.message || t(`${name}.error.${fieldState.error.type}`) : void 0,
+      testId: testId ?? `select-${name}`
+    })
+  });
+}
+var ControlledSelectField_default = ControlledSelectField;
+
+// src/Form.tsx
+var SuccessNotification = ({ label, hide }) => {
+  if (!label) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react18.default.createElement("div", {
+    className: "notification is-success"
+  }, /* @__PURE__ */ import_react18.default.createElement("button", {
+    className: "delete",
+    onClick: hide
+  }), label);
+};
+function Form({
+  children,
+  onSubmit,
+  defaultValues,
+  translationPath,
+  readOnly,
+  submitButtonTestId
+}) {
+  const form = (0, import_react_hook_form5.useForm)({
+    mode: "onChange",
+    defaultValues
+  });
+  const { formState, handleSubmit, reset } = form;
+  const [ns, prefix] = translationPath;
+  const { t } = (0, import_react_i18next.useTranslation)(ns, { keyPrefix: prefix });
+  const { isDirty, isValid, isSubmitting, isSubmitSuccessful } = formState;
+  const [error, setError] = (0, import_react18.useState)();
+  const [showSuccessNotification, setShowSuccessNotification] = (0, import_react18.useState)(false);
+  (0, import_react18.useEffect)(() => {
+    if (isSubmitSuccessful) {
+      setShowSuccessNotification(true);
+    }
+  }, [isSubmitSuccessful]);
+  (0, import_react18.useEffect)(() => reset(defaultValues), [defaultValues, reset]);
+  (0, import_react18.useEffect)(() => {
+    if (isDirty) {
+      setShowSuccessNotification(false);
+    }
+  }, [isDirty]);
+  const translateWithFallback = (0, import_react18.useCallback)(
+    (key, ...args) => {
+      const translation = t(key, ...args);
+      if (translation === `${prefix}.${key}`) {
+        return "";
+      }
+      return translation;
+    },
+    [prefix, t]
+  );
+  const submit = (0, import_react18.useCallback)(
+    async (data) => {
+      setError(null);
+      try {
+        return await onSubmit(data);
+      } catch (e) {
+        if (e instanceof Error) {
+          setError(e);
+        } else {
+          throw e;
+        }
+      }
+    },
+    [onSubmit]
+  );
+  return /* @__PURE__ */ import_react18.default.createElement(ScmFormContextProvider, {
+    ...form,
+    readOnly: isSubmitting || readOnly,
+    t: translateWithFallback
+  }, /* @__PURE__ */ import_react18.default.createElement("form", {
+    onSubmit: handleSubmit(submit)
+  }, showSuccessNotification ? /* @__PURE__ */ import_react18.default.createElement(SuccessNotification, {
+    label: translateWithFallback("submit-success-notification"),
+    hide: () => setShowSuccessNotification(false)
+  }) : null, typeof children === "function" ? children(form) : children, error ? /* @__PURE__ */ import_react18.default.createElement(import_ui_components4.ErrorNotification, {
+    error
+  }) : null, !readOnly ? /* @__PURE__ */ import_react18.default.createElement(import_ui_components4.Level, {
+    right: /* @__PURE__ */ import_react18.default.createElement(import_ui_buttons.Button, {
+      type: "submit",
+      variant: "primary",
+      testId: submitButtonTestId ?? "submit-button",
+      disabled: !isDirty || !isValid,
+      isLoading: isSubmitting
+    }, t("submit"))
+  }) : null));
+}
+var Form_default = Object.assign(Form, {
+  Row: FormRow_default,
+  Input: ControlledInputField_default,
+  Checkbox: ControlledCheckboxField_default,
+  SecretConfirmation: ControlledSecretConfirmationField,
+  Select: ControlledSelectField_default
+});
+
+// src/ConfigurationForm.tsx
+var import_ui_api = require("@scm-manager/ui-api");
+var import_ui_components5 = require("@scm-manager/ui-components");
+var import_react19 = __toESM(require("react"));
+function ConfigurationForm({ link, translationPath, children }) {
+  const { initialConfiguration, isReadOnly, update, isLoading } = (0, import_ui_api.useConfigLink)(link);
+  if (isLoading || !initialConfiguration) {
+    return /* @__PURE__ */ import_react19.default.createElement(import_ui_components5.Loading, null);
+  }
+  return /* @__PURE__ */ import_react19.default.createElement(Form_default, {
+    onSubmit: update,
+    translationPath,
+    defaultValues: initialConfiguration,
+    readOnly: isReadOnly
+  }, children);
+}
+var ConfigurationForm_default = ConfigurationForm;
+
+// src/resourceHooks.ts
+var import_ui_api2 = require("@scm-manager/ui-api");
+var import_react_query = require("react-query");
+var unwrapLink = (input, linkName) => {
+  if (Array.isArray(input)) {
+    return (0, import_ui_api2.requiredLink)(input[0], input[1]);
+  } else if (typeof input === "string") {
+    return input;
+  } else {
+    return input._links[linkName].href;
+  }
+};
+var createResource = (link, contentType) => {
+  return (payload) => {
+    return import_ui_api2.apiClient.post(link, payload, contentType).then((response) => {
+      const location = response.headers.get("Location");
+      if (!location) {
+        throw new Error("Server does not return required Location header");
+      }
+      return import_ui_api2.apiClient.get(location);
+    }).then((response) => response.json());
+  };
+};
+var useCreateResource = (link, [entityKey, collectionName], idFactory, { contentType = "application/json" } = {}) => {
+  const queryClient = (0, import_react_query.useQueryClient)();
+  const { mutateAsync, data, isLoading, error } = (0, import_react_query.useMutation)(createResource(link, contentType), {
+    onSuccess: (result) => {
+      queryClient.setQueryData([entityKey, idFactory(result)], result);
+      return queryClient.invalidateQueries(collectionName);
+    }
+  });
+  return {
+    submit: (payload) => mutateAsync(payload),
+    isLoading,
+    error,
+    submissionResult: data
+  };
+};
+var useUpdateResource = (link, idFactory, {
+  contentType = "application/json",
+  collectionName: [entityQueryKey, collectionName] = ["", ""]
+} = {}) => {
+  const queryClient = (0, import_react_query.useQueryClient)();
+  const { mutateAsync, isLoading, error, data } = (0, import_react_query.useMutation)(
+    (resource) => import_ui_api2.apiClient.put(unwrapLink(link, "update"), resource, contentType),
+    {
+      onSuccess: async (_, payload) => {
+        await queryClient.invalidateQueries(entityQueryKey ? [entityQueryKey, idFactory(payload)] : idFactory(payload));
+        if (collectionName) {
+          await queryClient.invalidateQueries(collectionName);
+        }
+      }
+    }
+  );
+  return {
+    submit: (resource) => mutateAsync(resource),
+    isLoading,
+    error,
+    submissionResult: data
+  };
+};
+var useDeleteResource = (idFactory, { collectionName: [entityQueryKey, collectionName] = ["", ""] } = {}) => {
+  const queryClient = (0, import_react_query.useQueryClient)();
+  const { mutateAsync, isLoading, error, data } = (0, import_react_query.useMutation)(
+    (resource) => {
+      const deleteUrl = resource._links.delete.href;
+      return import_ui_api2.apiClient.delete(deleteUrl);
+    },
+    {
+      onSuccess: async (_, resource) => {
+        const id = idFactory(resource);
+        await queryClient.removeQueries(entityQueryKey ? [entityQueryKey, id] : id);
+        if (collectionName) {
+          await queryClient.invalidateQueries(collectionName);
+        }
+      }
+    }
+  );
+  return {
+    submit: (resource) => mutateAsync(resource),
+    isLoading,
+    error,
+    submissionResult: data
+  };
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ConfigurationForm,
+  Form,
+  useCreateResource,
+  useDeleteResource,
+  useUpdateResource
+});