@makeswift/runtime 0.0.20 → 0.0.21

package/dist/index.es.js

@@ -46,6 +46,7 @@ import { gql, useQuery as useQuery$1, useMutation as useMutation$1, ApolloClient
 import { BatchHttpLink } from "@apollo/client/link/batch-http";
 import { KeyUtils, Value } from "slate";
 import { P as PagePathnameSliceFragmentDoc } from "./graphql.es.js";
+import { a as ImageControlValueFormat, I as ImageControlType } from "./image.es.js";
 import { S as ShapeControlType, L as ListControlType, C as ComboboxControlType } from "./shape.es.js";
 import { a as StyleControlProperty, S as StyleControlType } from "./style.es.js";
 import { T as Types, E as ElementID, B as Backgrounds$1, W as Width, R as ResponsiveIconRadioGroup, M as Margin, P as Padding, a as Border, b as BorderRadius, S as Shadows, G as GapY, c as GapX, e as ResponsiveSelect, f as ResponsiveNumber, C as Checkbox$1, g as Grid$2, h as TextInput, L as Link$1, i as ResponsiveColor, j as TextStyle, I as Image$1, k as ResponsiveOpacity, l as Images, N as Number$1, D as Date$1, F as Font, m as ResponsiveLength, n as TextArea$1, o as Table, p as TableFormFields, q as NavigationLinks, r as SocialLinks$1, s as RichText, V as Video$1, t as WidthControlValueFormats } from "./descriptors.es.js";
@@ -69,7 +70,7 @@ import { isHotkey } from "is-hotkey";
 import { Editor } from "slate-react";
 import Lists from "@convertkit/slate-lists";
 import { S as SelectControlType, T as TextAreaControlType, a as TextInputControlType, N as NumberControlType, C as CheckboxControlType } from "./text-input.es.js";
-import { I as ImageControlType, C as ColorControlType } from "./image.es.js";
+import { C as ColorControlType } from "./color.es.js";
 import { findDOMNode } from "react-dom";
 const PlaceholderBase$1 = styled.div`
   width: 100%;
@@ -8845,9 +8846,19 @@ function useColorValue(data, definition) {
 function useComboboxControlValue(data) {
   return data == null ? void 0 : data.value;
 }
-function useImageControlValue(data) {
+function useImageControlValue(data, definition) {
   var _a;
-  return (_a = useFile(data)) == null ? void 0 : _a.publicUrl;
+  const format = (_a = definition.config.format) != null ? _a : ImageControlValueFormat.URL;
+  const file = useFile(data);
+  if (format === ImageControlValueFormat.URL) {
+    return file == null ? void 0 : file.publicUrl;
+  }
+  if (file == null || file.dimensions == null)
+    return void 0;
+  return {
+    url: file.publicUrl,
+    dimensions: { width: file.dimensions.width, height: file.dimensions.height }
+  };
 }
 function ListControlValue({
   definition,
@@ -8930,7 +8941,7 @@ function ControlValue({
     case ImageControlType:
       return /* @__PURE__ */ jsx(RenderHook, {
         hook: useImageControlValue,
-        parameters: [data],
+        parameters: [data, definition],
         children: (value) => children(value)
       }, definition.type);
     case ComboboxControlType: