@aivenio/aquarium 1.23.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 +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +245 -146
- package/dist/atoms.mjs +245 -146
- 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/Badge/Badge.d.ts +5 -0
- package/dist/src/molecules/Badge/Badge.js +8 -1
- package/dist/src/molecules/DropdownMenu/DropdownMenu.d.ts +4 -0
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +3 -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/Toast/Toast.d.ts +7 -1
- package/dist/src/molecules/Toast/Toast.js +2 -2
- package/dist/system.cjs +43 -10
- package/dist/system.mjs +42 -10
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/ActionType.d.ts +1 -0
- 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;
|
|
@@ -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=
|
|
@@ -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,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==
|
|
@@ -1,4 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { type DispatchableToast } from './types';
|
|
2
|
+
import { type DispatchableToast, type Toast as ToastType, type ToastId } from './types';
|
|
3
3
|
export declare const useToast: () => (toast: DispatchableToast) => void;
|
|
4
4
|
export declare const ToastProvider: React.FC;
|
|
5
|
+
declare type ToastProps = {
|
|
6
|
+
toast: ToastType;
|
|
7
|
+
onDismiss: (toastId: ToastId) => void;
|
|
8
|
+
};
|
|
9
|
+
export declare const ToastComponent: ({ toast, onDismiss }: ToastProps) => React.JSX.Element;
|
|
10
|
+
export {};
|
|
@@ -54,7 +54,7 @@ export const ToastProvider = ({ children }) => {
|
|
|
54
54
|
};
|
|
55
55
|
const isCentered = (position) => position === 'top' || position === 'bottom';
|
|
56
56
|
const PADDING = 20;
|
|
57
|
-
const ToastComponent = ({ toast, onDismiss }) => {
|
|
57
|
+
export const ToastComponent = ({ toast, onDismiss }) => {
|
|
58
58
|
const { id, message, variant, duration } = toast;
|
|
59
59
|
useEffect(() => {
|
|
60
60
|
let timer;
|
|
@@ -102,4 +102,4 @@ const ToastConsumer = () => {
|
|
|
102
102
|
React.createElement(Transition, null, (_a = toastsByPosition[position]) === null || _a === void 0 ? void 0 : _a.map((toast) => (React.createElement(ToastComponent, { key: toast.id, toast: toast, onDismiss: onDismiss }))))));
|
|
103
103
|
})));
|
|
104
104
|
};
|
|
105
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
105
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9hc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1RvYXN0L1RvYXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFpQixVQUFVLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQztBQUMvRixPQUFPLE9BQU8sTUFBTSxnQkFBZ0IsQ0FBQztBQUVyQyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ3hELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQztBQUVqRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFFOUMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUVsQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sU0FBUyxDQUFDO0FBQ2hDLE9BQU8sRUFFTCxXQUFXLEdBTVosTUFBTSxTQUFTLENBQUM7QUFFakIsTUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFvQyxJQUFJLENBQUMsQ0FBQztBQUU1RSxNQUFNLGVBQWUsR0FBRyxHQUFHLEVBQUU7SUFDM0IsTUFBTSxPQUFPLEdBQUcsVUFBVSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ3pDLElBQUksT0FBTyxLQUFLLElBQUksRUFBRTtRQUNwQixNQUFNLElBQUksS0FBSyxDQUFDLDRDQUE0QyxDQUFDLENBQUM7S0FDL0Q7SUFDRCxPQUFPLE9BQU8sQ0FBQztBQUNqQixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsR0FBRyxFQUFFO0lBQzNCLE1BQU0sQ0FBQyxDQUFDLEVBQUUsUUFBUSxDQUFDLEdBQUcsZUFBZSxFQUFFLENBQUM7SUFDeEMsT0FBTyxDQUFDLEtB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
|
package/dist/system.cjs
CHANGED
|
@@ -3565,11 +3565,11 @@ var require_loading = __commonJS({
|
|
|
3565
3565
|
"src/icons/loading.js"(exports) {
|
|
3566
3566
|
"use strict";
|
|
3567
3567
|
var data = {
|
|
3568
|
-
"body": '<g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="
|
|
3568
|
+
"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>',
|
|
3569
3569
|
"left": 0,
|
|
3570
3570
|
"top": 0,
|
|
3571
|
-
"width":
|
|
3572
|
-
"height":
|
|
3571
|
+
"width": 38,
|
|
3572
|
+
"height": 38
|
|
3573
3573
|
};
|
|
3574
3574
|
exports.__esModule = true;
|
|
3575
3575
|
exports.default = data;
|
|
@@ -5059,6 +5059,7 @@ __export(system_exports, {
|
|
|
5059
5059
|
Textarea: () => Textarea,
|
|
5060
5060
|
TextareaBase: () => TextareaBase,
|
|
5061
5061
|
Timeline: () => Timeline2,
|
|
5062
|
+
ToastComponent: () => ToastComponent,
|
|
5062
5063
|
ToastProvider: () => ToastProvider,
|
|
5063
5064
|
Tooltip: () => Tooltip,
|
|
5064
5065
|
Typography: () => Typography2,
|
|
@@ -5199,6 +5200,7 @@ __export(molecules_exports, {
|
|
|
5199
5200
|
Textarea: () => Textarea,
|
|
5200
5201
|
TextareaBase: () => TextareaBase,
|
|
5201
5202
|
Timeline: () => Timeline2,
|
|
5203
|
+
ToastComponent: () => ToastComponent,
|
|
5202
5204
|
ToastProvider: () => ToastProvider,
|
|
5203
5205
|
Tooltip: () => Tooltip,
|
|
5204
5206
|
Typography: () => Typography2,
|
|
@@ -7623,7 +7625,21 @@ var createBadge = (type, displayName) => {
|
|
|
7623
7625
|
Component.Skeleton.displayName = `${displayName}.Skeleton`;
|
|
7624
7626
|
return Component;
|
|
7625
7627
|
};
|
|
7628
|
+
var NotificationBadge = ({
|
|
7629
|
+
children,
|
|
7630
|
+
top = "-2px",
|
|
7631
|
+
right = "-2px"
|
|
7632
|
+
}) => {
|
|
7633
|
+
return /* @__PURE__ */ import_react25.default.createElement("div", {
|
|
7634
|
+
className: tw("relative inline-flex")
|
|
7635
|
+
}, children, /* @__PURE__ */ import_react25.default.createElement("span", {
|
|
7636
|
+
style: { top, right },
|
|
7637
|
+
className: tw("absolute rounded-full w-[6px] h-[6px] bg-error-70")
|
|
7638
|
+
}));
|
|
7639
|
+
};
|
|
7626
7640
|
var Badge = createBadge("default", "Badge");
|
|
7641
|
+
Badge.Notification = NotificationBadge;
|
|
7642
|
+
Badge.Notification.displayName = "Badge.Notification";
|
|
7627
7643
|
var TabBadge = createBadge("tab", "TabBadge");
|
|
7628
7644
|
var ChipBadge = createBadge("chip", "ChipBadge");
|
|
7629
7645
|
|
|
@@ -9476,7 +9492,7 @@ var Group2 = import_react55.default.forwardRef(
|
|
|
9476
9492
|
DropdownMenu.Group = Group2;
|
|
9477
9493
|
var Item2 = import_react55.default.forwardRef(
|
|
9478
9494
|
(_a, ref) => {
|
|
9479
|
-
var _b = _a, { kind, highlighted, selected, className, icon, children } = _b, props = __objRest(_b, ["kind", "highlighted", "selected", "className", "icon", "children"]);
|
|
9495
|
+
var _b = _a, { kind, highlighted, selected, className, icon, showNotification = false, children } = _b, props = __objRest(_b, ["kind", "highlighted", "selected", "className", "icon", "showNotification", "children"]);
|
|
9480
9496
|
return /* @__PURE__ */ import_react55.default.createElement("li", __spreadValues({
|
|
9481
9497
|
ref,
|
|
9482
9498
|
className: classNames(className, "flex items-center gap-x-3 p-3 outline-none", {
|
|
@@ -9485,7 +9501,9 @@ var Item2 = import_react55.default.forwardRef(
|
|
|
9485
9501
|
"text-primary-80": kind === "action",
|
|
9486
9502
|
"text-grey-20 cursor-not-allowed": props.disabled
|
|
9487
9503
|
})
|
|
9488
|
-
}, props), icon && /* @__PURE__ */ import_react55.default.createElement(InlineIcon, {
|
|
9504
|
+
}, props), icon && showNotification && /* @__PURE__ */ import_react55.default.createElement(Badge.Notification, null, /* @__PURE__ */ import_react55.default.createElement(InlineIcon, {
|
|
9505
|
+
icon
|
|
9506
|
+
})), icon && !showNotification && /* @__PURE__ */ import_react55.default.createElement(InlineIcon, {
|
|
9489
9507
|
icon
|
|
9490
9508
|
}), /* @__PURE__ */ import_react55.default.createElement("span", {
|
|
9491
9509
|
className: tw("grow")
|
|
@@ -9676,7 +9694,7 @@ var ItemWrapper = ({ item, state }) => {
|
|
|
9676
9694
|
state,
|
|
9677
9695
|
ref
|
|
9678
9696
|
);
|
|
9679
|
-
const { icon, description, kind = "default" } = item.props;
|
|
9697
|
+
const { icon, description, kind = "default", showNotification = false } = item.props;
|
|
9680
9698
|
return /* @__PURE__ */ import_react56.default.createElement(DropdownMenu.Item, __spreadProps(__spreadValues({
|
|
9681
9699
|
ref
|
|
9682
9700
|
}, menuItemProps), {
|
|
@@ -9684,7 +9702,8 @@ var ItemWrapper = ({ item, state }) => {
|
|
|
9684
9702
|
selected: isSelected,
|
|
9685
9703
|
highlighted: isFocused,
|
|
9686
9704
|
disabled: isDisabled,
|
|
9687
|
-
icon
|
|
9705
|
+
icon,
|
|
9706
|
+
showNotification
|
|
9688
9707
|
}), item.rendered, description && /* @__PURE__ */ import_react56.default.createElement(DropdownMenu.Description, __spreadValues({
|
|
9689
9708
|
disabled: isDisabled
|
|
9690
9709
|
}, descriptionProps), description));
|
|
@@ -10952,7 +10971,8 @@ var Link2 = (_a) => {
|
|
|
10952
10971
|
// src/molecules/ListItem/ListItem.tsx
|
|
10953
10972
|
var import_react81 = __toESM(require("react"));
|
|
10954
10973
|
var ListItem = ({ name, icon, active = false }) => {
|
|
10955
|
-
return /* @__PURE__ */ import_react81.default.createElement(
|
|
10974
|
+
return /* @__PURE__ */ import_react81.default.createElement(Box.Flex, {
|
|
10975
|
+
className: "Aquarium-ListItem",
|
|
10956
10976
|
alignItems: "center"
|
|
10957
10977
|
}, /* @__PURE__ */ import_react81.default.createElement(Typography2, {
|
|
10958
10978
|
variant: active ? "small-strong" : "small",
|
|
@@ -12029,8 +12049,20 @@ var Navigation2 = (_a) => {
|
|
|
12029
12049
|
}, props));
|
|
12030
12050
|
};
|
|
12031
12051
|
var Item6 = (_a) => {
|
|
12032
|
-
var _b = _a, {
|
|
12033
|
-
|
|
12052
|
+
var _b = _a, {
|
|
12053
|
+
children,
|
|
12054
|
+
icon,
|
|
12055
|
+
showNotification = false
|
|
12056
|
+
} = _b, rest = __objRest(_b, [
|
|
12057
|
+
"children",
|
|
12058
|
+
"icon",
|
|
12059
|
+
"showNotification"
|
|
12060
|
+
]);
|
|
12061
|
+
return /* @__PURE__ */ import_react89.default.createElement(Navigation.Item, __spreadValues({}, rest), icon && showNotification && /* @__PURE__ */ import_react89.default.createElement(Badge.Notification, null, /* @__PURE__ */ import_react89.default.createElement(InlineIcon, {
|
|
12062
|
+
icon,
|
|
12063
|
+
width: "20px",
|
|
12064
|
+
height: "20px"
|
|
12065
|
+
})), icon && !showNotification && /* @__PURE__ */ import_react89.default.createElement(InlineIcon, {
|
|
12034
12066
|
icon,
|
|
12035
12067
|
width: "20px",
|
|
12036
12068
|
height: "20px"
|
|
@@ -13635,6 +13667,7 @@ var system_default = __spreadProps(__spreadValues({}, molecules_exports), {
|
|
|
13635
13667
|
Textarea,
|
|
13636
13668
|
TextareaBase,
|
|
13637
13669
|
Timeline,
|
|
13670
|
+
ToastComponent,
|
|
13638
13671
|
ToastProvider,
|
|
13639
13672
|
Tooltip,
|
|
13640
13673
|
Typography,
|
package/dist/system.mjs
CHANGED
|
@@ -3563,11 +3563,11 @@ var require_loading = __commonJS({
|
|
|
3563
3563
|
"src/icons/loading.js"(exports) {
|
|
3564
3564
|
"use strict";
|
|
3565
3565
|
var data = {
|
|
3566
|
-
"body": '<g fill="none" fill-rule="evenodd" stroke="currentColor" stroke-width="
|
|
3566
|
+
"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>',
|
|
3567
3567
|
"left": 0,
|
|
3568
3568
|
"top": 0,
|
|
3569
|
-
"width":
|
|
3570
|
-
"height":
|
|
3569
|
+
"width": 38,
|
|
3570
|
+
"height": 38
|
|
3571
3571
|
};
|
|
3572
3572
|
exports.__esModule = true;
|
|
3573
3573
|
exports.default = data;
|
|
@@ -5054,6 +5054,7 @@ __export(molecules_exports, {
|
|
|
5054
5054
|
Textarea: () => Textarea,
|
|
5055
5055
|
TextareaBase: () => TextareaBase,
|
|
5056
5056
|
Timeline: () => Timeline2,
|
|
5057
|
+
ToastComponent: () => ToastComponent,
|
|
5057
5058
|
ToastProvider: () => ToastProvider,
|
|
5058
5059
|
Tooltip: () => Tooltip,
|
|
5059
5060
|
Typography: () => Typography2,
|
|
@@ -7481,7 +7482,21 @@ var createBadge = (type, displayName) => {
|
|
|
7481
7482
|
Component.Skeleton.displayName = `${displayName}.Skeleton`;
|
|
7482
7483
|
return Component;
|
|
7483
7484
|
};
|
|
7485
|
+
var NotificationBadge = ({
|
|
7486
|
+
children,
|
|
7487
|
+
top = "-2px",
|
|
7488
|
+
right = "-2px"
|
|
7489
|
+
}) => {
|
|
7490
|
+
return /* @__PURE__ */ React21.createElement("div", {
|
|
7491
|
+
className: tw("relative inline-flex")
|
|
7492
|
+
}, children, /* @__PURE__ */ React21.createElement("span", {
|
|
7493
|
+
style: { top, right },
|
|
7494
|
+
className: tw("absolute rounded-full w-[6px] h-[6px] bg-error-70")
|
|
7495
|
+
}));
|
|
7496
|
+
};
|
|
7484
7497
|
var Badge = createBadge("default", "Badge");
|
|
7498
|
+
Badge.Notification = NotificationBadge;
|
|
7499
|
+
Badge.Notification.displayName = "Badge.Notification";
|
|
7485
7500
|
var TabBadge = createBadge("tab", "TabBadge");
|
|
7486
7501
|
var ChipBadge = createBadge("chip", "ChipBadge");
|
|
7487
7502
|
|
|
@@ -9334,7 +9349,7 @@ var Group2 = React50.forwardRef(
|
|
|
9334
9349
|
DropdownMenu.Group = Group2;
|
|
9335
9350
|
var Item2 = React50.forwardRef(
|
|
9336
9351
|
(_a, ref) => {
|
|
9337
|
-
var _b = _a, { kind, highlighted, selected, className, icon, children } = _b, props = __objRest(_b, ["kind", "highlighted", "selected", "className", "icon", "children"]);
|
|
9352
|
+
var _b = _a, { kind, highlighted, selected, className, icon, showNotification = false, children } = _b, props = __objRest(_b, ["kind", "highlighted", "selected", "className", "icon", "showNotification", "children"]);
|
|
9338
9353
|
return /* @__PURE__ */ React50.createElement("li", __spreadValues({
|
|
9339
9354
|
ref,
|
|
9340
9355
|
className: classNames(className, "flex items-center gap-x-3 p-3 outline-none", {
|
|
@@ -9343,7 +9358,9 @@ var Item2 = React50.forwardRef(
|
|
|
9343
9358
|
"text-primary-80": kind === "action",
|
|
9344
9359
|
"text-grey-20 cursor-not-allowed": props.disabled
|
|
9345
9360
|
})
|
|
9346
|
-
}, props), icon && /* @__PURE__ */ React50.createElement(InlineIcon, {
|
|
9361
|
+
}, props), icon && showNotification && /* @__PURE__ */ React50.createElement(Badge.Notification, null, /* @__PURE__ */ React50.createElement(InlineIcon, {
|
|
9362
|
+
icon
|
|
9363
|
+
})), icon && !showNotification && /* @__PURE__ */ React50.createElement(InlineIcon, {
|
|
9347
9364
|
icon
|
|
9348
9365
|
}), /* @__PURE__ */ React50.createElement("span", {
|
|
9349
9366
|
className: tw("grow")
|
|
@@ -9534,7 +9551,7 @@ var ItemWrapper = ({ item, state }) => {
|
|
|
9534
9551
|
state,
|
|
9535
9552
|
ref
|
|
9536
9553
|
);
|
|
9537
|
-
const { icon, description, kind = "default" } = item.props;
|
|
9554
|
+
const { icon, description, kind = "default", showNotification = false } = item.props;
|
|
9538
9555
|
return /* @__PURE__ */ React51.createElement(DropdownMenu.Item, __spreadProps(__spreadValues({
|
|
9539
9556
|
ref
|
|
9540
9557
|
}, menuItemProps), {
|
|
@@ -9542,7 +9559,8 @@ var ItemWrapper = ({ item, state }) => {
|
|
|
9542
9559
|
selected: isSelected,
|
|
9543
9560
|
highlighted: isFocused,
|
|
9544
9561
|
disabled: isDisabled,
|
|
9545
|
-
icon
|
|
9562
|
+
icon,
|
|
9563
|
+
showNotification
|
|
9546
9564
|
}), item.rendered, description && /* @__PURE__ */ React51.createElement(DropdownMenu.Description, __spreadValues({
|
|
9547
9565
|
disabled: isDisabled
|
|
9548
9566
|
}, descriptionProps), description));
|
|
@@ -10810,7 +10828,8 @@ var Link2 = (_a) => {
|
|
|
10810
10828
|
// src/molecules/ListItem/ListItem.tsx
|
|
10811
10829
|
import React75 from "react";
|
|
10812
10830
|
var ListItem = ({ name, icon, active = false }) => {
|
|
10813
|
-
return /* @__PURE__ */ React75.createElement(
|
|
10831
|
+
return /* @__PURE__ */ React75.createElement(Box.Flex, {
|
|
10832
|
+
className: "Aquarium-ListItem",
|
|
10814
10833
|
alignItems: "center"
|
|
10815
10834
|
}, /* @__PURE__ */ React75.createElement(Typography2, {
|
|
10816
10835
|
variant: active ? "small-strong" : "small",
|
|
@@ -11887,8 +11906,20 @@ var Navigation2 = (_a) => {
|
|
|
11887
11906
|
}, props));
|
|
11888
11907
|
};
|
|
11889
11908
|
var Item6 = (_a) => {
|
|
11890
|
-
var _b = _a, {
|
|
11891
|
-
|
|
11909
|
+
var _b = _a, {
|
|
11910
|
+
children,
|
|
11911
|
+
icon,
|
|
11912
|
+
showNotification = false
|
|
11913
|
+
} = _b, rest = __objRest(_b, [
|
|
11914
|
+
"children",
|
|
11915
|
+
"icon",
|
|
11916
|
+
"showNotification"
|
|
11917
|
+
]);
|
|
11918
|
+
return /* @__PURE__ */ React83.createElement(Navigation.Item, __spreadValues({}, rest), icon && showNotification && /* @__PURE__ */ React83.createElement(Badge.Notification, null, /* @__PURE__ */ React83.createElement(InlineIcon, {
|
|
11919
|
+
icon,
|
|
11920
|
+
width: "20px",
|
|
11921
|
+
height: "20px"
|
|
11922
|
+
})), icon && !showNotification && /* @__PURE__ */ React83.createElement(InlineIcon, {
|
|
11892
11923
|
icon,
|
|
11893
11924
|
width: "20px",
|
|
11894
11925
|
height: "20px"
|
|
@@ -13493,6 +13524,7 @@ export {
|
|
|
13493
13524
|
Textarea,
|
|
13494
13525
|
TextareaBase,
|
|
13495
13526
|
Timeline2 as Timeline,
|
|
13527
|
+
ToastComponent,
|
|
13496
13528
|
ToastProvider,
|
|
13497
13529
|
Tooltip,
|
|
13498
13530
|
Typography2 as Typography,
|