@agnos-ui/react-headless 0.8.1 → 0.9.0

package/config.cjs

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const types = require("@agnos-ui/core/types");
 const config = require("@agnos-ui/core/config");
 const tansu = require("@amadeus-it-group/tansu");
 const react = require("react");
-const widget = require("./widget-CuLHUzFd.cjs");
+const widget = require("./widget-CHGwSEgq.cjs");
 const stores = require("./stores-DD819q-h.cjs");
 const widgetsConfigFactory = (WidgetsConfigContext2 = react.createContext(void 0)) => {
   const useWidgetContext2 = (widgetName, defaultConfig) => {
@@ -15,7 +16,7 @@ const widgetsConfigFactory = (WidgetsConfigContext2 = react.createContext(void 0
       [defaultConfig$, widgetName, widgetsConfig]
     );
   };
-  const useWidgetWithConfig2 = (factory, props, widgetName, defaultProps) => widget.useWidget(factory, props, { config: useWidgetContext2(widgetName, defaultProps) });
+  const useWidget2 = (factory, props, defaultProps) => widget.useWidgetWithConfig(factory, props, { config: useWidgetContext2(factory[types.FACTORY_WIDGET_NAME], defaultProps) });
   const WidgetsDefaultConfig2 = ({ children, adaptParentConfig, ...props }) => {
     const config$ = react.useContext(WidgetsConfigContext2);
     const store$ = react.useMemo(() => config.createWidgetsConfig(config$, adaptParentConfig), [config$, adaptParentConfig]);
@@ -28,15 +29,15 @@ const widgetsConfigFactory = (WidgetsConfigContext2 = react.createContext(void 0
      */
     WidgetsConfigContext: WidgetsConfigContext2,
     useWidgetContext: useWidgetContext2,
-    useWidgetWithConfig: useWidgetWithConfig2,
+    useWidget: useWidget2,
     WidgetsDefaultConfig: WidgetsDefaultConfig2
   };
 };
-const { WidgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig } = widgetsConfigFactory();
+const { WidgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidget } = widgetsConfigFactory();
 exports.WidgetsConfigContext = WidgetsConfigContext;
 exports.WidgetsDefaultConfig = WidgetsDefaultConfig;
+exports.useWidget = useWidget;
 exports.useWidgetContext = useWidgetContext;
-exports.useWidgetWithConfig = useWidgetWithConfig;
 exports.widgetsConfigFactory = widgetsConfigFactory;
 Object.keys(config).forEach((k) => {
   if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {

package/config.d.ts

@@ -19,8 +19,8 @@ export declare const widgetsConfigFactory: <Config extends Record<string, object
      * React context which can be used to provide or consume the widgets default configuration store.
      */
     WidgetsConfigContext: import("react").Context<WidgetsConfigStore<Config> | undefined>;
-    useWidgetContext: <Props extends object>(widgetName: keyof Config | null, defaultConfig?: Partial<Props>) => import("@amadeus-it-group/tansu").ReadableSignal<Partial<Props>>;
-    useWidgetWithConfig: <W extends Widget>(factory: WidgetFactory<W>, props: Partial<WidgetProps<W>> | undefined, widgetName: keyof Config | null, defaultProps?: Partial<WidgetProps<W>>) => import("@agnos-ui/core/types").WidgetSlotContext<W>;
+    useWidgetContext: <Props extends object>(widgetName?: string, defaultConfig?: Partial<Props>) => import("@amadeus-it-group/tansu").ReadableSignal<Partial<Props>>;
+    useWidget: <W extends Widget>(factory: WidgetFactory<W>, props?: Partial<WidgetProps<W>>, defaultProps?: Partial<WidgetProps<W>>) => import("@agnos-ui/core/types").WidgetSlotContext<W>;
     WidgetsDefaultConfig: ({ children, adaptParentConfig, ...props }: DefaultConfigInput<Config>) => import("react/jsx-runtime").JSX.Element;
 };
-export declare const WidgetsConfigContext: import("react").Context<WidgetsConfigStore<WidgetsConfig> | undefined>, WidgetsDefaultConfig: ({ children, adaptParentConfig, ...props }: DefaultConfigInput<WidgetsConfig>) => import("react/jsx-runtime").JSX.Element, useWidgetContext: <Props extends object>(widgetName: keyof WidgetsConfig | null, defaultConfig?: Partial<Props> | undefined) => import("@amadeus-it-group/tansu").ReadableSignal<Partial<Props>>, useWidgetWithConfig: <W extends Widget>(factory: WidgetFactory<W>, props: Partial<WidgetProps<W>> | undefined, widgetName: keyof WidgetsConfig | null, defaultProps?: Partial<WidgetProps<W>> | undefined) => import("@agnos-ui/core/types").WidgetSlotContext<W>;
+export declare const WidgetsConfigContext: import("react").Context<WidgetsConfigStore<WidgetsConfig> | undefined>, WidgetsDefaultConfig: ({ children, adaptParentConfig, ...props }: DefaultConfigInput<WidgetsConfig>) => import("react/jsx-runtime").JSX.Element, useWidgetContext: <Props extends object>(widgetName?: string, defaultConfig?: Partial<Props> | undefined) => import("@amadeus-it-group/tansu").ReadableSignal<Partial<Props>>, useWidget: <W extends Widget>(factory: WidgetFactory<W>, props?: Partial<WidgetProps<W>> | undefined, defaultProps?: Partial<WidgetProps<W>> | undefined) => import("@agnos-ui/core/types").WidgetSlotContext<W>;

package/config.js

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
+import { FACTORY_WIDGET_NAME } from "@agnos-ui/core/types";
 import { createWidgetsConfig } from "@agnos-ui/core/config";
 export * from "@agnos-ui/core/config";
 import { computed } from "@amadeus-it-group/tansu";
 import { createContext, useContext, useMemo } from "react";
-import { u as useWidget } from "./widget-BP6z-zfB.js";
+import { u as useWidgetWithConfig } from "./widget-BiWY_QJE.js";
 import { b as usePropsAsStore } from "./stores-DZalyTTa.js";
 const widgetsConfigFactory = (WidgetsConfigContext2 = createContext(void 0)) => {
   const useWidgetContext2 = (widgetName, defaultConfig) => {
@@ -14,7 +15,7 @@ const widgetsConfigFactory = (WidgetsConfigContext2 = createContext(void 0)) =>
       [defaultConfig$, widgetName, widgetsConfig]
     );
   };
-  const useWidgetWithConfig2 = (factory, props, widgetName, defaultProps) => useWidget(factory, props, { config: useWidgetContext2(widgetName, defaultProps) });
+  const useWidget2 = (factory, props, defaultProps) => useWidgetWithConfig(factory, props, { config: useWidgetContext2(factory[FACTORY_WIDGET_NAME], defaultProps) });
   const WidgetsDefaultConfig2 = ({ children, adaptParentConfig, ...props }) => {
     const config$ = useContext(WidgetsConfigContext2);
     const store$ = useMemo(() => createWidgetsConfig(config$, adaptParentConfig), [config$, adaptParentConfig]);
@@ -27,15 +28,15 @@ const widgetsConfigFactory = (WidgetsConfigContext2 = createContext(void 0)) =>
      */
     WidgetsConfigContext: WidgetsConfigContext2,
     useWidgetContext: useWidgetContext2,
-    useWidgetWithConfig: useWidgetWithConfig2,
+    useWidget: useWidget2,
     WidgetsDefaultConfig: WidgetsDefaultConfig2
   };
 };
-const { WidgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig } = widgetsConfigFactory();
+const { WidgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidget } = widgetsConfigFactory();
 export {
   WidgetsConfigContext,
   WidgetsDefaultConfig,
+  useWidget,
   useWidgetContext,
-  useWidgetWithConfig,
   widgetsConfigFactory
 };

package/generated/index.d.ts

@@ -13,6 +13,7 @@ export * from './services/transitions/cssTransitions';
 export * from './services/transitions/collapse';
 export * from './services/transitions/baseTransitions';
 export * from './utils/writables';
+export * from './utils/widget';
 export * from './utils/stores';
 export * from './utils/func';
 export * from './utils/directive';
@@ -29,6 +30,5 @@ export * from './components/modal/index';
 export * from './components/carousel/index';
 export * from './components/alert/index';
 export * from './components/accordion/index';
-export * from './utils/widget';
 export * from './utils/portal';
 export * from './slot';

package/generated/utils/widget.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const widget = require("../../widget-CuLHUzFd.cjs");
-exports.useWidget = widget.useWidget;
+const widget = require("../../widget-CHGwSEgq.cjs");
+exports.useWidgetWithConfig = widget.useWidgetWithConfig;

package/generated/utils/widget.js

@@ -1,4 +1,4 @@
-import { u } from "../../widget-BP6z-zfB.js";
+import { u } from "../../widget-BiWY_QJE.js";
 export {
-  u as useWidget
+  u as useWidgetWithConfig
 };

package/index.cjs

@@ -15,6 +15,7 @@ const cssTransitions = require("@agnos-ui/core/services/transitions/cssTransitio
 const collapse = require("@agnos-ui/core/services/transitions/collapse");
 const baseTransitions = require("@agnos-ui/core/services/transitions/baseTransitions");
 const writables = require("@agnos-ui/core/utils/writables");
+const widget = require("./widget-CHGwSEgq.cjs");
 const stores$1 = require("@agnos-ui/core/utils/stores");
 const stores = require("./stores-DD819q-h.cjs");
 const func = require("@agnos-ui/core/utils/func");
@@ -35,9 +36,9 @@ const modal = require("@agnos-ui/core/components/modal");
 const carousel = require("@agnos-ui/core/components/carousel");
 const alert = require("@agnos-ui/core/components/alert");
 const accordion = require("@agnos-ui/core/components/accordion");
-const widget = require("./widget-CuLHUzFd.cjs");
 const portal$1 = require("./portal-B0Q5KLrA.cjs");
 const slot = require("./slot.cjs");
+exports.useWidgetWithConfig = widget.useWidgetWithConfig;
 exports.useObservable = stores.useObservable;
 exports.useObservablesProxy = stores.useObservablesProxy;
 exports.usePropsAsStore = stores.usePropsAsStore;
@@ -47,13 +48,12 @@ exports.useDirective = directive.useDirective;
 exports.useDirectives = directive.useDirectives;
 exports.WidgetsConfigContext = config.WidgetsConfigContext;
 exports.WidgetsDefaultConfig = config.WidgetsDefaultConfig;
+exports.useWidget = config.useWidget;
 exports.useWidgetContext = config.useWidgetContext;
-exports.useWidgetWithConfig = config.useWidgetWithConfig;
 exports.widgetsConfigFactory = config.widgetsConfigFactory;
 exports.ToasterProvider = toasterProvider.ToasterProvider;
 exports.useCreateToaster = toasterProvider.useCreateToaster;
 exports.useToaster = toasterProvider.useToaster;
-exports.useWidget = widget.useWidget;
 exports.Portal = portal$1.Portal;
 exports.Slot = slot.Slot;
 Object.keys(siblingsInert).forEach((k) => {

package/index.js

@@ -13,16 +13,17 @@ export * from "@agnos-ui/core/services/transitions/cssTransitions";
 export * from "@agnos-ui/core/services/transitions/collapse";
 export * from "@agnos-ui/core/services/transitions/baseTransitions";
 export * from "@agnos-ui/core/utils/writables";
+import { u } from "./widget-BiWY_QJE.js";
 export * from "@agnos-ui/core/utils/stores";
-import { u, a, b } from "./stores-DZalyTTa.js";
+import { u as u2, a, b } from "./stores-DZalyTTa.js";
 export * from "@agnos-ui/core/utils/func";
 export * from "@agnos-ui/core/utils/directive";
-import { d, s, u as u2, a as a2 } from "./directive-CEErjM5c.js";
+import { d, s, u as u3, a as a2 } from "./directive-CEErjM5c.js";
 export * from "@agnos-ui/core/types";
 export * from "@agnos-ui/core/config";
-import { WidgetsConfigContext, WidgetsDefaultConfig, useWidgetContext, useWidgetWithConfig, widgetsConfigFactory } from "./config.js";
+import { WidgetsConfigContext, WidgetsDefaultConfig, useWidget, useWidgetContext, widgetsConfigFactory } from "./config.js";
 export * from "@agnos-ui/core/components/tree";
-import { T, u as u3, a as a3 } from "./toasterProvider-lT-AfOoK.js";
+import { T, u as u4, a as a3 } from "./toasterProvider-lT-AfOoK.js";
 export * from "@agnos-ui/core/components/toast";
 export * from "@agnos-ui/core/components/slider";
 export * from "@agnos-ui/core/components/select";
@@ -33,7 +34,6 @@ export * from "@agnos-ui/core/components/modal";
 export * from "@agnos-ui/core/components/carousel";
 export * from "@agnos-ui/core/components/alert";
 export * from "@agnos-ui/core/components/accordion";
-import { u as u4 } from "./widget-BP6z-zfB.js";
 import { P } from "./portal-CX8X69NK.js";
 import { Slot } from "./slot.js";
 export {
@@ -44,15 +44,15 @@ export {
   WidgetsDefaultConfig,
   d as directiveAttributes,
   s as ssrAttributes,
-  u3 as useCreateToaster,
-  u2 as useDirective,
+  u4 as useCreateToaster,
+  u3 as useDirective,
   a2 as useDirectives,
-  u as useObservable,
+  u2 as useObservable,
   a as useObservablesProxy,
   b as usePropsAsStore,
   a3 as useToaster,
-  u4 as useWidget,
+  useWidget,
   useWidgetContext,
-  useWidgetWithConfig,
+  u as useWidgetWithConfig,
   widgetsConfigFactory
 };

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "@agnos-ui/react-headless",
 	"description": "Headless component library for React.",
-	"version": "0.8.1",
+	"version": "0.9.0",
 	"type": "module",
 	"main": "./index.cjs",
 	"module": "./index.js",
@@ -49,7 +49,7 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core": "0.8.1"
+		"@agnos-ui/core": "0.9.0"
 	},
 	"peerDependencies": {
 		"@amadeus-it-group/tansu": "^2.0.0",

package/utils/widget.d.ts

@@ -1,12 +1,11 @@
 import type { PropsConfig, Widget, WidgetFactory, WidgetProps, WidgetSlotContext } from '@agnos-ui/core/types';
 /**
- * The useWidget function.
+ * Create and attach an agnos-ui/core widget to the current react component.
  *
- * Allows to create and attach an agnos-ui/core widget to the current react component.
  * @template W - The type of the widget.
- * @param createWidget - the widget factory
+ * @param factory - the widget factory
  * @param props - the props
  * @param propsConfig - the props config
- * @returns the state and api to track and interact with the widget
+ * @returns the state, api and directives to track and interact with the widget
  */
-export declare function useWidget<W extends Widget>(createWidget: WidgetFactory<W>, props?: Partial<WidgetProps<W>>, propsConfig?: PropsConfig<WidgetProps<W>>): WidgetSlotContext<W>;
+export declare function useWidgetWithConfig<W extends Widget>(factory: WidgetFactory<W>, props?: Partial<WidgetProps<W>>, propsConfig?: PropsConfig<WidgetProps<W>>): WidgetSlotContext<W>;

package/{widget-BP6z-zfB.js → widget-BiWY_QJE.js}

@@ -1,8 +1,8 @@
 import { findChangedProperties } from "@agnos-ui/core/utils/stores";
 import { useMemo, useRef } from "react";
 import { a as useObservablesProxy } from "./stores-DZalyTTa.js";
-function useWidget(createWidget, props = {}, propsConfig) {
-  const coreWidget = useMemo(() => createWidget({ ...propsConfig, props: { ...propsConfig == null ? void 0 : propsConfig.props, ...props } }), []);
+function useWidgetWithConfig(factory, props = {}, propsConfig) {
+  const coreWidget = useMemo(() => factory({ ...propsConfig, props: { ...propsConfig == null ? void 0 : propsConfig.props, ...props } }), []);
   const previousProps = useRef(props);
   useMemo(() => {
     const changedProps = findChangedProperties(previousProps.current, props);
@@ -15,5 +15,5 @@ function useWidget(createWidget, props = {}, propsConfig) {
   return { state, api: coreWidget.api, directives: coreWidget.directives };
 }
 export {
-  useWidget as u
+  useWidgetWithConfig as u
 };

package/{widget-CuLHUzFd.cjs → widget-CHGwSEgq.cjs}

@@ -2,8 +2,8 @@
 const stores = require("@agnos-ui/core/utils/stores");
 const react = require("react");
 const stores$1 = require("./stores-DD819q-h.cjs");
-function useWidget(createWidget, props = {}, propsConfig) {
-  const coreWidget = react.useMemo(() => createWidget({ ...propsConfig, props: { ...propsConfig == null ? void 0 : propsConfig.props, ...props } }), []);
+function useWidgetWithConfig(factory, props = {}, propsConfig) {
+  const coreWidget = react.useMemo(() => factory({ ...propsConfig, props: { ...propsConfig == null ? void 0 : propsConfig.props, ...props } }), []);
   const previousProps = react.useRef(props);
   react.useMemo(() => {
     const changedProps = stores.findChangedProperties(previousProps.current, props);
@@ -15,4 +15,4 @@ function useWidget(createWidget, props = {}, propsConfig) {
   const state = stores$1.useObservablesProxy(coreWidget.stores);
   return { state, api: coreWidget.api, directives: coreWidget.directives };
 }
-exports.useWidget = useWidget;
+exports.useWidgetWithConfig = useWidgetWithConfig;