slice-machine-ui 1.18.1-dev-next-release.13 → 1.18.1-dev-next-release.15
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/components/ScreenshotPreview/index.tsx +13 -19
- package/components/Simulator/components/Header/index.tsx +4 -5
- package/lib/builders/SliceBuilder/FieldZones/index.tsx +3 -5
- package/lib/builders/SliceBuilder/Sidebar/index.tsx +87 -0
- package/lib/builders/SliceBuilder/index.tsx +17 -57
- package/lib/builders/common/Zone/Card/components/ErrorTooltip.tsx +2 -6
- package/lib/builders/common/Zone/Card/components/NewField.tsx +83 -70
- package/lib/builders/common/Zone/Card/index.jsx +1 -3
- package/lib/builders/common/Zone/index.jsx +34 -68
- package/out/404.html +1 -1
- package/out/_next/static/X2WUC5LSmToOvAILmFgvO/_buildManifest.js +1 -0
- package/out/_next/static/chunks/482-e6bbd1fcdcdf79ad.js +1 -0
- package/out/_next/static/chunks/{113-34b6cf41a62f08ce.js → 770-c75d8245a822c5d9.js} +2 -2
- package/out/_next/static/chunks/80-4cd4c6f95d162ef7.js +1 -0
- package/out/_next/static/chunks/904-338e9563e841701e.js +1 -0
- package/out/_next/static/chunks/958-f575eea195026e39.js +1 -0
- package/out/_next/static/chunks/pages/{_app-56ede52b379aabc0.js → _app-8f2356815e0da495.js} +3 -3
- package/out/_next/static/chunks/pages/changes-768c9cb6fef169d1.js +1 -0
- package/out/_next/static/chunks/pages/custom-types/{[customTypeId]-c9ce77d2fccb503f.js → [customTypeId]-aa37e07c96c8f9b5.js} +1 -1
- package/out/_next/static/chunks/pages/page-types/{[pageTypeId]-c50a43970c50ead1.js → [pageTypeId]-d445f5cabeb460c0.js} +1 -1
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-39efc79412072ae1.js +1 -0
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]-3e75d572516b4f16.js +1 -0
- package/out/_next/static/chunks/pages/slices-f77df402117379c6.js +1 -0
- package/out/_next/static/css/{a3838b28ab738f1e.css → e4f4acc81f000d9c.css} +1 -1
- package/out/changelog.html +1 -1
- package/out/changes.html +1 -1
- package/out/custom-types/[customTypeId].html +1 -1
- package/out/custom-types.html +1 -1
- package/out/index.html +1 -1
- package/out/labs.html +1 -1
- package/out/page-types/[pageTypeId].html +1 -1
- package/out/slices/[lib]/[sliceName]/[variation]/screenshot.html +1 -1
- package/out/slices/[lib]/[sliceName]/[variation]/simulator.html +1 -1
- package/out/slices/[lib]/[sliceName]/[variation].html +1 -1
- package/out/slices.html +1 -1
- package/package.json +4 -4
- package/src/components/List/List.css.ts +1 -0
- package/src/components/List/List.stories.tsx +1 -1
- package/src/components/List/List.tsx +1 -1
- package/src/features/slices/sliceCards/SharedSliceCard.tsx +2 -1
- package/src/hooks/useScreenshotChangesModal.ts +0 -2
- package/lib/builders/SliceBuilder/Header/index.tsx +0 -64
- package/lib/builders/SliceBuilder/SideBar/icons/prismic.svg +0 -12
- package/lib/builders/SliceBuilder/SideBar/icons/sb-logo.png +0 -0
- package/lib/builders/SliceBuilder/SideBar/icons/storybook.svg +0 -13
- package/lib/builders/SliceBuilder/SideBar/icons/storybookGrey.svg +0 -13
- package/lib/builders/SliceBuilder/SideBar/index.tsx +0 -97
- package/lib/builders/common/Zone/components/ZoneHeader/index.tsx +0 -30
- package/out/_next/static/UKXlmvq8-xZ5z7h68zwNW/_buildManifest.js +0 -1
- package/out/_next/static/chunks/377-404ac40f863464df.js +0 -1
- package/out/_next/static/chunks/573-8678a91b09707f5d.js +0 -1
- package/out/_next/static/chunks/7-b30f3180efb6bb5b.js +0 -1
- package/out/_next/static/chunks/904-ae815442efed055f.js +0 -1
- package/out/_next/static/chunks/909-e4eec905c21ad8ad.js +0 -1
- package/out/_next/static/chunks/pages/changes-b0714ca467c05e08.js +0 -1
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-37ba73cd3c821e04.js +0 -1
- package/out/_next/static/chunks/pages/slices/[lib]/[sliceName]/[variation]-5b6c6912b66de61f.js +0 -1
- package/out/_next/static/chunks/pages/slices-0cd502231524ba59.js +0 -1
- /package/{lib/builders/SliceBuilder → components/Simulator/components}/Header/VariationsPopover/MenuList.tsx +0 -0
- /package/{lib/builders/SliceBuilder → components/Simulator/components}/Header/VariationsPopover/index.tsx +0 -0
- /package/{lib/builders/SliceBuilder → components/Simulator/components/Header}/links.ts +0 -0
- /package/lib/builders/SliceBuilder/{Header → Sidebar}/VariationModal.tsx +0 -0
- /package/lib/builders/SliceBuilder/{Header/SimulatorButton → SimulatorButton}/index.tsx +0 -0
- /package/out/_next/static/{UKXlmvq8-xZ5z7h68zwNW → X2WUC5LSmToOvAILmFgvO}/_ssgManifest.js +0 -0
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import { Button,
|
|
1
|
+
import { Button, Switch, Text } from "@prismicio/editor-ui";
|
|
2
2
|
import { array, arrayOf, bool, func, object, shape, string } from "prop-types";
|
|
3
3
|
import { useState } from "react";
|
|
4
|
-
import { BaseStyles
|
|
4
|
+
import { BaseStyles } from "theme-ui";
|
|
5
5
|
|
|
6
6
|
import { ListHeader } from "@src/components/List";
|
|
7
7
|
|
|
@@ -9,7 +9,6 @@ import SelectFieldTypeModal from "../SelectFieldTypeModal";
|
|
|
9
9
|
import NewField from "./Card/components/NewField";
|
|
10
10
|
import Card from "./Card";
|
|
11
11
|
import EmptyState from "./components/EmptyState";
|
|
12
|
-
import ZoneHeader from "./components/ZoneHeader";
|
|
13
12
|
|
|
14
13
|
const Zone = ({
|
|
15
14
|
zoneType /* type of the zone: customType or slice */,
|
|
@@ -30,8 +29,6 @@ const Zone = ({
|
|
|
30
29
|
dataCy,
|
|
31
30
|
isRepeatableCustomType,
|
|
32
31
|
}) => {
|
|
33
|
-
const isCustomType = zoneType === "customType";
|
|
34
|
-
|
|
35
32
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
|
|
36
33
|
const widgetsArrayWithCondUid = (() => {
|
|
37
34
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-argument
|
|
@@ -74,68 +71,38 @@ const Zone = ({
|
|
|
74
71
|
|
|
75
72
|
return (
|
|
76
73
|
<>
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
<BaseStyles>
|
|
110
|
-
<ZoneHeader
|
|
111
|
-
Heading={<Heading as="h6">{title}</Heading>}
|
|
112
|
-
Actions={
|
|
113
|
-
// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
|
|
114
|
-
fields.length > 0 ? (
|
|
115
|
-
<ButtonGroup size="medium" variant="secondary">
|
|
116
|
-
<Button
|
|
117
|
-
variant="secondary"
|
|
118
|
-
onClick={() => setShowHints(!showHints)}
|
|
119
|
-
>
|
|
120
|
-
{showHints ? "Hide" : "Show"} code snippets
|
|
121
|
-
</Button>
|
|
122
|
-
<Button
|
|
123
|
-
variant="secondary"
|
|
124
|
-
onClick={() => enterSelectMode()}
|
|
125
|
-
data-cy={`add-${
|
|
126
|
-
// eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
|
|
127
|
-
isRepeatable ? "Repeatable" : "Static"
|
|
128
|
-
}-field`}
|
|
129
|
-
startIcon="add"
|
|
130
|
-
>
|
|
131
|
-
Add a new field
|
|
132
|
-
</Button>
|
|
133
|
-
</ButtonGroup>
|
|
134
|
-
) : null
|
|
135
|
-
}
|
|
136
|
-
/>
|
|
137
|
-
</BaseStyles>
|
|
138
|
-
)}
|
|
74
|
+
<ListHeader
|
|
75
|
+
actions={
|
|
76
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
|
|
77
|
+
fields.length > 0 ? (
|
|
78
|
+
<>
|
|
79
|
+
<Text color="grey11" component="span" noWrap>
|
|
80
|
+
Show code snippets?
|
|
81
|
+
</Text>
|
|
82
|
+
<Switch
|
|
83
|
+
checked={showHints}
|
|
84
|
+
onCheckedChange={setShowHints}
|
|
85
|
+
size="small"
|
|
86
|
+
// TODO(DT-1710): add the missing `flexShrink: 0` property to the Editor's Switch component.
|
|
87
|
+
style={{ flexShrink: 0 }}
|
|
88
|
+
/>
|
|
89
|
+
<Button
|
|
90
|
+
data-cy={`add-${
|
|
91
|
+
// eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
|
|
92
|
+
isRepeatable ? "Repeatable" : "Static"
|
|
93
|
+
}-field`}
|
|
94
|
+
onClick={enterSelectMode}
|
|
95
|
+
startIcon="add"
|
|
96
|
+
variant="secondary"
|
|
97
|
+
>
|
|
98
|
+
Add a new field
|
|
99
|
+
</Button>
|
|
100
|
+
</>
|
|
101
|
+
) : undefined
|
|
102
|
+
}
|
|
103
|
+
>
|
|
104
|
+
{title}
|
|
105
|
+
</ListHeader>
|
|
139
106
|
{
|
|
140
107
|
// eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/strict-boolean-expressions
|
|
141
108
|
fields.length === 0 && !newFieldData ? (
|
|
@@ -191,7 +158,6 @@ const Zone = ({
|
|
|
191
158
|
/>
|
|
192
159
|
)
|
|
193
160
|
}
|
|
194
|
-
sx={isCustomType ? { paddingInline: "16px !important" } : {}}
|
|
195
161
|
/>
|
|
196
162
|
</BaseStyles>
|
|
197
163
|
) : undefined
|
package/out/404.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Slice Machine</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/66b3836ab88b0c5c.css" as="style"/><link rel="stylesheet" href="/_next/static/css/66b3836ab88b0c5c.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-
|
|
1
|
+
<!DOCTYPE html><html><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width"/><title>Slice Machine</title><meta name="next-head-count" content="3"/><link rel="preload" href="/_next/static/css/66b3836ab88b0c5c.css" as="style"/><link rel="stylesheet" href="/_next/static/css/66b3836ab88b0c5c.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"></script><script src="/_next/static/chunks/webpack-2f903acb0cccbf9e.js" defer=""></script><script src="/_next/static/chunks/framework-cdccea7a52cc6e81.js" defer=""></script><script src="/_next/static/chunks/main-5e6780279ca21cb9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-8f2356815e0da495.js" defer=""></script><script src="/_next/static/chunks/pages/_error-69b4f498bafdd188.js" defer=""></script><script src="/_next/static/X2WUC5LSmToOvAILmFgvO/_buildManifest.js" defer=""></script><script src="/_next/static/X2WUC5LSmToOvAILmFgvO/_ssgManifest.js" defer=""></script></head><body><div id="__next"><style data-emotion="css-global 413pep">html{--theme-ui-colors-text:#25252D;--theme-ui-colors-textClear:#6F6E77;--theme-ui-colors-grayLight:#E8E8ED;--theme-ui-colors-hoverBackground:#f2f2f2;--theme-ui-colors-background:#FFF;--theme-ui-colors-backgroundClear:#FFF;--theme-ui-colors-primary:#5D40F7;--theme-ui-colors-purpleLight:#F6F1FC;--theme-ui-colors-purpleLight01:#6548FF1A;--theme-ui-colors-purple12:#F1EEFE;--theme-ui-colors-purpleStrong:#5842C3;--theme-ui-colors-whiteButtonText:#1A1523;--theme-ui-colors-codeBlockBackground:#32275F;--theme-ui-colors-failedConnectText:#86848D;--theme-ui-colors-changesWarning-background:#FFECC7;--theme-ui-colors-changesWarning-color:#5C0C17;--theme-ui-colors-greyIcon:#6F6E77;--theme-ui-colors-greyIconDisabled:#C9D0D8;--theme-ui-colors-missingScreenshotBanner-color:#5C0C17;--theme-ui-colors-missingScreenshotBanner-bg:#FFECC7;--theme-ui-colors-badge-new-bg:#DBEDDB;--theme-ui-colors-badge-new-color:#05644D;--theme-ui-colors-badge-modified-bg:#FFECC7;--theme-ui-colors-badge-modified-color:#5C0C17;--theme-ui-colors-badge-synced-bg:purple12;--theme-ui-colors-badge-synced-color:#5842C3;--theme-ui-colors-badge-deleted-bg:rgba(203, 36, 49, 0.1);--theme-ui-colors-badge-unknown-bg:#F3F5F7;--theme-ui-colors-badge-unknown-color:#9AA4AF;--theme-ui-colors-codeBlockBorder:#545454;--theme-ui-colors-secondary:#F9FAFB;--theme-ui-colors-danger:#CB2431;--theme-ui-colors-highlight:hsl(10, 40%, 90%);--theme-ui-colors-purple:#5B3DF5;--theme-ui-colors-purple08:#5842C3;--theme-ui-colors-muted:#F9F9FB;--theme-ui-colors-icons:#8091A5;--theme-ui-colors-gray:#F8F9FA;--theme-ui-colors-grey01:#F3F5F7;--theme-ui-colors-grey02:#E6E6EA;--theme-ui-colors-grey03:#F4F2F4;--theme-ui-colors-grey04:#9AA4AF;--theme-ui-colors-grey05:#667587;--theme-ui-colors-grey07:#F9F8F9;--theme-ui-colors-grey10:#86848D;--theme-ui-colors-grey12:#1A1523;--theme-ui-colors-greyTransparent:rgba(37, 37, 45, 0.4);--theme-ui-colors-borders:#E4E2E4;--theme-ui-colors-bordersFocused:#6E56CF;--theme-ui-colors-deep:#0E2150;--theme-ui-colors-deep1:#A0ADE7;--theme-ui-colors-lightGreen:#EBF8F1;--theme-ui-colors-lightOrange:#FDF4EC;--theme-ui-colors-darkOrange:#C17C10;--theme-ui-colors-error:#E55737;--theme-ui-colors-success:#3AB97A;--theme-ui-colors-headSection:#fff;--theme-ui-colors-warning:#E67E22;--theme-ui-colors-warning02:#ED811C;--theme-ui-colors-sidebar:#F1F1F4;--theme-ui-colors-link:#6E56CF;--theme-ui-colors-choggleBox:#5163BA;--theme-ui-colors-darkBorder:#DCDBDD;--theme-ui-colors-code-border:#DFE1E5;--theme-ui-colors-code-blue:#3B41BD;--theme-ui-colors-code-gray:#667587;--theme-ui-colors-code-orange:#EA6D46;--theme-ui-colors-code-green:#3AB97A;color:var(--theme-ui-colors-text);background-color:var(--theme-ui-colors-background);}html.theme-ui-light,.theme-ui-light html{--theme-ui-colors-text:#25252D;--theme-ui-colors-textClear:#6F6E77;--theme-ui-colors-grayLight:#E8E8ED;--theme-ui-colors-hoverBackground:#f2f2f2;--theme-ui-colors-background:#FFF;--theme-ui-colors-backgroundClear:#FFF;--theme-ui-colors-primary:#5D40F7;--theme-ui-colors-purpleLight:#F6F1FC;--theme-ui-colors-purpleLight01:#6548FF1A;--theme-ui-colors-purple12:#F1EEFE;--theme-ui-colors-purpleStrong:#5842C3;--theme-ui-colors-whiteButtonText:#1A1523;--theme-ui-colors-codeBlockBackground:#32275F;--theme-ui-colors-failedConnectText:#86848D;--theme-ui-colors-changesWarning-background:#FFECC7;--theme-ui-colors-changesWarning-color:#5C0C17;--theme-ui-colors-greyIcon:#6F6E77;--theme-ui-colors-greyIconDisabled:#C9D0D8;--theme-ui-colors-missingScreenshotBanner-color:#5C0C17;--theme-ui-colors-missingScreenshotBanner-bg:#FFECC7;--theme-ui-colors-badge-new-bg:#DBEDDB;--theme-ui-colors-badge-new-color:#05644D;--theme-ui-colors-badge-modified-bg:#FFECC7;--theme-ui-colors-badge-modified-color:#5C0C17;--theme-ui-colors-badge-synced-bg:purple12;--theme-ui-colors-badge-synced-color:#5842C3;--theme-ui-colors-badge-deleted-bg:rgba(203, 36, 49, 0.1);--theme-ui-colors-badge-unknown-bg:#F3F5F7;--theme-ui-colors-badge-unknown-color:#9AA4AF;--theme-ui-colors-codeBlockBorder:#545454;--theme-ui-colors-secondary:#F9FAFB;--theme-ui-colors-danger:#CB2431;--theme-ui-colors-highlight:hsl(10, 40%, 90%);--theme-ui-colors-purple:#5B3DF5;--theme-ui-colors-purple08:#5842C3;--theme-ui-colors-muted:#F9F9FB;--theme-ui-colors-icons:#8091A5;--theme-ui-colors-gray:#F8F9FA;--theme-ui-colors-grey01:#F3F5F7;--theme-ui-colors-grey02:#E6E6EA;--theme-ui-colors-grey03:#F4F2F4;--theme-ui-colors-grey04:#9AA4AF;--theme-ui-colors-grey05:#667587;--theme-ui-colors-grey07:#F9F8F9;--theme-ui-colors-grey10:#86848D;--theme-ui-colors-grey12:#1A1523;--theme-ui-colors-greyTransparent:rgba(37, 37, 45, 0.4);--theme-ui-colors-borders:#E4E2E4;--theme-ui-colors-bordersFocused:#6E56CF;--theme-ui-colors-deep:#0E2150;--theme-ui-colors-deep1:#A0ADE7;--theme-ui-colors-lightGreen:#EBF8F1;--theme-ui-colors-lightOrange:#FDF4EC;--theme-ui-colors-darkOrange:#C17C10;--theme-ui-colors-error:#E55737;--theme-ui-colors-success:#3AB97A;--theme-ui-colors-headSection:#fff;--theme-ui-colors-warning:#E67E22;--theme-ui-colors-warning02:#ED811C;--theme-ui-colors-sidebar:#F1F1F4;--theme-ui-colors-link:#6E56CF;--theme-ui-colors-choggleBox:#5163BA;--theme-ui-colors-darkBorder:#DCDBDD;--theme-ui-colors-code-border:#DFE1E5;--theme-ui-colors-code-blue:#3B41BD;--theme-ui-colors-code-gray:#667587;--theme-ui-colors-code-orange:#EA6D46;--theme-ui-colors-code-green:#3AB97A;}html.theme-ui-dark,.theme-ui-dark html{--theme-ui-colors-text:#fff;--theme-ui-colors-textClear:#6E707B;--theme-ui-colors-hoverBackground:#202020;--theme-ui-colors-grey02:#E6E6EA;--theme-ui-colors-background:#202022;--theme-ui-colors-backgroundClear:#28282C;--theme-ui-colors-primary:#4E54D7;--theme-ui-colors-secondary:#28282C;--theme-ui-colors-icons:#5D5D71;--theme-ui-colors-gray:#1D1D1F;--theme-ui-colors-borders:#3A3A46;--theme-ui-colors-deep:#28282C;--theme-ui-colors-headSection:#28282C;--theme-ui-colors-warning:#E67E22;--theme-ui-colors-sidebar:#28282C;--theme-ui-colors-code-border:#5D5D6F;--theme-ui-colors-code-blue:#3B41BD;--theme-ui-colors-code-gray:#667587;--theme-ui-colors-code-orange:#EA6D46;--theme-ui-colors-code-green:#3AB97A;--theme-ui-colors-link:#A9A9C6;--theme-ui-colors-choggleBox:#fff;}</style><style data-emotion="css-global h19pgh">*{box-sizing:border-box;}html{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;line-height:1.5;font-weight:400;}body{margin:0;}</style><style data-emotion="css yvak7d">.css-yvak7d{box-sizing:border-box;margin:0;min-width:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:calc(100vh - 57px);width:100vw;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}</style><div class="css-yvak7d"><style data-emotion="css uqm8ih">.css-uqm8ih{box-sizing:border-box;margin:0;min-width:0;color:var(--theme-ui-colors-primary);overflow:visible;}</style><svg stroke-width="4" viewBox="0 0 32 32" width="48" height="48" fill="none" stroke="currentColor" role="img" id="spinner" class="css-uqm8ih"><title>Loading</title><circle stroke-width="4" r="12" cx="16" cy="16" fill="none" opacity="0.125"></circle><circle stroke-width="4" r="12" cx="16" cy="16" fill="none" stroke-dasharray="20 110"><animateTransform attributeName="transform" attributeType="XML" type="rotate" from="0 16 16" to="360 16 16" dur="750ms" repeatCount="indefinite"></animateTransform></circle></svg></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"statusCode":404}},"page":"/_error","query":{},"buildId":"X2WUC5LSmToOvAILmFgvO","runtimeConfig":{"sentryEnvironment":"alpha"},"nextExport":true,"isFallback":false,"gip":true,"appGip":true,"scriptLoader":[]}</script></body></html>
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
self.__BUILD_MANIFEST=function(s,c,e,a,t,i,b,n,l,d,u){return{__rewrites:{beforeFiles:[],afterFiles:[],fallback:[]},"/":[c,i,b,"static/chunks/pages/index-5266b7f0ca55025a.js"],"/_error":["static/chunks/pages/_error-69b4f498bafdd188.js"],"/changelog":["static/chunks/870-0c7a8a9622de78b7.js","static/chunks/pages/changelog-11c9e241f5a8a4cb.js"],"/changes":[e,"static/chunks/8eec4907-b712959d9f984b68.js","static/chunks/918-38d08f1e885b222d.js",s,a,"static/css/f585032018f6024b.css","static/chunks/pages/changes-768c9cb6fef169d1.js"],"/custom-types":[c,i,b,"static/chunks/pages/custom-types-2f5664d9492b13fb.js"],"/custom-types/[customTypeId]":[n,s,c,t,l,d,"static/chunks/pages/custom-types/[customTypeId]-aa37e07c96c8f9b5.js"],"/labs":["static/chunks/pages/labs-395232bcec99d42a.js"],"/page-types/[pageTypeId]":[n,s,c,t,l,d,"static/chunks/pages/page-types/[pageTypeId]-d445f5cabeb460c0.js"],"/slices":[e,s,a,"static/css/22d69420bda374a7.css","static/chunks/pages/slices-f77df402117379c6.js"],"/slices/[lib]/[sliceName]/[variation]":[e,s,a,t,"static/css/e4f4acc81f000d9c.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-3e75d572516b4f16.js"],"/slices/[lib]/[sliceName]/[variation]/screenshot":[u,"static/chunks/pages/slices/[lib]/[sliceName]/[variation]/screenshot-76d40513025fd76d.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[e,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/18539003-1bb05c8aa7db2bc2.js",u,"static/chunks/770-c75d8245a822c5d9.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-39efc79412072ae1.js"],sortedPages:["/","/_app","/_error","/changelog","/changes","/custom-types","/custom-types/[customTypeId]","/labs","/page-types/[pageTypeId]","/slices","/slices/[lib]/[sliceName]/[variation]","/slices/[lib]/[sliceName]/[variation]/screenshot","/slices/[lib]/[sliceName]/[variation]/simulator"]}}("static/chunks/958-f575eea195026e39.js","static/chunks/550-1dafbcec5d50b384.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/80-4cd4c6f95d162ef7.js","static/chunks/482-e6bbd1fcdcdf79ad.js","static/chunks/840-4e395e66a2b2f394.js","static/css/26b51745402a92af.css","static/chunks/125-e3857af2068bbedf.js","static/chunks/904-338e9563e841701e.js","static/css/1fbd45881dcf43c4.css","static/chunks/746-2ca4784811bde7c1.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[482],{8482:function(e,n,t){"use strict";t.d(n,{Z:function(){return Z}});var s=t(62230),i=t(85244),d=t(17064),r=t(81541),a=t(52322),c=t(71651),l=t(13980),o=t(2784),u=t(65077),p=t(28173),f=t(75012),x=t(9620),h=t(2967),y=t(75289),_=t(71168),b=t(21078),j=t(13394),g=t(99968),v=t(92809),m=function(e){var n=e.fields,t=e.title,d=e.tabId,r=e.enterEditMode,c=e.enterSelectMode,l=e.onDragEnd,o=e.renderFieldAccessor,u=e.onDeleteItem,p=e.showHints,f=e.newField,x=e.renderHintBase,m=e.isRepeatable,R=e.dataCy,S=e.isRepeatableCustomType;return(0,a.jsx)(h.Z5,{onDragEnd:l,children:(0,a.jsx)(h.bK,{droppableId:t,children:function(e,t){return(0,a.jsxs)(y.xu,(0,i.Z)((0,s.Z)({as:"ul",ref:e.innerRef},e.droppableProps),{"data-cy":R,sx:{paddingInline:"16px !important"},children:[n.map(function(e,n){var l=e.value,f=l.config,h=l.type,R=(0,g.t)(j,f,h);if(!R)return(0,a.jsx)(_.Z,{children:(0,a.jsxs)(y.xv,{children:['Field type "',h,'" not supported']})});var Z={item:e,index:n,tabId:d,widget:R,showHints:p,key:e.key,enterSelectMode:c,renderFieldAccessor:o,enterEditMode:r,parentSnapshot:t,deleteItem:u,draggableId:"list-item-".concat(e.key),isRepeatableCustomType:S};if(R.CustomListItem){var C=R.CustomListItem;return(0,a.jsx)(C,(0,s.Z)({},Z))}var w=(0,a.jsx)(v.Z,{item:e,show:p,isRepeatable:m,renderHintBase:x,Widgets:j,typeName:R.CUSTOM_NAME||R.TYPE_NAME});return(0,a.jsx)(b.Z,(0,i.Z)((0,s.Z)({},Z),{HintElement:w}))}),e.placeholder,f]}))}})})},R=function(e){var n=e.onEnterSelectMode,t=e.zoneName;return(0,a.jsxs)(y.xu,{sx:{textAlign:"center",my:4},children:[(0,a.jsx)(y.X6,{as:"h5",children:"Add a new field here"}),(0,a.jsx)(y.xu,{sx:{my:2},children:(0,a.jsxs)(y.xv,{sx:{color:"textClear"},children:["Add a field to your ",t," Zone"]})}),(0,a.jsx)(y.xu,{sx:{display:"flex",justifyContent:"center",marginTop:16},children:(0,a.jsx)(c.zx,{variant:"secondary",onClick:function(){return n()},"data-cy":"add-".concat(t,"-field"),startIcon:"add",children:"Add a new field"})})]})},S=function(e){var n=e.zoneType,t=e.tabId,l=e.title,h=e.fields,y=e.poolOfFieldsToCheck,_=e.widgetsArray,b=e.isRepeatable,j=e.onDeleteItem,g=e.onSaveNewField,v=e.onDragEnd,S=e.EditModal,Z=e.onSave,C=e.dataTip,w=e.renderHintBase,k=e.renderFieldAccessor,E=e.dataCy,I=e.isRepeatableCustomType,A=Object.entries(y).find(function(e){return"UID"===(0,d.Z)(e,2)[1].value.type})?_.filter(function(e){return"UID"!==e.TYPE_NAME}):_,T=(0,o.useState)(!1),F=T[0],N=T[1],q=(0,o.useState)({isOpen:!1}),M=q[0],O=q[1],D=(0,o.useState)({isOpen:!1}),H=D[0],B=D[1],z=(0,o.useState)(null),P=z[0],U=z[1],W=function(e){O({isOpen:!0,field:e})},L=function(){B({isOpen:!0})},Y=function(){O({isOpen:!1})},K=function(){return B({isOpen:!1})},V=function(e){U({widgetTypeName:e,fields:h}),B({isOpen:!1})},X=function(){return U(null)};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(p.Bu,{actions:h.length>0?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(c.xv,{color:"grey11",component:"span",noWrap:!0,children:"Show code snippets?"}),(0,a.jsx)(c.rs,{checked:F,onCheckedChange:N,size:"small",style:{flexShrink:0}}),(0,a.jsx)(c.zx,{"data-cy":"add-".concat(b?"Repeatable":"Static","-field"),onClick:L,startIcon:"add",variant:"secondary",children:"Add a new field"})]}):void 0,children:l}),0!==h.length||P?h.length>0||P?(0,a.jsx)(u.xR,{children:(0,a.jsx)(m,{tabId:t,isRepeatable:b,fields:h,showHints:F,dataTip:C,title:l,renderFieldAccessor:k,renderHintBase:w,enterEditMode:W,enterSelectMode:L,onDragEnd:v,onDeleteItem:j,dataCy:E,isRepeatableCustomType:I,newField:P&&(0,a.jsx)(x.Z,(0,i.Z)((0,s.Z)({},P),{fields:y||h,onSave:function(){for(var e=arguments.length,n=Array(e),t=0;t<e;t++)n[t]=arguments[t];g.apply(void 0,(0,r.Z)(n)),U(null)},onCancelNewField:X}))})}):void 0:(0,a.jsx)(u.xR,{children:(0,a.jsx)(R,{onEnterSelectMode:function(){return L()},zoneName:b?"Repeatable":"Static"})}),(0,a.jsx)(S,{data:M,close:Y,onSave:Z,fields:y,zoneType:n}),(0,a.jsx)(f.Z,{data:H,close:K,onSelect:V,widgetsArray:A})]})};S.propTypes={isRepeatable:l.bool,title:l.string.isRequired,dataTip:l.string.isRequired,onSave:l.func.isRequired,onSaveNewField:l.func.isRequired,onDragEnd:l.func.isRequired,onDeleteItem:l.func.isRequired,poolOfFieldsToCheck:(0,l.arrayOf)((0,l.shape)({key:l.string,value:l.object})),renderHintBase:l.func.isRequired,renderFieldAccessor:l.func.isRequired,widgetsArray:l.array.isRequired,fields:(0,l.arrayOf)((0,l.shape)({key:l.string.isRequired,value:(0,l.shape)({config:l.object,fields:l.array,type:l.string.isRequired})}))};var Z=S},28173:function(e,n,t){"use strict";t.d(n,{aV:function(){return c},Bu:function(){return l}});var s=t(62230),i=t(85244),d=t(98240),r=t(52322),a=t(71651);t(56996),t(97798);var c=function(e){return(0,r.jsx)("div",(0,i.Z)((0,s.Z)({},e),{className:"_2a96i71 _1ecs97d9bi _1ecs97d9bk _1ecs97d268 _1ecs97d2dl _1ecs97d9d7 _1ecs97d9ej _1ecs97d9ex _1ecs97d9bt _1ecs97d9c9"}))},l=function(e){var n=e.actions,t=e.children,c=e.toggle,l=(0,d.Z)(e,["actions","children","toggle"]);return(0,r.jsxs)("div",(0,i.Z)((0,s.Z)({},l),{className:"_2a96i73 _2a96i72 _1ecs97d9bi _1ecs97d9bk _1ecs97d9bu _1ecs97d9bq _1ecs97d48s _1ecs97d4g5 _1ecs97d9f1 _1ecs97d9bj _1ecs97d9jc _1ecs97d9u4 _1ecs97d18 _1ecs97d8l _1ecs97d9ep _1ecs97d9ld _1ecs97d9ts",children:[(0,r.jsx)(a.xv,{color:"grey11",component:"span",noWrap:!0,variant:"bold",children:t}),c,Boolean(n)?(0,r.jsx)("div",{className:"_1ecs97d9bi _1ecs97d9bk _1ecs97d9bu _1ecs97d9bq _1ecs97d9bv _1ecs97d9ld _1ecs97d9c1 _1ecs97d9hc",children:n}):null]}))}},97798:function(){},56996:function(){}}]);
|