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

package/dist/src/components/tile/vertical_tile.jsx

@@ -0,0 +1,32 @@
+import React from 'react';
+import styled from 'styled-components';
+import { theme } from '../../design_system/theme';
+import { TILE_SIZES, tileStyle, } from './shared';
+const WrapperClasses = {
+    TILE_CONTENT: 'Tile-Content',
+};
+const StyledTileWrapper = styled.div `
+    ${tileStyle}
+    padding: ${({ $size }) => ($size === TILE_SIZES.SMALL ? theme.space.space16 : theme.space.space24)};
+    width: 100%;
+    cursor: pointer;
+    transition: box-shadow ${theme.transition.smoothEaseOut},
+        background-color ${theme.transition.smoothEaseOut},
+        border-color ${theme.transition.smoothEaseOut};
+
+    &:hover {
+        box-shadow: ${theme.shadow.shadow1};
+        background-color: ${theme.color.neutral.hover};
+    }
+
+    &:active,
+    &:focus {
+        border-color: ${theme.color.primary.action};
+    }
+`;
+export const VerticalTile = ({ content, size = TILE_SIZES.LARGE, onClick, ...otherProps }) => {
+    return (<StyledTileWrapper $size={size} onClick={onClick} {...otherProps}>
+            <div className={WrapperClasses.TILE_CONTENT}>{content}</div>
+        </StyledTileWrapper>);
+};
+//# sourceMappingURL=vertical_tile.jsx.map

package/dist/src/components/tile/vertical_tile.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"vertical_tile.jsx","sourceRoot":"","sources":["../../../../src/components/tile/vertical_tile.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAIlD,OAAO,EACH,UAAU,EACV,SAAS,GACZ,MAAM,UAAU,CAAC;AAYlB,MAAM,cAAc,GAAG;IACnB,YAAY,EAAE,cAAc;CAC/B,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAwB;MACtD,SAAS;eACA,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC,KAAK,KAAK,UAAU,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC;;;6BAGzE,KAAK,CAAC,UAAU,CAAC,aAAa;2BAChC,KAAK,CAAC,UAAU,CAAC,aAAa;uBAClC,KAAK,CAAC,UAAU,CAAC,aAAa;;;sBAG/B,KAAK,CAAC,MAAM,CAAC,OAAO;4BACd,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK;;;;;wBAK7B,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;;CAEjD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAkC,CAAC,EACxD,OAAO,EACP,IAAI,GAAG,UAAU,CAAC,KAAK,EACvB,OAAO,EACP,GAAG,UAAU,EAChB,EAAE,EAAE;IACD,OAAO,CACH,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,UAAU,CAAC,CAC7D;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,CAC/D;QAAA,EAAE,iBAAiB,CAAC,CACvB,CAAC;AACN,CAAC,CAAC"}

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

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { WithTransientProps } from '../../type_utils';
+import type { BoxProps } from '../box';
+export declare const cardClassNames: {
+    WRAPPER: string;
+    HEADER: string;
+    CAPTION: string;
+    ACTIONS: string;
+    DESCRIPTION: string;
+    CONTENT: string;
+};
+interface TransientCardProps {
+    disabled?: boolean;
+    shadowless?: boolean;
+}
+interface RegularCardProps {
+    caption?: React.ReactNode;
+    description?: React.ReactNode;
+    actions?: React.ReactNode;
+    children: React.ReactNode;
+}
+export type StyledCardProps = WithTransientProps<TransientCardProps>;
+export type CardProps = TransientCardProps & RegularCardProps & BoxProps;
+export declare const StyledCardWrapper: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLElement>>, any, StyledCardProps, never>;
+export declare const Card: React.ForwardRefExoticComponent<CardProps & React.RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=card.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/to_consolidate/card.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAC3D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAIvC,eAAO,MAAM,cAAc;;;;;;;CAO1B,CAAC;AAEF,UAAU,kBAAkB;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,UAAU,gBAAgB;IACtB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,MAAM,MAAM,eAAe,GAAG,kBAAkB,CAAC,kBAAkB,CAAC,CAAC;AACrE,MAAM,MAAM,SAAS,GAAG,kBAAkB,GAAG,gBAAgB,GAAG,QAAQ,CAAC;AAEzE,eAAO,MAAM,iBAAiB,wJA+D7B,CAAC;AAEF,eAAO,MAAM,IAAI,+EAyCf,CAAC"}

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

@@ -0,0 +1,93 @@
+import clsx from 'clsx';
+import React, { forwardRef } from 'react';
+import styled, { css } from 'styled-components';
+import { theme } from '../../design_system/theme';
+import { Box } from '../box';
+import { Text } from '../text';
+export const cardClassNames = {
+    WRAPPER: 'Card',
+    HEADER: 'Card-header',
+    CAPTION: 'Card-caption',
+    ACTIONS: 'Card-actions',
+    DESCRIPTION: 'Card-description',
+    CONTENT: 'Card-content',
+};
+;
+;
+export const StyledCardWrapper = styled(Box) `
+    /* 👇 this is consoleStyle.partialStyle.card */
+    background-color: ${theme.color.neutral.cardBackground};
+    border: 1px solid ${theme.color.neutral.border};
+    border-radius: ${theme.radius.radius8};
+    box-shadow: var(--shadow-1);
+    padding: 2rem;
+    box-sizing: border-box;
+
+    /* Reset padding, it is dealt with within header and content styles */
+    padding: 0;
+    width: 100%;
+    font-size: 1.4rem;
+    position: relative;
+
+    & > .${cardClassNames.HEADER} {
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+        align-items: center; /* so it aligns nicely with various content in corner, eg. button */
+        padding: ${theme.space.space16} ${theme.space.space16} ${theme.space.space8};
+        border-radius: ${theme.radius.radius8} ${theme.radius.radius8} 0 0;
+
+        .${cardClassNames.ACTIONS} {
+            margin-left: 2rem;
+
+            button {
+                font-size: 1.4rem;
+                line-height: 1.4rem;
+                font-weight: 500;
+            }
+        }
+    }
+
+    & > .${cardClassNames.DESCRIPTION} {
+        padding: 0rem ${theme.space.space16} ${theme.space.space16} ${theme.space.space16};
+        color: ${theme.color.neutral.textSubtle};
+    }
+
+    & > .${cardClassNames.CONTENT} {
+        position: relative;
+        display: block;
+        padding: ${theme.space.space16};
+        border-bottom-right-radius: ${theme.radius.radius8};
+        border-bottom-left-radius: ${theme.radius.radius8};
+    }
+
+    ${({ $shadowless }) => ($shadowless && css `
+        box-shadow: none;
+    `)}
+
+    ${({ $disabled }) => ($disabled && css `
+        .${cardClassNames.CONTENT} {
+            &::after {
+                content: '';
+                position: absolute;
+                top: 0; bottom: 0; left: 0; right: 0; /* stretch full */
+                background: ${theme.color.neutral.backgroundSubtle} !important;
+                opacity: 0.4;
+                pointer-events: all;
+            }
+        }
+    `)}
+`;
+export const Card = forwardRef(({ as, className, caption, description, actions, children, disabled, shadowless, ...rest }, ref) => {
+    return (<StyledCardWrapper $disabled={disabled} $shadowless={shadowless} forwardedAs={as || 'section'} className={clsx(cardClassNames.WRAPPER, className)} data-test='card' {...rest} ref={ref}>
+            {(!!caption || !!actions) && (<header className={cardClassNames.HEADER} data-test='card-header'>
+                    {caption && (<Text as='div' size='big' weight='bold' className={cardClassNames.CAPTION} data-test='card-caption'>
+                            {caption}
+                        </Text>)}
+                    {actions && (<div className={cardClassNames.ACTIONS} data-test='card-actions'>{actions}</div>)}
+                </header>)}
+            {description && (<div className={cardClassNames.DESCRIPTION} data-test='card-description'>{description}</div>)}
+            <div className={cardClassNames.CONTENT} data-test='card-content'>{children}</div>
+        </StyledCardWrapper>);
+});
+//# sourceMappingURL=card.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"card.jsx","sourceRoot":"","sources":["../../../../src/components/to_consolidate/card.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAEhD,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAGlD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAC;AAC7B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAE/B,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,aAAa;IACrB,OAAO,EAAE,cAAc;IACvB,OAAO,EAAE,cAAc;IACvB,WAAW,EAAE,kBAAkB;IAC/B,OAAO,EAAE,cAAc;CAC1B,CAAC;AAKD,CAAC;AAOD,CAAC;AAKF,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAC,CAAiB;;wBAErC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,cAAc;wBAClC,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM;qBAC7B,KAAK,CAAC,MAAM,CAAC,OAAO;;;;;;;;;;;WAW9B,cAAc,CAAC,MAAM;;;;;mBAKb,KAAK,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM;yBAC1D,KAAK,CAAC,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO;;WAE1D,cAAc,CAAC,OAAO;;;;;;;;;;;WAWtB,cAAc,CAAC,WAAW;wBACb,KAAK,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,KAAK,CAAC,OAAO;iBACxE,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;;;WAGpC,cAAc,CAAC,OAAO;;;mBAGd,KAAK,CAAC,KAAK,CAAC,OAAO;sCACA,KAAK,CAAC,MAAM,CAAC,OAAO;qCACrB,KAAK,CAAC,MAAM,CAAC,OAAO;;;MAGnD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,CAAC,WAAW,IAAI,GAAG,CAAA;;KAEzC,CAAC;;MAEA,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAAC,CAAC,SAAS,IAAI,GAAG,CAAA;WAC/B,cAAc,CAAC,OAAO;;;;;8BAKH,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB;;;;;KAK7D,CAAC;CACL,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAyB,CAAC,EACpD,EAAE,EACF,SAAS,EACT,OAAO,EACP,WAAW,EACX,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,EACV,GAAG,IAAI,EACV,EAAE,GAAG,EAAE,EAAE;IACN,OAAO,CACH,CAAC,iBAAiB,CACd,SAAS,CAAC,CAAC,QAAQ,CAAC,CACpB,WAAW,CAAC,CAAC,UAAU,CAAC,CACxB,WAAW,CAAC,CAAE,EAAE,IAAI,SAAS,CAAC,CAC9B,SAAS,CAAC,CAAC,IAAI,CAAC,cAAc,CAAC,OAAO,EAAE,SAAS,CAAC,CAAC,CACnD,SAAS,CAAC,MAAM,CAChB,IAAI,IAAI,CAAC,CACT,GAAG,CAAC,CAAC,GAAG,CAAC,CAET;YAAA,CAAC,CAAC,CAAC,CAAC,OAAO,IAAI,CAAC,CAAC,OAAO,CAAC,IAAI,CACzB,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,aAAa,CAC7D;oBAAA,CAAC,OAAO,IAAI,CACR,CAAC,IAAI,CACD,EAAE,CAAC,KAAK,CACR,IAAI,CAAC,KAAK,CACV,MAAM,CAAC,MAAM,CACb,SAAS,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAClC,SAAS,CAAC,cAAc,CAExB;4BAAA,CAAC,OAAO,CACZ;wBAAA,EAAE,IAAI,CAAC,CACV,CACD;oBAAA,CAAC,OAAO,IAAI,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC,CAClG;gBAAA,EAAE,MAAM,CAAC,CACZ,CACD;YAAA,CAAC,WAAW,IAAI,CAAC,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,WAAW,CAAC,EAAE,GAAG,CAAC,CAAC,CAC9G;YAAA,CAAC,GAAG,CAAC,SAAS,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,QAAQ,CAAC,EAAE,GAAG,CACpF;QAAA,EAAE,iBAAiB,CAAC,CACvB,CAAC;AACN,CAAC,CAAC,CAAC"}

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

@@ -0,0 +1,5 @@
+export * from './card';
+export * from './pagination';
+export * from './markdown';
+export * from './tab_number_chip';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/to_consolidate/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC"}

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

@@ -0,0 +1,5 @@
+export * from './card';
+export * from './pagination';
+export * from './markdown';
+export * from './tab_number_chip';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/to_consolidate/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC"}

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

@@ -0,0 +1,40 @@
+import React from 'react';
+import type { AllowElement } from 'react-markdown/lib/rehype-filter';
+import type { UiThemeOption } from '../../design_system/theme';
+export interface HeadingRendererProps {
+    node: {
+        tagName: keyof JSX.IntrinsicElements;
+    };
+    children: React.ReactNode;
+}
+export declare const APIFY_HOSTNAMES: string[];
+interface LinkRendererProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
+    node: {
+        properties: {
+            enableEmbeddedVideo: boolean;
+        };
+    };
+    href: string;
+}
+interface LinkRendererOptions {
+    hostname?: string;
+    Link?: React.ElementType;
+}
+export interface MarkdownProps {
+    markdown: string;
+    transformLinkUri?: (href: string) => string;
+    transformImageUri?: (src: string) => string;
+    className?: string;
+    theme?: UiThemeOption;
+    scrollMarginTopPx?: number;
+    allowElement?: AllowElement;
+    isUserGeneratedContent?: boolean;
+    currentPathHostname?: string;
+    addHeadingAnchors?: boolean;
+    Link?: React.ElementType;
+    LinkRenderer?: (props: LinkRendererProps, options: LinkRendererOptions, isUserGeneratedContent?: boolean) => React.ReactElement;
+    lazyLoadImages?: boolean;
+}
+declare const MemoizedMarkdown: React.MemoExoticComponent<({ markdown, transformLinkUri, transformImageUri, className, scrollMarginTopPx, allowElement, currentPathHostname, addHeadingAnchors, isUserGeneratedContent, Link, LinkRenderer, lazyLoadImages, }: MarkdownProps) => React.JSX.Element>;
+export { MemoizedMarkdown as Markdown };
+//# sourceMappingURL=markdown.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../../src/components/to_consolidate/markdown.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAOrE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAsQ/D,MAAM,WAAW,oBAAoB;IACjC,IAAI,EAAE;QACF,OAAO,EAAE,MAAM,GAAG,CAAC,iBAAiB,CAAC;KACxC,CAAC;IACF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAoFD,eAAO,MAAM,eAAe,UAU3B,CAAC;AAEF,UAAU,iBAAkB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC7E,IAAI,EAAE;QACF,UAAU,EAAE;YACR,mBAAmB,EAAE,OAAO,CAAC;SAChC,CAAC;KACL,CAAC;IACF,IAAI,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,mBAAmB;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;CAC5B;AA2GD,MAAM,WAAW,aAAa;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,OAAO,EAAE,mBAAmB,EAAE,sBAAsB,CAAC,EAAE,OAAO,KAAK,KAAK,CAAC,YAAY,CAAC;IAChI,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAiFD,QAAA,MAAM,gBAAgB,iOAlEnB,aAAa,uBAkEwF,CAAC;AACzG,OAAO,EAAE,gBAAgB,IAAI,QAAQ,EAAE,CAAC"}