@janbox/storefront-builder 2.0.18 → 2.0.20

package/dist/hooks/use-paragraph-editable.d.ts

@@ -0,0 +1,10 @@
+type UseParagraphEditableOptions = {
+    enabled: boolean;
+    nodeId: string;
+    childNodeIds: string[];
+    frameDocument?: Document | null;
+};
+export declare const useParagraphEditable: ({ enabled, nodeId, childNodeIds, frameDocument }: UseParagraphEditableOptions) => {
+    domRef: import('react').RefObject<HTMLElement | null>;
+};
+export {};

package/dist/index-CX1ysbQd.js

@@ -0,0 +1,59 @@
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { useMemo as m, useEffect as f } from "react";
+import { u as c, C as v, D as p, a as N, d as h, N as E, g as b, r as D, b as y, B as l } from "./toaster-BoEJoz-T.js";
+import { isNil as u, isString as d } from "lodash-es";
+import "flat";
+const k = ({ children: t, data: e }) => {
+  const { resolver: r } = c((o) => ({
+    resolver: o.options.resolver
+  })), s = m(() => {
+    if (u(e)) return e;
+    const o = d(e) ? JSON.parse(e) : e;
+    return Object.entries(o).forEach(([, n]) => {
+      const a = d(n.type) ? n.type : n.type.resolvedName;
+      r[a] || (console.error(`Unknown node: ${a}`), n.type = {
+        resolvedName: v.Unknown
+      });
+    }), o;
+  }, [e, r]);
+  return /* @__PURE__ */ i(p, { data: s, children: t });
+}, x = ({ resolver: t, children: e, ...r }) => /* @__PURE__ */ i(
+  N,
+  {
+    enabled: !1,
+    onRender: C,
+    handlers: (s) => new g({
+      store: s,
+      removeHoverOnMouseleave: !0,
+      isMultiSelectEnabled: () => !1
+    }),
+    resolver: { ...h, ...t },
+    ...r,
+    children: e
+  }
+), C = ({ render: t }) => {
+  const { id: e } = E(), { query: r } = c();
+  return f(() => {
+    const s = r.node(e).get(), o = b(s);
+    if (u(o))
+      throw new Error(
+        `The node with id "${s.data.displayName}" does not have a resolved ID. Please check your node configuration.`
+      );
+  }, [e, r]), t;
+};
+class g extends D {
+  handlers() {
+    const e = super.handlers();
+    return {
+      ...e,
+      select(r, s) {
+        return (r.getAttribute(y.DATA_NODE_SELECTABLE) ?? l.True) === l.True ? e.select(r, s) : () => {
+        };
+      }
+    };
+  }
+}
+export {
+  k as C,
+  x as a
+};

package/dist/index-CYvdAWY4.js

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

package/dist/index.js

@@ -1,96 +1,104 @@
-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-B1zlySOV.js";
-import { u as e } from "./index-Cl02EX34.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-Cl02EX34.js";
-import { getTextProps as s, getTabPanelProps as a, getListItemProps as r } from "@janbox/storefront-ui";
-import { useNode as Be } from "@craftjs/core";
+import { N as n, c as t } from "./toaster-BoEJoz-T.js";
+import { A as C, e as L, f as T, h as x, i as S, j as A, k as E, l as w, m as R, n as h, F, o as k, p as q, G as B, H as G, q as H, I as M, s as U, t as y, v as V, L as j, w as D, M as z, x as J, y as K, P as O, R as Q, S as X, z as Y, T as Z, E as _, J as $, K as W, O as ee, U as oe, Q as se, V as ae, X as re, Y as de, Z as te, _ as ne, $ as Ne, g as ue, a0 as ie, a1 as pe, a2 as me, a3 as Pe, a4 as ce, a5 as le, a6 as ge, a7 as be, a8 as fe, a9 as ve, u as Ie, aa as Ce, ab as Le, ac as Te, ad as xe, ae as Se, af as Ae, ag as Ee, ah as we, ai as Re, aj as he, ak as Fe, al as ke, am as qe, an as Be, ao as Ge, ap as He, aq as Me } from "./toaster-BoEJoz-T.js";
 import "lodash-es";
-import "react";
-const p = () => e({
-  transform: (o) => s({
-    ...o,
-    as: o.as ?? "div"
-  })
-}), u = () => e({
-  transform: s
-}), i = () => e({
-  transform: a
-}), P = () => e({
-  transform: r
+import { useRef as N, useEffect as u } from "react";
+import { getTabPanelProps as i, getListItemProps as p } from "@janbox/storefront-ui";
+import { C as ye, a as Ve } from "./index-CX1ysbQd.js";
+const g = ({ enabled: a, onChange: r }) => {
+  const { dom: e } = n((s) => ({ dom: s.dom })), o = N(void 0);
+  u(() => {
+    if (!a || !e) return;
+    const s = () => {
+      o.current = e.innerHTML;
+    }, d = () => {
+      o.current !== void 0 && (r(o.current), o.current = void 0);
+    };
+    return e.addEventListener("input", s), e.addEventListener("blur", d), () => {
+      e.removeEventListener("input", s), e.removeEventListener("blur", d);
+    };
+  }, [a, e, r]);
+}, b = () => t({
+  transform: i
+}), f = () => t({
+  transform: p
 });
 export {
-  c as AccordionContentNode,
-  g as AccordionGroupNode,
-  b as AccordionNode,
-  C as AccordionSummaryNode,
-  x as BoxNode,
-  f as ButtonNode,
-  pe as Canvas,
-  T as CanvasPlaceholder,
-  I as CellNode,
-  ue as Composer,
-  L as ContainerNode,
-  S as CountdownTimerNode,
-  A as FlexItemNode,
-  v as FlexboxNode,
-  w as GridNode,
-  R as Heading,
-  h as HeadingNode,
-  k as IconNode,
-  q as ImageNode,
-  B as LinkNode,
-  F as ListItemNode,
-  G as MarqueeItemNode,
-  H as MarqueeNode,
-  ie as NodeElement,
-  M as ParagraphNode,
-  U as RootNode,
-  y as SwiperNode,
-  D as SwiperSlideNode,
-  E as TabContentNode,
-  V as TabListNode,
-  j as TabNode,
-  z as TabPanelNode,
-  J as TabsNode,
-  K as UnknownNode,
-  O as UnorderedListNode,
-  Q as VideoNode,
-  W as defineNode,
-  X as getNodeCustom,
-  Y as getNodeDisplayName,
-  Z as getNodeInfo,
-  _ as getNodeRelated,
-  $ as getNodeResolved,
-  ee as isNodeSelectable,
-  oe as parseNumber,
-  se as parseSvgString,
-  ae as registerNodeRelated,
-  re as toResponsiveCss,
-  Pe as useAccordionGroupNodeProps,
-  me as useAccordionNodeProps,
-  le as useBoxNodeProps,
-  ce as useButtonNodeProps,
-  ge as useCellNodeProps,
-  de as useComposer,
-  be as useContainerNodeProps,
-  Ce as useCountdownTimerNodeProps,
-  xe as useFlexItemNodeProps,
-  fe as useFlexboxNodeProps,
-  Te as useGridNodeProps,
-  u as useHeadingNodeProps,
-  Ie as useIconNodeProps,
-  Le as useImageNodeProps,
-  Se as useLinkNodeProps,
-  P as useListItemNodeProps,
-  Ae as useMarqueeNodeProps,
-  Be as useNode,
-  Ne as useNodeContentEditable,
-  te as useNodeDataAttributes,
-  e as useNodeProps,
-  p as useParagraphNodeProps,
-  ve as useSwiperNodeProps,
-  we as useTabNodeProps,
-  i as useTabPanelNodeProps,
-  Re as useTabsNodeProps,
-  he as useUnorderedListNodeProps,
-  ke as useVideoNodeProps
+  C as AccordionContentNode,
+  L as AccordionGroupNode,
+  T as AccordionNode,
+  x as AccordionSummaryNode,
+  S as BoxNode,
+  A as ButtonNode,
+  ye as Canvas,
+  E as CanvasPlaceholder,
+  w as CellNode,
+  Ve as Composer,
+  R as ContainerNode,
+  h as CountdownTimerNode,
+  F as FlexItemNode,
+  k as FlexboxNode,
+  q as FragmentNode,
+  B as GridNode,
+  G as Heading,
+  H as HeadingNode,
+  M as IconNode,
+  U as ImageNode,
+  y as InlineInspector,
+  V as InlineNode,
+  j as LinkNode,
+  D as ListItemNode,
+  z as MarqueeItemNode,
+  J as MarqueeNode,
+  K as NodeElement,
+  O as ParagraphNode,
+  Q as RootNode,
+  X as SwiperNode,
+  Y as SwiperSlideNode,
+  Z as TabContentNode,
+  _ as TabListNode,
+  $ as TabNode,
+  W as TabPanelNode,
+  ee as TabsNode,
+  oe as UnknownNode,
+  se as UnorderedListNode,
+  ae as VideoNode,
+  re as defineNode,
+  de as getNodeCustom,
+  te as getNodeDisplayName,
+  ne as getNodeInfo,
+  Ne as getNodeRelated,
+  ue as getNodeResolved,
+  ie as isNodeSelectable,
+  pe as parseNumber,
+  me as parseSvgString,
+  Pe as registerNodeRelated,
+  ce as toResponsiveCss,
+  le as useAccordionGroupNodeProps,
+  ge as useAccordionNodeProps,
+  be as useBoxNodeProps,
+  fe as useButtonNodeProps,
+  ve as useCellNodeProps,
+  Ie as useComposer,
+  Ce as useContainerNodeProps,
+  Le as useCountdownTimerNodeProps,
+  Te as useFlexItemNodeProps,
+  xe as useFlexboxNodeProps,
+  Se as useGridNodeProps,
+  Ae as useHeadingNodeProps,
+  Ee as useIconNodeProps,
+  we as useImageNodeProps,
+  Re as useLinkNodeProps,
+  f as useListItemNodeProps,
+  he as useMarqueeNodeProps,
+  n as useNode,
+  g as useNodeContentEditable,
+  Fe as useNodeDataAttributes,
+  t as useNodeProps,
+  ke as useParagraphNodeProps,
+  qe as useSwiperNodeProps,
+  Be as useTabNodeProps,
+  b as useTabPanelNodeProps,
+  Ge as useTabsNodeProps,
+  He as useUnorderedListNodeProps,
+  Me as useVideoNodeProps
 };

package/dist/lib/fragment/fragment.node/fragment.node.d.ts

@@ -0,0 +1,2 @@
+import { FragmentNodeProps } from './types';
+export declare const FragmentNode: ({ children }: FragmentNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/fragment/fragment.node/index.d.ts

@@ -0,0 +1,2 @@
+export { FragmentNode } from './fragment.node';
+export type { FragmentNodeProps } from './types';

package/dist/lib/fragment/fragment.node/types.d.ts

@@ -0,0 +1,3 @@
+export type FragmentNodeProps = {
+    children?: React.ReactNode;
+};

package/dist/lib/fragment/index.d.ts

@@ -0,0 +1 @@
+export * from './fragment.node';

package/dist/lib/heading/heading/heading.d.ts

@@ -1,2 +1,2 @@
 import { HeadingProps } from './types';
-export declare const Heading: ({ ...props }: HeadingProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Heading: ({ children, ref, ..._props }: HeadingProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/heading/heading/helpers.d.ts

@@ -0,0 +1,2 @@
+import { TextProps } from '@janbox/storefront-ui';
+export declare const getHeadingProps: (extended: TextProps) => TextProps;

package/dist/lib/heading/heading.node/heading.node.d.ts

@@ -1,2 +1,2 @@
 import { HeadingNodeProps } from './types';
-export declare const HeadingNode: (props: HeadingNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const HeadingNode: ({ children, ...props }: HeadingNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/heading/heading.toolbar/heading.toolbar.d.ts

@@ -0,0 +1 @@
+export declare const HeadingToolbar: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/heading/heading.toolbar/index.d.ts

@@ -0,0 +1 @@
+export { HeadingToolbar } from './heading.toolbar';

package/dist/lib/index.d.ts

@@ -1,5 +1,7 @@
 export * from './root';
 export * from './unknown';
+export * from './fragment';
+export * from './inline';
 export * from './grid';
 export * from './cell';
 export * from './link';

package/dist/lib/inline/index.d.ts

@@ -0,0 +1,2 @@
+export * from './inline.node';
+export * from './inline.inspector';

package/dist/lib/inline/inline.inspector/index.d.ts

@@ -0,0 +1 @@
+export { InlineInspector } from './inline.inspector';

package/dist/lib/inline/inline.inspector/inline.inspector.d.ts

@@ -0,0 +1 @@
+export declare const InlineInspector: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/inline/inline.node/helpers.d.ts

@@ -0,0 +1,3 @@
+import { InlineNodeProps } from './types';
+import { useNodeProps } from '../../../hooks';
+export declare const useInlineNodeProps: () => ReturnType<typeof useNodeProps<InlineNodeProps>>;

package/dist/lib/inline/inline.node/index.d.ts

@@ -0,0 +1,2 @@
+export { InlineNode } from './inline.node';
+export type { InlineNodeProps } from './types';

package/dist/lib/inline/inline.node/inline.node.d.ts

@@ -0,0 +1,2 @@
+import { InlineNodeProps } from './types';
+export declare const InlineNode: ({ as, contentVariable, sx, children }: InlineNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/inline/inline.node/types.d.ts

@@ -0,0 +1,11 @@
+import { HTMLElementType, HTMLAttributes } from 'react';
+import { StyledCSS } from '@janbox/storefront-ui/types';
+export type InlineNodeProps = {
+    as?: HTMLElementType;
+    contentVariable?: {
+        key: string;
+        value: string;
+    };
+    sx?: StyledCSS;
+    children?: React.ReactNode;
+} & Pick<HTMLAttributes<HTMLElement>, 'contentEditable' | 'suppressContentEditableWarning'>;

package/dist/lib/link/link.node/link.node.d.ts

@@ -1,2 +1,2 @@
 import { LinkNodeProps } from './types';
-export declare const LinkNode: (props: LinkNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const LinkNode: ({ children, ...props }: LinkNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/link/link.toolbar/index.d.ts

@@ -0,0 +1 @@
+export { LinkToolbar } from './link.toolbar';

package/dist/lib/link/link.toolbar/link.toolbar.d.ts

@@ -0,0 +1 @@
+export declare const LinkToolbar: () => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/paragraph/paragraph/helpers.d.ts

@@ -0,0 +1,2 @@
+import { TextProps } from '@janbox/storefront-ui';
+export declare const getParagraphProps: (extended: TextProps) => TextProps;

package/dist/lib/paragraph/paragraph/index.d.ts

@@ -0,0 +1,2 @@
+export * from './paragraph';
+export * from './types';

package/dist/lib/paragraph/paragraph/paragraph.d.ts

@@ -0,0 +1,2 @@
+import { ParagraphProps } from './types';
+export declare const Paragraph: ({ children, ref, ..._props }: ParagraphProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/paragraph/paragraph/types.d.ts

@@ -0,0 +1,2 @@
+import { TextProps } from '@janbox/storefront-ui';
+export type ParagraphProps = TextProps;

package/dist/lib/paragraph/paragraph.node/paragraph.node.d.ts

@@ -1,2 +1,2 @@
 import { ParagraphNodeProps } from './types';
-export declare const ParagraphNode: (props: ParagraphNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const ParagraphNode: ({ children, ...props }: ParagraphNodeProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/lib/paragraph/paragraph.toolbar/index.d.ts

@@ -0,0 +1 @@
+export { ParagraphToolbar } from './paragraph.toolbar';

package/dist/lib/paragraph/paragraph.toolbar/paragraph.toolbar.d.ts

@@ -0,0 +1 @@
+export declare const ParagraphToolbar: () => import("@emotion/react/jsx-runtime").JSX.Element;