@agnos-ui/react-headless 0.0.1-alpha.1 → 0.0.1-alpha.4

package/Slot.d.ts

@@ -1,4 +1,4 @@
-import type { SlotContent } from './utils';
+import type { SlotContent } from './slotTypes';
 export declare const Slot: <Props extends object>({ slotContent, props }: {
     slotContent: SlotContent<Props>;
     props: Props;

package/config.d.ts

@@ -0,0 +1,51 @@
+import { type Partial2Levels, type Widget, type WidgetFactory, type WidgetProps, type WidgetState, type WidgetsConfigStore } from '@agnos-ui/core';
+import type { ReactNode } from 'react';
+import type { AdaptPropsSlots } from './slotTypes';
+export type WidgetsConfig = {
+    [WidgetName in keyof import('@agnos-ui/core').WidgetsConfig]: AdaptPropsSlots<import('@agnos-ui/core').WidgetsConfig[WidgetName]>;
+};
+export declare const widgetsConfigFactory: <Config extends {
+    [widgetName: string]: object;
+} = WidgetsConfig>(widgetsConfigContext?: import("react").Context<WidgetsConfigStore<Config> | undefined>) => {
+    /**
+     * 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> | undefined) => import("@amadeus-it-group/tansu").ReadableSignal<Partial<Props>>;
+    useWidgetWithConfig: <W extends Widget<object, object, object, object, object>>(factory: WidgetFactory<W>, props: Partial<WidgetProps<W>> | undefined, widgetName: keyof Config | null, defaultProps?: Partial<WidgetProps<W>> | undefined) => [WidgetState<W>, W];
+    WidgetsDefaultConfig: ({ children, adaptParentConfig, ...props }: Partial<{ [Level1 in keyof Config]: Partial<Config[Level1]>; }> & {
+        adaptParentConfig?: ((config: Partial<{ [Level1 in keyof Config]: Partial<Config[Level1]>; }>) => Partial<{ [Level1 in keyof Config]: Partial<Config[Level1]>; }>) | undefined;
+        children?: ReactNode | undefined;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const widgetsConfigContext: import("react").Context<WidgetsConfigStore<WidgetsConfig> | undefined>, useWidgetContext: <Props extends object>(widgetName: keyof import("@agnos-ui/core").WidgetsConfig | null, defaultConfig?: Partial<Props> | undefined) => import("@amadeus-it-group/tansu").ReadableSignal<Partial<Props>>, useWidgetWithConfig: <W extends Widget<object, object, object, object, object>>(factory: WidgetFactory<W>, props: Partial<WidgetProps<W>> | undefined, widgetName: keyof import("@agnos-ui/core").WidgetsConfig | null, defaultProps?: Partial<WidgetProps<W>> | undefined) => [WidgetState<W>, W], WidgetsDefaultConfig: ({ children, adaptParentConfig, ...props }: Partial<{
+    pagination: Partial<AdaptPropsSlots<import("@agnos-ui/core").PaginationProps>>;
+    rating: Partial<AdaptPropsSlots<import("@agnos-ui/core").RatingProps>>;
+    select: Partial<AdaptPropsSlots<import("@agnos-ui/core").SelectProps<any>>>;
+    modal: Partial<AdaptPropsSlots<import("@agnos-ui/core").ModalProps>>;
+    alert: Partial<AdaptPropsSlots<import("@agnos-ui/core").AlertProps>>;
+    accordion: Partial<AdaptPropsSlots<import("@agnos-ui/core").AccordionProps>>;
+    progressbar: Partial<AdaptPropsSlots<import("@agnos-ui/core").ProgressbarProps>>;
+    slider: Partial<AdaptPropsSlots<import("@agnos-ui/core").SliderProps>>;
+}> & {
+    adaptParentConfig?: ((config: Partial<{
+        pagination: Partial<AdaptPropsSlots<import("@agnos-ui/core").PaginationProps>>;
+        rating: Partial<AdaptPropsSlots<import("@agnos-ui/core").RatingProps>>;
+        select: Partial<AdaptPropsSlots<import("@agnos-ui/core").SelectProps<any>>>;
+        modal: Partial<AdaptPropsSlots<import("@agnos-ui/core").ModalProps>>;
+        alert: Partial<AdaptPropsSlots<import("@agnos-ui/core").AlertProps>>;
+        accordion: Partial<AdaptPropsSlots<import("@agnos-ui/core").AccordionProps>>;
+        progressbar: Partial<AdaptPropsSlots<import("@agnos-ui/core").ProgressbarProps>>;
+        slider: Partial<AdaptPropsSlots<import("@agnos-ui/core").SliderProps>>;
+    }>) => Partial<{
+        pagination: Partial<AdaptPropsSlots<import("@agnos-ui/core").PaginationProps>>;
+        rating: Partial<AdaptPropsSlots<import("@agnos-ui/core").RatingProps>>;
+        select: Partial<AdaptPropsSlots<import("@agnos-ui/core").SelectProps<any>>>;
+        modal: Partial<AdaptPropsSlots<import("@agnos-ui/core").ModalProps>>;
+        alert: Partial<AdaptPropsSlots<import("@agnos-ui/core").AlertProps>>;
+        accordion: Partial<AdaptPropsSlots<import("@agnos-ui/core").AccordionProps>>;
+        progressbar: Partial<AdaptPropsSlots<import("@agnos-ui/core").ProgressbarProps>>;
+        slider: Partial<AdaptPropsSlots<import("@agnos-ui/core").SliderProps>>;
+    }>) | undefined;
+    children?: ReactNode | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

package/config.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createWidgetsConfig, } from '@agnos-ui/core';
+import { computed } from '@amadeus-it-group/tansu';
+import { createContext, useContext, useEffect, useMemo } from 'react';
+import { usePropsAsStore, useWidget } from './utils';
+export const widgetsConfigFactory = (widgetsConfigContext = createContext(undefined)) => {
+    const useWidgetContext = (widgetName, defaultConfig) => {
+        const widgetsConfig = useContext(widgetsConfigContext);
+        const defaultConfig$ = usePropsAsStore(defaultConfig);
+        return useMemo(() => computed(() => ({ ...defaultConfig$(), ...(widgetName ? widgetsConfig?.()[widgetName] : undefined) })), [widgetsConfig]);
+    };
+    const useWidgetWithConfig = (factory, props, widgetName, defaultProps) => useWidget(factory, props, { config: useWidgetContext(widgetName, defaultProps) });
+    /**
+     * React component that provides in the React context (for all AgnosUI descendant widgets) a new widgets default configuration
+     * store that inherits from any widgets default configuration store already defined at an upper level in the React context hierarchy.
+     * It contains its own set of widgets configuration properties that override the same properties form the parent configuration.
+     *
+     * @remarks
+     * The configuration is computed from the parent configuration in two steps:
+     * - first step: the parent configuration is transformed by the adaptParentConfig function (if specified).
+     * If adaptParentConfig is not specified, this step is skipped.
+     * - second step: the configuration from step 1 is merged (2-levels deep) with the properties of the component.
+     *
+     * @param adaptParentConfig - optional function that receives a 2-levels copy of the widgets default configuration
+     * defined at an upper level in the Svelte context hierarchy (or an empty object if there is none) and returns the widgets
+     * default configuration to be used.
+     * It is called only if the configuration is needed, and was not yet computed for the current value of the parent configuration.
+     * It is called in a tansu reactive context, so it can use any tansu store and will be called again if those stores change.
+     *
+     * @returns the resulting widgets default configuration store, which contains 3 additional properties that are stores:
+     * parent$, adaptedParent$ (containing the value computed after the first step), and own$ (that contains only overridding properties).
+     * The resulting store is writable, its set function is actually the set function of the own$ store.
+     *
+     * @example
+     * ```tsx
+     * <WidgetsDefaultConfig
+     *   adaptParentConfig={(parentConfig) => {
+     *     parentConfig.rating = parentConfig.rating ?? {};
+     *     parentConfig.rating.className = `${parentConfig.rating.className ?? ''} my-rating-extra-class`
+     *     return parentConfig;
+     *   }}
+     *   rating={{slotStar: MyCustomSlotStar}}
+     * />
+     * ```
+     */
+    const WidgetsDefaultConfig = ({ children, adaptParentConfig, ...props }) => {
+        const config$ = useContext(widgetsConfigContext);
+        let storeRecreated = false;
+        const store$ = useMemo(() => {
+            const store = createWidgetsConfig(config$, adaptParentConfig);
+            store.set(props);
+            storeRecreated = true;
+            return store;
+        }, [config$, adaptParentConfig]);
+        useEffect(() => {
+            if (!storeRecreated) {
+                store$.set(props);
+            }
+        }, [props]);
+        return _jsx(widgetsConfigContext.Provider, { value: store$, children: children });
+    };
+    return {
+        /**
+         * React context which can be used to provide or consume the widgets default configuration store.
+         */
+        widgetsConfigContext,
+        useWidgetContext,
+        useWidgetWithConfig,
+        WidgetsDefaultConfig,
+    };
+};
+export const { widgetsConfigContext, useWidgetContext, useWidgetWithConfig, WidgetsDefaultConfig } = widgetsConfigFactory();

package/index.d.ts

@@ -1,34 +1,48 @@
 export * from '@agnos-ui/core';
 export * from './Portal';
 export * from './Slot';
-export * from './WidgetsDefaultConfig';
+export * from './slotTypes';
 export * from './utils';
-import type { WidgetProps, WidgetState } from '@agnos-ui/core';
-import type { AdaptSlotContentProps, AdaptWidgetSlots } from './utils';
-export type { SlotContent, WidgetsConfig } from './utils';
+export * from './config';
+import type { PropsConfig, WidgetFactory, WidgetProps, WidgetState } from '@agnos-ui/core';
+import type { AdaptSlotContentProps, AdaptWidgetSlots } from './slotTypes';
+export type { SlotContent } from './slotTypes';
+export type { WidgetsConfig } from './config';
 export type AccordionWidget = AdaptWidgetSlots<import('@agnos-ui/core').AccordionWidget>;
 export type AccordionProps = WidgetProps<AccordionWidget>;
 export type AccordionState = WidgetState<AccordionWidget>;
+export type AccordionApi = AccordionWidget['api'];
 export type AccordionItemWidget = AdaptWidgetSlots<import('@agnos-ui/core').AccordionItemWidget>;
 export type AccordionItemProps = WidgetProps<AccordionItemWidget>;
 export type AccordionItemState = WidgetState<AccordionItemWidget>;
 export type AccordionItemContext = AdaptSlotContentProps<import('@agnos-ui/core').AccordionItemContext>;
+export declare const createAccordion: WidgetFactory<AccordionWidget>;
 export type AlertWidget = AdaptWidgetSlots<import('@agnos-ui/core').AlertWidget>;
 export type AlertProps = WidgetProps<AlertWidget>;
 export type AlertState = WidgetState<AlertWidget>;
 export type AlertContext = AdaptSlotContentProps<import('@agnos-ui/core').AlertContext>;
+export declare const createAlert: WidgetFactory<AlertWidget>;
 export type ModalWidget = AdaptWidgetSlots<import('@agnos-ui/core').ModalWidget>;
 export type ModalProps = WidgetProps<ModalWidget>;
 export type ModalState = WidgetState<ModalWidget>;
 export type ModalContext = AdaptSlotContentProps<import('@agnos-ui/core').ModalContext>;
+export declare const createModal: WidgetFactory<ModalWidget>;
 export type PaginationWidget = AdaptWidgetSlots<import('@agnos-ui/core').PaginationWidget>;
 export type PaginationProps = WidgetProps<PaginationWidget>;
 export type PaginationState = WidgetState<PaginationWidget>;
 export type PaginationContext = AdaptSlotContentProps<import('@agnos-ui/core').PaginationContext>;
 export type PaginationNumberContext = AdaptSlotContentProps<import('@agnos-ui/core').PaginationNumberContext>;
+export declare const createPagination: WidgetFactory<PaginationWidget>;
 export type RatingWidget = AdaptWidgetSlots<import('@agnos-ui/core').RatingWidget>;
 export type RatingProps = WidgetProps<RatingWidget>;
 export type RatingState = WidgetState<RatingWidget>;
+export declare const createRating: WidgetFactory<RatingWidget>;
 export type SelectWidget<Item> = AdaptWidgetSlots<import('@agnos-ui/core').SelectWidget<Item>>;
 export type SelectProps<Item> = WidgetProps<SelectWidget<Item>>;
 export type SelectState<Item> = WidgetState<SelectWidget<Item>>;
+export declare const createSelect: <Item>(propsConfig?: PropsConfig<SelectProps<Item>>) => SelectWidget<Item>;
+export type ProgressbarWidget = AdaptWidgetSlots<import('@agnos-ui/core').ProgressbarWidget>;
+export type ProgressbarProps = WidgetProps<ProgressbarWidget>;
+export type ProgressbarState = WidgetState<ProgressbarWidget>;
+export type ProgressbarContext = AdaptSlotContentProps<import('@agnos-ui/core').ProgressbarContext>;
+export declare const createProgressbar: WidgetFactory<ProgressbarWidget>;

package/index.js

@@ -1,5 +1,20 @@
 export * from '@agnos-ui/core';
 export * from './Portal';
 export * from './Slot';
-export * from './WidgetsDefaultConfig';
+export * from './slotTypes';
 export * from './utils';
+export * from './config';
+import { createAccordion as coreCreateAccordion } from '@agnos-ui/core';
+export const createAccordion = coreCreateAccordion;
+import { createAlert as coreCreateAlert } from '@agnos-ui/core';
+export const createAlert = coreCreateAlert;
+import { createModal as coreCreateModal } from '@agnos-ui/core';
+export const createModal = coreCreateModal;
+import { createPagination as coreCreatePagination } from '@agnos-ui/core';
+export const createPagination = coreCreatePagination;
+import { createRating as coreCreateRating } from '@agnos-ui/core';
+export const createRating = coreCreateRating;
+import { createSelect as coreCreateSelect } from '@agnos-ui/core';
+export const createSelect = coreCreateSelect;
+import { createProgressbar as coreCreateProgressbar } from '@agnos-ui/core';
+export const createProgressbar = coreCreateProgressbar;

package/package.json

@@ -11,8 +11,8 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core": "0.0.1-alpha.1",
-		"@amadeus-it-group/tansu": "0.0.22",
+		"@agnos-ui/core": "0.0.1-alpha.4",
+		"@amadeus-it-group/tansu": "0.0.23",
 		"classnames": "^2.3.2"
 	},
 	"peerDependencies": {
@@ -20,7 +20,7 @@
 		"react-dom": "*"
 	},
 	"sideEffects": false,
-	"version": "0.0.1-alpha.1",
+	"version": "0.0.1-alpha.4",
 	"homepage": "https://amadeusitgroup.github.io/AgnosUI/latest/",
 	"bugs": "https://github.com/AmadeusITGroup/AgnosUI/issues",
 	"license": "MIT",
@@ -38,6 +38,7 @@
 		"alert",
 		"modal",
 		"pagination",
-		"rating"
+		"rating",
+		"slider"
 	]
 }

package/slotTypes.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { SlotContent as CoreSlotContent, Widget, WidgetFactory, WidgetProps, WidgetSlotContext, WidgetState } from '@agnos-ui/core';
+export type SlotContent<Props extends object = object> = CoreSlotContent<Props> | ((props: Props) => React.ReactNode) | React.ComponentType<Props> | React.ReactNode;
+export type AdaptSlotContentProps<Props extends Record<string, any>> = Props extends WidgetSlotContext<infer U> ? WidgetSlotContext<AdaptWidgetSlots<U>> & AdaptPropsSlots<Omit<Props, keyof WidgetSlotContext<any>>> : AdaptPropsSlots<Props>;
+export type AdaptPropsSlots<Props> = Omit<Props, `slot${string}`> & {
+    [K in keyof Props & `slot${string}`]: Props[K] extends CoreSlotContent<infer U> ? SlotContent<AdaptSlotContentProps<U>> : Props[K];
+};
+export type AdaptWidgetFactories<T> = {
+    [K in keyof T]: T[K] extends WidgetFactory<infer U> ? WidgetFactory<AdaptWidgetSlots<U>> : T[K];
+};
+export type AdaptWidgetSlots<W extends Widget> = Widget<AdaptPropsSlots<WidgetProps<W>>, AdaptPropsSlots<WidgetState<W>>, AdaptWidgetFactories<W['api']>, W['actions'], W['directives']>;

package/slotTypes.js

@@ -0,0 +1 @@
+export {};

package/utils.d.ts

@@ -1,22 +1,8 @@
-import type { Directive, Widget, WidgetFactory, WidgetProps, WidgetState, WidgetsConfigStore } from '@agnos-ui/core';
+import type { Directive, Widget, WidgetProps, WidgetState } from '@agnos-ui/core';
 import type { ReadableSignal } from '@amadeus-it-group/tansu';
 import type { RefCallback } from 'react';
-import type { SlotContent as CoreSlotContent, WidgetsConfig as CoreWidgetsConfig, WidgetSlotContext } from '@agnos-ui/core';
-export type SlotContent<Props extends object = object> = CoreSlotContent<Props> | ((props: Props) => React.ReactNode) | React.ComponentType<Props> | React.ReactNode;
-export type AdaptSlotContentProps<Props extends Record<string, any>> = Props extends WidgetSlotContext<infer U> ? WidgetSlotContext<AdaptWidgetSlots<U>> & AdaptPropsSlots<Omit<Props, keyof WidgetSlotContext<any>>> : AdaptPropsSlots<Props>;
-export type AdaptPropsSlots<Props> = Omit<Props, `slot${string}`> & {
-    [K in keyof Props & `slot${string}`]: Props[K] extends CoreSlotContent<infer U> ? SlotContent<AdaptSlotContentProps<U>> : Props[K];
-};
-export type WidgetsConfig = {
-    [WidgetName in keyof CoreWidgetsConfig]: AdaptPropsSlots<CoreWidgetsConfig[WidgetName]>;
-};
-export type AdaptWidgetSlots<W extends Widget> = Widget<AdaptPropsSlots<WidgetProps<W>>, AdaptPropsSlots<WidgetState<W>>, W['api'], W['actions'], W['directives']>;
 export declare function useWidget<Factory extends (...arg: any[]) => Widget>(createWidget: Factory, props?: Partial<WidgetProps<ReturnType<Factory>>>, ...initProps: Parameters<Factory>): [WidgetState<ReturnType<Factory>>, ReturnType<Factory>];
 export declare function useObservable<T>(store$: ReadableSignal<T>): T;
 export declare function useDirective(directive: Directive<void>): RefCallback<HTMLElement>;
 export declare function useDirective<T>(directive: Directive<T>, args: T): RefCallback<HTMLElement>;
-/**
- * React context which can be used to provide or consume the widgets default configuration store.
- */
-export declare const widgetsConfigContext: import("react").Context<WidgetsConfigStore<WidgetsConfig> | undefined>;
-export declare const useWidgetWithConfig: <W extends Widget<object, object, object, object, object>>(factory: WidgetFactory<W>, props: Partial<AdaptPropsSlots<WidgetProps<W>>> | undefined, widgetName: keyof WidgetsConfig | null, defaultProps?: Partial<AdaptPropsSlots<WidgetProps<W>>> | undefined) => [AdaptPropsSlots<WidgetState<W>>, AdaptWidgetSlots<W>];
+export declare const usePropsAsStore: <T extends object>(props?: Partial<T> | undefined) => ReadableSignal<Partial<T>>;

package/utils.js

@@ -1,6 +1,6 @@
 import { findChangedProperties } from '@agnos-ui/core';
-import { asReadable, computed, writable } from '@amadeus-it-group/tansu';
-import { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { asReadable, writable } from '@amadeus-it-group/tansu';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 export function useWidget(createWidget, props = {}, ...initProps) {
     const apiRef = useRef(undefined);
     if (!apiRef.current) {
@@ -44,12 +44,8 @@ export function useDirective(directive, args) {
     instance.current?.update?.(args);
     return ref;
 }
-/**
- * React context which can be used to provide or consume the widgets default configuration store.
- */
-export const widgetsConfigContext = createContext(undefined);
 const propsEqual = (a, b) => !findChangedProperties(a, b);
-const usePropsAsStore = (props) => {
+export const usePropsAsStore = (props) => {
     const storeRef = useRef();
     if (!storeRef.current) {
         storeRef.current = writable({ ...props }, { equal: propsEqual });
@@ -59,9 +55,3 @@ const usePropsAsStore = (props) => {
     }, [props]);
     return useMemo(() => asReadable(storeRef.current), [storeRef.current]);
 };
-const useWidgetContext = (widgetName, defaultConfig) => {
-    const widgetsConfig = useContext(widgetsConfigContext);
-    const defaultConfig$ = usePropsAsStore(defaultConfig);
-    return useMemo(() => computed(() => ({ ...defaultConfig$(), ...(widgetName ? widgetsConfig?.()[widgetName] : undefined) })), [widgetsConfig]);
-};
-export const useWidgetWithConfig = (factory, props, widgetName, defaultProps) => useWidget(factory, props, useWidgetContext(widgetName, defaultProps));

package/WidgetsDefaultConfig.d.ts

@@ -1,48 +0,0 @@
-import type { Partial2Levels } from '@agnos-ui/core';
-import type { PropsWithChildren } from 'react';
-import type { WidgetsConfig } from './utils';
-/**
- * React component that provides in the React context (for all AgnosUI descendant widgets) a new widgets default configuration
- * store that inherits from any widgets default configuration store already defined at an upper level in the React context hierarchy.
- * It contains its own set of widgets configuration properties that override the same properties form the parent configuration.
- *
- * @remarks
- * The configuration is computed from the parent configuration in two steps:
- * - first step: the parent configuration is transformed by the adaptParentConfig function (if specified).
- * If adaptParentConfig is not specified, this step is skipped.
- * - second step: the configuration from step 1 is merged (2-levels deep) with the properties of the component.
- *
- * @param adaptParentConfig - optional function that receives a 2-levels copy of the widgets default configuration
- * defined at an upper level in the Svelte context hierarchy (or an empty object if there is none) and returns the widgets
- * default configuration to be used.
- * It is called only if the configuration is needed, and was not yet computed for the current value of the parent configuration.
- * It is called in a tansu reactive context, so it can use any tansu store and will be called again if those stores change.
- *
- * @returns the resulting widgets default configuration store, which contains 3 additional properties that are stores:
- * parent$, adaptedParent$ (containing the value computed after the first step), and own$ (that contains only overridding properties).
- * The resulting store is writable, its set function is actually the set function of the own$ store.
- *
- * @example
- * ```tsx
- * <WidgetsDefaultConfig
- *   adaptParentConfig={(parentConfig) => {
- *     parentConfig.rating = parentConfig.rating ?? {};
- *     parentConfig.rating.className = `${parentConfig.rating.className ?? ''} my-rating-extra-class`
- *     return parentConfig;
- *   }}
- *   rating={{slotStar: MyCustomSlotStar}}
- * />
- * ```
- */
-export declare const WidgetsDefaultConfig: ({ children, adaptParentConfig, ...props }: Partial<{
-    pagination: Partial<import("./utils").AdaptPropsSlots<import("@agnos-ui/core").PaginationProps>>;
-    rating: Partial<import("./utils").AdaptPropsSlots<import("@agnos-ui/core").RatingProps>>;
-    select: Partial<import("./utils").AdaptPropsSlots<import("@agnos-ui/core").SelectProps<any>>>;
-    modal: Partial<import("./utils").AdaptPropsSlots<import("@agnos-ui/core").ModalProps>>;
-    alert: Partial<import("./utils").AdaptPropsSlots<import("@agnos-ui/core").AlertProps>>;
-    accordion: Partial<import("./utils").AdaptPropsSlots<import("@agnos-ui/core").AccordionProps>>;
-}> & {
-    children?: import("react").ReactNode;
-} & {
-    adaptParentConfig?: ((config: Partial2Levels<WidgetsConfig>) => Partial2Levels<WidgetsConfig>) | undefined;
-}) => import("react/jsx-runtime").JSX.Element;

package/WidgetsDefaultConfig.js

@@ -1,53 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createWidgetsConfig } from '@agnos-ui/core';
-import { useContext, useEffect, useMemo } from 'react';
-import { widgetsConfigContext } from './utils';
-/**
- * React component that provides in the React context (for all AgnosUI descendant widgets) a new widgets default configuration
- * store that inherits from any widgets default configuration store already defined at an upper level in the React context hierarchy.
- * It contains its own set of widgets configuration properties that override the same properties form the parent configuration.
- *
- * @remarks
- * The configuration is computed from the parent configuration in two steps:
- * - first step: the parent configuration is transformed by the adaptParentConfig function (if specified).
- * If adaptParentConfig is not specified, this step is skipped.
- * - second step: the configuration from step 1 is merged (2-levels deep) with the properties of the component.
- *
- * @param adaptParentConfig - optional function that receives a 2-levels copy of the widgets default configuration
- * defined at an upper level in the Svelte context hierarchy (or an empty object if there is none) and returns the widgets
- * default configuration to be used.
- * It is called only if the configuration is needed, and was not yet computed for the current value of the parent configuration.
- * It is called in a tansu reactive context, so it can use any tansu store and will be called again if those stores change.
- *
- * @returns the resulting widgets default configuration store, which contains 3 additional properties that are stores:
- * parent$, adaptedParent$ (containing the value computed after the first step), and own$ (that contains only overridding properties).
- * The resulting store is writable, its set function is actually the set function of the own$ store.
- *
- * @example
- * ```tsx
- * <WidgetsDefaultConfig
- *   adaptParentConfig={(parentConfig) => {
- *     parentConfig.rating = parentConfig.rating ?? {};
- *     parentConfig.rating.className = `${parentConfig.rating.className ?? ''} my-rating-extra-class`
- *     return parentConfig;
- *   }}
- *   rating={{slotStar: MyCustomSlotStar}}
- * />
- * ```
- */
-export const WidgetsDefaultConfig = ({ children, adaptParentConfig, ...props }) => {
-    const config$ = useContext(widgetsConfigContext);
-    let storeRecreated = false;
-    const store$ = useMemo(() => {
-        const store = createWidgetsConfig(config$, adaptParentConfig);
-        store.set(props);
-        storeRecreated = true;
-        return store;
-    }, [config$, adaptParentConfig]);
-    useEffect(() => {
-        if (!storeRecreated) {
-            store$.set(props);
-        }
-    }, [props]);
-    return _jsx(widgetsConfigContext.Provider, { value: store$, children: children });
-};