@janbox/storefront-builder 2.0.18 → 2.0.19

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 (143) hide show
  1. package/dist/components/composer/dataset.d.ts +5 -3
  2. package/dist/constants/index.d.ts +3 -1
  3. package/dist/editor/components/index.d.ts +0 -1
  4. package/dist/editor/controls/index.d.ts +37 -0
  5. package/dist/editor/hooks/index.d.ts +1 -0
  6. package/dist/editor/hooks/use-editor.d.ts +11 -1
  7. package/dist/editor/hooks/use-inline-editable.d.ts +1 -0
  8. package/dist/editor/index.d.ts +1 -0
  9. package/dist/editor/lib/index.d.ts +4 -3
  10. package/dist/editor/lib/node-renderer/index.d.ts +0 -2
  11. package/dist/editor/lib/node-renderer/node-renderer.d.ts +1 -1
  12. package/dist/editor/toolbars/index.d.ts +5 -37
  13. package/dist/editor/toolbars/inline-utils.d.ts +20 -0
  14. package/dist/editor/toolbars/insert-inline-toolbar.d.ts +1 -0
  15. package/dist/editor/toolbars/insert-link-toolbar.d.ts +1 -0
  16. package/dist/editor/toolbars/node-delete-toolbar.d.ts +1 -0
  17. package/dist/editor/toolbars/node-drag-toolbar.d.ts +1 -0
  18. package/dist/editor/toolbars/node-name-toolbar.d.ts +1 -0
  19. package/dist/editor.js +1252 -10293
  20. package/dist/hooks/use-paragraph-editable.d.ts +10 -0
  21. package/dist/index-CAk0Z6SL.js +60 -0
  22. package/dist/index-DxdUdXU0.js +4 -0
  23. package/dist/index.js +102 -92
  24. package/dist/lib/fragment/fragment.node/fragment.node.d.ts +2 -0
  25. package/dist/lib/fragment/fragment.node/index.d.ts +2 -0
  26. package/dist/lib/fragment/fragment.node/types.d.ts +3 -0
  27. package/dist/lib/fragment/index.d.ts +1 -0
  28. package/dist/lib/heading/heading/heading.d.ts +1 -1
  29. package/dist/lib/heading/heading/helpers.d.ts +2 -0
  30. package/dist/lib/heading/heading.node/heading.node.d.ts +1 -1
  31. package/dist/lib/heading/heading.toolbar/heading.toolbar.d.ts +1 -0
  32. package/dist/lib/heading/heading.toolbar/index.d.ts +1 -0
  33. package/dist/lib/index.d.ts +2 -0
  34. package/dist/lib/inline/index.d.ts +2 -0
  35. package/dist/lib/inline/inline.inspector/index.d.ts +1 -0
  36. package/dist/lib/inline/inline.inspector/inline.inspector.d.ts +1 -0
  37. package/dist/lib/inline/inline.node/helpers.d.ts +3 -0
  38. package/dist/lib/inline/inline.node/index.d.ts +2 -0
  39. package/dist/lib/inline/inline.node/inline.node.d.ts +2 -0
  40. package/dist/lib/inline/inline.node/types.d.ts +11 -0
  41. package/dist/lib/link/link.node/link.node.d.ts +1 -1
  42. package/dist/lib/link/link.toolbar/index.d.ts +1 -0
  43. package/dist/lib/link/link.toolbar/link.toolbar.d.ts +1 -0
  44. package/dist/lib/paragraph/paragraph/helpers.d.ts +2 -0
  45. package/dist/lib/paragraph/paragraph/index.d.ts +2 -0
  46. package/dist/lib/paragraph/paragraph/paragraph.d.ts +2 -0
  47. package/dist/lib/paragraph/paragraph/types.d.ts +2 -0
  48. package/dist/lib/paragraph/paragraph.node/paragraph.node.d.ts +1 -1
  49. package/dist/lib/paragraph/paragraph.toolbar/index.d.ts +1 -0
  50. package/dist/lib/paragraph/paragraph.toolbar/paragraph.toolbar.d.ts +1 -0
  51. package/dist/templates.js +91 -194
  52. package/dist/toaster-j03A1kAt.js +17829 -0
  53. package/dist/types/index.d.ts +1 -3
  54. package/package.json +1 -4
  55. package/dist/countdown-timer.node-B1zlySOV.js +0 -8373
  56. package/dist/editor/components/text-inline-editor.d.ts +0 -10
  57. package/dist/editor/lib/node-renderer/node-actions.d.ts +0 -1
  58. package/dist/index-Cl02EX34.js +0 -187
  59. package/dist/index-D6iOLmDe.js +0 -4
  60. package/dist/lib/heading/heading.renderer/heading.renderer.d.ts +0 -2
  61. package/dist/lib/heading/heading.renderer/index.d.ts +0 -1
  62. package/dist/lib/paragraph/paragraph.renderer/index.d.ts +0 -1
  63. package/dist/lib/paragraph/paragraph.renderer/paragraph.renderer.d.ts +0 -2
  64. package/dist/minus-BrRnjbhB.js +0 -4
  65. package/dist/tooltip-CLs3ofGk.js +0 -75
  66. /package/dist/editor/{toolbars → controls}/aspect-ratio/aspect-ratio.d.ts +0 -0
  67. /package/dist/editor/{toolbars → controls}/aspect-ratio/index.d.ts +0 -0
  68. /package/dist/editor/{toolbars → controls}/background/background-toolbar.d.ts +0 -0
  69. /package/dist/editor/{toolbars → controls}/background/bg-color-tab.d.ts +0 -0
  70. /package/dist/editor/{toolbars → controls}/background/bg-image-tab.d.ts +0 -0
  71. /package/dist/editor/{toolbars → controls}/background/dataset.d.ts +0 -0
  72. /package/dist/editor/{toolbars → controls}/background/index.d.ts +0 -0
  73. /package/dist/editor/{toolbars → controls}/background/types.d.ts +0 -0
  74. /package/dist/editor/{toolbars → controls}/border/border.d.ts +0 -0
  75. /package/dist/editor/{toolbars → controls}/border/index.d.ts +0 -0
  76. /package/dist/editor/{toolbars → controls}/border/types.d.ts +0 -0
  77. /package/dist/editor/{toolbars → controls}/border-radius/border-radius.d.ts +0 -0
  78. /package/dist/editor/{toolbars → controls}/border-radius/index.d.ts +0 -0
  79. /package/dist/editor/{toolbars → controls}/child-nodes/child-node.d.ts +0 -0
  80. /package/dist/editor/{toolbars → controls}/child-nodes/index.d.ts +0 -0
  81. /package/dist/editor/{toolbars → controls}/color/color.d.ts +0 -0
  82. /package/dist/editor/{toolbars → controls}/color/index.d.ts +0 -0
  83. /package/dist/editor/{toolbars → controls}/color-variant/color-variant.d.ts +0 -0
  84. /package/dist/editor/{toolbars → controls}/color-variant/index.d.ts +0 -0
  85. /package/dist/editor/{toolbars → controls}/column-gap/column-gap.d.ts +0 -0
  86. /package/dist/editor/{toolbars → controls}/column-gap/index.d.ts +0 -0
  87. /package/dist/editor/{toolbars → controls}/css-font-weight/index.d.ts +0 -0
  88. /package/dist/editor/{toolbars → controls}/css-width/index.d.ts +0 -0
  89. /package/dist/editor/{toolbars → controls}/display/display.d.ts +0 -0
  90. /package/dist/editor/{toolbars → controls}/display/index.d.ts +0 -0
  91. /package/dist/editor/{toolbars → controls}/flex/flex.d.ts +0 -0
  92. /package/dist/editor/{toolbars → controls}/flex/index.d.ts +0 -0
  93. /package/dist/editor/{toolbars → controls}/flex-align-items/flex-align-items.d.ts +0 -0
  94. /package/dist/editor/{toolbars → controls}/flex-align-items/index.d.ts +0 -0
  95. /package/dist/editor/{toolbars → controls}/flex-wrap/flex-wrap.d.ts +0 -0
  96. /package/dist/editor/{toolbars → controls}/flex-wrap/index.d.ts +0 -0
  97. /package/dist/editor/{toolbars → controls}/font-size/font-size.d.ts +0 -0
  98. /package/dist/editor/{toolbars → controls}/font-size/index.d.ts +0 -0
  99. /package/dist/editor/{toolbars → controls}/grid-align-items/grid-align-items.d.ts +0 -0
  100. /package/dist/editor/{toolbars → controls}/grid-align-items/index.d.ts +0 -0
  101. /package/dist/editor/{toolbars → controls}/height/height.d.ts +0 -0
  102. /package/dist/editor/{toolbars → controls}/height/index.d.ts +0 -0
  103. /package/dist/editor/{toolbars → controls}/html-anchor-target/index.d.ts +0 -0
  104. /package/dist/editor/{toolbars → controls}/justify-content/index.d.ts +0 -0
  105. /package/dist/editor/{toolbars → controls}/justify-content/justify-content.d.ts +0 -0
  106. /package/dist/editor/{toolbars → controls}/justify-items/index.d.ts +0 -0
  107. /package/dist/editor/{toolbars → controls}/justify-items/justify-items.d.ts +0 -0
  108. /package/dist/editor/{toolbars → controls}/line-height/dataset.d.ts +0 -0
  109. /package/dist/editor/{toolbars → controls}/line-height/index.d.ts +0 -0
  110. /package/dist/editor/{toolbars → controls}/line-height/line-height.d.ts +0 -0
  111. /package/dist/editor/{toolbars → controls}/margin/index.d.ts +0 -0
  112. /package/dist/editor/{toolbars → controls}/margin/margin.d.ts +0 -0
  113. /package/dist/editor/{toolbars → controls}/min-width/index.d.ts +0 -0
  114. /package/dist/editor/{toolbars → controls}/min-width/min-width.d.ts +0 -0
  115. /package/dist/editor/{toolbars → controls}/number-field/index.d.ts +0 -0
  116. /package/dist/editor/{toolbars → controls}/number-field/number-field.d.ts +0 -0
  117. /package/dist/editor/{toolbars → controls}/number-field-mix-options/index.d.ts +0 -0
  118. /package/dist/editor/{toolbars → controls}/number-field-mix-options/number-field-mix-options.d.ts +0 -0
  119. /package/dist/editor/{toolbars → controls}/object-fit/dataset.d.ts +0 -0
  120. /package/dist/editor/{toolbars → controls}/object-fit/index.d.ts +0 -0
  121. /package/dist/editor/{toolbars → controls}/object-fit/object-fit.d.ts +0 -0
  122. /package/dist/editor/{toolbars → controls}/order/index.d.ts +0 -0
  123. /package/dist/editor/{toolbars → controls}/order/order.d.ts +0 -0
  124. /package/dist/editor/{toolbars → controls}/padding/index.d.ts +0 -0
  125. /package/dist/editor/{toolbars → controls}/padding/padding.d.ts +0 -0
  126. /package/dist/editor/{toolbars → controls}/row-gap/index.d.ts +0 -0
  127. /package/dist/editor/{toolbars → controls}/row-gap/row-gap.d.ts +0 -0
  128. /package/dist/editor/{toolbars → controls}/svg-source/index.d.ts +0 -0
  129. /package/dist/editor/{toolbars → controls}/svg-source/svg-source.d.ts +0 -0
  130. /package/dist/editor/{toolbars → controls}/svg-source/uploaded-source.d.ts +0 -0
  131. /package/dist/editor/{toolbars → controls}/tag-name/index.d.ts +0 -0
  132. /package/dist/editor/{toolbars → controls}/tag-name/tag-name.d.ts +0 -0
  133. /package/dist/editor/{toolbars → controls}/text-align/index.d.ts +0 -0
  134. /package/dist/editor/{toolbars → controls}/text-style/index.d.ts +0 -0
  135. /package/dist/editor/{toolbars → controls}/text-style/text-style.d.ts +0 -0
  136. /package/dist/editor/{toolbars → controls}/text-style-group/index.d.ts +0 -0
  137. /package/dist/editor/{toolbars → controls}/text-style-group/text-style-group.d.ts +0 -0
  138. /package/dist/editor/{toolbars → controls}/text-transform/index.d.ts +0 -0
  139. /package/dist/editor/{toolbars → controls}/text-transform/text-transform.d.ts +0 -0
  140. /package/dist/editor/{toolbars → controls}/text-variant/index.d.ts +0 -0
  141. /package/dist/editor/{toolbars → controls}/text-variant/text-variant.d.ts +0 -0
  142. /package/dist/editor/{toolbars → controls}/visibility/index.d.ts +0 -0
  143. /package/dist/editor/{toolbars → controls}/visibility/visibility.d.ts +0 -0
@@ -1,10 +0,0 @@
1
- import { Ref } from 'react';
2
- import { useEditor } from '@tiptap/react';
3
- export type TextInlineEditorPropsOptions = Parameters<typeof useEditor>[0];
4
- export type TextInlineEditorPropsDeps = Parameters<typeof useEditor>[1];
5
- export type TextInlineEditorProps = {
6
- options?: TextInlineEditorPropsOptions;
7
- deps?: TextInlineEditorPropsDeps;
8
- ref?: Ref<HTMLDivElement>;
9
- };
10
- export declare const TextInlineEditor: ({ options, deps, ref }: TextInlineEditorProps) => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export declare const DefaultNodeActions: () => import("@emotion/react/jsx-runtime").JSX.Element;
@@ -1,187 +0,0 @@
1
- import { useNode as g, Element as C, Frame as I, Editor as v, DefaultEventHandlers as A } from "@craftjs/core";
2
- import { isFunction as w, merge as x, set as h, isNil as b, isString as P } from "lodash-es";
3
- import { useMemo as E, useEffect as L } from "react";
4
- 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-B1zlySOV.js";
5
- 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";
6
- import { flatten as xe } from "flat";
7
- import { jsx as T } from "@emotion/react/jsx-runtime";
8
- const o = (s = {}) => {
9
- const { id: r } = g(), t = s?.nodeId ?? r, { nodeProps: n, actions: a } = N((d) => ({
10
- nodeProps: d.nodes[t ?? r]?.data.props ?? {}
11
- })), u = (d, i) => w(d) ? a.setProp(t, d) : a.setProp(t, (p) => {
12
- if (i?.merge) {
13
- x(p, d);
14
- return;
15
- }
16
- const m = xe(d);
17
- Object.keys(m).forEach((l) => {
18
- h(p, l, m[l]);
19
- });
20
- }), c = (d, i, p) => u(
21
- i === "xs" ? d : {
22
- [i]: d
23
- },
24
- p
25
- );
26
- return {
27
- nodeProps: s?.transform?.(n) ?? n,
28
- setNodeProps: u,
29
- setNodeResponsiveProps: c
30
- };
31
- }, Ge = () => o({
32
- transform: ue
33
- }), Re = () => o({
34
- transform: ce
35
- }), Ue = () => o({
36
- transform: ie
37
- }), De = () => o({
38
- transform: pe
39
- }), He = () => o({
40
- transform: Ne
41
- }), je = () => o({
42
- transform: me
43
- }), Oe = () => o({
44
- transform: le
45
- }), Ve = () => o({
46
- transform: Pe
47
- }), _e = (s) => o({
48
- transform: fe,
49
- nodeId: s
50
- }), $e = (s) => o({
51
- nodeId: s
52
- }), ze = () => o({
53
- transform: ge
54
- }), Je = () => o({
55
- transform: be
56
- }), Xe = () => o({
57
- transform: Te
58
- }), Ye = (s) => o({
59
- transform: Ce,
60
- nodeId: s
61
- }), Ze = () => o({
62
- transform: Ie
63
- }), Ke = () => o({
64
- transform: ve
65
- }), Qe = () => o({
66
- transform: Ae
67
- }), We = () => o({
68
- transform: we
69
- }), eo = () => o(), oo = C, ro = ({ children: s, data: r }) => {
70
- const { resolver: t } = N((a) => ({
71
- resolver: a.options.resolver
72
- })), n = E(() => {
73
- if (b(r)) return r;
74
- const a = P(r) ? JSON.parse(r) : r;
75
- return Object.entries(a).forEach(([, u]) => {
76
- const c = P(u.type) ? u.type : u.type.resolvedName;
77
- t[c] || (console.error(`Unknown node: ${c}`), u.type = {
78
- resolvedName: e.Unknown
79
- });
80
- }), a;
81
- }, [r, t]);
82
- return /* @__PURE__ */ T(I, { data: n, children: s });
83
- }, he = {
84
- // Root
85
- [e.Root]: ne,
86
- // Unknown
87
- [e.Unknown]: te,
88
- // Button
89
- [e.Button]: se,
90
- // Text
91
- [e.Paragraph]: re,
92
- [e.Heading]: oe,
93
- // Layout
94
- [e.Grid]: ee,
95
- [e.Cell]: W,
96
- [e.Flexbox]: Q,
97
- [e.FlexItem]: K,
98
- [e.Box]: Z,
99
- [e.Container]: Y,
100
- // Media
101
- [e.Image]: X,
102
- [e.Video]: J,
103
- [e.Icon]: z,
104
- // Navigation
105
- [e.Link]: $,
106
- // List
107
- [e.UnorderedList]: _,
108
- [e.ListItem]: V,
109
- // Carousel
110
- [e.Swiper]: O,
111
- [e.SwiperSlide]: j,
112
- [e.Marquee]: H,
113
- [e.MarqueeItem]: D,
114
- // Tabs
115
- [e.Tabs]: U,
116
- [e.TabList]: R,
117
- [e.Tab]: G,
118
- [e.TabContent]: q,
119
- [e.TabPanel]: M,
120
- // Accordion
121
- [e.AccordionGroup]: y,
122
- [e.Accordion]: F,
123
- [e.AccordionSummary]: B,
124
- [e.AccordionContent]: k,
125
- // Timer
126
- [e.CountdownTimer]: S
127
- }, so = ({ resolver: s, children: r, ...t }) => /* @__PURE__ */ T(
128
- v,
129
- {
130
- enabled: !1,
131
- onRender: Ee,
132
- handlers: (n) => new Le({
133
- store: n,
134
- removeHoverOnMouseleave: !0,
135
- isMultiSelectEnabled: () => !1
136
- }),
137
- resolver: { ...he, ...s },
138
- ...t,
139
- children: r
140
- }
141
- ), Ee = ({ render: s }) => {
142
- const { id: r } = g(), { query: t } = N();
143
- return L(() => {
144
- const n = t.node(r).get(), a = ae(n);
145
- if (b(a))
146
- throw new Error(
147
- `The node with id "${n.data.displayName}" does not have a resolved ID. Please check your node configuration.`
148
- );
149
- }, [r, t]), s;
150
- };
151
- class Le extends A {
152
- handlers() {
153
- const r = super.handlers();
154
- return {
155
- ...r,
156
- select(t, n) {
157
- return (t.getAttribute(de.DATA_NODE_SELECTABLE) ?? f.True) === f.True ? r.select(t, n) : () => {
158
- };
159
- }
160
- };
161
- }
162
- }
163
- export {
164
- ro as C,
165
- oo as N,
166
- so as a,
167
- Ze as b,
168
- Ye as c,
169
- Qe as d,
170
- De as e,
171
- Re as f,
172
- We as g,
173
- eo as h,
174
- je as i,
175
- He as j,
176
- Ge as k,
177
- Xe as l,
178
- Oe as m,
179
- Ue as n,
180
- Ve as o,
181
- ze as p,
182
- $e as q,
183
- _e as r,
184
- Je as s,
185
- Ke as t,
186
- o as u
187
- };
@@ -1,4 +0,0 @@
1
- import { W as p } from "./tooltip-CLs3ofGk.js";
2
- export {
3
- p as WbTooltip
4
- };
@@ -1,2 +0,0 @@
1
- import { NodeRelated } from '../../../types';
2
- export declare const HeadingRenderer: NodeRelated['renderer'];
@@ -1 +0,0 @@
1
- export * from './heading.renderer';
@@ -1 +0,0 @@
1
- export * from './paragraph.renderer';
@@ -1,2 +0,0 @@
1
- import { NodeRelated } from '../../../types';
2
- export declare const ParagraphRenderer: NodeRelated['renderer'];
@@ -1,4 +0,0 @@
1
- const t = '<svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M19,13H5a1,1,0,0,1,0-2H19a1,1,0,0,1,0,2Z"></path></svg>';
2
- export {
3
- t as M
4
- };
@@ -1,75 +0,0 @@
1
- import { jsxs as x, jsx as r } from "@emotion/react/jsx-runtime";
2
- import { useRef as k, Fragment as E, isValidElement as I, cloneElement as O } from "react";
3
- import { useFloating as P, autoUpdate as S, flip as j, offset as V, size as W, arrow as z, useHover as D, safePolygon as M, useFocus as N, useDismiss as T, useRole as _, useInteractions as A, useMergeRefs as G, FloatingPortal as H } from "@floating-ui/react";
4
- import { get as L } from "lodash-es";
5
- import { FLOATING_Z_INDEX as U } from "@janbox/storefront-ui/theme";
6
- import { useControllableState as X } from "@janbox/storefront-ui/hooks";
7
- import { t as o } from "./countdown-timer.node-B1zlySOV.js";
8
- const Y = ({ placement: d = "top", open: p, onOpenChange: c, children: e, content: m }) => {
9
- const [n, u] = X({
10
- defaultValue: !1,
11
- value: p
12
- }), g = k(null), b = (s, l, w) => {
13
- u(s), c?.(s, l, w);
14
- }, { refs: i, floatingStyles: h, context: t } = P({
15
- open: n,
16
- onOpenChange: b,
17
- placement: d,
18
- middleware: [
19
- j(),
20
- V(4),
21
- W({
22
- apply({ elements: s }) {
23
- const l = {
24
- zIndex: `${U}`
25
- };
26
- Object.assign(s.floating.style, l);
27
- }
28
- }),
29
- z({ element: g })
30
- ],
31
- whileElementsMounted: S
32
- }), v = D(t, { move: !1, handleClose: M() }), R = N(t), y = T(t, {}), C = _(t, {
33
- role: "tooltip"
34
- }), { getReferenceProps: a, getFloatingProps: F } = A([v, R, y, C]), f = G([i.setReference, L(e, "ref")]);
35
- return /* @__PURE__ */ x(E, { children: [
36
- I(e) ? O(
37
- e,
38
- a({
39
- ...e.props ?? {},
40
- ref: f
41
- })
42
- ) : /* @__PURE__ */ r("div", { ...a(), ref: f, children: e }),
43
- n && /* @__PURE__ */ r(H, { children: /* @__PURE__ */ r(
44
- "div",
45
- {
46
- style: h,
47
- ...F(),
48
- css: { borderRadius: 8, backgroundColor: o.palette.ink["6s"] },
49
- ref: i.setFloating,
50
- children: /* @__PURE__ */ r(
51
- "div",
52
- {
53
- css: {
54
- padding: 8,
55
- borderRadius: 8,
56
- backgroundColor: o.palette.ink["6s"],
57
- color: o.palette.white["6s"],
58
- borderWidth: 1,
59
- borderStyle: "solid",
60
- borderColor: o.palette.white["1s"],
61
- ...o.text.xs,
62
- ":focus-visible": {
63
- outlineStyle: "none"
64
- }
65
- },
66
- children: m
67
- }
68
- )
69
- }
70
- ) })
71
- ] });
72
- };
73
- export {
74
- Y as W
75
- };