@aivenio/aquarium 1.52.2 → 1.54.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 +5 -1
- package/dist/atoms.cjs +36 -6
- package/dist/atoms.mjs +36 -6
- package/dist/charts.cjs +75 -50
- package/dist/charts.mjs +60 -37
- package/dist/src/atoms/Card/Card.d.ts +4 -0
- package/dist/src/atoms/Card/Card.js +9 -4
- package/dist/src/atoms/DataList/DataList.d.ts +2 -0
- package/dist/src/atoms/DataList/DataList.js +8 -9
- package/dist/src/atoms/DropdownMenu/DropdownMenu.d.ts +4 -3
- package/dist/src/atoms/DropdownMenu/DropdownMenu.js +3 -3
- package/dist/src/charts/Label/Label.d.ts +7 -0
- package/dist/src/charts/Label/Label.js +10 -0
- package/dist/src/charts/index.d.ts +1 -0
- package/dist/src/charts/index.js +2 -1
- package/dist/src/molecules/Box/Box.d.ts +4 -1
- package/dist/src/molecules/Box/Box.js +3 -2
- package/dist/src/molecules/Card/Card.d.ts +2 -0
- package/dist/src/molecules/Card/Card.js +37 -6
- package/dist/src/molecules/Card/Compact.js +34 -6
- package/dist/src/molecules/Card/Group.d.ts +29 -0
- package/dist/src/molecules/Card/Group.js +12 -0
- package/dist/src/molecules/Card/types.d.ts +28 -1
- package/dist/src/molecules/Carousel/Carousel.js +2 -2
- package/dist/src/molecules/DataList/DataList.d.ts +15 -10
- package/dist/src/molecules/DataList/DataList.js +45 -101
- package/dist/src/molecules/DataList/DataListComponents.d.ts +27 -0
- package/dist/src/molecules/DataList/DataListComponents.js +73 -0
- package/dist/src/molecules/DataList/DataListGroup.d.ts +9 -0
- package/dist/src/molecules/DataList/DataListGroup.js +74 -0
- package/dist/src/molecules/DataTable/DataTable.d.ts +5 -4
- package/dist/src/molecules/DataTable/DataTable.js +7 -7
- package/dist/src/molecules/DropdownMenu/DropdownMenu.d.ts +10 -2
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +5 -5
- package/dist/src/molecules/List/List.d.ts +29 -8
- package/dist/src/molecules/List/List.js +36 -5
- package/dist/src/molecules/List/useStaticInfiniteList.d.ts +23 -0
- package/dist/src/molecules/List/useStaticInfiniteList.js +24 -0
- package/dist/src/molecules/Section/Section.js +7 -4
- package/dist/src/molecules/Template/Template.d.ts +3 -9
- package/dist/src/molecules/Template/Template.js +28 -10
- package/dist/src/molecules/index.d.ts +1 -0
- package/dist/src/molecules/index.js +2 -1
- package/dist/src/utils/mocks/mockIntersectionObserver.js +2 -1
- package/dist/src/utils/setupTests.js +4 -1
- package/dist/src/utils/table/types.d.ts +12 -8
- package/dist/src/utils/table/types.js +28 -6
- package/dist/src/utils/useInView.d.ts +17 -0
- package/dist/src/utils/useInView.js +35 -0
- package/dist/styles.css +79 -22
- package/dist/system.cjs +2231 -1770
- package/dist/system.mjs +2046 -1587
- package/dist/tailwind.config.js +5 -1
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/dist/types/utils.d.ts +3 -0
- package/package.json +2 -1
@@ -1,4 +1,5 @@
|
|
1
|
-
import React, { useRef } from 'react';
|
1
|
+
import React, { useContext, useRef } from 'react';
|
2
|
+
import { useFocusVisible } from 'react-aria';
|
2
3
|
import { useButton } from '@react-aria/button';
|
3
4
|
import { AvatarStack } from '../../../src/molecules/Avatar/Avatar';
|
4
5
|
import { Chip, ChipContainer } from '../../../src/molecules/Chip/Chip';
|
@@ -7,15 +8,44 @@ import { Typography } from '../../../src/molecules/Typography/Typography';
|
|
7
8
|
import { Card as CardBase, getTitleContent } from '../../../src/atoms/Card/Card';
|
8
9
|
import { renderAction } from '../../../src/utils/actions';
|
9
10
|
import { CompactCard } from './Compact';
|
10
|
-
|
11
|
+
import { CardGroup, CardGroupContext } from './Group';
|
12
|
+
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, }) => {
|
13
|
+
var _a;
|
11
14
|
const ref = useRef(null);
|
12
|
-
const
|
13
|
-
|
15
|
+
const groupContext = useContext(CardGroupContext);
|
16
|
+
const { isFocusVisible } = useFocusVisible();
|
17
|
+
// <Card> can be checkable when it's either wrapped in <Card.Group> or if it has `checkable` prop enabled.
|
18
|
+
const checkable = _checkable !== null && _checkable !== void 0 ? _checkable : Boolean(groupContext);
|
19
|
+
// There are two ways to control the checked state of the card: either by using `checked` prop or by including the
|
20
|
+
// card within <Card.Group>.
|
21
|
+
const checkedInGroup = groupContext ? value !== undefined && (groupContext === null || groupContext === void 0 ? void 0 : groupContext.checked) === value : undefined;
|
22
|
+
const controlled = checkedInGroup !== null && checkedInGroup !== void 0 ? checkedInGroup : _checked;
|
23
|
+
const onCheckedChange = _onCheckedChange !== null && _onCheckedChange !== void 0 ? _onCheckedChange : groupContext === null || groupContext === void 0 ? void 0 : groupContext.onCheckedChange;
|
24
|
+
const [checked, setChecked] = React.useState(checkable ? (_a = controlled !== null && controlled !== void 0 ? controlled : defaultChecked) !== null && _a !== void 0 ? _a : false : false);
|
25
|
+
const handleClick = () => {
|
26
|
+
// If card is checkable and has value, we want to toggle the checked state.
|
27
|
+
if (checkable && value) {
|
28
|
+
if (controlled === undefined) {
|
29
|
+
setChecked(!checked);
|
30
|
+
}
|
31
|
+
// If card is within group and already checked, we don't want to notify
|
32
|
+
// the group about the change.
|
33
|
+
if (!groupContext || !checked) {
|
34
|
+
onCheckedChange === null || onCheckedChange === void 0 ? void 0 : onCheckedChange({ value, checked: !checked });
|
35
|
+
}
|
36
|
+
}
|
37
|
+
onClick === null || onClick === void 0 ? void 0 : onClick();
|
38
|
+
};
|
39
|
+
const { buttonProps } = useButton({ elementType: 'div', onPress: handleClick, isDisabled: disabled }, ref);
|
40
|
+
if (checkable && controlled !== undefined && controlled !== checked) {
|
41
|
+
setChecked(controlled);
|
42
|
+
}
|
43
|
+
return (React.createElement(CardBase, Object.assign({ ref: ref, className: "Aquarium-Card", fullWidth: fullWidth, checked: checkable ? checked : undefined,
|
14
44
|
/*
|
15
45
|
* If any of the "additional features" in `<Card>` are used, we want to enable
|
16
46
|
* min width to make sure it doesn't
|
17
47
|
*/
|
18
|
-
enableMinWidth: Boolean(image || action || link || chips.length || icons.length) }, (onClick ? buttonProps : {}), { disabled: disabled }),
|
48
|
+
enableMinWidth: Boolean(image || action || link || chips.length || icons.length) }, (onClick || checkable ? buttonProps : {}), { role: groupContext !== undefined ? 'radio' : checkable ? 'checkbox' : onClick ? 'button' : undefined, modality: isFocusVisible ? 'keyboard' : 'pointer', disabled: disabled }),
|
19
49
|
color && React.createElement(CardBase.ColorHiglight, { color: color }),
|
20
50
|
chips.length > 0 && (React.createElement(ChipContainer, { dense: true }, chips.map((chip) => (React.createElement(Chip, { key: chip, text: chip }))))),
|
21
51
|
icons.length > 0 && React.createElement(AvatarStack, { images: icons }),
|
@@ -43,7 +73,8 @@ const CardSkeleton = ({ chips = true, icons = false, image = !icons, actions = t
|
|
43
73
|
React.createElement(Skeleton, { width: 60, height: 25 })))));
|
44
74
|
Card.Skeleton = CardSkeleton;
|
45
75
|
Card.Compact = CompactCard;
|
76
|
+
Card.Group = CardGroup;
|
46
77
|
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 }))));
|
47
78
|
const CardImageSkeleton = ({ imageHeight, fullSize }) => imageHeight ? (React.createElement(Skeleton, { height: imageHeight, width: "100%" })) : (React.createElement(Skeleton, { height: fullSize ? 225 : 174, width: "100%" }));
|
48
79
|
CardImage.Skeleton = CardImageSkeleton;
|
49
|
-
//# sourceMappingURL=data:application/json;base64,
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2FyZC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2FyZC9DYXJkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDbEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLFlBQVksQ0FBQztBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFL0MsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQzFELE9BQU8sRUFBRSxJQUFJLEVBQUUsYUFBYSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDOUQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBQzNELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsSUFBSSxJQUFJLFFBQVEsRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUd4RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFHakQsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sU0FBUyxDQUFDO0FBbUN0RCxNQUFNLENBQUMsTUFBTSxJQUFJLEdBQXFFLENBQUMsRUFDckYsS0FBSyxFQUNMLFVBQVUsRUFDVixXQUFXLEVBQ1gsS0FBSyxHQUFHLEVBQUUsRUFDVixLQUFLLEdBQUcsRUFBRSxFQUNWLEtBQUssRUFDTCxRQUFRLEdBQUcsRUFBRSxFQUNiLFdBQVcsRUFDWCxLQUFLLEVBQ0wsTUFBTSxFQUNOLElBQUksRUFDSixhQUFhLEdBQUcsTUFBTSxFQUN0QixlQUFlLEdBQUcsSUFBSSxFQUN0QixPQUFPLEVBQ1AsUUFBUSxFQUNSLEtBQUss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
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import React, { useRef } from 'react';
|
1
|
+
import React, { useContext, useRef } from 'react';
|
2
2
|
import { useButton } from '@react-aria/button';
|
3
3
|
import { Typography } from '../../../src/molecules/Typography/Typography';
|
4
4
|
import { Card as CardBase, getTitleContent } from '../../../src/atoms/Card/Card';
|
@@ -7,15 +7,43 @@ import { Avatar } from '../Avatar/Avatar';
|
|
7
7
|
import { Box } from '../Box/Box';
|
8
8
|
import { Chip, ChipContainer } from '../Chip/Chip';
|
9
9
|
import { Skeleton } from '../Skeleton/Skeleton';
|
10
|
-
|
10
|
+
import { CardGroupContext } from './Group';
|
11
|
+
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
|
+
var _a;
|
11
13
|
const ref = useRef(null);
|
12
|
-
const
|
13
|
-
|
14
|
+
const groupContext = useContext(CardGroupContext);
|
15
|
+
// <Card> can be checkable when it's either wrapped in <Card.Group> or if it has `checkable` prop enabled.
|
16
|
+
const checkable = _checkable !== null && _checkable !== void 0 ? _checkable : Boolean(groupContext);
|
17
|
+
// There are two ways to control the checked state of the card: either by using `checked` prop or by including the
|
18
|
+
// card within <Card.Group>.
|
19
|
+
const checkedInGroup = groupContext ? value !== undefined && (groupContext === null || groupContext === void 0 ? void 0 : groupContext.checked) === value : undefined;
|
20
|
+
const controlled = checkedInGroup !== null && checkedInGroup !== void 0 ? checkedInGroup : _checked;
|
21
|
+
const onCheckedChange = _onCheckedChange !== null && _onCheckedChange !== void 0 ? _onCheckedChange : groupContext === null || groupContext === void 0 ? void 0 : groupContext.onCheckedChange;
|
22
|
+
const [checked, setChecked] = React.useState(checkable ? (_a = controlled !== null && controlled !== void 0 ? controlled : defaultChecked) !== null && _a !== void 0 ? _a : false : false);
|
23
|
+
const handleClick = () => {
|
24
|
+
// If card is checkable and has value, we want to toggle the checked state.
|
25
|
+
if (checkable && value) {
|
26
|
+
if (controlled === undefined) {
|
27
|
+
setChecked(!checked);
|
28
|
+
}
|
29
|
+
// If card is within group and already checked, we don't want to notify
|
30
|
+
// the group about the change.
|
31
|
+
if (!groupContext || !checked) {
|
32
|
+
onCheckedChange === null || onCheckedChange === void 0 ? void 0 : onCheckedChange({ value, checked: !checked });
|
33
|
+
}
|
34
|
+
}
|
35
|
+
onClick === null || onClick === void 0 ? void 0 : onClick();
|
36
|
+
};
|
37
|
+
const { buttonProps } = useButton({ elementType: 'div', onPress: handleClick, isDisabled: disabled }, ref);
|
38
|
+
if (checkable && controlled !== undefined && controlled !== checked) {
|
39
|
+
setChecked(controlled);
|
40
|
+
}
|
41
|
+
return (React.createElement(CardBase, Object.assign({ ref: ref, className: "Aquarium-Card.Compact", fullWidth: fullWidth, checked: checkable ? checked : undefined,
|
14
42
|
/*
|
15
43
|
* If any of the "additional features" in `<Card>` are used, we want to enable
|
16
44
|
* min width to make sure it doesn't
|
17
45
|
*/
|
18
|
-
enableMinWidth: Boolean(primaryAction || secondaryAction || chips.length) }, (onClick ? buttonProps : {}), { disabled: disabled }),
|
46
|
+
enableMinWidth: Boolean(primaryAction || secondaryAction || chips.length) }, (onClick || checkable ? buttonProps : {}), { role: groupContext !== undefined ? 'radio' : checkable ? 'checkbox' : onClick ? 'button' : undefined, disabled: disabled }),
|
19
47
|
color && React.createElement(CardBase.ColorHiglight, { color: color }),
|
20
48
|
chips.length > 0 && (React.createElement(ChipContainer, { dense: true }, chips.map((chip) => (React.createElement(Chip, { key: chip, text: chip }))))),
|
21
49
|
React.createElement(Box, { display: "flex", gap: "5" },
|
@@ -39,4 +67,4 @@ const CompactSkeleton = ({ chips = true, icon = true, actions = true, fullWidth
|
|
39
67
|
React.createElement(Skeleton, { width: 115, height: 25 }),
|
40
68
|
React.createElement(Skeleton, { width: 60, height: 25 })))));
|
41
69
|
CompactCard.Skeleton = CompactSkeleton;
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
70
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29tcGFjdC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvQ2FyZC9Db21wYWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRS9DLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsSUFBSSxJQUFJLFFBQVEsRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUd4RSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFJakQsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQzFDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFDakMsT0FBTyxFQUFFLElBQUksRUFBRSxhQUFhLEVBQUUsTUFBTSxjQUFjLENBQUM7QUFDbkQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBRWhELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQStCM0MsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUF3RixDQUFDLEVBQy9HLEtBQUssRUFDTCxVQUFVLEVBQ1YsS0FBSyxHQUFHLEVBQUUsRUFDVixJQUFJLEVBQ0osS0FBSyxFQUNMLE1BQU0sRUFDTixJQUFJLEVBQ0osYUFBYSxHQUFHLE1BQU0sRUFDdEIsZUFBZSxHQUFHLElBQUksRUFDdEIsT0FBTyxFQUNQLFFBQVEsRUFDUixLQUFLLEVBQ0wsU0FBUyxFQUFFLFVBQVUsRUFDckIsY0FBYyxFQUNkLE9BQU8sRUFBRSxRQUFRLEVBQ2pCLGVBQWUsRUFBRSxnQkFBZ0IsRUFDakMsU0FBUyxFQUNULFFBQVEsR0FDVCxFQUFFLEVB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
|
@@ -0,0 +1,29 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
export declare type CardGroupContext = {
|
3
|
+
checked: string | undefined;
|
4
|
+
onCheckedChange: (args: {
|
5
|
+
value: string;
|
6
|
+
checked: boolean;
|
7
|
+
}) => void;
|
8
|
+
};
|
9
|
+
export declare const CardGroupContext: React.Context<CardGroupContext | undefined>;
|
10
|
+
export declare type CardGroupProps = {
|
11
|
+
/**
|
12
|
+
* Optional default checked state. Indicates whether the card is checked or not by default.
|
13
|
+
*/
|
14
|
+
defaultChecked?: string;
|
15
|
+
/**
|
16
|
+
* Optional checked state. Used to control the checked state of the card.
|
17
|
+
*/
|
18
|
+
checked?: string;
|
19
|
+
/**
|
20
|
+
* Optional onCheckedChange callback. Called when the checked state of the card changes.
|
21
|
+
* @param checked
|
22
|
+
* @returns
|
23
|
+
*/
|
24
|
+
onCheckedChange: (args: {
|
25
|
+
value: string;
|
26
|
+
checked: boolean;
|
27
|
+
}) => void;
|
28
|
+
};
|
29
|
+
export declare const CardGroup: React.FC<React.PropsWithChildren<CardGroupProps>>;
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
export const CardGroupContext = React.createContext(undefined);
|
3
|
+
export const CardGroup = ({ checked: _checked, defaultChecked, onCheckedChange, children, }) => {
|
4
|
+
const [checked, setChecked] = React.useState(_checked !== null && _checked !== void 0 ? _checked : defaultChecked);
|
5
|
+
const handleChange = (e) => {
|
6
|
+
setChecked(e.value);
|
7
|
+
onCheckedChange === null || onCheckedChange === void 0 ? void 0 : onCheckedChange(e);
|
8
|
+
};
|
9
|
+
return (React.createElement(CardGroupContext.Provider, { value: { checked: checked !== null && checked !== void 0 ? checked : defaultChecked, onCheckedChange: handleChange } }, children));
|
10
|
+
};
|
11
|
+
CardGroup.displayName = 'Card.Group';
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiR3JvdXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0NhcmQvR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQU8xQixNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxLQUFLLENBQUMsYUFBYSxDQUErQixTQUFTLENBQUMsQ0FBQztBQXFCN0YsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFzRCxDQUFDLEVBQzNFLE9BQU8sRUFBRSxRQUFRLEVBQ2pCLGNBQWMsRUFDZCxlQUFlLEVBQ2YsUUFBUSxHQUNULEVBQUUsRUFBRTtJQUNILE1BQU0sQ0FBQyxPQUFPLEVBQUUsVUFBVSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxRQUFRLGFBQVIsUUFBUSxjQUFSLFFBQVEsR0FBSSxjQUFjLENBQUMsQ0FBQztJQUV6RSxNQUFNLFlBQVksR0FBRyxDQUFDLENBQXNDLEVBQUUsRUFBRTtRQUM5RCxVQUFVLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3BCLGVBQWUsYUFBZixlQUFlLHVCQUFmLGVBQWUsQ0FBRyxDQUFDLENBQUMsQ0FBQztJQUN2QixDQUFDLENBQUM7SUFFRixPQUFPLENBQ0wsb0JBQUMsZ0JBQWdCLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxPQUFPLGFBQVAsT0FBTyxjQUFQLE9BQU8sR0FBSSxjQUFjLEVBQUUsZUFBZSxFQUFFLFlBQVksRUFBRSxJQUNwRyxRQUFRLENBQ2lCLENBQzdCLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLFlBQVksQ0FBQyJ9
|
@@ -1,7 +1,33 @@
|
|
1
1
|
import { type AsyncActionType, type LinkActionType } from '../../../types/ActionType';
|
2
2
|
import { type ColorName } from '../../../types/designTokens';
|
3
3
|
import { type LimitedCssDimension } from '../../../types/DimensionProps';
|
4
|
-
|
4
|
+
import { type AllOrNone } from '../../../types/utils';
|
5
|
+
declare type CheckableCard = AllOrNone<{
|
6
|
+
/**
|
7
|
+
* Optional checkable state. Indicates whether the card is checkable or not.
|
8
|
+
*/
|
9
|
+
checkable: true;
|
10
|
+
/**
|
11
|
+
* Required value prop is used to identify the card.
|
12
|
+
*/
|
13
|
+
value: string;
|
14
|
+
/**
|
15
|
+
* Optional default checked state. Indicates whether the card is checked or not by default.
|
16
|
+
*/
|
17
|
+
defaultChecked?: boolean;
|
18
|
+
/**
|
19
|
+
* Optional checked state. Used to control the checked state of the card.
|
20
|
+
*/
|
21
|
+
checked?: boolean;
|
22
|
+
/**
|
23
|
+
* Optional onCheckedChange callback. Called when the checked state of the card changes.
|
24
|
+
*/
|
25
|
+
onCheckedChange?: (args: {
|
26
|
+
value: string;
|
27
|
+
checked: boolean;
|
28
|
+
}) => void;
|
29
|
+
}>;
|
30
|
+
export declare type ClickableCard = CheckableCard & {
|
5
31
|
/**
|
6
32
|
* Optional onClick callback for entire card
|
7
33
|
*/
|
@@ -58,3 +84,4 @@ export declare type IconCard = {
|
|
58
84
|
*/
|
59
85
|
color?: ColorName;
|
60
86
|
};
|
87
|
+
export {};
|
@@ -82,7 +82,7 @@ export const Carousel = ({ defaultPage = 1, currentPage: currentPageProp, onPage
|
|
82
82
|
return items.length > 0 ? (React.createElement("div", { className: classNames('Aquarium-Carousel', tw('w-full flex flex-col')), ref: containerRef },
|
83
83
|
containerRef !== null && (React.createElement("ul", { ref: scrollbarContainerRef, tabIndex: 0, onScroll: handleScroll,
|
84
84
|
// use items-strech here, so that every carousel items are the same height in case there are some items that taller than others
|
85
|
-
className: tw('grid items-stretch grid-flow-col overflow-x-scroll scroll-smooth snap-x snap-mandatory scrollbar-hide focus-visible:outline-0 focus-visible:ring-1 focus-visible:ring-info-70') }, width !== 0 &&
|
85
|
+
className: tw('grid items-stretch grid-flow-col overflow-x-scroll scroll-smooth snap-x snap-mandatory scrollbar-hide focus-visible:outline-0 focus-visible:ring-1 focus-visible:ring-info-70'), style: { width } }, width !== 0 &&
|
86
86
|
React.Children.map(children, (child, index) => (React.createElement(CarouselItem, { key: index, width: width, ariaHidden: index + 1 === currentPage ? undefined : true }, child))))),
|
87
87
|
React.createElement(Flexbox, { direction: "row", justifyContent: "flex-end", alignItems: "center" },
|
88
88
|
React.createElement(IconButton, { "aria-label": "Previous", onClick: () => handleNavigationClick('left'), icon: chevronLeft, disabled: currentPage === 1 }),
|
@@ -97,4 +97,4 @@ const CarouselItem = ({ width, children, ariaHidden, }) => {
|
|
97
97
|
*/
|
98
98
|
React.createElement("li", { style: { width }, "aria-hidden": ariaHidden, className: tw('flex justify-center snap-start') }, children));
|
99
99
|
};
|
100
|
-
//# sourceMappingURL=data:application/json;base64,
|
100
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ2Fyb3VzZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0Nhcm91c2VsL0Nhcm91c2VsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUM1RSxPQUFPLFVBQVUsTUFBTSxZQUFZLENBQUM7QUFFcEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sV0FBVyxNQUFNLHVCQUF1QixDQUFDO0FBQ2hELE9BQU8sWUFBWSxNQUFNLHdCQUF3QixDQUFDO0FBbUJsRCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQXFELENBQUMsRUFDekUsV0FBVyxHQUFHLENBQUMsRUFDZixXQUFXLEVBQUUsZUFBZSxFQUM1QixZQUFZLEVBQ1osUUFBUSxHQUNULEVBQUUsRUFBRTtJQUNILE1BQU0sWUFBWSxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDbEQsTUFBTSxxQkFBcUIsR0FBRyxNQUFNLENBQW1CLElBQUksQ0FBQyxDQUFDO0lBQzdELE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBRS9DLE1BQU0sQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3RDLE1BQU0sQ0FBQyxVQUFVLEVBQUUsYUFBYSxDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsNEVBQTRFO0lBQ2pJLE1BQU0sQ0FBQyxXQUFXLEVBQUUsY0FBYyxDQUFDLEdBQUcsUUFBUSxDQUFTLGVBQWUsYUFBZixlQUFlLGNBQWYsZUFBZSxHQUFJLFdBQVcsQ0FBQyxDQUFDO0lBRXZGLGVBQWUsQ0FBQyxHQUFHLEVBQUU7UUFDbkIsTUFBTSxvQkFBb0IsR0FBRyxHQUFHLEVBQUU7O1lBQ2hDLE1BQU0sY0FBYyxHQUFHLE1BQUEsWUFBWSxDQUFDLE9BQU8sMENBQUUscUJBQXFCLEdBQUcsS0FBSyxDQUFDO1lBQzNFLElBQUksY0FBYyxLQUFLLFNBQVMsSUFBSSxLQUFLLEtBQUssY0FBYyxFQUFFO2dCQUM1RDs7O21CQUdHO2dCQUNILFFBQVEsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUM7YUFDdEM7UUFDSCxDQUFDLENBQUM7UUFFRixvQkFBb0IsRUFBRSxDQUFDO1FBQ3ZCLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FBQyxRQUFRLEVBQUUsb0JBQW9CLENBQUMsQ0FBQyxDQUFDLCtDQUErQztRQUV4RyxPQUFPLEdBQUcsRUFBRTtZQUNWLE1BQU0sQ0FBQyxtQkFBbUIsQ0FBQyxRQUFRLEVBQUUsb0JBQW9CLENBQUMsQ0FBQztRQUM3RCxDQUFDLENBQUM7SUFDSixDQUFDLEVBQUUsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQztJQUUzQix3QkFBd0I7SUFDeEIsSUFBSSxPQUFPLGVBQWUsS0FBSyxRQUFRLElBQUksZUFBZSxLQUFLLFdBQVcsSUFBSSxZQUFZLElBQUksS0FBSyxLQUFLLENBQUMsRUFBRTtRQUN6RyxjQUFjLENBQUMsZUFBZSxDQUFDLENBQUM7S0FDakM7SUFFRCxTQUFTLENBQUMsR0FBRyxFQUFFOztRQUNiLElBQUksS0FBSyxLQUFLLENBQUMsRUFBRTtZQUNmLE9BQU87U0FDUjtRQUVELE1BQU0sWUFBWSxHQUFHLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQyxHQUFHLEtBQUssQ0FBQztRQUMvQyxJQUFJLENBQUEsTUFBQSxxQkFBcUIsQ0FBQyxPQUFPLDBDQUFFLFVBQVUsTUFBSyxZQUFZLEVBQUU7WUFDOUQsYUFBYSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsMlNBQTJTO1lBQ2hVLE1BQUEscUJBQXFCLENBQUMsT0FBTywwQ0FBRSxRQUFRLENBQUMsRUFBRSxJQUFJLEVBQUUsWUFBWSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDO1NBQ3JGO0lBQ0gsQ0FBQyxFQUFFLENBQUMsV0FBVyxFQUFFLHFCQUFxQixDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFFakQsTUFBTSxxQkFBcUIsR0FBRyxDQUFDLFNBQTJCLEVBQUUsRUFBRTtRQUM1RCxNQUFNLFFBQVEsR0FBRyxXQUFXLEdBQUcsQ0FBQyxTQUFTLEtBQUssTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFFL0QsMEJBQTBCO1FBQzFCLENBQUMsWUFBWSxJQUFJLGNBQWMsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUUxQyx3QkFBd0I7UUFDeEIsWUFBWSxJQUFJLFlBQVksQ0FBQyxRQUFRLENBQUMsQ0FBQztJQUN6QyxDQUFDLENBQUM7SUFFRixNQUFNLFlBQVksR0FBRyxHQUFHLEVBQUU7O1FBQ3hCLE1BQU0sWUFBWSxHQUFHLENBQUMsV0FBVyxHQUFHLENBQUMsQ0FBQyxHQUFHLEtBQUssQ0FBQztRQUUvQzs7Ozs7O1dBTUc7UUFFSDs7O1dBR0c7UUFDSCxJQUFJLFVBQVUsSUFBSSxDQUFBLE1BQUEscUJBQXFCLENBQUMsT0FBTywwQ0FBRSxVQUFVLE1BQUssWUFBWSxFQUFFO1lBQzVFLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQztTQUN0QjtRQUVELE1BQU0sVUFBVSxHQUFHLE1BQUEscUJBQXFCLENBQUMsT0FBTywwQ0FBRSxVQUFVLENBQUM7UUFDN0QsSUFBSSxPQUFPLFVBQVUsS0FBSyxRQUFRLElBQUksVUFBVSxHQUFHLEtBQUssS0FBSyxDQUFDLElBQUksWUFBWSxLQUFLLFVBQVUsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUM1RyxNQUFNLE9BQU8sR0FBRyxVQUFVLEdBQUcsS0FBSyxHQUFHLENBQUMsQ0FBQztZQUV2QywwQkFBMEI7WUFDMUIsQ0FBQyxZQUFZLElBQUksY0FBYyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1lBRXpDLHdCQUF3QjtZQUN4QixZQUFZLElBQUksWUFBWSxDQUFDLE9BQU8sQ0FBQyxDQUFDO1NBQ3ZDO0lBQ0gsQ0FBQyxDQUFDO0lBRUYsT0FBTyxLQUFLLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FDeEIsNkJBQUssU0FBUyxFQUFFLFVBQVUsQ0FBQyxtQkFBbUIsRUFBRSxFQUFFLENBQUMsc0JBQXNCLENBQUMsQ0FBQyxFQUFFLEdBQUcsRUFBRSxZQUFZO1FBQzNGLFlBQVksS0FBSyxJQUFJLElBQUksQ0FDeEIsNEJBQ0UsR0FBRyxFQUFFLHFCQUFxQixFQUMxQixRQUFRLEVBQUUsQ0FBQyxFQUNYLFFBQVEsRUFBRSxZQUFZO1lBQ3RCLCtIQUErSDtZQUMvSCxTQUFTLEVBQUUsRUFBRSxDQUNYLCtLQUErSyxDQUNoTCxFQUNELEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxJQUdmLEtBQUssS0FBSyxDQUFDO1lBQ1YsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxFQUFFLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FDN0Msb0JBQUMsWUFBWSxJQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxVQUFVLEVBQUUsS0FBSyxHQUFHLENBQUMsS0FBSyxXQUFXLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsSUFBSSxJQUM3RixLQUFLLENBQ08sQ0FDaEIsQ0FBQyxDQUNELENBQ047UUFDRCxvQkFBQyxPQUFPLElBQUMsU0FBUyxFQUFDLEtBQUssRUFBQyxjQUFjLEVBQUMsVUFBVSxFQUFDLFVBQVUsRUFBQyxRQUFRO1lBQ3BFLG9CQUFDLFVBQVUsa0JBQ0UsVUFBVSxFQUNyQixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMscUJBQXFCLENBQUMsTUFBTSxDQUFDLEVBQzVDLElBQUksRUFBRSxXQUFXLEVBQ2pCLFFBQVEsRUFBRSxXQUFXLEtBQUssQ0FBQyxHQUMzQjtZQUNGLG9CQUFDLFVBQVUsQ0FBQyxPQUFPLFFBQUUsR0FBRyxXQUFXLElBQUksS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLEVBQUUsQ0FBc0I7WUFDN0Ysb0JBQUMsVUFBVSxrQkFDRSxNQUFNLEVBQ2pCLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxxQkFBcUIsQ0FBQyxPQUFPLENBQUMsRUFDN0MsSUFBSSxFQUFFLFlBQVksRUFDbEIsUUFBUSxFQUFFLFdBQVcsS0FBSyxLQUFLLENBQUMsTUFBTSxHQUN0QyxDQUNNLENBQ04sQ0FDUCxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUM7QUFDWCxDQUFDLENBQUM7QUFFRixNQUFNLFlBQVksR0FBK0UsQ0FBQyxFQUNoRyxLQUFLLEVBQ0wsUUFBUSxFQUNSLFVBQVUsR0FDWCxFQUFFLEVBQUU7SUFDSCxPQUFPO0lBQ0w7OztPQUdHO0lBQ0gsNEJBQUksS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLGlCQUFlLFVBQVUsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLGdDQUFnQyxDQUFDLElBQzNGLFFBQVEsQ0FDTixDQUNOLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
@@ -1,9 +1,9 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { type
|
3
|
-
import { type
|
2
|
+
import { type PanelID } from '../../../src/molecules/Accordion/Accordion';
|
3
|
+
import { type InfiniteListProps, type ListPaginationProps } from '../../../src/molecules/List/List';
|
4
|
+
import { type DataListColumn, type DataListGroupedRows, type DataTableMenuProps, type DataTableRow, type OnSortChangedDirection, type SortDirection } from '../../../src/utils/table/types';
|
4
5
|
import { type Either } from '../../../types/utils';
|
5
|
-
|
6
|
-
export declare type DataListProps<C extends DataListColumn<R>, R extends DataTableRow> = DataTableMenuProps<R> & Either<Pick<ListProps<R>, 'pagination'> & {
|
6
|
+
export declare type DataListProps<C extends DataListColumn<R>, R extends DataTableRow> = DataTableMenuProps<R> & Either<Either<InfiniteListProps, ListPaginationProps> & {
|
7
7
|
/**
|
8
8
|
* Determines if row is collapsible or not. When defined, column will be reserved for triggers.
|
9
9
|
* Return React node for more details to be viewable for that row.
|
@@ -17,13 +17,13 @@ export declare type DataListProps<C extends DataListColumn<R>, R extends DataTab
|
|
17
17
|
* Groups are selected by providing a row property. Each row that has equal value on said property belongs to that group.
|
18
18
|
* Rows with `undefined` value will be grouped as uncategorized and sorted to top.
|
19
19
|
*/
|
20
|
-
group?: keyof R | ((rows: R[]) =>
|
20
|
+
group?: keyof R | ((rows: R[]) => DataListGroupedRows<R>);
|
21
21
|
/**
|
22
22
|
* Controls the group row rendering. Return an object that matches the row definition.
|
23
23
|
* First argument is the group name you can use to connect the data to a separate data source if needed.
|
24
24
|
* Second argument provides the rows beloning to that group allowing you to reduce row values out of those.
|
25
25
|
*/
|
26
|
-
getGroupRow?: (key: string, rows: R[]) => R;
|
26
|
+
getGroupRow?: (key: string, rows: DataListGroupedRows<R> | R[]) => R;
|
27
27
|
}> & {
|
28
28
|
/**
|
29
29
|
* Array of column definitions that correspond to the data rows.
|
@@ -32,18 +32,23 @@ export declare type DataListProps<C extends DataListColumn<R>, R extends DataTab
|
|
32
32
|
/**
|
33
33
|
* Array of data rows to be displayed.
|
34
34
|
*/
|
35
|
-
rows: R[];
|
35
|
+
rows: DataListGroupedRows<R> | R[];
|
36
36
|
/**
|
37
37
|
* Determines if table header should stick to top when scrolling.
|
38
38
|
* Sortable headers can not be sticky.
|
39
39
|
* @default true
|
40
40
|
*/
|
41
41
|
sticky?: boolean;
|
42
|
+
/**
|
43
|
+
* If true, table header will be hidden.
|
44
|
+
* @default false
|
45
|
+
*/
|
46
|
+
hideHeader?: boolean;
|
42
47
|
/**
|
43
48
|
* Determines if row should be disabled.
|
44
49
|
* Disabled rows appear lighter in color and do not allow clicking row contents.
|
45
50
|
*/
|
46
|
-
disabled?: (row: R, index: number, rows: R[]) => boolean;
|
51
|
+
disabled?: (row: R, index: number, rows: DataListGroupedRows<R> | R[]) => boolean;
|
47
52
|
/**
|
48
53
|
* Control panel collapsibility.
|
49
54
|
*/
|
@@ -68,9 +73,9 @@ export declare type DataListProps<C extends DataListColumn<R>, R extends DataTab
|
|
68
73
|
} | null) => void;
|
69
74
|
};
|
70
75
|
export declare const DataList: {
|
71
|
-
<C extends DataListColumn<R>, R extends DataTableRow>({ columns, rows, sticky, menu, menuLabel, menuAriaLabel, menuHeaderName, onAction, onMenuOpenChange, rowDetails,
|
76
|
+
<C extends DataListColumn<R>, R extends DataTableRow>({ columns, rows, hideHeader, sticky, menu, menuLabel, menuAriaLabel, menuHeaderName, onAction, onMenuOpenChange, rowDetails, group, disabled, getGroupRow, onGroupToggled, expandedGroupIds, defaultSort, onSortChanged, ...rest }: DataListProps<C, R>): React.JSX.Element;
|
72
77
|
Skeleton: React.FC<{
|
73
|
-
columns?: number | (number | `${number}`)[] | undefined;
|
78
|
+
columns?: number | (number | `${number}` | `fit-content(${string})`)[] | undefined;
|
74
79
|
rows?: number | undefined;
|
75
80
|
}>;
|
76
81
|
};
|
@@ -1,133 +1,77 @@
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
2
|
+
var t = {};
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
4
|
+
t[p] = s[p];
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
8
|
+
t[p[i]] = s[p[i]];
|
9
|
+
}
|
10
|
+
return t;
|
11
|
+
};
|
1
12
|
import React from 'react';
|
2
13
|
import compact from 'lodash/compact';
|
3
14
|
import groupBy from 'lodash/groupBy';
|
15
|
+
import isArray from 'lodash/isArray';
|
4
16
|
import isFunction from 'lodash/isFunction';
|
5
|
-
import {
|
6
|
-
import { StatusChip } from '../../../src/molecules/Chip/Chip';
|
7
|
-
import { DropdownMenu } from '../../../src/molecules/DropdownMenu/DropdownMenu';
|
17
|
+
import { Accordion } from '../../../src/molecules/Accordion/Accordion';
|
8
18
|
import { List } from '../../../src/molecules/List/List';
|
9
19
|
import { Template } from '../../../src/molecules/Template/Template';
|
20
|
+
import { Tooltip } from '../../../src/molecules/Tooltip/Tooltip';
|
10
21
|
import { DataList as DataListBase } from '../../../src/atoms/DataList/DataList';
|
11
|
-
import {
|
12
|
-
import { renameProperty } from '../../../src/utils/object';
|
13
|
-
import { cellProps, columnIsFieldColumn, } from '../../../src/utils/table/types';
|
22
|
+
import { areRowsGrouped, cellProps, columnIsFieldColumn, } from '../../../src/utils/table/types';
|
14
23
|
import { useTableSort } from '../../../src/utils/table/useTableSort';
|
15
24
|
import { sortRowsBy } from '../../../src/utils/table/utils';
|
16
25
|
import { tw } from '../../../src/utils/tailwind';
|
17
|
-
import
|
18
|
-
import {
|
19
|
-
import { Tooltip } from '../Tooltip/Tooltip';
|
26
|
+
import { DataListRow, DataListRowMenu } from './DataListComponents';
|
27
|
+
import { DataListGroup } from './DataListGroup';
|
20
28
|
import { DataListSkeleton } from './DataListSkeleton';
|
21
|
-
const
|
22
|
-
|
23
|
-
var _a;
|
29
|
+
export const DataList = (_a) => {
|
30
|
+
var _b;
|
31
|
+
var { columns, rows, hideHeader = false, sticky, menu, menuLabel, menuAriaLabel = menuLabel !== null && menuLabel !== void 0 ? menuLabel : 'Context menu', menuHeaderName = 'Actions', onAction, onMenuOpenChange, rowDetails, group, disabled, getGroupRow, onGroupToggled, expandedGroupIds, defaultSort, onSortChanged } = _a, rest = __rest(_a, ["columns", "rows", "hideHeader", "sticky", "menu", "menuLabel", "menuAriaLabel", "menuHeaderName", "onAction", "onMenuOpenChange", "rowDetails", "group", "disabled", "getGroupRow", "onGroupToggled", "expandedGroupIds", "defaultSort", "onSortChanged"]);
|
24
32
|
const defaultSortedColumn = columns.find((c) => c.headerName === (defaultSort === null || defaultSort === void 0 ? void 0 : defaultSort.headerName));
|
25
33
|
const initialSortState = defaultSortedColumn
|
26
|
-
? { column: defaultSortedColumn, direction: (
|
34
|
+
? { column: defaultSortedColumn, direction: (_b = defaultSort === null || defaultSort === void 0 ? void 0 : defaultSort.direction) !== null && _b !== void 0 ? _b : 'ascending' }
|
27
35
|
: undefined;
|
28
36
|
const [sort, updateSort] = useTableSort(onSortChanged ? Object.assign(Object.assign({}, initialSortState), { onSortChanged }) : initialSortState);
|
29
|
-
const sortedRows = sortRowsBy(rows, sort);
|
30
|
-
const groups =
|
31
|
-
|
32
|
-
|
37
|
+
const sortedRows = isArray(rows) ? sortRowsBy(rows, sort) : [];
|
38
|
+
const groups = areRowsGrouped(rows)
|
39
|
+
? rows
|
40
|
+
: group
|
41
|
+
? isFunction(group)
|
42
|
+
? group(sortedRows)
|
43
|
+
: groupBy(sortedRows, group)
|
44
|
+
: undefined;
|
33
45
|
// if rowDetails is defined we can reserve space for the toggle column
|
34
|
-
const isCollapsible = isFunction(rowDetails)
|
46
|
+
const isCollapsible = isFunction(rowDetails);
|
35
47
|
const templateColumns = compact([
|
36
|
-
isCollapsible ?
|
48
|
+
isCollapsible ? 'fit-content(50px)' : undefined,
|
37
49
|
...columns.map((column) => { var _a; return (_a = column.width) !== null && _a !== void 0 ? _a : 'auto'; }),
|
38
|
-
menu ? '
|
50
|
+
menu ? 'fit-content(28px)' : undefined,
|
39
51
|
]);
|
40
52
|
const PaginationFooter = React.useCallback(({ children }) => (React.createElement("div", { style: { gridColumn: '1 / -1' }, role: "row" },
|
41
53
|
React.createElement("div", { role: "cell" }, children))), []);
|
42
54
|
return (React.createElement(Template, { className: "Aquarium-DataList", columns: templateColumns, role: "table" },
|
43
|
-
React.createElement(DataListBase.Row,
|
55
|
+
!hideHeader && (React.createElement(DataListBase.Row, { header: true },
|
44
56
|
isCollapsible && React.createElement(DataListBase.HeadCell, { align: "left", sticky: sticky }),
|
45
57
|
columns.map((column) => {
|
46
58
|
const content = column.headerTooltip ? (React.createElement(Tooltip, { placement: column.headerTooltip.placement, content: column.headerTooltip.content }, column.headerName)) : (column.headerName);
|
47
59
|
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)), content)) : (React.createElement(DataListBase.HeadCell, Object.assign({}, cellProps(column), { sticky: sticky }), content));
|
48
60
|
}),
|
49
|
-
menu && (React.createElement(DataListBase.HeadCell, { align: "right", "aria-label": menuAriaLabel, sticky: sticky }, menuHeaderName))),
|
50
|
-
groups &&
|
51
|
-
|
52
|
-
return key === 'undefined' ? (groupContent) : (React.createElement(Accordion, { key: key, openPanelId: expandedGroupIds ? expandedGroupIds.find((id) => id === key) || null : undefined },
|
53
|
-
hasCustomRenderForGroupRow ? (React.createElement(DataListBase.Row, null,
|
54
|
-
React.createElement(DataListBase.Cell, null,
|
55
|
-
React.createElement(Accordion.Toggle, { panelId: key, onChange: onGroupToggled })),
|
56
|
-
React.createElement(List, { items: columns, renderItem: (column) => (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)), renderCell(column, getGroupRow(key, groups[key]), -1, []))) }),
|
57
|
-
renderRowMenu(getGroupRow(key, groups[key]), -1, {
|
58
|
-
menu,
|
59
|
-
onAction,
|
60
|
-
onMenuOpenChange,
|
61
|
-
menuAriaLabel,
|
62
|
-
}))) : (React.createElement(DataListBase.Row, null,
|
63
|
-
React.createElement(DataListBase.Cell, null,
|
64
|
-
React.createElement(Accordion.Toggle, { panelId: key, onChange: onGroupToggled })),
|
65
|
-
React.createElement(DataListBase.Cell, { style: { gridColumn: '2 / -1', gap: 4 } },
|
66
|
-
"Group: ",
|
67
|
-
React.createElement("b", null, key)))),
|
68
|
-
React.createElement(DataListBase.Row, { subgroup: true },
|
69
|
-
React.createElement(Accordion.UnanimatedPanel, { panelId: key },
|
70
|
-
React.createElement(DataListBase.SubGroupSpacing, null),
|
71
|
-
groupContent,
|
72
|
-
React.createElement(DataListBase.SubGroupSpacing, { divider: true })))));
|
73
|
-
} })) : (React.createElement(List, { pagination: pagination, paginationContainer: PaginationFooter, items: sortedRows, renderItem: (row, index) => {
|
61
|
+
menu && (React.createElement(DataListBase.HeadCell, { align: "right", "aria-label": menuAriaLabel, sticky: sticky }, menuHeaderName)))),
|
62
|
+
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 })),
|
63
|
+
!groups && (React.createElement(List, Object.assign({}, rest, { paginationContainer: PaginationFooter, items: sortedRows, renderItem: (row, index) => {
|
74
64
|
const details = rowDetails === null || rowDetails === void 0 ? void 0 : rowDetails(row, index, sortedRows);
|
75
|
-
const content =
|
76
|
-
|
65
|
+
const content = (React.createElement(DataListRow, { key: row.id, columns: columns, row: row, index: index, rows: sortedRows, menu: React.createElement(DataListRowMenu, { row: row, index: index, menu: menu, onAction: onAction, onMenuOpenChange: onMenuOpenChange, menuAriaLabel: menuAriaLabel }), disabled: disabled, renderFirstColumn: () => rowDetails !== undefined && (React.createElement(DataListBase.Cell, null, details && React.createElement(Accordion.Toggle, { panelId: row.id.toString(), onChange: onGroupToggled }))) }));
|
66
|
+
// Row has no additional details, so we can render it without the accordion.
|
67
|
+
if (!details) {
|
68
|
+
return content;
|
69
|
+
}
|
70
|
+
return (React.createElement(Accordion, { key: row.id, openPanelId: expandedGroupIds ? expandedGroupIds.find((id) => id === row.id) || null : undefined },
|
77
71
|
content,
|
78
72
|
React.createElement(Accordion.Panel, { role: "row", panelId: row.id.toString(), className: tw('col-span-full bg-grey-0 border-b border-grey-10'), "aria-label": `row ${row.id.toString()} details` },
|
79
|
-
React.createElement("div", { role: "cell" }, details))))
|
80
|
-
} }))));
|
81
|
-
};
|
82
|
-
const renderRowMenu = (row, index, { menu, onAction, onMenuOpenChange, menuAriaLabel, }) => {
|
83
|
-
if (menu) {
|
84
|
-
const menuContent = isFunction(menu) ? menu(row, index) : menu;
|
85
|
-
return (React.createElement(DataListBase.Cell, { align: "right" }, menuContent && (React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action, row, index), onOpenChange: onMenuOpenChange },
|
86
|
-
React.createElement(DropdownMenu.Trigger, null,
|
87
|
-
React.createElement(Button.Icon, { "aria-label": menuAriaLabel, icon: more })),
|
88
|
-
menuContent))));
|
89
|
-
}
|
90
|
-
return undefined;
|
91
|
-
};
|
92
|
-
const renderRow = (columns, row, index, rows, menu, disabled, renderFirstColumn) => {
|
93
|
-
var _a;
|
94
|
-
const isRowDisabled = (_a = disabled === null || disabled === void 0 ? void 0 : disabled(row, index, rows)) !== null && _a !== void 0 ? _a : false;
|
95
|
-
return (React.createElement(DataListBase.Row, { key: row.id, disabled: isRowDisabled }, renderFirstColumn === null || renderFirstColumn === void 0 ? void 0 :
|
96
|
-
renderFirstColumn(row, index, rows),
|
97
|
-
React.createElement(List, { items: columns, renderItem: (column) => (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)), renderCell(column, row, index, rows))) }),
|
98
|
-
menu));
|
99
|
-
};
|
100
|
-
const DEFAULT_CONTENT = '';
|
101
|
-
const renderCell = (column, row, index, rows) => {
|
102
|
-
let cellContent = DEFAULT_CONTENT;
|
103
|
-
if (column.type === 'status') {
|
104
|
-
const status = column.status(row, index, rows);
|
105
|
-
if (status) {
|
106
|
-
cellContent = React.createElement(StatusChip, Object.assign({ dense: true }, status));
|
107
|
-
}
|
108
|
-
}
|
109
|
-
else if (column.type === 'action') {
|
110
|
-
const action = renameProperty('text', 'children', column.action(row, index, rows));
|
111
|
-
if (action) {
|
112
|
-
cellContent = React.createElement(Button.Secondary, Object.assign({ dense: true }, action));
|
113
|
-
}
|
114
|
-
}
|
115
|
-
else if (column.type === 'custom') {
|
116
|
-
cellContent = column.UNSAFE_render(row, index, rows);
|
117
|
-
}
|
118
|
-
else if (column.type === 'item') {
|
119
|
-
const item = column.item(row, index, rows);
|
120
|
-
if (item) {
|
121
|
-
cellContent = React.createElement(Item, Object.assign({}, item));
|
122
|
-
}
|
123
|
-
}
|
124
|
-
else if (column.formatter) {
|
125
|
-
cellContent = column.formatter(row[column.field], row, index, rows);
|
126
|
-
}
|
127
|
-
else {
|
128
|
-
cellContent = row[column.field];
|
129
|
-
}
|
130
|
-
return column.tooltip ? React.createElement(Tooltip, Object.assign({}, column.tooltip(row, index, rows)), cellContent) : cellContent;
|
73
|
+
React.createElement("div", { role: "cell" }, details))));
|
74
|
+
} })))));
|
131
75
|
};
|
132
76
|
DataList.Skeleton = DataListSkeleton;
|
133
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0RhdGFMaXN0L0RhdGFMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFDckMsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFDckMsT0FBTyxVQUFVLE1BQU0sbUJBQW1CLENBQUM7QUFFM0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLElBQUksRUFBa0IsTUFBTSx5QkFBeUIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsUUFBUSxFQUFlLE1BQU0saUNBQWlDLENBQUM7QUFFeEUsT0FBTyxFQUFFLFFBQVEsSUFBSSxZQUFZLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2xELE9BQU8sRUFDTCxTQUFTLEVBQ1QsbUJBQW1CLEdBTXBCLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQzVELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHeEMsT0FBTyxJQUFJLE1BQU0sZ0JBQWdCLENBQUM7QUFFbEMsT0FBTyxFQUFFLFNBQVMsRUFBZ0IsTUFBTSx3QkFBd0IsQ0FBQztBQUNqRSxPQUFPLEVBQUUsT0FB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
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0RhdGFMaXN0L0RhdGFMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLFVBQVUsTUFBTSxtQkFBbUIsQ0FBQztBQUUzQyxPQUFPLEVBQUUsU0FBUyxFQUFnQixNQUFNLG1DQUFtQyxDQUFDO0FBQzVFLE9BQU8sRUFBMEIsSUFBSSxFQUE0QixNQUFNLHlCQUF5QixDQUFDO0FBQ2pHLE9BQU8sRUFBRSxRQUFRLEVBQWUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFeEQsT0FBTyxFQUFFLFFBQVEsSUFBSSxZQUFZLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUV2RSxPQUFPLEVBQ0wsY0FBYyxFQUNkLFNBQVMsRUFDVCxtQkFBbUIsR0FPcEIsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUd4QyxPQUFPLEVBQUUsV0FBVyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNoRCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQStFdEQsTUFBTSxDQUFDLE1BQU0sUUFBUSxH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
|