@apify/ui-library 0.67.4 → 0.67.5-featoutputschemacomponent-327312.55

package/dist/src/components/code/inline_code/inline_code.d.ts

@@ -5,6 +5,7 @@ export declare const inlineCodeStyles: import("styled-components").FlattenSimple
 export type InlineCodeProps = RegularBoxProps & {
     children: React.ReactNode;
     size?: SharedTextSize;
+    withCopyButton?: boolean;
 };
 export declare const InlineCode: React.FC<InlineCodeProps>;
 //# sourceMappingURL=inline_code.d.ts.map

package/dist/src/components/code/inline_code/inline_code.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"inline_code.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/inline_code/inline_code.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAGhE,eAAO,MAAM,gBAAgB,wDAM5B,CAAC;AAQF,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC;CACzB,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAchD,CAAC"}
+{"version":3,"file":"inline_code.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/inline_code/inline_code.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAGhE,eAAO,MAAM,gBAAgB,wDAM5B,CAAC;AAsBF,MAAM,MAAM,eAAe,GAAG,eAAe,GAAG;IAC5C,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAA;AAGD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAcvC,CAAC"}

package/dist/src/components/code/inline_code/inline_code.js

@@ -1,6 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled, { css } from 'styled-components';
+import { CheckIcon, CopyIcon } from '@apify/ui-icons';
 import { theme } from '../../../design_system/theme.js';
+import { useCopyToClipboard } from '../../../utils/copy_to_clipboard.js';
 import { Text } from '../../text/index.js';
 // TODO: We should not need to export these once we consolidate Markdown
 export const inlineCodeStyles = css `
@@ -10,11 +12,21 @@ export const inlineCodeStyles = css `
     border-radius: ${theme.radius.radius8};
     border: 1px solid ${theme.color.neutral.border};
 `;
+const CopyButtonWrapper = styled.div `
+    display: inline-flex;
+    cursor: pointer;
+    vertical-align: text-top;
+    margin-left: ${theme.space.space4};
+`;
+const CopyButton = ({ text }) => {
+    const [isCopied, copyToClipboard] = useCopyToClipboard({ text });
+    return _jsx(CopyButtonWrapper, { role: 'button', onClick: copyToClipboard, title: 'Copy to clipboard', children: isCopied ? _jsx(CheckIcon, { size: "16" }) : _jsx(CopyIcon, { size: "16" }) });
+};
 const Wrapper = styled.span `
     code {
         ${inlineCodeStyles}
     }
 `;
 // This might be just a Chip component
-export const InlineCode = ({ children, size, ...props }) => (_jsx(Wrapper, { ...props, children: _jsx(Text, { type: "code", as: "code", size: size, children: children }) }));
+export const InlineCode = ({ children, size, withCopyButton, ...props }) => _jsx(Wrapper, { ...props, children: _jsxs(Text, { type: "code", as: "code", size: size, children: [children, withCopyButton && _jsx(CopyButton, { text: children?.toString() ?? '' })] }) });
 //# sourceMappingURL=inline_code.js.map

package/dist/src/components/code/inline_code/inline_code.js.map

@@ -1 +1 @@
-{"version":3,"file":"inline_code.js","sourceRoot":"","sources":["../../../../../src/components/code/inline_code/inline_code.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AAExD,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAG3C,wEAAwE;AACxE,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;eAEpB,KAAK,CAAC,KAAK,CAAC,MAAM;wBACT,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;qBACtC,KAAK,CAAC,MAAM,CAAC,OAAO;wBACjB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;CACjD,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAA;;UAEjB,gBAAgB;;CAEzB,CAAC;AAOF,sCAAsC;AACtC,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAClD,QAAQ,EACR,IAAI,EACJ,GAAG,KAAK,EACX,EAAE,EAAE,CAAC,CACF,KAAC,OAAO,OAAK,KAAK,YACd,KAAC,IAAI,IACD,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,MAAM,EACT,IAAI,EAAE,IAAI,YAET,QAAQ,GACN,GACD,CACb,CAAC"}
+{"version":3,"file":"inline_code.js","sourceRoot":"","sources":["../../../../../src/components/code/inline_code/inline_code.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAEtD,OAAO,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AACxD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAC;AAEzE,OAAO,EAAE,IAAI,EAAE,MAAM,qBAAqB,CAAC;AAG3C,wEAAwE;AACxE,MAAM,CAAC,MAAM,gBAAgB,GAAG,GAAG,CAAA;;eAEpB,KAAK,CAAC,KAAK,CAAC,MAAM;wBACT,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,eAAe;qBACtC,KAAK,CAAC,MAAM,CAAC,OAAO;wBACjB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;CACjD,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;mBAIjB,KAAK,CAAC,KAAK,CAAC,MAAM;CACpC,CAAC;AAEF,MAAM,UAAU,GAA+B,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;IACxD,MAAM,CAAC,QAAQ,EAAE,eAAe,CAAC,GAAG,kBAAkB,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC;IACjE,OAAO,KAAC,iBAAiB,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,eAAe,EAAE,KAAK,EAAC,mBAAmB,YACtF,QAAQ,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAC,IAAI,GAAG,CAAC,CAAC,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,GAAG,GAC5C,CAAC;AACzB,CAAC,CAAC;AAEF,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAA;;UAEjB,gBAAgB;;CAEzB,CAAC;AAQF,sCAAsC;AACtC,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAClD,QAAQ,EACR,IAAI,EACJ,cAAc,EACd,GAAG,KAAK,EACX,EAAE,EAAE,CAAC,KAAC,OAAO,OAAK,KAAK,YACpB,MAAC,IAAI,IACD,IAAI,EAAC,MAAM,EACX,EAAE,EAAC,MAAM,EACT,IAAI,EAAE,IAAI,aAET,QAAQ,EACR,cAAc,IAAI,KAAC,UAAU,IAAC,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,GAAI,IAChE,GACD,CAAC"}