@agnos-ui/react-headless 0.7.0-next.0 → 0.7.0

package/config.cjs

@@ -4,11 +4,11 @@ const jsxRuntime = require("react/jsx-runtime");
 const config = require("@agnos-ui/core/config");
 const tansu = require("@amadeus-it-group/tansu");
 const react = require("react");
-const widget = require("./widget-e5vBb0i4.cjs");
-const stores = require("./stores-skeXwTXt.cjs");
-const widgetsConfigFactory = (widgetsConfigContext2 = react.createContext(void 0)) => {
+const widget = require("./widget-CuLHUzFd.cjs");
+const stores = require("./stores-DD819q-h.cjs");
+const widgetsConfigFactory = (WidgetsConfigContext2 = react.createContext(void 0)) => {
   const useWidgetContext2 = (widgetName, defaultConfig) => {
-    const widgetsConfig = react.useContext(widgetsConfigContext2);
+    const widgetsConfig = react.useContext(WidgetsConfigContext2);
     const defaultConfig$ = stores.usePropsAsStore(defaultConfig);
     return react.useMemo(
       () => tansu.computed(() => ({ ...defaultConfig$(), ...widgetName ? widgetsConfig == null ? void 0 : widgetsConfig()[widgetName] : void 0 })),
@@ -17,37 +17,26 @@ const widgetsConfigFactory = (widgetsConfigContext2 = react.createContext(void 0
   };
   const useWidgetWithConfig2 = (factory, props, widgetName, defaultProps) => widget.useWidget(factory, props, { config: useWidgetContext2(widgetName, defaultProps) });
   const WidgetsDefaultConfig2 = ({ children, adaptParentConfig, ...props }) => {
-    const config$ = react.useContext(widgetsConfigContext2);
-    const storeRecreated = react.useRef(false);
-    storeRecreated.current = false;
-    const store$ = react.useMemo(() => {
-      const store = config.createWidgetsConfig(config$, adaptParentConfig);
-      store.set(props);
-      storeRecreated.current = true;
-      return store;
-    }, [config$, adaptParentConfig]);
-    react.useEffect(() => {
-      if (!storeRecreated.current) {
-        store$.set(props);
-      }
-    }, [props]);
-    return /* @__PURE__ */ jsxRuntime.jsx(widgetsConfigContext2.Provider, { value: store$, children });
+    const config$ = react.useContext(WidgetsConfigContext2);
+    const store$ = react.useMemo(() => config.createWidgetsConfig(config$, adaptParentConfig), [config$, adaptParentConfig]);
+    react.useMemo(() => store$.set(props), [props, store$]);
+    return /* @__PURE__ */ jsxRuntime.jsx(WidgetsConfigContext2, { value: store$, children });
   };
   return {
     /**
      * React context which can be used to provide or consume the widgets default configuration store.
      */
-    widgetsConfigContext: widgetsConfigContext2,
+    WidgetsConfigContext: WidgetsConfigContext2,
     useWidgetContext: useWidgetContext2,
     useWidgetWithConfig: useWidgetWithConfig2,
     WidgetsDefaultConfig: WidgetsDefaultConfig2
   };
 };
-const { widgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig } = widgetsConfigFactory();
+const { WidgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig } = widgetsConfigFactory();
+exports.WidgetsConfigContext = WidgetsConfigContext;
 exports.WidgetsDefaultConfig = WidgetsDefaultConfig;
 exports.useWidgetContext = useWidgetContext;
 exports.useWidgetWithConfig = useWidgetWithConfig;
-exports.widgetsConfigContext = widgetsConfigContext;
 exports.widgetsConfigFactory = widgetsConfigFactory;
 Object.keys(config).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {

package/config.d.ts

@@ -11,16 +11,16 @@ type DefaultConfigInput<Config> = Partial2Levels<Config> & {
  *
  * It can be used when extending the core and creating new widgets.
  *
- * @param widgetsConfigContext - the widgets config context
+ * @param WidgetsConfigContext - the widgets config context
  * @returns the use functions and react component
  */
-export declare const widgetsConfigFactory: <Config extends Record<string, object> = WidgetsConfig>(widgetsConfigContext?: import("react").Context<WidgetsConfigStore<Config> | undefined>) => {
+export declare const widgetsConfigFactory: <Config extends Record<string, object> = WidgetsConfig>(WidgetsConfigContext?: import("react").Context<WidgetsConfigStore<Config> | undefined>) => {
     /**
      * React context which can be used to provide or consume the widgets default configuration store.
      */
-    widgetsConfigContext: import("react").Context<WidgetsConfigStore<Config> | undefined>;
+    WidgetsConfigContext: import("react").Context<WidgetsConfigStore<Config> | undefined>;
     useWidgetContext: <Props extends object>(widgetName: keyof Config | null, defaultConfig?: Partial<Props>) => import("@amadeus-it-group/tansu").ReadableSignal<Partial<Props>>;
     useWidgetWithConfig: <W extends Widget>(factory: WidgetFactory<W>, props: Partial<WidgetProps<W>> | undefined, widgetName: keyof Config | null, defaultProps?: Partial<WidgetProps<W>>) => import("@agnos-ui/core/types").WidgetSlotContext<W>;
     WidgetsDefaultConfig: ({ children, adaptParentConfig, ...props }: DefaultConfigInput<Config>) => import("react/jsx-runtime").JSX.Element;
 };
-export declare const widgetsConfigContext: import("react").Context<WidgetsConfigStore<WidgetsConfig> | undefined>, WidgetsDefaultConfig: ({ children, adaptParentConfig, ...props }: DefaultConfigInput<WidgetsConfig>) => import("react/jsx-runtime").JSX.Element, useWidgetContext: <Props extends object>(widgetName: keyof WidgetsConfig | null, defaultConfig?: Partial<Props> | undefined) => import("@amadeus-it-group/tansu").ReadableSignal<Partial<Props>>, useWidgetWithConfig: <W extends Widget>(factory: WidgetFactory<W>, props: Partial<WidgetProps<W>> | undefined, widgetName: keyof WidgetsConfig | null, defaultProps?: Partial<WidgetProps<W>> | undefined) => import("@agnos-ui/core/types").WidgetSlotContext<W>;
+export declare const WidgetsConfigContext: import("react").Context<WidgetsConfigStore<WidgetsConfig> | undefined>, WidgetsDefaultConfig: ({ children, adaptParentConfig, ...props }: DefaultConfigInput<WidgetsConfig>) => import("react/jsx-runtime").JSX.Element, useWidgetContext: <Props extends object>(widgetName: keyof WidgetsConfig | null, defaultConfig?: Partial<Props> | undefined) => import("@amadeus-it-group/tansu").ReadableSignal<Partial<Props>>, useWidgetWithConfig: <W extends Widget>(factory: WidgetFactory<W>, props: Partial<WidgetProps<W>> | undefined, widgetName: keyof WidgetsConfig | null, defaultProps?: Partial<WidgetProps<W>> | undefined) => import("@agnos-ui/core/types").WidgetSlotContext<W>;

package/config.js

@@ -2,12 +2,12 @@ import { jsx } from "react/jsx-runtime";
 import { createWidgetsConfig } from "@agnos-ui/core/config";
 export * from "@agnos-ui/core/config";
 import { computed } from "@amadeus-it-group/tansu";
-import { createContext, useContext, useMemo, useRef, useEffect } from "react";
-import { u as useWidget } from "./widget-DaA-pe23.js";
-import { b as usePropsAsStore } from "./stores-B90XF8Sy.js";
-const widgetsConfigFactory = (widgetsConfigContext2 = createContext(void 0)) => {
+import { createContext, useContext, useMemo } from "react";
+import { u as useWidget } from "./widget-6VfcHB3W.js";
+import { b as usePropsAsStore } from "./stores-DtfLvXAE.js";
+const widgetsConfigFactory = (WidgetsConfigContext2 = createContext(void 0)) => {
   const useWidgetContext2 = (widgetName, defaultConfig) => {
-    const widgetsConfig = useContext(widgetsConfigContext2);
+    const widgetsConfig = useContext(WidgetsConfigContext2);
     const defaultConfig$ = usePropsAsStore(defaultConfig);
     return useMemo(
       () => computed(() => ({ ...defaultConfig$(), ...widgetName ? widgetsConfig == null ? void 0 : widgetsConfig()[widgetName] : void 0 })),
@@ -16,37 +16,26 @@ const widgetsConfigFactory = (widgetsConfigContext2 = createContext(void 0)) =>
   };
   const useWidgetWithConfig2 = (factory, props, widgetName, defaultProps) => useWidget(factory, props, { config: useWidgetContext2(widgetName, defaultProps) });
   const WidgetsDefaultConfig2 = ({ children, adaptParentConfig, ...props }) => {
-    const config$ = useContext(widgetsConfigContext2);
-    const storeRecreated = useRef(false);
-    storeRecreated.current = false;
-    const store$ = useMemo(() => {
-      const store = createWidgetsConfig(config$, adaptParentConfig);
-      store.set(props);
-      storeRecreated.current = true;
-      return store;
-    }, [config$, adaptParentConfig]);
-    useEffect(() => {
-      if (!storeRecreated.current) {
-        store$.set(props);
-      }
-    }, [props]);
-    return /* @__PURE__ */ jsx(widgetsConfigContext2.Provider, { value: store$, children });
+    const config$ = useContext(WidgetsConfigContext2);
+    const store$ = useMemo(() => createWidgetsConfig(config$, adaptParentConfig), [config$, adaptParentConfig]);
+    useMemo(() => store$.set(props), [props, store$]);
+    return /* @__PURE__ */ jsx(WidgetsConfigContext2, { value: store$, children });
   };
   return {
     /**
      * React context which can be used to provide or consume the widgets default configuration store.
      */
-    widgetsConfigContext: widgetsConfigContext2,
+    WidgetsConfigContext: WidgetsConfigContext2,
     useWidgetContext: useWidgetContext2,
     useWidgetWithConfig: useWidgetWithConfig2,
     WidgetsDefaultConfig: WidgetsDefaultConfig2
   };
 };
-const { widgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig } = widgetsConfigFactory();
+const { WidgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig } = widgetsConfigFactory();
 export {
+  WidgetsConfigContext,
   WidgetsDefaultConfig,
   useWidgetContext,
   useWidgetWithConfig,
-  widgetsConfigContext,
   widgetsConfigFactory
 };

package/{directive-BePQvMpx.cjs → directive-3diaW3tS.cjs}

@@ -24,18 +24,47 @@ function directiveAttributes(...directives) {
   return reactAttributes;
 }
 const ssrAttributes = esmEnv.BROWSER ? () => ({}) : directiveAttributes;
-const useDirective = esmEnv.BROWSER ? (directive2, args) => {
+const useDirective = esmEnv.BROWSER ? esmEnv.DEV ? (directive2, args) => {
   var _a, _b;
-  const instance = react.useRef();
-  const propsRef = react.useRef();
+  const instance = react.useRef(void 0);
+  const propsRef = react.useRef(void 0);
+  const refCalledOnce = react.useRef(false);
+  react.useEffect(() => {
+    queueMicrotask(() => {
+      refCalledOnce.current = false;
+    });
+  }, [directive2]);
   const ref = react.useCallback(
     (element) => {
-      var _a2, _b2;
-      (_b2 = (_a2 = instance.current) == null ? void 0 : _a2.destroy) == null ? void 0 : _b2.call(_a2);
-      instance.current = void 0;
-      if (element) {
+      if (!refCalledOnce.current) {
         instance.current = directive2(element, propsRef.current);
+        refCalledOnce.current = true;
       }
+      return () => {
+        var _a2, _b2;
+        if (!refCalledOnce.current) {
+          (_b2 = (_a2 = instance.current) == null ? void 0 : _a2.destroy) == null ? void 0 : _b2.call(_a2);
+          instance.current = void 0;
+        }
+      };
+    },
+    [directive2]
+  );
+  propsRef.current = args;
+  (_b = (_a = instance.current) == null ? void 0 : _a.update) == null ? void 0 : _b.call(_a, args);
+  return { ref };
+} : (directive2, args) => {
+  var _a, _b;
+  const instance = react.useRef(void 0);
+  const propsRef = react.useRef(void 0);
+  const ref = react.useCallback(
+    (element) => {
+      instance.current = directive2(element, propsRef.current);
+      return () => {
+        var _a2, _b2;
+        (_b2 = (_a2 = instance.current) == null ? void 0 : _a2.destroy) == null ? void 0 : _b2.call(_a2);
+        instance.current = void 0;
+      };
     },
     [directive2]
   );

package/{directive-DNXkB1Wc.js → directive-CEErjM5c.js}

@@ -1,6 +1,6 @@
 import { attributesData, multiDirective } from "@agnos-ui/core/utils/directive";
-import { BROWSER } from "esm-env";
-import { useRef, useCallback } from "react";
+import { BROWSER, DEV } from "esm-env";
+import { useRef, useEffect, useCallback } from "react";
 const attributesMap = /* @__PURE__ */ new Map([
   ["tabindex", "tabIndex"],
   ["for", "htmlFor"],
@@ -23,18 +23,47 @@ function directiveAttributes(...directives) {
   return reactAttributes;
 }
 const ssrAttributes = BROWSER ? () => ({}) : directiveAttributes;
-const useDirective = BROWSER ? (directive, args) => {
+const useDirective = BROWSER ? DEV ? (directive, args) => {
   var _a, _b;
-  const instance = useRef();
-  const propsRef = useRef();
+  const instance = useRef(void 0);
+  const propsRef = useRef(void 0);
+  const refCalledOnce = useRef(false);
+  useEffect(() => {
+    queueMicrotask(() => {
+      refCalledOnce.current = false;
+    });
+  }, [directive]);
   const ref = useCallback(
     (element) => {
-      var _a2, _b2;
-      (_b2 = (_a2 = instance.current) == null ? void 0 : _a2.destroy) == null ? void 0 : _b2.call(_a2);
-      instance.current = void 0;
-      if (element) {
+      if (!refCalledOnce.current) {
         instance.current = directive(element, propsRef.current);
+        refCalledOnce.current = true;
       }
+      return () => {
+        var _a2, _b2;
+        if (!refCalledOnce.current) {
+          (_b2 = (_a2 = instance.current) == null ? void 0 : _a2.destroy) == null ? void 0 : _b2.call(_a2);
+          instance.current = void 0;
+        }
+      };
+    },
+    [directive]
+  );
+  propsRef.current = args;
+  (_b = (_a = instance.current) == null ? void 0 : _a.update) == null ? void 0 : _b.call(_a, args);
+  return { ref };
+} : (directive, args) => {
+  var _a, _b;
+  const instance = useRef(void 0);
+  const propsRef = useRef(void 0);
+  const ref = useCallback(
+    (element) => {
+      instance.current = directive(element, propsRef.current);
+      return () => {
+        var _a2, _b2;
+        (_b2 = (_a2 = instance.current) == null ? void 0 : _a2.destroy) == null ? void 0 : _b2.call(_a2);
+        instance.current = void 0;
+      };
     },
     [directive]
   );

package/generated/utils/directive.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const directive = require("../../directive-BePQvMpx.cjs");
+const directive = require("../../directive-3diaW3tS.cjs");
 const directive$1 = require("@agnos-ui/core/utils/directive");
 exports.directiveAttributes = directive.directiveAttributes;
 exports.ssrAttributes = directive.ssrAttributes;

package/generated/utils/directive.js

@@ -1,4 +1,4 @@
-import { d, s, u, a } from "../../directive-DNXkB1Wc.js";
+import { d, s, u, a } from "../../directive-CEErjM5c.js";
 export * from "@agnos-ui/core/utils/directive";
 export {
   d as directiveAttributes,

package/generated/utils/stores.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const stores = require("../../stores-skeXwTXt.cjs");
+const stores = require("../../stores-DD819q-h.cjs");
 const stores$1 = require("@agnos-ui/core/utils/stores");
 exports.useObservable = stores.useObservable;
 exports.useObservablesProxy = stores.useObservablesProxy;

package/generated/utils/stores.js

@@ -1,4 +1,4 @@
-import { u, a, b } from "../../stores-B90XF8Sy.js";
+import { u, a, b } from "../../stores-DtfLvXAE.js";
 export * from "@agnos-ui/core/utils/stores";
 export {
   u as useObservable,

package/generated/utils/widget.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const widget = require("../../widget-e5vBb0i4.cjs");
+const widget = require("../../widget-CuLHUzFd.cjs");
 exports.useWidget = widget.useWidget;

package/generated/utils/widget.js

@@ -1,4 +1,4 @@
-import { u } from "../../widget-DaA-pe23.js";
+import { u } from "../../widget-6VfcHB3W.js";
 export {
   u as useWidget
 };

package/index.cjs

@@ -16,13 +16,13 @@ const collapse = require("@agnos-ui/core/services/transitions/collapse");
 const baseTransitions = require("@agnos-ui/core/services/transitions/baseTransitions");
 const writables = require("@agnos-ui/core/utils/writables");
 const stores$1 = require("@agnos-ui/core/utils/stores");
-const stores = require("./stores-skeXwTXt.cjs");
+const stores = require("./stores-DD819q-h.cjs");
 const directive$1 = require("@agnos-ui/core/utils/directive");
-const directive = require("./directive-BePQvMpx.cjs");
+const directive = require("./directive-3diaW3tS.cjs");
 const types = require("@agnos-ui/core/types");
 const config$1 = require("@agnos-ui/core/config");
 const config = require("./config.cjs");
-const widget = require("./widget-e5vBb0i4.cjs");
+const widget = require("./widget-CuLHUzFd.cjs");
 const portal$1 = require("./portal-B0Q5KLrA.cjs");
 const slot = require("./slot.cjs");
 const tree = require("@agnos-ui/core/components/tree");
@@ -42,10 +42,10 @@ exports.directiveAttributes = directive.directiveAttributes;
 exports.ssrAttributes = directive.ssrAttributes;
 exports.useDirective = directive.useDirective;
 exports.useDirectives = directive.useDirectives;
+exports.WidgetsConfigContext = config.WidgetsConfigContext;
 exports.WidgetsDefaultConfig = config.WidgetsDefaultConfig;
 exports.useWidgetContext = config.useWidgetContext;
 exports.useWidgetWithConfig = config.useWidgetWithConfig;
-exports.widgetsConfigContext = config.widgetsConfigContext;
 exports.widgetsConfigFactory = config.widgetsConfigFactory;
 exports.useWidget = widget.useWidget;
 exports.Portal = portal$1.Portal;

package/index.js

@@ -14,13 +14,13 @@ export * from "@agnos-ui/core/services/transitions/collapse";
 export * from "@agnos-ui/core/services/transitions/baseTransitions";
 export * from "@agnos-ui/core/utils/writables";
 export * from "@agnos-ui/core/utils/stores";
-import { u, a, b } from "./stores-B90XF8Sy.js";
+import { u, a, b } from "./stores-DtfLvXAE.js";
 export * from "@agnos-ui/core/utils/directive";
-import { d, s, u as u2, a as a2 } from "./directive-DNXkB1Wc.js";
+import { d, s, u as u2, a as a2 } from "./directive-CEErjM5c.js";
 export * from "@agnos-ui/core/types";
 export * from "@agnos-ui/core/config";
-import { WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig, widgetsConfigContext, widgetsConfigFactory } from "./config.js";
-import { u as u3 } from "./widget-DaA-pe23.js";
+import { WidgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig, widgetsConfigFactory } from "./config.js";
+import { u as u3 } from "./widget-6VfcHB3W.js";
 import { P } from "./portal-CX8X69NK.js";
 import { Slot } from "./slot.js";
 export * from "@agnos-ui/core/components/tree";
@@ -36,6 +36,7 @@ export * from "@agnos-ui/core/components/accordion";
 export {
   P as Portal,
   Slot,
+  WidgetsConfigContext,
   WidgetsDefaultConfig,
   d as directiveAttributes,
   s as ssrAttributes,
@@ -47,6 +48,5 @@ export {
   u3 as useWidget,
   useWidgetContext,
   useWidgetWithConfig,
-  widgetsConfigContext,
   widgetsConfigFactory
 };

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/react-headless",
 	"description": "Headless component library for React.",
-	"version": "0.7.0-next.0",
+	"version": "0.7.0",
 	"type": "module",
 	"main": "./index.cjs",
 	"module": "./index.js",
@@ -49,14 +49,14 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core": "0.7.0-next.0",
+		"@agnos-ui/core": "0.7.0",
 		"classnames": "^2.5.1"
 	},
 	"peerDependencies": {
 		"@amadeus-it-group/tansu": "^2.0.0",
 		"esm-env": "^1.2.1",
-		"react": "^18.3.1",
-		"react-dom": "^18.3.1"
+		"react": "^19.0.0",
+		"react-dom": "^19.0.0"
 	},
 	"sideEffects": false,
 	"homepage": "https://www.agnosui.dev/latest/",

package/stores-DD819q-h.cjs

@@ -0,0 +1,141 @@
+"use strict";
+const stores = require("@agnos-ui/core/utils/stores");
+const tansu = require("@amadeus-it-group/tansu");
+const react = require("react");
+let queue;
+const processQueue = () => {
+  if (queue) {
+    try {
+      for (let i = 0; i < queue.length; i++) {
+        const { rerender, state, obj } = queue[i];
+        if (state.notified === obj && state.hasEffect) {
+          rerender(obj);
+        }
+      }
+    } finally {
+      queue = void 0;
+    }
+  }
+};
+const createOnStoreChange = (rerender, internalState) => () => {
+  if (internalState.changed && !internalState.notified) {
+    const obj = {};
+    internalState.notified = obj;
+    if (!queue) {
+      queueMicrotask(processQueue);
+      queue = [];
+    }
+    queue.push({ rerender, state: internalState, obj });
+  }
+};
+function useObservable(store$) {
+  const [, rerender] = react.useState({});
+  const internalState = react.useMemo(() => {
+    const internalState2 = {
+      hasEffect: false,
+      changed: false,
+      notified: false,
+      store$: tansu.computed(() => {
+        internalState2.changed = true;
+        return store$();
+      })
+    };
+    return internalState2;
+  }, [store$]);
+  react.useEffect(() => {
+    internalState.hasEffect = true;
+    const unsubscribe = internalState.store$.subscribe(createOnStoreChange(rerender, internalState));
+    return () => {
+      internalState.hasEffect = false;
+      unsubscribe();
+    };
+  }, [internalState]);
+  const value = internalState.store$();
+  internalState.changed = false;
+  internalState.notified = false;
+  return value;
+}
+const createComputed = (store, internalState) => {
+  let firstComputation = true;
+  return tansu.computed(() => {
+    if (firstComputation) {
+      firstComputation = false;
+    } else {
+      internalState.changed = true;
+    }
+    return store();
+  });
+};
+function useObservablesProxy(stores2) {
+  const [, rerender] = react.useState({});
+  const internalState = react.useMemo(() => {
+    const internalState2 = {
+      hasEffect: false,
+      notified: false,
+      changed: false,
+      storeInfo: {},
+      checkStoreSubscribed: (key) => {
+        const store = stores2[`${key}$`];
+        if (store) {
+          let storeInfo = internalState2.storeInfo[key];
+          if (!storeInfo || storeInfo.store !== store) {
+            const unsubscribe = storeInfo == null ? void 0 : storeInfo.unsubscribe;
+            storeInfo = {
+              store,
+              computedStore: createComputed(store, internalState2),
+              unsubscribe: null
+            };
+            internalState2.storeInfo[key] = storeInfo;
+            unsubscribe == null ? void 0 : unsubscribe();
+          }
+          if (internalState2.hasEffect && !storeInfo.unsubscribe) {
+            storeInfo.unsubscribe = storeInfo.computedStore.subscribe(onStoreChange);
+          }
+          return storeInfo.computedStore;
+        }
+        return void 0;
+      },
+      proxy: new Proxy(
+        {},
+        {
+          get(_target, name) {
+            const store = typeof name === "string" ? internalState2.checkStoreSubscribed(name) : null;
+            return store == null ? void 0 : store();
+          }
+        }
+      )
+    };
+    const onStoreChange = createOnStoreChange(rerender, internalState2);
+    return internalState2;
+  }, []);
+  internalState.notified = false;
+  internalState.changed = false;
+  react.useEffect(() => {
+    internalState.hasEffect = true;
+    for (const key of Object.keys(internalState.storeInfo)) {
+      internalState.checkStoreSubscribed(key);
+    }
+    return () => {
+      internalState.hasEffect = false;
+      for (const info of Object.values(internalState.storeInfo)) {
+        const unsubscribe = info.unsubscribe;
+        info.unsubscribe = null;
+        unsubscribe == null ? void 0 : unsubscribe();
+      }
+    };
+  }, [stores2]);
+  return internalState.proxy;
+}
+const propsEqual = (a, b) => !stores.findChangedProperties(a, b);
+const usePropsAsStore = (props) => {
+  const storeRef = react.useRef(void 0);
+  if (!storeRef.current) {
+    storeRef.current = tansu.writable({ ...props }, { equal: propsEqual });
+  } else {
+    storeRef.current.set({ ...props });
+  }
+  return react.useMemo(() => tansu.asReadable(storeRef.current), [storeRef.current]);
+};
+exports.useObservable = useObservable;
+exports.useObservablesProxy = useObservablesProxy;
+exports.usePropsAsStore = usePropsAsStore;

package/stores-DtfLvXAE.js

@@ -0,0 +1,142 @@
+import { findChangedProperties } from "@agnos-ui/core/utils/stores";
+import { computed, writable, asReadable } from "@amadeus-it-group/tansu";
+import { useState, useMemo, useEffect, useRef } from "react";
+let queue;
+const processQueue = () => {
+  if (queue) {
+    try {
+      for (let i = 0; i < queue.length; i++) {
+        const { rerender, state, obj } = queue[i];
+        if (state.notified === obj && state.hasEffect) {
+          rerender(obj);
+        }
+      }
+    } finally {
+      queue = void 0;
+    }
+  }
+};
+const createOnStoreChange = (rerender, internalState) => () => {
+  if (internalState.changed && !internalState.notified) {
+    const obj = {};
+    internalState.notified = obj;
+    if (!queue) {
+      queueMicrotask(processQueue);
+      queue = [];
+    }
+    queue.push({ rerender, state: internalState, obj });
+  }
+};
+function useObservable(store$) {
+  const [, rerender] = useState({});
+  const internalState = useMemo(() => {
+    const internalState2 = {
+      hasEffect: false,
+      changed: false,
+      notified: false,
+      store$: computed(() => {
+        internalState2.changed = true;
+        return store$();
+      })
+    };
+    return internalState2;
+  }, [store$]);
+  useEffect(() => {
+    internalState.hasEffect = true;
+    const unsubscribe = internalState.store$.subscribe(createOnStoreChange(rerender, internalState));
+    return () => {
+      internalState.hasEffect = false;
+      unsubscribe();
+    };
+  }, [internalState]);
+  const value = internalState.store$();
+  internalState.changed = false;
+  internalState.notified = false;
+  return value;
+}
+const createComputed = (store, internalState) => {
+  let firstComputation = true;
+  return computed(() => {
+    if (firstComputation) {
+      firstComputation = false;
+    } else {
+      internalState.changed = true;
+    }
+    return store();
+  });
+};
+function useObservablesProxy(stores) {
+  const [, rerender] = useState({});
+  const internalState = useMemo(() => {
+    const internalState2 = {
+      hasEffect: false,
+      notified: false,
+      changed: false,
+      storeInfo: {},
+      checkStoreSubscribed: (key) => {
+        const store = stores[`${key}$`];
+        if (store) {
+          let storeInfo = internalState2.storeInfo[key];
+          if (!storeInfo || storeInfo.store !== store) {
+            const unsubscribe = storeInfo == null ? void 0 : storeInfo.unsubscribe;
+            storeInfo = {
+              store,
+              computedStore: createComputed(store, internalState2),
+              unsubscribe: null
+            };
+            internalState2.storeInfo[key] = storeInfo;
+            unsubscribe == null ? void 0 : unsubscribe();
+          }
+          if (internalState2.hasEffect && !storeInfo.unsubscribe) {
+            storeInfo.unsubscribe = storeInfo.computedStore.subscribe(onStoreChange);
+          }
+          return storeInfo.computedStore;
+        }
+        return void 0;
+      },
+      proxy: new Proxy(
+        {},
+        {
+          get(_target, name) {
+            const store = typeof name === "string" ? internalState2.checkStoreSubscribed(name) : null;
+            return store == null ? void 0 : store();
+          }
+        }
+      )
+    };
+    const onStoreChange = createOnStoreChange(rerender, internalState2);
+    return internalState2;
+  }, []);
+  internalState.notified = false;
+  internalState.changed = false;
+  useEffect(() => {
+    internalState.hasEffect = true;
+    for (const key of Object.keys(internalState.storeInfo)) {
+      internalState.checkStoreSubscribed(key);
+    }
+    return () => {
+      internalState.hasEffect = false;
+      for (const info of Object.values(internalState.storeInfo)) {
+        const unsubscribe = info.unsubscribe;
+        info.unsubscribe = null;
+        unsubscribe == null ? void 0 : unsubscribe();
+      }
+    };
+  }, [stores]);
+  return internalState.proxy;
+}
+const propsEqual = (a, b) => !findChangedProperties(a, b);
+const usePropsAsStore = (props) => {
+  const storeRef = useRef(void 0);
+  if (!storeRef.current) {
+    storeRef.current = writable({ ...props }, { equal: propsEqual });
+  } else {
+    storeRef.current.set({ ...props });
+  }
+  return useMemo(() => asReadable(storeRef.current), [storeRef.current]);
+};
+export {
+  useObservablesProxy as a,
+  usePropsAsStore as b,
+  useObservable as u
+};

package/{widget-DaA-pe23.js → widget-6VfcHB3W.js}

@@ -1,10 +1,10 @@
 import { findChangedProperties } from "@agnos-ui/core/utils/stores";
-import { useMemo, useRef, useEffect } from "react";
-import { a as useObservablesProxy } from "./stores-B90XF8Sy.js";
+import { useMemo, useRef } from "react";
+import { a as useObservablesProxy } from "./stores-DtfLvXAE.js";
 function useWidget(createWidget, props = {}, propsConfig) {
   const coreWidget = useMemo(() => createWidget({ ...propsConfig, props: { ...propsConfig == null ? void 0 : propsConfig.props, ...props } }), []);
   const previousProps = useRef(props);
-  useEffect(() => {
+  useMemo(() => {
     const changedProps = findChangedProperties(previousProps.current, props);
     previousProps.current = props;
     if (changedProps) {

package/{widget-e5vBb0i4.cjs → widget-CuLHUzFd.cjs}

@@ -1,11 +1,11 @@
 "use strict";
 const stores = require("@agnos-ui/core/utils/stores");
 const react = require("react");
-const stores$1 = require("./stores-skeXwTXt.cjs");
+const stores$1 = require("./stores-DD819q-h.cjs");
 function useWidget(createWidget, props = {}, propsConfig) {
   const coreWidget = react.useMemo(() => createWidget({ ...propsConfig, props: { ...propsConfig == null ? void 0 : propsConfig.props, ...props } }), []);
   const previousProps = react.useRef(props);
-  react.useEffect(() => {
+  react.useMemo(() => {
     const changedProps = stores.findChangedProperties(previousProps.current, props);
     previousProps.current = props;
     if (changedProps) {

package/components/tree/index.d.ts

@@ -1 +0,0 @@
-export * from './tree';

package/components/tree/tree.d.ts

@@ -1 +0,0 @@
-export * from '@agnos-ui/core/components/tree';

package/stores-B90XF8Sy.js

@@ -1,78 +0,0 @@
-import { findChangedProperties } from "@agnos-ui/core/utils/stores";
-import { writable, asReadable } from "@amadeus-it-group/tansu";
-import { useState, useEffect, useMemo, useRef } from "react";
-function useObservable(store$) {
-  const [value, setValue] = useState(() => store$());
-  useEffect(() => {
-    return store$.subscribe((arg) => {
-      setValue(() => arg);
-    });
-  }, [store$]);
-  return value;
-}
-function useObservablesProxy(stores) {
-  const [, triggerRerender] = useState({});
-  const internalState = useMemo(() => {
-    const internalState2 = {
-      hasEffect: false,
-      storeInfo: {},
-      checkStoreSubscribed: (key) => {
-        const store = stores[`${key}$`];
-        if (store) {
-          let storeInfo = internalState2.storeInfo[key];
-          if (!storeInfo) {
-            storeInfo = { unsubscribe: null };
-            internalState2.storeInfo[key] = storeInfo;
-          }
-          if (internalState2.hasEffect && !storeInfo.unsubscribe) {
-            storeInfo.unsubscribe = store.subscribe(() => {
-              triggerRerender({});
-            });
-          }
-        }
-        return store;
-      },
-      proxy: new Proxy(
-        {},
-        {
-          get(_target, name) {
-            const store = typeof name === "string" ? internalState2.checkStoreSubscribed(name) : null;
-            return store == null ? void 0 : store();
-          }
-        }
-      )
-    };
-    return internalState2;
-  }, []);
-  useEffect(() => {
-    internalState.hasEffect = true;
-    for (const key of Object.keys(internalState.storeInfo)) {
-      internalState.checkStoreSubscribed(key);
-    }
-    return () => {
-      internalState.hasEffect = false;
-      for (const info of Object.values(internalState.storeInfo)) {
-        const unsubscribe = info.unsubscribe;
-        info.unsubscribe = null;
-        unsubscribe == null ? void 0 : unsubscribe();
-      }
-    };
-  }, [stores]);
-  return internalState.proxy;
-}
-const propsEqual = (a, b) => !findChangedProperties(a, b);
-const usePropsAsStore = (props) => {
-  const storeRef = useRef();
-  if (!storeRef.current) {
-    storeRef.current = writable({ ...props }, { equal: propsEqual });
-  }
-  useEffect(() => {
-    storeRef.current.set({ ...props });
-  }, [props]);
-  return useMemo(() => asReadable(storeRef.current), [storeRef.current]);
-};
-export {
-  useObservablesProxy as a,
-  usePropsAsStore as b,
-  useObservable as u
-};

package/stores-skeXwTXt.cjs

@@ -1,77 +0,0 @@
-"use strict";
-const stores = require("@agnos-ui/core/utils/stores");
-const tansu = require("@amadeus-it-group/tansu");
-const react = require("react");
-function useObservable(store$) {
-  const [value, setValue] = react.useState(() => store$());
-  react.useEffect(() => {
-    return store$.subscribe((arg) => {
-      setValue(() => arg);
-    });
-  }, [store$]);
-  return value;
-}
-function useObservablesProxy(stores2) {
-  const [, triggerRerender] = react.useState({});
-  const internalState = react.useMemo(() => {
-    const internalState2 = {
-      hasEffect: false,
-      storeInfo: {},
-      checkStoreSubscribed: (key) => {
-        const store = stores2[`${key}$`];
-        if (store) {
-          let storeInfo = internalState2.storeInfo[key];
-          if (!storeInfo) {
-            storeInfo = { unsubscribe: null };
-            internalState2.storeInfo[key] = storeInfo;
-          }
-          if (internalState2.hasEffect && !storeInfo.unsubscribe) {
-            storeInfo.unsubscribe = store.subscribe(() => {
-              triggerRerender({});
-            });
-          }
-        }
-        return store;
-      },
-      proxy: new Proxy(
-        {},
-        {
-          get(_target, name) {
-            const store = typeof name === "string" ? internalState2.checkStoreSubscribed(name) : null;
-            return store == null ? void 0 : store();
-          }
-        }
-      )
-    };
-    return internalState2;
-  }, []);
-  react.useEffect(() => {
-    internalState.hasEffect = true;
-    for (const key of Object.keys(internalState.storeInfo)) {
-      internalState.checkStoreSubscribed(key);
-    }
-    return () => {
-      internalState.hasEffect = false;
-      for (const info of Object.values(internalState.storeInfo)) {
-        const unsubscribe = info.unsubscribe;
-        info.unsubscribe = null;
-        unsubscribe == null ? void 0 : unsubscribe();
-      }
-    };
-  }, [stores2]);
-  return internalState.proxy;
-}
-const propsEqual = (a, b) => !stores.findChangedProperties(a, b);
-const usePropsAsStore = (props) => {
-  const storeRef = react.useRef();
-  if (!storeRef.current) {
-    storeRef.current = tansu.writable({ ...props }, { equal: propsEqual });
-  }
-  react.useEffect(() => {
-    storeRef.current.set({ ...props });
-  }, [props]);
-  return react.useMemo(() => tansu.asReadable(storeRef.current), [storeRef.current]);
-};
-exports.useObservable = useObservable;
-exports.useObservablesProxy = useObservablesProxy;
-exports.usePropsAsStore = usePropsAsStore;