@undermuz/react-json-form/dist/JsonForm.js

Generate JSON-based forms with react

"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);

// src/JsonForm.tsx
var JsonForm_exports = {};
__export(JsonForm_exports, {
  default: () => JsonForm_default
});
module.exports = __toCommonJS(JsonForm_exports);
var import_react = require("react");
var import_react_error_boundary = require("react-error-boundary");
var import_ErrorFallback = __toESM(require("./components/ErrorFallback.js"));
var import_utils = require("./utils.js");
var import_ui = require("./contexts/ui.js");
var import_value = __toESM(require("./contexts/value.js"));
var import_Form = __toESM(require("./Form.js"));
var import_id = __toESM(require("./contexts/id.js"));
var import_jsx_runtime = require("react/jsx-runtime");
var ContextIdForward = ({
  level = 1,
  children
}) => {
  const contextId = (0, import_react.useRef)({ lastId: 0 });
  if (level > 1) {
    return children || null;
  }
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_id.default.Provider, { value: contextId.current, children: children || null });
};
var JsonForm = (0, import_react.forwardRef)((props, ref) => {
  const {
    multiple = false,
    scheme,
    level = 1,
    fillArrayDefault = true,
    onError
  } = props;
  const isMount = (0, import_react.useRef)(false);
  const [errors, setErrors] = (0, import_react.useState)(
    multiple ? [] : {}
  );
  const Components = (0, import_ui.useJsonFormComponents)();
  const defValue = (0, import_utils.useDefSchemeValue)(scheme);
  const value = (0, import_utils.useSafeValue)(
    props.value,
    defValue,
    multiple,
    fillArrayDefault
  );
  const onErrorRef = (0, import_react.useRef)(onError);
  onErrorRef.current = onError;
  (0, import_react.useEffect)(() => {
    if (!isMount.current) {
      return;
    }
    onErrorRef.current?.(errors);
  }, [errors]);
  (0, import_react.useEffect)(() => {
    isMount.current = true;
    return () => {
      isMount.current = false;
    };
  }, []);
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
    import_react_error_boundary.ErrorBoundary,
    {
      FallbackComponent: import_ErrorFallback.default,
      onReset: () => {
      },
      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ContextIdForward, { level, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_value.default.Provider, { value, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Components.JsonForm, { ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
        import_Form.default,
        {
          ...props,
          ref,
          level,
          errors,
          value,
          def: defValue,
          onError: setErrors
        }
      ) }) }) })
    }
  );
});
JsonForm.displayName = "JsonForm";
var JsonForm_default = JsonForm;
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {});