@makeswift/runtime 0.19.4 → 0.20.0-canary.0

package/dist/esm/controls/control.js

@@ -1,54 +1,17 @@
 import {
-  ColorControlType,
-  TextInputControlType,
-  TextAreaControlType,
-  ImageControlType,
-  LinkControlType,
-  copyColorData,
-  copyLinkData
+  copyRichTextData
 } from "@makeswift/controls";
-import { copyImageData } from "./image";
-import {
-  copyListData,
-  ListControlType,
-  getListTranslatableData,
-  mergeListTranslatedData
-} from "./list";
-import {
-  copyShapeData,
-  ShapeControlType,
-  getShapeTranslatableData,
-  mergeShapeTranslatedData
-} from "./shape";
-import { copyStyleData, StyleControlType } from "./style";
-import {
-  copySlotData,
-  mergeSlotControlTranslatedData,
-  mergeSlotData,
-  SlotControlType
-} from "./slot";
 import {
   Types as PropControllerTypes,
   mergeGridPropControllerTranslatedData
 } from "@makeswift/prop-controllers";
+import { isLegacyDescriptor } from "../prop-controllers/descriptors";
 import { copy as propControllerCopy } from "../prop-controllers/copy";
-import {
-  RichTextControlType,
-  copyRichTextData,
-  richTextDTOtoDAO
-} from "./rich-text";
 import { DELETED_PROP_CONTROLLER_TYPES } from "../prop-controllers";
-import { richTextV2DescendentsToData } from "./rich-text-v2/dto";
-import { copyRichTextV2Data } from "./rich-text-v2/copy";
-import {
-  RichTextV2ControlType,
-  isRichTextV1Data
-} from "./rich-text-v2/rich-text-v2";
-import {
-  getRichTextV2TranslatableData,
-  mergeRichTextV2TranslatedData
-} from "./rich-text-v2/translation";
 function copy(definition, value, context) {
+  if (!isLegacyDescriptor(definition)) {
+    return definition.copyData(value, context);
+  }
   switch (definition.type) {
     case PropControllerTypes.Backgrounds:
     case PropControllerTypes.Grid:
@@ -64,59 +27,28 @@ function copy(definition, value, context) {
     case PropControllerTypes.ElementID:
       return propControllerCopy(definition, value, context);
     case DELETED_PROP_CONTROLLER_TYPES.RichText:
-    case RichTextControlType:
       return copyRichTextData(value, context);
-    case RichTextV2ControlType:
-      return copyRichTextV2Data(
-        isRichTextV1Data(value) ? richTextV2DescendentsToData(richTextDTOtoDAO(value)) : value,
-        context
-      );
-    case ColorControlType:
-      return copyColorData(value, context);
-    case ImageControlType:
-      return copyImageData(value, context);
-    case LinkControlType:
-      return copyLinkData(value, context);
-    case ShapeControlType:
-      return copyShapeData(definition, value, context);
-    case ListControlType:
-      return copyListData(definition, value, context);
-    case StyleControlType:
-      return copyStyleData(value, context);
-    case SlotControlType:
-      return copySlotData(value, context);
     default:
       return value;
   }
 }
 function merge(definition, a, b = a, context) {
+  if (!isLegacyDescriptor(definition)) {
+    return definition.mergeData(a, b, context);
+  }
   switch (definition.type) {
-    case SlotControlType:
-      return mergeSlotData(a, b, context);
     default:
       return b;
   }
 }
 function getTranslatableData(definition, data) {
+  if (!isLegacyDescriptor(definition)) {
+    return definition.getTranslatableData(data);
+  }
   switch (definition.type) {
     case PropControllerTypes.TextInput:
     case PropControllerTypes.TextArea:
-    case TextInputControlType:
-    case TextAreaControlType:
       return data;
-    case RichTextV2ControlType:
-      const richTextData = data;
-      if (isRichTextV1Data(richTextData))
-        return null;
-      return getRichTextV2TranslatableData(definition, richTextData);
-    case ListControlType:
-      if (data == null)
-        return null;
-      return getListTranslatableData(definition, data);
-    case ShapeControlType:
-      if (data == null)
-        return null;
-      return getShapeTranslatableData(definition, data);
     default:
       return null;
   }
@@ -124,44 +56,17 @@ function getTranslatableData(definition, data) {
 function mergeTranslatedData(definition, data, translatedData, context) {
   if (data == null)
     return data;
+  if (!isLegacyDescriptor(definition)) {
+    return definition.mergeTranslatedData(data, translatedData, context);
+  }
   switch (definition.type) {
     case PropControllerTypes.TextInput:
     case PropControllerTypes.TextArea:
-    case TextInputControlType:
-    case TextAreaControlType:
       if (translatedData == null)
         return data;
       return translatedData;
     case PropControllerTypes.Grid:
       return mergeGridPropControllerTranslatedData(data, context);
-    case SlotControlType:
-      return mergeSlotControlTranslatedData(data, context);
-    case RichTextV2ControlType:
-      if (translatedData == null)
-        return data;
-      return mergeRichTextV2TranslatedData(
-        definition,
-        data,
-        translatedData
-      );
-    case ListControlType:
-      if (translatedData == null)
-        return data;
-      return mergeListTranslatedData(
-        definition,
-        data,
-        translatedData,
-        context
-      );
-    case ShapeControlType:
-      if (translatedData == null)
-        return data;
-      return mergeShapeTranslatedData(
-        definition,
-        data,
-        translatedData,
-        context
-      );
     default:
       return data;
   }

package/dist/esm/controls/control.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/controls/control.ts"],"sourcesContent":["import {\n  ColorControlData,\n  ColorControlDefinition,\n  ColorControlType,\n  TextInputControlData,\n  TextInputControlDefinition,\n  TextInputControlType,\n  TextAreaControlData,\n  TextAreaControlDefinition,\n  TextAreaControlType,\n  CheckboxControlData,\n  CheckboxControlDefinition,\n  NumberControlData,\n  NumberControlDefinition,\n  ComboboxControlData,\n  ComboboxControlDefinition,\n  IconRadioGroupControlData,\n  IconRadioGroupControlDefinition,\n  ImageControlType,\n  ImageControlData,\n  ImageControlDefinition,\n  LinkControlData,\n  LinkControlDefinition,\n  LinkControlType,\n  copyColorData,\n  copyLinkData,\n} from '@makeswift/controls'\n\nimport { copyImageData } from './image'\nimport {\n  ListControlData,\n  ListControlDefinition,\n  copyListData,\n  ListControlType,\n  getListTranslatableData,\n  mergeListTranslatedData,\n  ListControlTranslationDto,\n} from './list'\nimport { SelectControlData, SelectControlDefinition } from './select'\nimport {\n  ShapeControlData,\n  ShapeControlDefinition,\n  copyShapeData,\n  ShapeControlType,\n  getShapeTranslatableData,\n  mergeShapeTranslatedData,\n  ShapeControlTranslationDto,\n} from './shape'\nimport { copyStyleData, StyleControlData, StyleControlDefinition, StyleControlType } from './style'\nimport {\n  copySlotData,\n  mergeSlotControlTranslatedData,\n  mergeSlotData,\n  SlotControlData,\n  SlotControlDefinition,\n  SlotControlType,\n} from './slot'\n\nimport { Descriptor } from '../prop-controllers/descriptors'\nimport {\n  GridPropControllerData,\n  Types as PropControllerTypes,\n  mergeGridPropControllerTranslatedData,\n} from '@makeswift/prop-controllers'\nimport { copy as propControllerCopy } from '../prop-controllers/copy'\nimport { CopyContext, Data, MergeContext, MergeTranslatableDataContext } from '../state/react-page'\nimport {\n  RichTextControlData,\n  RichTextControlDefinition,\n  RichTextControlType,\n  copyRichTextData,\n  richTextDTOtoDAO,\n} from './rich-text'\nimport { DELETED_PROP_CONTROLLER_TYPES, PropControllerDescriptor } from '../prop-controllers'\n\nimport { richTextV2DescendentsToData } from './rich-text-v2/dto'\nimport { copyRichTextV2Data } from './rich-text-v2/copy'\nimport {\n  RichTextV2ControlData,\n  RichTextV2ControlDefinition,\n  RichTextV2ControlType,\n  isRichTextV1Data,\n} from './rich-text-v2/rich-text-v2'\n\nimport { StyleV2ControlData, StyleV2ControlDefinition } from './style-v2'\nimport { TypographyControlData, TypographyControlDefinition } from './typography'\nimport {\n  RichTextV2ControlTranslationDto,\n  getRichTextV2TranslatableData,\n  mergeRichTextV2TranslatedData,\n} from './rich-text-v2/translation'\nimport { IndexSignatureHack } from '../utils/index-signature-hack'\n\nexport type ControlDefinition =\n  | CheckboxControlDefinition\n  | NumberControlDefinition\n  | TextInputControlDefinition\n  | TextAreaControlDefinition\n  | SelectControlDefinition\n  | ColorControlDefinition\n  | IconRadioGroupControlDefinition\n  | ImageControlDefinition\n  | ComboboxControlDefinition\n  | ShapeControlDefinition\n  | ListControlDefinition<any>\n  | LinkControlDefinition\n  | SlotControlDefinition\n  | ShapeControlDefinition\n  | RichTextControlDefinition\n  | RichTextV2ControlDefinition\n  | StyleControlDefinition\n  | StyleV2ControlDefinition\n  | TypographyControlDefinition\n\nexport type ControlDefinitionData<T extends ControlDefinition> = T extends CheckboxControlDefinition\n  ? CheckboxControlData\n  : T extends NumberControlDefinition\n  ? NumberControlData\n  : T extends TextInputControlDefinition\n  ? TextInputControlData\n  : T extends TextAreaControlDefinition\n  ? TextAreaControlData\n  : T extends SelectControlDefinition\n  ? SelectControlData<T>\n  : T extends ColorControlDefinition\n  ? ColorControlData\n  : T extends IconRadioGroupControlDefinition\n  ? IconRadioGroupControlData<T>\n  : T extends ImageControlDefinition\n  ? ImageControlData\n  : T extends ComboboxControlDefinition\n  ? ComboboxControlData<T>\n  : T extends ShapeControlDefinition\n  ? ShapeControlData<T>\n  : T extends ListControlDefinition\n  ? ListControlData<T>\n  : T extends LinkControlDefinition\n  ? LinkControlData\n  : T extends RichTextControlDefinition\n  ? IndexSignatureHack<RichTextControlData>\n  : T extends RichTextV2ControlDefinition\n  ? RichTextV2ControlData\n  : T extends StyleControlDefinition\n  ? StyleControlData\n  : T extends StyleV2ControlDefinition\n  ? StyleV2ControlData\n  : T extends TypographyControlDefinition\n  ? TypographyControlData\n  : never\n\nexport function copy(definition: Descriptor | ControlDefinition, value: any, context: CopyContext) {\n  switch (definition.type) {\n    case PropControllerTypes.Backgrounds:\n    case PropControllerTypes.Grid:\n    case PropControllerTypes.NavigationLinks:\n    case PropControllerTypes.Link:\n    case PropControllerTypes.Shadows:\n    case PropControllerTypes.Image:\n    case PropControllerTypes.Images:\n    case PropControllerTypes.ResponsiveColor:\n    case PropControllerTypes.TableFormFields:\n    case PropControllerTypes.Table:\n    case PropControllerTypes.Border:\n    case PropControllerTypes.ElementID:\n      return propControllerCopy(definition, value, context)\n    case DELETED_PROP_CONTROLLER_TYPES.RichText:\n    case RichTextControlType:\n      return copyRichTextData(value, context)\n    case RichTextV2ControlType:\n      return copyRichTextV2Data(\n        isRichTextV1Data(value) ? richTextV2DescendentsToData(richTextDTOtoDAO(value)) : value,\n        context,\n      )\n    case ColorControlType:\n      return copyColorData(value, context)\n    case ImageControlType:\n      return copyImageData(value, context)\n    case LinkControlType:\n      return copyLinkData(value, context)\n    case ShapeControlType:\n      return copyShapeData(definition, value, context)\n    case ListControlType:\n      return copyListData(definition, value, context)\n    case StyleControlType:\n      return copyStyleData(value, context)\n    case SlotControlType:\n      return copySlotData(value, context)\n    default:\n      return value\n  }\n}\n\nexport function merge(\n  definition: PropControllerDescriptor,\n  a: Data,\n  b: Data = a,\n  context: MergeContext,\n): Data {\n  switch (definition.type) {\n    case SlotControlType:\n      return mergeSlotData(a as SlotControlData, b as SlotControlData, context)\n\n    default:\n      return b\n  }\n}\n\nexport function getTranslatableData(definition: Descriptor | ControlDefinition, data: Data): Data {\n  switch (definition.type) {\n    case PropControllerTypes.TextInput:\n    case PropControllerTypes.TextArea:\n    case TextInputControlType:\n    case TextAreaControlType:\n      return data\n\n    case RichTextV2ControlType:\n      const richTextData = data as RichTextV2ControlData | RichTextControlData\n\n      if (isRichTextV1Data(richTextData)) return null\n\n      return getRichTextV2TranslatableData(definition, richTextData as RichTextV2ControlData)\n\n    case ListControlType:\n      if (data == null) return null\n\n      return getListTranslatableData(definition, data as ListControlData)\n\n    case ShapeControlType:\n      if (data == null) return null\n\n      return getShapeTranslatableData(definition, data as ShapeControlData)\n\n    default:\n      return null\n  }\n}\n\nexport function mergeTranslatedData(\n  definition: PropControllerDescriptor,\n  data: Data,\n  translatedData: Data,\n  context: MergeTranslatableDataContext,\n): Data {\n  if (data == null) return data\n\n  switch (definition.type) {\n    case PropControllerTypes.TextInput:\n    case PropControllerTypes.TextArea:\n    case TextInputControlType:\n    case TextAreaControlType:\n      if (translatedData == null) return data\n\n      return translatedData\n\n    case PropControllerTypes.Grid:\n      return mergeGridPropControllerTranslatedData(data as GridPropControllerData, context)\n\n    case SlotControlType:\n      return mergeSlotControlTranslatedData(data as SlotControlData, context)\n\n    case RichTextV2ControlType:\n      if (translatedData == null) return data\n\n      return mergeRichTextV2TranslatedData(\n        definition,\n        data as RichTextV2ControlData,\n        translatedData as RichTextV2ControlTranslationDto,\n      )\n\n    case ListControlType:\n      if (translatedData == null) return data\n\n      return mergeListTranslatedData(\n        definition,\n        data as ListControlData,\n        translatedData as ListControlTranslationDto,\n        context,\n      )\n\n    case ShapeControlType:\n      if (translatedData == null) return data\n\n      return mergeShapeTranslatedData(\n        definition,\n        data as ShapeControlData,\n        translatedData as ShapeControlTranslationDto,\n        context,\n      )\n\n    default:\n      return data\n  }\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/controls/control.ts"],"sourcesContent":["import {\n  copyRichTextData,\n  type CopyContext,\n  type Data,\n  type MergeContext,\n  type MergeTranslatableDataContext,\n} from '@makeswift/controls'\n\nimport {\n  GridPropControllerData,\n  Types as PropControllerTypes,\n  mergeGridPropControllerTranslatedData,\n} from '@makeswift/prop-controllers'\n\nimport { Descriptor, isLegacyDescriptor } from '../prop-controllers/descriptors'\nimport { copy as propControllerCopy } from '../prop-controllers/copy'\nimport { DELETED_PROP_CONTROLLER_TYPES, PropControllerDescriptor } from '../prop-controllers'\n\nexport function copy(definition: Descriptor, value: any, context: CopyContext) {\n  if (!isLegacyDescriptor(definition)) {\n    return definition.copyData(value, context)\n  }\n\n  switch (definition.type) {\n    case PropControllerTypes.Backgrounds:\n    case PropControllerTypes.Grid:\n    case PropControllerTypes.NavigationLinks:\n    case PropControllerTypes.Link:\n    case PropControllerTypes.Shadows:\n    case PropControllerTypes.Image:\n    case PropControllerTypes.Images:\n    case PropControllerTypes.ResponsiveColor:\n    case PropControllerTypes.TableFormFields:\n    case PropControllerTypes.Table:\n    case PropControllerTypes.Border:\n    case PropControllerTypes.ElementID:\n      return propControllerCopy(definition, value, context)\n\n    case DELETED_PROP_CONTROLLER_TYPES.RichText:\n      return copyRichTextData(value, context)\n\n    default:\n      return value\n  }\n}\n\nexport function merge(\n  definition: PropControllerDescriptor,\n  a: Data,\n  b: Data = a,\n  context: MergeContext,\n): Data {\n  if (!isLegacyDescriptor(definition)) {\n    return definition.mergeData(a, b, context)\n  }\n\n  switch (definition.type) {\n    default:\n      return b\n  }\n}\n\nexport function getTranslatableData(definition: Descriptor, data: Data): Data {\n  if (!isLegacyDescriptor(definition)) {\n    return definition.getTranslatableData(data)\n  }\n\n  switch (definition.type) {\n    case PropControllerTypes.TextInput:\n    case PropControllerTypes.TextArea:\n      return data\n\n    default:\n      return null\n  }\n}\n\nexport function mergeTranslatedData(\n  definition: PropControllerDescriptor,\n  data: Data,\n  translatedData: Data,\n  context: MergeTranslatableDataContext,\n): Data {\n  if (data == null) return data\n  if (!isLegacyDescriptor(definition)) {\n    return definition.mergeTranslatedData(data, translatedData, context)\n  }\n\n  switch (definition.type) {\n    case PropControllerTypes.TextInput:\n    case PropControllerTypes.TextArea:\n      if (translatedData == null) return data\n      return translatedData\n\n    case PropControllerTypes.Grid:\n      return mergeGridPropControllerTranslatedData(data as GridPropControllerData, context)\n\n    default:\n      return data\n  }\n}\n"],"mappings":"AAAA;AAAA,EACE;AAAA,OAKK;AAEP;AAAA,EAEE,SAAS;AAAA,EACT;AAAA,OACK;AAEP,SAAqB,0BAA0B;AAC/C,SAAS,QAAQ,0BAA0B;AAC3C,SAAS,qCAA+D;AAEjE,SAAS,KAAK,YAAwB,OAAY,SAAsB;AAC7E,MAAI,CAAC,mBAAmB,UAAU,GAAG;AACnC,WAAO,WAAW,SAAS,OAAO,OAAO;AAAA,EAC3C;AAEA,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AACvB,aAAO,mBAAmB,YAAY,OAAO,OAAO;AAAA,IAEtD,KAAK,8BAA8B;AACjC,aAAO,iBAAiB,OAAO,OAAO;AAAA,IAExC;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAAS,MACd,YACA,GACA,IAAU,GACV,SACM;AACN,MAAI,CAAC,mBAAmB,UAAU,GAAG;AACnC,WAAO,WAAW,UAAU,GAAG,GAAG,OAAO;AAAA,EAC3C;AAEA,UAAQ,WAAW,MAAM;AAAA,IACvB;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAAS,oBAAoB,YAAwB,MAAkB;AAC5E,MAAI,CAAC,mBAAmB,UAAU,GAAG;AACnC,WAAO,WAAW,oBAAoB,IAAI;AAAA,EAC5C;AAEA,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AACvB,aAAO;AAAA,IAET;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAAS,oBACd,YACA,MACA,gBACA,SACM;AACN,MAAI,QAAQ;AAAM,WAAO;AACzB,MAAI,CAAC,mBAAmB,UAAU,GAAG;AACnC,WAAO,WAAW,oBAAoB,MAAM,gBAAgB,OAAO;AAAA,EACrE;AAEA,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK,oBAAoB;AAAA,IACzB,KAAK,oBAAoB;AACvB,UAAI,kBAAkB;AAAM,eAAO;AACnC,aAAO;AAAA,IAET,KAAK,oBAAoB;AACvB,aAAO,sCAAsC,MAAgC,OAAO;AAAA,IAEtF;AACE,aAAO;AAAA,EACX;AACF;","names":[]}

package/dist/esm/controls/index.js

@@ -1,12 +1,84 @@
 export * from "./control";
-export * from "./list";
-export * from "./select";
-export * from "./shape";
-export * from "./slot";
-export * from "./style";
-export * from "./style-v2";
-export * from "./rich-text";
-export * from "./rich-text-v2";
-export * from "./typography";
-export * from "@makeswift/controls";
+import {
+  ControlDefinition,
+  Checkbox,
+  CheckboxDefinition,
+  Color,
+  ColorDefinition,
+  Combobox,
+  ComboboxDefinition,
+  IconRadioGroupDefinition,
+  unstable_IconRadioGroup,
+  Image,
+  ImageDefinition,
+  List,
+  ListDefinition,
+  ListControl,
+  Shape,
+  ShapeDefinition,
+  ShapeControl,
+  Number,
+  NumberDefinition,
+  TextInput,
+  TextInputDefinition,
+  TextArea,
+  TextAreaDefinition,
+  Select,
+  SelectDefinition,
+  Style,
+  StyleDefinition,
+  StyleControl,
+  unstable_Typography,
+  unstable_TypographyDefinition
+} from "@makeswift/controls";
+import { Link, LinkDefinition } from "./link";
+import { RichTextV1Definition, RichTextV1Control } from "./rich-text";
+import { RichText, RichTextV2Definition, RichTextV2Control } from "./rich-text-v2";
+import { Slot, SlotDefinition, SlotControl } from "./slot";
+import { unstable_StyleV2, StyleV2Definition, StyleV2Control } from "./style-v2/style-v2";
+export {
+  Checkbox,
+  CheckboxDefinition,
+  Color,
+  ColorDefinition,
+  Combobox,
+  ComboboxDefinition,
+  ControlDefinition,
+  IconRadioGroupDefinition,
+  Image,
+  ImageDefinition,
+  Link,
+  LinkDefinition,
+  List,
+  ListControl,
+  ListDefinition,
+  Number,
+  NumberDefinition,
+  RichText,
+  RichTextV1Control,
+  RichTextV1Definition,
+  RichTextV2Control,
+  RichTextV2Definition,
+  Select,
+  SelectDefinition,
+  Shape,
+  ShapeControl,
+  ShapeDefinition,
+  Slot,
+  SlotControl,
+  SlotDefinition,
+  Style,
+  StyleControl,
+  StyleDefinition,
+  StyleV2Control,
+  StyleV2Definition,
+  TextArea,
+  TextAreaDefinition,
+  TextInput,
+  TextInputDefinition,
+  unstable_IconRadioGroup,
+  unstable_StyleV2,
+  unstable_Typography,
+  unstable_TypographyDefinition
+};
 //# sourceMappingURL=index.js.map

package/dist/esm/controls/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/controls/index.ts"],"sourcesContent":["export * from './control'\nexport * from './list'\nexport * from './select'\nexport * from './shape'\nexport * from './slot'\nexport * from './style'\nexport * from './style-v2'\nexport * from './rich-text'\nexport * from './rich-text-v2'\nexport * from './typography'\n\nexport * from '@makeswift/controls'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AAEd,cAAc;","names":[]}
+{"version":3,"sources":["../../../src/controls/index.ts"],"sourcesContent":["export * from './control'\n\nexport {\n  ControlDefinition,\n  Checkbox,\n  CheckboxDefinition,\n  Color,\n  ColorDefinition,\n  Combobox,\n  ComboboxDefinition,\n  IconRadioGroupDefinition,\n  type IconRadioGroupIcon,\n  unstable_IconRadioGroup,\n  Image,\n  ImageDefinition,\n  List,\n  ListDefinition,\n  ListControl,\n  Shape,\n  ShapeDefinition,\n  ShapeControl,\n  Number,\n  NumberDefinition,\n  TextInput,\n  TextInputDefinition,\n  TextArea,\n  TextAreaDefinition,\n  Select,\n  SelectDefinition,\n  Style,\n  StyleDefinition,\n  type StyleProperty,\n  StyleControl,\n  unstable_Typography,\n  unstable_TypographyDefinition,\n} from '@makeswift/controls'\n\nexport { Link, LinkDefinition } from './link'\nexport { RichTextV1Definition, RichTextV1Control } from './rich-text'\nexport { RichText, RichTextV2Definition, RichTextV2Control } from './rich-text-v2'\nexport { Slot, SlotDefinition, SlotControl } from './slot'\nexport { unstable_StyleV2, StyleV2Definition, StyleV2Control } from './style-v2/style-v2'\n"],"mappings":"AAAA,cAAc;AAEd;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAEA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,MAAM,sBAAsB;AACrC,SAAS,sBAAsB,yBAAyB;AACxD,SAAS,UAAU,sBAAsB,yBAAyB;AAClE,SAAS,MAAM,gBAAgB,mBAAmB;AAClD,SAAS,kBAAkB,mBAAmB,sBAAsB;","names":[]}

package/dist/esm/controls/link.js

@@ -0,0 +1,18 @@
+import { LinkDefinition as BaseLinkDefinition } from "@makeswift/controls";
+class LinkDefinition extends BaseLinkDefinition {
+  static deserialize(data) {
+    if (data.type !== LinkDefinition.type) {
+      throw new Error(`Link: expected type ${LinkDefinition.type}, got ${data.type}`);
+    }
+    const { config } = LinkDefinition.schema.definition.parse(data);
+    return Link(config);
+  }
+}
+function Link(config) {
+  return new LinkDefinition(config ?? {});
+}
+export {
+  Link,
+  LinkDefinition
+};
+//# sourceMappingURL=link.js.map

package/dist/esm/controls/link.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/controls/link.ts"],"sourcesContent":["import { type MouseEvent } from 'react'\nimport { type DeserializedRecord, LinkDefinition as BaseLinkDefinition } from '@makeswift/controls'\n\nexport class LinkDefinition extends BaseLinkDefinition<MouseEvent<Element>> {\n  static deserialize(data: DeserializedRecord): LinkDefinition {\n    if (data.type !== LinkDefinition.type) {\n      throw new Error(`Link: expected type ${LinkDefinition.type}, got ${data.type}`)\n    }\n\n    const { config } = LinkDefinition.schema.definition.parse(data)\n    return Link(config)\n  }\n}\n\nexport function Link(config?: { label?: string }): LinkDefinition {\n  return new LinkDefinition(config ?? {})\n}\n"],"mappings":"AACA,SAAkC,kBAAkB,0BAA0B;AAEvE,MAAM,uBAAuB,mBAAwC;AAAA,EAC1E,OAAO,YAAY,MAA0C;AAC3D,QAAI,KAAK,SAAS,eAAe,MAAM;AACrC,YAAM,IAAI,MAAM,uBAAuB,eAAe,IAAI,SAAS,KAAK,IAAI,EAAE;AAAA,IAChF;AAEA,UAAM,EAAE,OAAO,IAAI,eAAe,OAAO,WAAW,MAAM,IAAI;AAC9D,WAAO,KAAK,MAAM;AAAA,EACpB;AACF;AAEO,SAAS,KAAK,QAA6C;AAChE,SAAO,IAAI,eAAe,UAAU,CAAC,CAAC;AACxC;","names":[]}

package/dist/esm/controls/rich-text/control.js

@@ -0,0 +1,76 @@
+import { BuilderEditMode } from "../../state/modules/builder-edit-mode";
+import {
+  ControlInstance,
+  richTextDAOToDTO
+} from "@makeswift/controls";
+class RichTextControl extends ControlInstance {
+  static CHANGE_BUILDER_EDIT_MODE = "CHANGE_BUILDER_EDIT_MODE";
+  static INITIALIZE_EDITOR = "INITIALIZE_EDITOR";
+  static CHANGE_EDITOR_VALUE = "CHANGE_EDITOR_VALUE";
+  static FOCUS = "FOCUS";
+  static BLUR = "BLUR";
+  static UNDO = "UNDO";
+  static REDO = "REDO";
+  static CHANGE_BOX_MODEL = "CHANGE_BOX_MODEL";
+  editor = null;
+  child(_key) {
+    return void 0;
+  }
+  recv = (message) => {
+    if (!this.editor)
+      return;
+    switch (message.type) {
+      case RichTextControl.CHANGE_BUILDER_EDIT_MODE: {
+        switch (message.payload.editMode) {
+          case BuilderEditMode.BUILD:
+          case BuilderEditMode.INTERACT:
+            this.editor.deselectAndBlur();
+        }
+        break;
+      }
+      case RichTextControl.FOCUS: {
+        this.editor.focusAndSelectAll();
+        break;
+      }
+    }
+  };
+  setSlateEditor(editor) {
+    this.editor = editor;
+    this.sendMessage({
+      type: RichTextControl.INITIALIZE_EDITOR,
+      value: richTextDAOToDTO(editor.children, editor.selection)
+    });
+    const _onChange = editor.onChange;
+    this.editor.onChange = (options) => {
+      _onChange(options);
+      if (options?.operation != null) {
+        this.sendMessage({
+          type: RichTextControl.CHANGE_EDITOR_VALUE,
+          value: richTextDAOToDTO(editor.children, editor.selection)
+        });
+      }
+    };
+  }
+  focus() {
+    this.sendMessage({ type: RichTextControl.FOCUS });
+  }
+  blur() {
+    this.sendMessage({ type: RichTextControl.BLUR });
+  }
+  undo() {
+    this.sendMessage({ type: RichTextControl.UNDO });
+  }
+  redo() {
+    this.sendMessage({ type: RichTextControl.REDO });
+  }
+  changeBoxModel(boxModel) {
+    this.sendMessage({
+      type: RichTextControl.CHANGE_BOX_MODEL,
+      payload: { boxModel }
+    });
+  }
+}
+export {
+  RichTextControl
+};
+//# sourceMappingURL=control.js.map

package/dist/esm/controls/rich-text/control.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/controls/rich-text/control.ts"],"sourcesContent":["import { Editor } from 'slate'\n\nimport { BuilderEditMode } from '../../state/modules/builder-edit-mode'\n\nimport {\n  ControlInstance,\n  richTextDAOToDTO,\n  type BoxModel,\n  type RichTextValue,\n} from '@makeswift/controls'\n\ntype ChangeBuilderEditModeMessage = {\n  type: typeof RichTextControl.CHANGE_BUILDER_EDIT_MODE\n  payload: { editMode: BuilderEditMode }\n}\n\ntype InitializeEditorMessage = {\n  type: typeof RichTextControl.INITIALIZE_EDITOR\n  value: RichTextValue\n}\n\ntype ChangeEditorValueMessage = {\n  type: typeof RichTextControl.CHANGE_EDITOR_VALUE\n  value: RichTextValue\n}\n\ntype FocusMessage = {\n  type: typeof RichTextControl.FOCUS\n}\n\ntype BlurMessage = {\n  type: typeof RichTextControl.BLUR\n}\n\ntype UndoMessage = {\n  type: typeof RichTextControl.UNDO\n}\n\ntype RedoMessage = {\n  type: typeof RichTextControl.REDO\n}\n\ntype BoxModelChangeMessage = {\n  type: typeof RichTextControl.CHANGE_BOX_MODEL\n  payload: { boxModel: BoxModel | null }\n}\n\ntype Message =\n  | ChangeBuilderEditModeMessage\n  | InitializeEditorMessage\n  | ChangeEditorValueMessage\n  | FocusMessage\n  | BlurMessage\n  | UndoMessage\n  | RedoMessage\n  | BoxModelChangeMessage\n\nexport class RichTextControl extends ControlInstance<Message> {\n  static readonly CHANGE_BUILDER_EDIT_MODE = 'CHANGE_BUILDER_EDIT_MODE'\n  static readonly INITIALIZE_EDITOR = 'INITIALIZE_EDITOR'\n  static readonly CHANGE_EDITOR_VALUE = 'CHANGE_EDITOR_VALUE'\n  static readonly FOCUS = 'FOCUS'\n  static readonly BLUR = 'BLUR'\n  static readonly UNDO = 'UNDO'\n  static readonly REDO = 'REDO'\n  static readonly CHANGE_BOX_MODEL = 'CHANGE_BOX_MODEL'\n\n  private editor: Editor | null = null\n\n  child(_key: string): ControlInstance | undefined {\n    return undefined\n  }\n\n  recv = (message: Message): void => {\n    if (!this.editor) return\n\n    switch (message.type) {\n      case RichTextControl.CHANGE_BUILDER_EDIT_MODE: {\n        switch (message.payload.editMode) {\n          case BuilderEditMode.BUILD:\n          case BuilderEditMode.INTERACT:\n            this.editor.deselectAndBlur()\n        }\n        break\n      }\n\n      case RichTextControl.FOCUS: {\n        this.editor.focusAndSelectAll()\n        break\n      }\n    }\n  }\n\n  setSlateEditor(editor: Editor) {\n    this.editor = editor\n\n    this.sendMessage({\n      type: RichTextControl.INITIALIZE_EDITOR,\n      value: richTextDAOToDTO(editor.children, editor.selection),\n    })\n\n    const _onChange = editor.onChange\n    this.editor.onChange = options => {\n      _onChange(options)\n\n      // if onChange is local then it will include an operation(s)\n      // that is the only case in which we want to push updates\n      // this prevent infinite loops that can occur when collaborating\n      if (options?.operation != null) {\n        this.sendMessage({\n          type: RichTextControl.CHANGE_EDITOR_VALUE,\n          value: richTextDAOToDTO(editor.children, editor.selection),\n        })\n      }\n    }\n  }\n\n  focus() {\n    this.sendMessage({ type: RichTextControl.FOCUS })\n  }\n\n  blur() {\n    this.sendMessage({ type: RichTextControl.BLUR })\n  }\n\n  undo() {\n    this.sendMessage({ type: RichTextControl.UNDO })\n  }\n\n  redo() {\n    this.sendMessage({ type: RichTextControl.REDO })\n  }\n\n  changeBoxModel(boxModel: BoxModel | null): void {\n    this.sendMessage({\n      type: RichTextControl.CHANGE_BOX_MODEL,\n      payload: { boxModel },\n    })\n  }\n}\n"],"mappings":"AAEA,SAAS,uBAAuB;AAEhC;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAgDA,MAAM,wBAAwB,gBAAyB;AAAA,EAC5D,OAAgB,2BAA2B;AAAA,EAC3C,OAAgB,oBAAoB;AAAA,EACpC,OAAgB,sBAAsB;AAAA,EACtC,OAAgB,QAAQ;AAAA,EACxB,OAAgB,OAAO;AAAA,EACvB,OAAgB,OAAO;AAAA,EACvB,OAAgB,OAAO;AAAA,EACvB,OAAgB,mBAAmB;AAAA,EAE3B,SAAwB;AAAA,EAEhC,MAAM,MAA2C;AAC/C,WAAO;AAAA,EACT;AAAA,EAEA,OAAO,CAAC,YAA2B;AACjC,QAAI,CAAC,KAAK;AAAQ;AAElB,YAAQ,QAAQ,MAAM;AAAA,MACpB,KAAK,gBAAgB,0BAA0B;AAC7C,gBAAQ,QAAQ,QAAQ,UAAU;AAAA,UAChC,KAAK,gBAAgB;AAAA,UACrB,KAAK,gBAAgB;AACnB,iBAAK,OAAO,gBAAgB;AAAA,QAChC;AACA;AAAA,MACF;AAAA,MAEA,KAAK,gBAAgB,OAAO;AAC1B,aAAK,OAAO,kBAAkB;AAC9B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,eAAe,QAAgB;AAC7B,SAAK,SAAS;AAEd,SAAK,YAAY;AAAA,MACf,MAAM,gBAAgB;AAAA,MACtB,OAAO,iBAAiB,OAAO,UAAU,OAAO,SAAS;AAAA,IAC3D,CAAC;AAED,UAAM,YAAY,OAAO;AACzB,SAAK,OAAO,WAAW,aAAW;AAChC,gBAAU,OAAO;AAKjB,UAAI,SAAS,aAAa,MAAM;AAC9B,aAAK,YAAY;AAAA,UACf,MAAM,gBAAgB;AAAA,UACtB,OAAO,iBAAiB,OAAO,UAAU,OAAO,SAAS;AAAA,QAC3D,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAAA,EAEA,QAAQ;AACN,SAAK,YAAY,EAAE,MAAM,gBAAgB,MAAM,CAAC;AAAA,EAClD;AAAA,EAEA,OAAO;AACL,SAAK,YAAY,EAAE,MAAM,gBAAgB,KAAK,CAAC;AAAA,EACjD;AAAA,EAEA,OAAO;AACL,SAAK,YAAY,EAAE,MAAM,gBAAgB,KAAK,CAAC;AAAA,EACjD;AAAA,EAEA,OAAO;AACL,SAAK,YAAY,EAAE,MAAM,gBAAgB,KAAK,CAAC;AAAA,EACjD;AAAA,EAEA,eAAe,UAAiC;AAC9C,SAAK,YAAY;AAAA,MACf,MAAM,gBAAgB;AAAA,MACtB,SAAS,EAAE,SAAS;AAAA,IACtB,CAAC;AAAA,EACH;AACF;","names":[]}

package/dist/esm/controls/rich-text/index.js

@@ -1,5 +1,2 @@
-export * from "./copy";
-export * from "./dto-types";
 export * from "./rich-text";
-export * from "./dto";
 //# sourceMappingURL=index.js.map

package/dist/esm/controls/rich-text/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/controls/rich-text/index.ts"],"sourcesContent":["export * from './copy'\nexport * from './dto-types'\nexport * from './rich-text'\nexport * from './dto'\n"],"mappings":"AAAA,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;","names":[]}
+{"version":3,"sources":["../../../../src/controls/rich-text/index.ts"],"sourcesContent":["export * from './rich-text'\n"],"mappings":"AAAA,cAAc;","names":[]}

package/dist/esm/controls/rich-text/rich-text.js

@@ -1,73 +1,21 @@
-import { BuilderEditMode } from "../../state/modules/builder-edit-mode";
-import { PropController } from "../../prop-controllers/base";
-import { richTextDAOToDTO } from "./dto";
-const RichTextControlType = "makeswift::controls::rich-text";
-const RichTextControlMessageType = {
-  CHANGE_BUILDER_EDIT_MODE: "CHANGE_BUILDER_EDIT_MODE",
-  INITIALIZE_EDITOR: "INITIALIZE_EDITOR",
-  CHANGE_EDITOR_VALUE: "CHANGE_EDITOR_VALUE",
-  FOCUS: "FOCUS",
-  BLUR: "BLUR",
-  UNDO: "UNDO",
-  REDO: "REDO",
-  CHANGE_BOX_MODEL: "CHANGE_BOX_MODEL"
-};
-class RichTextControl extends PropController {
-  editor = null;
-  recv = (message) => {
-    if (!this.editor)
-      return;
-    switch (message.type) {
-      case RichTextControlMessageType.CHANGE_BUILDER_EDIT_MODE: {
-        switch (message.editMode) {
-          case BuilderEditMode.BUILD:
-          case BuilderEditMode.INTERACT:
-            this.editor.deselectAndBlur();
-        }
-        break;
-      }
-      case RichTextControlMessageType.FOCUS: {
-        this.editor.focusAndSelectAll();
-        break;
-      }
+import { RichTextV1Definition } from "@makeswift/controls";
+import { RichTextControl } from "./control";
+class BaseDefinition extends RichTextV1Definition {
+}
+class Definition extends BaseDefinition {
+  static deserialize(data) {
+    if (data.type !== Definition.type) {
+      throw new Error(`RichTextV1: expected type ${Definition.type}, got ${data.type}`);
     }
-  };
-  setSlateEditor(editor) {
-    this.editor = editor;
-    this.send({
-      type: RichTextControlMessageType.INITIALIZE_EDITOR,
-      value: richTextDAOToDTO(editor.children, editor.selection)
-    });
-    const _onChange = editor.onChange;
-    this.editor.onChange = (options) => {
-      _onChange(options);
-      if (options?.operation != null) {
-        this.send({
-          type: RichTextControlMessageType.CHANGE_EDITOR_VALUE,
-          value: richTextDAOToDTO(editor.children, editor.selection)
-        });
-      }
-    };
-  }
-  focus() {
-    this.send({ type: RichTextControlMessageType.FOCUS });
-  }
-  blur() {
-    this.send({ type: RichTextControlMessageType.BLUR });
-  }
-  undo() {
-    this.send({ type: RichTextControlMessageType.UNDO });
-  }
-  redo() {
-    this.send({ type: RichTextControlMessageType.REDO });
+    return new class RichTextV1 extends Definition {
+    }();
   }
-  changeBoxModel(boxModel) {
-    this.send({ type: RichTextControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
+  createInstance(sendMessage) {
+    return new RichTextControl(sendMessage);
   }
 }
 export {
-  RichTextControl,
-  RichTextControlMessageType,
-  RichTextControlType
+  RichTextControl as RichTextV1Control,
+  Definition as RichTextV1Definition
 };
 //# sourceMappingURL=rich-text.js.map

package/dist/esm/controls/rich-text/rich-text.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/controls/rich-text/rich-text.ts"],"sourcesContent":["import { BuilderEditMode } from '../../state/modules/builder-edit-mode'\nimport { PropController } from '../../prop-controllers/base'\nimport { BoxModel } from '../../box-model'\nimport { RichTextDTO } from './dto-types'\nimport { Editor } from 'slate'\nimport { richTextDAOToDTO } from './dto'\n\nexport type RichTextControlData = RichTextDTO\n\nexport const RichTextControlType = 'makeswift::controls::rich-text'\n\nexport type RichTextControlDefinition = {\n  type: typeof RichTextControlType\n}\n\nexport const RichTextControlMessageType = {\n  CHANGE_BUILDER_EDIT_MODE: 'CHANGE_BUILDER_EDIT_MODE',\n  INITIALIZE_EDITOR: 'INITIALIZE_EDITOR',\n  CHANGE_EDITOR_VALUE: 'CHANGE_EDITOR_VALUE',\n  FOCUS: 'FOCUS',\n  BLUR: 'BLUR',\n  UNDO: 'UNDO',\n  REDO: 'REDO',\n  CHANGE_BOX_MODEL: 'CHANGE_BOX_MODEL',\n} as const\n\ntype ChangeBuilderEditModeRichTextControlMessage = {\n  type: typeof RichTextControlMessageType.CHANGE_BUILDER_EDIT_MODE\n  editMode: BuilderEditMode\n}\n\ntype InitializeEditorRichTextControlMessage = {\n  type: typeof RichTextControlMessageType.INITIALIZE_EDITOR\n  value: RichTextDTO\n}\n\ntype ChangeEditorValueRichTextControlMessage = {\n  type: typeof RichTextControlMessageType.CHANGE_EDITOR_VALUE\n  value: RichTextDTO\n}\n\ntype FocusRichTextControlMessage = { type: typeof RichTextControlMessageType.FOCUS }\n\ntype BlurRichTextControlMessage = { type: typeof RichTextControlMessageType.BLUR }\n\ntype UndoRichTextControlMessage = { type: typeof RichTextControlMessageType.UNDO }\n\ntype RedoRichTextControlMessage = { type: typeof RichTextControlMessageType.REDO }\n\ntype BoxModelChangeRichControlMessage = {\n  type: typeof RichTextControlMessageType.CHANGE_BOX_MODEL\n  payload: { boxModel: BoxModel | null }\n}\n\nexport type RichTextControlMessage =\n  | ChangeBuilderEditModeRichTextControlMessage\n  | InitializeEditorRichTextControlMessage\n  | ChangeEditorValueRichTextControlMessage\n  | FocusRichTextControlMessage\n  | BlurRichTextControlMessage\n  | UndoRichTextControlMessage\n  | RedoRichTextControlMessage\n  | BoxModelChangeRichControlMessage\n\nexport class RichTextControl extends PropController<RichTextControlMessage> {\n  private editor: Editor | null = null\n\n  recv = (message: RichTextControlMessage): void => {\n    if (!this.editor) return\n    switch (message.type) {\n      case RichTextControlMessageType.CHANGE_BUILDER_EDIT_MODE: {\n        switch (message.editMode) {\n          case BuilderEditMode.BUILD:\n          case BuilderEditMode.INTERACT:\n            this.editor.deselectAndBlur()\n        }\n        break\n      }\n      case RichTextControlMessageType.FOCUS: {\n        this.editor.focusAndSelectAll()\n        break\n      }\n    }\n  }\n\n  setSlateEditor(editor: Editor) {\n    this.editor = editor\n\n    this.send({\n      type: RichTextControlMessageType.INITIALIZE_EDITOR,\n      value: richTextDAOToDTO(editor.children, editor.selection),\n    })\n\n    const _onChange = editor.onChange\n    this.editor.onChange = options => {\n      _onChange(options)\n\n      // if onChange is local then it will include an operation(s)\n      // that is the only case in which we want to push updates\n      // this prevent infinite loops that can occur when collaborating\n      if (options?.operation != null) {\n        this.send({\n          type: RichTextControlMessageType.CHANGE_EDITOR_VALUE,\n          value: richTextDAOToDTO(editor.children, editor.selection),\n        })\n      }\n    }\n  }\n\n  focus() {\n    this.send({ type: RichTextControlMessageType.FOCUS })\n  }\n\n  blur() {\n    this.send({ type: RichTextControlMessageType.BLUR })\n  }\n\n  undo() {\n    this.send({ type: RichTextControlMessageType.UNDO })\n  }\n\n  redo() {\n    this.send({ type: RichTextControlMessageType.REDO })\n  }\n\n  changeBoxModel(boxModel: BoxModel | null): void {\n    this.send({ type: RichTextControlMessageType.CHANGE_BOX_MODEL, payload: { boxModel } })\n  }\n}\n"],"mappings":"AAAA,SAAS,uBAAuB;AAChC,SAAS,sBAAsB;AAI/B,SAAS,wBAAwB;AAI1B,MAAM,sBAAsB;AAM5B,MAAM,6BAA6B;AAAA,EACxC,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,OAAO;AAAA,EACP,MAAM;AAAA,EACN,MAAM;AAAA,EACN,MAAM;AAAA,EACN,kBAAkB;AACpB;AAwCO,MAAM,wBAAwB,eAAuC;AAAA,EAClE,SAAwB;AAAA,EAEhC,OAAO,CAAC,YAA0C;AAChD,QAAI,CAAC,KAAK;AAAQ;AAClB,YAAQ,QAAQ,MAAM;AAAA,MACpB,KAAK,2BAA2B,0BAA0B;AACxD,gBAAQ,QAAQ,UAAU;AAAA,UACxB,KAAK,gBAAgB;AAAA,UACrB,KAAK,gBAAgB;AACnB,iBAAK,OAAO,gBAAgB;AAAA,QAChC;AACA;AAAA,MACF;AAAA,MACA,KAAK,2BAA2B,OAAO;AACrC,aAAK,OAAO,kBAAkB;AAC9B;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAAA,EAEA,eAAe,QAAgB;AAC7B,SAAK,SAAS;AAEd,SAAK,KAAK;AAAA,MACR,MAAM,2BAA2B;AAAA,MACjC,OAAO,iBAAiB,OAAO,UAAU,OAAO,SAAS;AAAA,IAC3D,CAAC;AAED,UAAM,YAAY,OAAO;AACzB,SAAK,OAAO,WAAW,aAAW;AAChC,gBAAU,OAAO;AAKjB,UAAI,SAAS,aAAa,MAAM;AAC9B,aAAK,KAAK;AAAA,UACR,MAAM,2BAA2B;AAAA,UACjC,OAAO,iBAAiB,OAAO,UAAU,OAAO,SAAS;AAAA,QAC3D,CAAC;AAAA,MACH;AAAA,IACF;AAAA,EACF;AAAA,EAEA,QAAQ;AACN,SAAK,KAAK,EAAE,MAAM,2BAA2B,MAAM,CAAC;AAAA,EACtD;AAAA,EAEA,OAAO;AACL,SAAK,KAAK,EAAE,MAAM,2BAA2B,KAAK,CAAC;AAAA,EACrD;AAAA,EAEA,OAAO;AACL,SAAK,KAAK,EAAE,MAAM,2BAA2B,KAAK,CAAC;AAAA,EACrD;AAAA,EAEA,OAAO;AACL,SAAK,KAAK,EAAE,MAAM,2BAA2B,KAAK,CAAC;AAAA,EACrD;AAAA,EAEA,eAAe,UAAiC;AAC9C,SAAK,KAAK,EAAE,MAAM,2BAA2B,kBAAkB,SAAS,EAAE,SAAS,EAAE,CAAC;AAAA,EACxF;AACF;","names":[]}
+{"version":3,"sources":["../../../../src/controls/rich-text/rich-text.ts"],"sourcesContent":["import { ReactNode } from 'react'\nimport { RichTextV1Definition, type DeserializedRecord, SendMessage } from '@makeswift/controls'\n\nimport { RichTextControl } from './control'\n\nabstract class BaseDefinition extends RichTextV1Definition<ReactNode, RichTextControl> {}\n\nclass Definition extends BaseDefinition {\n  static deserialize(data: DeserializedRecord): Definition {\n    if (data.type !== Definition.type) {\n      throw new Error(`RichTextV1: expected type ${Definition.type}, got ${data.type}`)\n    }\n\n    return new (class RichTextV1 extends Definition {})()\n  }\n\n  createInstance(sendMessage: SendMessage<any>) {\n    return new RichTextControl(sendMessage)\n  }\n}\n\nexport { Definition as RichTextV1Definition, RichTextControl as RichTextV1Control }\n"],"mappings":"AACA,SAAS,4BAAkE;AAE3E,SAAS,uBAAuB;AAEhC,MAAe,uBAAuB,qBAAiD;AAAC;AAExF,MAAM,mBAAmB,eAAe;AAAA,EACtC,OAAO,YAAY,MAAsC;AACvD,QAAI,KAAK,SAAS,WAAW,MAAM;AACjC,YAAM,IAAI,MAAM,6BAA6B,WAAW,IAAI,SAAS,KAAK,IAAI,EAAE;AAAA,IAClF;AAEA,WAAO,IAAK,MAAM,mBAAmB,WAAW;AAAA,IAAC,EAAG;AAAA,EACtD;AAAA,EAEA,eAAe,aAA+B;AAC5C,WAAO,IAAI,gBAAgB,WAAW;AAAA,EACxC;AACF;","names":[]}

package/dist/esm/controls/rich-text-v2/control.js

@@ -0,0 +1,117 @@
+import {
+  RichTextDefinition,
+  ControlInstance
+} from "@makeswift/controls";
+import { RichTextV2Definition } from "./rich-text-v2";
+class RichTextV2Control extends ControlInstance {
+  constructor(send, descriptor) {
+    super(send);
+    this.descriptor = descriptor;
+  }
+  static messagePrefix = `${RichTextDefinition.type}::control-message`;
+  // COSMOS -> HOST
+  static RESET_VALUE = `${this.messagePrefix}::reset-value`;
+  static FOCUS = `${this.messagePrefix}::focus`;
+  static RUN_PLUGIN_CONTROL_ACTION = `${this.messagePrefix}::run-plugin-control-action`;
+  // HOST -> COSMOS
+  static SET_DEFAULT_VALUE = `${this.messagePrefix}::set-default-value`;
+  static SET_PLUGIN_CONTROL_VALUE = `${this.messagePrefix}::set-plugin-control-value`;
+  static ON_CHANGE = `${this.messagePrefix}::on-change`;
+  static SELECT = `${this.messagePrefix}::select`;
+  static SWITCH_TO_BUILD_MODE = `${this.messagePrefix}::switch-to-build-mode`;
+  static CHANGE_BOX_MODEL = `${this.messagePrefix}::change-box-model`;
+  static REDO = `${this.messagePrefix}::redo`;
+  static UNDO = `${this.messagePrefix}::undo`;
+  editor = null;
+  defaultValue = null;
+  recv = (message) => {
+    if (!this.editor)
+      return;
+    switch (message.type) {
+      case RichTextV2Control.FOCUS: {
+        this.editor.focusAndSelectAll();
+        break;
+      }
+      case RichTextV2Control.RESET_VALUE: {
+        if (this.defaultValue) {
+          this.editor.resetValue(this.defaultValue);
+          setTimeout(() => {
+            this.onLocalUserChange();
+          });
+        }
+        break;
+      }
+      case RichTextV2Control.RUN_PLUGIN_CONTROL_ACTION: {
+        this.descriptor.pluginControlAt(message.pluginIndex)?.onChange?.(this.editor, message.value);
+        break;
+      }
+    }
+  };
+  child(_key) {
+    return void 0;
+  }
+  setEditor(editor) {
+    this.editor = editor;
+    this.sendMessage({
+      type: RichTextV2Control.SET_PLUGIN_CONTROL_VALUE,
+      value: this.getValue(editor)
+    });
+    const _onChange = editor.onChange;
+    this.editor.onChange = (options) => {
+      _onChange(options);
+      this.updatePluginValues();
+      if (this.editor == null || options?.operation == null)
+        return;
+      this.onLocalUserChange();
+    };
+  }
+  setDefaultValue(defaultValue) {
+    this.defaultValue = defaultValue;
+    this.sendMessage({
+      type: RichTextV2Control.SET_DEFAULT_VALUE,
+      value: defaultValue
+    });
+  }
+  onLocalUserChange() {
+    if (this.editor == null)
+      return;
+    this.sendMessage({
+      type: RichTextV2Control.ON_CHANGE,
+      value: RichTextV2Definition.nodesToDataV2(this.editor.children, this.editor.currentKey)
+    });
+  }
+  updatePluginValues() {
+    const editor = this.editor;
+    if (editor == null)
+      return;
+    this.sendMessage({
+      type: RichTextV2Control.SET_PLUGIN_CONTROL_VALUE,
+      value: this.getValue(editor)
+    });
+  }
+  getValue(editor) {
+    return this.descriptor.pluginControls.map((control) => control.getValue?.(editor)) ?? [];
+  }
+  select() {
+    this.sendMessage({ type: RichTextV2Control.SELECT });
+  }
+  switchToBuildMode() {
+    this.sendMessage({ type: RichTextV2Control.SWITCH_TO_BUILD_MODE });
+  }
+  undo() {
+    this.sendMessage({ type: RichTextV2Control.UNDO });
+  }
+  redo() {
+    this.sendMessage({ type: RichTextV2Control.REDO });
+  }
+  changeBoxModel(boxModel) {
+    this.sendMessage({
+      type: RichTextV2Control.CHANGE_BOX_MODEL,
+      payload: { boxModel }
+    });
+  }
+}
+export {
+  RichTextV2Control
+};
+//# sourceMappingURL=control.js.map