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

package/{accordion-Bkttdgi2.js → accordion-Cps8J5iu.js}

@@ -1,7 +1,7 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { Slot } from "@agnos-ui/react-headless/slot";
 import { useDirectives, classDirective } from "@agnos-ui/react-headless/utils/directive";
-import { useContext, createContext, useId, useImperativeHandle, useEffect } from "react";
+import { useContext, createContext, useId, useImperativeHandle, useEffect, createElement } from "react";
 import { useWidget } from "./generated/config.js";
 import { getAccordionDefaultConfig, createAccordionItem, createAccordion, factoryCreateAccordion } from "@agnos-ui/core-bootstrap/components/accordion";
 const export_getAccordionDefaultConfig = getAccordionDefaultConfig;
@@ -9,14 +9,13 @@ const export_createAccordionItem = createAccordionItem;
 const export_createAccordion = createAccordion;
 const export_factoryCreateAccordion = factoryCreateAccordion;
 const Header = (props) => {
-  const re = new RegExp("^h[1-6]$");
-  const Heading = re.test(props.headerTag) ? props.headerTag : "h2";
-  return /* @__PURE__ */ jsx(Heading, { ...useDirectives([classDirective, "accordion-header"], props.directive), children: props.children });
+  const HeadingTag = `h${props.headingLevel}`;
+  return createElement(HeadingTag, { ...useDirectives([classDirective, "accordion-header"], props.directive) }, props.children);
 };
 const ItemContent = (slotContext) => /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "accordion-collapse"], slotContext.directives.bodyContainerDirective), children: /* @__PURE__ */ jsx("div", { ...useDirectives([classDirective, "accordion-body"], slotContext.directives.bodyDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.children, props: slotContext }) }) });
 const AccordionDIContext = createContext({});
 const AccordionItemDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  /* @__PURE__ */ jsx(Header, { directive: slotContext.directives.headerDirective, headerTag: slotContext.state.headingTag, children: /* @__PURE__ */ jsx("button", { ...useDirectives([classDirective, "accordion-button"], slotContext.directives.buttonDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.header, props: slotContext }) }) }),
+  /* @__PURE__ */ jsx(Header, { directive: slotContext.directives.headerDirective, headingLevel: slotContext.state.headingLevel, children: /* @__PURE__ */ jsx("button", { ...useDirectives([classDirective, "accordion-button"], slotContext.directives.buttonDirective), children: /* @__PURE__ */ jsx(Slot, { slotContent: slotContext.state.header, props: slotContext }) }) }),
   slotContext.state.shouldBeInDOM && /* @__PURE__ */ jsx(ItemContent, { ...slotContext })
 ] });
 function AccordionItem(props) {

package/{accordion-DkUnHzTx.cjs → accordion-b13N6177.cjs}

@@ -10,14 +10,13 @@ const export_createAccordionItem = accordion.createAccordionItem;
 const export_createAccordion = accordion.createAccordion;
 const export_factoryCreateAccordion = accordion.factoryCreateAccordion;
 const Header = (props) => {
-  const re = new RegExp("^h[1-6]$");
-  const Heading = re.test(props.headerTag) ? props.headerTag : "h2";
-  return /* @__PURE__ */ jsxRuntime.jsx(Heading, { ...directive.useDirectives([directive.classDirective, "accordion-header"], props.directive), children: props.children });
+  const HeadingTag = `h${props.headingLevel}`;
+  return React.createElement(HeadingTag, { ...directive.useDirectives([directive.classDirective, "accordion-header"], props.directive) }, props.children);
 };
 const ItemContent = (slotContext) => /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "accordion-collapse"], slotContext.directives.bodyContainerDirective), children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...directive.useDirectives([directive.classDirective, "accordion-body"], slotContext.directives.bodyDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.children, props: slotContext }) }) });
 const AccordionDIContext = React.createContext({});
 const AccordionItemDefaultSlotStructure = (slotContext) => /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-  /* @__PURE__ */ jsxRuntime.jsx(Header, { directive: slotContext.directives.headerDirective, headerTag: slotContext.state.headingTag, children: /* @__PURE__ */ jsxRuntime.jsx("button", { ...directive.useDirectives([directive.classDirective, "accordion-button"], slotContext.directives.buttonDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.header, props: slotContext }) }) }),
+  /* @__PURE__ */ jsxRuntime.jsx(Header, { directive: slotContext.directives.headerDirective, headingLevel: slotContext.state.headingLevel, children: /* @__PURE__ */ jsxRuntime.jsx("button", { ...directive.useDirectives([directive.classDirective, "accordion-button"], slotContext.directives.buttonDirective), children: /* @__PURE__ */ jsxRuntime.jsx(slot.Slot, { slotContent: slotContext.state.header, props: slotContext }) }) }),
   slotContext.state.shouldBeInDOM && /* @__PURE__ */ jsxRuntime.jsx(ItemContent, { ...slotContext })
 ] });
 function AccordionItem(props) {

package/components/accordion/accordion.gen.d.ts

@@ -120,11 +120,11 @@ export interface AccordionProps {
      */
     itemBodyClassName: string;
     /**
-     * The html tag to use for the accordion-item-header.
+     * The html heading level to use for the accordion-item-header.
      *
-     * @defaultValue `''`
+     * @defaultValue `2`
      */
-    itemHeadingTag: string;
+    itemHeadingLevel: 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * CSS classes to be applied on the widget main container
      *
@@ -185,9 +185,9 @@ export interface AccordionItemState {
      */
     bodyClassName: string;
     /**
-     * The html tag to use for the accordion-item-header.
+     * The html heading level to use for the accordion-item-header.
      */
-    headingTag: string;
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * CSS classes to be applied on the widget main container
      *
@@ -277,9 +277,9 @@ export interface AccordionItemProps {
      */
     bodyClassName: string;
     /**
-     * The html tag to use for the accordion-item-header.
+     * The html heading level to use for the accordion-item-header.
      */
-    headingTag: string;
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
     /**
      * CSS classes to be applied on the widget main container
      *
@@ -327,7 +327,7 @@ export { export_createAccordionItem as createAccordionItem };
 declare const export_createAccordion: WidgetFactory<AccordionWidget>;
 export { export_createAccordion as createAccordion };
 /**
- * Create an accordion WidgetFactory based on a item factory and the list of item props that should inherit from the parent accordion
+ * Create an accordion WidgetFactory based on an item factory and the list of item props that should inherit from the parent accordion
  *
  * @param itemFactory - the item factory
  * @param accordionItemProps - the list of item props

package/components/accordion/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("../../accordion-DkUnHzTx.cjs");
+const accordion = require("../../accordion-b13N6177.cjs");
 exports.Accordion = accordion.Accordion;
 exports.AccordionItem = accordion.AccordionItem;
 exports.AccordionItemDefaultSlotStructure = accordion.AccordionItemDefaultSlotStructure;

package/components/accordion/index.js

@@ -1,4 +1,4 @@
-import { b, a, A, d, c, f, e } from "../../accordion-Bkttdgi2.js";
+import { b, a, A, d, c, f, e } from "../../accordion-Cps8J5iu.js";
 export {
   b as Accordion,
   a as AccordionItem,

package/components/carousel/carousel.gen.d.ts

@@ -52,10 +52,14 @@ export interface CarouselState<SlideData extends {
     initialized: boolean;
     /**
      * If `true`, 'previous' and 'next' navigation arrows will be visible.
+     *
+     * @defaultValue `true`
      */
     showNavigationArrows: boolean;
     /**
      * If `true`, navigation indicators at the bottom of the slide will be visible.
+     *
+     * @defaultValue `true`
      */
     showNavigationIndicators: boolean;
     /**
@@ -95,20 +99,14 @@ export interface CarouselState<SlideData extends {
     slidesData: SlideData[];
     /**
      * The structure of the carousel.
-     *
-     * @defaultValue `undefined`
      */
     structure: SlotContent<CarouselContext<SlideData>>;
     /**
      * The navigation layer of the carousel.
-     *
-     * @defaultValue `undefined`
      */
     navigation: SlotContent<CarouselContext<SlideData>>;
     /**
      * The content of each slide in the carousel.
-     *
-     * @defaultValue `undefined`
      */
     slide: SlotContent<CarouselSlideContext<SlideData>>;
     /**
@@ -133,14 +131,23 @@ export interface CarouselProps<SlideData extends {
     plugins: EmblaPluginType[];
     /**
      * Aria label for navigation indicators
+     *
+     * @defaultValue
+     * ```ts
+     * (index: number) => `Select slide ${index + 1}`
+     * ```
      */
     ariaIndicatorLabel: (index: number) => string;
     /**
      * Aria label for previous button
+     *
+     * @defaultValue `'Select previous slide'`
      */
     ariaPrevLabel: string;
     /**
      * Aria label for next button
+     *
+     * @defaultValue `'Select next slide'`
      */
     ariaNextLabel: string;
     /**
@@ -154,6 +161,8 @@ export interface CarouselProps<SlideData extends {
      * Enables choosing a custom container element which holds the slides. By default, Embla will choose the first direct child element of the root element. Provide a valid CSS selector string.
      *
      * @see {@link https://www.embla-carousel.com/api/options/#container}
+     *
+     * @defaultValue `null`
      */
     container: string | null;
     /**
@@ -207,10 +216,14 @@ export interface CarouselProps<SlideData extends {
     skipSnaps: boolean;
     /**
      * If `true`, 'previous' and 'next' navigation arrows will be visible.
+     *
+     * @defaultValue `true`
      */
     showNavigationArrows: boolean;
     /**
      * If `true`, navigation indicators at the bottom of the slide will be visible.
+     *
+     * @defaultValue `true`
      */
     showNavigationIndicators: boolean;
     /**
@@ -243,20 +256,14 @@ export interface CarouselProps<SlideData extends {
     slidesData: SlideData[];
     /**
      * The structure of the carousel.
-     *
-     * @defaultValue `undefined`
      */
     structure: SlotContent<CarouselContext<SlideData>>;
     /**
      * The navigation layer of the carousel.
-     *
-     * @defaultValue `undefined`
      */
     navigation: SlotContent<CarouselContext<SlideData>>;
     /**
      * The content of each slide in the carousel.
-     *
-     * @defaultValue `undefined`
      */
     slide: SlotContent<CarouselSlideContext<SlideData>>;
     /**

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

@@ -58,7 +58,7 @@ export interface CollapseProps {
     /**
      * If `true` the collapse is visible to the user
      *
-     * @defaultValue `true`
+     * @defaultValue `false`
      */
     visible: boolean;
     /**
@@ -101,7 +101,7 @@ export interface CollapseState {
     /**
      * If `true` the collapse is visible to the user
      *
-     * @defaultValue `true`
+     * @defaultValue `false`
      */
     visible: boolean;
 }

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

@@ -24,6 +24,12 @@ export interface DrawerState {
      * Flag to show whether the drawer is fully hidden.
      */
     hidden: boolean;
+    /**
+     * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `'w-full'`
+     */
+    className: string;
     /**
      * 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.
@@ -53,12 +59,6 @@ export interface DrawerState {
      * @defaultValue `false`
      */
     resizable: boolean;
-    /**
-     * CSS classes to be applied on the widget main container
-     *
-     * @defaultValue `''`
-     */
-    className: string;
     /**
      * Global template for the drawer component
      */
@@ -81,7 +81,7 @@ export interface DrawerProps {
      *
      * @defaultValue
      * ```ts
-     * () => {}
+     * collapseHorizontalTransition
      * ```
      */
     transition: TransitionFn;
@@ -90,45 +90,56 @@ export interface DrawerProps {
      *
      * @defaultValue
      * ```ts
-     * () => {}
+     * collapseVerticalTransition
      * ```
      */
     verticalTransition: TransitionFn;
     /**
      * The transition to use for the backdrop behind the drawer (if present).
      *
-     * @defaultValue
-     * ```ts
-     * () => {}
-     * ```
+     * @defaultValue `fadeTransition`
      */
     backdropTransition: TransitionFn;
     /**
      * If `true` opening and closing will be animated.
+     *
+     * @defaultValue `true`
      */
     animated: boolean;
     /**
      * aria-labelledby attribute to use for the drawer element.
+     *
+     * @defaultValue `''`
      */
     ariaLabelledBy: string;
     /**
      * aria-describedby attribute to use for the drawer element.
+     *
+     * @defaultValue `''`
      */
     ariaDescribedBy: string;
     /**
      * The width of the drawer in pixels.
+     *
+     * @defaultValue `200`
      */
     width: number;
     /**
      * The height of the drawer in pixels.
+     *
+     * @defaultValue `200`
      */
     height: number;
     /**
      * If `true` displays the backdrop element and disables the body scrolling, otherwise the body of the document is navigable
+     *
+     * @defaultValue `true`
      */
     backdrop: boolean;
     /**
      * If `true` allows body scrolling when the drawer is open.
+     *
+     * @defaultValue `false`
      */
     bodyScroll: boolean;
     /**
@@ -182,6 +193,12 @@ export interface DrawerProps {
      * ```
      */
     onVisibleChange: (visible: boolean) => void;
+    /**
+     * CSS classes to be applied on the widget main container
+     *
+     * @defaultValue `'w-full'`
+     */
+    className: string;
     /**
      * 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.
@@ -211,12 +228,6 @@ export interface DrawerProps {
      * @defaultValue `false`
      */
     resizable: boolean;
-    /**
-     * CSS classes to be applied on the widget main container
-     *
-     * @defaultValue `''`
-     */
-    className: string;
     /**
      * Global template for the drawer component
      */

package/components/slider/slider.gen.d.ts

@@ -213,7 +213,7 @@ export interface SliderProps {
      *
      * @defaultValue
      * ```ts
-     * (value: number) => ''
+     * () => ''
      * ```
      */
     ariaValueText: (value: number, sortedIndex: number) => string;
@@ -245,21 +245,21 @@ export interface SliderProps {
      * Minimum distance between two values.
      * When set to 0, no minimum distance constraint is applied.
      *
-     * @defaultValue 0
+     * @defaultValue `0`
      */
     minRange: number;
     /**
      * Maximum distance between two values
      * When set to 0, no maximum distance constraint is applied.
      *
-     * @defaultValue 0
+     * @defaultValue `0`
      */
     maxRange: number;
     /**
      * When true, if moving a value would break the minRange or maxRange constraint,
      * it will instead push or pull the neighboring values to keep the allowed range rather than just stopping.
      *
-     * @defaultValue false
+     * @defaultValue `false`
      */
     pushRange: boolean;
     /**

package/components/tree/tree.gen.d.ts

@@ -31,12 +31,6 @@ export interface TreeState {
     expandedMap: {
         get(item: NormalizedTreeItem): boolean | undefined;
     };
-    /**
-     * Optional accessibility label for the tree if there is no explicit label
-     *
-     * @defaultValue `''`
-     */
-    ariaLabel?: string;
     /**
      * CSS classes to be applied on the widget main container
      *
@@ -102,12 +96,6 @@ export interface TreeProps {
      * ```
      */
     ariaLabelToggleFn: (label: string) => string;
-    /**
-     * Optional accessibility label for the tree if there is no explicit label
-     *
-     * @defaultValue `''`
-     */
-    ariaLabel?: string;
     /**
      * CSS classes to be applied on the widget main container
      *

package/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("./accordion-DkUnHzTx.cjs");
+const accordion = require("./accordion-b13N6177.cjs");
 const alert = require("./alert-56ypguOK.cjs");
 const carousel = require("./carousel-DyA8lWos.cjs");
 const collapse = require("./collapse-Dtanmp3a.cjs");

package/index.js

@@ -1,4 +1,4 @@
-import { b, a, A, d, c, f, e } from "./accordion-Bkttdgi2.js";
+import { b, a, A, d, c, f, e } from "./accordion-Cps8J5iu.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";

package/package.json

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