@aivenio/aquarium 1.22.0 → 1.24.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 +2 -2
- package/dist/_variables_timescale.scss +2 -2
- package/dist/atoms.cjs +251 -150
- package/dist/atoms.mjs +251 -150
- package/dist/src/atoms/DropdownMenu/DropdownMenu.d.ts +1 -0
- package/dist/src/atoms/DropdownMenu/DropdownMenu.js +6 -3
- package/dist/src/icons/loading.js +3 -3
- package/dist/src/molecules/Alert/Alert.js +2 -2
- package/dist/src/molecules/Badge/Badge.d.ts +5 -0
- package/dist/src/molecules/Badge/Badge.js +8 -1
- package/dist/src/molecules/Banner/Banner.d.ts +3 -3
- package/dist/src/molecules/Banner/Banner.js +4 -2
- package/dist/src/molecules/DataList/DataList.d.ts +8 -2
- package/dist/src/molecules/DataList/DataList.js +5 -3
- package/dist/src/molecules/DataList/DataListSkeleton.d.ts +8 -0
- package/dist/src/molecules/DataList/DataListSkeleton.js +15 -0
- package/dist/src/molecules/DataTable/DataTable.d.ts +8 -2
- package/dist/src/molecules/DataTable/DataTable.js +5 -3
- package/dist/src/molecules/DropdownMenu/DropdownMenu.d.ts +4 -0
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +3 -3
- package/dist/src/molecules/EmptyState/EmptyState.d.ts +5 -3
- package/dist/src/molecules/EmptyState/EmptyState.js +8 -3
- package/dist/src/molecules/ListItem/ListItem.js +3 -3
- package/dist/src/molecules/Navigation/Navigation.d.ts +6 -2
- package/dist/src/molecules/Navigation/Navigation.js +6 -3
- package/dist/src/molecules/PageHeader/PageHeader.d.ts +5 -3
- package/dist/src/molecules/PageHeader/PageHeader.js +6 -17
- package/dist/src/molecules/Section/Section.d.ts +3 -2
- package/dist/src/molecules/Section/Section.js +4 -16
- package/dist/src/molecules/Toast/Toast.d.ts +7 -1
- package/dist/src/molecules/Toast/Toast.js +2 -2
- package/dist/src/utils/ContrastRatio.d.ts +11 -0
- package/dist/src/utils/ContrastRatio.js +54 -0
- package/dist/src/utils/link.d.ts +2 -0
- package/dist/src/utils/link.js +2 -0
- package/dist/src/utils/table/types.d.ts +4 -0
- package/dist/styles.css +17 -13
- package/dist/styles_timescaledb.css +17 -13
- package/dist/system.cjs +575 -487
- package/dist/system.mjs +534 -447
- package/dist/tailwind.config.js +0 -3
- package/dist/tailwind.theme.json +2 -2
- package/dist/tokens.json +4 -2
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/ActionType.d.ts +1 -0
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
@@ -28,6 +28,7 @@ declare const Item: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLLIE
|
|
28
28
|
selected: boolean;
|
29
29
|
disabled?: boolean | undefined;
|
30
30
|
icon?: import("@iconify/types").IconifyIcon | undefined;
|
31
|
+
showNotification?: boolean | undefined;
|
31
32
|
} & React.RefAttributes<HTMLLIElement>>;
|
32
33
|
declare type MenuItemDescription = DivAttributes & {
|
33
34
|
disabled?: boolean;
|
@@ -10,6 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
+
import { Badge } from '../../../src/molecules/Badge/Badge';
|
13
14
|
import { InlineIcon } from '../../../src/molecules/Icon/Icon';
|
14
15
|
import { Typography } from '../../../src/molecules/Typography/Typography';
|
15
16
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
@@ -35,14 +36,16 @@ const Group = React.forwardRef((_a, ref) => {
|
|
35
36
|
});
|
36
37
|
DropdownMenu.Group = Group;
|
37
38
|
const Item = React.forwardRef((_a, ref) => {
|
38
|
-
var { kind, highlighted, selected, className, icon, children } = _a, props = __rest(_a, ["kind", "highlighted", "selected", "className", "icon", "children"]);
|
39
|
+
var { kind, highlighted, selected, className, icon, showNotification = false, children } = _a, props = __rest(_a, ["kind", "highlighted", "selected", "className", "icon", "showNotification", "children"]);
|
39
40
|
return (React.createElement("li", Object.assign({ ref: ref, className: classNames(className, 'flex items-center gap-x-3 p-3 outline-none', {
|
40
41
|
'cursor-pointer hover:bg-grey-0': !props.disabled,
|
41
42
|
'bg-grey-0': highlighted,
|
42
43
|
'text-primary-80': kind === 'action',
|
43
44
|
'text-grey-20 cursor-not-allowed': props.disabled,
|
44
45
|
}) }, props),
|
45
|
-
icon && React.createElement(
|
46
|
+
icon && showNotification && (React.createElement(Badge.Notification, null,
|
47
|
+
React.createElement(InlineIcon, { icon: icon }))),
|
48
|
+
icon && !showNotification && React.createElement(InlineIcon, { icon: icon }),
|
46
49
|
React.createElement("span", { className: tw('grow') }, children),
|
47
50
|
selected && React.createElement(InlineIcon, { icon: tick })));
|
48
51
|
});
|
@@ -59,4 +62,4 @@ const EmptyStateContainer = (_a) => {
|
|
59
62
|
return (React.createElement("div", Object.assign({ className: classNames(tw('border border-dashed border-grey-10 p-3'), className) }, props), children));
|
60
63
|
};
|
61
64
|
DropdownMenu.EmptyStateContainer = EmptyStateContainer;
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
65
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0Ryb3Bkb3duTWVudS9Ecm9wZG93bk1lbnUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUE2QixNQUFNLE9BQU8sQ0FBQztBQUVsRCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBR3BELE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBc0JsQyxNQUFNLENBQUMsTUFBTSxZQUFZLEdBQTBCLEtBQUssQ0FBQyxVQUFVLENBQ2pFLENBQUMsRUFBb0YsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUE3RixFQUFFLFNBQVMsR0FBRyxPQUFPLEVBQUUsUUFBUSxHQUFHLE9BQU8sRUFBRSxRQUFRLEVBQUUsU0FBUyxFQUFFLFFBQVEsT0FBWSxFQUFQLEtBQUssY0FBbEYsOERBQW9GLENBQUY7SUFBWSxPQUFBLENBQzdGLDJDQUNFLEdBQUcsRUFBRSxHQUFHLEVBQ1IsS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsRUFDeEMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxTQUFTLEVBQUUsK0VBQStFLENBQUMsSUFDN0csS0FBSyxHQUVSLFFBQVEsQ0FDTCxDQUNQLENBQUE7Q0FBQSxDQUN1QixDQUFDO0FBRTNCLE1BQU0sZ0JBQWdCLEdBQWEsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUNuRCw2QkFBSyxTQUFTLEVBQUUsRUFBRSxDQUFDLHVDQUF1QyxDQUFDLElBQUcsUUFBUSxDQUFPLENB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
|
@@ -1,10 +1,10 @@
|
|
1
1
|
"use strict";
|
2
2
|
const data = {
|
3
|
-
"body": "<g fill=\"none\" fill-rule=\"evenodd\" stroke=\"currentColor\" stroke-width=\"
|
3
|
+
"body": "<g fill=\"none\" fill-rule=\"evenodd\" stroke=\"currentColor\" stroke-width=\"2\" transform=\"translate(1 1)\"><circle cx=\"18\" cy=\"18\" r=\"18\" stroke-opacity=\".5\"/><path d=\"M36 18c0-9.94-8.06-18-18-18\"><animateTransform attributeName=\"transform\" dur=\"1s\" from=\"0 18 18\" repeatCount=\"indefinite\" to=\"360 18 18\" type=\"rotate\"/></path></g>",
|
4
4
|
"left": 0,
|
5
5
|
"top": 0,
|
6
|
-
"width":
|
7
|
-
"height":
|
6
|
+
"width": 38,
|
7
|
+
"height": 38
|
8
8
|
};
|
9
9
|
exports.__esModule = true;
|
10
10
|
exports.default = data;
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
2
2
|
import omit from 'lodash/omit';
|
3
3
|
import { Button } from '../../../src/molecules/Button/Button';
|
4
4
|
import { Alert as AlertBase } from '../../../src/atoms/Alert/Alert';
|
5
|
-
|
5
|
+
import { isLink } from '../../../src/utils/link';
|
6
6
|
export const Alert = ({ description, type, title, onDismiss, children, action }) => (React.createElement(AlertBase, { className: "Aquarium-Alert", type: type, dense: Boolean(title) },
|
7
7
|
React.createElement(AlertBase.Icon, { type: type, dense: Boolean(title) }),
|
8
8
|
title && React.createElement(AlertBase.Title, null, title),
|
@@ -11,4 +11,4 @@ export const Alert = ({ description, type, title, onDismiss, children, action })
|
|
11
11
|
!isLink(action) && (React.createElement(Button.Ghost, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
|
12
12
|
isLink(action) && (React.createElement(Button.ExternalLink, Object.assign({ dense: true, kind: "ghost" }, omit(action, 'text')), action.text)))),
|
13
13
|
onDismiss && React.createElement(AlertBase.Dismiss, { onClick: onDismiss })));
|
14
|
-
//# sourceMappingURL=data:application/json;base64,
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUVyRCxPQUFPLEVBQUUsS0FBSyxJQUFJLFNBQVMsRUFBa0IsTUFBTSx1QkFBdUIsQ0FBQztBQUUzRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUF5QnhDLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBeUIsQ0FBQyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQ3hHLG9CQUFDLFNBQVMsSUFBQyxTQUFTLEVBQUMsZ0JBQWdCLEVBQUMsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsT0FBTyxDQUFDLEtBQUssQ0FBQztJQUNyRSxvQkFBQyxTQUFTLENBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBSTtJQUNwRCxLQUFLLElBQUksb0JBQUMsU0FBUyxDQUFDLEtBQUssUUFBRSxLQUFLLENBQW1CO0lBQ3BELG9CQUFDLFNBQVMsQ0FBQyxXQUFXLFFBQUUsUUFBUSxJQUFJLFdBQVcsQ0FBeUI7SUFDdkUsTUFBTSxJQUFJLENBQ1Qsb0JBQUMsU0FBUyxDQUFDLE9BQU87UUFDZixDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUNsQixvQkFBQyxNQUFNLENBQUMsS0FBSyxrQkFBQyxLQUFLLFVBQUssSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsR0FDekMsTUFBTSxDQUFDLElBQUksQ0FDQyxDQUNoQjtRQUNBLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUNqQixvQkFBQyxNQUFNLENBQUMsWUFBWSxrQkFBQyxLQUFLLFFBQUMsSUFBSSxFQUFDLE9BQU8sSUFBSyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUM3RCxNQUFNLENBQUMsSUFBSSxDQUNRLENBQ3ZCLENBQ2lCLENBQ3JCO0lBQ0EsU0FBUyxJQUFJLG9CQUFDLFNBQVMsQ0FBQyxPQUFPLElBQUMsT0FBTyxFQUFFLFNBQVMsR0FBSSxDQUM3QyxDQUNiLENBQUMifQ==
|
@@ -24,8 +24,13 @@ export declare type ChipBadgeProps = BadgeProps & {
|
|
24
24
|
*/
|
25
25
|
dense?: boolean;
|
26
26
|
};
|
27
|
+
declare const NotificationBadge: React.FC<{
|
28
|
+
top?: React.CSSProperties['top'];
|
29
|
+
right?: React.CSSProperties['right'];
|
30
|
+
}>;
|
27
31
|
export declare const Badge: React.FC<BadgeProps> & {
|
28
32
|
Skeleton: React.FC;
|
33
|
+
Notification: typeof NotificationBadge;
|
29
34
|
};
|
30
35
|
export declare const TabBadge: React.FC<BadgeProps> & {
|
31
36
|
Skeleton: React.FC;
|
@@ -41,7 +41,14 @@ const createBadge = (type, displayName) => {
|
|
41
41
|
Component.Skeleton.displayName = `${displayName}.Skeleton`;
|
42
42
|
return Component;
|
43
43
|
};
|
44
|
+
const NotificationBadge = ({ children, top = '-2px', right = '-2px', }) => {
|
45
|
+
return (React.createElement("div", { className: tw('relative inline-flex') },
|
46
|
+
children,
|
47
|
+
React.createElement("span", { style: { top, right }, className: tw('absolute rounded-full w-[6px] h-[6px] bg-error-70') })));
|
48
|
+
};
|
44
49
|
export const Badge = createBadge('default', 'Badge');
|
50
|
+
Badge.Notification = NotificationBadge;
|
51
|
+
Badge.Notification.displayName = 'Badge.Notification';
|
45
52
|
export const TabBadge = createBadge('tab', 'TabBadge');
|
46
53
|
export const ChipBadge = createBadge('chip', 'ChipBadge');
|
47
|
-
//# sourceMappingURL=data:application/json;base64,
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFkZ2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0JhZGdlL0JhZGdlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFFL0IsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFpQ2hELE1BQU0sZ0JBQWdCLEdBQUcsQ0FBQyxLQUFrQyxFQUEyQixFQUFFLENBQUMsT0FBTyxJQUFJLEtBQUssQ0FBQztBQUUzRyxNQUFNLFdBQVcsR0FBRyxDQUNsQixJQUFnQyxFQUNoQyxXQUFtQixFQUNuQixFQUFFO0lBQ0YsTUFBTSxTQUFTLEdBQThDLENBQUMsS0FBSyxFQUFFLEVBQUU7O1FBQ3JFLE1BQU0sRUFBRSxJQUFJLEdBQUcsUUFBUSxFQUFFLEtBQUssRUFBRSxhQUFhLEtBQWMsS0FBSyxFQUFkLElBQUksVUFBSyxLQUFLLEVBQTFELGtDQUFrRCxDQUFRLENBQUM7UUFDakUsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2xDLE1BQU0sS0FBSyxHQUFHLGdCQUFnQixDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFBLEtBQUssQ0FBQyxLQUFLLG1DQUFJLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBRXJFLE9BQU8sQ0FDTCw4Q0FDTSxJQUFJLENBQUMsSUFBSSxFQUFFLE9BQU8sQ0FBQyxJQUN2QixTQUFTLEVBQUUsVUFBVSxDQUNuQixFQUFFLENBQUMsMEJBQTBCLEVBQUU7Z0JBQzdCLGNBQWMsRUFBRSxJQUFJLEtBQUssU0FBUyxJQUFJLElBQUksS0FBSyxNQUFNO2dCQUNyRCxTQUFTLEVBQUUsSUFBSSxLQUFLLEtBQUs7Z0JBQ3pCLHVCQUF1QixFQUFFLElBQUksS0FBSyxVQUFVO2dCQUM1QyxZQUFZLEVBQUUsSUFBSSxLQUFLLFFBQVEsSUFBSSxJQUFJLEtBQUssTUFBTTtnQkFDbEQsVUFBVSxFQUFFLElBQUksS0FBSyxNQUFNO2dCQUMzQixpREFBaUQsRUFBRSxDQUFDLEtBQUs7Z0JBQ3pELFlBQVksRUFBRSxLQUFLO2dCQUNuQixNQUFNLEVBQUUsS0FBSyxJQUFJLFFBQVEsQ0FBQyxNQUFNLEdBQUcsQ0FBQztnQkFDcEMsVUFBVSxFQUFFLEtBQUssSUFBSSxRQUFRLENBQUMsTUFBTSxLQUFLLENBQUM7YUFDM0MsQ0FBQyxFQUNGLGdCQUFnQixDQUNqQjtZQUVELDhCQUNFLFNBQVMsRUFBRSxVQUFVLENBQ25CLGFBQWEsRUFDYixFQUFFLENBQUMsY0FBYyxFQUFFO29CQUNqQixZQUFZLEVBQUUsQ0FBQyxhQUFhLElBQUksSUFBSSxLQUFLLFFBQVE7b0JBQ2pELFNBQVMsRUFBRSxJQUFJLEtBQUssUUFBUTtpQkFDN0IsQ0FBQyxDQUNILElBRUEsUUFBUSxDQUNKLENBQ0YsQ0FDUixDQUFDO0lBQ0osQ0FBQyxDQUFDO0lBRUYsU0FBUyxDQUFDLFdBQVcsR0FBRyxXQUFXLENBQUM7SUFDcEMsU0FBUyxDQUFDLFFBQVEsR0FBRyxHQUFHLEVBQUUsQ0FBQyxDQUN6QixvQkFBQyxRQUFRLElBQ1AsTUFBTSxFQUFFLEVBQUUsRUFDVixLQUFLLEVBQUUsRUFBRSxFQUNULE9BQU8sRUFBQyxjQUFjLEVBQ3RCLFNBQVMsRUFBRSxFQUFFLENBQUMsSUFBSSxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxjQUFjLENBQUMsR0FDMUQsQ0FDSCxDQUFDO0lBQ0YsU0FBUyxDQUFDLFFBQVEsQ0FBQyxXQUFXLEdBQUcsR0FBRyxXQUFXLFdBQVcsQ0FBQztJQUMzRCxPQUFPLFNBQVMsQ0FBQztBQUNuQixDQUFDLENBQUM7QUFFRixNQUFNLGlCQUFpQixHQUF5RixDQUFDLEVBQy9HLFFBQVEsRUFDUixHQUFHLEdBQUcsTUFBTSxFQUNaLEtBQUssR0FBRyxNQUFNLEdBQ2YsRUFBRSxFQUFFO0lBQ0gsT0FBTyxDQUNMLDZCQUFLLFNBQVMsRUFBRSxFQUFFLENBQUMsc0JBQXNCLENBQUM7UUFDdkMsUUFBUTtRQUNULDhCQUFNLEtBQUssRUFBRSxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLG1EQUFtRCxDQUFDLEdBQUksQ0FDL0YsQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sS0FBSyxHQUNoQixXQUFXLENBQWEsU0FBUyxFQUFFLE9BQU8sQ0FHekMsQ0FBQztBQUNKLEtBQUssQ0FBQyxZQUFZLEdBQUcsaUJBQWlCLENBQUM7QUFDdkMsS0FBSyxDQUFDLFlBQVksQ0FBQyxXQUFXLEdBQUcsb0JBQW9CLENBQUM7QUFFdEQsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUFHLFdBQVcsQ0FBYSxLQUFLLEVBQUUsVUFBVSxDQUFDLENBQUM7QUFDbkUsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLFdBQVcsQ0FBaUIsTUFBTSxFQUFFLFdBQVcsQ0FBQyxDQUFDIn0=
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { type BannerLayoutType, type BannerVariantType } from '../../../src/atoms/Banner/Banner';
|
3
|
-
import { type ActionType } from '../../../types/ActionType';
|
3
|
+
import { type ActionType, type LinkActionType } from '../../../types/ActionType';
|
4
4
|
declare type ImageBanner = {
|
5
5
|
/**
|
6
6
|
* Optional image src that will be displayed on the right side of banner.
|
@@ -32,8 +32,8 @@ export declare type BannerProps = {
|
|
32
32
|
layout?: BannerLayoutType;
|
33
33
|
/** Banner variant. */
|
34
34
|
variant?: BannerVariantType;
|
35
|
-
/** Optional action for banner. */
|
36
|
-
action?: ActionType;
|
35
|
+
/** Optional action with onClick or href for banner. */
|
36
|
+
action?: ActionType | LinkActionType;
|
37
37
|
/** If `onDismiss()` callback is provided, alert will be rendered with close icon.
|
38
38
|
* Callback will be called, when user clicks the icon.
|
39
39
|
*/
|
@@ -3,6 +3,7 @@ import omit from 'lodash/omit';
|
|
3
3
|
import { Button } from '../../../src/molecules/Button/Button';
|
4
4
|
import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
|
5
5
|
import { Banner as BannerBase } from '../../../src/atoms/Banner/Banner';
|
6
|
+
import { isLink } from '../../../src/utils/link';
|
6
7
|
import { tw } from '../../../src/utils/tailwind';
|
7
8
|
import cross from '../../../src/icons/cross';
|
8
9
|
const BannerImageSkeleton = () => React.createElement(Skeleton, { width: 225, className: tw('h-full') });
|
@@ -16,7 +17,8 @@ const createBanner = (displayName, opts = {}) => {
|
|
16
17
|
React.createElement(BannerBase.Title, { layout: layout, titleVariant: opts.isOneLineBanner ? 'secondary' : 'primary' }, title),
|
17
18
|
React.createElement(BannerBase.Description, { flexGrow: isDismissable ? false : true }, children || description),
|
18
19
|
action && (React.createElement(BannerBase.Actions, { layout: layout },
|
19
|
-
React.createElement(Button.Ghost, Object.assign({ dense: true }, omit(action, 'text')), action.text))
|
20
|
+
!isLink(action) && (React.createElement(Button.Ghost, Object.assign({ dense: true }, omit(action, 'text')), action.text)),
|
21
|
+
isLink(action) && (React.createElement(Button.ExternalLink, Object.assign({ dense: true, kind: "ghost" }, omit(action, 'text')), action.text))))),
|
20
22
|
(props.layout === 'vertical' || props.layout === undefined) && props.image !== undefined && (React.createElement(BannerBase.ImageContainer, null, props.image ? (React.createElement("img", { src: props.image, alt: props.imageAlt, className: tw('bg-cover object-cover', { 'w-full': !props.imageWidth }), style: { width: props.imageWidth, height: props.imageHeight } })) : (React.createElement(BannerImageSkeleton, null)))),
|
21
23
|
isDismissable && (React.createElement(BannerBase.DismissContainer, { layout: layout },
|
22
24
|
React.createElement(Button.Icon, { type: "button", tooltip: "Dismiss", icon: cross, onClick: onDismiss })))));
|
@@ -41,4 +43,4 @@ const OneLineBannerBase = createBanner('OneLineBanner', {
|
|
41
43
|
isOneLineBanner: true,
|
42
44
|
});
|
43
45
|
export const OneLineBanner = OneLineBannerBase;
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFubmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9CYW5uZXIvQmFubmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFM0QsT0FBTyxFQUFFLE1BQU0sSUFBSSxVQUFVLEVBQWlELE1BQU0seUJBQXlCLENBQUM7QUFFOUcsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUd4QyxPQUFPLEtBQUssTUFBTSxpQkFBaUIsQ0FBQztBQW9EcEMsTUFBTSxtQkFBbUIsR0FBYSxHQUFHLEVBQUUsQ0FBQyxvQkFBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLFFBQVEsQ0FBQyxHQUFJLENBQUM7QUFFOUYsTUFBTSxZQUFZLEdBQUcsQ0FBQyxXQUFtQixFQUFFLE9BQXNCLEVBQUUsRUFBRSxFQUFFO0lBQ3JFLE1BQU0sZUFBZSxHQUEwQixDQUFDLEtBQUssRUFBRSxFQUFFO1FBQ3ZELE1BQU0sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLEdBQUcsU0FBUyxFQUFFLFFBQVEsRUFBRSxHQUFHLEtBQUssQ0FBQztRQUMzRyxNQUFNLE1BQU0sR0FBcUIsSUFBSSxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxVQUFVLElBQUksVUFBVSxDQUFDO1FBQ2hHLE1BQU0sYUFBYSxHQUFHLFNB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
|
@@ -1,4 +1,4 @@
|
|
1
|
-
|
1
|
+
import React from 'react';
|
2
2
|
import { type DataListColumn, type DataTableMenuProps, type DataTableRow } from '../../../src/utils/table/types';
|
3
3
|
export declare type DataListProps<C extends DataListColumn<R>, R extends DataTableRow> = {
|
4
4
|
/**
|
@@ -16,4 +16,10 @@ export declare type DataListProps<C extends DataListColumn<R>, R extends DataTab
|
|
16
16
|
*/
|
17
17
|
sticky?: boolean;
|
18
18
|
} & DataTableMenuProps<R>;
|
19
|
-
export declare const DataList:
|
19
|
+
export declare const DataList: {
|
20
|
+
<C extends DataListColumn<R>, R extends DataTableRow>({ columns, rows, sticky, menu, menuLabel, onAction, onMenuOpenChange, }: DataListProps<C, R>): React.JSX.Element;
|
21
|
+
Skeleton: React.FC<{
|
22
|
+
columns?: number | (number | `${number}`)[] | undefined;
|
23
|
+
rows?: number | undefined;
|
24
|
+
}>;
|
25
|
+
};
|
@@ -13,7 +13,8 @@ import { cellProps, columnIsFieldColumn, } from '../../../src/utils/table/types'
|
|
13
13
|
import { useTableSort } from '../../../src/utils/table/useTableSort';
|
14
14
|
import { sortRowsBy } from '../../../src/utils/table/utils';
|
15
15
|
import more from '../../../src/icons/more';
|
16
|
-
|
16
|
+
import { DataListSkeleton } from './DataListSkeleton';
|
17
|
+
export const DataList = ({ columns, rows, sticky, menu, menuLabel = 'Context menu', onAction, onMenuOpenChange, }) => {
|
17
18
|
const [sort, updateSort] = useTableSort();
|
18
19
|
const sortedRows = sortRowsBy(rows, sort);
|
19
20
|
const templateColumns = compact([
|
@@ -29,9 +30,10 @@ export const DataList = ({ columns, rows, sticky, menu, menuLabel = 'Context men
|
|
29
30
|
React.createElement(Button.Secondary, Object.assign({ dense: true }, renameProperty('text', 'children', column.action(row, index, sortedRows)))))) : column.type === 'custom' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)), column.UNSAFE_render(row, index, sortedRows))) : column.type === 'item' ? (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)),
|
30
31
|
React.createElement(Item, Object.assign({}, column.item(row, index, sortedRows))))) : (React.createElement(DataListBase.Cell, Object.assign({}, cellProps(column)), column.formatter ? column.formatter(row[column.field], row, index, sortedRows) : row[column.field])) }),
|
31
32
|
menu && (React.createElement(DataListBase.Cell, { align: "right" },
|
32
|
-
React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action, row, index) },
|
33
|
+
React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action, row, index), onOpenChange: onMenuOpenChange },
|
33
34
|
React.createElement(DropdownMenu.Trigger, null,
|
34
35
|
React.createElement(Button.Icon, { "aria-label": menuLabel, icon: more })),
|
35
36
|
isFunction(menu) ? menu(row, index) : menu))))) })));
|
36
37
|
};
|
37
|
-
|
38
|
+
DataList.Skeleton = DataListSkeleton;
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0RhdGFMaXN0L0RhdGFMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFDckMsT0FBTyxVQUFVLE1BQU0sbUJBQW1CLENBQUM7QUFFM0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQWUsTUFBTSxpQ0FBaUMsQ0FBQztBQUV4RSxPQUFPLEVBQUUsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUNMLFNBQVMsRUFDVCxtQkFBbUIsR0FJcEIsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRW5ELE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBRWxDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBcUJ0RCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsQ0FBc0QsRUFDNUUsT0FBTyxFQUNQLElBQUksRUFDSixNQUFNLEVBQ04sSUFBSSxFQUNKLFNBQVMsR0FBRyxj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
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { type Weight } from '../Template/Template';
|
3
|
+
declare type SkeletonProps = {
|
4
|
+
columns?: Array<Exclude<Weight, 'auto'> | number> | number;
|
5
|
+
rows?: number;
|
6
|
+
};
|
7
|
+
export declare const DataListSkeleton: React.FC<SkeletonProps>;
|
8
|
+
export {};
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import React from 'react';
|
2
|
+
import { List } from '../../../src/molecules/List/List';
|
3
|
+
import { DataList as DataListBase } from '../../../src/atoms/DataList/DataList';
|
4
|
+
import { Skeleton } from '../Skeleton/Skeleton';
|
5
|
+
import { Template } from '../Template/Template';
|
6
|
+
export const DataListSkeleton = ({ columns = ['1', '2', '2', 52], rows = 5 }) => {
|
7
|
+
const columnsAmount = [...Array(typeof columns === 'number' ? columns : columns.length).keys()];
|
8
|
+
return (React.createElement(Template, { columns: columns },
|
9
|
+
columnsAmount.map((_, index) => (React.createElement(DataListBase.HeadCell, { key: index },
|
10
|
+
React.createElement(Skeleton, { width: "100%", height: 17.5 })))),
|
11
|
+
React.createElement(List, { items: [...Array(rows).keys()], renderItem: (item) => (React.createElement(DataListBase.Row, { key: item },
|
12
|
+
React.createElement(List, { items: columnsAmount, renderItem: (key) => (React.createElement(DataListBase.Cell, { key: key },
|
13
|
+
React.createElement(Skeleton, { width: "100%", height: 17.5 }))) }))) })));
|
14
|
+
};
|
15
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3RTa2VsZXRvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRGF0YUxpc3QvRGF0YUxpc3RTa2VsZXRvbi50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUUvQyxPQUFPLEVBQUUsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBRXZFLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNoRCxPQUFPLEVBQUUsUUFBUSxFQUFlLE1BQU0sc0JBQXNCLENBQUM7QUFPN0QsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQTRCLENBQUMsRUFBRSxPQUFPLEdBQUcsQ0FBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLENBQUMsRUFBRSxJQUFJLEdBQUcsQ0FBQyxFQUFFLEVBQUUsRUFBRTtJQUN2RyxNQUFNLGFBQWEsR0FBRyxDQUFDLEdBQUcsS0FBSyxDQUFDLE9BQU8sT0FBTyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDLENBQUMsSUFBSSxFQUFFLENBQUMsQ0FBQztJQUNoRyxPQUFPLENBQ0wsb0JBQUMsUUFBUSxJQUFDLE9BQU8sRUFBRSxPQUFPO1FBQ3ZCLGFBQWEsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUMvQixvQkFBQyxZQUFZLENBQUMsUUFBUSxJQUFDLEdBQUcsRUFBRSxLQUFLO1lBQy9CLG9CQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUMsTUFBTSxFQUFDLE1BQU0sRUFBRSxJQUFJLEdBQUksQ0FDakIsQ0FDekIsQ0FBQztRQUNGLG9CQUFDLElBQUksSUFDSCxLQUFLLEVBQUUsQ0FBQyxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxJQUFJLEVBQUUsQ0FBQyxFQUM5QixVQUFVLEVBQUUsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQ3BCLG9CQUFDLFlBQVksQ0FBQyxHQUFHLElBQUMsR0FBRyxFQUFFLElBQUk7Z0JBQ3pCLG9CQUFDLElBQUksSUFDSCxLQUFLLEVBQUUsYUFBYSxFQUNwQixVQUFVLEVBQUUsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLENBQ25CLG9CQUFDLFlBQVksQ0FBQyxJQUFJLElBQUMsR0FBRyxFQUFFLEdBQUc7d0JBQ3pCLG9CQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUMsTUFBTSxFQUFDLE1BQU0sRUFBRSxJQUFJLEdBQUksQ0FDckIsQ0FDckIsR0FDRCxDQUNlLENBQ3BCLEdBQ0QsQ0FDTyxDQUNaLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
@@ -1,4 +1,4 @@
|
|
1
|
-
|
1
|
+
import React from 'react';
|
2
2
|
import { type TableProps } from '../../../src/molecules/Table/Table';
|
3
3
|
import { type DataTableColumn, type DataTableMenuProps, type DataTableRow } from '../../../src/utils/table/types';
|
4
4
|
export declare type DataTableProps<C extends DataTableColumn<R>, R extends DataTableRow> = {
|
@@ -26,4 +26,10 @@ export declare type DataTableProps<C extends DataTableColumn<R>, R extends DataT
|
|
26
26
|
*/
|
27
27
|
sticky?: boolean;
|
28
28
|
} & Pick<TableProps, 'ariaLabel' | 'onNext' | 'onPrev'> & DataTableMenuProps<R>;
|
29
|
-
export declare const DataTable:
|
29
|
+
export declare const DataTable: {
|
30
|
+
<C extends DataTableColumn<R>, R extends DataTableRow>({ columns, rows, noWrap, layout, sticky, menu, menuLabel, onAction, onMenuOpenChange, ...rest }: DataTableProps<C, R>): React.JSX.Element;
|
31
|
+
Skeleton: React.FC<{
|
32
|
+
columns?: number | (number | `${number}`)[] | undefined;
|
33
|
+
rows?: number | undefined;
|
34
|
+
}>;
|
35
|
+
};
|
@@ -24,8 +24,9 @@ import { useTableSort } from '../../../src/utils/table/useTableSort';
|
|
24
24
|
import { sortRowsBy } from '../../../src/utils/table/utils';
|
25
25
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
26
26
|
import more from '../../../src/icons/more';
|
27
|
+
import { DataListSkeleton } from '../DataList/DataListSkeleton';
|
27
28
|
export const DataTable = (_a) => {
|
28
|
-
var { columns, rows, noWrap = false, layout = 'auto', sticky, menu, menuLabel = 'Context menu', onAction } = _a, rest = __rest(_a, ["columns", "rows", "noWrap", "layout", "sticky", "menu", "menuLabel", "onAction"]);
|
29
|
+
var { columns, rows, noWrap = false, layout = 'auto', sticky, menu, menuLabel = 'Context menu', onAction, onMenuOpenChange } = _a, rest = __rest(_a, ["columns", "rows", "noWrap", "layout", "sticky", "menu", "menuLabel", "onAction", "onMenuOpenChange"]);
|
29
30
|
const [sort, updateSort] = useTableSort();
|
30
31
|
const sortedRows = sortRowsBy(rows, sort);
|
31
32
|
return (React.createElement(Table, Object.assign({}, rest, { className: classNames('Aquarium-DataTable', tw({
|
@@ -46,9 +47,10 @@ export const DataTable = (_a) => {
|
|
46
47
|
? column.formatter(row[column.field], row, index, sortedRows)
|
47
48
|
: row[column.field])) }),
|
48
49
|
menu && (React.createElement(Table.Cell, { align: "right" },
|
49
|
-
React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action, row, index) },
|
50
|
+
React.createElement(DropdownMenu, { onAction: (action) => onAction === null || onAction === void 0 ? void 0 : onAction(action, row, index), onOpenChange: onMenuOpenChange },
|
50
51
|
React.createElement(DropdownMenu.Trigger, null,
|
51
52
|
React.createElement(Button.Icon, { "aria-label": menuLabel, icon: more })),
|
52
53
|
isFunction(menu) ? menu(row, index) : menu))))) }))));
|
53
54
|
};
|
54
|
-
|
55
|
+
DataTable.Skeleton = DataListSkeleton;
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YVRhYmxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9EYXRhVGFibGUvRGF0YVRhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUNyQyxPQUFPLFVBQVUsTUFBTSxtQkFBbUIsQ0FBQztBQUUzQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsS0FBSyxFQUFtQixNQUFNLDJCQUEyQixDQUFDO0FBRW5FLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU3QyxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQztBQUNsRCxPQUFPLEVBQ0wsU0FBUyxFQUNULG1CQUFtQixHQUlwQixNQUFNLHVCQUF1QixDQUFDO0FBQy9CLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDbkQsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQUVsQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQztBQWlDaEUsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFHLENBQXVELEVBV3pELEVBQUUsRUFBRTtRQVhxRCxFQUM5RSxPQUFPLEVBQ1AsSUFBSSxF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
|
@@ -28,6 +28,10 @@ export declare type DropdownMenuItemProps = Pick<ItemProps<unknown>, 'textValue'
|
|
28
28
|
* Optional icon for menu item.
|
29
29
|
*/
|
30
30
|
icon?: Icon;
|
31
|
+
/**
|
32
|
+
* Optionally show the badge notification above icon
|
33
|
+
*/
|
34
|
+
showNotification?: boolean;
|
31
35
|
/**
|
32
36
|
* If false, menu won't be automatically closed when this item has been selected.
|
33
37
|
*/
|
@@ -90,8 +90,8 @@ const MenuWrapper = (_a) => {
|
|
90
90
|
const ItemWrapper = ({ item, state }) => {
|
91
91
|
const ref = React.useRef(null);
|
92
92
|
const { menuItemProps, descriptionProps, isSelected, isFocused, isDisabled } = useMenuItem({ key: item.key, closeOnSelect: item.props.closeOnSelect }, state, ref);
|
93
|
-
const { icon, description, kind = 'default' } = item.props; // Typed as any in "Node" type for some reason.
|
94
|
-
return (React.createElement(Base.Item, Object.assign({ ref: ref }, menuItemProps, { kind: kind, selected: isSelected, highlighted: isFocused, disabled: isDisabled, icon: icon }),
|
93
|
+
const { icon, description, kind = 'default', showNotification = false } = item.props; // Typed as any in "Node" type for some reason.
|
94
|
+
return (React.createElement(Base.Item, Object.assign({ ref: ref }, menuItemProps, { kind: kind, selected: isSelected, highlighted: isFocused, disabled: isDisabled, icon: icon, showNotification: showNotification }),
|
95
95
|
item.rendered,
|
96
96
|
description && (React.createElement(Base.Description, Object.assign({ disabled: isDisabled }, descriptionProps), description))));
|
97
97
|
};
|
@@ -137,4 +137,4 @@ const getDisabledItemKeys = (children) => {
|
|
137
137
|
});
|
138
138
|
return keys.flat().filter((key) => key !== null);
|
139
139
|
};
|
140
|
-
//# sourceMappingURL=data:application/json;base64,
|
140
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25NZW51LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9Ecm9wZG93bk1lbnUvRHJvcGRvd25NZW51LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDN0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxRQUFRLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDeEYsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQzNELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzFELE9BQU8sRUFBa0IsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFZbkUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRXhELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUV0RSxPQUFPLEVBQUUsWUFBWSxJQUFJLElBQUksRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRTNFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLFNBQVMsQ0FBQztBQXlKM0MsTUFBTSxDQUFDLE1BQU0sWUFBWSxHQUtyQixDQUFDLEVBY0osRUFBRSxF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
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import { type AsyncActionType } from '../../../types/ActionType';
|
2
|
+
import { type AsyncActionType, type LinkActionType } from '../../../types/ActionType';
|
3
3
|
export declare enum EmptyStateLayout {
|
4
4
|
CenterVertical = "center-vertical",
|
5
5
|
LeftVertical = "left-vertical",
|
@@ -33,12 +33,14 @@ export declare type EmptyStateProps = {
|
|
33
33
|
description?: string;
|
34
34
|
/**
|
35
35
|
* Provide a primary action referenced in the description.
|
36
|
+
* This can either be a callback function or a link.
|
36
37
|
*/
|
37
|
-
primaryAction?: AsyncActionType;
|
38
|
+
primaryAction?: AsyncActionType | LinkActionType;
|
38
39
|
/**
|
39
40
|
* Provide referencing documentation for future reading if needed.
|
41
|
+
* This can either be a callback function or a link.
|
40
42
|
*/
|
41
|
-
secondaryAction?: AsyncActionType;
|
43
|
+
secondaryAction?: AsyncActionType | LinkActionType;
|
42
44
|
/**
|
43
45
|
* Use Typography component if possible. By default, this is wrapped by typography 'small' size.
|
44
46
|
*/
|
@@ -5,6 +5,7 @@ import { Button } from '../../../src/molecules/Button/Button';
|
|
5
5
|
import { Flexbox } from '../../../src/molecules/Flexbox/Flexbox';
|
6
6
|
import { FlexboxItem } from '../../../src/molecules/Flexbox/FlexboxItem';
|
7
7
|
import { Typography } from '../../../src/molecules/Typography/Typography';
|
8
|
+
import { isLink } from '../../../src/utils/link';
|
8
9
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
9
10
|
export var EmptyStateLayout;
|
10
11
|
(function (EmptyStateLayout) {
|
@@ -66,9 +67,13 @@ export const EmptyState = ({ title, image, imageAlt = '', imageWidth, descriptio
|
|
66
67
|
(description || children) && (React.createElement(Box, { marginTop: "5" },
|
67
68
|
React.createElement(Typography, { variant: "default", color: "grey-60" }, children || description))),
|
68
69
|
(secondaryAction || primaryAction) && (React.createElement(Flexbox, { marginTop: "7", gap: "4", justifyContent: "center", alignItems: "center", wrap: "wrap" },
|
69
|
-
primaryAction && React.createElement(
|
70
|
-
|
70
|
+
primaryAction && (React.createElement(React.Fragment, null,
|
71
|
+
!isLink(primaryAction) && (React.createElement(Button.Primary, Object.assign({}, omit(primaryAction, 'text')), primaryAction.text)),
|
72
|
+
isLink(primaryAction) && (React.createElement(Button.ExternalLink, Object.assign({ kind: "primary" }, omit(primaryAction, 'text')), primaryAction.text)))),
|
73
|
+
secondaryAction && (React.createElement(React.Fragment, null,
|
74
|
+
!isLink(secondaryAction) && (React.createElement(Button.Secondary, Object.assign({}, omit(secondaryAction, 'text')), secondaryAction.text)),
|
75
|
+
isLink(secondaryAction) && (React.createElement(Button.ExternalLink, Object.assign({ kind: "secondary" }, omit(secondaryAction, 'text')), secondaryAction.text)))))),
|
71
76
|
footer && (React.createElement(Box, { marginTop: "7" },
|
72
77
|
React.createElement(Typography, { htmlTag: "div", variant: "small", color: "grey-60" }, footer)))))));
|
73
78
|
};
|
74
|
-
//# sourceMappingURL=data:application/json;base64,
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRW1wdHlTdGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvRW1wdHlTdGF0ZS9FbXB0eVN0YXRlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFHcEQsTUFBTSxDQUFOLElBQVksZ0JBS1g7QUFMRCxXQUFZLGdCQUFnQjtJQUMxQixzREFBa0MsQ0FBQTtJQUNsQyxrREFBOEIsQ0FBQTtJQUM5QiwwREFBc0MsQ0FBQTtJQUN0QyxzREFBa0MsQ0FBQTtBQUNwQyxDQUFDLEVBTFcsZ0JBQWdCLEtBQWhCLGdCQUFnQixRQUszQjtBQW9FRCxNQUFNLFdBQVcsR0FBRyxDQUFDLE1BQXdCLEVBQW9CLEVBQUU7SUFDakUsUUFBUSxNQUFNLEVBQUU7UUFDZCxLQUFLLGdCQUFnQixDQUFDLFlBQVk7WUFDaEMsT0FBTztnQkFDTCxNQUFNLEVBQUUsUUFBUTtnQkFDaEIsY0FBYyxFQUFFLFlBQVk7Z0JBQzVCLFVBQVUsRUFBRSxZQUFZO2FBQ3pCLENBQUM7UUFDSixLQUFLLGdCQUFnQixDQUFDLGNBQWM7WUFDbEMsT0FBTztnQkFDTCxNQUFNLEVB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
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
import {
|
2
|
+
import { Box } from '../../../src/molecules/Box/Box';
|
3
3
|
import { Typography } from '../../../src/molecules/Typography/Typography';
|
4
4
|
export const ListItem = ({ name, icon, active = false }) => {
|
5
|
-
return (React.createElement(
|
5
|
+
return (React.createElement(Box.Flex, { className: "Aquarium-ListItem", alignItems: 'center' },
|
6
6
|
React.createElement(Typography, { variant: active ? 'small-strong' : 'small', color: 'grey-70', htmlTag: 'span', className: `px-4 py-2 rounded-full ${active ? 'bg-grey-5' : 'hover:bg-grey-0'}` },
|
7
7
|
React.createElement("img", { src: icon, alt: name, className: 'inline mr-4', height: 28, width: 28 }),
|
8
8
|
name)));
|
9
9
|
};
|
10
|
-
//# sourceMappingURL=data:application/json;base64,
|
10
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0xpc3RJdGVtL0xpc3RJdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQVFqRSxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQTBDLENBQUMsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sR0FBRyxLQUFLLEVBQUUsRUFBRSxFQUFFO0lBQ2hHLE9BQU8sQ0FDTCxvQkFBQyxHQUFHLENBQUMsSUFBSSxJQUFDLFNBQVMsRUFBQyxtQkFBbUIsRUFBQyxVQUFVLEVBQUUsUUFBUTtRQUMxRCxvQkFBQyxVQUFVLElBQ1QsT0FBTyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUMsY0FBYyxDQUFDLENBQUMsQ0FBQyxPQUFPLEVBQzFDLEtBQUssRUFBRSxTQUFTLEVBQ2hCLE9BQU8sRUFBRSxNQUFNLEVBQ2YsU0FBUyxFQUFFLDBCQUEwQixNQUFNLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLEVBQUU7WUFFL0UsNkJBQUssR0FBRyxFQUFFLElBQUksRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsTUFBTSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsRUFBRSxHQUFJO1lBQzdFLElBQUksQ0FDTSxDQUNKLENBQ1osQ0FBQztBQUNKLENBQUMsQ0FBQyJ9
|
@@ -3,7 +3,7 @@ import { type IconProps } from '../../../src/molecules/Icon/Icon';
|
|
3
3
|
import { Navigation as NavigationBase } from '../../../src/atoms/Navigation/Navigation';
|
4
4
|
export declare const Navigation: {
|
5
5
|
({ className, ...props }: React.ComponentProps<typeof NavigationBase>): React.JSX.Element;
|
6
|
-
Item: ({ children, icon, ...rest }: React.ComponentProps<typeof NavigationBase.Item> & ItemProps) => React.JSX.Element;
|
6
|
+
Item: ({ children, icon, showNotification, ...rest }: React.ComponentProps<typeof NavigationBase.Item> & ItemProps) => React.JSX.Element;
|
7
7
|
Divider: React.FC<React.HTMLProps<HTMLLIElement>>;
|
8
8
|
Footer: React.FC<React.HTMLProps<HTMLLIElement>>;
|
9
9
|
Header: React.FC<React.HTMLProps<HTMLLIElement>>;
|
@@ -16,6 +16,10 @@ declare type ItemProps = {
|
|
16
16
|
* Optional icon for item. If provided, it will be displayed on the left side of the text.
|
17
17
|
*/
|
18
18
|
icon?: IconProps['icon'];
|
19
|
+
/**
|
20
|
+
* Optionally show the badge notification above icon
|
21
|
+
*/
|
22
|
+
showNotification?: boolean;
|
19
23
|
};
|
20
|
-
declare const Item: ({ children, icon, ...rest }: React.ComponentProps<typeof NavigationBase.Item> & ItemProps) => React.JSX.Element;
|
24
|
+
declare const Item: ({ children, icon, showNotification, ...rest }: React.ComponentProps<typeof NavigationBase.Item> & ItemProps) => React.JSX.Element;
|
21
25
|
export {};
|
@@ -11,6 +11,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
13
|
import classNames from 'classnames';
|
14
|
+
import { Badge } from '../../../src/molecules/Badge/Badge';
|
14
15
|
import { InlineIcon } from '../../../src/molecules/Icon/Icon';
|
15
16
|
import { Navigation as NavigationBase } from '../../../src/atoms/Navigation/Navigation';
|
16
17
|
export const Navigation = (_a) => {
|
@@ -18,9 +19,11 @@ export const Navigation = (_a) => {
|
|
18
19
|
return (React.createElement(NavigationBase, Object.assign({ className: classNames('Aquarium-Navigation', className) }, props)));
|
19
20
|
};
|
20
21
|
const Item = (_a) => {
|
21
|
-
var { children, icon } = _a, rest = __rest(_a, ["children", "icon"]);
|
22
|
+
var { children, icon, showNotification = false } = _a, rest = __rest(_a, ["children", "icon", "showNotification"]);
|
22
23
|
return (React.createElement(NavigationBase.Item, Object.assign({}, rest),
|
23
|
-
icon && React.createElement(
|
24
|
+
icon && showNotification && (React.createElement(Badge.Notification, null,
|
25
|
+
React.createElement(InlineIcon, { icon: icon, width: "20px", height: "20px" }))),
|
26
|
+
icon && !showNotification && React.createElement(InlineIcon, { icon: icon, width: "20px", height: "20px" }),
|
24
27
|
children));
|
25
28
|
};
|
26
29
|
Navigation.Item = Item;
|
@@ -28,4 +31,4 @@ Navigation.Divider = NavigationBase.Divider;
|
|
28
31
|
Navigation.Footer = NavigationBase.Footer;
|
29
32
|
Navigation.Header = NavigationBase.Header;
|
30
33
|
Navigation.Section = NavigationBase.Section;
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvTmF2aWdhdGlvbi9OYXZpZ2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFVBQVUsTUFBTSxZQUFZLENBQUM7QUFFcEMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xELE9BQU8sRUFBa0IsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFFckUsT0FBTyxFQUFFLFVBQVUsSUFBSSxjQUFjLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUUvRSxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQUcsQ0FBQyxFQUFvRSxFQUFFLEVBQUU7UUFBeEUsRUFBRSxTQUFTLE9BQXlELEVBQXBELEtBQUssY0FBckIsYUFBdUIsQ0FBRjtJQUFvRCxPQUFBLENBQ2xHLG9CQUFDLGNBQWMsa0JBQUMsU0FBUyxFQUFFLFVBQVUsQ0FBQyxxQkFBcUIsRUFBRSxTQUFTLENBQUMsSUFBTSxLQUFLLEVBQUksQ0FDdkYsQ0FBQTtDQUFBLENBQUM7QUFjRixNQUFNLElBQUksR0FBRyxDQUFDLEVBS2lELEVBQUUsRUFBRTtRQUxyRCxFQUNaLFFBQVEsRUFDUixJQUFJLEVBQ0osZ0JBQWdCLEdBQUcsS0FBSyxPQUVxQyxFQUQxRCxJQUFJLGNBSkssd0NBS2IsQ0FEUTtJQUMyRCxPQUFBLENBQ2xFLG9CQUFDLGNBQWMsQ0FBQyxJQUFJLG9CQUFLLElBQUk7UUFDMUIsSUFBSSxJQUFJLGdCQUFnQixJQUFJLENBQzNCLG9CQUFDLEtBQUssQ0FBQyxZQUFZO1lBQ2pCLG9CQUFDLFVBQVUsSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBQyxNQUFNLEVBQUMsTUFBTSxFQUFDLE1BQU0sR0FBRyxDQUNsQyxDQUN0QjtRQUNBLElBQUksSUFBSSxDQUFDLGdCQUFnQixJQUFJLG9CQUFDLFVBQVUsSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBQyxNQUFNLEVBQUMsTUFBTSxFQUFDLE1BQU0sR0FBRztRQUNsRixRQUFRLENBQ1csQ0FDdkIsQ0FBQTtDQUFBLENBQUM7QUFFRixVQUFVLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztBQUN2QixVQUFVLENBQUMsT0FBTyxHQUFHLGNBQWMsQ0FBQyxPQUFPLENBQUM7QUFDNUMsVUFBVSxDQUFDLE1BQU0sR0FBRyxjQUFjLENBQUMsTUFBTSxDQUFDO0FBQzFDLFVBQVUsQ0FBQyxNQUFNLEdBQUcsY0FBYyxDQUFDLE1BQU0sQ0FBQztBQUMxQyxVQUFVLENBQUMsT0FBTyxHQUFHLGNBQWMsQ0FBQyxPQUFPLENBQUMifQ==
|