@makeswift/runtime 0.9.1 → 0.9.2

package/dist/index.es.js

@@ -38,20 +38,19 @@ import * as React from "react";
 import { useEffect, createContext, useContext, useState, useMemo, useRef, Children, createElement, forwardRef, memo, useId, useCallback, useImperativeHandle, Component, Suspense } from "react";
 import { useSyncExternalStoreWithSelector } from "use-sync-external-store/shim/with-selector";
 import dynamic from "next/dynamic";
-import { a as createDocumentReference, g as getPropControllerDescriptors, b as isElementReference, e as getElementSwatchIds, f as getFileIds, h as getTypographyIds, j as getTableIds, k as getPageIds, l as getElementChildren, S as ShapeControlType, L as ListControlType, m as Types, E as ElementID, B as Backgrounds, W as Width, n as ResponsiveIconRadioGroup, M as Margin, P as Padding, o as Border, p as BorderRadius, q as Shadows, G as GapY, r as GapX, s as ResponsiveSelect, t as ResponsiveNumber, u as Checkbox, v as Grid, w as TextInput, x as Link, y as ResponsiveColor, z as TextStyle, C as ComponentIcon, I as Images, N as Number$1, D as Date$1, F as Font, A as ResponsiveLength, H as TextArea, J as Table, K as TableFormFields, O as Image, Q as ResponsiveOpacity, U as NavigationLinks, V as SocialLinks, X as RichText, Y as Video, Z as useStyle, _ as getBorderSwatchIds, $ as isNonNullable, a0 as getBoxShadowsSwatchIds, a1 as getResponsiveColorSwatchIds, a2 as StyleControlProperty, a3 as ImageControlValueFormat, a4 as isPropControllersHandle, a5 as StyleV2ControlType, a6 as StyleControlType, a7 as RichTextV2ControlType, a8 as RichTextControlType, a9 as SlotControlType, aa as LinkControlType, ab as ImageControlType, ac as ColorControlType, ad as SelectControlType, ae as getComponentPropControllerDescriptors, af as getPropControllers, ag as BorderPropControllerFormat, ah as ShadowsPropControllerFormat, ai as BorderRadiusPropControllerFormat, aj as MarginPropControllerFormat, ak as PaddingPropControllerFormat, al as WidthPropControllerFormat, am as configureStore$1, an as copyElementTree, ao as getBreakpoints, ap as getDocument, aq as getElementId, ar as getIsPreview, as as getIsInBuilder, at as getReactComponent, au as getBuilderEditMode } from "./react-page.es.js";
+import { a as createDocumentReference, g as getPropControllerDescriptors, b as isElementReference, e as getElementSwatchIds, f as getFileIds, h as getTypographyIds, j as getTableIds, k as getPageIds, l as getElementChildren, S as ShapeControlType, L as ListControlType, m as Types, E as ElementID, B as Backgrounds, W as Width, n as ResponsiveIconRadioGroup, M as Margin, P as Padding, o as Border, p as BorderRadius, q as Shadows, G as GapY, r as GapX, s as ResponsiveSelect, t as ResponsiveNumber, u as Checkbox, v as Grid, w as TextInput, x as Link, y as ResponsiveColor, z as TextStyle, C as ComponentIcon, I as Images, N as Number$1, D as Date$1, F as Font, A as ResponsiveLength, H as TextArea, J as Table, K as TableFormFields, O as Image, Q as ResponsiveOpacity, U as NavigationLinks, V as SocialLinks, X as RichText, Y as Video, Z as useStyle, _ as getBorderSwatchIds, $ as isNonNullable, a0 as getBoxShadowsSwatchIds, a1 as getResponsiveColorSwatchIds, a2 as StyleControlProperty, a3 as ImageControlValueFormat, a4 as isPropControllersHandle, a5 as StyleControlType, a6 as RichTextV2ControlType, a7 as RichTextControlType, a8 as SlotControlType, a9 as StyleV2ControlType, aa as LinkControlType, ab as ImageControlType, ac as ColorControlType, ad as getComponentPropControllerDescriptors, ae as getPropControllers, af as BorderPropControllerFormat, ag as ShadowsPropControllerFormat, ah as BorderRadiusPropControllerFormat, ai as MarginPropControllerFormat, aj as PaddingPropControllerFormat, ak as WidthPropControllerFormat, al as configureStore$1, am as copyElementTree, an as getBreakpoints, ao as getDocument, ap as getElementId, aq as getIsPreview, ar as getIsInBuilder, as as getReactComponent, at as getBuilderEditMode } from "./react-page.es.js";
 import { A as ActionTypes, n as apiResourceFulfilled, o as registerComponentEffect, p as registerReactComponentEffect, q as registerComponentHandleEffect, t as mountComponentEffect } from "./actions.es.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { T as TextAreaControlType, a as TextInputControlType, N as NumberControlType, C as CheckboxControlType } from "./text-input.es.js";
 import { C as ComboboxControlType } from "./combobox.es.js";
+import { I as IconRadioGroupControlType, S as SelectControlType } from "./select.es.js";
 import "slate";
-import { getBaseBreakpoint, findBreakpointOverride, DefaultBreakpointID, join, getBreakpoint, getBreakpointMediaQuery, parseBreakpointsInput } from "./state/breakpoints.es.js";
-import "is-hotkey";
-import "slate-react";
 import { useSyncExternalStore } from "use-sync-external-store/shim";
 import { createStore, applyMiddleware } from "redux";
 import thunk from "redux-thunk";
 import { A as APIResourceType } from "./types.es.js";
 import { d as deepEqual } from "./deepEqual.es.js";
+import { getBaseBreakpoint, findBreakpointOverride, DefaultBreakpointID, join, getBreakpoint, getBreakpointMediaQuery, parseBreakpointsInput } from "./state/breakpoints.es.js";
 import { g as getBox, i as isMeasurable, m as measure } from "./box-models.es.js";
 import ColorHelper from "color";
 import { cache, cx } from "@emotion/css";
@@ -1114,7 +1113,7 @@ async function fonts(_req, res, { getFonts } = {}) {
   const fonts2 = (_a = await (getFonts == null ? void 0 : getFonts())) != null ? _a : [];
   return res.json(fonts2);
 }
-const version = "0.9.1";
+const version = "0.9.2";
 async function handler(req, res, { apiKey, unstable_siteVersions }) {
   if (req.query.secret !== apiKey) {
     return res.status(401).json({ message: "Unauthorized" });
@@ -2956,6 +2955,9 @@ function useColorValue(data, definition) {
 function useComboboxControlValue(data) {
   return data == null ? void 0 : data.value;
 }
+function useIconRadioGroupValue(iconRadioGroupControlData, controlDefinition) {
+  return iconRadioGroupControlData != null ? iconRadioGroupControlData : controlDefinition.config.defaultValue;
+}
 function useImageControlValue(data, definition) {
   var _a;
   const format = (_a = definition.config.format) != null ? _a : ImageControlValueFormat.URL;
@@ -3059,7 +3061,7 @@ function ListControlValue({
 function useNumber(numberControlData, controlDefinition) {
   return numberControlData != null ? numberControlData : controlDefinition.config.defaultValue;
 }
-const Text = forwardNextDynamicRef((patch) => dynamic(() => patch(import("./index.es8.js"))));
+const Text = forwardNextDynamicRef((patch) => dynamic(() => patch(import("./index.es9.js"))));
 function useRichText(data, control) {
   const textCallbackRef = useCallback((handle) => {
     var _a;
@@ -3073,7 +3075,7 @@ function useRichText(data, control) {
     ref: textCallbackRef
   });
 }
-const EditableText = forwardNextDynamicRef((patch) => dynamic(() => patch(import("./index.es9.js"))));
+const EditableText = forwardNextDynamicRef((patch) => dynamic(() => patch(import("./index.es10.js"))));
 const ReadOnlyText = forwardNextDynamicRef((patch) => dynamic(() => patch(import("./ReadOnlyTextV2.es.js"))));
 function useRichTextV2(data, definition, control) {
   const isPreview = useIsPreview();
@@ -3280,6 +3282,29 @@ function useFormattedStyleV2(styleControlData, controlDefinition) {
   const styles = useStyleControlCssObject(styleControlData, controlDefinition);
   return useStyle(styles);
 }
+function StyleV2ControlValue({
+  definition,
+  data,
+  children,
+  control
+}) {
+  return (data != null ? data : []).reduceRight((renderFn, deviceOverrideData) => (responsiveValue) => {
+    return /* @__PURE__ */ jsx(ControlValue, {
+      definition: definition.config.type,
+      data: deviceOverrideData.value,
+      control: control == null ? void 0 : control.control,
+      children: (value) => renderFn([__spreadProps(__spreadValues({}, deviceOverrideData), {
+        value
+      }), ...responsiveValue])
+    });
+  }, (value) => {
+    return /* @__PURE__ */ jsx(RenderHook, {
+      hook: useFormattedStyleV2,
+      parameters: [value, definition],
+      children: (value2) => children(value2)
+    }, definition.type);
+  })([]);
+}
 function useTextAreaValue(data, definition) {
   return data != null ? data : definition.config.defaultValue;
 }
@@ -3329,6 +3354,12 @@ function ControlValue({
         parameters: [data, definition],
         children: (value) => children(value)
       }, definition.type);
+    case IconRadioGroupControlType:
+      return /* @__PURE__ */ jsx(RenderHook, {
+        hook: useIconRadioGroupValue,
+        parameters: [data, definition],
+        children: (value) => children(value)
+      }, definition.type);
     case ImageControlType:
       return /* @__PURE__ */ jsx(RenderHook, {
         hook: useImageControlValue,
@@ -3361,6 +3392,13 @@ function ControlValue({
         control,
         children: (value) => children(value)
       });
+    case StyleV2ControlType:
+      return /* @__PURE__ */ jsx(StyleV2ControlValue, {
+        data,
+        definition,
+        control,
+        children: (value) => children(value)
+      }, definition.type);
     case SlotControlType:
       return /* @__PURE__ */ jsx(RenderHook, {
         hook: useSlot,
@@ -3385,12 +3423,6 @@ function ControlValue({
         parameters: [data, definition, control],
         children: (value) => children(value)
       }, definition.type);
-    case StyleV2ControlType:
-      return /* @__PURE__ */ jsx(RenderHook, {
-        hook: useFormattedStyleV2,
-        parameters: [data, definition],
-        children: (value) => children(value)
-      }, definition.type);
     default:
       return children(data);
   }
@@ -3438,6 +3470,7 @@ function PropsValue({
       case TextAreaControlType:
       case SelectControlType:
       case ColorControlType:
+      case IconRadioGroupControlType:
       case ImageControlType:
       case ComboboxControlType:
       case ShapeControlType:
@@ -3937,5 +3970,5 @@ const DocumentReference = memo(forwardRef(function DocumentReference2({
     document: document2
   });
 }));
-export { MakeswiftApiHandler as $, Alignments as A, forwardNextDynamicRef as B, Contrasts as C, DocumentReference as D, Element$1 as E, useIsPreview as F, useFiles as G, useSwatches as H, usePagePathnameSlice as I, useElementId as J, ElementImperativeHandle as K, StoreContext as L, MakeswiftProvider as M, useBuilderEditMode as N, pollBoxModel as O, PageProvider as P, ControlValue as Q, RuntimeProvider as R, Shapes as S, useTypography as T, getStaticPaths as U, getStaticProps as V, getServerSideProps as W, Page as X, Makeswift as Y, PreviewModeScript as Z, Document$1 as _, ReactRuntime as a, usePageId as b, DEFAULT_BOX_ANIMATE_TYPE as c, DEFAULT_BOX_ANIMATE_DELAY as d, DEFAULT_BOX_ANIMATE_DURATION as e, DEFAULT_ITEM_ANIMATE_TYPE as f, DEFAULT_ITEM_ANIMATE_DELAY as g, DEFAULT_ITEM_ANIMATE_DURATION as h, DEFAULT_ITEM_STAGGER_DURATION as i, useBorder as j, useBoxShadow as k, useResponsiveColor as l, Page$1 as m, useResponsiveStyle as n, useResponsiveWidth as o, useResponsiveTextStyle as p, colorToString as q, useBreakpoints as r, Sizes as s, useFormContext as t, useIsInBuilder as u, useResponsiveGridItem as v, useTable as w, useMakeswiftClient as x, Provider as y, useFile as z };
+export { MakeswiftApiHandler as $, Alignments as A, forwardNextDynamicRef as B, Contrasts as C, DocumentReference as D, Element$1 as E, useIsPreview as F, useFiles as G, useSwatches as H, usePagePathnameSlice as I, useElementId as J, ElementImperativeHandle as K, StoreContext as L, MakeswiftProvider as M, ControlValue as N, useBuilderEditMode as O, PageProvider as P, pollBoxModel as Q, RuntimeProvider as R, Shapes as S, useTypography as T, getStaticPaths as U, getStaticProps as V, getServerSideProps as W, Page as X, Makeswift as Y, PreviewModeScript as Z, Document$1 as _, ReactRuntime as a, usePageId as b, DEFAULT_BOX_ANIMATE_TYPE as c, DEFAULT_BOX_ANIMATE_DELAY as d, DEFAULT_BOX_ANIMATE_DURATION as e, DEFAULT_ITEM_ANIMATE_TYPE as f, DEFAULT_ITEM_ANIMATE_DELAY as g, DEFAULT_ITEM_ANIMATE_DURATION as h, DEFAULT_ITEM_STAGGER_DURATION as i, useBorder as j, useBoxShadow as k, useResponsiveColor as l, Page$1 as m, useResponsiveStyle as n, useResponsiveWidth as o, useResponsiveTextStyle as p, colorToString as q, useBreakpoints as r, Sizes as s, useFormContext as t, useIsInBuilder as u, useResponsiveGridItem as v, useTable as w, useMakeswiftClient as x, Provider as y, useFile as z };
 //# sourceMappingURL=index.es.js.map