@pallasoft/ps-core-components 2.35.2 → 2.36.0

package/dist/components/ps-page-skeleton.d.ts

@@ -1,9 +1,10 @@
 import type { ReactNode } from 'react';
 export interface PsPageSkeletonProps {
+    actions?: ReactNode;
     children: ReactNode;
     hasActions?: boolean;
     isNarrow?: boolean;
     loadingLabel: string;
     title?: string;
 }
-export declare const PsPageSkeleton: ({ children, hasActions, isNarrow, loadingLabel, title, }: PsPageSkeletonProps) => import("react").JSX.Element;
+export declare const PsPageSkeleton: ({ actions, children, hasActions, isNarrow, loadingLabel, title, }: PsPageSkeletonProps) => import("react").JSX.Element;

package/dist/components/ps-page-skeleton.js

@@ -8,5 +8,5 @@ const ps_page_layout_1 = require("./ps-page-layout");
 const ps_page_stack_1 = require("./ps-page-stack");
 const ps_section_header_1 = require("./ps-section-header");
 const ps_skeleton_1 = require("./ps-skeleton");
-const PsPageSkeleton = ({ children, hasActions = false, isNarrow = false, loadingLabel, title, }) => ((0, jsx_runtime_1.jsx)(ps_page_layout_1.PsPageLayout, { isNarrow: isNarrow, children: (0, jsx_runtime_1.jsxs)(ps_page_stack_1.PsPageStack, { children: [title === undefined ? ((0, jsx_runtime_1.jsx)(ps_section_header_1.PsSectionHeader, { isLoading: true, title: loadingLabel, trailing: hasActions })) : ((0, jsx_runtime_1.jsx)(ps_page_header_1.PsPageHeader, { actions: hasActions ? (0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { shape: ps_skeleton_shape_1.PsSkeletonShape.Button }) : undefined, title: title })), children] }) }));
+const PsPageSkeleton = ({ actions, children, hasActions = false, isNarrow = false, loadingLabel, title, }) => ((0, jsx_runtime_1.jsx)(ps_page_layout_1.PsPageLayout, { isNarrow: isNarrow, children: (0, jsx_runtime_1.jsxs)(ps_page_stack_1.PsPageStack, { children: [title === undefined ? ((0, jsx_runtime_1.jsx)(ps_section_header_1.PsSectionHeader, { isLoading: true, title: loadingLabel, trailing: hasActions })) : ((0, jsx_runtime_1.jsx)(ps_page_header_1.PsPageHeader, { actions: actions !== undefined ? (actions) : hasActions ? ((0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { shape: ps_skeleton_shape_1.PsSkeletonShape.Button })) : undefined, title: title })), children] }) }));
 exports.PsPageSkeleton = PsPageSkeleton;

package/dist/esm/components/ps-page-skeleton.js

@@ -5,4 +5,4 @@ import { PsPageLayout } from './ps-page-layout.js';
 import { PsPageStack } from './ps-page-stack.js';
 import { PsSectionHeader } from './ps-section-header.js';
 import { PsSkeleton } from './ps-skeleton.js';
-export const PsPageSkeleton = ({ children, hasActions = false, isNarrow = false, loadingLabel, title, }) => (_jsx(PsPageLayout, { isNarrow: isNarrow, children: _jsxs(PsPageStack, { children: [title === undefined ? (_jsx(PsSectionHeader, { isLoading: true, title: loadingLabel, trailing: hasActions })) : (_jsx(PsPageHeader, { actions: hasActions ? _jsx(PsSkeleton, { shape: PsSkeletonShape.Button }) : undefined, title: title })), children] }) }));
+export const PsPageSkeleton = ({ actions, children, hasActions = false, isNarrow = false, loadingLabel, title, }) => (_jsx(PsPageLayout, { isNarrow: isNarrow, children: _jsxs(PsPageStack, { children: [title === undefined ? (_jsx(PsSectionHeader, { isLoading: true, title: loadingLabel, trailing: hasActions })) : (_jsx(PsPageHeader, { actions: actions !== undefined ? (actions) : hasActions ? (_jsx(PsSkeleton, { shape: PsSkeletonShape.Button })) : undefined, title: title })), children] }) }));

package/dist/esm/hooks/use-ps-tab-channel.js

@@ -0,0 +1,21 @@
+import { useCallback, useEffect, useRef } from 'react';
+export const usePsTabChannel = (name, onMessage) => {
+    const channel = useRef(null);
+    const latest = useRef(onMessage);
+    latest.current = onMessage;
+    useEffect(() => {
+        if (typeof BroadcastChannel === 'undefined')
+            return;
+        const opened = new BroadcastChannel(name);
+        opened.onmessage = (event) => latest.current(event.data);
+        channel.current = opened;
+        return () => {
+            channel.current = null;
+            opened.close();
+        };
+    }, [name]);
+    return useCallback((message) => {
+        if (channel.current !== null)
+            channel.current.postMessage(message);
+    }, []);
+};

package/dist/esm/index.js

@@ -58,6 +58,7 @@ export * from './hooks/use-ps-audio-spectrum.js';
 export * from './hooks/use-ps-exit-snapshot.js';
 export * from './hooks/use-ps-exit-transition.js';
 export * from './hooks/use-ps-restore-focus.js';
+export * from './hooks/use-ps-tab-channel.js';
 export * from './hooks/use-ps-scroll-lock.js';
 export * from './hooks/use-ps-hide-on-scroll.js';
 export * from './hooks/use-ps-invisible-recaptcha.js';

package/dist/hooks/use-ps-tab-channel.d.ts

@@ -0,0 +1 @@
+export declare const usePsTabChannel: <Message>(name: string, onMessage: (message: Message) => void) => ((message: Message) => void);

package/dist/hooks/use-ps-tab-channel.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePsTabChannel = void 0;
+const react_1 = require("react");
+const usePsTabChannel = (name, onMessage) => {
+    const channel = (0, react_1.useRef)(null);
+    const latest = (0, react_1.useRef)(onMessage);
+    latest.current = onMessage;
+    (0, react_1.useEffect)(() => {
+        if (typeof BroadcastChannel === 'undefined')
+            return;
+        const opened = new BroadcastChannel(name);
+        opened.onmessage = (event) => latest.current(event.data);
+        channel.current = opened;
+        return () => {
+            channel.current = null;
+            opened.close();
+        };
+    }, [name]);
+    return (0, react_1.useCallback)((message) => {
+        if (channel.current !== null)
+            channel.current.postMessage(message);
+    }, []);
+};
+exports.usePsTabChannel = usePsTabChannel;

package/dist/index.d.ts

@@ -58,6 +58,7 @@ export * from './hooks/use-ps-audio-spectrum';
 export * from './hooks/use-ps-exit-snapshot';
 export * from './hooks/use-ps-exit-transition';
 export * from './hooks/use-ps-restore-focus';
+export * from './hooks/use-ps-tab-channel';
 export * from './hooks/use-ps-scroll-lock';
 export * from './hooks/use-ps-hide-on-scroll';
 export * from './hooks/use-ps-invisible-recaptcha';

package/dist/index.js

@@ -74,6 +74,7 @@ __exportStar(require("./hooks/use-ps-audio-spectrum"), exports);
 __exportStar(require("./hooks/use-ps-exit-snapshot"), exports);
 __exportStar(require("./hooks/use-ps-exit-transition"), exports);
 __exportStar(require("./hooks/use-ps-restore-focus"), exports);
+__exportStar(require("./hooks/use-ps-tab-channel"), exports);
 __exportStar(require("./hooks/use-ps-scroll-lock"), exports);
 __exportStar(require("./hooks/use-ps-hide-on-scroll"), exports);
 __exportStar(require("./hooks/use-ps-invisible-recaptcha"), exports);

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-core-components",
-	"version": "2.35.2",
+	"version": "2.36.0",
 	"private": false,
 	"main": "./dist/index.js",
 	"module": "./dist/esm/index.js",