@cobaltcore-dev/aurora 0.2.2 → 0.3.0

package/dist/client/AuroraApp.d.ts

@@ -1,7 +1,17 @@
 import { FC } from 'react';
+import { TrpcClient } from './trpcClient';
+export type SlotProps = {
+    auroraContext: {
+        client: TrpcClient;
+    };
+};
+export type Slots = {
+    sideNavBanner?: FC<SlotProps>;
+};
 export type AuroraAppProps = {
     theme?: "theme-dark" | "theme-light";
     bffEndpoint?: string;
     onThemeChange?: (theme: "theme-dark" | "theme-light") => void;
+    slots?: Slots;
 };
 export declare const AuroraApp: FC<AuroraAppProps>;

package/dist/client/{ContentHeader-DtBiIwRY.mjs → ContentHeader-B_PWrxbw.mjs}

@@ -1,59 +1,59 @@
-import { $ as e, M as t, O as n, Q as r, a as i, q as a, tt as o } from "./build-Cf7iWbpH.mjs";
+import { A as e, N as t, X as n, i as r, k as i, nt as a, tt as o } from "./build-CZRvXrAL.mjs";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 import { useState as l } from "react";
 import { Trans as u, useLingui as d } from "@lingui/react";
 //#region src/client/components/ClipboardText.tsx
-var f = ({ text: n, tooltipContent: o, className: u, truncateAt: f, showTooltip: p = !0, ...m }) => {
-	let { i18n: h, _: g } = d(), [_, v] = l(!1), [y, b] = l(!1), x = `copyableTooltip  inline-flex items-center ${u || ""}`, S = async (e) => {
-		e.preventDefault(), e.stopPropagation();
+var f = ({ text: e, tooltipContent: a, className: u, truncateAt: f, showTooltip: p = !0, ...m }) => {
+	let { i18n: h, _: g } = d(), [_, v] = l(!1), [y, b] = l(!1), x = `copyableTooltip  inline-flex items-center ${u || ""}`, S = async (t) => {
+		t.preventDefault(), t.stopPropagation();
 		try {
-			await navigator.clipboard.writeText(n), v(!0), b(!1), setTimeout(() => v(!1), 2e3);
+			await navigator.clipboard.writeText(e), v(!0), b(!1), setTimeout(() => v(!1), 2e3);
 		} catch (e) {
 			console.error("Failed to copy text:", e);
 		}
-	}, C = f && n.length > f ? `${n.slice(0, f)}...` : n, w = () => _ ? o || h._({ id: "u+VWhB" }) : h._({ id: "he3ygx" }), T = _ && p || y && p;
+	}, C = f && e.length > f ? `${e.slice(0, f)}...` : e, w = () => _ ? a || h._({ id: "u+VWhB" }) : h._({ id: "he3ygx" }), T = _ && p || y && p;
 	return /* @__PURE__ */ s("div", {
 		...m,
 		className: x,
-		children: /* @__PURE__ */ c(r, {
+		children: /* @__PURE__ */ c(n, {
 			open: T,
-			children: [/* @__PURE__ */ s(a, {
+			children: [/* @__PURE__ */ s(t, {
 				onClick: S,
 				onMouseEnter: () => !_ && b(!0),
 				onMouseLeave: () => b(!1),
 				"aria-label": h._({
 					id: "Wbg1jv",
-					values: { text: n }
+					values: { text: e }
 				}),
 				className: "cursor-pointer",
 				asChild: !0,
 				"data-testid": "clipboard-copy-trigger",
 				children: /* @__PURE__ */ s("div", {
 					className: "group",
-					children: /* @__PURE__ */ c(e, {
+					children: /* @__PURE__ */ c(o, {
 						direction: "horizontal",
 						gap: "1",
 						className: "items-center hover:underline",
 						children: [/* @__PURE__ */ s("span", {
 							className: "select-none",
 							children: C
-						}), /* @__PURE__ */ s(i, {
+						}), /* @__PURE__ */ s(r, {
 							icon: _ ? "check" : "contentCopy",
 							size: "18"
 						})]
 					})
 				})
-			}), /* @__PURE__ */ s(t, { children: w() })]
+			}), /* @__PURE__ */ s(i, { children: w() })]
 		})
 	});
 };
 //#endregion
 //#region src/client/components/ContentHeader/ContentHeader.tsx
-function p({ title: e, projectId: t, actions: r }) {
+function p({ title: t, projectId: n, actions: r }) {
 	return /* @__PURE__ */ c("header", { children: [
 		/* @__PURE__ */ c("div", {
 			className: "flex flex-col sm:flex-row sm:items-center sm:justify-between",
-			children: [/* @__PURE__ */ s(n, { children: e }), /* @__PURE__ */ c("div", {
+			children: [/* @__PURE__ */ s(e, { children: t }), /* @__PURE__ */ c("div", {
 				className: "text-theme-light flex items-center gap-1 text-sm",
 				children: [/* @__PURE__ */ c("span", {
 					className: "font-semibold",
@@ -63,12 +63,12 @@ function p({ title: e, projectId: t, actions: r }) {
 						" "
 					]
 				}), /* @__PURE__ */ s(f, {
-					text: t,
+					text: n,
 					truncateAt: 15
 				})]
 			})]
 		}),
-		/* @__PURE__ */ s(o, { className: "mt-4" }),
+		/* @__PURE__ */ s(a, { className: "mt-4" }),
 		r && /* @__PURE__ */ s("div", {
 			className: "mt-2 flex justify-end",
 			children: r
@@ -78,4 +78,4 @@ function p({ title: e, projectId: t, actions: r }) {
 //#endregion
 export { p as t };
 
-//# sourceMappingURL=ContentHeader-DtBiIwRY.mjs.map
+//# sourceMappingURL=ContentHeader-B_PWrxbw.mjs.map

package/dist/client/{ContentHeader-DtBiIwRY.mjs.map → ContentHeader-B_PWrxbw.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"ContentHeader-DtBiIwRY.mjs","names":["React","useState","Tooltip","TooltipTrigger","TooltipContent","Icon","Stack","ClipboardText","text","tooltipContent","className","truncateAt","showTooltip","props","useLingui","copied","setCopied","isHovering","setIsHovering","combinedClassName","handleCopy","e","preventDefault","stopPropagation","navigator","clipboard","writeText","setTimeout","err","console","error","displayText","length","slice","getTooltipContent","t","tooltipIsOpen","div","open","onClick","onMouseEnter","onMouseLeave","aria-label","asChild","data-testid","direction","gap","span","icon","size","Divider","ContentHeading","ClipboardText","ContentHeader","title","projectId","actions","header","div","className","span","text","truncateAt"],"sources":["../../src/client/components/ClipboardText.tsx","../../src/client/components/ContentHeader/ContentHeader.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { Tooltip, TooltipTrigger, TooltipContent, Icon, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\n\nexport interface ClipboardTextProps extends React.HTMLAttributes<HTMLDivElement> {\n  tooltipContent?: string\n  text: string\n  className?: string\n  truncateAt?: number\n  showTooltip?: boolean\n}\n\nconst ClipboardText: React.FC<ClipboardTextProps> = ({\n  text,\n  tooltipContent,\n  className,\n  truncateAt,\n  showTooltip = true,\n  ...props\n}) => {\n  const { t } = useLingui()\n  const [copied, setCopied] = useState(false)\n  const [isHovering, setIsHovering] = useState(false)\n\n  const combinedClassName = `copyableTooltip  inline-flex items-center ${className || \"\"}`\n\n  const handleCopy = async (e: React.MouseEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n\n    try {\n      await navigator.clipboard.writeText(text)\n      setCopied(true)\n      setIsHovering(false)\n      setTimeout(() => setCopied(false), 2000)\n    } catch (err) {\n      console.error(\"Failed to copy text:\", err)\n    }\n  }\n\n  const displayText = truncateAt && text.length > truncateAt ? `${text.slice(0, truncateAt)}...` : text\n\n  // Determine tooltip content based on state\n  const getTooltipContent = () => {\n    if (copied) {\n      return tooltipContent || t`Copied to clipboard!`\n    }\n    return t`Copy`\n  }\n\n  const tooltipIsOpen = (copied && showTooltip) || (isHovering && showTooltip)\n\n  return (\n    <div {...props} className={combinedClassName}>\n      <Tooltip open={tooltipIsOpen}>\n        <TooltipTrigger\n          onClick={handleCopy}\n          onMouseEnter={() => !copied && setIsHovering(true)}\n          onMouseLeave={() => setIsHovering(false)}\n          aria-label={t`Copy ${text} to clipboard`}\n          className=\"cursor-pointer\"\n          asChild\n          data-testid=\"clipboard-copy-trigger\"\n        >\n          <div className=\"group\">\n            <Stack direction=\"horizontal\" gap=\"1\" className=\"items-center hover:underline\">\n              <span className=\"select-none\">{displayText}</span>\n              <Icon icon={copied ? \"check\" : \"contentCopy\"} size=\"18\" />\n            </Stack>\n          </div>\n        </TooltipTrigger>\n        <TooltipContent>{getTooltipContent()}</TooltipContent>\n      </Tooltip>\n    </div>\n  )\n}\n\nexport default ClipboardText\n","import type { ReactNode } from \"react\"\nimport { Divider, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport ClipboardText from \"../ClipboardText\"\n\ninterface ContentHeaderProps {\n  title: string\n  projectId: string\n  actions?: ReactNode\n}\n\nexport function ContentHeader({ title, projectId, actions }: ContentHeaderProps) {\n  return (\n    <header>\n      <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between\">\n        <ContentHeading>{title}</ContentHeading>\n        <div className=\"text-theme-light flex items-center gap-1 text-sm\">\n          <span className=\"font-semibold\">\n            <Trans>Project ID</Trans>:{\" \"}\n          </span>\n          <ClipboardText text={projectId} truncateAt={15} />\n        </div>\n      </div>\n      <Divider className=\"mt-4\" />\n      {actions && <div className=\"mt-2 flex justify-end\">{actions}</div>}\n    </header>\n  )\n}\n"],"mappings":";;;;;AAYA,IAAMO,KAA+C,EACnDC,SACAC,mBACAC,cACAC,eACAC,iBAAc,IACd,GAAGC,QACJ;CACC,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,GAAAA,EACR,CAACC,GAAQC,KAAaf,EAAS,GAAA,EAC/B,CAACgB,GAAYC,KAAiBjB,EAAS,GAAA,EAEvCkB,IAAoB,6CAA6CT,KAAa,MAE9EU,IAAa,OAAOC,MAAAA;AAExBA,EADAA,EAAEC,gBAAc,EAChBD,EAAEE,iBAAe;AAEjB,MAAI;AAIFI,GAHA,MAAMH,UAAUC,UAAUC,UAAUlB,EAAAA,EACpCQ,EAAU,GAAA,EACVE,EAAc,GAAA,EACdS,iBAAiBX,EAAU,GAAA,EAAQ,IAAA;WAC5BY,GAAK;AACZC,WAAQC,MAAM,wBAAwBF,EAAAA;;IAIpCG,IAAcpB,KAAcH,EAAKwB,SAASrB,IAAa,GAAGH,EAAKyB,MAAM,GAAGtB,EAAAA,CAAY,OAAOH,GAG3F0B,UACAnB,IACKN,KAAkB0B,EAAAA,EAAC,EAAA,IAAA,UAAqB,CAAA,GAE1CA,EAAAA,EAAC,EAAA,IAAA,UAAK,CAAA,EAGTC,IAAgB,KAAWxB,KAAiBK,KAAcL;AAEhE,QACE,kBAACyB,OAAAA;EAAK,GAAGxB;EAAOH,WAAWS;YACzB,kBAACjB,GAAAA;GAAQoC,MAAMF;cACb,kBAACjC,GAAAA;IACCoC,SAASnB;IACToB,oBAAoB,CAACzB,KAAUG,EAAc,GAAA;IAC7CuB,oBAAoBvB,EAAc,GAAA;IAClCwB,cAAYP,EAAAA,EAAC;;eAAQ3B,SAAAA;KAAkB,CAAA;IACvCE,WAAU;IACViC,SAAO;IACPC,eAAY;cAEZ,kBAACP,OAAAA;KAAI3B,WAAU;eACb,kBAACJ,GAAAA;MAAMuC,WAAU;MAAaC,KAAI;MAAIpC,WAAU;iBAC9C,kBAACqC,QAAAA;OAAKrC,WAAU;iBAAeqB;UAC/B,kBAAC1B,GAAAA;OAAK2C,MAAMjC,IAAS,UAAU;OAAekC,MAAK;;;;OAIzD,kBAAC7C,GAAAA,EAAAA,UAAgB8B,GAAAA,EAAAA,CAAAA,CAAAA;;;;;;AC5DzB,SAAgBmB,EAAc,EAAEC,UAAOC,cAAWC,cAA6B;AAC7E,QACE,kBAACC,UAAAA,EAAAA,UAAAA;EACC,kBAACC,OAAAA;GAAIC,WAAU;cACb,kBAACR,GAAAA,EAAAA,UAAgBG,GAAAA,CAAAA,EACjB,kBAACI,OAAAA;IAAIC,WAAU;eACb,kBAACC,QAAAA;KAAKD,WAAU;;MACd,kBAAA,GAAA,EAAA,IAAA,UAAA,CAAA;MAAyB;MAAE;;QAE7B,kBAACP,GAAAA;KAAcS,MAAMN;KAAWO,YAAY;;;;EAGhD,kBAACZ,GAAAA,EAAQS,WAAU,QAAA,CAAA;EAClBH,KAAW,kBAACE,OAAAA;GAAIC,WAAU;aAAyBH"}
+{"version":3,"file":"ContentHeader-B_PWrxbw.mjs","names":["React","useState","Tooltip","TooltipTrigger","TooltipContent","Icon","Stack","ClipboardText","text","tooltipContent","className","truncateAt","showTooltip","props","useLingui","copied","setCopied","isHovering","setIsHovering","combinedClassName","handleCopy","e","preventDefault","stopPropagation","navigator","clipboard","writeText","setTimeout","err","console","error","displayText","length","slice","getTooltipContent","t","tooltipIsOpen","div","open","onClick","onMouseEnter","onMouseLeave","aria-label","asChild","data-testid","direction","gap","span","icon","size","Divider","ContentHeading","ClipboardText","ContentHeader","title","projectId","actions","header","div","className","span","text","truncateAt"],"sources":["../../src/client/components/ClipboardText.tsx","../../src/client/components/ContentHeader/ContentHeader.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { Tooltip, TooltipTrigger, TooltipContent, Icon, Stack } from \"@cloudoperators/juno-ui-components\"\nimport { useLingui } from \"@lingui/react/macro\"\n\nexport interface ClipboardTextProps extends React.HTMLAttributes<HTMLDivElement> {\n  tooltipContent?: string\n  text: string\n  className?: string\n  truncateAt?: number\n  showTooltip?: boolean\n}\n\nconst ClipboardText: React.FC<ClipboardTextProps> = ({\n  text,\n  tooltipContent,\n  className,\n  truncateAt,\n  showTooltip = true,\n  ...props\n}) => {\n  const { t } = useLingui()\n  const [copied, setCopied] = useState(false)\n  const [isHovering, setIsHovering] = useState(false)\n\n  const combinedClassName = `copyableTooltip  inline-flex items-center ${className || \"\"}`\n\n  const handleCopy = async (e: React.MouseEvent) => {\n    e.preventDefault()\n    e.stopPropagation()\n\n    try {\n      await navigator.clipboard.writeText(text)\n      setCopied(true)\n      setIsHovering(false)\n      setTimeout(() => setCopied(false), 2000)\n    } catch (err) {\n      console.error(\"Failed to copy text:\", err)\n    }\n  }\n\n  const displayText = truncateAt && text.length > truncateAt ? `${text.slice(0, truncateAt)}...` : text\n\n  // Determine tooltip content based on state\n  const getTooltipContent = () => {\n    if (copied) {\n      return tooltipContent || t`Copied to clipboard!`\n    }\n    return t`Copy`\n  }\n\n  const tooltipIsOpen = (copied && showTooltip) || (isHovering && showTooltip)\n\n  return (\n    <div {...props} className={combinedClassName}>\n      <Tooltip open={tooltipIsOpen}>\n        <TooltipTrigger\n          onClick={handleCopy}\n          onMouseEnter={() => !copied && setIsHovering(true)}\n          onMouseLeave={() => setIsHovering(false)}\n          aria-label={t`Copy ${text} to clipboard`}\n          className=\"cursor-pointer\"\n          asChild\n          data-testid=\"clipboard-copy-trigger\"\n        >\n          <div className=\"group\">\n            <Stack direction=\"horizontal\" gap=\"1\" className=\"items-center hover:underline\">\n              <span className=\"select-none\">{displayText}</span>\n              <Icon icon={copied ? \"check\" : \"contentCopy\"} size=\"18\" />\n            </Stack>\n          </div>\n        </TooltipTrigger>\n        <TooltipContent>{getTooltipContent()}</TooltipContent>\n      </Tooltip>\n    </div>\n  )\n}\n\nexport default ClipboardText\n","import type { ReactNode } from \"react\"\nimport { Divider, ContentHeading } from \"@cloudoperators/juno-ui-components\"\nimport { Trans } from \"@lingui/react/macro\"\nimport ClipboardText from \"../ClipboardText\"\n\ninterface ContentHeaderProps {\n  title: string\n  projectId: string\n  actions?: ReactNode\n}\n\nexport function ContentHeader({ title, projectId, actions }: ContentHeaderProps) {\n  return (\n    <header>\n      <div className=\"flex flex-col sm:flex-row sm:items-center sm:justify-between\">\n        <ContentHeading>{title}</ContentHeading>\n        <div className=\"text-theme-light flex items-center gap-1 text-sm\">\n          <span className=\"font-semibold\">\n            <Trans>Project ID</Trans>:{\" \"}\n          </span>\n          <ClipboardText text={projectId} truncateAt={15} />\n        </div>\n      </div>\n      <Divider className=\"mt-4\" />\n      {actions && <div className=\"mt-2 flex justify-end\">{actions}</div>}\n    </header>\n  )\n}\n"],"mappings":";;;;;AAYA,IAAMO,KAA+C,EACnDC,SACAC,mBACAC,cACAC,eACAC,iBAAc,IACd,GAAGC,QACJ;CACC,IAAM,EAAA,MAAA,GAAA,GAAA,MAAQC,GAAAA,EACR,CAACC,GAAQC,KAAaf,EAAS,GAAA,EAC/B,CAACgB,GAAYC,KAAiBjB,EAAS,GAAA,EAEvCkB,IAAoB,6CAA6CT,KAAa,MAE9EU,IAAa,OAAOC,MAAAA;AAExBA,EADAA,EAAEC,gBAAc,EAChBD,EAAEE,iBAAe;AAEjB,MAAI;AAIFI,GAHA,MAAMH,UAAUC,UAAUC,UAAUlB,EAAAA,EACpCQ,EAAU,GAAA,EACVE,EAAc,GAAA,EACdS,iBAAiBX,EAAU,GAAA,EAAQ,IAAA;WAC5BY,GAAK;AACZC,WAAQC,MAAM,wBAAwBF,EAAAA;;IAIpCG,IAAcpB,KAAcH,EAAKwB,SAASrB,IAAa,GAAGH,EAAKyB,MAAM,GAAGtB,EAAAA,CAAY,OAAOH,GAG3F0B,UACAnB,IACKN,KAAkB0B,EAAAA,EAAC,EAAA,IAAA,UAAqB,CAAA,GAE1CA,EAAAA,EAAC,EAAA,IAAA,UAAK,CAAA,EAGTC,IAAgB,KAAWxB,KAAiBK,KAAcL;AAEhE,QACE,kBAACyB,OAAAA;EAAK,GAAGxB;EAAOH,WAAWS;YACzB,kBAACjB,GAAAA;GAAQoC,MAAMF;cACb,kBAACjC,GAAAA;IACCoC,SAASnB;IACToB,oBAAoB,CAACzB,KAAUG,EAAc,GAAA;IAC7CuB,oBAAoBvB,EAAc,GAAA;IAClCwB,cAAYP,EAAAA,EAAC;;eAAQ3B,SAAAA;KAAkB,CAAA;IACvCE,WAAU;IACViC,SAAO;IACPC,eAAY;cAEZ,kBAACP,OAAAA;KAAI3B,WAAU;eACb,kBAACJ,GAAAA;MAAMuC,WAAU;MAAaC,KAAI;MAAIpC,WAAU;iBAC9C,kBAACqC,QAAAA;OAAKrC,WAAU;iBAAeqB;UAC/B,kBAAC1B,GAAAA;OAAK2C,MAAMjC,IAAS,UAAU;OAAekC,MAAK;;;;OAIzD,kBAAC7C,GAAAA,EAAAA,UAAgB8B,GAAAA,EAAAA,CAAAA,CAAAA;;;;;;AC5DzB,SAAgBmB,EAAc,EAAEC,UAAOC,cAAWC,cAA6B;AAC7E,QACE,kBAACC,UAAAA,EAAAA,UAAAA;EACC,kBAACC,OAAAA;GAAIC,WAAU;cACb,kBAACR,GAAAA,EAAAA,UAAgBG,GAAAA,CAAAA,EACjB,kBAACI,OAAAA;IAAIC,WAAU;eACb,kBAACC,QAAAA;KAAKD,WAAU;;MACd,kBAAA,GAAA,EAAA,IAAA,UAAA,CAAA;MAAyB;MAAE;;QAE7B,kBAACP,GAAAA;KAAcS,MAAMN;KAAWO,YAAY;;;;EAGhD,kBAACZ,GAAAA,EAAQS,WAAU,QAAA,CAAA;EAClBH,KAAW,kBAACE,OAAAA;GAAIC,WAAU;aAAyBH"}