feat: create the dimension type

Author: fernandacanto

packages/field-plugin/src/createFieldPlugin/FieldPluginActions.ts

@@ -5,6 +5,7 @@ import type {
   ModalSize,
   PromptAIPayload,
   PromptAIResponse,
+  Dimension,
 } from '../messaging'
 import type { FieldPluginData } from './FieldPluginData'
 
@@ -21,20 +22,7 @@ export type RequestUserContext = () => Promise<UserData>
 export type SelectAsset = () => Promise<Asset>
 export type Initialize<Content> = () => Promise<FieldPluginData<Content>>
 export type SetPreviewWidth = (
-  previewWidth:
-    | {
-        tag: 'desktop'
-      }
-    | {
-        tag: 'tablet'
-      }
-    | {
-        tag: 'mobile'
-      }
-    | {
-        tag: 'custom'
-        width: number
-      },
+  previewWidth: Dimension
 ) => Promise<void>
 
 export type FieldPluginActions<Content> = {

packages/field-plugin/src/messaging/pluginMessage/pluginToContainerMessage/PreviewDimensionChangeMessage.ts

@@ -8,22 +8,24 @@ import {
   optionalGuard,
 } from 'pure-parse'
 
+export type Dimension = 
+  | {
+      tag: 'desktop'
+    }
+  | {
+      tag: 'tablet'
+    }
+  | {
+      tag: 'mobile'
+    }
+  | {
+      tag: 'custom'
+      width: number
+    }
+
 export type PreviewDimensionChangeMessage =
   MessageToContainer<'previewDimension'> & {
-    data:
-      | {
-          tag: 'desktop'
-        }
-      | {
-          tag: 'tablet'
-        }
-      | {
-          tag: 'mobile'
-        }
-      | {
-          tag: 'custom'
-          width: number
-        }
+    data: Dimension
   }
 export const isPreviewDimensionChangeMessage =
   objectGuard<PreviewDimensionChangeMessage>({

packages/sandbox/src/components/FieldPluginSandbox.tsx

@@ -545,7 +545,7 @@ export const FieldPluginSandbox: FunctionComponent = () => {
       </Accordion>
       <Accordion defaultExpanded>
         <AccordionSummary>
-          <Typography variant="h3">Data</Typography>
+          <Typography variant="h3">Editor Preview</Typography>
         </AccordionSummary>
         <AccordionDetails>
           <PreviewDimension previewDimension={previewDimension} />