@janbox/storefront-builder 2.0.5 → 2.0.7

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.
@@ -5,7 +5,6 @@ export * from './css-width';
5
5
  export * from './height';
6
6
  export * from './color';
7
7
  export * from './background';
8
- export * from './spacing';
9
8
  export * from './child-nodes';
10
9
  export * from './border';
11
10
  export * from './border-radius';
package/dist/editor.js CHANGED
@@ -1,13 +1,13 @@
1
1
  import { jsx as n, jsxs as m, Fragment as _e } from "@emotion/react/jsx-runtime";
2
- import { Z as R2, _ as V2, $ as W2, t as w, a0 as P2, g as q, a1 as Ce, a2 as Te, a3 as Se, Q as H2, a4 as Fe, a5 as B, a6 as M, b as ve, M as Oe, a7 as D2, a8 as j2, a9 as _2, aa as ze, K as F2, N as O2, f as z, X as S, H as Ze, P as ae, V as $e, S as be, G as Ge, a as ge, m as Ue, F as fe, q as xe, B as qe, I as Ye, n as Xe, L as Ke, y as z2, x as Je, j as Qe, A as e2, l as t2, C as n2, ab as r2, c as Z2, d as $2, e as G2, r as o2, p as s2, s as U2, v as q2, T as Y2, w as X2, ac as i2, ad as K2, ae as J2, af as Q2, ag as et, E as a2, O as tt, R as nt } from "./countdown-timer.node-CZA-i5xq.js";
3
- import { ah as br, ai as xr, aj as yr, ak as Mr, al as Ir, am as Lr, an as Tr, ao as Sr, ap as Nr, aq as Er, ar as Ar, as as Br, at as Rr, au as Vr } from "./countdown-timer.node-CZA-i5xq.js";
2
+ import { Z as R2, _ as V2, $ as W2, t as w, a0 as P2, g as q, a1 as Ce, a2 as Te, a3 as Se, Q as H2, a4 as Fe, a5 as B, a6 as M, b as ve, M as Oe, a7 as D2, a8 as j2, a9 as _2, aa as ze, K as F2, N as O2, f as z, X as S, H as Ze, P as ae, V as $e, S as be, G as Ge, a as ge, m as Ue, F as fe, q as xe, B as qe, I as Ye, n as Xe, L as Ke, y as z2, x as Je, j as Qe, A as e2, l as t2, C as n2, ab as r2, c as Z2, d as $2, e as G2, r as o2, p as s2, s as U2, v as q2, T as Y2, w as X2, ac as i2, ad as K2, ae as J2, af as Q2, ag as et, E as a2, O as tt, R as nt } from "./dataset-DToMsct-.js";
3
+ import { ah as br, ai as xr, aj as yr, ak as Mr, al as Ir, am as Lr, an as Tr, ao as Sr, ap as Nr, aq as Er, ar as Ar, as as Br, at as Rr, au as Vr } from "./dataset-DToMsct-.js";
4
4
  import { useNode as rt, ROOT_NODE as Z, serializeNode as ot } from "@craftjs/core";
5
5
  import { useImperativeHandle as st, useMemo as it, isValidElement as at, useState as j, useRef as de, useEffect as J, createElement as c2, Fragment as ce, Suspense as ct } from "react";
6
6
  import "flat";
7
7
  import { throttle as lt, isFunction as Ne, isNumber as Q, isNil as $, isString as Ee, isEqual as dt, times as O } from "lodash-es";
8
8
  import "@janbox/storefront-ui";
9
- import { W as ye, X as Y, Y as l2, Z as ht, _ as ut, $ as pt, a0 as Ct, a1 as gt, a2 as ft, a3 as wt, a4 as mt, a5 as kt, D as vt, a as bt, H as xt, P as yt, l as Mt, i as It, G as Lt, c as Tt, g as St, F as Nt, M as Et, b as At, h as Bt, I as Rt, L as Vt, U as Wt, j as Pt, B as Ht, A as Dt, f as jt, e as _t, a6 as Ft, a7 as Ot, R as k, d as d2, C as h2, a8 as u2, a9 as zt, aa as Ae } from "./index-ekIAycpt.js";
10
- import { ab as Pr, ac as Hr, ad as Dr, ae as jr, af as _r, ag as Fr, ah as Or, ai as zr, aj as Zr, ak as $r, al as Gr, am as Ur, an as qr, ao as Yr, ap as Xr, aq as Kr, ar as Jr, as as Qr, at as eo, au as to, av as no, aw as ro, ax as oo, ay as so, az as io, aA as ao, aB as co, aC as lo, T as ho, aD as uo, aE as po, aF as Co, aG as go, aH as fo, aI as wo, aJ as mo, aK as ko, aL as vo, aM as bo, aN as xo, aO as yo } from "./index-ekIAycpt.js";
9
+ import { W as ye, X as Y, Y as l2, Z as ht, _ as ut, $ as pt, a0 as Ct, a1 as gt, a2 as ft, a3 as wt, a4 as mt, a5 as kt, D as vt, a as bt, H as xt, P as yt, l as Mt, i as It, G as Lt, c as Tt, g as St, F as Nt, M as Et, b as At, h as Bt, I as Rt, L as Vt, U as Wt, j as Pt, B as Ht, A as Dt, f as jt, e as _t, a6 as Ft, a7 as Ot, N as k, d as d2, C as h2, a8 as u2, a9 as zt, aa as Ae } from "./countdown-timer.inspector-DEhYueYx.js";
10
+ import { ab as Pr, ac as Hr, ad as Dr, ae as jr, af as _r, ag as Fr, ah as Or, ai as zr, aj as Zr, ak as $r, al as Gr, am as Ur, an as qr, ao as Yr, ap as Xr, aq as Kr, ar as Jr, as as Qr, at as eo, au as to, av as no, aw as ro, ax as oo, ay as so, az as io, aA as ao, aB as co, T as lo, aC as ho, aD as uo, aE as po, aF as Co, aG as go, aH as fo, aI as wo, aJ as mo, aK as ko, aL as vo, aM as bo, aN as xo } from "./countdown-timer.inspector-DEhYueYx.js";
11
11
  import "@janbox/storefront-ui/utils";
12
12
  import "@janbox/storefront-ui/hooks";
13
13
  import { CacheProvider as Zt, Global as $t, createElement as Gt } from "@emotion/react";
@@ -29,7 +29,7 @@ import "@hello-pangea/dnd";
29
29
  import { useToggle as M2 } from "usehooks-ts";
30
30
  import n1 from "dayjs";
31
31
  import { Layers as r1, useLayer as o1 } from "@craftjs/layers";
32
- import { W as Io } from "./tooltip-BFrdgixm.js";
32
+ import { W as Mo } from "./tooltip-Dw5U2fSJ.js";
33
33
  class s1 {
34
34
  constructor() {
35
35
  this.componentControls = /* @__PURE__ */ new Set();
@@ -2463,27 +2463,26 @@ export {
2463
2463
  oo as OrderToolbar,
2464
2464
  so as PaddingToolbar,
2465
2465
  io as RowGapToolbar,
2466
- ao as SpacingToolbar,
2467
- co as SvgSourceToolbar,
2468
- lo as TagNameToolbar,
2469
- ho as TextInlineEditor,
2466
+ ao as SvgSourceToolbar,
2467
+ co as TagNameToolbar,
2468
+ lo as TextInlineEditor,
2470
2469
  gt as TextSizeVariantToolbar,
2471
2470
  wr as TextStyleGroupToolbar,
2472
2471
  wt as TextStyleToolbar,
2473
2472
  kt as TextTransformToolbar,
2474
2473
  Y as ToolbarField,
2475
- uo as ToolbarGroup,
2474
+ ho as ToolbarGroup,
2476
2475
  r2 as WbButton,
2477
2476
  Ft as WbButtonGroup,
2478
2477
  K2 as WbCollapse,
2479
2478
  Mr as WbColorPicker,
2480
- po as WbDatePicker,
2479
+ uo as WbDatePicker,
2481
2480
  ar as WbDialog,
2482
2481
  lr as WbDialogBody,
2483
2482
  Ir as WbDialogClose,
2484
2483
  Lr as WbDialogFooter,
2485
2484
  Tr as WbDialogHeader,
2486
- Co as WbDropzone,
2485
+ po as WbDropzone,
2487
2486
  c1 as WbFloating,
2488
2487
  Sr as WbFloatingClose,
2489
2488
  W2 as WbFloatingContent,
@@ -2494,7 +2493,7 @@ export {
2494
2493
  i2 as WbInput,
2495
2494
  l2 as WbInputNumber,
2496
2495
  Nr as WbLoadingOverlay,
2497
- go as WbMenu,
2496
+ Co as WbMenu,
2498
2497
  Er as WbMenuItem,
2499
2498
  Ar as WbMenuList,
2500
2499
  Br as WbMenuTrigger,
@@ -2507,17 +2506,17 @@ export {
2507
2506
  ht as WbSelect,
2508
2507
  J2 as WbSvgLoader,
2509
2508
  Rr as WbSwitch,
2510
- fo as WbTab,
2511
- wo as WbTabContent,
2512
- mo as WbTabList,
2513
- ko as WbTabPanel,
2514
- vo as WbTabs,
2509
+ go as WbTab,
2510
+ fo as WbTabContent,
2511
+ wo as WbTabList,
2512
+ mo as WbTabPanel,
2513
+ ko as WbTabs,
2515
2514
  Vr as WbTextarea,
2516
- Io as WbTooltip,
2517
- bo as WbVirtualizedList,
2518
- xo as textSizeVariantOptions,
2515
+ Mo as WbTooltip,
2516
+ vo as WbVirtualizedList,
2517
+ bo as textSizeVariantOptions,
2519
2518
  cr as useDialogContext,
2520
2519
  q as useEditor,
2521
- yo as useEditorResponsive,
2520
+ xo as useEditorResponsive,
2522
2521
  P2 as useWbFloatingContext
2523
2522
  };
@@ -0,0 +1,4 @@
1
+ import { W as p } from "./tooltip-Dw5U2fSJ.js";
2
+ export {
3
+ p as WbTooltip
4
+ };
package/dist/index.d.ts CHANGED
@@ -2,3 +2,4 @@ export * from './lib';
2
2
  export * from './hooks';
3
3
  export * from './components';
4
4
  export * from './utils';
5
+ export * from './types';
package/dist/index.js CHANGED
@@ -1,14 +1,14 @@
1
- import { u as f, f as T, g as x, h as H, i as _ } from "./countdown-timer.node-CZA-i5xq.js";
2
- import { e as pe, A as ce, c as ue, d as Ne, j as me, B as le, k as Pe, a as Ie, C as ge, l as fe, F as Te, m as xe, G as be, H as he, n as Ce, I as Le, L as Ae, o as ve, p as Se, q as He, P as _e, R as Me, S as Fe, r as Re, T as we, s as Ee, v as ye, w as Be, x as Ge, U as Ue, y as ke, V as De, z as qe, D as Ve, E as je, J as ze, K as Je, N as Ke, O as Oe, Q as Qe, W as We, X as Xe, Y as Ye } from "./countdown-timer.node-CZA-i5xq.js";
3
- import { u as i, D as b, a as h, T as C } from "./index-ekIAycpt.js";
4
- import { A as $e, B as eo, b as oo, C as so, c as ro, d as to, e as ao, f as no, F as io, g as po, G as co, H as uo, I as No, h as mo, L as lo, M as Po, P as Io, R as go, S as fo, i as To, j as xo, k as bo, U as ho, V as Co, l as Lo, m as Ao, n as vo, o as So, p as Ho, q as _o, r as Mo, s as Fo, t as Ro, v as wo, w as Eo, x as yo, y as Bo, z as Go, E as Uo, J as ko, K as Do, N as qo, O as Vo, Q as jo } from "./index-ekIAycpt.js";
1
+ import { u as f, f as T, g as x, h as H, i as _ } from "./dataset-DToMsct-.js";
2
+ import { e as pe, A as ce, c as ue, d as Ne, j as me, B as le, k as Pe, a as Ie, C as ge, l as fe, F as Te, m as xe, G as be, H as he, n as Ce, I as Le, L as Ae, o as Se, p as ve, q as He, P as _e, R as Me, S as Fe, r as we, T as Ee, s as Re, v as ye, w as Be, x as Ge, U as Ue, y as ke, V as De, z as qe, D as Ve, E as je, J as ze, K as Je, N as Ke, O as Oe, Q as Qe, W as We, X as Xe, Y as Ye } from "./dataset-DToMsct-.js";
3
+ import { u as i, D as b, a as h, T as C } from "./countdown-timer.inspector-DEhYueYx.js";
4
+ import { A as $e, B as eo, b as oo, C as so, c as ro, d as to, e as ao, f as no, F as io, g as po, G as co, H as uo, I as No, h as mo, L as lo, M as Po, N as Io, P as go, S as fo, i as To, j as xo, k as bo, U as ho, V as Co, l as Lo, m as Ao, n as So, o as vo, p as Ho, q as _o, r as Mo, s as Fo, t as wo, v as Eo, w as Ro, x as yo, y as Bo, z as Go, E as Uo, J as ko, K as Do, O as qo, Q as Vo, R as jo } from "./countdown-timer.inspector-DEhYueYx.js";
5
5
  import { useNode as L } from "@craftjs/core";
6
6
  import { useNode as Jo } from "@craftjs/core";
7
7
  import { isNil as A } from "lodash-es";
8
- import { useRef as a, useEffect as v, Fragment as n } from "react";
8
+ import { useRef as a, useEffect as S, Fragment as n } from "react";
9
9
  import { jsxs as d, jsx as s } from "@emotion/react/jsx-runtime";
10
10
  import "flat";
11
- import { useDebounceCallback as S } from "usehooks-ts";
11
+ import { useDebounceCallback as v } from "usehooks-ts";
12
12
  import "@janbox/storefront-ui/utils";
13
13
  import "@janbox/storefront-ui/hooks";
14
14
  import "@emotion/react";
@@ -22,21 +22,21 @@ import "react-dropzone";
22
22
  import "react-datepicker/dist/react-datepicker.css";
23
23
  import "react-datepicker";
24
24
  import "react-frame-component";
25
- import { getTextProps as M, getTabPanelProps as F, getListItemProps as R } from "@janbox/storefront-ui";
26
- const w = () => i(), re = () => {
25
+ import { getTextProps as M, getListItemProps as F, getTabPanelProps as w } from "@janbox/storefront-ui";
26
+ const E = () => i(), re = () => {
27
27
  const p = f(), { connectors: c } = L(), u = a(null), {
28
28
  id: N,
29
29
  nodeProps: { dangerouslySetInnerHTML: t, ...m },
30
30
  setNodeProps: l
31
- } = w(), o = a(t?.__html), { isActive: r } = T((e, g) => ({
31
+ } = E(), o = a(t?.__html), { isActive: r } = T((e, g) => ({
32
32
  isActive: g.getEvent("selected").contains(N)
33
33
  }));
34
- v(() => {
34
+ S(() => {
35
35
  r || A(o.current) || (l({
36
36
  dangerouslySetInnerHTML: { __html: o.current }
37
37
  }), o.current = void 0);
38
38
  }, [r]);
39
- const P = S(({ editor: e }) => {
39
+ const P = v(({ editor: e }) => {
40
40
  o.current = e.getHTML();
41
41
  }), { mode: I } = x();
42
42
  return /* @__PURE__ */ d(n, { children: [
@@ -65,22 +65,22 @@ const w = () => i(), re = () => {
65
65
  }
66
66
  )
67
67
  ] });
68
- }, E = () => i({
68
+ }, R = () => i({
69
69
  transform: M
70
70
  }), te = () => {
71
71
  const p = f(), { connectors: c } = L(), u = a(null), {
72
72
  id: N,
73
73
  nodeProps: { dangerouslySetInnerHTML: t, ...m },
74
74
  setNodeProps: l
75
- } = E(), o = a(t?.__html), { isActive: r } = T((e, g) => ({
75
+ } = R(), o = a(t?.__html), { isActive: r } = T((e, g) => ({
76
76
  isActive: g.getEvent("selected").contains(N)
77
77
  }));
78
- v(() => {
78
+ S(() => {
79
79
  r || A(o.current) || (l({
80
80
  dangerouslySetInnerHTML: { __html: o.current }
81
81
  }), o.current = void 0);
82
82
  }, [r]);
83
- const P = S(({ editor: e }) => {
83
+ const P = v(({ editor: e }) => {
84
84
  o.current = e.getHTML();
85
85
  }), { mode: I } = x();
86
86
  return /* @__PURE__ */ d(n, { children: [
@@ -112,7 +112,7 @@ const w = () => i(), re = () => {
112
112
  }, ae = () => i({
113
113
  transform: F
114
114
  }), ne = () => i({
115
- transform: R
115
+ transform: w
116
116
  });
117
117
  export {
118
118
  pe as AccordionContentNode,
@@ -149,21 +149,21 @@ export {
149
149
  Le as ImageNode,
150
150
  lo as LinkInspector,
151
151
  Ae as LinkNode,
152
- ve as ListItemNode,
152
+ Se as ListItemNode,
153
153
  Po as MarqueeInspector,
154
- Se as MarqueeItemNode,
154
+ ve as MarqueeItemNode,
155
155
  He as MarqueeNode,
156
- Io as ParagraphInspector,
156
+ Io as NodeElement,
157
+ go as ParagraphInspector,
157
158
  _e as ParagraphNode,
158
159
  re as ParagraphRenderer,
159
- go as Resolver,
160
160
  Me as RootNode,
161
161
  fo as SizeField,
162
162
  To as SwiperInspector,
163
163
  Fe as SwiperNode,
164
- Re as SwiperSlideNode,
165
- we as TabContentNode,
166
- Ee as TabListNode,
164
+ we as SwiperSlideNode,
165
+ Ee as TabContentNode,
166
+ Re as TabListNode,
167
167
  ye as TabNode,
168
168
  Be as TabPanelNode,
169
169
  xo as TabsInspector,
@@ -187,29 +187,29 @@ export {
187
187
  Xe as registerNodeRelated,
188
188
  Ye as toResponsiveCss,
189
189
  Ao as useAccordionGroupNodeProps,
190
- vo as useAccordionNodeProps,
191
- So as useBoxNodeProps,
190
+ So as useAccordionNodeProps,
191
+ vo as useBoxNodeProps,
192
192
  Ho as useButtonNodeProps,
193
193
  _o as useCellNodeProps,
194
194
  T as useComposer,
195
195
  Mo as useContainerNodeProps,
196
196
  Fo as useCountdownTimerNodeProps,
197
- Ro as useFlexItemNodeProps,
198
- wo as useFlexboxNodeProps,
199
- Eo as useGridNodeProps,
200
- E as useHeadingNodeProps,
197
+ wo as useFlexItemNodeProps,
198
+ Eo as useFlexboxNodeProps,
199
+ Ro as useGridNodeProps,
200
+ R as useHeadingNodeProps,
201
201
  yo as useIconNodeProps,
202
202
  Bo as useImageNodeProps,
203
203
  Go as useLinkNodeProps,
204
- ne as useListItemNodeProps,
204
+ ae as useListItemNodeProps,
205
205
  Uo as useMarqueeNodeProps,
206
206
  Jo as useNode,
207
207
  f as useNodeDataAttributes,
208
208
  i as useNodeProps,
209
- w as useParagraphNodeProps,
209
+ E as useParagraphNodeProps,
210
210
  ko as useSwiperNodeProps,
211
211
  Do as useTabNodeProps,
212
- ae as useTabPanelNodeProps,
212
+ ne as useTabPanelNodeProps,
213
213
  qo as useTabsNodeProps,
214
214
  Vo as useUnorderedListNodeProps,
215
215
  jo as useVideoNodeProps
package/dist/templates.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as e, jsxs as o, Fragment as c } from "@emotion/react/jsx-runtime";
2
2
  import { getColorVar as u } from "@janbox/storefront-ui/theme";
3
3
  import { renderToString as p } from "react-dom/server";
4
- import { C as s, G as h, a, H as d, P as t, B as x, I as g, A as f, M as T, b as y, c as n, d as r, e as i } from "./countdown-timer.node-CZA-i5xq.js";
4
+ import { C as s, G as h, a, H as d, P as t, B as x, I as g, A as f, M as T, b as y, c as n, d as r, e as i } from "./dataset-DToMsct-.js";
5
5
  import "@craftjs/core";
6
6
  import "lodash-es";
7
7
  import "react";
@@ -4,7 +4,7 @@ import { useFloating as P, autoUpdate as S, flip as j, offset as V, size as W, a
4
4
  import { get as L } from "lodash-es";
5
5
  import { FLOATING_Z_INDEX as U } from "@janbox/storefront-ui/theme";
6
6
  import { useControllableState as X } from "@janbox/storefront-ui/hooks";
7
- import { t as o } from "./countdown-timer.node-CZA-i5xq.js";
7
+ import { t as o } from "./dataset-DToMsct-.js";
8
8
  const Y = ({ placement: d = "top", open: p, onOpenChange: c, children: e, content: m }) => {
9
9
  const [n, u] = X({
10
10
  defaultValue: !1,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@janbox/storefront-builder",
3
- "version": "2.0.5",
3
+ "version": "2.0.7",
4
4
  "description": "Standalone storefront builder library extracted from craft-layers-portal",
5
5
  "type": "module",
6
6
  "files": [
@@ -1,5 +0,0 @@
1
- import { ElementProps } from '@craftjs/core';
2
- export type ResolverProps<T extends React.ElementType> = ShallowMerge<ElementProps<T>, {
3
- is: T;
4
- }>;
5
- export declare const Resolver: <T extends React.ElementType>(props: ResolverProps<T>) => React.ReactElement;
@@ -1,2 +0,0 @@
1
- export * from './spacing';
2
- export * from './types';
@@ -1,2 +0,0 @@
1
- import { SpacingToolbarProps } from './types';
2
- export declare const SpacingToolbar: ({ value, onChange }: SpacingToolbarProps) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -1,15 +0,0 @@
1
- import { StyledCSS } from '@janbox/storefront-ui/types';
2
- export type SpacingValue = {
3
- paddingTop?: StyledCSS['paddingTop'];
4
- paddingRight?: StyledCSS['paddingRight'];
5
- paddingBottom?: StyledCSS['paddingBottom'];
6
- paddingLeft?: StyledCSS['paddingLeft'];
7
- marginTop?: StyledCSS['marginTop'];
8
- marginRight?: StyledCSS['marginRight'];
9
- marginBottom?: StyledCSS['marginBottom'];
10
- marginLeft?: StyledCSS['marginLeft'];
11
- };
12
- export interface SpacingToolbarProps {
13
- value?: SpacingValue;
14
- onChange?: (value: SpacingValue) => void;
15
- }
@@ -1,4 +0,0 @@
1
- import { W as p } from "./tooltip-BFrdgixm.js";
2
- export {
3
- p as WbTooltip
4
- };