@chaibuilder/sdk 1.2.38 → 1.2.39

package/dist/AddBlocks-2_dpKDpp.js

@@ -0,0 +1,144 @@
+import { j as e } from "./jsx-runtime-WbnYoNE9.js";
+import j, { createElement as L, useState as f, useEffect as S } from "react";
+import { has as E, isFunction as F, first as h, omit as H, filter as x, groupBy as I, uniq as z, map as k, includes as D, isEmpty as N, reject as C, values as y } from "lodash-es";
+import { useAtom as g } from "jotai";
+import { useTranslation as T } from "react-i18next";
+import { m as _, L as A, z as M, ag as w, ac as q, ad as O, ae as R, bg as G, bh as J, bi as K, bj as U, aq as V, bk as W, bl as Y, B as Q, bm as X, bn as Z, bo as $, h as B, ai as ee, aj as se, ak as v, ba as te, b3 as oe, b4 as re, b5 as ae, b6 as le } from "./ChaiBuilderEditor-JnZFji5_.js";
+import { BoxIcon as ie } from "@radix-ui/react-icons";
+import { syncBlocksWithDefaults as ce, useChaiBlocks as ne } from "@chaibuilder/runtime";
+import { useFeature as de } from "flagged";
+import { O as b } from "./STRINGS--j49GZJP.js";
+import { g as me } from "./html-to-json-Z6R2o_fA.js";
+import "./_commonjsHelpers-UyOWmZb0.js";
+import "clsx";
+import "react-dom";
+import "@radix-ui/react-scroll-area";
+import "@floating-ui/react-dom";
+import "i18next";
+import "./Functions-7jnEwJyw.js";
+import "tailwind-merge";
+import "@react-hookz/web";
+import "./MODIFIERS-cBT31iqE.js";
+import "@radix-ui/react-toggle";
+import "class-variance-authority";
+import "./Class-6Hz2KzYb.js";
+import "@radix-ui/react-switch";
+import "@radix-ui/react-slot";
+import "@radix-ui/react-accordion";
+import "@radix-ui/react-alert-dialog";
+import "@radix-ui/react-dialog";
+import "@radix-ui/react-label";
+import "@radix-ui/react-tabs";
+import "@radix-ui/react-tooltip";
+import "@radix-ui/react-popover";
+import "@radix-ui/react-menubar";
+import "@radix-ui/react-hover-card";
+import "@radix-ui/react-select";
+import "@radix-ui/react-dropdown-menu";
+import "@radix-ui/react-separator";
+import "@radix-ui/react-toast";
+import "cmdk";
+import "@radix-ui/react-context-menu";
+import "react-icons-picker";
+import "react-quill";
+import "react-hotkeys-hook";
+import "lucide-react";
+import "himalaya";
+const pe = ({ block: s }) => {
+  const { type: o, icon: i, label: a } = s, { addCoreBlock: n, addPredefinedBlock: d } = _(), [c, t] = A(), [, u] = M(), [, p] = g(w), m = () => {
+    if (E(s, "blocks")) {
+      const r = F(s.blocks) ? s.blocks() : s.blocks;
+      d(ce(r), h(c));
+    } else
+      n(s, h(c));
+    p(b);
+  }, l = de("dnd");
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(q, { children: [
+    /* @__PURE__ */ e.jsx(O, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
+      "button",
+      {
+        onClick: m,
+        type: "button",
+        onDragStart: (r) => {
+          r.dataTransfer.setData("text/plain", JSON.stringify(H(s, ["component", "icon"]))), setTimeout(() => {
+            t([]), u(null), p(b);
+          }, 200);
+        },
+        draggable: l ? "true" : "false",
+        className: "space-y-2 rounded-lg border border-border p-3 text-center hover:bg-slate-300/50 " + (l ? "cursor-grab" : "cursor-pointer"),
+        children: [
+          L(i || ie, { className: "w-4 h-4 mx-auto" }),
+          /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: a || o })
+        ]
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx(R, { children: /* @__PURE__ */ e.jsx("p", { children: a || o }) })
+  ] }) });
+}, he = () => {
+  const { t: s } = T(), [o, i] = f(""), { addPredefinedBlock: a } = _(), [n] = A(), [, d] = g(w), c = () => {
+    const t = me(o);
+    a([...t], h(n) || null), i(""), d(b);
+  };
+  return /* @__PURE__ */ e.jsxs(G, { className: "border-border/0 p-0 shadow-none", children: [
+    /* @__PURE__ */ e.jsx(J, { className: "p-3", children: /* @__PURE__ */ e.jsx(K, { children: s("html_snippet_description") }) }),
+    /* @__PURE__ */ e.jsx(U, { className: "space-y-2 px-3 py-0", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-1", children: [
+      /* @__PURE__ */ e.jsx(V, { htmlFor: "current", className: "text-sm", children: s("tailwind_html_snippet") }),
+      /* @__PURE__ */ e.jsx(
+        W,
+        {
+          autoFocus: !0,
+          tabIndex: 1,
+          ref: (t) => t && t.focus(),
+          onChange: (t) => i(t.target.value),
+          rows: 12,
+          value: o,
+          placeholder: s("enter_code_snippet"),
+          className: "resize-none overflow-x-auto whitespace-pre bg-gray-100 font-mono text-xs font-normal"
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e.jsxs(Y, { className: "flex flex-col justify-end p-3", children: [
+      /* @__PURE__ */ e.jsx(Q, { disabled: o.trim() === "", onClick: () => c(), size: "sm", className: "w-full", children: s("import_html") }),
+      /* @__PURE__ */ e.jsx(X, { variant: "default", className: "mt-2 border-none p-1 text-gray-400", children: /* @__PURE__ */ e.jsx(Z, { className: "text-xs font-normal leading-4", children: s("note_imported_html") }) })
+    ] })
+  ] });
+}, ls = () => {
+  const { t: s } = T(), [o, i] = f("core"), [a, n] = f("basic"), d = ne(), [, c] = g($), t = B("importHTMLSupport", !0), u = B("filterChaiBlock", () => !0), p = x(d, u), m = I(p, "category"), l = z(k(m.core, "group"));
+  return S(() => {
+    !D(l, a) && !N(l) && !N(a) && n(h(l));
+  }, [l, a]), /* @__PURE__ */ e.jsxs("div", { className: "flex h-full w-72 flex-col overflow-hidden", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1", children: [
+      /* @__PURE__ */ e.jsx("h1", { className: "flex flex-col items-baseline px-1 text-xl font-semibold xl:flex-col", children: s("add_block") }),
+      /* @__PURE__ */ e.jsx("span", { className: "p-0 text-xs font-light leading-3 opacity-80 xl:pl-1", children: s(o === "html" ? "enter_paste_tailwind_html" : "click_to_add_block") })
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      ee,
+      {
+        onValueChange: (r) => {
+          c(""), i(r);
+        },
+        value: o,
+        className: "h-max",
+        children: /* @__PURE__ */ e.jsxs(se, { className: "grid w-full " + (t ? "grid-cols-2" : "grid-cols-1"), children: [
+          /* @__PURE__ */ e.jsx(v, { value: "core", children: s("Blocks") }),
+          t ? /* @__PURE__ */ e.jsx(v, { value: "html", children: s("import") }) : null
+        ] })
+      }
+    ),
+    o === "core" && /* @__PURE__ */ e.jsx(te, { className: "-mx-1.5 h-full", children: /* @__PURE__ */ e.jsx("div", { className: "mt-2 w-full", children: j.Children.toArray(
+      k(
+        l,
+        (r) => C(x(y(m.core), { group: r }), { hidden: !0 }).length ? /* @__PURE__ */ e.jsx(oe, { type: "single", value: r, collapsible: !0, className: "w-full", children: /* @__PURE__ */ e.jsxs(re, { value: r, children: [
+          /* @__PURE__ */ e.jsx(ae, { className: "rounded-md bg-gray-100 px-4 py-2 capitalize", children: r }),
+          /* @__PURE__ */ e.jsx(le, { className: "p-3", children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3 gap-2", children: j.Children.toArray(
+            C(x(y(m.core), { group: r }), { hidden: !0 }).map((P) => /* @__PURE__ */ e.jsx(pe, { block: P }))
+          ) }) })
+        ] }) }) : null
+      )
+    ) }) }),
+    o === "html" && t ? /* @__PURE__ */ e.jsx(he, {}) : null
+  ] });
+};
+export {
+  ls as default
+};

package/dist/AddBlocks-p4Hrxjdf.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),a=require("react"),t=require("lodash-es"),g=require("jotai"),q=require("react-i18next"),s=require("./ChaiBuilderEditor-qxbkVVLu.cjs"),b=require("@radix-ui/react-icons"),E=require("@chaibuilder/runtime"),N=require("flagged"),f=require("./STRINGS-gPz7CUOk.cjs"),T=require("./html-to-json-VPWiWWGH.cjs");require("./_commonjsHelpers-wDK0ZLPo.cjs");require("clsx");require("react-dom");require("@radix-ui/react-scroll-area");require("@floating-ui/react-dom");require("i18next");require("./Functions-N3yhPYKY.cjs");require("tailwind-merge");require("@react-hookz/web");require("./MODIFIERS-YPHRtwrM.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");require("./Class-Zc8hpE7f.cjs");require("@radix-ui/react-switch");require("@radix-ui/react-slot");require("@radix-ui/react-accordion");require("@radix-ui/react-alert-dialog");require("@radix-ui/react-dialog");require("@radix-ui/react-label");require("@radix-ui/react-tabs");require("@radix-ui/react-tooltip");require("@radix-ui/react-popover");require("@radix-ui/react-menubar");require("@radix-ui/react-hover-card");require("@radix-ui/react-select");require("@radix-ui/react-dropdown-menu");require("@radix-ui/react-separator");require("@radix-ui/react-toast");require("cmdk");require("@radix-ui/react-context-menu");require("react-icons-picker");require("react-quill");require("react-hotkeys-hook");require("lucide-react");require("himalaya");const k=({block:r})=>{const{type:o,icon:u,label:l}=r,{addCoreBlock:d,addPredefinedBlock:m}=s.useAddBlock(),[x,i]=s.useSelectedBlockIds(),[,h]=s.useHighlightBlockId(),[,j]=g.useAtom(s.activePanelAtom),p=()=>{if(t.has(r,"blocks")){const n=t.isFunction(r.blocks)?r.blocks():r.blocks;m(E.syncBlocksWithDefaults(n),t.first(x))}else d(r,t.first(x));j(f.OUTLINE_KEY)},c=N.useFeature("dnd");return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:e.jsxRuntimeExports.jsxs(s.Tooltip,{children:[e.jsxRuntimeExports.jsx(s.TooltipTrigger,{asChild:!0,children:e.jsxRuntimeExports.jsxs("button",{onClick:p,type:"button",onDragStart:n=>{n.dataTransfer.setData("text/plain",JSON.stringify(t.omit(r,["component","icon"]))),setTimeout(()=>{i([]),h(null),j(f.OUTLINE_KEY)},200)},draggable:c?"true":"false",className:"space-y-2 rounded-lg border border-border p-3 text-center hover:bg-slate-300/50 "+(c?"cursor-grab":"cursor-pointer"),children:[a.createElement(u||b.BoxIcon,{className:"w-4 h-4 mx-auto"}),e.jsxRuntimeExports.jsx("p",{className:"text-xs",children:l||o})]})}),e.jsxRuntimeExports.jsx(s.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:l||o})})]})})},y=()=>{const{t:r}=q.useTranslation(),[o,u]=a.useState(""),{addPredefinedBlock:l}=s.useAddBlock(),[d]=s.useSelectedBlockIds(),[,m]=g.useAtom(s.activePanelAtom),x=()=>{const i=T.getBlocksFromHTML(o);l([...i],t.first(d)||null),u(""),m(f.OUTLINE_KEY)};return e.jsxRuntimeExports.jsxs(s.Card,{className:"border-border/0 p-0 shadow-none",children:[e.jsxRuntimeExports.jsx(s.CardHeader,{className:"p-3",children:e.jsxRuntimeExports.jsx(s.CardDescription,{children:r("html_snippet_description")})}),e.jsxRuntimeExports.jsx(s.CardContent,{className:"space-y-2 px-3 py-0",children:e.jsxRuntimeExports.jsxs("div",{className:"space-y-1",children:[e.jsxRuntimeExports.jsx(s.Label,{htmlFor:"current",className:"text-sm",children:r("tailwind_html_snippet")}),e.jsxRuntimeExports.jsx(s.Textarea,{autoFocus:!0,tabIndex:1,ref:i=>i&&i.focus(),onChange:i=>u(i.target.value),rows:12,value:o,placeholder:r("enter_code_snippet"),className:"resize-none overflow-x-auto whitespace-pre bg-gray-100 font-mono text-xs font-normal"})]})}),e.jsxRuntimeExports.jsxs(s.CardFooter,{className:"flex flex-col justify-end p-3",children:[e.jsxRuntimeExports.jsx(s.Button,{disabled:o.trim()==="",onClick:()=>x(),size:"sm",className:"w-full",children:r("import_html")}),e.jsxRuntimeExports.jsx(s.Alert,{variant:"default",className:"mt-2 border-none p-1 text-gray-400",children:e.jsxRuntimeExports.jsx(s.AlertTitle,{className:"text-xs font-normal leading-4",children:r("note_imported_html")})})]})]})},B=()=>{const{t:r}=q.useTranslation(),[o,u]=a.useState("core"),[l,d]=a.useState("basic"),m=E.useChaiBlocks(),[,x]=g.useAtom(s.showPredefinedBlockCategoryAtom),i=s.useBuilderProp("importHTMLSupport",!0),h=s.useBuilderProp("filterChaiBlock",()=>!0),j=t.filter(m,h),p=t.groupBy(j,"category"),c=t.uniq(t.map(p.core,"group"));return a.useEffect(()=>{!t.includes(c,l)&&!t.isEmpty(c)&&!t.isEmpty(l)&&d(t.first(c))},[c,l]),e.jsxRuntimeExports.jsxs("div",{className:"flex h-full w-72 flex-col overflow-hidden",children:[e.jsxRuntimeExports.jsxs("div",{className:"mb-2 flex flex-col justify-between rounded-md bg-background/30 p-1",children:[e.jsxRuntimeExports.jsx("h1",{className:"flex flex-col items-baseline px-1 text-xl font-semibold xl:flex-col",children:r("add_block")}),e.jsxRuntimeExports.jsx("span",{className:"p-0 text-xs font-light leading-3 opacity-80 xl:pl-1",children:r(o==="html"?"enter_paste_tailwind_html":"click_to_add_block")})]}),e.jsxRuntimeExports.jsx(s.Tabs,{onValueChange:n=>{x(""),u(n)},value:o,className:"h-max",children:e.jsxRuntimeExports.jsxs(s.TabsList,{className:"grid w-full "+(i?"grid-cols-2":"grid-cols-1"),children:[e.jsxRuntimeExports.jsx(s.TabsTrigger,{value:"core",children:r("Blocks")}),i?e.jsxRuntimeExports.jsx(s.TabsTrigger,{value:"html",children:r("import")}):null]})}),o==="core"&&e.jsxRuntimeExports.jsx(s.ScrollArea,{className:"-mx-1.5 h-full",children:e.jsxRuntimeExports.jsx("div",{className:"mt-2 w-full",children:a.Children.toArray(t.map(c,n=>t.reject(t.filter(t.values(p.core),{group:n}),{hidden:!0}).length?e.jsxRuntimeExports.jsx(s.Accordion,{type:"single",value:n,collapsible:!0,className:"w-full",children:e.jsxRuntimeExports.jsxs(s.AccordionItem,{value:n,children:[e.jsxRuntimeExports.jsx(s.AccordionTrigger,{className:"rounded-md bg-gray-100 px-4 py-2 capitalize",children:n}),e.jsxRuntimeExports.jsx(s.AccordionContent,{className:"p-3",children:e.jsxRuntimeExports.jsx("div",{className:"grid grid-cols-3 gap-2",children:a.Children.toArray(t.reject(t.filter(t.values(p.core),{group:n}),{hidden:!0}).map(R=>e.jsxRuntimeExports.jsx(k,{block:R})))})})]})}):null))})}),o==="html"&&i?e.jsxRuntimeExports.jsx(y,{}):null]})};exports.default=B;