@plitzi/sdk-elements 0.38.10 → 0.38.12

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 (228) hide show
  1. package/CHANGELOG.md +295 -0
  2. package/dist/Element/ElementWords.d.ts +6 -2
  3. package/dist/Element/ElementWords.mjs +18 -11
  4. package/dist/Element/JsxManager.mjs +8 -8
  5. package/dist/Element/PluginManager.mjs +4 -4
  6. package/dist/Element/ReplicaProvider.mjs +9 -9
  7. package/dist/Element/RootElement.mjs +60 -60
  8. package/dist/Element/helpers/declaredAttributes.d.ts +10 -0
  9. package/dist/Element/helpers/declaredAttributes.mjs +22 -0
  10. package/dist/Element/hocs/withElement.mjs +101 -100
  11. package/dist/Element/hooks/useEditableContent.d.ts +12 -0
  12. package/dist/Element/hooks/useEditableContent.mjs +21 -0
  13. package/dist/Element/hooks/useElementDataSource.mjs +9 -9
  14. package/dist/Element/hooks/useElementVisible.mjs +1 -1
  15. package/dist/Element/hooks/useInternalItems.mjs +22 -23
  16. package/dist/Element/hooks/useIntervalTriggers.d.ts +2 -3
  17. package/dist/Element/hooks/useKeyTriggers.d.ts +2 -3
  18. package/dist/Element/hooks/usePluginTrigger.d.ts +21 -0
  19. package/dist/Element/hooks/usePluginTrigger.mjs +18 -0
  20. package/dist/Element/hooks/useRootElementInteractions.d.ts +2 -4
  21. package/dist/Element/hooks/useRootElementInteractions.mjs +79 -76
  22. package/dist/Element/hooks/useScrollInteractions.d.ts +2 -3
  23. package/dist/canvas/useAnimationFrame.mjs +1 -1
  24. package/dist/dataSource/GlobalSources.mjs +1 -1
  25. package/dist/dataSource/pathFields.mjs +1 -1
  26. package/dist/dataSource/sourceStore.d.ts +7 -0
  27. package/dist/dataSource/sourceStore.mjs +5 -0
  28. package/dist/elements/advanced/BlockHtml/BlockHtml.mjs +1 -1
  29. package/dist/elements/advanced/BlockHtml/declaration.d.ts +2 -27
  30. package/dist/elements/advanced/BlockHtml/declaration.mjs +2 -25
  31. package/dist/elements/advanced/BlockHtml/index.d.ts +2 -25
  32. package/dist/elements/advanced/BlockJsx/Settings.mjs +37 -37
  33. package/dist/elements/advanced/BlockJsx/declaration.d.ts +2 -27
  34. package/dist/elements/advanced/BlockJsx/declaration.mjs +2 -25
  35. package/dist/elements/advanced/BlockJsx/index.d.ts +2 -25
  36. package/dist/elements/advanced/Custom/Custom.mjs +52 -42
  37. package/dist/elements/advanced/Custom/Settings.mjs +41 -40
  38. package/dist/elements/advanced/Custom/declaration.d.ts +2 -26
  39. package/dist/elements/advanced/Custom/declaration.mjs +2 -22
  40. package/dist/elements/advanced/Custom/index.d.ts +2 -24
  41. package/dist/elements/advanced/NodeHtml/Settings.mjs +3 -3
  42. package/dist/elements/advanced/NodeHtml/declaration.d.ts +19 -44
  43. package/dist/elements/advanced/NodeHtml/declaration.mjs +2 -23
  44. package/dist/elements/advanced/NodeHtml/index.d.ts +19 -42
  45. package/dist/elements/advanced/PlitziSdk/Settings.mjs +4 -4
  46. package/dist/elements/advanced/Reference/Reference.mjs +1 -1
  47. package/dist/elements/advanced/Reference/declaration.d.ts +3 -27
  48. package/dist/elements/advanced/Reference/declaration.mjs +2 -22
  49. package/dist/elements/advanced/Reference/index.d.ts +3 -25
  50. package/dist/elements/basic/Button/Button.mjs +24 -31
  51. package/dist/elements/basic/Button/declaration.d.ts +4 -27
  52. package/dist/elements/basic/Button/declaration.mjs +2 -25
  53. package/dist/elements/basic/Button/index.d.ts +4 -25
  54. package/dist/elements/basic/Dropdown/Dropdown.mjs +1 -1
  55. package/dist/elements/basic/Dropdown/DropdownPopup/declaration.d.ts +3 -19
  56. package/dist/elements/basic/Dropdown/DropdownPopup/declaration.mjs +2 -16
  57. package/dist/elements/basic/Dropdown/DropdownPopup/index.d.ts +3 -17
  58. package/dist/elements/basic/Dropdown/declaration.d.ts +3 -26
  59. package/dist/elements/basic/Dropdown/declaration.mjs +16 -41
  60. package/dist/elements/basic/Dropdown/index.d.ts +5 -42
  61. package/dist/elements/basic/Dropdown/useDropdown.mjs +23 -29
  62. package/dist/elements/basic/Heading/Heading.mjs +15 -17
  63. package/dist/elements/basic/Heading/Settings.mjs +4 -4
  64. package/dist/elements/basic/Heading/declaration.d.ts +2 -27
  65. package/dist/elements/basic/Heading/declaration.mjs +2 -23
  66. package/dist/elements/basic/Heading/index.d.ts +2 -25
  67. package/dist/elements/basic/Link/Link.mjs +52 -59
  68. package/dist/elements/basic/Link/Settings.mjs +52 -51
  69. package/dist/elements/basic/Link/declaration.d.ts +6 -26
  70. package/dist/elements/basic/Link/declaration.mjs +8 -32
  71. package/dist/elements/basic/Link/index.d.ts +6 -24
  72. package/dist/elements/basic/Markdown/Markdown.mjs +1 -1
  73. package/dist/elements/basic/Markdown/declaration.d.ts +2 -25
  74. package/dist/elements/basic/Markdown/declaration.mjs +2 -25
  75. package/dist/elements/basic/Markdown/index.d.ts +2 -23
  76. package/dist/elements/basic/Paragraph/Paragraph.mjs +15 -17
  77. package/dist/elements/basic/Paragraph/declaration.d.ts +2 -27
  78. package/dist/elements/basic/Paragraph/declaration.mjs +5 -28
  79. package/dist/elements/basic/Paragraph/index.d.ts +2 -25
  80. package/dist/elements/basic/RichText/RichText.mjs +1 -1
  81. package/dist/elements/basic/RichText/Settings.mjs +4 -4
  82. package/dist/elements/basic/RichText/declaration.d.ts +4 -27
  83. package/dist/elements/basic/RichText/declaration.mjs +2 -23
  84. package/dist/elements/basic/RichText/index.d.ts +4 -25
  85. package/dist/elements/basic/Text/Text.mjs +16 -18
  86. package/dist/elements/basic/Text/declaration.d.ts +3 -28
  87. package/dist/elements/basic/Text/declaration.mjs +2 -25
  88. package/dist/elements/basic/Text/index.d.ts +3 -26
  89. package/dist/elements/basic/ThemeToggle/Settings.d.ts +6 -0
  90. package/dist/elements/basic/ThemeToggle/Settings.mjs +49 -0
  91. package/dist/elements/basic/ThemeToggle/ThemeToggle.mjs +40 -39
  92. package/dist/elements/basic/ThemeToggle/declaration.d.ts +3 -26
  93. package/dist/elements/basic/ThemeToggle/declaration.mjs +2 -23
  94. package/dist/elements/basic/ThemeToggle/index.d.ts +3 -24
  95. package/dist/elements/declarations/index.d.ts +145 -1061
  96. package/dist/elements/form/Form/Form.mjs +65 -64
  97. package/dist/elements/form/Form/declaration.d.ts +3 -28
  98. package/dist/elements/form/Form/declaration.mjs +2 -25
  99. package/dist/elements/form/Form/index.d.ts +17 -25
  100. package/dist/elements/form/FormControl/FormControl.mjs +106 -105
  101. package/dist/elements/form/FormControl/declaration.d.ts +2 -22
  102. package/dist/elements/form/FormControl/declaration.mjs +4 -23
  103. package/dist/elements/form/FormControl/hocs/withFieldValue.mjs +1 -1
  104. package/dist/elements/form/FormControl/index.d.ts +16 -20
  105. package/dist/elements/internal/LayoutContainer/LayoutContainer.mjs +1 -1
  106. package/dist/elements/internal/LayoutContainer/declaration.d.ts +3 -25
  107. package/dist/elements/internal/LayoutContainer/declaration.mjs +3 -23
  108. package/dist/elements/internal/LayoutContainer/index.d.ts +3 -23
  109. package/dist/elements/internal/Loading/Settings.d.ts +2 -0
  110. package/dist/elements/internal/Loading/Settings.mjs +5 -0
  111. package/dist/elements/internal/Loading/declaration.d.ts +2 -24
  112. package/dist/elements/internal/Loading/declaration.mjs +3 -25
  113. package/dist/elements/internal/Loading/index.d.ts +2 -22
  114. package/dist/elements/internal/NotFound/NotFound.mjs +1 -1
  115. package/dist/elements/internal/NotFound/Settings.d.ts +2 -0
  116. package/dist/elements/internal/NotFound/Settings.mjs +5 -0
  117. package/dist/elements/internal/NotFound/declaration.d.ts +2 -24
  118. package/dist/elements/internal/NotFound/declaration.mjs +7 -29
  119. package/dist/elements/internal/NotFound/index.d.ts +2 -22
  120. package/dist/elements/internal/Page/Page.mjs +17 -16
  121. package/dist/elements/internal/Page/Settings.mjs +102 -101
  122. package/dist/elements/internal/Page/declaration.d.ts +3 -23
  123. package/dist/elements/internal/Page/declaration.mjs +14 -32
  124. package/dist/elements/internal/Page/index.d.ts +3 -21
  125. package/dist/elements/media/Embed/Embed.mjs +1 -1
  126. package/dist/elements/media/Embed/Settings.mjs +7 -7
  127. package/dist/elements/media/Embed/declaration.d.ts +2 -27
  128. package/dist/elements/media/Embed/declaration.mjs +10 -33
  129. package/dist/elements/media/Embed/index.d.ts +2 -25
  130. package/dist/elements/media/FontAwesome/Settings.mjs +8 -8
  131. package/dist/elements/media/FontAwesome/declaration.d.ts +2 -27
  132. package/dist/elements/media/FontAwesome/declaration.mjs +5 -28
  133. package/dist/elements/media/FontAwesome/index.d.ts +2 -25
  134. package/dist/elements/media/Image/Image.mjs +1 -1
  135. package/dist/elements/media/Image/Settings.mjs +47 -46
  136. package/dist/elements/media/Image/declaration.d.ts +2 -27
  137. package/dist/elements/media/Image/declaration.mjs +7 -30
  138. package/dist/elements/media/Image/index.d.ts +2 -25
  139. package/dist/elements/media/Svg/Settings.mjs +4 -4
  140. package/dist/elements/media/Svg/Svg.mjs +1 -1
  141. package/dist/elements/media/Svg/declaration.d.ts +3 -27
  142. package/dist/elements/media/Svg/declaration.mjs +2 -22
  143. package/dist/elements/media/Svg/index.d.ts +3 -25
  144. package/dist/elements/media/Video/Settings.mjs +7 -7
  145. package/dist/elements/media/Video/Video.mjs +1 -1
  146. package/dist/elements/media/Video/declaration.d.ts +2 -27
  147. package/dist/elements/media/Video/declaration.mjs +6 -29
  148. package/dist/elements/media/Video/index.d.ts +2 -25
  149. package/dist/elements/provider/ApiContainer/ApiContainer.mjs +151 -150
  150. package/dist/elements/provider/ApiContainer/Settings.mjs +135 -134
  151. package/dist/elements/provider/ApiContainer/declaration.d.ts +3 -28
  152. package/dist/elements/provider/ApiContainer/declaration.mjs +2 -23
  153. package/dist/elements/provider/ApiContainer/index.d.ts +3 -26
  154. package/dist/elements/provider/Channel/Channel.mjs +57 -55
  155. package/dist/elements/provider/Channel/declaration.d.ts +9 -28
  156. package/dist/elements/provider/Channel/declaration.mjs +10 -25
  157. package/dist/elements/provider/Channel/index.d.ts +9 -26
  158. package/dist/elements/settings.mjs +70 -62
  159. package/dist/elements/structure/Carousel/Carousel.mjs +36 -35
  160. package/dist/elements/structure/Carousel/CarouselTrack/declaration.d.ts +3 -25
  161. package/dist/elements/structure/Carousel/CarouselTrack/declaration.mjs +6 -28
  162. package/dist/elements/structure/Carousel/CarouselTrack/index.d.ts +3 -23
  163. package/dist/elements/structure/Carousel/Settings.mjs +40 -39
  164. package/dist/elements/structure/Carousel/declaration.d.ts +4 -29
  165. package/dist/elements/structure/Carousel/declaration.mjs +2 -25
  166. package/dist/elements/structure/Carousel/index.d.ts +6 -51
  167. package/dist/elements/structure/Container/Settings.mjs +40 -39
  168. package/dist/elements/structure/Container/declaration.d.ts +3 -28
  169. package/dist/elements/structure/Container/declaration.mjs +2 -23
  170. package/dist/elements/structure/Container/index.d.ts +3 -26
  171. package/dist/elements/structure/DialogContainer/DialogContainer.d.ts +8 -8
  172. package/dist/elements/structure/DialogContainer/DialogContainer.mjs +54 -173
  173. package/dist/elements/structure/DialogContainer/Settings.mjs +24 -23
  174. package/dist/elements/structure/DialogContainer/declaration.d.ts +8 -31
  175. package/dist/elements/structure/DialogContainer/declaration.mjs +2 -23
  176. package/dist/elements/structure/DialogContainer/index.d.ts +8 -29
  177. package/dist/elements/structure/List/ListItem/declaration.d.ts +4 -26
  178. package/dist/elements/structure/List/ListItem/declaration.mjs +3 -25
  179. package/dist/elements/structure/List/ListItem/index.d.ts +4 -24
  180. package/dist/elements/structure/List/Settings.mjs +6 -6
  181. package/dist/elements/structure/List/declaration.d.ts +3 -28
  182. package/dist/elements/structure/List/declaration.mjs +2 -23
  183. package/dist/elements/structure/List/index.d.ts +6 -51
  184. package/dist/elements/structure/List/modes/ListControlled/ListControlled.mjs +13 -12
  185. package/dist/elements/structure/List/modes/ListControlled/ListControlledItem.mjs +6 -6
  186. package/dist/elements/structure/ModalContainer/ModalContainer.mjs +27 -121
  187. package/dist/elements/structure/ModalContainer/Settings.mjs +15 -14
  188. package/dist/elements/structure/ModalContainer/declaration.d.ts +3 -26
  189. package/dist/elements/structure/ModalContainer/declaration.mjs +2 -23
  190. package/dist/elements/structure/ModalContainer/index.d.ts +3 -24
  191. package/dist/elements/structure/Overlay/OverlayShell.d.ts +24 -0
  192. package/dist/elements/structure/Overlay/OverlayShell.mjs +64 -0
  193. package/dist/elements/structure/Overlay/metadataOf.d.ts +8 -0
  194. package/dist/elements/structure/{ModalContainer/metadataFromText.mjs → Overlay/metadataOf.mjs} +5 -2
  195. package/dist/elements/structure/{ModalContainer → Overlay}/useModalDialog.mjs +1 -1
  196. package/dist/elements/structure/Overlay/useOverlay.d.ts +40 -0
  197. package/dist/elements/structure/Overlay/useOverlay.mjs +83 -0
  198. package/dist/elements/structure/Pagination/Pagination.mjs +28 -27
  199. package/dist/elements/structure/Pagination/Settings.mjs +10 -10
  200. package/dist/elements/structure/Pagination/declaration.d.ts +3 -26
  201. package/dist/elements/structure/Pagination/declaration.mjs +2 -23
  202. package/dist/elements/structure/Pagination/index.d.ts +3 -24
  203. package/dist/elements/structure/TabContainer/TabContainerBody/TabContainerBody.d.ts +3 -3
  204. package/dist/elements/structure/TabContainer/TabContainerBody/TabContainerBody.mjs +10 -32
  205. package/dist/elements/structure/TabContainer/TabContainerBody/declaration.d.ts +4 -22
  206. package/dist/elements/structure/TabContainer/TabContainerBody/declaration.mjs +3 -17
  207. package/dist/elements/structure/TabContainer/TabContainerBody/index.d.ts +4 -20
  208. package/dist/elements/structure/TabContainer/TabContainerHeader/TabContainerHeader.d.ts +3 -3
  209. package/dist/elements/structure/TabContainer/TabContainerHeader/TabContainerHeader.mjs +10 -34
  210. package/dist/elements/structure/TabContainer/TabContainerHeader/declaration.d.ts +4 -22
  211. package/dist/elements/structure/TabContainer/TabContainerHeader/declaration.mjs +3 -17
  212. package/dist/elements/structure/TabContainer/TabContainerHeader/index.d.ts +4 -20
  213. package/dist/elements/structure/TabContainer/TabContainerItem/declaration.d.ts +4 -26
  214. package/dist/elements/structure/TabContainer/TabContainerItem/declaration.mjs +7 -27
  215. package/dist/elements/structure/TabContainer/TabContainerItem/index.d.ts +4 -24
  216. package/dist/elements/structure/TabContainer/declaration.d.ts +4 -26
  217. package/dist/elements/structure/TabContainer/declaration.mjs +3 -23
  218. package/dist/elements/structure/TabContainer/index.d.ts +15 -89
  219. package/dist/elements/structure/TabContainer/useTabItems.d.ts +7 -0
  220. package/dist/elements/structure/TabContainer/useTabItems.mjs +35 -0
  221. package/dist/elements/useSettingsUpdate.d.ts +12 -0
  222. package/dist/elements/useSettingsUpdate.mjs +8 -0
  223. package/dist/index.d.ts +169 -984
  224. package/dist/realtime/useChannel.d.ts +4 -3
  225. package/dist/realtime/useChannel.mjs +36 -36
  226. package/package.json +58 -14
  227. package/dist/elements/structure/ModalContainer/metadataFromText.d.ts +0 -7
  228. /package/dist/elements/structure/{ModalContainer → Overlay}/useModalDialog.d.ts +0 -0
@@ -4,105 +4,108 @@ import n from "./useIntervalTriggers.mjs";
4
4
  import r from "./useKeyTriggers.mjs";
5
5
  import i from "./useScrollInteractions.mjs";
6
6
  import { interactionBasicTriggers as a, nativeEventsList as o } from "../helpers/elementConstants.mjs";
7
- import { use as s, useCallback as c, useContext as l, useEffect as u, useMemo as d, useRef as f } from "react";
8
- import { get as p } from "@plitzi/plitzi-ui/helpers";
7
+ import { use as s, useCallback as c, useContext as l, useEffect as u, useEffectEvent as d, useMemo as f, useRef as p } from "react";
9
8
  import { isRecord as m } from "@plitzi/sdk-shared/helpers/isRecord";
10
- import { StoreContext as h } from "@plitzi/nexus/react";
11
- import { emptyObject as g } from "@plitzi/sdk-shared/helpers/utils";
12
- import _ from "clsx";
13
- import { liveSources as v } from "@plitzi/sdk-shared/dataSource";
14
- import { pConsole as y } from "@plitzi/sdk-shared/devTools/utils/PlitziConsole";
9
+ import { get as h } from "@plitzi/plitzi-ui/helpers";
10
+ import { StoreContext as g } from "@plitzi/nexus/react";
11
+ import { emptyObject as _ } from "@plitzi/sdk-shared/helpers/utils";
12
+ import v from "clsx";
13
+ import y from "@plitzi/sdk-interactions/InteractionsContext";
14
+ import { liveSources as b } from "@plitzi/sdk-shared/dataSource";
15
+ import { pConsole as x } from "@plitzi/sdk-shared/devTools/utils/PlitziConsole";
15
16
  //#region src/Element/hooks/useRootElementInteractions.ts
16
- var b = /* @__PURE__ */ new WeakSet(), x = (e) => "nativeEvent" in e && m(e.nativeEvent) ? e.nativeEvent : e, S = ({ elementContext: S, InteractionsContext: C, previewMode: w, debugMode: T, baseElementId: E, className: D, interactionTriggers: O, interactionCallbacks: k, otherProps: A, ref: j }) => {
17
- let { id: M, className: N, attributes: P, definition: F, definition: { interactions: I }, plitziElementLayout: L, elementState: R, setElementState: z } = S, { interactionsManager: B, useInteractions: V } = s(C), H = c((e, t, n, r, i = !1) => {
17
+ var S = /* @__PURE__ */ new WeakSet(), C = (e) => "nativeEvent" in e && m(e.nativeEvent) ? e.nativeEvent : e, w = ({ elementContext: w, previewMode: T, debugMode: E, baseElementId: D, className: O, interactionTriggers: k, interactionCallbacks: A, otherProps: j, ref: M }) => {
18
+ let { id: N, className: P, attributes: F, definition: I, definition: { interactions: L }, plitziElementLayout: R, elementState: z, setElementState: B } = w, { interactionsManager: V, useInteractions: H } = s(y), U = c((e, t, n, r, i = !1) => {
18
19
  i || e.preventDefault(), r && r(e);
19
- let a = x(e);
20
- b.has(a) || (i || b.add(a), B.interactionTrigger(t, n, { event: e }));
21
- }, [B]), U = d(() => !w || !I ? {} : Object.values(I).filter((e) => e.type === "trigger" && e.action && o.includes(e.action) && e.enabled).reduce((e, t) => {
22
- let n = p(t, "params.propagateEvent", !1);
20
+ let a = C(e);
21
+ S.has(a) || (i || S.add(a), V.interactionTrigger(t, n, { event: e }));
22
+ }, [V]), W = f(() => !T || !L ? {} : Object.values(L).filter((e) => e.type === "trigger" && e.action && o.includes(e.action) && e.enabled).reduce((e, t) => {
23
+ let n = h(t, "params.propagateEvent", !1);
23
24
  return {
24
25
  ...e,
25
- [t.action]: (e) => H(e, M, t.action, A[t.action], n)
26
+ [t.action]: (e) => U(e, N, t.action, j[t.action], n)
26
27
  };
27
28
  }, {}), [
28
- M,
29
- I,
30
- A,
31
- w,
32
- H
33
- ]), W = l(h), G = c(() => {
34
- let e = W?.getPath("runtime.sources");
35
- return v(m(e) ? e : g, W?.getPath("runtime.state"), W?.getPath("schema.settings.computed"));
36
- }, [W]), K = c(() => ({ dataSource: G() }), [G]), q = d(() => ({
29
+ N,
30
+ L,
31
+ j,
32
+ T,
33
+ U
34
+ ]), G = l(g), K = c(() => {
35
+ let e = G?.getPath("runtime.sources");
36
+ return b(m(e) ? e : _, G?.getPath("runtime.state"), G?.getPath("schema.settings.computed"));
37
+ }, [G]), q = c(() => ({ dataSource: K() }), [K]), J = f(() => ({
37
38
  ...a,
38
- ...O
39
- }), [O]), J = f(null), Y = j ?? J, X = e({
40
- attributes: P,
41
- definition: F,
42
- setElementState: z
43
- }), Z = i({
44
- id: M,
45
- label: F.label,
46
- nodeRef: Y,
47
- interactions: I,
48
- previewMode: w,
49
- interactionsManager: B
39
+ ...k
40
+ }), [k]), Y = p(null), X = M ?? Y, Z = e({
41
+ attributes: F,
42
+ definition: I,
43
+ setElementState: B
44
+ }), Q = i({
45
+ id: N,
46
+ label: I.label,
47
+ nodeRef: X,
48
+ interactions: L,
49
+ previewMode: T,
50
+ interactionsManager: V
50
51
  });
51
- V({
52
- id: M,
53
- interactions: I,
54
- triggers: q,
55
- callbacks: d(() => ({
56
- ...k,
57
- ...Z,
58
- ...X
52
+ H({
53
+ id: N,
54
+ interactions: L,
55
+ triggers: J,
56
+ callbacks: f(() => ({
57
+ ...A,
58
+ ...Q,
59
+ ...Z
59
60
  }), [
60
- k,
61
- Z,
62
- X
61
+ A,
62
+ Q,
63
+ Z
63
64
  ]),
64
- getAdditionalParams: K
65
+ getAdditionalParams: q
65
66
  }), r({
66
- id: M,
67
- interactions: I,
68
- previewMode: w,
69
- interactionsManager: B
67
+ id: N,
68
+ interactions: L,
69
+ previewMode: T,
70
+ interactionsManager: V
70
71
  }), n({
71
- id: M,
72
- interactions: I,
73
- previewMode: w,
74
- interactionsManager: B
75
- }), u(() => {
76
- if (!w || !I || !Object.keys(I).length) return;
72
+ id: N,
73
+ interactions: L,
74
+ previewMode: T,
75
+ interactionsManager: V
76
+ });
77
+ let $ = d(() => {
78
+ if (!T || !L || !Object.keys(L).length) return;
77
79
  let e = !1;
78
80
  return queueMicrotask(() => {
79
- e || B.interactionTrigger(M, "onLoad", {});
81
+ e || V.interactionTrigger(N, "onLoad", {});
80
82
  }), () => {
81
83
  e = !0;
82
84
  };
83
- }, []), u(() => {
84
- if (T) return y.addProviderMethod(`getElementDataSource-${M}`, G), () => {
85
- y.removeProviderMethod(`getElementDataSource-${M}`);
85
+ });
86
+ u(() => $(), []), u(() => {
87
+ if (E) return x.addProviderMethod(`getElementDataSource-${N}`, K), () => {
88
+ x.removeProviderMethod(`getElementDataSource-${N}`);
86
89
  };
87
90
  }, [
88
- T,
89
- G,
90
- M
91
+ E,
92
+ K,
93
+ N
91
94
  ]);
92
- let Q = t({
93
- id: M,
94
- className: D,
95
- previewMode: w,
96
- baseElementId: E,
97
- definition: F,
98
- elementState: R,
99
- plitziElementLayout: L
95
+ let ee = t({
96
+ id: N,
97
+ className: O,
98
+ previewMode: T,
99
+ baseElementId: D,
100
+ definition: I,
101
+ elementState: z,
102
+ plitziElementLayout: R
100
103
  });
101
104
  return {
102
- className: _(N, Q),
103
- events: U,
104
- nodeRef: Y
105
+ className: v(P, ee),
106
+ events: W,
107
+ nodeRef: X
105
108
  };
106
109
  };
107
110
  //#endregion
108
- export { S as default };
111
+ export { w as default };
@@ -1,5 +1,4 @@
1
- import { InteractionsManager } from '@plitzi/sdk-interactions';
2
- import { ElementInteraction, InteractionCallback } from '@plitzi/sdk-shared';
1
+ import { InteractionsManagerApi, ElementInteraction, InteractionCallback } from '@plitzi/sdk-shared';
3
2
  import { RefObject } from 'react';
4
3
  export type UseScrollInteractionsProps = {
5
4
  id: string;
@@ -7,7 +6,7 @@ export type UseScrollInteractionsProps = {
7
6
  nodeRef: RefObject<HTMLElement | null>;
8
7
  interactions?: Record<string, ElementInteraction>;
9
8
  previewMode: boolean;
10
- interactionsManager: InteractionsManager;
9
+ interactionsManager: InteractionsManagerApi;
11
10
  };
12
11
  /**
13
12
  * The element's scroll steps, and its `onScroll` trigger.
@@ -1,6 +1,6 @@
1
1
  import e from "./useReducedMotion.mjs";
2
2
  import { useEffect as t, useRef as n, useState as r, useSyncExternalStore as i } from "react";
3
- import a from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
3
+ import a from "@plitzi/sdk-shared/hooks/usePlitzi";
4
4
  //#region src/canvas/useAnimationFrame.ts
5
5
  var o = (e) => (document.addEventListener("visibilitychange", e), () => document.removeEventListener("visibilitychange", e)), s = () => document.visibilityState !== "hidden", c = (e) => {
6
6
  let [n, i] = r(!0);
@@ -2,7 +2,7 @@ import { use as e, useCallback as t, useEffect as n, useMemo as r, useRef as i }
2
2
  import { useCommonStore as a, useCommonStoreSync as o } from "@plitzi/sdk-shared/store";
3
3
  import { get as s } from "@plitzi/plitzi-ui/helpers";
4
4
  import { flagValues as c, undeclaredFlagOverrides as l } from "@plitzi/sdk-shared/flags";
5
- import { getPathsFromObeject as u } from "@plitzi/sdk-shared/helpers/utils";
5
+ import { getPathsFromObject as u } from "@plitzi/sdk-shared/helpers/utils";
6
6
  import { evaluateComputed as ee } from "@plitzi/sdk-shared/dataSource";
7
7
  import te from "@plitzi/sdk-shared/hooks/useStableValue";
8
8
  import d, { SPACE_THEME_AREA as f } from "@plitzi/sdk-shared/theme/useTheme";
@@ -1,4 +1,4 @@
1
- import { getPathsFromObeject as e } from "@plitzi/sdk-shared/helpers/utils";
1
+ import { getPathsFromObject as e } from "@plitzi/sdk-shared/helpers/utils";
2
2
  //#region src/dataSource/pathFields.ts
3
3
  var t = (t) => e(t).map((e) => ({
4
4
  path: e,
@@ -0,0 +1,7 @@
1
+ /**
2
+ * What an element that publishes a source hands its `StoreProvider`: the data under the source's name, where what is
3
+ * inside it binds to it. Nothing when it has no name to publish under — the same empty object every time, so a store
4
+ * that publishes nothing never changes.
5
+ */
6
+ declare const sourceStore: (sourceName: string | undefined, data: unknown) => {};
7
+ export default sourceStore;
@@ -0,0 +1,5 @@
1
+ import { emptyObject as e } from "@plitzi/sdk-shared/helpers/utils";
2
+ //#region src/dataSource/sourceStore.ts
3
+ var t = (t, n) => t ? { runtime: { sources: { [t]: n } } } : e;
4
+ //#endregion
5
+ export { t as default };
@@ -1,7 +1,7 @@
1
1
  import e from "../../../Element/hocs/withElement.mjs";
2
2
  import { RootElement as t } from "../../../Element/RootElement.mjs";
3
3
  import { useCallback as n, useEffect as r } from "react";
4
- import i from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
4
+ import i from "@plitzi/sdk-shared/hooks/usePlitzi";
5
5
  import { jsx as a } from "react/jsx-runtime";
6
6
  import o from "clsx";
7
7
  //#region src/elements/advanced/BlockHtml/BlockHtml.tsx
@@ -2,7 +2,7 @@ import { BlockHtmlProps } from './BlockHtml';
2
2
  import { AuthorableAttributes } from '@plitzi/sdk-shared/authoring/declare';
3
3
  /** What this element can be authored with — its component's own props, minus what the runtime supplies. */
4
4
  export type BlockHtmlAttributes = AuthorableAttributes<BlockHtmlProps>;
5
- declare const declaration: {
5
+ declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
6
6
  readonly type: "blockHtml";
7
7
  readonly content: {
8
8
  readonly attributes: {
@@ -10,46 +10,21 @@ declare const declaration: {
10
10
  };
11
11
  readonly definition: {
12
12
  readonly label: "HTML Block";
13
- readonly type: "blockHtml";
14
13
  readonly description: "Renders an arbitrary raw HTML string as a block. Escape hatch when no structured element fits.";
15
- readonly bindings: {};
16
- readonly styleSelectors: {
17
- readonly base: "";
18
- };
19
- readonly initialState: {
20
- readonly visibility: true;
21
- };
22
- };
23
- readonly builder: {
24
- readonly canDelete: true;
25
- readonly canSelect: true;
26
- readonly canDragDrop: true;
27
- readonly canMove: true;
28
- readonly canSnippet: true;
29
- readonly itemsAllowed: readonly [];
30
- readonly itemsNotAllowed: readonly [];
31
14
  };
32
15
  readonly market: {
33
16
  readonly category: "advanced";
34
- readonly owner: "Plitzi";
35
- readonly verified: true;
36
- readonly license: "MIT";
37
- readonly website: "https://plitzi.com";
38
- readonly backgroundColor: "#4422ee";
39
17
  readonly icon: "fa-brands fa-html5";
40
18
  };
41
19
  readonly defaultStyle: {
42
- readonly name: "HTML Block";
43
- readonly displayMode: "desktop";
44
20
  readonly style: {
45
21
  readonly base: {
46
22
  readonly default: {};
47
23
  };
48
24
  };
49
25
  };
50
- readonly settings: {};
51
26
  };
52
- } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
27
+ }, Partial<{
53
28
  content?: string | undefined;
54
29
  }>>;
55
30
  export default declaration;
@@ -6,36 +6,13 @@ var t = e()({
6
6
  attributes: { content: "" },
7
7
  definition: {
8
8
  label: "HTML Block",
9
- type: "blockHtml",
10
- description: "Renders an arbitrary raw HTML string as a block. Escape hatch when no structured element fits.",
11
- bindings: {},
12
- styleSelectors: { base: "" },
13
- initialState: { visibility: !0 }
14
- },
15
- builder: {
16
- canDelete: !0,
17
- canSelect: !0,
18
- canDragDrop: !0,
19
- canMove: !0,
20
- canSnippet: !0,
21
- itemsAllowed: [],
22
- itemsNotAllowed: []
9
+ description: "Renders an arbitrary raw HTML string as a block. Escape hatch when no structured element fits."
23
10
  },
24
11
  market: {
25
12
  category: "advanced",
26
- owner: "Plitzi",
27
- verified: !0,
28
- license: "MIT",
29
- website: "https://plitzi.com",
30
- backgroundColor: "#4422ee",
31
13
  icon: "fa-brands fa-html5"
32
14
  },
33
- defaultStyle: {
34
- name: "HTML Block",
35
- displayMode: "desktop",
36
- style: { base: { default: {} } }
37
- },
38
- settings: {}
15
+ defaultStyle: { style: { base: { default: {} } } }
39
16
  }
40
17
  });
41
18
  //#endregion
@@ -9,45 +9,22 @@ declare const BlockHtml: {
9
9
  };
10
10
  readonly definition: {
11
11
  readonly label: "HTML Block";
12
- readonly type: "blockHtml";
13
12
  readonly description: "Renders an arbitrary raw HTML string as a block. Escape hatch when no structured element fits.";
14
- readonly bindings: {};
15
- readonly styleSelectors: {
16
- readonly base: "";
17
- };
18
- readonly initialState: {
19
- readonly visibility: true;
20
- };
21
- };
22
- readonly builder: {
23
- readonly canDelete: true;
24
- readonly canSelect: true;
25
- readonly canDragDrop: true;
26
- readonly canMove: true;
27
- readonly canSnippet: true;
28
- readonly itemsAllowed: readonly [];
29
- readonly itemsNotAllowed: readonly [];
30
13
  };
31
14
  readonly market: {
32
15
  readonly category: "advanced";
33
- readonly owner: "Plitzi";
34
- readonly verified: true;
35
- readonly license: "MIT";
36
- readonly website: "https://plitzi.com";
37
- readonly backgroundColor: "#4422ee";
38
16
  readonly icon: "fa-brands fa-html5";
39
17
  };
40
18
  readonly defaultStyle: {
41
- readonly name: "HTML Block";
42
- readonly displayMode: "desktop";
43
19
  readonly style: {
44
20
  readonly base: {
45
21
  readonly default: {};
46
22
  };
47
23
  };
48
24
  };
49
- readonly settings: {};
50
25
  };
26
+ } & {
27
+ content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
51
28
  } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
52
29
  content?: string | undefined;
53
30
  }>>;
@@ -1,83 +1,83 @@
1
1
  import e from "../../../components/ElementAdvancedEditor.mjs";
2
2
  import { use as t, useCallback as n, useState as r } from "react";
3
- import i from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
4
- import { get as a } from "@plitzi/plitzi-ui/helpers";
5
- import { jsx as o, jsxs as s } from "react/jsx-runtime";
6
- import c from "@plitzi/sdk-shared/theme/useTheme";
7
- import l from "@plitzi/plitzi-ui/Button";
8
- import u from "@plitzi/plitzi-ui/CodeMirror";
9
- import d from "@plitzi/sdk-shared/hooks/useNetwork";
3
+ import { get as i } from "@plitzi/plitzi-ui/helpers";
4
+ import { jsx as a, jsxs as o } from "react/jsx-runtime";
5
+ import s from "@plitzi/sdk-shared/theme/useTheme";
6
+ import c from "@plitzi/plitzi-ui/Button";
7
+ import l from "@plitzi/plitzi-ui/CodeMirror";
8
+ import u from "@plitzi/sdk-shared/hooks/useNetwork";
9
+ import d from "@plitzi/sdk-shared/network/NetworkContext";
10
10
  import f from "@plitzi/plitzi-ui/Alert";
11
11
  import p from "@plitzi/plitzi-ui/Heading";
12
12
  //#region src/elements/advanced/BlockJsx/Settings.tsx
13
13
  var m = ({ content: m = "", props: h = "{}", onUpdate: g }) => {
14
- let { resolvedTheme: _ } = c(), { contexts: { NetworkContext: v } } = i(), { server: y, webKey: b } = t(v), [x, S] = r(void 0), { networkQuery: C, networkLoading: w } = d({
14
+ let { resolvedTheme: _ } = s(), { server: v, webKey: y } = t(d), [b, x] = r(void 0), { networkQuery: S, networkLoading: C } = u({
15
15
  initLoading: !1,
16
- server: y,
17
- webKey: b
18
- }), T = n(async (e) => {
19
- let t = await C("/utils/transform-jsx", { data: e }, "post");
16
+ server: v,
17
+ webKey: y
18
+ }), w = n(async (e) => {
19
+ let t = await S("/utils/transform-jsx", { data: e }, "post");
20
20
  if (!t) return;
21
- let n = a(t, "data");
21
+ let n = i(t, "data");
22
22
  if (!n) {
23
- S(a(t, "error")), g?.("contentCache", "");
23
+ x(i(t, "error")), g?.("contentCache", "");
24
24
  return;
25
25
  }
26
- S(void 0), g?.("contentCache", btoa(n));
27
- }, [g, C]), E = n(() => void T(m), [T, m]), D = n((e) => g?.("content", e), [g]), O = n((e) => g?.("props", e), [g]);
28
- return /* @__PURE__ */ s("div", {
26
+ x(void 0), g?.("contentCache", btoa(n));
27
+ }, [g, S]), T = n(() => void w(m), [w, m]), E = n((e) => g?.("content", e), [g]), D = n((e) => g?.("props", e), [g]);
28
+ return /* @__PURE__ */ o("div", {
29
29
  className: "flex h-full flex-col",
30
- children: [/* @__PURE__ */ o(e, {
30
+ children: [/* @__PURE__ */ a(e, {
31
31
  className: "min-h-0 grow basis-0",
32
32
  value: m,
33
33
  mode: "js",
34
- onChange: D
35
- }), /* @__PURE__ */ s("div", {
34
+ onChange: E
35
+ }), /* @__PURE__ */ o("div", {
36
36
  className: "flex flex-col py-2",
37
37
  children: [
38
- x && /* @__PURE__ */ o(f, {
38
+ b && /* @__PURE__ */ a(f, {
39
39
  className: "mb-4",
40
40
  intent: "error",
41
41
  size: "sm",
42
- children: /* @__PURE__ */ s("div", {
42
+ children: /* @__PURE__ */ o("div", {
43
43
  className: "flex flex-col text-xs",
44
- children: [/* @__PURE__ */ o("div", {
44
+ children: [/* @__PURE__ */ a("div", {
45
45
  className: "whitespace-pre",
46
- children: x.message
47
- }), /* @__PURE__ */ s("div", {
46
+ children: b.message
47
+ }), /* @__PURE__ */ o("div", {
48
48
  className: "my-2",
49
- children: ["Reason: ", /* @__PURE__ */ o("div", {
49
+ children: ["Reason: ", /* @__PURE__ */ a("div", {
50
50
  className: "inline-block font-bold",
51
- children: x.reasonCode
51
+ children: b.reasonCode
52
52
  })]
53
53
  })]
54
54
  })
55
55
  }),
56
- /* @__PURE__ */ o("div", {
56
+ /* @__PURE__ */ a("div", {
57
57
  className: "flex items-center justify-end",
58
- children: /* @__PURE__ */ s(l, {
58
+ children: /* @__PURE__ */ o(c, {
59
59
  size: "sm",
60
- onClick: E,
61
- disabled: w,
62
- children: [!w && "Compile", w && /* @__PURE__ */ s("div", {
60
+ onClick: T,
61
+ disabled: C,
62
+ children: [!C && "Compile", C && /* @__PURE__ */ o("div", {
63
63
  className: "flex items-center justify-center",
64
- children: [/* @__PURE__ */ o("i", { className: "fas fa-sync fa-spin mr-1" }), "Compiling..."]
64
+ children: [/* @__PURE__ */ a("i", { className: "fas fa-sync fa-spin mr-1" }), "Compiling..."]
65
65
  })]
66
66
  })
67
67
  }),
68
- /* @__PURE__ */ s("div", {
68
+ /* @__PURE__ */ o("div", {
69
69
  className: "flex flex-col",
70
- children: [/* @__PURE__ */ o(p, {
70
+ children: [/* @__PURE__ */ a(p, {
71
71
  as: "h5",
72
72
  children: "Properties"
73
- }), /* @__PURE__ */ o(u, {
73
+ }), /* @__PURE__ */ a(l, {
74
74
  size: "sm",
75
75
  className: "min-h-40 p-0",
76
76
  value: h,
77
77
  theme: _,
78
78
  mode: "json",
79
79
  lineWrapping: !0,
80
- onChange: O
80
+ onChange: D
81
81
  })]
82
82
  })
83
83
  ]
@@ -5,7 +5,7 @@ export type BlockJsxAttributes = AuthorableAttributes<BlockJsxProps> & {
5
5
  content?: string;
6
6
  allowEmptyRender?: boolean;
7
7
  };
8
- declare const declaration: {
8
+ declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
9
9
  readonly type: "blockJsx";
10
10
  readonly content: {
11
11
  readonly attributes: {
@@ -16,44 +16,19 @@ declare const declaration: {
16
16
  };
17
17
  readonly definition: {
18
18
  readonly label: "Block JSX";
19
- readonly type: "blockJsx";
20
19
  readonly description: "A compiled JSX block for advanced authoring.";
21
- readonly bindings: {};
22
- readonly styleSelectors: {
23
- readonly base: "";
24
- };
25
- readonly initialState: {
26
- readonly visibility: true;
27
- };
28
- };
29
- readonly builder: {
30
- readonly canDelete: true;
31
- readonly canSelect: true;
32
- readonly canDragDrop: true;
33
- readonly canMove: true;
34
- readonly canSnippet: true;
35
- readonly itemsAllowed: readonly [];
36
- readonly itemsNotAllowed: readonly [];
37
20
  };
38
21
  readonly market: {
39
22
  readonly category: "advanced";
40
- readonly owner: "Plitzi";
41
- readonly verified: true;
42
- readonly license: "MIT";
43
- readonly website: "https://plitzi.com";
44
- readonly backgroundColor: "#4422ee";
45
23
  readonly icon: "fa-solid fa-code";
46
24
  };
47
25
  readonly defaultStyle: {
48
- readonly name: "Block JSX";
49
- readonly displayMode: "desktop";
50
26
  readonly style: {
51
27
  readonly base: {
52
28
  readonly default: {};
53
29
  };
54
30
  };
55
31
  };
56
- readonly settings: {};
57
32
  };
58
- } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<BlockJsxAttributes>;
33
+ }, BlockJsxAttributes>;
59
34
  export default declaration;
@@ -11,36 +11,13 @@ var t = e()({
11
11
  },
12
12
  definition: {
13
13
  label: "Block JSX",
14
- type: "blockJsx",
15
- description: "A compiled JSX block for advanced authoring.",
16
- bindings: {},
17
- styleSelectors: { base: "" },
18
- initialState: { visibility: !0 }
19
- },
20
- builder: {
21
- canDelete: !0,
22
- canSelect: !0,
23
- canDragDrop: !0,
24
- canMove: !0,
25
- canSnippet: !0,
26
- itemsAllowed: [],
27
- itemsNotAllowed: []
14
+ description: "A compiled JSX block for advanced authoring."
28
15
  },
29
16
  market: {
30
17
  category: "advanced",
31
- owner: "Plitzi",
32
- verified: !0,
33
- license: "MIT",
34
- website: "https://plitzi.com",
35
- backgroundColor: "#4422ee",
36
18
  icon: "fa-solid fa-code"
37
19
  },
38
- defaultStyle: {
39
- name: "Block JSX",
40
- displayMode: "desktop",
41
- style: { base: { default: {} } }
42
- },
43
- settings: {}
20
+ defaultStyle: { style: { base: { default: {} } } }
44
21
  }
45
22
  });
46
23
  //#endregion