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

package/components/toast/index.d.ts

@@ -0,0 +1,2 @@
+export * from '@agnos-ui/core/components/toast';
+export * from './toasterProvider';

package/components/toast/toasterProvider.d.ts

@@ -0,0 +1,31 @@
+import { type ToastProps } from '@agnos-ui/core/components/toast';
+import type { ToasterProps } from '@agnos-ui/core/components/toast';
+import type { PropsWithChildren } from 'react';
+/**
+ * Custom hook to create a toaster.
+ * @param options - Optional toaster properties.
+ * @returns An object containing toaster methods and properties.
+ */
+export declare const useCreateToaster: <Props extends Partial<ToastProps>>(options?: ToasterProps) => {
+    toasts: import("@agnos-ui/core/components/toast").ToasterToast<Props>[];
+    options: ToasterProps;
+    addToast: (props: Props) => number;
+    removeToast: (id: number) => void;
+    eventsDirective: import("core/dist/types").Directive<number>;
+    closeAll: () => void;
+};
+/**
+ * ToasterProvider component to provide toaster context to its children.
+ * @param props - The properties object.
+ * @param [props.options] - Optional toaster properties.
+ * @param props.children - The children components.
+ * @returns The ToasterProvider component.
+ */
+export declare const ToasterProvider: <Props extends Partial<ToastProps>>({ options, children }: PropsWithChildren<{
+    options?: ToasterProps;
+}>) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Custom hook to use the toaster context.
+ * @returns The toaster context.
+ */
+export declare const useToaster: <Props extends Partial<ToastProps>>() => ReturnType<typeof useCreateToaster<Props>>;

package/config.js

@@ -3,8 +3,8 @@ 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 useWidget } from "./widget-6VfcHB3W.js";
-import { b as usePropsAsStore } from "./stores-DtfLvXAE.js";
+import { u as useWidget } from "./widget-BP6z-zfB.js";
+import { b as usePropsAsStore } from "./stores-DZalyTTa.js";
 const widgetsConfigFactory = (WidgetsConfigContext2 = createContext(void 0)) => {
   const useWidgetContext2 = (widgetName, defaultConfig) => {
     const widgetsConfig = useContext(WidgetsConfigContext2);

package/generated/components/carousel/index.cjs

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

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

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

package/generated/components/carousel/index.js

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

package/generated/components/toast/index.cjs

@@ -1,6 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const toasterProvider = require("../../../toasterProvider-BtIHSdiL.cjs");
 const toast = require("@agnos-ui/core/components/toast");
+exports.ToasterProvider = toasterProvider.ToasterProvider;
+exports.useCreateToaster = toasterProvider.useCreateToaster;
+exports.useToaster = toasterProvider.useToaster;
 Object.keys(toast).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

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

@@ -1 +1 @@
-export * from '@agnos-ui/core/components/toast';
+export * from './../../../components/toast';

package/generated/components/toast/index.js

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

package/generated/index.d.ts

@@ -18,9 +18,6 @@ export * from './utils/func';
 export * from './utils/directive';
 export * from './types';
 export * from './config';
-export * from './utils/widget';
-export * from './utils/portal';
-export * from './slot';
 export * from './components/tree/index';
 export * from './components/toast/index';
 export * from './components/slider/index';
@@ -29,5 +26,9 @@ 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/alert/index';
 export * from './components/accordion/index';
+export * from './utils/widget';
+export * from './utils/portal';
+export * from './slot';

package/generated/utils/stores.js

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

package/generated/utils/widget.js

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

package/index.cjs

@@ -23,10 +23,8 @@ 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-CuLHUzFd.cjs");
-const portal$1 = require("./portal-B0Q5KLrA.cjs");
-const slot = require("./slot.cjs");
 const tree = require("@agnos-ui/core/components/tree");
+const toasterProvider = require("./toasterProvider-BtIHSdiL.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 +32,12 @@ 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 alert = require("@agnos-ui/core/components/alert");
 const accordion = require("@agnos-ui/core/components/accordion");
+const widget = require("./widget-CuLHUzFd.cjs");
+const portal$1 = require("./portal-B0Q5KLrA.cjs");
+const slot = require("./slot.cjs");
 exports.useObservable = stores.useObservable;
 exports.useObservablesProxy = stores.useObservablesProxy;
 exports.usePropsAsStore = stores.usePropsAsStore;
@@ -48,6 +50,9 @@ exports.WidgetsDefaultConfig = config.WidgetsDefaultConfig;
 exports.useWidgetContext = config.useWidgetContext;
 exports.useWidgetWithConfig = config.useWidgetWithConfig;
 exports.widgetsConfigFactory = config.widgetsConfigFactory;
+exports.ToasterProvider = toasterProvider.ToasterProvider;
+exports.useCreateToaster = toasterProvider.useCreateToaster;
+exports.useToaster = toasterProvider.useToaster;
 exports.useWidget = widget.useWidget;
 exports.Portal = portal$1.Portal;
 exports.Slot = slot.Slot;
@@ -219,6 +224,12 @@ Object.keys(modal).forEach((k) => {
     get: () => modal[k]
   });
 });
+Object.keys(carousel).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => carousel[k]
+  });
+});
 Object.keys(alert).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/index.js

@@ -14,17 +14,15 @@ 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-DtfLvXAE.js";
+import { u, a, b } from "./stores-DZalyTTa.js";
 export * from "@agnos-ui/core/utils/func";
 export * from "@agnos-ui/core/utils/directive";
 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 { 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";
+import { T, u as u3, a as a3 } from "./toasterProvider-lT-AfOoK.js";
 export * from "@agnos-ui/core/components/toast";
 export * from "@agnos-ui/core/components/slider";
 export * from "@agnos-ui/core/components/select";
@@ -32,21 +30,28 @@ 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/alert";
 export * from "@agnos-ui/core/components/accordion";
+import { u as u4 } from "./widget-BP6z-zfB.js";
+import { P } from "./portal-CX8X69NK.js";
+import { Slot } from "./slot.js";
 export {
   P as Portal,
   Slot,
+  T as ToasterProvider,
   WidgetsConfigContext,
   WidgetsDefaultConfig,
   d as directiveAttributes,
   s as ssrAttributes,
+  u3 as useCreateToaster,
   u2 as useDirective,
   a2 as useDirectives,
   u as useObservable,
   a as useObservablesProxy,
   b as usePropsAsStore,
-  u3 as useWidget,
+  a3 as useToaster,
+  u4 as useWidget,
   useWidgetContext,
   useWidgetWithConfig,
   widgetsConfigFactory

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/react-headless",
 	"description": "Headless component library for React.",
-	"version": "0.8.0-next.0",
+	"version": "0.8.0",
 	"type": "module",
 	"main": "./index.cjs",
 	"module": "./index.js",
@@ -49,7 +49,7 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core": "0.8.0-next.0"
+		"@agnos-ui/core": "0.8.0"
 	},
 	"peerDependencies": {
 		"@amadeus-it-group/tansu": "^2.0.0",
@@ -72,6 +72,7 @@
 		"accordion",
 		"AgnosUI",
 		"alert",
+		"carousel",
 		"collapse",
 		"components",
 		"modal",
@@ -80,6 +81,7 @@
 		"rating",
 		"slider",
 		"toast",
+		"tree",
 		"widgets"
 	]
 }

package/{stores-DtfLvXAE.js → stores-DZalyTTa.js}

@@ -1,5 +1,5 @@
 import { findChangedProperties } from "@agnos-ui/core/utils/stores";
-import { computed, writable, asReadable } from "@amadeus-it-group/tansu";
+import { writable, asReadable, computed } from "@amadeus-it-group/tansu";
 import { useState, useMemo, useEffect, useRef } from "react";
 let queue;
 const processQueue = () => {

package/toasterProvider-BtIHSdiL.cjs

@@ -0,0 +1,37 @@
+"use strict";
+const jsxRuntime = require("react/jsx-runtime");
+const toast = require("@agnos-ui/core/components/toast");
+const react = require("react");
+const stores = 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 addToast = react.useCallback((props) => toaster.addToast(props), [toaster]);
+  const removeToast = toaster.removeToast;
+  const eventsDirective = toaster.eventsDirective;
+  const closeAll = toaster.closeAll;
+  return {
+    toasts,
+    options: toasterOptions,
+    addToast,
+    removeToast,
+    eventsDirective,
+    closeAll
+  };
+};
+const ToasterContext = react.createContext(void 0);
+const ToasterProvider = ({ options, children }) => {
+  const toaster = useCreateToaster(options);
+  return /* @__PURE__ */ jsxRuntime.jsx(ToasterContext.Provider, { value: toaster, children });
+};
+const useToaster = () => {
+  const context = react.useContext(ToasterContext);
+  if (!context) {
+    throw new Error("useToaster must be used within a ToasterProvider");
+  }
+  return context;
+};
+exports.ToasterProvider = ToasterProvider;
+exports.useCreateToaster = useCreateToaster;
+exports.useToaster = useToaster;

package/toasterProvider-lT-AfOoK.js

@@ -0,0 +1,38 @@
+import { jsx } from "react/jsx-runtime";
+import { Toaster } from "@agnos-ui/core/components/toast";
+import { useMemo, useCallback, createContext, useContext } from "react";
+import { u as useObservable } from "./stores-DZalyTTa.js";
+const useCreateToaster = (options) => {
+  const toaster = useMemo(() => new Toaster(options), [options]);
+  const toasts = useObservable(toaster.toasts);
+  const toasterOptions = useObservable(toaster.options);
+  const addToast = useCallback((props) => toaster.addToast(props), [toaster]);
+  const removeToast = toaster.removeToast;
+  const eventsDirective = toaster.eventsDirective;
+  const closeAll = toaster.closeAll;
+  return {
+    toasts,
+    options: toasterOptions,
+    addToast,
+    removeToast,
+    eventsDirective,
+    closeAll
+  };
+};
+const ToasterContext = createContext(void 0);
+const ToasterProvider = ({ options, children }) => {
+  const toaster = useCreateToaster(options);
+  return /* @__PURE__ */ jsx(ToasterContext.Provider, { value: toaster, children });
+};
+const useToaster = () => {
+  const context = useContext(ToasterContext);
+  if (!context) {
+    throw new Error("useToaster must be used within a ToasterProvider");
+  }
+  return context;
+};
+export {
+  ToasterProvider as T,
+  useToaster as a,
+  useCreateToaster as u
+};

package/{widget-6VfcHB3W.js → widget-BP6z-zfB.js}

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