@pallasoft/ps-core-components 2.48.0 → 2.50.0

package/dist/components/ps-link-preview-card.d.ts

@@ -0,0 +1,15 @@
+import { PsLinkPreviewSize } from '../constants/ps-link-preview-size';
+export interface PsLinkPreviewCardProps {
+    className?: string;
+    description?: string | null;
+    faviconSrc?: string | null;
+    href: string;
+    imageSrc?: string | null;
+    isLoading?: boolean;
+    loadingLabel?: string;
+    opensInNewTabLabel?: string;
+    siteName?: string | null;
+    size?: PsLinkPreviewSize | 'compact' | 'full';
+    title?: string | null;
+}
+export declare const PsLinkPreviewCard: ({ className, description, faviconSrc, href, imageSrc, isLoading, loadingLabel, opensInNewTabLabel, siteName, size, title, }: PsLinkPreviewCardProps) => import("react").JSX.Element | null;

package/dist/components/ps-link-preview-card.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsLinkPreviewCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ps_design_system_1 = require("@pallasoft/ps-design-system");
+const ps_icons_1 = require("@pallasoft/ps-icons");
+const ps_link_preview_config_1 = require("../constants/ps-link-preview-config");
+const ps_link_preview_size_1 = require("../constants/ps-link-preview-size");
+const ps_skeleton_shape_1 = require("../constants/ps-skeleton-shape");
+const ps_link_preview_service_1 = require("../services/ps-link-preview-service");
+const ps_image_1 = require("./ps-image");
+const ps_skeleton_1 = require("./ps-skeleton");
+const ps_skeleton_group_1 = require("./ps-skeleton-group");
+const PsLinkPreviewCard = ({ className, description, faviconSrc, href, imageSrc, isLoading = false, loadingLabel, opensInNewTabLabel, siteName, size = ps_link_preview_size_1.PsLinkPreviewSize.Full, title, }) => {
+    const isCompact = size === ps_link_preview_size_1.PsLinkPreviewSize.Compact;
+    const domain = ps_link_preview_service_1.PsLinkPreviewService.domain(href);
+    const hasTitle = title !== null && title !== undefined && title.trim() !== '';
+    const hasSite = siteName !== null && siteName !== undefined && siteName.trim() !== '';
+    const hasDescription = description !== null && description !== undefined && description.trim() !== '';
+    const hasImage = imageSrc !== null && imageSrc !== undefined && imageSrc !== '';
+    const hasFavicon = faviconSrc !== null && faviconSrc !== undefined && faviconSrc !== '';
+    if (!ps_link_preview_service_1.PsLinkPreviewService.isWebAddress(href))
+        return null;
+    if (isLoading)
+        return ((0, jsx_runtime_1.jsxs)(ps_skeleton_group_1.PsSkeletonGroup, { className: ps_design_system_1.PallasoftClassNameService.merge('ps-card min-w-0 overflow-hidden rounded-ps-card', className), direction: isCompact ? 'row' : 'column', gap: 'gap-0', label: loadingLabel, children: [isCompact ? ((0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { className: 'h-20 w-24 shrink-0', shape: ps_skeleton_shape_1.PsSkeletonShape.Block, radius: '0' })) : ((0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { aspect: '1.91 / 1', className: 'w-full', shape: ps_skeleton_shape_1.PsSkeletonShape.Block, radius: '0' })), (0, jsx_runtime_1.jsxs)("span", { className: isCompact ? 'flex flex-1 flex-col gap-2 p-3' : 'flex flex-col gap-2 p-4', children: [(0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { className: 'h-3 w-24' }), (0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { className: 'h-4 w-3/4' }), isCompact ? null : (0, jsx_runtime_1.jsx)(ps_skeleton_1.PsSkeleton, { className: 'h-3 w-full' })] })] }));
+    const favicon = hasFavicon ? ((0, jsx_runtime_1.jsx)(ps_image_1.PsImage, { alt: '', className: ps_link_preview_config_1.PsLinkPreviewConfig.faviconClassName, errorFallback: (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { className: ps_link_preview_config_1.PsLinkPreviewConfig.globeIconClassName, iconKey: ps_icons_1.PsIconKey.Globe }), height: 16, loading: 'lazy', src: faviconSrc, width: 16 })) : ((0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { className: ps_link_preview_config_1.PsLinkPreviewConfig.globeIconClassName, iconKey: ps_icons_1.PsIconKey.Globe }));
+    const meta = ((0, jsx_runtime_1.jsxs)("span", { className: ps_link_preview_config_1.PsLinkPreviewConfig.metaRowClassName, children: [favicon, (0, jsx_runtime_1.jsx)("span", { className: ps_link_preview_config_1.PsLinkPreviewConfig.siteClassName, children: hasSite ? siteName : domain }), (0, jsx_runtime_1.jsx)(ps_icons_1.PsIcon, { className: ps_link_preview_config_1.PsLinkPreviewConfig.externalIconClassName, iconKey: ps_icons_1.PsIconKey.ExternalLink })] }));
+    const text = ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [meta, hasTitle ? ((0, jsx_runtime_1.jsx)("span", { className: ps_link_preview_config_1.PsLinkPreviewConfig.titleClassName, children: title })) : ((0, jsx_runtime_1.jsx)("span", { className: ps_link_preview_config_1.PsLinkPreviewConfig.urlClassName, children: href })), hasDescription && !isCompact ? ((0, jsx_runtime_1.jsx)("span", { className: ps_link_preview_config_1.PsLinkPreviewConfig.descriptionClassName, children: description })) : null, opensInNewTabLabel === undefined ? null : ((0, jsx_runtime_1.jsx)("span", { className: 'sr-only', children: opensInNewTabLabel }))] }));
+    const media = hasImage ? ((0, jsx_runtime_1.jsx)(ps_image_1.PsImage, { alt: '', className: isCompact
+            ? ps_link_preview_config_1.PsLinkPreviewConfig.compactImageClassName
+            : ps_link_preview_config_1.PsLinkPreviewConfig.fullImageClassName, errorFallback: null, loading: 'lazy', src: imageSrc })) : null;
+    return ((0, jsx_runtime_1.jsx)("a", { className: ps_design_system_1.PallasoftClassNameService.merge(ps_link_preview_config_1.PsLinkPreviewConfig.anchorClassName, className), href: href, rel: ps_link_preview_config_1.PsLinkPreviewConfig.rel, target: ps_link_preview_config_1.PsLinkPreviewConfig.target, children: isCompact ? ((0, jsx_runtime_1.jsxs)("span", { className: ps_link_preview_config_1.PsLinkPreviewConfig.compactRowClassName, children: [media === null ? null : ((0, jsx_runtime_1.jsx)("span", { className: ps_link_preview_config_1.PsLinkPreviewConfig.compactMediaClassName, children: media })), (0, jsx_runtime_1.jsx)("span", { className: ps_link_preview_config_1.PsLinkPreviewConfig.compactBodyClassName, children: text })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [media === null ? null : ((0, jsx_runtime_1.jsx)("span", { className: ps_link_preview_config_1.PsLinkPreviewConfig.fullMediaClassName, children: media })), (0, jsx_runtime_1.jsx)("span", { className: ps_link_preview_config_1.PsLinkPreviewConfig.fullBodyClassName, children: text })] })) }));
+};
+exports.PsLinkPreviewCard = PsLinkPreviewCard;

package/dist/constants/ps-link-preview-config.d.ts

@@ -0,0 +1,20 @@
+export declare const PsLinkPreviewConfig: {
+    readonly anchorClassName: "ps-card ps-focus-ring group block min-w-0 overflow-hidden rounded-ps-card text-left no-underline transition hover:border-primary/60";
+    readonly compactBodyClassName: "flex min-w-0 flex-1 flex-col gap-0.5 p-3";
+    readonly compactImageClassName: "h-full w-full object-cover";
+    readonly compactMediaClassName: "relative block w-20 shrink-0 self-stretch overflow-hidden bg-ink/5 empty:hidden sm:w-24 [&>span]:block [&>span]:h-full [&>span]:w-full";
+    readonly compactRowClassName: "flex min-w-0 items-stretch";
+    readonly descriptionClassName: "line-clamp-2 break-words text-sm text-ink/70";
+    readonly externalIconClassName: "h-4 w-4 shrink-0 text-ink/50 transition group-hover:text-primary";
+    readonly faviconClassName: "h-4 w-4 shrink-0 rounded-sm object-contain";
+    readonly fullBodyClassName: "flex min-w-0 flex-col gap-1 p-4";
+    readonly fullImageClassName: "h-full w-full object-cover";
+    readonly fullMediaClassName: "relative block aspect-[1.91/1] w-full overflow-hidden bg-ink/5 empty:hidden [&>span]:block [&>span]:h-full [&>span]:w-full";
+    readonly globeIconClassName: "h-4 w-4 shrink-0 text-ink/50";
+    readonly metaRowClassName: "flex min-w-0 items-center gap-2 text-xs font-medium text-ink/60";
+    readonly rel: "noopener noreferrer";
+    readonly siteClassName: "min-w-0 flex-1 truncate";
+    readonly target: "_blank";
+    readonly titleClassName: "line-clamp-2 break-words text-sm font-bold text-ink transition group-hover:text-primary";
+    readonly urlClassName: "truncate text-xs text-ink/60";
+};

package/dist/constants/ps-link-preview-config.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsLinkPreviewConfig = void 0;
+exports.PsLinkPreviewConfig = {
+    anchorClassName: 'ps-card ps-focus-ring group block min-w-0 overflow-hidden rounded-ps-card text-left no-underline transition hover:border-primary/60',
+    compactBodyClassName: 'flex min-w-0 flex-1 flex-col gap-0.5 p-3',
+    compactImageClassName: 'h-full w-full object-cover',
+    compactMediaClassName: 'relative block w-20 shrink-0 self-stretch overflow-hidden bg-ink/5 empty:hidden sm:w-24 [&>span]:block [&>span]:h-full [&>span]:w-full',
+    compactRowClassName: 'flex min-w-0 items-stretch',
+    descriptionClassName: 'line-clamp-2 break-words text-sm text-ink/70',
+    externalIconClassName: 'h-4 w-4 shrink-0 text-ink/50 transition group-hover:text-primary',
+    faviconClassName: 'h-4 w-4 shrink-0 rounded-sm object-contain',
+    fullBodyClassName: 'flex min-w-0 flex-col gap-1 p-4',
+    fullImageClassName: 'h-full w-full object-cover',
+    fullMediaClassName: 'relative block aspect-[1.91/1] w-full overflow-hidden bg-ink/5 empty:hidden [&>span]:block [&>span]:h-full [&>span]:w-full',
+    globeIconClassName: 'h-4 w-4 shrink-0 text-ink/50',
+    metaRowClassName: 'flex min-w-0 items-center gap-2 text-xs font-medium text-ink/60',
+    rel: 'noopener noreferrer',
+    siteClassName: 'min-w-0 flex-1 truncate',
+    target: '_blank',
+    titleClassName: 'line-clamp-2 break-words text-sm font-bold text-ink transition group-hover:text-primary',
+    urlClassName: 'truncate text-xs text-ink/60',
+};

package/dist/constants/ps-link-preview-size.d.ts

@@ -0,0 +1,4 @@
+export declare enum PsLinkPreviewSize {
+    Compact = "compact",
+    Full = "full"
+}

package/dist/constants/ps-link-preview-size.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsLinkPreviewSize = void 0;
+var PsLinkPreviewSize;
+(function (PsLinkPreviewSize) {
+    PsLinkPreviewSize["Compact"] = "compact";
+    PsLinkPreviewSize["Full"] = "full";
+})(PsLinkPreviewSize || (exports.PsLinkPreviewSize = PsLinkPreviewSize = {}));

package/dist/esm/components/ps-link-preview-card.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { PallasoftClassNameService } from '@pallasoft/ps-design-system';
+import { PsIcon, PsIconKey } from '@pallasoft/ps-icons';
+import { PsLinkPreviewConfig } from '../constants/ps-link-preview-config.js';
+import { PsLinkPreviewSize } from '../constants/ps-link-preview-size.js';
+import { PsSkeletonShape } from '../constants/ps-skeleton-shape.js';
+import { PsLinkPreviewService } from '../services/ps-link-preview-service.js';
+import { PsImage } from './ps-image.js';
+import { PsSkeleton } from './ps-skeleton.js';
+import { PsSkeletonGroup } from './ps-skeleton-group.js';
+export const PsLinkPreviewCard = ({ className, description, faviconSrc, href, imageSrc, isLoading = false, loadingLabel, opensInNewTabLabel, siteName, size = PsLinkPreviewSize.Full, title, }) => {
+    const isCompact = size === PsLinkPreviewSize.Compact;
+    const domain = PsLinkPreviewService.domain(href);
+    const hasTitle = title !== null && title !== undefined && title.trim() !== '';
+    const hasSite = siteName !== null && siteName !== undefined && siteName.trim() !== '';
+    const hasDescription = description !== null && description !== undefined && description.trim() !== '';
+    const hasImage = imageSrc !== null && imageSrc !== undefined && imageSrc !== '';
+    const hasFavicon = faviconSrc !== null && faviconSrc !== undefined && faviconSrc !== '';
+    if (!PsLinkPreviewService.isWebAddress(href))
+        return null;
+    if (isLoading)
+        return (_jsxs(PsSkeletonGroup, { className: PallasoftClassNameService.merge('ps-card min-w-0 overflow-hidden rounded-ps-card', className), direction: isCompact ? 'row' : 'column', gap: 'gap-0', label: loadingLabel, children: [isCompact ? (_jsx(PsSkeleton, { className: 'h-20 w-24 shrink-0', shape: PsSkeletonShape.Block, radius: '0' })) : (_jsx(PsSkeleton, { aspect: '1.91 / 1', className: 'w-full', shape: PsSkeletonShape.Block, radius: '0' })), _jsxs("span", { className: isCompact ? 'flex flex-1 flex-col gap-2 p-3' : 'flex flex-col gap-2 p-4', children: [_jsx(PsSkeleton, { className: 'h-3 w-24' }), _jsx(PsSkeleton, { className: 'h-4 w-3/4' }), isCompact ? null : _jsx(PsSkeleton, { className: 'h-3 w-full' })] })] }));
+    const favicon = hasFavicon ? (_jsx(PsImage, { alt: '', className: PsLinkPreviewConfig.faviconClassName, errorFallback: _jsx(PsIcon, { className: PsLinkPreviewConfig.globeIconClassName, iconKey: PsIconKey.Globe }), height: 16, loading: 'lazy', src: faviconSrc, width: 16 })) : (_jsx(PsIcon, { className: PsLinkPreviewConfig.globeIconClassName, iconKey: PsIconKey.Globe }));
+    const meta = (_jsxs("span", { className: PsLinkPreviewConfig.metaRowClassName, children: [favicon, _jsx("span", { className: PsLinkPreviewConfig.siteClassName, children: hasSite ? siteName : domain }), _jsx(PsIcon, { className: PsLinkPreviewConfig.externalIconClassName, iconKey: PsIconKey.ExternalLink })] }));
+    const text = (_jsxs(_Fragment, { children: [meta, hasTitle ? (_jsx("span", { className: PsLinkPreviewConfig.titleClassName, children: title })) : (_jsx("span", { className: PsLinkPreviewConfig.urlClassName, children: href })), hasDescription && !isCompact ? (_jsx("span", { className: PsLinkPreviewConfig.descriptionClassName, children: description })) : null, opensInNewTabLabel === undefined ? null : (_jsx("span", { className: 'sr-only', children: opensInNewTabLabel }))] }));
+    const media = hasImage ? (_jsx(PsImage, { alt: '', className: isCompact
+            ? PsLinkPreviewConfig.compactImageClassName
+            : PsLinkPreviewConfig.fullImageClassName, errorFallback: null, loading: 'lazy', src: imageSrc })) : null;
+    return (_jsx("a", { className: PallasoftClassNameService.merge(PsLinkPreviewConfig.anchorClassName, className), href: href, rel: PsLinkPreviewConfig.rel, target: PsLinkPreviewConfig.target, children: isCompact ? (_jsxs("span", { className: PsLinkPreviewConfig.compactRowClassName, children: [media === null ? null : (_jsx("span", { className: PsLinkPreviewConfig.compactMediaClassName, children: media })), _jsx("span", { className: PsLinkPreviewConfig.compactBodyClassName, children: text })] })) : (_jsxs(_Fragment, { children: [media === null ? null : (_jsx("span", { className: PsLinkPreviewConfig.fullMediaClassName, children: media })), _jsx("span", { className: PsLinkPreviewConfig.fullBodyClassName, children: text })] })) }));
+};

package/dist/esm/constants/ps-link-preview-config.js

@@ -0,0 +1,20 @@
+export const PsLinkPreviewConfig = {
+    anchorClassName: 'ps-card ps-focus-ring group block min-w-0 overflow-hidden rounded-ps-card text-left no-underline transition hover:border-primary/60',
+    compactBodyClassName: 'flex min-w-0 flex-1 flex-col gap-0.5 p-3',
+    compactImageClassName: 'h-full w-full object-cover',
+    compactMediaClassName: 'relative block w-20 shrink-0 self-stretch overflow-hidden bg-ink/5 empty:hidden sm:w-24 [&>span]:block [&>span]:h-full [&>span]:w-full',
+    compactRowClassName: 'flex min-w-0 items-stretch',
+    descriptionClassName: 'line-clamp-2 break-words text-sm text-ink/70',
+    externalIconClassName: 'h-4 w-4 shrink-0 text-ink/50 transition group-hover:text-primary',
+    faviconClassName: 'h-4 w-4 shrink-0 rounded-sm object-contain',
+    fullBodyClassName: 'flex min-w-0 flex-col gap-1 p-4',
+    fullImageClassName: 'h-full w-full object-cover',
+    fullMediaClassName: 'relative block aspect-[1.91/1] w-full overflow-hidden bg-ink/5 empty:hidden [&>span]:block [&>span]:h-full [&>span]:w-full',
+    globeIconClassName: 'h-4 w-4 shrink-0 text-ink/50',
+    metaRowClassName: 'flex min-w-0 items-center gap-2 text-xs font-medium text-ink/60',
+    rel: 'noopener noreferrer',
+    siteClassName: 'min-w-0 flex-1 truncate',
+    target: '_blank',
+    titleClassName: 'line-clamp-2 break-words text-sm font-bold text-ink transition group-hover:text-primary',
+    urlClassName: 'truncate text-xs text-ink/60',
+};

package/dist/esm/constants/ps-link-preview-size.js

@@ -0,0 +1,5 @@
+export var PsLinkPreviewSize;
+(function (PsLinkPreviewSize) {
+    PsLinkPreviewSize["Compact"] = "compact";
+    PsLinkPreviewSize["Full"] = "full";
+})(PsLinkPreviewSize || (PsLinkPreviewSize = {}));

package/dist/esm/hooks/use-ps-optimistic-fetcher.js

@@ -9,10 +9,11 @@ export const usePsOptimisticFetcher = ({ apply, fetcher, isHolding = false, isSu
     const dataBefore = useRef(fetcher.data);
     const dataSeen = useRef(fetcher.data);
     const failure = useRef(null);
+    const isSaving = isUnsettled || fetcher.state !== 'idle';
     const { forgetLast, remember, rows: shown, } = usePsOptimisticRows({
         apply,
         isHolding,
-        isSaving: isUnsettled || fetcher.state !== 'idle' || revalidator.state !== 'idle',
+        isSaving: isSaving || revalidator.state !== 'idle',
         rows,
     });
     useEffect(() => {
@@ -100,5 +101,5 @@ export const usePsOptimisticFetcher = ({ apply, fetcher, isHolding = false, isSu
         remember(values);
         queue.enqueue(values);
     }, [queue, remember]);
-    return { rows: shown, submit };
+    return { isSaving, rows: shown, submit };
 };

package/dist/esm/index.js

@@ -248,3 +248,7 @@ export * from './services/ps-image-service.js';
 export * from './components/ps-image.js';
 export { PsDeepEqualService, PsOptimisticConfig, PsOptimisticSaveService, } from '@pallasoft/ps-utilities';
 export { usePsChangeQueue, usePsDebouncedValue, usePsOptimisticRows, } from '@pallasoft/ps-utilities/react';
+export * from './constants/ps-link-preview-size.js';
+export * from './constants/ps-link-preview-config.js';
+export * from './services/ps-link-preview-service.js';
+export * from './components/ps-link-preview-card.js';

package/dist/esm/services/ps-link-preview-service.js

@@ -0,0 +1,19 @@
+export class PsLinkPreviewService {
+    static isWebAddress(href) {
+        try {
+            const { protocol } = new URL(href);
+            return protocol === 'http:' || protocol === 'https:';
+        }
+        catch {
+            return false;
+        }
+    }
+    static domain(href) {
+        try {
+            return new URL(href).hostname.replace(/^www\./i, '');
+        }
+        catch {
+            return href;
+        }
+    }
+}

package/dist/hooks/use-ps-optimistic-fetcher.js

@@ -12,10 +12,11 @@ const usePsOptimisticFetcher = ({ apply, fetcher, isHolding = false, isSuccess,
     const dataBefore = (0, react_1.useRef)(fetcher.data);
     const dataSeen = (0, react_1.useRef)(fetcher.data);
     const failure = (0, react_1.useRef)(null);
+    const isSaving = isUnsettled || fetcher.state !== 'idle';
     const { forgetLast, remember, rows: shown, } = (0, react_2.usePsOptimisticRows)({
         apply,
         isHolding,
-        isSaving: isUnsettled || fetcher.state !== 'idle' || revalidator.state !== 'idle',
+        isSaving: isSaving || revalidator.state !== 'idle',
         rows,
     });
     (0, react_1.useEffect)(() => {
@@ -103,6 +104,6 @@ const usePsOptimisticFetcher = ({ apply, fetcher, isHolding = false, isSuccess,
         remember(values);
         queue.enqueue(values);
     }, [queue, remember]);
-    return { rows: shown, submit };
+    return { isSaving, rows: shown, submit };
 };
 exports.usePsOptimisticFetcher = usePsOptimisticFetcher;

package/dist/index.d.ts

@@ -248,3 +248,7 @@ export * from './services/ps-image-service';
 export * from './components/ps-image';
 export { PsDeepEqualService, PsOptimisticConfig, PsOptimisticSaveService, type PsOptimisticFailureReason, type PsOptimisticSaveSpec, } from '@pallasoft/ps-utilities';
 export { usePsChangeQueue, usePsDebouncedValue, usePsOptimisticRows, type PsChangeQueueInput, type PsChangeQueueResult, type PsOptimisticRowsInput, type PsOptimisticRowsResult, } from '@pallasoft/ps-utilities/react';
+export * from './constants/ps-link-preview-size';
+export * from './constants/ps-link-preview-config';
+export * from './services/ps-link-preview-service';
+export * from './components/ps-link-preview-card';

package/dist/index.js

@@ -271,3 +271,7 @@ var react_1 = require("@pallasoft/ps-utilities/react");
 Object.defineProperty(exports, "usePsChangeQueue", { enumerable: true, get: function () { return react_1.usePsChangeQueue; } });
 Object.defineProperty(exports, "usePsDebouncedValue", { enumerable: true, get: function () { return react_1.usePsDebouncedValue; } });
 Object.defineProperty(exports, "usePsOptimisticRows", { enumerable: true, get: function () { return react_1.usePsOptimisticRows; } });
+__exportStar(require("./constants/ps-link-preview-size"), exports);
+__exportStar(require("./constants/ps-link-preview-config"), exports);
+__exportStar(require("./services/ps-link-preview-service"), exports);
+__exportStar(require("./components/ps-link-preview-card"), exports);

package/dist/interfaces/ps-optimistic-fetcher-result.d.ts

@@ -1,4 +1,5 @@
 export interface PsOptimisticFetcherResult<Row> {
+    isSaving: boolean;
     rows: Row[];
     submit: (values: Record<string, string>) => void;
 }

package/dist/services/ps-link-preview-service.d.ts

@@ -0,0 +1,4 @@
+export declare class PsLinkPreviewService {
+    static isWebAddress(href: string): boolean;
+    static domain(href: string): string;
+}

package/dist/services/ps-link-preview-service.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PsLinkPreviewService = void 0;
+class PsLinkPreviewService {
+    static isWebAddress(href) {
+        try {
+            const { protocol } = new URL(href);
+            return protocol === 'http:' || protocol === 'https:';
+        }
+        catch {
+            return false;
+        }
+    }
+    static domain(href) {
+        try {
+            return new URL(href).hostname.replace(/^www\./i, '');
+        }
+        catch {
+            return href;
+        }
+    }
+}
+exports.PsLinkPreviewService = PsLinkPreviewService;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@pallasoft/ps-core-components",
-	"version": "2.48.0",
+	"version": "2.50.0",
 	"private": false,
 	"main": "./dist/index.js",
 	"module": "./dist/esm/index.js",
@@ -46,7 +46,7 @@
 		"@dnd-kit/core": "^6.3.1",
 		"@dnd-kit/sortable": "^10.0.0",
 		"@dnd-kit/utilities": "^3.2.2",
-		"@pallasoft/ps-icons": "^1.5.4",
+		"@pallasoft/ps-icons": "^1.12.0",
 		"@pallasoft/ps-motion-components": "^1.2.2",
 		"@pallasoft/ps-utilities": "^2.29.0",
 		"@portabletext/react": "^3.2.4",