@dndbuilder.com/react
Version:
Drag and drop builder for React
51 lines (50 loc) • 1.5 kB
JavaScript
"use client";
import { jsxs as m, jsx as e } from "react/jsx-runtime";
import { BreakpointSelector as u } from "../../../../components/shared/breakpoint-selector.js";
import { Label as N } from "../../../../components/shared/label.js";
import { LanguageSelector as g } from "../../../../components/shared/language-selector.js";
import { TextEditor as h } from "../../../../components/shared/text-editor.js";
import { useFieldName as S } from "../../../../hooks/use-field-name.js";
import { useSettings as T } from "../../../../hooks/use-settings.js";
import { classNames as j } from "../../../../../../../utils.js";
import { useId as k } from "react";
const L = ({
className: a,
label: t,
responsive: o,
mode: s,
isLocalized: r,
type: l,
fieldName: f,
labelProps: i,
placeholder: c
}) => {
const n = S({
key: f,
responsive: o,
mode: s,
isLocalized: r
}), [p, x] = T(n, l), d = k();
return /* @__PURE__ */ m("div", { className: j("mt-4 flex w-full flex-col gap-1.5", a), children: [
t && /* @__PURE__ */ m(N, { htmlFor: d, className: "flex flex-1 items-center gap-1", ...i, children: [
t,
" ",
o && /* @__PURE__ */ e(u, {}),
" ",
r && /* @__PURE__ */ e(g, { className: "ms-auto" })
] }),
/* @__PURE__ */ e(
h,
{
placeholder: c,
value: p,
onChange: x,
className: "control pb-4"
}
)
] });
};
export {
L as default
};
//# sourceMappingURL=text-editor.control.js.map