@janbox/storefront-builder 2.0.17 → 2.0.19

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-CAk0Z6SL.js

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

package/dist/index-DxdUdXU0.js

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

package/dist/index.js

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