@workday/canvas-kit-docs 14.0.0-alpha.1153-next.0 → 14.0.0-alpha.1162-next.0

package/dist/es6/index.d.ts

@@ -1,3 +1,5 @@
+export { AIIndicator } from './lib/AIIndicator';
+export { DownloadLLMFile } from './lib/DownloadLLMFile';
 export { ExampleCodeBlock } from './lib/ExampleCodeBlock';
 export * from './lib/specs';
 export * from './lib/Specifications';

package/dist/es6/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AACxD,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAC,eAAe,EAAC,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAC,gBAAgB,EAAC,MAAM,wBAAwB,CAAC;AACxD,cAAc,aAAa,CAAC;AAC5B,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC"}

package/dist/es6/index.js

@@ -1,3 +1,5 @@
+export { AIIndicator } from './lib/AIIndicator';
+export { DownloadLLMFile } from './lib/DownloadLLMFile';
 export { ExampleCodeBlock } from './lib/ExampleCodeBlock';
 export * from './lib/specs';
 export * from './lib/Specifications';

package/dist/es6/lib/AIIndicator.d.ts

@@ -0,0 +1,2 @@
+export declare const AIIndicator: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AIIndicator.d.ts.map

package/dist/es6/lib/AIIndicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AIIndicator.d.ts","sourceRoot":"","sources":["../../../lib/AIIndicator.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,WAAW,+CAgBvB,CAAC"}

package/dist/es6/lib/AIIndicator.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { StatusIndicator } from '@workday/canvas-kit-preview-react/status-indicator';
+import { system } from '@workday/canvas-tokens-web';
+import { sparkleSingleSmallIcon } from '@workday/canvas-system-icons-web';
+import { systemIconStencil } from '@workday/canvas-kit-react/icon';
+export const AIIndicator = () => {
+    return (_jsx(_Fragment, { children: _jsxs(StatusIndicator, { className: "sb-unstyled indicator", cs: {
+                background: system.color.bg.ai.default,
+                color: system.color.fg.ai,
+                [systemIconStencil.vars.color]: system.color.fg.ai,
+            }, children: [_jsx(StatusIndicator.Icon, { icon: sparkleSingleSmallIcon }), _jsx(StatusIndicator.Label, { children: "AI Content" })] }) }));
+};

package/dist/es6/lib/DownloadLLMFile.d.ts

@@ -0,0 +1,7 @@
+type DownloadLLMFileProps = {
+    rawFileLink: string;
+    filename: string;
+};
+export declare const DownloadLLMFile: ({ rawFileLink, filename }: DownloadLLMFileProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=DownloadLLMFile.d.ts.map

package/dist/es6/lib/DownloadLLMFile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DownloadLLMFile.d.ts","sourceRoot":"","sources":["../../../lib/DownloadLLMFile.tsx"],"names":[],"mappings":"AAOA,KAAK,oBAAoB,GAAG;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAoBF,eAAO,MAAM,eAAe,8BAA6B,oBAAoB,4CAsC5E,CAAC"}

package/dist/es6/lib/DownloadLLMFile.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card } from '@workday/canvas-kit-react/card';
+import { ExternalHyperlink, SecondaryButton } from '@workday/canvas-kit-react/button';
+import { downloadIcon, fileIcon } from '@workday/canvas-system-icons-web';
+import { SystemIcon } from '@workday/canvas-kit-react';
+import { createStencil } from '@workday/canvas-kit-styling';
+import { system } from '@workday/canvas-tokens-web';
+const flexBlock = createStencil({
+    vars: {
+        gap: system.space.x1,
+    },
+    base: ({ gap }) => ({
+        display: 'flex',
+        alignItems: 'center',
+        gap,
+        code: {
+            fontFamily: system.fontFamily.mono,
+            padding: system.space.x1,
+            paddingInline: system.space.x2,
+            backgroundColor: system.color.bg.alt.softer,
+            borderRadius: system.shape.half,
+        },
+    }),
+});
+export const DownloadLLMFile = ({ rawFileLink, filename }) => {
+    const handleDownload = async () => {
+        try {
+            const response = await fetch(rawFileLink);
+            const content = await response.text();
+            const blob = new Blob([content], { type: 'text/plain' });
+            const url = URL.createObjectURL(blob);
+            const link = document.createElement('a');
+            link.href = url;
+            link.download = filename;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            URL.revokeObjectURL(url);
+        }
+        catch (error) {
+            console.error('Failed to download file:', error);
+        }
+    };
+    return (_jsx(Card, { className: "sb-unstyled", cs: { boxShadow: 'none', borderStyle: 'dashed' }, children: _jsxs(Card.Body, { cs: { display: 'grid', gridTemplateColumns: '1fr auto', alignItems: 'center' }, children: [_jsxs("div", { ...flexBlock(), children: [_jsx(SystemIcon, { icon: fileIcon }), _jsx("code", { children: filename })] }), _jsxs("div", { ...flexBlock({ gap: system.space.x4 }), children: [_jsx(ExternalHyperlink, { href: rawFileLink, children: "See raw file" }), _jsx(SecondaryButton, { icon: downloadIcon, size: "small", onClick: handleDownload, children: "Download LLM File" })] })] }) }));
+};