@apify/ui-library 1.128.1 → 1.129.1

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.
Files changed (8) hide show
  1. package/dist/src/components/card_container.d.ts +5 -0
  2. package/dist/src/components/card_container.d.ts.map +1 -1
  3. package/dist/src/components/card_container.js +4 -4
  4. package/dist/src/components/card_container.js.map +1 -1
  5. package/dist/tsconfig.build.tsbuildinfo +1 -1
  6. package/package.json +4 -4
  7. package/src/components/card_container.stories.tsx +5 -2
  8. package/src/components/card_container.tsx +10 -7
package/dist/src/components/card_container.d.ts CHANGED
@@ -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
  };
package/dist/src/components/card_container.d.ts.map CHANGED
@@ -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;AAO9C,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;;;OAGG;IACH,MAAM,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,aAAa;qDAKvB,kBAAkB;;CASpB,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"}
package/dist/src/components/card_container.js CHANGED
@@ -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 classNames = {
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
- .${classNames.CONTENT} {
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
- .${classNames.HEADER} {
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: classNames.HEADER, children: typeof header === 'string' ? _jsx(CardContainerHeading, { children: header }) : header }), _jsx("div", { className: classNames.CONTENT, children: children })] }));
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
package/dist/src/components/card_container.js.map CHANGED
@@ -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,UAAU,GAAG;IACf,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,UAAU,CAAC,OAAO;;8BAEK,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,UAAU,CAAC,MAAM;mBACL,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;AAYzF;;;;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,aAChD,cAAK,SAAS,EAAE,UAAU,CAAC,MAAM,YAC5B,OAAO,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAC,oBAAoB,cAAE,MAAM,GAAwB,CAAC,CAAC,CAAC,MAAM,GAC1F,EACN,cAAK,SAAS,EAAE,UAAU,CAAC,OAAO,YAC7B,QAAQ,GACP,IACA,CACb,CAAC;AAEF,aAAa,CAAC,OAAO,GAAG,oBAAoB,CAAC"}
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"}