@makeswift/runtime 0.16.0-canary.3 → 0.16.0-canary.5

package/dist/esm/prop-controllers/introspection.js

@@ -1,14 +1,4 @@
 import {
-  getListPropControllerElementChildren,
-  getListPropControllerFileIds,
-  getListPropControllerPageIds,
-  getListPropControllerSwatchIds,
-  getListPropControllerTypographyIds,
-  getShapePropControllerElementChildren,
-  getShapePropControllerFileIds,
-  getShapePropControllerPageIds,
-  getShapePropControllerSwatchIds,
-  getShapePropControllerTypographyIds,
   Types
 } from "./descriptors";
 import {
@@ -55,7 +45,9 @@ import {
   getShadowsPropControllerDataSwatchIds,
   Types as PropControllerTypes,
   getBorderPropControllerDataSwatchIds,
-  getTablePropControllerDataTableIds
+  getTablePropControllerDataTableIds,
+  getNavigationLinksPropControllerPageIds,
+  getNavigationLinksPropControllerSwatchIds
 } from "@makeswift/prop-controllers";
 function getElementChildren(descriptor, prop) {
   if (prop == null)
@@ -75,12 +67,6 @@ function getElementChildren(descriptor, prop) {
     case ListControlType: {
       return getListElementChildren(descriptor, prop);
     }
-    case Types.Shape: {
-      return getShapePropControllerElementChildren(descriptor, prop);
-    }
-    case Types.List: {
-      return getListPropControllerElementChildren(descriptor, prop);
-    }
     default:
       return [];
   }
@@ -117,18 +103,8 @@ function getSwatchIds(descriptor, prop) {
       return getBackgroundsSwatchIds(prop);
     case PropControllerTypes.Border:
       return getBorderPropControllerDataSwatchIds(prop);
-    case Types.NavigationLinks: {
-      const value = prop;
-      return value?.flatMap((item) => {
-        switch (item.type) {
-          case "button":
-          case "dropdown":
-            return [
-              ...item.payload.color?.map((override) => override.value).map((color) => color.swatchId) ?? [],
-              ...item.payload.textColor?.map((override) => override.value).map((color) => color.swatchId) ?? []
-            ];
-        }
-      }) ?? [];
+    case PropControllerTypes.NavigationLinks: {
+      return getNavigationLinksPropControllerSwatchIds(prop);
     }
     case PropControllerTypes.ResponsiveColor:
       return getResponsiveColorPropControllerDataSawtchIds(prop);
@@ -161,12 +137,6 @@ function getSwatchIds(descriptor, prop) {
     case ListControlType: {
       return getListSwatchIds(descriptor, prop);
     }
-    case Types.Shape: {
-      return getShapePropControllerSwatchIds(descriptor, prop);
-    }
-    case Types.List: {
-      return getListPropControllerSwatchIds(descriptor, prop);
-    }
     default:
       return [];
   }
@@ -203,12 +173,6 @@ function getFileIds(descriptor, prop) {
     case ListControlType: {
       return getListFileIds(descriptor, prop);
     }
-    case Types.Shape: {
-      return getShapePropControllerFileIds(descriptor, prop);
-    }
-    case Types.List: {
-      return getListPropControllerFileIds(descriptor, prop);
-    }
     default:
       return [];
   }
@@ -236,12 +200,6 @@ function getTypographyIds(descriptor, prop) {
     case ListControlType: {
       return getListTypographyIds(descriptor, prop);
     }
-    case Types.Shape: {
-      return getShapePropControllerTypographyIds(descriptor, prop);
-    }
-    case Types.List: {
-      return getListPropControllerTypographyIds(descriptor, prop);
-    }
     default:
       return [];
   }
@@ -275,36 +233,8 @@ function getPageIds(descriptor, prop) {
           return [];
       }
     }
-    case Types.NavigationLinks: {
-      const value = prop;
-      if (value == null)
-        return [];
-      return value?.flatMap((item) => {
-        switch (item.type) {
-          case "button": {
-            if (item.payload.link == null)
-              return [];
-            switch (item.payload.link.type) {
-              case "OPEN_PAGE":
-                return item.payload.link.payload.pageId == null ? [] : [item.payload.link.payload.pageId];
-              default:
-                return [];
-            }
-          }
-          case "dropdown": {
-            return item.payload.links?.flatMap((link) => {
-              if (link.payload.link == null)
-                return [];
-              switch (link.payload.link.type) {
-                case "OPEN_PAGE":
-                  return link.payload.link.payload.pageId == null ? [] : [link.payload.link.payload.pageId];
-                default:
-                  return [];
-              }
-            }) ?? [];
-          }
-        }
-      }) ?? [];
+    case PropControllerTypes.NavigationLinks: {
+      return getNavigationLinksPropControllerPageIds(prop);
     }
     case RichTextControlType:
     case Types.RichText: {
@@ -322,12 +252,6 @@ function getPageIds(descriptor, prop) {
     case ListControlType: {
       return getListPageIds(descriptor, prop);
     }
-    case Types.Shape: {
-      return getShapePropControllerPageIds(descriptor, prop);
-    }
-    case Types.List: {
-      return getListPropControllerPageIds(descriptor, prop);
-    }
     default:
       return [];
   }

package/dist/esm/prop-controllers/introspection.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/prop-controllers/introspection.ts"],"sourcesContent":["import {\n  BackgroundsValue,\n  Descriptor,\n  ElementIDValue,\n  getListPropControllerElementChildren,\n  getListPropControllerFileIds,\n  getListPropControllerPageIds,\n  getListPropControllerSwatchIds,\n  getListPropControllerTypographyIds,\n  getShapePropControllerElementChildren,\n  getShapePropControllerFileIds,\n  getShapePropControllerPageIds,\n  getShapePropControllerSwatchIds,\n  getShapePropControllerTypographyIds,\n  GridValue,\n  ImagesValue,\n  ImageValue,\n  ListValue,\n  NavigationLinksValue,\n  RichTextValue,\n  ShapeValue,\n  Types,\n} from './descriptors'\nimport { Data, Element } from '../state/react-page'\nimport {\n  ColorControlData,\n  ColorControlType,\n  getListElementChildren,\n  getListFileIds,\n  getListPageIds,\n  getListSwatchIds,\n  getListTypographyIds,\n  getShapeElementChildren,\n  getShapeFileIds,\n  getShapePageIds,\n  getShapeSwatchIds,\n  getShapeTypographyIds,\n  getTypographySwatchIds,\n  getTypographyTypographyIds,\n  ImageControlData,\n  ImageControlType,\n  LinkControlData,\n  LinkControlType,\n  ListControlData,\n  ListControlType,\n  RichTextControlData,\n  RichTextControlType,\n  ShapeControlData,\n  ShapeControlType,\n  SlotControlData,\n  SlotControlType,\n  StyleV2ControlData,\n  StyleV2ControlType,\n  TypographyControlData,\n  TypographyControlType,\n} from '../controls'\nimport {\n  getRichTextPageIds,\n  getRichTextSwatchIds,\n  getRichTextTypographyIds,\n} from '../controls/rich-text/introspection'\nimport {\n  getRichTextV2PageIds,\n  getRichTextV2SwatchIds,\n  getRichTextV2TypographyIds,\n} from '../controls/rich-text-v2/introspection'\nimport {\n  RichTextV2ControlType,\n  RichTextV2ControlData,\n  isRichTextV1Data,\n} from '../controls/rich-text-v2/rich-text-v2'\nimport { match, P } from 'ts-pattern'\nimport {\n  ResponsiveBorderData,\n  getLinkPropControllerPageIds,\n  getResponsiveColorPropControllerDataSawtchIds,\n  getShadowsPropControllerDataSwatchIds,\n  LinkPropControllerData,\n  Types as PropControllerTypes,\n  ResponsiveColorData,\n  ShadowsPropControllerData,\n  getBorderPropControllerDataSwatchIds,\n  TablePropControllerData,\n  getTablePropControllerDataTableIds,\n} from '@makeswift/prop-controllers'\n\nexport function getElementChildren<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): Element[] {\n  if (prop == null) return []\n\n  switch (descriptor.type) {\n    case Types.Grid:\n      return (prop as GridValue).elements\n\n    case SlotControlType:\n      return (prop as SlotControlData).elements\n\n    case ListControlType:\n      return (prop as ListControlData).flatMap(({ value }) =>\n        getElementChildren(descriptor.config.type, value),\n      )\n\n    case ShapeControlType: {\n      return getShapeElementChildren(descriptor, prop as ShapeControlData)\n    }\n\n    case ListControlType: {\n      return getListElementChildren(descriptor, prop as ListControlData)\n    }\n\n    case Types.Shape: {\n      return getShapePropControllerElementChildren(descriptor, prop as ShapeValue)\n    }\n\n    case Types.List: {\n      return getListPropControllerElementChildren(descriptor, prop as ListValue)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getElementId<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string | null {\n  if (prop == null) return null\n\n  switch (descriptor.type) {\n    case Types.ElementID:\n      return prop as ElementIDValue\n\n    default:\n      return null\n  }\n}\n\nexport function getBackgroundsSwatchIds(value: BackgroundsValue | null | undefined): string[] {\n  return (\n    value\n      ?.flatMap(override => override.value)\n      .flatMap(backgroundItem => {\n        switch (backgroundItem.type) {\n          case 'color':\n            return backgroundItem.payload?.swatchId == null ? [] : [backgroundItem.payload.swatchId]\n\n          case 'gradient':\n            return backgroundItem.payload.stops.flatMap(stop =>\n              stop.color == null ? [] : stop.color.swatchId,\n            )\n\n          default:\n            return []\n        }\n      }) ?? []\n  )\n}\n\nexport function getSwatchIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n  switch (descriptor.type) {\n    case Types.Backgrounds:\n      return getBackgroundsSwatchIds(prop as BackgroundsValue)\n\n    case PropControllerTypes.Border:\n      return getBorderPropControllerDataSwatchIds(prop as ResponsiveBorderData)\n\n    case Types.NavigationLinks: {\n      const value = prop as NavigationLinksValue\n      return (\n        value?.flatMap(item => {\n          switch (item.type) {\n            case 'button':\n            case 'dropdown':\n              return [\n                ...(item.payload.color\n                  ?.map(override => override.value)\n                  .map(color => color.swatchId) ?? []),\n                ...(item.payload.textColor\n                  ?.map(override => override.value)\n                  .map(color => color.swatchId) ?? []),\n              ]\n          }\n        }) ?? []\n      )\n    }\n    case PropControllerTypes.ResponsiveColor:\n      return getResponsiveColorPropControllerDataSawtchIds(prop as ResponsiveColorData)\n\n    case PropControllerTypes.Shadows:\n      return getShadowsPropControllerDataSwatchIds(prop as ShadowsPropControllerData)\n\n    case RichTextControlType:\n    case Types.RichText: {\n      return getRichTextSwatchIds(prop as RichTextValue)\n    }\n\n    case ColorControlType: {\n      const value = prop as ColorControlData\n      return value?.swatchId == null ? [] : [value.swatchId]\n    }\n\n    case TypographyControlType: {\n      return getTypographySwatchIds(prop as TypographyControlData[number])\n    }\n\n    case StyleV2ControlType: {\n      const value = prop as StyleV2ControlData\n\n      return value?.flatMap(value => getSwatchIds(descriptor.config.type, value.value)) ?? []\n    }\n\n    case RichTextV2ControlType: {\n      const data = prop as RichTextV2ControlData | RichTextControlData\n\n      if (isRichTextV1Data(data)) return getRichTextSwatchIds(data)\n\n      return getRichTextV2SwatchIds(descriptor, data)\n    }\n\n    case ShapeControlType: {\n      return getShapeSwatchIds(descriptor, prop as ShapeControlData)\n    }\n\n    case ListControlType: {\n      return getListSwatchIds(descriptor, prop as ListControlData)\n    }\n\n    case Types.Shape: {\n      return getShapePropControllerSwatchIds(descriptor, prop as ShapeValue)\n    }\n\n    case Types.List: {\n      return getListPropControllerSwatchIds(descriptor, prop as ListValue)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getBackgroundsFileIds(value: BackgroundsValue | null | undefined): string[] {\n  return (\n    value\n      ?.flatMap(override => override.value)\n      .flatMap(backgroundItem => {\n        return match(backgroundItem)\n          .with({ type: 'image-v1', payload: { image: { type: 'makeswift-file' } } }, item => [\n            item.payload.image.id,\n          ])\n          .with({ type: 'image', payload: { imageId: P.string } }, item => [item.payload.imageId])\n          .otherwise(() => [])\n      }) ?? []\n  )\n}\n\nexport function getFileIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  switch (descriptor.type) {\n    case Types.Backgrounds:\n      return getBackgroundsFileIds(prop as BackgroundsValue)\n\n    case Types.Image: {\n      return match(prop as ImageValue)\n        .with(P.string, v => [v])\n        .with({ type: 'makeswift-file', version: 1 }, v => [v.id])\n        .with({ type: 'external-file', version: 1 }, () => [])\n        .exhaustive()\n    }\n\n    case Types.Images: {\n      const value = prop as ImagesValue\n      return (\n        value?.flatMap(item =>\n          match(item.props.file)\n            .with(P.string, f => [f])\n            .with({ type: 'makeswift-file', version: 1 }, f => [f.id])\n            .with({ type: 'external-file', version: 1 }, () => [])\n            .with(P.nullish, () => [])\n            .otherwise(() => []),\n        ) ?? []\n      )\n    }\n\n    case ImageControlType: {\n      const value = prop as ImageControlData\n      return match(value)\n        .with(P.string, f => [f])\n        .with({ type: 'makeswift-file' }, f => [f.id])\n        .with({ type: 'external-file' }, () => [])\n        .otherwise(() => [])\n    }\n\n    case ShapeControlType: {\n      return getShapeFileIds(descriptor, prop as ShapeControlData)\n    }\n\n    case ListControlType: {\n      return getListFileIds(descriptor, prop as ListControlData)\n    }\n\n    case Types.Shape: {\n      return getShapePropControllerFileIds(descriptor, prop as ShapeValue)\n    }\n\n    case Types.List: {\n      return getListPropControllerFileIds(descriptor, prop as ListValue)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getTypographyIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  switch (descriptor.type) {\n    case TypographyControlType: {\n      return getTypographyTypographyIds(prop as TypographyControlData[number])\n    }\n    case RichTextControlType:\n    case Types.RichText: {\n      return getRichTextTypographyIds(prop as RichTextControlData)\n    }\n\n    case RichTextV2ControlType: {\n      const data = prop as RichTextV2ControlData | RichTextControlData\n\n      if (isRichTextV1Data(data)) return getRichTextTypographyIds(data)\n\n      return getRichTextV2TypographyIds(descriptor, data)\n    }\n\n    case ShapeControlType: {\n      return getShapeTypographyIds(descriptor, prop as ShapeControlData)\n    }\n\n    case ListControlType: {\n      return getListTypographyIds(descriptor, prop as ListControlData)\n    }\n\n    case Types.Shape: {\n      return getShapePropControllerTypographyIds(descriptor, prop as ShapeValue)\n    }\n\n    case Types.List: {\n      return getListPropControllerTypographyIds(descriptor, prop as ListValue)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getTableIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  switch (descriptor.type) {\n    case PropControllerTypes.Table: {\n      return getTablePropControllerDataTableIds(prop as TablePropControllerData)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getPageIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  switch (descriptor.type) {\n    case PropControllerTypes.Link: {\n      return getLinkPropControllerPageIds(prop as LinkPropControllerData)\n    }\n\n    case LinkControlType: {\n      const value = prop as LinkControlData\n\n      if (value == null) return []\n\n      switch (value.type) {\n        case 'OPEN_PAGE':\n          return value.payload.pageId == null ? [] : [value.payload.pageId]\n\n        default:\n          return []\n      }\n    }\n\n    case Types.NavigationLinks: {\n      const value = prop as NavigationLinksValue\n      if (value == null) return []\n\n      return (\n        value?.flatMap(item => {\n          switch (item.type) {\n            case 'button': {\n              if (item.payload.link == null) return []\n\n              switch (item.payload.link.type) {\n                case 'OPEN_PAGE':\n                  return item.payload.link.payload.pageId == null\n                    ? []\n                    : [item.payload.link.payload.pageId]\n\n                default:\n                  return []\n              }\n            }\n\n            case 'dropdown': {\n              return (\n                item.payload.links?.flatMap(link => {\n                  if (link.payload.link == null) return []\n\n                  switch (link.payload.link.type) {\n                    case 'OPEN_PAGE':\n                      return link.payload.link.payload.pageId == null\n                        ? []\n                        : [link.payload.link.payload.pageId]\n\n                    default:\n                      return []\n                  }\n                }) ?? []\n              )\n            }\n          }\n        }) ?? []\n      )\n    }\n\n    case RichTextControlType:\n    case Types.RichText: {\n      return getRichTextPageIds(prop as RichTextControlData)\n    }\n\n    case RichTextV2ControlType: {\n      const data = prop as RichTextV2ControlData | RichTextControlData\n\n      if (isRichTextV1Data(data)) return getRichTextPageIds(data)\n\n      return getRichTextV2PageIds(descriptor, data)\n    }\n\n    case ShapeControlType: {\n      return getShapePageIds(descriptor, prop as ShapeControlData)\n    }\n\n    case ListControlType: {\n      return getListPageIds(descriptor, prop as ListControlData)\n    }\n\n    case Types.Shape: {\n      return getShapePropControllerPageIds(descriptor, prop as ShapeValue)\n    }\n\n    case Types.List: {\n      return getListPropControllerPageIds(descriptor, prop as ListValue)\n    }\n    default:\n      return []\n  }\n}\n"],"mappings":"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","names":["value"]}
+{"version":3,"sources":["../../../src/prop-controllers/introspection.ts"],"sourcesContent":["import {\n  BackgroundsValue,\n  Descriptor,\n  ElementIDValue,\n  GridValue,\n  ImagesValue,\n  ImageValue,\n  RichTextValue,\n  Types,\n} from './descriptors'\nimport { Data, Element } from '../state/react-page'\nimport {\n  ColorControlData,\n  ColorControlType,\n  getListElementChildren,\n  getListFileIds,\n  getListPageIds,\n  getListSwatchIds,\n  getListTypographyIds,\n  getShapeElementChildren,\n  getShapeFileIds,\n  getShapePageIds,\n  getShapeSwatchIds,\n  getShapeTypographyIds,\n  getTypographySwatchIds,\n  getTypographyTypographyIds,\n  ImageControlData,\n  ImageControlType,\n  LinkControlData,\n  LinkControlType,\n  ListControlData,\n  ListControlType,\n  RichTextControlData,\n  RichTextControlType,\n  ShapeControlData,\n  ShapeControlType,\n  SlotControlData,\n  SlotControlType,\n  StyleV2ControlData,\n  StyleV2ControlType,\n  TypographyControlData,\n  TypographyControlType,\n} from '../controls'\nimport {\n  getRichTextPageIds,\n  getRichTextSwatchIds,\n  getRichTextTypographyIds,\n} from '../controls/rich-text/introspection'\nimport {\n  getRichTextV2PageIds,\n  getRichTextV2SwatchIds,\n  getRichTextV2TypographyIds,\n} from '../controls/rich-text-v2/introspection'\nimport {\n  RichTextV2ControlType,\n  RichTextV2ControlData,\n  isRichTextV1Data,\n} from '../controls/rich-text-v2/rich-text-v2'\nimport { match, P } from 'ts-pattern'\nimport {\n  getLinkPropControllerPageIds,\n  getResponsiveColorPropControllerDataSawtchIds,\n  getShadowsPropControllerDataSwatchIds,\n  LinkPropControllerData,\n  Types as PropControllerTypes,\n  ResponsiveColorData,\n  ShadowsPropControllerData,\n  getBorderPropControllerDataSwatchIds,\n  TablePropControllerData,\n  getTablePropControllerDataTableIds,\n  getNavigationLinksPropControllerPageIds,\n  NavigationLinksPropControllerData,\n  getNavigationLinksPropControllerSwatchIds,\n  BorderPropControllerData,\n} from '@makeswift/prop-controllers'\n\nexport function getElementChildren<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): Element[] {\n  if (prop == null) return []\n\n  switch (descriptor.type) {\n    case Types.Grid:\n      return (prop as GridValue).elements\n\n    case SlotControlType:\n      return (prop as SlotControlData).elements\n\n    case ListControlType:\n      return (prop as ListControlData).flatMap(({ value }) =>\n        getElementChildren(descriptor.config.type, value),\n      )\n\n    case ShapeControlType: {\n      return getShapeElementChildren(descriptor, prop as ShapeControlData)\n    }\n\n    case ListControlType: {\n      return getListElementChildren(descriptor, prop as ListControlData)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getElementId<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string | null {\n  if (prop == null) return null\n\n  switch (descriptor.type) {\n    case Types.ElementID:\n      return prop as ElementIDValue\n\n    default:\n      return null\n  }\n}\n\nexport function getBackgroundsSwatchIds(value: BackgroundsValue | null | undefined): string[] {\n  return (\n    value\n      ?.flatMap(override => override.value)\n      .flatMap(backgroundItem => {\n        switch (backgroundItem.type) {\n          case 'color':\n            return backgroundItem.payload?.swatchId == null ? [] : [backgroundItem.payload.swatchId]\n\n          case 'gradient':\n            return backgroundItem.payload.stops.flatMap(stop =>\n              stop.color == null ? [] : stop.color.swatchId,\n            )\n\n          default:\n            return []\n        }\n      }) ?? []\n  )\n}\n\nexport function getSwatchIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n  switch (descriptor.type) {\n    case Types.Backgrounds:\n      return getBackgroundsSwatchIds(prop as BackgroundsValue)\n\n    case PropControllerTypes.Border:\n      return getBorderPropControllerDataSwatchIds(prop as BorderPropControllerData)\n\n    case PropControllerTypes.NavigationLinks: {\n      return getNavigationLinksPropControllerSwatchIds(prop as NavigationLinksPropControllerData)\n    }\n\n    case PropControllerTypes.ResponsiveColor:\n      return getResponsiveColorPropControllerDataSawtchIds(prop as ResponsiveColorData)\n\n    case PropControllerTypes.Shadows:\n      return getShadowsPropControllerDataSwatchIds(prop as ShadowsPropControllerData)\n\n    case RichTextControlType:\n    case Types.RichText: {\n      return getRichTextSwatchIds(prop as RichTextValue)\n    }\n\n    case ColorControlType: {\n      const value = prop as ColorControlData\n      return value?.swatchId == null ? [] : [value.swatchId]\n    }\n\n    case TypographyControlType: {\n      return getTypographySwatchIds(prop as TypographyControlData[number])\n    }\n\n    case StyleV2ControlType: {\n      const value = prop as StyleV2ControlData\n\n      return value?.flatMap(value => getSwatchIds(descriptor.config.type, value.value)) ?? []\n    }\n\n    case RichTextV2ControlType: {\n      const data = prop as RichTextV2ControlData | RichTextControlData\n\n      if (isRichTextV1Data(data)) return getRichTextSwatchIds(data)\n\n      return getRichTextV2SwatchIds(descriptor, data)\n    }\n\n    case ShapeControlType: {\n      return getShapeSwatchIds(descriptor, prop as ShapeControlData)\n    }\n\n    case ListControlType: {\n      return getListSwatchIds(descriptor, prop as ListControlData)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getBackgroundsFileIds(value: BackgroundsValue | null | undefined): string[] {\n  return (\n    value\n      ?.flatMap(override => override.value)\n      .flatMap(backgroundItem => {\n        return match(backgroundItem)\n          .with({ type: 'image-v1', payload: { image: { type: 'makeswift-file' } } }, item => [\n            item.payload.image.id,\n          ])\n          .with({ type: 'image', payload: { imageId: P.string } }, item => [item.payload.imageId])\n          .otherwise(() => [])\n      }) ?? []\n  )\n}\n\nexport function getFileIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  switch (descriptor.type) {\n    case Types.Backgrounds:\n      return getBackgroundsFileIds(prop as BackgroundsValue)\n\n    case Types.Image: {\n      return match(prop as ImageValue)\n        .with(P.string, v => [v])\n        .with({ type: 'makeswift-file', version: 1 }, v => [v.id])\n        .with({ type: 'external-file', version: 1 }, () => [])\n        .exhaustive()\n    }\n\n    case Types.Images: {\n      const value = prop as ImagesValue\n      return (\n        value?.flatMap(item =>\n          match(item.props.file)\n            .with(P.string, f => [f])\n            .with({ type: 'makeswift-file', version: 1 }, f => [f.id])\n            .with({ type: 'external-file', version: 1 }, () => [])\n            .with(P.nullish, () => [])\n            .otherwise(() => []),\n        ) ?? []\n      )\n    }\n\n    case ImageControlType: {\n      const value = prop as ImageControlData\n      return match(value)\n        .with(P.string, f => [f])\n        .with({ type: 'makeswift-file' }, f => [f.id])\n        .with({ type: 'external-file' }, () => [])\n        .otherwise(() => [])\n    }\n\n    case ShapeControlType: {\n      return getShapeFileIds(descriptor, prop as ShapeControlData)\n    }\n\n    case ListControlType: {\n      return getListFileIds(descriptor, prop as ListControlData)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getTypographyIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  switch (descriptor.type) {\n    case TypographyControlType: {\n      return getTypographyTypographyIds(prop as TypographyControlData[number])\n    }\n    case RichTextControlType:\n    case Types.RichText: {\n      return getRichTextTypographyIds(prop as RichTextControlData)\n    }\n\n    case RichTextV2ControlType: {\n      const data = prop as RichTextV2ControlData | RichTextControlData\n\n      if (isRichTextV1Data(data)) return getRichTextTypographyIds(data)\n\n      return getRichTextV2TypographyIds(descriptor, data)\n    }\n\n    case ShapeControlType: {\n      return getShapeTypographyIds(descriptor, prop as ShapeControlData)\n    }\n\n    case ListControlType: {\n      return getListTypographyIds(descriptor, prop as ListControlData)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getTableIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  switch (descriptor.type) {\n    case PropControllerTypes.Table: {\n      return getTablePropControllerDataTableIds(prop as TablePropControllerData)\n    }\n\n    default:\n      return []\n  }\n}\n\nexport function getPageIds<T extends Data>(\n  descriptor: Descriptor<T>,\n  prop: T | undefined,\n): string[] {\n  if (prop == null) return []\n\n  switch (descriptor.type) {\n    case PropControllerTypes.Link: {\n      return getLinkPropControllerPageIds(prop as LinkPropControllerData)\n    }\n\n    case LinkControlType: {\n      const value = prop as LinkControlData\n\n      if (value == null) return []\n\n      switch (value.type) {\n        case 'OPEN_PAGE':\n          return value.payload.pageId == null ? [] : [value.payload.pageId]\n\n        default:\n          return []\n      }\n    }\n\n    case PropControllerTypes.NavigationLinks: {\n      return getNavigationLinksPropControllerPageIds(prop as NavigationLinksPropControllerData)\n    }\n\n    case RichTextControlType:\n    case Types.RichText: {\n      return getRichTextPageIds(prop as RichTextControlData)\n    }\n\n    case RichTextV2ControlType: {\n      const data = prop as RichTextV2ControlData | RichTextControlData\n\n      if (isRichTextV1Data(data)) return getRichTextPageIds(data)\n\n      return getRichTextV2PageIds(descriptor, data)\n    }\n\n    case ShapeControlType: {\n      return getShapePageIds(descriptor, prop as ShapeControlData)\n    }\n\n    case ListControlType: {\n      return getListPageIds(descriptor, prop as ListControlData)\n    }\n\n    default:\n      return []\n  }\n}\n"],"mappings":"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","names":["value"]}

package/dist/esm/runtimes/react/components/PreviewProvider.js

@@ -18,6 +18,10 @@ function PreviewProvider({ client, children, rootElements }) {
     }),
     [client, rootElements, runtime]
   );
+  useEffect(() => {
+    store.setup();
+    return () => store.teardown();
+  }, [store]);
   useEffect(() => {
     const unregisterDocuments = Array.from(rootElements?.entries() ?? []).map(
       ([documentKey, rootElement]) => store.dispatch(registerDocumentEffect(ReactPage.createDocument(documentKey, rootElement)))

package/dist/esm/runtimes/react/components/PreviewProvider.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/runtimes/react/components/PreviewProvider.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, useEffect, useMemo } from 'react'\n\nimport { ReactRuntime } from '../react-runtime'\nimport { StoreContext } from '../hooks/use-store'\nimport * as ReactBuilderPreview from '../../../state/react-builder-preview'\nimport * as ReactPage from '../../../state/react-page'\nimport { MakeswiftHostApiClient } from '../../../api/react'\nimport { registerDocumentEffect } from '../../../state/actions'\nimport { useReactRuntime } from '../../../next/context/react-runtime'\nimport { MakeswiftHostApiClientProvider } from '../../../next/context/makeswift-host-api-client'\n\ntype Props = {\n  client: MakeswiftHostApiClient\n  rootElements?: Map<string, ReactPage.Element>\n  children?: ReactNode\n}\n\nexport default function PreviewProvider({ client, children, rootElements }: Props): JSX.Element {\n  const runtime = useReactRuntime()\n  const store = useMemo(\n    () =>\n      ReactBuilderPreview.configureStore({\n        preloadedState: runtime ? runtime.store.getState() : ReactRuntime.store.getState(),\n        rootElements,\n        client,\n      }),\n    [client, rootElements, runtime],\n  )\n\n  useEffect(() => {\n    const unregisterDocuments = Array.from(rootElements?.entries() ?? []).map(\n      ([documentKey, rootElement]) =>\n        store.dispatch(registerDocumentEffect(ReactPage.createDocument(documentKey, rootElement))),\n    )\n\n    return () => {\n      unregisterDocuments.forEach(unregisterDocument => {\n        unregisterDocument()\n      })\n    }\n  }, [store, rootElements])\n\n  return (\n    <StoreContext.Provider value={store}>\n      <MakeswiftHostApiClientProvider client={client}>{children}</MakeswiftHostApiClientProvider>\n    </StoreContext.Provider>\n  )\n}\n"],"mappings":";AA8CM;AA5CN,SAAoB,WAAW,eAAe;AAE9C,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,YAAY,yBAAyB;AACrC,YAAY,eAAe;AAE3B,SAAS,8BAA8B;AACvC,SAAS,uBAAuB;AAChC,SAAS,sCAAsC;AAQhC,SAAR,gBAAiC,EAAE,QAAQ,UAAU,aAAa,GAAuB;AAC9F,QAAM,UAAU,gBAAgB;AAChC,QAAM,QAAQ;AAAA,IACZ,MACE,oBAAoB,eAAe;AAAA,MACjC,gBAAgB,UAAU,QAAQ,MAAM,SAAS,IAAI,aAAa,MAAM,SAAS;AAAA,MACjF;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,QAAQ,cAAc,OAAO;AAAA,EAChC;AAEA,YAAU,MAAM;AACd,UAAM,sBAAsB,MAAM,KAAK,cAAc,QAAQ,KAAK,CAAC,CAAC,EAAE;AAAA,MACpE,CAAC,CAAC,aAAa,WAAW,MACxB,MAAM,SAAS,uBAAuB,UAAU,eAAe,aAAa,WAAW,CAAC,CAAC;AAAA,IAC7F;AAEA,WAAO,MAAM;AACX,0BAAoB,QAAQ,wBAAsB;AAChD,2BAAmB;AAAA,MACrB,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,OAAO,YAAY,CAAC;AAExB,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,OAC5B,8BAAC,kCAA+B,QAAiB,UAAS,GAC5D;AAEJ;","names":[]}
+{"version":3,"sources":["../../../../../src/runtimes/react/components/PreviewProvider.tsx"],"sourcesContent":["'use client'\n\nimport { ReactNode, useEffect, useMemo } from 'react'\n\nimport { ReactRuntime } from '../react-runtime'\nimport { StoreContext } from '../hooks/use-store'\nimport * as ReactBuilderPreview from '../../../state/react-builder-preview'\nimport * as ReactPage from '../../../state/react-page'\nimport { MakeswiftHostApiClient } from '../../../api/react'\nimport { registerDocumentEffect } from '../../../state/actions'\nimport { useReactRuntime } from '../../../next/context/react-runtime'\nimport { MakeswiftHostApiClientProvider } from '../../../next/context/makeswift-host-api-client'\n\ntype Props = {\n  client: MakeswiftHostApiClient\n  rootElements?: Map<string, ReactPage.Element>\n  children?: ReactNode\n}\n\nexport default function PreviewProvider({ client, children, rootElements }: Props): JSX.Element {\n  const runtime = useReactRuntime()\n  const store = useMemo(\n    () =>\n      ReactBuilderPreview.configureStore({\n        preloadedState: runtime ? runtime.store.getState() : ReactRuntime.store.getState(),\n        rootElements,\n        client,\n      }),\n    [client, rootElements, runtime],\n  )\n\n  useEffect(() => {\n    store.setup()\n    return () => store.teardown()\n  }, [store])\n\n  useEffect(() => {\n    const unregisterDocuments = Array.from(rootElements?.entries() ?? []).map(\n      ([documentKey, rootElement]) =>\n        store.dispatch(registerDocumentEffect(ReactPage.createDocument(documentKey, rootElement))),\n    )\n\n    return () => {\n      unregisterDocuments.forEach(unregisterDocument => {\n        unregisterDocument()\n      })\n    }\n  }, [store, rootElements])\n\n  return (\n    <StoreContext.Provider value={store}>\n      <MakeswiftHostApiClientProvider client={client}>{children}</MakeswiftHostApiClientProvider>\n    </StoreContext.Provider>\n  )\n}\n"],"mappings":";AAmDM;AAjDN,SAAoB,WAAW,eAAe;AAE9C,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,YAAY,yBAAyB;AACrC,YAAY,eAAe;AAE3B,SAAS,8BAA8B;AACvC,SAAS,uBAAuB;AAChC,SAAS,sCAAsC;AAQhC,SAAR,gBAAiC,EAAE,QAAQ,UAAU,aAAa,GAAuB;AAC9F,QAAM,UAAU,gBAAgB;AAChC,QAAM,QAAQ;AAAA,IACZ,MACE,oBAAoB,eAAe;AAAA,MACjC,gBAAgB,UAAU,QAAQ,MAAM,SAAS,IAAI,aAAa,MAAM,SAAS;AAAA,MACjF;AAAA,MACA;AAAA,IACF,CAAC;AAAA,IACH,CAAC,QAAQ,cAAc,OAAO;AAAA,EAChC;AAEA,YAAU,MAAM;AACd,UAAM,MAAM;AACZ,WAAO,MAAM,MAAM,SAAS;AAAA,EAC9B,GAAG,CAAC,KAAK,CAAC;AAEV,YAAU,MAAM;AACd,UAAM,sBAAsB,MAAM,KAAK,cAAc,QAAQ,KAAK,CAAC,CAAC,EAAE;AAAA,MACpE,CAAC,CAAC,aAAa,WAAW,MACxB,MAAM,SAAS,uBAAuB,UAAU,eAAe,aAAa,WAAW,CAAC,CAAC;AAAA,IAC7F;AAEA,WAAO,MAAM;AACX,0BAAoB,QAAQ,wBAAsB;AAChD,2BAAmB;AAAA,MACrB,CAAC;AAAA,IACH;AAAA,EACF,GAAG,CAAC,OAAO,YAAY,CAAC;AAExB,SACE,oBAAC,aAAa,UAAb,EAAsB,OAAO,OAC5B,8BAAC,kCAA+B,QAAiB,UAAS,GAC5D;AAEJ;","names":[]}

package/dist/esm/runtimes/react/controls.js

@@ -68,6 +68,10 @@ import { useResponsiveLengthPropControllerData } from "../../components/hooks/us
 import { useNumberPropControllerData } from "../../components/hooks/useNumberPropControllerData";
 import { useResponsiveColorPropControllerData } from "../../components/hooks/useResponsiveColorPropControllerData";
 import { useTextStylePropControllerData } from "../../components/hooks/useTextStylePropControllerData";
+import { useNavigationLinksPropControllerData } from "../../components/hooks/useNavigationLinksPropControllerData";
+import { useTextAreaPropControllerData } from "../../components/hooks/useTextAreaPropControllerData";
+import { useGapXPropControllerData } from "../../components/hooks/useGapXPropControllerData";
+import { useGapYPropControllerData } from "../../components/hooks/useGapYPropControllerData";
 function useWidthStyle(data, descriptor) {
   const value = getWidthPropControllerDataResponsiveLengthData(data);
   return useStyle(useResponsiveWidth(value, descriptor.options.defaultValue));
@@ -372,6 +376,46 @@ function PropsValue({ element, children }) {
             },
             descriptor.type
           );
+        case PropControllerTypes.NavigationLinks:
+          return /* @__PURE__ */ jsx(
+            RenderHook,
+            {
+              hook: useNavigationLinksPropControllerData,
+              parameters: [props[propName]],
+              children: (value) => renderFn({ ...propsValue, [propName]: value })
+            },
+            descriptor.type
+          );
+        case PropControllerTypes.TextArea:
+          return /* @__PURE__ */ jsx(
+            RenderHook,
+            {
+              hook: useTextAreaPropControllerData,
+              parameters: [props[propName]],
+              children: (value) => renderFn({ ...propsValue, [propName]: value })
+            },
+            descriptor.type
+          );
+        case PropControllerTypes.GapX:
+          return /* @__PURE__ */ jsx(
+            RenderHook,
+            {
+              hook: useGapXPropControllerData,
+              parameters: [props[propName]],
+              children: (value) => renderFn({ ...propsValue, [propName]: value })
+            },
+            descriptor.type
+          );
+        case PropControllerTypes.GapY:
+          return /* @__PURE__ */ jsx(
+            RenderHook,
+            {
+              hook: useGapYPropControllerData,
+              parameters: [props[propName]],
+              children: (value) => renderFn({ ...propsValue, [propName]: value })
+            },
+            descriptor.type
+          );
         default:
           return renderFn({ ...propsValue, [propName]: props[propName] });
       }

package/dist/esm/runtimes/react/controls.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/runtimes/react/controls.tsx"],"sourcesContent":["import { useRef } from 'react'\n\nimport * as ReactPage from '../../state/react-page'\n\nimport {\n  useBoxShadow,\n  useBorder as useBorderData,\n  useLinkPropControllerData,\n  useCheckboxPropControllerData,\n  useDatePropControllerData,\n  useFontPropControllerData,\n  useVideoPropControllerData,\n  useTablePropControllerData,\n} from '../../components/hooks'\nimport type { ColorValue } from '../../components/utils/types'\nimport {\n  useResponsiveBorder,\n  useResponsiveBorderRadius,\n  useResponsiveMargin,\n  useResponsivePadding,\n  useResponsiveShadow,\n  useResponsiveWidth,\n} from '../../components/utils/responsive-style'\nimport {\n  CheckboxControlType,\n  ColorControlType,\n  ComboboxControlType,\n  ImageControlType,\n  LinkControlType,\n  ListControlType,\n  NumberControlType,\n  SelectControlType,\n  ShapeControlType,\n  SlotControl,\n  SlotControlType,\n  StyleControlType,\n  TextAreaControlType,\n  TextInputControlType,\n  RichTextControl,\n  RichTextControlType,\n  StyleControl,\n  RichTextV2Control,\n  RichTextV2ControlType,\n  StyleV2ControlType,\n  TypographyControlType,\n} from '../../controls'\nimport { useFormattedStyle } from './controls/style'\nimport { ControlValue } from './controls/control'\nimport { RenderHook } from './components'\nimport { useSlot } from './controls/slot'\nimport { useStyle } from './use-style'\nimport { useRichText } from './controls/rich-text/rich-text'\nimport { useRichTextV2 } from './controls/rich-text-v2'\nimport { IconRadioGroupControlType } from '../../controls/icon-radio-group'\nimport { useStore } from './hooks/use-store'\nimport { useDocumentKey } from './hooks/use-document-key'\nimport { useSelector } from './hooks/use-selector'\nimport {\n  Types as PropControllerTypes,\n  getShadowsPropControllerDataResponsiveShadowsData,\n  ShadowsPropControllerData,\n  Shadows,\n  ResponsiveValue,\n  BorderPropControllerFormat,\n  ResponsiveBorderData,\n  BorderPropControllerData,\n  getBorderPropControllerDataResponsiveBorderData,\n  getBorderRadiusPropControllerDataResponsiveBorderRadiusData,\n  BorderRadiusPropControllerData,\n  BorderRadiusPropControllerFormat,\n  MarginPropControllerFormat,\n  MarginPropControllerData,\n  getMarginPropControllerDataResponsiveMarginData,\n  PaddingPropControllerData,\n  getPaddingPropControllerDataResponsivePaddingData,\n  PaddingPropControllerFormat,\n  WidthPropControllerData,\n  getWidthPropControllerDataResponsiveLengthData,\n  WidthPropControllerFormat,\n  WidthDescriptor,\n} from '@makeswift/prop-controllers'\nimport { useResponsiveLengthPropControllerData } from '../../components/hooks/useResponsiveLengthPropControllerData'\nimport { useNumberPropControllerData } from '../../components/hooks/useNumberPropControllerData'\nimport { useResponsiveColorPropControllerData } from '../../components/hooks/useResponsiveColorPropControllerData'\nimport { useTextStylePropControllerData } from '../../components/hooks/useTextStylePropControllerData'\n\nexport type ResponsiveColor = ResponsiveValue<ColorValue>\n\nfunction useWidthStyle(\n  data: WidthPropControllerData | undefined,\n  descriptor: WidthDescriptor,\n): string {\n  const value = getWidthPropControllerDataResponsiveLengthData(data)\n\n  return useStyle(useResponsiveWidth(value, descriptor.options.defaultValue))\n}\n\nfunction usePaddingStyle(data: PaddingPropControllerData | undefined): string {\n  const value = getPaddingPropControllerDataResponsivePaddingData(data)\n\n  return useStyle(useResponsivePadding(value))\n}\n\nfunction useMarginStyle(data: MarginPropControllerData | undefined): string {\n  const value = getMarginPropControllerDataResponsiveMarginData(data)\n\n  return useStyle(useResponsiveMargin(value))\n}\n\nexport function useBorderRadiusStyle(data: BorderRadiusPropControllerData | undefined): string {\n  const value = getBorderRadiusPropControllerDataResponsiveBorderRadiusData(data)\n\n  return useStyle(useResponsiveBorderRadius(value))\n}\n\nexport function useShadowsStyle(data: ShadowsPropControllerData | undefined): string {\n  return useStyle(useResponsiveShadow(useBoxShadow(data) ?? undefined))\n}\n\nexport function useBorderStyle(\n  data: BorderPropControllerData | undefined,\n): string | ResponsiveBorderData | undefined {\n  const value = getBorderPropControllerDataResponsiveBorderData(data)\n  const borderData = useBorderData(value)\n\n  return useStyle(useResponsiveBorder(borderData ?? undefined))\n}\n\ntype PropsValueProps = {\n  element: ReactPage.ElementData\n  children(props: Record<string, unknown>): JSX.Element\n}\n\nexport function PropsValue({ element, children }: PropsValueProps): JSX.Element {\n  const store = useStore()\n  const propControllerDescriptorsRef = useRef(\n    ReactPage.getComponentPropControllerDescriptors(store.getState(), element.type) ?? {},\n  )\n  const props = element.props as Record<string, any>\n  const documentKey = useDocumentKey()\n\n  const propControllers = useSelector(state => {\n    if (documentKey == null) return null\n\n    return ReactPage.getPropControllers(state, documentKey, element.key)\n  })\n\n  return Object.entries(propControllerDescriptorsRef.current).reduceRight(\n    (renderFn, [propName, descriptor]) =>\n      propsValue => {\n        switch (descriptor.type) {\n          case CheckboxControlType:\n          case NumberControlType:\n          case TextInputControlType:\n          case TextAreaControlType:\n          case SelectControlType:\n          case ColorControlType:\n          case IconRadioGroupControlType:\n          case ImageControlType:\n          case ComboboxControlType:\n          case ShapeControlType:\n          case ListControlType:\n          case LinkControlType:\n          case StyleV2ControlType:\n          case TypographyControlType:\n            return (\n              <ControlValue\n                definition={descriptor}\n                data={props[propName]}\n                control={propControllers?.[propName]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </ControlValue>\n            )\n\n          case StyleControlType: {\n            const control = (propControllers?.[propName] ?? null) as StyleControl | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useFormattedStyle}\n                parameters={[props[propName], descriptor, control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case RichTextControlType: {\n            const control = (propControllers?.[propName] ?? null) as RichTextControl | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useRichText}\n                parameters={[props[propName], control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case RichTextV2ControlType: {\n            const control = (propControllers?.[propName] ?? null) as RichTextV2Control | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useRichTextV2}\n                parameters={[props[propName], descriptor, control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case SlotControlType: {\n            const control = (propControllers?.[propName] ?? null) as SlotControl | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useSlot}\n                parameters={[props[propName], control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case PropControllerTypes.Width:\n            switch (descriptor.options.format) {\n              case WidthPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useWidthStyle}\n                    parameters={[props[propName], descriptor]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              default:\n                return renderFn({ ...propsValue, [propName]: props[propName] })\n            }\n\n          case PropControllerTypes.Padding:\n            switch (descriptor.options.format) {\n              case PaddingPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={usePaddingStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              default:\n                return renderFn({ ...propsValue, [propName]: props[propName] })\n            }\n\n          case PropControllerTypes.Margin:\n            switch (descriptor.options.format) {\n              case MarginPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useMarginStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              default:\n                return renderFn({ ...propsValue, [propName]: props[propName] })\n            }\n\n          case PropControllerTypes.BorderRadius:\n            switch (descriptor.options.format) {\n              case BorderRadiusPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useBorderRadiusStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              default:\n                return renderFn({ ...propsValue, [propName]: props[propName] })\n            }\n\n          case PropControllerTypes.Number:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useNumberPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.ResponsiveLength:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useResponsiveLengthPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Shadows:\n            switch (descriptor.options.format) {\n              case Shadows.Format.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useShadowsStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              case Shadows.Format.ResponsiveValue:\n              default:\n                return renderFn({\n                  ...propsValue,\n                  [propName]: getShadowsPropControllerDataResponsiveShadowsData(props[propName]),\n                })\n            }\n\n          case PropControllerTypes.Border:\n            switch (descriptor.options.format) {\n              case BorderPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useBorderStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              default:\n                return renderFn({ ...propsValue, [propName]: props[propName] })\n            }\n\n          case PropControllerTypes.ResponsiveColor:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useResponsiveColorPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Link:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useLinkPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Checkbox:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useCheckboxPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Date:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useDatePropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Font:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useFontPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Video:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useVideoPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Table:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useTablePropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.TextStyle:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useTextStylePropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          default:\n            return renderFn({ ...propsValue, [propName]: props[propName] })\n        }\n      },\n    children,\n  )({})\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../../src/runtimes/react/controls.tsx"],"sourcesContent":["import { useRef } from 'react'\n\nimport * as ReactPage from '../../state/react-page'\n\nimport {\n  useBoxShadow,\n  useBorder as useBorderData,\n  useLinkPropControllerData,\n  useCheckboxPropControllerData,\n  useDatePropControllerData,\n  useFontPropControllerData,\n  useVideoPropControllerData,\n  useTablePropControllerData,\n} from '../../components/hooks'\nimport type { ColorValue } from '../../components/utils/types'\nimport {\n  useResponsiveBorder,\n  useResponsiveBorderRadius,\n  useResponsiveMargin,\n  useResponsivePadding,\n  useResponsiveShadow,\n  useResponsiveWidth,\n} from '../../components/utils/responsive-style'\nimport {\n  CheckboxControlType,\n  ColorControlType,\n  ComboboxControlType,\n  ImageControlType,\n  LinkControlType,\n  ListControlType,\n  NumberControlType,\n  SelectControlType,\n  ShapeControlType,\n  SlotControl,\n  SlotControlType,\n  StyleControlType,\n  TextAreaControlType,\n  TextInputControlType,\n  RichTextControl,\n  RichTextControlType,\n  StyleControl,\n  RichTextV2Control,\n  RichTextV2ControlType,\n  StyleV2ControlType,\n  TypographyControlType,\n} from '../../controls'\nimport { useFormattedStyle } from './controls/style'\nimport { ControlValue } from './controls/control'\nimport { RenderHook } from './components'\nimport { useSlot } from './controls/slot'\nimport { useStyle } from './use-style'\nimport { useRichText } from './controls/rich-text/rich-text'\nimport { useRichTextV2 } from './controls/rich-text-v2'\nimport { IconRadioGroupControlType } from '../../controls/icon-radio-group'\nimport { useStore } from './hooks/use-store'\nimport { useDocumentKey } from './hooks/use-document-key'\nimport { useSelector } from './hooks/use-selector'\nimport {\n  Types as PropControllerTypes,\n  getShadowsPropControllerDataResponsiveShadowsData,\n  ShadowsPropControllerData,\n  Shadows,\n  ResponsiveValue,\n  BorderPropControllerFormat,\n  ResponsiveBorderData,\n  BorderPropControllerData,\n  getBorderPropControllerDataResponsiveBorderData,\n  getBorderRadiusPropControllerDataResponsiveBorderRadiusData,\n  BorderRadiusPropControllerData,\n  BorderRadiusPropControllerFormat,\n  MarginPropControllerFormat,\n  MarginPropControllerData,\n  getMarginPropControllerDataResponsiveMarginData,\n  PaddingPropControllerData,\n  getPaddingPropControllerDataResponsivePaddingData,\n  PaddingPropControllerFormat,\n  WidthPropControllerData,\n  getWidthPropControllerDataResponsiveLengthData,\n  WidthPropControllerFormat,\n  WidthDescriptor,\n} from '@makeswift/prop-controllers'\nimport { useResponsiveLengthPropControllerData } from '../../components/hooks/useResponsiveLengthPropControllerData'\nimport { useNumberPropControllerData } from '../../components/hooks/useNumberPropControllerData'\nimport { useResponsiveColorPropControllerData } from '../../components/hooks/useResponsiveColorPropControllerData'\nimport { useTextStylePropControllerData } from '../../components/hooks/useTextStylePropControllerData'\nimport { useNavigationLinksPropControllerData } from '../../components/hooks/useNavigationLinksPropControllerData'\nimport { useTextAreaPropControllerData } from '../../components/hooks/useTextAreaPropControllerData'\nimport { useGapXPropControllerData } from '../../components/hooks/useGapXPropControllerData'\nimport { useGapYPropControllerData } from '../../components/hooks/useGapYPropControllerData'\n\nexport type ResponsiveColor = ResponsiveValue<ColorValue>\n\nfunction useWidthStyle(\n  data: WidthPropControllerData | undefined,\n  descriptor: WidthDescriptor,\n): string {\n  const value = getWidthPropControllerDataResponsiveLengthData(data)\n\n  return useStyle(useResponsiveWidth(value, descriptor.options.defaultValue))\n}\n\nfunction usePaddingStyle(data: PaddingPropControllerData | undefined): string {\n  const value = getPaddingPropControllerDataResponsivePaddingData(data)\n\n  return useStyle(useResponsivePadding(value))\n}\n\nfunction useMarginStyle(data: MarginPropControllerData | undefined): string {\n  const value = getMarginPropControllerDataResponsiveMarginData(data)\n\n  return useStyle(useResponsiveMargin(value))\n}\n\nexport function useBorderRadiusStyle(data: BorderRadiusPropControllerData | undefined): string {\n  const value = getBorderRadiusPropControllerDataResponsiveBorderRadiusData(data)\n\n  return useStyle(useResponsiveBorderRadius(value))\n}\n\nexport function useShadowsStyle(data: ShadowsPropControllerData | undefined): string {\n  return useStyle(useResponsiveShadow(useBoxShadow(data) ?? undefined))\n}\n\nexport function useBorderStyle(\n  data: BorderPropControllerData | undefined,\n): string | ResponsiveBorderData | undefined {\n  const value = getBorderPropControllerDataResponsiveBorderData(data)\n  const borderData = useBorderData(value)\n\n  return useStyle(useResponsiveBorder(borderData ?? undefined))\n}\n\ntype PropsValueProps = {\n  element: ReactPage.ElementData\n  children(props: Record<string, unknown>): JSX.Element\n}\n\nexport function PropsValue({ element, children }: PropsValueProps): JSX.Element {\n  const store = useStore()\n  const propControllerDescriptorsRef = useRef(\n    ReactPage.getComponentPropControllerDescriptors(store.getState(), element.type) ?? {},\n  )\n  const props = element.props as Record<string, any>\n  const documentKey = useDocumentKey()\n\n  const propControllers = useSelector(state => {\n    if (documentKey == null) return null\n\n    return ReactPage.getPropControllers(state, documentKey, element.key)\n  })\n\n  return Object.entries(propControllerDescriptorsRef.current).reduceRight(\n    (renderFn, [propName, descriptor]) =>\n      propsValue => {\n        switch (descriptor.type) {\n          case CheckboxControlType:\n          case NumberControlType:\n          case TextInputControlType:\n          case TextAreaControlType:\n          case SelectControlType:\n          case ColorControlType:\n          case IconRadioGroupControlType:\n          case ImageControlType:\n          case ComboboxControlType:\n          case ShapeControlType:\n          case ListControlType:\n          case LinkControlType:\n          case StyleV2ControlType:\n          case TypographyControlType:\n            return (\n              <ControlValue\n                definition={descriptor}\n                data={props[propName]}\n                control={propControllers?.[propName]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </ControlValue>\n            )\n\n          case StyleControlType: {\n            const control = (propControllers?.[propName] ?? null) as StyleControl | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useFormattedStyle}\n                parameters={[props[propName], descriptor, control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case RichTextControlType: {\n            const control = (propControllers?.[propName] ?? null) as RichTextControl | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useRichText}\n                parameters={[props[propName], control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case RichTextV2ControlType: {\n            const control = (propControllers?.[propName] ?? null) as RichTextV2Control | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useRichTextV2}\n                parameters={[props[propName], descriptor, control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case SlotControlType: {\n            const control = (propControllers?.[propName] ?? null) as SlotControl | null\n\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useSlot}\n                parameters={[props[propName], control]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n          }\n\n          case PropControllerTypes.Width:\n            switch (descriptor.options.format) {\n              case WidthPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useWidthStyle}\n                    parameters={[props[propName], descriptor]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              default:\n                return renderFn({ ...propsValue, [propName]: props[propName] })\n            }\n\n          case PropControllerTypes.Padding:\n            switch (descriptor.options.format) {\n              case PaddingPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={usePaddingStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              default:\n                return renderFn({ ...propsValue, [propName]: props[propName] })\n            }\n\n          case PropControllerTypes.Margin:\n            switch (descriptor.options.format) {\n              case MarginPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useMarginStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              default:\n                return renderFn({ ...propsValue, [propName]: props[propName] })\n            }\n\n          case PropControllerTypes.BorderRadius:\n            switch (descriptor.options.format) {\n              case BorderRadiusPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useBorderRadiusStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              default:\n                return renderFn({ ...propsValue, [propName]: props[propName] })\n            }\n\n          case PropControllerTypes.Number:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useNumberPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.ResponsiveLength:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useResponsiveLengthPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Shadows:\n            switch (descriptor.options.format) {\n              case Shadows.Format.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useShadowsStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              case Shadows.Format.ResponsiveValue:\n              default:\n                return renderFn({\n                  ...propsValue,\n                  [propName]: getShadowsPropControllerDataResponsiveShadowsData(props[propName]),\n                })\n            }\n\n          case PropControllerTypes.Border:\n            switch (descriptor.options.format) {\n              case BorderPropControllerFormat.ClassName:\n                return (\n                  <RenderHook\n                    key={descriptor.type}\n                    hook={useBorderStyle}\n                    parameters={[props[propName]]}\n                  >\n                    {value => renderFn({ ...propsValue, [propName]: value })}\n                  </RenderHook>\n                )\n\n              default:\n                return renderFn({ ...propsValue, [propName]: props[propName] })\n            }\n\n          case PropControllerTypes.ResponsiveColor:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useResponsiveColorPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Link:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useLinkPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Checkbox:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useCheckboxPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Date:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useDatePropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Font:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useFontPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Video:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useVideoPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.Table:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useTablePropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.TextStyle:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useTextStylePropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.NavigationLinks:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useNavigationLinksPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.TextArea:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useTextAreaPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.GapX:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useGapXPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          case PropControllerTypes.GapY:\n            return (\n              <RenderHook\n                key={descriptor.type}\n                hook={useGapYPropControllerData}\n                parameters={[props[propName]]}\n              >\n                {value => renderFn({ ...propsValue, [propName]: value })}\n              </RenderHook>\n            )\n\n          default:\n            return renderFn({ ...propsValue, [propName]: props[propName] })\n        }\n      },\n    children,\n  )({})\n}\n"],"mappings":"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","names":[]}