@webiny/react-properties 6.4.4-beta.2 → 6.4.4-beta.4

package/AsyncProperties.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+import type { Property } from "./Properties.js";
+interface AsyncPropertiesContextValue {
+    incrementPending(): void;
+    decrementPending(): void;
+}
+export declare function useAsyncProperties(): AsyncPropertiesContextValue | undefined;
+interface AsyncPropertiesProps {
+    name?: string;
+    onChange?(properties: Property[]): void;
+    children: React.ReactNode;
+}
+export declare const AsyncProperties: ({ name, onChange, children }: AsyncPropertiesProps) => React.JSX.Element;
+export {};

package/AsyncProperties.js

@@ -0,0 +1,43 @@
+import react, { createContext, useCallback, useContext, useRef } from "react";
+import { Properties, useProperties } from "./Properties.js";
+const AsyncPropertiesContext = /*#__PURE__*/ createContext(void 0);
+function useAsyncProperties() {
+    return useContext(AsyncPropertiesContext);
+}
+const StoreCapture = ({ storeRef, children })=>{
+    const { store } = useProperties();
+    storeRef.current = store;
+    return /*#__PURE__*/ react.createElement(react.Fragment, null, children);
+};
+const AsyncProperties = ({ name, onChange, children })=>{
+    const pendingRef = useRef(0);
+    const onChangeRef = useRef(onChange);
+    onChangeRef.current = onChange;
+    const storeRef = useRef(null);
+    const interceptedOnChange = useCallback((properties)=>{
+        if (pendingRef.current > 0) return;
+        onChangeRef.current?.(properties);
+    }, []);
+    const contextValue = useRef({
+        incrementPending () {
+            pendingRef.current++;
+        },
+        decrementPending () {
+            pendingRef.current = Math.max(0, pendingRef.current - 1);
+            if (0 === pendingRef.current) setTimeout(()=>{
+                if (0 === pendingRef.current && storeRef.current) storeRef.current.notify();
+            }, 0);
+        }
+    }).current;
+    return /*#__PURE__*/ react.createElement(AsyncPropertiesContext.Provider, {
+        value: contextValue
+    }, /*#__PURE__*/ react.createElement(Properties, {
+        name: name,
+        onChange: interceptedOnChange
+    }, /*#__PURE__*/ react.createElement(StoreCapture, {
+        storeRef: storeRef
+    }, children)));
+};
+export { AsyncProperties, useAsyncProperties };
+
+//# sourceMappingURL=AsyncProperties.js.map

package/AsyncProperties.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AsyncProperties.js","sources":["../src/AsyncProperties.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useRef } from \"react\";\nimport { Properties, useProperties } from \"./Properties.js\";\nimport type { Property } from \"./Properties.js\";\nimport type { PropertyStore } from \"./domain/index.js\";\n\ninterface AsyncPropertiesContextValue {\n    incrementPending(): void;\n    decrementPending(): void;\n}\n\nconst AsyncPropertiesContext = createContext<AsyncPropertiesContextValue | undefined>(undefined);\n\nexport function useAsyncProperties() {\n    return useContext(AsyncPropertiesContext);\n}\n\ninterface AsyncPropertiesProps {\n    name?: string;\n    onChange?(properties: Property[]): void;\n    children: React.ReactNode;\n}\n\nconst StoreCapture = ({\n    storeRef,\n    children\n}: {\n    storeRef: React.MutableRefObject<PropertyStore | null>;\n    children: React.ReactNode;\n}) => {\n    const { store } = useProperties();\n    storeRef.current = store;\n    return <>{children}</>;\n};\n\nexport const AsyncProperties = ({ name, onChange, children }: AsyncPropertiesProps) => {\n    const pendingRef = useRef(0);\n    const onChangeRef = useRef(onChange);\n    onChangeRef.current = onChange;\n    const storeRef = useRef<PropertyStore | null>(null);\n\n    const interceptedOnChange = useCallback((properties: Property[]) => {\n        if (pendingRef.current > 0) {\n            return;\n        }\n        onChangeRef.current?.(properties);\n    }, []);\n\n    const contextValue = useRef<AsyncPropertiesContextValue>({\n        incrementPending() {\n            pendingRef.current++;\n        },\n        decrementPending() {\n            pendingRef.current = Math.max(0, pendingRef.current - 1);\n            if (pendingRef.current === 0) {\n                setTimeout(() => {\n                    if (pendingRef.current === 0 && storeRef.current) {\n                        storeRef.current.notify();\n                    }\n                }, 0);\n            }\n        }\n    }).current;\n\n    return (\n        <AsyncPropertiesContext.Provider value={contextValue}>\n            <Properties name={name} onChange={interceptedOnChange}>\n                <StoreCapture storeRef={storeRef}>{children}</StoreCapture>\n            </Properties>\n        </AsyncPropertiesContext.Provider>\n    );\n};\n"],"names":["AsyncPropertiesContext","createContext","undefined","useAsyncProperties","useContext","StoreCapture","storeRef","children","store","useProperties","AsyncProperties","name","onChange","pendingRef","useRef","onChangeRef","interceptedOnChange","useCallback","properties","contextValue","Math","setTimeout","Properties"],"mappings":";;AAUA,MAAMA,yBAAyB,WAAHA,GAAGC,cAAuDC;AAE/E,SAASC;IACZ,OAAOC,WAAWJ;AACtB;AAQA,MAAMK,eAAe,CAAC,EAClBC,QAAQ,EACRC,QAAQ,EAIX;IACG,MAAM,EAAEC,KAAK,EAAE,GAAGC;IAClBH,SAAS,OAAO,GAAGE;IACnB,OAAO,WAAP,GAAO,0CAAGD;AACd;AAEO,MAAMG,kBAAkB,CAAC,EAAEC,IAAI,EAAEC,QAAQ,EAAEL,QAAQ,EAAwB;IAC9E,MAAMM,aAAaC,OAAO;IAC1B,MAAMC,cAAcD,OAAOF;IAC3BG,YAAY,OAAO,GAAGH;IACtB,MAAMN,WAAWQ,OAA6B;IAE9C,MAAME,sBAAsBC,YAAY,CAACC;QACrC,IAAIL,WAAW,OAAO,GAAG,GACrB;QAEJE,YAAY,OAAO,GAAGG;IAC1B,GAAG,EAAE;IAEL,MAAMC,eAAeL,OAAoC;QACrD;YACID,WAAW,OAAO;QACtB;QACA;YACIA,WAAW,OAAO,GAAGO,KAAK,GAAG,CAAC,GAAGP,WAAW,OAAO,GAAG;YACtD,IAAIA,AAAuB,MAAvBA,WAAW,OAAO,EAClBQ,WAAW;gBACP,IAAIR,AAAuB,MAAvBA,WAAW,OAAO,IAAUP,SAAS,OAAO,EAC5CA,SAAS,OAAO,CAAC,MAAM;YAE/B,GAAG;QAEX;IACJ,GAAG,OAAO;IAEV,OAAO,WAAP,GACI,oBAACN,uBAAuB,QAAQ;QAAC,OAAOmB;qBACpC,oBAACG,YAAUA;QAAC,MAAMX;QAAM,UAAUK;qBAC9B,oBAACX,cAAYA;QAAC,UAAUC;OAAWC;AAInD"}

package/Await.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface AwaitProps<T> {
+    fn: () => Promise<T>;
+    children: (value: T) => React.ReactNode;
+}
+export declare function Await<T>({ fn, children }: AwaitProps<T>): React.JSX.Element | null;
+export {};

package/Await.js

@@ -0,0 +1,44 @@
+import react, { useEffect, useRef, useState } from "react";
+import { useAsyncProperties } from "./AsyncProperties.js";
+function Await({ fn, children }) {
+    const async = useAsyncProperties();
+    const [result, setResult] = useState(null);
+    const registeredRef = useRef(false);
+    const settledRef = useRef(false);
+    if (!registeredRef.current && async) {
+        registeredRef.current = true;
+        async.incrementPending();
+    }
+    useEffect(()=>{
+        let cancelled = false;
+        fn().then((data)=>{
+            if (!cancelled) {
+                settledRef.current = true;
+                setResult({
+                    data
+                });
+            }
+        }, (error)=>{
+            if (!cancelled) {
+                settledRef.current = true;
+                setResult({
+                    error
+                });
+            }
+        });
+        return ()=>{
+            cancelled = true;
+            if (!settledRef.current && async) async.decrementPending();
+        };
+    }, []);
+    useEffect(()=>{
+        if (null !== result && async) async.decrementPending();
+    }, [
+        result
+    ]);
+    if (result && "data" in result) return /*#__PURE__*/ react.createElement(react.Fragment, null, children(result.data));
+    return null;
+}
+export { Await };
+
+//# sourceMappingURL=Await.js.map

package/Await.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Await.js","sources":["../src/Await.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { useAsyncProperties } from \"./AsyncProperties.js\";\n\ninterface AwaitProps<T> {\n    fn: () => Promise<T>;\n    children: (value: T) => React.ReactNode;\n}\n\nexport function Await<T>({ fn, children }: AwaitProps<T>) {\n    const async = useAsyncProperties();\n    const [result, setResult] = useState<{ data: T } | { error: unknown } | null>(null);\n    const registeredRef = useRef(false);\n    const settledRef = useRef(false);\n\n    if (!registeredRef.current && async) {\n        registeredRef.current = true;\n        async.incrementPending();\n    }\n\n    useEffect(() => {\n        let cancelled = false;\n\n        fn().then(\n            data => {\n                if (!cancelled) {\n                    settledRef.current = true;\n                    setResult({ data });\n                }\n            },\n            error => {\n                if (!cancelled) {\n                    settledRef.current = true;\n                    setResult({ error });\n                }\n            }\n        );\n\n        return () => {\n            cancelled = true;\n            if (!settledRef.current && async) {\n                async.decrementPending();\n            }\n        };\n    }, []);\n\n    useEffect(() => {\n        if (result !== null && async) {\n            async.decrementPending();\n        }\n    }, [result]);\n\n    if (result && \"data\" in result) {\n        return <>{children(result.data)}</>;\n    }\n\n    return null;\n}\n"],"names":["Await","fn","children","async","useAsyncProperties","result","setResult","useState","registeredRef","useRef","settledRef","useEffect","cancelled","data","error"],"mappings":";;AAQO,SAASA,MAAS,EAAEC,EAAE,EAAEC,QAAQ,EAAiB;IACpD,MAAMC,QAAQC;IACd,MAAM,CAACC,QAAQC,UAAU,GAAGC,SAAkD;IAC9E,MAAMC,gBAAgBC,OAAO;IAC7B,MAAMC,aAAaD,OAAO;IAE1B,IAAI,CAACD,cAAc,OAAO,IAAIL,OAAO;QACjCK,cAAc,OAAO,GAAG;QACxBL,MAAM,gBAAgB;IAC1B;IAEAQ,UAAU;QACN,IAAIC,YAAY;QAEhBX,KAAK,IAAI,CACLY,CAAAA;YACI,IAAI,CAACD,WAAW;gBACZF,WAAW,OAAO,GAAG;gBACrBJ,UAAU;oBAAEO;gBAAK;YACrB;QACJ,GACAC,CAAAA;YACI,IAAI,CAACF,WAAW;gBACZF,WAAW,OAAO,GAAG;gBACrBJ,UAAU;oBAAEQ;gBAAM;YACtB;QACJ;QAGJ,OAAO;YACHF,YAAY;YACZ,IAAI,CAACF,WAAW,OAAO,IAAIP,OACvBA,MAAM,gBAAgB;QAE9B;IACJ,GAAG,EAAE;IAELQ,UAAU;QACN,IAAIN,AAAW,SAAXA,UAAmBF,OACnBA,MAAM,gBAAgB;IAE9B,GAAG;QAACE;KAAO;IAEX,IAAIA,UAAU,UAAUA,QACpB,OAAO,WAAP,GAAO,0CAAGH,SAASG,OAAO,IAAI;IAGlC,OAAO;AACX"}

package/domain/PropertyStore.d.ts

@@ -19,6 +19,7 @@ export declare class PropertyStore {
      */
     private lookup;
     private scheduleFlush;
+    notify(): void;
     get allProperties(): Property[];
     subscribe(listener: Listener): () => void;
     /**

package/domain/PropertyStore.js

@@ -1,5 +1,13 @@
 import debounce from "lodash/debounce.js";
 class PropertyStore {
+    notify() {
+        this.scheduleFlush.cancel();
+        if (this.queue.length > 0) this.processQueue();
+        else {
+            const properties = this.allProperties;
+            for (const listener of this.listeners)listener(properties);
+        }
+    }
     get allProperties() {
         return this.order.filter((id)=>this.map.has(id)).map((id)=>this.map.get(id));
     }

package/domain/PropertyStore.js.map

@@ -1 +1 @@
-{"version":3,"file":"domain/PropertyStore.js","sources":["../../src/domain/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"],"names":["PropertyStore","id","listener","parentId","Array","p","property","existing","options","oldId","newProperty","ops","a","b","pa","pb","op","properties","exists","oid","idx","before","targetIdx","after","targetId","position","children","child","Map","Set","debounce"],"mappings":"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"}
+{"version":3,"file":"domain/PropertyStore.js","sources":["../../src/domain/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    notify(): void {\n        this.scheduleFlush.cancel();\n        if (this.queue.length > 0) {\n            this.processQueue();\n        } else {\n            const properties = this.allProperties;\n            for (const listener of this.listeners) {\n                listener(properties);\n            }\n        }\n    }\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"],"names":["PropertyStore","properties","listener","id","parentId","Array","p","property","existing","options","oldId","newProperty","ops","a","b","pa","pb","op","exists","oid","idx","before","targetIdx","after","targetId","position","children","child","Map","Set","debounce"],"mappings":";AAgBO,MAAMA;IAmBT,SAAe;QACX,IAAI,CAAC,aAAa,CAAC,MAAM;QACzB,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GACpB,IAAI,CAAC,YAAY;aACd;YACH,MAAMC,aAAa,IAAI,CAAC,aAAa;YACrC,KAAK,MAAMC,YAAY,IAAI,CAAC,SAAS,CACjCA,SAASD;QAEjB;IACJ;IAEA,IAAI,gBAA4B;QAC5B,OAAO,IAAI,CAAC,KAAK,CAAC,MAAM,CAACE,CAAAA,KAAM,IAAI,CAAC,GAAG,CAAC,GAAG,CAACA,KAAK,GAAG,CAACA,CAAAA,KAAM,IAAI,CAAC,GAAG,CAAC,GAAG,CAACA;IAC5E;IAEA,UAAUD,QAAkB,EAAc;QACtC,IAAI,CAAC,SAAS,CAAC,GAAG,CAACA;QACnB,OAAO;YACH,IAAI,CAAC,SAAS,CAAC,MAAM,CAACA;QAC1B;IACJ;IAOA,cAAcE,QAAgB,EAAc;QACxC,OAAOC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,MAAM,CAACC,CAAAA,IAAKA,EAAE,MAAM,KAAKF;IACrE;IAKA,QAAQD,EAAU,EAAwB;QACtC,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAACA;IAC3B;IAMA,eAAeI,QAAkB,EAAQ;QACrC,IAAI,IAAI,CAAC,MAAM,CAAC,GAAG,CAACA,SAAS,EAAE,GAAG;YAC9B,MAAMC,WAAW,IAAI,CAAC,MAAM,CAAC,GAAG,CAACD,SAAS,EAAE;YAC5C,IAAI,CAAC,MAAM,CAAC,GAAG,CAACA,SAAS,EAAE,EAAE;gBAAE,GAAGC,QAAQ;gBAAE,GAAGD,QAAQ;YAAC;QAC5D,OACI,IAAI,CAAC,MAAM,CAAC,GAAG,CAACA,SAAS,EAAE,EAAEA;IAErC;IAEA,YAAYA,QAAkB,EAAEE,UAA8B,CAAC,CAAC,EAAQ;QACpE,IAAI,CAAC,cAAc,CAACF;QACpB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YAAE,MAAM;YAAOA;YAAUE;QAAQ;QACjD,IAAI,CAAC,aAAa;IACtB;IAEA,eAAeN,EAAU,EAAQ;QAC7B,IAAI,CAAC,MAAM,CAAC,MAAM,CAACA;QACnB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YAAE,MAAM;YAAUA;QAAG;QACrC,IAAI,CAAC,aAAa;IACtB;IAEA,gBAAgBO,KAAa,EAAEC,WAAqB,EAAQ;QACxD,IAAI,CAAC,MAAM,CAAC,MAAM,CAACD;QACnB,IAAI,CAAC,MAAM,CAAC,GAAG,CAACC,YAAY,EAAE,EAAEA;QAChC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC;YAAE,MAAM;YAAWD;YAAOC;QAAY;QACtD,IAAI,CAAC,aAAa;IACtB;IAEQ,eAAqB;QACzB,IAAI,AAAsB,MAAtB,IAAI,CAAC,KAAK,CAAC,MAAM,EACjB;QAGJ,MAAMC,MAAM,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QAK9BA,IAAI,IAAI,CAAC,CAACC,GAAGC;YACT,MAAMC,KAAKF,AAAW,UAAXA,EAAE,IAAI,GAAcA,EAAE,OAAO,CAAC,QAAQ,IAAI,IAAK;YAC1D,MAAMG,KAAKF,AAAW,UAAXA,EAAE,IAAI,GAAcA,EAAE,OAAO,CAAC,QAAQ,IAAI,IAAK;YAC1D,OAAOC,KAAKC;QAChB;QAEA,KAAK,MAAMC,MAAML,IACb,OAAQK,GAAG,IAAI;YACX,KAAK;gBACD,IAAI,CAAC,UAAU,CAACA,GAAG,QAAQ,EAAEA,GAAG,OAAO;gBACvC;YACJ,KAAK;gBACD,IAAI,CAAC,aAAa,CAACA,GAAG,EAAE;gBACxB;YACJ,KAAK;gBACD,IAAI,CAAC,cAAc,CAACA,GAAG,KAAK,EAAEA,GAAG,WAAW;gBAC5C;QACR;QAMJ,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAACJ,GAAGC;YAChB,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAACD,MAAM,IAAI,CAAC,UAAU,CAAC,GAAG,CAACC,IAC9C,OAAO;YAEX,OAAQ,KAAI,CAAC,UAAU,CAAC,GAAG,CAACD,MAAM,KAAM,KAAI,CAAC,UAAU,CAAC,GAAG,CAACC,MAAM;QACtE;QAEA,MAAMb,aAAa,IAAI,CAAC,aAAa;QACrC,KAAK,MAAMC,YAAY,IAAI,CAAC,SAAS,CACjCA,SAASD;IAEjB;IAEQ,WAAWM,QAAkB,EAAEE,OAA2B,EAAQ;QACtE,IAAIA,QAAQ,KAAK,IAAIA,QAAQ,MAAM,EAC/B,IAAI,CAAC,UAAU,CAAC,GAAG,CAACF,SAAS,EAAE;QAGnC,MAAMW,SAAS,IAAI,CAAC,GAAG,CAAC,GAAG,CAACX,SAAS,EAAE;QAEvC,IAAIW,QAAQ;YAIR,MAAMV,WAAW,IAAI,CAAC,GAAG,CAAC,GAAG,CAACD,SAAS,EAAE;YACzC,IAAI,CAAC,GAAG,CAAC,GAAG,CAACA,SAAS,EAAE,EAAE;gBAAE,GAAGC,QAAQ;gBAAE,GAAGD,QAAQ;YAAC;YAErD,IAAIE,QAAQ,KAAK,EACb,IAAI,CAAC,UAAU,CAACF,SAAS,EAAE,EAAEE,QAAQ,KAAK,EAAE;iBACzC,IAAIA,QAAQ,MAAM,EACrB,IAAI,CAAC,UAAU,CAACF,SAAS,EAAE,EAAEE,QAAQ,MAAM,EAAE;YAEjD;QACJ;QAEA,IAAI,CAAC,GAAG,CAAC,GAAG,CAACF,SAAS,EAAE,EAAEA;QAE1B,IAAI,CAAC,UAAU,CAAC,GAAG,CAACA,SAAS,EAAE,EAAEE,QAAQ,QAAQ,IAAI;QAErD,IAAIA,QAAQ,KAAK,EACb,IAAI,CAAC,WAAW,CAACF,SAAS,EAAE,EAAEE,QAAQ,KAAK;aACxC,IAAIA,QAAQ,MAAM,EACrB,IAAI,CAAC,YAAY,CAACF,SAAS,EAAE,EAAEE,QAAQ,MAAM;aAE7C,IAAI,CAAC,KAAK,CAAC,IAAI,CAACF,SAAS,EAAE;IAEnC;IAEQ,cAAcJ,EAAU,EAAQ;QACpC,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAACA,KACd;QAEJ,IAAI,CAAC,GAAG,CAAC,MAAM,CAACA;QAChB,IAAI,CAAC,UAAU,CAAC,MAAM,CAACA;QACvB,IAAI,CAAC,UAAU,CAAC,MAAM,CAACA;QACvB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAACgB,CAAAA,MAAOA,QAAQhB;IAQlD;IAEQ,eAAeO,KAAa,EAAEC,WAAqB,EAAQ;QAC/D,MAAMS,MAAM,IAAI,CAAC,KAAK,CAAC,OAAO,CAACV;QAC/B,IAAIU,AAAQ,OAARA,KACA;QAGJ,IAAI,CAAC,GAAG,CAAC,MAAM,CAACV;QAChB,IAAI,CAAC,GAAG,CAAC,GAAG,CAACC,YAAY,EAAE,EAAEA;QAC7B,IAAI,CAAC,KAAK,CAACS,IAAI,GAAGT,YAAY,EAAE;QAChC,IAAI,CAAC,iBAAiB,CAACD;IAC3B;IAEQ,aAAaP,EAAU,EAAEkB,MAAc,EAAQ;QACnD,IAAIA,OAAO,QAAQ,CAAC,WAAW,YAC3B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAClB;QAGvB,MAAMmB,YAAY,IAAI,CAAC,KAAK,CAAC,OAAO,CAACD;QACrC,IAAIC,AAAc,OAAdA,WAAkB,YAClB,IAAI,CAAC,KAAK,CAAC,IAAI,CAACnB;QAGpB,IAAI,CAAC,KAAK,CAAC,MAAM,CAACmB,WAAW,GAAGnB;IACpC;IAEQ,YAAYA,EAAU,EAAEoB,KAAa,EAAQ;QACjD,IAAIA,MAAM,QAAQ,CAAC,UAAU,YACzB,IAAI,CAAC,KAAK,CAAC,IAAI,CAACpB;QAGpB,MAAMmB,YAAY,IAAI,CAAC,KAAK,CAAC,OAAO,CAACC;QACrC,IAAID,AAAc,OAAdA,WAAkB,YAClB,IAAI,CAAC,KAAK,CAAC,IAAI,CAACnB;QAGpB,IAAI,CAAC,KAAK,CAAC,MAAM,CAACmB,YAAY,GAAG,GAAGnB;IACxC;IAEQ,WAAWA,EAAU,EAAEqB,QAAgB,EAAEC,QAA4B,EAAQ;QACjF,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAACN,CAAAA,MAAOA,QAAQhB;QAE9C,IAAIsB,AAAa,aAAbA,UACA,IAAI,CAAC,YAAY,CAACtB,IAAIqB;aAEtB,IAAI,CAAC,WAAW,CAACrB,IAAIqB;IAE7B;IAEQ,kBAAkBpB,QAAgB,EAAQ;QAC9C,MAAMsB,WAAWrB,MAAM,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,MAAM,IAAI,MAAM,CAACC,CAAAA,IAAKA,EAAE,MAAM,KAAKF;QACxE,KAAK,MAAMuB,SAASD,SAAU;YAC1B,IAAI,CAAC,GAAG,CAAC,MAAM,CAACC,MAAM,EAAE;YACxB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAACR,CAAAA,MAAOA,QAAQQ,MAAM,EAAE;YACtD,IAAI,CAAC,iBAAiB,CAACA,MAAM,EAAE;QACnC;IACJ;;aAlPQ,GAAG,GAAG,IAAIC;aACV,KAAK,GAAa,EAAE;aACpB,KAAK,GAAgB,EAAE;aACvB,SAAS,GAAG,IAAIC;aAChB,UAAU,GAAG,IAAID;QACwC,KACzD,UAAU,GAAG,IAAIC;QAKxB,KACO,MAAM,GAAG,IAAID;aAEb,aAAa,GAAGE,SAAS;YAC7B,IAAI,CAAC,YAAY;QACrB,GAAG;;AAmOP"}

package/index.d.ts

@@ -1,5 +1,7 @@
 export * from "./utils.js";
 export * from "./Properties.js";
+export * from "./AsyncProperties.js";
+export * from "./Await.js";
 export * from "./useDebugConfig.js";
 export * from "./useIdGenerator.js";
 export * from "./createConfigurableComponent.js";

package/index.js

@@ -1,5 +1,7 @@
 export * from "./utils.js";
 export * from "./Properties.js";
+export * from "./AsyncProperties.js";
+export * from "./Await.js";
 export * from "./useDebugConfig.js";
 export * from "./useIdGenerator.js";
 export * from "./createConfigurableComponent.js";

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@webiny/react-properties",
-	"version": "6.4.4-beta.2",
+	"version": "6.4.4-beta.4",
 	"type": "module",
 	"exports": {
 		".": "./index.js",
@@ -15,14 +15,14 @@
 	"license": "MIT",
 	"dependencies": {
 		"@types/react": "18.3.29",
-		"@webiny/react-composition": "6.4.4-beta.2",
+		"@webiny/react-composition": "6.4.4-beta.4",
 		"lodash": "4.18.1",
 		"nanoid": "5.1.11",
 		"react": "18.3.1"
 	},
 	"devDependencies": {
 		"@testing-library/react": "16.3.2",
-		"@webiny/build-tools": "6.4.4-beta.2",
+		"@webiny/build-tools": "6.4.4-beta.4",
 		"oxfmt": "0.51.0",
 		"vitest": "4.1.8"
 	},