@dndbuilder.com/react
Version:
Drag and drop builder for React
51 lines (50 loc) • 2 kB
JavaScript
import { BlockGroup as S, BlockType as k } from "../../types/block.js";
import { createBlockConfig as w } from "../../../../../utils.js";
import { generateResponsiveStyle as C, generateTypography as T } from "../../utils/style.js";
import { lazy as t } from "react";
import { RxText as g } from "../../../../../node_modules/.pnpm/react-icons@5.5.0_react@19.0.0/node_modules/react-icons/rx/index.js";
import { generateDropCap as B } from "./utils/index.js";
const R = w({
type: k.TEXT,
label: "Text",
icon: g,
component: t(() => import("./components/text.block.js")),
group: S.BASIC,
settings: {
text: {
en: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, voluptate."
}
},
style({ settings: o, breakpoints: e }) {
var r, p;
return {
width: "100%",
"& .text": {
...B((r = o.dropCap) == null ? void 0 : r.desktop),
color: (p = o.textColor) == null ? void 0 : p.default,
...T(e, o.typography),
...C(e, (y) => {
var a, l, d, m, i, n, x, u, c, f, h;
return {
textAlign: (a = o.alignment) == null ? void 0 : a[y],
textShadow: ((d = (l = o.textShadow) == null ? void 0 : l.desktop) == null ? void 0 : d.default) && `${(i = (m = o.textShadow.desktop) == null ? void 0 : m.default) == null ? void 0 : i.horizontal}px ${(x = (n = o.textShadow.desktop) == null ? void 0 : n.default) == null ? void 0 : x.vertical}px ${(c = (u = o.textShadow.desktop) == null ? void 0 : u.default) == null ? void 0 : c.blur}px ${(h = (f = o.textShadow.desktop) == null ? void 0 : f.default) == null ? void 0 : h.color}`
};
})
}
};
},
controls: [
{
label: "Content",
component: t(() => import("./components/controls/text-content.control.js"))
},
{
label: "Style",
component: t(() => import("./components/controls/text-style.control.js"))
}
]
});
export {
R as default
};
//# sourceMappingURL=text.config.js.map