@plitzi/sdk-elements 0.38.11 → 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 (226) hide show
  1. package/CHANGELOG.md +112 -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 +139 -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 +40 -39
  155. package/dist/elements/provider/Channel/declaration.d.ts +3 -28
  156. package/dist/elements/provider/Channel/declaration.mjs +3 -24
  157. package/dist/elements/provider/Channel/index.d.ts +3 -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 +163 -984
  224. package/package.json +57 -13
  225. package/dist/elements/structure/ModalContainer/metadataFromText.d.ts +0 -7
  226. /package/dist/elements/structure/{ModalContainer → Overlay}/useModalDialog.d.ts +0 -0
@@ -12,44 +12,21 @@ declare const BlockJsx: {
12
12
  };
13
13
  readonly definition: {
14
14
  readonly label: "Block JSX";
15
- readonly type: "blockJsx";
16
15
  readonly description: "A compiled JSX block for advanced authoring.";
17
- readonly bindings: {};
18
- readonly styleSelectors: {
19
- readonly base: "";
20
- };
21
- readonly initialState: {
22
- readonly visibility: true;
23
- };
24
- };
25
- readonly builder: {
26
- readonly canDelete: true;
27
- readonly canSelect: true;
28
- readonly canDragDrop: true;
29
- readonly canMove: true;
30
- readonly canSnippet: true;
31
- readonly itemsAllowed: readonly [];
32
- readonly itemsNotAllowed: readonly [];
33
16
  };
34
17
  readonly market: {
35
18
  readonly category: "advanced";
36
- readonly owner: "Plitzi";
37
- readonly verified: true;
38
- readonly license: "MIT";
39
- readonly website: "https://plitzi.com";
40
- readonly backgroundColor: "#4422ee";
41
19
  readonly icon: "fa-solid fa-code";
42
20
  };
43
21
  readonly defaultStyle: {
44
- readonly name: "Block JSX";
45
- readonly displayMode: "desktop";
46
22
  readonly style: {
47
23
  readonly base: {
48
24
  readonly default: {};
49
25
  };
50
26
  };
51
27
  };
52
- readonly settings: {};
53
28
  };
29
+ } & {
30
+ content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
54
31
  } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<import('./declaration').BlockJsxAttributes>;
55
32
  export default BlockJsx;
@@ -1,30 +1,31 @@
1
1
  import e from "../../../Element/PluginRemote.mjs";
2
- import t from "../../../Element/hocs/withElement.mjs";
3
- import n from "../../../Element/hooks/useElement.mjs";
4
- import { RootElement as r } from "../../../Element/RootElement.mjs";
5
- import { use as i, useEffect as a, useMemo as o } from "react";
6
- import s from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
2
+ import { getRemoteSettings as t } from "../../../Element/helpers/pluginSelector.mjs";
3
+ import n from "../../../Element/hocs/withElement.mjs";
4
+ import r from "../../../Element/hooks/useElement.mjs";
5
+ import { RootElement as i } from "../../../Element/RootElement.mjs";
6
+ import { use as a, useEffect as o, useMemo as s } from "react";
7
7
  import c from "@plitzi/sdk-shared/elements/ComponentContext";
8
- import { jsx as l, jsxs as u } from "react/jsx-runtime";
9
- import d from "clsx";
8
+ import l from "@plitzi/sdk-shared/plugins/PluginsContext";
9
+ import { jsx as u, jsxs as d } from "react/jsx-runtime";
10
+ import f from "clsx";
10
11
  //#region src/elements/advanced/Custom/Custom.tsx
11
- var f = ({ ref: t, className: f = "", renderType: p = "", settings: m = "{}", isPlugin: h = !1, assets: g = "", scriptUrl: _ = "" }) => {
12
- let { id: v, rootId: y } = n(), { contexts: { PluginsContext: b } } = s(), { registerCustomAssets: x, unregisterCustomAssets: S } = i(b), { components: C } = i(c), w = o(() => {
13
- if (!m) return {};
12
+ var p = ({ ref: n, className: p = "", renderType: m = "", settings: h = "{}", isPlugin: g = !1, assets: _ = "", scriptUrl: v = "" }) => {
13
+ let { id: y, rootId: b } = r(), { plugins: x, registerCustomAssets: S, unregisterCustomAssets: C } = a(l), { components: w } = a(c), T = s(() => {
14
+ if (!h) return {};
14
15
  try {
15
- return JSON.parse(m);
16
+ return JSON.parse(h);
16
17
  } catch {}
17
18
  return !1;
18
- }, [m]), T = w === !1, E = o(() => ({
19
- id: v,
20
- rootId: y,
21
- ...T ? {} : w
19
+ }, [h]), E = T === !1, D = s(() => ({
20
+ id: y,
21
+ rootId: b,
22
+ ...E ? {} : T
22
23
  }), [
23
- v,
24
24
  y,
25
- T,
26
- w
27
- ]), D = o(() => g ? g.split("\n").filter((e) => !!e && e.trim() !== "").map((e) => e.endsWith(".js") ? {
25
+ b,
26
+ E,
27
+ T
28
+ ]), O = s(() => _ ? _.split("\n").filter((e) => !!e && e.trim() !== "").map((e) => e.endsWith(".js") ? {
28
29
  id: e,
29
30
  type: "script",
30
31
  params: {
@@ -39,37 +40,46 @@ var f = ({ ref: t, className: f = "", renderType: p = "", settings: m = "{}", is
39
40
  rel: "stylesheet",
40
41
  type: "text/css"
41
42
  }
42
- }) : [], [g]);
43
- if (a(() => {
44
- if (D.length !== 0) return x(D), () => {
45
- S(D.map((e) => e.type === "script" ? e.params.url : e.params.href));
43
+ }) : [], [_]);
44
+ if (o(() => {
45
+ if (O.length !== 0) return S(O), () => {
46
+ C(O.map((e) => e.type === "script" ? e.params.url : e.params.href));
46
47
  };
47
48
  }, [
48
- D,
49
- x,
50
- S
51
- ]), h && _ && !T) return /* @__PURE__ */ l(e, {
52
- url: _,
53
- internalProps: E,
49
+ O,
50
+ S,
51
+ C
52
+ ]), g && v && !E) return /* @__PURE__ */ u(e, {
53
+ url: v,
54
+ internalProps: D,
54
55
  autoRegister: !1
55
56
  });
56
- let O = C.current[p];
57
- return O && !T ? /* @__PURE__ */ l(O, {
58
- internalProps: E,
59
- extraProps: O.extraProps
60
- }) : /* @__PURE__ */ u(r, {
61
- ref: t,
62
- className: d("plitzi-component__custom", f),
57
+ let k = w.current[m];
58
+ if (k && !E) return /* @__PURE__ */ u(k, {
59
+ internalProps: D,
60
+ extraProps: k.extraProps
61
+ });
62
+ let A = m && !E ? t({
63
+ type: m,
64
+ plugins: x
65
+ }) : void 0;
66
+ return A ? /* @__PURE__ */ u(e, {
67
+ url: A.url,
68
+ type: m,
69
+ internalProps: D
70
+ }) : /* @__PURE__ */ d(i, {
71
+ ref: n,
72
+ className: f("plitzi-component__custom", p),
63
73
  children: [
64
- p && !T && /* @__PURE__ */ u("span", { children: [
74
+ m && !E && /* @__PURE__ */ d("span", { children: [
65
75
  "Custom Component ",
66
- /* @__PURE__ */ l("b", { children: p }),
76
+ /* @__PURE__ */ u("b", { children: m }),
67
77
  " Not Found"
68
78
  ] }),
69
- T && /* @__PURE__ */ l("span", { children: "Settings Malformed" }),
70
- !p && /* @__PURE__ */ l("span", { children: "Custom Component" })
79
+ E && /* @__PURE__ */ u("span", { children: "Settings Malformed" }),
80
+ !m && /* @__PURE__ */ u("span", { children: "Custom Component" })
71
81
  ]
72
82
  });
73
- }, p = t(f);
83
+ }, m = n(p);
74
84
  //#endregion
75
- export { f as Custom, p as default };
85
+ export { p as Custom, m as default };
@@ -1,82 +1,83 @@
1
- import { useCallback as e, useEffect as t, useState as n } from "react";
2
- import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
3
- import o from "@plitzi/sdk-shared/theme/useTheme";
4
- import s from "@plitzi/plitzi-ui/CodeMirror";
5
- import c from "@plitzi/plitzi-ui/Alert";
6
- import l from "@plitzi/plitzi-ui/Checkbox";
7
- import u from "@plitzi/plitzi-ui/Input";
8
- import d from "@plitzi/plitzi-ui/TextArea";
1
+ import e from "../../useSettingsUpdate.mjs";
2
+ import { useCallback as t, useEffect as n, useEffectEvent as r, useState as i } from "react";
3
+ import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
4
+ import c from "@plitzi/sdk-shared/theme/useTheme";
5
+ import l from "@plitzi/plitzi-ui/CodeMirror";
6
+ import u from "@plitzi/plitzi-ui/Alert";
7
+ import d from "@plitzi/plitzi-ui/Checkbox";
8
+ import f from "@plitzi/plitzi-ui/Input";
9
+ import p from "@plitzi/plitzi-ui/TextArea";
9
10
  //#region src/elements/advanced/Custom/Settings.tsx
10
- var f = ({ renderType: f = "", settings: p = "{}", isPlugin: m = !1, assets: h = "", scriptUrl: g = "", onUpdate: _ }) => {
11
- let { resolvedTheme: v } = o(), [y, b] = n(!0), x = e((e) => (t) => _?.(e, t), [_]), S = e((e) => {
11
+ var m = ({ renderType: m = "", settings: h = "{}", isPlugin: g = !1, assets: _ = "", scriptUrl: v = "", onUpdate: y }) => {
12
+ let { resolvedTheme: b } = c(), [x, S] = i(!0), C = e(y), w = t((e) => {
12
13
  e ||= "{}";
13
14
  try {
14
- _?.("settings", e), JSON.stringify(JSON.parse(e)), b(!0);
15
+ y?.("settings", e), JSON.stringify(JSON.parse(e)), S(!0);
15
16
  } catch {
16
- b(!1);
17
+ S(!1);
17
18
  }
18
- }, [_]), C = e((e) => _?.("isPlugin", e.target.checked), [_]);
19
- return t(() => {
20
- if (!_ || !p) {
21
- _?.("settings", "{}"), b(!0);
19
+ }, [y]), T = t((e) => y?.("isPlugin", e.target.checked), [y]), E = r(() => {
20
+ if (!y || !h) {
21
+ y?.("settings", "{}"), S(!0);
22
22
  return;
23
23
  }
24
24
  try {
25
- let e = JSON.stringify(JSON.parse(p), null, 2);
26
- e !== p && _("settings", e), b(!0);
25
+ let e = JSON.stringify(JSON.parse(h), null, 2);
26
+ e !== h && y("settings", e), S(!0);
27
27
  } catch {
28
- b(!1);
28
+ S(!1);
29
29
  }
30
- }, [_]), /* @__PURE__ */ a("div", {
30
+ });
31
+ return n(() => E(), [y]), /* @__PURE__ */ s("div", {
31
32
  className: "flex flex-col gap-4 py-2",
32
33
  children: [
33
- /* @__PURE__ */ i(u, {
34
- value: f,
34
+ /* @__PURE__ */ o(f, {
35
+ value: m,
35
36
  label: "Render Type",
36
- onChange: x("renderType"),
37
+ onChange: C.text("renderType"),
37
38
  size: "xs"
38
39
  }),
39
- /* @__PURE__ */ a("div", {
40
+ /* @__PURE__ */ s("div", {
40
41
  className: "flex flex-col",
41
- children: [/* @__PURE__ */ i("label", { children: "Settings" }), /* @__PURE__ */ i(s, {
42
+ children: [/* @__PURE__ */ o("label", { children: "Settings" }), /* @__PURE__ */ o(l, {
42
43
  className: "min-h-62.5",
43
- value: p,
44
- theme: v,
44
+ value: h,
45
+ theme: b,
45
46
  mode: "json",
46
47
  size: "xs",
47
48
  lineWrapping: !0,
48
- onChange: S
49
+ onChange: w
49
50
  })]
50
51
  }),
51
- !y && /* @__PURE__ */ i(c, {
52
+ !x && /* @__PURE__ */ o(u, {
52
53
  className: "mt-1",
53
54
  solid: !1,
54
55
  intent: "warning",
55
56
  size: "xs",
56
- children: /* @__PURE__ */ i("div", {
57
+ children: /* @__PURE__ */ o("div", {
57
58
  className: "flex h-full w-full items-center",
58
59
  children: "This json is invalid"
59
60
  })
60
61
  }),
61
- /* @__PURE__ */ i(l, {
62
- checked: m,
63
- onChange: C,
62
+ /* @__PURE__ */ o(d, {
63
+ checked: g,
64
+ onChange: T,
64
65
  label: "Is Plugin",
65
66
  size: "xs"
66
67
  }),
67
- m && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(u, {
68
- value: g,
68
+ g && /* @__PURE__ */ s(a, { children: [/* @__PURE__ */ o(f, {
69
+ value: v,
69
70
  label: "Plugin Script Url",
70
- onChange: x("scriptUrl"),
71
+ onChange: C.text("scriptUrl"),
71
72
  size: "xs"
72
- }), /* @__PURE__ */ i(d, {
73
- value: h,
73
+ }), /* @__PURE__ */ o(p, {
74
+ value: _,
74
75
  label: "Plugin Assets (Styles)",
75
- onChange: x("assets"),
76
+ onChange: C.text("assets"),
76
77
  size: "xs"
77
78
  })] })
78
79
  ]
79
80
  });
80
81
  };
81
82
  //#endregion
82
- export { f as default };
83
+ export { m as default };
@@ -6,7 +6,7 @@ import { AuthorableAttributes } from '@plitzi/sdk-shared/authoring/declare';
6
6
  * `series`, a map's `height`), so the element carries whatever that component declares.
7
7
  */
8
8
  export type CustomAttributes = AuthorableAttributes<CustomProps> & Record<string, unknown>;
9
- declare const declaration: {
9
+ declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
10
10
  readonly type: "custom";
11
11
  readonly content: {
12
12
  readonly attributes: {
@@ -18,37 +18,14 @@ declare const declaration: {
18
18
  };
19
19
  readonly definition: {
20
20
  readonly label: "Custom";
21
- readonly type: "custom";
22
21
  readonly description: "A custom element slot whose behaviour is supplied by a host/plugin component.";
23
- readonly bindings: {};
24
- readonly styleSelectors: {
25
- readonly base: "";
26
- };
27
- readonly initialState: {
28
- readonly visibility: true;
29
- };
30
- };
31
- readonly builder: {
32
- readonly canDelete: true;
33
- readonly canSelect: true;
34
- readonly canDragDrop: true;
35
- readonly canMove: true;
36
- readonly canSnippet: true;
37
- readonly itemsAllowed: readonly [];
38
- readonly itemsNotAllowed: readonly [];
39
22
  };
40
23
  readonly market: {
41
24
  readonly category: "advanced";
42
- readonly owner: "Plitzi";
43
- readonly verified: true;
44
- readonly license: "MIT";
45
- readonly website: "https://plitzi.com";
46
- readonly backgroundColor: "#4422ee";
47
25
  readonly icon: "fa-solid fa-paintbrush";
48
26
  };
49
27
  readonly defaultStyle: {
50
28
  readonly name: "Custom Element";
51
- readonly displayMode: "desktop";
52
29
  readonly style: {
53
30
  readonly base: {
54
31
  readonly default: {
@@ -59,7 +36,6 @@ declare const declaration: {
59
36
  };
60
37
  };
61
38
  };
62
- readonly settings: {};
63
39
  };
64
- } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<CustomAttributes>;
40
+ }, CustomAttributes>;
65
41
  export default declaration;
@@ -12,40 +12,20 @@ var t = e()({
12
12
  },
13
13
  definition: {
14
14
  label: "Custom",
15
- type: "custom",
16
- description: "A custom element slot whose behaviour is supplied by a host/plugin component.",
17
- bindings: {},
18
- styleSelectors: { base: "" },
19
- initialState: { visibility: !0 }
20
- },
21
- builder: {
22
- canDelete: !0,
23
- canSelect: !0,
24
- canDragDrop: !0,
25
- canMove: !0,
26
- canSnippet: !0,
27
- itemsAllowed: [],
28
- itemsNotAllowed: []
15
+ description: "A custom element slot whose behaviour is supplied by a host/plugin component."
29
16
  },
30
17
  market: {
31
18
  category: "advanced",
32
- owner: "Plitzi",
33
- verified: !0,
34
- license: "MIT",
35
- website: "https://plitzi.com",
36
- backgroundColor: "#4422ee",
37
19
  icon: "fa-solid fa-paintbrush"
38
20
  },
39
21
  defaultStyle: {
40
22
  name: "Custom Element",
41
- displayMode: "desktop",
42
23
  style: { base: { default: {
43
24
  display: "flex",
44
25
  "justify-content": "center",
45
26
  "align-items": "center"
46
27
  } } }
47
- },
48
- settings: {}
28
+ }
49
29
  }
50
30
  });
51
31
  //#endregion
@@ -13,37 +13,14 @@ declare const Custom: {
13
13
  };
14
14
  readonly definition: {
15
15
  readonly label: "Custom";
16
- readonly type: "custom";
17
16
  readonly description: "A custom element slot whose behaviour is supplied by a host/plugin component.";
18
- readonly bindings: {};
19
- readonly styleSelectors: {
20
- readonly base: "";
21
- };
22
- readonly initialState: {
23
- readonly visibility: true;
24
- };
25
- };
26
- readonly builder: {
27
- readonly canDelete: true;
28
- readonly canSelect: true;
29
- readonly canDragDrop: true;
30
- readonly canMove: true;
31
- readonly canSnippet: true;
32
- readonly itemsAllowed: readonly [];
33
- readonly itemsNotAllowed: readonly [];
34
17
  };
35
18
  readonly market: {
36
19
  readonly category: "advanced";
37
- readonly owner: "Plitzi";
38
- readonly verified: true;
39
- readonly license: "MIT";
40
- readonly website: "https://plitzi.com";
41
- readonly backgroundColor: "#4422ee";
42
20
  readonly icon: "fa-solid fa-paintbrush";
43
21
  };
44
22
  readonly defaultStyle: {
45
23
  readonly name: "Custom Element";
46
- readonly displayMode: "desktop";
47
24
  readonly style: {
48
25
  readonly base: {
49
26
  readonly default: {
@@ -54,7 +31,8 @@ declare const Custom: {
54
31
  };
55
32
  };
56
33
  };
57
- readonly settings: {};
58
34
  };
35
+ } & {
36
+ content: import('@plitzi/sdk-shared/authoring/declare').ElementContentDefaults;
59
37
  } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<import('./declaration').CustomAttributes>;
60
38
  export default Custom;
@@ -1,15 +1,15 @@
1
- import { useCallback as e } from "react";
1
+ import e from "../../useSettingsUpdate.mjs";
2
2
  import { jsx as t, jsxs as n } from "react/jsx-runtime";
3
3
  import r from "@plitzi/plitzi-ui/Select";
4
4
  //#region src/elements/advanced/NodeHtml/Settings.tsx
5
5
  var i = ({ subType: i = "span", onUpdate: a }) => {
6
- let o = e((e) => (t) => a?.(e, t), [a]);
6
+ let o = e(a);
7
7
  return /* @__PURE__ */ t("div", {
8
8
  className: "flex flex-col gap-4 py-2",
9
9
  children: /* @__PURE__ */ n(r, {
10
10
  label: "Node Tag",
11
11
  value: i,
12
- onChange: o("subType"),
12
+ onChange: o.text("subType"),
13
13
  children: [
14
14
  /* @__PURE__ */ t("option", {
15
15
  value: "div",
@@ -9,7 +9,7 @@ import { AuthorableAttributes } from '@plitzi/sdk-shared/authoring/declare';
9
9
  * settable through the element's `attributes` on a spec written out longhand.
10
10
  */
11
11
  export type NodeHtmlAttributes = AuthorableAttributes<NodeHtmlProps, 'id'>;
12
- declare const declaration: {
12
+ declare const declaration: import('@plitzi/sdk-shared/authoring/declare').DeclaredElement<{
13
13
  readonly type: "nodeHtml";
14
14
  readonly content: {
15
15
  readonly attributes: {
@@ -17,38 +17,14 @@ declare const declaration: {
17
17
  };
18
18
  readonly definition: {
19
19
  readonly label: "Html Node";
20
- readonly type: "nodeHtml";
21
20
  readonly description: "A single raw HTML tag with custom attributes.";
22
- readonly items: readonly [];
23
- readonly bindings: {};
24
- readonly styleSelectors: {
25
- readonly base: "";
26
- };
27
- readonly initialState: {
28
- readonly visibility: true;
29
- };
30
- };
31
- readonly builder: {
32
- readonly canDelete: true;
33
- readonly canSelect: true;
34
- readonly canDragDrop: true;
35
- readonly canMove: true;
36
- readonly canSnippet: true;
37
- readonly itemsAllowed: readonly [];
38
- readonly itemsNotAllowed: readonly [];
21
+ readonly items: [];
39
22
  };
40
23
  readonly market: {
41
24
  readonly category: "advanced";
42
- readonly owner: "Plitzi";
43
- readonly verified: true;
44
- readonly license: "MIT";
45
- readonly website: "https://plitzi.com";
46
- readonly backgroundColor: "#4422ee";
47
25
  readonly icon: "fa-brands fa-html5";
48
26
  };
49
27
  readonly defaultStyle: {
50
- readonly name: "Html Node";
51
- readonly displayMode: "desktop";
52
28
  readonly style: {
53
29
  readonly base: {
54
30
  readonly default: {};
@@ -68,9 +44,9 @@ declare const declaration: {
68
44
  };
69
45
  };
70
46
  };
71
- readonly settings: {};
72
47
  };
73
- } & import('@plitzi/sdk-shared/authoring/declare').ElementAttributesBrand<Partial<{
48
+ }, Partial<{
49
+ content?: string | undefined | undefined;
74
50
  style?: import('react').CSSProperties | undefined;
75
51
  color?: string | undefined | undefined;
76
52
  slot?: string | undefined | undefined;
@@ -92,11 +68,11 @@ declare const declaration: {
92
68
  role?: import('react').AriaRole | undefined;
93
69
  tabIndex?: number | undefined | undefined;
94
70
  "aria-activedescendant"?: string | undefined | undefined;
95
- "aria-atomic"?: (boolean | "false" | "true") | undefined;
71
+ "aria-atomic"?: (boolean | "true" | "false") | undefined;
96
72
  "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
97
73
  "aria-braillelabel"?: string | undefined | undefined;
98
74
  "aria-brailleroledescription"?: string | undefined | undefined;
99
- "aria-busy"?: (boolean | "false" | "true") | undefined;
75
+ "aria-busy"?: (boolean | "true" | "false") | undefined;
100
76
  "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
101
77
  "aria-colcount"?: number | undefined | undefined;
102
78
  "aria-colindex"?: number | undefined | undefined;
@@ -107,37 +83,37 @@ declare const declaration: {
107
83
  "aria-describedby"?: string | undefined | undefined;
108
84
  "aria-description"?: string | undefined | undefined;
109
85
  "aria-details"?: string | undefined | undefined;
110
- "aria-disabled"?: (boolean | "false" | "true") | undefined;
86
+ "aria-disabled"?: (boolean | "true" | "false") | undefined;
111
87
  "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
112
88
  "aria-errormessage"?: string | undefined | undefined;
113
- "aria-expanded"?: (boolean | "false" | "true") | undefined;
89
+ "aria-expanded"?: (boolean | "true" | "false") | undefined;
114
90
  "aria-flowto"?: string | undefined | undefined;
115
- "aria-grabbed"?: (boolean | "false" | "true") | undefined;
91
+ "aria-grabbed"?: (boolean | "true" | "false") | undefined;
116
92
  "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
117
- "aria-hidden"?: (boolean | "false" | "true") | undefined;
93
+ "aria-hidden"?: (boolean | "true" | "false") | undefined;
118
94
  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
119
95
  "aria-keyshortcuts"?: string | undefined | undefined;
120
96
  "aria-label"?: string | undefined | undefined;
121
97
  "aria-labelledby"?: string | undefined | undefined;
122
98
  "aria-level"?: number | undefined | undefined;
123
99
  "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
124
- "aria-modal"?: (boolean | "false" | "true") | undefined;
125
- "aria-multiline"?: (boolean | "false" | "true") | undefined;
126
- "aria-multiselectable"?: (boolean | "false" | "true") | undefined;
100
+ "aria-modal"?: (boolean | "true" | "false") | undefined;
101
+ "aria-multiline"?: (boolean | "true" | "false") | undefined;
102
+ "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
127
103
  "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
128
104
  "aria-owns"?: string | undefined | undefined;
129
105
  "aria-placeholder"?: string | undefined | undefined;
130
106
  "aria-posinset"?: number | undefined | undefined;
131
107
  "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
132
- "aria-readonly"?: (boolean | "false" | "true") | undefined;
108
+ "aria-readonly"?: (boolean | "true" | "false") | undefined;
133
109
  "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
134
- "aria-required"?: (boolean | "false" | "true") | undefined;
110
+ "aria-required"?: (boolean | "true" | "false") | undefined;
135
111
  "aria-roledescription"?: string | undefined | undefined;
136
112
  "aria-rowcount"?: number | undefined | undefined;
137
113
  "aria-rowindex"?: number | undefined | undefined;
138
114
  "aria-rowindextext"?: string | undefined | undefined;
139
115
  "aria-rowspan"?: number | undefined | undefined;
140
- "aria-selected"?: (boolean | "false" | "true") | undefined;
116
+ "aria-selected"?: (boolean | "true" | "false") | undefined;
141
117
  "aria-setsize"?: number | undefined | undefined;
142
118
  "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
143
119
  "aria-valuemax"?: number | undefined | undefined;
@@ -312,16 +288,15 @@ declare const declaration: {
312
288
  accessKey?: string | undefined | undefined;
313
289
  autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
314
290
  autoFocus?: boolean | undefined | undefined;
315
- contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
291
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
316
292
  contextMenu?: string | undefined | undefined;
317
293
  dir?: string | undefined | undefined;
318
- draggable?: (boolean | "false" | "true") | undefined;
294
+ draggable?: (boolean | "true" | "false") | undefined;
319
295
  enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
320
- spellCheck?: (boolean | "false" | "true") | undefined;
296
+ spellCheck?: (boolean | "true" | "false") | undefined;
321
297
  translate?: "yes" | "no" | undefined | undefined;
322
298
  radioGroup?: string | undefined | undefined;
323
299
  about?: string | undefined | undefined;
324
- content?: string | undefined | undefined;
325
300
  datatype?: string | undefined | undefined;
326
301
  inlist?: any;
327
302
  prefix?: string | undefined | undefined;
@@ -6,42 +6,21 @@ var t = e()({
6
6
  attributes: { subType: "div" },
7
7
  definition: {
8
8
  label: "Html Node",
9
- type: "nodeHtml",
10
9
  description: "A single raw HTML tag with custom attributes.",
11
- items: [],
12
- bindings: {},
13
- styleSelectors: { base: "" },
14
- initialState: { visibility: !0 }
15
- },
16
- builder: {
17
- canDelete: !0,
18
- canSelect: !0,
19
- canDragDrop: !0,
20
- canMove: !0,
21
- canSnippet: !0,
22
- itemsAllowed: [],
23
- itemsNotAllowed: []
10
+ items: []
24
11
  },
25
12
  market: {
26
13
  category: "advanced",
27
- owner: "Plitzi",
28
- verified: !0,
29
- license: "MIT",
30
- website: "https://plitzi.com",
31
- backgroundColor: "#4422ee",
32
14
  icon: "fa-brands fa-html5"
33
15
  },
34
16
  defaultStyle: {
35
- name: "Html Node",
36
- displayMode: "desktop",
37
17
  style: { base: { default: {} } },
38
18
  subTypes: { hr: {
39
19
  name: "HR Node",
40
20
  displayMode: "desktop",
41
21
  style: { base: { default: { "border-top-width": "1px" } } }
42
22
  } }
43
- },
44
- settings: {}
23
+ }
45
24
  }
46
25
  });
47
26
  //#endregion