@agnos-ui/react-headless 0.9.2 → 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/config.cjs

@@ -5,7 +5,7 @@ const types = require("@agnos-ui/core/types");
 const config = require("@agnos-ui/core/config");
 const tansu = require("@amadeus-it-group/tansu");
 const react = require("react");
-const widget = require("./widget-CHGwSEgq.cjs");
+const widget = require("./widget-BkLUvh4T.cjs");
 const stores = require("./stores-DD819q-h.cjs");
 const widgetsConfigFactory = (WidgetsConfigContext2 = react.createContext(void 0)) => {
   const useWidgetContext2 = (widgetName, defaultConfig) => {

package/config.js

@@ -4,7 +4,7 @@ import { createWidgetsConfig } from "@agnos-ui/core/config";
 export * from "@agnos-ui/core/config";
 import { computed } from "@amadeus-it-group/tansu";
 import { createContext, useContext, useMemo } from "react";
-import { u as useWidgetWithConfig } from "./widget-BiWY_QJE.js";
+import { u as useWidgetWithConfig } from "./widget-DLB7vGCY.js";
 import { b as usePropsAsStore } from "./stores-DZalyTTa.js";
 const widgetsConfigFactory = (WidgetsConfigContext2 = createContext(void 0)) => {
   const useWidgetContext2 = (widgetName, defaultConfig) => {

package/generated/components/collapse/index.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const collapse = require("@agnos-ui/core/components/collapse");
+Object.keys(collapse).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => collapse[k]
+  });
+});

package/generated/components/collapse/index.d.ts

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

package/generated/components/collapse/index.js

@@ -0,0 +1 @@
+export * from "@agnos-ui/core/components/collapse";

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,6 +27,7 @@ export * from './components/rating/index';
 export * from './components/progressbar/index';
 export * from './components/pagination/index';
 export * from './components/modal/index';
+export * from './components/collapse/index';
 export * from './components/carousel/index';
 export * from './components/alert/index';
 export * from './components/accordion/index';

package/generated/utils/widget.cjs

@@ -1,4 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const widget = require("../../widget-CHGwSEgq.cjs");
+const widget = require("../../widget-BkLUvh4T.cjs");
+const widget$1 = require("@agnos-ui/core/utils/widget");
 exports.useWidgetWithConfig = widget.useWidgetWithConfig;
+Object.keys(widget$1).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => widget$1[k]
+  });
+});

package/generated/utils/widget.js

@@ -1,4 +1,5 @@
-import { u } from "../../widget-BiWY_QJE.js";
+import { u } from "../../widget-DLB7vGCY.js";
+export * from "@agnos-ui/core/utils/widget";
 export {
   u as useWidgetWithConfig
 };

package/index.cjs

@@ -15,7 +15,8 @@ const cssTransitions = require("@agnos-ui/core/services/transitions/cssTransitio
 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 widget = require("./widget-CHGwSEgq.cjs");
+const widget$1 = require("@agnos-ui/core/utils/widget");
+const widget = require("./widget-BkLUvh4T.cjs");
 const stores$1 = require("@agnos-ui/core/utils/stores");
 const stores = require("./stores-DD819q-h.cjs");
 const func = require("@agnos-ui/core/utils/func");
@@ -25,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");
@@ -33,6 +34,7 @@ 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 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");
@@ -146,6 +148,12 @@ Object.keys(writables).forEach((k) => {
     get: () => writables[k]
   });
 });
+Object.keys(widget$1).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => widget$1[k]
+  });
+});
 Object.keys(stores$1).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
@@ -224,6 +232,12 @@ Object.keys(modal).forEach((k) => {
     get: () => modal[k]
   });
 });
+Object.keys(collapse$1).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => collapse$1[k]
+  });
+});
 Object.keys(carousel).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/index.js

@@ -13,7 +13,8 @@ export * from "@agnos-ui/core/services/transitions/cssTransitions";
 export * from "@agnos-ui/core/services/transitions/collapse";
 export * from "@agnos-ui/core/services/transitions/baseTransitions";
 export * from "@agnos-ui/core/utils/writables";
-import { u } from "./widget-BiWY_QJE.js";
+export * from "@agnos-ui/core/utils/widget";
+import { u } from "./widget-DLB7vGCY.js";
 export * from "@agnos-ui/core/utils/stores";
 import { u as u2, a, b } from "./stores-DZalyTTa.js";
 export * from "@agnos-ui/core/utils/func";
@@ -23,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";
@@ -31,6 +32,7 @@ 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/collapse";
 export * from "@agnos-ui/core/components/carousel";
 export * from "@agnos-ui/core/components/alert";
 export * from "@agnos-ui/core/components/accordion";

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/react-headless",
 	"description": "Headless component library for React.",
-	"version": "0.9.2",
+	"version": "0.9.4",
 	"type": "module",
 	"main": "./index.cjs",
 	"module": "./index.js",
@@ -49,7 +49,7 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core": "0.9.2"
+		"@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]);

package/utils/widget.d.ts

@@ -1,4 +1,5 @@
 import type { PropsConfig, Widget, WidgetFactory, WidgetProps, WidgetSlotContext } from '@agnos-ui/core/types';
+export * from '@agnos-ui/core/utils/widget';
 /**
  * Create and attach an agnos-ui/core widget to the current react component.
  *

package/{widget-CHGwSEgq.cjs → widget-BkLUvh4T.cjs}

@@ -2,6 +2,7 @@
 const stores = require("@agnos-ui/core/utils/stores");
 const react = require("react");
 const stores$1 = require("./stores-DD819q-h.cjs");
+require("@agnos-ui/core/utils/widget");
 function useWidgetWithConfig(factory, props = {}, propsConfig) {
   const coreWidget = react.useMemo(() => factory({ ...propsConfig, props: { ...propsConfig == null ? void 0 : propsConfig.props, ...props } }), []);
   const previousProps = react.useRef(props);

package/{widget-BiWY_QJE.js → widget-DLB7vGCY.js}

@@ -1,6 +1,7 @@
 import { findChangedProperties } from "@agnos-ui/core/utils/stores";
 import { useMemo, useRef } from "react";
 import { a as useObservablesProxy } from "./stores-DZalyTTa.js";
+import "@agnos-ui/core/utils/widget";
 function useWidgetWithConfig(factory, props = {}, propsConfig) {
   const coreWidget = useMemo(() => factory({ ...propsConfig, props: { ...propsConfig == null ? void 0 : propsConfig.props, ...props } }), []);
   const previousProps = useRef(props);