@agnos-ui/core 0.4.3 → 0.5.0-next.0

package/README.md

@@ -2,7 +2,7 @@
 
 [![npm](https://img.shields.io/npm/v/@agnos-ui/core)](https://www.npmjs.com/package/@agnos-ui/core)
 
-[AgnosUI](https://amadeusitgroup.github.io/AgnosUI/latest/) is a framework-agnostic widget library with adapters for multiple frameworks, either [Bootstrap](https://getbootstrap.com/)-based or headless:
+[AgnosUI](https://www.agnosui.dev/latest/) is a framework-agnostic component library with adapters for multiple frameworks, either [Bootstrap](https://getbootstrap.com/)-based or headless:
 
 - [Angular bootstrap](https://www.npmjs.com/package/@agnos-ui/angular-bootstrap), [Angular headless](https://www.npmjs.com/package/@agnos-ui/angular-headless)
 - [React bootstrap](https://www.npmjs.com/package/@agnos-ui/react-bootstrap), [React headless](https://www.npmjs.com/package/@agnos-ui/react-headless)
@@ -10,6 +10,6 @@
 
 This `@agnos-ui/core` package contains the framework-agnostic common code used by the above framework adapters.
 
-Please check [our demo site](https://amadeusitgroup.github.io/AgnosUI/latest/) to see all the available widgets and how to use them.
+Please check [our demo site](https://www.agnosui.dev/latest/) to see all the available components and how to use them.
 
 Unless you want to develop an adapter for a framework, you probably do not need to use `@agnos-ui/core` directly. Please refer to one of the framework-specific packages.

package/{accordion-BnaSamoQ.js → accordion-BGv150k9.js}

@@ -2,8 +2,8 @@ import { writablesForProps, stateStores, mergeConfigStores, normalizeConfigStore
 import { createTransition } from "./services/transitions/baseTransitions.js";
 import { writable, computed, asWritable, readable } from "@amadeus-it-group/tansu";
 import { n as noop } from "./func-DR0n-ShK.js";
-import { c as typeBoolean, f as typeFunction, e as typeString } from "./writables-DoU_XYTX.js";
-import { t as generateId, c as bindDirectiveNoArg, k as mergeDirectives, n as createAttributesDirective, r as registrationArray, d as directiveSubscribe } from "./directive-3-8yr-ZK.js";
+import { c as typeBoolean, f as typeFunction, e as typeString } from "./writables-DCiBdIBK.js";
+import { t as generateId, k as mergeDirectives, n as createAttributesDirective, r as registrationArray, d as directiveSubscribe } from "./directive-CKEccryv.js";
 function adjustItemsCloseOthers(items, openItems, oldOpen) {
   let keepOpen;
   if (openItems.length == 2) {
@@ -133,11 +133,6 @@ function createAccordionItem(config) {
     }
   });
   const shouldBeInDOM$ = computed(() => destroyOnHide$() === false || !transition.stores.hidden$());
-  const clickAction = () => {
-    if (!disabled$()) {
-      visible$.update((c) => !c);
-    }
-  };
   const toggleDirective = createAttributesDirective(() => ({
     attributes: {
       id: computed(() => `${id$()}-toggle`),
@@ -147,9 +142,15 @@ function createAccordionItem(config) {
       disabled: disabled$
     },
     classNames: { collapsed: computed(() => !visible$()) },
-    events: { click: clickAction }
+    events: {
+      click: () => {
+        if (!disabled$()) {
+          visible$.update((c) => !c);
+        }
+      }
+    }
   }));
-  const transitionDirective = bindDirectiveNoArg(transition.directives.directive);
+  const transitionDirective = transition.directives.directive;
   const bodyContainerAttrsDirective = createAttributesDirective(() => ({
     attributes: {
       id: computed(() => `${id$()}-body-container`),
@@ -170,9 +171,6 @@ function createAccordionItem(config) {
       ...stateProps
     }),
     patch,
-    actions: {
-      click: clickAction
-    },
     api: {
       initDone: () => {
         initDone$.set(true);
@@ -237,7 +235,6 @@ function factoryCreateAccordion(itemFactory = createAccordionItem, accordionItem
     return {
       ...stateStores({ itemWidgets$, className$ }),
       patch,
-      actions: {},
       api: {
         expand: (id) => {
           var _a;

package/{accordion-DmPT0O0j.cjs → accordion-Lp-LEbZ2.cjs}

@@ -3,8 +3,8 @@ const utils_stores = require("./utils/stores.cjs");
 const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
 const tansu = require("@amadeus-it-group/tansu");
 const func = require("./func-Qd3cD9a3.cjs");
-const utils_writables = require("./writables-D46sFgGK.cjs");
-const utils_directive = require("./directive-j-xRk-h3.cjs");
+const utils_writables = require("./writables-BPAJvaL_.cjs");
+const utils_directive = require("./directive-DdlwGFtf.cjs");
 function adjustItemsCloseOthers(items, openItems, oldOpen) {
   let keepOpen;
   if (openItems.length == 2) {
@@ -134,11 +134,6 @@ function createAccordionItem(config) {
     }
   });
   const shouldBeInDOM$ = tansu.computed(() => destroyOnHide$() === false || !transition.stores.hidden$());
-  const clickAction = () => {
-    if (!disabled$()) {
-      visible$.update((c) => !c);
-    }
-  };
   const toggleDirective = utils_directive.createAttributesDirective(() => ({
     attributes: {
       id: tansu.computed(() => `${id$()}-toggle`),
@@ -148,9 +143,15 @@ function createAccordionItem(config) {
       disabled: disabled$
     },
     classNames: { collapsed: tansu.computed(() => !visible$()) },
-    events: { click: clickAction }
+    events: {
+      click: () => {
+        if (!disabled$()) {
+          visible$.update((c) => !c);
+        }
+      }
+    }
   }));
-  const transitionDirective = utils_directive.bindDirectiveNoArg(transition.directives.directive);
+  const transitionDirective = transition.directives.directive;
   const bodyContainerAttrsDirective = utils_directive.createAttributesDirective(() => ({
     attributes: {
       id: tansu.computed(() => `${id$()}-body-container`),
@@ -171,9 +172,6 @@ function createAccordionItem(config) {
       ...stateProps
     }),
     patch,
-    actions: {
-      click: clickAction
-    },
     api: {
       initDone: () => {
         initDone$.set(true);
@@ -238,7 +236,6 @@ function factoryCreateAccordion(itemFactory = createAccordionItem, accordionItem
     return {
       ...utils_stores.stateStores({ itemWidgets$, className$ }),
       patch,
-      actions: {},
       api: {
         expand: (id) => {
           var _a;

package/{alert-CEFbEgvG.cjs → alert-Bq101evB.cjs}

@@ -1,5 +1,5 @@
 "use strict";
-const common = require("./common-nxv_hKNE.cjs");
+const common = require("./common-DvPjK7SS.cjs");
 function getAlertDefaultConfig() {
   return { ...common.getCommonAlertDefaultConfig() };
 }

package/{alert-DdGuK__c.js → alert-DJ2l7bcA.js}

@@ -1,4 +1,4 @@
-import { g as getCommonAlertDefaultConfig, c as createCommonAlert } from "./common-CO5b5G_J.js";
+import { g as getCommonAlertDefaultConfig, c as createCommonAlert } from "./common-Banw3FYN.js";
 function getAlertDefaultConfig() {
   return { ...getCommonAlertDefaultConfig() };
 }

package/{common-CO5b5G_J.js → common-Banw3FYN.js}

@@ -1,8 +1,7 @@
 import { createTransition } from "./services/transitions/baseTransitions.js";
 import { n as noop } from "./func-DR0n-ShK.js";
 import { writablesForProps, stateStores } from "./utils/stores.js";
-import { c as bindDirectiveNoArg } from "./directive-3-8yr-ZK.js";
-import { c as typeBoolean } from "./writables-DoU_XYTX.js";
+import { c as typeBoolean, f as typeFunction, e as typeString } from "./writables-DCiBdIBK.js";
 const defaultCommonAlertConfig = {
   visible: true,
   dismissible: true,
@@ -20,7 +19,16 @@ function getCommonAlertDefaultConfig() {
   return { ...defaultCommonAlertConfig };
 }
 const commonAlertConfigValidator = {
-  dismissible: typeBoolean
+  dismissible: typeBoolean,
+  onVisibleChange: typeFunction,
+  onHidden: typeFunction,
+  onShown: typeFunction,
+  transition: typeFunction,
+  animatedOnInit: typeBoolean,
+  animated: typeBoolean,
+  visible: typeBoolean,
+  ariaCloseButtonLabel: typeString,
+  className: typeString
 };
 function createCommonAlert(config) {
   const [
@@ -47,25 +55,18 @@ function createCommonAlert(config) {
       onShown: onShown$
     }
   });
-  const close = () => {
-    patch({ visible: false });
-  };
-  const open = () => {
-    patch({ visible: true });
-  };
   const visible$ = transition.stores.visible$;
   const hidden$ = transition.stores.hidden$;
   return {
     ...stateStores({ ...stateProps, visible$, hidden$ }),
     patch,
     api: {
-      open,
-      close
+      open: transition.api.show,
+      close: transition.api.hide
     },
     directives: {
-      transitionDirective: bindDirectiveNoArg(transition.directives.directive)
-    },
-    actions: {}
+      transitionDirective: transition.directives.directive
+    }
   };
 }
 export {

package/{common-nxv_hKNE.cjs → common-DvPjK7SS.cjs}

@@ -2,8 +2,7 @@
 const services_transitions_baseTransitions = require("./services/transitions/baseTransitions.cjs");
 const func = require("./func-Qd3cD9a3.cjs");
 const utils_stores = require("./utils/stores.cjs");
-const utils_directive = require("./directive-j-xRk-h3.cjs");
-const utils_writables = require("./writables-D46sFgGK.cjs");
+const utils_writables = require("./writables-BPAJvaL_.cjs");
 const defaultCommonAlertConfig = {
   visible: true,
   dismissible: true,
@@ -21,7 +20,16 @@ function getCommonAlertDefaultConfig() {
   return { ...defaultCommonAlertConfig };
 }
 const commonAlertConfigValidator = {
-  dismissible: utils_writables.typeBoolean
+  dismissible: utils_writables.typeBoolean,
+  onVisibleChange: utils_writables.typeFunction,
+  onHidden: utils_writables.typeFunction,
+  onShown: utils_writables.typeFunction,
+  transition: utils_writables.typeFunction,
+  animatedOnInit: utils_writables.typeBoolean,
+  animated: utils_writables.typeBoolean,
+  visible: utils_writables.typeBoolean,
+  ariaCloseButtonLabel: utils_writables.typeString,
+  className: utils_writables.typeString
 };
 function createCommonAlert(config) {
   const [
@@ -48,25 +56,18 @@ function createCommonAlert(config) {
       onShown: onShown$
     }
   });
-  const close = () => {
-    patch({ visible: false });
-  };
-  const open = () => {
-    patch({ visible: true });
-  };
   const visible$ = transition.stores.visible$;
   const hidden$ = transition.stores.hidden$;
   return {
     ...utils_stores.stateStores({ ...stateProps, visible$, hidden$ }),
     patch,
     api: {
-      open,
-      close
+      open: transition.api.show,
+      close: transition.api.hide
     },
     directives: {
-      transitionDirective: utils_directive.bindDirectiveNoArg(transition.directives.directive)
-    },
-    actions: {}
+      transitionDirective: transition.directives.directive
+    }
   };
 }
 exports.createCommonAlert = createCommonAlert;

package/components/accordion/accordion.d.ts

@@ -1,6 +1,9 @@
 import type { TransitionFn } from '../../services/transitions/baseTransitions';
 import type { ConfigValidator, Directive, PropsConfig, Widget, WidgetFactory } from '../../types';
 import type { WidgetsCommonPropsAndState } from '../commonProps';
+/**
+ * Properties for the Accordion component.
+ */
 export interface AccordionProps extends WidgetsCommonPropsAndState {
     /**
      * If `true`, only one accordion-item at the time can stay open.
@@ -89,12 +92,18 @@ export interface AccordionProps extends WidgetsCommonPropsAndState {
      */
     itemHeadingTag: string;
 }
+/**
+ * Represents the state of an Accordion component.
+ */
 export interface AccordionState extends WidgetsCommonPropsAndState {
     /**
      * Array containing all the accordion-items contained in the accordion.
      */
     itemWidgets: AccordionItemWidget[];
 }
+/**
+ * Interface representing the API for an accordion component.
+ */
 export interface AccordionApi {
     /**
      * Given the itemId, will expand the corresponding accordion-item.
@@ -129,19 +138,22 @@ export interface AccordionApi {
      */
     registerItem(itemConfig?: PropsConfig<AccordionItemProps>): AccordionItemWidget;
 }
+/**
+ * Interface representing the directives used in the Accordion component.
+ */
 export interface AccordionDirectives {
     /**
      * Directive to put on the accordion DOM element
      */
     accordionDirective: Directive;
 }
-export type AccordionWidget = Widget<AccordionProps, AccordionState, AccordionApi, object, AccordionDirectives>;
-export interface AccordionItemActions {
-    /**
-     * Action to be called when the user clicks on the accordion-item button. If the accordion-item is disabled nothing will happen.
-     */
-    click(): void;
-}
+/**
+ * Represents an Accordion widget with specific properties, state, API, and directives.
+ */
+export type AccordionWidget = Widget<AccordionProps, AccordionState, AccordionApi, AccordionDirectives>;
+/**
+ * Interface representing the API for an accordion item.
+ */
 export interface AccordionItemApi {
     /**
      * It will collapse the accordion-item.
@@ -160,6 +172,9 @@ export interface AccordionItemApi {
      */
     initDone(): void;
 }
+/**
+ * Interface representing the directives used in an accordion item.
+ */
 export interface AccordionItemDirectives {
     /**
      * Directive to use in special cases, if the accordion header does not use a button element to control the collapsing.
@@ -194,6 +209,9 @@ export interface AccordionItemDirectives {
      */
     itemDirective: Directive;
 }
+/**
+ * Interface representing the common properties and state for an accordion item.
+ */
 interface AccordionItemCommonPropsAndState extends WidgetsCommonPropsAndState {
     /**
      * If `true`, the accordion-item will be visible (expanded). Otherwise, it will be hidden (collapsed).
@@ -230,6 +248,9 @@ interface AccordionItemCommonPropsAndState extends WidgetsCommonPropsAndState {
      */
     headingTag: string;
 }
+/**
+ * Properties for an AccordionItem component.
+ */
 export interface AccordionItemProps extends AccordionItemCommonPropsAndState {
     /**
      * If `true`, accordion-item will be animated.
@@ -258,6 +279,9 @@ export interface AccordionItemProps extends AccordionItemCommonPropsAndState {
      */
     onVisibleChange: (visible: boolean) => void;
 }
+/**
+ * Represents the state of an accordion item.
+ */
 export interface AccordionItemState extends AccordionItemCommonPropsAndState {
     /**
      * If `true` the content of the accordion-item collapse should be in DOM. Its value depends on the
@@ -265,7 +289,10 @@ export interface AccordionItemState extends AccordionItemCommonPropsAndState {
      */
     shouldBeInDOM: boolean;
 }
-export type AccordionItemWidget = Widget<AccordionItemProps, AccordionItemState, AccordionItemApi, AccordionItemActions, AccordionItemDirectives>;
+/**
+ * Represents a widget for an accordion item.
+ */
+export type AccordionItemWidget = Widget<AccordionItemProps, AccordionItemState, AccordionItemApi, AccordionItemDirectives>;
 /**
  * Retrieve a shallow copy of the default accordion config
  * @returns the default accordion config

package/components/accordion/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const accordion = require("../../accordion-DmPT0O0j.cjs");
+const accordion = require("../../accordion-Lp-LEbZ2.cjs");
 exports.createAccordion = accordion.createAccordion;
 exports.createAccordionItem = accordion.createAccordionItem;
 exports.factoryCreateAccordion = accordion.factoryCreateAccordion;

package/components/accordion/index.js

@@ -1,4 +1,4 @@
-import { a, c, f, g } from "../../accordion-BnaSamoQ.js";
+import { a, c, f, g } from "../../accordion-BGv150k9.js";
 export {
   a as createAccordion,
   c as createAccordionItem,

package/components/alert/alert.d.ts

@@ -1,14 +1,29 @@
 import type { CommonAlertApi, CommonAlertDirectives, CommonAlertProps, CommonAlertState } from './common';
 import type { Widget, WidgetFactory } from '../../types';
+/**
+ * Represents the state of an alert component.
+ */
 export interface AlertState extends CommonAlertState {
 }
+/**
+ * Represents the properties for the alert component.
+ */
 export interface AlertProps extends CommonAlertProps {
 }
+/**
+ * Represents the API for an alert component.
+ */
 export interface AlertApi extends CommonAlertApi {
 }
+/**
+ * Represents the directives for an alert component.
+ */
 export interface AlertDirectives extends CommonAlertDirectives {
 }
-export type AlertWidget = Widget<AlertProps, AlertState, AlertApi, object, AlertDirectives>;
+/**
+ * Represents an alert widget with specific properties, state, API, and directives.
+ */
+export type AlertWidget = Widget<AlertProps, AlertState, AlertApi, AlertDirectives>;
 /**
  * Retrieve a shallow copy of the default alert config
  * @returns the default alert config

package/components/alert/common.d.ts

@@ -1,6 +1,9 @@
 import type { TransitionFn } from '../../services/transitions/baseTransitions';
 import type { WidgetsCommonPropsAndState } from '../commonProps';
 import type { Directive, PropsConfig, Widget } from '../../types';
+/**
+ * Interface representing the common properties and state for an alert component.
+ */
 export interface CommonAlertCommonPropsAndState extends WidgetsCommonPropsAndState {
     /**
      * If `true`, alert can be dismissed by the user.
@@ -22,12 +25,18 @@ export interface CommonAlertCommonPropsAndState extends WidgetsCommonPropsAndSta
      */
     ariaCloseButtonLabel: string;
 }
+/**
+ * Represents the state of a common alert component.
+ */
 export interface CommonAlertState extends CommonAlertCommonPropsAndState {
     /**
      * Is `true` when the alert is hidden. Compared to `visible`, this is updated after the transition is executed.
      */
     hidden: boolean;
 }
+/**
+ * Interface representing the common properties for an alert component.
+ */
 export interface CommonAlertProps extends CommonAlertCommonPropsAndState {
     /**
      * Callback called when the alert visibility changed.
@@ -86,6 +95,9 @@ export interface CommonAlertProps extends CommonAlertCommonPropsAndState {
      */
     animated: boolean;
 }
+/**
+ * Interface representing the common API for alert components.
+ */
 export interface CommonAlertApi {
     /**
      * Triggers alert closing programmatically (same as clicking on the close button (×)).
@@ -96,13 +108,19 @@ export interface CommonAlertApi {
      */
     open(): void;
 }
+/**
+ * Interface representing common alert directives.
+ */
 export interface CommonAlertDirectives {
     /**
      * the transition directive, piloting what is the visual effect of going from hidden to visible
      */
     transitionDirective: Directive;
 }
-export type CommonAlertWidget = Widget<CommonAlertProps, CommonAlertState, CommonAlertApi, object, CommonAlertDirectives>;
+/**
+ * Represents a common alert widget with specified properties, state, API, and directives.
+ */
+export type CommonAlertWidget = Widget<CommonAlertProps, CommonAlertState, CommonAlertApi, CommonAlertDirectives>;
 /**
  * Retrieve a shallow copy of the default alert config
  * @returns the default alert config

package/components/alert/index.cjs

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const alert = require("../../alert-CEFbEgvG.cjs");
+const alert = require("../../alert-Bq101evB.cjs");
 exports.createAlert = alert.createAlert;
 exports.getAlertDefaultConfig = alert.getAlertDefaultConfig;

package/components/alert/index.js

@@ -1,4 +1,4 @@
-import { c, g } from "../../alert-DdGuK__c.js";
+import { c, g } from "../../alert-DJ2l7bcA.js";
 export {
   c as createAlert,
   g as getAlertDefaultConfig

package/components/commonProps.d.ts

@@ -1,3 +1,6 @@
+/**
+ * Interface representing the common properties and state for widgets.
+ */
 export interface WidgetsCommonPropsAndState {
     /**
      * CSS classes to be applied on the widget main container

package/components/modal/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const modal = require("../../modal-D4d8sy85.cjs");
+const modal = require("../../modal-DDHcrykD.cjs");
 exports.createModal = modal.createModal;
 exports.getModalDefaultConfig = modal.getModalDefaultConfig;
 exports.modalCloseButtonClick = modal.modalCloseButtonClick;

package/components/modal/index.js

@@ -1,4 +1,4 @@
-import { c, g, a, m } from "../../modal-CeTI4jxI.js";
+import { c, g, a, m } from "../../modal-DP-4I7vf.js";
 export {
   c as createModal,
   g as getModalDefaultConfig,