@apify/ui-library 1.129.0 → 1.130.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/components/avatar/actor_avatar.d.ts +1 -0
- package/dist/src/components/avatar/actor_avatar.d.ts.map +1 -1
- package/dist/src/components/avatar/actor_avatar.js +3 -3
- package/dist/src/components/avatar/actor_avatar.js.map +1 -1
- package/dist/src/components/card_container.d.ts +5 -0
- package/dist/src/components/card_container.d.ts.map +1 -1
- package/dist/src/components/card_container.js +4 -4
- package/dist/src/components/card_container.js.map +1 -1
- package/dist/src/components/store/store_actor_header.d.ts +1 -1
- package/dist/src/components/store/store_actor_header.d.ts.map +1 -1
- package/dist/src/components/store/store_actor_header.js +5 -7
- package/dist/src/components/store/store_actor_header.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/src/components/avatar/actor_avatar.tsx +5 -2
- package/src/components/card_container.stories.tsx +5 -2
- package/src/components/card_container.tsx +10 -7
- package/src/components/store/store_actor_header.stories.tsx +101 -48
- package/src/components/store/store_actor_header.tsx +12 -16
|
@@ -11,6 +11,7 @@ interface ActorAvatarProps extends React.ImgHTMLAttributes<HTMLImageElement> {
|
|
|
11
11
|
url?: string | null;
|
|
12
12
|
alt?: string;
|
|
13
13
|
size: number;
|
|
14
|
+
borderRadius?: string | number;
|
|
14
15
|
}
|
|
15
16
|
export declare const ActorAvatarInner: FC<ActorAvatarProps>;
|
|
16
17
|
export declare const ActorAvatar: React.NamedExoticComponent<ActorAvatarProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actor_avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/actor_avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAC7C,OAAO,KAA6E,MAAM,OAAO,CAAC;AAQlG,eAAO,MAAM,qBAAqB;;;;CAIjC,CAAC;AA0BF,UAAU,gBAAiB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"actor_avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/avatar/actor_avatar.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAe,MAAM,OAAO,CAAC;AAC7C,OAAO,KAA6E,MAAM,OAAO,CAAC;AAQlG,eAAO,MAAM,qBAAqB;;;;CAIjC,CAAC;AA0BF,UAAU,gBAAiB,SAAQ,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC;IACxE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAClC;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,gBAAgB,CA8EjD,CAAC;AAEF,eAAO,MAAM,WAAW,8CAA+B,CAAC"}
|
|
@@ -12,7 +12,7 @@ export const actorAvatarClassnames = {
|
|
|
12
12
|
SVG: 'ActorAvatar-svg',
|
|
13
13
|
};
|
|
14
14
|
const StyledBoringAvatarMarble = styled(BoringAvatarMarble) `
|
|
15
|
-
border-radius: ${
|
|
15
|
+
border-radius: ${({ $borderRadius }) => $borderRadius};
|
|
16
16
|
|
|
17
17
|
text {
|
|
18
18
|
${theme.typography.shared.mobile.bodyMStrong}
|
|
@@ -33,7 +33,7 @@ const StyledBoringAvatarMarble = styled(BoringAvatarMarble) `
|
|
|
33
33
|
const StyledImg = styled.img `
|
|
34
34
|
border-radius: ${theme.radius.radius8};
|
|
35
35
|
`;
|
|
36
|
-
export const ActorAvatarInner = ({ name, className, url, size, alt, ...rest }) => {
|
|
36
|
+
export const ActorAvatarInner = ({ name, className, url, size, alt, borderRadius = theme.radius.radius8, ...rest }) => {
|
|
37
37
|
const [hasImageError, setHasImageError] = useState(false);
|
|
38
38
|
useEffect(() => {
|
|
39
39
|
setHasImageError(false);
|
|
@@ -61,7 +61,7 @@ export const ActorAvatarInner = ({ name, className, url, size, alt, ...rest }) =
|
|
|
61
61
|
if (maybeProxiedUrl && !hasImageError) {
|
|
62
62
|
return (_jsx(StyledImg, { ref: imageRefCallback, crossOrigin: 'anonymous', src: maybeProxiedUrl, className: fullClassName, width: size, height: size, alt: altText, onError: onError, ...rest }));
|
|
63
63
|
}
|
|
64
|
-
return (_jsx(StyledBoringAvatarMarble, { size: size, className: fullClassName, name: name, square: true, alt: altText }));
|
|
64
|
+
return (_jsx(StyledBoringAvatarMarble, { size: size, className: fullClassName, name: name, square: true, alt: altText, "$borderRadius": borderRadius }));
|
|
65
65
|
};
|
|
66
66
|
export const ActorAvatar = React.memo(ActorAvatarInner);
|
|
67
67
|
//# sourceMappingURL=actor_avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"actor_avatar.js","sourceRoot":"","sources":["../../../../src/components/avatar/actor_avatar.tsx"],"names":[],"mappings":";AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,SAAS,EAAE,eAAe,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAClG,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,OAAO,EAAE,uBAAuB,EAAE,MAAM,iCAAiC,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAExD,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,IAAI,EAAE,aAAa;IACnB,GAAG,EAAE,mBAAmB;IACxB,GAAG,EAAE,iBAAiB;CACzB,CAAC;AAEF,MAAM,wBAAwB,GAAG,MAAM,CAAC,kBAAkB,CAAC,
|
|
1
|
+
{"version":3,"file":"actor_avatar.js","sourceRoot":"","sources":["../../../../src/components/avatar/actor_avatar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,6 +1,10 @@
|
|
|
1
1
|
import type React from 'react';
|
|
2
2
|
import type { ValueOf } from '@apify-packages/types';
|
|
3
3
|
import { type BoxProps } from './box.js';
|
|
4
|
+
export declare const cardContainerClassNames: {
|
|
5
|
+
CONTENT: string;
|
|
6
|
+
HEADER: string;
|
|
7
|
+
};
|
|
4
8
|
declare const HEADER_PLACEMENT: {
|
|
5
9
|
readonly TOP: "TOP";
|
|
6
10
|
readonly BOTTOM: "BOTTOM";
|
|
@@ -11,6 +15,7 @@ export type CardContainerProps = BoxProps & {
|
|
|
11
15
|
/**
|
|
12
16
|
* If string is passed, the correct styles are applied automatically.
|
|
13
17
|
* In case of custom component, use `CardContainer.Heading` component to get the same styles.
|
|
18
|
+
* Pass `null` to render without a header section.
|
|
14
19
|
*/
|
|
15
20
|
header: React.ReactNode;
|
|
16
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card_container.d.ts","sourceRoot":"","sources":["../../../src/components/card_container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGrD,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;
|
|
1
|
+
{"version":3,"file":"card_container.d.ts","sourceRoot":"","sources":["../../../src/components/card_container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAGrD,OAAO,EAAO,KAAK,QAAQ,EAAE,MAAM,UAAU,CAAC;AAE9C,eAAO,MAAM,uBAAuB;;;CAGnC,CAAC;AAEF,QAAA,MAAM,gBAAgB;;;CAGZ,CAAC;AA8BX,MAAM,MAAM,kBAAkB,GAAG,QAAQ,GAAG;IACxC,wEAAwE;IACxE,eAAe,CAAC,EAAE,OAAO,CAAC,OAAO,gBAAgB,CAAC,CAAC;IACnD;;;;OAIG;IACH,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa;qDAKvB,kBAAkB;;CAWpB,CAAC"}
|
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import styled from 'styled-components';
|
|
3
3
|
import { theme } from '../design_system/theme.js';
|
|
4
4
|
import { Box } from './box.js';
|
|
5
|
-
const
|
|
5
|
+
export const cardContainerClassNames = {
|
|
6
6
|
CONTENT: 'CardContainer-Content',
|
|
7
7
|
HEADER: 'CardContainer-Header',
|
|
8
8
|
};
|
|
@@ -19,7 +19,7 @@ const Wrapper = styled(Box) `
|
|
|
19
19
|
display: flex;
|
|
20
20
|
flex-direction: ${({ $headerPlacement }) => ($headerPlacement === HEADER_PLACEMENT.TOP ? 'column' : 'column-reverse')};
|
|
21
21
|
|
|
22
|
-
.${
|
|
22
|
+
.${cardContainerClassNames.CONTENT} {
|
|
23
23
|
/* Inner radius = outer radius - padding */
|
|
24
24
|
border-radius: calc(${theme.radius.radius12} - ${theme.space.space2});
|
|
25
25
|
background-color: ${theme.color.neutral.background};
|
|
@@ -28,7 +28,7 @@ const Wrapper = styled(Box) `
|
|
|
28
28
|
flex-grow: 1;
|
|
29
29
|
}
|
|
30
30
|
|
|
31
|
-
.${
|
|
31
|
+
.${cardContainerClassNames.HEADER} {
|
|
32
32
|
padding: ${theme.space.space4} ${theme.space.space8};
|
|
33
33
|
display: flex;
|
|
34
34
|
justify-content: space-between;
|
|
@@ -41,6 +41,6 @@ const CardContainerHeading = styled.span `${theme.typography.shared.desktop.body
|
|
|
41
41
|
*
|
|
42
42
|
* The header can be customized.
|
|
43
43
|
*/
|
|
44
|
-
export const CardContainer = ({ children, header, headerPlacement = HEADER_PLACEMENT.TOP, ...rest }) => (_jsxs(Wrapper, { ...rest, "$headerPlacement": headerPlacement, children: [_jsx("div", { className:
|
|
44
|
+
export const CardContainer = ({ children, header, headerPlacement = HEADER_PLACEMENT.TOP, ...rest }) => (_jsxs(Wrapper, { ...rest, "$headerPlacement": headerPlacement, children: [header != null && (_jsx("div", { className: cardContainerClassNames.HEADER, children: typeof header === 'string' ? _jsx(CardContainerHeading, { children: header }) : header })), _jsx("div", { className: cardContainerClassNames.CONTENT, children: children })] }));
|
|
45
45
|
CardContainer.Heading = CardContainerHeading;
|
|
46
46
|
//# sourceMappingURL=card_container.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"card_container.js","sourceRoot":"","sources":["../../../src/components/card_container.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAIvC,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,GAAG,EAAiB,MAAM,UAAU,CAAC;AAE9C,MAAM,
|
|
1
|
+
{"version":3,"file":"card_container.js","sourceRoot":"","sources":["../../../src/components/card_container.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAIvC,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAClD,OAAO,EAAE,GAAG,EAAiB,MAAM,UAAU,CAAC;AAE9C,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACnC,OAAO,EAAE,uBAAuB;IAChC,MAAM,EAAE,sBAAsB;CACjC,CAAC;AAEF,MAAM,gBAAgB,GAAG;IACrB,GAAG,EAAE,KAAK;IACV,MAAM,EAAE,QAAQ;CACV,CAAC;AAEX,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAsD;wBACzD,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,gBAAgB;qBACvC,KAAK,CAAC,MAAM,CAAC,QAAQ;;eAE3B,KAAK,CAAC,KAAK,CAAC,MAAM;;;sBAGX,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC,gBAAgB,KAAK,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC;;OAElH,uBAAuB,CAAC,OAAO;;8BAER,KAAK,CAAC,MAAM,CAAC,QAAQ,MAAM,KAAK,CAAC,KAAK,CAAC,MAAM;4BAC/C,KAAK,CAAC,KAAK,CAAC,OAAO,CAAC,UAAU;;mBAEvC,KAAK,CAAC,KAAK,CAAC,OAAO;;;;OAI/B,uBAAuB,CAAC,MAAM;mBAClB,KAAK,CAAC,KAAK,CAAC,MAAM,IAAI,KAAK,CAAC,KAAK,CAAC,MAAM;;;;;CAK1D,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,IAAI,CAAA,GAAG,KAAK,CAAC,UAAU,CAAC,MAAM,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;AAazF;;;;GAIG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC1B,QAAQ,EACR,MAAM,EACN,eAAe,GAAG,gBAAgB,CAAC,GAAG,EACtC,GAAG,IAAI,EACU,EAAE,EAAE,CAAC,CACtB,MAAC,OAAO,OAAK,IAAI,sBAAoB,eAAe,aAC/C,MAAM,IAAI,IAAI,IAAI,CACf,cAAK,SAAS,EAAE,uBAAuB,CAAC,MAAM,YACzC,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAC,oBAAoB,cAAE,MAAM,GAAwB,CAAC,CAAC,CAAC,MAAM,GAC1F,CACT,EACD,cAAK,SAAS,EAAE,uBAAuB,CAAC,OAAO,YAC1C,QAAQ,GACP,IACA,CACb,CAAC;AAEF,aAAa,CAAC,OAAO,GAAG,oBAAoB,CAAC"}
|
|
@@ -7,7 +7,7 @@ export type StoreActorHeaderProps = {
|
|
|
7
7
|
isUnderMaintenance?: boolean;
|
|
8
8
|
hasRisingStarBadge?: boolean;
|
|
9
9
|
avatarSize?: number;
|
|
10
|
-
|
|
10
|
+
compact?: boolean;
|
|
11
11
|
};
|
|
12
12
|
export declare const StoreActorHeader: React.FC<StoreActorHeaderProps & BoxProps>;
|
|
13
13
|
//# sourceMappingURL=store_actor_header.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"store_actor_header.d.ts","sourceRoot":"","sources":["../../../../src/components/store/store_actor_header.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAc,KAAK,QAAQ,
|
|
1
|
+
{"version":3,"file":"store_actor_header.d.ts","sourceRoot":"","sources":["../../../../src/components/store/store_actor_header.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAc,KAAK,QAAQ,EAAQ,MAAM,2BAA2B,CAAC;AAoE5E,MAAM,MAAM,qBAAqB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,GAAG,QAAQ,CA4CvE,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import styled from 'styled-components';
|
|
3
3
|
import { StarEmptyIcon, WarningTriangleIcon } from '@apify/ui-icons';
|
|
4
|
-
import { Badge, Box,
|
|
4
|
+
import { Badge, Box, Text } from '../../components/index.js';
|
|
5
5
|
import { theme } from '../../design_system/theme.js';
|
|
6
6
|
import { ActorAvatar, actorAvatarClassnames } from '../avatar/actor_avatar.js';
|
|
7
7
|
const storeActorHeaderClassNames = {
|
|
@@ -11,8 +11,8 @@ const storeActorHeaderClassNames = {
|
|
|
11
11
|
};
|
|
12
12
|
const StyledStoreActorHeader = styled(Box) `
|
|
13
13
|
display: flex;
|
|
14
|
-
gap: ${({ $
|
|
15
|
-
align-items: center;
|
|
14
|
+
gap: ${({ $compact }) => ($compact ? theme.space.space4 : theme.space.space12)};
|
|
15
|
+
align-items: ${({ $compact }) => ($compact ? 'flex-start' : 'center')};
|
|
16
16
|
|
|
17
17
|
.${actorAvatarClassnames.BASE} {
|
|
18
18
|
border: 1px solid ${theme.color.neutral.border};
|
|
@@ -63,9 +63,7 @@ const ActorTitleWrapper = styled(Box) `
|
|
|
63
63
|
text-overflow: ellipsis;
|
|
64
64
|
}
|
|
65
65
|
`;
|
|
66
|
-
export const StoreActorHeader = ({ name, title, pictureUrl, username, isUnderMaintenance = false, hasRisingStarBadge = false, avatarSize = 40,
|
|
67
|
-
return (_jsxs(StyledStoreActorHeader, { "data-test": "actor-store-item-header", "$
|
|
68
|
-
? _jsx(Text, { as: 'h3', weight: 'bold', color: theme.color.neutral.text, children: title })
|
|
69
|
-
: _jsx(Heading, { as: 'h3', type: "titleS", color: theme.color.neutral.text, children: title }), isUnderMaintenance && (_jsx(WarningTriangleIcon, { size: "12", color: theme.color.warning.icon }))] }), _jsxs(Text, { size: "small", weight: newStyle ? 'medium' : 'normal', type: "code", color: theme.color.neutral.textSubtle, className: storeActorHeaderClassNames.slug, children: [username, "/", name] })] })] }));
|
|
66
|
+
export const StoreActorHeader = ({ name, title, pictureUrl, username, isUnderMaintenance = false, hasRisingStarBadge = false, avatarSize = 40, compact = false, ...rest }) => {
|
|
67
|
+
return (_jsxs(StyledStoreActorHeader, { "data-test": "actor-store-item-header", "$compact": compact, ...rest, children: [_jsxs(ActorAvatarWrapper, { children: [_jsx(ActorAvatar, { size: compact ? 20 : avatarSize, url: pictureUrl, name: title, borderRadius: compact ? theme.radius.radius4 : theme.radius.radius8 }), !compact && hasRisingStarBadge && _jsx(StyledCompactBadge, { variant: 'primary_blue', size: 'small', LeadingIcon: StarEmptyIcon, className: storeActorHeaderClassNames.badge })] }), _jsxs(ActorTitleWrapper, { children: [_jsxs("div", { className: storeActorHeaderClassNames.title, children: [_jsx(Text, { as: 'h3', weight: compact ? 'medium' : 'bold', color: theme.color.neutral.text, children: title }), isUnderMaintenance && (_jsx(WarningTriangleIcon, { size: "12", color: theme.color.warning.icon }))] }), _jsxs(Text, { size: "small", weight: 'medium', type: "code", color: theme.color.neutral.textSubtle, className: storeActorHeaderClassNames.slug, children: [username, "/", name] })] })] }));
|
|
70
68
|
};
|
|
71
69
|
//# sourceMappingURL=store_actor_header.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"store_actor_header.js","sourceRoot":"","sources":["../../../../src/components/store/store_actor_header.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAErE,OAAO,EAAE,KAAK,EAAE,GAAG,EAAiB,
|
|
1
|
+
{"version":3,"file":"store_actor_header.js","sourceRoot":"","sources":["../../../../src/components/store/store_actor_header.tsx"],"names":[],"mappings":"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"}
|