@agnos-ui/react-bootstrap 0.3.1 → 0.4.0-next.0

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

@@ -0,0 +1,293 @@
+import type { WidgetSlotContext, SlotContent, Widget, Directive } from '@agnos-ui/react-headless/types';
+export type SliderContext = WidgetSlotContext<SliderWidget>;
+export type SliderSlotLabelContext = SliderContext & {
+    value: number;
+};
+export type SliderSlotHandleContext = SliderContext & {
+    item: SliderHandle;
+};
+export interface SliderState {
+    /**
+     * Sorted slider values
+     */
+    sortedValues: number[];
+    /**
+     * Combined label left offset in %
+     */
+    combinedLabelPositionLeft: number;
+    /**
+     * Combined label top offset in %
+     */
+    combinedLabelPositionTop: number;
+    /**
+     * If true, the minimum label will be visible
+     */
+    minValueLabelDisplay: boolean;
+    /**
+     * If true, the maximum label will be visible
+     */
+    maxValueLabelDisplay: boolean;
+    /**
+     * If true, the label when the handles are close is visible
+     */
+    combinedLabelDisplay: boolean;
+    /**
+     * Array of the sorted handles to display
+     */
+    sortedHandles: SliderHandle[];
+    /**
+     * Array of objects representing progress display options
+     */
+    progressDisplayOptions: ProgressDisplayOptions[];
+    /**
+     * Array of objects representing handle display options
+     */
+    handleDisplayOptions: HandleDisplayOptions[];
+    /**
+     * Check if the slider is interactive, meaning it is not disabled or readonly
+     */
+    interactive: boolean;
+    /**
+     * Minimum value that can be assigned to the slider
+     */
+    min: number;
+    /**
+     * Maximum value that can be assigned to the slider
+     */
+    max: number;
+    /**
+     * Unit value between slider steps
+     */
+    stepSize: number;
+    /**
+     * If `true` slider value cannot be changed but the slider is still focusable
+     */
+    readonly: boolean;
+    /**
+     * If `true` slider value cannot be changed and the slider cannot be focused
+     */
+    disabled: boolean;
+    /**
+     * If `true` is vertically positioned otherwise it is horizontal
+     */
+    vertical: boolean;
+    /**
+     * Current slider values
+     */
+    values: number[];
+    /**
+     * If `true` the value labels are displayed on the slider
+     */
+    showValueLabels: boolean;
+    /**
+     * If `true` the min and max labels are displayed on the slider
+     */
+    showMinMaxLabels: boolean;
+    /**
+     * It `true` slider display is inversed
+     */
+    rtl: boolean;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string;
+    /**
+     * Slot to change the default display of the slider
+     */
+    structure: SlotContent<SliderContext>;
+    /**
+     * Slot to change the default labels of the slider
+     */
+    label: SlotContent<SliderSlotLabelContext>;
+    /**
+     * Slot to change the handlers
+     */
+    handle: SlotContent<SliderSlotHandleContext>;
+}
+export interface SliderProps {
+    /**
+     * Return the value for the 'aria-label' attribute for the handle
+     */
+    ariaLabelHandle: (value: number, sortedIndex: number, index: number) => string;
+    /**
+     * Return the value for the 'aria-valuetext' attribute for the handle
+     */
+    ariaValueText: (value: number, sortedIndex: number, index: number) => string;
+    /**
+     * An event emitted when slider values are changed
+     *
+     * Event payload equals to the updated slider values
+     */
+    onValuesChange: (values: number[]) => void;
+    /**
+     * Minimum value that can be assigned to the slider
+     */
+    min: number;
+    /**
+     * Maximum value that can be assigned to the slider
+     */
+    max: number;
+    /**
+     * Unit value between slider steps
+     */
+    stepSize: number;
+    /**
+     * If `true` slider value cannot be changed but the slider is still focusable
+     */
+    readonly: boolean;
+    /**
+     * If `true` slider value cannot be changed and the slider cannot be focused
+     */
+    disabled: boolean;
+    /**
+     * If `true` is vertically positioned otherwise it is horizontal
+     */
+    vertical: boolean;
+    /**
+     * Current slider values
+     */
+    values: number[];
+    /**
+     * If `true` the value labels are displayed on the slider
+     */
+    showValueLabels: boolean;
+    /**
+     * If `true` the min and max labels are displayed on the slider
+     */
+    showMinMaxLabels: boolean;
+    /**
+     * It `true` slider display is inversed
+     */
+    rtl: boolean;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string;
+    /**
+     * Slot to change the default display of the slider
+     */
+    structure: SlotContent<SliderContext>;
+    /**
+     * Slot to change the default labels of the slider
+     */
+    label: SlotContent<SliderSlotLabelContext>;
+    /**
+     * Slot to change the handlers
+     */
+    handle: SlotContent<SliderSlotHandleContext>;
+}
+export type SliderWidget = Widget<SliderProps, SliderState, SliderApi, SliderActions, SliderDirectives>;
+export interface ProgressDisplayOptions {
+    /**
+     * Right offset of the progress in %
+     */
+    left: number | null;
+    /**
+     * Left offset of the progress in %
+     */
+    right: number | null;
+    /**
+     * Top offset of the progress in %
+     */
+    top: number | null;
+    /**
+     * Bottom offset of the progress in %
+     */
+    bottom: number | null;
+    /**
+     * Width of the progress in %
+     */
+    width: number;
+    /**
+     * Height of hte progress in %
+     */
+    height: number;
+}
+export interface HandleDisplayOptions {
+    /**
+     * Left offset of the handle in %
+     */
+    left: number | null;
+    /**
+     * Top offset of the handle in %
+     */
+    top: number | null;
+}
+export interface SliderHandle {
+    /**
+     * Value of the handle
+     */
+    value: number;
+    /**
+     * Handle id
+     */
+    id: number;
+    /**
+     * ariaLabel of the handle
+     */
+    ariaLabel: string;
+    /**
+     * ariaValueText of the handle
+     */
+    ariaValueText: string;
+}
+export interface SliderApi {
+}
+export interface SliderDirectives {
+    /**
+     * Directive to get the slider component elementRef
+     */
+    sliderDirective: Directive;
+    /**
+     * Directive used to style the progress display for each handle
+     */
+    progressDisplayDirective: Directive<{
+        option: ProgressDisplayOptions;
+    }>;
+    /**
+     * Directive to apply to the slider clickable area, to directly move the handle to a given specific position
+     */
+    clickableAreaDirective: Directive;
+    /**
+     * Directive to apply to the slider handle if any
+     */
+    handleDirective: Directive<{
+        item: SliderHandle;
+    }>;
+    /**
+     * Directive to get the minLabel elementRef
+     */
+    minLabelDirective: Directive;
+    /**
+     * Directive to get the maxLabel elementRef
+     */
+    maxLabelDirective: Directive;
+    /**
+     * Directive to apply to the handle when combined label display is active
+     */
+    combinedHandleLabelDisplayDirective: Directive;
+    /**
+     * Directive to apply to the handle when combined label display is not active
+     */
+    handleLabelDisplayDirective: Directive<{
+        index: number;
+    }>;
+}
+export interface SliderActions {
+    /**
+     * Method to handle click on the slider
+     */
+    click(event: MouseEvent): void;
+    /**
+     * Method to process the keyboard event
+     */
+    keydown(event: KeyboardEvent, handleNumber: number): void;
+    /**
+     * Method describing the behavior of the slider handle on mouse down event
+     */
+    mouseDown(event: MouseEvent, handleId: number): void;
+    /**
+     * Method describing the behavior of the slider handle on touch start event
+     */
+    touchStart(event: TouchEvent, handleId: number): void;
+}

package/components/toast/index.cjs

@@ -1,13 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const toast = require("../../toast-Dp_zjIff.cjs");
-const toast$1 = require("@agnos-ui/core-bootstrap/components/toast");
+const toast = require("../../toast-cd5__9Rl.cjs");
 exports.Toast = toast.Toast;
 exports.createToast = toast.createToast;
-Object.keys(toast$1).forEach((k) => {
-  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
-    Object.defineProperty(exports, k, {
-      enumerable: true,
-      get: () => toast$1[k]
-    });
-});
+exports.getToastDefaultConfig = toast.getToastDefaultConfig;

package/components/toast/index.js

@@ -1,6 +1,6 @@
-import { T, c } from "../../toast-BUiyh5r_.js";
-export * from "@agnos-ui/core-bootstrap/components/toast";
+import { T, c, g } from "../../toast-Bvz7Uyrd.js";
 export {
   T as Toast,
-  c as createToast
+  c as createToast,
+  g as getToastDefaultConfig
 };

package/components/toast/toast.d.ts

@@ -1,10 +1,7 @@
-import type { ForwardRefExoticComponent, PropsWithChildren, RefAttributes } from 'react';
-import type { AdaptSlotContentProps, AdaptWidgetSlots, WidgetFactory, WidgetProps, WidgetState } from '@agnos-ui/react-headless/types';
-import type { ToastApi } from '@agnos-ui/core-bootstrap/components/toast';
-export * from '@agnos-ui/core-bootstrap/components/toast';
-export type ToastWidget = AdaptWidgetSlots<import('@agnos-ui/core-bootstrap/components/toast').ToastWidget>;
-export type ToastProps = WidgetProps<ToastWidget>;
-export type ToastState = WidgetState<ToastWidget>;
-export type ToastContext = AdaptSlotContentProps<import('@agnos-ui/core-bootstrap/components/toast').ToastContext>;
+import type { ForwardRefExoticComponent, RefAttributes } from 'react';
+import type { WidgetFactory } from '@agnos-ui/react-headless/types';
+import type { ToastWidget, ToastProps, ToastApi } from './toast.gen';
+export type * from './toast.gen';
 export declare const createToast: WidgetFactory<ToastWidget>;
-export declare const Toast: ForwardRefExoticComponent<PropsWithChildren<Partial<ToastProps>> & RefAttributes<ToastApi>>;
+export declare const getToastDefaultConfig: () => ToastProps;
+export declare const Toast: ForwardRefExoticComponent<Partial<ToastProps> & RefAttributes<ToastApi>>;

package/components/toast/toast.gen.d.ts

@@ -0,0 +1,146 @@
+import type { WidgetSlotContext, SlotContent, Widget, Directive } from '@agnos-ui/react-headless/types';
+import type { TransitionFn } from '@agnos-ui/react-headless/services/transitions/baseTransitions';
+export type ToastContext = WidgetSlotContext<ToastWidget>;
+export interface ToastState {
+    /**
+     * Is `true` when the alert is hidden. Compared to `visible`, this is updated after the transition is executed.
+     */
+    hidden: boolean;
+    /**
+     * If `true`, alert can be dismissed by the user.
+     * The close button (×) will be displayed and you can be notified of the event with the (close) output.
+     */
+    dismissible: boolean;
+    /**
+     * If `true` the alert is visible to the user
+     */
+    visible: boolean;
+    /**
+     * Accessibility close button label
+     */
+    ariaCloseButtonLabel: string;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string;
+    /**
+     * If `true` automatically hides the toast after the delay.
+     */
+    autoHide: boolean;
+    /**
+     * Delay in milliseconds before hiding the toast.
+     */
+    delay: number;
+    /**
+     * Global template for the toast component
+     */
+    structure: SlotContent<ToastContext>;
+    /**
+     * Template for the toast content
+     */
+    children: SlotContent<ToastContext>;
+    /**
+     * Header template for the toast component
+     */
+    header: SlotContent<ToastContext>;
+}
+export interface ToastProps {
+    /**
+     * Callback called when the alert visibility changed.
+     */
+    onVisibleChange: (visible: boolean) => void;
+    /**
+     * Callback called when the alert is hidden.
+     */
+    onHidden: () => void;
+    /**
+     * Callback called when the alert is shown.
+     */
+    onShown: () => void;
+    /**
+     * The transition function will be executed when the alert is displayed or hidden.
+     *
+     * Depending on the value of `animatedOnInit`, the animation can be optionally skipped during the showing process.
+     */
+    transition: TransitionFn;
+    /**
+     * If `true`, alert opening will be animated.
+     *
+     * Animation is triggered  when the `.open()` function is called
+     * or the visible prop is changed
+     */
+    animatedOnInit: boolean;
+    /**
+     * If `true`, alert closing will be animated.
+     *
+     * Animation is triggered  when clicked on the close button (×),
+     * via the `.close()` function or the visible prop is changed
+     */
+    animated: boolean;
+    /**
+     * If `true`, alert can be dismissed by the user.
+     * The close button (×) will be displayed and you can be notified of the event with the (close) output.
+     */
+    dismissible: boolean;
+    /**
+     * If `true` the alert is visible to the user
+     */
+    visible: boolean;
+    /**
+     * Accessibility close button label
+     */
+    ariaCloseButtonLabel: string;
+    /**
+     * CSS classes to be applied on the widget main container
+     */
+    className: string;
+    /**
+     * If `true` automatically hides the toast after the delay.
+     */
+    autoHide: boolean;
+    /**
+     * Delay in milliseconds before hiding the toast.
+     */
+    delay: number;
+    /**
+     * Global template for the toast component
+     */
+    structure: SlotContent<ToastContext>;
+    /**
+     * Template for the toast content
+     */
+    children: SlotContent<ToastContext>;
+    /**
+     * Header template for the toast component
+     */
+    header: SlotContent<ToastContext>;
+}
+export type ToastWidget = Widget<ToastProps, ToastState, ToastApi, object, ToastDirectives>;
+export interface ToastApi {
+    /**
+     * Triggers alert closing programmatically (same as clicking on the close button (×)).
+     */
+    close(): void;
+    /**
+     * Triggers the alert to be displayed for the user.
+     */
+    open(): void;
+}
+export interface ToastDirectives {
+    /**
+     * the transition directive, piloting what is the visual effect of going from hidden to visible
+     */
+    transitionDirective: Directive;
+    /**
+     * Directive that handles the autohide of the toast component
+     */
+    autoHideDirective: Directive;
+    /**
+     * Directive that adds all the necessary attributes to the body
+     */
+    bodyDirective: Directive;
+    /**
+     * Directive that adds all the necessary attributes to the close button depending on the presence of the header
+     */
+    closeButtonDirective: Directive;
+}

package/config.d.ts

@@ -1,11 +1,10 @@
 import type { Partial2Levels, WidgetsConfigStore } from '@agnos-ui/react-headless/config';
-import type { AdaptPropsSlots, Widget, WidgetFactory, WidgetProps, WidgetState } from '@agnos-ui/react-headless/types';
+import type { Widget, WidgetFactory, WidgetProps, WidgetState } from '@agnos-ui/react-headless/types';
 import type { BootstrapWidgetsConfig } from '@agnos-ui/core-bootstrap/config';
 import type { ReactNode, Context } from 'react';
 export * from '@agnos-ui/react-headless/config';
-export type WidgetsConfig = {
-    [WidgetName in keyof BootstrapWidgetsConfig]: AdaptPropsSlots<BootstrapWidgetsConfig[WidgetName]>;
-};
+import type { WidgetsConfig } from './config.gen';
+export type { WidgetsConfig };
 type DefaultConfigInput = Partial2Levels<WidgetsConfig> & {
     adaptParentConfig?: (config: Partial2Levels<WidgetsConfig>) => Partial2Levels<WidgetsConfig>;
     children?: ReactNode | undefined;

package/config.gen.d.ts

@@ -0,0 +1,47 @@
+import type { AccordionProps } from './components/accordion';
+import type { AlertProps } from './components/alert';
+import type { ModalProps } from './components/modal';
+import type { PaginationProps } from './components/pagination';
+import type { ProgressbarProps } from './components/progressbar';
+import type { RatingProps } from './components/rating';
+import type { SelectProps } from './components/select';
+import type { SliderProps } from './components/slider';
+import type { ToastProps } from './components/toast';
+export type WidgetsConfig = {
+    /**
+     * the accordion widget config
+     */
+    accordion: AccordionProps;
+    /**
+     * the alert widget config
+     */
+    alert: AlertProps;
+    /**
+     * the modal widget config
+     */
+    modal: ModalProps<any>;
+    /**
+     * the pagination widget config
+     */
+    pagination: PaginationProps;
+    /**
+     * the progressbar widget config
+     */
+    progressbar: ProgressbarProps;
+    /**
+     * the rating widget config
+     */
+    rating: RatingProps;
+    /**
+     * the select widget config
+     */
+    select: SelectProps<any>;
+    /**
+     * the slider widget config
+     */
+    slider: SliderProps;
+    /**
+     * the toast widget config
+     */
+    toast: ToastProps;
+};

package/generated/config.cjs

@@ -8,9 +8,8 @@ exports.useWidgetContext = useWidgetContext;
 exports.useWidgetWithConfig = useWidgetWithConfig;
 exports.widgetsConfigContext = widgetsConfigContext;
 Object.keys(config).forEach((k) => {
-  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k))
-    Object.defineProperty(exports, k, {
-      enumerable: true,
-      get: () => config[k]
-    });
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => config[k]
+  });
 });

package/generated/services/extendWidget.cjs

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

package/generated/services/floatingUI.cjs

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

package/generated/services/focustrack.cjs

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

package/generated/services/hash.cjs

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

package/generated/services/intersection.cjs

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

package/generated/services/matchMedia.cjs

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

package/generated/services/navManager.cjs

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

package/generated/services/portal.cjs

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