@agnos-ui/react-bootstrap 0.9.2 → 0.10.0-next.0

package/components/collapse/collapse.gen.d.ts

@@ -1,38 +1,10 @@
-import type { Directive, Widget, WidgetFactory } from '@agnos-ui/react-headless/types';
+import type { Widget, WidgetFactory, Directive } from '@agnos-ui/react-headless/types';
 /**
  * Retrieve a shallow copy of the default collapse config
  * @returns the default collapse config
  */
 declare const export_getCollapseDefaultConfig: () => CollapseProps;
 export { export_getCollapseDefaultConfig as getCollapseDefaultConfig };
-/**
- * Represents the state of a collapse component.
- * Extends the properties and state from `CollapseCommonPropsAndState`.
- */
-export interface CollapseState {
-    /**
-     * Is `true` when the collapse is hidden. Compared to `visible`, this is updated after the transition is executed.
-     */
-    hidden: boolean;
-    /**
-     * CSS classes to be applied on the widget main container
-     *
-     * @defaultValue `''`
-     */
-    className: string;
-    /**
-     * If `true`, collapse will be done horizontally.
-     *
-     * @defaultValue `false`
-     */
-    horizontal: boolean;
-    /**
-     * If `true` the collapse is visible to the user
-     *
-     * @defaultValue `true`
-     */
-    visible: boolean;
-}
 /**
  * Properties for the Collapse component.
  */
@@ -83,6 +55,12 @@ export interface CollapseProps {
      * @defaultValue `''`
      */
     id: string;
+    /**
+     * If `true` the collapse is visible to the user
+     *
+     * @defaultValue `true`
+     */
+    visible: boolean;
     /**
      * CSS classes to be applied on the widget main container
      *
@@ -95,6 +73,31 @@ export interface CollapseProps {
      * @defaultValue `false`
      */
     horizontal: boolean;
+}
+/**
+ * Represents a widget for handling collapse functionality.
+ *
+ * This type defines the structure of a CollapseWidget, which includes properties, state, API, and directives
+ * necessary for managing the collapse behavior in the UI.
+ *
+ * @type {Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>}
+ */
+export type CollapseWidget = Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>;
+/**
+ * Create an CollapseWidget with given config props
+ * @param config - an optional collapse config
+ * @returns an CollapseWidget
+ */
+declare const export_createCollapse: WidgetFactory<CollapseWidget>;
+export { export_createCollapse as createCollapse };
+/**
+ * Represents the state of a Collapse component.
+ */
+export interface CollapseState {
+    /**
+     * Is `true` when the collapse is hidden. Compared to `visible`, this is updated after the transition is executed.
+     */
+    hidden: boolean;
     /**
      * If `true` the collapse is visible to the user
      *
@@ -132,19 +135,3 @@ export interface CollapseDirectives {
      */
     triggerDirective: Directive;
 }
-/**
- * Represents a widget for handling collapse functionality.
- *
- * This type defines the structure of a CollapseWidget, which includes properties, state, API, and directives
- * necessary for managing the collapse behavior in the UI.
- *
- * @type {Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>}
- */
-export type CollapseWidget = Widget<CollapseProps, CollapseState, CollapseApi, CollapseDirectives>;
-/**
- * Create an CollapseWidget with given config props
- * @param config - an optional collapse config
- * @returns an CollapseWidget
- */
-declare const export_createCollapse: WidgetFactory<CollapseWidget>;
-export { export_createCollapse as createCollapse };

package/components/drawer/drawer.d.ts

@@ -0,0 +1,22 @@
+import type { Ref } from 'react';
+import type { DrawerApi, DrawerContext, DrawerProps } from './drawer.gen';
+/**
+ * Renders the default slot structure for a Drawer component.
+ *
+ * @param slotContext - The context containing the state and properties for the Drawer component.
+ * @returns The JSX element representing the default slot structure of the Drawer.
+ */
+export declare const DefaultDrawerSlotStructure: (slotContext: DrawerContext) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Drawer component that integrates with a widget context and renders a slot structure.
+ *
+ * @param props - The properties for the Drawer component.
+ * @param props.ref - Ref to expose the Drawer API.
+ * @returns The rendered Drawer component.
+ *
+ * The Drawer component uses the {@link useWidget} hook to create a widget context with the provided
+ * configuration. It renders the slot content using the `Slot` component.
+ */
+export declare function Drawer(props: Partial<DrawerProps> & {
+    ref?: Ref<DrawerApi>;
+}): import("react/jsx-runtime").JSX.Element;

package/components/drawer/drawer.gen.d.ts

@@ -0,0 +1,289 @@
+import type { WidgetSlotContext, SlotContent, Directive, Widget, WidgetFactory } from '@agnos-ui/react-headless/types';
+import type { TransitionFn } from '@agnos-ui/react-headless/services/transitions/baseTransitions';
+/**
+ * Retrieve a shallow copy of the default Drawer config
+ * @returns the default Drawer config
+ */
+declare const export_getDrawerDefaultConfig: () => DrawerProps;
+export { export_getDrawerDefaultConfig as getDrawerDefaultConfig };
+/**
+ * Represents the context for a Drawer widget.
+ * This interface is an alias for `WidgetSlotContext<DrawerWidget>`.
+ */
+export type DrawerContext = WidgetSlotContext<DrawerWidget>;
+/**
+ * Represents the state of a Drawer component.
+ */
+export interface DrawerState {
+    /**
+     * Whether the backdrop is fully hidden. This can be true either because {@link DrawerProps.backdrop|backdrop} is false or
+     * because {@link DrawerProps.visible|visible} is false and there is no current transition.
+     */
+    backdropHidden: boolean;
+    /**
+     * Flag to show whether the drawer is fully hidden.
+     */
+    hidden: boolean;
+    /**
+     * Which element should contain the drawer and backdrop DOM elements.
+     * If it is not null, the drawer and backdrop DOM elements are moved to the specified container.
+     * Otherwise, they stay where the widget is located.
+     *
+     * @defaultValue
+     * ```ts
+     * typeof window !== 'undefined' ? document.body : null
+     * ```
+     */
+    container: HTMLElement | null;
+    /**
+     * Classes to add on the backdrop DOM element.
+     *
+     * @defaultValue `''`
+     */
+    backdropClass: string;
+    /**
+     * If `true`, the drawer is shown; otherwise, it is hidden.
+     *
+     * @defaultValue `false`
+     */
+    visible: boolean;
+    /**
+     * If `true`, the drawer can be resized by the user.
+     *
+     * @defaultValue `false`
+     */
+    resizable: boolean;
+    /**
+     * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `''`
+     */
+    className: string;
+    /**
+     * Global template for the drawer component
+     */
+    structure: SlotContent<DrawerContext>;
+    /**
+     * Template for the drawer header
+     */
+    header: SlotContent<DrawerContext>;
+    /**
+     * Template for the drawer body
+     */
+    children: SlotContent<DrawerContext>;
+}
+/**
+ * Represents the properties for the Drawer component.
+ */
+export interface DrawerProps {
+    /**
+     * The transition function will be executed when the drawer is displayed or hidden.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    transition: TransitionFn;
+    /**
+     * The transition function for vertically positioned drawer (top, bottom) that will be executed when the drawer is displayed or hidden.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    verticalTransition: TransitionFn;
+    /**
+     * The transition to use for the backdrop behind the drawer (if present).
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    backdropTransition: TransitionFn;
+    /**
+     * If `true` opening and closing will be animated.
+     */
+    animated: boolean;
+    /**
+     * aria-labelledby attribute to use for the drawer element.
+     */
+    ariaLabelledBy: string;
+    /**
+     * aria-describedby attribute to use for the drawer element.
+     */
+    ariaDescribedBy: string;
+    /**
+     * The width of the drawer in pixels.
+     */
+    width: number;
+    /**
+     * The height of the drawer in pixels.
+     */
+    height: number;
+    /**
+     * If `true` displays the backdrop element and disables the body scrolling, otherwise the body of the document is navigable
+     */
+    backdrop: boolean;
+    /**
+     * If `true` allows body scrolling when the drawer is open.
+     */
+    bodyScroll: boolean;
+    /**
+     * Event to be triggered when the transition is completed and the drawer is not visible.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onHidden: () => void;
+    /**
+     * Event to be triggered when the transition is completed and the drawer is visible.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onShown: () => void;
+    /**
+     * An event emitted when the width is changed.
+     *
+     * Event payload is equal to the newly selected width.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onWidthChange: (width: number) => void;
+    /**
+     * An event emitted when the height is changed.
+     *
+     * Event payload is equal to the newly selected height.
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onHeightChange: (width: number) => void;
+    /**
+     * Event to be triggered when the visible property changes.
+     *
+     * @param visible - new value of the visible propery
+     *
+     * @defaultValue
+     * ```ts
+     * () => {}
+     * ```
+     */
+    onVisibleChange: (visible: boolean) => void;
+    /**
+     * Which element should contain the drawer and backdrop DOM elements.
+     * If it is not null, the drawer and backdrop DOM elements are moved to the specified container.
+     * Otherwise, they stay where the widget is located.
+     *
+     * @defaultValue
+     * ```ts
+     * typeof window !== 'undefined' ? document.body : null
+     * ```
+     */
+    container: HTMLElement | null;
+    /**
+     * Classes to add on the backdrop DOM element.
+     *
+     * @defaultValue `''`
+     */
+    backdropClass: string;
+    /**
+     * If `true`, the drawer is shown; otherwise, it is hidden.
+     *
+     * @defaultValue `false`
+     */
+    visible: boolean;
+    /**
+     * If `true`, the drawer can be resized by the user.
+     *
+     * @defaultValue `false`
+     */
+    resizable: boolean;
+    /**
+     * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `''`
+     */
+    className: string;
+    /**
+     * Global template for the drawer component
+     */
+    structure: SlotContent<DrawerContext>;
+    /**
+     * Template for the drawer header
+     */
+    header: SlotContent<DrawerContext>;
+    /**
+     * Template for the drawer body
+     */
+    children: SlotContent<DrawerContext>;
+}
+/**
+ * Represents the directives for the Drawer component.
+ */
+export interface DrawerDirectives {
+    /**
+     * Directive to put on the drawer DOM element.
+     */
+    drawerDirective: Directive;
+    /**
+     * Directive to put on the backdrop DOM element.
+     */
+    backdropDirective: Directive;
+    /**
+     * Directive to put on the splitter DOM element.
+     */
+    splitterDirective: Directive;
+    /**
+     * Directive to put on the container DOM element in order for the drawer to size correctly.
+     */
+    containerDirective: Directive;
+    /**
+     * Portal directive to put on the drawer DOM element.
+     */
+    drawerPortalDirective: Directive;
+    /**
+     * Portal directive to put on the backdrop DOM element.
+     */
+    backdropPortalDirective: Directive;
+}
+/**
+ * Represents a Drawer widget component.
+ */
+export type DrawerWidget = Widget<DrawerProps, DrawerState, DrawerApi, DrawerDirectives>;
+/**
+ * Create a Drawer with given config props
+ * @param config - an optional Drawer config
+ * @returns a DrawerWidget
+ */
+declare const export_createDrawer: WidgetFactory<DrawerWidget>;
+export { export_createDrawer as createDrawer };
+/**
+ * Possible values for the drawer positions
+ */
+export type DrawerPositions = 'inline-start' | 'inline-end' | 'block-start' | 'block-end';
+/**
+ * Interface representing the API for a Drawer component.
+ */
+export interface DrawerApi {
+    /**
+     * Trigger the opening of the drawer.
+     */
+    open: () => void;
+    /**
+     * Trigger the closing of the drawer.
+     */
+    close: () => void;
+}

package/components/drawer/index.cjs

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const drawer = require("../../drawer-D1dVH8iO.cjs");
+exports.DefaultDrawerSlotStructure = drawer.DefaultDrawerSlotStructure;
+exports.Drawer = drawer.Drawer;
+exports.createDrawer = drawer.export_createDrawer;
+exports.getDrawerDefaultConfig = drawer.export_getDrawerDefaultConfig;

package/components/drawer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './drawer.gen';
+export * from './drawer';

package/components/drawer/index.js

@@ -0,0 +1,7 @@
+import { D, b, a, e } from "../../drawer-iEXzDYco.js";
+export {
+  D as DefaultDrawerSlotStructure,
+  b as Drawer,
+  a as createDrawer,
+  e as getDrawerDefaultConfig
+};

package/components/modal/index.cjs

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const modal = require("../../modal-C22MXJLV.cjs");
+const modal = require("../../modal-DSduAQXI.cjs");
 exports.Modal = modal.Modal;
 exports.ModalDefaultSlotHeader = modal.ModalDefaultSlotHeader;
 exports.ModalDefaultSlotStructure = modal.ModalDefaultSlotStructure;
 exports.createModal = modal.export_createModal;
 exports.getModalDefaultConfig = modal.export_getModalDefaultConfig;
 exports.modalCloseButtonClick = modal.export_modalCloseButtonClick;
+exports.modalCloseEscape = modal.export_modalCloseEscape;
 exports.modalOutsideClick = modal.export_modalOutsideClick;
 exports.openModal = modal.openModal;

package/components/modal/index.js

@@ -1,4 +1,4 @@
-import { b, M, a, c, e, f, d, o } from "../../modal-CHNXwCta.js";
+import { b, M, a, c, e, f, g, d, o } from "../../modal-CCDHxJ6u.js";
 export {
   b as Modal,
   M as ModalDefaultSlotHeader,
@@ -6,6 +6,7 @@ export {
   c as createModal,
   e as getModalDefaultConfig,
   f as modalCloseButtonClick,
+  g as modalCloseEscape,
   d as modalOutsideClick,
   o as openModal
 };

package/components/modal/modal.gen.d.ts

@@ -1,4 +1,4 @@
-import { modalOutsideClick, modalCloseButtonClick } from '@agnos-ui/core-bootstrap/components/modal';
+import { modalOutsideClick, modalCloseButtonClick, modalCloseEscape } from '@agnos-ui/core-bootstrap/components/modal';
 import type { WidgetSlotContext, SlotContent, Widget, PropsConfig, Directive } from '@agnos-ui/react-headless/types';
 import type { TransitionFn } from '@agnos-ui/react-headless/services/transitions/baseTransitions';
 /**
@@ -309,6 +309,12 @@ export { export_modalOutsideClick as modalOutsideClick };
  */
 declare const export_modalCloseButtonClick: typeof modalCloseButtonClick;
 export { export_modalCloseButtonClick as modalCloseButtonClick };
+/**
+ * Value present in the {@link ModalBeforeCloseEvent.result|result} property of the {@link ModalProps.onBeforeClose|onBeforeClose} event
+ * and returned by the {@link ModalApi.open|open} method, when the modal is closed by pressing the Escape key.
+ */
+declare const export_modalCloseEscape: typeof modalCloseEscape;
+export { export_modalCloseEscape as modalCloseEscape };
 /**
  * Type of the parameter of {@link ModalProps.onBeforeClose|onBeforeClose}.
  */

package/components/toast/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const toasterProvider = require("../../toasterProvider-DeTgUXN8.cjs");
+const toasterProvider = require("../../toasterProvider-Dt2XqB9t.cjs");
 exports.Toast = toasterProvider.Toast;
 exports.ToastDefaultSlotStructure = toasterProvider.ToastDefaultSlotStructure;
 exports.ToasterContainer = toasterProvider.ToasterContainer;

package/components/toast/index.js

@@ -1,4 +1,4 @@
-import { a, T, f, g, b, d, e, c, u } from "../../toasterProvider-AZi99tUa.js";
+import { a, T, f, g, b, d, e, c, u } from "../../toasterProvider-BU8FKWH6.js";
 export {
   a as Toast,
   T as ToastDefaultSlotStructure,

package/config.gen.d.ts

@@ -2,6 +2,7 @@ import type { AccordionProps } from './components/accordion';
 import type { AlertProps } from './components/alert';
 import type { CarouselProps } from './components/carousel';
 import type { CollapseProps } from './components/collapse';
+import type { DrawerProps } from './components/drawer';
 import type { ModalProps } from './components/modal';
 import type { PaginationProps } from './components/pagination';
 import type { ProgressbarProps } from './components/progressbar';
@@ -27,6 +28,10 @@ export type WidgetsConfig = {
      * the collapse widget config
      */
     collapse: CollapseProps;
+    /**
+     * the drawer widget config
+     */
+    drawer: DrawerProps;
     /**
      * the modal widget config
      */

package/drawer-D1dVH8iO.cjs

@@ -0,0 +1,33 @@
+"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 portal = require("@agnos-ui/react-headless/utils/portal");
+const React = require("react");
+const generated_config = require("./generated/config.cjs");
+const drawer = require("@agnos-ui/core-bootstrap/components/drawer");
+const export_getDrawerDefaultConfig = drawer.getDrawerDefaultConfig;
+const export_createDrawer = drawer.createDrawer;
+const BackdropElement = ({ directives }) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(directives.backdropDirective) });
+const DrawerElement = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.directives.drawerDirective), children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.directives.containerDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.structure, props: slotContext }) }) });
+const DefaultDrawerSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "au-drawer-header", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.header, props: slotContext }) }),
+  /* @__PURE__ */ jsxRuntime.jsx("div", { className: "au-drawer-body", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.children, props: slotContext }) }),
+  slotContext.state.resizable && /* @__PURE__ */ jsxRuntime.jsx(Splitter, { ...slotContext })
+] });
+const Splitter = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirective(slotContext.directives.splitterDirective) });
+const defaultConfig = {
+  structure: DefaultDrawerSlotStructure
+};
+function Drawer(props) {
+  const widgetContext = generated_config.useWidget(export_createDrawer, props, { ...defaultConfig });
+  React.useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
+  return /* @__PURE__ */ jsxRuntime.jsxs(portal.Portal, { container: widgetContext.state.container, children: [
+    !widgetContext.state.backdropHidden && /* @__PURE__ */ jsxRuntime.jsx(BackdropElement, { ...widgetContext }),
+    !widgetContext.state.hidden && /* @__PURE__ */ jsxRuntime.jsx(DrawerElement, { ...widgetContext })
+  ] });
+}
+exports.DefaultDrawerSlotStructure = DefaultDrawerSlotStructure;
+exports.Drawer = Drawer;
+exports.export_createDrawer = export_createDrawer;
+exports.export_getDrawerDefaultConfig = export_getDrawerDefaultConfig;

package/drawer-iEXzDYco.js

@@ -0,0 +1,34 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { Slot } from "@agnos-ui/react-headless/slot";
+import { useDirective } from "@agnos-ui/react-headless/utils/directive";
+import { Portal } from "@agnos-ui/react-headless/utils/portal";
+import { useImperativeHandle } from "react";
+import { useWidget } from "./generated/config.js";
+import { getDrawerDefaultConfig, createDrawer } from "@agnos-ui/core-bootstrap/components/drawer";
+const export_getDrawerDefaultConfig = getDrawerDefaultConfig;
+const export_createDrawer = createDrawer;
+const BackdropElement = ({ directives }) => /* @__PURE__ */ jsx("div", { ...useDirective(directives.backdropDirective) });
+const DrawerElement = (slotContext) => /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.directives.drawerDirective), children: /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.directives.containerDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.structure, props: slotContext }) }) });
+const DefaultDrawerSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
+  /* @__PURE__ */ jsx("div", { className: "au-drawer-header", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.header, props: slotContext }) }),
+  /* @__PURE__ */ jsx("div", { className: "au-drawer-body", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.children, props: slotContext }) }),
+  slotContext.state.resizable && /* @__PURE__ */ jsx(Splitter, { ...slotContext })
+] });
+const Splitter = (slotContext) => /* @__PURE__ */ jsx("div", { ...useDirective(slotContext.directives.splitterDirective) });
+const defaultConfig = {
+  structure: DefaultDrawerSlotStructure
+};
+function Drawer(props) {
+  const widgetContext = useWidget(export_createDrawer, props, { ...defaultConfig });
+  useImperativeHandle(props.ref, () => widgetContext.api, [widgetContext.api]);
+  return /* @__PURE__ */ jsxs(Portal, { container: widgetContext.state.container, children: [
+    !widgetContext.state.backdropHidden && /* @__PURE__ */ jsx(BackdropElement, { ...widgetContext }),
+    !widgetContext.state.hidden && /* @__PURE__ */ jsx(DrawerElement, { ...widgetContext })
+  ] });
+}
+export {
+  DefaultDrawerSlotStructure as D,
+  export_createDrawer as a,
+  Drawer as b,
+  export_getDrawerDefaultConfig as e
+};

package/generated/index.d.ts

@@ -16,6 +16,7 @@ export * from './services/matchMedia';
 export * from './services/intersection';
 export * from './services/hash';
 export * from './services/focustrack';
+export * from './services/focusElement';
 export * from './services/floatingUI';
 export * from './services/extendWidget';
 export * from './services/transitions/simpleClassTransition';

package/generated/services/focusElement.cjs

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

package/generated/services/focusElement.d.ts

@@ -0,0 +1 @@
+export * from '@agnos-ui/react-headless/services/focusElement';

package/generated/services/focusElement.js

@@ -0,0 +1 @@
+export * from "@agnos-ui/react-headless/services/focusElement";

package/index.cjs

@@ -4,14 +4,15 @@ const accordion = require("./accordion-DkUnHzTx.cjs");
 const alert = require("./alert-56ypguOK.cjs");
 const carousel = require("./carousel-DyA8lWos.cjs");
 const collapse = require("./collapse-Dtanmp3a.cjs");
-const modal = require("./modal-C22MXJLV.cjs");
+const modal = require("./modal-DSduAQXI.cjs");
 const pagination = require("./pagination-ZxTUf5Pm.cjs");
 const progressbar = require("./progressbar-CC5WyAKM.cjs");
 const rating = require("./rating-B2erO56i.cjs");
 const select = require("./select-DgXUNQIA.cjs");
 const slider = require("./slider-DhviBEZe.cjs");
-const toasterProvider = require("./toasterProvider-DeTgUXN8.cjs");
+const toasterProvider = require("./toasterProvider-Dt2XqB9t.cjs");
 const tree = require("./tree--CHag_Wm.cjs");
+const drawer = require("./drawer-D1dVH8iO.cjs");
 const types = require("@agnos-ui/react-headless/types");
 const types$1 = require("@agnos-ui/core-bootstrap/types");
 const slot = require("@agnos-ui/react-headless/slot");
@@ -31,6 +32,7 @@ const matchMedia = require("@agnos-ui/react-headless/services/matchMedia");
 const intersection = require("@agnos-ui/react-headless/services/intersection");
 const hash = require("@agnos-ui/react-headless/services/hash");
 const focustrack = require("@agnos-ui/react-headless/services/focustrack");
+const focusElement = require("@agnos-ui/react-headless/services/focusElement");
 const floatingUI = require("@agnos-ui/react-headless/services/floatingUI");
 const extendWidget = require("@agnos-ui/react-headless/services/extendWidget");
 const simpleClassTransition = require("@agnos-ui/react-headless/services/transitions/simpleClassTransition");
@@ -63,6 +65,7 @@ exports.ModalDefaultSlotStructure = modal.ModalDefaultSlotStructure;
 exports.createModal = modal.export_createModal;
 exports.getModalDefaultConfig = modal.export_getModalDefaultConfig;
 exports.modalCloseButtonClick = modal.export_modalCloseButtonClick;
+exports.modalCloseEscape = modal.export_modalCloseEscape;
 exports.modalOutsideClick = modal.export_modalOutsideClick;
 exports.openModal = modal.openModal;
 exports.NavButton = pagination.NavButton;
@@ -104,6 +107,10 @@ exports.DefaultTreeSlotStructure = tree.DefaultTreeSlotStructure;
 exports.Tree = tree.Tree;
 exports.createTree = tree.export_createTree;
 exports.getTreeDefaultConfig = tree.export_getTreeDefaultConfig;
+exports.DefaultDrawerSlotStructure = drawer.DefaultDrawerSlotStructure;
+exports.Drawer = drawer.Drawer;
+exports.createDrawer = drawer.export_createDrawer;
+exports.getDrawerDefaultConfig = drawer.export_getDrawerDefaultConfig;
 exports.WidgetsConfigContext = generated_config.WidgetsConfigContext;
 exports.WidgetsDefaultConfig = generated_config.WidgetsDefaultConfig;
 exports.useWidget = generated_config.useWidget;
@@ -216,6 +223,12 @@ Object.keys(focustrack).forEach((k) => {
     get: () => focustrack[k]
   });
 });
+Object.keys(focusElement).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => focusElement[k]
+  });
+});
 Object.keys(floatingUI).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,

package/index.d.ts

@@ -10,4 +10,5 @@ export * from './components/select';
 export * from './components/slider';
 export * from './components/toast';
 export * from './components/tree';
+export * from './components/drawer';
 export * from './generated';

package/index.js

@@ -2,14 +2,15 @@ import { b, a, A, d, c, f, e } from "./accordion-Bkttdgi2.js";
 import { a as a2, A as A2, b as b2, e as e2 } from "./alert-D2bu7Ulu.js";
 import { c as c2, C, b as b3, a as a3, e as e3 } from "./carousel-C6hfiwd2.js";
 import { C as C2, a as a4, e as e4 } from "./collapse-D2gce6s6.js";
-import { b as b4, M, a as a5, c as c3, e as e5, f as f2, d as d2, o } from "./modal-CHNXwCta.js";
+import { b as b4, M, a as a5, c as c3, e as e5, f as f2, g, d as d2, o } from "./modal-CCDHxJ6u.js";
 import { N, P, c as c4, a as a6, b as b5, d as d3, e as e6 } from "./pagination-60ge4D0q.js";
 import { a as a7, P as P2, b as b6, e as e7 } from "./progressbar-B1ZwY3G2.js";
 import { R, a as a8, e as e8 } from "./rating-Dt-vNocw.js";
 import { S, a as a9, e as e9 } from "./select-aWj112ds.js";
 import { c as c5, S as S2, b as b7, a as a10, d as d4, e as e10 } from "./slider-CBzyKG2u.js";
-import { a as a11, T, f as f3, g, b as b8, d as d5, e as e11, c as c6, u } from "./toasterProvider-AZi99tUa.js";
+import { a as a11, T, f as f3, g as g2, b as b8, d as d5, e as e11, c as c6, u } from "./toasterProvider-BU8FKWH6.js";
 import { b as b9, a as a12, D, c as c7, T as T2, d as d6, e as e12 } from "./tree-DTg_JB2R.js";
+import { D as D2, b as b10, a as a13, e as e13 } from "./drawer-iEXzDYco.js";
 export * from "@agnos-ui/react-headless/types";
 export * from "@agnos-ui/core-bootstrap/types";
 export * from "@agnos-ui/react-headless/slot";
@@ -29,6 +30,7 @@ export * from "@agnos-ui/react-headless/services/matchMedia";
 export * from "@agnos-ui/react-headless/services/intersection";
 export * from "@agnos-ui/react-headless/services/hash";
 export * from "@agnos-ui/react-headless/services/focustrack";
+export * from "@agnos-ui/react-headless/services/focusElement";
 export * from "@agnos-ui/react-headless/services/floatingUI";
 export * from "@agnos-ui/react-headless/services/extendWidget";
 export * from "@agnos-ui/react-headless/services/transitions/simpleClassTransition";
@@ -46,10 +48,12 @@ export {
   C as CarouselDefaultNavigation,
   b3 as CarouselDefaultStructure,
   C2 as Collapse,
+  D2 as DefaultDrawerSlotStructure,
   b9 as DefaultTreeSlotItem,
   a12 as DefaultTreeSlotItemContent,
   D as DefaultTreeSlotItemToggle,
   c7 as DefaultTreeSlotStructure,
+  b10 as Drawer,
   b4 as Modal,
   M as ModalDefaultSlotHeader,
   a5 as ModalDefaultSlotStructure,
@@ -69,7 +73,7 @@ export {
   a11 as Toast,
   T as ToastDefaultSlotStructure,
   f3 as ToasterContainer,
-  g as ToasterProvider,
+  g2 as ToasterProvider,
   T2 as Tree,
   WidgetsConfigContext,
   WidgetsDefaultConfig,
@@ -78,6 +82,7 @@ export {
   b2 as createAlert,
   a3 as createCarousel,
   a4 as createCollapse,
+  a13 as createDrawer,
   c3 as createModal,
   d3 as createPagination,
   b6 as createProgressbar,
@@ -92,6 +97,7 @@ export {
   e2 as getAlertDefaultConfig,
   e3 as getCarouselDefaultConfig,
   e4 as getCollapseDefaultConfig,
+  e13 as getDrawerDefaultConfig,
   e5 as getModalDefaultConfig,
   e6 as getPaginationDefaultConfig,
   e7 as getProgressbarDefaultConfig,
@@ -101,6 +107,7 @@ export {
   e11 as getToastDefaultConfig,
   e12 as getTreeDefaultConfig,
   f2 as modalCloseButtonClick,
+  g as modalCloseEscape,
   d2 as modalOutsideClick,
   o as openModal,
   c6 as toastPositions,

package/{modal-CHNXwCta.js → modal-CCDHxJ6u.js}

@@ -6,11 +6,12 @@ import clsx from "clsx";
 import { useImperativeHandle } from "react";
 import ReactDOM from "react-dom/client";
 import { useWidget } from "./generated/config.js";
-import { getModalDefaultConfig, createModal, modalOutsideClick, modalCloseButtonClick } from "@agnos-ui/core-bootstrap/components/modal";
+import { getModalDefaultConfig, createModal, modalOutsideClick, modalCloseButtonClick, modalCloseEscape } from "@agnos-ui/core-bootstrap/components/modal";
 const export_getModalDefaultConfig = getModalDefaultConfig;
 const export_createModal = createModal;
 const export_modalOutsideClick = modalOutsideClick;
 const export_modalCloseButtonClick = modalCloseButtonClick;
+const export_modalCloseEscape = modalCloseEscape;
 const CloseButton = ({ directive }) => /* @__PURE__ */ jsx("button", { className: "btn-close", ...useDirective(directive) });
 const ModalDefaultSlotHeader = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
   /* @__PURE__ */ jsx("h5", { className: "modal-title", children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.title, props: slotContext }) }),
@@ -56,5 +57,6 @@ export {
   export_modalOutsideClick as d,
   export_getModalDefaultConfig as e,
   export_modalCloseButtonClick as f,
+  export_modalCloseEscape as g,
   openModal as o
 };

package/{modal-C22MXJLV.cjs → modal-DSduAQXI.cjs}

@@ -12,6 +12,7 @@ const export_getModalDefaultConfig = modal.getModalDefaultConfig;
 const export_createModal = modal.createModal;
 const export_modalOutsideClick = modal.modalOutsideClick;
 const export_modalCloseButtonClick = modal.modalCloseButtonClick;
+const export_modalCloseEscape = modal.modalCloseEscape;
 const CloseButton = ({ directive: directive$1 }) => /* @__PURE__ */ jsxRuntime.jsx("button", { className: "btn-close", ...directive.useDirective(directive$1) });
 const ModalDefaultSlotHeader = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
   /* @__PURE__ */ jsxRuntime.jsx("h5", { className: "modal-title", children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.title, props: slotContext }) }),
@@ -55,5 +56,6 @@ exports.ModalDefaultSlotStructure = ModalDefaultSlotStructure;
 exports.export_createModal = export_createModal;
 exports.export_getModalDefaultConfig = export_getModalDefaultConfig;
 exports.export_modalCloseButtonClick = export_modalCloseButtonClick;
+exports.export_modalCloseEscape = export_modalCloseEscape;
 exports.export_modalOutsideClick = export_modalOutsideClick;
 exports.openModal = openModal;

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/react-bootstrap",
 	"description": "Bootstrap-based component library for React.",
-	"version": "0.9.2",
+	"version": "0.10.0-next.0",
 	"type": "module",
 	"main": "./index.cjs",
 	"module": "./index.js",
@@ -49,8 +49,8 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core-bootstrap": "0.9.2",
-		"@agnos-ui/react-headless": "0.9.2",
+		"@agnos-ui/core-bootstrap": "0.10.0-next.0",
+		"@agnos-ui/react-headless": "0.10.0-next.0",
 		"clsx": "^2.1.1"
 	},
 	"peerDependencies": {

package/{toasterProvider-AZi99tUa.js → toasterProvider-BU8FKWH6.js}

@@ -70,7 +70,7 @@ const ToastToaster = ({
     onShown,
     onHidden: () => {
       toaster.removeToast(id);
-      onHidden == null ? void 0 : onHidden();
+      onHidden?.();
     },
     onVisibleChange,
     visible,

package/{toasterProvider-DeTgUXN8.cjs → toasterProvider-Dt2XqB9t.cjs}

@@ -71,7 +71,7 @@ const ToastToaster = ({
     onShown,
     onHidden: () => {
       toaster.removeToast(id);
-      onHidden == null ? void 0 : onHidden();
+      onHidden?.();
     },
     onVisibleChange,
     visible,