pagepilot-visual-editor 1.0.8 → 1.0.10
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/README.md +105 -1
- package/dist/blocks-internal/block-button/src/index.d.ts +10 -10
- package/dist/blocks-internal/block-columns-container/src/index.d.ts +3 -3
- package/dist/blocks-internal/block-container/src/index.d.ts +8 -8
- package/dist/blocks-internal/block-grid/src/index.d.ts +1 -1
- package/dist/blocks-internal/block-heading/src/index.d.ts +7 -7
- package/dist/blocks-internal/block-html/src/index.d.ts +2 -2
- package/dist/blocks-internal/block-iframe/src/index.d.ts +2 -2
- package/dist/blocks-internal/block-image/src/index.d.ts +3 -3
- package/dist/blocks-internal/block-list/src/index.d.ts +6 -6
- package/dist/blocks-internal/block-logo/src/index.d.ts +2 -2
- package/dist/blocks-internal/block-stepper/src/index.d.ts +5 -5
- package/dist/blocks-internal/block-text/src/index.d.ts +4 -4
- package/dist/blocks-internal/block-video/src/index.d.ts +3 -3
- package/dist/blocks-internal/block-youtube-url/src/index.d.ts +3 -3
- package/dist/editor/renderSections.d.ts +2 -0
- package/dist/editor-sample/App/InspectorDrawer/LayersPanelStyles.d.ts +2 -2
- package/dist/editor-sample/App/InspectorDrawer/LayoutPanel/templateApplyHelpers.d.ts +2 -14
- package/dist/editor-sample/App/shared/editor.styles.d.ts +3 -3
- package/dist/editor-sample/documents/blocks/ColumnsContainer/ColumnsContainerPropsSchema.d.ts +3 -3
- package/dist/editor-sample/documents/blocks/Container/ContainerPropsSchema.d.ts +8 -8
- package/dist/editor-sample/documents/blocks/DemoPicker/DemoPropsSchema.d.ts +2 -2
- package/dist/editor-sample/documents/blocks/EmailLayout/EmailLayoutPropsSchema.d.ts +3 -3
- package/dist/editor-sample/documents/blocks/FormsPicker/FormsPropsSchema.d.ts +2 -2
- package/dist/editor-sample/documents/blocks/Grid/GridPropsSchema.d.ts +3 -3
- package/dist/editor-sample/documents/blocks/Marquee/MarqueePropsSchema.d.ts +2 -2
- package/dist/editor-sample/documents/blocks/MenuPicker/MenuPropsSchema.d.ts +2 -2
- package/dist/editor-sample/documents/blocks/PricingAccordion/PricingAccordionPropsSchema.d.ts +2 -2
- package/dist/editor-sample/documents/blocks/Rating/RatingPropsSchema.d.ts +2 -2
- package/dist/editor-sample/documents/blocks/helpers/zod.d.ts +3 -3
- package/dist/editor-sample/documents/editor/EditorContext.d.ts +2 -2
- package/dist/editor-sample/documents/editor/core.d.ts +85 -85
- package/dist/editor-sample/documents/editor/templateVariables.d.ts +4 -75
- package/dist/email-builder-core/blocks/AccessibilityTools/AccessibilityToolsPropsSchema.d.ts +3 -3
- package/dist/email-builder-core/blocks/Calendly/CalendlyPropsSchema.d.ts +2 -2
- package/dist/email-builder-core/blocks/ColumnsContainer/ColumnsContainerPropsSchema.d.ts +3 -3
- package/dist/email-builder-core/blocks/Container/ContainerPropsSchema.d.ts +8 -8
- package/dist/email-builder-core/blocks/DemoPicker/DemoPropsSchema.d.ts +2 -2
- package/dist/email-builder-core/blocks/EmailLayout/EmailLayoutPropsSchema.d.ts +5 -5
- package/dist/email-builder-core/blocks/EmailLayout/EmailLayoutReader.d.ts +1 -1
- package/dist/email-builder-core/blocks/FlexColumns/FlexColumnsPropsSchema.d.ts +2 -2
- package/dist/email-builder-core/blocks/FormsPicker/FormsPropsSchema.d.ts +2 -2
- package/dist/email-builder-core/blocks/Grid/GridPropsSchema.d.ts +3 -3
- package/dist/email-builder-core/blocks/Marquee/MarqueePropsSchema.d.ts +2 -2
- package/dist/email-builder-core/blocks/MenuPicker/MenuPropsSchema.d.ts +4 -4
- package/dist/email-builder-core/blocks/Pagination/PaginationPropsSchema.d.ts +5 -5
- package/dist/email-builder-core/blocks/PricingAccordion/PricingAccordionPropsSchema.d.ts +2 -2
- package/dist/email-builder-core/blocks/Rating/RatingPropsSchema.d.ts +2 -2
- package/dist/email-builder-core/blocks/SkipLink/SkipLinkPropsSchema.d.ts +2 -2
- package/dist/email-builder-core/blocks/Table/TablePropsSchema.d.ts +2 -2
- package/dist/index.cjs +225 -221
- package/dist/index.d.ts +2 -0
- package/dist/index.js +15913 -15530
- package/dist/render-core/collectSubtreeIds.d.ts +1 -0
- package/dist/render-core/combineSections.d.ts +37 -0
- package/dist/render-core/stubs/editorContext.d.ts +10 -0
- package/dist/render-core/stubs/usePreviewScreen.d.ts +7 -0
- package/dist/render-core/templateBaking.d.ts +35 -0
- package/dist/render-core/templateEnvelope.d.ts +11 -0
- package/dist/render.cjs +726 -0
- package/dist/render.d.ts +4 -0
- package/dist/render.js +15085 -0
- package/dist/renderToStaticHtml.d.ts +107 -0
- package/package.json +11 -3
package/README.md
CHANGED
|
@@ -935,6 +935,105 @@ import { Reader, renderToStaticMarkup } from "pagepilot-visual-editor";
|
|
|
935
935
|
const html = renderToStaticMarkup(myDoc, { rootBlockId: "root" });
|
|
936
936
|
```
|
|
937
937
|
|
|
938
|
+
### `renderToStaticHtml(CONFIGURATION, options)`
|
|
939
|
+
|
|
940
|
+
Higher-level renderer that always runs through the **same code path** the editor uses on Save Changes / Publish: bake formFields, sanitize block types this build doesn't know about (e.g. `Mdx` → `Text`), then call `renderToStaticMarkup`. One function, three call shapes — the first is sync, the API-backed shapes return a `Promise<string>`.
|
|
941
|
+
|
|
942
|
+
#### Zero-dependency subpath (`pagepilot-visual-editor/render`)
|
|
943
|
+
|
|
944
|
+
If you only need HTML generation (server-side, serverless, CLI, static export) and **don't** want to install MUI / Emotion / zustand just to import a render function, use the render subpath. It ships as an editor-free bundle whose only external dependencies are `react` and `react-dom/server`:
|
|
945
|
+
|
|
946
|
+
```ts
|
|
947
|
+
import { renderToStaticHtml } from "pagepilot-visual-editor/render";
|
|
948
|
+
```
|
|
949
|
+
|
|
950
|
+
```bash
|
|
951
|
+
# Only react + react-dom needed for the render subpath.
|
|
952
|
+
npm install pagepilot-visual-editor react react-dom
|
|
953
|
+
```
|
|
954
|
+
|
|
955
|
+
Nothing else changes — the same three call shapes and options documented below apply to both entries. The main entry (`import from "pagepilot-visual-editor"`) still exports the same symbol for hosts that already have MUI installed for `<PagePilotEditor>`.
|
|
956
|
+
|
|
957
|
+
**1. Sync — render a document you already have in memory**
|
|
958
|
+
|
|
959
|
+
```ts
|
|
960
|
+
import { renderToStaticHtml } from "pagepilot-visual-editor/render";
|
|
961
|
+
|
|
962
|
+
const generatedHtml = renderToStaticHtml(CONFIGURATION, {
|
|
963
|
+
rootBlockId: "root",
|
|
964
|
+
});
|
|
965
|
+
```
|
|
966
|
+
|
|
967
|
+
- `CONFIGURATION` is the document tree (`{ root: { type: "EmailLayout", … }, "block-…": {…} }`) — the same shape stored on `contentMetadata.document`.
|
|
968
|
+
- Any `{{token}}`s in the doc are resolved automatically using `document.root.data.formFields`; unknown block types are coerced to `Text` blocks that carry the original `props.html` / `props.text` / `props.markdown`.
|
|
969
|
+
|
|
970
|
+
**2. Async — fetch a page from the pagepilot API and render every section**
|
|
971
|
+
|
|
972
|
+
```ts
|
|
973
|
+
const generatedHtml = await renderToStaticHtml(CONFIGURATION, {
|
|
974
|
+
rootBlockId: "root",
|
|
975
|
+
pageId, // required — page `_id`
|
|
976
|
+
baseUrl, // e.g. "https://pagepilot.fabbuilder.com/api"
|
|
977
|
+
tenantId, // required
|
|
978
|
+
authToken, // optional bearer for private pages
|
|
979
|
+
});
|
|
980
|
+
```
|
|
981
|
+
|
|
982
|
+
- `GET ${baseUrl}/tenant/${tenantId}/page/${pageId}`.
|
|
983
|
+
- Every section's `contentMetadata.document` is baked (with its own `formFields`) and re-rendered — the stored `section.content` HTML is **never reused**.
|
|
984
|
+
- Multi-section pages are wrapped in a `<!doctype html>` shell (viewport meta, body background/font from the first internal section's EmailLayout). Pass `wrapInDocumentShell: false` to get bare fragments instead.
|
|
985
|
+
- `CONFIGURATION` acts as a fallback if the API returns no sections.
|
|
986
|
+
|
|
987
|
+
**3. Async — fetch a template, override `variables`, render**
|
|
988
|
+
|
|
989
|
+
```ts
|
|
990
|
+
const generatedHtml = await renderToStaticHtml({}, {
|
|
991
|
+
rootBlockId: "root",
|
|
992
|
+
templateId, // required — template `_id`
|
|
993
|
+
baseUrl,
|
|
994
|
+
tenantId, // needed unless `isGlobal: true`
|
|
995
|
+
authToken, // optional (skipped when `isGlobal: true`)
|
|
996
|
+
isGlobal: false, // true → GET /global-template/:templateId (public, no auth)
|
|
997
|
+
variables: { fname: "Ishaan", ctaText: "Book Now" },
|
|
998
|
+
});
|
|
999
|
+
```
|
|
1000
|
+
|
|
1001
|
+
- **`isGlobal: false`** (default): `GET ${baseUrl}/tenant/${tenantId}/template/${templateId}` with the bearer token.
|
|
1002
|
+
- **`isGlobal: true`**: `GET ${baseUrl}/global-template/${templateId}` — public endpoint, no auth header sent.
|
|
1003
|
+
- `variables` accepts two shapes:
|
|
1004
|
+
- Flat map — `{ fieldId: value }`. Values are stringified. Ids not on the template are appended as text fields, so `{{fname}}` still substitutes even if the template's authors never declared a `fname` field.
|
|
1005
|
+
- Array of formField objects — `[{ id, name, type, value, itemFields?, sourceBlockId?, rowIds? }, …]`. Each entry deep-merges onto the template's existing field with the same `id`, so you can override array/repeatable fields (`fabFaqs`, etc.) end-to-end, not just their scalar `value`.
|
|
1006
|
+
- Template envelope shapes handled: flat `configuration.root`, page-envelope `configuration.content.contentMetadata.document`, older `configuration.contentMetadata.document`, and `isIndividualBlock` block templates (a synthetic `EmailLayout` root is generated around `configuration.rootBlockId`).
|
|
1007
|
+
|
|
1008
|
+
**All options**
|
|
1009
|
+
|
|
1010
|
+
```ts
|
|
1011
|
+
type RenderToStaticHtmlOptions = {
|
|
1012
|
+
rootBlockId?: string; // "root"
|
|
1013
|
+
injectElementIds?: boolean; // true — emits `id="ahd-<blockId>"`
|
|
1014
|
+
minifyCss?: boolean; // true
|
|
1015
|
+
includePageCSS?: boolean; // true
|
|
1016
|
+
lang?: string; // falls back to document.root.data.lang
|
|
1017
|
+
skipLink?: TSkipLink; // falls back to root.data.skipLink
|
|
1018
|
+
accessibilityTools?: TA11yTools; // falls back to root.data.accessibilityTools
|
|
1019
|
+
injectTabsScrollSyncScript?: boolean; // true when the doc has a Tabs block
|
|
1020
|
+
injectCarouselScript?: boolean; // true when the doc has a Carousel block
|
|
1021
|
+
injectFontAssets?: boolean; // banners only
|
|
1022
|
+
seo?: TSeo;
|
|
1023
|
+
headHtml?: string; // appended before </head>
|
|
1024
|
+
bodyBottomHtml?: string; // appended before </body>
|
|
1025
|
+
isBanner?: boolean;
|
|
1026
|
+
// Page-only:
|
|
1027
|
+
pageId?: string; tenantId?: string; baseUrl?: string; authToken?: string;
|
|
1028
|
+
wrapInDocumentShell?: boolean; // true — set false to get raw fragments
|
|
1029
|
+
// Template-only:
|
|
1030
|
+
templateId?: string; isGlobal?: boolean;
|
|
1031
|
+
variables?: Record<string, string | number | boolean | null | undefined>
|
|
1032
|
+
| Array<Partial<TemplateFormField>>;
|
|
1033
|
+
fetchFn?: typeof fetch; // custom fetch for Node < 18 / tracing
|
|
1034
|
+
};
|
|
1035
|
+
```
|
|
1036
|
+
|
|
938
1037
|
---
|
|
939
1038
|
|
|
940
1039
|
## Exports
|
|
@@ -955,7 +1054,8 @@ export {
|
|
|
955
1054
|
// Reader / renderer
|
|
956
1055
|
export {
|
|
957
1056
|
Reader, ReaderBlock,
|
|
958
|
-
renderToStaticMarkup,
|
|
1057
|
+
renderToStaticMarkup, // low-level React → HTML string
|
|
1058
|
+
renderToStaticHtml, // high-level: bake + sanitize + render, also fetches page / template from the API
|
|
959
1059
|
ReaderBlockSchema, ReaderDocumentSchema,
|
|
960
1060
|
} from "pagepilot-visual-editor";
|
|
961
1061
|
|
|
@@ -972,6 +1072,10 @@ export type {
|
|
|
972
1072
|
BlockKey, BlockToggles,
|
|
973
1073
|
PagepilotApiConfig, ListParams, PageListRow, PageListResponse,
|
|
974
1074
|
TReaderBlock, TReaderDocument, TReaderBlockProps, TReaderProps,
|
|
1075
|
+
RenderToStaticHtmlOptions,
|
|
1076
|
+
RenderToStaticHtmlSyncOptions,
|
|
1077
|
+
RenderToStaticHtmlPageOptions,
|
|
1078
|
+
RenderToStaticHtmlTemplateOptions,
|
|
975
1079
|
} from "pagepilot-visual-editor";
|
|
976
1080
|
```
|
|
977
1081
|
|
|
@@ -35,22 +35,22 @@ export declare const ButtonPropsSchema: z.ZodObject<{
|
|
|
35
35
|
BEBAS_NEUE: "BEBAS_NEUE";
|
|
36
36
|
}>>>;
|
|
37
37
|
fontWeight: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
38
|
-
bold: "bold";
|
|
39
|
-
normal: "normal";
|
|
40
38
|
400: "400";
|
|
41
39
|
500: "500";
|
|
42
40
|
600: "600";
|
|
43
41
|
700: "700";
|
|
42
|
+
normal: "normal";
|
|
43
|
+
bold: "bold";
|
|
44
44
|
}>>>;
|
|
45
45
|
textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
46
|
-
center: "center";
|
|
47
|
-
left: "left";
|
|
48
46
|
right: "right";
|
|
47
|
+
left: "left";
|
|
48
|
+
center: "center";
|
|
49
49
|
}>>>;
|
|
50
50
|
buttonTextAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
51
|
-
center: "center";
|
|
52
|
-
left: "left";
|
|
53
51
|
right: "right";
|
|
52
|
+
left: "left";
|
|
53
|
+
center: "center";
|
|
54
54
|
}>>>;
|
|
55
55
|
padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
|
|
56
56
|
top: z.ZodNumber;
|
|
@@ -108,20 +108,20 @@ export declare const ButtonPropsSchema: z.ZodObject<{
|
|
|
108
108
|
widthMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
|
|
109
109
|
size: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
110
110
|
small: "small";
|
|
111
|
-
large: "large";
|
|
112
111
|
medium: "medium";
|
|
112
|
+
large: "large";
|
|
113
113
|
"x-small": "x-small";
|
|
114
114
|
}>>>;
|
|
115
115
|
sizeTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
116
116
|
small: "small";
|
|
117
|
-
large: "large";
|
|
118
117
|
medium: "medium";
|
|
118
|
+
large: "large";
|
|
119
119
|
"x-small": "x-small";
|
|
120
120
|
}>>>;
|
|
121
121
|
sizeMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
122
122
|
small: "small";
|
|
123
|
-
large: "large";
|
|
124
123
|
medium: "medium";
|
|
124
|
+
large: "large";
|
|
125
125
|
"x-small": "x-small";
|
|
126
126
|
}>>>;
|
|
127
127
|
text: z.ZodNullable<z.ZodOptional<z.ZodString>>;
|
|
@@ -140,8 +140,8 @@ export declare const ButtonPropsSchema: z.ZodObject<{
|
|
|
140
140
|
iconEnabled: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
|
|
141
141
|
iconName: z.ZodNullable<z.ZodOptional<z.ZodString>>;
|
|
142
142
|
iconAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
143
|
-
left: "left";
|
|
144
143
|
right: "right";
|
|
144
|
+
left: "left";
|
|
145
145
|
}>>>;
|
|
146
146
|
ariaLabel: z.ZodNullable<z.ZodOptional<z.ZodString>>;
|
|
147
147
|
goToStep: z.ZodNullable<z.ZodOptional<z.ZodString>>;
|
|
@@ -52,18 +52,18 @@ export declare const ColumnsContainerPropsSchema: z.ZodObject<{
|
|
|
52
52
|
vertical: "vertical";
|
|
53
53
|
}>>>;
|
|
54
54
|
contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
55
|
-
bottom: "bottom";
|
|
56
55
|
top: "top";
|
|
56
|
+
bottom: "bottom";
|
|
57
57
|
middle: "middle";
|
|
58
58
|
}>>>;
|
|
59
59
|
contentAlignmentTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
60
|
-
bottom: "bottom";
|
|
61
60
|
top: "top";
|
|
61
|
+
bottom: "bottom";
|
|
62
62
|
middle: "middle";
|
|
63
63
|
}>>>;
|
|
64
64
|
contentAlignmentMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
65
|
-
bottom: "bottom";
|
|
66
65
|
top: "top";
|
|
66
|
+
bottom: "bottom";
|
|
67
67
|
middle: "middle";
|
|
68
68
|
}>>>;
|
|
69
69
|
}, z.core.$strip>>>;
|
|
@@ -64,24 +64,24 @@ export declare const ContainerPropsSchema: z.ZodObject<{
|
|
|
64
64
|
heightMobile: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
|
|
65
65
|
overflow: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
|
|
66
66
|
alignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
67
|
-
center: "center";
|
|
68
|
-
left: "left";
|
|
69
67
|
right: "right";
|
|
68
|
+
left: "left";
|
|
69
|
+
center: "center";
|
|
70
70
|
}>>>;
|
|
71
71
|
alignmentTablet: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
72
|
-
center: "center";
|
|
73
|
-
left: "left";
|
|
74
72
|
right: "right";
|
|
73
|
+
left: "left";
|
|
74
|
+
center: "center";
|
|
75
75
|
}>>>;
|
|
76
76
|
alignmentMobile: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
77
|
-
center: "center";
|
|
78
|
-
left: "left";
|
|
79
77
|
right: "right";
|
|
78
|
+
left: "left";
|
|
79
|
+
center: "center";
|
|
80
80
|
}>>>;
|
|
81
81
|
tag: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
82
|
+
div: "div";
|
|
82
83
|
article: "article";
|
|
83
84
|
aside: "aside";
|
|
84
|
-
div: "div";
|
|
85
85
|
footer: "footer";
|
|
86
86
|
header: "header";
|
|
87
87
|
main: "main";
|
|
@@ -93,8 +93,8 @@ export declare const ContainerPropsSchema: z.ZodObject<{
|
|
|
93
93
|
showLink: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
|
|
94
94
|
linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;
|
|
95
95
|
linkTarget: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
96
|
-
_blank: "_blank";
|
|
97
96
|
_self: "_self";
|
|
97
|
+
_blank: "_blank";
|
|
98
98
|
}>>>;
|
|
99
99
|
}, z.core.$strip>>>;
|
|
100
100
|
}, z.core.$strip>;
|
|
@@ -24,8 +24,8 @@ export declare const GridPropsSchema: z.ZodObject<{
|
|
|
24
24
|
columnsGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
|
|
25
25
|
rowsGap: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
|
|
26
26
|
contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
27
|
-
bottom: "bottom";
|
|
28
27
|
top: "top";
|
|
28
|
+
bottom: "bottom";
|
|
29
29
|
middle: "middle";
|
|
30
30
|
}>>>;
|
|
31
31
|
}, z.core.$strip>>>;
|
|
@@ -11,8 +11,8 @@ export declare const HeadingPropsSchema: z.ZodObject<{
|
|
|
11
11
|
h6: "h6";
|
|
12
12
|
}>>>;
|
|
13
13
|
linkType: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
14
|
-
text: "text";
|
|
15
14
|
link: "link";
|
|
15
|
+
text: "text";
|
|
16
16
|
}>>>;
|
|
17
17
|
url: z.ZodNullable<z.ZodOptional<z.ZodString>>;
|
|
18
18
|
openInNewTab: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
|
|
@@ -55,12 +55,12 @@ export declare const HeadingPropsSchema: z.ZodObject<{
|
|
|
55
55
|
}>>>;
|
|
56
56
|
fontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
|
|
57
57
|
fontWeight: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
58
|
-
bold: "bold";
|
|
59
|
-
normal: "normal";
|
|
60
58
|
400: "400";
|
|
61
59
|
500: "500";
|
|
62
60
|
600: "600";
|
|
63
61
|
700: "700";
|
|
62
|
+
normal: "normal";
|
|
63
|
+
bold: "bold";
|
|
64
64
|
}>>>;
|
|
65
65
|
fontStyle: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
66
66
|
normal: "normal";
|
|
@@ -68,14 +68,14 @@ export declare const HeadingPropsSchema: z.ZodObject<{
|
|
|
68
68
|
}>>>;
|
|
69
69
|
textDecoration: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
70
70
|
none: "none";
|
|
71
|
-
"line-through": "line-through";
|
|
72
71
|
underline: "underline";
|
|
72
|
+
"line-through": "line-through";
|
|
73
73
|
"underline line-through": "underline line-through";
|
|
74
74
|
}>>>;
|
|
75
75
|
textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
76
|
-
center: "center";
|
|
77
|
-
left: "left";
|
|
78
76
|
right: "right";
|
|
77
|
+
left: "left";
|
|
78
|
+
center: "center";
|
|
79
79
|
}>>>;
|
|
80
80
|
padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
|
|
81
81
|
top: z.ZodNumber;
|
|
@@ -102,4 +102,4 @@ export declare const HeadingPropsDefaults: {
|
|
|
102
102
|
readonly openInNewTab: false;
|
|
103
103
|
};
|
|
104
104
|
export declare function Heading({ props, style }: HeadingProps): import("react/jsx-runtime").JSX.Element;
|
|
105
|
-
export declare function getFontSize(level: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'):
|
|
105
|
+
export declare function getFontSize(level: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'): 32 | 24 | 20 | 18 | 16 | 14;
|
|
@@ -36,9 +36,9 @@ export declare const HtmlPropsSchema: z.ZodObject<{
|
|
|
36
36
|
}>>>;
|
|
37
37
|
fontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
|
|
38
38
|
textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
39
|
-
center: "center";
|
|
40
|
-
left: "left";
|
|
41
39
|
right: "right";
|
|
40
|
+
left: "left";
|
|
41
|
+
center: "center";
|
|
42
42
|
}>>>;
|
|
43
43
|
padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
|
|
44
44
|
top: z.ZodNumber;
|
|
@@ -12,9 +12,9 @@ export declare const IframePropsSchema: z.ZodObject<{
|
|
|
12
12
|
left: z.ZodNumber;
|
|
13
13
|
}, z.core.$strip>>>;
|
|
14
14
|
textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
15
|
-
center: "center";
|
|
16
|
-
left: "left";
|
|
17
15
|
right: "right";
|
|
16
|
+
left: "left";
|
|
17
|
+
center: "center";
|
|
18
18
|
}>>>;
|
|
19
19
|
}, z.core.$strip>>>;
|
|
20
20
|
props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
|
|
@@ -9,9 +9,9 @@ export declare const ImagePropsSchema: z.ZodObject<{
|
|
|
9
9
|
}, z.core.$strip>>>;
|
|
10
10
|
backgroundColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
|
|
11
11
|
textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
12
|
-
center: "center";
|
|
13
|
-
left: "left";
|
|
14
12
|
right: "right";
|
|
13
|
+
left: "left";
|
|
14
|
+
center: "center";
|
|
15
15
|
}>>>;
|
|
16
16
|
}, z.core.$strip>>>;
|
|
17
17
|
props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
|
|
@@ -37,8 +37,8 @@ export declare const ImagePropsSchema: z.ZodObject<{
|
|
|
37
37
|
decorative: z.ZodNullable<z.ZodOptional<z.ZodBoolean>>;
|
|
38
38
|
linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;
|
|
39
39
|
contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
40
|
-
bottom: "bottom";
|
|
41
40
|
top: "top";
|
|
41
|
+
bottom: "bottom";
|
|
42
42
|
middle: "middle";
|
|
43
43
|
}>>>;
|
|
44
44
|
borderRadius: z.ZodNullable<z.ZodOptional<z.ZodUnion<readonly [z.ZodNumber, z.ZodObject<{
|
|
@@ -9,9 +9,9 @@ export declare const ListPropsSchema: z.ZodObject<{
|
|
|
9
9
|
color: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
|
|
10
10
|
backgroundColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
|
|
11
11
|
textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
12
|
-
center: "center";
|
|
13
|
-
left: "left";
|
|
14
12
|
right: "right";
|
|
13
|
+
left: "left";
|
|
14
|
+
center: "center";
|
|
15
15
|
}>>>;
|
|
16
16
|
fontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
|
|
17
17
|
fontFamily: z.ZodNullable<z.ZodOptional<z.ZodString>>;
|
|
@@ -32,19 +32,19 @@ export declare const ListPropsSchema: z.ZodObject<{
|
|
|
32
32
|
}, z.core.$strip>>>;
|
|
33
33
|
props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
|
|
34
34
|
listType: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
35
|
-
ordered: "ordered";
|
|
36
35
|
unordered: "unordered";
|
|
36
|
+
ordered: "ordered";
|
|
37
37
|
}>>>;
|
|
38
38
|
marker: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
39
|
-
|
|
39
|
+
check: "check";
|
|
40
40
|
none: "none";
|
|
41
|
+
circle: "circle";
|
|
41
42
|
square: "square";
|
|
42
|
-
|
|
43
|
+
decimal: "decimal";
|
|
43
44
|
disc: "disc";
|
|
44
45
|
dash: "dash";
|
|
45
46
|
arrow: "arrow";
|
|
46
47
|
cross: "cross";
|
|
47
|
-
decimal: "decimal";
|
|
48
48
|
"decimal-zero": "decimal-zero";
|
|
49
49
|
"lower-alpha": "lower-alpha";
|
|
50
50
|
"upper-alpha": "upper-alpha";
|
|
@@ -9,9 +9,9 @@ export declare const LogoPropsSchema: z.ZodObject<{
|
|
|
9
9
|
}, z.core.$strip>>>;
|
|
10
10
|
backgroundColor: z.ZodDefault<z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>>;
|
|
11
11
|
textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
12
|
-
center: "center";
|
|
13
|
-
left: "left";
|
|
14
12
|
right: "right";
|
|
13
|
+
left: "left";
|
|
14
|
+
center: "center";
|
|
15
15
|
}>>>;
|
|
16
16
|
}, z.core.$strip>>>;
|
|
17
17
|
props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
|
|
@@ -3,9 +3,9 @@ export declare const StepperPropsSchema: z.ZodObject<{
|
|
|
3
3
|
style: z.ZodNullable<z.ZodOptional<z.ZodObject<{
|
|
4
4
|
backgroundColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
|
|
5
5
|
textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
6
|
-
center: "center";
|
|
7
|
-
left: "left";
|
|
8
6
|
right: "right";
|
|
7
|
+
left: "left";
|
|
8
|
+
center: "center";
|
|
9
9
|
}>>>;
|
|
10
10
|
padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
|
|
11
11
|
top: z.ZodNumber;
|
|
@@ -22,9 +22,9 @@ export declare const StepperPropsSchema: z.ZodObject<{
|
|
|
22
22
|
}, z.core.$strip>>>;
|
|
23
23
|
props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
|
|
24
24
|
stepperType: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
25
|
-
both: "both";
|
|
26
|
-
dots: "dots";
|
|
27
25
|
numeric: "numeric";
|
|
26
|
+
dots: "dots";
|
|
27
|
+
both: "both";
|
|
28
28
|
}>>>;
|
|
29
29
|
totalDots: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
|
|
30
30
|
activeIndex: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
|
|
@@ -35,8 +35,8 @@ export declare const StepperPropsSchema: z.ZodObject<{
|
|
|
35
35
|
numericColor: z.ZodOptional<z.ZodNullable<z.ZodUnion<readonly [z.ZodString, z.ZodString, z.ZodString, z.ZodLiteral<"transparent">]>>>;
|
|
36
36
|
numericFontSize: z.ZodNullable<z.ZodOptional<z.ZodNumber>>;
|
|
37
37
|
numericPosition: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
38
|
-
left: "left";
|
|
39
38
|
right: "right";
|
|
39
|
+
left: "left";
|
|
40
40
|
above: "above";
|
|
41
41
|
below: "below";
|
|
42
42
|
}>>>;
|
|
@@ -36,17 +36,17 @@ export declare const TextPropsSchema: z.ZodObject<{
|
|
|
36
36
|
BEBAS_NEUE: "BEBAS_NEUE";
|
|
37
37
|
}>>>;
|
|
38
38
|
fontWeight: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
39
|
-
bold: "bold";
|
|
40
|
-
normal: "normal";
|
|
41
39
|
400: "400";
|
|
42
40
|
500: "500";
|
|
43
41
|
600: "600";
|
|
44
42
|
700: "700";
|
|
43
|
+
normal: "normal";
|
|
44
|
+
bold: "bold";
|
|
45
45
|
}>>>;
|
|
46
46
|
textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
47
|
-
center: "center";
|
|
48
|
-
left: "left";
|
|
49
47
|
right: "right";
|
|
48
|
+
left: "left";
|
|
49
|
+
center: "center";
|
|
50
50
|
}>>>;
|
|
51
51
|
padding: z.ZodNullable<z.ZodOptional<z.ZodObject<{
|
|
52
52
|
top: z.ZodNumber;
|
|
@@ -9,9 +9,9 @@ export declare const VideoPropsSchema: z.ZodObject<{
|
|
|
9
9
|
}, z.core.$strip>>>;
|
|
10
10
|
backgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
|
|
11
11
|
textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
12
|
-
center: "center";
|
|
13
|
-
left: "left";
|
|
14
12
|
right: "right";
|
|
13
|
+
left: "left";
|
|
14
|
+
center: "center";
|
|
15
15
|
}>>>;
|
|
16
16
|
}, z.core.$strip>>>;
|
|
17
17
|
props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
|
|
@@ -25,8 +25,8 @@ export declare const VideoPropsSchema: z.ZodObject<{
|
|
|
25
25
|
alt: z.ZodNullable<z.ZodOptional<z.ZodString>>;
|
|
26
26
|
linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;
|
|
27
27
|
contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
28
|
-
bottom: "bottom";
|
|
29
28
|
top: "top";
|
|
29
|
+
bottom: "bottom";
|
|
30
30
|
middle: "middle";
|
|
31
31
|
}>>>;
|
|
32
32
|
name: z.ZodNullable<z.ZodOptional<z.ZodString>>;
|
|
@@ -9,9 +9,9 @@ export declare const YouTubeUrlPropsSchema: z.ZodObject<{
|
|
|
9
9
|
}, z.core.$strip>>>;
|
|
10
10
|
backgroundColor: z.ZodNullable<z.ZodOptional<z.ZodString>>;
|
|
11
11
|
textAlign: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
12
|
-
center: "center";
|
|
13
|
-
left: "left";
|
|
14
12
|
right: "right";
|
|
13
|
+
left: "left";
|
|
14
|
+
center: "center";
|
|
15
15
|
}>>>;
|
|
16
16
|
}, z.core.$strip>>>;
|
|
17
17
|
props: z.ZodNullable<z.ZodOptional<z.ZodObject<{
|
|
@@ -25,8 +25,8 @@ export declare const YouTubeUrlPropsSchema: z.ZodObject<{
|
|
|
25
25
|
alt: z.ZodNullable<z.ZodOptional<z.ZodString>>;
|
|
26
26
|
linkHref: z.ZodNullable<z.ZodOptional<z.ZodString>>;
|
|
27
27
|
contentAlignment: z.ZodNullable<z.ZodOptional<z.ZodEnum<{
|
|
28
|
-
bottom: "bottom";
|
|
29
28
|
top: "top";
|
|
29
|
+
bottom: "bottom";
|
|
30
30
|
middle: "middle";
|
|
31
31
|
}>>>;
|
|
32
32
|
}, z.core.$strip>>>;
|
|
@@ -4,10 +4,10 @@ export declare const PanelRoot: import('@emotion/styled').StyledComponent<import
|
|
|
4
4
|
export declare const PanelHeader: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
|
|
5
5
|
export declare const PanelContent: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
|
|
6
6
|
export declare const HeaderBox: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
|
|
7
|
-
export declare const HeaderTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "
|
|
7
|
+
export declare const HeaderTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "p" | "align" | "bgcolor" | "border" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "overflow" | "marginBottom" | "position" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "boxShadow" | "display" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
|
|
8
8
|
export declare const ClipboardBar: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<Theme>> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
|
|
9
9
|
export declare const ActionSpan: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
10
|
-
export declare const ActionButton: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "className" | "
|
|
10
|
+
export declare const ActionButton: import('@emotion/styled').StyledComponent<import('@mui/material').ButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "children" | "className" | "color" | "disabled" | "action" | "href" | "tabIndex" | "fullWidth" | "size" | "loading" | "classes" | "sx" | "variant" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "loadingIndicator" | "disableElevation" | "endIcon" | "loadingPosition" | "startIcon"> & import('@mui/system').MUIStyledCommonProps<Theme>, {}, {}>;
|
|
11
11
|
export declare const connectorVLineSx: (depth: number, isLast: boolean, INDENT: number) => SxProps<Theme>;
|
|
12
12
|
export declare const connectorHLineSx: (depth: number, INDENT: number) => SxProps<Theme>;
|
|
13
13
|
export declare const rowSx: (depth: number, INDENT: number, isSelected: boolean, dropPos: "before" | "after" | "inside" | null) => SxProps<Theme>;
|
|
@@ -1,17 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
* where it's stored. Templates can put fields at four different spots:
|
|
4
|
-
*
|
|
5
|
-
* - `configuration.root.data.formFields` — page/document template.
|
|
6
|
-
* - `configuration.formFields` when `configuration.isIndividualBlock` —
|
|
7
|
-
* block template.
|
|
8
|
-
* - `configuration.steps[i].contentMetadata.document.root.data.formFields`
|
|
9
|
-
* / `configuration.slides[i].…` — multi-slot (tour/demo/carousel).
|
|
10
|
-
* - `configuration.step.contentMetadata.document.root.data.formFields` —
|
|
11
|
-
* single-step tooltip.
|
|
12
|
-
* - Legacy `templateRecord.formFields` mirror at the record root.
|
|
13
|
-
*/
|
|
14
|
-
export declare function resolveTemplateFormFields(templateRecord: any): any[];
|
|
1
|
+
import { resolveTemplateFormFields, resolveTemplateDocument } from '../../../../render-core/templateEnvelope';
|
|
2
|
+
export { resolveTemplateFormFields, resolveTemplateDocument };
|
|
15
3
|
/**
|
|
16
4
|
* Rewrite container-repeat fields' `sourceBlockId` / `rowIds` through an id
|
|
17
5
|
* remap. Used by individual-block apply: block ids are regenerated so the
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export declare const TruncatedEditorTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "
|
|
2
|
-
export declare const SettingLabelTypography: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "
|
|
1
|
+
export declare const TruncatedEditorTitle: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "p" | "align" | "bgcolor" | "border" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "overflow" | "marginBottom" | "position" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "boxShadow" | "display" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
2
|
+
export declare const SettingLabelTypography: import('@emotion/styled').StyledComponent<import('@mui/material').TypographyOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "top" | "bottom" | "right" | "left" | "padding" | "margin" | "style" | "lineHeight" | "children" | "className" | "color" | "fontFamily" | "fontSize" | "fontWeight" | "fontStyle" | "textAlign" | "flex" | "p" | "align" | "bgcolor" | "border" | "borderTop" | "width" | "px" | "height" | "borderRadius" | "borderColor" | "overflow" | "marginBottom" | "position" | "gap" | "paddingX" | "paddingY" | "marginX" | "marginY" | "maxWidth" | "maxHeight" | "boxShadow" | "display" | "classes" | "sx" | "letterSpacing" | "order" | "visibility" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "justifyContent" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "minHeight" | "minWidth" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "rowGap" | "textOverflow" | "textTransform" | "whiteSpace" | "borderBottom" | "borderLeft" | "borderRight" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "my" | "pt" | "pr" | "pb" | "pl" | "py" | "typography" | "displayPrint" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|
|
3
3
|
export declare const widthUnitSelectSx: {
|
|
4
4
|
'& .MuiOutlinedInput-notchedOutline': {
|
|
5
5
|
border: string;
|
|
@@ -18,4 +18,4 @@ export declare const widthUnitSelectSx: {
|
|
|
18
18
|
paddingBottom: string;
|
|
19
19
|
};
|
|
20
20
|
};
|
|
21
|
-
export declare const BorderedIconButton: import('@emotion/styled').StyledComponent<import('@mui/material').IconButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "children" | "className" | "
|
|
21
|
+
export declare const BorderedIconButton: import('@emotion/styled').StyledComponent<import('@mui/material').IconButtonOwnProps & Omit<import('@mui/material').ButtonBaseOwnProps, "classes"> & import('@mui/material/OverridableComponent').CommonProps & Omit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "style" | "children" | "className" | "color" | "disabled" | "action" | "tabIndex" | "size" | "loading" | "classes" | "sx" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "loadingIndicator"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, {}, {}>;
|