@makeswift/runtime 0.10.12 → 0.10.13

package/dist/react-page.es.js

@@ -609,7 +609,7 @@ function Image$1(options = {}) {
   return { type: Types.Image, version: 1, options };
 }
 function Images(options = {}) {
-  return { type: Types.Images, options };
+  return { type: Types.Images, version: 1, options };
 }
 function Link$1(options = {}) {
   return { type: Types.Link, options };
@@ -723,10 +723,10 @@ function TableFormFields(options = {}) {
 function Typeahead(options) {
   return { type: Types.Typeahead, options };
 }
-function TextArea(options = {}) {
+function TextArea$1(options = {}) {
   return { type: Types.TextArea, options };
 }
-function TextInput(options = {}) {
+function TextInput$1(options = {}) {
   return { type: Types.TextInput, options };
 }
 function TextStyle(options = {}) {
@@ -794,8 +794,8 @@ var descriptors = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePro
   Table,
   TableFormFields,
   Typeahead,
-  TextArea,
-  TextInput,
+  TextArea: TextArea$1,
+  TextInput: TextInput$1,
   TextStyle,
   Video,
   WidthPropControllerFormat,
@@ -1087,6 +1087,9 @@ function getListTypographyIds(definition2, value) {
 function getListPageIds(definition2, value) {
   return introspectListData(definition2, value, getPageIds);
 }
+function getListTranslatableData(definition2, data) {
+  return Object.fromEntries(data.map((item) => [item.id, getTranslatableData(definition2.config.type, item.value)]));
+}
 const ShapeControlType = "makeswift::controls::shape";
 function Shape(config) {
   return { type: ShapeControlType, config };
@@ -1160,6 +1163,20 @@ function getShapePageIds(definition2, data) {
 function getShapeFileIds(definition2, data) {
   return introspectShapeData(definition2, data, getFileIds);
 }
+function getShapeTranslatableData(definition2, data) {
+  return Object.fromEntries(Object.entries(definition2.config.type).map(([key, definition22]) => [
+    key,
+    getTranslatableData(definition22, data[key])
+  ]));
+}
+const TextAreaControlType = "makeswift::controls::text-area";
+function TextArea(config = {}) {
+  return { type: TextAreaControlType, config };
+}
+const TextInputControlType = "makeswift::controls::text-input";
+function TextInput(config = {}) {
+  return { type: TextInputControlType, config };
+}
 const SlotControlType = "makeswift::controls::slot";
 function Slot() {
   return { type: SlotControlType };
@@ -1448,18 +1465,23 @@ if (import_meta.vitest) {
     });
   });
 }
-function copy$8(value, context) {
+function copy$8(descriptor, value, context) {
   if (value == null)
     return value;
   return value.map(copyImagesPanelItem);
   function copyImagesPanelItem(imagesPanelItem) {
-    var _a;
     const { file } = imagesPanelItem.props;
     if (file == null)
       return imagesPanelItem;
     return __spreadProps(__spreadValues({}, imagesPanelItem), {
       props: __spreadProps(__spreadValues({}, imagesPanelItem.props), {
-        file: (_a = context.replacementContext.fileIds.get(file)) != null ? _a : file
+        file: match([descriptor, file]).with([P.any, P.string], ([, f]) => {
+          var _a;
+          return (_a = context.replacementContext.fileIds.get(f)) != null ? _a : f;
+        }).with([{ version: 1 }, { type: "makeswift-file", version: 1 }], ([, f]) => {
+          var _a;
+          return (_a = context.replacementContext.fileIds.get(f.id)) != null ? _a : f.id;
+        }).otherwise(([, f]) => f)
       })
     });
   }
@@ -1495,9 +1517,8 @@ if (import_meta.vitest) {
         globalElementIds: /* @__PURE__ */ new Map(),
         globalElementData: /* @__PURE__ */ new Map()
       };
-      const result = copy$8(data, {
-        replacementContext,
-        copyElement: (node) => node
+      const result = copy$8({ type: "Images", options: {} }, data, {
+        replacementContext
       });
       expect(result).toMatchObject(expected);
     });
@@ -1938,7 +1959,7 @@ function copy$1(descriptor, value, context) {
     case "Image":
       return copy$9(descriptor, value, context);
     case "Images":
-      return copy$8(value, context);
+      return copy$8(descriptor, value, context);
     case "ResponsiveColor":
       return copy$7(value, context);
     case "TableFormFields":
@@ -3989,6 +4010,21 @@ function merge(definition2, a, b = a, context) {
       return b;
   }
 }
+function getTranslatableData(definition2, data) {
+  switch (definition2.type) {
+    case Types.TextInput:
+    case Types.TextArea:
+    case TextInputControlType:
+    case TextAreaControlType:
+      return data;
+    case ListControlType:
+      return getListTranslatableData(definition2, data);
+    case ShapeControlType:
+      return getShapeTranslatableData(definition2, data);
+    default:
+      return null;
+  }
+}
 const StyleV2ControlType = "makeswift::controls::style-v2";
 const unstable_useStyleV2ClassName = useStyle;
 function unstable_StyleV2(config) {
@@ -4327,7 +4363,7 @@ function getFileIds(descriptor, prop) {
     }
     case Types.Images: {
       const value = prop;
-      return (_a = value == null ? void 0 : value.flatMap((item) => item.props.file == null ? [] : [item.props.file])) != null ? _a : [];
+      return (_a = value == null ? void 0 : value.flatMap((item) => match(item.props.file).with(P.string, (f) => [f]).with({ type: "makeswift-file", version: 1 }, (f) => [f.id]).with({ type: "external-file", version: 1 }, () => []).with(P.nullish, () => []).otherwise(() => []))) != null ? _a : [];
     }
     case ImageControlType: {
       const value = prop;
@@ -4635,6 +4671,39 @@ function copyElementTree(state, elementTree, replacementContext) {
   const copy$12 = JSON.parse(JSON.stringify(elementTree));
   return copyElementTreeNode(state, createReplacementContext(replacementContext))(copy$12);
 }
+function* traverseElementTree(state, elementTree) {
+  yield elementTree;
+  if (isElementReference(elementTree))
+    return;
+  const descriptors2 = getComponentPropControllerDescriptors(state, elementTree.type);
+  if (descriptors2 == null)
+    return;
+  for (const [propKey, descriptor] of Object.entries(descriptors2)) {
+    const children = getElementChildren(descriptor, elementTree.props[propKey]);
+    for (const child of children) {
+      if (!isElementReference(child))
+        yield* traverseElementTree(state, child);
+      yield child;
+    }
+  }
+}
+function getElementTreeTranslatableData(state, elementTree) {
+  const translatableData = {};
+  for (const element of traverseElementTree(state, elementTree)) {
+    if (isElementReference(element))
+      continue;
+    const descriptors2 = getComponentPropControllerDescriptors(state, element.type);
+    if (descriptors2 == null)
+      continue;
+    Object.entries(descriptors2).forEach(([propName, descriptor]) => {
+      const translatablePropData = getTranslatableData(descriptor, element.props[propName]);
+      if (translatablePropData != null) {
+        translatableData[`${element.key}:${propName}`] = translatablePropData;
+      }
+    });
+  }
+  return translatableData;
+}
 function getIsInBuilder(state) {
   return state.isInBuilder;
 }
@@ -4665,5 +4734,5 @@ function configureStore({
     locales: getInitialState(locales != null ? locales : preloadedState == null ? void 0 : preloadedState.locales)
   }), applyMiddleware(thunk));
 }
-export { getBorderSwatchIds as $, TextStyle as A, Backgrounds as B, ComponentIcon as C, Date as D, ElementID as E, Font as F, GapY as G, ResponsiveLength as H, Images as I, TextArea as J, Table as K, Link$1 as L, Margin as M, Number as N, TableFormFields as O, Padding as P, Image$1 as Q, RichTextPropControllerMessageType as R, Shadows as S, TableFormFieldsMessageType as T, ResponsiveOpacity as U, NavigationLinks as V, Width as W, SocialLinks as X, RichText as Y, Video as Z, useStyle as _, copy$9 as a, ShapeControl as a$, getBoxShadowsSwatchIds as a0, getResponsiveColorSwatchIds as a1, StyleControlProperty as a2, ImageControlValueFormat as a3, isPropControllersHandle as a4, isRichTextV1Data as a5, isNonNullable as a6, TypographyControlType as a7, StyleControlType as a8, RichTextV2ControlType as a9, getReactComponent as aA, getBuilderEditMode as aB, getIsPreview as aC, getBackgroundsFileIds as aD, getBackgroundsSwatchIds as aE, Color as aF, copyColorData as aG, copy as aH, merge as aI, unstable_IconRadioGroupIcon as aJ, unstable_IconRadioGroup as aK, Image as aL, copyImageData as aM, Link as aN, copyLinkData as aO, List as aP, ListControlMessageType as aQ, ListControl as aR, copyListData as aS, getListElementChildren as aT, getListSwatchIds as aU, getListFileIds as aV, getListTypographyIds as aW, getListPageIds as aX, Select as aY, Shape as aZ, ShapeControlMessageType as a_, RichTextControlType as aa, SlotControlType as ab, StyleV2ControlType as ac, ListControlType as ad, ShapeControlType as ae, LinkControlType as af, ImageControlType as ag, IconRadioGroupControlType as ah, ColorControlType as ai, SelectControlType as aj, getComponentPropControllerDescriptors as ak, getPropControllers as al, Types as am, BorderPropControllerFormat as an, ShadowsPropControllerFormat as ao, BorderRadiusPropControllerFormat as ap, MarginPropControllerFormat as aq, PaddingPropControllerFormat as ar, WidthPropControllerFormat as as, configureStore as at, copyElementTree as au, getBreakpoints as av, parseLocalesInput as aw, getDocument as ax, getElementId as ay, getIsInBuilder as az, deepEqual as b, getComponentPropControllerDescriptors$1 as b$, copyShapeData as b0, getShapeElementChildren as b1, getShapeSwatchIds as b2, getShapeTypographyIds as b3, getShapePageIds as b4, getShapeFileIds as b5, Slot as b6, SlotControlMessageType as b7, SlotControl as b8, copySlotData as b9, TypographyActions as bA, TYPOGRAPHY_KEY as bB, withTypography as bC, TypographyPlugin as bD, BlockActions as bE, ListActions as bF, onKeyDown as bG, withBlock as bH, BlockPlugin as bI, withInlineMode as bJ, InlineModePlugin as bK, withTextAlign as bL, TextAlignPlugin as bM, RootBlockType as bN, BlockType as bO, InlineType as bP, BlockTextAlignment as bQ, withInline as bR, InlinePlugin as bS, ElementUtils as bT, onChange$1 as bU, getValue$3 as bV, isLinkElement as bW, getInitialState$7 as bX, reducer$8 as bY, getDocument$1 as bZ, getComponentsMeta as b_, mergeSlotData as ba, Style as bb, StyleControlMessageType as bc, StyleControl as bd, copyStyleData as be, unstable_useStyleV2ClassName as bf, unstable_StyleV2 as bg, StyleV2ControlMessageType as bh, StyleV2Control as bi, copyRichTextData as bj, ObjectType as bk, RichTextControlMessageType as bl, RichTextControl as bm, richTextDTOtoSelection as bn, richTextDTOtoDAO as bo, toSelectionDTO as bp, richTextDAOToDTO as bq, RichTextV2Mode as br, RichTextV2ControlMessageType as bs, RichTextV2Control as bt, richTextV2DataToDescendents as bu, richTextV2DescendentsToData as bv, createRichTextV2Plugin as bw, unstable_Typography as bx, getTypographySwatchIds as by, getTypographyTypographyIds as bz, createDocument as c, BuilderEditMode as c0, getDocumentKeysSortedByDepth as c1, getPropController as c2, getPropControllersHandle as c3, getElement as c4, getElementPropControllerDescriptors as c5, createPropController as c6, reducer$7 as c7, reducer$9 as c8, reducer$6 as c9, reducer$5 as ca, reducer$4 as cb, reducer$3 as cc, reducer$2 as cd, reducer$1 as ce, getInitialState$2 as cf, descriptors as d, createDocumentReference as e, isElementReference as f, getPropControllerDescriptors as g, getDefaultLocale as h, introspection as i, getLocales as j, getSwatchIds as k, getFileIds as l, getTypographyIds as m, getTableIds as n, getPageIds as o, getElementChildren as p, ResponsiveIconRadioGroup as q, Border as r, BorderRadius as s, GapX as t, ResponsiveSelect as u, ResponsiveNumber as v, Checkbox as w, Grid as x, TextInput as y, ResponsiveColor as z };
+export { useStyle as $, ResponsiveColor as A, Backgrounds as B, ComponentIcon as C, TextStyle as D, ElementID as E, Date as F, GapY as G, Font as H, Images as I, ResponsiveLength as J, TextArea$1 as K, Link$1 as L, Margin as M, Number as N, Table as O, Padding as P, TableFormFields as Q, RichTextPropControllerMessageType as R, Shadows as S, TableFormFieldsMessageType as T, Image$1 as U, ResponsiveOpacity as V, Width as W, NavigationLinks as X, SocialLinks as Y, RichText as Z, Video as _, copy$9 as a, getListTypographyIds as a$, getBorderSwatchIds as a0, getBoxShadowsSwatchIds as a1, getResponsiveColorSwatchIds as a2, StyleControlProperty as a3, ImageControlValueFormat as a4, isPropControllersHandle as a5, isRichTextV1Data as a6, isNonNullable as a7, TypographyControlType as a8, StyleControlType as a9, parseLocalesInput as aA, getDocument as aB, getElementId as aC, getIsInBuilder as aD, getReactComponent as aE, getBuilderEditMode as aF, getIsPreview as aG, getBackgroundsFileIds as aH, getBackgroundsSwatchIds as aI, Color as aJ, copyColorData as aK, copy as aL, merge as aM, getTranslatableData as aN, unstable_IconRadioGroupIcon as aO, unstable_IconRadioGroup as aP, Image as aQ, copyImageData as aR, Link as aS, copyLinkData as aT, List as aU, ListControlMessageType as aV, ListControl as aW, copyListData as aX, getListElementChildren as aY, getListSwatchIds as aZ, getListFileIds as a_, RichTextV2ControlType as aa, RichTextControlType as ab, SlotControlType as ac, StyleV2ControlType as ad, ListControlType as ae, ShapeControlType as af, LinkControlType as ag, ImageControlType as ah, IconRadioGroupControlType as ai, ColorControlType as aj, SelectControlType as ak, TextAreaControlType as al, TextInputControlType as am, getComponentPropControllerDescriptors as an, getPropControllers as ao, Types as ap, BorderPropControllerFormat as aq, ShadowsPropControllerFormat as ar, BorderRadiusPropControllerFormat as as, MarginPropControllerFormat as at, PaddingPropControllerFormat as au, WidthPropControllerFormat as av, configureStore as aw, copyElementTree as ax, getBreakpoints as ay, getElementTreeTranslatableData as az, copy$8 as b, InlinePlugin as b$, getListPageIds as b0, getListTranslatableData as b1, Select as b2, Shape as b3, ShapeControlMessageType as b4, ShapeControl as b5, copyShapeData as b6, getShapeElementChildren as b7, getShapeSwatchIds as b8, getShapeTypographyIds as b9, RichTextV2Mode as bA, RichTextV2ControlMessageType as bB, RichTextV2Control as bC, richTextV2DataToDescendents as bD, richTextV2DescendentsToData as bE, createRichTextV2Plugin as bF, unstable_Typography as bG, getTypographySwatchIds as bH, getTypographyTypographyIds as bI, TypographyActions as bJ, TYPOGRAPHY_KEY as bK, withTypography as bL, TypographyPlugin as bM, BlockActions as bN, ListActions as bO, onKeyDown as bP, withBlock as bQ, BlockPlugin as bR, withInlineMode as bS, InlineModePlugin as bT, withTextAlign as bU, TextAlignPlugin as bV, RootBlockType as bW, BlockType as bX, InlineType as bY, BlockTextAlignment as bZ, withInline as b_, getShapePageIds as ba, getShapeFileIds as bb, getShapeTranslatableData as bc, Slot as bd, SlotControlMessageType as be, SlotControl as bf, copySlotData as bg, mergeSlotData as bh, Style as bi, StyleControlMessageType as bj, StyleControl as bk, copyStyleData as bl, unstable_useStyleV2ClassName as bm, unstable_StyleV2 as bn, StyleV2ControlMessageType as bo, StyleV2Control as bp, TextArea as bq, TextInput as br, copyRichTextData as bs, ObjectType as bt, RichTextControlMessageType as bu, RichTextControl as bv, richTextDTOtoSelection as bw, richTextDTOtoDAO as bx, toSelectionDTO as by, richTextDAOToDTO as bz, createDocument as c, ElementUtils as c0, onChange$1 as c1, getValue$3 as c2, isLinkElement as c3, getInitialState$7 as c4, reducer$8 as c5, getDocument$1 as c6, getComponentsMeta as c7, getComponentPropControllerDescriptors$1 as c8, BuilderEditMode as c9, getDocumentKeysSortedByDepth as ca, getPropController as cb, getPropControllersHandle as cc, getElement as cd, getElementPropControllerDescriptors as ce, createPropController as cf, reducer$7 as cg, reducer$9 as ch, reducer$6 as ci, reducer$5 as cj, reducer$4 as ck, reducer$3 as cl, reducer$2 as cm, reducer$1 as cn, getInitialState$2 as co, descriptors as d, deepEqual as e, createDocumentReference as f, getPropControllerDescriptors as g, isElementReference as h, introspection as i, getDefaultLocale as j, getLocales as k, getSwatchIds as l, getFileIds as m, getTypographyIds as n, getTableIds as o, getPageIds as p, getElementChildren as q, ResponsiveIconRadioGroup as r, Border as s, BorderRadius as t, GapX as u, ResponsiveSelect as v, ResponsiveNumber as w, Checkbox as x, Grid as y, TextInput$1 as z };
 //# sourceMappingURL=react-page.es.js.map