@makeswift/runtime 0.19.4 → 0.20.0-canary.0

package/dist/cjs/controls/slot.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/controls/slot.ts"],"sourcesContent":["import { ResponsiveValue } from '@makeswift/controls'\nimport { PropController } from '../prop-controllers/base'\nimport { BoxModel } from '../state/modules/box-models'\nimport {\n  CopyContext,\n  Element,\n  isElementReference,\n  MergeContext,\n  MergeTranslatableDataContext,\n} from '../state/react-page'\n\ntype SlotControlColumnData = { count: number; spans: number[][] }\n\nexport type SlotControlData = {\n  elements: (Element & { deleted?: boolean })[]\n  columns: ResponsiveValue<SlotControlColumnData>\n}\n\nexport const SlotControlType = 'makeswift::controls::slot'\n\nexport type SlotControlDefinition = {\n  type: typeof SlotControlType\n}\n\nexport function Slot(): SlotControlDefinition {\n  return { type: SlotControlType }\n}\n\nexport const SlotControlMessageType = {\n  CONTAINER_BOX_MODEL_CHANGE: 'makeswift::controls::slot::message::container-box-model-change',\n  ITEM_BOX_MODEL_CHANGE: 'makeswift::controls::slot::message::item-box-model-change',\n} as const\n\ntype SlotControlContainerBoxModelChangeMessage = {\n  type: typeof SlotControlMessageType.CONTAINER_BOX_MODEL_CHANGE\n  payload: { boxModel: BoxModel | null }\n}\n\ntype SlotControlItemBoxModelChangeMessage = {\n  type: typeof SlotControlMessageType.ITEM_BOX_MODEL_CHANGE\n  payload: { index: number; boxModel: BoxModel | null }\n}\n\nexport type SlotControlMessage =\n  | SlotControlContainerBoxModelChangeMessage\n  | SlotControlItemBoxModelChangeMessage\n\nexport class SlotControl extends PropController<SlotControlMessage> {\n  recv = () => {}\n\n  changeContainerBoxModel(boxModel: BoxModel | null): void {\n    this.send({ type: SlotControlMessageType.CONTAINER_BOX_MODEL_CHANGE, payload: { boxModel } })\n  }\n\n  changeItemBoxModel(index: number, boxModel: BoxModel | null): void {\n    this.send({ type: SlotControlMessageType.ITEM_BOX_MODEL_CHANGE, payload: { index, boxModel } })\n  }\n}\n\nexport function copySlotData(\n  value: SlotControlData | undefined,\n  context: CopyContext,\n): SlotControlData | undefined {\n  if (value == null) return value\n\n  return {\n    ...value,\n    elements: value.elements.map(element => context.copyElement(element)),\n  }\n}\n\n/**\n * @todo\n * - Inserting elements\n * - Moving elements\n * - Merging column data\n */\nexport function mergeSlotData(\n  base: SlotControlData | undefined = { columns: [], elements: [] },\n  override: SlotControlData | undefined = { columns: [], elements: [] },\n  context: MergeContext,\n): SlotControlData {\n  const mergedColumns = base.columns\n  const mergedElements = base.elements.flatMap(baseElement => {\n    const overrideElement = override.elements.find(\n      e => baseElement.type === e.type && baseElement.key === e.key,\n    )\n\n    if (overrideElement == null) return [baseElement]\n\n    if (overrideElement.deleted) return []\n\n    if (isElementReference(overrideElement)) return [overrideElement]\n\n    if (isElementReference(baseElement)) return [baseElement]\n\n    return context.mergeElement(baseElement, overrideElement)\n  })\n\n  return { columns: mergedColumns, elements: mergedElements }\n}\n\nexport function mergeSlotControlTranslatedData(\n  data: SlotControlData,\n  context: MergeTranslatableDataContext,\n) {\n  return {\n    ...data,\n    elements: data.elements.map(element => context.mergeTranslatedData(element)),\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAA+B;AAE/B,wBAMO;AASA,MAAM,kBAAkB;AAMxB,SAAS,OAA8B;AAC5C,SAAO,EAAE,MAAM,gBAAgB;AACjC;AAEO,MAAM,yBAAyB;AAAA,EACpC,4BAA4B;AAAA,EAC5B,uBAAuB;AACzB;AAgBO,MAAM,oBAAoB,2BAAmC;AAAA,EAClE,OAAO,MAAM;AAAA,EAAC;AAAA,EAEd,wBAAwB,UAAiC;AACvD,SAAK,KAAK,EAAE,MAAM,uBAAuB,4BAA4B,SAAS,EAAE,SAAS,EAAE,CAAC;AAAA,EAC9F;AAAA,EAEA,mBAAmB,OAAe,UAAiC;AACjE,SAAK,KAAK,EAAE,MAAM,uBAAuB,uBAAuB,SAAS,EAAE,OAAO,SAAS,EAAE,CAAC;AAAA,EAChG;AACF;AAEO,SAAS,aACd,OACA,SAC6B;AAC7B,MAAI,SAAS;AAAM,WAAO;AAE1B,SAAO;AAAA,IACL,GAAG;AAAA,IACH,UAAU,MAAM,SAAS,IAAI,aAAW,QAAQ,YAAY,OAAO,CAAC;AAAA,EACtE;AACF;AAQO,SAAS,cACd,OAAoC,EAAE,SAAS,CAAC,GAAG,UAAU,CAAC,EAAE,GAChE,WAAwC,EAAE,SAAS,CAAC,GAAG,UAAU,CAAC,EAAE,GACpE,SACiB;AACjB,QAAM,gBAAgB,KAAK;AAC3B,QAAM,iBAAiB,KAAK,SAAS,QAAQ,iBAAe;AAC1D,UAAM,kBAAkB,SAAS,SAAS;AAAA,MACxC,OAAK,YAAY,SAAS,EAAE,QAAQ,YAAY,QAAQ,EAAE;AAAA,IAC5D;AAEA,QAAI,mBAAmB;AAAM,aAAO,CAAC,WAAW;AAEhD,QAAI,gBAAgB;AAAS,aAAO,CAAC;AAErC,YAAI,sCAAmB,eAAe;AAAG,aAAO,CAAC,eAAe;AAEhE,YAAI,sCAAmB,WAAW;AAAG,aAAO,CAAC,WAAW;AAExD,WAAO,QAAQ,aAAa,aAAa,eAAe;AAAA,EAC1D,CAAC;AAED,SAAO,EAAE,SAAS,eAAe,UAAU,eAAe;AAC5D;AAEO,SAAS,+BACd,MACA,SACA;AACA,SAAO;AAAA,IACL,GAAG;AAAA,IACH,UAAU,KAAK,SAAS,IAAI,aAAW,QAAQ,oBAAoB,OAAO,CAAC;AAAA,EAC7E;AACF;","names":[]}
+{"version":3,"sources":["../../../src/controls/slot.ts"],"sourcesContent":["import { ReactNode } from 'react'\nimport {\n  SlotDefinition as BaseSlotDefinition,\n  SlotControl,\n  type DeserializedRecord,\n} from '@makeswift/controls'\n\nabstract class BaseDefinition extends BaseSlotDefinition<ReactNode> {}\n\nexport class SlotDefinition extends BaseDefinition {\n  static deserialize(data: DeserializedRecord): SlotDefinition {\n    if (data.type !== SlotDefinition.type) {\n      throw new Error(`Slot: expected type ${SlotDefinition.type}, got ${data.type}`)\n    }\n\n    return Slot()\n  }\n}\n\nexport function Slot(): SlotDefinition {\n  return new SlotDefinition()\n}\n\nexport { SlotControl }\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,sBAIO;AAEP,MAAe,uBAAuB,gBAAAA,eAA8B;AAAC;AAE9D,MAAM,uBAAuB,eAAe;AAAA,EACjD,OAAO,YAAY,MAA0C;AAC3D,QAAI,KAAK,SAAS,eAAe,MAAM;AACrC,YAAM,IAAI,MAAM,uBAAuB,eAAe,IAAI,SAAS,KAAK,IAAI,EAAE;AAAA,IAChF;AAEA,WAAO,KAAK;AAAA,EACd;AACF;AAEO,SAAS,OAAuB;AACrC,SAAO,IAAI,eAAe;AAC5B;","names":["BaseSlotDefinition"]}

package/dist/cjs/controls/{rich-text/fixtures → style-v2}/index.js

@@ -13,15 +13,11 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var fixtures_exports = {};
-module.exports = __toCommonJS(fixtures_exports);
-__reExport(fixtures_exports, require("./list"), module.exports);
-__reExport(fixtures_exports, require("./blockquote"), module.exports);
-__reExport(fixtures_exports, require("./typography"), module.exports);
+var style_v2_exports = {};
+module.exports = __toCommonJS(style_v2_exports);
+__reExport(style_v2_exports, require("./style-v2"), module.exports);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  ...require("./list"),
-  ...require("./blockquote"),
-  ...require("./typography")
+  ...require("./style-v2")
 });
 //# sourceMappingURL=index.js.map

package/dist/cjs/controls/style-v2/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/controls/style-v2/index.ts"],"sourcesContent":["export * from './style-v2'\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AAAA;AAAA,6BAAc,uBAAd;","names":[]}

package/dist/cjs/controls/style-v2/style-v2.js

@@ -0,0 +1,50 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var style_v2_exports = {};
+__export(style_v2_exports, {
+  StyleV2Control: () => import_controls.StyleV2Control,
+  StyleV2Definition: () => StyleV2Definition,
+  unstable_StyleV2: () => unstable_StyleV2
+});
+module.exports = __toCommonJS(style_v2_exports);
+var import_controls = require("@makeswift/controls");
+class StyleV2Definition extends import_controls.StyleV2Definition {
+  static deserialize(data, deserializeCallback) {
+    if (data.type !== StyleV2Definition.type) {
+      throw new Error(`StyleV2: expected type ${StyleV2Definition.type}, got ${data.type}`);
+    }
+    const {
+      config: { type, ...config }
+    } = StyleV2Definition.schema({
+      typeDef: import_controls.SerializationSchema.deserializedRecord
+    }).definition.parse(data);
+    const typeDef = deserializeCallback(type);
+    return unstable_StyleV2({ type: typeDef, ...config });
+  }
+}
+function unstable_StyleV2(config) {
+  return new StyleV2Definition(config);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  StyleV2Control,
+  StyleV2Definition,
+  unstable_StyleV2
+});
+//# sourceMappingURL=style-v2.js.map

package/dist/cjs/controls/style-v2/style-v2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/controls/style-v2/style-v2.ts"],"sourcesContent":["import {\n  ControlDefinition,\n  SerializationSchema,\n  StyleV2Definition as BaseStyleV2Definition,\n  StyleV2PropDefinition,\n  StyleV2Control,\n  type StyleV2Config,\n  type DeserializedRecord,\n} from '@makeswift/controls'\n\nimport { CSSObject } from '@emotion/serialize'\n\ntype PropDefinition = StyleV2PropDefinition\ntype Config<Prop extends PropDefinition> = StyleV2Config<Prop, CSSObject>\n\nexport class StyleV2Definition<\n  Prop extends PropDefinition = PropDefinition,\n> extends BaseStyleV2Definition<Prop, CSSObject> {\n  static deserialize(\n    data: DeserializedRecord,\n    deserializeCallback: (r: DeserializedRecord) => ControlDefinition,\n  ): StyleV2Definition {\n    if (data.type !== StyleV2Definition.type) {\n      throw new Error(`StyleV2: expected type ${StyleV2Definition.type}, got ${data.type}`)\n    }\n\n    const {\n      config: { type, ...config },\n    } = StyleV2Definition.schema({\n      typeDef: SerializationSchema.deserializedRecord,\n    }).definition.parse(data)\n\n    const typeDef = deserializeCallback(type)\n\n    return unstable_StyleV2({ type: typeDef, ...config })\n  }\n}\n\nexport function unstable_StyleV2<Prop extends PropDefinition>(\n  config: Config<Prop>,\n): StyleV2Definition<Prop> {\n  return new StyleV2Definition(config)\n}\n\nexport { StyleV2Control }\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAQO;AAOA,MAAM,0BAEH,gBAAAA,kBAAuC;AAAA,EAC/C,OAAO,YACL,MACA,qBACmB;AACnB,QAAI,KAAK,SAAS,kBAAkB,MAAM;AACxC,YAAM,IAAI,MAAM,0BAA0B,kBAAkB,IAAI,SAAS,KAAK,IAAI,EAAE;AAAA,IACtF;AAEA,UAAM;AAAA,MACJ,QAAQ,EAAE,MAAM,GAAG,OAAO;AAAA,IAC5B,IAAI,kBAAkB,OAAO;AAAA,MAC3B,SAAS,oCAAoB;AAAA,IAC/B,CAAC,EAAE,WAAW,MAAM,IAAI;AAExB,UAAM,UAAU,oBAAoB,IAAI;AAExC,WAAO,iBAAiB,EAAE,MAAM,SAAS,GAAG,OAAO,CAAC;AAAA,EACtD;AACF;AAEO,SAAS,iBACd,QACyB;AACzB,SAAO,IAAI,kBAAkB,MAAM;AACrC;","names":["BaseStyleV2Definition"]}

package/dist/cjs/{controls/select.js → core/index.js}

@@ -16,19 +16,18 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var select_exports = {};
-__export(select_exports, {
-  Select: () => Select,
-  SelectControlType: () => SelectControlType
+var core_exports = {};
+__export(core_exports, {
+  ControlDefinition: () => import_controls.ControlDefinition,
+  ControlInstance: () => import_controls.ControlInstance,
+  DefaultControlInstance: () => import_controls.DefaultControlInstance
 });
-module.exports = __toCommonJS(select_exports);
-const SelectControlType = "makeswift::controls::select";
-function Select(config) {
-  return { type: SelectControlType, config };
-}
+module.exports = __toCommonJS(core_exports);
+var import_controls = require("@makeswift/controls");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Select,
-  SelectControlType
+  ControlDefinition,
+  ControlInstance,
+  DefaultControlInstance
 });
-//# sourceMappingURL=select.js.map
+//# sourceMappingURL=index.js.map

package/dist/cjs/core/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/core/index.ts"],"sourcesContent":["export {\n  type Data,\n  type DataType,\n  type ValueType,\n  type ResolvedValueType,\n  type ControlMessage,\n  type ReplacementContext,\n  type SendMessageType,\n  ControlDefinition,\n  ControlInstance,\n  DefaultControlInstance,\n} from '@makeswift/controls'\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAWO;","names":[]}

package/dist/cjs/jest-setup.js

@@ -6,6 +6,9 @@ beforeAll(() => import_server.server.listen());
 afterEach(() => import_server.server.resetHandlers());
 afterAll(() => import_server.server.close());
 expect.extend(import_jest.matchers);
+jest.mock("uuid", () => ({
+  v4: jest.fn(() => "xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx")
+}));
 if (typeof window !== "undefined") {
   Object.defineProperty(window, "matchMedia", {
     writable: true,

package/dist/cjs/jest-setup.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/jest-setup.ts"],"sourcesContent":["import '@testing-library/jest-dom'\nimport { matchers } from '@emotion/jest'\nimport { server } from './mocks/server'\n\nbeforeAll(() => server.listen())\nafterEach(() => server.resetHandlers())\nafterAll(() => server.close())\n\nexpect.extend(matchers)\n\nif (typeof window !== 'undefined') {\n  Object.defineProperty(window, 'matchMedia', {\n    writable: true,\n    value: jest.fn().mockImplementation(query => ({\n      matches: false,\n      media: query,\n      onchange: null,\n      addListener: jest.fn(), // deprecated\n      removeListener: jest.fn(), // deprecated\n      addEventListener: jest.fn(),\n      removeEventListener: jest.fn(),\n      dispatchEvent: jest.fn(),\n    })),\n  })\n\n  Object.defineProperty(window, 'IntersectionObserver', {\n    writable: true,\n    value: jest.fn().mockImplementation(() => ({\n      observe: jest.fn(),\n      unobserve: jest.fn(),\n      disconnect: jest.fn(),\n    })),\n  })\n}\n"],"mappings":";AAAA,sBAAO;AACP,kBAAyB;AACzB,oBAAuB;AAEvB,UAAU,MAAM,qBAAO,OAAO,CAAC;AAC/B,UAAU,MAAM,qBAAO,cAAc,CAAC;AACtC,SAAS,MAAM,qBAAO,MAAM,CAAC;AAE7B,OAAO,OAAO,oBAAQ;AAEtB,IAAI,OAAO,WAAW,aAAa;AACjC,SAAO,eAAe,QAAQ,cAAc;AAAA,IAC1C,UAAU;AAAA,IACV,OAAO,KAAK,GAAG,EAAE,mBAAmB,YAAU;AAAA,MAC5C,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa,KAAK,GAAG;AAAA;AAAA,MACrB,gBAAgB,KAAK,GAAG;AAAA;AAAA,MACxB,kBAAkB,KAAK,GAAG;AAAA,MAC1B,qBAAqB,KAAK,GAAG;AAAA,MAC7B,eAAe,KAAK,GAAG;AAAA,IACzB,EAAE;AAAA,EACJ,CAAC;AAED,SAAO,eAAe,QAAQ,wBAAwB;AAAA,IACpD,UAAU;AAAA,IACV,OAAO,KAAK,GAAG,EAAE,mBAAmB,OAAO;AAAA,MACzC,SAAS,KAAK,GAAG;AAAA,MACjB,WAAW,KAAK,GAAG;AAAA,MACnB,YAAY,KAAK,GAAG;AAAA,IACtB,EAAE;AAAA,EACJ,CAAC;AACH;","names":[]}
+{"version":3,"sources":["../../src/jest-setup.ts"],"sourcesContent":["import '@testing-library/jest-dom'\nimport { matchers } from '@emotion/jest'\nimport { server } from './mocks/server'\n\nbeforeAll(() => server.listen())\nafterEach(() => server.resetHandlers())\nafterAll(() => server.close())\n\nexpect.extend(matchers)\n\njest.mock('uuid', () => ({\n  v4: jest.fn(() => 'xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx'),\n}))\n\nif (typeof window !== 'undefined') {\n  Object.defineProperty(window, 'matchMedia', {\n    writable: true,\n    value: jest.fn().mockImplementation(query => ({\n      matches: false,\n      media: query,\n      onchange: null,\n      addListener: jest.fn(), // deprecated\n      removeListener: jest.fn(), // deprecated\n      addEventListener: jest.fn(),\n      removeEventListener: jest.fn(),\n      dispatchEvent: jest.fn(),\n    })),\n  })\n\n  Object.defineProperty(window, 'IntersectionObserver', {\n    writable: true,\n    value: jest.fn().mockImplementation(() => ({\n      observe: jest.fn(),\n      unobserve: jest.fn(),\n      disconnect: jest.fn(),\n    })),\n  })\n}\n"],"mappings":";AAAA,sBAAO;AACP,kBAAyB;AACzB,oBAAuB;AAEvB,UAAU,MAAM,qBAAO,OAAO,CAAC;AAC/B,UAAU,MAAM,qBAAO,cAAc,CAAC;AACtC,SAAS,MAAM,qBAAO,MAAM,CAAC;AAE7B,OAAO,OAAO,oBAAQ;AAEtB,KAAK,KAAK,QAAQ,OAAO;AAAA,EACvB,IAAI,KAAK,GAAG,MAAM,sCAAsC;AAC1D,EAAE;AAEF,IAAI,OAAO,WAAW,aAAa;AACjC,SAAO,eAAe,QAAQ,cAAc;AAAA,IAC1C,UAAU;AAAA,IACV,OAAO,KAAK,GAAG,EAAE,mBAAmB,YAAU;AAAA,MAC5C,SAAS;AAAA,MACT,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa,KAAK,GAAG;AAAA;AAAA,MACrB,gBAAgB,KAAK,GAAG;AAAA;AAAA,MACxB,kBAAkB,KAAK,GAAG;AAAA,MAC1B,qBAAqB,KAAK,GAAG;AAAA,MAC7B,eAAe,KAAK,GAAG;AAAA,IACzB,EAAE;AAAA,EACJ,CAAC;AAED,SAAO,eAAe,QAAQ,wBAAwB;AAAA,IACpD,UAAU;AAAA,IACV,OAAO,KAAK,GAAG,EAAE,mBAAmB,OAAO;AAAA,MACzC,SAAS,KAAK,GAAG;AAAA,MACjB,WAAW,KAAK,GAAG;AAAA,MACnB,YAAY,KAAK,GAAG;AAAA,IACtB,EAAE;AAAA,EACJ,CAAC;AACH;","names":[]}

package/dist/cjs/next/api-handler/handlers/manifest.js

@@ -36,7 +36,7 @@ async function handler(...args) {
   const supportsPreviewMode = (0, import_ts_pattern.match)(args).with(routeHandlerPattern, () => false).with(apiRoutePattern, () => true).exhaustive();
   const supportsDraftMode = (0, import_ts_pattern.match)(args).with(routeHandlerPattern, () => true).with(apiRoutePattern, () => false).exhaustive();
   const body = {
-    version: "0.19.4",
+    version: "0.20.0-canary.0",
     previewMode: supportsPreviewMode,
     draftMode: supportsDraftMode,
     interactionMode: true,

package/dist/cjs/next/components/tests/controls/page-control-prop-rendering.js

@@ -32,13 +32,19 @@ var import_react3 = require("../../../../react");
 var import_element_data_test_test = require("../../../../utils/tests/element-data-test-test");
 const ROOT_ID = "00000000-0000-0000-0000-000000000000";
 const ELEMENT_ID = "11111111-1111-1111-1111-111111111111";
+const renderProp = (prop) => prop === void 0 ? "undefined" : (0, import_react.isValidElement)(prop) ? prop : JSON.stringify(prop);
+const propSnapshot = (prop) => prop.childElementCount ? prop.childNodes : parseStringifiedProp(prop.textContent ?? "");
+const parseStringifiedProp = (prop) => prop === "undefined" ? void 0 : JSON.parse(prop);
 async function testPageControlPropRendering(controlDefinition, {
   toData,
   value,
   cacheData,
-  expectedRenders
+  expectedRenders,
+  registerComponents,
+  action,
+  rootElements = []
 }) {
-  const controlData = toData(value);
+  const controlData = value !== void 0 ? toData ? toData(value) : controlDefinition.toData(value) : void 0;
   const TestComponentType = "TestComponent";
   const testId = "test-id";
   const renderCountTestId = "render-count-test-id";
@@ -50,19 +56,21 @@ async function testPageControlPropRendering(controlDefinition, {
         props: {
           propKey: controlData
         }
-      }
+      },
+      ...rootElements
     ],
     ROOT_ID
   );
   const snapshot = (0, import_element_data_test_test.createMakeswiftPageSnapshot)(elementData, {}, cacheData);
   const runtime = new import_react3.ReactRuntime();
+  registerComponents?.(runtime);
   runtime.registerComponent(
     (0, import_react.forwardRef)(({ propKey }, ref) => {
       const renderCount = (0, import_react.useRef)(0);
       ++renderCount.current;
       return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { ref, children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-testid": renderCountTestId, children: renderCount.current }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-testid": testId, children: JSON.stringify(propKey) })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { "data-testid": testId, children: renderProp(propKey) })
       ] });
     }),
     {
@@ -78,8 +86,13 @@ async function testPageControlPropRendering(controlDefinition, {
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_runtime.ReactRuntimeProvider, { runtime, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_page.Page, { snapshot }) })
     )
   );
+  if (action) {
+    await (0, import_test_utils.act)(async () => {
+      await action(import_react2.screen.getByTestId(testId));
+    });
+  }
   expect(snapshot).toMatchSnapshot("snapshot");
-  expect(JSON.parse(import_react2.screen.getByTestId(testId).textContent ?? "")).toMatchSnapshot("resolvedValue");
+  expect(propSnapshot(import_react2.screen.getByTestId(testId))).toMatchSnapshot("resolvedValue");
   if (expectedRenders != null) {
     expect(Number(import_react2.screen.getByTestId(renderCountTestId).textContent)).toBe(expectedRenders);
   }

package/dist/cjs/next/components/tests/controls/page-control-prop-rendering.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../../src/next/components/tests/controls/page-control-prop-rendering.tsx"],"sourcesContent":["/** @jest-environment jsdom */\n\nimport { forwardRef, useRef } from 'react'\nimport { act } from 'react-dom/test-utils'\nimport { render, screen } from '@testing-library/react'\nimport '@testing-library/jest-dom'\n\nimport { Data } from '@makeswift/controls'\n\nimport { ElementData } from '../../../../state/react-page'\nimport { Page } from '../../page'\nimport { ReactRuntimeProvider } from '../../../context/react-runtime'\nimport { ReactRuntime } from '../../../../react'\n\nimport {\n  createMakeswiftPageSnapshot,\n  createRootComponent,\n} from '../../../../utils/tests/element-data-test-test'\n\nimport { type MakeswiftPageSnapshot } from '../../../../next'\nimport { ControlDefinition, ControlDefinitionData } from '../../../../controls'\n\nconst ROOT_ID = '00000000-0000-0000-0000-000000000000'\nconst ELEMENT_ID = '11111111-1111-1111-1111-111111111111'\n\nexport async function testPageControlPropRendering<T extends ControlDefinition>(\n  controlDefinition: T,\n  {\n    toData,\n    value,\n    cacheData,\n    expectedRenders,\n  }: {\n    toData: (value: Data) => ControlDefinitionData<T>\n    value: Data\n    cacheData?: MakeswiftPageSnapshot['cacheData']\n    expectedRenders?: number\n  },\n) {\n  // Arrange\n  const controlData = toData(value)\n  const TestComponentType = 'TestComponent'\n  const testId = 'test-id'\n  const renderCountTestId = 'render-count-test-id'\n  const elementData: ElementData = createRootComponent(\n    [\n      {\n        key: ELEMENT_ID,\n        type: TestComponentType,\n        props: {\n          propKey: controlData,\n        },\n      },\n    ],\n    ROOT_ID,\n  )\n  const snapshot = createMakeswiftPageSnapshot(elementData, {}, cacheData)\n  const runtime = new ReactRuntime()\n\n  // Act\n  runtime.registerComponent(\n    forwardRef<HTMLDivElement, { propKey?: any }>(({ propKey }, ref) => {\n      const renderCount = useRef(0)\n      ++renderCount.current\n      return (\n        <div ref={ref}>\n          <div data-testid={renderCountTestId}>{renderCount.current}</div>\n          <div data-testid={testId}>{JSON.stringify(propKey)}</div>\n        </div>\n      )\n    }),\n    {\n      type: TestComponentType,\n      label: 'TestComponent',\n      props: {\n        propKey: controlDefinition,\n      },\n    },\n  )\n\n  // Assert\n  await act(async () =>\n    render(\n      <ReactRuntimeProvider runtime={runtime}>\n        <Page snapshot={snapshot} />\n      </ReactRuntimeProvider>,\n    ),\n  )\n\n  expect(snapshot).toMatchSnapshot('snapshot')\n  expect(JSON.parse(screen.getByTestId(testId).textContent ?? '')).toMatchSnapshot('resolvedValue')\n\n  if (expectedRenders != null) {\n    expect(Number(screen.getByTestId(renderCountTestId).textContent)).toBe(expectedRenders)\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAiEQ;AA/DR,mBAAmC;AACnC,wBAAoB;AACpB,IAAAA,gBAA+B;AAC/B,sBAAO;AAKP,kBAAqB;AACrB,2BAAqC;AACrC,IAAAA,gBAA6B;AAE7B,oCAGO;AAKP,MAAM,UAAU;AAChB,MAAM,aAAa;AAEnB,eAAsB,6BACpB,mBACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAMA;AAEA,QAAM,cAAc,OAAO,KAAK;AAChC,QAAM,oBAAoB;AAC1B,QAAM,SAAS;AACf,QAAM,oBAAoB;AAC1B,QAAM,kBAA2B;AAAA,IAC/B;AAAA,MACE;AAAA,QACE,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS;AAAA,QACX;AAAA,MACF;AAAA,IACF;AAAA,IACA;AAAA,EACF;AACA,QAAM,eAAW,2DAA4B,aAAa,CAAC,GAAG,SAAS;AACvE,QAAM,UAAU,IAAI,2BAAa;AAGjC,UAAQ;AAAA,QACN,yBAA8C,CAAC,EAAE,QAAQ,GAAG,QAAQ;AAClE,YAAM,kBAAc,qBAAO,CAAC;AAC5B,QAAE,YAAY;AACd,aACE,6CAAC,SAAI,KACH;AAAA,oDAAC,SAAI,eAAa,mBAAoB,sBAAY,SAAQ;AAAA,QAC1D,4CAAC,SAAI,eAAa,QAAS,eAAK,UAAU,OAAO,GAAE;AAAA,SACrD;AAAA,IAEJ,CAAC;AAAA,IACD;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAGA,YAAM;AAAA,IAAI,gBACR;AAAA,MACE,4CAAC,6CAAqB,SACpB,sDAAC,oBAAK,UAAoB,GAC5B;AAAA,IACF;AAAA,EACF;AAEA,SAAO,QAAQ,EAAE,gBAAgB,UAAU;AAC3C,SAAO,KAAK,MAAM,qBAAO,YAAY,MAAM,EAAE,eAAe,EAAE,CAAC,EAAE,gBAAgB,eAAe;AAEhG,MAAI,mBAAmB,MAAM;AAC3B,WAAO,OAAO,qBAAO,YAAY,iBAAiB,EAAE,WAAW,CAAC,EAAE,KAAK,eAAe;AAAA,EACxF;AACF;","names":["import_react"]}
+{"version":3,"sources":["../../../../../../src/next/components/tests/controls/page-control-prop-rendering.tsx"],"sourcesContent":["/** @jest-environment jsdom */\n\nimport { forwardRef, useRef, isValidElement } from 'react'\nimport { act } from 'react-dom/test-utils'\nimport { render, screen } from '@testing-library/react'\nimport '@testing-library/jest-dom'\n\nimport { type Data, type ValueType, type DataType, ControlDefinition } from '@makeswift/controls'\n\nimport { ElementData } from '../../../../state/react-page'\nimport { Page } from '../../page'\nimport { ReactRuntimeProvider } from '../../../context/react-runtime'\nimport { ReactRuntime } from '../../../../react'\n\nimport {\n  createMakeswiftPageSnapshot,\n  createRootComponent,\n} from '../../../../utils/tests/element-data-test-test'\n\nimport { type MakeswiftPageSnapshot } from '../../../../next'\n\nconst ROOT_ID = '00000000-0000-0000-0000-000000000000'\nconst ELEMENT_ID = '11111111-1111-1111-1111-111111111111'\n\nconst renderProp = (prop: any) =>\n  prop === undefined ? 'undefined' : isValidElement(prop) ? prop : JSON.stringify(prop)\n\nconst propSnapshot = (prop: HTMLElement) =>\n  prop.childElementCount ? prop.childNodes : parseStringifiedProp(prop.textContent ?? '')\n\nconst parseStringifiedProp = (prop: string) => (prop === 'undefined' ? undefined : JSON.parse(prop))\n\nexport async function testPageControlPropRendering<D extends ControlDefinition>(\n  controlDefinition: D,\n  {\n    toData,\n    value,\n    cacheData,\n    expectedRenders,\n    registerComponents,\n    action,\n    rootElements = [],\n  }: {\n    toData?: (value: ValueType<D>) => DataType<D>\n    value: ValueType<D> | undefined\n    cacheData?: MakeswiftPageSnapshot['cacheData']\n    expectedRenders?: number\n    registerComponents?: (runtime: ReactRuntime) => void\n    action?: (element: HTMLElement) => Promise<void>\n    rootElements?: ElementData[]\n  },\n) {\n  // Arrange\n  const controlData: DataType<D> | Data =\n    value !== undefined ? (toData ? toData(value) : controlDefinition.toData(value)) : undefined\n\n  const TestComponentType = 'TestComponent'\n  const testId = 'test-id'\n  const renderCountTestId = 'render-count-test-id'\n  const elementData: ElementData = createRootComponent(\n    [\n      {\n        key: ELEMENT_ID,\n        type: TestComponentType,\n        props: {\n          propKey: controlData,\n        },\n      },\n      ...rootElements,\n    ],\n    ROOT_ID,\n  )\n  const snapshot = createMakeswiftPageSnapshot(elementData, {}, cacheData)\n  const runtime = new ReactRuntime()\n  registerComponents?.(runtime)\n\n  // Act\n  runtime.registerComponent(\n    forwardRef<HTMLDivElement, { propKey?: any }>(({ propKey }, ref) => {\n      const renderCount = useRef(0)\n      ++renderCount.current\n\n      return (\n        <div ref={ref}>\n          <div data-testid={renderCountTestId}>{renderCount.current}</div>\n          <div data-testid={testId}>{renderProp(propKey)}</div>\n        </div>\n      )\n    }),\n    {\n      type: TestComponentType,\n      label: 'TestComponent',\n      props: {\n        propKey: controlDefinition as any,\n      },\n    },\n  )\n\n  // Assert\n  await act(async () =>\n    render(\n      <ReactRuntimeProvider runtime={runtime}>\n        <Page snapshot={snapshot} />\n      </ReactRuntimeProvider>,\n    ),\n  )\n\n  if (action) {\n    await act(async () => {\n      await action(screen.getByTestId(testId))\n    })\n  }\n\n  expect(snapshot).toMatchSnapshot('snapshot')\n  expect(propSnapshot(screen.getByTestId(testId))).toMatchSnapshot('resolvedValue')\n\n  if (expectedRenders != null) {\n    expect(Number(screen.getByTestId(renderCountTestId).textContent)).toBe(expectedRenders)\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAmFQ;AAjFR,mBAAmD;AACnD,wBAAoB;AACpB,IAAAA,gBAA+B;AAC/B,sBAAO;AAKP,kBAAqB;AACrB,2BAAqC;AACrC,IAAAA,gBAA6B;AAE7B,oCAGO;AAIP,MAAM,UAAU;AAChB,MAAM,aAAa;AAEnB,MAAM,aAAa,CAAC,SAClB,SAAS,SAAY,kBAAc,6BAAe,IAAI,IAAI,OAAO,KAAK,UAAU,IAAI;AAEtF,MAAM,eAAe,CAAC,SACpB,KAAK,oBAAoB,KAAK,aAAa,qBAAqB,KAAK,eAAe,EAAE;AAExF,MAAM,uBAAuB,CAAC,SAAkB,SAAS,cAAc,SAAY,KAAK,MAAM,IAAI;AAElG,eAAsB,6BACpB,mBACA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe,CAAC;AAClB,GASA;AAEA,QAAM,cACJ,UAAU,SAAa,SAAS,OAAO,KAAK,IAAI,kBAAkB,OAAO,KAAK,IAAK;AAErF,QAAM,oBAAoB;AAC1B,QAAM,SAAS;AACf,QAAM,oBAAoB;AAC1B,QAAM,kBAA2B;AAAA,IAC/B;AAAA,MACE;AAAA,QACE,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,UACL,SAAS;AAAA,QACX;AAAA,MACF;AAAA,MACA,GAAG;AAAA,IACL;AAAA,IACA;AAAA,EACF;AACA,QAAM,eAAW,2DAA4B,aAAa,CAAC,GAAG,SAAS;AACvE,QAAM,UAAU,IAAI,2BAAa;AACjC,uBAAqB,OAAO;AAG5B,UAAQ;AAAA,QACN,yBAA8C,CAAC,EAAE,QAAQ,GAAG,QAAQ;AAClE,YAAM,kBAAc,qBAAO,CAAC;AAC5B,QAAE,YAAY;AAEd,aACE,6CAAC,SAAI,KACH;AAAA,oDAAC,SAAI,eAAa,mBAAoB,sBAAY,SAAQ;AAAA,QAC1D,4CAAC,SAAI,eAAa,QAAS,qBAAW,OAAO,GAAE;AAAA,SACjD;AAAA,IAEJ,CAAC;AAAA,IACD;AAAA,MACE,MAAM;AAAA,MACN,OAAO;AAAA,MACP,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AAGA,YAAM;AAAA,IAAI,gBACR;AAAA,MACE,4CAAC,6CAAqB,SACpB,sDAAC,oBAAK,UAAoB,GAC5B;AAAA,IACF;AAAA,EACF;AAEA,MAAI,QAAQ;AACV,cAAM,uBAAI,YAAY;AACpB,YAAM,OAAO,qBAAO,YAAY,MAAM,CAAC;AAAA,IACzC,CAAC;AAAA,EACH;AAEA,SAAO,QAAQ,EAAE,gBAAgB,UAAU;AAC3C,SAAO,aAAa,qBAAO,YAAY,MAAM,CAAC,CAAC,EAAE,gBAAgB,eAAe;AAEhF,MAAI,mBAAmB,MAAM;AAC3B,WAAO,OAAO,qBAAO,YAAY,iBAAiB,EAAE,WAAW,CAAC,EAAE,KAAK,eAAe;AAAA,EACxF;AACF;","names":["import_react"]}

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

@@ -23,33 +23,35 @@ __export(copy_exports, {
 });
 module.exports = __toCommonJS(copy_exports);
 var import_prop_controllers = require("@makeswift/prop-controllers");
-var import_prop_controllers2 = require("@makeswift/prop-controllers");
-var import_prop_controllers3 = require("@makeswift/prop-controllers");
+var import_descriptors = require("./descriptors");
 function copy(descriptor, value, context) {
+  if (!(0, import_descriptors.isLegacyDescriptor)(descriptor)) {
+    return descriptor.copyData(value, context);
+  }
   switch (descriptor.type) {
-    case import_prop_controllers2.Types.Backgrounds:
+    case import_prop_controllers.Types.Backgrounds:
       return (0, import_prop_controllers.copyBackgroundsPropControllerData)(descriptor, value, context);
-    case import_prop_controllers2.Types.Grid:
+    case import_prop_controllers.Types.Grid:
       return (0, import_prop_controllers.copyGridPropControllerData)(value, context);
-    case import_prop_controllers2.Types.NavigationLinks:
-      return (0, import_prop_controllers3.copyNavigationLinksPropControllerData)(value, context);
-    case import_prop_controllers2.Types.Link:
+    case import_prop_controllers.Types.NavigationLinks:
+      return (0, import_prop_controllers.copyNavigationLinksPropControllerData)(value, context);
+    case import_prop_controllers.Types.Link:
       return (0, import_prop_controllers.copyLinkPropControllerData)(value, context);
-    case import_prop_controllers2.Types.Shadows:
+    case import_prop_controllers.Types.Shadows:
       return (0, import_prop_controllers.copyShadowsPropControllerData)(value, context);
-    case import_prop_controllers2.Types.Image:
+    case import_prop_controllers.Types.Image:
       return (0, import_prop_controllers.copyImagePropControllerData)(value, context);
-    case import_prop_controllers2.Types.Images:
+    case import_prop_controllers.Types.Images:
       return (0, import_prop_controllers.copyImagesPropControllerData)(value, context);
-    case import_prop_controllers2.Types.ResponsiveColor:
-      return (0, import_prop_controllers3.copyResponsiveColorPropControllerData)(value, context);
-    case import_prop_controllers2.Types.TableFormFields:
-      return (0, import_prop_controllers3.copyTablePropControllerData)(value, context);
-    case import_prop_controllers2.Types.Table:
-      return (0, import_prop_controllers3.copyTablePropControllerData)(value, context);
-    case import_prop_controllers2.Types.Border:
+    case import_prop_controllers.Types.ResponsiveColor:
+      return (0, import_prop_controllers.copyResponsiveColorPropControllerData)(value, context);
+    case import_prop_controllers.Types.TableFormFields:
+      return (0, import_prop_controllers.copyTablePropControllerData)(value, context);
+    case import_prop_controllers.Types.Table:
+      return (0, import_prop_controllers.copyTablePropControllerData)(value, context);
+    case import_prop_controllers.Types.Border:
       return (0, import_prop_controllers.copyBorderPropControllerData)(value, context);
-    case import_prop_controllers2.Types.ElementID:
+    case import_prop_controllers.Types.ElementID:
       return (0, import_prop_controllers.copyElementIDPropControllerData)(value, context);
     default:
       return value;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/prop-controllers/copy.ts"],"sourcesContent":["import { Descriptor } from './descriptors'\nimport {\n  copyLinkPropControllerData,\n  copyShadowsPropControllerData,\n  copyBorderPropControllerData,\n  copyElementIDPropControllerData,\n  copyGridPropControllerData,\n  copyImagePropControllerData,\n  copyImagesPropControllerData,\n  copyBackgroundsPropControllerData,\n} from '@makeswift/prop-controllers'\nimport { CopyContext } from '../state/react-page'\nimport { Types as PropControllerTypes } from '@makeswift/prop-controllers'\nimport {\n  copyResponsiveColorPropControllerData,\n  copyTablePropControllerData,\n  copyNavigationLinksPropControllerData,\n} from '@makeswift/prop-controllers'\n\n// @note: note typing value, because would then have to type narrow `Data` per case\nexport function copy(descriptor: Descriptor, value: any, context: CopyContext) {\n  switch (descriptor.type) {\n    case PropControllerTypes.Backgrounds:\n      return copyBackgroundsPropControllerData(descriptor, value, context)\n    case PropControllerTypes.Grid:\n      return copyGridPropControllerData(value, context)\n    case PropControllerTypes.NavigationLinks:\n      return copyNavigationLinksPropControllerData(value, context)\n    case PropControllerTypes.Link:\n      return copyLinkPropControllerData(value, context)\n    case PropControllerTypes.Shadows:\n      return copyShadowsPropControllerData(value, context)\n    case PropControllerTypes.Image:\n      return copyImagePropControllerData(value, context)\n    case PropControllerTypes.Images:\n      return copyImagesPropControllerData(value, context)\n    case PropControllerTypes.ResponsiveColor:\n      return copyResponsiveColorPropControllerData(value, context)\n    case PropControllerTypes.TableFormFields:\n      return copyTablePropControllerData(value, context)\n    case PropControllerTypes.Table:\n      return copyTablePropControllerData(value, context)\n    case PropControllerTypes.Border:\n      return copyBorderPropControllerData(value, context)\n    case PropControllerTypes.ElementID:\n      return copyElementIDPropControllerData(value, context)\n    default:\n      return value\n  }\n}\n\nexport function copyElementReference(value: string, context: CopyContext) {\n  return context.replacementContext.globalElementIds.get(value) || value\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,8BASO;AAEP,IAAAA,2BAA6C;AAC7C,IAAAA,2BAIO;AAGA,SAAS,KAAK,YAAwB,OAAY,SAAsB;AAC7E,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK,yBAAAC,MAAoB;AACvB,iBAAO,2DAAkC,YAAY,OAAO,OAAO;AAAA,IACrE,KAAK,yBAAAA,MAAoB;AACvB,iBAAO,oDAA2B,OAAO,OAAO;AAAA,IAClD,KAAK,yBAAAA,MAAoB;AACvB,iBAAO,gEAAsC,OAAO,OAAO;AAAA,IAC7D,KAAK,yBAAAA,MAAoB;AACvB,iBAAO,oDAA2B,OAAO,OAAO;AAAA,IAClD,KAAK,yBAAAA,MAAoB;AACvB,iBAAO,uDAA8B,OAAO,OAAO;AAAA,IACrD,KAAK,yBAAAA,MAAoB;AACvB,iBAAO,qDAA4B,OAAO,OAAO;AAAA,IACnD,KAAK,yBAAAA,MAAoB;AACvB,iBAAO,sDAA6B,OAAO,OAAO;AAAA,IACpD,KAAK,yBAAAA,MAAoB;AACvB,iBAAO,gEAAsC,OAAO,OAAO;AAAA,IAC7D,KAAK,yBAAAA,MAAoB;AACvB,iBAAO,sDAA4B,OAAO,OAAO;AAAA,IACnD,KAAK,yBAAAA,MAAoB;AACvB,iBAAO,sDAA4B,OAAO,OAAO;AAAA,IACnD,KAAK,yBAAAA,MAAoB;AACvB,iBAAO,sDAA6B,OAAO,OAAO;AAAA,IACpD,KAAK,yBAAAA,MAAoB;AACvB,iBAAO,yDAAgC,OAAO,OAAO;AAAA,IACvD;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAAS,qBAAqB,OAAe,SAAsB;AACxE,SAAO,QAAQ,mBAAmB,iBAAiB,IAAI,KAAK,KAAK;AACnE;","names":["import_prop_controllers","PropControllerTypes"]}
+{"version":3,"sources":["../../../src/prop-controllers/copy.ts"],"sourcesContent":["import { type CopyContext } from '@makeswift/controls'\n\nimport {\n  copyLinkPropControllerData,\n  copyShadowsPropControllerData,\n  copyBorderPropControllerData,\n  copyElementIDPropControllerData,\n  copyGridPropControllerData,\n  copyImagePropControllerData,\n  copyImagesPropControllerData,\n  copyBackgroundsPropControllerData,\n  copyResponsiveColorPropControllerData,\n  copyTablePropControllerData,\n  copyNavigationLinksPropControllerData,\n  Types as PropControllerTypes,\n} from '@makeswift/prop-controllers'\n\nimport { isLegacyDescriptor, type Descriptor } from './descriptors'\n\n// @note: note typing value, because would then have to type narrow `Data` per case\nexport function copy(descriptor: Descriptor, value: any, context: CopyContext) {\n  if (!isLegacyDescriptor(descriptor)) {\n    return descriptor.copyData(value, context)\n  }\n\n  switch (descriptor.type) {\n    case PropControllerTypes.Backgrounds:\n      return copyBackgroundsPropControllerData(descriptor, value, context)\n\n    case PropControllerTypes.Grid:\n      return copyGridPropControllerData(value, context)\n\n    case PropControllerTypes.NavigationLinks:\n      return copyNavigationLinksPropControllerData(value, context)\n\n    case PropControllerTypes.Link:\n      return copyLinkPropControllerData(value, context)\n\n    case PropControllerTypes.Shadows:\n      return copyShadowsPropControllerData(value, context)\n\n    case PropControllerTypes.Image:\n      return copyImagePropControllerData(value, context)\n\n    case PropControllerTypes.Images:\n      return copyImagesPropControllerData(value, context)\n\n    case PropControllerTypes.ResponsiveColor:\n      return copyResponsiveColorPropControllerData(value, context)\n\n    case PropControllerTypes.TableFormFields:\n      return copyTablePropControllerData(value, context)\n\n    case PropControllerTypes.Table:\n      return copyTablePropControllerData(value, context)\n\n    case PropControllerTypes.Border:\n      return copyBorderPropControllerData(value, context)\n\n    case PropControllerTypes.ElementID:\n      return copyElementIDPropControllerData(value, context)\n\n    // FIXME: DELETED_PROP_CONTROLLER_TYPES.RichText ??\n\n    default:\n      return value\n  }\n}\n\nexport function copyElementReference(value: string, context: CopyContext) {\n  return context.replacementContext.globalElementIds.get(value) || value\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,8BAaO;AAEP,yBAAoD;AAG7C,SAAS,KAAK,YAAwB,OAAY,SAAsB;AAC7E,MAAI,KAAC,uCAAmB,UAAU,GAAG;AACnC,WAAO,WAAW,SAAS,OAAO,OAAO;AAAA,EAC3C;AAEA,UAAQ,WAAW,MAAM;AAAA,IACvB,KAAK,wBAAAA,MAAoB;AACvB,iBAAO,2DAAkC,YAAY,OAAO,OAAO;AAAA,IAErE,KAAK,wBAAAA,MAAoB;AACvB,iBAAO,oDAA2B,OAAO,OAAO;AAAA,IAElD,KAAK,wBAAAA,MAAoB;AACvB,iBAAO,+DAAsC,OAAO,OAAO;AAAA,IAE7D,KAAK,wBAAAA,MAAoB;AACvB,iBAAO,oDAA2B,OAAO,OAAO;AAAA,IAElD,KAAK,wBAAAA,MAAoB;AACvB,iBAAO,uDAA8B,OAAO,OAAO;AAAA,IAErD,KAAK,wBAAAA,MAAoB;AACvB,iBAAO,qDAA4B,OAAO,OAAO;AAAA,IAEnD,KAAK,wBAAAA,MAAoB;AACvB,iBAAO,sDAA6B,OAAO,OAAO;AAAA,IAEpD,KAAK,wBAAAA,MAAoB;AACvB,iBAAO,+DAAsC,OAAO,OAAO;AAAA,IAE7D,KAAK,wBAAAA,MAAoB;AACvB,iBAAO,qDAA4B,OAAO,OAAO;AAAA,IAEnD,KAAK,wBAAAA,MAAoB;AACvB,iBAAO,qDAA4B,OAAO,OAAO;AAAA,IAEnD,KAAK,wBAAAA,MAAoB;AACvB,iBAAO,sDAA6B,OAAO,OAAO;AAAA,IAEpD,KAAK,wBAAAA,MAAoB;AACvB,iBAAO,yDAAgC,OAAO,OAAO;AAAA,IAIvD;AACE,aAAO;AAAA,EACX;AACF;AAEO,SAAS,qBAAqB,OAAe,SAAsB;AACxE,SAAO,QAAQ,mBAAmB,iBAAiB,IAAI,KAAK,KAAK;AACnE;","names":["PropControllerTypes"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/prop-controllers/deleted.ts"],"sourcesContent":["import { RichTextValue } from '../controls'\nimport { Data, DescriptorValueType, PanelDescriptor } from './descriptors'\n\nexport const DELETED_PROP_CONTROLLER_TYPES = {\n  List: 'List',\n  RichText: 'RichText',\n  Shape: 'Shape',\n  Typeahead: 'Typeahead',\n} as const\n\nexport type DeletedPropControllerDescriptor<T extends Data = Data> =\n  | ListDescriptor<T extends ListValue ? T : ListValue>\n  | RichTextDescriptor<T>\n  | ShapeDescriptor<T extends ShapeValue ? T : ShapeValue, any>\n  | TypeaheadDescriptor<T extends TypeaheadValue ? T : TypeaheadValue>\n\ntype ListValueItem<T extends Data> = { id: string; value?: T }\n\nexport type ListValue<T extends Data = Data> = ListValueItem<T>[]\n\nexport type ListOptions<T extends Data> = {\n  type: PanelDescriptor<T>\n  label?: string\n  getItemLabel?: ((value: T | undefined) => string) | ((value: T | undefined) => Promise<string>)\n  preset?: ListValue<T>\n  defaultValue?: ListValue<T>\n}\n\nexport type ListDescriptor<T extends ListValue = ListValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.List\n  options: ListOptions<T extends ListValue<infer U> ? U : never>\n}\n\nexport type RichTextOptions = { preset?: RichTextValue }\n\nexport type RichTextDescriptor<_T extends Data = RichTextValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.RichText\n  options: RichTextOptions\n}\n\nexport type ShapeValue<T extends Data = Data> = Record<string, T>\n\ntype ShapeOptions<T extends Record<string, PanelDescriptor>> = {\n  type: T\n  preset?: { [K in keyof T]?: DescriptorValueType<T[K]> }\n}\n\nexport type ShapeDescriptor<\n  _T extends Record<string, Data>,\n  U extends Record<string, PanelDescriptor>,\n> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.Shape\n  options: ShapeOptions<U>\n}\n\nexport type TypeaheadValue<T extends Data = Data> = {\n  id: string\n  label: string\n  value: T\n}\n\nexport type TypeaheadOptions<T extends Data> = {\n  getItems: (query: string) => Promise<TypeaheadValue<T>[]>\n  label?: string\n  preset?: TypeaheadValue<T>\n  defaultValue?: TypeaheadValue<T>\n}\n\nexport type TypeaheadDescriptor<T extends TypeaheadValue = TypeaheadValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.Typeahead\n  options: TypeaheadOptions<T extends TypeaheadValue<infer U> ? U : never>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,MAAM,gCAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AAAA,EACP,WAAW;AACb;","names":[]}
+{"version":3,"sources":["../../../src/prop-controllers/deleted.ts"],"sourcesContent":["import { type RichTextValue } from '@makeswift/controls'\nimport { Data, DescriptorValueType, PanelDescriptor } from './descriptors'\n\nexport const DELETED_PROP_CONTROLLER_TYPES = {\n  List: 'List',\n  RichText: 'RichText',\n  Shape: 'Shape',\n  Typeahead: 'Typeahead',\n} as const\n\nexport type DeletedPropControllerDescriptor<T extends Data = Data> =\n  | ListDescriptor<T extends ListValue ? T : ListValue>\n  | RichTextDescriptor<T>\n  | ShapeDescriptor<T extends ShapeValue ? T : ShapeValue, any>\n  | TypeaheadDescriptor<T extends TypeaheadValue ? T : TypeaheadValue>\n\ntype ListValueItem<T extends Data> = { id: string; value?: T }\n\nexport type ListValue<T extends Data = Data> = ListValueItem<T>[]\n\nexport type ListOptions<T extends Data> = {\n  type: PanelDescriptor<T>\n  label?: string\n  getItemLabel?: ((value: T | undefined) => string) | ((value: T | undefined) => Promise<string>)\n  preset?: ListValue<T>\n  defaultValue?: ListValue<T>\n}\n\nexport type ListDescriptor<T extends ListValue = ListValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.List\n  options: ListOptions<T extends ListValue<infer U> ? U : never>\n}\n\nexport type RichTextOptions = { preset?: RichTextValue }\n\nexport type RichTextDescriptor<_T extends Data = RichTextValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.RichText\n  options: RichTextOptions\n}\n\nexport type ShapeValue<T extends Data = Data> = Record<string, T>\n\ntype ShapeOptions<T extends Record<string, PanelDescriptor>> = {\n  type: T\n  preset?: { [K in keyof T]?: DescriptorValueType<T[K]> }\n}\n\nexport type ShapeDescriptor<\n  _T extends Record<string, Data>,\n  U extends Record<string, PanelDescriptor>,\n> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.Shape\n  options: ShapeOptions<U>\n}\n\nexport type TypeaheadValue<T extends Data = Data> = {\n  id: string\n  label: string\n  value: T\n}\n\nexport type TypeaheadOptions<T extends Data> = {\n  getItems: (query: string) => Promise<TypeaheadValue<T>[]>\n  label?: string\n  preset?: TypeaheadValue<T>\n  defaultValue?: TypeaheadValue<T>\n}\n\nexport type TypeaheadDescriptor<T extends TypeaheadValue = TypeaheadValue> = {\n  type: typeof DELETED_PROP_CONTROLLER_TYPES.Typeahead\n  options: TypeaheadOptions<T extends TypeaheadValue<infer U> ? U : never>\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,MAAM,gCAAgC;AAAA,EAC3C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,OAAO;AAAA,EACP,WAAW;AACb;","names":[]}

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

@@ -18,15 +18,15 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var descriptors_exports = {};
 __export(descriptors_exports, {
-  Types: () => Types
+  isLegacyDescriptor: () => isLegacyDescriptor
 });
 module.exports = __toCommonJS(descriptors_exports);
-var import_style2 = require("../controls/style");
-const Types = {
-  Style: import_style2.StyleControlType
-};
+var import_controls = require("@makeswift/controls");
+function isLegacyDescriptor(control) {
+  return !(control instanceof import_controls.ControlDefinition);
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  Types
+  isLegacyDescriptor
 });
 //# sourceMappingURL=descriptors.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/prop-controllers/descriptors.ts"],"sourcesContent":["import {\n  CheckboxControlDefinition,\n  IconRadioGroupControlDefinition,\n  NumberControlDefinition,\n  TextInputControlDefinition,\n  TextAreaControlDefinition,\n} from '@makeswift/controls'\nimport { ResponsiveColor } from '../runtimes/react/controls'\nimport { StyleControlFormattedValue } from '../runtimes/react/controls/style'\nimport type { Data } from '../state/react-page'\nimport { NumberControlValue } from '../runtimes/react/controls/number'\nimport { StyleControlType } from '../controls/style'\nimport {\n  ColorControlDefinition,\n  ComboboxControlDefinition,\n  ImageControlDefinition,\n  LinkControlDefinition,\n  ListControlDefinition,\n  SelectControlDefinition,\n  ShapeControlDefinition,\n  SlotControlDefinition,\n  StyleControlDefinition,\n  RichTextV2ControlDefinition,\n  StyleV2ControlDefinition,\n  TypographyControlDefinition,\n} from '../controls'\nimport { TextInputControlValue } from '../runtimes/react/controls/text-input'\nimport { TextAreaControlValue } from '../runtimes/react/controls/text-area'\nimport { ColorControlValue } from '../runtimes/react/controls/color'\nimport { SelectControlValue } from '../runtimes/react/controls/select'\nimport { CheckboxControlValue } from '../runtimes/react/controls/checkbox'\nimport { ResolveImageControlValue } from '../runtimes/react/controls/image'\nimport { ShapeControlValue } from '../runtimes/react/controls/shape'\nimport { ListControlValue } from '../runtimes/react/controls/list'\nimport { ComboboxControlValue } from '../runtimes/react/controls/combobox'\nimport { LinkControlValue } from '../runtimes/react/controls/link'\nimport { SlotControlValue } from '../runtimes/react/controls/slot'\nimport { RichTextControlDefinition } from '../controls/rich-text'\nimport { RichTextControlValue } from '../runtimes/react/controls/rich-text/rich-text'\nimport { RichTextV2ControlValue } from '../runtimes/react/controls/rich-text-v2'\nimport { StyleV2ControlFormattedValue } from '../runtimes/react/controls/style-v2'\nimport { IconRadioGroupControlValue } from '../runtimes/react/controls/icon-radio-group'\nimport { TypographyControlValue } from '../runtimes/react/controls/typography'\nimport {\n  BorderDescriptor,\n  CheckboxDescriptor,\n  LinkDescriptor,\n  ResolveLinkPropControllerValue,\n  Types as PropControllerTypes,\n  ShadowsDescriptor,\n  ResolveShadowsPropControllerValue,\n  ResponsiveLengthDescriptor,\n  ResolveResponsiveLengthPropControllerValue,\n  NumberDescriptor,\n  ResolveNumberPropControllerValue,\n  ResponsiveColorDescriptor,\n  ResolveCheckboxPropControllerValue,\n  BorderRadiusDescriptor,\n  ResolveBorderPropControllerValue,\n  ResolveBorderRadiusPropControllerValue,\n  DateDescriptor,\n  ResolveDatePropControllerValue,\n  FontDescriptor,\n  ResolveFontPropControllerValue,\n  VideoDescriptor,\n  ResolveVideoPropControllerValue,\n  TableDescriptor,\n  ResolveTablePropControllerValue,\n  MarginDescriptor,\n  ResolveMarginPropControllerValue,\n  PaddingDescriptor,\n  ResolvePaddingPropControllerValue,\n  WidthDescriptor,\n  ResolveWidthPropControllerValue,\n  TextStyleDescriptor,\n  ResolveTextStylePropControllerValue,\n  NavigationLinksDescriptor,\n  ResolveNavigationLinksPropControllerValue,\n  TextAreaDescriptor,\n  ResolveTextAreaPropControllerValue,\n  GapX,\n  ResponsiveNumber,\n  ResponsiveSelect,\n  ResolveGapYPropControllerValue,\n  GapYDescriptor,\n  ElementIDDescriptor,\n  ResolveElementIDPropControllerValue,\n  TableFormFieldsDescriptor,\n  ResolveTableFormFieldsPropControllerValue,\n  GridDescriptor,\n  ResolveGridPropControllerValue,\n  ImageDescriptor,\n  ResolveImagePropControllerValue,\n  ImagesDescriptor,\n  ResolveImagesPropControllerValue,\n  BackgroundsDescriptor,\n  ResolveBackgroundsPropControllerValue,\n  ResponsiveOpacity,\n  ResponsiveIconRadioGroup,\n  ResolveSocialLinksPropControllerValue,\n  SocialLinksDescriptor,\n  TextInputDescriptor,\n  ResolveTextInputPropControllerValue,\n  type Descriptor as PropDescriptor,\n  type Value as PropValue,\n} from '@makeswift/prop-controllers'\nimport { DeletedPropControllerDescriptor } from './deleted'\n\nexport type { Data }\n\nexport type Gap = { value: number; unit: 'px' }\n\nexport const Types = {\n  Style: StyleControlType,\n} as const\n\nexport type Descriptor<T extends Data = Data> =\n  | DeletedPropControllerDescriptor<T>\n  | BackgroundsDescriptor<T>\n  | BorderDescriptor<T>\n  | BorderRadiusDescriptor<T>\n  | CheckboxDescriptor<T>\n  | DateDescriptor<T>\n  | ElementIDDescriptor<T>\n  | FontDescriptor<T>\n  | PropDescriptor<typeof GapX>\n  | GapYDescriptor<T>\n  | GridDescriptor<T>\n  | ImageDescriptor<T>\n  | ImagesDescriptor<T>\n  | LinkDescriptor<T>\n  | MarginDescriptor<T>\n  | NavigationLinksDescriptor<T>\n  | NumberDescriptor<T>\n  | PaddingDescriptor<T>\n  | ResponsiveColorDescriptor<T>\n  | ResponsiveLengthDescriptor<T>\n  | PropDescriptor<typeof ResponsiveIconRadioGroup>\n  | PropDescriptor<typeof ResponsiveNumber>\n  | PropDescriptor<typeof ResponsiveOpacity>\n  | PropDescriptor<typeof ResponsiveSelect>\n  | ShadowsDescriptor<T>\n  | SocialLinksDescriptor<T>\n  | TableDescriptor<T>\n  | TableFormFieldsDescriptor<T>\n  | TextAreaDescriptor<T>\n  | TextInputDescriptor<T>\n  | TextStyleDescriptor<T>\n  | VideoDescriptor<T>\n  | WidthDescriptor<T>\n  | StyleControlDefinition\n  | StyleV2ControlDefinition\n  | NumberControlDefinition\n  | CheckboxControlDefinition\n  | TextInputControlDefinition\n  | TextAreaControlDefinition\n  | SelectControlDefinition\n  | ColorControlDefinition\n  | IconRadioGroupControlDefinition\n  | ImageControlDefinition\n  | ComboboxControlDefinition\n  | ShapeControlDefinition\n  | ListControlDefinition\n  | LinkControlDefinition\n  | SlotControlDefinition\n  | RichTextControlDefinition\n  | RichTextV2ControlDefinition\n  | TypographyControlDefinition\n\nexport type PanelDescriptorType =\n  | typeof PropControllerTypes.Backgrounds\n  | typeof PropControllerTypes.ResponsiveIconRadioGroup\n  | typeof PropControllerTypes.Margin\n  | typeof PropControllerTypes.Padding\n  | typeof PropControllerTypes.Shadows\n  | typeof PropControllerTypes.Border\n  | typeof PropControllerTypes.GapY\n  | typeof PropControllerTypes.GapX\n  | typeof PropControllerTypes.BorderRadius\n  | typeof PropControllerTypes.Checkbox\n  | typeof PropControllerTypes.TextInput\n  | typeof PropControllerTypes.Link\n  | typeof PropControllerTypes.ResponsiveSelect\n  | typeof PropControllerTypes.ResponsiveColor\n  | typeof PropControllerTypes.TextStyle\n  | typeof PropControllerTypes.Images\n  | typeof PropControllerTypes.ResponsiveNumber\n  | typeof PropControllerTypes.Number\n  | typeof PropControllerTypes.Date\n  | typeof PropControllerTypes.Font\n  | typeof PropControllerTypes.TextArea\n  | typeof PropControllerTypes.Table\n  | typeof PropControllerTypes.Image\n  | typeof PropControllerTypes.ResponsiveOpacity\n  | typeof PropControllerTypes.SocialLinks\n  | typeof PropControllerTypes.Video\n  | typeof PropControllerTypes.NavigationLinks\n\nexport type PanelDescriptor<T extends Data = Data> = Extract<\n  Descriptor<T>,\n  { type: PanelDescriptorType }\n>\n\nexport type DescriptorValueType<T extends Descriptor> = T extends NumberControlDefinition\n  ? NumberControlValue<T>\n  : T extends CheckboxControlDefinition\n  ? CheckboxControlValue<T>\n  : T extends TextInputControlDefinition\n  ? TextInputControlValue<T>\n  : T extends TextAreaControlDefinition\n  ? TextAreaControlValue<T>\n  : T extends SelectControlDefinition\n  ? SelectControlValue<T>\n  : T extends ColorControlDefinition\n  ? ColorControlValue<T>\n  : T extends StyleControlDefinition\n  ? StyleControlFormattedValue\n  : T extends StyleV2ControlDefinition\n  ? StyleV2ControlFormattedValue\n  : T extends IconRadioGroupControlDefinition\n  ? IconRadioGroupControlValue<T>\n  : T extends ImageControlDefinition\n  ? ResolveImageControlValue<T>\n  : T extends ComboboxControlDefinition\n  ? ComboboxControlValue<T>\n  : T extends ShapeControlDefinition\n  ? ShapeControlValue<T>\n  : T extends ListControlDefinition\n  ? ListControlValue<T>\n  : T extends LinkControlDefinition\n  ? LinkControlValue<T>\n  : T extends SlotControlDefinition\n  ? SlotControlValue\n  : T extends RichTextControlDefinition\n  ? RichTextControlValue\n  : T extends RichTextV2ControlDefinition\n  ? RichTextV2ControlValue\n  : T extends StyleV2ControlDefinition\n  ? StyleV2ControlFormattedValue\n  : T extends TypographyControlDefinition\n  ? TypographyControlValue\n  : T['type'] extends typeof PropControllerTypes.ResponsiveColor\n  ? // TODO(miguel): We're not importing a resolver type from `@makeswift/prop-controllers` because\n    // the resolved type is tightly coupled with the runtime (i.e., it's the result of an API call).\n    // This means that we probably want to rethink how types are resolved and where that lives.\n    ResponsiveColor | null | undefined\n  : T['type'] extends typeof PropControllerTypes.Backgrounds\n  ? ResolveBackgroundsPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.Backgrounds }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Checkbox\n  ? ResolveCheckboxPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Checkbox }>>\n  : T['type'] extends typeof PropControllerTypes.Date\n  ? ResolveDatePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Date }>>\n  : T['type'] extends typeof PropControllerTypes.ElementID\n  ? ResolveElementIDPropControllerValue<Extract<T, { type: typeof PropControllerTypes.ElementID }>>\n  : T['type'] extends typeof PropControllerTypes.Font\n  ? ResolveFontPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Font }>>\n  : T['type'] extends typeof PropControllerTypes.GapX\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.GapY\n  ? ResolveGapYPropControllerValue<Extract<T, { type: typeof PropControllerTypes.GapY }>>\n  : T['type'] extends typeof PropControllerTypes.Grid\n  ? ResolveGridPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Grid }>>\n  : T['type'] extends typeof PropControllerTypes.Image\n  ? ResolveImagePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Image }>>\n  : T['type'] extends typeof PropControllerTypes.Images\n  ? ResolveImagesPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Images }>>\n  : T['type'] extends typeof PropControllerTypes.ResponsiveIconRadioGroup\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.ResponsiveNumber\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.ResponsiveOpacity\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.ResponsiveSelect\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.Link\n  ? ResolveLinkPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Link }>>\n  : T['type'] extends typeof PropControllerTypes.Width\n  ? ResolveWidthPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Width }>>\n  : T['type'] extends typeof PropControllerTypes.Padding\n  ? ResolvePaddingPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Padding }>>\n  : T['type'] extends typeof PropControllerTypes.Margin\n  ? ResolveMarginPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Margin }>>\n  : T['type'] extends typeof PropControllerTypes.NavigationLinks\n  ? ResolveNavigationLinksPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.NavigationLinks }>\n    >\n  : T['type'] extends typeof PropControllerTypes.BorderRadius\n  ? ResolveBorderRadiusPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.BorderRadius }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Shadows\n  ? ResolveShadowsPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Shadows }>>\n  : T['type'] extends typeof PropControllerTypes.SocialLinks\n  ? ResolveSocialLinksPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.SocialLinks }>\n    >\n  : T['type'] extends typeof PropControllerTypes.ResponsiveLength\n  ? ResolveResponsiveLengthPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.ResponsiveLength }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Border\n  ? ResolveBorderPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Border }>>\n  : T['type'] extends typeof PropControllerTypes.Number\n  ? ResolveNumberPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Number }>>\n  : T['type'] extends typeof PropControllerTypes.Table\n  ? ResolveTablePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Table }>>\n  : T['type'] extends typeof PropControllerTypes.TableFormFields\n  ? ResolveTableFormFieldsPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.TableFormFields }>\n    >\n  : T['type'] extends typeof PropControllerTypes.TextStyle\n  ? ResolveTextStylePropControllerValue<Extract<T, { type: typeof PropControllerTypes.TextStyle }>>\n  : T['type'] extends typeof PropControllerTypes.TextArea\n  ? ResolveTextAreaPropControllerValue<Extract<T, { type: typeof PropControllerTypes.TextArea }>>\n  : T['type'] extends typeof PropControllerTypes.TextInput\n  ? ResolveTextInputPropControllerValue<Extract<T, { type: typeof PropControllerTypes.TextInput }>>\n  : T['type'] extends typeof PropControllerTypes.Video\n  ? ResolveVideoPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Video }>>\n  : T extends Descriptor<infer U>\n  ? U | undefined\n  : never\n\nexport type PanelDescriptorValueType<T extends PanelDescriptor> = T extends PanelDescriptor<infer U>\n  ? U\n  : never\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA,IAAAA,gBAAiC;AAqG1B,MAAM,QAAQ;AAAA,EACnB,OAAO;AACT;","names":["import_style"]}
+{"version":3,"sources":["../../../src/prop-controllers/descriptors.ts"],"sourcesContent":["import {\n  type ResolvedValueType,\n  ControlDefinition as UnifiedControlDefinition,\n} from '@makeswift/controls'\n\nimport { type ResponsiveColor } from '../components/utils/types'\nimport type { Data } from '../state/react-page'\nimport {\n  BorderDescriptor,\n  CheckboxDescriptor,\n  LinkDescriptor,\n  ResolveLinkPropControllerValue,\n  Types as PropControllerTypes,\n  ShadowsDescriptor,\n  ResolveShadowsPropControllerValue,\n  ResponsiveLengthDescriptor,\n  ResolveResponsiveLengthPropControllerValue,\n  NumberDescriptor,\n  ResolveNumberPropControllerValue,\n  ResponsiveColorDescriptor,\n  ResolveCheckboxPropControllerValue,\n  BorderRadiusDescriptor,\n  ResolveBorderPropControllerValue,\n  ResolveBorderRadiusPropControllerValue,\n  DateDescriptor,\n  ResolveDatePropControllerValue,\n  FontDescriptor,\n  ResolveFontPropControllerValue,\n  VideoDescriptor,\n  ResolveVideoPropControllerValue,\n  TableDescriptor,\n  ResolveTablePropControllerValue,\n  MarginDescriptor,\n  ResolveMarginPropControllerValue,\n  PaddingDescriptor,\n  ResolvePaddingPropControllerValue,\n  WidthDescriptor,\n  ResolveWidthPropControllerValue,\n  TextStyleDescriptor,\n  ResolveTextStylePropControllerValue,\n  NavigationLinksDescriptor,\n  ResolveNavigationLinksPropControllerValue,\n  TextAreaDescriptor,\n  ResolveTextAreaPropControllerValue,\n  GapX,\n  ResponsiveNumber,\n  ResponsiveSelect,\n  ResolveGapYPropControllerValue,\n  GapYDescriptor,\n  ElementIDDescriptor,\n  ResolveElementIDPropControllerValue,\n  TableFormFieldsDescriptor,\n  ResolveTableFormFieldsPropControllerValue,\n  GridDescriptor,\n  ResolveGridPropControllerValue,\n  ImageDescriptor,\n  ResolveImagePropControllerValue,\n  ImagesDescriptor,\n  ResolveImagesPropControllerValue,\n  BackgroundsDescriptor,\n  ResolveBackgroundsPropControllerValue,\n  ResponsiveOpacity,\n  ResponsiveIconRadioGroup,\n  ResolveSocialLinksPropControllerValue,\n  SocialLinksDescriptor,\n  TextInputDescriptor,\n  ResolveTextInputPropControllerValue,\n  type Descriptor as PropDescriptor,\n  type Value as PropValue,\n} from '@makeswift/prop-controllers'\n\nimport { DeletedPropControllerDescriptor } from './deleted'\n\nexport type { Data }\n\nexport type Gap = { value: number; unit: 'px' }\n\ntype PropControllerDescriptor<T extends Data = Data> =\n  | DeletedPropControllerDescriptor<T>\n  | BackgroundsDescriptor<T>\n  | BorderDescriptor<T>\n  | BorderRadiusDescriptor<T>\n  | CheckboxDescriptor<T>\n  | DateDescriptor<T>\n  | ElementIDDescriptor<T>\n  | FontDescriptor<T>\n  | PropDescriptor<typeof GapX>\n  | GapYDescriptor<T>\n  | GridDescriptor<T>\n  | ImageDescriptor<T>\n  | ImagesDescriptor<T>\n  | LinkDescriptor<T>\n  | MarginDescriptor<T>\n  | NavigationLinksDescriptor<T>\n  | NumberDescriptor<T>\n  | PaddingDescriptor<T>\n  | ResponsiveColorDescriptor<T>\n  | ResponsiveLengthDescriptor<T>\n  | PropDescriptor<typeof ResponsiveIconRadioGroup>\n  | PropDescriptor<typeof ResponsiveNumber>\n  | PropDescriptor<typeof ResponsiveOpacity>\n  | PropDescriptor<typeof ResponsiveSelect>\n  | ShadowsDescriptor<T>\n  | SocialLinksDescriptor<T>\n  | TableDescriptor<T>\n  | TableFormFieldsDescriptor<T>\n  | TextAreaDescriptor<T>\n  | TextInputDescriptor<T>\n  | TextStyleDescriptor<T>\n  | VideoDescriptor<T>\n  | WidthDescriptor<T>\n\nexport type LegacyDescriptor<T extends Data = Data> = PropControllerDescriptor<T>\n\nexport type Descriptor<T extends Data = Data> = LegacyDescriptor<T> | UnifiedControlDefinition\n\nexport function isLegacyDescriptor<T extends Data>(\n  control: Descriptor<T>,\n): control is LegacyDescriptor<T> {\n  return !(control instanceof UnifiedControlDefinition)\n}\n\nexport type PanelDescriptorType =\n  | typeof PropControllerTypes.Backgrounds\n  | typeof PropControllerTypes.ResponsiveIconRadioGroup\n  | typeof PropControllerTypes.Margin\n  | typeof PropControllerTypes.Padding\n  | typeof PropControllerTypes.Shadows\n  | typeof PropControllerTypes.Border\n  | typeof PropControllerTypes.GapY\n  | typeof PropControllerTypes.GapX\n  | typeof PropControllerTypes.BorderRadius\n  | typeof PropControllerTypes.Checkbox\n  | typeof PropControllerTypes.TextInput\n  | typeof PropControllerTypes.Link\n  | typeof PropControllerTypes.ResponsiveSelect\n  | typeof PropControllerTypes.ResponsiveColor\n  | typeof PropControllerTypes.TextStyle\n  | typeof PropControllerTypes.Images\n  | typeof PropControllerTypes.ResponsiveNumber\n  | typeof PropControllerTypes.Number\n  | typeof PropControllerTypes.Date\n  | typeof PropControllerTypes.Font\n  | typeof PropControllerTypes.TextArea\n  | typeof PropControllerTypes.Table\n  | typeof PropControllerTypes.Image\n  | typeof PropControllerTypes.ResponsiveOpacity\n  | typeof PropControllerTypes.SocialLinks\n  | typeof PropControllerTypes.Video\n  | typeof PropControllerTypes.NavigationLinks\n\nexport type PanelDescriptor<T extends Data = Data> = Extract<\n  Descriptor<T>,\n  { type: PanelDescriptorType }\n>\n\n// see https://github.com/prettier/prettier/issues/7940#issuecomment-2074455883\n// prettier-ignore\nexport type PropControllerDescriptorValueType<T extends PropControllerDescriptor> = T['type'] extends typeof PropControllerTypes.ResponsiveColor\n  ? // TODO(miguel): We're not importing a resolver type from `@makeswift/prop-controllers` because\n    // the resolved type is tightly coupled with the runtime (i.e., it's the result of an API call).\n    // This means that we probably want to rethink how types are resolved and where that lives.\n    ResponsiveColor | null | undefined\n  : T['type'] extends typeof PropControllerTypes.Backgrounds\n  ? ResolveBackgroundsPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.Backgrounds }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Checkbox\n  ? ResolveCheckboxPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Checkbox }>>\n  : T['type'] extends typeof PropControllerTypes.Date\n  ? ResolveDatePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Date }>>\n  : T['type'] extends typeof PropControllerTypes.ElementID\n  ? ResolveElementIDPropControllerValue<Extract<T, { type: typeof PropControllerTypes.ElementID }>>\n  : T['type'] extends typeof PropControllerTypes.Font\n  ? ResolveFontPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Font }>>\n  : T['type'] extends typeof PropControllerTypes.GapX\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.GapY\n  ? ResolveGapYPropControllerValue<Extract<T, { type: typeof PropControllerTypes.GapY }>>\n  : T['type'] extends typeof PropControllerTypes.Grid\n  ? ResolveGridPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Grid }>>\n  : T['type'] extends typeof PropControllerTypes.Image\n  ? ResolveImagePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Image }>>\n  : T['type'] extends typeof PropControllerTypes.Images\n  ? ResolveImagesPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Images }>>\n  : T['type'] extends typeof PropControllerTypes.ResponsiveIconRadioGroup\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.ResponsiveNumber\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.ResponsiveOpacity\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.ResponsiveSelect\n  ? PropValue<T> | undefined\n  : T['type'] extends typeof PropControllerTypes.Link\n  ? ResolveLinkPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Link }>>\n  : T['type'] extends typeof PropControllerTypes.Width\n  ? ResolveWidthPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Width }>>\n  : T['type'] extends typeof PropControllerTypes.Padding\n  ? ResolvePaddingPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Padding }>>\n  : T['type'] extends typeof PropControllerTypes.Margin\n  ? ResolveMarginPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Margin }>>\n  : T['type'] extends typeof PropControllerTypes.NavigationLinks\n  ? ResolveNavigationLinksPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.NavigationLinks }>\n    >\n  : T['type'] extends typeof PropControllerTypes.BorderRadius\n  ? ResolveBorderRadiusPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.BorderRadius }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Shadows\n  ? ResolveShadowsPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Shadows }>>\n  : T['type'] extends typeof PropControllerTypes.SocialLinks\n  ? ResolveSocialLinksPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.SocialLinks }>\n    >\n  : T['type'] extends typeof PropControllerTypes.ResponsiveLength\n  ? ResolveResponsiveLengthPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.ResponsiveLength }>\n    >\n  : T['type'] extends typeof PropControllerTypes.Border\n  ? ResolveBorderPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Border }>>\n  : T['type'] extends typeof PropControllerTypes.Number\n  ? ResolveNumberPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Number }>>\n  : T['type'] extends typeof PropControllerTypes.Table\n  ? ResolveTablePropControllerValue<Extract<T, { type: typeof PropControllerTypes.Table }>>\n  : T['type'] extends typeof PropControllerTypes.TableFormFields\n  ? ResolveTableFormFieldsPropControllerValue<\n      Extract<T, { type: typeof PropControllerTypes.TableFormFields }>\n    >\n  : T['type'] extends typeof PropControllerTypes.TextStyle\n  ? ResolveTextStylePropControllerValue<Extract<T, { type: typeof PropControllerTypes.TextStyle }>>\n  : T['type'] extends typeof PropControllerTypes.TextArea\n  ? ResolveTextAreaPropControllerValue<Extract<T, { type: typeof PropControllerTypes.TextArea }>>\n  : T['type'] extends typeof PropControllerTypes.TextInput\n  ? ResolveTextInputPropControllerValue<Extract<T, { type: typeof PropControllerTypes.TextInput }>>\n  : T['type'] extends typeof PropControllerTypes.Video\n  ? ResolveVideoPropControllerValue<Extract<T, { type: typeof PropControllerTypes.Video }>>\n  : T extends Descriptor<infer U>\n  ? U | undefined\n  : never\n\nexport type DescriptorValueType<T extends Descriptor> = T extends PropControllerDescriptor\n  ? PropControllerDescriptorValueType<T>\n  : T extends UnifiedControlDefinition\n    ? ResolvedValueType<T>\n    : T extends Descriptor<infer U>\n      ? U | undefined\n      : never\n\nexport type PanelDescriptorValueType<T extends PanelDescriptor> =\n  T extends PanelDescriptor<infer U> ? U : never\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAGO;AAiHA,SAAS,mBACd,SACgC;AAChC,SAAO,EAAE,mBAAmB,gBAAAA;AAC9B;","names":["UnifiedControlDefinition"]}

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

@@ -31,7 +31,6 @@ __export(prop_controllers_exports, {
   DELETED_PROP_CONTROLLER_TYPES: () => import_deleted.DELETED_PROP_CONTROLLER_TYPES,
   Introspection: () => Introspection,
   Props: () => Props,
-  RichTextPropControllerMessageType: () => import_instances.RichTextPropControllerMessageType,
   TableFormFieldsMessageType: () => import_instances.TableFormFieldsMessageType
 });
 module.exports = __toCommonJS(prop_controllers_exports);
@@ -44,7 +43,6 @@ var import_deleted = require("./deleted");
   DELETED_PROP_CONTROLLER_TYPES,
   Introspection,
   Props,
-  RichTextPropControllerMessageType,
   TableFormFieldsMessageType
 });
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/prop-controllers/index.ts"],"sourcesContent":["export type {\n  Data,\n  Descriptor as PropControllerDescriptor,\n  DescriptorValueType as PropControllerDescriptorValueType,\n  PanelDescriptor,\n  PanelDescriptorType,\n  PanelDescriptorValueType,\n} from './descriptors'\nexport type {\n  ResponsiveValueType,\n  Device,\n  DeviceOverride,\n  ResponsiveValue,\n} from '@makeswift/prop-controllers'\nexport * as Props from './descriptors'\nexport type {\n  PropControllerMessage,\n  RichTextPropControllerMessage,\n  TableFormFieldsMessage,\n} from './instances'\nexport { RichTextPropControllerMessageType, TableFormFieldsMessageType } from './instances'\nexport * as Introspection from './introspection'\nexport { DELETED_PROP_CONTROLLER_TYPES } from './deleted'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcA,YAAuB;AAMvB,uBAA8E;AAC9E,oBAA+B;AAC/B,qBAA8C;","names":[]}
+{"version":3,"sources":["../../../src/prop-controllers/index.ts"],"sourcesContent":["export type { Device, DeviceOverride, ResponsiveValue } from '@makeswift/controls'\n\nexport type {\n  Data,\n  Descriptor as PropControllerDescriptor,\n  DescriptorValueType as PropControllerDescriptorValueType,\n  PanelDescriptor,\n  PanelDescriptorType,\n  PanelDescriptorValueType,\n} from './descriptors'\n\nexport * as Props from './descriptors'\nexport type { PropControllerMessage, TableFormFieldsMessage } from './instances'\nexport { TableFormFieldsMessageType } from './instances'\nexport * as Introspection from './introspection'\nexport { DELETED_PROP_CONTROLLER_TYPES } from './deleted'\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA,YAAuB;AAEvB,uBAA2C;AAC3C,oBAA+B;AAC/B,qBAA8C;","names":[]}

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

@@ -18,122 +18,44 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var instances_exports = {};
 __export(instances_exports, {
-  RichTextPropControllerMessageType: () => RichTextPropControllerMessageType,
   TableFormFieldsMessageType: () => TableFormFieldsMessageType,
   TableFormFieldsPropController: () => TableFormFieldsPropController,
   createPropController: () => createPropController
 });
 module.exports = __toCommonJS(instances_exports);
-var import_builder_edit_mode = require("../state/modules/builder-edit-mode");
-var import_controls = require("../controls");
-var import_base = require("./base");
+var import_descriptors = require("./descriptors");
 var import_prop_controllers = require("@makeswift/prop-controllers");
-const RichTextPropControllerMessageType = {
-  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 DefaultPropController extends import_base.PropController {
-  recv = (_message) => {
-  };
-}
-class RichTextPropController extends import_base.PropController {
-  editor = null;
-  recv = (message) => {
-    if (!this.editor)
-      return;
-    switch (message.type) {
-      case RichTextPropControllerMessageType.CHANGE_BUILDER_EDIT_MODE: {
-        switch (message.editMode) {
-          case import_builder_edit_mode.BuilderEditMode.BUILD:
-          case import_builder_edit_mode.BuilderEditMode.INTERACT:
-            this.editor.deselectAndBlur();
-        }
-        break;
-      }
-      case RichTextPropControllerMessageType.FOCUS: {
-        this.editor.focusAndSelectAll();
-        break;
-      }
-    }
-  };
-  setSlateEditor(editor) {
-    this.editor = editor;
-    this.send({
-      type: RichTextPropControllerMessageType.INITIALIZE_EDITOR,
-      value: (0, import_controls.richTextDAOToDTO)(editor.children, editor.selection)
-    });
-    const _onChange = editor.onChange;
-    this.editor.onChange = (options) => {
-      _onChange(options);
-      if (options?.operation != null) {
-        this.send({
-          type: RichTextPropControllerMessageType.CHANGE_EDITOR_VALUE,
-          value: (0, import_controls.richTextDAOToDTO)(editor.children, editor.selection)
-        });
-      }
-    };
-  }
-  focus() {
-    this.send({ type: RichTextPropControllerMessageType.FOCUS });
-  }
-  blur() {
-    this.send({ type: RichTextPropControllerMessageType.BLUR });
-  }
-  undo() {
-    this.send({ type: RichTextPropControllerMessageType.UNDO });
-  }
-  redo() {
-    this.send({ type: RichTextPropControllerMessageType.REDO });
-  }
-  changeBoxModel(boxModel) {
-    this.send({ type: RichTextPropControllerMessageType.CHANGE_BOX_MODEL, payload: { boxModel } });
-  }
-}
+var import_controls = require("@makeswift/controls");
 const TableFormFieldsMessageType = {
   TABLE_FORM_LAYOUT_CHANGE: "TABLE_FORM_LAYOUT_CHANGE",
   TABLE_FORM_FIELD_LAYOUT_CHANGE: "TABLE_FORM_FIELD_LAYOUT_CHANGE"
 };
-class TableFormFieldsPropController extends import_base.PropController {
+class TableFormFieldsPropController extends import_controls.ControlInstance {
   recv = () => {
   };
+  child(_key) {
+    return void 0;
+  }
   tableFormLayoutChange(payload) {
-    this.send({ type: TableFormFieldsMessageType.TABLE_FORM_LAYOUT_CHANGE, payload });
+    this.sendMessage({ type: TableFormFieldsMessageType.TABLE_FORM_LAYOUT_CHANGE, payload });
   }
   tableFormFieldLayoutChange(payload) {
-    this.send({ type: TableFormFieldsMessageType.TABLE_FORM_FIELD_LAYOUT_CHANGE, payload });
+    this.sendMessage({ type: TableFormFieldsMessageType.TABLE_FORM_FIELD_LAYOUT_CHANGE, payload });
   }
 }
 function createPropController(descriptor, send) {
+  if (!(0, import_descriptors.isLegacyDescriptor)(descriptor)) {
+    return descriptor.createInstance(send);
+  }
   switch (descriptor.type) {
     case import_prop_controllers.Types.TableFormFields:
       return new TableFormFieldsPropController(send);
-    case import_controls.SlotControlType:
-      return new import_controls.SlotControl(send);
-    case import_controls.RichTextControlType:
-      return new import_controls.RichTextControl(send);
-    case import_controls.RichTextV2ControlType:
-      return new import_controls.RichTextV2Control(send, descriptor);
-    case import_controls.ListControlType:
-      return new import_controls.ListControl(send, descriptor);
-    case import_controls.ShapeControlType:
-      return new import_controls.ShapeControl(send, descriptor);
-    case import_controls.StyleControlType:
-      return new import_controls.StyleControl(send);
-    case import_controls.StyleV2ControlType:
-      return new import_controls.StyleV2Control(send, descriptor);
     default:
-      return new DefaultPropController(send);
+      return new import_controls.DefaultControlInstance(send);
   }
 }
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  RichTextPropControllerMessageType,
   TableFormFieldsMessageType,
   TableFormFieldsPropController,
   createPropController