@makeswift/runtime 0.12.0 → 0.12.2

package/dist/index.es2.js

@@ -33,8 +33,8 @@ import { useMemo, useState, useEffect, useCallback, useRef, forwardRef, createEl
 import { aG as getBackgroundsFileIds, aH 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";
 import { match, P } from "ts-pattern";
+import "./actions.es.js";
 import "uuid";
 import "slate";
 import "escape-html";

package/dist/index.es5.js

@@ -1,6 +1,6 @@
 import { Node, Transforms, Text, Editor } from "slate";
 import { ReactEditor } from "slate-react";
-import { c3 as ElementUtils } from "./react-page.es.js";
+import { c6 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 { c3 as ElementUtils, bI as createRichTextV2Plugin, aS as Link, c4 as onChange, c5 as getValue, c6 as isLinkElement, _ as useStyle, b$ as InlineType } from "./react-page.es.js";
+import { c6 as ElementUtils, bL as createRichTextV2Plugin, aV as Link, c7 as onChange, c8 as getValue, c9 as isLinkElement, _ as useStyle, c2 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,8 +36,8 @@ 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, b_ as BlockType, b$ as InlineType, bA as richTextDTOtoDAO, bz as richTextDTOtoSelection, f as deepEqual, bT as withBlock, bO as withTypography, bS as onKeyDown, cc as BuilderEditMode } from "./react-page.es.js";
 import "ts-pattern";
+import { _ as useStyle, c1 as BlockType, c2 as InlineType, bD as richTextDTOtoDAO, bC as richTextDTOtoSelection, f as deepEqual, bW as withBlock, bR as withTypography, bV as onKeyDown, cf as BuilderEditMode } from "./react-page.es.js";
 import "uuid";
 import "escape-html";
 import "slate-hyperscript";

package/dist/index.es9.js

@@ -33,8 +33,8 @@ 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 { bG as richTextV2DataToDescendents, b_ as BlockType, bD as RichTextV2Mode, bW as InlineModePlugin, bU as BlockPlugin, bP as TypographyPlugin, bY as TextAlignPlugin, c2 as InlinePlugin, cc as BuilderEditMode } from "./react-page.es.js";
 import "ts-pattern";
+import { bJ as richTextV2DataToDescendents, c1 as BlockType, bG as RichTextV2Mode, bZ as InlineModePlugin, bX as BlockPlugin, bS as TypographyPlugin, b$ as TextAlignPlugin, c5 as InlinePlugin, cf as BuilderEditMode } from "./react-page.es.js";
 import "escape-html";
 import "slate-hyperscript";
 import "parse5";

package/dist/react-page.cjs.js

@@ -284,16 +284,26 @@ function reducer$1(state = getInitialState(), action) {
       return state;
   }
 }
+const ControlDataTypeKey = "@@makeswift/type";
+const ColorControlDataTypeKey = ControlDataTypeKey;
+const ColorControlDataTypeValueV1 = "color::v1";
 const ColorControlType = "makeswift::controls::color";
 function Color(config = {}) {
-  return { type: ColorControlType, config };
+  return { type: ColorControlType, config, version: 1 };
 }
 function copyColorData(value, context) {
-  var _a;
   if (value == null)
     return value;
-  return __spreadProps(__spreadValues({}, value), {
-    swatchId: (_a = context.replacementContext.swatchIds.get(value.swatchId)) != null ? _a : value.swatchId
+  return tsPattern.match(value).with({ [ControlDataTypeKey]: ColorControlDataTypeValueV1 }, (val) => {
+    var _a;
+    return __spreadProps(__spreadValues({}, val), {
+      swatchId: (_a = context.replacementContext.swatchIds.get(val.swatchId)) != null ? _a : val.swatchId
+    });
+  }).otherwise((val) => {
+    var _a;
+    return __spreadProps(__spreadValues({}, val), {
+      swatchId: (_a = context.replacementContext.swatchIds.get(val.swatchId)) != null ? _a : val.swatchId
+    });
   });
 }
 class PropController {
@@ -5130,8 +5140,11 @@ exports.BorderRadiusPropControllerFormat = BorderRadiusPropControllerFormat;
 exports.BuilderEditMode = BuilderEditMode;
 exports.Checkbox = Checkbox;
 exports.Color = Color;
+exports.ColorControlDataTypeKey = ColorControlDataTypeKey;
+exports.ColorControlDataTypeValueV1 = ColorControlDataTypeValueV1;
 exports.ColorControlType = ColorControlType;
 exports.ComponentIcon = ComponentIcon;
+exports.ControlDataTypeKey = ControlDataTypeKey;
 exports.Date = Date;
 exports.ElementID = ElementID;
 exports.ElementUtils = ElementUtils;