@chaibuilder/sdk 1.2.43 → 1.2.44

package/dist/AddBlocks-Bb-K6Y0Z.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-Z_BpKhVy.cjs"),u=require("react"),t=require("lodash-es"),h=require("jotai"),E=require("react-i18next"),s=require("./ChaiBuilderEditor-AIXWnz29.cjs"),b=require("@radix-ui/react-icons"),R=require("@chaibuilder/runtime"),T=require("flagged"),q=require("./STRINGS-gPz7CUOk.cjs"),N=require("./atoms-a0H_593V.cjs"),k=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("./utils-K3Zk762G.cjs");require("@radix-ui/react-toggle");require("class-variance-authority");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 y=({block:r})=>{const[,i]=h.useAtom(N.draggedBlockAtom),{type:l,icon:c,label:d}=r,{addCoreBlock:p,addPredefinedBlock:j}=s.useAddBlock(),[o,g]=s.useSelectedBlockIds(),[,f]=s.useHighlightBlockId(),[,x]=h.useAtom(s.activePanelAtom),a=()=>{if(t.has(r,"blocks")){const m=t.isFunction(r.blocks)?r.blocks():r.blocks;j(R.syncBlocksWithDefaults(m),t.first(o))}else p(r,t.first(o));x(q.OUTLINE_KEY)},n=T.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:a,type:"button",onDragStart:m=>{m.dataTransfer.setData("text/plain",JSON.stringify(t.omit(r,["component","icon"]))),m.dataTransfer.setDragImage(new Image,0,0),i(t.omit(r,["component","icon"])),setTimeout(()=>{g([]),f(null),x(q.OUTLINE_KEY)},200)},draggable:"true",className:"space-y-2 rounded-lg border border-border p-3 text-center hover:bg-slate-300/50 "+(n?"cursor-grab":"cursor-pointer"),children:[u.createElement(c||b.BoxIcon,{className:"w-4 h-4 mx-auto"}),e.jsxRuntimeExports.jsx("p",{className:"text-xs",children:d||l})]})}),e.jsxRuntimeExports.jsx(s.TooltipContent,{children:e.jsxRuntimeExports.jsx("p",{children:d||l})})]})})},B=()=>{const{t:r}=E.useTranslation(),[i,l]=u.useState(""),{addPredefinedBlock:c}=s.useAddBlock(),[d]=s.useSelectedBlockIds(),[,p]=h.useAtom(s.activePanelAtom),j=()=>{const o=k.getBlocksFromHTML(i);c([...o],t.first(d)||null),l(""),p(q.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:o=>o&&o.focus(),onChange:o=>l(o.target.value),rows:12,value:i,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:i.trim()==="",onClick:()=>j(),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")})})]})]})},v=()=>{const{t:r}=E.useTranslation(),[i,l]=u.useState("core"),[c,d]=u.useState("basic"),p=R.useChaiBlocks(),[,j]=h.useAtom(s.showPredefinedBlockCategoryAtom),o=s.useBuilderProp("importHTMLSupport",!0),g=s.useBuilderProp("filterChaiBlock",()=>!0),f=t.filter(p,g),x=t.groupBy(f,"category"),a=t.uniq(t.map(x.core,"group"));return u.useEffect(()=>{!t.includes(a,c)&&!t.isEmpty(a)&&!t.isEmpty(c)&&d(t.first(a))},[a,c]),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(i==="html"?"enter_paste_tailwind_html":"click_to_add_block")})]}),e.jsxRuntimeExports.jsx(s.Tabs,{onValueChange:n=>{j(""),l(n)},value:i,className:"h-max",children:e.jsxRuntimeExports.jsxs(s.TabsList,{className:"grid w-full "+(o?"grid-cols-2":"grid-cols-1"),children:[e.jsxRuntimeExports.jsx(s.TabsTrigger,{value:"core",children:r("Blocks")}),o?e.jsxRuntimeExports.jsx(s.TabsTrigger,{value:"html",children:r("import")}):null]})}),i==="core"&&e.jsxRuntimeExports.jsx(s.ScrollArea,{className:"-mx-1.5 h-[calc(100vh-156px)] overflow-y-auto",children:e.jsxRuntimeExports.jsx("div",{className:"mt-2 w-full",children:u.Children.toArray(t.map(a,n=>t.reject(t.filter(t.values(x.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:u.Children.toArray(t.reject(t.filter(t.values(x.core),{group:n}),{hidden:!0}).map(m=>e.jsxRuntimeExports.jsx(y,{block:m})))})})]})}):null))})}),i==="html"&&o?e.jsxRuntimeExports.jsx(B,{}):null]})};exports.default=v;

package/dist/{AddBlocks-9UM7zj57.js → AddBlocks-QCb-vIta.js}

@@ -1,14 +1,15 @@
 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 u, groupBy as I, uniq as z, map as k, includes as D, isEmpty as N, reject as y, values as C } 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, bh as G, bi as J, bj as K, bk as U, aq as V, bl as W, bm as Y, B as Q, bn as X, bo as Z, bp as $, h as v, ai as ee, aj as te, ak as B, bb as se, b4 as oe, b5 as re, b6 as ae, b7 as le } from "./ChaiBuilderEditor-yf2LRjL1.js";
+import k, { createElement as L, useState as b, useEffect as S } from "react";
+import { has as E, isFunction as F, first as h, omit as N, filter as g, groupBy as H, uniq as D, map as B, includes as q, isEmpty as y, reject as C, values as v } from "lodash-es";
+import { useAtom as x } from "jotai";
+import { useTranslation as A } from "react-i18next";
+import { m as w, L as I, z, ag as P, ac as M, ad as O, ae as R, bk as G, bl as J, bm as K, bn as U, aq as V, ba as W, bo as Y, B as Q, bp as X, bq as Z, br as $, h as T, ai as ee, aj as te, ak as _, bf as se, b5 as oe, b6 as re, b7 as ae, b8 as le } from "./ChaiBuilderEditor-NnMEdW3k.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 { O as j } from "./STRINGS--j49GZJP.js";
+import { d as me } from "./atoms-ZOWyNoiC.js";
+import { g as pe } from "./html-to-json-Z6R2o_fA.js";
 import "./_commonjsHelpers-UyOWmZb0.js";
 import "clsx";
 import "react-dom";
@@ -19,9 +20,9 @@ import "./Functions-7jnEwJyw.js";
 import "tailwind-merge";
 import "@react-hookz/web";
 import "./MODIFIERS-cBT31iqE.js";
+import "./utils-iMv3T4WT.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";
@@ -44,40 +45,40 @@ import "react-quill";
 import "react-hotkeys-hook";
 import "lucide-react";
 import "himalaya";
-const pe = ({ block: t }) => {
-  const { type: o, icon: i, label: a } = t, { addCoreBlock: n, addPredefinedBlock: d } = _(), [c, s] = A(), [, x] = M(), [, p] = g(w), m = () => {
+const he = ({ block: t }) => {
+  const [, o] = x(me), { type: a, icon: l, label: c } = t, { addCoreBlock: m, addPredefinedBlock: p } = w(), [s, u] = I(), [, f] = z(), [, n] = x(P), i = () => {
     if (E(t, "blocks")) {
-      const r = F(t.blocks) ? t.blocks() : t.blocks;
-      d(ce(r), h(c));
+      const d = F(t.blocks) ? t.blocks() : t.blocks;
+      p(ce(d), h(s));
     } else
-      n(t, h(c));
-    p(b);
-  }, l = de("dnd");
-  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(q, { children: [
+      m(t, h(s));
+    n(j);
+  }, r = de("dnd");
+  return /* @__PURE__ */ e.jsx(e.Fragment, { children: /* @__PURE__ */ e.jsxs(M, { children: [
     /* @__PURE__ */ e.jsx(O, { asChild: !0, children: /* @__PURE__ */ e.jsxs(
       "button",
       {
-        onClick: m,
+        onClick: i,
         type: "button",
-        onDragStart: (r) => {
-          r.dataTransfer.setData("text/plain", JSON.stringify(H(t, ["component", "icon"]))), setTimeout(() => {
-            s([]), x(null), p(b);
+        onDragStart: (d) => {
+          d.dataTransfer.setData("text/plain", JSON.stringify(N(t, ["component", "icon"]))), d.dataTransfer.setDragImage(new Image(), 0, 0), o(N(t, ["component", "icon"])), setTimeout(() => {
+            u([]), f(null), n(j);
           }, 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"),
+        draggable: "true",
+        className: "space-y-2 rounded-lg border border-border p-3 text-center hover:bg-slate-300/50 " + (r ? "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 })
+          L(l || ie, { className: "w-4 h-4 mx-auto" }),
+          /* @__PURE__ */ e.jsx("p", { className: "text-xs", children: c || a })
         ]
       }
     ) }),
-    /* @__PURE__ */ e.jsx(R, { children: /* @__PURE__ */ e.jsx("p", { children: a || o }) })
+    /* @__PURE__ */ e.jsx(R, { children: /* @__PURE__ */ e.jsx("p", { children: c || a }) })
   ] }) });
-}, he = () => {
-  const { t } = T(), [o, i] = f(""), { addPredefinedBlock: a } = _(), [n] = A(), [, d] = g(w), c = () => {
-    const s = me(o);
-    a([...s], h(n) || null), i(""), d(b);
+}, xe = () => {
+  const { t } = A(), [o, a] = b(""), { addPredefinedBlock: l } = w(), [c] = I(), [, m] = x(P), p = () => {
+    const s = pe(o);
+    l([...s], h(c) || null), a(""), m(j);
   };
   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: t("html_snippet_description") }) }),
@@ -89,7 +90,7 @@ const pe = ({ block: t }) => {
           autoFocus: !0,
           tabIndex: 1,
           ref: (s) => s && s.focus(),
-          onChange: (s) => i(s.target.value),
+          onChange: (s) => a(s.target.value),
           rows: 12,
           value: o,
           placeholder: t("enter_code_snippet"),
@@ -98,15 +99,15 @@ const pe = ({ block: t }) => {
       )
     ] }) }),
     /* @__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: t("import_html") }),
+      /* @__PURE__ */ e.jsx(Q, { disabled: o.trim() === "", onClick: () => p(), size: "sm", className: "w-full", children: t("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: t("note_imported_html") }) })
     ] })
   ] });
-}, lt = () => {
-  const { t } = T(), [o, i] = f("core"), [a, n] = f("basic"), d = ne(), [, c] = g($), s = v("importHTMLSupport", !0), x = v("filterChaiBlock", () => !0), p = u(d, x), m = I(p, "category"), l = z(k(m.core, "group"));
+}, ct = () => {
+  const { t } = A(), [o, a] = b("core"), [l, c] = b("basic"), m = ne(), [, p] = x($), s = T("importHTMLSupport", !0), u = T("filterChaiBlock", () => !0), f = g(m, u), n = H(f, "category"), i = D(B(n.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: [
+    !q(i, l) && !y(i) && !y(l) && c(h(i));
+  }, [i, l]), /* @__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: t("add_block") }),
       /* @__PURE__ */ e.jsx("span", { className: "p-0 text-xs font-light leading-3 opacity-80 xl:pl-1", children: t(o === "html" ? "enter_paste_tailwind_html" : "click_to_add_block") })
@@ -115,30 +116,30 @@ const pe = ({ block: t }) => {
       ee,
       {
         onValueChange: (r) => {
-          c(""), i(r);
+          p(""), a(r);
         },
         value: o,
         className: "h-max",
         children: /* @__PURE__ */ e.jsxs(te, { className: "grid w-full " + (s ? "grid-cols-2" : "grid-cols-1"), children: [
-          /* @__PURE__ */ e.jsx(B, { value: "core", children: t("Blocks") }),
-          s ? /* @__PURE__ */ e.jsx(B, { value: "html", children: t("import") }) : null
+          /* @__PURE__ */ e.jsx(_, { value: "core", children: t("Blocks") }),
+          s ? /* @__PURE__ */ e.jsx(_, { value: "html", children: t("import") }) : null
         ] })
       }
     ),
-    o === "core" && /* @__PURE__ */ e.jsx(se, { className: "-mx-1.5 h-[calc(100vh-156px)] overflow-y-auto", children: /* @__PURE__ */ e.jsx("div", { className: "mt-2 w-full", children: j.Children.toArray(
-      k(
-        l,
-        (r) => y(u(C(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: [
+    o === "core" && /* @__PURE__ */ e.jsx(se, { className: "-mx-1.5 h-[calc(100vh-156px)] overflow-y-auto", children: /* @__PURE__ */ e.jsx("div", { className: "mt-2 w-full", children: k.Children.toArray(
+      B(
+        i,
+        (r) => C(g(v(n.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(
-            y(u(C(m.core), { group: r }), { hidden: !0 }).map((P) => /* @__PURE__ */ e.jsx(pe, { block: P }))
+          /* @__PURE__ */ e.jsx(le, { className: "p-3", children: /* @__PURE__ */ e.jsx("div", { className: "grid grid-cols-3 gap-2", children: k.Children.toArray(
+            C(g(v(n.core), { group: r }), { hidden: !0 }).map((d) => /* @__PURE__ */ e.jsx(he, { block: d }))
           ) }) })
         ] }) }) : null
       )
     ) }) }),
-    o === "html" && s ? /* @__PURE__ */ e.jsx(he, {}) : null
+    o === "html" && s ? /* @__PURE__ */ e.jsx(xe, {}) : null
   ] });
 };
 export {
-  lt as default
+  ct as default
 };