@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.
- package/CHANGELOG.md +151 -0
- package/dist/Component/ComponentProvider.d.ts +1 -1
- package/dist/Element/JsxManager.d.ts +1 -1
- package/dist/Element/LayoutBody.d.ts +1 -1
- package/dist/Element/PluginManager.d.ts +1 -1
- package/dist/Element/PluginRemote.d.ts +1 -1
- package/dist/Element/ReplicaProvider.d.ts +1 -1
- package/dist/Element/helpers/pluginSelector.d.ts +1 -1
- package/dist/Element/hocs/withElement.d.ts +1 -1
- package/dist/Element/hooks/useRootElementInteractions.mjs +7 -1
- package/dist/components/ElementAdvancedEditor.d.ts +1 -1
- package/dist/dataSource/GlobalSources.mjs +24 -22
- package/dist/elements/advanced/BlockHtml/BlockHtml.d.ts +2 -2
- package/dist/elements/advanced/BlockHtml/Settings.d.ts +1 -1
- package/dist/elements/advanced/BlockHtml/index.d.ts +1 -1
- package/dist/elements/advanced/BlockJsx/BlockJsx.d.ts +2 -2
- package/dist/elements/advanced/BlockJsx/Settings.d.ts +1 -1
- package/dist/elements/advanced/BlockJsx/index.d.ts +1 -1
- package/dist/elements/advanced/Custom/Custom.d.ts +2 -2
- package/dist/elements/advanced/Custom/Settings.d.ts +1 -1
- package/dist/elements/advanced/Custom/index.d.ts +1 -1
- package/dist/elements/advanced/NodeHtml/index.d.ts +1 -1
- package/dist/elements/advanced/PlitziSdk/Settings.d.ts +1 -1
- package/dist/elements/advanced/Reference/Reference.d.ts +2 -2
- package/dist/elements/advanced/Reference/Settings.d.ts +1 -1
- package/dist/elements/advanced/Reference/index.d.ts +1 -1
- package/dist/elements/basic/Button/Button.d.ts +2 -2
- package/dist/elements/basic/Button/Settings.d.ts +1 -1
- package/dist/elements/basic/Button/index.d.ts +1 -1
- package/dist/elements/basic/Dropdown/Dropdown.d.ts +2 -2
- package/dist/elements/basic/Dropdown/DropdownPopup/DropdownPopup.d.ts +2 -2
- package/dist/elements/basic/Dropdown/DropdownPopup/Settings.d.ts +1 -1
- package/dist/elements/basic/Dropdown/DropdownPopup/declaration.d.ts +2 -1
- package/dist/elements/basic/Dropdown/DropdownPopup/declaration.mjs +2 -1
- package/dist/elements/basic/Dropdown/DropdownPopup/index.d.ts +3 -2
- package/dist/elements/basic/Dropdown/Settings.d.ts +1 -1
- package/dist/elements/basic/Dropdown/index.d.ts +4 -3
- package/dist/elements/basic/Heading/Heading.d.ts +2 -2
- package/dist/elements/basic/Heading/Settings.d.ts +1 -1
- package/dist/elements/basic/Heading/index.d.ts +1 -1
- package/dist/elements/basic/Link/Link.d.ts +2 -2
- package/dist/elements/basic/Link/Link.mjs +1 -1
- package/dist/elements/basic/Link/Settings.d.ts +1 -1
- package/dist/elements/basic/Link/index.d.ts +1 -1
- package/dist/elements/basic/Markdown/Markdown.d.ts +2 -2
- package/dist/elements/basic/Markdown/Settings.d.ts +1 -1
- package/dist/elements/basic/Markdown/index.d.ts +1 -1
- package/dist/elements/basic/Paragraph/Paragraph.d.ts +2 -2
- package/dist/elements/basic/Paragraph/Settings.d.ts +1 -1
- package/dist/elements/basic/Paragraph/index.d.ts +1 -1
- package/dist/elements/basic/RichText/RichText.d.ts +2 -2
- package/dist/elements/basic/RichText/Settings.d.ts +1 -1
- package/dist/elements/basic/RichText/index.d.ts +1 -1
- package/dist/elements/basic/Text/Settings.d.ts +1 -1
- package/dist/elements/basic/Text/Text.d.ts +2 -2
- package/dist/elements/basic/Text/index.d.ts +1 -1
- package/dist/elements/basic/ThemeToggle/ThemeToggle.d.ts +2 -2
- package/dist/elements/basic/ThemeToggle/ThemeToggle.mjs +55 -62
- package/dist/elements/basic/ThemeToggle/declaration.d.ts +12 -1
- package/dist/elements/basic/ThemeToggle/declaration.mjs +8 -1
- package/dist/elements/basic/ThemeToggle/index.d.ts +13 -2
- package/dist/elements/declarations/index.d.ts +314 -5
- package/dist/elements/form/Form/Form.d.ts +2 -2
- package/dist/elements/form/Form/Form.mjs +37 -57
- package/dist/elements/form/Form/Settings.d.ts +1 -1
- package/dist/elements/form/Form/declaration.d.ts +57 -0
- package/dist/elements/form/Form/declaration.mjs +55 -0
- package/dist/elements/form/Form/index.d.ts +59 -2
- package/dist/elements/form/FormControl/FormControl.d.ts +2 -2
- package/dist/elements/form/FormControl/FormControl.mjs +33 -41
- package/dist/elements/form/FormControl/Settings.d.ts +1 -1
- package/dist/elements/form/FormControl/components/Label.d.ts +1 -1
- package/dist/elements/form/FormControl/declaration.d.ts +12 -0
- package/dist/elements/form/FormControl/declaration.mjs +10 -0
- package/dist/elements/form/FormControl/hocs/withFieldValue.d.ts +1 -1
- package/dist/elements/form/FormControl/index.d.ts +14 -2
- package/dist/elements/form/FormControl/inputs/Checkbox.d.ts +1 -1
- package/dist/elements/form/FormControl/inputs/Hidden.d.ts +1 -1
- package/dist/elements/form/FormControl/inputs/Input.d.ts +1 -1
- package/dist/elements/form/FormControl/inputs/Select.d.ts +1 -1
- package/dist/elements/form/FormControl/inputs/Textarea.d.ts +1 -1
- package/dist/elements/internal/LayoutContainer/LayoutContainer.d.ts +2 -2
- package/dist/elements/internal/LayoutContainer/Settings.d.ts +1 -1
- package/dist/elements/internal/LayoutContainer/index.d.ts +1 -1
- package/dist/elements/internal/LayoutPicker/LayoutPicker.d.ts +1 -1
- package/dist/elements/internal/Loading/Loading.d.ts +2 -2
- package/dist/elements/internal/Loading/index.d.ts +1 -1
- package/dist/elements/internal/NotFound/NotFound.d.ts +2 -2
- package/dist/elements/internal/NotFound/index.d.ts +1 -1
- package/dist/elements/internal/Page/Page.d.ts +2 -2
- package/dist/elements/internal/Page/Page.mjs +34 -43
- package/dist/elements/internal/Page/Settings.d.ts +1 -1
- package/dist/elements/internal/Page/declaration.d.ts +13 -0
- package/dist/elements/internal/Page/declaration.mjs +11 -0
- package/dist/elements/internal/Page/index.d.ts +14 -1
- package/dist/elements/media/FontAwesome/FontAwesome.d.ts +2 -2
- package/dist/elements/media/FontAwesome/Settings.d.ts +1 -1
- package/dist/elements/media/FontAwesome/index.d.ts +1 -1
- package/dist/elements/media/Image/Image.d.ts +2 -2
- package/dist/elements/media/Image/Settings.d.ts +1 -1
- package/dist/elements/media/Image/index.d.ts +1 -1
- package/dist/elements/media/Video/Settings.d.ts +1 -1
- package/dist/elements/media/Video/Video.d.ts +2 -2
- package/dist/elements/media/Video/index.d.ts +1 -1
- package/dist/elements/provider/ApiContainer/ApiContainer.d.ts +11 -2
- package/dist/elements/provider/ApiContainer/ApiContainer.mjs +119 -161
- package/dist/elements/provider/ApiContainer/Settings.d.ts +2 -1
- package/dist/elements/provider/ApiContainer/Settings.mjs +129 -122
- package/dist/elements/provider/ApiContainer/components/FiltersInput/FiltersInput.d.ts +1 -1
- package/dist/elements/provider/ApiContainer/declaration.d.ts +75 -0
- package/dist/elements/provider/ApiContainer/declaration.mjs +72 -1
- package/dist/elements/provider/ApiContainer/helpers/providerOutcome.d.ts +25 -0
- package/dist/elements/provider/ApiContainer/helpers/providerOutcome.mjs +7 -0
- package/dist/elements/provider/ApiContainer/hooks/useAutoRefresh.d.ts +21 -0
- package/dist/elements/provider/ApiContainer/hooks/useAutoRefresh.mjs +18 -0
- package/dist/elements/provider/ApiContainer/index.d.ts +76 -1
- package/dist/elements/structure/Container/Container.d.ts +2 -2
- package/dist/elements/structure/Container/Settings.d.ts +1 -1
- package/dist/elements/structure/Container/index.d.ts +1 -1
- package/dist/elements/structure/DialogContainer/DialogContainer.d.ts +2 -2
- package/dist/elements/structure/DialogContainer/DialogContainer.mjs +10 -60
- package/dist/elements/structure/DialogContainer/Settings.d.ts +1 -1
- package/dist/elements/structure/DialogContainer/declaration.d.ts +82 -1
- package/dist/elements/structure/DialogContainer/declaration.mjs +62 -1
- package/dist/elements/structure/DialogContainer/index.d.ts +83 -2
- package/dist/elements/structure/List/List.d.ts +2 -2
- package/dist/elements/structure/List/ListItem/ListItem.d.ts +2 -2
- package/dist/elements/structure/List/ListItem/Settings.d.ts +1 -1
- package/dist/elements/structure/List/ListItem/index.d.ts +1 -1
- package/dist/elements/structure/List/Settings.d.ts +1 -1
- package/dist/elements/structure/List/index.d.ts +2 -2
- package/dist/elements/structure/List/modes/ListBasic.d.ts +1 -1
- package/dist/elements/structure/List/modes/ListControlled/ListControlled.d.ts +1 -1
- package/dist/elements/structure/List/modes/ListControlled/ListControlledItem.d.ts +1 -1
- package/dist/elements/structure/ModalContainer/ModalContainer.d.ts +2 -2
- package/dist/elements/structure/ModalContainer/ModalContainer.mjs +10 -37
- package/dist/elements/structure/ModalContainer/Settings.d.ts +1 -1
- package/dist/elements/structure/ModalContainer/declaration.d.ts +48 -2
- package/dist/elements/structure/ModalContainer/declaration.mjs +40 -2
- package/dist/elements/structure/ModalContainer/index.d.ts +49 -3
- package/dist/elements/structure/Pagination/Pagination.d.ts +2 -2
- package/dist/elements/structure/Pagination/Pagination.mjs +45 -50
- package/dist/elements/structure/Pagination/Settings.d.ts +1 -1
- package/dist/elements/structure/Pagination/declaration.d.ts +11 -0
- package/dist/elements/structure/Pagination/declaration.mjs +7 -0
- package/dist/elements/structure/Pagination/index.d.ts +12 -1
- package/dist/elements/structure/TabContainer/Settings.d.ts +1 -1
- package/dist/elements/structure/TabContainer/TabContainer.d.ts +2 -2
- package/dist/elements/structure/TabContainer/TabContainerBody/Settings.d.ts +1 -1
- package/dist/elements/structure/TabContainer/TabContainerBody/TabContainerBody.d.ts +2 -2
- package/dist/elements/structure/TabContainer/TabContainerBody/declaration.d.ts +1 -0
- package/dist/elements/structure/TabContainer/TabContainerBody/declaration.mjs +1 -0
- package/dist/elements/structure/TabContainer/TabContainerBody/index.d.ts +2 -1
- package/dist/elements/structure/TabContainer/TabContainerHeader/Settings.d.ts +1 -1
- package/dist/elements/structure/TabContainer/TabContainerHeader/TabContainerHeader.d.ts +2 -2
- package/dist/elements/structure/TabContainer/TabContainerHeader/declaration.d.ts +1 -0
- package/dist/elements/structure/TabContainer/TabContainerHeader/declaration.mjs +1 -0
- package/dist/elements/structure/TabContainer/TabContainerHeader/index.d.ts +2 -1
- package/dist/elements/structure/TabContainer/TabContainerItem/Settings.d.ts +1 -1
- package/dist/elements/structure/TabContainer/TabContainerItem/TabContainerItem.d.ts +2 -2
- package/dist/elements/structure/TabContainer/TabContainerItem/index.d.ts +1 -1
- package/dist/elements/structure/TabContainer/index.d.ts +6 -4
- package/dist/index.d.ts +351 -42
- 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(
|
|
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(
|
|
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(
|
|
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(
|
|
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
|
-
|
|
54
|
+
...i.callbacks.openModal,
|
|
73
55
|
title: `Open ${w}`,
|
|
74
|
-
|
|
75
|
-
callback: M,
|
|
76
|
-
params: { metadata: {
|
|
77
|
-
type: "text",
|
|
78
|
-
defaultValue: ""
|
|
79
|
-
} },
|
|
80
|
-
preview: { metadata: "" }
|
|
56
|
+
callback: M
|
|
81
57
|
},
|
|
82
58
|
closeModal: {
|
|
83
|
-
|
|
59
|
+
...i.callbacks.closeModal,
|
|
84
60
|
title: `Close ${w}`,
|
|
85
|
-
|
|
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
|
|
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:
|
|
81
|
+
fields: I
|
|
109
82
|
});
|
|
110
|
-
let
|
|
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:
|
|
115
|
-
interactionCallbacks:
|
|
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:
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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 "./
|
|
5
|
-
import
|
|
6
|
-
import s from "
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
9
|
-
import {
|
|
10
|
-
import p from "
|
|
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
|
|
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
|
-
},
|
|
17
|
-
let { id:
|
|
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
|
-
|
|
21
|
-
|
|
20
|
+
M,
|
|
21
|
+
S
|
|
22
|
+
]), I = o((e) => {
|
|
22
23
|
let t = Math.max(e, 1);
|
|
23
|
-
|
|
24
|
+
E && k.interactionTrigger(E, "onPageChange", { page: t }), x === "url" && A(h(b, t));
|
|
24
25
|
}, [
|
|
25
|
-
|
|
26
|
-
O,
|
|
27
|
-
b,
|
|
26
|
+
E,
|
|
28
27
|
k,
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
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:
|
|
43
|
-
interactionTriggers:
|
|
37
|
+
className: m("plitzi-component__pagination", g),
|
|
38
|
+
interactionTriggers: r.triggers,
|
|
44
39
|
children: [
|
|
45
|
-
|
|
40
|
+
y === "loadMore" && /* @__PURE__ */ f("button", {
|
|
46
41
|
type: "button",
|
|
47
42
|
className: "plitzi-component__pagination-more",
|
|
48
|
-
disabled: !
|
|
49
|
-
onClick:
|
|
50
|
-
children:
|
|
43
|
+
disabled: !P && D,
|
|
44
|
+
onClick: L(j + 1),
|
|
45
|
+
children: T
|
|
51
46
|
}),
|
|
52
|
-
|
|
53
|
-
/* @__PURE__ */
|
|
47
|
+
y === "pages" && /* @__PURE__ */ p(d, { children: [
|
|
48
|
+
/* @__PURE__ */ f("button", {
|
|
54
49
|
type: "button",
|
|
55
50
|
className: "plitzi-component__pagination-prev",
|
|
56
|
-
disabled: !
|
|
57
|
-
onClick:
|
|
58
|
-
children:
|
|
51
|
+
disabled: !N && D,
|
|
52
|
+
onClick: L(j - 1),
|
|
53
|
+
children: C
|
|
59
54
|
}),
|
|
60
|
-
|
|
55
|
+
F.map((e) => /* @__PURE__ */ f("button", {
|
|
61
56
|
type: "button",
|
|
62
|
-
className:
|
|
63
|
-
onClick:
|
|
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__ */
|
|
61
|
+
/* @__PURE__ */ f("button", {
|
|
67
62
|
type: "button",
|
|
68
63
|
className: "plitzi-component__pagination-next",
|
|
69
|
-
disabled: !
|
|
70
|
-
onClick:
|
|
71
|
-
children:
|
|
64
|
+
disabled: !P && D,
|
|
65
|
+
onClick: L(j + 1),
|
|
66
|
+
children: w
|
|
72
67
|
})
|
|
73
68
|
] }),
|
|
74
|
-
!
|
|
69
|
+
!D && R && /* @__PURE__ */ f("span", {
|
|
75
70
|
className: "plitzi-component__pagination-hint",
|
|
76
71
|
children: "Bind pageInfo"
|
|
77
72
|
}),
|
|
78
|
-
|
|
73
|
+
_
|
|
79
74
|
]
|
|
80
75
|
});
|
|
81
|
-
},
|
|
76
|
+
}, _ = e(g);
|
|
82
77
|
//#endregion
|
|
83
|
-
export {
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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(
|
|
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: {
|