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

package/dist/src/components/to_consolidate/markdown.jsx

@@ -0,0 +1,454 @@
+import clsx from 'clsx';
+import _ from 'lodash';
+import qs from 'query-string';
+import React, { useMemo } from 'react';
+import ReactMarkdown, { uriTransformer } from 'react-markdown';
+import rehypeRaw from 'rehype-raw';
+import remarkGfm from 'remark-gfm';
+import styled from 'styled-components';
+import { Link16 } from '@apify/icons';
+import { theme } from '../../design_system/theme';
+import { useCopyToClipboard } from '../../utils';
+import { CodeBlock, OneLineCode, inlineCodeStyles } from '../code';
+import { cleanMarkdown, slugifyHeadingChildren } from '../readme_renderer/utils';
+const markdownClassNames = {
+    COPY_BUTTON: 'Markdown-CopyButton',
+    CODE_PRE: 'Markdown-CodePre',
+    VIDEO_WRAPPER: 'Markdown-VideoWrapper',
+    IFRAME_CONTAINER: 'Iframe-container',
+    HEADING_COPY_ICON: 'ReadmeRenderer-headingCopyIcon',
+    INLINE_CODE: 'Markdown-InlineCode',
+};
+const StyledMarkdown = styled(ReactMarkdown) `
+    @font-face {
+        font-family: "ellipsis-font";
+        src: local("Courier");
+        unicode-range: U+2026;
+        size-adjust: 0%;
+    }
+
+    &>:first-child {
+        margin-top: 0;
+    }
+
+    h1, h2, h3, h4, h5 {
+        scroll-margin-top: ${({ $scrollMarginTopPx }) => `${$scrollMarginTopPx}px`};
+        margin-top: ${theme.space.space32};
+        margin-bottom: ${theme.space.space16};
+        align-items: center;
+
+        & > .${markdownClassNames.INLINE_CODE} {
+            font-size: inherit !important;
+            line-height: inherit !important;
+        }
+
+        /* Do no change the font style if the heading is defined as bold in the markdown and is wrapped in a <strong> tag */
+        strong {
+            font-size: inherit !important;
+            line-height: inherit !important;
+            font-weight: inherit !important;
+        }
+
+        a {
+            text-decoration: none !important;
+        }
+
+        .${markdownClassNames.HEADING_COPY_ICON} {
+            display: none;
+            transform: translateX(${theme.space.space4});
+            color: ${theme.color.neutral.textSubtle};
+
+            svg {
+                stroke: ${theme.color.primary.text};
+                max-height: 1em !important;
+            }
+        }
+
+        &:hover {
+            .${markdownClassNames.HEADING_COPY_ICON} {
+                display: inline-block;
+            }
+        }
+    }
+
+    p, li, strong, b, table {
+        ${theme.typography.content.mobile.paragraph}
+        @media (min-width: ${theme.layout.tablet}) {
+            ${theme.typography.content.tablet.paragraph}
+        }
+        @media (min-width: ${theme.layout.desktop}) {
+            ${theme.typography.content.desktop.paragraph}
+        }
+        a {
+            overflow-wrap: break-word;
+            text-decoration: none;
+            &:hover {
+                text-decoration: underline;
+            }
+        }
+    }
+
+    p {
+        margin: ${theme.space.space16} 0;
+    }
+
+    h1 {
+        ${theme.typography.content.mobile.heading1}
+        @media (min-width: ${theme.layout.tablet}) {
+            ${theme.typography.content.tablet.heading1}
+        }
+        @media (min-width: ${theme.layout.desktop}) {
+            ${theme.typography.content.desktop.heading1}
+        }
+    }
+
+    h2 {
+        ${theme.typography.content.mobile.heading2}
+        @media (min-width: ${theme.layout.tablet}) {
+            ${theme.typography.content.tablet.heading2}
+        }
+        @media (min-width: ${theme.layout.desktop}) {
+            ${theme.typography.content.desktop.heading2}
+        }
+    }
+
+    h3 {
+        ${theme.typography.content.mobile.heading3}
+        @media (min-width: ${theme.layout.tablet}) {
+            ${theme.typography.content.tablet.heading3}
+        }
+        @media (min-width: ${theme.layout.desktop}) {
+            ${theme.typography.content.desktop.heading3}
+        }
+    }
+
+    h4 {
+        ${theme.typography.content.mobile.heading4}
+        @media (min-width: ${theme.layout.tablet}) {
+            ${theme.typography.content.tablet.heading4}
+        }
+        @media (min-width: ${theme.layout.desktop}) {
+            ${theme.typography.content.desktop.heading4}
+        }
+    }
+
+    h5 {
+        ${theme.typography.content.mobile.heading5}
+        @media (min-width: ${theme.layout.tablet}) {
+            ${theme.typography.content.tablet.heading5}
+        }
+        @media (min-width: ${theme.layout.desktop}) {
+            ${theme.typography.content.desktop.heading5}
+        }
+    }
+
+    h6 {
+        ${theme.typography.content.mobile.heading6}
+        @media (min-width: ${theme.layout.tablet}) {
+            ${theme.typography.content.tablet.heading6}
+        }
+        @media (min-width: ${theme.layout.desktop}) {
+            ${theme.typography.content.desktop.heading6}
+        }
+    }
+
+    img {
+        max-width: 100%;
+    }
+
+    ul, ol {
+        padding-left: ${theme.space.space32};
+    }
+
+    li {
+        margin-top: ${theme.space.space4};
+    }
+
+    hr {
+        color: ${theme.color.neutral.border};
+    }
+
+    strong {
+        ${theme.typography.content.mobile.paragraphStrong}
+        @media (min-width: ${theme.layout.tablet}) {
+            ${theme.typography.content.tablet.paragraphStrong}
+        }
+        @media (min-width: ${theme.layout.desktop}) {
+            ${theme.typography.content.desktop.paragraphStrong}
+        }
+    }
+
+    blockquote {
+        border-left: 2px solid ${theme.color.neutral.separatorSubtle};
+        padding-left: ${theme.space.space16};
+
+        color: ${theme.color.neutral.textMuted};
+
+        p {
+            margin-bottom: 0;
+        }
+    }
+
+    table {
+        display: block;
+        overflow: auto;
+        border-collapse: collapse;
+
+        td, th {
+            border: 1px solid ${theme.color.neutral.border};
+            padding: ${theme.space.space16};
+            text-align: left;
+        }
+
+        tr:nth-child(even):not([class]) {
+            > th, > td {
+                background-color: inherit;
+            }
+        }
+    }
+
+    th {
+        ${theme.typography.content.mobile.paragraphStrong}
+        @media (min-width: ${theme.layout.tablet}) {
+            ${theme.typography.content.tablet.paragraphStrong}
+        }
+        @media (min-width: ${theme.layout.desktop}) {
+            ${theme.typography.content.desktop.paragraphStrong}
+        }
+    }
+
+    a:hover {
+        text-decoration: underline;
+    }
+
+    .${markdownClassNames.VIDEO_WRAPPER} {
+        width: 65%;
+        display: block;
+
+        .${markdownClassNames.IFRAME_CONTAINER} {
+            position: relative;
+            overflow: hidden;
+            width: 100%;
+            padding-top: 56.25%;
+            display: block;
+
+            iframe {
+                position: absolute;
+                top: 0;
+                left: 0;
+                bottom: 0;
+                right: 0;
+                width: 100%;
+                height: 100%;
+                border: 0px;
+            }
+        }
+    }
+
+    .${markdownClassNames.INLINE_CODE} {
+        ${inlineCodeStyles}
+        ${theme.typography.content.mobile.snippet}
+        @media (min-width: ${theme.layout.tablet}) {
+            ${theme.typography.content.tablet.snippet}
+        }
+        @media (min-width: ${theme.layout.desktop}) {
+            ${theme.typography.content.desktop.snippet}
+        }
+        b, strong{
+            font-size: inherit !important;
+            line-height: inherit !important;
+            font-family: inherit !important;
+        }
+    }
+`;
+/**
+ * Adds ids to headings
+ */
+const DefaultHeadingRenderer = ({ node, children }) => {
+    const Tag = node.tagName;
+    const id = slugifyHeadingChildren(children);
+    return <Tag id={id}>{children}</Tag>;
+};
+function CodeRenderer({ inline, className, children, }) {
+    if (inline) {
+        return <code className={clsx(className, markdownClassNames.INLINE_CODE)}>{children}</code>;
+    }
+    const code = String(children).replace(/\n$/, '').trim();
+    const match = /language-(\w+)/.exec(className || '');
+    const language = match?.[1]?.toLowerCase();
+    const isOneLineCode = code.split('\n').length <= 1;
+    if (isOneLineCode) {
+        return (<OneLineCode language={language} fullWidth>
+                {code}
+            </OneLineCode>);
+    }
+    return (<CodeBlock content={code} language={language} hideLineNumbers fullWidth hideBashHeader hideBashPromptPrefixes/>);
+}
+const youtubeRegex = /^(?:https?:\/\/)?(?:www\.)?(?:m\.)?(?:youtube(?:-nocookie)?\.com|youtu\.be)\/(?:watch\?v=|embed\/|v\/)?([a-zA-Z0-9\-_]+)(?:\S*)?$/;
+const vimeoRegex = /^((?:https?:\/\/)?(?:player\.)?vimeo\.com(?:\/video)?\/(\d+))$/;
+const getVideoSrc = (link) => {
+    const youtubeLink = link.match(youtubeRegex);
+    const vimeoLink = link.match(vimeoRegex);
+    let src;
+    if (youtubeLink) {
+        // add rel=0 to disable related videos from other channels at the end of the video
+        // add enablejsapi=1 to enable tracking videos via API through Google Analytics
+        src = qs.stringifyUrl({ url: `https://www.youtube.com/embed/${youtubeLink[1]}`, query: { rel: 0, enablejsapi: 1 } });
+    }
+    if (vimeoLink)
+        src = `https://player.vimeo.com/video/${vimeoLink[2]}`;
+    return src;
+};
+const Video = ({ src }) => {
+    return (<span className={markdownClassNames.VIDEO_WRAPPER}>
+            <span className="Iframe-container">
+                <iframe loading="lazy" allowFullScreen src={src}/>
+            </span>
+        </span>);
+};
+export const APIFY_HOSTNAMES = [
+    'apify.com',
+    'docs.apify.com',
+    'help.apify.com',
+    'sdk.apify.com',
+    'blog.apify.com',
+    'kb.apify.com', // old knowledge base domain (redirects to help.apify.com)
+    'my.apify.com', // old console.domain (redirects to console.apify.com)
+    'console.apify.com',
+    'crawlee.dev',
+];
+// We want no-follow for external links
+// Also if link is a video from youtube or vimeo, we want to render it as iframe
+// Allowing to pass hostname to check if the link is an Apify link to the same hostname (is needed for SSR on the web)
+const DefaultLinkRenderer = ({ node, href, ...props }, { hostname, Link }, isUserGeneratedContent) => {
+    const videoSrc = node.properties.enableEmbeddedVideo && getVideoSrc(href);
+    if (videoSrc)
+        return <Video src={videoSrc}/>;
+    // check for anchor links, hash link are not parsable by URL constructor
+    const isHashLink = (href || '').startsWith('#');
+    if (isHashLink)
+        return <a href={href} {...props}/>;
+    let urlParsed;
+    try { // TODO: replace with URL.canParse() when we have node 19+ 🥲
+        urlParsed = new URL(href);
+    }
+    catch {
+        // Probably invalid url, go on as it doesn't make sense to track this error
+        // This component is used on all Actor pages - readmes.
+        // So it is mainly for the user-generated content - there can be many invalid links and we won't do anything about it anyway.
+        return <span>{href}</span>;
+    }
+    if (!hostname && (typeof window !== 'undefined' && !window?.location?.hostname))
+        return <a href={href} {...props}/>;
+    const currentHostname = hostname || (typeof window !== 'undefined' && window?.location?.hostname.toLowerCase());
+    const hasDifferentHostname = urlParsed && (urlParsed.hostname.toLowerCase() !== currentHostname);
+    const isApifyLink = urlParsed
+        && APIFY_HOSTNAMES.includes(urlParsed.hostname.toLowerCase())
+        && urlParsed.protocol === 'https:'; // we want to disqualify links that have http: protocol. It's a mistake on users' side that we are penalized for.
+    let linkProps = {};
+    // If the link is an Apify link to the same hostname, we want to open in the same tab otherwise we want to open in a new tab
+    // If an external non-Apify link, we want to always open it in a new tab and add rel="noopener noreferrer nofollow"
+    // (and ugc if the link comes from the user-generated content)
+    if (isApifyLink && hasDifferentHostname) {
+        linkProps = { target: '_blank', rel: 'noopener noreferrer' };
+    }
+    else if (!hasDifferentHostname && Link) { // Same host name, use the provided link for internal navigation
+        return <Link to={urlParsed} {...props}/>;
+    }
+    else {
+        // USG - User Generated Content (new rel attribute for nofollow links)
+        // Google says:
+        // It’s valid to use nofollow with the new attributes — such as rel=”nofollow ugc”
+        // — if you wish to be backwards-compatible with services that don’t support the new attributes.
+        linkProps = { target: '_blank', rel: clsx('noopener noreferrer nofollow', isUserGeneratedContent && 'ugc') };
+    }
+    return <a href={href} {...props} {...linkProps}/>;
+};
+// If the paragraph is just a link to youtube or vimeo, we want to render it as iframe
+const ParagraphRenderer = ({ node, ...props }) => {
+    // We enable embedded video only is surrounded by new lines (will be rendered as only child in paragraph)
+    node?.children.forEach((child) => {
+        if (child.tagName === 'a')
+            child.properties.enableEmbeddedVideo = node.children.length === 1; // This means the link is the only child
+    });
+    const child = node?.children[0];
+    const isText = child?.type === 'text';
+    const videoSrc = isText && getVideoSrc(child.value);
+    if (videoSrc)
+        return <Video src={videoSrc}/>;
+    return <p {...props}/>;
+};
+const HeadingRendererWithAnchor = ({ node, children }) => {
+    const Tag = node.tagName;
+    const id = slugifyHeadingChildren(children);
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const [_isCopied, handleClick] = useCopyToClipboard({
+        text: id ?? '',
+        // We want the whole URL to be copied, not just the ID
+        transform: (text) => {
+            const url = new URL(window.location.href);
+            url.hash = `#${text}`;
+            return url.toString();
+        },
+    });
+    return (<Tag id={id}>
+            {children}
+            <a onClick={handleClick} href={`#${id}`} className={`${markdownClassNames.HEADING_COPY_ICON}`}>
+                <Link16 viewBox="0 0 16 16"/>
+            </a>
+        </Tag>);
+};
+const Markdown = ({ markdown, transformLinkUri, transformImageUri, className, scrollMarginTopPx = 10, allowElement, currentPathHostname, addHeadingAnchors, isUserGeneratedContent, Link, LinkRenderer, lazyLoadImages, }) => {
+    const headingRenderer = addHeadingAnchors ? HeadingRendererWithAnchor : DefaultHeadingRenderer;
+    const cleanedMarkdown = useMemo(() => cleanMarkdown(markdown), [markdown]);
+    return (<StyledMarkdown $scrollMarginTopPx={scrollMarginTopPx} className={className} rehypePlugins={[rehypeRaw]} remarkPlugins={[remarkGfm]} allowedElements={[
+            'a',
+            'b',
+            'blockquote',
+            'br',
+            'center',
+            'code',
+            'del',
+            'em',
+            'h1',
+            'h2',
+            'h3',
+            'h4',
+            'h5',
+            'hr',
+            'i',
+            'img',
+            'li',
+            'ol',
+            'p',
+            'pre',
+            'span',
+            'strong',
+            'table',
+            'tbody',
+            'td',
+            'tfoot',
+            'th',
+            'thead',
+            'tr',
+            'u',
+            'ul',
+        ]} allowElement={allowElement} components={{
+            h1: headingRenderer,
+            h2: headingRenderer,
+            h3: headingRenderer,
+            h4: headingRenderer,
+            h5: headingRenderer,
+            a: (linkProps) => (LinkRenderer
+                ? LinkRenderer(linkProps, { hostname: currentPathHostname, Link }, isUserGeneratedContent)
+                : DefaultLinkRenderer(linkProps, { hostname: currentPathHostname, Link }, isUserGeneratedContent)),
+            code: (codeProps) => CodeRenderer(codeProps),
+            p: ParagraphRenderer,
+            img: (imageProps) => <img {...imageProps} {...(lazyLoadImages ? { loading: 'lazy' } : {})}/>,
+        }} transformLinkUri={(href) => (transformLinkUri ? uriTransformer(transformLinkUri(href)) : uriTransformer(href))} transformImageUri={transformImageUri}>
+            {cleanedMarkdown}
+        </StyledMarkdown>);
+};
+const MemoizedMarkdown = React.memo(Markdown, (prevProps, nextProps) => _.isEqual(prevProps, nextProps));
+export { MemoizedMarkdown as Markdown };
+//# sourceMappingURL=markdown.jsx.map

package/dist/src/components/to_consolidate/markdown.jsx.map

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

package/dist/src/components/to_consolidate/pagination.d.ts

@@ -0,0 +1,8 @@
+import type { FC } from 'react';
+export type PaginationButtonsProps = {
+    page: number;
+    totalPages: number;
+    onPageChange: (page: number) => void;
+};
+export declare const PaginationButtons: FC<PaginationButtonsProps>;
+//# sourceMappingURL=pagination.d.ts.map

package/dist/src/components/to_consolidate/pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../../../src/components/to_consolidate/pagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAwChC,MAAM,MAAM,sBAAsB,GAAG;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC,CAAA;AAGD,eAAO,MAAM,iBAAiB,EAAE,EAAE,CAAC,sBAAsB,CA2FxD,CAAC"}

package/dist/src/components/to_consolidate/pagination.jsx

@@ -0,0 +1,88 @@
+import React, { useMemo } from 'react';
+import styled from 'styled-components';
+import { ChevronRight20, ChevronLeft20, } from '@apify/icons';
+import { theme } from '../../design_system/theme';
+import { Box } from '../box';
+import { Button } from '../button';
+const LEADING_THREE_DOTS_PAGE_KEY = -1;
+const TRAILING_THREE_DOTS_PAGE_KEY = -2;
+const PaginationButtonBase = styled(Button).attrs({ variant: 'text' }) `
+    padding: 0;
+    height: 28px;
+    min-width: 28px;
+    font-weight: 400 !important; /* default for button is medium, force regular to all page selection buttons */
+
+    &:disabled {
+        background: transparent;
+    }
+
+    &.currentPage {
+        background-color: ${theme.color.neutral.chipBackground};
+
+        &:hover {
+            background-color: ${theme.color.neutral.hover};
+        }
+    }
+`;
+const StyledPageSelectionButtons = styled(Box) `
+    display: inline-flex;
+    gap: ${theme.space.space8};
+`;
+// TODO: Consolidate and move to /library
+export const PaginationButtons = ({ page, totalPages, onPageChange, }) => {
+    // Pages to display buttons for (counting from 0, -1 and -2 will mean a special '...' disabled button)
+    const pagesToDisplay = useMemo(() => {
+        const result = [];
+        if (totalPages <= 8) {
+            for (let i = 0; i < totalPages; i++) {
+                result.push(i);
+            }
+        }
+        else if (page < 5) {
+            for (let i = 0; i < 7; i++) {
+                result.push(i);
+            }
+            result.push(TRAILING_THREE_DOTS_PAGE_KEY);
+        }
+        else if (page < totalPages - 4) {
+            result.push(0);
+            result.push(LEADING_THREE_DOTS_PAGE_KEY);
+            for (let i = page - 2; i <= page + 2; i++) {
+                result.push(i);
+            }
+            result.push(TRAILING_THREE_DOTS_PAGE_KEY);
+        }
+        else {
+            result.push(0);
+            result.push(LEADING_THREE_DOTS_PAGE_KEY);
+            for (let i = totalPages - 6; i < totalPages; i++) {
+                result.push(i);
+            }
+        }
+        return result;
+    }, [page, totalPages]);
+    return (<StyledPageSelectionButtons>
+            <PaginationButtonBase data-test='page-prev-button' disabled={page <= 0} onClick={() => onPageChange(page - 1)} trackingId='PaginationPrevPage'>
+                <ChevronLeft20 strokeWidth={2}/>
+            </PaginationButtonBase>
+            {pagesToDisplay.map((pageToDisplay) => {
+            if (pageToDisplay === LEADING_THREE_DOTS_PAGE_KEY || pageToDisplay === TRAILING_THREE_DOTS_PAGE_KEY) {
+                return (<PaginationButtonBase trackingId='ThreeDots' key={pageToDisplay} onClick={() => undefined} disabled>
+                            ...
+                        </PaginationButtonBase>);
+            }
+            if (pageToDisplay === page) {
+                return (<PaginationButtonBase key={pageToDisplay} data-test='current-page-button' trackingId='PaginationCurrentPage' className='currentPage' onClick={() => undefined}>
+                            {pageToDisplay + 1}
+                        </PaginationButtonBase>);
+            }
+            return (<PaginationButtonBase key={pageToDisplay} data-test='page-number-button' onClick={() => onPageChange(pageToDisplay)} trackingId='PaginationNumberedPage'>
+                        {pageToDisplay + 1}
+                    </PaginationButtonBase>);
+        })}
+            <PaginationButtonBase data-test='page-next-button' disabled={page >= totalPages - 1} onClick={() => onPageChange(page + 1)} trackingId='PaginationNextPage'>
+                <ChevronRight20 strokeWidth={2}/>
+            </PaginationButtonBase>
+        </StyledPageSelectionButtons>);
+};
+//# sourceMappingURL=pagination.jsx.map

package/dist/src/components/to_consolidate/pagination.jsx.map

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

package/dist/src/components/to_consolidate/tab_number_chip.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ChipProps {
+    children: React.ReactNode;
+}
+export declare const TabNumberChip: React.FC<ChipProps>;
+export {};
+//# sourceMappingURL=tab_number_chip.d.ts.map

package/dist/src/components/to_consolidate/tab_number_chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab_number_chip.d.ts","sourceRoot":"","sources":["../../../../src/components/to_consolidate/tab_number_chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,UAAU,SAAS;IACf,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAO7C,CAAC"}

package/dist/src/components/to_consolidate/tab_number_chip.jsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import styled from 'styled-components';
+import { theme } from '../../design_system/theme';
+import { Text } from '../text';
+const StyledChip = styled(Text) `
+    color: ${theme.color.neutral.text};
+    background-color: ${theme.color.neutral.chipBackground};
+    line-height: 1;
+    padding: ${theme.space.space2} ${theme.space.space4};
+    border-radius: ${theme.radius.radius8};
+
+    ._disabled & {
+        background-color: ${theme.color.neutral.backgroundSubtle};
+        color: ${theme.color.neutral.textDisabled};
+    }
+`;
+export const TabNumberChip = ({ children, ...rest }) => {
+    return <StyledChip size='small' {...rest}>
+        {children}
+    </StyledChip>;
+};
+//# sourceMappingURL=tab_number_chip.jsx.map

package/dist/src/components/to_consolidate/tab_number_chip.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab_number_chip.jsx","sourceRoot":"","sources":["../../../../src/components/to_consolidate/tab_number_chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;aAClB,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI;wBACb,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;;eAE3C,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM;qBAClC,KAAK,CAAC,MAAM,CAAC,OAAO;;;4BAGb,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB;iBAC/C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,YAAY;;CAEhD,CAAC;AAMF,MAAM,CAAC,MAAM,aAAa,GAAwB,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IACxE,OAAO,CAAC,UAAU,CACd,IAAI,CAAC,OAAO,CACZ,IAAI,IAAI,CAAC,CAET;QAAA,CAAC,QAAQ,CACb;IAAA,EAAE,UAAU,CAAC,CAAC;AAClB,CAAC,CAAC"}