npm - @chaibuilder/sdk - Versions diffs - 3.0.26 → 3.0.28 - Mend

@chaibuilder/sdk 3.0.26 → 3.0.28

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (13) hide show

package/dist/IconPicker-BWE43eMO.cjs +1 -0
package/dist/IconPicker-CluS-5Mv.js +64 -0
package/dist/{code-editor-CuilXtvr.cjs → code-editor-D9Lla5Lr.cjs} +1 -1
package/dist/{code-editor-DcA8_k1c.js → code-editor-DmN41-qr.js} +1 -1
package/dist/core.cjs +1 -1
package/dist/core.d.ts +2 -0
package/dist/core.js +40 -39
package/dist/index-BtVNiUIw.cjs +128 -0
package/dist/{index-CqT7UFjI.js → index-Ct0lOt4c.js} +47 -25
package/dist/{rte-widget-modal-CtBOYzKl.cjs → rte-widget-modal-DzEtNny0.cjs} +1 -1
package/dist/{rte-widget-modal-BdsHiL3Q.js → rte-widget-modal-jYxk5Q4W.js} +1 -1
package/package.json +2 -1
package/dist/index-u0fTC0qG.cjs +0 -128

package/dist/{index-CqT7UFjI.js → index-Ct0lOt4c.js} RENAMED Viewed

@@ -2799,6 +2799,24 @@ const useInlineEditing = () => {
     setEditingBlockId: n,
     setEditingItemIndex: a
   };
+}, replaceBlock = (o, n, r) => {
+  const a = find(o, { _id: n });
+  if (!a) return o;
+  const l = a._parent, i = r.map((d) => ({
+    ...d,
+    _parent: l
+  }));
+  return [...filter(o, (d) => d._id !== n && d._parent !== n), ...i];
+}, useReplaceBlock = () => {
+  const [o] = useBlocksStore(), [, n] = useSelectedBlockIds(), { setNewBlocks: r } = useBlocksStoreUndoableActions(), { hasPermission: a } = usePermissions();
+  return useCallback(
+    (l, i) => {
+      if (!a(PERMISSIONS.EDIT_BLOCK)) return;
+      const c = replaceBlock(o, l, i);
+      r(c), i.length > 0 && setTimeout(() => n([i[0]._id]), 200);
+    },
+    [o, n, r, a]
+  );
 }, useSelectedLibrary = () => useAtom$1(selectedLibraryAtom), sidebarActivePanelAtom = atom("outline");
 sidebarActivePanelAtom.debugLabel = "sidebarActivePanelAtom";
 const useSidebarActivePanel = () => useAtom$1(sidebarActivePanelAtom), CONTROLS = [
@@ -3048,7 +3066,7 @@ const INLINE_EDITABLE_BLOCKS = ["Heading", "Paragraph", "Text", "Link", "Span",
   <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <script src="https://cdn.tailwindcss.com/3.4.16?plugins=forms@0.5.9,typography@0.5.15,aspect-ratio@0.4.2"><\/script>
+    <script src="https://cdn.tailwindcss.com/3.4.17?plugins=forms@0.5.9,typography@0.5.15,aspect-ratio@0.4.2"><\/script>
     <style>
       html { height: 100%; overflow:auto; }
       body { height: 100%; }
@@ -4327,7 +4345,7 @@ const CanvasEventsWatcher = () => {
     /* @__PURE__ */ jsx("p", { className: "font-semibold", children: o("Oops! Something went wrong.") }),
     /* @__PURE__ */ jsx("p", { children: o("Please try again.") })
   ] }) });
-}, CodeEditor$1 = React__default.lazy(() => import("./code-editor-DcA8_k1c.js")), CanvasArea = () => {
+}, CodeEditor$1 = React__default.lazy(() => import("./code-editor-DmN41-qr.js")), CanvasArea = () => {
   const [o] = useCodeEditor(), n = useBuilderProp("onError", noop);
   return /* @__PURE__ */ jsx("div", { className: "flex h-full max-h-full w-full flex-1 flex-col", children: /* @__PURE__ */ jsxs("div", { className: "relative flex h-full max-h-full flex-col overflow-hidden bg-gray-100/40", children: [
     /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(Skeleton, { className: "h-full" }), children: /* @__PURE__ */ jsx(ErrorBoundary, { fallback: /* @__PURE__ */ jsx(FallbackError, {}), onError: n, children: /* @__PURE__ */ jsx(StaticCanvas, {}) }) }),
@@ -4355,7 +4373,7 @@ const CanvasEventsWatcher = () => {
 }, useBlockSettingComponents = (o) => Object.values(RJSF_EXTENSIONS).filter((n) => n.type === o).reduce(
   (n, r) => (n[r.id] = r.component, n),
   {}
-), sanitizeSvg = (o) => {
+), IconPicker = lazy(() => import("./IconPicker-CluS-5Mv.js").then((o) => ({ default: o.IconPicker }))), sanitizeSvg = (o) => {
   try {
     let n = o.replace(/<svg([^>]*)\sheight="[^"]*"([^>]*)>/gi, "<svg$1$2>").replace(/<svg([^>]*)\swidth="[^"]*"([^>]*)>/gi, "<svg$1$2>");
     return n = n.replace(/>\s+</g, "><"), n = n.replace(/\n/g, "").replace(/\s{2,}/g, " "), n = n.replace(/\s+=/g, "=").replace(/=\s+/g, "="), n = n.replace(/<!--[\s\S]*?-->/g, ""), n.trim();
@@ -4390,7 +4408,10 @@ const CanvasEventsWatcher = () => {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: a("Paste SVG_code") }) })
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx("div", { className: "text-xs text-muted-foreground", children: "Loading..." }), children: /* @__PURE__ */ jsx(IconPicker, { onSelectIcon: c }) }),
+      /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: a("Paste SVG_code") })
+    ] })
   ] });
 }, DefaultMediaManager = ({ close: o, onSelect: n, mode: r = "image" }) => {
   const [a, l] = useState(""), [i, c] = useState(!1), [d, p] = useState(!1), [u, g] = useState(null), m = async (f) => {
@@ -4894,7 +4915,7 @@ const DataBindingSelector = ({
       ]
     }
   ) });
-}, RTEModal = React__default.lazy(() => import("./rte-widget-modal-BdsHiL3Q.js")), RichTextEditorFieldComp = ({ blockId: o, id: n, placeholder: r, value: a, onChange: l, onBlur: i }) => {
+}, RTEModal = React__default.lazy(() => import("./rte-widget-modal-jYxk5Q4W.js")), RichTextEditorFieldComp = ({ blockId: o, id: n, placeholder: r, value: a, onChange: l, onBlur: i }) => {
   const c = useRef(null), [d, p] = useState(!1), u = useRTEditor({
     blockId: o,
     value: a,
@@ -10639,26 +10660,27 @@ export {
   useRemoveAllClassesForBlock as ab,
   useRemoveBlocks as ac,
   useRemoveClassesFromBlocks as ad,
-  useResetBlockStyles as ae,
-  useRightPanel as af,
-  useSavePage as ag,
-  useSelectedBlock as ah,
-  useSelectedBlockAllClasses as ai,
-  useSelectedBlockCurrentClasses as aj,
-  useSelectedBlocksDisplayChild as ak,
-  useSelectedBreakpoints as al,
-  useSelectedStylingBlocks as am,
-  useStylingBreakpoint as an,
-  useStylingState as ao,
-  useTheme as ap,
-  useThemeOptions as aq,
-  useUndoManager as ar,
-  useWrapperBlock as as,
-  useBlocksStoreUndoableActions as at,
-  useCanvasDisplayWidth as au,
-  useScreenSizeWidth as av,
-  useSelectedLibrary as aw,
-  useSidebarActivePanel as ax,
+  useReplaceBlock as ae,
+  useResetBlockStyles as af,
+  useRightPanel as ag,
+  useSavePage as ah,
+  useSelectedBlock as ai,
+  useSelectedBlockAllClasses as aj,
+  useSelectedBlockCurrentClasses as ak,
+  useSelectedBlocksDisplayChild as al,
+  useSelectedBreakpoints as am,
+  useSelectedStylingBlocks as an,
+  useStylingBreakpoint as ao,
+  useStylingState as ap,
+  useTheme as aq,
+  useThemeOptions as ar,
+  useUndoManager as as,
+  useWrapperBlock as at,
+  useBlocksStoreUndoableActions as au,
+  useCanvasDisplayWidth as av,
+  useScreenSizeWidth as aw,
+  useSelectedLibrary as ax,
+  useSidebarActivePanel as ay,
   useUpdateBlocksProps as b,
   useUpdateBlocksPropsRealtime as c,
   usePageExternalData as d,

package/dist/{rte-widget-modal-CtBOYzKl.cjs → rte-widget-modal-DzEtNny0.cjs} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("./index-~~u0fTC0qG~~.cjs"),n=require("./tooltip-CzZ7Fvt7.cjs");require("clsx");require("tailwind-merge");const S=({isOpen:m,onClose:l,editor:t,rteElement:f})=>{const r=u.usePageExternalData(),j=o=>{if(!t)return;const i=`{{${o}}}`;t.commands.focus();const{from:p,to:g}=t.state.selection;if(p!==g)t.chain().deleteSelection().insertContent(i).run();else{const{state:c}=t,s=c.selection.from,x=c.doc.textBetween(Math.max(0,s-1),s),a=c.doc.textBetween(s,Math.min(s+1,c.doc.content.size));let d="";s>0&&x!==" "&&!/[.,!?;:]/.test(x)&&(d=" ");let h="";a&&a!==" "&&!/[.,!?;:]/.test(a)&&(h=" "),t.chain().insertContent(d+i+h).run()}};return e.jsx(n.Dialog,{open:m,onOpenChange:o=>!o&&l(),children:e.jsxs(n.DialogContent,{className:"max-h-[90vh] overflow-y-auto sm:max-w-[800px]",children:[e.jsx(n.DialogHeader,{children:e.jsxs(n.DialogTitle,{className:"flex items-center justify-between pr-8",children:[e.jsx("span",{children:"Rich Text Editor"}),Object.keys(r).length>0&&e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:"mr-2 text-sm text-muted-foreground",children:"Add field:"}),e.jsx("div",{className:"rte-path-selector",children:e.jsx(u.NestedPathSelector,{data:r,onSelect:j})})]})]})}),f,e.jsx("div",{className:"mt-4 flex justify-end",children:e.jsx(n.Button,{onClick:l,children:"Done"})})]})})};exports.default=S;
1	+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("./index-BtVNiUIw.cjs"),n=require("./tooltip-CzZ7Fvt7.cjs");require("clsx");require("tailwind-merge");const S=({isOpen:m,onClose:l,editor:t,rteElement:f})=>{const r=u.usePageExternalData(),j=o=>{if(!t)return;const i=`{{${o}}}`;t.commands.focus();const{from:p,to:g}=t.state.selection;if(p!==g)t.chain().deleteSelection().insertContent(i).run();else{const{state:c}=t,s=c.selection.from,x=c.doc.textBetween(Math.max(0,s-1),s),a=c.doc.textBetween(s,Math.min(s+1,c.doc.content.size));let d="";s>0&&x!==" "&&!/[.,!?;:]/.test(x)&&(d=" ");let h="";a&&a!==" "&&!/[.,!?;:]/.test(a)&&(h=" "),t.chain().insertContent(d+i+h).run()}};return e.jsx(n.Dialog,{open:m,onOpenChange:o=>!o&&l(),children:e.jsxs(n.DialogContent,{className:"max-h-[90vh] overflow-y-auto sm:max-w-[800px]",children:[e.jsx(n.DialogHeader,{children:e.jsxs(n.DialogTitle,{className:"flex items-center justify-between pr-8",children:[e.jsx("span",{children:"Rich Text Editor"}),Object.keys(r).length>0&&e.jsxs("div",{className:"flex items-center",children:[e.jsx("span",{className:"mr-2 text-sm text-muted-foreground",children:"Add field:"}),e.jsx("div",{className:"rte-path-selector",children:e.jsx(u.NestedPathSelector,{data:r,onSelect:j})})]})]})}),f,e.jsx("div",{className:"mt-4 flex justify-end",children:e.jsx(n.Button,{onClick:l,children:"Done"})})]})})};exports.default=S;

package/dist/{rte-widget-modal-BdsHiL3Q.js → rte-widget-modal-jYxk5Q4W.js} RENAMED Viewed

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { d as N, N as D } from "./index-CqT7UFjI.js";
+import { d as N, N as D } from "./index-Ct0lOt4c.js";
 import { a1 as v, a3 as S, a6 as j, a9 as w, v as y } from "./tooltip-Bz2MxMHf.js";
 import "clsx";
 import "tailwind-merge";

package/package.json CHANGED Viewed

@@ -5,7 +5,7 @@
   "author": "Suraj Air",
   "license": "BSD-3-Clause",
   "homepage": "https://chaibuilder.com",
-  "version": "3.0.26",
+  "version": "3.0.28",
   "type": "module",
   "repository": {
     "type": "git",
@@ -72,6 +72,7 @@
     "@chaibuilder/runtime": "2.2.0",
     "@floating-ui/dom": "1.7.4",
     "@floating-ui/react-dom": "2.1.6",
+    "@iconify-json/lucide": "^1.2.71",
     "@mhsdesign/jit-browser-tailwindcss": "0.4.2",
     "@radix-ui/react-accordion": "^1.2.11",
     "@radix-ui/react-alert-dialog": "^1.1.14",