@aivenio/aquarium 6.1.1 → 6.3.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 -1
- package/dist/atoms.cjs +200 -134
- package/dist/atoms.mjs +112 -46
- package/dist/charts.cjs +4 -3
- package/dist/charts.mjs +4 -3
- package/dist/src/atoms/ChoiceChip/ChoiceChip.js +3 -3
- package/dist/src/atoms/CommandPalette/CommandPalette.d.ts +16 -0
- package/dist/src/atoms/CommandPalette/CommandPalette.js +3 -1
- package/dist/src/atoms/DataList/DataList.js +1 -1
- package/dist/src/atoms/Modal/Modal.d.ts +73 -3
- package/dist/src/atoms/Modal/Modal.js +48 -41
- package/dist/src/atoms/Timeline/Timeline.d.ts +3 -2
- package/dist/src/atoms/Timeline/Timeline.js +2 -2
- package/dist/src/molecules/CommandPalette/CommandPalette.d.ts +12 -4
- package/dist/src/molecules/CommandPalette/CommandPalette.js +17 -5
- package/dist/src/molecules/CommandPalette/CommandPaletteProvider.js +86 -22
- package/dist/src/molecules/CommandPalette/findSubCommands.d.ts +13 -0
- package/dist/src/molecules/CommandPalette/findSubCommands.js +65 -0
- package/dist/src/molecules/CommandPalette/types.d.ts +31 -1
- package/dist/src/molecules/CommandPalette/types.js +10 -1
- package/dist/src/molecules/Modal/Modal.js +2 -2
- package/dist/src/molecules/Popover/Popover.d.ts +3 -0
- package/dist/src/molecules/Popover/Popover.js +1 -1
- package/dist/src/molecules/Section/Section.d.ts +9 -0
- package/dist/src/molecules/Section/Section.js +13 -6
- package/dist/src/molecules/SegmentedControl/SegmentedControl.js +3 -3
- package/dist/src/molecules/Table/Table.d.ts +3 -0
- package/dist/src/molecules/Table/Table.js +4 -1
- package/dist/src/molecules/TagLabel/TagLabel.d.ts +1 -1
- package/dist/src/molecules/TagLabel/TagLabel.js +1 -1
- package/dist/src/molecules/Timeline/Timeline.d.ts +3 -2
- package/dist/src/molecules/Timeline/Timeline.js +16 -4
- package/dist/src/molecules/Typography/Typography.d.ts +3 -0
- package/dist/src/molecules/Typography/Typography.js +1 -1
- package/dist/src/tokens/tokens.json +4 -3
- package/dist/src/utils/useScrollFade.d.ts +17 -0
- package/dist/src/utils/useScrollFade.js +44 -0
- package/dist/styles.css +59 -34
- package/dist/system.cjs +950 -730
- package/dist/system.mjs +906 -684
- package/dist/tokens.json +4 -3
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/package.json +1 -1
|
@@ -12,24 +12,54 @@ export type CommandPaletteRegistration = {
|
|
|
12
12
|
id: CommandPaletteRegistrationId;
|
|
13
13
|
children: React.ReactNode;
|
|
14
14
|
};
|
|
15
|
+
/**
|
|
16
|
+
* One level in the palette's navigation stack. The first entry is always the root
|
|
17
|
+
* (`parentId === null`); pushing a parent command adds an entry with its id and label.
|
|
18
|
+
*/
|
|
19
|
+
export type CommandPaletteLevel = {
|
|
20
|
+
parentId: string | null;
|
|
21
|
+
parentLabel: string | null;
|
|
22
|
+
placeholder?: string;
|
|
23
|
+
query: string;
|
|
24
|
+
};
|
|
15
25
|
export type State = {
|
|
16
26
|
registrations: CommandPaletteRegistration[];
|
|
17
27
|
isOpen: boolean;
|
|
28
|
+
/** Navigation stack — always length >= 1. Top of stack is the currently visible level. */
|
|
29
|
+
levelStack: CommandPaletteLevel[];
|
|
18
30
|
};
|
|
31
|
+
export declare const ROOT_LEVEL: CommandPaletteLevel;
|
|
19
32
|
export declare enum ActionTypes {
|
|
20
33
|
Register = 0,
|
|
21
34
|
Unregister = 1,
|
|
22
35
|
Update = 2,
|
|
23
36
|
Open = 3,
|
|
24
|
-
Close = 4
|
|
37
|
+
Close = 4,
|
|
38
|
+
PushLevel = 5,
|
|
39
|
+
PopLevel = 6,
|
|
40
|
+
PopToIndex = 7,
|
|
41
|
+
SetQuery = 8
|
|
25
42
|
}
|
|
26
43
|
export type Actions = {
|
|
27
44
|
type: ActionTypes.Close;
|
|
28
45
|
} | {
|
|
29
46
|
type: ActionTypes.Open;
|
|
47
|
+
} | {
|
|
48
|
+
type: ActionTypes.PopLevel;
|
|
49
|
+
} | {
|
|
50
|
+
type: ActionTypes.PopToIndex;
|
|
51
|
+
index: number;
|
|
52
|
+
} | {
|
|
53
|
+
type: ActionTypes.PushLevel;
|
|
54
|
+
parentId: string;
|
|
55
|
+
parentLabel: string;
|
|
56
|
+
placeholder?: string;
|
|
30
57
|
} | {
|
|
31
58
|
type: ActionTypes.Register;
|
|
32
59
|
registration: CommandPaletteRegistration;
|
|
60
|
+
} | {
|
|
61
|
+
type: ActionTypes.SetQuery;
|
|
62
|
+
query: string;
|
|
33
63
|
} | {
|
|
34
64
|
type: ActionTypes.Unregister;
|
|
35
65
|
id: CommandPaletteRegistrationId;
|
|
@@ -6,6 +6,11 @@ export const STATIC_ITEM_MARKER = '';
|
|
|
6
6
|
* across the boundary between them.
|
|
7
7
|
*/
|
|
8
8
|
export const FIELD_SEPARATOR = '';
|
|
9
|
+
export const ROOT_LEVEL = {
|
|
10
|
+
parentId: null,
|
|
11
|
+
parentLabel: null,
|
|
12
|
+
query: '',
|
|
13
|
+
};
|
|
9
14
|
export var ActionTypes;
|
|
10
15
|
(function (ActionTypes) {
|
|
11
16
|
ActionTypes[ActionTypes["Register"] = 0] = "Register";
|
|
@@ -13,5 +18,9 @@ export var ActionTypes;
|
|
|
13
18
|
ActionTypes[ActionTypes["Update"] = 2] = "Update";
|
|
14
19
|
ActionTypes[ActionTypes["Open"] = 3] = "Open";
|
|
15
20
|
ActionTypes[ActionTypes["Close"] = 4] = "Close";
|
|
21
|
+
ActionTypes[ActionTypes["PushLevel"] = 5] = "PushLevel";
|
|
22
|
+
ActionTypes[ActionTypes["PopLevel"] = 6] = "PopLevel";
|
|
23
|
+
ActionTypes[ActionTypes["PopToIndex"] = 7] = "PopToIndex";
|
|
24
|
+
ActionTypes[ActionTypes["SetQuery"] = 8] = "SetQuery";
|
|
16
25
|
})(ActionTypes || (ActionTypes = {}));
|
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
26
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0NvbW1hbmRQYWxldHRlL3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLDZFQUE2RTtBQUM3RSxNQUFNLENBQUMsTUFBTSxrQkFBa0IsR0FBRyxHQUFHLENBQUM7QUFFdEM7Ozs7R0FJRztBQUNILE1BQU0sQ0FBQyxNQUFNLGVBQWUsR0FBRyxHQUFHLENBQUM7QUEyQm5DLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBd0I7SUFDN0MsUUFBUSxFQUFFLElBQUk7SUFDZCxXQUFXLEVBQUUsSUFBSTtJQUNqQixLQUFLLEVBQUUsRUFBRTtDQUNWLENBQUM7QUFFRixNQUFNLENBQU4sSUFBWSxXQVVYO0FBVkQsV0FBWSxXQUFXO0lBQ3JCLHFEQUFRLENBQUE7SUFDUix5REFBVSxDQUFBO0lBQ1YsaURBQU0sQ0FBQTtJQUNOLDZDQUFJLENBQUE7SUFDSiwrQ0FBSyxDQUFBO0lBQ0wsdURBQVMsQ0FBQTtJQUNULHFEQUFRLENBQUE7SUFDUix5REFBVSxDQUFBO0lBQ1YscURBQVEsQ0FBQTtBQUNWLENBQUMsRUFWVyxXQUFXLEtBQVgsV0FBVyxRQVV0QiJ9
|
|
@@ -50,5 +50,5 @@ export const Modal = ({ open, onClose, closeOnEsc = true, size = 'md', headerIma
|
|
|
50
50
|
primaryAction && (React.createElement(Button.Primary, Object.assign({ key: primaryAction.text }, omit(primaryAction, 'text')), primaryAction.text)))))))))));
|
|
51
51
|
};
|
|
52
52
|
export const ModalTabs = createTabsComponent(ModalTab, TabItem, 'ModalTabs', (children, selected, props) => (React.createElement(BaseModal.Body, { maxHeight: props.maxHeight },
|
|
53
|
-
React.createElement(ModalTabContainer,
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
53
|
+
React.createElement(ModalTabContainer, null, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected)))));
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL01vZGFsL01vZGFsLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsTUFBTSxJQUFJLFVBQVUsRUFBRSxLQUFLLElBQUksU0FBUyxFQUFFLFlBQVksSUFBSSxnQkFBZ0IsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ25ILE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDNUIsT0FBTyxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBRXJELE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRCxPQUFPLEVBQ0wsbUJBQW1CLEVBQ25CLFFBQVEsRUFDUixZQUFZLElBQUksaUJBQWlCLEVBQ2pDLE9BQU8sR0FJUixNQUFNLHlCQUF5QixDQUFDO0FBRWpDLE9BQU8sRUFBRSxLQUFLLElBQUksU0FBUyxFQUFrQixXQUFXLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUV4RixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTlDLE9BQU8sS0FBSyxNQUFNLGlCQUFpQixDQUFDO0FBRXBDLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUM7QUEyQzFDLE1BQU0sQ0FBQyxNQUFNLEtBQUssR0FBeUIsQ0FBQyxFQUMxQyxJQUFJLEVBQ0osT0FBTyxFQUNQLFVBQVUsR0FBRyxJQUFJLEVBQ2pCLElBQUksR0FBRyxJQUFJLEVBQ1gsV0FBVyxFQUNYLFFBQVEsRUFDUixLQUFLLEVBQ0wsUUFBUSxFQUNSLGFBQWEsRUFDYixnQkFBZ0IsR0FDakIsRUFBRSxFQUFFO0lBQ0gsSUFBSSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ1YsT0FBTyxJQUFJLENB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
|
|
@@ -9,6 +9,9 @@ export type PopoverProps = Simplify<Pick<BasePopoverProps, 'children' | 'crossOf
|
|
|
9
9
|
}>;
|
|
10
10
|
type PopoverComponent = React.FC<PopoverProps> & {
|
|
11
11
|
Trigger: React.FC<TriggerProps>;
|
|
12
|
+
/**
|
|
13
|
+
* @deprecated Please use popover in controlled mode instead.
|
|
14
|
+
*/
|
|
12
15
|
CloseToggle: React.FC<CloseToggleProps>;
|
|
13
16
|
Panel: React.FC<PanelProps>;
|
|
14
17
|
};
|
|
@@ -51,4 +51,4 @@ const CloseToggle = ({ children }) => {
|
|
|
51
51
|
};
|
|
52
52
|
CloseToggle.displayName = 'Popover.CloseToggle';
|
|
53
53
|
Popover.CloseToggle = CloseToggle;
|
|
54
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
54
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3Zlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUG9wb3Zlci9Qb3BvdmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQzdDLE9BQU8sRUFBRSxhQUFhLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUNsRixPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFL0MsT0FBTyxFQUFFLE1BQU0sSUFBSSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBeUMsTUFBTSwyQkFBMkIsQ0FBQztBQUMxRyxPQUFPLEVBQUUsU0FBUyxFQUF1QixNQUFNLCtCQUErQixDQUFDO0FBMEIvRSxNQUFNLG1CQUFtQixHQUFHLGFBQWEsQ0FBaUMsRUFBRSxDQUFDLENBQUM7QUFXOUUsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFxQixDQUFDLEVBQW9FLEVBQUUsRUFBRTtRQUF4RSxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsYUFBYSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQVksRUFBUCxLQUFLLGNBQWxFLGlEQUFvRSxDQUFGO0lBQzFHLE1BQU0sWUFBWSxHQUFHLENBQUMsTUFBZSxFQUFFLEVBQUU7UUFDdkMsYUFBYSxhQUFiLGFBQWEsdUJBQWIsYUFBYSxDQUFHLE1BQU0sQ0FBQyxDQUFDO1FBQ3hCLE1BQU0sQ0FBQyxDQUFDLENBQUMsTUFBTSxhQUFOLE1BQU0sdUJBQU4sTUFBTSxFQUFJLENBQUMsQ0FBQyxDQUFDLE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sRUFBSSxDQUFDO0lBQ3BDLENBQUMsQ0FBQztJQUVGLE9BQU8sQ0FDTCxvQkFBQyxtQkFBbUIsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEtBQUs7UUFDeEMsb0JBQUMsYUFBYSxvQkFBSyxLQUFLLElBQUUsWUFBWSxFQUFFLFlBQVksS0FDakQsUUFBUSxDQUNLLENBQ2EsQ0FDaEMsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUNGLE9BQU8sQ0FBQyxXQUFXLEdBQUcsU0FBUyxDQUFDO0FBU2hDLE1BQU0sT0FBTyxHQUEyQixDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsRUFBRTtJQUN2RCx5RkFBeUY7SUFDekYsd0ZBQXdGO0lBQ3hGLE9BQU8sb0JBQUMsU0FBUyxxQkFBZSxNQUFNLElBQUUsUUFBUSxDQUFhLENBQUM7QUFDaEUsQ0FBQyxDQUFDO0FBQ0YsT0FBTyxDQUFDLFdBQVcsR0FBRyxpQkFBaUIsQ0FBQztBQUN4QyxPQUFPLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztBQU8xQixNQUFNLEtBQUssR0FBeUIsQ0FBQyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO0lBQzlELE1BQU0sS0FBeUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxtQkFBbUIsQ0FBQyxFQUE5RSxFQUFFLE1BQU0sR0FBRyxDQUFDLEVBQUUsWUFBWSxPQUFvRCxFQUEvQyxLQUFLLGNBQXBDLDBCQUFzQyxDQUF3QyxDQUFDO0lBQ3JGLE9BQU8sQ0FDTCxvQkFBQyxXQUFXLG9CQUFLLEtBQUssSUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNO1FBQzFELG9CQUFDLFVBQVUsUUFBRSxRQUFRLENBQWMsQ0FDdkIsQ0FDZixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBQ0YsS0FBSyxDQUFDLFdBQVcsR0FBRyxlQUFlLENBQUM7QUFDcEMsT0FBTyxDQUFDLEtBQUssR0FBRyxLQUFLLENBQUM7QUFPdEI7O0dBRUc7QUFDSCxNQUFNLFdBQVcsR0FBK0IsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7SUFDL0QsTUFBTSxHQUFHLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQywwQkFBMEIsQ0FBQyxDQUFDO0lBQ3pELE1BQU0sT0FBTyxHQUFHLEdBQUcsYUFBSCxHQUFHLHVCQUFILEdBQUcsQ0FBRSxLQUFLLENBQUM7SUFFM0IsTUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDNUMsT0FBTyxLQUFLLENBQUMsWUFBWSxDQUFDLEtBQUssb0JBQU8sVUFBVSxDQUFDLEtBQUssQ0FBQyxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsQ0FBQyxFQUFHLENBQUM7QUFDaEYsQ0FBQyxDQUFDO0FBQ0YsV0FBVyxDQUFDLFdBQVcsR0FBRyxxQkFBcUIsQ0FBQztBQUNoRCxPQUFPLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQyJ9
|
|
@@ -60,6 +60,7 @@ export type SectionProps<T extends OptionType | string = never> = {
|
|
|
60
60
|
subtitle?: string;
|
|
61
61
|
/**
|
|
62
62
|
* Optional tag can have a "title"
|
|
63
|
+
* @deprecated Use `chips` prop instead
|
|
63
64
|
*/
|
|
64
65
|
tag?: Pick<TagLabelProps, 'title' | 'variant'>;
|
|
65
66
|
/**
|
|
@@ -68,8 +69,16 @@ export type SectionProps<T extends OptionType | string = never> = {
|
|
|
68
69
|
badge?: number | string;
|
|
69
70
|
/**
|
|
70
71
|
* Optional chip can have a "text" and a "status"
|
|
72
|
+
* @deprecated Use `chips` prop instead
|
|
71
73
|
*/
|
|
72
74
|
chip?: Pick<StatusChipProps, 'status' | 'text'>;
|
|
75
|
+
/**
|
|
76
|
+
* Chips to display in the section title. Setting `type` to `inverse` will render {@link Chip.Inverse};
|
|
77
|
+
* setting it to `status` will render {@link StatusChip}
|
|
78
|
+
*/
|
|
79
|
+
chips?: Array<Pick<StatusChipProps, 'status' | 'text'> & {
|
|
80
|
+
type: 'inverse' | 'status';
|
|
81
|
+
}>;
|
|
73
82
|
});
|
|
74
83
|
export declare const Section: <T extends OptionType | string = never>(props: React.PropsWithChildren<SectionProps<T>>) => React.JSX.Element;
|
|
75
84
|
export {};
|
|
@@ -17,7 +17,7 @@ import { clsx } from 'clsx';
|
|
|
17
17
|
import { castArray, isUndefined } from 'lodash-es';
|
|
18
18
|
import { Box } from '../../../src/molecules/Box/Box';
|
|
19
19
|
import { Button } from '../../../src/molecules/Button/Button';
|
|
20
|
-
import { Chip, StatusChip } from '../../../src/molecules/Chip/Chip';
|
|
20
|
+
import { Chip, InverseChip, StatusChip } from '../../../src/molecules/Chip/Chip';
|
|
21
21
|
import { DropdownMenu } from '../../../src/molecules/DropdownMenu/DropdownMenu';
|
|
22
22
|
import { LineClamp } from '../../../src/molecules/LineClamp/LineClamp';
|
|
23
23
|
import { SelectBase } from '../../../src/molecules/Select/Select';
|
|
@@ -31,7 +31,7 @@ import { defaultContextualMenuPlacement } from '../../../types/ContextualMenu';
|
|
|
31
31
|
import { isComponentType } from '../../../types/utils';
|
|
32
32
|
import more from '../../../src/icons/more';
|
|
33
33
|
export const Section = (props) => {
|
|
34
|
-
var _a, _b, _c, _d;
|
|
34
|
+
var _a, _b, _c, _d, _e, _f;
|
|
35
35
|
const { title, subtitle, children } = props;
|
|
36
36
|
const _collapsible = title ? ((_a = props.collapsible) !== null && _a !== void 0 ? _a : false) : false;
|
|
37
37
|
const _collapsed = title ? props.collapsed : undefined;
|
|
@@ -69,7 +69,7 @@ export const Section = (props) => {
|
|
|
69
69
|
}
|
|
70
70
|
};
|
|
71
71
|
const targetHeight = isCollapsed ? '0px' : `${height !== null && height !== void 0 ? height : 0}px`;
|
|
72
|
-
const
|
|
72
|
+
const _g = useSpring({
|
|
73
73
|
height: height !== null ? targetHeight : undefined,
|
|
74
74
|
opacity: isCollapsed ? 0 : 1,
|
|
75
75
|
transform: `rotate(${isCollapsed ? 90 : 180}deg)`,
|
|
@@ -79,12 +79,15 @@ export const Section = (props) => {
|
|
|
79
79
|
immediate: !_collapsible,
|
|
80
80
|
onStart: () => isMounted.current && setResting(false),
|
|
81
81
|
onRest: () => isMounted.current && setResting(true),
|
|
82
|
-
}), { transform } =
|
|
82
|
+
}), { transform } = _g, spring = __rest(_g, ["transform"]);
|
|
83
83
|
const toggleId = useId();
|
|
84
84
|
const regionId = useId();
|
|
85
85
|
const titleId = useId();
|
|
86
86
|
const hasTabs = isComponentType(children, Tabs);
|
|
87
87
|
const { buttonProps } = useButton({ 'elementType': 'div', 'onPress': handleTitleClick, 'aria-expanded': !isCollapsed, 'aria-controls': regionId }, toggleAreaRef);
|
|
88
|
+
if ((props.tag || props.chip) && props.chips) {
|
|
89
|
+
throw new Error('When chips prop is defined, tag and chip prop must be undefined.');
|
|
90
|
+
}
|
|
88
91
|
return (React.createElement(BaseSection, { "aria-label": title, className: clsx({
|
|
89
92
|
'Aquarium-Collapsible-Section': _collapsible,
|
|
90
93
|
'Aquarium-Section': !_collapsible,
|
|
@@ -101,7 +104,11 @@ export const Section = (props) => {
|
|
|
101
104
|
React.createElement(LineClamp, { lines: 1 }, title),
|
|
102
105
|
props.tag && React.createElement(TagLabel, Object.assign({}, props.tag)),
|
|
103
106
|
props.badge && React.createElement(Chip, { text: props.badge }),
|
|
104
|
-
props.chip && React.createElement(StatusChip, Object.assign({}, props.chip))),
|
|
107
|
+
props.chip && React.createElement(StatusChip, Object.assign({}, props.chip)), (_f = (_e = props.chips) === null || _e === void 0 ? void 0 : _e.map(({ type: chipType, status, text }, index) => {
|
|
108
|
+
const Component = chipType === 'inverse' ? InverseChip : StatusChip;
|
|
109
|
+
const key = `${status}-${text}-${index}`;
|
|
110
|
+
return React.createElement(Component, { key: key, text: text, status: status });
|
|
111
|
+
})) !== null && _f !== void 0 ? _f : null),
|
|
105
112
|
subtitle && (React.createElement(BaseSection.Subtitle, { className: clsx('row-start-2', { 'col-start-2': _collapsible }) },
|
|
106
113
|
React.createElement(LineClamp, { lines: 1 }, subtitle)))),
|
|
107
114
|
!isCollapsed && (React.createElement(BaseSection.Actions, null,
|
|
@@ -124,4 +131,4 @@ export const Section = (props) => {
|
|
|
124
131
|
}) }))) : (React.createElement(BaseSection.Body, null, children))))));
|
|
125
132
|
};
|
|
126
133
|
const SectionTabs = createTabsComponent(ModalTab, TabItem, 'SectionTabs', (children, selected) => (React.createElement(BaseSection.Body, null, children.find((node, index) => (node === null || node === void 0 ? void 0 : node.props.value) === selected || index === selected))));
|
|
127
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
134
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUMvQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBQzVCLE9BQU8sRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBRW5ELE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUM1QyxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDckQsT0FBTyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsVUFBVSxFQUF3QixNQUFNLHlCQUF5QixDQUFDO0FBQzlGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDOUQsT0FBTyxFQUFtQixVQUFVLEVBQXdCLE1BQU0sNkJBQTZCLENBQUM7QUFDaEcsT0FBTyxFQUFFLE1BQU0sRUFBb0IsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBaUIsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDdEcsT0FBTyxFQUFFLFFBQVEsRUFBc0IsTUFBTSxpQ0FBaUMsQ0FBQztBQUUvRSxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRW5FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDbEQsT0FBTyxFQUFrQyw4QkFBOEIsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3RHLE9BQU8sRUFBK0IsZUFBZSxFQUFFLE1BQU0sYUFBYSxDQUFDO0FBRTNFLE9BQU8sSUFBSSxNQUFNLGdCQUFnQixDQUFDO0FBNkZsQyxNQUFNLENBQUMsTUFBTSxPQUFPLEdBQUcsQ0FBd0MsS0FBK0MsRUFBRSxFQUFFOztJQUNoSCxNQUFNLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsR0FBRyxLQUFLLENBQUM7SUFFNUMsTUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQUEsS0FBSyxDQUFDLFdBQVcsbUNBQUksS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUNsRSxNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztJQUN2RCx5Q0FBeUM7SUFDekMsTUFBTSxpQkFBaUIsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBQSxLQUFLLENBQUMsZ0JBQWdCLG1DQUFJLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7SUFDNUUsTUFBTSxDQUFDLFdBQVcsRUFBRSxZQUFZLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFVLFVBQVUsYUFBVixVQUFVLGNBQVYsVUFBVSxHQUFJLGlCQUFpQixDQUFDLENBQUM7SUFDN0YsTUFBTSxDQUFDLFNBQVMsRUFBRSxVQUFVLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFVLElBQUksQ0FBQyxDQUFDO0lBQzlELE1BQU0sQ0FBQyxHQUFHLEVBQUUsRUFBRSxNQUFNLEVBQUUsQ0FBQyxHQUFHLFVBQVUsRUFBa0IsQ0FBQztJQUN2RCxNQUFNLGFBQWEsR0FBRyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFDO0lBRW5ELDZFQUE2RTtJQUM3RSxnRUFBZ0U7SUFDaEUsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLElBQUksQ0FBQyxDQUFDO0lBQy9CLEtBQUssQ0FBQyxTQUFTLENBQ2IsR0FBRyxFQUFFLENBQUMsR0FBRyxFQUFFO1FBQ1QsU0FBUyxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDNUIsQ0FBQyxFQUNELEVBQUUsQ0FDSCxDQUFDO0lBRUYsZ0NBQWdDO0lBQ2hDLE1BQU0sSUFBSSxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFBLEtBQUssQ0FBQyxJQUFJLG1DQUFJLFNBQVMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDM0QsTUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQUEsS0FBSyxDQUFDLGFBQWEsbUNBQUksY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztJQUNsRixNQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztJQUNwRCxNQUFNLGdCQUFnQixHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLGdCQUFnQixDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDcEUsTUFBTSxpQkFBaUIsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBRXRFLElBQUksS0FBSyxJQUFJLENBQUMsV0FBVyxDQUFDLEtBQUssQ0FBQyxTQUFTLENBQUMsSUFBSSxLQUFLLENBQUMsU0FBUyxLQUFLLFdBQVcsRUFBRSxDQUFDO1FBQzlFLFlBQVksQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELE1BQU0sZ0JBQWdCLEdBQUcsR0FBRyxFQUFFO1FBQzVCLElBQUksWUFBWSxFQUFFLENBQUM7WUFDakIsK0ZBQStGO1lBQy9GLElBQUksaUJBQWlCLEVBQUUsQ0FBQztnQkFDdEIsaUJBQWlCLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUNsQyxDQUFDO1lBQ0QsZ0dBQWdHO1lBQ2hHLElBQUksVUFBVSxLQUFLLFNBQVMsRUFBRSxDQUFDO2dCQUM3QixZQUFZLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQztZQUM3QixDQUFDO1FBQ0gsQ0FBQztJQUNILENBQUMsQ0FBQztJQUVGLE1BQU0sWUFBWSxHQUFHLFdBQVcsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxHQUFHLE1BQU0sYUFBTixNQUFNLGNBQU4sTUFBTSxHQUFJLENBQUMsSUFBSSxDQUFDO0lBQzlELE1BQU0sS0FBMkIsU0FBUyxDQUFDO1FBQ3pDLE1BQU0sRUFBRSxNQUFNLEtBQUssSUFBSSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsQ0FBQyxDQUFDLFNBQVM7UUFDbEQsT0FBTyxFQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBQzVCLFNBQVMsRUFBRSxVQUFVLFdBQVcsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxHQUFHLE1BQU07UUFDakQsTUFBTSxFQUFFO1lBQ04sUUFBUSxFQUFFLEdBQUc7U0FDZDtRQUNELFNBQVMsRUFBRSxDQUFDLFlBQVk7UUFDeEIsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLFNBQVMsQ0FBQyxPQUFPLElBQUksVUFBVSxDQUFDLEtBQUssQ0FBQztRQUNyRCxNQUFNLEVBQUUsR0FBRyxFQUFFLENBQUMsU0FBUyxDQUFDLE9BQU8sSUFBSSxVQUFVLENBQUMsSUFBSSxDQUFDO0tBQ3BELENBQUMsRUFWSSxFQUFFLFNBQVMsT0FVZixFQVZvQixNQUFNLGNBQXRCLGFBQXdCLENBVTVCLENBQUM7SUFFSCxNQUFNLFFBQVEsR0FBRyxLQUFLLEVBQUUsQ0FBQztJQUN6QixNQUFNLFFBQVEsR0FBRyxLQUFLLEVBQUUsQ0FBQztJQUN6QixNQUFNLE9BQU8sR0FBRyxLQUFLLEVBQUUsQ0FBQztJQUV4QixNQUFNLE9BQU8sR0FBRyxlQUFlLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxDQUFDO0lBRWhELE1BQU0sRUFBRSxXQUFXLEVBQUUsR0FBRyxTQUFTLENBQy9CLEVBQUUsYUFBYSxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsZ0JBQWdCLEVBQUUsZUFBZSxFQUFFLENBQUMsV0FBVyxFQUFFLGVBQWUsRUFBRSxRQUFRLEVBQUUsRUFDL0csYUFBYSxDQUNkLENBQUM7SUFFRixJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsSUFBSSxLQUFLLENBQUMsSUFBSSxDQUFDLElBQUksS0FBSyxDQUFDLEtBQUssRUFBRSxDQUFDO1FBQzdDLE1BQU0sSUFBSSxLQUFLLENBQUMsa0VBQWtFLENBQUMsQ0FBQztJQUN0RixDQUFDO0lBRUQsT0FBTyxDQUNMLG9CQUFDLFdBQVcsa0JBQ0UsS0FBSyxFQUNqQixTQUFTLEVBQUUsSUFBSSxDQUFDO1lBQ2QsOEJBQThCLEVBQUUsWUFBWTtZQUM1QyxrQkFBa0IsRUFBRSxDQUFDLFlBQVk7U0FDbEMsQ0FBQztRQUVELEtBQUssSUFBSSxDQUNSLG9CQUFDLFdBQVcsQ0FBQyxNQUFNLElBQUMsUUFBUSxFQUFFLFlBQVksSUFBSSxDQUFDLFdBQVcsRUFBRSxXQUFXLEVBQUUsWUFBWTtZQUNuRixvQkFBQyxXQUFXLENBQUMsY0FBYyxvQkFDckIsQ0FBQyxZQUFZO2dCQUNmLENBQUMsaUNBQ00sV0FBVyxLQUNkLGFBQWEsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFO3dCQUNuQixDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7d0JBQ25CLGdCQUFnQixFQUFFLENBQUMsQ0FBQyxtTEFBbUw7b0JBQ3pNLENBQUMsSUFFTCxDQUFDLENBQUMsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQyxJQUNsQyxHQUFHLEVBQUUsWUFBWSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDN0MsRUFBRSxFQUFFLFFBQVEsRUFDWixXQUFXLEVBQUUsWUFBWTtnQkFFeEIsWUFBWSxJQUFJLENBQ2Ysb0JBQUMsUUFBUSxDQUFDLEdBQUcsSUFBQyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUU7b0JBQ2hDLG9CQUFDLFdBQVcsQ0FBQyxNQUFNLE9BQUcsQ0FDVCxDQUNoQjtnQkFDRCxvQkFBQyxXQUFXLENBQUMsS0FBSyxJQUFDLEVBQUUsRUFBRSxPQUFPO29CQUM1QixvQkFBQyxTQUFTLElBQUMsS0FBSyxFQUFFLENBQUMsSUFBRyxLQUFLLENBQWE7b0JBQ3ZDLEtBQUssQ0FBQyxHQUFHLElBQUksb0JBQUMsUUFBUSxvQkFBSyxLQUFLLENBQUMsR0FBRyxFQUFJO29CQUN4QyxLQUFLLENBQUMsS0FBSyxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLEtBQUssR0FBSTtvQkFDMUMsS0FBSyxDQUFDLElBQUksSUFBSSxvQkFBQyxVQUFVLG9CQUFLLEtBQUssQ0FBQyxJQUFJLEVBQUksRUFDNUMsTUFBQSxNQUFBLEtBQUssQ0FBQyxLQUFLLDBDQUFFLEdBQUcsQ0FBQyxDQUFDLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsSUFBSSxFQUFFLEVBQUUsS0FBSyxFQUFFLEVBQUU7b0JBQzVELE1BQU0sU0FBUyxHQUFHLFFBQVEsS0FBSyxTQUFTLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDO29CQUNwRSxNQUFNLEdBQUcsR0FBRyxHQUFHLE1BQU0sSUFBSSxJQUFJLElBQUksS0FBSyxFQUFFLENBQUM7b0JBQ3pDLE9BQU8sb0JBQUMsU0FBUyxJQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxNQUFNLEVBQUUsTUFBTSxHQUFJLENBQUM7Z0JBQzdELENBQUMsQ0FBQyxtQ0FBSSxJQUFJLENBQ1E7Z0JBQ25CLFFBQVEsSUFBSSxDQUNYLG9CQUFDLFdBQVcsQ0FBQyxRQUFRLElBQUMsU0FBUyxFQUFFLElBQUksQ0FBQyxhQUFhLEVBQUUsRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLENBQUM7b0JBQ25GLG9CQUFDLFNBQVMsSUFBQyxLQUFLLEVBQUUsQ0FBQyxJQUFHLFFBQVEsQ0FBYSxDQUN0QixDQUN4QixDQUMwQjtZQUM1QixDQUFDLFdBQVcsSUFBSSxDQUNmLG9CQUFDLFdBQVcsQ0FBQyxPQUFPO2dCQUNqQixLQUFLLENBQUMsTUFBTSxJQUFJLG9CQUFDLE1BQU0sb0JBQUssS0FBSyxDQUFDLE1BQU0sRUFBSTtnQkFDNUMsSUFBSSxJQUFJLENBQ1Asb0JBQUMsR0FBRyxDQUFDLElBQUksSUFBQyxVQUFVLEVBQUMsUUFBUTtvQkFDM0Isb0JBQUMsWUFBWSxJQUNYLFFBQVEsRUFBRSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsUUFBUSxhQUFSLFFBQVEsdUJBQVIsUUFBUSxDQUFHLE1BQU0sQ0FBQyxFQUN4QyxZQUFZLEVBQUUsZ0JBQWdCLEVBQzlCLFNBQVMsRUFBRSw4QkFBOEI7d0JBRXpDLG9CQUFDLFlBQVksQ0FBQyxPQUFPOzRCQUNuQixvQkFBQyxNQUFNLENBQUMsSUFBSSxrQkFBYSxhQUFhLEVBQUUsSUFBSSxFQUFFLElBQUksR0FBSSxDQUNqQzt3QkFDdEIsSUFBSSxDQUNRLENBQ04sQ0FDWjtnQkFDQSxLQUFLLENBQUMsT0FBTztvQkFDWixTQUFTLENBQUMsS0FBSyxDQUFDLE9BQU8sQ0FBQzt5QkFDckIsTUFBTSxDQUFDLE9BQU8sQ0FBQzt5QkFDZixHQUFHLENBQUMsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsTUFBTSxFQUFFLENBQUMsQ0FBQztnQkFFaEUsS0FBSyxDQUFDLE1BQU0sSUFBSSxvQkFBQyxVQUFVLHFDQUFrQixPQUFPLElBQU0sS0FBSyxDQUFDLE1BQU0sRUFBSSxDQUN2RCxDQUN2QixDQUNrQixDQUN0QjtRQUNELG9CQUFDLFFBQVEsQ0FBQyxHQUFHLElBQ1gsRUFBRSxFQUFFLFFBQVEsaUJBQ0MsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUN4RSxLQUFLLEVBQUUsTUFBTTtZQUNiLHNIQUFzSDtZQUN0SCxTQUFTLEVBQUUsSUFBSSxDQUFDLEVBQUUsaUJBQWlCLEVBQUUsWUFBWSxJQUFJLENBQUMsV0FBVyxJQUFJLENBQUMsU0FBUyxDQUFDLEVBQUUsQ0FBQztZQU9uRiw2QkFBSyxHQUFHLEVBQUUsR0FBRyxJQUNWLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FDVCxvQkFBQyxXQUFXLG9CQUNOLFFBQVEsQ0FBQyxLQUFLLElBQ2xCLFNBQVMsRUFBRSxJQUFJLENBQUMsdUVBQXVFLEVBQUU7b0JBQ3ZGLE1BQU0sRUFBRSxZQUFZO2lCQUNyQixDQUFDLElBQ0YsQ0FDSCxDQUFDLENBQUMsQ0FBQyxDQUNGLG9CQUFDLFdBQVcsQ0FBQyxJQUFJLFFBQUUsUUFBUSxDQUFvQixDQUNoRCxDQUNHLENBQ08sQ0FDSCxDQUNmLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLFdBQVcsR0FBRyxtQkFBbUIsQ0FBQyxRQUFRLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxDQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUUsRUFBRSxDQUFDLENBQ2hHLG9CQUFDLFdBQVcsQ0FBQyxJQUFJLFFBQ2QsUUFBUSxDQUFDLElBQUksQ0FDWixDQUFDLElBQThDLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUFBLElBQUksYUFBSixJQUFJLHVCQUFKLElBQUksQ0FBRSxLQUFLLENBQUMsS0FBSyxNQUFLLFFBQVEsSUFBSSxLQUFLLEtBQUssUUFBUSxDQUNoSCxDQUNnQixDQUNwQixDQUFDLENBQUMifQ==
|
|
@@ -15,8 +15,8 @@ import { tv } from 'tailwind-variants';
|
|
|
15
15
|
const segmentedControlStyles = tv({
|
|
16
16
|
slots: {
|
|
17
17
|
wrapper: [
|
|
18
|
-
'transition border-l border-
|
|
19
|
-
'first:border-l-0 first:rounded-l last:rounded-r',
|
|
18
|
+
'transition border-l border-muted overflow-hidden hover:bg-primary-hover',
|
|
19
|
+
'first:border-l-0 first:rounded-l-[var(--aquarium-segmented-control-inner-radius)] last:rounded-r-[var(--aquarium-segmented-control-inner-radius)]',
|
|
20
20
|
'focus-within:border-l-transparent focus-within:relative focus-within:z-50 focus-within:ring-1 focus-within:ring-offset-0 focus-within:ring-primary-default',
|
|
21
21
|
],
|
|
22
22
|
button: [
|
|
@@ -57,4 +57,4 @@ export const SegmentedControlGroup = (_a) => {
|
|
|
57
57
|
}))));
|
|
58
58
|
};
|
|
59
59
|
/* </SegmentedControlGroup> */
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudGVkQ29udHJvbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VnbWVudGVkQ29udHJvbC9TZWdtZW50ZWRDb250cm9sLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFJdkMsd0JBQXdCO0FBRXhCLE1BQU0sc0JBQXNCLEdBQUcsRUFBRSxDQUFDO0lBQ2hDLEtBQUssRUFBRTtRQUNMLE9BQU8sRUFBRTtZQUNQLHlFQUF5RTtZQUN6RSxtSkFBbUo7WUFDbkosNEpBQTRKO1NBQzdKO1FBQ0QsTUFBTSxFQUFFO1lBQ04sb0JBQW9CO1lBQ3BCLDRFQUE0RTtZQUM1RSxzRUFBc0U7U0FDdkU7S0FDRjtJQUNELFFBQVEsRUFBRTtRQUNSLFFBQVEsRUFBRTtZQUNSLElBQUksRUFBRTtnQkFDSixPQUFPLEVBQUUsaUdBQWlHO2dCQUMxRyxNQUFNLEVBQUUsc0JBQXNCO2FBQy9CO1lBQ0QsS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLGNBQWMsRUFBRTtTQUNsQztLQUNGO0lBQ0QsZUFBZSxFQUFFO1FBQ2YsUUFBUSxFQUFFLEtBQUs7S0FDaEI7Q0FDRixDQUFDLENBQUM7QUFlSCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxDQUFrQixFQU12QixFQUFFLEVBQUU7UUFObUIsRUFDaEQsUUFBUSxFQUNSLEtBQUssRUFDTCxRQUFRLEdBQUcsS0FBSyxFQUNoQixTQUFTLE9BRWdCLEVBRHRCLElBQUksY0FMeUMsOENBTWpELENBRFE7SUFFUCxNQUFNLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxHQUFHLHNCQUFzQixDQUFDLEVBQUUsUUFBUSxFQUFFLENBQUMsQ0FBQztJQUNqRSxPQUFPLENBQ0wsNEJBQUksU0FBUyxFQUFFLE9BQU8sRUFBRTtRQUN0Qiw4Q0FBUSxJQUFJLEVBQUMsUUFBUSxJQUFLLElBQUksSUFBRSxTQUFTLEVBQUUsTUFBTSxDQUFDLEVBQUUsU0FBUyxFQUFFLENBQUMsa0JBQWdCLFFBQVEsS0FDckYsUUFBUSxDQUNGLENBQ04sQ0FDTixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYseUJBQXlCO0FBRXpCLDZCQUE2QjtBQUU3QixNQUFNLDJCQUEyQixHQUFHLEVBQUUsQ0FBQztJQUNyQyxJQUFJLEVBQUUsOERBQThEO0NBQ3JFLENBQUMsQ0FBQztBQWVILE1BQU0sQ0FBQyxNQUFNLHFCQUFxQixHQUFHLENBQWtCLEVBT3ZCLEVBQUUsRUFBRTtRQVBtQixFQUNyRCxLQUFLLEVBQ0wsUUFBUSxFQUNSLFFBQVEsRUFDUixTQUFTLEVBQ1QsU0FBUyxPQUVxQixFQUQzQixJQUFJLGNBTjhDLDJEQU90RCxDQURRO0lBRVAsT0FBTyxDQUNMLDRDQUFRLElBQUksa0JBQWMsU0FBUyxFQUFFLFNBQVMsRUFBRSwyQkFBMkIsQ0FBQyxFQUFFLFNBQVMsRUFBRSxDQUFDLEtBQ3ZGLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxDQUFDLEtBQUssRUFBRSxFQUFFLENBQ3RDLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBSyxFQUFFO1FBQ3hCLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUM7UUFDMUMsUUFBUSxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsS0FBSyxLQUFLLEtBQUs7S0FDdEMsQ0FBQyxDQUNILENBQ0UsQ0FDTixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsOEJBQThCIn0=
|
|
@@ -12,6 +12,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
12
12
|
import React from 'react';
|
|
13
13
|
import { Table as BaseTable } from '../../../src/atoms/Table/Table';
|
|
14
14
|
import { useScrollTarget } from '../../../src/utils/table/useScrollTarget';
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated use {@link DataTable}
|
|
17
|
+
*/
|
|
15
18
|
export const Table = (_a) => {
|
|
16
19
|
var { children, onPrev, onNext } = _a, rest = __rest(_a, ["children", "onPrev", "onNext"]);
|
|
17
20
|
const bottomRef = useScrollTarget(onNext);
|
|
@@ -28,4 +31,4 @@ Table.Cell = BaseTable.Cell;
|
|
|
28
31
|
Table.SortCell = BaseTable.SortCell;
|
|
29
32
|
Table.SelectCell = BaseTable.SelectCell;
|
|
30
33
|
Table.Caption = BaseTable.Caption;
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFibGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1RhYmxlL1RhYmxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsS0FBSyxJQUFJLFNBQVMsRUFBcUMsTUFBTSx1QkFBdUIsQ0FBQztBQUU5RixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFVbEU7O0dBRUc7QUFDSCxNQUFNLENBQUMsTUFBTSxLQUFLLEdBUWQsQ0FBQyxFQUFxQyxFQUFFLEVBQUU7UUFBekMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBVyxFQUFOLElBQUksY0FBbkMsZ0NBQXFDLENBQUY7SUFDdEMsTUFBTSxTQUFTLEdBQUcsZUFBZSxDQUFpQixNQUFNLENBQUMsQ0FBQztJQUMxRCxNQUFNLE1BQU0sR0FBRyxlQUFlLENBQWlCLE1BQU0sQ0FBQyxDQUFDO0lBQ3ZELE9BQU8sQ0FDTCw2QkFBSyxTQUFTLEVBQUMsZ0NBQWdDO1FBQzdDLDZCQUFLLEdBQUcsRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFDLGlEQUFpRCxHQUFHO1FBQ2hGLG9CQUFDLFNBQVMsb0JBQUssSUFBSSxHQUFHLFFBQVEsQ0FBYTtRQUMzQyw2QkFBSyxHQUFHLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBQyxvREFBb0QsR0FBRyxDQUNsRixDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixLQUFLLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUM7QUFDNUIsS0FBSyxDQUFDLElBQUksR0FBRyxTQUFTLENBQUMsSUFBSSxDQUFDO0FBQzVCLEtBQUssQ0FBQyxHQUFHLEdBQUcsU0FBUyxDQUFDLEdBQUcsQ0FBQztBQUMxQixLQUFLLENBQUMsSUFBSSxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUM7QUFDNUIsS0FBSyxDQUFDLFFBQVEsR0FBRyxTQUFTLENBQUMsUUFBUSxDQUFDO0FBQ3BDLEtBQUssQ0FBQyxVQUFVLEdBQUcsU0FBUyxDQUFDLFVBQVUsQ0FBQztBQUN4QyxLQUFLLENBQUMsT0FBTyxHQUFHLFNBQVMsQ0FBQyxPQUFPLENBQUMifQ==
|
|
@@ -13,7 +13,7 @@ import React from 'react';
|
|
|
13
13
|
import { InverseChip } from '../../../src/molecules/Chip/Chip';
|
|
14
14
|
/**
|
|
15
15
|
*
|
|
16
|
-
* @deprecated Use `<
|
|
16
|
+
* @deprecated Use `<Chip.Inverse>` instead.
|
|
17
17
|
*/
|
|
18
18
|
export const TagLabel = (_a) => {
|
|
19
19
|
var { title, dense = false, variant } = _a, rest = __rest(_a, ["title", "dense", "variant"]);
|
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
|
2
2
|
export type TimelineItemProps = {
|
|
3
3
|
/**
|
|
4
4
|
* Mandatory title prop for each section.
|
|
5
|
-
* Typically a formatted date is used.
|
|
5
|
+
* Typically, a formatted date is used.
|
|
6
6
|
*/
|
|
7
7
|
title: string;
|
|
8
8
|
/**
|
|
@@ -14,7 +14,8 @@ export type TimelineItemProps = {
|
|
|
14
14
|
};
|
|
15
15
|
declare const TimelineItem: React.FC<TimelineItemProps>;
|
|
16
16
|
type TimelineProps = {
|
|
17
|
-
children: Array<React.ReactElement<TimelineItemProps>> | React.ReactElement<TimelineItemProps>;
|
|
17
|
+
'children': Array<React.ReactElement<TimelineItemProps>> | React.ReactElement<TimelineItemProps>;
|
|
18
|
+
'aria-label'?: string;
|
|
18
19
|
};
|
|
19
20
|
type ComposedTimelineProps = React.FC<TimelineProps> & {
|
|
20
21
|
Item: typeof TimelineItem;
|
|
@@ -4,6 +4,7 @@ import { Icon } from '../../../src/molecules/Icon/Icon';
|
|
|
4
4
|
import { Typography } from '../../../src/molecules/Typography/Typography';
|
|
5
5
|
import { Skeleton } from '../../../src/atoms/Skeleton/Skeleton';
|
|
6
6
|
import { Timeline as BaseTimeline } from '../../../src/atoms/Timeline/Timeline';
|
|
7
|
+
import { VisuallyHidden } from '../../../src/atoms/VisuallyHidden/VisuallyHidden';
|
|
7
8
|
import { isComponentType } from '../../../types/utils';
|
|
8
9
|
import danger from '../../../src/icons/error';
|
|
9
10
|
import loading from '../../../src/icons/loading';
|
|
@@ -11,14 +12,24 @@ import tickCircle from '../../../src/icons/tickCircle';
|
|
|
11
12
|
import time from '../../../src/icons/time';
|
|
12
13
|
import warning from '../../../src/icons/warningSign';
|
|
13
14
|
const TimelineItem = () => null;
|
|
14
|
-
export const Timeline = ({ children }) => (React.createElement("
|
|
15
|
+
export const Timeline = ({ children, 'aria-label': ariaLabel }) => (React.createElement("ol", { className: "Aquarium-Timeline", "aria-label": ariaLabel }, React.Children.map(children, (item) => {
|
|
15
16
|
if (!isComponentType(item, TimelineItem)) {
|
|
16
17
|
throw new Error('<Timeline> can only have <Timeline.Item> components as children');
|
|
17
18
|
}
|
|
18
19
|
else {
|
|
19
20
|
const { props, key } = item;
|
|
20
21
|
return (React.createElement(BaseTimeline, { key: key !== null && key !== void 0 ? key : props.title },
|
|
21
|
-
React.createElement(BaseTimeline.Separator, null, props.variant === 'error' ? (React.createElement(
|
|
22
|
+
React.createElement(BaseTimeline.Separator, null, props.variant === 'error' ? (React.createElement(React.Fragment, null,
|
|
23
|
+
React.createElement(VisuallyHidden, null, "Error: "),
|
|
24
|
+
React.createElement(Icon, { icon: danger, color: "danger-default" }))) : props.variant === 'warning' ? (React.createElement(React.Fragment, null,
|
|
25
|
+
React.createElement(VisuallyHidden, null, "Warning: "),
|
|
26
|
+
React.createElement(Icon, { icon: warning, color: "warning-default" }))) : props.variant === 'info' ? (React.createElement(React.Fragment, null,
|
|
27
|
+
React.createElement(VisuallyHidden, null, "Info: "),
|
|
28
|
+
React.createElement(Icon, { icon: time, color: "info-default" }))) : props.variant === 'success' ? (React.createElement(React.Fragment, null,
|
|
29
|
+
React.createElement(VisuallyHidden, null, "Success: "),
|
|
30
|
+
React.createElement(Icon, { icon: tickCircle, color: "success-default" }))) : props.variant === 'loading' ? (React.createElement(React.Fragment, null,
|
|
31
|
+
React.createElement(VisuallyHidden, null, "Loading: "),
|
|
32
|
+
React.createElement(Icon, { icon: loading, color: "default" }))) : (React.createElement(BaseTimeline.Separator.Dot, null))),
|
|
22
33
|
React.createElement(Typography.Small, { color: "muted" }, props.title),
|
|
23
34
|
React.createElement(BaseTimeline.LineContainer, null,
|
|
24
35
|
React.createElement(BaseTimeline.LineContainer.Line, null)),
|
|
@@ -37,8 +48,9 @@ const TimelineItemSkeleton = () => (React.createElement(BaseTimeline, null,
|
|
|
37
48
|
React.createElement(Skeleton, { height: 32, width: "100%" }),
|
|
38
49
|
React.createElement(Skeleton, { height: 32, width: "73%" }),
|
|
39
50
|
React.createElement(Skeleton, { height: 32, width: "80%" })))));
|
|
40
|
-
const TimelineSkeleton = ({ items = 3 }) => (React.createElement("
|
|
51
|
+
const TimelineSkeleton = ({ items = 3 }) => (React.createElement("ol", { className: "Aquarium-Timeline", "aria-busy": "true", "aria-label": "Loading timeline" },
|
|
52
|
+
React.createElement("div", { "aria-hidden": true }, Array.from({ length: items }).map((_, key) => (React.createElement(TimelineItemSkeleton, { key: key }))))));
|
|
41
53
|
Timeline.Item = TimelineItem;
|
|
42
54
|
Timeline.Skeleton = TimelineSkeleton;
|
|
43
55
|
Timeline.Skeleton.displayName = 'Timeline.Skeleton';
|
|
44
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGltZWxpbmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1RpbWVsaW5lL1RpbWVsaW5lLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFFMUIsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFFakUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3ZELE9BQU8sRUFBRSxRQUFRLElBQUksWUFBWSxFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdkUsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBRXpFLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUFFOUMsT0FBTyxNQUFNLE1BQU0saUJBQWlCLENBQUM7QUFDckMsT0FBTyxPQUFPLE1BQU0sbUJBQW1CLENBQUM7QUFDeEMsT0FBTyxVQUFVLE1BQU0sc0JBQXNCLENBQUM7QUFDOUMsT0FBTyxJQUFJLE1BQU0sZ0JBQWdCLENBQUM7QUFDbEMsT0FBTyxPQUFPLE1BQU0sdUJBQXVCLENBQUM7QUFnQjVDLE1BQU0sWUFBWSxHQUFnQyxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUM7QUFTN0QsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUEwQixDQUFDLEVBQUUsUUFBUSxFQUFFLFlBQVksRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDeEYsNEJBQUksU0FBUyxFQUFDLG1CQUFtQixnQkFBYSxTQUFTLElBQ3BELEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLFFBQVEsRUFBRSxDQUFDLElBQUksRUFBRSxFQUFFO0lBQ3JDLElBQUksQ0FBQyxlQUFl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
|
|
@@ -12,6 +12,9 @@ type ComposedTypographyProps = Record<Body | Header | Monospace, React.FC<Props>
|
|
|
12
12
|
Subheading: React.FC<LegacyProps>;
|
|
13
13
|
Paragraph: React.FC<LegacyProps>;
|
|
14
14
|
P: React.FC<LegacyProps>;
|
|
15
|
+
/**
|
|
16
|
+
* @deprecated Use Typography.Small for 12px
|
|
17
|
+
*/
|
|
15
18
|
Caption: React.FC<LegacyProps>;
|
|
16
19
|
};
|
|
17
20
|
export declare const Typography: ComposedTypographyProps & React.FC<TypographyProps>;
|
|
@@ -114,4 +114,4 @@ Typography.CodeSmallStrong = (_a) => {
|
|
|
114
114
|
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "code-small-strong" })));
|
|
115
115
|
};
|
|
116
116
|
Typography.CodeSmallStrong.displayName = 'Typography.CodeSmallStrong';
|
|
117
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
117
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sTUFBTSxDQUFDO0FBRTVCLE9BQU8sRUFBRSxVQUFVLElBQUksY0FBYyxFQUF3QixNQUFNLGlDQUFpQyxDQUFDO0FBb0NyRyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQXdELENBQUMsS0FBc0IsRUFBRSxFQUFFO0lBQ3hHLE1BQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxPQUFPLEtBQUssU0FBUyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUM7SUFDMUUsT0FBTyxvQkFBQyxjQUFjLG9CQUFLLEtBQUssSUFBRSxPQUFPLEVBQUUsV0FBVyxJQUFJLENBQUM7QUFDN0QsQ0FBQyxDQUFDO0FBQ0YsVUFBVSxDQUFDLFdBQVcsR0FBRyxZQUFZLENBQUM7QUFFdEMsVUFBVSxDQUFDLFlBQVksR0FBRyxDQUFDLEVBQW1DLEVBQUUsRUFBRTtRQUF2QyxFQUFFLE9BQU8sR0FBRyxJQUFJLE9BQW1CLEVBQWQsS0FBSyxjQUExQixXQUE0QixDQUFGO0lBQWMsT0FBQSxDQUNqRSxvQkFBQyxjQUFjLG9CQUFLLEtBQUssSUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBQyxlQUFlLElBQUcsQ0FDeEUsQ0FBQTtDQUFBLENBQUM7QUFDRixVQUFVLENBQUMsWUFBWSxDQUFDLFdBQVcsR0FBRyx5QkFBeUIsQ0FBQztBQUVoRTs7Ozs7OztHQU9HO0FBQ0gsVUFBVSxDQUFDLE9BQU8sR0FBRyxDQUFDLEVBQXFELEVBQUUsRUFBRTtRQUF6RCxFQUFFLE9BQU8sR0FBRyxJQUFJLEVBQUUsVUFB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
|
|
@@ -26,8 +26,8 @@
|
|
|
26
26
|
"medium": "rgba(235,235,235,1)",
|
|
27
27
|
"intense": "rgba(181,181,183,1)",
|
|
28
28
|
"primary": {
|
|
29
|
-
"muted": "rgba(
|
|
30
|
-
"default": "rgba(
|
|
29
|
+
"muted": "rgba(217,249,248,1)",
|
|
30
|
+
"default": "rgba(217,249,248,1)",
|
|
31
31
|
"graphic": "rgba(46,208,205,1)",
|
|
32
32
|
"intense": "rgba(0,128,124,1)",
|
|
33
33
|
"inverse": "rgba(0,128,124,1)",
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
"inverse": "rgba(198,42,42,1)"
|
|
72
72
|
},
|
|
73
73
|
"status": {
|
|
74
|
-
"announcement": "rgba(
|
|
74
|
+
"announcement": "rgba(217,249,248,1)",
|
|
75
75
|
"info": "rgba(233,249,253,1)",
|
|
76
76
|
"warning": "rgba(255,249,230,1)",
|
|
77
77
|
"danger": "rgba(255,241,241,1)",
|
|
@@ -189,6 +189,7 @@
|
|
|
189
189
|
"code": {
|
|
190
190
|
"background": "rgba(250,250,250,1)",
|
|
191
191
|
"text": "rgba(45,46,48,1)",
|
|
192
|
+
"variable": "rgba(123,45,139,1)",
|
|
192
193
|
"keyword": "rgba(202, 33, 101, 1)",
|
|
193
194
|
"string": "rgba(0, 127, 115, 1)",
|
|
194
195
|
"function": "rgba(9, 128, 193, 1)",
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
type ScrollFade = {
|
|
2
|
+
containerRef: React.RefCallback<HTMLElement>;
|
|
3
|
+
topSentinelRef: React.RefObject<HTMLDivElement | null>;
|
|
4
|
+
bottomSentinelRef: React.RefObject<HTMLDivElement | null>;
|
|
5
|
+
showTopFade: boolean;
|
|
6
|
+
showBottomFade: boolean;
|
|
7
|
+
};
|
|
8
|
+
/**
|
|
9
|
+
* Uses IntersectionObserver with sentinel elements to determine whether
|
|
10
|
+
* top/bottom scroll fade indicators should be visible.
|
|
11
|
+
*
|
|
12
|
+
* When the top sentinel scrolls out of view the top fade appears;
|
|
13
|
+
* when the bottom sentinel scrolls out of view the bottom fade appears.
|
|
14
|
+
* If content doesn't overflow, both sentinels stay visible and no fades show.
|
|
15
|
+
*/
|
|
16
|
+
export declare const useScrollFade: () => ScrollFade;
|
|
17
|
+
export {};
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Uses IntersectionObserver with sentinel elements to determine whether
|
|
4
|
+
* top/bottom scroll fade indicators should be visible.
|
|
5
|
+
*
|
|
6
|
+
* When the top sentinel scrolls out of view the top fade appears;
|
|
7
|
+
* when the bottom sentinel scrolls out of view the bottom fade appears.
|
|
8
|
+
* If content doesn't overflow, both sentinels stay visible and no fades show.
|
|
9
|
+
*/
|
|
10
|
+
export const useScrollFade = () => {
|
|
11
|
+
const topSentinelRef = useRef(null);
|
|
12
|
+
const bottomSentinelRef = useRef(null);
|
|
13
|
+
const observerRef = useRef(null);
|
|
14
|
+
const [showTopFade, setShowTopFade] = useState(false);
|
|
15
|
+
const [showBottomFade, setShowBottomFade] = useState(false);
|
|
16
|
+
const containerRef = useCallback((container) => {
|
|
17
|
+
var _a;
|
|
18
|
+
(_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.disconnect();
|
|
19
|
+
if (!container) {
|
|
20
|
+
return;
|
|
21
|
+
}
|
|
22
|
+
observerRef.current = new IntersectionObserver((entries) => {
|
|
23
|
+
entries.forEach((entry) => {
|
|
24
|
+
if (entry.target === topSentinelRef.current) {
|
|
25
|
+
setShowTopFade(!entry.isIntersecting);
|
|
26
|
+
}
|
|
27
|
+
else if (entry.target === bottomSentinelRef.current) {
|
|
28
|
+
setShowBottomFade(!entry.isIntersecting);
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
}, { root: container, threshold: 0 });
|
|
32
|
+
if (topSentinelRef.current) {
|
|
33
|
+
observerRef.current.observe(topSentinelRef.current);
|
|
34
|
+
}
|
|
35
|
+
if (bottomSentinelRef.current) {
|
|
36
|
+
observerRef.current.observe(bottomSentinelRef.current);
|
|
37
|
+
}
|
|
38
|
+
}, []);
|
|
39
|
+
useEffect(() => {
|
|
40
|
+
return () => { var _a; return (_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.disconnect(); };
|
|
41
|
+
}, []);
|
|
42
|
+
return { containerRef, topSentinelRef, bottomSentinelRef, showTopFade, showBottomFade };
|
|
43
|
+
};
|
|
44
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlU2Nyb2xsRmFkZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91dGlscy91c2VTY3JvbGxGYWRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFVakU7Ozs7Ozs7R0FPRztBQUNILE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBRyxHQUFlLEVBQUU7SUFDNUMsTUFBTSxjQUFjLEdBQUcsTUFBTSxDQUF3QixJQUFJLENBQUMsQ0FBQztJQUMzRCxNQUFNLGlCQUFpQixHQUFHLE1BQU0sQ0FBd0IsSUFBSSxDQUFDLENBQUM7SUFDOUQsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUE4QixJQUFJLENBQUMsQ0FBQztJQUU5RCxNQUFNLENBQUMsV0FBVyxFQUFFLGNBQWMsQ0FBQyxHQUFHLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN0RCxNQUFNLENBQUMsY0FBYyxFQUFFLGlCQUFpQixDQUFDLEdBQUcsUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRTVELE1BQU0sWUFBWSxHQUFHLFdBQVcsQ0FBQyxDQUFDLFNBQTZCLEVBQUUsRUFBRTs7UUFDakUsTUFBQSxXQUFXLENBQUMsT0FBTywwQ0FBRSxVQUFVLEVBQUUsQ0FBQztRQUVsQyxJQUFJLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDZixPQUFPO1FBQ1QsQ0FBQztRQUVELFdBQVcsQ0FBQyxPQUFPLEdBQUcsSUFBSSxvQkFBb0IsQ0FDNUMsQ0FBQyxPQUFPLEVBQUUsRUFBRTtZQUNWLE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtnQkFDeEIsSUFBSSxLQUFLLENBQUMsTUFBTSxLQUFLLGNBQWMsQ0FBQyxPQUFPLEVBQUUsQ0FBQztvQkFDNUMsY0FBYyxDQUFDLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDO2dCQUN4QyxDQUFDO3FCQUFNLElBQUksS0FBSyxDQUFDLE1BQU0sS0FBSyxpQkFBaUIsQ0FBQyxPQUFPLEVBQUUsQ0FBQztvQkFDdEQsaUJBQWlCLENBQUMsQ0FBQyxLQUFLLENBQUMsY0FBYyxDQUFDLENBQUM7Z0JBQzNDLENBQUM7WUFDSCxDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsRUFDRCxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLENBQUMsRUFBRSxDQUNsQyxDQUFDO1FBRUYsSUFBSSxjQUFjLENBQUMsT0FBTyxFQUFFLENBQUM7WUFDM0IsV0FBVyxDQUFDLE9BQU8sQ0FBQyxPQUFPLENBQUMsY0FBYyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3RELENBQUM7UUFDRCxJQUFJLGlCQUFpQixDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQzlCLFdBQVcsQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3pELENBQUM7SUFDSCxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsT0FBTyxHQUFHLEVBQUUsV0FBQyxPQUFBLE1BQUEsV0FBVyxDQUFDLE9BQU8sMENBQUUsVUFBVSxFQUFFLENBQUEsRUFBQSxDQUFDO0lBQ2pELENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUVQLE9BQU8sRUFBRSxZQUFZLEVBQUUsY0FBYyxFQUFFLGlCQUFpQixFQUFFLFdBQVcsRUFBRSxjQUFjLEVBQUUsQ0FBQztBQUMxRixDQUFDLENBQUMifQ==
|