@agnos-ui/react-headless 0.9.3 → 0.9.4

package/components/toast/toasterProvider.d.ts

@@ -6,7 +6,7 @@ import type { PropsWithChildren } from 'react';
  * @param options - Optional toaster properties.
  * @returns An object containing toaster methods and properties.
  */
-export declare const useCreateToaster: <Props extends Partial<ToastProps>>(options?: ToasterProps) => {
+export declare const useCreateToaster: <Props extends Partial<ToastProps>>(options?: Partial<ToasterProps>) => {
     toasts: import("@agnos-ui/core/components/toast").ToasterToast<Props>[];
     options: ToasterProps;
     addToast: (props: Props) => number;

package/generated/components/toast/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const toasterProvider = require("../../../toasterProvider-BtIHSdiL.cjs");
+const toasterProvider = require("../../../toasterProvider-BAKMnkH7.cjs");
 const toast = require("@agnos-ui/core/components/toast");
 exports.ToasterProvider = toasterProvider.ToasterProvider;
 exports.useCreateToaster = toasterProvider.useCreateToaster;

package/generated/components/toast/index.js

@@ -1,4 +1,4 @@
-import { T, u, a } from "../../../toasterProvider-lT-AfOoK.js";
+import { T, u, a } from "../../../toasterProvider-Gcu1qGgO.js";
 export * from "@agnos-ui/core/components/toast";
 export {
   T as ToasterProvider,

package/generated/index.d.ts

@@ -27,8 +27,8 @@ export * from './components/rating/index';
 export * from './components/progressbar/index';
 export * from './components/pagination/index';
 export * from './components/modal/index';
-export * from './components/carousel/index';
 export * from './components/collapse/index';
+export * from './components/carousel/index';
 export * from './components/alert/index';
 export * from './components/accordion/index';
 export * from './utils/portal';

package/index.cjs

@@ -26,7 +26,7 @@ const types = require("@agnos-ui/core/types");
 const config$1 = require("@agnos-ui/core/config");
 const config = require("./config.cjs");
 const tree = require("@agnos-ui/core/components/tree");
-const toasterProvider = require("./toasterProvider-BtIHSdiL.cjs");
+const toasterProvider = require("./toasterProvider-BAKMnkH7.cjs");
 const toast = require("@agnos-ui/core/components/toast");
 const slider = require("@agnos-ui/core/components/slider");
 const select = require("@agnos-ui/core/components/select");
@@ -34,8 +34,8 @@ const rating = require("@agnos-ui/core/components/rating");
 const progressbar = require("@agnos-ui/core/components/progressbar");
 const pagination = require("@agnos-ui/core/components/pagination");
 const modal = require("@agnos-ui/core/components/modal");
-const carousel = require("@agnos-ui/core/components/carousel");
 const collapse$1 = require("@agnos-ui/core/components/collapse");
+const carousel = require("@agnos-ui/core/components/carousel");
 const alert = require("@agnos-ui/core/components/alert");
 const accordion = require("@agnos-ui/core/components/accordion");
 const portal$1 = require("./portal-B0Q5KLrA.cjs");
@@ -232,16 +232,16 @@ Object.keys(modal).forEach((k) => {
     get: () => modal[k]
   });
 });
-Object.keys(carousel).forEach((k) => {
+Object.keys(collapse$1).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: () => carousel[k]
+    get: () => collapse$1[k]
   });
 });
-Object.keys(collapse$1).forEach((k) => {
+Object.keys(carousel).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
-    get: () => collapse$1[k]
+    get: () => carousel[k]
   });
 });
 Object.keys(alert).forEach((k) => {

package/index.js

@@ -24,7 +24,7 @@ export * from "@agnos-ui/core/types";
 export * from "@agnos-ui/core/config";
 import { WidgetsConfigContext, WidgetsDefaultConfig, useWidget, useWidgetContext, widgetsConfigFactory } from "./config.js";
 export * from "@agnos-ui/core/components/tree";
-import { T, u as u4, a as a3 } from "./toasterProvider-lT-AfOoK.js";
+import { T, u as u4, a as a3 } from "./toasterProvider-Gcu1qGgO.js";
 export * from "@agnos-ui/core/components/toast";
 export * from "@agnos-ui/core/components/slider";
 export * from "@agnos-ui/core/components/select";
@@ -32,8 +32,8 @@ export * from "@agnos-ui/core/components/rating";
 export * from "@agnos-ui/core/components/progressbar";
 export * from "@agnos-ui/core/components/pagination";
 export * from "@agnos-ui/core/components/modal";
-export * from "@agnos-ui/core/components/carousel";
 export * from "@agnos-ui/core/components/collapse";
+export * from "@agnos-ui/core/components/carousel";
 export * from "@agnos-ui/core/components/alert";
 export * from "@agnos-ui/core/components/accordion";
 import { P } from "./portal-CX8X69NK.js";

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/react-headless",
 	"description": "Headless component library for React.",
-	"version": "0.9.3",
+	"version": "0.9.4",
 	"type": "module",
 	"main": "./index.cjs",
 	"module": "./index.js",
@@ -49,7 +49,7 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core": "0.9.3"
+		"@agnos-ui/core": "0.9.4"
 	},
 	"peerDependencies": {
 		"@amadeus-it-group/tansu": "^2.0.0",

package/{toasterProvider-BtIHSdiL.cjs → toasterProvider-BAKMnkH7.cjs}

@@ -1,12 +1,22 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
 const toast = require("@agnos-ui/core/components/toast");
+const stores = require("@agnos-ui/core/utils/stores");
 const react = require("react");
-const stores = require("./stores-DD819q-h.cjs");
+const stores$1 = require("./stores-DD819q-h.cjs");
 const useCreateToaster = (options) => {
-  const toaster = react.useMemo(() => new toast.Toaster(options), [options]);
-  const toasts = stores.useObservable(toaster.toasts);
-  const toasterOptions = stores.useObservable(toaster.options);
+  const toaster = react.useMemo(() => new toast.Toaster(options), []);
+  options = options ?? {};
+  const previousOptions = react.useRef(options);
+  react.useMemo(() => {
+    const changedOptions = stores.findChangedProperties(previousOptions.current, options);
+    previousOptions.current = options;
+    if (changedOptions) {
+      toaster.options.update((v) => ({ ...v, ...changedOptions }));
+    }
+  }, [toaster.options, options]);
+  const toasts = stores$1.useObservable(toaster.toasts);
+  const toasterOptions = stores$1.useObservable(toaster.options);
   const addToast = react.useCallback((props) => toaster.addToast(props), [toaster]);
   const removeToast = toaster.removeToast;
   const eventsDirective = toaster.eventsDirective;

package/{toasterProvider-lT-AfOoK.js → toasterProvider-Gcu1qGgO.js}

@@ -1,9 +1,19 @@
 import { jsx } from "react/jsx-runtime";
 import { Toaster } from "@agnos-ui/core/components/toast";
-import { useMemo, useCallback, createContext, useContext } from "react";
+import { findChangedProperties } from "@agnos-ui/core/utils/stores";
+import { useMemo, useRef, useCallback, createContext, useContext } from "react";
 import { u as useObservable } from "./stores-DZalyTTa.js";
 const useCreateToaster = (options) => {
-  const toaster = useMemo(() => new Toaster(options), [options]);
+  const toaster = useMemo(() => new Toaster(options), []);
+  options = options ?? {};
+  const previousOptions = useRef(options);
+  useMemo(() => {
+    const changedOptions = findChangedProperties(previousOptions.current, options);
+    previousOptions.current = options;
+    if (changedOptions) {
+      toaster.options.update((v) => ({ ...v, ...changedOptions }));
+    }
+  }, [toaster.options, options]);
   const toasts = useObservable(toaster.toasts);
   const toasterOptions = useObservable(toaster.options);
   const addToast = useCallback((props) => toaster.addToast(props), [toaster]);