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

package/{toast-BUHjCme7.js → toasterProvider-DO_5lfVp.js}

@@ -1,11 +1,14 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useDirectives, classDirective, useDirective } from "@agnos-ui/react-headless/utils/directive";
+import { useToaster as useToaster$1, ToasterProvider as ToasterProvider$1 } from "@agnos-ui/react-headless/components/toast";
+import { getToastDefaultConfig, createToast, toastPositions, defaultToasterProps } from "@agnos-ui/core-bootstrap/components/toast";
 import { Slot } from "@agnos-ui/react-headless/slot";
-import { useDirectives, classDirective } from "@agnos-ui/react-headless/utils/directive";
 import { useImperativeHandle } from "react";
 import { useWidgetWithConfig } from "./generated/config.js";
-import { getToastDefaultConfig, createToast } from "@agnos-ui/core-bootstrap/components/toast";
 const export_getToastDefaultConfig = getToastDefaultConfig;
 const export_createToast = createToast;
+const export_toastPositions = toastPositions;
+const export_defaultToasterProps = defaultToasterProps;
 const ToastHeaderContent = (slotContext) => /* @__PURE__ */ jsx("button", { ...useDirectives([classDirective, "btn-close me-0 ms-auto"], slotContext.directives.closeButtonDirective) });
 const ToastHeader = (slotContext) => /* @__PURE__ */ jsxs("div", { className: "toast-header", children: [
   /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.header, props: slotContext }),
@@ -37,9 +40,64 @@ function Toast(props) {
   useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
   return /* @__PURE__ */ jsx(Fragment, { children: !widgetContext.state.hidden && /* @__PURE__ */ jsx(ToastElement, { ...widgetContext }) });
 }
+const ToastToaster = ({
+  id,
+  className,
+  visible,
+  structure,
+  children,
+  header,
+  dismissible,
+  ariaCloseButtonLabel,
+  animated,
+  animatedOnInit,
+  onShown,
+  onHidden,
+  onVisibleChange,
+  transition,
+  toaster
+}) => /* @__PURE__ */ jsx("div", { ...useDirective(toaster.eventsDirective, id), children: /* @__PURE__ */ jsx(
+  Toast,
+  {
+    animated,
+    animatedOnInit,
+    autoHide: false,
+    className,
+    dismissible: dismissible ?? toaster.options.dismissible,
+    ariaCloseButtonLabel,
+    structure,
+    header,
+    onShown,
+    onHidden: () => {
+      toaster.removeToast(id);
+      onHidden == null ? void 0 : onHidden();
+    },
+    onVisibleChange,
+    visible,
+    transition,
+    children
+  }
+) });
+function ToasterContainer() {
+  const toaster = useToaster();
+  return /* @__PURE__ */ jsx("div", { className: "au-toaster", "aria-live": "polite", "aria-atomic": "true", children: /* @__PURE__ */ jsxs("div", { className: `au-toaster-container toast-container ${export_toastPositions[toaster.options.position]}`, children: [
+    toaster.options.closeAll && toaster.toasts.length > 1 && /* @__PURE__ */ jsx("div", { className: "d-flex position-relative align-items-end pb-2", children: /* @__PURE__ */ jsx("button", { className: "au-toaster-closeAll btn btn-secondary me-0 ms-auto pe-auto", onClick: () => toaster.closeAll(), children: toaster.options.closeAllLabel || "Close all" }) }),
+    toaster.toasts.map(({ id, props }) => /* @__PURE__ */ jsx(ToastToaster, { id, ...props, toaster }, id))
+  ] }) });
+}
+const ToasterProvider = ({ options, children }) => /* @__PURE__ */ jsxs(ToasterProvider$1, { options, children: [
+  children,
+  /* @__PURE__ */ jsx(ToasterContainer, {})
+] });
+const useToaster = () => useToaster$1();
 export {
   ToastDefaultSlotStructure as T,
   Toast as a,
   export_createToast as b,
-  export_getToastDefaultConfig as e
+  export_toastPositions as c,
+  export_defaultToasterProps as d,
+  export_getToastDefaultConfig as e,
+  ToasterContainer as f,
+  ToasterProvider as g,
+  useToaster as u
 };

package/{toast-CkwIDuRg.cjs → toasterProvider-glQ29Go3.cjs}

@@ -1,12 +1,15 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const slot = require("@agnos-ui/react-headless/slot");
 const directive = require("@agnos-ui/react-headless/utils/directive");
+const toast$1 = require("@agnos-ui/react-headless/components/toast");
+const toast = require("@agnos-ui/core-bootstrap/components/toast");
+const slot = require("@agnos-ui/react-headless/slot");
 const React = require("react");
 const generated_config = require("./generated/config.cjs");
-const toast = require("@agnos-ui/core-bootstrap/components/toast");
 const export_getToastDefaultConfig = toast.getToastDefaultConfig;
 const export_createToast = toast.createToast;
+const export_toastPositions = toast.toastPositions;
+const export_defaultToasterProps = toast.defaultToasterProps;
 const ToastHeaderContent = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx("button", { ...directive.useDirectives([directive.classDirective, "btn-close me-0 ms-auto"], slotContext.directives.closeButtonDirective) });
 const ToastHeader = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "toast-header", children: [
   /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.header, props: slotContext }),
@@ -38,7 +41,62 @@ function Toast(props) {
   React.useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: !widgetContext.state.hidden && /* @__PURE__ */ jsxRuntime.jsx(ToastElement, { ...widgetContext }) });
 }
+const ToastToaster = ({
+  id,
+  className,
+  visible,
+  structure,
+  children,
+  header,
+  dismissible,
+  ariaCloseButtonLabel,
+  animated,
+  animatedOnInit,
+  onShown,
+  onHidden,
+  onVisibleChange,
+  transition,
+  toaster
+}) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(toaster.eventsDirective, id), children: /* @__PURE__ */ jsxRuntime.jsx(
+  Toast,
+  {
+    animated,
+    animatedOnInit,
+    autoHide: false,
+    className,
+    dismissible: dismissible ?? toaster.options.dismissible,
+    ariaCloseButtonLabel,
+    structure,
+    header,
+    onShown,
+    onHidden: () => {
+      toaster.removeToast(id);
+      onHidden == null ? void 0 : onHidden();
+    },
+    onVisibleChange,
+    visible,
+    transition,
+    children
+  }
+) });
+function ToasterContainer() {
+  const toaster = useToaster();
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "au-toaster", "aria-live": "polite", "aria-atomic": "true", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: `au-toaster-container toast-container ${export_toastPositions[toaster.options.position]}`, children: [
+    toaster.options.closeAll && toaster.toasts.length > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "d-flex position-relative align-items-end pb-2", children: /* @__PURE__ */ jsxRuntime.jsx("button", { className: "au-toaster-closeAll btn btn-secondary me-0 ms-auto pe-auto", onClick: () => toaster.closeAll(), children: toaster.options.closeAllLabel || "Close all" }) }),
+    toaster.toasts.map(({ id, props }) => /* @__PURE__ */ jsxRuntime.jsx(ToastToaster, { id, ...props, toaster }, id))
+  ] }) });
+}
+const ToasterProvider = ({ options, children }) => /* @__PURE__ */ jsxRuntime.jsxs(toast$1.ToasterProvider, { options, children: [
+  children,
+  /* @__PURE__ */ jsxRuntime.jsx(ToasterContainer, {})
+] });
+const useToaster = () => toast$1.useToaster();
 exports.Toast = Toast;
 exports.ToastDefaultSlotStructure = ToastDefaultSlotStructure;
+exports.ToasterContainer = ToasterContainer;
+exports.ToasterProvider = ToasterProvider;
 exports.export_createToast = export_createToast;
+exports.export_defaultToasterProps = export_defaultToasterProps;
 exports.export_getToastDefaultConfig = export_getToastDefaultConfig;
+exports.export_toastPositions = export_toastPositions;
+exports.useToaster = useToaster;

package/types.d.ts

@@ -0,0 +1,2 @@
+export * from '@agnos-ui/react-headless/types';
+export * from '@agnos-ui/core-bootstrap/types';