@aivenio/aquarium 1.56.0 → 1.57.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/_variables.scss +1 -5
- package/dist/atoms.cjs +78 -47
- package/dist/atoms.mjs +78 -47
- package/dist/src/atoms/Card/Card.d.ts +6 -2
- package/dist/src/atoms/Card/Card.js +20 -12
- package/dist/src/atoms/Table/Table.js +2 -2
- package/dist/src/icons/co2Emissions.d.ts +9 -0
- package/dist/src/icons/co2Emissions.js +11 -0
- package/dist/src/icons/index.d.ts +1 -0
- package/dist/src/icons/index.js +2 -1
- package/dist/src/molecules/Card/Card.js +35 -11
- package/dist/src/molecules/Card/CardInputWrapper.d.ts +7 -0
- package/dist/src/molecules/Card/CardInputWrapper.js +6 -0
- package/dist/src/molecules/Card/Compact.js +38 -14
- package/dist/src/molecules/Card/Group.d.ts +5 -0
- package/dist/src/molecules/Card/Group.js +5 -3
- package/dist/src/molecules/Chip/Chip.js +2 -2
- package/dist/src/molecules/DataList/DataList.js +7 -2
- package/dist/src/molecules/DataTable/DataTable.js +7 -2
- package/dist/src/utils/table/types.d.ts +5 -0
- package/dist/src/utils/table/types.js +1 -1
- package/dist/styles.css +16 -47
- package/dist/system.cjs +1222 -1105
- package/dist/system.mjs +1148 -1031
- package/dist/tailwind.config.js +1 -5
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
@@ -6,7 +6,10 @@ import { Chip, ChipContainer } from '../../../src/molecules/Chip/Chip';
|
|
6
6
|
import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
|
7
7
|
import { Typography } from '../../../src/molecules/Typography/Typography';
|
8
8
|
import { Card as CardBase, getTitleContent } from '../../../src/atoms/Card/Card';
|
9
|
+
import { Checkbox } from '../../../src/atoms/Checkbox/Checkbox';
|
10
|
+
import { RadioButton } from '../../../src/atoms/RadioButton/RadioButton';
|
9
11
|
import { renderAction } from '../../../src/utils/actions';
|
12
|
+
import { CardInputWrapper } from './CardInputWrapper';
|
10
13
|
import { CompactCard } from './Compact';
|
11
14
|
import { CardGroup, CardGroupContext } from './Group';
|
12
15
|
export const Card = ({ title, clampTitle, description, chips = [], icons = [], image, imageAlt = '', imageHeight, color, action, link, primaryAction = action, secondaryAction = link, onClick, disabled, value, checkable: _checkable, defaultChecked, checked: _checked, onCheckedChange: _onCheckedChange, fullWidth, children, }) => {
|
@@ -16,6 +19,7 @@ export const Card = ({ title, clampTitle, description, chips = [], icons = [], i
|
|
16
19
|
const { isFocusVisible } = useFocusVisible();
|
17
20
|
// <Card> can be checkable when it's either wrapped in <Card.Group> or if it has `checkable` prop enabled.
|
18
21
|
const checkable = _checkable !== null && _checkable !== void 0 ? _checkable : Boolean(groupContext);
|
22
|
+
const isRadioButton = Boolean(checkable) && Boolean(value) && groupContext !== undefined;
|
19
23
|
// There are two ways to control the checked state of the card: either by using `checked` prop or by including the
|
20
24
|
// card within <Card.Group>.
|
21
25
|
const checkedInGroup = groupContext ? value !== undefined && (groupContext === null || groupContext === void 0 ? void 0 : groupContext.checked) === value : undefined;
|
@@ -40,20 +44,40 @@ export const Card = ({ title, clampTitle, description, chips = [], icons = [], i
|
|
40
44
|
if (checkable && controlled !== undefined && controlled !== checked) {
|
41
45
|
setChecked(controlled);
|
42
46
|
}
|
43
|
-
|
47
|
+
const chipElements = chips.length > 0 && (React.createElement(ChipContainer, { dense: true }, chips.map((chip) => (React.createElement(Chip, { key: chip, text: chip })))));
|
48
|
+
const iconElements = icons.length > 0 && React.createElement(AvatarStack, { images: icons });
|
49
|
+
const imageElement = image !== undefined &&
|
50
|
+
(imageHeight ? (React.createElement(CardImage, { image: image, imageAlt: imageAlt, imageHeight: imageHeight })) : (React.createElement(CardImage, { image: image, imageAlt: imageAlt, fullSize: chips.length === 0 })));
|
51
|
+
const inputProps = {
|
52
|
+
name: groupContext === null || groupContext === void 0 ? void 0 : groupContext.name,
|
53
|
+
value: value !== null && value !== void 0 ? value : '',
|
54
|
+
checked,
|
55
|
+
onChange: handleClick,
|
56
|
+
disabled,
|
57
|
+
};
|
58
|
+
const checkableElement = isRadioButton ? (React.createElement(RadioButton, Object.assign({}, inputProps))) : checkable ? (React.createElement(Checkbox, Object.assign({}, inputProps))) : undefined;
|
59
|
+
const commonContent = (React.createElement(React.Fragment, null,
|
60
|
+
color && React.createElement(CardBase.ColorHiglight, { color: color }),
|
61
|
+
chipElements && React.createElement(CardInputWrapper, { input: checkableElement }, chipElements),
|
62
|
+
iconElements && !chipElements ? (React.createElement(CardInputWrapper, { input: checkableElement }, iconElements)) : (iconElements),
|
63
|
+
imageElement,
|
64
|
+
React.createElement(CardBase.Content, null,
|
65
|
+
!chipElements && !iconElements ? (React.createElement(CardInputWrapper, { input: checkableElement }, getTitleContent({ title, clampTitle }))) : (getTitleContent({ title, clampTitle })),
|
66
|
+
React.createElement(Typography.Caption, { color: "grey-70" }, children || description))));
|
67
|
+
const commonProps = {
|
68
|
+
fullWidth,
|
44
69
|
/*
|
45
70
|
* If any of the "additional features" in `<Card>` are used, we want to enable
|
46
71
|
* min width to make sure it doesn't
|
47
72
|
*/
|
48
|
-
enableMinWidth: Boolean(image || action || link || chips.length || icons.length)
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
React.createElement(Typography.Caption, { color: "grey-70" }, children || description)),
|
73
|
+
enableMinWidth: Boolean(image || action || link || chips.length || icons.length),
|
74
|
+
disabled,
|
75
|
+
};
|
76
|
+
if (checkable) {
|
77
|
+
return (React.createElement(CardBase.Label, Object.assign({ className: "Aquarium-Card.Label" }, commonProps, { checked: checkable ? checked : undefined, modality: isFocusVisible ? 'keyboard' : 'pointer' }), commonContent));
|
78
|
+
}
|
79
|
+
return (React.createElement(CardBase, Object.assign({ ref: ref, className: "Aquarium-Card" }, (onClick ? buttonProps : {}), { role: onClick ? 'button' : undefined, modality: isFocusVisible ? 'keyboard' : 'pointer' }, commonProps),
|
80
|
+
commonContent,
|
57
81
|
(primaryAction || secondaryAction) && (React.createElement(CardBase.Actions, null,
|
58
82
|
primaryAction && renderAction({ kind: 'secondary', dense: true, action: primaryAction }),
|
59
83
|
secondaryAction && renderAction({ kind: 'ghost', dense: true, action: secondaryAction })))));
|
@@ -77,4 +101,4 @@ Card.Group = CardGroup;
|
|
77
101
|
const CardImage = ({ image, imageAlt, imageHeight, fullSize = false }) => (React.createElement(CardBase.ImageContainer, { fullSize: fullSize }, image ? (imageHeight ? (React.createElement(CardBase.Image, { image: image, imageAlt: imageAlt, imageHeight: imageHeight })) : (React.createElement(CardBase.Image, { image: image, imageAlt: imageAlt, fullSize: fullSize }))) : (React.createElement(CardImage.Skeleton, { fullSize: fullSize, imageHeight: imageHeight }))));
|
78
102
|
const CardImageSkeleton = ({ imageHeight, fullSize }) => imageHeight ? (React.createElement(Skeleton, { height: imageHeight, width: "100%" })) : (React.createElement(Skeleton, { height: fullSize ? 225 : 174, width: "100%" }));
|
79
103
|
CardImage.Skeleton = CardImageSkeleton;
|
80
|
-
//# sourceMappingURL=data:application/json;base64,
|
104
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDbEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzFELE9BQU8sRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzNELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsSUFBSSxJQUFJLFFBQVEsRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN4RSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFFdkQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRWhFLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUdqRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN0RCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBQ3hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxTQUFTLENBQUM7QUFtQ3RELE1BQU0sQ0FBQyxNQUFNLElBQUksR0FBcUUsQ0FBQyxFQUNyRixLQUFLLEVBQ0wsVUFBVSxFQUNWLFdBQVcsRUFDWCxLQUFLLEdBQUcsRUFBRSxFQUNWLEtBQUssR0FBRyxFQUFFLEVBQ1YsS0FBSyxF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
|
@@ -0,0 +1,6 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { Template } from '../../../src/molecules/Template/Template';
|
3
|
+
export const CardInputWrapper = ({ input, children }) => input ? (React.createElement(Template, { columns: ['1', 'auto'], columnGap: "4", alignContent: "space-between" },
|
4
|
+
children,
|
5
|
+
input)) : (children);
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZElucHV0V3JhcHBlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2FyZC9DYXJkSW5wdXRXcmFwcGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBTzNELE1BQU0sQ0FBQyxNQUFNLGdCQUFnQixHQUFvQyxDQUFDLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FDdkYsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUNOLG9CQUFDLFFBQVEsSUFBQyxPQUFPLEVBQUUsQ0FBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLEVBQUUsU0FBUyxFQUFDLEdBQUcsRUFBQyxZQUFZLEVBQUMsZUFBZTtJQUN6RSxRQUFRO0lBQ1IsS0FBSyxDQUNHLENBQ1osQ0FBQyxDQUFDLENBQUMsQ0FDRixRQUFRLENBQ1QsQ0FBQyJ9
|
@@ -1,19 +1,25 @@
|
|
1
1
|
import React, { useContext, useRef } from 'react';
|
2
|
+
import { useFocusVisible } from 'react-aria';
|
2
3
|
import { useButton } from '@react-aria/button';
|
4
|
+
import { Avatar } from '../../../src/molecules/Avatar/Avatar';
|
5
|
+
import { Box } from '../../../src/molecules/Box/Box';
|
6
|
+
import { Chip, ChipContainer } from '../../../src/molecules/Chip/Chip';
|
7
|
+
import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
|
3
8
|
import { Typography } from '../../../src/molecules/Typography/Typography';
|
4
9
|
import { Card as CardBase, getTitleContent } from '../../../src/atoms/Card/Card';
|
10
|
+
import { Checkbox } from '../../../src/atoms/Checkbox/Checkbox';
|
11
|
+
import { RadioButton } from '../../../src/atoms/RadioButton/RadioButton';
|
5
12
|
import { renderAction } from '../../../src/utils/actions';
|
6
|
-
import {
|
7
|
-
import { Box } from '../Box/Box';
|
8
|
-
import { Chip, ChipContainer } from '../Chip/Chip';
|
9
|
-
import { Skeleton } from '../Skeleton/Skeleton';
|
13
|
+
import { CardInputWrapper } from './CardInputWrapper';
|
10
14
|
import { CardGroupContext } from './Group';
|
11
15
|
export const CompactCard = ({ title, clampTitle, chips = [], icon, color, action, link, primaryAction = action, secondaryAction = link, onClick, disabled, value, checkable: _checkable, defaultChecked, checked: _checked, onCheckedChange: _onCheckedChange, fullWidth, children, }) => {
|
12
16
|
var _a;
|
13
17
|
const ref = useRef(null);
|
14
18
|
const groupContext = useContext(CardGroupContext);
|
19
|
+
const { isFocusVisible } = useFocusVisible();
|
15
20
|
// <Card> can be checkable when it's either wrapped in <Card.Group> or if it has `checkable` prop enabled.
|
16
21
|
const checkable = _checkable !== null && _checkable !== void 0 ? _checkable : Boolean(groupContext);
|
22
|
+
const isRadioButton = checkable && value && groupContext !== undefined;
|
17
23
|
// There are two ways to control the checked state of the card: either by using `checked` prop or by including the
|
18
24
|
// card within <Card.Group>.
|
19
25
|
const checkedInGroup = groupContext ? value !== undefined && (groupContext === null || groupContext === void 0 ? void 0 : groupContext.checked) === value : undefined;
|
@@ -38,19 +44,37 @@ export const CompactCard = ({ title, clampTitle, chips = [], icon, color, action
|
|
38
44
|
if (checkable && controlled !== undefined && controlled !== checked) {
|
39
45
|
setChecked(controlled);
|
40
46
|
}
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
+
const chipElements = chips.length > 0 && (React.createElement(ChipContainer, { dense: true }, chips.map((chip) => (React.createElement(Chip, { key: chip, text: chip })))));
|
48
|
+
const inputProps = {
|
49
|
+
name: groupContext === null || groupContext === void 0 ? void 0 : groupContext.name,
|
50
|
+
value: value !== null && value !== void 0 ? value : '',
|
51
|
+
checked,
|
52
|
+
onChange: handleClick,
|
53
|
+
disabled,
|
54
|
+
};
|
55
|
+
const checkableElement = isRadioButton ? (React.createElement(RadioButton, Object.assign({}, inputProps))) : checkable ? (React.createElement(Checkbox, Object.assign({}, inputProps))) : undefined;
|
56
|
+
const commonContent = (React.createElement(React.Fragment, null,
|
47
57
|
color && React.createElement(CardBase.ColorHiglight, { color: color }),
|
48
|
-
|
58
|
+
chipElements ? React.createElement(CardInputWrapper, { input: checkableElement }, chipElements) : chipElements,
|
49
59
|
React.createElement(Box, { display: "flex", gap: "5" },
|
50
60
|
icon && React.createElement(Avatar, { image: icon }),
|
51
61
|
React.createElement(CardBase.Content, { dense: true },
|
52
|
-
getTitleContent({ title, clampTitle
|
53
|
-
React.createElement(Typography.Caption, { color: "grey-70" }, children)))
|
62
|
+
!chipElements ? (React.createElement(CardInputWrapper, { input: checkableElement }, getTitleContent({ title, clampTitle }))) : (getTitleContent({ title, clampTitle })),
|
63
|
+
React.createElement(Typography.Caption, { color: "grey-70" }, children)))));
|
64
|
+
const commonProps = {
|
65
|
+
fullWidth,
|
66
|
+
/*
|
67
|
+
* If any of the "additional features" in `<Card>` are used, we want to enable
|
68
|
+
* min width to make sure it doesn't
|
69
|
+
*/
|
70
|
+
enableMinWidth: Boolean(primaryAction || secondaryAction || chips.length),
|
71
|
+
disabled,
|
72
|
+
};
|
73
|
+
if (checkable) {
|
74
|
+
return (React.createElement(CardBase.Label, Object.assign({ className: "Aquarium-Card.Compact.Label" }, commonProps, { checked: checked, modality: isFocusVisible ? 'keyboard' : 'pointer' }), commonContent));
|
75
|
+
}
|
76
|
+
return (React.createElement(CardBase, Object.assign({ ref: ref, className: "Aquarium-Card.Compact" }, (onClick ? buttonProps : {}), { role: onClick ? 'button' : undefined, disabled: disabled }),
|
77
|
+
commonContent,
|
54
78
|
(primaryAction || secondaryAction) && (React.createElement(CardBase.Actions, { dense: true },
|
55
79
|
primaryAction && renderAction({ kind: 'secondary', dense: true, action: primaryAction }),
|
56
80
|
secondaryAction && renderAction({ kind: 'ghost', dense: true, action: secondaryAction })))));
|
@@ -67,4 +91,4 @@ const CompactSkeleton = ({ chips = true, icon = true, actions = true, fullWidth
|
|
67
91
|
React.createElement(Skeleton, { width: 115, height: 25 }),
|
68
92
|
React.createElement(Skeleton, { width: 60, height: 25 })))));
|
69
93
|
CompactCard.Skeleton = CompactSkeleton;
|
70
|
-
//# sourceMappingURL=data:application/json;base64,
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29tcGFjdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2FyZC9Db21wYWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDbEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFL0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzlELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUMzRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLElBQUksSUFBSSxRQUFRLEVBQUUsZUFBZSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDeEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXZELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUVoRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFJakQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDdEQsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sU0FBUyxDQUFDO0FBK0IzQyxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQXdGLENBQUMsRUFDL0csS0FBSyxFQUNMLFVBQVUsRUFDVixLQUFLLEdBQUcsRUFBRSxFQUNWLElBQUksRUFDSixLQUFLLEVBQ0wsTUFBTSxFQUNOLElBQUksRUFD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
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
export declare type CardGroupContext = {
|
3
|
+
name: string;
|
3
4
|
checked: string | undefined;
|
4
5
|
onCheckedChange: (args: {
|
5
6
|
value: string;
|
@@ -8,6 +9,10 @@ export declare type CardGroupContext = {
|
|
8
9
|
};
|
9
10
|
export declare const CardGroupContext: React.Context<CardGroupContext | undefined>;
|
10
11
|
export declare type CardGroupProps = {
|
12
|
+
/**
|
13
|
+
* Optional name for the card group. If not provided, a surrogate name will be generated.
|
14
|
+
*/
|
15
|
+
name?: string;
|
11
16
|
/**
|
12
17
|
* Optional default checked state. Indicates whether the card is checked or not by default.
|
13
18
|
*/
|
@@ -1,12 +1,14 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import { useId } from '@react-aria/utils';
|
2
3
|
export const CardGroupContext = React.createContext(undefined);
|
3
|
-
export const CardGroup = ({ checked: _checked, defaultChecked, onCheckedChange, children, }) => {
|
4
|
+
export const CardGroup = ({ name: _name, checked: _checked, defaultChecked, onCheckedChange, children, }) => {
|
5
|
+
const name = useId(_name);
|
4
6
|
const [checked, setChecked] = React.useState(_checked !== null && _checked !== void 0 ? _checked : defaultChecked);
|
5
7
|
const handleChange = (e) => {
|
6
8
|
setChecked(e.value);
|
7
9
|
onCheckedChange === null || onCheckedChange === void 0 ? void 0 : onCheckedChange(e);
|
8
10
|
};
|
9
|
-
return (React.createElement(CardGroupContext.Provider, { value: { checked: checked !== null && checked !== void 0 ? checked : defaultChecked, onCheckedChange: handleChange } }, children));
|
11
|
+
return (React.createElement(CardGroupContext.Provider, { value: { name, checked: checked !== null && checked !== void 0 ? checked : defaultChecked, onCheckedChange: handleChange } }, children));
|
10
12
|
};
|
11
13
|
CardGroup.displayName = 'Card.Group';
|
12
|
-
//# sourceMappingURL=data:application/json;base64,
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR3JvdXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0NhcmQvR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFRMUMsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FBK0IsU0FBUyxDQUFDLENBQUM7QUEwQjdGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBc0QsQ0FBQyxFQUMzRSxJQUFJLEVBQUUsS0FBSyxFQUNYLE9BQU8sRUFBRSxRQUFRLEVBQ2pCLGNBQWMsRUFDZCxlQUFlLEVBQ2YsUUFBUSxHQUNULEVBQUUsRUFBRTtJQUNILE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUMxQixNQUFNLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsUUFBUSxhQUFSLFFBQVEsY0FBUixRQUFRLEdBQUksY0FBYyxDQUFDLENBQUM7SUFFekUsTUFBTSxZQUFZLEdBQUcsQ0FBQyxDQUFzQyxFQUFFLEVBQUU7UUFDOUQsVUFBVSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUNwQixlQUFlLGFBQWYsZUFBZSx1QkFBZixlQUFlLENBQUcsQ0FBQyxDQUFDLENBQUM7SUFDdkIsQ0FBQyxDQUFDO0lBRUYsT0FBTyxDQUNMLG9CQUFDLGdCQUFnQixDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLE9BQU8sYUFBUCxPQUFPLGNBQVAsT0FBTyxHQUFJLGNBQWMsRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFFLElBQzFHLFFBQVEsQ0FDaUIsQ0FDN0IsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLFNBQVMsQ0FBQyxXQUFXLEdBQUcsWUFBWSxDQUFDIn0=
|
@@ -59,10 +59,10 @@ export const StatusChip = React.forwardRef((_a, ref) => {
|
|
59
59
|
text,
|
60
60
|
badge && typeof badge === 'number' && React.createElement(Badge, { dense: dense, value: badge })));
|
61
61
|
});
|
62
|
-
export const ChipContainer = ({ dense, children }) => (React.createElement("div", { className: tw('flex items-center', {
|
62
|
+
export const ChipContainer = ({ dense, children }) => (React.createElement("div", { className: tw('flex flex-wrap items-center', {
|
63
63
|
'gap-x-3': !dense,
|
64
64
|
'gap-x-2': Boolean(dense),
|
65
65
|
}) }, React.Children.map(children, (child) => isComponentType(child, Chip) || isComponentType(child, StatusChip) || isComponentType(child, ChipSkeleton)
|
66
66
|
? React.cloneElement(child, { dense })
|
67
67
|
: undefined)));
|
68
|
-
//# sourceMappingURL=data:application/json;base64,
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2hpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2hpcC9DaGlwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFVBQVUsTUFBTSxZQUFZLENBQUM7QUFDcEMsT0FBTyxRQUFRLE1BQU0saUJBQWlCLENBQUM7QUFFdkMsT0FBTyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM3RCxPQUFPLEVBQWtCLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUzRCxPQUFPLEVBQUUsSUFBSSxJQUFJLFFBQVEsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBRXZELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUN4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE9BQU8sU0FBUyxNQUFNLGlCQUFpQixDQUFDO0FBQ3hDLE9BQU8sUUFBUSxNQUFNLGdCQUFnQixDQUFDO0FBdUN0QyxNQUFNLG1CQUFtQixHQUFHLENBQUMsU0FBcUIsU0FBUyxFQUFVLEVBQUU7SUFDckUsUUFBUSxNQUFNLEVBQUU7UUFDZCxLQUFLLE1BQU07WUFDVCxPQUFPLEVBQUUsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO1FBRXZDLEtBQUssU0FBUztZQUNaLE9BQU8sRUFBRSxDQUFDLGtDQUFrQyxDQUFDLENBQUM7UUFFaEQsS0FBSyxRQUFRO1lBQ1gsT0FBTyxFQUFFLENBQUMsMkJBQTJCLENBQUMsQ0FBQztRQUV6QyxLQUFLLFNBQVM7WUFDWixPQUFPLEVBQUUsQ0FBQywrQkFBK0IsQ0FBQyxDQUFDO1FBRTdDLEtBQUssU0FBUyxDQUFDO1FBQ2Y7WUFDRSxPQUFPLEVBQUUsQ0FBQyx3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
|
@@ -15,6 +15,8 @@ import groupBy from 'lodash/groupBy';
|
|
15
15
|
import isArray from 'lodash/isArray';
|
16
16
|
import isFunction from 'lodash/isFunction';
|
17
17
|
import { Accordion } from '../../../src/molecules/Accordion/Accordion';
|
18
|
+
import { Box } from '../../../src/molecules/Box/Box';
|
19
|
+
import { InlineIcon } from '../../../src/molecules/Icon/Icon';
|
18
20
|
import { List } from '../../../src/molecules/List/List';
|
19
21
|
import { Template } from '../../../src/molecules/Template/Template';
|
20
22
|
import { Tooltip } from '../../../src/molecules/Tooltip/Tooltip';
|
@@ -56,7 +58,10 @@ export const DataList = (_a) => {
|
|
56
58
|
isCollapsible && React.createElement(DataListBase.HeadCell, { align: "left", sticky: sticky }),
|
57
59
|
columns.map((column) => {
|
58
60
|
const content = column.headerTooltip ? (React.createElement(Tooltip, { placement: column.headerTooltip.placement, content: column.headerTooltip.content }, column.headerName)) : (column.headerName);
|
59
|
-
|
61
|
+
const headerContentAndIcon = column.icon ? (React.createElement(Box.Flex, { flexDirection: "row", gap: "3", alignItems: "center" },
|
62
|
+
React.createElement(InlineIcon, { icon: column.icon, height: "22", color: "grey-70", "aria-hidden": true }),
|
63
|
+
content)) : (content);
|
64
|
+
return (columnIsFieldColumn(column) && column.sortable) || column.sort ? (React.createElement(DataListBase.SortCell, Object.assign({ direction: sort && sort.column.headerName === column.headerName ? sort.direction : 'none', onClick: () => updateSort(column), sticky: sticky }, cellProps(column)), headerContentAndIcon)) : (React.createElement(DataListBase.HeadCell, Object.assign({}, cellProps(column), { sticky: sticky }), headerContentAndIcon));
|
60
65
|
}),
|
61
66
|
menu && (React.createElement(DataListBase.HeadCell, { align: "right", "aria-label": menuAriaLabel, sticky: sticky }, menuHeaderName)))),
|
62
67
|
groups && (React.createElement(DataListGroup, { columns: columns, disabled: disabled, getGroupRow: getGroupRow, expandedGroupIds: expandedGroupIds, menu: menu, menuAriaLabel: menuAriaLabel, onAction: onAction, onGroupToggled: onGroupToggled, onMenuOpenChange: onMenuOpenChange, rows: rows, groups: groups, level: 0 })),
|
@@ -74,4 +79,4 @@ export const DataList = (_a) => {
|
|
74
79
|
} })))));
|
75
80
|
};
|
76
81
|
DataList.Skeleton = DataListSkeleton;
|
77
|
-
//# sourceMappingURL=data:application/json;base64,
|
82
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0RhdGFMaXN0L0RhdGFMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLFVBQVUsTUFBTSxtQkFBbUIsQ0FBQztBQUUzQyxPQUFPLEVBQUUsU0FBUyxFQUFnQixNQUFNLG1DQUFtQyxDQUFDO0FBQzVFLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDckQsT0FBTyxFQUEwQixJQUFJLEVBQTRCLE1BQU0seUJBQXlCLENBQUM7QUFDakcsT0FBTyxFQUFFLFFBQVEsRUFBZSxNQUFNLGlDQUFpQyxDQUFDO0FBQ3hFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUV4RCxPQUFPLEVBQUUsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXZFLE9BQU8sRUFDTCxjQUFjLEVBQ2QsU0FBUyxFQUNULG1CQUFtQixHQU9wQixNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDbkQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3hDLE9BQU8sRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDcEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFN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
|
@@ -12,10 +12,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
12
12
|
import React from 'react';
|
13
13
|
import compact from 'lodash/compact';
|
14
14
|
import isFunction from 'lodash/isFunction';
|
15
|
+
import { Box } from '../../../src/molecules/Box/Box';
|
15
16
|
import { Button } from '../../../src/molecules/Button/Button';
|
16
17
|
import { StatusChip } from '../../../src/molecules/Chip/Chip';
|
17
18
|
import { DataListSkeleton } from '../../../src/molecules/DataList/DataListSkeleton';
|
18
19
|
import { DropdownMenu } from '../../../src/molecules/DropdownMenu/DropdownMenu';
|
20
|
+
import { InlineIcon } from '../../../src/molecules/Icon/Icon';
|
19
21
|
import { List } from '../../../src/molecules/List/List';
|
20
22
|
import { Table } from '../../../src/molecules/Table/Table';
|
21
23
|
import { Tooltip } from '../../../src/molecules/Tooltip/Tooltip';
|
@@ -47,7 +49,10 @@ export const DataTable = (_a) => {
|
|
47
49
|
React.createElement(Table.Head, { sticky: sticky }, compact([
|
48
50
|
...columns.map((column) => {
|
49
51
|
const content = column.headerTooltip && !column.headerInvisible ? (React.createElement(Tooltip, { placement: column.headerTooltip.placement, content: column.headerTooltip.content }, column.headerName)) : (!column.headerInvisible && column.headerName);
|
50
|
-
|
52
|
+
const headerContentAndIcon = !column.headerInvisible && column.icon ? (React.createElement(Box.Flex, { flexDirection: "row", gap: "3", alignItems: "center" },
|
53
|
+
React.createElement(InlineIcon, { icon: column.icon, height: "22", color: "grey-70", "aria-hidden": true }),
|
54
|
+
content)) : (content);
|
55
|
+
return (columnIsFieldColumn(column) && column.sortable) || column.sort ? (React.createElement(Table.SortCell, Object.assign({ direction: sort && sort.column.headerName === column.headerName ? sort.direction : 'none', onClick: () => updateSort(column), style: { width: column.width }, "aria-label": column.headerInvisible ? column.headerName : undefined }, cellProps(column)), headerContentAndIcon)) : (React.createElement(Table.Cell, Object.assign({}, cellProps(column), { style: { width: column.width }, "aria-label": column.headerInvisible ? column.headerName : undefined }), headerContentAndIcon));
|
51
56
|
}),
|
52
57
|
menu ? (React.createElement(Table.Cell, { key: "__contextMenu", align: "right", "aria-label": menuAriaLabel }, menuHeaderName)) : null,
|
53
58
|
])),
|
@@ -102,4 +107,4 @@ const renderCell = (column, row, index, rows) => {
|
|
102
107
|
return column.tooltip ? React.createElement(Tooltip, Object.assign({}, column.tooltip(row, index, rows)), cellContent) : cellContent;
|
103
108
|
};
|
104
109
|
DataTable.Skeleton = DataListSkeleton;
|
105
|
-
//# sourceMappingURL=data:application/json;base64,
|
110
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YVRhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRhVGFibGUvRGF0YVRhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLFVBQVUsTUFBTSxtQkFBbUIsQ0FBQztBQUUzQyxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDNUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBMEIsSUFBSSxFQUE0QixNQUFNLHlCQUF5QixDQUFDO0FBQ2pHLE9BQU8sRUFBRSxLQUFLLEVBQW1CLE1BQU0sMkJBQTJCLENBQUM7QUFDbkUsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRXhELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUNMLFNBQVMsRUFDVCxtQkFBbUIsR0FNcEIsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFF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
|
@@ -5,6 +5,7 @@ import { type Weight } from '../../../src/molecules/Template/Template';
|
|
5
5
|
import { type TooltipProps } from '../../../src/molecules';
|
6
6
|
import { type ActionType } from '../../../types/ActionType';
|
7
7
|
import { type CommonContextualMenuProps } from '../../../types/ContextualMenu';
|
8
|
+
import { type Icon } from '../../../types/IconProps';
|
8
9
|
import { type AllOrNone, type RequireAtLeastOne } from '../../../types/utils';
|
9
10
|
import type React from 'react';
|
10
11
|
export declare type TextAlign = 'center' | 'left' | 'right' | 'stretch';
|
@@ -25,6 +26,10 @@ export declare type Column = {
|
|
25
26
|
headerInvisible?: boolean;
|
26
27
|
key?: string;
|
27
28
|
sticky?: StickyColumn;
|
29
|
+
/**
|
30
|
+
* Optional icon to display next to the column header name.
|
31
|
+
* */
|
32
|
+
icon?: Icon;
|
28
33
|
};
|
29
34
|
export declare type ColumnBase<R> = {
|
30
35
|
/**
|
@@ -30,4 +30,4 @@ export const columnIsFieldColumn = (column) => Boolean(column && column.field);
|
|
30
30
|
export function isOnSortChangedDirection(value) {
|
31
31
|
return value === undefined || ['ascending', 'descending'].includes(value);
|
32
32
|
}
|
33
|
-
//# sourceMappingURL=data:application/json;base64,
|
33
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvdXRpbHMvdGFibGUvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFzTXJDLE1BQU0sQ0FBQyxNQUFNLGNBQWMsR0FBRyxDQUM1QixJQUFrQyxFQUNGLEVBQUU7SUFDbEMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQztBQUN4QixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxlQUFlLEdBQUcsQ0FBQyxTQUFvQyxFQUEwQixFQUFFLENBQzlGLFNBQVMsS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsU0FBUyxLQUFLLFlBQVksQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7QUFVbEYsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQW1CLE1BQVMsRUFBYSxFQUFFOztJQUNsRSxJQUFJLEtBQTRCLENBQUM7SUFFakMsUUFBUSxNQUFNLENBQUMsSUFBSSxFQUFFO1FBQ25CLEtBQUssUUFBUSxDQUFDO1FBQ2QsS0FBSyxRQUFRLENBQUMsQ0FBQztZQUNiLEtBQUssR0FBRyxPQUFPLENBQUM7WUFDaEIsTUFBTTtTQUNQO1FBRUQsS0FBSyxRQUFRLENBQUMsQ0FBQztZQUNiLEtBQUssR0FBRyxTQUFTLENBQUM7WUFDbEIsTUFBTTtTQUNQO1FBRUQsT0FBTyxDQUFDLENBQUM7WUFDUCxLQUFLLEdBQUcsTUFBTSxDQUFDO1NBQ2hCO0tBQ0Y7SUFFRCxPQUFPO1FBQ0wsR0FBRyxFQUFFLE1BQUEsTUFBTSxDQUFDLEdBQUcsbUNBQUksTUFBTSxDQUFDLFVBQVU7UUFDcEMsS0FBSztRQUNMLFlBQVksRUFBRSxNQUFNLENBQUMsTUFBTTtLQUM1QixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsQ0FBeUIsTUFBMkIsRUFBNEIsRUFBRSxDQUNuSCxPQUFPLENBQUMsTUFBTSxJQUFLLE1BQXlCLENBQUMsS0FBSyxDQUFDLENBQUM7QUEyQnRELE1BQU0sVUFBVSx3QkFBd0IsQ0FBQyxLQUF5QjtJQUNoRSxPQUFPLEtBQUssS0FBSyxTQUFTLElBQUksQ0FBQyxXQUFXLEVBQUUsWUFBWSxDQUFDLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0FBQzVFLENBQUMifQ==
|