@dndbuilder.com/react
Version:
Drag and drop builder for React
198 lines (197 loc) • 6.14 kB
JavaScript
"use client";
import { jsxs as r, jsx as e } from "react/jsx-runtime";
import { IconControl as p } from "../../../components/controls/icon.control.js";
import { InputControl as l } from "../../../components/controls/input.control.js";
import { MediaControl as d } from "../../../components/controls/media.control.js";
import { SwitchControl as n } from "../../../components/controls/switch.control.js";
import { ToggleGroupControl as s } from "../../../components/controls/toggle-group.control.js";
import { Accordion as o } from "../../../components/shared/accordion.js";
import { Label as a } from "../../../components/shared/label.js";
import { Separator as m } from "../../../components/shared/separator.js";
import { SettingsType as t } from "../../../types/index.js";
import { GoSidebarExpand as i } from "../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/go/index.js";
import { MdAlignHorizontalLeft as g, MdOutlineAlignHorizontalCenter as c, MdAlignHorizontalRight as u } from "../../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/md/index.js";
const T = () => /* @__PURE__ */ r(o, { defaultValue: "Button", type: "single", collapsible: !0, children: [
/* @__PURE__ */ r(o.Item, { value: "Button", children: [
/* @__PURE__ */ e(o.Trigger, { className: "p-4", children: "Button" }),
/* @__PURE__ */ r(o.Content, { className: "px-4", children: [
/* @__PURE__ */ e(a, { className: "font-semibold", children: "Text" }),
/* @__PURE__ */ e(
n,
{
label: "Show",
fieldName: "button.text.show",
type: t.BLOCK,
responsive: !0
}
),
/* @__PURE__ */ e(
l,
{
label: "Content",
fieldName: "button.text.content",
type: t.BLOCK,
isLocalized: !0
}
),
/* @__PURE__ */ e(
l,
{
label: "Order",
fieldName: "button.text.order",
type: t.BLOCK,
responsive: !0,
inputProps: {
type: "number"
}
}
),
/* @__PURE__ */ e(m, { className: "my-4" }),
/* @__PURE__ */ e(a, { className: "font-semibold", children: "Icon" }),
/* @__PURE__ */ e(
n,
{
label: "Show",
fieldName: "button.icon.show",
type: t.BLOCK,
responsive: !0
}
),
/* @__PURE__ */ e(p, { label: "Icon", fieldName: "button.icon", type: t.BLOCK }),
/* @__PURE__ */ e(
l,
{
label: "Order",
fieldName: "button.icon.order",
type: t.BLOCK,
responsive: !0,
inputProps: {
type: "number"
}
}
),
/* @__PURE__ */ e(m, { className: "my-4" }),
/* @__PURE__ */ e(a, { className: "font-semibold", children: "Image" }),
/* @__PURE__ */ e(
n,
{
label: "Show",
fieldName: "button.image.show",
type: t.BLOCK,
responsive: !0
}
),
/* @__PURE__ */ e(d, { label: "Media", fieldName: "button.image.media", type: t.BLOCK }),
/* @__PURE__ */ e(
l,
{
label: "Order",
fieldName: "button.image.order",
type: t.BLOCK,
responsive: !0,
inputProps: {
type: "number"
}
}
)
] })
] }),
/* @__PURE__ */ r(o.Item, { value: "Content", children: [
/* @__PURE__ */ e(o.Trigger, { className: "p-4", children: "Content" }),
/* @__PURE__ */ r(o.Content, { className: "px-4", children: [
/* @__PURE__ */ e(
s,
{
type: t.BLOCK,
fieldName: "content.side",
label: "Side",
className: "mt-0",
responsive: !0,
controls: [
{
tooltipContent: "Top",
toggleTrigger: /* @__PURE__ */ e(i, { className: "rotate-90 text-sm" }),
value: "top"
},
{
tooltipContent: "Right",
toggleTrigger: /* @__PURE__ */ e(i, { className: "rotate-180 text-sm" }),
value: "right"
},
{
tooltipContent: "Bottom",
toggleTrigger: /* @__PURE__ */ e(i, { className: "-rotate-90 text-sm" }),
value: "bottom"
},
{
tooltipContent: "Left",
toggleTrigger: /* @__PURE__ */ e(i, { className: "text-sm" }),
value: "left"
}
]
}
),
/* @__PURE__ */ e(
l,
{
label: "Side Offset",
fieldName: "content.sideOffset",
type: t.BLOCK,
responsive: !0
}
),
/* @__PURE__ */ e(
s,
{
type: t.BLOCK,
fieldName: "content.align",
label: "Align",
className: "mt-4",
responsive: !0,
controls: [
{
tooltipContent: "Start",
toggleTrigger: /* @__PURE__ */ e(g, { className: "text-sm" }),
value: "start"
},
{
tooltipContent: "Center",
toggleTrigger: /* @__PURE__ */ e(c, { className: "rotate-90 text-sm" }),
value: "center"
},
{
tooltipContent: "End",
toggleTrigger: /* @__PURE__ */ e(u, { className: "text-sm" }),
value: "end"
}
]
}
),
/* @__PURE__ */ e(
l,
{
label: "Align Offset",
fieldName: "content.alignOffset",
type: t.BLOCK,
responsive: !0,
inputProps: {
type: "number"
}
}
),
/* @__PURE__ */ e(
n,
{
label: "Avoid Collisions",
fieldName: "content.avoidCollisions",
type: t.BLOCK,
responsive: !0
}
)
] })
] })
] });
export {
T as default
};
//# sourceMappingURL=dropdown-content.control.js.map