slice-machine-ui 2.17.3-beta.9 → 2.18.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slice-machine-ui",
-  "version": "2.17.3-beta.9",
+  "version": "2.18.0",
   "license": "MIT",
   "description": "A visual builder for your Slice Models with all the tools you need to generate data models and mock CMS content locally.",
   "repository": {
@@ -35,16 +35,16 @@
     "start-slicemachine": "./bin/start-slicemachine.cjs"
   },
   "dependencies": {
-    "@slicemachine/manager": "0.25.2-beta.13",
-    "start-slicemachine": "0.12.60-beta.13"
+    "@slicemachine/manager": "0.25.2",
+    "start-slicemachine": "0.12.60"
   },
   "devDependencies": {
     "@emotion/react": "11.11.1",
     "@extractus/oembed-extractor": "3.1.8",
     "@prismicio/client": "7.17.0",
-    "@prismicio/editor-fields": "0.4.77",
-    "@prismicio/editor-support": "0.4.77",
-    "@prismicio/editor-ui": "0.4.77",
+    "@prismicio/editor-fields": "0.4.87",
+    "@prismicio/editor-support": "0.4.87",
+    "@prismicio/editor-ui": "0.4.87",
     "@prismicio/mock": "0.7.1",
     "@prismicio/mocks": "2.14.0",
     "@prismicio/simulator": "0.1.4",
@@ -136,6 +136,5 @@
     "vitest": "0.32.0",
     "yup": "0.32.11",
     "zod": "3.23.8"
-  },
-  "stableVersion": "2.17.2"
+  }
 }

package/src/apiClient.ts

@@ -163,7 +163,7 @@ export const pushChanges: SliceMachineManagerClient["prismicRepository"]["pushCh
 
 /** Auth Routes * */
 
-export const startAuth = async (): Promise<void> => {
+export const clearAuth = async (): Promise<void> => {
   return await managerClient.user.logout();
 };
 

package/src/domain/fields.ts

@@ -92,7 +92,7 @@ export const imageField: NestableField = {
   type: "Image",
 };
 
-export const LinkField: NestableField = {
+export const linkField: NestableField = {
   name: "Link",
   description: "A link to a website, asset, or document.",
   icon: "link",
@@ -111,8 +111,8 @@ export const contentRelationshipField: NestableField = {
   variant: "ContentRelationship",
 };
 
-export const LinkToMediaField: NestableField = {
-  name: "Link To Media",
+export const linkToMediaField: NestableField = {
+  name: "Link to Media",
   description: "A link to a media asset.",
   icon: "attachFile",
   thumbnail:
@@ -182,8 +182,8 @@ export const nestableFields: NestableField[] = [
   booleanField,
   numberField,
   selectField,
-  LinkField,
-  LinkToMediaField,
+  linkField,
+  linkToMediaField,
   colorField,
   dateField,
   tableField,
@@ -197,7 +197,7 @@ export const nestableFields: NestableField[] = [
  * UID
  */
 
-export const UIDField: UIDField = {
+export const uidField: UIDField = {
   name: "UID",
   description: "Unique Identifier",
   icon: "tag",
@@ -230,4 +230,4 @@ export const groupFields: GroupField[] = [groupField, nestedGroupField];
  * All fields
  */
 
-export const fields = [...nestableFields, UIDField, ...groupFields];
+export const fields = [...nestableFields, uidField, ...groupFields];

package/src/features/auth/LogoutButton.tsx

@@ -0,0 +1,37 @@
+import { IconButton, Tooltip } from "@prismicio/editor-ui";
+import * as Sentry from "@sentry/nextjs";
+import { toast } from "react-toastify";
+
+import { clearAuth as managerLogout, getState } from "@/apiClient";
+import { invalidateActiveEnvironmentData } from "@/features/environments/useActiveEnvironment";
+import { invalidateEnvironmentsData } from "@/features/environments/useEnvironments";
+import useSliceMachineActions from "@/modules/useSliceMachineActions";
+
+export function LogoutButton() {
+  const { refreshState } = useSliceMachineActions();
+
+  async function onClick() {
+    await managerLogout();
+
+    const serverState = await getState();
+    refreshState(serverState);
+
+    Sentry.setUser({ id: serverState.env.shortId });
+
+    // refresh queries to update the UI
+    invalidateEnvironmentsData();
+    invalidateActiveEnvironmentData();
+
+    toast.success("Logged out");
+  }
+
+  return (
+    <Tooltip content="Log out" side="right">
+      <IconButton
+        icon="logout"
+        onClick={() => void onClick()}
+        hiddenLabel="Log out"
+      />
+    </Tooltip>
+  );
+}

package/src/features/builder/AddFieldDropdown.tsx

@@ -18,7 +18,7 @@ import {
   FieldVariant,
   groupField,
   nestableFields,
-  UIDField,
+  uidField,
 } from "@/domain/fields";
 
 export type AddFieldDropdownProps = {
@@ -47,7 +47,7 @@ export function AddFieldDropdown(props: AddFieldDropdownProps) {
     (field) =>
       nestableFields.some(
         (nestableField) => nestableField.name === field.name,
-      ) || field.name === UIDField.name,
+      ) || field.name === uidField.name,
   );
   const groupFieldToRender = fields.find(
     (field) => field.name === groupField.name,

package/src/features/environments/actions/getActiveEnvironment.ts

@@ -5,10 +5,6 @@ import {
 
 import { managerClient } from "@/managerClient";
 
-type GetActiveEnvironmentArgs = {
-  retried?: boolean;
-};
-
 type GetActiveEnvironmentReturnType =
   | {
       activeEnvironment: Environment;
@@ -20,10 +16,8 @@ type GetActiveEnvironmentReturnType =
     };
 
 export async function getActiveEnvironment(
-  args?: GetActiveEnvironmentArgs,
+  retried = false,
 ): Promise<GetActiveEnvironmentReturnType> {
-  const { retried = false } = args ?? {};
-
   try {
     const activeEnvironmentResult =
       await managerClient.project.fetchActiveEnvironment();
@@ -41,7 +35,7 @@ export async function getActiveEnvironment(
       await managerClient.project.updateEnvironment({ environment: undefined });
 
       // Call recursively with isRetry=true to prevent infinite loop if it fails again and again.
-      return await getActiveEnvironment({ retried: true });
+      return await getActiveEnvironment(true);
     }
 
     return { error };

package/src/features/environments/useActiveEnvironment.ts

@@ -1,7 +1,14 @@
-import { useRequest } from "@prismicio/editor-support/Suspense";
+import {
+  invalidateFetcherData,
+  useRequest,
+} from "@prismicio/editor-support/Suspense";
 
 import { getActiveEnvironment } from "./actions/getActiveEnvironment";
 
+export function invalidateActiveEnvironmentData() {
+  invalidateFetcherData(getActiveEnvironment);
+}
+
 export function useActiveEnvironment() {
   return useRequest(getActiveEnvironment, []);
 }

package/src/features/environments/useEnvironments.ts

@@ -1,7 +1,14 @@
-import { useRequest } from "@prismicio/editor-support/Suspense";
+import {
+  invalidateFetcherData,
+  useRequest,
+} from "@prismicio/editor-support/Suspense";
 
 import { getEnvironments } from "./actions/getEnvironments";
 
+export function invalidateEnvironmentsData() {
+  invalidateFetcherData(getEnvironments);
+}
+
 export function useEnvironments() {
   return useRequest(getEnvironments, []);
 }

package/src/legacy/components/ListItem/Header.tsx

@@ -1,3 +1,4 @@
+import { Box, Tooltip } from "@prismicio/editor-ui";
 import * as CSS from "csstype";
 import { IconType } from "react-icons";
 import { Flex, Text, Theme } from "theme-ui";
@@ -9,6 +10,7 @@ interface ItemHeaderProps {
   sliceFieldName: string | undefined;
   theme: Theme;
   WidgetIcon: IconType;
+  widgetIconTooltip: string;
 }
 
 const ItemHeader: React.FC<ItemHeaderProps> = ({
@@ -16,20 +18,24 @@ const ItemHeader: React.FC<ItemHeaderProps> = ({
   sliceFieldName,
   theme,
   WidgetIcon,
+  widgetIconTooltip,
 }) => (
   <Flex sx={{ alignItems: "center", position: "relative" }}>
-    <WidgetIcon
-      size={28}
-      style={{
-        color: theme.colors?.primary as CSS.Property.Color,
-        marginRight: "8px",
-        borderRadius: "4px",
-        padding: "4px",
-        border: "2px solid",
-        borderColor: theme.colors?.primary as CSS.Property.Color,
-        flexShrink: 0,
-      }}
-    />
+    <Tooltip content={widgetIconTooltip} sideOffset={2} disableHoverableContent>
+      <Box margin={{ right: 8 }}>
+        <WidgetIcon
+          size={28}
+          style={{
+            color: theme.colors?.primary as CSS.Property.Color,
+            borderRadius: "4px",
+            padding: "4px",
+            border: "2px solid",
+            borderColor: theme.colors?.primary as CSS.Property.Color,
+            flexShrink: 0,
+          }}
+        />
+      </Box>
+    </Tooltip>
     <TextWithTooltip
       text={text}
       as="p"

package/src/legacy/components/ListItem/index.tsx

@@ -114,6 +114,7 @@ function ListItem<F extends TabField, S extends AnyObjectSchema>({
                         renderFieldAccessor && renderFieldAccessor(key)
                       }
                       WidgetIcon={widget.Meta.icon}
+                      widgetIconTooltip={widget.label}
                     />
                     <Flex sx={{ flex: "0 0 auto" }}>
                       {shouldDisplayRepeatableBadge && (

package/src/legacy/components/LoginModal/index.tsx

@@ -13,8 +13,10 @@ import {
   Text,
 } from "theme-ui";
 
-import { checkAuthStatus, getState, startAuth } from "@/apiClient";
+import { checkAuthStatus, clearAuth, getState } from "@/apiClient";
 import { getActiveEnvironment } from "@/features/environments/actions/getActiveEnvironment";
+import { invalidateActiveEnvironmentData } from "@/features/environments/useActiveEnvironment";
+import { invalidateEnvironmentsData } from "@/features/environments/useEnvironments";
 import { useAutoSync } from "@/features/sync/AutoSyncProvider";
 import { getUnSyncedChanges } from "@/features/sync/getUnSyncChanges";
 import SliceMachineModal from "@/legacy/components/SliceMachineModal";
@@ -50,7 +52,7 @@ const LoginModal: React.FunctionComponent = () => {
     }),
   );
   const { syncChanges } = useAutoSync();
-  const { closeModals, startLoadingLogin, stopLoadingLogin } =
+  const { closeModals, startLoadingLogin, stopLoadingLogin, refreshState } =
     useSliceMachineActions();
 
   const prismicBase = preferWroomBase(env.manifest.apiEndpoint);
@@ -64,7 +66,7 @@ const LoginModal: React.FunctionComponent = () => {
 
     try {
       startLoadingLogin();
-      await startAuth();
+      await clearAuth();
       window.open(loginRedirectUrl, "_blank");
       await startPolling<CheckAuthStatusResponse, ValidAuthStatus>(
         checkAuthStatus,
@@ -76,11 +78,17 @@ const LoginModal: React.FunctionComponent = () => {
         60,
       );
 
+      // refresh queries to update the UI
+      invalidateEnvironmentsData();
+      invalidateActiveEnvironmentData();
+
       toast.success("Logged in");
       stopLoadingLogin();
       closeModals();
 
       const serverState = await getState();
+      refreshState(serverState);
+
       const slices = normalizeFrontendSlices(
         serverState.libraries,
         serverState.remoteSlices,

package/src/legacy/components/Navigation/SideNavEnvironmentSelector/SideNavEnvironmentSelector.tsx

@@ -18,6 +18,7 @@ import type { Environment } from "@slicemachine/manager/client";
 import { clsx } from "clsx";
 import type { FC, ReactNode } from "react";
 
+import { LogoutButton } from "@/features/auth/LogoutButton";
 import { LoginIcon } from "@/icons/LoginIcon";
 import { LogoIcon } from "@/icons/LogoIcon";
 
@@ -138,6 +139,8 @@ export const SideNavEnvironmentSelector: FC<SideNavEnvironmentSelectorProps> = (
                 }
               />
             ) : undefined}
+
+            {variant === "default" && <LogoutButton />}
           </Box>
         </>
       )}

package/src/legacy/lib/builders/common/EditModal/index.jsx

@@ -60,6 +60,7 @@ const EditModal = ({ close, data, fields, onSave, zoneType }) => {
     FormFields,
     Form: CustomForm,
     schema: widgetSchema,
+    label: widgetLabel,
   } = maybeWidget;
 
   // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
@@ -163,15 +164,7 @@ const EditModal = ({ close, data, fields, onSave, zoneType }) => {
       >
         {(props) => {
           // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-call, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-assignment, @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-assignment
-          const {
-            values: {
-              id,
-              config: { label },
-            },
-            isValid,
-            isSubmitting,
-            initialValues,
-          } = props;
+          const { isValid, isSubmitting, initialValues } = props;
 
           // eslint-disable-next-line @typescript-eslint/strict-boolean-expressions
           const fieldModelTabContent = CustomForm ? (
@@ -226,7 +219,7 @@ const EditModal = ({ close, data, fields, onSave, zoneType }) => {
                   <ItemHeader
                     theme={theme}
                     // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment, @typescript-eslint/strict-boolean-expressions
-                    text={label || id}
+                    text={widgetLabel}
                     // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
                     WidgetIcon={WidgetIcon}
                   />

package/src/legacy/lib/models/common/widgets/Boolean/index.ts

@@ -2,6 +2,8 @@ import { BooleanField } from "@prismicio/types-internal/lib/customtypes/widgets/
 import { MdOutlineToggleOff } from "react-icons/md";
 import * as yup from "yup";
 
+import { booleanField } from "@/domain/fields";
+
 import { createValidationSchema } from "../../../../forms";
 import { DefaultFields } from "../../../../forms/defaults";
 import { CheckBox, Input } from "../../../../forms/fields";
@@ -68,4 +70,5 @@ export const BooleanWidget: Widget<BooleanField, typeof schema> = {
   Meta,
   schema,
   FormFields,
+  label: booleanField.name,
 };

package/src/legacy/lib/models/common/widgets/Color/index.ts

@@ -1,6 +1,8 @@
 import { Color } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
 import { MdOutlineColorLens } from "react-icons/md";
 
+import { colorField } from "@/domain/fields";
+
 import { createDefaultWidgetValues } from "../../../../utils";
 import { Widget } from "../Widget";
 
@@ -31,4 +33,5 @@ export const ColorWidget: Widget<Color, typeof schema> = {
   TYPE_NAME,
   schema,
   Meta,
+  label: colorField.name,
 };

package/src/legacy/lib/models/common/widgets/ContentRelationship/index.ts

@@ -2,6 +2,8 @@ import { Link } from "@prismicio/types-internal/lib/customtypes/widgets/nestable
 import { MdSettingsEthernet } from "react-icons/md";
 import * as yup from "yup";
 
+import { contentRelationshipField } from "@/domain/fields";
+
 import { linkConfigSchema } from "../Link";
 import { Widget } from "../Widget";
 import Form, { FormFields } from "./Form";
@@ -102,4 +104,5 @@ export const ContentRelationshipWidget: Widget<Link, typeof schema> = {
       ),
     };
   },
+  label: contentRelationshipField.name,
 };

package/src/legacy/lib/models/common/widgets/Date/index.ts

@@ -1,6 +1,8 @@
 import { Date } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
 import { MdDateRange } from "react-icons/md";
 
+import { dateField } from "@/domain/fields";
+
 import { createDefaultWidgetValues } from "../../../../utils";
 import { Widget } from "../Widget";
 
@@ -32,4 +34,5 @@ export const DateWidget: Widget<Date, typeof schema> = {
   TYPE_NAME: "Date",
   schema,
   Meta,
+  label: dateField.name,
 };

package/src/legacy/lib/models/common/widgets/Embed/index.ts

@@ -1,6 +1,8 @@
 import { Embed } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
 import { MdCode } from "react-icons/md";
 
+import { embedField } from "@/domain/fields";
+
 import { createDefaultWidgetValues } from "../../../../utils";
 import { Widget } from "../Widget";
 
@@ -32,4 +34,5 @@ export const EmbedWidget: Widget<Embed, typeof schema> = {
   TYPE_NAME: "Embed",
   schema,
   Meta,
+  label: embedField.name,
 };

package/src/legacy/lib/models/common/widgets/GeoPoint/index.ts

@@ -2,6 +2,8 @@ import { GeoPoint } from "@prismicio/types-internal/lib/customtypes/widgets/nest
 import { MdOutlinePlace } from "react-icons/md";
 import * as yup from "yup";
 
+import { geoPointField } from "@/domain/fields";
+
 import { DefaultFields } from "../../../../forms/defaults";
 import { Widget } from "../Widget";
 
@@ -52,4 +54,5 @@ export const GeoPointWidget: Widget<GeoPoint, typeof schema> = {
   TYPE_NAME: "GeoPoint",
   schema,
   Meta,
+  label: geoPointField.name,
 };

package/src/legacy/lib/models/common/widgets/Group/createGroupWidget.ts

@@ -1,6 +1,7 @@
 import { MdOutlineCreateNewFolder } from "react-icons/md";
 import * as yup from "yup";
 
+import { groupField } from "@/domain/fields";
 import { TabField } from "@/legacy/lib/models/common/CustomType";
 import {
   type GroupSM,
@@ -76,5 +77,6 @@ export function createGroupWidget({
     TYPE_NAME: "Group",
     CUSTOM_NAME: customName,
     hintItemName,
+    label: groupField.name,
   };
 }

package/src/legacy/lib/models/common/widgets/Image/index.ts

@@ -2,6 +2,8 @@ import { Image } from "@prismicio/types-internal/lib/customtypes/widgets/nestabl
 import { MdOutlineImage } from "react-icons/md";
 import * as yup from "yup";
 
+import { imageField } from "@/domain/fields";
+
 import { createValidationSchema } from "../../../../forms";
 import { removeProp } from "../../../../utils";
 import { Widget } from "../Widget";
@@ -55,4 +57,5 @@ export const ImageWidget: Widget<Image, typeof schema> = {
   }),
   FormFields,
   TYPE_NAME: "Image",
+  label: imageField.name,
 };

package/src/legacy/lib/models/common/widgets/Link/index.ts

@@ -2,6 +2,8 @@ import { Link } from "@prismicio/types-internal/lib/customtypes";
 import { MdLink } from "react-icons/md";
 import * as yup from "yup";
 
+import { linkField } from "@/domain/fields";
+
 import { Widget } from "../Widget";
 import Form, { FormFields } from "./Form";
 
@@ -115,4 +117,5 @@ export const LinkWidget: Widget<Link, typeof schema> = {
     },
   }),
   TYPE_NAME: "Link",
+  label: linkField.name,
 };

package/src/legacy/lib/models/common/widgets/LinkToMedia/index.ts

@@ -2,6 +2,7 @@ import { Link } from "@prismicio/types-internal/lib/customtypes/widgets/nestable
 import { MdAttachFile } from "react-icons/md";
 import * as yup from "yup";
 
+import { linkToMediaField } from "@/domain/fields";
 import { linkConfigSchema } from "@/legacy/lib/models/common/widgets/Link";
 
 import { Widget } from "../Widget";
@@ -45,4 +46,5 @@ export const LinkToMediaWidget: Widget<Link, typeof schema> = {
   }),
   TYPE_NAME: "Link",
   CUSTOM_NAME: "LinkToMedia",
+  label: linkToMediaField.name,
 };

package/src/legacy/lib/models/common/widgets/Number/index.ts

@@ -1,6 +1,8 @@
 import { Number as PrismicNumber } from "@prismicio/types-internal/lib/customtypes/widgets/nestable";
 import { MdOutlinePin } from "react-icons/md";
 
+import { numberField } from "@/domain/fields";
+
 import { createDefaultWidgetValues } from "../../../../utils";
 import { Widget } from "../Widget";
 
@@ -32,4 +34,5 @@ export const NumberWidget: Widget<PrismicNumber, typeof schema> = {
   TYPE_NAME: "Number",
   schema,
   Meta,
+  label: numberField.name,
 };

package/src/legacy/lib/models/common/widgets/Select/index.ts

@@ -2,6 +2,8 @@ import { Select } from "@prismicio/types-internal/lib/customtypes/widgets/nestab
 import { MdOutlineArrowDropDownCircle } from "react-icons/md";
 import * as yup from "yup";
 
+import { selectField } from "@/domain/fields";
+
 import { createValidationSchema } from "../../../../forms";
 import { removeProp } from "../../../../utils";
 import { Widget } from "../Widget";
@@ -45,4 +47,5 @@ export const SelectWidget: Widget<Select, typeof schema> = {
   schema,
   Meta,
   TYPE_NAME: "Select",
+  label: selectField.name,
 };

package/src/legacy/lib/models/common/widgets/StructuredText/index.ts

@@ -2,6 +2,8 @@ import { RichText } from "@prismicio/types-internal/lib/customtypes/widgets/nest
 import { MdTextFields } from "react-icons/md";
 import * as yup from "yup";
 
+import { richTextField } from "@/domain/fields";
+
 import { createValidationSchema } from "../../../../forms";
 import { removeProp } from "../../../../utils";
 import { Widget } from "../Widget";
@@ -55,4 +57,5 @@ export const StructuredTextWidget: Widget<RichText, typeof schema> = {
   schema,
   TYPE_NAME: "StructuredText",
   Form,
+  label: richTextField.name,
 };

package/src/legacy/lib/models/common/widgets/Table/index.ts

@@ -3,6 +3,8 @@ import { Table } from "@prismicio/types-internal/lib/customtypes/widgets/nestabl
 import { FaTable } from "react-icons/fa";
 import * as yup from "yup";
 
+import { tableField } from "@/domain/fields";
+
 import { DefaultFields } from "../../../../forms/defaults";
 import { Widget } from "../Widget";
 
@@ -49,4 +51,5 @@ export const TableWidget: Widget<Table, typeof schema> = {
   TYPE_NAME: "Table",
   schema,
   Meta,
+  label: tableField.name,
 };

package/src/legacy/lib/models/common/widgets/Text/index.ts

@@ -2,6 +2,8 @@ import { Text } from "@prismicio/types-internal/lib/customtypes/widgets/nestable
 import { MdTitle } from "react-icons/md";
 import * as yup from "yup";
 
+import { textField } from "@/domain/fields";
+
 import { createValidationSchema } from "../../../../forms";
 import { DefaultFields } from "../../../../forms/defaults";
 /**
@@ -45,4 +47,5 @@ export const TextWidget: Widget<Text, typeof schema> = {
   TYPE_NAME: "Text",
   // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
   FormFields,
+  label: textField.name,
 };

package/src/legacy/lib/models/common/widgets/Timestamp/index.ts

@@ -2,6 +2,8 @@ import { Timestamp } from "@prismicio/types-internal/lib/customtypes/widgets/nes
 import { MdSchedule } from "react-icons/md";
 import * as yup from "yup";
 
+import { timestampField } from "@/domain/fields";
+
 import { createValidationSchema } from "../../../../forms";
 import { DefaultFields } from "../../../../forms/defaults";
 /** {
@@ -43,4 +45,5 @@ export const TimestampWidget: Widget<Timestamp, typeof schema> = {
   FormFields,
   TYPE_NAME: "Timestamp",
   Meta,
+  label: timestampField.name,
 };

package/src/legacy/lib/models/common/widgets/UID/index.ts

@@ -2,6 +2,8 @@ import { UID } from "@prismicio/types-internal/lib/customtypes/widgets";
 import { MdTag } from "react-icons/md";
 import * as yup from "yup";
 
+import { uidField } from "@/domain/fields";
+
 import { createValidationSchema } from "../../../../forms";
 import { DefaultFields } from "../../../../forms/defaults";
 /**
@@ -50,4 +52,5 @@ export const UIDWidget: Widget<UID, typeof schema> = {
   schema,
   TYPE_NAME: "UID",
   FormFields,
+  label: uidField.name,
 };

package/src/legacy/lib/models/common/widgets/Widget.ts

@@ -24,6 +24,7 @@ interface WidgetBase<F extends TabField, S extends AnyObjectSchema> {
     customTypes: LocalOnlyCustomType[],
     initialValues: F["config"],
   ) => F["config"];
+  label: string;
 }
 
 export type Widget<F extends TabField, S extends AnyObjectSchema> = F extends

package/out/_next/static/UBLEqMkM94kXQpW0VSAQo/_buildManifest.js

@@ -1 +0,0 @@
-self.__BUILD_MANIFEST=function(s,c,a,e,t,i,b,f,d,n,u,h,l,k,j,p,g,o,r,m){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[s,e,p,g,"static/chunks/pages/index-0d8cb369de720a35.js"],"/_error":["static/chunks/pages/_error-fedd2c6ebd3d27b9.js"],"/changelog":[c,t,"static/chunks/870-a72b74312773efea.js","static/chunks/pages/changelog-98836c22c6a40c5d.js"],"/changes":[c,i,"static/chunks/8eec4907-b712959d9f984b68.js","static/chunks/918-fa4f2563cb5fd014.js",a,f,"static/css/d98ebc475f8423a3.css","static/chunks/pages/changes-2bd69f3877d60b26.js"],"/custom-types":[s,e,p,g,"static/chunks/pages/custom-types-5acd56959b60346f.js"],"/custom-types/[customTypeId]":[c,d,n,u,h,s,t,b,l,o,a,e,k,j,r,m,"static/chunks/pages/custom-types/[customTypeId]-4024560ca59ad2be.js"],"/labs":["static/chunks/pages/labs-ad7f36c6f544c1a8.js"],"/page-types/[pageTypeId]":[c,d,n,u,h,s,t,b,l,o,a,e,k,j,r,m,"static/chunks/pages/page-types/[pageTypeId]-0d2416da0958eb40.js"],"/slices":[c,i,s,b,a,f,j,"static/css/efa5152b7c0f35c0.css","static/chunks/pages/slices-fe1bb16ff3020762.js"],"/slices/[lib]/[sliceName]/[variation]":[c,i,d,n,u,h,s,t,b,l,a,k,f,"static/css/cdee5b195444f185.css","static/chunks/pages/slices/[lib]/[sliceName]/[variation]-8b6e7854cb3466d4.js"],"/slices/[lib]/[sliceName]/[variation]/simulator":[i,"static/chunks/72585f70-28b4d7d5384b3703.js","static/chunks/157-54b8336d20b41933.js","static/chunks/pages/slices/[lib]/[sliceName]/[variation]/simulator-0ecd552897e61e29.js"],sortedPages:["/","/_app","/_error","/changelog","/changes","/custom-types","/custom-types/[customTypeId]","/labs","/page-types/[pageTypeId]","/slices","/slices/[lib]/[sliceName]/[variation]","/slices/[lib]/[sliceName]/[variation]/simulator"]}}("static/chunks/397-e6c340070a3bcb41.js","static/chunks/59b4e022-ef680789f7cc9b11.js","static/chunks/34-6c3125e6f01c62c7.js","static/chunks/647-7b9b5aa9468f9e4b.js","static/chunks/183-4ea255b867ff171b.js","static/chunks/c8eae200-966ce352f7b5d2b9.js","static/chunks/44-a2056f993381ad0f.js","static/chunks/658-8231c0b729e0124a.js","static/chunks/f36c6662-1f3a854183168b10.js","static/chunks/4c744e84-480e426e4b1cfef3.js","static/chunks/065a3ddb-9a38ca0d60f0bf2f.js","static/chunks/1cc2734a-09fb3b997ad1eb70.js","static/chunks/349-7118116b93278f73.js","static/chunks/630-799c128fd87fa645.js","static/chunks/907-a42dc5698d5dc000.js","static/chunks/248-6f20227ad4764216.js","static/css/4e475d945cf8a890.css","static/chunks/385-b949173dfa03dd3e.js","static/chunks/489-a42bd4eeb1350d97.js","static/css/56f2a6684a524374.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();