@once-ui-system/core 1.1.6 → 1.1.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -20,13 +20,14 @@ export interface OgDisplayOptions {
|
|
|
20
20
|
}
|
|
21
21
|
interface OgCardProps extends React.ComponentProps<typeof Card> {
|
|
22
22
|
url?: string;
|
|
23
|
+
sizes?: string;
|
|
23
24
|
ogData?: Partial<OgData> | null;
|
|
24
25
|
direction?: "column" | "row" | "column-reverse" | "row-reverse";
|
|
25
26
|
display?: OgDisplayOptions;
|
|
26
27
|
serviceConfig?: OgServiceConfig;
|
|
27
28
|
}
|
|
28
29
|
declare const OgCard: {
|
|
29
|
-
({ url, ogData: providedOgData, direction, display, serviceConfig, ...card }: OgCardProps): import("react/jsx-runtime").JSX.Element | null;
|
|
30
|
+
({ url, ogData: providedOgData, direction, display, sizes, serviceConfig, ...card }: OgCardProps): import("react/jsx-runtime").JSX.Element | null;
|
|
30
31
|
displayName: string;
|
|
31
32
|
};
|
|
32
33
|
export { OgCard };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OgCard.d.ts","sourceRoot":"","sources":["../../src/components/OgCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA4B,IAAI,
|
|
1
|
+
{"version":3,"file":"OgCard.d.ts","sourceRoot":"","sources":["../../src/components/OgCard.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA4B,IAAI,EAAY,MAAM,GAAG,CAAC;AAK7D,MAAM,WAAW,eAAe;IAC9B,aAAa,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACxC,eAAe,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,UAAU,WAAY,SAAQ,KAAK,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC;IAC7D,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,GAAG,gBAAgB,GAAG,aAAa,CAAC;IAChE,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,aAAa,CAAC,EAAE,eAAe,CAAC;CACjC;AAkDD,QAAA,MAAM,MAAM;yFAQT,WAAW;;CAkGb,CAAC;AAGF,OAAO,EAAE,MAAM,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import { Column, Media, Text, Row, Card } from ".";
|
|
3
|
+
import { Column, Media, Text, Row, Card, Skeleton } from ".";
|
|
4
4
|
import { useOgData } from "../hooks/useFetchOg";
|
|
5
5
|
import { useMemo } from "react";
|
|
6
6
|
const getProxiedImageUrl = (imageUrl, proxyFn) => {
|
|
@@ -42,8 +42,7 @@ const getFaviconUrl = (url, proxyFn) => {
|
|
|
42
42
|
return "";
|
|
43
43
|
}
|
|
44
44
|
};
|
|
45
|
-
const OgCard = ({ url, ogData: providedOgData, direction = "column", display, serviceConfig = {}, ...card }) => {
|
|
46
|
-
// Merge with defaults
|
|
45
|
+
const OgCard = ({ url, ogData: providedOgData, direction = "column", display, sizes = "320px", serviceConfig = {}, ...card }) => {
|
|
47
46
|
const displayOptions = {
|
|
48
47
|
favicon: true,
|
|
49
48
|
domain: true,
|
|
@@ -60,10 +59,10 @@ const OgCard = ({ url, ogData: providedOgData, direction = "column", display, se
|
|
|
60
59
|
const faviconUrl = useMemo(() => {
|
|
61
60
|
return data?.faviconUrl || getFaviconUrl(data?.url, serviceConfig.proxyFaviconUrl);
|
|
62
61
|
}, [data?.faviconUrl, data?.url, serviceConfig.proxyFaviconUrl]);
|
|
63
|
-
if (!data || (!data.image && !data.title)) {
|
|
62
|
+
if (!loading && (!data || (!data.image && !data.title))) {
|
|
64
63
|
return null;
|
|
65
64
|
}
|
|
66
|
-
return (_jsxs(Card, { href: data
|
|
65
|
+
return (_jsxs(Card, { href: data?.url, direction: direction, fillWidth: true, vertical: direction === "row" || direction === "row-reverse" ? "center" : undefined, gap: "4", radius: "l", background: "surface", border: "neutral-alpha-medium", ...card, children: [displayOptions.image && (proxiedImageUrl || loading) && (_jsx(Media, { minWidth: direction === "row" || direction === "row-reverse" ? 16 : undefined, maxWidth: direction === "row" || direction === "row-reverse" ? 24 : undefined, loading: loading, radius: "l", sizes: sizes, aspectRatio: "16/9", border: "neutral-alpha-weak", src: proxiedImageUrl })), _jsxs(Column, { fillWidth: true, paddingX: "12", paddingY: "12", gap: "8", children: [(displayOptions.favicon || displayOptions.domain) && (_jsxs(Row, { fillWidth: true, gap: "8", vertical: "center", children: [displayOptions.favicon && (_jsx(Media, { aspectRatio: "1/1", src: faviconUrl, loading: loading, minWidth: "16", maxWidth: "16", radius: "xs", border: "neutral-alpha-weak", unoptimized: true })), displayOptions.domain && (loading ? (_jsx(Skeleton, { shape: "line", width: "xs", height: "xs" })) : data?.url && (_jsx(Text, { variant: "label-default-s", onBackground: "neutral-weak", children: formatDisplayUrl(data.url) })))] })), _jsxs(Column, { fillWidth: true, gap: "2", children: [displayOptions.title && (loading ? (_jsx(Skeleton, { shape: "line", width: "s", height: "s" })) : data?.title && (_jsx(Text, { variant: "label-default-s", children: data.title }))), displayOptions.description && (loading ? (_jsxs(Column, { fillWidth: true, paddingY: "8", gap: "8", children: [_jsx(Skeleton, { shape: "line", width: "xl", height: "xs" }), _jsx(Skeleton, { shape: "line", width: "l", height: "xs" })] })) : data?.description ? (_jsx(Text, { variant: "label-default-s", onBackground: "neutral-weak", children: data.description })) : null)] })] })] }));
|
|
67
66
|
};
|
|
68
67
|
OgCard.displayName = "OgCard";
|
|
69
68
|
export { OgCard };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OgCard.js","sourceRoot":"","sources":["../../src/components/OgCard.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC;
|
|
1
|
+
{"version":3,"file":"OgCard.js","sourceRoot":"","sources":["../../src/components/OgCard.tsx"],"names":[],"mappings":"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"}
|
package/dist/package.json
CHANGED