@makeswift/runtime 0.10.12 → 0.10.13

package/dist/index.es2.js

@@ -30,7 +30,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import { useMemo, useState, useEffect, useCallback, useRef, forwardRef, createElement, Children } from "react";
-import { aD as getBackgroundsFileIds, aE as getBackgroundsSwatchIds, _ as useStyle } from "./react-page.es.js";
+import { aH as getBackgroundsFileIds, aI as getBackgroundsSwatchIds, $ as useStyle } from "./react-page.es.js";
 import "use-sync-external-store/shim";
 import { B as isNonNullable, F as useFiles, G as useSwatches, v as useResponsiveGridItem, c as DEFAULT_BOX_ANIMATE_TYPE, f as DEFAULT_ITEM_ANIMATE_TYPE, e as DEFAULT_BOX_ANIMATE_DURATION, d as DEFAULT_BOX_ANIMATE_DELAY, i as DEFAULT_ITEM_STAGGER_DURATION, n as useResponsiveStyle, q as colorToString } from "./index.es.js";
 import "./actions.es.js";

package/dist/index.es4.js

@@ -30,7 +30,7 @@ var __objRest = (source, exclude) => {
   return target;
 };
 import { cx } from "@emotion/css";
-import { _ as useStyle } from "./react-page.es.js";
+import { $ as useStyle } from "./react-page.es.js";
 import { n as useResponsiveStyle } from "./index.es.js";
 import { jsx } from "react/jsx-runtime";
 function GutterContainer(_a) {

package/dist/index.es5.js

@@ -1,6 +1,6 @@
 import { Node, Transforms, Text, Editor } from "slate";
 import { ReactEditor } from "slate-react";
-import { bT as ElementUtils } from "./react-page.es.js";
+import { c0 as ElementUtils } from "./react-page.es.js";
 function withBuilder(editor) {
   editor.resetValue = function(value) {
     var _a;

package/dist/index.es6.js

@@ -17,7 +17,7 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { bT as ElementUtils, bw as createRichTextV2Plugin, aN as Link, bU as onChange, bV as getValue, bW as isLinkElement, _ as useStyle, bP as InlineType } from "./react-page.es.js";
+import { c0 as ElementUtils, bF as createRichTextV2Plugin, aS as Link, c1 as onChange, c2 as getValue, c3 as isLinkElement, $ as useStyle, bY as InlineType } from "./react-page.es.js";
 import { L as Link$1 } from "./index.es3.js";
 import { cx } from "@emotion/css";
 import { jsx, Fragment } from "react/jsx-runtime";

package/dist/index.es8.js

@@ -36,7 +36,7 @@ import { useCallback, useState, useEffect, forwardRef, useImperativeHandle, useM
 import { Range, createEditor } from "slate";
 import { ReactEditor, withReact, Slate, Editable } from "slate-react";
 import { n as useResponsiveStyle, L as useEnhancedTypography, N as useTypographyClassName, u as useIsInBuilder, O as useBuilderEditMode, Q as pollBoxModel } from "./index.es.js";
-import { _ as useStyle, bO as BlockType, bP as InlineType, bo as richTextDTOtoDAO, bn as richTextDTOtoSelection, b as deepEqual, bH as withBlock, bC as withTypography, bG as onKeyDown, c0 as BuilderEditMode } from "./react-page.es.js";
+import { $ as useStyle, bX as BlockType, bY as InlineType, bx as richTextDTOtoDAO, bw as richTextDTOtoSelection, e as deepEqual, bQ as withBlock, bL as withTypography, bP as onKeyDown, c9 as BuilderEditMode } from "./react-page.es.js";
 import "ts-pattern";
 import "uuid";
 import { jsx } from "react/jsx-runtime";
@@ -47,7 +47,7 @@ import "./actions.es.js";
 import { u as useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect.es.js";
 import "use-sync-external-store/shim/with-selector";
 import "next/dynamic";
-import "./text-input.es.js";
+import "./number.es.js";
 import "./combobox.es.js";
 import "use-sync-external-store/shim";
 import "redux";

package/dist/index.es9.js

@@ -33,7 +33,7 @@ import { useEffect, useMemo, useState, useRef, useCallback } from "react";
 import { Range, createEditor } from "slate";
 import isHotkey from "is-hotkey";
 import { ReactEditor, withReact, Slate, Editable } from "slate-react";
-import { bu as richTextV2DataToDescendents, bO as BlockType, br as RichTextV2Mode, bK as InlineModePlugin, bI as BlockPlugin, bD as TypographyPlugin, bM as TextAlignPlugin, bS as InlinePlugin, c0 as BuilderEditMode } from "./react-page.es.js";
+import { bD as richTextV2DataToDescendents, bX as BlockType, bA as RichTextV2Mode, bT as InlineModePlugin, bR as BlockPlugin, bM as TypographyPlugin, bV as TextAlignPlugin, b$ as InlinePlugin, c9 as BuilderEditMode } from "./react-page.es.js";
 import "ts-pattern";
 import { T as ControlValue, u as useIsInBuilder, r as useBreakpoints, Q as pollBoxModel, O as useBuilderEditMode } from "./index.es.js";
 import { w as withBuilder } from "./index.es5.js";
@@ -53,7 +53,7 @@ import "@emotion/serialize";
 import "@emotion/utils";
 import "use-sync-external-store/shim/with-selector";
 import "next/dynamic";
-import "./text-input.es.js";
+import "./number.es.js";
 import "./combobox.es.js";
 import "use-sync-external-store/shim";
 import "./types.es.js";

package/dist/next.cjs.js

@@ -19,7 +19,7 @@ require("@emotion/css");
 require("@emotion/serialize");
 require("@emotion/utils");
 require("is-hotkey");
-require("./text-input.cjs.js");
+require("./number.cjs.js");
 require("./combobox.cjs.js");
 require("use-sync-external-store/shim");
 require("./types.cjs.js");

package/dist/next.es.js

@@ -17,7 +17,7 @@ import "@emotion/css";
 import "@emotion/serialize";
 import "@emotion/utils";
 import "is-hotkey";
-import "./text-input.es.js";
+import "./number.es.js";
 import "./combobox.es.js";
 import "use-sync-external-store/shim";
 import "./types.es.js";

package/dist/number.cjs.js

@@ -0,0 +1,14 @@
+"use strict";
+const CheckboxControlType = "makeswift::controls::checkbox";
+function Checkbox(config = {}) {
+  return { type: CheckboxControlType, config };
+}
+const NumberControlType = "makeswift::controls::number";
+function Number(config = {}) {
+  return { type: NumberControlType, config };
+}
+exports.Checkbox = Checkbox;
+exports.CheckboxControlType = CheckboxControlType;
+exports.Number = Number;
+exports.NumberControlType = NumberControlType;
+//# sourceMappingURL=number.cjs.js.map

package/dist/number.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number.cjs.js","sources":["../src/controls/checkbox.ts","../src/controls/number.ts"],"sourcesContent":["export type CheckboxControlData = boolean\n\nexport const CheckboxControlType = 'makeswift::controls::checkbox'\n\ntype CheckboxControlConfig = {\n  label?: string\n  defaultValue?: boolean\n}\n\nexport type CheckboxControlDefinition<C extends CheckboxControlConfig = CheckboxControlConfig> = {\n  type: typeof CheckboxControlType\n  config: C\n}\n\nexport function Checkbox<C extends CheckboxControlConfig>(\n  config: C = {} as C,\n): CheckboxControlDefinition<C> {\n  return { type: CheckboxControlType, config }\n}\n","export type NumberControlData = number\n\nexport const NumberControlType = 'makeswift::controls::number'\n\ntype NumberControlConfig = {\n  label?: string\n  labelOrientation?: 'vertical' | 'horizontal'\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  suffix?: string\n}\n\nexport type NumberControlDefinition<C extends NumberControlConfig = NumberControlConfig> = {\n  type: typeof NumberControlType\n  config: C\n}\n\nexport function Number<C extends NumberControlConfig>(\n  config: C = {} as C,\n): NumberControlDefinition<C> {\n  return { type: NumberControlType, config }\n}\n"],"names":[],"mappings":";AAEO,MAAM,sBAAsB;AAajC,kBAAA,SAAY,IACkB;AACvB,SAAA,EAAE,MAAM,qBAAqB;AACtC;AChBO,MAAM,oBAAoB;AAkB/B,gBAAA,SAAY,IACgB;AACrB,SAAA,EAAE,MAAM,mBAAmB;AACpC;;;;;"}

package/dist/number.es.js

@@ -0,0 +1,10 @@
+const CheckboxControlType = "makeswift::controls::checkbox";
+function Checkbox(config = {}) {
+  return { type: CheckboxControlType, config };
+}
+const NumberControlType = "makeswift::controls::number";
+function Number(config = {}) {
+  return { type: NumberControlType, config };
+}
+export { CheckboxControlType as C, NumberControlType as N, Checkbox as a, Number as b };
+//# sourceMappingURL=number.es.js.map

package/dist/number.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number.es.js","sources":["../src/controls/checkbox.ts","../src/controls/number.ts"],"sourcesContent":["export type CheckboxControlData = boolean\n\nexport const CheckboxControlType = 'makeswift::controls::checkbox'\n\ntype CheckboxControlConfig = {\n  label?: string\n  defaultValue?: boolean\n}\n\nexport type CheckboxControlDefinition<C extends CheckboxControlConfig = CheckboxControlConfig> = {\n  type: typeof CheckboxControlType\n  config: C\n}\n\nexport function Checkbox<C extends CheckboxControlConfig>(\n  config: C = {} as C,\n): CheckboxControlDefinition<C> {\n  return { type: CheckboxControlType, config }\n}\n","export type NumberControlData = number\n\nexport const NumberControlType = 'makeswift::controls::number'\n\ntype NumberControlConfig = {\n  label?: string\n  labelOrientation?: 'vertical' | 'horizontal'\n  defaultValue?: number\n  min?: number\n  max?: number\n  step?: number\n  suffix?: string\n}\n\nexport type NumberControlDefinition<C extends NumberControlConfig = NumberControlConfig> = {\n  type: typeof NumberControlType\n  config: C\n}\n\nexport function Number<C extends NumberControlConfig>(\n  config: C = {} as C,\n): NumberControlDefinition<C> {\n  return { type: NumberControlType, config }\n}\n"],"names":[],"mappings":"AAEO,MAAM,sBAAsB;AAajC,kBAAA,SAAY,IACkB;AACvB,SAAA,EAAE,MAAM,qBAAqB;AACtC;AChBO,MAAM,oBAAoB;AAkB/B,gBAAA,SAAY,IACgB;AACrB,SAAA,EAAE,MAAM,mBAAmB;AACpC;;"}

package/dist/prop-controllers.cjs.js

@@ -21,4 +21,5 @@ exports.Props = reactPage.descriptors;
 exports.RichTextPropControllerMessageType = reactPage.RichTextPropControllerMessageType;
 exports.TableFormFieldsMessageType = reactPage.TableFormFieldsMessageType;
 exports.imageCopy = reactPage.copy;
+exports.imagesCopy = reactPage.copy$1;
 //# sourceMappingURL=prop-controllers.cjs.js.map

package/dist/prop-controllers.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"prop-controllers.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"prop-controllers.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/prop-controllers.es.js

@@ -1,4 +1,4 @@
-export { i as Introspection, d as Props, R as RichTextPropControllerMessageType, T as TableFormFieldsMessageType, a as imageCopy } from "./react-page.es.js";
+export { i as Introspection, d as Props, R as RichTextPropControllerMessageType, T as TableFormFieldsMessageType, a as imageCopy, b as imagesCopy } from "./react-page.es.js";
 import "redux";
 import "redux-thunk";
 import "./actions.es.js";

package/dist/react-page.cjs.js

@@ -616,7 +616,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 };
@@ -730,10 +730,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 = {}) {
@@ -801,8 +801,8 @@ var descriptors = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePro
   Table,
   TableFormFields,
   Typeahead,
-  TextArea,
-  TextInput,
+  TextArea: TextArea$1,
+  TextInput: TextInput$1,
   TextStyle,
   Video,
   WidthPropControllerFormat,
@@ -1094,6 +1094,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 };
@@ -1167,6 +1170,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 };
@@ -1455,18 +1472,23 @@ if (void 0) {
     });
   });
 }
-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: tsPattern.match([descriptor, file]).with([tsPattern.P.any, tsPattern.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)
       })
     });
   }
@@ -1502,9 +1524,8 @@ if (void 0) {
         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);
     });
@@ -1945,7 +1966,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":
@@ -3996,6 +4017,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) {
@@ -4334,7 +4370,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) => tsPattern.match(item.props.file).with(tsPattern.P.string, (f) => [f]).with({ type: "makeswift-file", version: 1 }, (f) => [f.id]).with({ type: "external-file", version: 1 }, () => []).with(tsPattern.P.nullish, () => []).otherwise(() => []))) != null ? _a : [];
     }
     case ImageControlType: {
       const value = prop;
@@ -4642,6 +4678,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;
 }
@@ -4759,8 +4828,12 @@ exports.Table = Table;
 exports.TableFormFields = TableFormFields;
 exports.TableFormFieldsMessageType = TableFormFieldsMessageType;
 exports.TextAlignPlugin = TextAlignPlugin;
-exports.TextArea = TextArea;
-exports.TextInput = TextInput;
+exports.TextArea = TextArea$1;
+exports.TextArea$1 = TextArea;
+exports.TextAreaControlType = TextAreaControlType;
+exports.TextInput = TextInput$1;
+exports.TextInput$1 = TextInput;
+exports.TextInputControlType = TextInputControlType;
 exports.TextStyle = TextStyle;
 exports.Types = Types;
 exports.TypographyActions = TypographyActions;
@@ -4771,7 +4844,8 @@ exports.Width = Width;
 exports.WidthPropControllerFormat = WidthPropControllerFormat;
 exports.configureStore = configureStore;
 exports.copy = copy$9;
-exports.copy$1 = copy;
+exports.copy$1 = copy$8;
+exports.copy$2 = copy;
 exports.copyColorData = copyColorData;
 exports.copyElementTree = copyElementTree;
 exports.copyImageData = copyImageData;
@@ -4804,6 +4878,7 @@ exports.getElement = getElement;
 exports.getElementChildren = getElementChildren;
 exports.getElementId = getElementId;
 exports.getElementPropControllerDescriptors = getElementPropControllerDescriptors;
+exports.getElementTreeTranslatableData = getElementTreeTranslatableData;
 exports.getFileIds = getFileIds;
 exports.getInitialState = getInitialState$7;
 exports.getInitialState$1 = getInitialState$2;
@@ -4813,6 +4888,7 @@ exports.getListElementChildren = getListElementChildren;
 exports.getListFileIds = getListFileIds;
 exports.getListPageIds = getListPageIds;
 exports.getListSwatchIds = getListSwatchIds;
+exports.getListTranslatableData = getListTranslatableData;
 exports.getListTypographyIds = getListTypographyIds;
 exports.getLocales = getLocales;
 exports.getPageIds = getPageIds;
@@ -4826,9 +4902,11 @@ exports.getShapeElementChildren = getShapeElementChildren;
 exports.getShapeFileIds = getShapeFileIds;
 exports.getShapePageIds = getShapePageIds;
 exports.getShapeSwatchIds = getShapeSwatchIds;
+exports.getShapeTranslatableData = getShapeTranslatableData;
 exports.getShapeTypographyIds = getShapeTypographyIds;
 exports.getSwatchIds = getSwatchIds;
 exports.getTableIds = getTableIds;
+exports.getTranslatableData = getTranslatableData;
 exports.getTypographyIds = getTypographyIds;
 exports.getTypographySwatchIds = getTypographySwatchIds;
 exports.getTypographyTypographyIds = getTypographyTypographyIds;