@baloise/ds-react 20.0.0-next.10 → 20.0.0-next.11

package/dist/components/ds-root-provider.shared.d.ts

@@ -1,10 +1,14 @@
 import { ComponentProps, type ComponentType } from 'react';
-import { type DsLanguage } from '@baloise/ds-core';
+import { type DsConfig, type DsLanguage } from '@baloise/ds-core';
 import type { DsRoot as DsRootClient } from '../generated/components';
 type DsRootProps = ComponentProps<typeof DsRootClient>;
 export type DsRootProviderProps = Omit<DsRootProps, 'allowedLanguages'> & {
     allowedLanguages?: DsLanguage[] | string;
 };
 type DsRootComponent = ComponentType<DsRootProps>;
+export declare function serializeAllowedLanguages(value: DsLanguage[] | string | undefined): string | undefined;
+export declare function parseAllowedLanguages(value: DsLanguage[] | string | undefined): DsLanguage[] | undefined;
+export declare function omitUndefined<T extends object>(value: T): Partial<T>;
+export declare function ensureInit(config: DsConfig): void;
 export declare function createDsRootProvider(DsRoot: DsRootComponent): import("react").ForwardRefExoticComponent<Omit<DsRootProviderProps, "ref"> & import("react").RefAttributes<import("packages/core/components/ds-root").DsRoot>>;
 export {};

package/dist/components/ds-root-provider.shared.js

@@ -12,10 +12,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from 'react';
 import { initializeDesignSystem } from '@baloise/ds-core';
-function serializeAllowedLanguages(value) {
+export function serializeAllowedLanguages(value) {
     return Array.isArray(value) ? value.join(',') : value;
 }
-function parseAllowedLanguages(value) {
+export function parseAllowedLanguages(value) {
     if (Array.isArray(value)) {
         return value;
     }
@@ -24,10 +24,10 @@ function parseAllowedLanguages(value) {
     }
     return value.split(',').map(language => language.trim());
 }
-function omitUndefined(value) {
+export function omitUndefined(value) {
     return Object.fromEntries(Object.entries(value).filter(([, item]) => item !== undefined));
 }
-function ensureInit(config) {
+export function ensureInit(config) {
     var _a;
     if (typeof window === 'undefined') {
         return;

package/dist/components/ds-root-ssr-boot.d.ts

@@ -0,0 +1,4 @@
+import type { DsConfig } from '@baloise/ds-core';
+export declare function DsRootSSRBoot({ config }: {
+    config: DsConfig;
+}): null;

package/dist/components/ds-root-ssr-boot.js

@@ -0,0 +1,15 @@
+'use client';
+import { useEffect, useRef } from 'react';
+import { ensureInit } from './ds-root-provider.shared';
+export function DsRootSSRBoot({ config }) {
+    const initialized = useRef(false);
+    useEffect(() => {
+        if (initialized.current) {
+            return;
+        }
+        initialized.current = true;
+        ensureInit(config);
+        void import('@baloise/ds-core/loader').then(({ defineCustomElements }) => defineCustomElements());
+    }, [config]);
+    return null;
+}

package/dist/components/ds-root-ssr-provider.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+import type { DsConfig, DsLanguage } from '@baloise/ds-core';
+export type DsRootSSRProviderProps = Omit<DsConfig, 'allowedLanguages'> & {
+    allowedLanguages?: DsLanguage[] | string;
+    children?: ReactNode;
+};
+export declare function DsRootSSRProvider({ children, allowedLanguages, ...config }: DsRootSSRProviderProps): import("react").JSX.Element;

package/dist/components/ds-root-ssr-provider.js

@@ -0,0 +1,20 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { omitUndefined, parseAllowedLanguages } from './ds-root-provider.shared';
+import { DsRootSSRBoot } from './ds-root-ssr-boot';
+// Does not render `<ds-root>` — its SSR wrapper flattens children into static HTML.
+export function DsRootSSRProvider(_a) {
+    var { children, allowedLanguages } = _a, config = __rest(_a, ["children", "allowedLanguages"]);
+    const resolvedConfig = omitUndefined(Object.assign(Object.assign({}, config), { allowedLanguages: parseAllowedLanguages(allowedLanguages) }));
+    return (_jsxs(_Fragment, { children: [_jsx(DsRootSSRBoot, { config: resolvedConfig }), children] }));
+}

package/dist/index.d.ts

@@ -3,6 +3,8 @@ export type * from './generated/components';
 export * from './wrappers';
 export { DsRootProvider } from './components/ds-root-provider';
 export type { DsRootProviderProps } from './components/ds-root-provider';
+export { DsRootSSRProvider } from './components/ds-root-ssr-provider';
+export type { DsRootSSRProviderProps } from './components/ds-root-ssr-provider';
 export { Modal } from './components/modal';
 export type { ModalProps } from './components/modal';
 export * from './hooks';

package/dist/index.js

@@ -1,5 +1,6 @@
 export { bootstrapDesignSystem } from './bootstrap';
 export * from './wrappers';
 export { DsRootProvider } from './components/ds-root-provider';
+export { DsRootSSRProvider } from './components/ds-root-ssr-provider';
 export { Modal } from './components/modal';
 export * from './hooks';

package/dist/index.server.d.ts

@@ -3,6 +3,8 @@ export type * from './generated/components.server';
 export * from './wrappers.server';
 export { DsRootProvider } from './components/ds-root-provider.server';
 export type { DsRootProviderProps } from './components/ds-root-provider.server';
+export { DsRootSSRProvider } from './components/ds-root-ssr-provider';
+export type { DsRootSSRProviderProps } from './components/ds-root-ssr-provider';
 export { Modal } from './components/modal';
 export type { ModalProps } from './components/modal';
 export * from './hooks';

package/dist/index.server.js

@@ -1,5 +1,6 @@
 export { bootstrapDesignSystem } from './bootstrap';
 export * from './wrappers.server';
 export { DsRootProvider } from './components/ds-root-provider.server';
+export { DsRootSSRProvider } from './components/ds-root-ssr-provider';
 export { Modal } from './components/modal';
 export * from './hooks';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@baloise/ds-react",
-  "version": "20.0.0-next.10",
+  "version": "20.0.0-next.11",
   "description": "The Helvetia Design System is an open source project for styling awesome web applications that follow the Helvetia corporate styling guidelines.",
   "repository": {
     "type": "git",
@@ -34,7 +34,7 @@
     "react-dom": "^18.0.0 || ^19.0.0"
   },
   "dependencies": {
-    "@baloise/ds-core": "20.0.0-next.10",
+    "@baloise/ds-core": "20.0.0-next.11",
     "@stencil/react-output-target": "1.6.2"
   },
   "devDependencies": {