@apify/ui-library 0.51.6-featurepublishuilibrary-0a4729.38266

package/dist/src/components/code/code_block/code_block.styled.jsx

@@ -0,0 +1,215 @@
+import styled, { css } from 'styled-components';
+import { theme } from '../../../design_system/theme';
+import { SyntaxHighlighterBaseStylesWrapper } from '../syntax_highlighter';
+const HIGHLIGHT_BACKGROUND_COLOR = 'rgba(22, 114, 235, 0.05)';
+export const CodeBlockWrapper = styled(SyntaxHighlighterBaseStylesWrapper) `
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    min-width: 266px;
+
+    .CodeBlock-Header {
+        padding-top: 7px; /* only 7 due to transform translateY(1px) */
+        gap: ${theme.space.space4};
+        background-color: ${theme.color.neutral.backgroundSubtle};
+        border-bottom: 1px solid ${theme.color.neutral.border};
+        z-index: 3;
+        position: relative;
+        display: flex;
+        height: 4rem;
+
+        .CodeBlock-HeaderTitle {
+            margin-left: ${theme.space.space16};
+            margin-bottom: ${theme.space.space8};
+            margin-top: 0.5rem;
+        }
+
+        .CodeBlock-HeaderTabsWrapper {
+            display: flex;
+            transform: translateY(1px);
+            padding-right: ${theme.space.space32};
+            padding-left: ${theme.space.space8};
+            overflow-x: auto;
+            overflow-y: hidden;
+            gap: ${theme.space.space4};
+
+            margin-right: ${({ $hasActionButton }) => ($hasActionButton ? '128' : '20')}px;
+
+            .CodeBlock-Tab {
+                border-radius: ${theme.radius.radius8};
+                background-color: transparent;
+                border: 1px solid transparent;
+                border-bottom-left-radius: 0;
+                border-bottom-right-radius: 0;
+                border-bottom: none;
+                cursor: pointer;
+                height: 3.2rem;
+                max-width: 26rem;
+
+                color: ${theme.color.neutral.textMuted};
+
+                text-align: center;
+                white-space: nowrap;
+
+                padding: 0.2rem ${theme.space.space8} 0.6rem ${theme.space.space8};
+                p {
+                    padding-top: 0.2rem;
+                    text-overflow: ellipsis;
+                    overflow: hidden;
+                }
+
+
+                &.selected {
+                    color: ${theme.color.neutral.text};
+                    border: 1px solid ${theme.color.neutral.border};
+                    background-color: ${theme.color.neutral.backgroundMuted};
+                    border-bottom: none;
+                    padding: 0.6rem ${theme.space.space8};
+                    p {
+                        padding-top: 0;
+                    }
+                }
+
+                &:hover {
+                    border: 1px solid ${theme.color.neutral.border};
+                    border-bottom: none;
+                    text-decoration: none;
+                }
+
+                &::after {
+                    /* ensures same width of text when switching tabs and making it bold */
+                    ${theme.typography.shared.tablet.bodyMStrong}
+                    display: block;
+                    content: attr(title);
+                    font-weight: bold;
+                    height: 0px;
+                    color: transparent;
+                    overflow: hidden;
+                    visibility: hidden;
+                }
+            }
+        }
+    }
+
+    .CodePre {
+        z-index: 2;
+        padding: ${theme.space.space16} 0 !important;
+
+        code {
+            & > span {
+                display: block;
+                padding-left: ${({ $showLineNumbers }) => ($showLineNumbers ? theme.space.space8 : theme.space.space16)};
+                padding-right: ${theme.space.space16};
+                &:hover {
+                    background-color: ${HIGHLIGHT_BACKGROUND_COLOR} !important;
+                    border-left: 6px solid ${theme.color.neutral.border} !important;
+                    padding-left: ${({ $showLineNumbers }) => ($showLineNumbers ? '0.2' : '1')}rem;
+                }
+            }
+
+            // Common styles
+            [data*='bash']{
+                &::before {
+                    color: ${theme.color.lavender.base};
+                    padding-right: ${theme.space.space16};
+                    min-width: ${theme.space.space24};
+                    user-select: none;
+                    -webkit-user-select: none;
+                    font-size: 1em;
+                }
+            }
+
+            [data*='bashStartCommand'] {
+                &::before {
+                    content: '$';
+                }
+            }
+
+            [data*='bashCommand'] {
+                &::before {
+                    content: '>';
+                }
+            }
+
+            [data*='bashEmptyLine'] {
+                &::before {
+                    content: ' ';
+                }
+            }
+
+            [data*='highlighted'] {
+                background-color: ${HIGHLIGHT_BACKGROUND_COLOR} !important;
+                border-left: 6px solid ${theme.color.neutral.border} !important;
+                padding-left: ${({ $showLineNumbers }) => ($showLineNumbers ? '0.2' : '1')}rem;
+            }
+
+
+            .linenumber {
+                color: ${theme.color.neutral.textSubtle} !important;
+                padding-right: ${theme.space.space16} !important;
+                min-width: ${theme.space.space24} !important;
+                box-sizing: unset !important;
+                user-select: none;
+                -webkit-user-select: none;
+
+                ${({ $showLineNumbers }) => (!$showLineNumbers && css `display: none !important;`)}
+
+            }
+        }
+    }
+
+    .CodeBlock-TopRightActionsWrapper {
+        position: absolute;
+        top: 0;
+        right: 0;
+        ${({ $hasHeader }) => ($hasHeader
+    ? css `
+            padding-top: 6px;
+            padding-right: ${theme.space.space8};`
+    : css `
+            padding-top: ${theme.space.space16};
+            padding-right: ${theme.space.space16};`)}
+
+        display: flex;
+        gap: ${theme.space.space8};
+        z-index: 3;
+        height: 3.9rem;
+
+        ${({ $hasHeader }) => $hasHeader && css `
+                padding-left: ${theme.space.space32};
+                background: linear-gradient(
+                    to right,
+                    transparent,
+                    ${theme.color.neutral.backgroundSubtle} 20px
+                );
+            `}
+    }
+
+    .CodeBlock-Gradient {
+        right: 0px;
+        bottom: 0px;
+
+        aspect-ratio: 1/1;
+        height: 250%;
+
+        transform: translate(50%, 70%) rotate(${({ $gradientRotation }) => $gradientRotation ?? 0}deg) scaleX(-1);
+    }
+
+    .CodeBlock-HederDotsWrapper {
+        display: flex;
+        padding: ${theme.space.space8};
+        align-items: flex-start;
+        gap: ${theme.space.space8};
+        margin-bottom: 0.5rem;
+        margin-left: ${theme.space.space8};
+        background: transparent;
+
+        .CodeBlock-HeaderDot {
+            width: 1.2rem;
+            height: 1.2rem;
+            border-radius: 50%;
+            background-color: ${theme.color.neutral.iconSubtle};
+        }
+    }
+`;
+//# sourceMappingURL=code_block.styled.jsx.map

package/dist/src/components/code/code_block/code_block.styled.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"code_block.styled.jsx","sourceRoot":"","sources":["../../../../../src/components/code/code_block/code_block.styled.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/code/code_block/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const mapPrefixToBashLine: (code: string, bashCommandsStart?: number[]) => ("bashEmptyLine" | "bashStartCommand" | "bashCommand")[];
+//# sourceMappingURL=utils.d.ts.map

package/dist/src/components/code/code_block/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/code_block/utils.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,mBAAmB,SAAU,MAAM,sBAAqB,MAAM,EAAE,6DAa5E,CAAC"}

package/dist/src/components/code/code_block/utils.js

@@ -0,0 +1,20 @@
+// input: [2, 4, 5, 6, 8, 10, 11, 12]
+// returns string indicating what type of line it is (bashStartCommand, bashCommand, bashEmptyLine)
+// commands start -> bashStartCommand
+// every next line after command start until next command start or empty line -> bashCommand
+// empty line or comment -> bashEmptyLine
+export const mapPrefixToBashLine = (code, bashCommandsStart = []) => {
+    const lines = code.split('\n').map((line) => line.trim());
+    // by default each line that is not empty or comment is a command start
+    if (bashCommandsStart.length === 0) {
+        return lines.map((line) => ((line.startsWith('#') || !line) ? 'bashEmptyLine' : 'bashStartCommand'));
+    }
+    return lines.map((line, i) => {
+        if (bashCommandsStart.includes(i + 1))
+            return 'bashStartCommand';
+        if (line.startsWith('#') || !line)
+            return 'bashEmptyLine';
+        return 'bashCommand';
+    });
+};
+//# sourceMappingURL=utils.js.map

package/dist/src/components/code/code_block/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/components/code/code_block/utils.ts"],"names":[],"mappings":"AAAA,qCAAqC;AACrC,mGAAmG;AACnG,qCAAqC;AACrC,4FAA4F;AAC5F,yCAAyC;AACzC,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,oBAA8B,EAAE,EAAE,EAAE;IAClF,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC;IAE1D,uEAAuE;IACvE,IAAI,iBAAiB,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjC,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC;IACzG,CAAC;IAED,OAAO,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;QACzB,IAAI,iBAAiB,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,CAAC;YAAE,OAAO,kBAAkB,CAAC;QACjE,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI;YAAE,OAAO,eAAe,CAAC;QAC1D,OAAO,aAAa,CAAC;IACzB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from './code_block/code_block';
+export * from './one_line_code/one_line_code';
+export * from './inline_code/inline_code';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/code/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from './code_block/code_block';
+export * from './one_line_code/one_line_code';
+export * from './inline_code/inline_code';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/code/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,2BAA2B,CAAC"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { RegularBoxProps } from '../../box';
+import type { SharedTextSize } from '../../text/text_shared';
+export declare const inlineCodeStyles: import("styled-components").FlattenSimpleInterpolation;
+type InlineCodeProps = RegularBoxProps & {
+    children: React.ReactNode;
+    size?: SharedTextSize;
+};
+export declare const InlineCode: React.FC<InlineCodeProps>;
+export {};
+//# sourceMappingURL=inline_code.d.ts.map

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

@@ -0,0 +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,WAAW,CAAC;AAEjD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAG7D,eAAO,MAAM,gBAAgB,wDAM5B,CAAC;AAQF,KAAK,eAAe,GAAG,eAAe,GAAG;IACrC,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"}

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import styled, { css } from 'styled-components';
+import { theme } from '../../../design_system/theme';
+import { Text } from '../../text';
+// TODO: We should not need to export these once we consolidate Markdown
+export const inlineCodeStyles = css `
+    width: fit-content;
+    padding: ${theme.space.space2} 0.6rem;
+    background-color: ${theme.color.neutral.backgroundMuted};
+    border-radius: ${theme.radius.radius8};
+    border: 1px solid ${theme.color.neutral.border};
+`;
+const Wrapper = styled.span `
+    code {
+        ${inlineCodeStyles}
+    }
+`;
+// This might be just a Chip component
+export const InlineCode = ({ children, size, ...props }) => (<Wrapper {...props}>
+        <Text type="code" as="code" size={size}>
+            {children}
+        </Text>
+    </Wrapper>);
+//# sourceMappingURL=inline_code.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"inline_code.jsx","sourceRoot":"","sources":["../../../../../src/components/code/inline_code/inline_code.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AAErD,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAGlC,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,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,CACf;QAAA,CAAC,IAAI,CACD,IAAI,CAAC,MAAM,CACX,EAAE,CAAC,MAAM,CACT,IAAI,CAAC,CAAC,IAAI,CAAC,CAEX;YAAA,CAAC,QAAQ,CACb;QAAA,EAAE,IAAI,CACV;IAAA,EAAE,OAAO,CAAC,CACb,CAAC"}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { BoxProps } from '../../box';
+import type { SharedTextSize } from '../../text/text_shared';
+export declare const oneLineCodeClassNames: {
+    gradientWrapper: string;
+    scrollableWrapper: string;
+    methodChip: string;
+    gradient: string;
+    buttons: string;
+};
+type HttpMethod = 'GET' | 'POST' | 'PUT' | 'DELETE' | 'HEAD' | 'PATCH';
+export type OneLineCodeProps = BoxProps & {
+    children: string;
+    language?: string;
+    size?: SharedTextSize;
+    httpMethod?: HttpMethod;
+    actionButtonLabel?: string;
+    onActionButtonClick?: () => Promise<void> | void;
+    fullWidth?: boolean;
+    secretPlaceholder?: string;
+    secret?: string;
+    disabled?: boolean;
+    hideCopyButton?: boolean;
+};
+export declare function OneLineCode({ children, language, size, httpMethod, actionButtonLabel, onActionButtonClick, fullWidth, secretPlaceholder, secret, disabled, hideCopyButton, ...rest }: OneLineCodeProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=one_line_code.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"one_line_code.d.ts","sourceRoot":"","sources":["../../../../../src/components/code/one_line_code/one_line_code.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAMjD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAE1C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAK7D,eAAO,MAAM,qBAAqB;;;;;;CAMjC,CAAC;AAEF,KAAK,UAAU,GAAG,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AA6HvE,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mBAAmB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC;IACjD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAA;AAED,wBAAgB,WAAW,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,UAAU,EACV,iBAAiB,EACjB,mBAAmB,EACnB,SAAS,EACT,iBAAyB,EACzB,MAAM,EACN,QAAQ,EACR,cAAc,EACd,GAAG,IAAI,EACV,EAAE,gBAAgB,qBA0DlB"}

package/dist/src/components/code/one_line_code/one_line_code.jsx

@@ -0,0 +1,157 @@
+import React, { useMemo, useState } from 'react';
+import styled, { css } from 'styled-components';
+import { Eye16, EyeOff16 } from '@apify/icons';
+import { theme } from '../../../design_system/theme';
+import { Text } from '../../text';
+import { ActionButton, CopyButton } from '../action_button';
+import SyntaxHighlighter, { SyntaxHighlighterBaseStylesWrapper } from '../syntax_highlighter';
+export const oneLineCodeClassNames = {
+    gradientWrapper: 'OneLineCode-GradientWrapper',
+    scrollableWrapper: 'OneLineCode-ScrollableWrapper',
+    methodChip: 'OneLineCode-MethodChip',
+    gradient: 'OneLineCode-Gradient',
+    buttons: 'OneLineCode-Buttons',
+};
+const HTML_METHOD_CHIP_STYLES = {
+    GET: 'primary',
+    POST: 'success',
+    PUT: 'warning',
+    DELETE: 'danger',
+    HEAD: 'neutral',
+    PATCH: 'neutral',
+};
+function getChipStyles(httpMethod) {
+    const styles = theme.color[HTML_METHOD_CHIP_STYLES[httpMethod]];
+    return css `
+        background-color: ${styles.chipBackground};
+        color: ${'chipText' in styles ? styles.chipText : styles.text};
+    `;
+}
+const OneLineCodeWrapper = styled(SyntaxHighlighterBaseStylesWrapper) `
+    display: flex;
+    padding-right: ${theme.space.space16} !important;
+    ${({ $fitContent }) => $fitContent && css `
+        width: fit-content;
+    `}
+
+    ${({ $disabled }) => $disabled && css `
+        opacity: 0.5;
+        cursor: not-allowed;
+    `}
+
+    height: 4.6rem;
+
+    .${oneLineCodeClassNames.buttons} {
+        display: flex;
+        align-items: center;
+        gap: ${theme.space.space8};
+    }
+
+    .${oneLineCodeClassNames.methodChip} {
+        padding: 0 ${theme.space.space4};
+        margin-top: ${theme.space.space2};
+        border-radius: ${theme.radius.radius6};
+        height: 2.4rem;
+        ${({ $httpMethod }) => $httpMethod && getChipStyles($httpMethod)}
+        display: flex;
+        align-items: center;
+    }
+
+    .${oneLineCodeClassNames.gradientWrapper} {
+        position: relative;
+        flex: 1;
+        min-width: 0;
+        padding-top: ${theme.space.space8};
+        display: flex;
+
+        .${oneLineCodeClassNames.gradient} {
+            position: absolute;
+            right: 0;
+            top: 0;
+            bottom: 0;
+            width: 4rem;
+            background: linear-gradient(
+                to right,
+                transparent,
+                ${theme.color.neutral.backgroundMuted} 3rem
+            );
+        }
+    }
+
+    .${oneLineCodeClassNames.scrollableWrapper} {
+        flex: 1;
+        overflow-x: auto;
+        overflow-y: hidden;
+        display: flex;
+        gap: ${theme.space.space16};
+        padding: 0 ${theme.space.space8} !important;
+        margin-left: ${theme.space.space8} !important;
+        height: 100%;
+
+        scrollbar-width: thin;
+        scrollbar-color: ${theme.color.neutral.border} transparent;
+
+
+        .CodePre {
+            overflow: unset !important;
+            display: flex;
+            flex: 1;
+            align-items: center;
+            height: 2.8rem;
+
+            code {
+                & > span {
+                    text-overflow: ellipsis;
+                    overflow: hidden;
+                    white-space: nowrap;
+                    vertical-align: text-top;
+                    ${({ $showBashPrefixes }) => $showBashPrefixes && css `
+                        &::before {
+                            color: ${theme.color.lavender.base};
+                            padding-right: ${theme.space.space16};
+                            min-width: ${theme.space.space24};
+                            user-select: none;
+                            -webkit-user-select: none;
+                            content: "$";
+                            font-size: 1em;
+                        }
+                    `}
+                }
+            }
+        }
+    }
+`;
+export function OneLineCode({ children, language, size, httpMethod, actionButtonLabel, onActionButtonClick, fullWidth, secretPlaceholder = '***', secret, disabled, hideCopyButton, ...rest }) {
+    const hasSecret = secret !== undefined;
+    const [showSecret, setShowSecret] = useState(false);
+    const codeWithSecret = useMemo(() => {
+        if (!hasSecret)
+            return children;
+        return children.replace(secretPlaceholder, secret);
+    }, [children, secret, hasSecret, secretPlaceholder]);
+    const code = showSecret ? codeWithSecret : children;
+    const showBashPrefixes = language === 'bash';
+    return (<OneLineCodeWrapper $httpMethod={httpMethod} $fullWidth={fullWidth} $showBashPrefixes={showBashPrefixes} $disabled={disabled} {...rest}>
+            <div className={oneLineCodeClassNames.gradientWrapper}>
+                <div className={oneLineCodeClassNames.scrollableWrapper}>
+                    {httpMethod && (<Text className={oneLineCodeClassNames.methodChip} as='div'>
+                            {httpMethod}
+                        </Text>)}
+                    <SyntaxHighlighter language={language} size={size} wrapLines>
+                        {code}
+                    </SyntaxHighlighter>
+                </div>
+                <div className={oneLineCodeClassNames.gradient}/>
+            </div>
+            <div className={oneLineCodeClassNames.buttons}>
+                {hasSecret && (<ActionButton onClick={() => setShowSecret((prev) => !prev)} data-test='toggle-visibility-button'>
+                        {showSecret ? (<EyeOff16 viewBox="0 0 16 16"/>) : (<Eye16 viewBox="0 0 16 16"/>)}
+                    </ActionButton>)}
+                {!hideCopyButton && <CopyButton code={codeWithSecret}/>}
+                {!!onActionButtonClick && (<ActionButton onClick={onActionButtonClick}>
+                        {actionButtonLabel}
+                    </ActionButton>)}
+            </div>
+        </OneLineCodeWrapper>);
+}
+//# sourceMappingURL=one_line_code.jsx.map

package/dist/src/components/code/one_line_code/one_line_code.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"one_line_code.jsx","sourceRoot":"","sources":["../../../../../src/components/code/one_line_code/one_line_code.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { SyntaxHighlighterProps as ReactSyntaxHighlighterProps } from 'react-syntax-highlighter';
+import { type SharedTextProps } from '../text';
+import type { SharedTextSize } from '../text/text_shared';
+type SyntaxHighlighterProps = ReactSyntaxHighlighterProps & {
+    size: SharedTextSize;
+};
+export declare const SyntaxHighlighter: React.ForwardRefExoticComponent<Omit<SyntaxHighlighterProps, "ref"> & React.RefAttributes<HTMLPreElement>>;
+export type SyntaxHighlighterBaseStylesWrapperProps = SharedTextProps & {
+    $fullWidth?: boolean;
+    $fullHeight?: boolean;
+    $showLineNumbers?: boolean;
+};
+export declare const SyntaxHighlighterBaseStylesWrapper: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../box").BoxProps & React.RefAttributes<HTMLElement>>, any, SyntaxHighlighterBaseStylesWrapperProps, never>;
+export default SyntaxHighlighter;
+//# sourceMappingURL=syntax_highlighter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"syntax_highlighter.d.ts","sourceRoot":"","sources":["../../../../src/components/code/syntax_highlighter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,KAAK,EAAE,sBAAsB,IAAI,2BAA2B,EAAE,MAAM,0BAA0B,CAAC;AAuBtG,OAAO,EAAQ,KAAK,eAAe,EAAE,MAAM,SAAS,CAAC;AACrD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAoD1D,KAAK,sBAAsB,GAAG,2BAA2B,GAAG;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,CAAC;AAErF,eAAO,MAAM,iBAAiB,4GAsB5B,CAAC;AAEH,MAAM,MAAM,uCAAuC,GAAG,eAAe,GAAG;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC9B,CAAA;AAED,eAAO,MAAM,kCAAkC,iMAY9C,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/src/components/code/syntax_highlighter.jsx

@@ -0,0 +1,94 @@
+import React, { forwardRef } from 'react';
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore The library is badly typed and does not export the type
+import bash from 'react-syntax-highlighter/dist/esm/languages/prism/bash';
+import dockerFile from 'react-syntax-highlighter/dist/esm/languages/prism/docker';
+import http from 'react-syntax-highlighter/dist/esm/languages/prism/http';
+import js from 'react-syntax-highlighter/dist/esm/languages/prism/javascript';
+import json from 'react-syntax-highlighter/dist/esm/languages/prism/json';
+import html from 'react-syntax-highlighter/dist/esm/languages/prism/markup';
+import python from 'react-syntax-highlighter/dist/esm/languages/prism/python';
+import ts from 'react-syntax-highlighter/dist/esm/languages/prism/typescript';
+import xml from 'react-syntax-highlighter/dist/esm/languages/prism/xml-doc';
+import yaml from 'react-syntax-highlighter/dist/esm/languages/prism/yaml';
+import ReactSyntaxHighlighter from 'react-syntax-highlighter/dist/esm/prism-light';
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore The library is badly typed and does not export the type
+import dark from 'react-syntax-highlighter/dist/esm/styles/prism/night-owl';
+import light from 'react-syntax-highlighter/dist/esm/styles/prism/prism';
+import styled, { css } from 'styled-components';
+import { theme } from '../../design_system/theme';
+import { useSharedUiDependencies } from '../../ui_dependency_provider';
+import { Box } from '../box';
+import { Text } from '../text';
+ReactSyntaxHighlighter.registerLanguage('typescript', ts);
+ReactSyntaxHighlighter.registerLanguage('javascript', js);
+ReactSyntaxHighlighter.registerLanguage('json', json);
+ReactSyntaxHighlighter.registerLanguage('bash', bash);
+ReactSyntaxHighlighter.registerLanguage('docker', dockerFile);
+ReactSyntaxHighlighter.registerLanguage('html', html);
+ReactSyntaxHighlighter.registerLanguage('xml', xml);
+ReactSyntaxHighlighter.registerLanguage('yaml', yaml);
+ReactSyntaxHighlighter.registerLanguage('python', python);
+ReactSyntaxHighlighter.registerLanguage('http', http);
+ReactSyntaxHighlighter.registerLanguage('jsonp', json);
+ReactSyntaxHighlighter.registerLanguage('jsonl', json);
+ReactSyntaxHighlighter.registerLanguage('rss', xml);
+const StyledPre = styled(Text) `
+    width: 100%;
+    position: relative;
+
+    *,
+    *::before,
+    *::after {
+        text-shadow: none !important;
+        font-style: normal !important;
+        font-family: inherit !important;
+        font-size: inherit !important;
+        font-weight: inherit !important;
+        line-height: inherit !important;
+        background-color: transparent !important;
+    }
+
+    code {
+        min-width: 100%;
+        display: inline-block;
+        vertical-align: middle;
+        overflow: hidden;
+    }
+`;
+// Syntax highlighter uses inline style a lot which makes it hard to override them. To do so, we make the library not
+// use styles that we wish to set on our own (font-based styles, spacing, background, ...),
+const inlineCssReset = {
+    fontFamily: undefined,
+    fontSize: undefined,
+    fontWeight: undefined,
+    lineHeight: undefined,
+    background: undefined,
+    margin: undefined,
+    padding: undefined,
+};
+export const SyntaxHighlighter = forwardRef(({ size, children, ...rest }, ref) => {
+    const { uiTheme } = useSharedUiDependencies();
+    const PreTag = (preProps) => {
+        return <StyledPre {...preProps} size={size} forwardedAs='pre' type='code' ref={ref}/>;
+    };
+    return (<ReactSyntaxHighlighter PreTag={PreTag} customStyle={inlineCssReset} className="CodePre" style={uiTheme === 'DARK' ? dark : light} {...rest}>
+            {children}
+        </ReactSyntaxHighlighter>);
+});
+export const SyntaxHighlighterBaseStylesWrapper = styled(Box) `
+    background-color: ${theme.color.neutral.backgroundMuted} !important;
+    border: 1px solid ${theme.color.neutral.border};
+    border-radius: ${theme.radius.radius12};
+    overflow: hidden;
+
+    width: 100%;
+    ${({ $fullWidth }) => !$fullWidth && css `max-width: 860px;`}
+    ${({ $fullHeight }) => !$fullHeight && css `max-height: 600px;`}
+
+    background-color: transparent;
+    position: relative;
+`;
+export default SyntaxHighlighter;
+//# sourceMappingURL=syntax_highlighter.jsx.map

package/dist/src/components/code/syntax_highlighter.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"syntax_highlighter.jsx","sourceRoot":"","sources":["../../../../src/components/code/syntax_highlighter.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/color_wheel_gradient.d.ts

@@ -0,0 +1,9 @@
+export interface ColorWheelGradientProps {
+    translateX?: number;
+    translateY?: number;
+    rotation?: number;
+    radius?: number;
+    blurSize?: number;
+}
+export declare const ColorWheelGradient: import("styled-components").StyledComponent<"div", any, ColorWheelGradientProps, never>;
+//# sourceMappingURL=color_wheel_gradient.d.ts.map