@aivenio/aquarium 1.22.0-rc1 → 1.23.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 +14 -14
- package/dist/_variables_timescale.scss +2 -2
- package/dist/atoms.cjs +54 -51
- package/dist/atoms.mjs +54 -51
- package/dist/src/atoms/Alert/Alert.js +2 -2
- package/dist/src/atoms/Banner/Banner.js +3 -3
- package/dist/src/atoms/Checkbox/Checkbox.js +6 -6
- package/dist/src/atoms/RadioButton/RadioButton.js +4 -4
- package/dist/src/atoms/Switch/Switch.js +3 -3
- package/dist/src/molecules/Alert/Alert.js +2 -2
- package/dist/src/molecules/Banner/Banner.d.ts +3 -3
- package/dist/src/molecules/Banner/Banner.js +5 -3
- package/dist/src/molecules/Breadcrumbs/Breadcrumbs.js +2 -2
- package/dist/src/molecules/Button/Button.js +6 -7
- 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/EmptyState/EmptyState.d.ts +5 -3
- package/dist/src/molecules/EmptyState/EmptyState.js +8 -3
- package/dist/src/molecules/Link/Link.js +1 -1
- package/dist/src/molecules/Navigation/Navigation.js +2 -2
- 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/Tabs/Tabs.js +3 -3
- package/dist/src/utils/ContrastRatio.d.ts +11 -0
- package/dist/src/utils/ContrastRatio.js +54 -0
- package/dist/src/utils/constants.js +3 -3
- 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 +133 -156
- package/dist/styles_timescaledb.css +112 -135
- package/dist/system.cjs +592 -533
- package/dist/system.mjs +552 -493
- package/dist/tailwind.config.js +0 -3
- package/dist/tailwind.theme.json +14 -14
- package/dist/tokens.json +16 -14
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +4 -4
|
@@ -15,11 +15,11 @@ export const Switch = React.forwardRef((_a, ref) => {
|
|
|
15
15
|
var { id, children, name, disabled = false, readOnly = false } = _a, props = __rest(_a, ["id", "children", "name", "disabled", "readOnly"]);
|
|
16
16
|
return (React.createElement("span", { className: tw('relative inline-flex justify-center items-center self-center group') },
|
|
17
17
|
React.createElement("input", Object.assign({ id: id, ref: ref, type: "checkbox", name: name }, props, { className: classNames(tw('appearance-none peer/switch rounded-full inline-block w-[34px] h-[20px] transition duration-300', 'outline-none focus:border border-info-70 bg-grey-20', 'cursor-pointer disabled:cursor-not-allowed', {
|
|
18
|
-
'hover:bg-grey-30 checked:bg-
|
|
19
|
-
'bg-grey-5 checked:opacity-40
|
|
18
|
+
'hover:bg-grey-30 checked:bg-navyBlue-100 hover:checked:bg-navyBlue-100': !disabled,
|
|
19
|
+
'bg-grey-5 checked:opacity-40': disabled,
|
|
20
20
|
})), readOnly: readOnly, disabled: disabled })),
|
|
21
21
|
React.createElement("span", { className: tw('pointer-events-none rounded-full absolute inline-block transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5', 'bg-white peer-disabled/switch:bg-grey-0 left-2 peer-checked/switch:left-1', {
|
|
22
22
|
'shadow-4dp': !disabled,
|
|
23
23
|
}) })));
|
|
24
24
|
});
|
|
25
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL1N3aXRjaC9Td2l0Y2gudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFXcEQsTUFBTSxDQUFDLE1BQU0sTUFBTSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3BDLENBQUMsRUFBb0UsRUFBRSxHQUFHLEVBQUUsRUFBRTtRQUE3RSxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsR0FBRyxLQUFLLEVBQUUsUUFBUSxHQUFHLEtBQUssT0FBWSxFQUFQLEtBQUssY0FBbEUsa0RBQW9FLENBQUY7SUFBWSxPQUFBLENBQzdFLDhCQUFNLFNBQVMsRUFBRSxFQUFFLENBQUMsb0VBQW9FLENBQUM7UUFDdkYsNkNBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixHQUFHLEVBQUUsR0FBRyxFQUNSLElBQUksRUFBQyxVQUFVLEVBQ2YsSUFBSSxFQUFFLElBQUksSUFDTixLQUFLLElBQ1QsU0FBUyxFQUFFLFVBQVUsQ0FDbkIsRUFBRSxDQUNBLGlHQUFpRyxFQUNqRyxxREFBcUQsRUFDckQsNENBQTRDLEVBQzVDO2dCQUNFLHdFQUF3RSxFQUFFLENBQUMsUUFBUTtnQkFDbkYsOEJBQThCLEVBQUUsUUFBUTthQUN6QyxDQUNGLENBQ0YsRUFDRCxRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxJQUNsQjtRQUVGLDhCQUNFLFNBQVMsRUFBRSxFQUFFLENBQ1gsb0lBQW9JLEVBQ3BJLDJFQUEyRSxFQUMzRTtnQkFDRSxZQUFZLEVBQUUsQ0FBQyxRQUFRO2FBQ3hCLENBQ0YsR0FDRCxDQUNHLENBQ1IsQ0FBQTtDQUFBLENBQ0YsQ0FBQyJ9
|
|
@@ -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==
|
|
@@ -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') });
|
|
@@ -13,10 +14,11 @@ const createBanner = (displayName, opts = {}) => {
|
|
|
13
14
|
const isDismissable = onDismiss !== undefined;
|
|
14
15
|
return (React.createElement(BannerBase, { className: "Aquarium-Banner", layout: layout, variant: variant },
|
|
15
16
|
React.createElement(BannerBase.ContentContainer, { layout: layout },
|
|
16
|
-
React.createElement(BannerBase.Title, { layout: layout }, title),
|
|
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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
|
|
@@ -52,7 +52,7 @@ const asCrumb = (Component, displayName, options = { isActive: false }) => {
|
|
|
52
52
|
var { icon, children } = _a, rest = __rest(_a, ["icon", "children"]);
|
|
53
53
|
return (React.createElement(Component, Object.assign({ ref: ref }, rest, { role: "link" }),
|
|
54
54
|
React.createElement("span", { className: classNames(tw('flex flex-row flex-nowrap items-center gap-x-3 ', {
|
|
55
|
-
'text-primary-80 hover:text-primary-70
|
|
55
|
+
'text-primary-80 hover:text-primary-70': !options.isActive,
|
|
56
56
|
'text-grey-90': options.isActive,
|
|
57
57
|
})) },
|
|
58
58
|
icon && React.createElement(Icon, { icon: icon }),
|
|
@@ -83,4 +83,4 @@ const Crumb = asCrumb('a', 'Crumb');
|
|
|
83
83
|
const ActiveCrumb = asCrumb('span', 'ActiveCrumb', { isActive: true });
|
|
84
84
|
Breadcrumbs.Crumb = Crumb;
|
|
85
85
|
export { asCrumb, Breadcrumbs };
|
|
86
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
86
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnJlYWRjcnVtYnMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0JyZWFkY3J1bWJzL0JyZWFkY3J1bWJzLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSw4RUFBOEU7Ozs7Ozs7Ozs7OztBQUU5RSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxVQUFVLE1BQU0sWUFBWSxDQUFDO0FBRXBDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckMsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBT3BDOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILE1BQU0sV0FBVyxHQUFHLENBQUMsS0FBdUIsRUFBd0MsRUFBRTtJQUNwRixNQUFNLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxHQUFHLEtBQUssQ0FBQztJQUN0QyxNQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxRQUFRLENBQUMsQ0FBQyxNQUFNLENBQ3BELENBQUMsQ0FBQyxFQUF1QyxFQUFFLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUN2RCxDQUFDO0lBRUYsT0FBTyxDQUNMLDZCQUFLLFNBQVMsRUFBRSxVQUFVLENBQUMsc0JBQXNCLEVBQUUsU0FBUyxDQUFDLGdCQUFjLGFBQWE7UUFDdEYsNEJBQUksU0FBUyxFQUFFLEVBQUUsQ0FBQywyREFBMkQsQ0FBQyxJQUMzRSxNQUFNLENBQUMsR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLEtBQWEsRUFBRSxFQUFFO1lBQ25DLE1BQU0sTUFBTSxHQUFHLEtBQUssS0FBSyxNQUFNLENBQUMsTUFBTSxHQUFHLENBQUMsQ0FBQztZQUMzQyxPQUFPO1lBQ0wscUdBQXFHO1lBQ3JHLDRCQUFJLEdBQUcsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLEVBQUUsQ0FBQyw0QkFBNEIsQ0FBQztnQkFDeEQsQ0FBQyxDQUFDLEtBQUssSUFBSSxvQkFBQyxJQUFJLG1CQUFjLElBQUksRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLG1CQUFtQixDQUFDLEVBQUUsSUFBSSxFQUFFLEtBQUssR0FBSTtnQkFDdkYsQ0FBQyxNQUFNLElBQUksS0FBSztnQkFDaEIsTUFBTSxJQUFJLENBQ1Qsb0JBQUMsV0FBVyxxQkFBZ0IsSUFBSSxrQkFBZSxNQUFNLEVBQUMsSUFBSSxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUN6RSxLQUFLLENBQUMsS0FBSyxDQUFDLFFBQVEsQ0FDVCxDQUNmLENBQ0UsQ0FDTixDQUFDO1FBQ0osQ0FBQyxDQUFDLENBQ0MsQ0FDRCxDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFPRixNQUFNLE9BQU8sR0FBRyxDQUNkLFNBQThDLEVBQzlDLFdBQW1CLEVBQ25CLFVBQWlDLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxFQUMyRCxFQUFFO0lBQ2pILE1BQU0sS0FBSyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQWtDLENBQUMsRUFBMkIsRUFBRSxHQUFHLEVBQUUsRUFBRTtZQUFwQyxFQUFFLElBQUksRUFBRSxRQUFRLE9BQVcsRUFBTixJQUFJLGNBQXpCLG9CQUEyQixDQUFGO1FBQVksT0FBQSxDQUNwRyxvQkFBQyxTQUFTLGtCQUFDLEdBQUcsRUFBRSxHQUFHLElBQU8sSUFBYyxJQUFFLElBQUksRUFBQyxNQUFNO1lBQ25ELDhCQUNFLFNBQVMsRUFBRSxVQUFVLENBQ25CLEVBQUUsQ0FBQyxpREFBaUQsRUFBRTtvQkFDcEQsdUNBQXVDLEVBQUUsQ0FBQyxPQUFPLENBQUMsUUFBUTtvQkFDMUQsY0FBYyxFQUFFLE9BQU8sQ0FBQyxRQUFRO2lCQUNqQyxDQUFDLENBQ0g7Z0JBRUEsSUFBSSxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJO2dCQUM1QixRQUFRLENBQ0osQ0FDRyxDQUNiLENBQUE7S0FBQSxDQUFDLENBQUM7SUFDSCxLQUFLLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztJQUNoQyxPQUFPLEtBQUssQ0FBQztBQUNmLENBQUMsQ0FBQztBQUVGOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILE1BQU0sS0FBSyxHQUFHLE9BQU8sQ0FHbkIsR0FBRyxFQUFFLE9BQU8sQ0FBQyxDQUFDO0FBRWhCLE1BQU0sV0FBVyxHQUFHLE9BQU8sQ0FBa0IsTUFBTSxFQUFFLGFBQWEsRUFBRSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsQ0FBQyxDQUFDO0FBRXhGLFdBQVcsQ0FBQyxLQUFLLEdBQUcsS0FBSyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsV0FBVyxFQUFFLENBQUMifQ==
|
|
@@ -20,14 +20,14 @@ import { classNames, tw } from '../../../src/utils/tailwind';
|
|
|
20
20
|
import chevronDown from '../../../src/icons/chevronDown';
|
|
21
21
|
import loading from '../../../src/icons/loading';
|
|
22
22
|
const COLOR_CLASSNAMES = {
|
|
23
|
-
'primary': tw('text-white bg-primary-80 active:bg-primary-90 active:ring-0 focus-visible:ring-2 focus-visible:ring-primary-
|
|
24
|
-
'secondary': tw('text-
|
|
23
|
+
'primary': tw('text-white bg-primary-80 active:bg-primary-90 active:ring-0 focus-visible:ring-2 focus-visible:ring-primary-100 focus-visible:ring-inset hover:bg-primary-70 disabled:bg-primary-5'),
|
|
24
|
+
'secondary': tw('text-grey-60 bg-white ring-1 ring-grey-30 ring-inset active:bg-grey-5 active:ring-grey-50 active:text-grey-80', 'focus-visible:ring-2 focus-visible:ring-grey-50 focus-visible:text-grey-80', 'hover:ring-grey-50 hover:text-grey-80 disabled:text-grey-30 disabled:bg-grey-0 disabled:ring-grey-20'),
|
|
25
25
|
'ghost': ghostButtonStyle,
|
|
26
26
|
'text': ghostButtonStyle,
|
|
27
27
|
'secondary-ghost': tw('text-grey-60 active:text-grey-50 focus-visible:text-grey-80 hover:text-grey-80 disabled:text-grey-30'),
|
|
28
28
|
};
|
|
29
|
-
const LoadingSpinner = ({ size = '20px' }) => {
|
|
30
|
-
return React.createElement(InlineIcon, { icon: loading, width: size, height: size, color:
|
|
29
|
+
const LoadingSpinner = ({ size = '20px', kind = 'primary', }) => {
|
|
30
|
+
return (React.createElement(InlineIcon, { icon: loading, width: size, height: size, color: kind === 'primary' ? 'primary-60' : 'grey-60', "data-testid": 'loading-button' }));
|
|
31
31
|
};
|
|
32
32
|
export const asButton = (Component, isDropdownButton) => {
|
|
33
33
|
return React.forwardRef((_a, ref) => {
|
|
@@ -76,7 +76,6 @@ export const asButton = (Component, isDropdownButton) => {
|
|
|
76
76
|
'text-grey-70 p-2 active:text-grey-70 active:bg-transparent hover:text-grey-90 hover:bg-grey-0 focus-visible:text-grey-90 focus-visible:bg-grey-0 disabled:text-grey-20 disabled:bg-transparent': isIconOnlyButton,
|
|
77
77
|
'typography-default-strong': !dense && !isIconOnlyButton && kind !== 'text',
|
|
78
78
|
'typography-small-strong': dense && !isIconOnlyButton && kind !== 'text',
|
|
79
|
-
'underline hover:no-underline': kind === 'text',
|
|
80
79
|
'py-3 px-4': !dense && isButton,
|
|
81
80
|
'py-2 px-3': dense && isButton,
|
|
82
81
|
'py-3': !dense && isGhost,
|
|
@@ -86,7 +85,7 @@ export const asButton = (Component, isDropdownButton) => {
|
|
|
86
85
|
'icon-stroke-2': !isIconOnlyButton, // the main reason we changed icon stroke-width to 2px on buttons which have both text + icon together inside because the font sizes we use currently are big and bold (for both default and dense sizes), so the discrepancy was too big. And that's why we use default stroke-width for icon only button.
|
|
87
86
|
})), "aria-label": isIconOnlyButton ? ariaLabel !== null && ariaLabel !== void 0 ? ariaLabel : tooltip : ariaLabel, disabled: disabled || loading }), loading && !isGhost ? (React.createElement(React.Fragment, null,
|
|
88
87
|
React.createElement("div", { className: tw('absolute left-1/2 top-0 bottom-0 flex'), style: { transform: 'translate(-50%)' } },
|
|
89
|
-
React.createElement(LoadingSpinner, { size: iconSize })),
|
|
88
|
+
React.createElement(LoadingSpinner, { size: iconSize, kind: kind === 'primary' ? 'primary' : 'secondary' })),
|
|
90
89
|
React.createElement("div", { className: tw({ invisible: loading }) }, buttonContent()))) : (buttonContent())));
|
|
91
90
|
return tooltip ? (React.createElement(Tooltip, { content: tooltip, placement: tooltipPlacement }, buttonComponent)) : (buttonComponent);
|
|
92
91
|
});
|
|
@@ -160,4 +159,4 @@ Button.PrimaryDropdown = PrimaryDropdownButton;
|
|
|
160
159
|
export const SecondaryDropdownButton = React.forwardRef((props, ref) => (React.createElement(DropdownButton, Object.assign({ ref: ref }, props, { kind: "secondary" }))));
|
|
161
160
|
SecondaryDropdownButton.displayName = 'Button.SecondaryDropdown';
|
|
162
161
|
Button.SecondaryDropdown = SecondaryDropdownButton;
|
|
163
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
162
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQnV0dG9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9CdXR0b24vQnV0dG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFNBQVMsTUFBTSxrQkFBa0IsQ0FBQztBQUV6QyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDeEQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUV4RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN2RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDOUMsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUdwRCxPQUFPLFdBQVcsTUFBTSx1QkFBdUIsQ0FBQztBQUNoRCxPQUFPLE9BQU8sTUFBTSxtQkFBbUIsQ0FBQztBQWdCeEMsTUFBTSxnQkFBZ0IsR0FBb0M7SUFDeEQsU0FBUyxFQUFFLEVBQUUsQ0FDWCxvTEFBb0wsQ0FDckw7SUFDRCxXQUFXLEVBQUUsRUFBRSxDQUNiLCtHQUErRyxFQUMvRyw0RUFBNEUsRUFDNUUsc0dBQXNHLENBQ3ZHO0lBQ0QsT0FBTyxFQUFFLGdCQUFnQjtJQUN6QixNQUFNLEVBQUUsZ0JBQWdCO0lBQ3hCLGlCQUFpQixFQUFFLEVBQUUsQ0FDbkIsc0dBQXNHLENBQ3ZHO0NBQ0YsQ0FBQztBQUVGLE1BQU0sY0FBYyxHQUF5RSxDQUFDLEVBQzVGLElBQUksR0FBRyxNQUFNLEVBQ2IsSUFBSSxHQUFHLFNBQVMsR0FDakIsRUFBRSxFQUFFO0lBQ0gsT0FBTyxDQUNMLG9CQUFDLFVBQVUsSUFDVCxJQUFJLEVBQUUsT0FBTyxFQUNiLEtB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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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0YUxpc3QuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0RhdGFMaXN0L0RhdGFMaXN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxPQUFPLE1BQU0sZ0JBQWdCLENBQUM7QUFDckMsT0FBTyxVQUFVLE1BQU0sbUJBQW1CLENBQUM7QUFFM0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQy9DLE9BQU8sRUFBRSxRQUFRLEVBQWUsTUFBTSxpQ0FBaUMsQ0FBQztBQUV4RSxPQUFPLEVBQUUsUUFBUSxJQUFJLFlBQVksRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUU3QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0JBQWtCLENBQUM7QUFDbEQsT0FBTyxFQUNMLFNBQVMsRUFDVCxtQkFBbUIsR0FJcEIsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sOEJBQThCLENBQUM7QUFDNUQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBRW5ELE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBRWxDLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBcUJ0RCxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsQ0FBc0QsRUFDNUUsT0FBTyxFQUNQLElBQUksRUFDSixNQUFNLEVBQ04sSUFBSSxFQUNKLFNBQVMsR0FBRyxjQUFjLEVBQzFCLFFBQVEsRUFDUixnQkFBZ0IsR0FDSSxFQUFFLEVBQUU7SUFDeEIsTUFBTSxDQUFDLElBQUksRUFBRSxVQUFVLENBQUMsR0FBRyxZQUFZLEVBQVEsQ0FBQztJQUNoRCxNQUFNLFVBQVUsR0FBRyxVQUFVLENBQUMsSUFBSSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBRTFDLE1BQU0sZUFBZSxHQUFHLE9BQU8sQ0FBQztRQUM5QixHQUFHLE9BQU8sQ0FBQyxHQUFHLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxXQUFDLE9BQUEsTUFBQSxNQUFNLENBQUMsS0FBSyxtQ0FBSSxNQUFNLENBQUEsRUFBQSxDQUFDO1FBQ2xELElBQUksQ0FBQyxDQUFDLENBQUUsTUFBaUIsQ0FBQyxDQUFDLENBQUMsU0FBUztLQUN0QyxDQUFDLENBQUM7SUFFSCxPQUFPLENBQ0wsb0JBQUMsUUFBUSxJQUFDLFNBQVMsRUFBQyxtQkFBbUIsRUFBQyxPQUFPLEVBQUUsZUFBZTtRQUM3RCxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FDdEIsQ0FBQyxtQkFBbUIsQ0FBQyxNQUFNLENBQUMsSUFBSSxNQUFNLENBQUMsUUFBUSxDQUFDLElBQUksTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FDaEUsb0JBQUMsWUFBWSxDQUFDLFFBQVEsa0JBQ3BCLFNBQVMsRUFBRSxJQUFJLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxVQUFVLEtBQUssTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxFQUN6RixPQUFPLEVBQUUsR0FBRyxFQUFFLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxFQUNqQyxNQUFNLEVBQUUsTUFBTSxJQUNWLFNBQVMsQ0FBQyxNQUFNLENBQUMsR0FFcEIsTUFBTSxDQUFDLFVBQVUsQ0FDSSxDQUN6QixDQUFDLENBQUMsQ0FBQyxDQUNGLG9CQUFDLFlBQVksQ0FBQyxRQUFRLG9CQUFLLFNBQVMsQ0FBQyxNQUFNLENBQUMsSUFBRSxNQUFNLEVBQUUsTUFBTSxLQUN6RCxNQUFNLENBQUMsVUFBVSxDQUNJLENBQ3pCLENBQ0Y7UUFDQSxJQUFJLElBQUksb0JBQUMsWUFBWSxDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUMsT0FBTyxnQkFBYSxTQUFTLEdBQUk7UUFDdkUsb0JBQUMsSUFBSSxJQUNILEtBQUssRUFBRSxVQUFVLEVBQ2pCLFVBQVUsRUFBRSxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDLENBQzFCLG9CQUFDLFlBQVksQ0FBQyxHQUFHLElBQUMsR0FBRyxFQUFFLEdBQUcsQ0FBQyxFQUFFO2dCQUMzQixvQkFBQyxJQUFJLElBQ0gsS0FBSyxFQUFFLE9BQU8sRUFDZCxVQUFVLEVBQUUsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUNyQixNQUFNLENBQUMsSUFBSSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDekIsb0JBQUMsWUFBWSxDQUFDLElBQUksb0JBQUssU0FBUyxDQUFDLE1BQU0sQ0FBQzt3QkFDdEMsb0JBQUMsVUFBVSxrQkFBQyxLQUFLLFVBQUssTUFBTSxDQUFDLE1BQU0sQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLFVBQVUsQ0FBQyxFQUFJLENBQzdDLENBQ3JCLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUM3QixvQkFBQyxZQUFZLENBQUMsSUFBSSxvQkFBSyxTQUFTLENBQUMsTUFBTSxDQUFDO3dCQUN0QyxvQkFBQyxNQUFNLENBQUMsU0FBUyxrQkFDZixLQUFLLFVBQ0QsY0FBYyxDQUFDLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxDQUFDLE1BQU0sQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLFVBQVUsQ0FBQyxDQUFDLEVBQzdFLENBQ2dCLENBQ3JCLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxJQUFJLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUM3QixvQkFBQyxZQUFZLENBQUMsSUFBSSxvQkFBSyxTQUFTLENBQUMsTUFBTSxDQUFDLEdBQ3JDLE1BQU0sQ0FBQyxhQUFhLENBQUMsR0FBRyxFQUFFLEtBQUssRUFBRSxVQUFVLENBQUMsQ0FDM0IsQ0FDckIsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLElBQUksS0FBSyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQzNCLG9CQUFDLFlBQVksQ0FBQyxJQUFJLG9CQUFLLFNBQVMsQ0FBQyxNQUFNLENBQUM7d0JBQ3RDLG9CQUFDLElBQUksb0JBQUssTUFBTSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUUsS0FBSyxFQUFFLFVBQVUsQ0FBQyxFQUFJLENBQy9CLENBQ3JCLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsWUFBWSxDQUFDLElBQUksb0JBQUssU0FBUyxDQUFDLE1BQU0sQ0FBQyxHQUNyQyxNQUFNLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxNQUFNLENBQUMsS0FBSyxDQUFDLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FDakYsQ0FDckIsR0FFSDtnQkFDRCxJQUFJLElBQUksQ0FDUCxvQkFBQyxZQUFZLENBQUMsSUFBSSxJQUFDLEtBQUssRUFBQyxPQUFPO29CQUM5QixvQkFBQyxZQUFZLElBQUMsUUFBUSxFQUFFLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUcsTUFBTSxFQUFFLEdBQUcsRUFBRSxLQUFLLENBQUMsRUFBRSxZQUFZLEVBQUUsZ0JBQWdCO3dCQUNoRyxvQkFBQyxZQUFZLENBQUMsT0FBTzs0QkFDbkIsb0JBQUMsTUFBTSxDQUFDLElBQUksa0JBQWEsU0FBUyxFQUFFLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDN0I7d0JBQ3RCLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUM5QixDQUNHLENBQ3JCLENBQ2dCLENBQ3BCLEdBQ0QsQ0FDTyxDQUNaLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixRQUFRLENBQUMsUUFBUSxHQUFHLGdCQUFnQixDQUFDIn0=
|
|
@@ -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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
|
|
@@ -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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
|
|
@@ -16,4 +16,4 @@ export const Link = (_a) => {
|
|
|
16
16
|
var { className } = _a, props = __rest(_a, ["className"]);
|
|
17
17
|
return (React.createElement(LinkBase, Object.assign({ className: classNames('Aquarium-Link', className) }, props)));
|
|
18
18
|
};
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvTGluay9MaW5rLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFVBQVUsTUFBTSxZQUFZLENBQUM7QUFFcEMsT0FBTyxFQUFFLElBQUksSUFBSSxRQUFRLEVBQWtCLE1BQU0scUJBQXFCLENBQUM7QUFFdkUsTUFBTSxDQUFDLE1BQU0sSUFBSSxHQUEyQyxDQUFDLEVBQXVCLEVBQUUsRUFBRTtRQUEzQixFQUFFLFNBQVMsT0FBWSxFQUFQLEtBQUssY0FBckIsYUFBdUIsQ0FBRjtJQUFPLE9BQUEsQ0FDdkYsb0JBQUMsUUFBUSxrQkFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLGVBQWUsRUFBRSxTQUFTLENBQUMsSUFBTSxLQUFLLEVBQUksQ0FDM0UsQ0FBQTtDQUFBLENBQUMifQ==
|
|
@@ -20,7 +20,7 @@ export const Navigation = (_a) => {
|
|
|
20
20
|
const Item = (_a) => {
|
|
21
21
|
var { children, icon } = _a, rest = __rest(_a, ["children", "icon"]);
|
|
22
22
|
return (React.createElement(NavigationBase.Item, Object.assign({}, rest),
|
|
23
|
-
icon && React.createElement(InlineIcon, { icon: icon }),
|
|
23
|
+
icon && React.createElement(InlineIcon, { icon: icon, width: "20px", height: "20px" }),
|
|
24
24
|
children));
|
|
25
25
|
};
|
|
26
26
|
Navigation.Item = Item;
|
|
@@ -28,4 +28,4 @@ Navigation.Divider = NavigationBase.Divider;
|
|
|
28
28
|
Navigation.Footer = NavigationBase.Footer;
|
|
29
29
|
Navigation.Header = NavigationBase.Header;
|
|
30
30
|
Navigation.Section = NavigationBase.Section;
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTmF2aWdhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvTmF2aWdhdGlvbi9OYXZpZ2F0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLFVBQVUsTUFBTSxZQUFZLENBQUM7QUFFcEMsT0FBTyxFQUFrQixVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVyRSxPQUFPLEVBQUUsVUFBVSxJQUFJLGNBQWMsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRS9FLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxDQUFDLEVBQW9FLEVBQUUsRUFBRTtRQUF4RSxFQUFFLFNBQVMsT0FBeUQsRUFBcEQsS0FBSyxjQUFyQixhQUF1QixDQUFGO0lBQW9ELE9BQUEsQ0FDbEcsb0JBQUMsY0FBYyxrQkFBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLHFCQUFxQixFQUFFLFNBQVMsQ0FBQyxJQUFNLEtBQUssRUFBSSxDQUN2RixDQUFBO0NBQUEsQ0FBQztBQVNGLE1BQU0sSUFBSSxHQUFHLENBQUMsRUFBeUYsRUFBRSxFQUFFO1FBQTdGLEVBQUUsUUFBUSxFQUFFLElBQUksT0FBeUUsRUFBcEUsSUFBSSxjQUF6QixvQkFBMkIsQ0FBRjtJQUFxRSxPQUFBLENBQzFHLG9CQUFDLGNBQWMsQ0FBQyxJQUFJLG9CQUFLLElBQUk7UUFDMUIsSUFBSSxJQUFJLG9CQUFDLFVBQVUsSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBQyxNQUFNLEVBQUMsTUFBTSxFQUFDLE1BQU0sR0FBRztRQUM3RCxRQUFRLENBQ1csQ0FDdkIsQ0FBQTtDQUFBLENBQUM7QUFFRixVQUFVLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQztBQUN2QixVQUFVLENBQUMsT0FBTyxHQUFHLGNBQWMsQ0FBQyxPQUFPLENBQUM7QUFDNUMsVUFBVSxDQUFDLE1BQU0sR0FBRyxjQUFjLENBQUMsTUFBTSxDQUFDO0FBQzFDLFVBQVUsQ0FBQyxNQUFNLEdBQUcsY0FBYyxDQUFDLE1BQU0sQ0FBQztBQUMxQyxVQUFVLENBQUMsT0FBTyxHQUFHLGNBQWMsQ0FBQyxPQUFPLENBQUMifQ==
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { type BreadcrumbsProps } from '../../../src/molecules/Breadcrumbs/Breadcrumbs';
|
|
3
|
-
import { type AsyncActionType } from '../../../types/ActionType';
|
|
3
|
+
import { type AsyncActionType, type LinkActionType } from '../../../types/ActionType';
|
|
4
4
|
export declare type PageHeaderProps = {
|
|
5
5
|
/** Short and concise page title. */
|
|
6
6
|
title: string;
|
|
@@ -17,13 +17,15 @@ export declare type PageHeaderProps = {
|
|
|
17
17
|
imageAlt?: string;
|
|
18
18
|
/**
|
|
19
19
|
* Optional primary action for the header. Page header can have only one primary actions.
|
|
20
|
+
* This can either be a callback function or a link.
|
|
20
21
|
*/
|
|
21
|
-
primaryAction?: AsyncActionType;
|
|
22
|
+
primaryAction?: AsyncActionType | LinkActionType;
|
|
22
23
|
/**
|
|
23
24
|
* Optional secondary actions. There can be one or more secondary actions in the header.
|
|
24
25
|
* The number of secondary actions is not restricted.
|
|
26
|
+
* This can either be a callback function or a link.
|
|
25
27
|
*/
|
|
26
|
-
secondaryActions?: AsyncActionType | AsyncActionType
|
|
28
|
+
secondaryActions?: AsyncActionType | LinkActionType | Array<AsyncActionType | LinkActionType>;
|
|
27
29
|
/**
|
|
28
30
|
* Optional list of chips, which will be rendered as chips underneath the page title.
|
|
29
31
|
*/
|
|
@@ -1,14 +1,3 @@
|
|
|
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
|
-
};
|
|
12
1
|
import React from 'react';
|
|
13
2
|
import castArray from 'lodash/castArray';
|
|
14
3
|
import omit from 'lodash/omit';
|
|
@@ -18,6 +7,7 @@ import { Button } from '../../../src/molecules/Button/Button';
|
|
|
18
7
|
import { Chip } from '../../../src/molecules/Chip/Chip';
|
|
19
8
|
import { Flexbox } from '../../../src/molecules/Flexbox/Flexbox';
|
|
20
9
|
import { PageHeader as BasePageHeader } from '../../../src/atoms/PageHeader/PageHeader';
|
|
10
|
+
import { isLink } from '../../../src/utils/link';
|
|
21
11
|
import { tw } from '../../../src/utils/tailwind';
|
|
22
12
|
export const PageHeader = ({ title, subtitle, image, imageAlt, primaryAction, secondaryActions, chips = [], breadcrumbs, }) => {
|
|
23
13
|
return (React.createElement(BasePageHeader, { className: "Aquarium-PageHeader" },
|
|
@@ -34,10 +24,9 @@ export const PageHeader = ({ title, subtitle, image, imageAlt, primaryAction, se
|
|
|
34
24
|
secondaryActions &&
|
|
35
25
|
castArray(secondaryActions)
|
|
36
26
|
.filter(Boolean)
|
|
37
|
-
.map((
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
}),
|
|
41
|
-
primaryAction && (React.createElement(Button.Primary, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text))))));
|
|
27
|
+
.map((action) => !isLink(action) ? (React.createElement(Button.Secondary, Object.assign({ key: action.text }, omit(action, 'text')), action.text)) : (React.createElement(Button.ExternalLink, Object.assign({ key: action.text, kind: "secondary" }, omit(action, 'text')), action.text))),
|
|
28
|
+
primaryAction && (React.createElement(React.Fragment, null,
|
|
29
|
+
!isLink(primaryAction) && (React.createElement(Button.Primary, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text)),
|
|
30
|
+
isLink(primaryAction) && (React.createElement(Button.ExternalLink, Object.assign({ key: primaryAction.text, kind: "primary" }, omit(primaryAction, 'text')), primaryAction.text))))))));
|
|
42
31
|
};
|
|
43
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGFnZUhlYWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUGFnZUhlYWRlci9QYWdlSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxTQUFTLE1BQU0sa0JBQWtCLENBQUM7QUFDekMsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBRS9CLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3QyxPQUFPLEVBQUUsV0FBVyxFQUF5QixNQUFNLHVDQUF1QyxDQUFDO0FBQzNGLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBRXhELE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBQ3hDLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQTZDeEMsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUE4QixDQUFDLEVBQ3BELEtBQUssRUFDTCxRQUFRLEVBQ1IsS0FBSyxFQUNMLFFBQVEsRUFDUixhQUFhLEVBQ2IsZ0JBQWdCLEVBQ2hCLEtBQUssR0FBRyxFQUFFLEVBQ1YsV0FBVyxHQUNaLEVBQUUsRUFBRTtJQUNILE9BQU8sQ0FDTCxvQkFBQyxjQUFjLElBQUMsU0FBUyxFQUFDLHFCQUFxQjtRQUM3QyxvQkFBQyxjQUFjLENBQUMsU0FBUztZQUN0QixXQUFXLElBQUksQ0FDZCxvQkFBQyxHQUFHLElBQUMsWUFBWSxFQUFFLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxTQUFTO2dCQUN4QyxvQkFBQyxXQUFXLFFBQUUsV0FBVyxDQUFlLENBQ3BDLENBQ1A7WUFDRCxvQkFBQyxPQUFPLElBQUMsR0FBRyxFQUFDLEdBQUc7Z0JBQ2IsS0FBSyxJQUFJLDZCQUFLLEdBQUcsRUFBRSxLQUFLLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLG1CQUFtQixDQUFDLEdBQUk7Z0JBQ2hGLG9CQUFDLGNBQWMsQ0FBQyxjQUFjO29CQUM1QixvQkFBQyxjQUFjLENBQUMsS0FBSyxRQUFFLEtBQUssQ0FBd0I7b0JBQ25ELEtBQUssQ0FBQyxNQUFNLEdBQUcsQ0FBQyxJQUFJLENBQ25CLG9CQUFDLGNBQWMsQ0FBQyxLQUFLLFFBQ2xCLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLENBQ25CLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsSUFBSSxFQUFFLEtBQUssUUFBQyxJQUFJLEVBQUUsSUFBSSxHQUFJLENBQ3RDLENBQUMsQ0FDbUIsQ0FDeEI7b0JBQ0EsUUFBUSxJQUFJLG9CQUFDLGNBQWMsQ0FBQyxRQUFRLFFBQUUsUUFBUSxDQUEyQixDQUM1QyxDQUN4QixDQUNlO1FBQzFCLENBQUMsZ0JBQWdCLElBQUksYUFBYSxDQUFDLElBQUksQ0FDdEMsb0JBQUMsY0FBYyxDQUFDLE9BQU87WUFDcEIsZ0JBQWdCO2dCQUNmLFNBQVMsQ0FBQyxnQkFBZ0IsQ0FBQztxQkFDeEIsTUFBTSxDQUFDLE9BQU8sQ0FBQztxQkFDZixHQUFHLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUNkLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUNoQixvQkFBQyxNQUFNLENBQUMsU0FBUyxrQkFBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLElBQUksSUFBTSxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUN6RCxNQUFNLENBQUMsSUFBSSxDQUNLLENBQ3BCLENBQUMsQ0FBQyxDQUFDLENBQ0Ysb0JBQUMsTUFBTSxDQUFDLFlBQVksa0JBQUMsR0FBRyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFDLFdBQVcsSUFBSyxJQUFJLENBQUMsTUFBTSxFQUFFLE1BQU0sQ0FBQyxHQUM3RSxNQUFNLENBQUMsSUFBSSxDQUNRLENBQ3ZCLENBQ0Y7WUFDSixhQUFhLElBQUksQ0FDaEI7Z0JBQ0csQ0FBQyxNQUFNLENBQUMsYUFBYSxDQUFDLElBQUksQ0FDekIsb0JBQUMsTUFBTSxDQUFDLE9BQU8sa0JBQUMsR0FBRyxFQUFFLGFBQWEsQ0FBQyxJQUFJLElBQU0sSUFBSSxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsR0FDckUsYUFBYSxDQUFDLElBQUksQ0FDSixDQUNsQjtnQkFDQSxNQUFNLENBQUMsYUFBYSxDQUFDLElBQUksQ0FDeEIsb0JBQUMsTUFBTSxDQUFDLFlBQVksa0JBQUMsR0FBRyxFQUFFLGFBQWEsQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFDLFNBQVMsSUFBSyxJQUFJLENBQUMsYUFBYSxFQUFFLE1BQU0sQ0FBQyxHQUN6RixhQUFhLENBQUMsSUFBSSxDQUNDLENBQ3ZCLENBQ0EsQ0FDSixDQUNzQixDQUMxQixDQUNjLENBQ2xCLENBQUM7QUFDSixDQUFDLENBQUMifQ==
|
|
@@ -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 type SectionProps = {
|
|
4
4
|
/** Section's title */
|
|
5
5
|
title: string;
|
|
@@ -7,8 +7,9 @@ export declare type SectionProps = {
|
|
|
7
7
|
subtitle?: string;
|
|
8
8
|
/**
|
|
9
9
|
* Optional actions. There can be 1-2 secondary actions only in a section.
|
|
10
|
+
* This can either be a callback function or a link.
|
|
10
11
|
*/
|
|
11
|
-
actions?: AsyncActionType | AsyncActionType
|
|
12
|
+
actions?: AsyncActionType | LinkActionType | Array<AsyncActionType | LinkActionType>;
|
|
12
13
|
} | {
|
|
13
14
|
title?: never;
|
|
14
15
|
subtitle?: never;
|