@agnos-ui/svelte-headless 0.2.0 → 0.3.0

package/Slot.svelte

@@ -1,8 +1,7 @@
 <script lang="ts">
-	import {BROWSER} from 'esm-env';
 	import type {SlotContent, SlotSvelteComponent} from './types';
-	import {useSvelteSlot} from './types';
 	import {isSvelteComponent} from './utils/widget';
+	import {useSvelteSlot} from './types';
 	type Props = $$Generic<object>; // eslint-disable-line no-undef
 	// cf https://github.com/ota-meshi/eslint-plugin-svelte/issues/348
 	// eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -12,13 +11,6 @@
 	};
 	export let slotContent: SlotContent<Props> = null;
 	export let props: Props;
-
-	// Workaround for a svelte issue that prevents code generation for SSR/slot
-	// To be removed when https://github.com/sveltejs/svelte/issues/9137 is fixed
-	if (!BROWSER) {
-		// @ts-expect-error Setting the global variable `props`, which is not defined in the SSR Svelte-kit compilation
-		globalThis['props'] = props;
-	}
 </script>
 
 {#if slotContent === useSvelteSlot}

package/components/accordion/accordion.d.ts

@@ -1,12 +1 @@
-import type { AdaptSlotContentProps, AdaptWidgetSlots, WidgetFactory, WidgetProps, WidgetState, WidgetPropsSlots } from '../../types';
 export * from '@agnos-ui/core/components/accordion';
-export type AccordionWidget = AdaptWidgetSlots<import('@agnos-ui/core/components/accordion').AccordionWidget>;
-export type AccordionProps = WidgetProps<AccordionWidget>;
-export type AccordionState = WidgetState<AccordionWidget>;
-export type AccordionApi = AccordionWidget['api'];
-export type AccordionSlots = WidgetPropsSlots<AccordionProps>;
-export type AccordionItemWidget = AdaptWidgetSlots<import('@agnos-ui/core/components/accordion').AccordionItemWidget>;
-export type AccordionItemProps = WidgetProps<AccordionItemWidget>;
-export type AccordionItemState = WidgetState<AccordionItemWidget>;
-export type AccordionItemContext = AdaptSlotContentProps<import('@agnos-ui/core/components/accordion').AccordionItemContext>;
-export declare const createAccordion: WidgetFactory<AccordionWidget>;

package/components/accordion/accordion.js

@@ -1,3 +1 @@
 export * from '@agnos-ui/core/components/accordion';
-import { createAccordion as coreCreateAccordion } from '@agnos-ui/core/components/accordion';
-export const createAccordion = coreCreateAccordion;

package/components/alert/alert.d.ts

@@ -1,7 +1 @@
-import type { AdaptWidgetSlots, WidgetPropsSlots, WidgetFactory, WidgetProps, WidgetState } from '../../types';
 export * from '@agnos-ui/core/components/alert';
-export type AlertWidget = AdaptWidgetSlots<import('@agnos-ui/core/components/alert').AlertWidget>;
-export type AlertProps = WidgetProps<AlertWidget>;
-export type AlertState = WidgetState<AlertWidget>;
-export type AlertSlots = WidgetPropsSlots<AlertProps>;
-export declare const createAlert: WidgetFactory<AlertWidget>;

package/components/alert/alert.js

@@ -1,3 +1 @@
 export * from '@agnos-ui/core/components/alert';
-import { createAlert as coreCreateAlert } from '@agnos-ui/core/components/alert';
-export const createAlert = coreCreateAlert;

package/components/modal/modal.d.ts

@@ -1,8 +1 @@
-import type { AdaptSlotContentProps, AdaptWidgetSlots, WidgetPropsSlots, PropsConfig, WidgetProps, WidgetState } from '../../types';
 export * from '@agnos-ui/core/components/modal';
-export type ModalWidget<Data> = AdaptWidgetSlots<import('@agnos-ui/core/components/modal').ModalWidget<Data>>;
-export type ModalProps<Data> = WidgetProps<ModalWidget<Data>>;
-export type ModalState<Data> = WidgetState<ModalWidget<Data>>;
-export type ModalContext<Data> = AdaptSlotContentProps<import('@agnos-ui/core/components/modal').ModalContext<Data>>;
-export type ModalSlots<Data> = WidgetPropsSlots<ModalProps<Data>>;
-export declare const createModal: <Data>(propsConfig?: PropsConfig<ModalProps<Data>>) => ModalWidget<Data>;

package/components/modal/modal.js

@@ -1,3 +1 @@
 export * from '@agnos-ui/core/components/modal';
-import { createModal as coreCreateModal } from '@agnos-ui/core/components/modal';
-export const createModal = coreCreateModal;

package/components/pagination/pagination.d.ts

@@ -1,9 +1 @@
-import type { AdaptSlotContentProps, AdaptWidgetSlots, WidgetPropsSlots, WidgetFactory, WidgetProps, WidgetState } from '../../types';
 export * from '@agnos-ui/core/components/pagination';
-export type PaginationWidget = AdaptWidgetSlots<import('@agnos-ui/core/components/pagination').PaginationWidget>;
-export type PaginationProps = WidgetProps<PaginationWidget>;
-export type PaginationState = WidgetState<PaginationWidget>;
-export type PaginationContext = AdaptSlotContentProps<import('@agnos-ui/core/components/pagination').PaginationContext>;
-export type PaginationNumberContext = AdaptSlotContentProps<import('@agnos-ui/core/components/pagination').PaginationNumberContext>;
-export type PaginationSlots = WidgetPropsSlots<PaginationProps>;
-export declare const createPagination: WidgetFactory<PaginationWidget>;

package/components/pagination/pagination.js

@@ -1,3 +1 @@
-import { createPagination as coreCreatePagination } from '@agnos-ui/core/components/pagination';
 export * from '@agnos-ui/core/components/pagination';
-export const createPagination = coreCreatePagination;

package/components/progressbar/progressbar.d.ts

@@ -1,7 +1 @@
-import type { AdaptWidgetSlots, WidgetPropsSlots, WidgetFactory, WidgetProps, WidgetState } from '../../types';
 export * from '@agnos-ui/core/components/progressbar';
-export type ProgressbarWidget = AdaptWidgetSlots<import('@agnos-ui/core/components/progressbar').ProgressbarWidget>;
-export type ProgressbarProps = WidgetProps<ProgressbarWidget>;
-export type ProgressbarState = WidgetState<ProgressbarWidget>;
-export type ProgressbarSlots = WidgetPropsSlots<ProgressbarProps>;
-export declare const createProgressbar: WidgetFactory<ProgressbarWidget>;

package/components/progressbar/progressbar.js

@@ -1,3 +1 @@
 export * from '@agnos-ui/core/components/progressbar';
-import { createProgressbar as coreCreateProgressbar } from '@agnos-ui/core/components/progressbar';
-export const createProgressbar = coreCreateProgressbar;

package/components/rating/rating.d.ts

@@ -1,7 +1 @@
-import type { AdaptWidgetSlots, WidgetPropsSlots, WidgetFactory, WidgetProps, WidgetState } from '../../types';
 export * from '@agnos-ui/core/components/rating';
-export type RatingWidget = AdaptWidgetSlots<import('@agnos-ui/core/components/rating').RatingWidget>;
-export type RatingProps = WidgetProps<RatingWidget>;
-export type RatingState = WidgetState<RatingWidget>;
-export type RatingSlots = WidgetPropsSlots<RatingProps>;
-export declare const createRating: WidgetFactory<RatingWidget>;

package/components/rating/rating.js

@@ -1,3 +1 @@
 export * from '@agnos-ui/core/components/rating';
-import { createRating as coreCreateRating } from '@agnos-ui/core/components/rating';
-export const createRating = coreCreateRating;

package/components/select/select.d.ts

@@ -1,7 +1 @@
-import type { AdaptWidgetSlots, WidgetPropsSlots, PropsConfig, WidgetProps, WidgetState } from '../../types';
 export * from '@agnos-ui/core/components/select';
-export type SelectWidget<Item> = AdaptWidgetSlots<import('@agnos-ui/core/components/select').SelectWidget<Item>>;
-export type SelectProps<Item> = WidgetProps<SelectWidget<Item>>;
-export type SelectState<Item> = WidgetState<SelectWidget<Item>>;
-export type SelectSlots<Item> = WidgetPropsSlots<SelectProps<Item>>;
-export declare const createSelect: <Item>(propsConfig?: PropsConfig<SelectProps<Item>>) => SelectWidget<Item>;

package/components/select/select.js

@@ -1,3 +1 @@
 export * from '@agnos-ui/core/components/select';
-import { createSelect as coreCreateSelect } from '@agnos-ui/core/components/select';
-export const createSelect = coreCreateSelect;

package/components/slider/slider.d.ts

@@ -1,7 +1 @@
-import type { AdaptWidgetSlots, WidgetPropsSlots, WidgetFactory, WidgetProps, WidgetState } from '../../types';
 export * from '@agnos-ui/core/components/slider';
-export type SliderWidget = AdaptWidgetSlots<import('@agnos-ui/core/components/slider').SliderWidget>;
-export type SliderProps = WidgetProps<SliderWidget>;
-export type SliderState = WidgetState<SliderWidget>;
-export type SliderSlots = WidgetPropsSlots<SliderProps>;
-export declare const createSlider: WidgetFactory<SliderWidget>;

package/components/slider/slider.js

@@ -1,3 +1 @@
 export * from '@agnos-ui/core/components/slider';
-import { createSlider as coreCreateSlider } from '@agnos-ui/core/components/slider';
-export const createSlider = coreCreateSlider;

package/components/toast/toast.d.ts

@@ -1,7 +1 @@
-import type { AdaptWidgetSlots, WidgetPropsSlots, WidgetFactory, WidgetProps, WidgetState } from '../../types';
 export * from '@agnos-ui/core/components/toast';
-export type ToastWidget = AdaptWidgetSlots<import('@agnos-ui/core/components/toast').ToastWidget>;
-export type ToastProps = WidgetProps<ToastWidget>;
-export type ToastState = WidgetState<ToastWidget>;
-export type ToastSlots = WidgetPropsSlots<ToastProps>;
-export declare const createToast: WidgetFactory<ToastWidget>;

package/components/toast/toast.js

@@ -1,3 +1 @@
 export * from '@agnos-ui/core/components/toast';
-import { createToast as coreCreateToast } from '@agnos-ui/core/components/toast';
-export const createToast = coreCreateToast;

package/config.d.ts

@@ -10,9 +10,9 @@ type WidgetFactoryInput<Config extends {
 }, W extends Widget> = {
     factory: WidgetFactory<W>;
     widgetName?: null | keyof Config;
-    $$slots: SlotsPresent<WidgetProps<W>>;
+    $$slots?: SlotsPresent<WidgetProps<W>>;
     defaultConfig?: Partial<WidgetProps<W>> | ReadableSignal<Partial<WidgetProps<W>> | undefined>;
-    events: Pick<WidgetProps<W>, keyof WidgetProps<W> & `on${string}Change`>;
+    events?: Pick<WidgetProps<W>, keyof WidgetProps<W> & `on${string}Change`>;
     $$props: Partial<WidgetProps<W>>;
 };
 type AdaptParentConfig<Config> = (config: Partial2Levels<Config>) => Partial2Levels<Config>;

package/generated/index.d.ts

@@ -2,6 +2,7 @@ export * from './services/siblingsInert';
 export * from './services/resizeObserver';
 export * from './services/portal';
 export * from './services/navManager';
+export * from './services/matchMedia';
 export * from './services/intersection';
 export * from './services/hash';
 export * from './services/focustrack';
@@ -10,7 +11,6 @@ export * from './services/extendWidget';
 export * from './services/transitions/simpleClassTransition';
 export * from './services/transitions/cssTransitions';
 export * from './services/transitions/collapse';
-export * from './services/transitions/bootstrap';
 export * from './services/transitions/baseTransitions';
 export * from './utils/writables';
 export * from './utils/stores';

package/generated/index.js

@@ -2,6 +2,7 @@ export * from './services/siblingsInert';
 export * from './services/resizeObserver';
 export * from './services/portal';
 export * from './services/navManager';
+export * from './services/matchMedia';
 export * from './services/intersection';
 export * from './services/hash';
 export * from './services/focustrack';
@@ -10,7 +11,6 @@ export * from './services/extendWidget';
 export * from './services/transitions/simpleClassTransition';
 export * from './services/transitions/cssTransitions';
 export * from './services/transitions/collapse';
-export * from './services/transitions/bootstrap';
 export * from './services/transitions/baseTransitions';
 export * from './utils/writables';
 export * from './utils/stores';

package/generated/services/matchMedia.d.ts

@@ -0,0 +1 @@
+export * from '@agnos-ui/core/services/matchMedia';

package/generated/services/matchMedia.js

@@ -0,0 +1 @@
+export * from '@agnos-ui/core/services/matchMedia';

package/package.json

@@ -1,6 +1,7 @@
 {
 	"name": "@agnos-ui/svelte-headless",
 	"description": "Headless widget library for Svelte.",
+	"version": "0.3.0",
 	"type": "module",
 	"main": "./index.js",
 	"module": "./index.js",
@@ -48,33 +49,33 @@
 		}
 	},
 	"dependencies": {
-		"@agnos-ui/core": "0.2.0",
-		"esm-env": "^1.0.0"
+		"@agnos-ui/core": "0.3.0"
 	},
 	"peerDependencies": {
 		"@amadeus-it-group/tansu": "*",
 		"svelte": "*"
 	},
 	"sideEffects": false,
-	"version": "0.2.0",
 	"homepage": "https://amadeusitgroup.github.io/AgnosUI/latest/",
 	"bugs": "https://github.com/AmadeusITGroup/AgnosUI/issues",
 	"license": "MIT",
 	"repository": {
 		"type": "git",
-		"url": "https://github.com/AmadeusITGroup/AgnosUI.git",
+		"url": "git+https://github.com/AmadeusITGroup/AgnosUI.git",
 		"directory": "svelte/headless"
 	},
 	"keywords": [
 		"svelte",
-		"headless",
-		"components",
-		"widgets",
+		"AgnosUI",
 		"accordion",
 		"alert",
+		"components",
 		"modal",
 		"pagination",
+		"progressbar",
 		"rating",
-		"slider"
+		"slider",
+		"toast",
+		"widgets"
 	]
 }

package/types.d.ts

@@ -18,3 +18,4 @@ 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']>;
+export type PropType<Props, K extends keyof Props> = Props[K];

package/utils/widget.d.ts

@@ -14,13 +14,13 @@ import type { SlotContent, SlotSvelteComponent, SlotsPresent, WidgetFactory, Wid
  */
 export declare const callWidgetFactoryWithConfig: <W extends Widget>({ factory, $$slots, defaultConfig, widgetConfig, events, $$props, }: {
     factory: WidgetFactory<W>;
-    $$slots: SlotsPresent<WidgetProps<W>>;
-    defaultConfig?: any;
-    widgetConfig?: ReadableSignal<any> | null | undefined;
-    events: Pick<WidgetProps<W>, `on${string}Change`>;
-    $$props: WidgetProps<W>;
+    $$slots?: SlotsPresent<WidgetProps<W>>;
+    defaultConfig?: Partial<WidgetProps<W>> | ReadableSignal<Partial<WidgetProps<W>> | undefined>;
+    widgetConfig?: null | undefined | ReadableSignal<Partial<WidgetProps<W>> | undefined>;
+    events?: Pick<WidgetProps<W>, keyof WidgetProps<W> & `on${string}Change`>;
+    $$props: Partial<WidgetProps<W>>;
 }) => W & {
-    patchChangedProps: W["patch"];
+    patchChangedProps: W['patch'];
 };
 /**
  * A type guard checking if a provided slot content is a Svelte component.
@@ -28,4 +28,4 @@ export declare const callWidgetFactoryWithConfig: <W extends Widget>({ factory,
  * @param content - the slot content
  * @returns true if the slot content is a svelte component
  */
-export declare const isSvelteComponent: <Props extends object>(content: any) => content is SlotSvelteComponent<Props>;
+export declare const isSvelteComponent: <Props extends object>(content: SlotContent<Props>) => content is SlotSvelteComponent<Props>;

package/utils/widget.js

@@ -51,14 +51,18 @@ const eventStore = (event, prop) => {
 export const callWidgetFactoryWithConfig = ({ factory, $$slots, defaultConfig, widgetConfig, events, $$props, }) => {
     const defaultConfig$ = toReadableStore(defaultConfig);
     const processedSlots = {};
-    for (const [name, present] of Object.entries($$slots)) {
-        if (present) {
-            processedSlots[`slot${name[0].toUpperCase()}${name.substring(1)}`] = useSvelteSlot;
+    if ($$slots) {
+        for (const [name, present] of Object.entries($$slots)) {
+            if (present) {
+                processedSlots[`slot${name[0].toUpperCase()}${name.substring(1)}`] = useSvelteSlot;
+            }
         }
     }
     const props = { ...$$props };
-    for (const event of Object.keys(events)) {
-        props[event] = eventStore(events[event], $$props[event]);
+    if (events) {
+        for (const event of Object.keys(events)) {
+            props[event] = eventStore(events[event], $$props[event]);
+        }
     }
     const widget = factory({
         config: computed(() => ({ ...defaultConfig$(), ...widgetConfig?.(), ...processedSlots })),

package/generated/services/transitions/bootstrap.d.ts

@@ -1 +0,0 @@
-export * from '@agnos-ui/core/services/transitions/bootstrap';

package/generated/services/transitions/bootstrap.js

@@ -1 +0,0 @@
-export * from '@agnos-ui/core/services/transitions/bootstrap';