@janbox/storefront-builder 2.0.14 → 2.0.16

package/dist/editor.js

@@ -1,13 +1,13 @@
 import { jsx as t, jsxs as u, Fragment as Ee } from "@emotion/react/jsx-runtime";
-import { t as m, Z as B, _ as k, Q as Ue, $ as Ii, a0 as Bi, a1 as Mi, a2 as Pi, a3 as tr, a4 as Ni, a5 as nr, a6 as Ai, a7 as Wi, a8 as Ei, a9 as ht, aa as pt, ab as gt, ac as ft, ad as Se, ae as Le, af as Vi, D as Fe, ag as jn, X as Wo, Y as Ve, N as te, ah as Q, ai as Qe, aj as Te, b as or, c as rr, P as st, A as ir, ak as Ce, v as at, z as an, al as sr, K as F, F as ln, e as dn, am as Hi, M as Jn, m as Yn, y as lt, W as Pt, o as ar, p as lr, k as Oi, J, i as dr, V as cr, S as Xn, G as ur, h as hr, l as Kn, d as pr, j as gr, I as fr, L as Cr, r as Di, q as mr, B as vr, a as br, g as xr, f as wr, n as zi, T as ji, an as Fi, x as Zi } from "./countdown-timer.node-6xtwT1rv.js";
-import { ao as T2, ap as I2, aq as B2, ar as M2 } from "./countdown-timer.node-6xtwT1rv.js";
+import { t as m, _ as B, $ as k, W as Ue, a0 as Ii, a1 as Bi, a2 as Mi, a3 as Pi, a4 as tr, a5 as Ni, a6 as nr, a7 as Ai, a8 as Wi, a9 as Ei, aa as ht, ab as pt, ac as gt, ad as ft, ae as Se, af as Le, ag as Vi, D as Fe, ah as jn, Y as Wo, Z as Ve, N as te, ai as Q, aj as Qe, ak as Te, b as or, c as rr, P as st, A as ir, al as Ce, v as at, z as an, am as sr, K as F, F as ln, e as dn, an as Hi, M as Jn, m as Yn, y as lt, X as Pt, o as ar, p as lr, k as Oi, J, i as dr, V as cr, S as Xn, G as ur, h as hr, l as Kn, d as pr, j as gr, I as fr, L as Cr, r as Di, q as mr, B as vr, a as br, g as xr, f as wr, n as zi, T as ji, ao as Fi, x as Zi } from "./countdown-timer.node-DkkpScmT.js";
+import { ap as T2, aq as I2, ar as B2, as as M2 } from "./countdown-timer.node-DkkpScmT.js";
 import { useNode as ae, serializeNode as _i, ROOT_NODE as Ke } from "@craftjs/core";
 import * as w from "react";
 import { Children as Qn, isValidElement as xn, cloneElement as kr, useRef as ge, useState as E, useEffect as fe, useMemo as Wt, useCallback as Eo, Fragment as me, useImperativeHandle as $i, useSyncExternalStore as Ui, Suspense as Gi, createElement as yr } from "react";
 import { flatten as Rr } from "flat";
 import { isUndefined as dt, isNumber as He, isNil as j, isFunction as Fn, assign as qi, merge as Ji, get as cn, parseInt as Yi, trimStart as eo, isString as Re, throttle as Xi, isEqual as Ki, times as Xe } from "lodash-es";
 import { getAccordionDataAttributes as Jt, AccordionDataAttributes as Zn, GRID_MINIMUM_COLS as Vo, GRID_MAXIMUM_COLS as Qi, MarqueeDataAttributes as Hn } from "@janbox/storefront-ui";
-import { b as wn, c as es, N, d as ts, e as kn, f as Sr, g as ns, h as Et, j as Lr, i as to, k as os, u as Tr, l as rs, m as Vt, n as no, o as is, p as yn, q as ss, r as Ir, s as as, t as ls, a as Br, C as Mr } from "./index-CosQvfly.js";
+import { b as wn, c as es, N, d as ts, e as kn, f as Sr, g as ns, h as Et, j as Lr, i as to, k as os, u as Tr, l as rs, m as Vt, n as no, o as is, p as yn, q as ss, r as Ir, s as as, t as ls, a as Br, C as Mr } from "./index-D7fewN0t.js";
 import { DragDropContext as oo, Droppable as ro, Draggable as io } from "@hello-pangea/dnd";
 import { useToggle as Ht } from "usehooks-ts";
 import { getResponsiveProp as ds, getColorShadesByVariant as cs } from "@janbox/storefront-ui/utils";
@@ -20,7 +20,7 @@ import { OverlayScrollbarsComponent as vs } from "overlayscrollbars-react";
 import { useVirtualizer as bs } from "@tanstack/react-virtual";
 import xs, { useDropzone as ws } from "react-dropzone";
 import { DatePicker as ks } from "react-datepicker";
-import { W as ys } from "./tooltip-oGi4C1cX.js";
+import { W as ys } from "./tooltip-wtuK4AA6.js";
 import { TextStyleKit as Rs } from "@tiptap/extension-text-style";
 import { useEditor as Ss, EditorContent as Ls, useEditorState as Ts } from "@tiptap/react";
 import { BubbleMenu as Is } from "@tiptap/react/menus";
@@ -2539,11 +2539,14 @@ const Yr = ({ children: e, viewport: n, containerProps: i }) => {
           },
           [`& *[${Wo.DATA_NODE_DROP_TARGET_ERROR}=${Ve.True}]`]: {
             outlineColor: "red"
+          },
+          ':is(button, a, [role="button"]):not([data-node-id])': {
+            pointerEvents: "none"
           }
         }
       }
     ),
-    /* @__PURE__ */ t(fs, { theme: n, children: e })
+    /* @__PURE__ */ t(fs, { root: i?.body, theme: n, children: e })
   ] }) }) : null;
 }, Pn = `<svg width="24" height="24" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect width="48" height="48" fill="white" fill-opacity="0.01"/>

package/dist/hooks/index.d.ts

@@ -1,4 +1,5 @@
 export * from './use-node-data-attributes';
+export * from './use-node-content-editable';
 export * from './use-node-props';
 export * from './use-composer';
 export * from './use-node';

package/dist/hooks/use-node-content-editable.d.ts

@@ -0,0 +1,6 @@
+type UseNodeContentEditableOptions = {
+    enabled: boolean;
+    onChange: (html: string) => void;
+};
+export declare const useNodeContentEditable: ({ enabled, onChange }: UseNodeContentEditableOptions) => void;
+export {};

package/dist/{index-CosQvfly.js → index-D7fewN0t.js}

@@ -1,7 +1,7 @@
 import { useNode as g, Element as C, Frame as I, Editor as v, DefaultEventHandlers as A } from "@craftjs/core";
 import { isFunction as w, merge as x, set as h, isNil as b, isString as P } from "lodash-es";
 import { useMemo as E, useEffect as L } from "react";
-import { N, W as e, g as S, A as k, c as B, b as F, a as y, p as M, T as q, o as G, n as R, q as U, M as D, l as H, m as j, S as O, k as V, r as _, L as $, I as z, V as J, j as W, f as X, B as Y, F as K, h as Q, e as Z, G as ee, i as oe, P as re, d as se, U as te, R as ne, y as ae, X as de, Y as f } from "./countdown-timer.node-6xtwT1rv.js";
+import { N, X as e, g as S, A as k, c as B, b as F, a as y, p as M, T as q, o as G, n as R, q as U, M as D, l as H, m as j, S as O, k as V, r as _, L as $, I as z, V as J, j as X, f as Y, B as Z, F as K, h as Q, e as W, G as ee, i as oe, P as re, d as se, U as te, R as ne, y as ae, Y as de, Z as f } from "./countdown-timer.node-DkkpScmT.js";
 import { getGridProps as ue, getCellProps as ce, getLinkProps as ie, getButtonProps as pe, getFlexboxProps as Ne, getFlexItemProps as me, getImageProps as le, getMarqueeProps as Pe, getTabsProps as fe, getSwiperProps as ge, getUnorderedListProps as be, getIconProps as Te, getAccordionProps as Ce, getAccordionGroupProps as Ie, getVideoProps as ve, getBoxProps as Ae, getContainerProps as we } from "@janbox/storefront-ui";
 import { flatten as xe } from "flat";
 import { jsx as T } from "@emotion/react/jsx-runtime";
@@ -53,18 +53,18 @@ const o = (s = {}) => {
   transform: ge
 }), Je = () => o({
   transform: be
-}), We = () => o({
+}), Xe = () => o({
   transform: Te
-}), Xe = (s) => o({
+}), Ye = (s) => o({
   transform: Ce,
   nodeId: s
-}), Ye = () => o({
+}), Ze = () => o({
   transform: Ie
 }), Ke = () => o({
   transform: ve
 }), Qe = () => o({
   transform: Ae
-}), Ze = () => o({
+}), We = () => o({
   transform: we
 }), eo = () => o(), oo = C, ro = ({ children: s, data: r }) => {
   const { resolver: t } = N((a) => ({
@@ -92,13 +92,13 @@ const o = (s = {}) => {
   [e.Heading]: oe,
   // Layout
   [e.Grid]: ee,
-  [e.Cell]: Z,
+  [e.Cell]: W,
   [e.Flexbox]: Q,
   [e.FlexItem]: K,
-  [e.Box]: Y,
-  [e.Container]: X,
+  [e.Box]: Z,
+  [e.Container]: Y,
   // Media
-  [e.Image]: W,
+  [e.Image]: X,
   [e.Video]: J,
   [e.Icon]: z,
   // Navigation
@@ -164,17 +164,17 @@ export {
   ro as C,
   oo as N,
   so as a,
-  Ye as b,
-  Xe as c,
+  Ze as b,
+  Ye as c,
   Qe as d,
   De as e,
   Re as f,
-  Ze as g,
+  We as g,
   eo as h,
   je as i,
   He as j,
   Ge as k,
-  We as l,
+  Xe as l,
   Oe as m,
   Ue as n,
   Ve as o,

package/dist/index-DyxX3P5n.js

@@ -0,0 +1,4 @@
+import { W as p } from "./tooltip-wtuK4AA6.js";
+export {
+  p as WbTooltip
+};

package/dist/index.js

@@ -1,8 +1,8 @@
-import { A as c, a as g, b, c as C, B as x, d as f, C as T, e as I, f as L, g as S, F as A, h as v, G as w, H as R, i as h, I as k, j as q, L as B, k as F, M as G, l as H, P as M, R as U, S as y, m as D, T as V, n as j, o as E, p as z, q as J, U as K, r as O, V as Q, s as W, u as X, v as Y, w as Z, x as _, y as $, z as ee, D as oe, E as se, J as ae, K as re, N as de, O as Ne } from "./countdown-timer.node-6xtwT1rv.js";
-import { u as e } from "./index-CosQvfly.js";
-import { C as ne, a as pe, N as ue, b as ie, c as Pe, d as me, e as le, f as ce, g as ge, h as be, i as Ce, j as xe, k as fe, l as Te, m as Ie, n as Le, o as Se, p as Ae, q as ve, r as we, s as Re, t as he } from "./index-CosQvfly.js";
+import { A as c, a as g, b, c as C, B as x, d as f, C as T, e as I, f as L, g as S, F as A, h as v, G as w, H as R, i as h, I as k, j as q, L as B, k as F, M as G, l as H, P as M, R as U, S as y, m as D, T as E, n as V, o as j, p as z, q as J, U as K, r as O, V as Q, s as W, u as X, v as Y, w as Z, x as _, y as $, z as ee, D as oe, E as se, J as ae, K as re, N as de, O as Ne, Q as te } from "./countdown-timer.node-DkkpScmT.js";
+import { u as e } from "./index-D7fewN0t.js";
+import { C as pe, a as ue, N as ie, b as Pe, c as me, d as le, e as ce, f as ge, g as be, h as Ce, i as xe, j as fe, k as Te, l as Ie, m as Le, n as Se, o as Ae, p as ve, q as we, r as Re, s as he, t as ke } from "./index-D7fewN0t.js";
 import { getTextProps as s, getTabPanelProps as a, getListItemProps as r } from "@janbox/storefront-ui";
-import { useNode as qe } from "@craftjs/core";
+import { useNode as Be } from "@craftjs/core";
 import "lodash-es";
 import "react";
 const p = () => e({
@@ -24,10 +24,10 @@ export {
   C as AccordionSummaryNode,
   x as BoxNode,
   f as ButtonNode,
-  ne as Canvas,
+  pe as Canvas,
   T as CanvasPlaceholder,
   I as CellNode,
-  pe as Composer,
+  ue as Composer,
   L as ContainerNode,
   S as CountdownTimerNode,
   A as FlexItemNode,
@@ -41,14 +41,14 @@ export {
   F as ListItemNode,
   G as MarqueeItemNode,
   H as MarqueeNode,
-  ue as NodeElement,
+  ie as NodeElement,
   M as ParagraphNode,
   U as RootNode,
   y as SwiperNode,
   D as SwiperSlideNode,
-  V as TabContentNode,
-  j as TabListNode,
-  E as TabNode,
+  E as TabContentNode,
+  V as TabListNode,
+  j as TabNode,
   z as TabPanelNode,
   J as TabsNode,
   K as UnknownNode,
@@ -65,31 +65,32 @@ export {
   se as parseSvgString,
   ae as registerNodeRelated,
   re as toResponsiveCss,
-  ie as useAccordionGroupNodeProps,
-  Pe as useAccordionNodeProps,
-  me as useBoxNodeProps,
-  le as useButtonNodeProps,
-  ce as useCellNodeProps,
+  Pe as useAccordionGroupNodeProps,
+  me as useAccordionNodeProps,
+  le as useBoxNodeProps,
+  ce as useButtonNodeProps,
+  ge as useCellNodeProps,
   de as useComposer,
-  ge as useContainerNodeProps,
-  be as useCountdownTimerNodeProps,
-  Ce as useFlexItemNodeProps,
-  xe as useFlexboxNodeProps,
-  fe as useGridNodeProps,
+  be as useContainerNodeProps,
+  Ce as useCountdownTimerNodeProps,
+  xe as useFlexItemNodeProps,
+  fe as useFlexboxNodeProps,
+  Te as useGridNodeProps,
   u as useHeadingNodeProps,
-  Te as useIconNodeProps,
-  Ie as useImageNodeProps,
-  Le as useLinkNodeProps,
+  Ie as useIconNodeProps,
+  Le as useImageNodeProps,
+  Se as useLinkNodeProps,
   P as useListItemNodeProps,
-  Se as useMarqueeNodeProps,
-  qe as useNode,
-  Ne as useNodeDataAttributes,
+  Ae as useMarqueeNodeProps,
+  Be as useNode,
+  Ne as useNodeContentEditable,
+  te as useNodeDataAttributes,
   e as useNodeProps,
   p as useParagraphNodeProps,
-  Ae as useSwiperNodeProps,
-  ve as useTabNodeProps,
+  ve as useSwiperNodeProps,
+  we as useTabNodeProps,
   i as useTabPanelNodeProps,
-  we as useTabsNodeProps,
-  Re as useUnorderedListNodeProps,
-  he as useVideoNodeProps
+  Re as useTabsNodeProps,
+  he as useUnorderedListNodeProps,
+  ke as useVideoNodeProps
 };

package/dist/templates.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as o, Fragment as c } from "@emotion/react/jsx-runtime";
 import { getColorVar as u } from "@janbox/storefront-ui/theme";
 import { renderToString as p } from "react-dom/server";
-import { f as s, G as h, e as a, i as d, P as t, d as x, j as g, a as f, Q as T, b as n, c as r, A as i } from "./countdown-timer.node-6xtwT1rv.js";
+import { f as s, G as h, e as a, i as d, P as t, d as x, j as g, a as f, W as T, b as n, c as r, A as i } from "./countdown-timer.node-DkkpScmT.js";
 import "@craftjs/core";
 import "lodash-es";
 import "react";

package/dist/{tooltip-oGi4C1cX.js → tooltip-wtuK4AA6.js}

@@ -4,7 +4,7 @@ import { useFloating as P, autoUpdate as S, flip as j, offset as V, size as W, a
 import { get as L } from "lodash-es";
 import { FLOATING_Z_INDEX as U } from "@janbox/storefront-ui/theme";
 import { useControllableState as X } from "@janbox/storefront-ui/hooks";
-import { t as o } from "./countdown-timer.node-6xtwT1rv.js";
+import { t as o } from "./countdown-timer.node-DkkpScmT.js";
 const Y = ({ placement: d = "top", open: p, onOpenChange: c, children: e, content: m }) => {
   const [n, u] = X({
     defaultValue: !1,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@janbox/storefront-builder",
-  "version": "2.0.14",
+  "version": "2.0.16",
   "description": "Standalone storefront builder library extracted from craft-layers-portal",
   "type": "module",
   "files": [
@@ -26,7 +26,7 @@
     "./style.css": "./dist/style.css"
   },
   "peerDependencies": {
-    "@janbox/storefront-ui": ">=4.0.2",
+    "@janbox/storefront-ui": ">=4.0.3",
     "react": "^19.1.0",
     "react-dom": "^19.1.0"
   },
@@ -59,7 +59,7 @@
     "@types/react-dom": "^19.1.6",
     "@types/react-frame-component": "^4.1.6",
     "type-fest": "^5.5.0",
-    "@janbox/storefront-ui": "^4.0.2"
+    "@janbox/storefront-ui": "^4.0.3"
   },
   "publishConfig": {
     "access": "public"

package/dist/index-D0JkcVaR.js

@@ -1,4 +0,0 @@
-import { W as p } from "./tooltip-oGi4C1cX.js";
-export {
-  p as WbTooltip
-};