@undermuz/react-json-form/dist/flat-form/FormField.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/flat-form/FormField.tsx
var FormField_exports = {};
__export(FormField_exports, {
  default: () => FormField_default
});
module.exports = __toCommonJS(FormField_exports);
var import_underscore = require("underscore");
var import_use_form = require("@undermuz/use-form");
var import_input = __toESM(require("./form-input/input.js"));
var import_types = require("../types.js");
var import_ui = require("../contexts/ui.js");
var import_id = require("../contexts/id.js");
var import_JsonFormLayout = require("../components/JsonFormLayout.js");
var import_jsx_runtime = require("react/jsx-runtime");
var getFieldSettings = (props) => {
  const { type = import_types.EnumSchemeItemType.Widget, settings = {}, level } = props;
  if (type == import_types.EnumSchemeItemType.Widget) {
    const { scheme, multiple = false } = props;
    return { ...settings, scheme, multiple, level: level + 1 };
  }
  return settings;
};
var FormField = ({ children, ...props }) => {
  const Ui = (0, import_ui.useJsonFormUi)();
  const Field = Ui?.Field ? Ui.Field : import_JsonFormLayout.JFL_Nothing;
  const form = (0, import_use_form.useFormContext)();
  const fieldId = (0, import_id.useJsonFormUniqId)();
  const errors = form.errors[props.name];
  const isDisabled = form.values[`${props.name}__isDisabled`] || false;
  const {
    as: Cmp = Field,
    isLast = false,
    isFormPrimary,
    title,
    description,
    placeholder,
    settings,
    name,
    type = import_types.EnumSchemeItemType.Widget,
    onFormsRef,
    ..._customProps
  } = props;
  const id = `form-field-${fieldId}` + (name ? `--${name}` : "");
  const customProps = (0, import_underscore.omit)(
    _customProps,
    ["def_value", "single", "multiple", "rules", "scheme", "level"]
  );
  const { showLabel, showToggle } = settings || {};
  const body = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
    Cmp,
    {
      ...customProps,
      id,
      isLast,
      type,
      name,
      primary: isFormPrimary,
      showLabel,
      showToggle,
      title,
      description,
      errors,
      settings: getFieldSettings(props),
      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_use_form.ConnectToForm, { id, name, disabled: isDisabled, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
        import_input.default,
        {
          ...customProps,
          type,
          placeholder,
          title,
          settings: getFieldSettings(props),
          onFormsRef,
          children
        }
      ) })
    }
  );
  if (!Ui?.ItemWrapper) {
    return body;
  }
  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
    Ui.ItemWrapper,
    {
      isLast,
      type,
      primary: isFormPrimary,
      title,
      children: body
    }
  );
};
var FormField_default = FormField;
// Annotate the CommonJS export names for ESM import in node:
0 && (module.exports = {});