@plitzi/sdk-elements 0.37.1 → 0.37.2

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 (164) hide show
  1. package/CHANGELOG.md +151 -0
  2. package/dist/Component/ComponentProvider.d.ts +1 -1
  3. package/dist/Element/JsxManager.d.ts +1 -1
  4. package/dist/Element/LayoutBody.d.ts +1 -1
  5. package/dist/Element/PluginManager.d.ts +1 -1
  6. package/dist/Element/PluginRemote.d.ts +1 -1
  7. package/dist/Element/ReplicaProvider.d.ts +1 -1
  8. package/dist/Element/helpers/pluginSelector.d.ts +1 -1
  9. package/dist/Element/hocs/withElement.d.ts +1 -1
  10. package/dist/Element/hooks/useRootElementInteractions.mjs +7 -1
  11. package/dist/components/ElementAdvancedEditor.d.ts +1 -1
  12. package/dist/dataSource/GlobalSources.mjs +24 -22
  13. package/dist/elements/advanced/BlockHtml/BlockHtml.d.ts +2 -2
  14. package/dist/elements/advanced/BlockHtml/Settings.d.ts +1 -1
  15. package/dist/elements/advanced/BlockHtml/index.d.ts +1 -1
  16. package/dist/elements/advanced/BlockJsx/BlockJsx.d.ts +2 -2
  17. package/dist/elements/advanced/BlockJsx/Settings.d.ts +1 -1
  18. package/dist/elements/advanced/BlockJsx/index.d.ts +1 -1
  19. package/dist/elements/advanced/Custom/Custom.d.ts +2 -2
  20. package/dist/elements/advanced/Custom/Settings.d.ts +1 -1
  21. package/dist/elements/advanced/Custom/index.d.ts +1 -1
  22. package/dist/elements/advanced/NodeHtml/index.d.ts +1 -1
  23. package/dist/elements/advanced/PlitziSdk/Settings.d.ts +1 -1
  24. package/dist/elements/advanced/Reference/Reference.d.ts +2 -2
  25. package/dist/elements/advanced/Reference/Settings.d.ts +1 -1
  26. package/dist/elements/advanced/Reference/index.d.ts +1 -1
  27. package/dist/elements/basic/Button/Button.d.ts +2 -2
  28. package/dist/elements/basic/Button/Settings.d.ts +1 -1
  29. package/dist/elements/basic/Button/index.d.ts +1 -1
  30. package/dist/elements/basic/Dropdown/Dropdown.d.ts +2 -2
  31. package/dist/elements/basic/Dropdown/DropdownPopup/DropdownPopup.d.ts +2 -2
  32. package/dist/elements/basic/Dropdown/DropdownPopup/Settings.d.ts +1 -1
  33. package/dist/elements/basic/Dropdown/DropdownPopup/declaration.d.ts +2 -1
  34. package/dist/elements/basic/Dropdown/DropdownPopup/declaration.mjs +2 -1
  35. package/dist/elements/basic/Dropdown/DropdownPopup/index.d.ts +3 -2
  36. package/dist/elements/basic/Dropdown/Settings.d.ts +1 -1
  37. package/dist/elements/basic/Dropdown/index.d.ts +4 -3
  38. package/dist/elements/basic/Heading/Heading.d.ts +2 -2
  39. package/dist/elements/basic/Heading/Settings.d.ts +1 -1
  40. package/dist/elements/basic/Heading/index.d.ts +1 -1
  41. package/dist/elements/basic/Link/Link.d.ts +2 -2
  42. package/dist/elements/basic/Link/Link.mjs +1 -1
  43. package/dist/elements/basic/Link/Settings.d.ts +1 -1
  44. package/dist/elements/basic/Link/index.d.ts +1 -1
  45. package/dist/elements/basic/Markdown/Markdown.d.ts +2 -2
  46. package/dist/elements/basic/Markdown/Settings.d.ts +1 -1
  47. package/dist/elements/basic/Markdown/index.d.ts +1 -1
  48. package/dist/elements/basic/Paragraph/Paragraph.d.ts +2 -2
  49. package/dist/elements/basic/Paragraph/Settings.d.ts +1 -1
  50. package/dist/elements/basic/Paragraph/index.d.ts +1 -1
  51. package/dist/elements/basic/RichText/RichText.d.ts +2 -2
  52. package/dist/elements/basic/RichText/Settings.d.ts +1 -1
  53. package/dist/elements/basic/RichText/index.d.ts +1 -1
  54. package/dist/elements/basic/Text/Settings.d.ts +1 -1
  55. package/dist/elements/basic/Text/Text.d.ts +2 -2
  56. package/dist/elements/basic/Text/index.d.ts +1 -1
  57. package/dist/elements/basic/ThemeToggle/ThemeToggle.d.ts +2 -2
  58. package/dist/elements/basic/ThemeToggle/ThemeToggle.mjs +55 -62
  59. package/dist/elements/basic/ThemeToggle/declaration.d.ts +12 -1
  60. package/dist/elements/basic/ThemeToggle/declaration.mjs +8 -1
  61. package/dist/elements/basic/ThemeToggle/index.d.ts +13 -2
  62. package/dist/elements/declarations/index.d.ts +314 -5
  63. package/dist/elements/form/Form/Form.d.ts +2 -2
  64. package/dist/elements/form/Form/Form.mjs +37 -57
  65. package/dist/elements/form/Form/Settings.d.ts +1 -1
  66. package/dist/elements/form/Form/declaration.d.ts +57 -0
  67. package/dist/elements/form/Form/declaration.mjs +55 -0
  68. package/dist/elements/form/Form/index.d.ts +59 -2
  69. package/dist/elements/form/FormControl/FormControl.d.ts +2 -2
  70. package/dist/elements/form/FormControl/FormControl.mjs +33 -41
  71. package/dist/elements/form/FormControl/Settings.d.ts +1 -1
  72. package/dist/elements/form/FormControl/components/Label.d.ts +1 -1
  73. package/dist/elements/form/FormControl/declaration.d.ts +12 -0
  74. package/dist/elements/form/FormControl/declaration.mjs +10 -0
  75. package/dist/elements/form/FormControl/hocs/withFieldValue.d.ts +1 -1
  76. package/dist/elements/form/FormControl/index.d.ts +14 -2
  77. package/dist/elements/form/FormControl/inputs/Checkbox.d.ts +1 -1
  78. package/dist/elements/form/FormControl/inputs/Hidden.d.ts +1 -1
  79. package/dist/elements/form/FormControl/inputs/Input.d.ts +1 -1
  80. package/dist/elements/form/FormControl/inputs/Select.d.ts +1 -1
  81. package/dist/elements/form/FormControl/inputs/Textarea.d.ts +1 -1
  82. package/dist/elements/internal/LayoutContainer/LayoutContainer.d.ts +2 -2
  83. package/dist/elements/internal/LayoutContainer/Settings.d.ts +1 -1
  84. package/dist/elements/internal/LayoutContainer/index.d.ts +1 -1
  85. package/dist/elements/internal/LayoutPicker/LayoutPicker.d.ts +1 -1
  86. package/dist/elements/internal/Loading/Loading.d.ts +2 -2
  87. package/dist/elements/internal/Loading/index.d.ts +1 -1
  88. package/dist/elements/internal/NotFound/NotFound.d.ts +2 -2
  89. package/dist/elements/internal/NotFound/index.d.ts +1 -1
  90. package/dist/elements/internal/Page/Page.d.ts +2 -2
  91. package/dist/elements/internal/Page/Page.mjs +34 -43
  92. package/dist/elements/internal/Page/Settings.d.ts +1 -1
  93. package/dist/elements/internal/Page/declaration.d.ts +13 -0
  94. package/dist/elements/internal/Page/declaration.mjs +11 -0
  95. package/dist/elements/internal/Page/index.d.ts +14 -1
  96. package/dist/elements/media/FontAwesome/FontAwesome.d.ts +2 -2
  97. package/dist/elements/media/FontAwesome/Settings.d.ts +1 -1
  98. package/dist/elements/media/FontAwesome/index.d.ts +1 -1
  99. package/dist/elements/media/Image/Image.d.ts +2 -2
  100. package/dist/elements/media/Image/Settings.d.ts +1 -1
  101. package/dist/elements/media/Image/index.d.ts +1 -1
  102. package/dist/elements/media/Video/Settings.d.ts +1 -1
  103. package/dist/elements/media/Video/Video.d.ts +2 -2
  104. package/dist/elements/media/Video/index.d.ts +1 -1
  105. package/dist/elements/provider/ApiContainer/ApiContainer.d.ts +11 -2
  106. package/dist/elements/provider/ApiContainer/ApiContainer.mjs +119 -161
  107. package/dist/elements/provider/ApiContainer/Settings.d.ts +2 -1
  108. package/dist/elements/provider/ApiContainer/Settings.mjs +129 -122
  109. package/dist/elements/provider/ApiContainer/components/FiltersInput/FiltersInput.d.ts +1 -1
  110. package/dist/elements/provider/ApiContainer/declaration.d.ts +75 -0
  111. package/dist/elements/provider/ApiContainer/declaration.mjs +72 -1
  112. package/dist/elements/provider/ApiContainer/helpers/providerOutcome.d.ts +25 -0
  113. package/dist/elements/provider/ApiContainer/helpers/providerOutcome.mjs +7 -0
  114. package/dist/elements/provider/ApiContainer/hooks/useAutoRefresh.d.ts +21 -0
  115. package/dist/elements/provider/ApiContainer/hooks/useAutoRefresh.mjs +18 -0
  116. package/dist/elements/provider/ApiContainer/index.d.ts +76 -1
  117. package/dist/elements/structure/Container/Container.d.ts +2 -2
  118. package/dist/elements/structure/Container/Settings.d.ts +1 -1
  119. package/dist/elements/structure/Container/index.d.ts +1 -1
  120. package/dist/elements/structure/DialogContainer/DialogContainer.d.ts +2 -2
  121. package/dist/elements/structure/DialogContainer/DialogContainer.mjs +10 -60
  122. package/dist/elements/structure/DialogContainer/Settings.d.ts +1 -1
  123. package/dist/elements/structure/DialogContainer/declaration.d.ts +82 -1
  124. package/dist/elements/structure/DialogContainer/declaration.mjs +62 -1
  125. package/dist/elements/structure/DialogContainer/index.d.ts +83 -2
  126. package/dist/elements/structure/List/List.d.ts +2 -2
  127. package/dist/elements/structure/List/ListItem/ListItem.d.ts +2 -2
  128. package/dist/elements/structure/List/ListItem/Settings.d.ts +1 -1
  129. package/dist/elements/structure/List/ListItem/index.d.ts +1 -1
  130. package/dist/elements/structure/List/Settings.d.ts +1 -1
  131. package/dist/elements/structure/List/index.d.ts +2 -2
  132. package/dist/elements/structure/List/modes/ListBasic.d.ts +1 -1
  133. package/dist/elements/structure/List/modes/ListControlled/ListControlled.d.ts +1 -1
  134. package/dist/elements/structure/List/modes/ListControlled/ListControlledItem.d.ts +1 -1
  135. package/dist/elements/structure/ModalContainer/ModalContainer.d.ts +2 -2
  136. package/dist/elements/structure/ModalContainer/ModalContainer.mjs +10 -37
  137. package/dist/elements/structure/ModalContainer/Settings.d.ts +1 -1
  138. package/dist/elements/structure/ModalContainer/declaration.d.ts +48 -2
  139. package/dist/elements/structure/ModalContainer/declaration.mjs +40 -2
  140. package/dist/elements/structure/ModalContainer/index.d.ts +49 -3
  141. package/dist/elements/structure/Pagination/Pagination.d.ts +2 -2
  142. package/dist/elements/structure/Pagination/Pagination.mjs +45 -50
  143. package/dist/elements/structure/Pagination/Settings.d.ts +1 -1
  144. package/dist/elements/structure/Pagination/declaration.d.ts +11 -0
  145. package/dist/elements/structure/Pagination/declaration.mjs +7 -0
  146. package/dist/elements/structure/Pagination/index.d.ts +12 -1
  147. package/dist/elements/structure/TabContainer/Settings.d.ts +1 -1
  148. package/dist/elements/structure/TabContainer/TabContainer.d.ts +2 -2
  149. package/dist/elements/structure/TabContainer/TabContainerBody/Settings.d.ts +1 -1
  150. package/dist/elements/structure/TabContainer/TabContainerBody/TabContainerBody.d.ts +2 -2
  151. package/dist/elements/structure/TabContainer/TabContainerBody/declaration.d.ts +1 -0
  152. package/dist/elements/structure/TabContainer/TabContainerBody/declaration.mjs +1 -0
  153. package/dist/elements/structure/TabContainer/TabContainerBody/index.d.ts +2 -1
  154. package/dist/elements/structure/TabContainer/TabContainerHeader/Settings.d.ts +1 -1
  155. package/dist/elements/structure/TabContainer/TabContainerHeader/TabContainerHeader.d.ts +2 -2
  156. package/dist/elements/structure/TabContainer/TabContainerHeader/declaration.d.ts +1 -0
  157. package/dist/elements/structure/TabContainer/TabContainerHeader/declaration.mjs +1 -0
  158. package/dist/elements/structure/TabContainer/TabContainerHeader/index.d.ts +2 -1
  159. package/dist/elements/structure/TabContainer/TabContainerItem/Settings.d.ts +1 -1
  160. package/dist/elements/structure/TabContainer/TabContainerItem/TabContainerItem.d.ts +2 -2
  161. package/dist/elements/structure/TabContainer/TabContainerItem/index.d.ts +1 -1
  162. package/dist/elements/structure/TabContainer/index.d.ts +6 -4
  163. package/dist/index.d.ts +351 -42
  164. package/package.json +17 -9
@@ -5,5 +5,5 @@ export type ListControlledProps<T = unknown> = {
5
5
  children: ReactNode;
6
6
  items: T[];
7
7
  };
8
- declare const ListControlled: ({ ref, className, children, items }: ListControlledProps) => import("react").JSX.Element;
8
+ declare const ListControlled: ({ ref, className, children, items }: ListControlledProps) => import('react').JSX.Element;
9
9
  export default ListControlled;
@@ -8,5 +8,5 @@ export type ListControlledItemProps<T = unknown> = {
8
8
  record: T;
9
9
  source: string;
10
10
  };
11
- declare const ListControlledItem: ({ children, className, isTemplate, index, record, source }: ListControlledItemProps) => import("react").JSX.Element;
11
+ declare const ListControlledItem: ({ children, className, isTemplate, index, record, source }: ListControlledItemProps) => import('react').JSX.Element;
12
12
  export default ListControlledItem;
@@ -6,9 +6,9 @@ export type ModalContainerProps = {
6
6
  title?: string;
7
7
  autoHideAfterClick?: boolean;
8
8
  };
9
- declare const ModalContainer: ({ ref, className, children, title, autoHideAfterClick }: ModalContainerProps) => import("react").JSX.Element;
9
+ declare const ModalContainer: ({ ref, className, children, title, autoHideAfterClick }: ModalContainerProps) => import('react').JSX.Element;
10
10
  declare const _default: {
11
- (props: import('../../../Element/hocs/withElement').WithElementProps<ModalContainerProps>): import("react").JSX.Element;
11
+ (props: import('../../../Element/hocs/withElement').WithElementProps<ModalContainerProps>): import('react').JSX.Element;
12
12
  displayName: string;
13
13
  };
14
14
  export default _default;
@@ -50,42 +50,15 @@ var v = ({ ref: e, className: v = "", children: y, title: b = "Modal Header", au
50
50
  A,
51
51
  S
52
52
  ]), F = c(() => ({
53
- onModalOpen: {
54
- action: "onModalOpen",
55
- title: "On Modal Open",
56
- type: "trigger",
57
- params: { metadata: {
58
- type: "text",
59
- defaultValue: ""
60
- } },
61
- preview: { metadata: "" }
62
- },
63
- onModalClose: {
64
- action: "onModalClose",
65
- title: "On Modal Close",
66
- type: "trigger",
67
- preview: {},
68
- params: {}
69
- }
70
- }), []), I = c(() => ({
71
53
  openModal: {
72
- action: "openModal",
54
+ ...i.callbacks.openModal,
73
55
  title: `Open ${w}`,
74
- type: "callback",
75
- callback: M,
76
- params: { metadata: {
77
- type: "text",
78
- defaultValue: ""
79
- } },
80
- preview: { metadata: "" }
56
+ callback: M
81
57
  },
82
58
  closeModal: {
83
- action: "closeModal",
59
+ ...i.callbacks.closeModal,
84
60
  title: `Close ${w}`,
85
- type: "callback",
86
- callback: N,
87
- params: {},
88
- preview: {}
61
+ callback: N
89
62
  }
90
63
  }), [
91
64
  N,
@@ -100,19 +73,19 @@ var v = ({ ref: e, className: v = "", children: y, title: b = "Modal Header", au
100
73
  A,
101
74
  T.visibility
102
75
  ]);
103
- let L = o(() => r(A), [A]);
76
+ let I = o(() => r(A), [A]);
104
77
  _({
105
78
  id: S,
106
79
  source: D,
107
80
  name: w || `Modal - ${S}`,
108
- fields: L
81
+ fields: I
109
82
  });
110
- let R = c(() => D ? { runtime: { sources: { [D]: A } } } : f, [D, A]);
83
+ let L = c(() => D ? { runtime: { sources: { [D]: A } } } : f, [D, A]);
111
84
  return /* @__PURE__ */ m(n, {
112
85
  ref: e,
113
86
  className: h("plitzi-component__modal-container", v),
114
- interactionTriggers: F,
115
- interactionCallbacks: I,
87
+ interactionTriggers: i.triggers,
88
+ interactionCallbacks: F,
116
89
  children: [/* @__PURE__ */ p("div", {
117
90
  className: h("modal-container__background", C.backgroundContainer),
118
91
  onClick: P
@@ -133,7 +106,7 @@ var v = ({ ref: e, className: v = "", children: y, title: b = "Modal Header", au
133
106
  children: /* @__PURE__ */ p(d, {
134
107
  inherit: "live",
135
108
  name: `Modal:${S}`,
136
- value: R,
109
+ value: L,
137
110
  children: y
138
111
  })
139
112
  })]
@@ -3,5 +3,5 @@ type SettingsProps = {
3
3
  autoHideAfterClick?: boolean;
4
4
  onUpdate?: (key: string, value: string | boolean | number) => void;
5
5
  };
6
- declare const Settings: ({ title, autoHideAfterClick, onUpdate }: SettingsProps) => import("react").JSX.Element;
6
+ declare const Settings: ({ title, autoHideAfterClick, onUpdate }: SettingsProps) => import('react').JSX.Element;
7
7
  export default Settings;
@@ -5,6 +5,52 @@ export type ModalContainerAttributes = AuthorableAttributes<ModalContainerProps>
5
5
  declare const declaration: {
6
6
  readonly type: "modalContainer";
7
7
  readonly sourceType: "modalContainer";
8
+ readonly triggers: {
9
+ readonly onModalOpen: {
10
+ readonly action: "onModalOpen";
11
+ readonly title: "On Modal Open";
12
+ readonly type: "trigger";
13
+ readonly params: {
14
+ readonly metadata: {
15
+ readonly type: "text";
16
+ readonly defaultValue: "";
17
+ };
18
+ };
19
+ readonly preview: {
20
+ readonly metadata: "";
21
+ };
22
+ };
23
+ readonly onModalClose: {
24
+ readonly action: "onModalClose";
25
+ readonly title: "On Modal Close";
26
+ readonly type: "trigger";
27
+ readonly preview: {};
28
+ readonly params: {};
29
+ };
30
+ };
31
+ readonly callbacks: {
32
+ readonly openModal: {
33
+ readonly action: "openModal";
34
+ readonly title: "Open Modal";
35
+ readonly type: "callback";
36
+ readonly params: {
37
+ readonly metadata: {
38
+ readonly type: "text";
39
+ readonly defaultValue: "";
40
+ };
41
+ };
42
+ readonly preview: {
43
+ readonly metadata: "";
44
+ };
45
+ };
46
+ readonly closeModal: {
47
+ readonly action: "closeModal";
48
+ readonly title: "Close Modal";
49
+ readonly type: "callback";
50
+ readonly params: {};
51
+ readonly preview: {};
52
+ };
53
+ };
8
54
  readonly content: {
9
55
  readonly attributes: {
10
56
  readonly title: "Modal Header";
@@ -86,7 +132,7 @@ declare const declaration: {
86
132
  readonly left: "50%";
87
133
  readonly width: "500px";
88
134
  readonly height: "300px";
89
- readonly 'background-color': "white";
135
+ readonly 'background-color': "light-dark(white, oklch(0.21 0.006 285.885))";
90
136
  readonly transform: "translate3d(-50%, -50%, 0px)";
91
137
  readonly 'border-top-left-radius': "8px";
92
138
  readonly 'border-top-right-radius': "8px";
@@ -100,7 +146,7 @@ declare const declaration: {
100
146
  readonly 'align-items': "center";
101
147
  readonly 'justify-content': "space-between";
102
148
  readonly 'border-bottom-width': "1px";
103
- readonly 'border-bottom-color': "#d1d5db";
149
+ readonly 'border-bottom-color': "light-dark(#d1d5db, oklch(0.37 0.013 285.805))";
104
150
  readonly 'border-bottom-style': "solid";
105
151
  readonly 'padding-left': "20px";
106
152
  readonly 'padding-right': "20px";
@@ -3,6 +3,44 @@ import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
3
3
  var t = e()({
4
4
  type: "modalContainer",
5
5
  sourceType: "modalContainer",
6
+ triggers: {
7
+ onModalOpen: {
8
+ action: "onModalOpen",
9
+ title: "On Modal Open",
10
+ type: "trigger",
11
+ params: { metadata: {
12
+ type: "text",
13
+ defaultValue: ""
14
+ } },
15
+ preview: { metadata: "" }
16
+ },
17
+ onModalClose: {
18
+ action: "onModalClose",
19
+ title: "On Modal Close",
20
+ type: "trigger",
21
+ preview: {},
22
+ params: {}
23
+ }
24
+ },
25
+ callbacks: {
26
+ openModal: {
27
+ action: "openModal",
28
+ title: "Open Modal",
29
+ type: "callback",
30
+ params: { metadata: {
31
+ type: "text",
32
+ defaultValue: ""
33
+ } },
34
+ preview: { metadata: "" }
35
+ },
36
+ closeModal: {
37
+ action: "closeModal",
38
+ title: "Close Modal",
39
+ type: "callback",
40
+ params: {},
41
+ preview: {}
42
+ }
43
+ },
6
44
  content: {
7
45
  attributes: {
8
46
  title: "Modal Header",
@@ -72,7 +110,7 @@ var t = e()({
72
110
  left: "50%",
73
111
  width: "500px",
74
112
  height: "300px",
75
- "background-color": "white",
113
+ "background-color": "light-dark(white, oklch(0.21 0.006 285.885))",
76
114
  transform: "translate3d(-50%, -50%, 0px)",
77
115
  "border-top-left-radius": "8px",
78
116
  "border-top-right-radius": "8px",
@@ -84,7 +122,7 @@ var t = e()({
84
122
  "align-items": "center",
85
123
  "justify-content": "space-between",
86
124
  "border-bottom-width": "1px",
87
- "border-bottom-color": "#d1d5db",
125
+ "border-bottom-color": "light-dark(#d1d5db, oklch(0.37 0.013 285.805))",
88
126
  "border-bottom-style": "solid",
89
127
  "padding-left": "20px",
90
128
  "padding-right": "20px",
@@ -1,9 +1,55 @@
1
1
  declare const ModalContainer: {
2
- (props: import('../../../Element/hocs/withElement').WithElementProps<import('./ModalContainer').ModalContainerProps>): import("react").JSX.Element;
2
+ (props: import('../../../Element/hocs/withElement').WithElementProps<import('./ModalContainer').ModalContainerProps>): import('react').JSX.Element;
3
3
  displayName: string;
4
4
  } & {
5
5
  readonly type: "modalContainer";
6
6
  readonly sourceType: "modalContainer";
7
+ readonly triggers: {
8
+ readonly onModalOpen: {
9
+ readonly action: "onModalOpen";
10
+ readonly title: "On Modal Open";
11
+ readonly type: "trigger";
12
+ readonly params: {
13
+ readonly metadata: {
14
+ readonly type: "text";
15
+ readonly defaultValue: "";
16
+ };
17
+ };
18
+ readonly preview: {
19
+ readonly metadata: "";
20
+ };
21
+ };
22
+ readonly onModalClose: {
23
+ readonly action: "onModalClose";
24
+ readonly title: "On Modal Close";
25
+ readonly type: "trigger";
26
+ readonly preview: {};
27
+ readonly params: {};
28
+ };
29
+ };
30
+ readonly callbacks: {
31
+ readonly openModal: {
32
+ readonly action: "openModal";
33
+ readonly title: "Open Modal";
34
+ readonly type: "callback";
35
+ readonly params: {
36
+ readonly metadata: {
37
+ readonly type: "text";
38
+ readonly defaultValue: "";
39
+ };
40
+ };
41
+ readonly preview: {
42
+ readonly metadata: "";
43
+ };
44
+ };
45
+ readonly closeModal: {
46
+ readonly action: "closeModal";
47
+ readonly title: "Close Modal";
48
+ readonly type: "callback";
49
+ readonly params: {};
50
+ readonly preview: {};
51
+ };
52
+ };
7
53
  readonly content: {
8
54
  readonly attributes: {
9
55
  readonly title: "Modal Header";
@@ -80,7 +126,7 @@ declare const ModalContainer: {
80
126
  readonly left: "50%";
81
127
  readonly width: "500px";
82
128
  readonly height: "300px";
83
- readonly 'background-color': "white";
129
+ readonly 'background-color': "light-dark(white, oklch(0.21 0.006 285.885))";
84
130
  readonly transform: "translate3d(-50%, -50%, 0px)";
85
131
  readonly 'border-top-left-radius': "8px";
86
132
  readonly 'border-top-right-radius': "8px";
@@ -94,7 +140,7 @@ declare const ModalContainer: {
94
140
  readonly 'align-items': "center";
95
141
  readonly 'justify-content': "space-between";
96
142
  readonly 'border-bottom-width': "1px";
97
- readonly 'border-bottom-color': "#d1d5db";
143
+ readonly 'border-bottom-color': "light-dark(#d1d5db, oklch(0.37 0.013 285.805))";
98
144
  readonly 'border-bottom-style': "solid";
99
145
  readonly 'padding-left': "20px";
100
146
  readonly 'padding-right': "20px";
@@ -32,9 +32,9 @@ export type PaginationProps = {
32
32
  * interaction mode it only announces the page the visitor asked for. A plugin that publishes the same shape gets a
33
33
  * working pager for free.
34
34
  */
35
- declare const Pagination: ({ ref, className, children, pageInfo, mode, pageParam, target, windowSize, previousLabel, nextLabel, loadMoreLabel }: PaginationProps) => import("react").JSX.Element;
35
+ declare const Pagination: ({ ref, className, children, pageInfo, mode, pageParam, target, windowSize, previousLabel, nextLabel, loadMoreLabel }: PaginationProps) => import('react').JSX.Element;
36
36
  declare const _default: {
37
- (props: import('../../../Element/hocs/withElement').WithElementProps<PaginationProps>): import("react").JSX.Element;
37
+ (props: import('../../../Element/hocs/withElement').WithElementProps<PaginationProps>): import('react').JSX.Element;
38
38
  displayName: string;
39
39
  };
40
40
  export default _default;
@@ -1,83 +1,78 @@
1
1
  import e from "../../../Element/hocs/withElement.mjs";
2
2
  import t from "../../../Element/hooks/useElement.mjs";
3
3
  import { RootElement as n } from "../../../Element/RootElement.mjs";
4
- import r from "./buildPageWindow.mjs";
5
- import { use as i, useCallback as a, useMemo as o } from "react";
6
- import s from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
7
- import { useSdkStore as c } from "@plitzi/sdk-shared/store";
8
- import { emptyObject as l } from "@plitzi/sdk-shared/helpers/utils";
9
- import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
10
- import p from "clsx";
4
+ import r from "./declaration.mjs";
5
+ import i from "./buildPageWindow.mjs";
6
+ import { use as a, useCallback as o, useMemo as s } from "react";
7
+ import c from "@plitzi/sdk-shared/hooks/usePlitziServiceContext";
8
+ import { useSdkStore as l } from "@plitzi/sdk-shared/store";
9
+ import { emptyObject as u } from "@plitzi/sdk-shared/helpers/utils";
10
+ import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
11
+ import m from "clsx";
11
12
  //#region src/elements/structure/Pagination/Pagination.tsx
12
- var m = (e, t) => {
13
+ var h = (e, t) => {
13
14
  if (typeof window > "u") return "";
14
15
  let n = new URL(window.location.href);
15
16
  return t <= 1 ? n.searchParams.delete(e) : n.searchParams.set(e, String(t)), `${n.pathname}${n.search}`;
16
- }, h = ({ ref: e, className: h = "", children: g, pageInfo: _ = l, mode: v = "pages", pageParam: y = "page", target: b = "url", windowSize: x = 5, previousLabel: S = "Previous", nextLabel: C = "Next", loadMoreLabel: w = "Load more" }) => {
17
- let { id: T } = t(), { settings: { previewMode: E }, contexts: { InteractionsContext: D } } = s(), { interactionsManager: O } = i(D), [k] = c("navigation.navigate"), A = _.page ?? 1, j = _.pageCount ?? 0, M = _.hasPrevPage ?? A > 1, N = _.hasNextPage ?? !1, P = o(() => r(A, j, x), [
18
- A,
17
+ }, g = ({ ref: e, className: g = "", children: _, pageInfo: v = u, mode: y = "pages", pageParam: b = "page", target: x = "url", windowSize: S = 5, previousLabel: C = "Previous", nextLabel: w = "Next", loadMoreLabel: T = "Load more" }) => {
18
+ let { id: E } = t(), { settings: { previewMode: D }, contexts: { InteractionsContext: O } } = c(), { interactionsManager: k } = a(O), [A] = l("navigation.navigate"), j = v.page ?? 1, M = v.pageCount ?? 0, N = v.hasPrevPage ?? j > 1, P = v.hasNextPage ?? !1, F = s(() => i(j, M, S), [
19
19
  j,
20
- x
21
- ]), F = a((e) => {
20
+ M,
21
+ S
22
+ ]), I = o((e) => {
22
23
  let t = Math.max(e, 1);
23
- T && O.interactionTrigger(T, "onPageChange", { page: t }), b === "url" && k(m(y, t));
24
+ E && k.interactionTrigger(E, "onPageChange", { page: t }), x === "url" && A(h(b, t));
24
25
  }, [
25
- T,
26
- O,
27
- b,
26
+ E,
28
27
  k,
29
- y
30
- ]), I = a((e) => (t) => {
31
- t.preventDefault(), F(e);
32
- }, [F]), L = o(() => ({ onPageChange: {
33
- action: "onPageChange",
34
- title: "On Page Change",
35
- type: "trigger",
36
- params: {},
37
- preview: { page: "1" }
38
- } }), []), R = j === 0 && !N && !M;
39
- return /* @__PURE__ */ f(n, {
28
+ x,
29
+ A,
30
+ b
31
+ ]), L = o((e) => (t) => {
32
+ t.preventDefault(), I(e);
33
+ }, [I]), R = M === 0 && !P && !N;
34
+ return /* @__PURE__ */ p(n, {
40
35
  ref: e,
41
36
  tag: "nav",
42
- className: p("plitzi-component__pagination", h),
43
- interactionTriggers: L,
37
+ className: m("plitzi-component__pagination", g),
38
+ interactionTriggers: r.triggers,
44
39
  children: [
45
- v === "loadMore" && /* @__PURE__ */ d("button", {
40
+ y === "loadMore" && /* @__PURE__ */ f("button", {
46
41
  type: "button",
47
42
  className: "plitzi-component__pagination-more",
48
- disabled: !N && E,
49
- onClick: I(A + 1),
50
- children: w
43
+ disabled: !P && D,
44
+ onClick: L(j + 1),
45
+ children: T
51
46
  }),
52
- v === "pages" && /* @__PURE__ */ f(u, { children: [
53
- /* @__PURE__ */ d("button", {
47
+ y === "pages" && /* @__PURE__ */ p(d, { children: [
48
+ /* @__PURE__ */ f("button", {
54
49
  type: "button",
55
50
  className: "plitzi-component__pagination-prev",
56
- disabled: !M && E,
57
- onClick: I(A - 1),
58
- children: S
51
+ disabled: !N && D,
52
+ onClick: L(j - 1),
53
+ children: C
59
54
  }),
60
- P.map((e) => /* @__PURE__ */ d("button", {
55
+ F.map((e) => /* @__PURE__ */ f("button", {
61
56
  type: "button",
62
- className: p("plitzi-component__pagination-page", { "plitzi-component__pagination-page--current": e === A }),
63
- onClick: I(e),
57
+ className: m("plitzi-component__pagination-page", { "plitzi-component__pagination-page--current": e === j }),
58
+ onClick: L(e),
64
59
  children: e
65
60
  }, e)),
66
- /* @__PURE__ */ d("button", {
61
+ /* @__PURE__ */ f("button", {
67
62
  type: "button",
68
63
  className: "plitzi-component__pagination-next",
69
- disabled: !N && E,
70
- onClick: I(A + 1),
71
- children: C
64
+ disabled: !P && D,
65
+ onClick: L(j + 1),
66
+ children: w
72
67
  })
73
68
  ] }),
74
- !E && R && /* @__PURE__ */ d("span", {
69
+ !D && R && /* @__PURE__ */ f("span", {
75
70
  className: "plitzi-component__pagination-hint",
76
71
  children: "Bind pageInfo"
77
72
  }),
78
- g
73
+ _
79
74
  ]
80
75
  });
81
- }, g = e(h);
76
+ }, _ = e(g);
82
77
  //#endregion
83
- export { h as Pagination, g as default };
78
+ export { g as Pagination, _ as default };
@@ -8,5 +8,5 @@ type SettingsProps = {
8
8
  loadMoreLabel?: string;
9
9
  onUpdate?: (key: string, value: string | boolean | number | object) => void;
10
10
  };
11
- declare const Settings: ({ mode, target, pageParam, windowSize, previousLabel, nextLabel, loadMoreLabel, onUpdate }: SettingsProps) => import("react").JSX.Element;
11
+ declare const Settings: ({ mode, target, pageParam, windowSize, previousLabel, nextLabel, loadMoreLabel, onUpdate }: SettingsProps) => import('react').JSX.Element;
12
12
  export default Settings;
@@ -4,6 +4,17 @@ import { AuthorableAttributes } from '@plitzi/sdk-shared/authoring/declare';
4
4
  export type PaginationAttributes = AuthorableAttributes<PaginationProps>;
5
5
  declare const declaration: {
6
6
  readonly type: "pagination";
7
+ readonly triggers: {
8
+ readonly onPageChange: {
9
+ readonly action: "onPageChange";
10
+ readonly title: "On Page Change";
11
+ readonly type: "trigger";
12
+ readonly params: {};
13
+ readonly preview: {
14
+ readonly page: "1";
15
+ };
16
+ };
17
+ };
7
18
  readonly content: {
8
19
  readonly attributes: {
9
20
  readonly pageInfo: {};
@@ -2,6 +2,13 @@ import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
2
2
  //#region src/elements/structure/Pagination/declaration.ts
3
3
  var t = e()({
4
4
  type: "pagination",
5
+ triggers: { onPageChange: {
6
+ action: "onPageChange",
7
+ title: "On Page Change",
8
+ type: "trigger",
9
+ params: {},
10
+ preview: { page: "1" }
11
+ } },
5
12
  content: {
6
13
  attributes: {
7
14
  pageInfo: {},
@@ -1,8 +1,19 @@
1
1
  declare const Pagination: {
2
- (props: import('../../../Element/hocs/withElement').WithElementProps<import('./Pagination').PaginationProps>): import("react").JSX.Element;
2
+ (props: import('../../../Element/hocs/withElement').WithElementProps<import('./Pagination').PaginationProps>): import('react').JSX.Element;
3
3
  displayName: string;
4
4
  } & {
5
5
  readonly type: "pagination";
6
+ readonly triggers: {
7
+ readonly onPageChange: {
8
+ readonly action: "onPageChange";
9
+ readonly title: "On Page Change";
10
+ readonly type: "trigger";
11
+ readonly params: {};
12
+ readonly preview: {
13
+ readonly page: "1";
14
+ };
15
+ };
16
+ };
6
17
  readonly content: {
7
18
  readonly attributes: {
8
19
  readonly pageInfo: {};
@@ -1,2 +1,2 @@
1
- declare const Settings: () => import("react").JSX.Element;
1
+ declare const Settings: () => import('react').JSX.Element;
2
2
  export default Settings;
@@ -4,9 +4,9 @@ export type TabContainerProps = {
4
4
  className?: string;
5
5
  children?: ReactNode;
6
6
  };
7
- declare const TabContainer: ({ ref, className, children }: TabContainerProps) => import("react").JSX.Element;
7
+ declare const TabContainer: ({ ref, className, children }: TabContainerProps) => import('react').JSX.Element;
8
8
  declare const _default: {
9
- (props: import('../../../Element/hocs/withElement').WithElementProps<TabContainerProps>): import("react").JSX.Element;
9
+ (props: import('../../../Element/hocs/withElement').WithElementProps<TabContainerProps>): import('react').JSX.Element;
10
10
  displayName: string;
11
11
  };
12
12
  export default _default;
@@ -1,2 +1,2 @@
1
- declare const Settings: () => import("react").JSX.Element;
1
+ declare const Settings: () => import('react').JSX.Element;
2
2
  export default Settings;
@@ -4,9 +4,9 @@ export type TabContainerBodyProps = {
4
4
  className: string;
5
5
  children: ReactNode;
6
6
  };
7
- declare const TabContainerBody: ({ ref, className, children }: TabContainerBodyProps) => import("react").JSX.Element;
7
+ declare const TabContainerBody: ({ ref, className, children }: TabContainerBodyProps) => import('react').JSX.Element;
8
8
  declare const _default: {
9
- (props: import('../../../../Element/hocs/withElement').WithElementProps<TabContainerBodyProps>): import("react").JSX.Element;
9
+ (props: import('../../../../Element/hocs/withElement').WithElementProps<TabContainerBodyProps>): import('react').JSX.Element;
10
10
  displayName: string;
11
11
  };
12
12
  export default _default;
@@ -4,6 +4,7 @@ import { AuthorableAttributes } from '@plitzi/sdk-shared/authoring/declare';
4
4
  export type TabContainerBodyAttributes = AuthorableAttributes<TabContainerBodyProps>;
5
5
  declare const declaration: {
6
6
  readonly type: "tabContainerBody";
7
+ readonly ancestorType: "tabContainer";
7
8
  readonly content: {
8
9
  readonly attributes: {};
9
10
  readonly definition: {
@@ -2,6 +2,7 @@ import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
2
2
  //#region src/elements/structure/TabContainer/TabContainerBody/declaration.ts
3
3
  var t = e()({
4
4
  type: "tabContainerBody",
5
+ ancestorType: "tabContainer",
5
6
  content: {
6
7
  attributes: {},
7
8
  definition: {
@@ -1,8 +1,9 @@
1
1
  declare const TabContainerBody: {
2
- (props: import('../../../../Element/hocs/withElement').WithElementProps<import('./TabContainerBody').TabContainerBodyProps>): import("react").JSX.Element;
2
+ (props: import('../../../../Element/hocs/withElement').WithElementProps<import('./TabContainerBody').TabContainerBodyProps>): import('react').JSX.Element;
3
3
  displayName: string;
4
4
  } & {
5
5
  readonly type: "tabContainerBody";
6
+ readonly ancestorType: "tabContainer";
6
7
  readonly content: {
7
8
  readonly attributes: {};
8
9
  readonly definition: {
@@ -1,2 +1,2 @@
1
- declare const Settings: () => import("react").JSX.Element;
1
+ declare const Settings: () => import('react').JSX.Element;
2
2
  export default Settings;
@@ -4,9 +4,9 @@ export type TabContainerHeaderProps = {
4
4
  className: string;
5
5
  children: ReactNode;
6
6
  };
7
- declare const TabContainerHeader: ({ ref, className, children }: TabContainerHeaderProps) => import("react").JSX.Element;
7
+ declare const TabContainerHeader: ({ ref, className, children }: TabContainerHeaderProps) => import('react').JSX.Element;
8
8
  declare const _default: {
9
- (props: import('../../../../Element/hocs/withElement').WithElementProps<TabContainerHeaderProps>): import("react").JSX.Element;
9
+ (props: import('../../../../Element/hocs/withElement').WithElementProps<TabContainerHeaderProps>): import('react').JSX.Element;
10
10
  displayName: string;
11
11
  };
12
12
  export default _default;
@@ -4,6 +4,7 @@ import { AuthorableAttributes } from '@plitzi/sdk-shared/authoring/declare';
4
4
  export type TabContainerHeaderAttributes = AuthorableAttributes<TabContainerHeaderProps>;
5
5
  declare const declaration: {
6
6
  readonly type: "tabContainerHeader";
7
+ readonly ancestorType: "tabContainer";
7
8
  readonly content: {
8
9
  readonly attributes: {};
9
10
  readonly definition: {
@@ -2,6 +2,7 @@ import { elementDeclaration as e } from "@plitzi/sdk-shared/authoring/declare";
2
2
  //#region src/elements/structure/TabContainer/TabContainerHeader/declaration.ts
3
3
  var t = e()({
4
4
  type: "tabContainerHeader",
5
+ ancestorType: "tabContainer",
5
6
  content: {
6
7
  attributes: {},
7
8
  definition: {