@webiny/react-properties 0.0.0-unstable.e622468070 → 0.0.0-unstable.e6f0dc8ca7

package/DevToolsSection.d.ts

@@ -0,0 +1,40 @@
+type DevToolsView = "browse" | "raw";
+interface DevToolsSectionProps {
+    name: string;
+    data: unknown;
+    /**
+     * Group name for the sidebar. Items with the same group appear
+     * under the same header. Defaults to "Sections".
+     *
+     * @example
+     * ```tsx
+     * <DevToolsSection name="Article" group="CMS" data={model} />
+     * <DevToolsSection name="Author" group="CMS" data={author} />
+     * ```
+     */
+    group?: string;
+    /**
+     * Which views to show in the detail panel.
+     * - `"browse"` — split view with root keys on the left, value tree on the right
+     * - `"raw"` — full JSON tree view
+     *
+     * Accepts a single view or an array. First item is the default tab.
+     * @default ["browse", "raw"]
+     */
+    views?: DevToolsView | DevToolsView[];
+}
+/**
+ * Registers a named section in the Webiny DevTools extension.
+ * Renders nothing — purely a data registration side-effect.
+ *
+ * When the component unmounts (e.g., route change), the section
+ * is automatically removed from DevTools.
+ *
+ * @example
+ * ```tsx
+ * <DevToolsSection name="CMS Model" data={model} />
+ * <DevToolsSection name="Article" group="CMS" data={model} views="raw" />
+ * ```
+ */
+export declare function DevToolsSection({ name, data, group, views }: DevToolsSectionProps): null;
+export {};

package/DevToolsSection.js

@@ -0,0 +1,70 @@
+import { useEffect } from "react";
+import { getHook } from "./useDebugConfig.js";
+/**
+ * Registers a named section in the Webiny DevTools extension.
+ * Renders nothing — purely a data registration side-effect.
+ *
+ * When the component unmounts (e.g., route change), the section
+ * is automatically removed from DevTools.
+ *
+ * @example
+ * ```tsx
+ * <DevToolsSection name="CMS Model" data={model} />
+ * <DevToolsSection name="Article" group="CMS" data={model} views="raw" />
+ * ```
+ */
+export function DevToolsSection({
+  name,
+  data,
+  group,
+  views
+}) {
+  // Snapshot the data on every render to get a stable, plain value.
+  // This also ensures that if data is a MobX observable, we capture
+  // the current state as a plain object (no proxies on the hook).
+  const dataKey = safeStringify(data);
+  useEffect(() => {
+    if (process.env.NODE_ENV !== "development") {
+      return;
+    }
+    const normalizedViews = views ? Array.isArray(views) ? views : [views] : ["browse", "raw"];
+    let plainData;
+    try {
+      plainData = JSON.parse(dataKey);
+    } catch {
+      plainData = data;
+    }
+    const hook = getHook();
+    hook.sections[name] = {
+      data: plainData,
+      group: group || "Sections",
+      views: normalizedViews,
+      updatedAt: Date.now()
+    };
+    hook.revision++;
+    return () => {
+      if (window.__WEBINY_DEVTOOLS_HOOK__) {
+        delete window.__WEBINY_DEVTOOLS_HOOK__.sections[name];
+        window.__WEBINY_DEVTOOLS_HOOK__.revision++;
+      }
+    };
+  }, [name, dataKey, group, Array.isArray(views) ? views.join(",") : views]);
+  return null;
+}
+function safeStringify(value) {
+  try {
+    return JSON.stringify(value, (_key, v) => {
+      if (typeof v === "function") {
+        return `[Function: ${v.name || "anonymous"}]`;
+      }
+      if (typeof v === "undefined") {
+        return "[undefined]";
+      }
+      return v;
+    });
+  } catch {
+    return String(value);
+  }
+}
+
+//# sourceMappingURL=DevToolsSection.js.map

package/DevToolsSection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","getHook","DevToolsSection","name","data","group","views","dataKey","safeStringify","process","env","NODE_ENV","normalizedViews","Array","isArray","plainData","JSON","parse","hook","sections","updatedAt","Date","now","revision","window","__WEBINY_DEVTOOLS_HOOK__","join","value","stringify","_key","v","String"],"sources":["DevToolsSection.tsx"],"sourcesContent":["import { useEffect } from \"react\";\nimport { getHook } from \"./useDebugConfig.js\";\n\ntype DevToolsView = \"browse\" | \"raw\";\n\ninterface DevToolsSectionProps {\n    name: string;\n    data: unknown;\n    /**\n     * Group name for the sidebar. Items with the same group appear\n     * under the same header. Defaults to \"Sections\".\n     *\n     * @example\n     * ```tsx\n     * <DevToolsSection name=\"Article\" group=\"CMS\" data={model} />\n     * <DevToolsSection name=\"Author\" group=\"CMS\" data={author} />\n     * ```\n     */\n    group?: string;\n    /**\n     * Which views to show in the detail panel.\n     * - `\"browse\"` — split view with root keys on the left, value tree on the right\n     * - `\"raw\"` — full JSON tree view\n     *\n     * Accepts a single view or an array. First item is the default tab.\n     * @default [\"browse\", \"raw\"]\n     */\n    views?: DevToolsView | DevToolsView[];\n}\n\n/**\n * Registers a named section in the Webiny DevTools extension.\n * Renders nothing — purely a data registration side-effect.\n *\n * When the component unmounts (e.g., route change), the section\n * is automatically removed from DevTools.\n *\n * @example\n * ```tsx\n * <DevToolsSection name=\"CMS Model\" data={model} />\n * <DevToolsSection name=\"Article\" group=\"CMS\" data={model} views=\"raw\" />\n * ```\n */\nexport function DevToolsSection({ name, data, group, views }: DevToolsSectionProps) {\n    // Snapshot the data on every render to get a stable, plain value.\n    // This also ensures that if data is a MobX observable, we capture\n    // the current state as a plain object (no proxies on the hook).\n    const dataKey = safeStringify(data);\n\n    useEffect(() => {\n        if (process.env.NODE_ENV !== \"development\") {\n            return;\n        }\n\n        const normalizedViews: DevToolsView[] = views\n            ? Array.isArray(views)\n                ? views\n                : [views]\n            : [\"browse\", \"raw\"];\n\n        let plainData: unknown;\n        try {\n            plainData = JSON.parse(dataKey);\n        } catch {\n            plainData = data;\n        }\n\n        const hook = getHook();\n        hook.sections[name] = {\n            data: plainData,\n            group: group || \"Sections\",\n            views: normalizedViews,\n            updatedAt: Date.now()\n        };\n        hook.revision++;\n\n        return () => {\n            if (window.__WEBINY_DEVTOOLS_HOOK__) {\n                delete window.__WEBINY_DEVTOOLS_HOOK__.sections[name];\n                window.__WEBINY_DEVTOOLS_HOOK__.revision++;\n            }\n        };\n    }, [name, dataKey, group, Array.isArray(views) ? views.join(\",\") : views]);\n\n    return null;\n}\n\nfunction safeStringify(value: unknown): string {\n    try {\n        return JSON.stringify(value, (_key, v) => {\n            if (typeof v === \"function\") {\n                return `[Function: ${v.name || \"anonymous\"}]`;\n            }\n            if (typeof v === \"undefined\") {\n                return \"[undefined]\";\n            }\n            return v;\n        });\n    } catch {\n        return String(value);\n    }\n}\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AACjC,SAASC,OAAO;AA6BhB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,SAASC,eAAeA,CAAC;EAAEC,IAAI;EAAEC,IAAI;EAAEC,KAAK;EAAEC;AAA4B,CAAC,EAAE;EAChF;EACA;EACA;EACA,MAAMC,OAAO,GAAGC,aAAa,CAACJ,IAAI,CAAC;EAEnCJ,SAAS,CAAC,MAAM;IACZ,IAAIS,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;MACxC;IACJ;IAEA,MAAMC,eAA+B,GAAGN,KAAK,GACvCO,KAAK,CAACC,OAAO,CAACR,KAAK,CAAC,GAChBA,KAAK,GACL,CAACA,KAAK,CAAC,GACX,CAAC,QAAQ,EAAE,KAAK,CAAC;IAEvB,IAAIS,SAAkB;IACtB,IAAI;MACAA,SAAS,GAAGC,IAAI,CAACC,KAAK,CAACV,OAAO,CAAC;IACnC,CAAC,CAAC,MAAM;MACJQ,SAAS,GAAGX,IAAI;IACpB;IAEA,MAAMc,IAAI,GAAGjB,OAAO,CAAC,CAAC;IACtBiB,IAAI,CAACC,QAAQ,CAAChB,IAAI,CAAC,GAAG;MAClBC,IAAI,EAAEW,SAAS;MACfV,KAAK,EAAEA,KAAK,IAAI,UAAU;MAC1BC,KAAK,EAAEM,eAAe;MACtBQ,SAAS,EAAEC,IAAI,CAACC,GAAG,CAAC;IACxB,CAAC;IACDJ,IAAI,CAACK,QAAQ,EAAE;IAEf,OAAO,MAAM;MACT,IAAIC,MAAM,CAACC,wBAAwB,EAAE;QACjC,OAAOD,MAAM,CAACC,wBAAwB,CAACN,QAAQ,CAAChB,IAAI,CAAC;QACrDqB,MAAM,CAACC,wBAAwB,CAACF,QAAQ,EAAE;MAC9C;IACJ,CAAC;EACL,CAAC,EAAE,CAACpB,IAAI,EAAEI,OAAO,EAAEF,KAAK,EAAEQ,KAAK,CAACC,OAAO,CAACR,KAAK,CAAC,GAAGA,KAAK,CAACoB,IAAI,CAAC,GAAG,CAAC,GAAGpB,KAAK,CAAC,CAAC;EAE1E,OAAO,IAAI;AACf;AAEA,SAASE,aAAaA,CAACmB,KAAc,EAAU;EAC3C,IAAI;IACA,OAAOX,IAAI,CAACY,SAAS,CAACD,KAAK,EAAE,CAACE,IAAI,EAAEC,CAAC,KAAK;MACtC,IAAI,OAAOA,CAAC,KAAK,UAAU,EAAE;QACzB,OAAO,cAAcA,CAAC,CAAC3B,IAAI,IAAI,WAAW,GAAG;MACjD;MACA,IAAI,OAAO2B,CAAC,KAAK,WAAW,EAAE;QAC1B,OAAO,aAAa;MACxB;MACA,OAAOA,CAAC;IACZ,CAAC,CAAC;EACN,CAAC,CAAC,MAAM;IACJ,OAAOC,MAAM,CAACJ,KAAK,CAAC;EACxB;AACJ","ignoreList":[]}

package/Properties.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import { PropertyStore } from "./domain/index.js";
 export interface ConnectToPropertiesProps {
     name: string;
     children: React.ReactNode;
@@ -16,10 +17,11 @@ export interface Property {
 interface AddPropertyOptions {
     after?: string;
     before?: string;
+    priority?: number;
 }
 interface PropertiesContext {
     name?: string;
-    properties: Property[];
+    store: PropertyStore;
     getAncestor(name: string): PropertiesContext | undefined;
     getObject<T = unknown>(): T;
     addProperty(property: Property, options?: AddPropertyOptions): void;

package/Properties.js

@@ -1,5 +1,7 @@
-import React, { createContext, useContext, useEffect, useMemo, useRef, useState } from "react";
+import React, { createContext, useContext, useEffect, useMemo, useRef } from "react";
 import { getUniqueId, toObject } from "./utils.js";
+import { PropertyStore } from "./domain/index.js";
+import { usePropertyPriority } from "./PropertyPriority.js";
 const PropertiesTargetContext = /*#__PURE__*/createContext(undefined);
 export const ConnectToProperties = ({
   name,
@@ -9,49 +11,17 @@ export const ConnectToProperties = ({
     value: name
   }, children);
 };
-function removeByParent(id, properties) {
-  return properties.filter(prop => prop.parent === id).reduce((acc, item) => {
-    return removeByParent(item.id, acc.filter(prop => prop.id !== item.id));
-  }, properties);
-}
-function putPropertyBefore(properties, property, before) {
-  const existingIndex = properties.findIndex(prop => prop.id === property.id);
-  if (existingIndex > -1) {
-    const existingProperty = properties[existingIndex];
-    const newProperties = properties.filter(p => p.id !== property.id);
-    const targetIndex = before.endsWith("$first") ? 0 : newProperties.findIndex(prop => prop.id === before);
-    return [...newProperties.slice(0, targetIndex), existingProperty, ...newProperties.slice(targetIndex)];
-  }
-  const targetIndex = properties.findIndex(prop => prop.id === before);
-  return [...properties.slice(0, targetIndex), property, ...properties.slice(targetIndex)];
-}
-function putPropertyAfter(properties, property, after) {
-  const existingIndex = properties.findIndex(prop => prop.id === property.id);
-  if (existingIndex > -1) {
-    const [removedProperty] = properties.splice(existingIndex, 1);
-    const targetIndex = after.endsWith("$last") ? properties.length - 1 : properties.findIndex(prop => prop.id === after);
-    return [...properties.slice(0, targetIndex + 1), removedProperty, ...properties.slice(targetIndex + 1)];
-  }
-  const targetIndex = properties.findIndex(prop => prop.id === after);
-  return [...properties.slice(0, targetIndex + 1), property, ...properties.slice(targetIndex + 1)];
-}
-function mergeProperty(properties, property) {
-  const index = properties.findIndex(prop => prop.id === property.id);
-  if (index > -1) {
-    return [...properties.slice(0, index), {
-      ...properties[index],
-      ...property
-    }, ...properties.slice(index + 1)];
-  }
-  return properties;
-}
 const PropertiesContext = /*#__PURE__*/createContext(undefined);
 export const Properties = ({
   name,
   onChange,
   children
 }) => {
-  const [properties, setProperties] = useState([]);
+  const storeRef = useRef(null);
+  if (!storeRef.current) {
+    storeRef.current = new PropertyStore();
+  }
+  const store = storeRef.current;
   let parent;
   try {
     parent = useProperties();
@@ -59,13 +29,19 @@ export const Properties = ({
     // Do nothing, if there's no parent.
   }
   useEffect(() => {
-    if (onChange) {
-      onChange(properties);
+    if (!onChange) {
+      return;
     }
-  }, [properties]);
+    return store.subscribe(properties => {
+      onChange(properties);
+    });
+  }, [store, onChange]);
+
+  // Context value is stable — it never changes after mount.
+  // Children never re-render due to context changes.
   const context = useMemo(() => ({
     name,
-    properties,
+    store,
     getAncestor(ancestorName) {
       if (!parent) {
         return undefined;
@@ -73,63 +49,31 @@ export const Properties = ({
       return parent && parent.name === ancestorName ? parent : parent.getAncestor(ancestorName);
     },
     getObject() {
-      return toObject(properties);
+      return toObject(store.allProperties);
     },
     addProperty(property, options = {}) {
-      setProperties(properties => {
-        const index = properties.findIndex(prop => prop.id === property.id);
-        if (index > -1) {
-          const newProperties = mergeProperty(properties, property);
-          if (options.after) {
-            return putPropertyAfter(newProperties, property, options.after);
-          }
-          if (options.before) {
-            return putPropertyBefore(newProperties, property, options.before);
-          }
-          return newProperties;
-        }
-        if (options.after) {
-          return putPropertyAfter(properties, property, options.after);
-        }
-        if (options.before) {
-          return putPropertyBefore(properties, property, options.before);
-        }
-        return [...properties, property];
-      });
+      store.addProperty(property, options);
     },
     removeProperty(id) {
-      setProperties(properties => {
-        return removeByParent(id, properties.filter(prop => prop.id !== id));
-      });
+      store.removeProperty(id);
     },
     replaceProperty(id, property) {
-      setProperties(properties => {
-        const toReplace = properties.findIndex(prop => prop.id === id);
-        if (toReplace > -1) {
-          // Replace the property and remove all remaining child properties.
-          return removeByParent(id, [...properties.slice(0, toReplace), property, ...properties.slice(toReplace + 1)]);
-        }
-        return properties;
-      });
+      store.replaceProperty(id, property);
     }
-  }), [properties]);
+  }), [store]);
   return /*#__PURE__*/React.createElement(PropertiesContext.Provider, {
     value: context
   }, children);
 };
 export function useProperties() {
-  const properties = useContext(PropertiesContext);
-  if (!properties) {
+  const context = useContext(PropertiesContext);
+  if (!context) {
     throw Error("Properties context provider is missing!");
   }
-  return properties;
+  return context;
 }
 export function useMaybeProperties() {
-  const properties = useContext(PropertiesContext);
-  if (!properties) {
-    return undefined;
-  }
-  return properties;
+  return useContext(PropertiesContext);
 }
 export function useAncestorByName(name) {
   const parent = useMaybeProperties();
@@ -150,14 +94,15 @@ export function useParentProperty() {
 export function useAncestor(params) {
   const property = useParentProperty();
   const {
-    properties
+    store
   } = useProperties();
   const matchOrGetAncestor = (property, params) => {
-    const matchedProps = properties.filter(prop => prop.parent === property.id).filter(prop => prop.name in params && prop.value === params[prop.name]);
+    const children = store.getChildrenOf(property.id);
+    const matchedProps = children.filter(prop => prop.name in params && prop.value === params[prop.name]);
     if (matchedProps.length === Object.keys(params).length) {
       return property;
     }
-    const newParent = property.parent ? properties.find(prop => prop.id === property.parent) : undefined;
+    const newParent = property.parent ? store.getById(property.parent) : undefined;
     return newParent ? matchOrGetAncestor(newParent, params) : undefined;
   };
   return property ? matchOrGetAncestor(property, params) : undefined;
@@ -181,6 +126,7 @@ export const Property = ({
   const immediateProperties = useProperties();
   const ancestorByName = useAncestorByName(targetName);
   const previousValue = useRef(value);
+  const priority = usePropertyPriority();
   const properties = targetName && ancestorByName ? ancestorByName : immediateProperties;
   if (!properties) {
     throw Error("<Properties> provider is missing higher in the hierarchy!");
@@ -188,7 +134,8 @@ export const Property = ({
   const {
     addProperty,
     removeProperty,
-    replaceProperty
+    replaceProperty,
+    store: propertyStore
   } = properties;
   const parentId = parent ? parent : root ? "" : parentProperty?.id || "";
   const property = {
@@ -198,6 +145,11 @@ export const Property = ({
     parent: parentId,
     array
   };
+
+  // Register in the synchronous lookup during render so useAncestor can find this property.
+  if (!remove) {
+    propertyStore.registerLookup(property);
+  }
   useEffect(() => {
     if (remove) {
       removeProperty(uniqueId);
@@ -215,7 +167,8 @@ export const Property = ({
       $isLast
     }, {
       after,
-      before
+      before,
+      priority
     });
     return () => {
       removeProperty(uniqueId);

package/Properties.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","createContext","useContext","useEffect","useMemo","useRef","useState","getUniqueId","toObject","PropertiesTargetContext","undefined","ConnectToProperties","name","children","createElement","Provider","value","removeByParent","id","properties","filter","prop","parent","reduce","acc","item","putPropertyBefore","property","before","existingIndex","findIndex","existingProperty","newProperties","p","targetIndex","endsWith","slice","putPropertyAfter","after","removedProperty","splice","length","mergeProperty","index","PropertiesContext","Properties","onChange","setProperties","useProperties","context","getAncestor","ancestorName","getObject","addProperty","options","removeProperty","replaceProperty","toReplace","Error","useMaybeProperties","useAncestorByName","PropertyContext","useParentProperty","useAncestor","params","matchOrGetAncestor","matchedProps","Object","keys","newParent","find","Property","replace","remove","array","root","targetName","uniqueId","parentProperty","immediateProperties","ancestorByName","previousValue","parentId","$isFirst","$isLast","current"],"sources":["Properties.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useMemo, useRef, useState } from \"react\";\nimport { getUniqueId, toObject } from \"./utils.js\";\n\nconst PropertiesTargetContext = createContext<string | undefined>(undefined);\n\nexport interface ConnectToPropertiesProps {\n    name: string;\n    children: React.ReactNode;\n}\n\nexport const ConnectToProperties = ({ name, children }: ConnectToPropertiesProps) => {\n    return (\n        <PropertiesTargetContext.Provider value={name}>{children}</PropertiesTargetContext.Provider>\n    );\n};\n\nexport interface Property {\n    id: string;\n    parent: string;\n    name: string;\n    value?: unknown;\n    array?: boolean;\n    $isFirst?: boolean;\n    $isLast?: boolean;\n}\n\nfunction removeByParent(id: string, properties: Property[]): Property[] {\n    return properties\n        .filter(prop => prop.parent === id)\n        .reduce((acc, item) => {\n            return removeByParent(\n                item.id,\n                acc.filter(prop => prop.id !== item.id)\n            );\n        }, properties);\n}\n\ninterface AddPropertyOptions {\n    after?: string;\n    before?: string;\n}\n\ninterface PropertiesContext {\n    name?: string;\n    properties: Property[];\n    getAncestor(name: string): PropertiesContext | undefined;\n    getObject<T = unknown>(): T;\n    addProperty(property: Property, options?: AddPropertyOptions): void;\n    removeProperty(id: string): void;\n    replaceProperty(id: string, property: Property): void;\n}\n\nfunction putPropertyBefore(properties: Property[], property: Property, before: string) {\n    const existingIndex = properties.findIndex(prop => prop.id === property.id);\n    if (existingIndex > -1) {\n        const existingProperty = properties[existingIndex];\n        const newProperties = properties.filter(p => p.id !== property.id);\n        const targetIndex = before.endsWith(\"$first\")\n            ? 0\n            : newProperties.findIndex(prop => prop.id === before);\n        return [\n            ...newProperties.slice(0, targetIndex),\n            existingProperty,\n            ...newProperties.slice(targetIndex)\n        ];\n    }\n\n    const targetIndex = properties.findIndex(prop => prop.id === before);\n\n    return [...properties.slice(0, targetIndex), property, ...properties.slice(targetIndex)];\n}\n\nfunction putPropertyAfter(properties: Property[], property: Property, after: string) {\n    const existingIndex = properties.findIndex(prop => prop.id === property.id);\n\n    if (existingIndex > -1) {\n        const [removedProperty] = properties.splice(existingIndex, 1);\n        const targetIndex = after.endsWith(\"$last\")\n            ? properties.length - 1\n            : properties.findIndex(prop => prop.id === after);\n        return [\n            ...properties.slice(0, targetIndex + 1),\n            removedProperty,\n            ...properties.slice(targetIndex + 1)\n        ];\n    }\n\n    const targetIndex = properties.findIndex(prop => prop.id === after);\n\n    return [\n        ...properties.slice(0, targetIndex + 1),\n        property,\n        ...properties.slice(targetIndex + 1)\n    ];\n}\n\nfunction mergeProperty(properties: Property[], property: Property) {\n    const index = properties.findIndex(prop => prop.id === property.id);\n    if (index > -1) {\n        return [\n            ...properties.slice(0, index),\n            { ...properties[index], ...property },\n            ...properties.slice(index + 1)\n        ];\n    }\n    return properties;\n}\n\nconst PropertiesContext = createContext<PropertiesContext | undefined>(undefined);\n\ninterface PropertiesProps {\n    name?: string;\n    onChange?(properties: Property[]): void;\n    children: React.ReactNode;\n}\n\nexport const Properties = ({ name, onChange, children }: PropertiesProps) => {\n    const [properties, setProperties] = useState<Property[]>([]);\n    let parent: PropertiesContext;\n\n    try {\n        parent = useProperties();\n    } catch {\n        // Do nothing, if there's no parent.\n    }\n\n    useEffect(() => {\n        if (onChange) {\n            onChange(properties);\n        }\n    }, [properties]);\n\n    const context: PropertiesContext = useMemo(\n        () => ({\n            name,\n            properties,\n            getAncestor(ancestorName: string) {\n                if (!parent) {\n                    return undefined;\n                }\n\n                return parent && parent.name === ancestorName\n                    ? parent\n                    : parent.getAncestor(ancestorName);\n            },\n            getObject<T>() {\n                return toObject(properties) as T;\n            },\n            addProperty(property, options = {}) {\n                setProperties(properties => {\n                    const index = properties.findIndex(prop => prop.id === property.id);\n\n                    if (index > -1) {\n                        const newProperties = mergeProperty(properties, property);\n                        if (options.after) {\n                            return putPropertyAfter(newProperties, property, options.after);\n                        }\n                        if (options.before) {\n                            return putPropertyBefore(newProperties, property, options.before);\n                        }\n\n                        return newProperties;\n                    }\n\n                    if (options.after) {\n                        return putPropertyAfter(properties, property, options.after);\n                    }\n\n                    if (options.before) {\n                        return putPropertyBefore(properties, property, options.before);\n                    }\n\n                    return [...properties, property];\n                });\n            },\n            removeProperty(id) {\n                setProperties(properties => {\n                    return removeByParent(\n                        id,\n                        properties.filter(prop => prop.id !== id)\n                    );\n                });\n            },\n            replaceProperty(id, property) {\n                setProperties(properties => {\n                    const toReplace = properties.findIndex(prop => prop.id === id);\n\n                    if (toReplace > -1) {\n                        // Replace the property and remove all remaining child properties.\n                        return removeByParent(id, [\n                            ...properties.slice(0, toReplace),\n                            property,\n                            ...properties.slice(toReplace + 1)\n                        ]);\n                    }\n                    return properties;\n                });\n            }\n        }),\n        [properties]\n    );\n\n    return <PropertiesContext.Provider value={context}>{children}</PropertiesContext.Provider>;\n};\n\nexport function useProperties() {\n    const properties = useContext(PropertiesContext);\n    if (!properties) {\n        throw Error(\"Properties context provider is missing!\");\n    }\n\n    return properties;\n}\n\nexport function useMaybeProperties() {\n    const properties = useContext(PropertiesContext);\n    if (!properties) {\n        return undefined;\n    }\n\n    return properties;\n}\n\nexport function useAncestorByName(name: string | undefined) {\n    const parent = useMaybeProperties();\n\n    return useMemo(() => {\n        if (!name || !parent) {\n            return undefined;\n        }\n\n        if (parent.name === name) {\n            return parent;\n        }\n\n        return parent.getAncestor(name);\n    }, [name]);\n}\n\ninterface PropertyProps {\n    id?: string;\n    name: string;\n    value?: unknown;\n    array?: boolean;\n    after?: string;\n    before?: string;\n    replace?: string;\n    remove?: boolean;\n    parent?: string;\n    root?: boolean;\n    children?: React.ReactNode;\n}\n\nconst PropertyContext = createContext<Property | undefined>(undefined);\n\nexport function useParentProperty() {\n    return useContext(PropertyContext);\n}\n\ninterface AncestorMatch {\n    [key: string]: string | boolean | number | null | undefined;\n}\n\nexport function useAncestor(params: AncestorMatch) {\n    const property = useParentProperty();\n    const { properties } = useProperties();\n\n    const matchOrGetAncestor = (\n        property: Property,\n        params: AncestorMatch\n    ): Property | undefined => {\n        const matchedProps = properties\n            .filter(prop => prop.parent === property.id)\n            .filter(prop => prop.name in params && prop.value === params[prop.name]);\n\n        if (matchedProps.length === Object.keys(params).length) {\n            return property;\n        }\n\n        const newParent = property.parent\n            ? properties.find(prop => prop.id === property.parent)\n            : undefined;\n\n        return newParent ? matchOrGetAncestor(newParent, params) : undefined;\n    };\n\n    return property ? matchOrGetAncestor(property, params) : undefined;\n}\n\nexport const Property = ({\n    id,\n    name,\n    value,\n    children,\n    after = undefined,\n    before = undefined,\n    replace = undefined,\n    remove = false,\n    array = false,\n    root = false,\n    parent = undefined\n}: PropertyProps) => {\n    const targetName = useContext(PropertiesTargetContext);\n    const uniqueId = useMemo(() => id || getUniqueId(), []);\n    const parentProperty = useParentProperty();\n    const immediateProperties = useProperties();\n    const ancestorByName = useAncestorByName(targetName);\n    const previousValue = useRef(value);\n\n    const properties = targetName && ancestorByName ? ancestorByName : immediateProperties;\n\n    if (!properties) {\n        throw Error(\"<Properties> provider is missing higher in the hierarchy!\");\n    }\n\n    const { addProperty, removeProperty, replaceProperty } = properties;\n    const parentId = parent ? parent : root ? \"\" : parentProperty?.id || \"\";\n    const property = { id: uniqueId, name, value, parent: parentId, array };\n\n    useEffect(() => {\n        if (remove) {\n            removeProperty(uniqueId);\n            return;\n        }\n\n        if (replace) {\n            replaceProperty(replace, property);\n            return;\n        }\n\n        const $isFirst = before === \"$first\";\n        const $isLast = after === \"$last\";\n\n        addProperty({ ...property, $isFirst, $isLast }, { after, before });\n\n        return () => {\n            removeProperty(uniqueId);\n        };\n    }, []);\n\n    useEffect(() => {\n        if (previousValue.current !== value) {\n            previousValue.current = value;\n            if (!remove && !replace) {\n                replaceProperty(uniqueId, property);\n            }\n        }\n    }, [value]);\n\n    if (children) {\n        return <PropertyContext.Provider value={property}>{children}</PropertyContext.Provider>;\n    }\n\n    return null;\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","createContext","useContext","useEffect","useMemo","useRef","getUniqueId","toObject","PropertyStore","usePropertyPriority","PropertiesTargetContext","undefined","ConnectToProperties","name","children","createElement","Provider","value","PropertiesContext","Properties","onChange","storeRef","current","store","parent","useProperties","subscribe","properties","context","getAncestor","ancestorName","getObject","allProperties","addProperty","property","options","removeProperty","id","replaceProperty","Error","useMaybeProperties","useAncestorByName","PropertyContext","useParentProperty","useAncestor","params","matchOrGetAncestor","getChildrenOf","matchedProps","filter","prop","length","Object","keys","newParent","getById","Property","after","before","replace","remove","array","root","targetName","uniqueId","parentProperty","immediateProperties","ancestorByName","previousValue","priority","propertyStore","parentId","registerLookup","$isFirst","$isLast"],"sources":["Properties.tsx"],"sourcesContent":["import React, { createContext, useContext, useEffect, useMemo, useRef } from \"react\";\nimport { getUniqueId, toObject } from \"./utils.js\";\nimport { PropertyStore } from \"./domain/index.js\";\nimport { usePropertyPriority } from \"./PropertyPriority.js\";\n\nconst PropertiesTargetContext = createContext<string | undefined>(undefined);\n\nexport interface ConnectToPropertiesProps {\n    name: string;\n    children: React.ReactNode;\n}\n\nexport const ConnectToProperties = ({ name, children }: ConnectToPropertiesProps) => {\n    return (\n        <PropertiesTargetContext.Provider value={name}>{children}</PropertiesTargetContext.Provider>\n    );\n};\n\nexport interface Property {\n    id: string;\n    parent: string;\n    name: string;\n    value?: unknown;\n    array?: boolean;\n    $isFirst?: boolean;\n    $isLast?: boolean;\n}\n\ninterface AddPropertyOptions {\n    after?: string;\n    before?: string;\n    priority?: number;\n}\n\ninterface PropertiesContext {\n    name?: string;\n    store: PropertyStore;\n    getAncestor(name: string): PropertiesContext | undefined;\n    getObject<T = unknown>(): T;\n    addProperty(property: Property, options?: AddPropertyOptions): void;\n    removeProperty(id: string): void;\n    replaceProperty(id: string, property: Property): void;\n}\n\nconst PropertiesContext = createContext<PropertiesContext | undefined>(undefined);\n\ninterface PropertiesProps {\n    name?: string;\n    onChange?(properties: Property[]): void;\n    children: React.ReactNode;\n}\n\nexport const Properties = ({ name, onChange, children }: PropertiesProps) => {\n    const storeRef = useRef<PropertyStore | null>(null);\n    if (!storeRef.current) {\n        storeRef.current = new PropertyStore();\n    }\n    const store = storeRef.current;\n\n    let parent: PropertiesContext;\n\n    try {\n        parent = useProperties();\n    } catch {\n        // Do nothing, if there's no parent.\n    }\n\n    useEffect(() => {\n        if (!onChange) {\n            return;\n        }\n\n        return store.subscribe(properties => {\n            onChange(properties);\n        });\n    }, [store, onChange]);\n\n    // Context value is stable — it never changes after mount.\n    // Children never re-render due to context changes.\n    const context: PropertiesContext = useMemo(\n        () => ({\n            name,\n            store,\n            getAncestor(ancestorName: string) {\n                if (!parent) {\n                    return undefined;\n                }\n\n                return parent && parent.name === ancestorName\n                    ? parent\n                    : parent.getAncestor(ancestorName);\n            },\n            getObject<T>() {\n                return toObject(store.allProperties) as T;\n            },\n            addProperty(property, options = {}) {\n                store.addProperty(property, options);\n            },\n            removeProperty(id) {\n                store.removeProperty(id);\n            },\n            replaceProperty(id, property) {\n                store.replaceProperty(id, property);\n            }\n        }),\n        [store]\n    );\n\n    return <PropertiesContext.Provider value={context}>{children}</PropertiesContext.Provider>;\n};\n\nexport function useProperties() {\n    const context = useContext(PropertiesContext);\n    if (!context) {\n        throw Error(\"Properties context provider is missing!\");\n    }\n\n    return context;\n}\n\nexport function useMaybeProperties() {\n    return useContext(PropertiesContext);\n}\n\nexport function useAncestorByName(name: string | undefined) {\n    const parent = useMaybeProperties();\n\n    return useMemo(() => {\n        if (!name || !parent) {\n            return undefined;\n        }\n\n        if (parent.name === name) {\n            return parent;\n        }\n\n        return parent.getAncestor(name);\n    }, [name]);\n}\n\ninterface PropertyProps {\n    id?: string;\n    name: string;\n    value?: unknown;\n    array?: boolean;\n    after?: string;\n    before?: string;\n    replace?: string;\n    remove?: boolean;\n    parent?: string;\n    root?: boolean;\n    children?: React.ReactNode;\n}\n\nconst PropertyContext = createContext<Property | undefined>(undefined);\n\nexport function useParentProperty() {\n    return useContext(PropertyContext);\n}\n\ninterface AncestorMatch {\n    [key: string]: string | boolean | number | null | undefined;\n}\n\nexport function useAncestor(params: AncestorMatch) {\n    const property = useParentProperty();\n    const { store } = useProperties();\n\n    const matchOrGetAncestor = (\n        property: Property,\n        params: AncestorMatch\n    ): Property | undefined => {\n        const children = store.getChildrenOf(property.id);\n        const matchedProps = children.filter(\n            prop => prop.name in params && prop.value === params[prop.name]\n        );\n\n        if (matchedProps.length === Object.keys(params).length) {\n            return property;\n        }\n\n        const newParent = property.parent ? store.getById(property.parent) : undefined;\n\n        return newParent ? matchOrGetAncestor(newParent, params) : undefined;\n    };\n\n    return property ? matchOrGetAncestor(property, params) : undefined;\n}\n\nexport const Property = ({\n    id,\n    name,\n    value,\n    children,\n    after = undefined,\n    before = undefined,\n    replace = undefined,\n    remove = false,\n    array = false,\n    root = false,\n    parent = undefined\n}: PropertyProps) => {\n    const targetName = useContext(PropertiesTargetContext);\n    const uniqueId = useMemo(() => id || getUniqueId(), []);\n    const parentProperty = useParentProperty();\n    const immediateProperties = useProperties();\n    const ancestorByName = useAncestorByName(targetName);\n    const previousValue = useRef(value);\n    const priority = usePropertyPriority();\n\n    const properties = targetName && ancestorByName ? ancestorByName : immediateProperties;\n\n    if (!properties) {\n        throw Error(\"<Properties> provider is missing higher in the hierarchy!\");\n    }\n\n    const { addProperty, removeProperty, replaceProperty, store: propertyStore } = properties;\n    const parentId = parent ? parent : root ? \"\" : parentProperty?.id || \"\";\n    const property = { id: uniqueId, name, value, parent: parentId, array };\n\n    // Register in the synchronous lookup during render so useAncestor can find this property.\n    if (!remove) {\n        propertyStore.registerLookup(property);\n    }\n\n    useEffect(() => {\n        if (remove) {\n            removeProperty(uniqueId);\n            return;\n        }\n\n        if (replace) {\n            replaceProperty(replace, property);\n            return;\n        }\n\n        const $isFirst = before === \"$first\";\n        const $isLast = after === \"$last\";\n\n        addProperty({ ...property, $isFirst, $isLast }, { after, before, priority });\n\n        return () => {\n            removeProperty(uniqueId);\n        };\n    }, []);\n\n    useEffect(() => {\n        if (previousValue.current !== value) {\n            previousValue.current = value;\n            if (!remove && !replace) {\n                replaceProperty(uniqueId, property);\n            }\n        }\n    }, [value]);\n\n    if (children) {\n        return <PropertyContext.Provider value={property}>{children}</PropertyContext.Provider>;\n    }\n\n    return null;\n};\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,EAAEC,SAAS,EAAEC,OAAO,EAAEC,MAAM,QAAQ,OAAO;AACpF,SAASC,WAAW,EAAEC,QAAQ;AAC9B,SAASC,aAAa;AACtB,SAASC,mBAAmB;AAE5B,MAAMC,uBAAuB,gBAAGT,aAAa,CAAqBU,SAAS,CAAC;AAO5E,OAAO,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAmC,CAAC,KAAK;EACjF,oBACId,KAAA,CAAAe,aAAA,CAACL,uBAAuB,CAACM,QAAQ;IAACC,KAAK,EAAEJ;EAAK,GAAEC,QAA2C,CAAC;AAEpG,CAAC;AA4BD,MAAMI,iBAAiB,gBAAGjB,aAAa,CAAgCU,SAAS,CAAC;AAQjF,OAAO,MAAMQ,UAAU,GAAGA,CAAC;EAAEN,IAAI;EAAEO,QAAQ;EAAEN;AAA0B,CAAC,KAAK;EACzE,MAAMO,QAAQ,GAAGhB,MAAM,CAAuB,IAAI,CAAC;EACnD,IAAI,CAACgB,QAAQ,CAACC,OAAO,EAAE;IACnBD,QAAQ,CAACC,OAAO,GAAG,IAAId,aAAa,CAAC,CAAC;EAC1C;EACA,MAAMe,KAAK,GAAGF,QAAQ,CAACC,OAAO;EAE9B,IAAIE,MAAyB;EAE7B,IAAI;IACAA,MAAM,GAAGC,aAAa,CAAC,CAAC;EAC5B,CAAC,CAAC,MAAM;IACJ;EAAA;EAGJtB,SAAS,CAAC,MAAM;IACZ,IAAI,CAACiB,QAAQ,EAAE;MACX;IACJ;IAEA,OAAOG,KAAK,CAACG,SAAS,CAACC,UAAU,IAAI;MACjCP,QAAQ,CAACO,UAAU,CAAC;IACxB,CAAC,CAAC;EACN,CAAC,EAAE,CAACJ,KAAK,EAAEH,QAAQ,CAAC,CAAC;;EAErB;EACA;EACA,MAAMQ,OAA0B,GAAGxB,OAAO,CACtC,OAAO;IACHS,IAAI;IACJU,KAAK;IACLM,WAAWA,CAACC,YAAoB,EAAE;MAC9B,IAAI,CAACN,MAAM,EAAE;QACT,OAAOb,SAAS;MACpB;MAEA,OAAOa,MAAM,IAAIA,MAAM,CAACX,IAAI,KAAKiB,YAAY,GACvCN,MAAM,GACNA,MAAM,CAACK,WAAW,CAACC,YAAY,CAAC;IAC1C,CAAC;IACDC,SAASA,CAAA,EAAM;MACX,OAAOxB,QAAQ,CAACgB,KAAK,CAACS,aAAa,CAAC;IACxC,CAAC;IACDC,WAAWA,CAACC,QAAQ,EAAEC,OAAO,GAAG,CAAC,CAAC,EAAE;MAChCZ,KAAK,CAACU,WAAW,CAACC,QAAQ,EAAEC,OAAO,CAAC;IACxC,CAAC;IACDC,cAAcA,CAACC,EAAE,EAAE;MACfd,KAAK,CAACa,cAAc,CAACC,EAAE,CAAC;IAC5B,CAAC;IACDC,eAAeA,CAACD,EAAE,EAAEH,QAAQ,EAAE;MAC1BX,KAAK,CAACe,eAAe,CAACD,EAAE,EAAEH,QAAQ,CAAC;IACvC;EACJ,CAAC,CAAC,EACF,CAACX,KAAK,CACV,CAAC;EAED,oBAAOvB,KAAA,CAAAe,aAAA,CAACG,iBAAiB,CAACF,QAAQ;IAACC,KAAK,EAAEW;EAAQ,GAAEd,QAAqC,CAAC;AAC9F,CAAC;AAED,OAAO,SAASW,aAAaA,CAAA,EAAG;EAC5B,MAAMG,OAAO,GAAG1B,UAAU,CAACgB,iBAAiB,CAAC;EAC7C,IAAI,CAACU,OAAO,EAAE;IACV,MAAMW,KAAK,CAAC,yCAAyC,CAAC;EAC1D;EAEA,OAAOX,OAAO;AAClB;AAEA,OAAO,SAASY,kBAAkBA,CAAA,EAAG;EACjC,OAAOtC,UAAU,CAACgB,iBAAiB,CAAC;AACxC;AAEA,OAAO,SAASuB,iBAAiBA,CAAC5B,IAAwB,EAAE;EACxD,MAAMW,MAAM,GAAGgB,kBAAkB,CAAC,CAAC;EAEnC,OAAOpC,OAAO,CAAC,MAAM;IACjB,IAAI,CAACS,IAAI,IAAI,CAACW,MAAM,EAAE;MAClB,OAAOb,SAAS;IACpB;IAEA,IAAIa,MAAM,CAACX,IAAI,KAAKA,IAAI,EAAE;MACtB,OAAOW,MAAM;IACjB;IAEA,OAAOA,MAAM,CAACK,WAAW,CAAChB,IAAI,CAAC;EACnC,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;AACd;AAgBA,MAAM6B,eAAe,gBAAGzC,aAAa,CAAuBU,SAAS,CAAC;AAEtE,OAAO,SAASgC,iBAAiBA,CAAA,EAAG;EAChC,OAAOzC,UAAU,CAACwC,eAAe,CAAC;AACtC;AAMA,OAAO,SAASE,WAAWA,CAACC,MAAqB,EAAE;EAC/C,MAAMX,QAAQ,GAAGS,iBAAiB,CAAC,CAAC;EACpC,MAAM;IAAEpB;EAAM,CAAC,GAAGE,aAAa,CAAC,CAAC;EAEjC,MAAMqB,kBAAkB,GAAGA,CACvBZ,QAAkB,EAClBW,MAAqB,KACE;IACvB,MAAM/B,QAAQ,GAAGS,KAAK,CAACwB,aAAa,CAACb,QAAQ,CAACG,EAAE,CAAC;IACjD,MAAMW,YAAY,GAAGlC,QAAQ,CAACmC,MAAM,CAChCC,IAAI,IAAIA,IAAI,CAACrC,IAAI,IAAIgC,MAAM,IAAIK,IAAI,CAACjC,KAAK,KAAK4B,MAAM,CAACK,IAAI,CAACrC,IAAI,CAClE,CAAC;IAED,IAAImC,YAAY,CAACG,MAAM,KAAKC,MAAM,CAACC,IAAI,CAACR,MAAM,CAAC,CAACM,MAAM,EAAE;MACpD,OAAOjB,QAAQ;IACnB;IAEA,MAAMoB,SAAS,GAAGpB,QAAQ,CAACV,MAAM,GAAGD,KAAK,CAACgC,OAAO,CAACrB,QAAQ,CAACV,MAAM,CAAC,GAAGb,SAAS;IAE9E,OAAO2C,SAAS,GAAGR,kBAAkB,CAACQ,SAAS,EAAET,MAAM,CAAC,GAAGlC,SAAS;EACxE,CAAC;EAED,OAAOuB,QAAQ,GAAGY,kBAAkB,CAACZ,QAAQ,EAAEW,MAAM,CAAC,GAAGlC,SAAS;AACtE;AAEA,OAAO,MAAM6C,QAAQ,GAAGA,CAAC;EACrBnB,EAAE;EACFxB,IAAI;EACJI,KAAK;EACLH,QAAQ;EACR2C,KAAK,GAAG9C,SAAS;EACjB+C,MAAM,GAAG/C,SAAS;EAClBgD,OAAO,GAAGhD,SAAS;EACnBiD,MAAM,GAAG,KAAK;EACdC,KAAK,GAAG,KAAK;EACbC,IAAI,GAAG,KAAK;EACZtC,MAAM,GAAGb;AACE,CAAC,KAAK;EACjB,MAAMoD,UAAU,GAAG7D,UAAU,CAACQ,uBAAuB,CAAC;EACtD,MAAMsD,QAAQ,GAAG5D,OAAO,CAAC,MAAMiC,EAAE,IAAI/B,WAAW,CAAC,CAAC,EAAE,EAAE,CAAC;EACvD,MAAM2D,cAAc,GAAGtB,iBAAiB,CAAC,CAAC;EAC1C,MAAMuB,mBAAmB,GAAGzC,aAAa,CAAC,CAAC;EAC3C,MAAM0C,cAAc,GAAG1B,iBAAiB,CAACsB,UAAU,CAAC;EACpD,MAAMK,aAAa,GAAG/D,MAAM,CAACY,KAAK,CAAC;EACnC,MAAMoD,QAAQ,GAAG5D,mBAAmB,CAAC,CAAC;EAEtC,MAAMkB,UAAU,GAAGoC,UAAU,IAAII,cAAc,GAAGA,cAAc,GAAGD,mBAAmB;EAEtF,IAAI,CAACvC,UAAU,EAAE;IACb,MAAMY,KAAK,CAAC,2DAA2D,CAAC;EAC5E;EAEA,MAAM;IAAEN,WAAW;IAAEG,cAAc;IAAEE,eAAe;IAAEf,KAAK,EAAE+C;EAAc,CAAC,GAAG3C,UAAU;EACzF,MAAM4C,QAAQ,GAAG/C,MAAM,GAAGA,MAAM,GAAGsC,IAAI,GAAG,EAAE,GAAGG,cAAc,EAAE5B,EAAE,IAAI,EAAE;EACvE,MAAMH,QAAQ,GAAG;IAAEG,EAAE,EAAE2B,QAAQ;IAAEnD,IAAI;IAAEI,KAAK;IAAEO,MAAM,EAAE+C,QAAQ;IAAEV;EAAM,CAAC;;EAEvE;EACA,IAAI,CAACD,MAAM,EAAE;IACTU,aAAa,CAACE,cAAc,CAACtC,QAAQ,CAAC;EAC1C;EAEA/B,SAAS,CAAC,MAAM;IACZ,IAAIyD,MAAM,EAAE;MACRxB,cAAc,CAAC4B,QAAQ,CAAC;MACxB;IACJ;IAEA,IAAIL,OAAO,EAAE;MACTrB,eAAe,CAACqB,OAAO,EAAEzB,QAAQ,CAAC;MAClC;IACJ;IAEA,MAAMuC,QAAQ,GAAGf,MAAM,KAAK,QAAQ;IACpC,MAAMgB,OAAO,GAAGjB,KAAK,KAAK,OAAO;IAEjCxB,WAAW,CAAC;MAAE,GAAGC,QAAQ;MAAEuC,QAAQ;MAAEC;IAAQ,CAAC,EAAE;MAAEjB,KAAK;MAAEC,MAAM;MAAEW;IAAS,CAAC,CAAC;IAE5E,OAAO,MAAM;MACTjC,cAAc,CAAC4B,QAAQ,CAAC;IAC5B,CAAC;EACL,CAAC,EAAE,EAAE,CAAC;EAEN7D,SAAS,CAAC,MAAM;IACZ,IAAIiE,aAAa,CAAC9C,OAAO,KAAKL,KAAK,EAAE;MACjCmD,aAAa,CAAC9C,OAAO,GAAGL,KAAK;MAC7B,IAAI,CAAC2C,MAAM,IAAI,CAACD,OAAO,EAAE;QACrBrB,eAAe,CAAC0B,QAAQ,EAAE9B,QAAQ,CAAC;MACvC;IACJ;EACJ,CAAC,EAAE,CAACjB,KAAK,CAAC,CAAC;EAEX,IAAIH,QAAQ,EAAE;IACV,oBAAOd,KAAA,CAAAe,aAAA,CAAC2B,eAAe,CAAC1B,QAAQ;MAACC,KAAK,EAAEiB;IAAS,GAAEpB,QAAmC,CAAC;EAC3F;EAEA,OAAO,IAAI;AACf,CAAC","ignoreList":[]}

package/PropertyPriority.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+interface PropertyPriorityProviderProps {
+    priority: number;
+    children: React.ReactNode;
+}
+export declare const PropertyPriorityProvider: ({ priority, children }: PropertyPriorityProviderProps) => React.JSX.Element;
+export declare function usePropertyPriority(): number;
+export {};

package/PropertyPriority.js

@@ -0,0 +1,15 @@
+import React, { createContext, useContext } from "react";
+const PropertyPriorityContext = /*#__PURE__*/createContext(0);
+export const PropertyPriorityProvider = ({
+  priority,
+  children
+}) => {
+  return /*#__PURE__*/React.createElement(PropertyPriorityContext.Provider, {
+    value: priority
+  }, children);
+};
+export function usePropertyPriority() {
+  return useContext(PropertyPriorityContext);
+}
+
+//# sourceMappingURL=PropertyPriority.js.map

package/PropertyPriority.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","createContext","useContext","PropertyPriorityContext","PropertyPriorityProvider","priority","children","createElement","Provider","value","usePropertyPriority"],"sources":["PropertyPriority.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\n\nconst PropertyPriorityContext = createContext(0);\n\ninterface PropertyPriorityProviderProps {\n    priority: number;\n    children: React.ReactNode;\n}\n\nexport const PropertyPriorityProvider = ({ priority, children }: PropertyPriorityProviderProps) => {\n    return (\n        <PropertyPriorityContext.Provider value={priority}>\n            {children}\n        </PropertyPriorityContext.Provider>\n    );\n};\n\nexport function usePropertyPriority(): number {\n    return useContext(PropertyPriorityContext);\n}\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAExD,MAAMC,uBAAuB,gBAAGF,aAAa,CAAC,CAAC,CAAC;AAOhD,OAAO,MAAMG,wBAAwB,GAAGA,CAAC;EAAEC,QAAQ;EAAEC;AAAwC,CAAC,KAAK;EAC/F,oBACIN,KAAA,CAAAO,aAAA,CAACJ,uBAAuB,CAACK,QAAQ;IAACC,KAAK,EAAEJ;EAAS,GAC7CC,QAC6B,CAAC;AAE3C,CAAC;AAED,OAAO,SAASI,mBAAmBA,CAAA,EAAW;EAC1C,OAAOR,UAAU,CAACC,uBAAuB,CAAC;AAC9C","ignoreList":[]}

package/createConfigurableComponent.js

@@ -1,19 +1,30 @@
-import React, { useContext, useEffect, useMemo, useState } from "react";
+import React, { useCallback, useContext, useEffect, useMemo, useState } from "react";
 import { Compose, makeDecoratable } from "@webiny/react-composition";
 import { Properties, toObject } from "./index.js";
 import { useDebugConfig } from "./useDebugConfig.js";
-import debounce from "lodash/debounce.js";
+import { PropertyPriorityProvider } from "./PropertyPriority.js";
+
+/**
+ * Each `<Config>` call composes a new HOC around the previous one via `Compose`.
+ * The last composed HOC is the outermost wrapper. By placing `{newChildren}`
+ * (this HOC's addition) before `{children}` (all previously composed configs),
+ * the final render order matches declaration order:
+ *
+ *   <Config>A</Config>  →  renders first  (outermost HOC, its newChildren rendered first)
+ *   <Config>B</Config>  →  renders second
+ *   <Config>C</Config>  →  renders third  (innermost, rendered last via children chain)
+ *
+ * This is important because Property components register in mount order,
+ * so declaration order = mount order = predictable config resolution.
+ */
 const createHOC = newChildren => BaseComponent => {
   return function ConfigHOC({
     children
   }) {
-    return /*#__PURE__*/React.createElement(BaseComponent, null, children, newChildren);
+    return /*#__PURE__*/React.createElement(BaseComponent, null, newChildren, children);
   };
 };
 export function createConfigurableComponent(name) {
-  /**
-   * This component is used when we want to mount all composed configs.
-   */
   const ConfigApplyPrimary = makeDecoratable(`${name}ConfigApply<Primary>`, ({
     children
   }) => {
@@ -24,10 +35,6 @@ export function createConfigurableComponent(name) {
   }) => {
     return /*#__PURE__*/React.createElement(React.Fragment, null, children);
   });
-
-  /**
-   * This component is used to configure the component (it can be mounted many times).
-   */
   const Config = ({
     priority = "primary",
     children
@@ -47,28 +54,47 @@ export function createConfigurableComponent(name) {
     properties: []
   };
   const ViewContext = /*#__PURE__*/React.createContext(defaultContext);
+
+  /**
+   * Memoized config subtree — ConfigApply components don't depend on WithConfig
+   * props, so they must not remount when the parent re-renders. Without this,
+   * every parent re-render causes Property components inside HOCs to unmount
+   * and remount, corrupting the config object.
+   */
+  const ConfigApplyTree = /*#__PURE__*/React.memo(function ConfigApplyTree() {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ConfigApplyPrimary, null), /*#__PURE__*/React.createElement(PropertyPriorityProvider, {
+      priority: 1
+    }, /*#__PURE__*/React.createElement(ConfigApplySecondary, null)));
+  });
   const WithConfig = ({
     onProperties,
     children
   }) => {
-    const [properties, setProperties] = useState([]);
-    useDebugConfig(name, properties);
+    // `null` = config not yet collected; `[]` = collected but empty.
+    // This distinction is critical: children must NOT render until the
+    // PropertyStore debounce has flushed and delivered the initial config.
+    // Rendering children with partial/empty config causes errors in
+    // consumers like LexicalEditor that require a complete config on mount.
+    const [properties, setProperties] = useState(null);
+    const resolvedProperties = properties ?? [];
+    useDebugConfig(name, resolvedProperties);
     const context = {
-      properties
+      properties: resolvedProperties
     };
     useEffect(() => {
-      if (typeof onProperties === "function") {
+      if (properties !== null && typeof onProperties === "function") {
         onProperties(properties);
       }
     }, [properties]);
-    const stateUpdater = properties => {
+    const stateUpdater = useCallback(properties => {
       setProperties(properties);
-    };
+    }, []);
     return /*#__PURE__*/React.createElement(ViewContext.Provider, {
       value: context
     }, /*#__PURE__*/React.createElement(Properties, {
+      name: name,
       onChange: stateUpdater
-    }, /*#__PURE__*/React.createElement(ConfigApplyPrimary, null), /*#__PURE__*/React.createElement(DebounceRenderer, null, /*#__PURE__*/React.createElement(ConfigApplySecondary, null), /*#__PURE__*/React.createElement(DebounceRenderer, null, children))));
+    }, /*#__PURE__*/React.createElement(ConfigApplyTree, null)), properties !== null ? children : null);
   };
   function useConfig() {
     const {
@@ -76,27 +102,6 @@ export function createConfigurableComponent(name) {
     } = useContext(ViewContext);
     return useMemo(() => toObject(properties), [properties]);
   }
-  const DebounceRenderer = ({
-    children
-  }) => {
-    const [render, setRender] = useState(false);
-    const editorConfig = useConfig();
-    const debouncedRender = useMemo(() => {
-      return debounce(() => {
-        setRender(true);
-      }, 10);
-    }, [setRender]);
-    useEffect(() => {
-      if (render) {
-        return;
-      }
-      debouncedRender();
-      return () => {
-        debouncedRender.cancel();
-      };
-    }, [editorConfig]);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, render ? children : null);
-  };
   return {
     WithConfig,
     Config,

package/createConfigurableComponent.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useContext","useEffect","useMemo","useState","Compose","makeDecoratable","Properties","toObject","useDebugConfig","debounce","createHOC","newChildren","BaseComponent","ConfigHOC","children","createElement","createConfigurableComponent","name","ConfigApplyPrimary","Fragment","ConfigApplySecondary","Config","priority","component","with","defaultContext","properties","ViewContext","createContext","WithConfig","onProperties","setProperties","context","stateUpdater","Provider","value","onChange","DebounceRenderer","useConfig","render","setRender","editorConfig","debouncedRender","cancel"],"sources":["createConfigurableComponent.tsx"],"sourcesContent":["import React, { useContext, useEffect, useMemo, useState } from \"react\";\nimport type { Decorator } from \"@webiny/react-composition\";\nimport { Compose, makeDecoratable } from \"@webiny/react-composition\";\nimport type { GenericComponent } from \"@webiny/react-composition/types.js\";\nimport type { Property } from \"~/index.js\";\nimport { Properties, toObject } from \"~/index.js\";\nimport { useDebugConfig } from \"./useDebugConfig.js\";\nimport debounce from \"lodash/debounce.js\";\n\nconst createHOC =\n    (newChildren: React.ReactNode): Decorator<GenericComponent<{ children?: React.ReactNode }>> =>\n    BaseComponent => {\n        return function ConfigHOC({ children }) {\n            return (\n                <BaseComponent>\n                    {children}\n                    {newChildren}\n                </BaseComponent>\n            );\n        };\n    };\n\nexport interface WithConfigProps {\n    children: React.ReactNode;\n    onProperties?(properties: Property[]): void;\n}\n\ninterface ConfigApplyProps {\n    children?: React.ReactNode;\n}\n\nexport interface ConfigProps {\n    children: React.ReactNode;\n    priority?: \"primary\" | \"secondary\";\n}\n\nexport function createConfigurableComponent<TConfig>(name: string) {\n    /**\n     * This component is used when we want to mount all composed configs.\n     */\n    const ConfigApplyPrimary = makeDecoratable(\n        `${name}ConfigApply<Primary>`,\n        ({ children }: ConfigApplyProps) => {\n            return <>{children}</>;\n        }\n    );\n\n    const ConfigApplySecondary = makeDecoratable(\n        `${name}ConfigApply<Secondary>`,\n        ({ children }: ConfigApplyProps) => {\n            return <>{children}</>;\n        }\n    );\n\n    /**\n     * This component is used to configure the component (it can be mounted many times).\n     */\n    const Config = ({ priority = \"primary\", children }: ConfigProps) => {\n        if (priority === \"primary\") {\n            return <Compose component={ConfigApplyPrimary} with={createHOC(children)} />;\n        }\n        return <Compose component={ConfigApplySecondary} with={createHOC(children)} />;\n    };\n\n    interface ViewContext {\n        properties: Property[];\n    }\n\n    const defaultContext = { properties: [] };\n\n    const ViewContext = React.createContext<ViewContext>(defaultContext);\n\n    const WithConfig = ({ onProperties, children }: WithConfigProps) => {\n        const [properties, setProperties] = useState<Property[]>([]);\n        useDebugConfig(name, properties);\n        const context = { properties };\n\n        useEffect(() => {\n            if (typeof onProperties === \"function\") {\n                onProperties(properties);\n            }\n        }, [properties]);\n\n        const stateUpdater = (properties: Property[]) => {\n            setProperties(properties);\n        };\n\n        return (\n            <ViewContext.Provider value={context}>\n                <Properties onChange={stateUpdater}>\n                    <ConfigApplyPrimary />\n                    <DebounceRenderer>\n                        <ConfigApplySecondary />\n                        <DebounceRenderer>{children}</DebounceRenderer>\n                    </DebounceRenderer>\n                </Properties>\n            </ViewContext.Provider>\n        );\n    };\n\n    function useConfig<TExtra extends object>(): TConfig & TExtra {\n        const { properties } = useContext(ViewContext);\n        return useMemo(() => toObject<TConfig & TExtra>(properties), [properties]);\n    }\n\n    interface Props {\n        children?: React.ReactNode;\n    }\n\n    const DebounceRenderer = ({ children }: Props) => {\n        const [render, setRender] = useState(false);\n        const editorConfig = useConfig();\n\n        const debouncedRender = useMemo(() => {\n            return debounce(() => {\n                setRender(true);\n            }, 10);\n        }, [setRender]);\n\n        useEffect(() => {\n            if (render) {\n                return;\n            }\n\n            debouncedRender();\n\n            return () => {\n                debouncedRender.cancel();\n            };\n        }, [editorConfig]);\n\n        return <>{render ? children : null}</>;\n    };\n\n    return {\n        WithConfig,\n        Config,\n        useConfig\n    };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","useCallback","useContext","useEffect","useMemo","useState","Compose","makeDecoratable","Properties","toObject","useDebugConfig","PropertyPriorityProvider","createHOC","newChildren","BaseComponent","ConfigHOC","children","createElement","createConfigurableComponent","name","ConfigApplyPrimary","Fragment","ConfigApplySecondary","Config","priority","component","with","defaultContext","properties","ViewContext","createContext","ConfigApplyTree","memo","WithConfig","onProperties","setProperties","resolvedProperties","context","stateUpdater","Provider","value","onChange","useConfig"],"sources":["createConfigurableComponent.tsx"],"sourcesContent":["import React, { useCallback, useContext, useEffect, useMemo, useState } from \"react\";\nimport type { Decorator } from \"@webiny/react-composition\";\nimport { Compose, makeDecoratable } from \"@webiny/react-composition\";\nimport type { GenericComponent } from \"@webiny/react-composition/types.js\";\nimport type { Property } from \"~/index.js\";\nimport { Properties, toObject } from \"~/index.js\";\nimport { useDebugConfig } from \"./useDebugConfig.js\";\nimport { PropertyPriorityProvider } from \"./PropertyPriority.js\";\n\n/**\n * Each `<Config>` call composes a new HOC around the previous one via `Compose`.\n * The last composed HOC is the outermost wrapper. By placing `{newChildren}`\n * (this HOC's addition) before `{children}` (all previously composed configs),\n * the final render order matches declaration order:\n *\n *   <Config>A</Config>  →  renders first  (outermost HOC, its newChildren rendered first)\n *   <Config>B</Config>  →  renders second\n *   <Config>C</Config>  →  renders third  (innermost, rendered last via children chain)\n *\n * This is important because Property components register in mount order,\n * so declaration order = mount order = predictable config resolution.\n */\nconst createHOC =\n    (newChildren: React.ReactNode): Decorator<GenericComponent<{ children?: React.ReactNode }>> =>\n    BaseComponent => {\n        return function ConfigHOC({ children }) {\n            return (\n                <BaseComponent>\n                    {newChildren}\n                    {children}\n                </BaseComponent>\n            );\n        };\n    };\n\nexport interface WithConfigProps {\n    children: React.ReactNode;\n    onProperties?(properties: Property[]): void;\n}\n\ninterface ConfigApplyProps {\n    children?: React.ReactNode;\n}\n\nexport interface ConfigProps {\n    children: React.ReactNode;\n    priority?: \"primary\" | \"secondary\";\n}\n\nexport function createConfigurableComponent<TConfig>(name: string) {\n    const ConfigApplyPrimary = makeDecoratable(\n        `${name}ConfigApply<Primary>`,\n        ({ children }: ConfigApplyProps) => {\n            return <>{children}</>;\n        }\n    );\n\n    const ConfigApplySecondary = makeDecoratable(\n        `${name}ConfigApply<Secondary>`,\n        ({ children }: ConfigApplyProps) => {\n            return <>{children}</>;\n        }\n    );\n\n    const Config = ({ priority = \"primary\", children }: ConfigProps) => {\n        if (priority === \"primary\") {\n            return <Compose component={ConfigApplyPrimary} with={createHOC(children)} />;\n        }\n        return <Compose component={ConfigApplySecondary} with={createHOC(children)} />;\n    };\n\n    interface ViewContext {\n        properties: Property[];\n    }\n\n    const defaultContext = { properties: [] };\n\n    const ViewContext = React.createContext<ViewContext>(defaultContext);\n\n    /**\n     * Memoized config subtree — ConfigApply components don't depend on WithConfig\n     * props, so they must not remount when the parent re-renders. Without this,\n     * every parent re-render causes Property components inside HOCs to unmount\n     * and remount, corrupting the config object.\n     */\n    const ConfigApplyTree = React.memo(function ConfigApplyTree() {\n        return (\n            <>\n                <ConfigApplyPrimary />\n                <PropertyPriorityProvider priority={1}>\n                    <ConfigApplySecondary />\n                </PropertyPriorityProvider>\n            </>\n        );\n    });\n\n    const WithConfig = ({ onProperties, children }: WithConfigProps) => {\n        // `null` = config not yet collected; `[]` = collected but empty.\n        // This distinction is critical: children must NOT render until the\n        // PropertyStore debounce has flushed and delivered the initial config.\n        // Rendering children with partial/empty config causes errors in\n        // consumers like LexicalEditor that require a complete config on mount.\n        const [properties, setProperties] = useState<Property[] | null>(null);\n        const resolvedProperties = properties ?? [];\n        useDebugConfig(name, resolvedProperties);\n        const context = { properties: resolvedProperties };\n\n        useEffect(() => {\n            if (properties !== null && typeof onProperties === \"function\") {\n                onProperties(properties);\n            }\n        }, [properties]);\n\n        const stateUpdater = useCallback((properties: Property[]) => {\n            setProperties(properties);\n        }, []);\n\n        return (\n            <ViewContext.Provider value={context}>\n                {/* ConfigApplyTree always renders so Property components inside\n                    composed HOCs can mount and register with the PropertyStore.\n                    It lives outside the children gate below. */}\n                <Properties name={name} onChange={stateUpdater}>\n                    <ConfigApplyTree />\n                </Properties>\n                {/* Gate: only render children once the PropertyStore has flushed\n                    its first batch (properties !== null). This guarantees that\n                    useConfig() returns a complete config object on first render. */}\n                {properties !== null ? children : null}\n            </ViewContext.Provider>\n        );\n    };\n\n    function useConfig<TExtra extends object>(): TConfig & TExtra {\n        const { properties } = useContext(ViewContext);\n        return useMemo(() => toObject<TConfig & TExtra>(properties), [properties]);\n    }\n\n    return {\n        WithConfig,\n        Config,\n        useConfig\n    };\n}\n"],"mappings":"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","ignoreList":[]}

package/domain/PropertyStore.d.ts

@@ -0,0 +1,51 @@
+import type { Property } from "../Properties.js";
+interface AddPropertyOptions {
+    after?: string;
+    before?: string;
+    priority?: number;
+}
+type Listener = (properties: Property[]) => void;
+export declare class PropertyStore {
+    private map;
+    private order;
+    private queue;
+    private listeners;
+    private priorities;
+    /** Properties that were explicitly positioned via before/after. */
+    private positioned;
+    /**
+     * Synchronous lookup map — written immediately on addProperty (before debounce),
+     * so useAncestor can find properties during render.
+     */
+    private lookup;
+    private scheduleFlush;
+    get allProperties(): Property[];
+    subscribe(listener: Listener): () => void;
+    /**
+     * Returns properties that are children of the given parent ID.
+     * Reads from the synchronous lookup map, so it works during render
+     * before the debounced queue has flushed.
+     */
+    getChildrenOf(parentId: string): Property[];
+    /**
+     * Find a property by ID from the synchronous lookup map.
+     */
+    getById(id: string): Property | undefined;
+    /**
+     * Register a property in the synchronous lookup map during render,
+     * so useAncestor can find it before the debounced queue flushes.
+     */
+    registerLookup(property: Property): void;
+    addProperty(property: Property, options?: AddPropertyOptions): void;
+    removeProperty(id: string): void;
+    replaceProperty(oldId: string, newProperty: Property): void;
+    private processQueue;
+    private executeAdd;
+    private executeRemove;
+    private executeReplace;
+    private insertBefore;
+    private insertAfter;
+    private reposition;
+    private removeDescendants;
+}
+export {};

package/domain/PropertyStore.js

@@ -0,0 +1,229 @@
+import debounce from "lodash/debounce.js";
+export class PropertyStore {
+  map = new Map();
+  order = [];
+  queue = [];
+  listeners = new Set();
+  priorities = new Map();
+  /** Properties that were explicitly positioned via before/after. */
+  positioned = new Set();
+
+  /**
+   * Synchronous lookup map — written immediately on addProperty (before debounce),
+   * so useAncestor can find properties during render.
+   */
+  lookup = new Map();
+  scheduleFlush = debounce(() => {
+    this.processQueue();
+  }, 0);
+  get allProperties() {
+    return this.order.filter(id => this.map.has(id)).map(id => this.map.get(id));
+  }
+  subscribe(listener) {
+    this.listeners.add(listener);
+    return () => {
+      this.listeners.delete(listener);
+    };
+  }
+
+  /**
+   * Returns properties that are children of the given parent ID.
+   * Reads from the synchronous lookup map, so it works during render
+   * before the debounced queue has flushed.
+   */
+  getChildrenOf(parentId) {
+    return Array.from(this.lookup.values()).filter(p => p.parent === parentId);
+  }
+
+  /**
+   * Find a property by ID from the synchronous lookup map.
+   */
+  getById(id) {
+    return this.lookup.get(id);
+  }
+
+  /**
+   * Register a property in the synchronous lookup map during render,
+   * so useAncestor can find it before the debounced queue flushes.
+   */
+  registerLookup(property) {
+    if (this.lookup.has(property.id)) {
+      const existing = this.lookup.get(property.id);
+      this.lookup.set(property.id, {
+        ...existing,
+        ...property
+      });
+    } else {
+      this.lookup.set(property.id, property);
+    }
+  }
+  addProperty(property, options = {}) {
+    this.registerLookup(property);
+    this.queue.push({
+      type: "add",
+      property,
+      options
+    });
+    this.scheduleFlush();
+  }
+  removeProperty(id) {
+    this.lookup.delete(id);
+    this.queue.push({
+      type: "remove",
+      id
+    });
+    this.scheduleFlush();
+  }
+  replaceProperty(oldId, newProperty) {
+    this.lookup.delete(oldId);
+    this.lookup.set(newProperty.id, newProperty);
+    this.queue.push({
+      type: "replace",
+      oldId,
+      newProperty
+    });
+    this.scheduleFlush();
+  }
+  processQueue() {
+    if (this.queue.length === 0) {
+      return;
+    }
+    const ops = this.queue.splice(0);
+
+    // Stable-sort operations so that "add" ops with lower priority numbers
+    // are processed first. Non-add operations and adds with default priority (0)
+    // keep their original order.
+    ops.sort((a, b) => {
+      const pa = a.type === "add" ? a.options.priority ?? 0 : 0;
+      const pb = b.type === "add" ? b.options.priority ?? 0 : 0;
+      return pa - pb;
+    });
+    for (const op of ops) {
+      switch (op.type) {
+        case "add":
+          this.executeAdd(op.property, op.options);
+          break;
+        case "remove":
+          this.executeRemove(op.id);
+          break;
+        case "replace":
+          this.executeReplace(op.oldId, op.newProperty);
+          break;
+      }
+    }
+
+    // Stable-sort the order array by priority, but only for properties
+    // that were NOT explicitly positioned via before/after. Explicitly
+    // positioned properties keep their placement.
+    this.order.sort((a, b) => {
+      if (this.positioned.has(a) || this.positioned.has(b)) {
+        return 0;
+      }
+      return (this.priorities.get(a) ?? 0) - (this.priorities.get(b) ?? 0);
+    });
+    const properties = this.allProperties;
+    for (const listener of this.listeners) {
+      listener(properties);
+    }
+  }
+  executeAdd(property, options) {
+    if (options.after || options.before) {
+      this.positioned.add(property.id);
+    }
+    const exists = this.map.has(property.id);
+    if (exists) {
+      // Merge into existing property. Keep the original priority so
+      // that a secondary config overriding a primary property doesn't
+      // cause the re-sort to move it after all primary properties.
+      const existing = this.map.get(property.id);
+      this.map.set(property.id, {
+        ...existing,
+        ...property
+      });
+      if (options.after) {
+        this.reposition(property.id, options.after, "after");
+      } else if (options.before) {
+        this.reposition(property.id, options.before, "before");
+      }
+      return;
+    }
+    this.map.set(property.id, property);
+    // Set priority only for new properties — not merges (handled above).
+    this.priorities.set(property.id, options.priority ?? 0);
+    if (options.after) {
+      this.insertAfter(property.id, options.after);
+    } else if (options.before) {
+      this.insertBefore(property.id, options.before);
+    } else {
+      this.order.push(property.id);
+    }
+  }
+  executeRemove(id) {
+    if (!this.map.has(id)) {
+      return;
+    }
+    this.map.delete(id);
+    this.priorities.delete(id);
+    this.positioned.delete(id);
+    this.order = this.order.filter(oid => oid !== id);
+    // Note: we intentionally do NOT call removeDescendants here.
+    // React's component lifecycle ensures that when a parent Property
+    // unmounts, all child Properties unmount too — each triggering its
+    // own removeProperty call. Calling removeDescendants would wipe
+    // children that belong to OTHER still-mounted configs sharing the
+    // same parent ID (e.g., id="pageSettings" used by both primary
+    // and secondary configs).
+  }
+  executeReplace(oldId, newProperty) {
+    const idx = this.order.indexOf(oldId);
+    if (idx === -1) {
+      return;
+    }
+    this.map.delete(oldId);
+    this.map.set(newProperty.id, newProperty);
+    this.order[idx] = newProperty.id;
+    this.removeDescendants(oldId);
+  }
+  insertBefore(id, before) {
+    if (before.endsWith("$first")) {
+      this.order.unshift(id);
+      return;
+    }
+    const targetIdx = this.order.indexOf(before);
+    if (targetIdx === -1) {
+      this.order.push(id);
+      return;
+    }
+    this.order.splice(targetIdx, 0, id);
+  }
+  insertAfter(id, after) {
+    if (after.endsWith("$last")) {
+      this.order.push(id);
+      return;
+    }
+    const targetIdx = this.order.indexOf(after);
+    if (targetIdx === -1) {
+      this.order.push(id);
+      return;
+    }
+    this.order.splice(targetIdx + 1, 0, id);
+  }
+  reposition(id, targetId, position) {
+    this.order = this.order.filter(oid => oid !== id);
+    if (position === "before") {
+      this.insertBefore(id, targetId);
+    } else {
+      this.insertAfter(id, targetId);
+    }
+  }
+  removeDescendants(parentId) {
+    const children = Array.from(this.map.values()).filter(p => p.parent === parentId);
+    for (const child of children) {
+      this.map.delete(child.id);
+      this.order = this.order.filter(oid => oid !== child.id);
+      this.removeDescendants(child.id);
+    }
+  }
+}
+
+//# sourceMappingURL=PropertyStore.js.map

package/domain/PropertyStore.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["debounce","PropertyStore","map","Map","order","queue","listeners","Set","priorities","positioned","lookup","scheduleFlush","processQueue","allProperties","filter","id","has","get","subscribe","listener","add","delete","getChildrenOf","parentId","Array","from","values","p","parent","getById","registerLookup","property","existing","set","addProperty","options","push","type","removeProperty","replaceProperty","oldId","newProperty","length","ops","splice","sort","a","b","pa","priority","pb","op","executeAdd","executeRemove","executeReplace","properties","after","before","exists","reposition","insertAfter","insertBefore","oid","idx","indexOf","removeDescendants","endsWith","unshift","targetIdx","targetId","position","children","child"],"sources":["PropertyStore.ts"],"sourcesContent":["import debounce from \"lodash/debounce.js\";\nimport type { Property } from \"../Properties.js\";\n\ninterface AddPropertyOptions {\n    after?: string;\n    before?: string;\n    priority?: number;\n}\n\ntype Operation =\n    | { type: \"add\"; property: Property; options: AddPropertyOptions }\n    | { type: \"remove\"; id: string }\n    | { type: \"replace\"; oldId: string; newProperty: Property };\n\ntype Listener = (properties: Property[]) => void;\n\nexport class PropertyStore {\n    private map = new Map<string, Property>();\n    private order: string[] = [];\n    private queue: Operation[] = [];\n    private listeners = new Set<Listener>();\n    private priorities = new Map<string, number>();\n    /** Properties that were explicitly positioned via before/after. */\n    private positioned = new Set<string>();\n\n    /**\n     * Synchronous lookup map — written immediately on addProperty (before debounce),\n     * so useAncestor can find properties during render.\n     */\n    private lookup = new Map<string, Property>();\n\n    private scheduleFlush = debounce(() => {\n        this.processQueue();\n    }, 0);\n\n    get allProperties(): Property[] {\n        return this.order.filter(id => this.map.has(id)).map(id => this.map.get(id)!);\n    }\n\n    subscribe(listener: Listener): () => void {\n        this.listeners.add(listener);\n        return () => {\n            this.listeners.delete(listener);\n        };\n    }\n\n    /**\n     * Returns properties that are children of the given parent ID.\n     * Reads from the synchronous lookup map, so it works during render\n     * before the debounced queue has flushed.\n     */\n    getChildrenOf(parentId: string): Property[] {\n        return Array.from(this.lookup.values()).filter(p => p.parent === parentId);\n    }\n\n    /**\n     * Find a property by ID from the synchronous lookup map.\n     */\n    getById(id: string): Property | undefined {\n        return this.lookup.get(id);\n    }\n\n    /**\n     * Register a property in the synchronous lookup map during render,\n     * so useAncestor can find it before the debounced queue flushes.\n     */\n    registerLookup(property: Property): void {\n        if (this.lookup.has(property.id)) {\n            const existing = this.lookup.get(property.id)!;\n            this.lookup.set(property.id, { ...existing, ...property });\n        } else {\n            this.lookup.set(property.id, property);\n        }\n    }\n\n    addProperty(property: Property, options: AddPropertyOptions = {}): void {\n        this.registerLookup(property);\n        this.queue.push({ type: \"add\", property, options });\n        this.scheduleFlush();\n    }\n\n    removeProperty(id: string): void {\n        this.lookup.delete(id);\n        this.queue.push({ type: \"remove\", id });\n        this.scheduleFlush();\n    }\n\n    replaceProperty(oldId: string, newProperty: Property): void {\n        this.lookup.delete(oldId);\n        this.lookup.set(newProperty.id, newProperty);\n        this.queue.push({ type: \"replace\", oldId, newProperty });\n        this.scheduleFlush();\n    }\n\n    private processQueue(): void {\n        if (this.queue.length === 0) {\n            return;\n        }\n\n        const ops = this.queue.splice(0);\n\n        // Stable-sort operations so that \"add\" ops with lower priority numbers\n        // are processed first. Non-add operations and adds with default priority (0)\n        // keep their original order.\n        ops.sort((a, b) => {\n            const pa = a.type === \"add\" ? (a.options.priority ?? 0) : 0;\n            const pb = b.type === \"add\" ? (b.options.priority ?? 0) : 0;\n            return pa - pb;\n        });\n\n        for (const op of ops) {\n            switch (op.type) {\n                case \"add\":\n                    this.executeAdd(op.property, op.options);\n                    break;\n                case \"remove\":\n                    this.executeRemove(op.id);\n                    break;\n                case \"replace\":\n                    this.executeReplace(op.oldId, op.newProperty);\n                    break;\n            }\n        }\n\n        // Stable-sort the order array by priority, but only for properties\n        // that were NOT explicitly positioned via before/after. Explicitly\n        // positioned properties keep their placement.\n        this.order.sort((a, b) => {\n            if (this.positioned.has(a) || this.positioned.has(b)) {\n                return 0;\n            }\n            return (this.priorities.get(a) ?? 0) - (this.priorities.get(b) ?? 0);\n        });\n\n        const properties = this.allProperties;\n        for (const listener of this.listeners) {\n            listener(properties);\n        }\n    }\n\n    private executeAdd(property: Property, options: AddPropertyOptions): void {\n        if (options.after || options.before) {\n            this.positioned.add(property.id);\n        }\n\n        const exists = this.map.has(property.id);\n\n        if (exists) {\n            // Merge into existing property. Keep the original priority so\n            // that a secondary config overriding a primary property doesn't\n            // cause the re-sort to move it after all primary properties.\n            const existing = this.map.get(property.id)!;\n            this.map.set(property.id, { ...existing, ...property });\n\n            if (options.after) {\n                this.reposition(property.id, options.after, \"after\");\n            } else if (options.before) {\n                this.reposition(property.id, options.before, \"before\");\n            }\n            return;\n        }\n\n        this.map.set(property.id, property);\n        // Set priority only for new properties — not merges (handled above).\n        this.priorities.set(property.id, options.priority ?? 0);\n\n        if (options.after) {\n            this.insertAfter(property.id, options.after);\n        } else if (options.before) {\n            this.insertBefore(property.id, options.before);\n        } else {\n            this.order.push(property.id);\n        }\n    }\n\n    private executeRemove(id: string): void {\n        if (!this.map.has(id)) {\n            return;\n        }\n        this.map.delete(id);\n        this.priorities.delete(id);\n        this.positioned.delete(id);\n        this.order = this.order.filter(oid => oid !== id);\n        // Note: we intentionally do NOT call removeDescendants here.\n        // React's component lifecycle ensures that when a parent Property\n        // unmounts, all child Properties unmount too — each triggering its\n        // own removeProperty call. Calling removeDescendants would wipe\n        // children that belong to OTHER still-mounted configs sharing the\n        // same parent ID (e.g., id=\"pageSettings\" used by both primary\n        // and secondary configs).\n    }\n\n    private executeReplace(oldId: string, newProperty: Property): void {\n        const idx = this.order.indexOf(oldId);\n        if (idx === -1) {\n            return;\n        }\n\n        this.map.delete(oldId);\n        this.map.set(newProperty.id, newProperty);\n        this.order[idx] = newProperty.id;\n        this.removeDescendants(oldId);\n    }\n\n    private insertBefore(id: string, before: string): void {\n        if (before.endsWith(\"$first\")) {\n            this.order.unshift(id);\n            return;\n        }\n        const targetIdx = this.order.indexOf(before);\n        if (targetIdx === -1) {\n            this.order.push(id);\n            return;\n        }\n        this.order.splice(targetIdx, 0, id);\n    }\n\n    private insertAfter(id: string, after: string): void {\n        if (after.endsWith(\"$last\")) {\n            this.order.push(id);\n            return;\n        }\n        const targetIdx = this.order.indexOf(after);\n        if (targetIdx === -1) {\n            this.order.push(id);\n            return;\n        }\n        this.order.splice(targetIdx + 1, 0, id);\n    }\n\n    private reposition(id: string, targetId: string, position: \"before\" | \"after\"): void {\n        this.order = this.order.filter(oid => oid !== id);\n\n        if (position === \"before\") {\n            this.insertBefore(id, targetId);\n        } else {\n            this.insertAfter(id, targetId);\n        }\n    }\n\n    private removeDescendants(parentId: string): void {\n        const children = Array.from(this.map.values()).filter(p => p.parent === parentId);\n        for (const child of children) {\n            this.map.delete(child.id);\n            this.order = this.order.filter(oid => oid !== child.id);\n            this.removeDescendants(child.id);\n        }\n    }\n}\n"],"mappings":"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","ignoreList":[]}

package/domain/index.d.ts

@@ -0,0 +1 @@
+export { PropertyStore } from "./PropertyStore.js";

package/domain/index.js

@@ -0,0 +1,3 @@
+export { PropertyStore } from "./PropertyStore.js";
+
+//# sourceMappingURL=index.js.map

package/domain/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["PropertyStore"],"sources":["index.ts"],"sourcesContent":["export { PropertyStore } from \"./PropertyStore.js\";\n"],"mappings":"AAAA,SAASA,aAAa","ignoreList":[]}

package/index.d.ts

@@ -3,3 +3,5 @@ export * from "./Properties.js";
 export * from "./useDebugConfig.js";
 export * from "./useIdGenerator.js";
 export * from "./createConfigurableComponent.js";
+export * from "./domain/index.js";
+export { DevToolsSection } from "./DevToolsSection.js";

package/index.js

@@ -3,5 +3,7 @@ export * from "./Properties.js";
 export * from "./useDebugConfig.js";
 export * from "./useIdGenerator.js";
 export * from "./createConfigurableComponent.js";
+export * from "./domain/index.js";
+export { DevToolsSection } from "./DevToolsSection.js";
 
 //# sourceMappingURL=index.js.map

package/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./utils.js\";\nexport * from \"./Properties.js\";\nexport * from \"./useDebugConfig.js\";\nexport * from \"./useIdGenerator.js\";\nexport * from \"./createConfigurableComponent.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA","ignoreList":[]}
+{"version":3,"names":["DevToolsSection"],"sources":["index.ts"],"sourcesContent":["export * from \"./utils.js\";\nexport * from \"./Properties.js\";\nexport * from \"./useDebugConfig.js\";\nexport * from \"./useIdGenerator.js\";\nexport * from \"./createConfigurableComponent.js\";\nexport * from \"./domain/index.js\";\nexport { DevToolsSection } from \"./DevToolsSection.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA,SAASA,eAAe","ignoreList":[]}

package/package.json

@@ -1,8 +1,11 @@
 {
 	"name": "@webiny/react-properties",
-	"version": "0.0.0-unstable.e622468070",
+	"version": "0.0.0-unstable.e6f0dc8ca7",
 	"type": "module",
-	"main": "index.js",
+	"exports": {
+		".": "./index.js",
+		"./*": "./*"
+	},
 	"repository": {
 		"type": "git",
 		"url": "https://github.com/webiny/webiny-js.git"
@@ -11,21 +14,21 @@
 	"author": "Webiny Ltd",
 	"license": "MIT",
 	"dependencies": {
-		"@types/react": "18.2.79",
-		"@webiny/react-composition": "0.0.0-unstable.e622468070",
-		"lodash": "4.17.23",
-		"nanoid": "3.3.11",
-		"react": "18.2.0"
+		"@types/react": "18.3.28",
+		"@webiny/react-composition": "0.0.0-unstable.e6f0dc8ca7",
+		"lodash": "4.18.1",
+		"nanoid": "5.1.11",
+		"react": "18.3.1"
 	},
 	"devDependencies": {
-		"@testing-library/react": "15.0.7",
-		"@webiny/build-tools": "0.0.0-unstable.e622468070",
-		"prettier": "3.6.2",
-		"vitest": "3.2.4"
+		"@testing-library/react": "16.3.2",
+		"@webiny/build-tools": "0.0.0-unstable.e6f0dc8ca7",
+		"oxfmt": "0.48.0",
+		"vitest": "4.1.5"
 	},
 	"publishConfig": {
 		"access": "public",
 		"directory": "dist"
 	},
-	"gitHead": "e622468070839dc3f9552c85bf2bbac12d2ef88f"
+	"gitHead": "e6f0dc8ca741c1fcc3fec9a5b9e86fdd49544641"
 }

package/useDebugConfig.d.ts

@@ -1,7 +1,32 @@
 import type { Property } from "./Properties.js";
+interface WebinyDevtoolsConfig {
+    properties: Array<{
+        id: string;
+        parent: string;
+        name: string;
+        value?: unknown;
+        array?: boolean;
+    }>;
+    config: unknown;
+    updatedAt: number;
+}
+interface WebinyDevtoolsSection {
+    data: unknown;
+    group: string;
+    views: string[];
+    updatedAt: number;
+}
+interface WebinyDevtoolsHook {
+    revision: number;
+    configs: Record<string, WebinyDevtoolsConfig>;
+    sections: Record<string, WebinyDevtoolsSection>;
+}
 declare global {
     interface Window {
         __debugConfigs: Record<string, () => void>;
+        __WEBINY_DEVTOOLS_HOOK__?: WebinyDevtoolsHook;
     }
 }
+export declare function getHook(): WebinyDevtoolsHook;
 export declare function useDebugConfig(name: string, properties: Property[]): void;
+export {};

package/useDebugConfig.js

@@ -1,17 +1,51 @@
 import { useEffect } from "react";
 import { toObject } from "./utils.js";
+export function getHook() {
+  if (!window.__WEBINY_DEVTOOLS_HOOK__) {
+    window.__WEBINY_DEVTOOLS_HOOK__ = {
+      revision: 0,
+      configs: {},
+      sections: {}
+    };
+  }
+  return window.__WEBINY_DEVTOOLS_HOOK__;
+}
 export function useDebugConfig(name, properties) {
   useEffect(() => {
     if (process.env.NODE_ENV !== "development") {
       return;
     }
+
+    // Legacy console.log support
     const configs = window.__debugConfigs ?? {};
     configs[name] = () => console.log(toObject(properties));
     window.__debugConfigs = configs;
+
+    // DevTools hook: structured data for the Chrome extension
+    const hook = getHook();
+    hook.configs[name] = {
+      properties: properties.map(p => ({
+        id: p.id,
+        parent: p.parent,
+        name: p.name,
+        value: p.value,
+        array: p.array
+      })),
+      config: toObject(properties),
+      updatedAt: Date.now()
+    };
+    hook.revision++;
     return () => {
+      // Legacy cleanup
       const configs = window.__debugConfigs ?? {};
       delete configs[name];
       window.__debugConfigs = configs;
+
+      // DevTools hook cleanup
+      if (window.__WEBINY_DEVTOOLS_HOOK__) {
+        delete window.__WEBINY_DEVTOOLS_HOOK__.configs[name];
+        window.__WEBINY_DEVTOOLS_HOOK__.revision++;
+      }
     };
   }, [properties]);
 }

package/useDebugConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["useEffect","toObject","useDebugConfig","name","properties","process","env","NODE_ENV","configs","window","__debugConfigs","console","log"],"sources":["useDebugConfig.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { Property } from \"./Properties.js\";\nimport { toObject } from \"./utils.js\";\n\ndeclare global {\n    interface Window {\n        __debugConfigs: Record<string, () => void>;\n    }\n}\n\nexport function useDebugConfig(name: string, properties: Property[]) {\n    useEffect(() => {\n        if (process.env.NODE_ENV !== \"development\") {\n            return;\n        }\n\n        const configs = window.__debugConfigs ?? {};\n        configs[name] = () => console.log(toObject(properties));\n        window.__debugConfigs = configs;\n\n        return () => {\n            const configs = window.__debugConfigs ?? {};\n            delete configs[name];\n            window.__debugConfigs = configs;\n        };\n    }, [properties]);\n}\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AAEjC,SAASC,QAAQ;AAQjB,OAAO,SAASC,cAAcA,CAACC,IAAY,EAAEC,UAAsB,EAAE;EACjEJ,SAAS,CAAC,MAAM;IACZ,IAAIK,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;MACxC;IACJ;IAEA,MAAMC,OAAO,GAAGC,MAAM,CAACC,cAAc,IAAI,CAAC,CAAC;IAC3CF,OAAO,CAACL,IAAI,CAAC,GAAG,MAAMQ,OAAO,CAACC,GAAG,CAACX,QAAQ,CAACG,UAAU,CAAC,CAAC;IACvDK,MAAM,CAACC,cAAc,GAAGF,OAAO;IAE/B,OAAO,MAAM;MACT,MAAMA,OAAO,GAAGC,MAAM,CAACC,cAAc,IAAI,CAAC,CAAC;MAC3C,OAAOF,OAAO,CAACL,IAAI,CAAC;MACpBM,MAAM,CAACC,cAAc,GAAGF,OAAO;IACnC,CAAC;EACL,CAAC,EAAE,CAACJ,UAAU,CAAC,CAAC;AACpB","ignoreList":[]}
+{"version":3,"names":["useEffect","toObject","getHook","window","__WEBINY_DEVTOOLS_HOOK__","revision","configs","sections","useDebugConfig","name","properties","process","env","NODE_ENV","__debugConfigs","console","log","hook","map","p","id","parent","value","array","config","updatedAt","Date","now"],"sources":["useDebugConfig.ts"],"sourcesContent":["import { useEffect } from \"react\";\nimport type { Property } from \"./Properties.js\";\nimport { toObject } from \"./utils.js\";\n\ninterface WebinyDevtoolsConfig {\n    properties: Array<{\n        id: string;\n        parent: string;\n        name: string;\n        value?: unknown;\n        array?: boolean;\n    }>;\n    config: unknown;\n    updatedAt: number;\n}\n\ninterface WebinyDevtoolsSection {\n    data: unknown;\n    group: string;\n    views: string[];\n    updatedAt: number;\n}\n\ninterface WebinyDevtoolsHook {\n    revision: number;\n    configs: Record<string, WebinyDevtoolsConfig>;\n    sections: Record<string, WebinyDevtoolsSection>;\n}\n\ndeclare global {\n    interface Window {\n        __debugConfigs: Record<string, () => void>;\n        __WEBINY_DEVTOOLS_HOOK__?: WebinyDevtoolsHook;\n    }\n}\n\nexport function getHook(): WebinyDevtoolsHook {\n    if (!window.__WEBINY_DEVTOOLS_HOOK__) {\n        window.__WEBINY_DEVTOOLS_HOOK__ = { revision: 0, configs: {}, sections: {} };\n    }\n    return window.__WEBINY_DEVTOOLS_HOOK__;\n}\n\nexport function useDebugConfig(name: string, properties: Property[]) {\n    useEffect(() => {\n        if (process.env.NODE_ENV !== \"development\") {\n            return;\n        }\n\n        // Legacy console.log support\n        const configs = window.__debugConfigs ?? {};\n        configs[name] = () => console.log(toObject(properties));\n        window.__debugConfigs = configs;\n\n        // DevTools hook: structured data for the Chrome extension\n        const hook = getHook();\n        hook.configs[name] = {\n            properties: properties.map(p => ({\n                id: p.id,\n                parent: p.parent,\n                name: p.name,\n                value: p.value,\n                array: p.array\n            })),\n            config: toObject(properties),\n            updatedAt: Date.now()\n        };\n        hook.revision++;\n\n        return () => {\n            // Legacy cleanup\n            const configs = window.__debugConfigs ?? {};\n            delete configs[name];\n            window.__debugConfigs = configs;\n\n            // DevTools hook cleanup\n            if (window.__WEBINY_DEVTOOLS_HOOK__) {\n                delete window.__WEBINY_DEVTOOLS_HOOK__.configs[name];\n                window.__WEBINY_DEVTOOLS_HOOK__.revision++;\n            }\n        };\n    }, [properties]);\n}\n"],"mappings":"AAAA,SAASA,SAAS,QAAQ,OAAO;AAEjC,SAASC,QAAQ;AAkCjB,OAAO,SAASC,OAAOA,CAAA,EAAuB;EAC1C,IAAI,CAACC,MAAM,CAACC,wBAAwB,EAAE;IAClCD,MAAM,CAACC,wBAAwB,GAAG;MAAEC,QAAQ,EAAE,CAAC;MAAEC,OAAO,EAAE,CAAC,CAAC;MAAEC,QAAQ,EAAE,CAAC;IAAE,CAAC;EAChF;EACA,OAAOJ,MAAM,CAACC,wBAAwB;AAC1C;AAEA,OAAO,SAASI,cAAcA,CAACC,IAAY,EAAEC,UAAsB,EAAE;EACjEV,SAAS,CAAC,MAAM;IACZ,IAAIW,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,aAAa,EAAE;MACxC;IACJ;;IAEA;IACA,MAAMP,OAAO,GAAGH,MAAM,CAACW,cAAc,IAAI,CAAC,CAAC;IAC3CR,OAAO,CAACG,IAAI,CAAC,GAAG,MAAMM,OAAO,CAACC,GAAG,CAACf,QAAQ,CAACS,UAAU,CAAC,CAAC;IACvDP,MAAM,CAACW,cAAc,GAAGR,OAAO;;IAE/B;IACA,MAAMW,IAAI,GAAGf,OAAO,CAAC,CAAC;IACtBe,IAAI,CAACX,OAAO,CAACG,IAAI,CAAC,GAAG;MACjBC,UAAU,EAAEA,UAAU,CAACQ,GAAG,CAACC,CAAC,KAAK;QAC7BC,EAAE,EAAED,CAAC,CAACC,EAAE;QACRC,MAAM,EAAEF,CAAC,CAACE,MAAM;QAChBZ,IAAI,EAAEU,CAAC,CAACV,IAAI;QACZa,KAAK,EAAEH,CAAC,CAACG,KAAK;QACdC,KAAK,EAAEJ,CAAC,CAACI;MACb,CAAC,CAAC,CAAC;MACHC,MAAM,EAAEvB,QAAQ,CAACS,UAAU,CAAC;MAC5Be,SAAS,EAAEC,IAAI,CAACC,GAAG,CAAC;IACxB,CAAC;IACDV,IAAI,CAACZ,QAAQ,EAAE;IAEf,OAAO,MAAM;MACT;MACA,MAAMC,OAAO,GAAGH,MAAM,CAACW,cAAc,IAAI,CAAC,CAAC;MAC3C,OAAOR,OAAO,CAACG,IAAI,CAAC;MACpBN,MAAM,CAACW,cAAc,GAAGR,OAAO;;MAE/B;MACA,IAAIH,MAAM,CAACC,wBAAwB,EAAE;QACjC,OAAOD,MAAM,CAACC,wBAAwB,CAACE,OAAO,CAACG,IAAI,CAAC;QACpDN,MAAM,CAACC,wBAAwB,CAACC,QAAQ,EAAE;MAC9C;IACJ,CAAC;EACL,CAAC,EAAE,CAACK,UAAU,CAAC,CAAC;AACpB","ignoreList":[]}