@react-form-builder/core/dist/features/template/slotModel.js

React JSON Schema Form Builder to create complex, validated, reusable forms with no deep React knowledge required

import { jsx as e } from "react/jsx-runtime";
import { useComponentData as r, ComponentDataProvider as s } from "../../utils/contexts/ComponentDataContext.js";
import { useStore as m, StoreProvider as c } from "../../utils/contexts/StoreContext.js";
import { namedObserver as i } from "../../utils/namedObserver.js";
import { addOrUpdateFeatures as p } from "../define/utils/ComponentFeature.js";
import { cfDisableAdditionalProperties as v, cfDisableStyleProperties as u, cfDisableTooltipProperties as f, cfDisableMainComponentProperties as P } from "../define/utils/integratedComponentFeatures.js";
import { Model as S } from "../define/utils/Model.js";
import { ViewerPropsProvider as h } from "../form-viewer/components/ViewerPropsContext.js";
import { useEmbeddedForm as b } from "./EmbeddedForm.js";
import C from "./slotModel.module.css.js";
const D = ({ parentStore: o }) => {
  const { key: l } = r(), { viewerProps: n, data: d, embeddedFormProps: a } = b();
  return /* @__PURE__ */ e(c, { value: o, children: /* @__PURE__ */ e(h, { value: n, children: /* @__PURE__ */ e(s, { value: d, children: a[l] }) }) });
}, w = i("SlotContent", D), y = () => {
  const { key: o } = r();
  return /* @__PURE__ */ e("div", { className: C.slotPlaceholder, children: `Slot: '${o}'` });
}, F = i("SlotPlaceholder", y), M = () => {
  const { parentStore: o } = m();
  return o ? /* @__PURE__ */ e(w, { parentStore: o }) : /* @__PURE__ */ e(F, {});
}, t = "Slot", k = p(
  {},
  { name: P, value: !0 },
  { name: f, value: !0 },
  { name: u, value: !0 },
  { name: v, value: !0 }
), $ = new S(
  M,
  t,
  void 0,
  void 0,
  void 0,
  void 0,
  void 0,
  void 0,
  t,
  void 0,
  void 0,
  void 0,
  void 0,
  void 0,
  void 0,
  k
);
export {
  $ as slotModel
};
//# sourceMappingURL=slotModel.js.map