@aivenio/aquarium 3.2.0 → 4.0.1
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/atoms.cjs +5209 -2707
- package/dist/atoms.mjs +5282 -2783
- package/dist/src/atoms/Button/Button.d.ts +105 -0
- package/dist/src/atoms/Button/Button.js +117 -0
- package/dist/src/atoms/Dialog/Dialog.d.ts +3 -0
- package/dist/src/atoms/Dialog/Dialog.js +7 -1
- package/dist/src/atoms/Link/Link.d.ts +7 -2
- package/dist/src/atoms/Link/Link.js +13 -3
- package/dist/src/atoms/Popover/Popover.d.ts +13 -7
- package/dist/src/atoms/Popover/Popover.js +15 -12
- package/dist/src/atoms/Pressable/Pressable.d.ts +9 -0
- package/dist/src/atoms/Pressable/Pressable.js +24 -0
- package/dist/src/atoms/index.d.ts +1 -0
- package/dist/src/atoms/index.js +2 -1
- package/dist/src/icons/discoveredOrg.d.ts +9 -0
- package/dist/src/icons/discoveredOrg.js +11 -0
- package/dist/src/icons/index.d.ts +1 -0
- package/dist/src/icons/index.js +2 -1
- package/dist/src/molecules/Alert/Alert.d.ts +0 -5
- package/dist/src/molecules/Alert/Alert.js +5 -4
- package/dist/src/molecules/Banner/Banner.d.ts +0 -5
- package/dist/src/molecules/Banner/Banner.js +5 -4
- package/dist/src/molecules/Button/Button.d.ts +35 -186
- package/dist/src/molecules/Button/Button.js +35 -151
- package/dist/src/molecules/Card/Card.d.ts +0 -5
- package/dist/src/molecules/Card/Card.js +4 -5
- package/dist/src/molecules/Card/Compact.js +2 -2
- package/dist/src/molecules/Card/types.d.ts +0 -14
- package/dist/src/molecules/Carousel/Carousel.js +6 -6
- package/dist/src/molecules/Chip/Chip.d.ts +0 -8
- package/dist/src/molecules/Chip/Chip.js +2 -3
- package/dist/src/molecules/Combobox/Combobox.d.ts +2 -6
- package/dist/src/molecules/Combobox/Combobox.js +9 -16
- package/dist/src/molecules/DataList/DataList.d.ts +1 -1
- package/dist/src/molecules/DataList/DataList.js +2 -2
- package/dist/src/molecules/DataList/DataListToolbar.js +2 -2
- package/dist/src/molecules/DataTable/DataTable.d.ts +1 -1
- package/dist/src/molecules/DataTable/DataTable.js +2 -2
- package/dist/src/molecules/DatePicker/Button.d.ts +3 -8
- package/dist/src/molecules/DatePicker/Button.js +9 -28
- package/dist/src/molecules/Drawer/Drawer.js +23 -26
- package/dist/src/molecules/Dropdown/Dropdown.d.ts +3 -2
- package/dist/src/molecules/Dropdown/Dropdown.js +6 -6
- package/dist/src/molecules/DropdownMenu/DropdownMenu.d.ts +4 -4
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +7 -19
- package/dist/src/molecules/EmptyState/EmptyState.d.ts +3 -25
- package/dist/src/molecules/EmptyState/EmptyState.js +5 -35
- package/dist/src/molecules/Link/Link.d.ts +22 -21
- package/dist/src/molecules/Link/Link.js +26 -21
- package/dist/src/molecules/MultiInput/MultiInput.d.ts +1 -5
- package/dist/src/molecules/MultiInput/MultiInput.js +6 -7
- package/dist/src/molecules/MultiSelect/MultiSelect.d.ts +2 -2
- package/dist/src/molecules/MultiSelect/MultiSelect.js +9 -16
- package/dist/src/molecules/PageHeader/PageHeader.js +2 -2
- package/dist/src/molecules/Popover/Popover.d.ts +21 -30
- package/dist/src/molecules/Popover/Popover.js +35 -58
- package/dist/src/molecules/PopoverDialog/PopoverDialog.d.ts +2 -1
- package/dist/src/molecules/PopoverDialog/PopoverDialog.js +36 -25
- package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.d.ts +3 -10
- package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.js +8 -7
- package/dist/src/molecules/Section/Section.js +5 -5
- package/dist/src/molecules/SegmentedControl/SegmentedControl.d.ts +2 -19
- package/dist/src/molecules/SegmentedControl/SegmentedControl.js +3 -3
- package/dist/src/molecules/Select/Select.js +15 -14
- package/dist/src/molecules/Tooltip/Tooltip.d.ts +1 -8
- package/dist/src/molecules/Tooltip/Tooltip.js +3 -3
- package/dist/src/molecules/Typography/Typography.d.ts +0 -20
- package/dist/src/molecules/Typography/Typography.js +1 -27
- package/dist/src/molecules/index.d.ts +0 -3
- package/dist/src/molecules/index.js +1 -4
- package/dist/src/utils/ContrastRatio.js +5 -5
- package/dist/src/utils/actions.d.ts +5 -5
- package/dist/src/utils/actions.js +3 -3
- package/dist/src/utils/constants.d.ts +2 -2
- package/dist/src/utils/constants.js +9 -4
- package/dist/src/utils/form/HelperText/HelperText.js +4 -4
- package/dist/src/utils/form/InputAdornment/InputAdornment.js +3 -3
- package/dist/src/utils/form/Label/Label.d.ts +1 -1
- package/dist/styles.css +57 -119
- package/dist/system.cjs +4044 -1869
- package/dist/system.mjs +3921 -1726
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/ContextualMenu.d.ts +2 -7
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
- package/dist/src/molecules/Flexbox/Flexbox.d.ts +0 -23
- package/dist/src/molecules/Flexbox/Flexbox.js +0 -22
- package/dist/src/molecules/Flexbox/FlexboxItem.d.ts +0 -20
- package/dist/src/molecules/Flexbox/FlexboxItem.js +0 -19
- package/dist/src/molecules/Grid/GridItem.d.ts +0 -24
- package/dist/src/molecules/Grid/GridItem.js +0 -23
- package/dist/src/molecules/Popover/PopoverOverlay.d.ts +0 -21
- package/dist/src/molecules/Popover/PopoverOverlay.js +0 -35
@@ -1,32 +1,43 @@
|
|
1
|
-
|
2
|
-
|
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
|
+
import React, { createContext } from 'react';
|
13
|
+
import { noop, omit } from 'lodash-es';
|
14
|
+
import { Button } from '../../../src/molecules/Button/Button';
|
3
15
|
import { Popover } from '../../../src/molecules/Popover/Popover';
|
4
16
|
import { PopoverDialog as Base } from '../../../src/atoms/PopoverDialog/PopoverDialog';
|
5
|
-
|
6
|
-
|
7
|
-
|
8
|
-
|
9
|
-
|
10
|
-
|
11
|
-
|
12
|
-
|
13
|
-
child,
|
14
|
-
React.createElement(Base.Footer, null,
|
15
|
-
React.createElement(Base.Actions, null,
|
16
|
-
secondaryAction && (React.createElement(Popover.Button, Object.assign({ kind: "secondary-ghost", key: secondaryAction.text, dense: true }, omit(secondaryAction, 'text')), secondaryAction.text)),
|
17
|
-
React.createElement(Popover.Button, Object.assign({ kind: "ghost", key: primaryAction.text, dense: true }, omit(primaryAction, 'text')), primaryAction.text)))));
|
18
|
-
}
|
19
|
-
/**
|
20
|
-
* R19 makes it so that children can be promises and we need to handle that according to types but in reality these wont be promises.
|
21
|
-
* We dont wrap everything into a fragment because we need the child type to remain the same for this type of check: `isComponentType(child, Popover.Trigger)`
|
22
|
-
*/
|
23
|
-
return child instanceof Promise ? React.createElement(React.Fragment, null, child) : child;
|
24
|
-
};
|
25
|
-
return (React.createElement(Popover, { type: "dialog", isOpen: open, placement: placement, containFocus: true }, React.Children.map(children, wrapPromptWithBody)));
|
17
|
+
const PopoverDialogPropsContext = createContext({
|
18
|
+
title: '',
|
19
|
+
primaryAction: { text: '', onClick: noop },
|
20
|
+
});
|
21
|
+
const PopoverDialog = (_a) => {
|
22
|
+
var { placement, open, children } = _a, props = __rest(_a, ["placement", "open", "children"]);
|
23
|
+
return (React.createElement(Popover, { placement: placement },
|
24
|
+
React.createElement(PopoverDialogPropsContext.Provider, { value: props }, children)));
|
26
25
|
};
|
27
26
|
PopoverDialog.Trigger = Popover.Trigger;
|
28
|
-
const Prompt = ({ children }) =>
|
27
|
+
const Prompt = ({ children }) => {
|
28
|
+
const { title, primaryAction, secondaryAction } = React.useContext(PopoverDialogPropsContext);
|
29
|
+
return (React.createElement(Popover.Panel, { className: "Aquarium-PopoverDialog max-w-[300px]" },
|
30
|
+
React.createElement(Base.Header, null,
|
31
|
+
React.createElement(Base.Title, null, title)),
|
32
|
+
React.createElement(Base.Body, null, children),
|
33
|
+
React.createElement(Base.Footer, null,
|
34
|
+
React.createElement(Base.Actions, null,
|
35
|
+
secondaryAction && (React.createElement(Popover.CloseToggle, null,
|
36
|
+
React.createElement(Button, Object.assign({ key: secondaryAction.text, kind: "secondary", dense: true }, omit(secondaryAction, 'text')), secondaryAction.text))),
|
37
|
+
React.createElement(Popover.CloseToggle, null,
|
38
|
+
React.createElement(Button, Object.assign({ key: primaryAction.text, kind: "ghost", dense: true }, omit(primaryAction, 'text')), primaryAction.text))))));
|
39
|
+
};
|
29
40
|
Prompt.displayName = 'PopoverDialog.Prompt';
|
30
41
|
PopoverDialog.Prompt = Prompt;
|
31
42
|
export { PopoverDialog };
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
43
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUG9wb3ZlckRpYWxvZy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUG9wb3ZlckRpYWxvZy9Qb3BvdmVyRGlhbG9nLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQzdDLE9BQU8sRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBRXZDLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFeEQsT0FBTyxFQUFFLGFBQWEsSUFBSSxJQUFJLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQVU5RSxNQUFNLHlCQUF5QixHQUFHLGFBQWEsQ0FBZ0Q7SUFDN0YsS0FBSyxFQUFFLEVBQUU7SUFDVCxhQUFhLEVBQUUsRUFBRSxJQUFJLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxJQUFJLEVBQUU7Q0FDM0MsQ0FBQyxDQUFDO0FBRUgsTUFBTSxhQUFhLEdBR2YsQ0FBQyxFQUF1QyxFQUFFLEVBQUU7UUFBM0MsRUFBRSxTQUFTLEVBQUUsSUFBSSxFQUFFLFFBQVEsT0FBWSxFQUFQLEtBQUssY0FBckMsaUNBQXVDLENBQUY7SUFDeEMsT0FBTyxDQUNMLG9CQUFDLE9BQU8sSUFBQyxTQUFTLEVBQUUsU0FBUztRQUMzQixvQkFBQyx5QkFBeUIsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEtBQUssSUFBRyxRQUFRLENBQXNDLENBQ3pGLENBQ1gsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLGFBQWEsQ0FBQyxPQUFPLEdBQUcsT0FBTyxDQUFDLE9BQU8sQ0FBQztBQUV4QyxNQUFNLE1BQU0sR0FBc0MsQ0FBQyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7SUFDakUsTUFBTSxFQUFFLEtBQUssRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDO0lBQzlGLE9BQU8sQ0FDTCxvQkFBQyxPQUFPLENBQUMsS0FBSyxJQUFDLFNBQVMsRUFBQyxzQ0FBc0M7UUFDN0Qsb0JBQUMsSUFBSSxDQUFDLE1BQU07WUFDVixvQkFBQyxJQUFJLENBQUMsS0FBSyxRQUFFLEtBQUssQ0FBYyxDQUNwQjtRQUNkLG9CQUFDLElBQUksQ0FBQyxJQUFJLFFBQUUsUUFBUSxDQUFhO1FBQ2pDLG9CQUFDLElBQUksQ0FBQyxNQUFNO1lBQ1Ysb0JBQUMsSUFBSSxDQUFDLE9BQU87Z0JBQ1YsZUFBZSxJQUFJLENBQ2xCLG9CQUFDLE9BQU8sQ0FBQyxXQUFXO29CQUNsQixvQkFBQyxNQUFNLGtCQUFDLEdBQUcsRUFBRSxlQUFlLENBQUMsSUFBSSxFQUFFLElBQUksRUFBQyxXQUFXLEVBQUMsS0FBSyxVQUFLLElBQUksQ0FBQyxlQUFlLEVBQUUsTUFBTSxDQUFDLEdBQ3hGLGVBQWUsQ0FBQyxJQUFJLENBQ2QsQ0FDVyxDQUN2QjtnQkFDRCxvQkFBQyxPQUFPLENBQUMsV0FBVztvQkFDbEIsb0JBQUMsTUFBTSxrQkFBQyxHQUFHLEVBQUUsYUFBYSxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUMsT0FBTyxFQUFDLEtBQUssVUFBSyxJQUFJLENBQUMsYUFBYSxFQUFFLE1BQU0sQ0FBQyxHQUNoRixhQUFhLENBQUMsSUFBSSxDQUNaLENBQ1csQ0FDVCxDQUNILENBQ0EsQ0FDakIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUNGLE1BQU0sQ0FBQyxXQUFXLEdBQUcsc0JBQXNCLENBQUM7QUFDNUMsYUFBYSxDQUFDLE1BQU0sR0FBRyxNQUFNLENBQUM7QUFFOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxDQUFDIn0=
|
@@ -2,14 +2,7 @@ import React from 'react';
|
|
2
2
|
import { type RadioButtonProps } from '../../../src/molecules/RadioButton/RadioButton';
|
3
3
|
import { type ColumnCount } from '../../../src/atoms/InputGroup/InputGroup';
|
4
4
|
import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
|
5
|
-
import type {
|
6
|
-
type LegacyLayout = {
|
7
|
-
/**
|
8
|
-
* Flexbox direction attribute for children.
|
9
|
-
* @deprecated Please use `cols` property instead.
|
10
|
-
*/
|
11
|
-
direction?: 'column' | 'row';
|
12
|
-
};
|
5
|
+
import type { EmptyOrOneOrMore } from '../../../types/utils';
|
13
6
|
type ColumnLayout = {
|
14
7
|
/**
|
15
8
|
* Number of columns for children.
|
@@ -17,7 +10,7 @@ type ColumnLayout = {
|
|
17
10
|
*/
|
18
11
|
cols?: ColumnCount;
|
19
12
|
};
|
20
|
-
export type RadioButtonGroupProps =
|
13
|
+
export type RadioButtonGroupProps = ColumnLayout & Omit<LabelControlProps, 'length' | 'maxLength'> & {
|
21
14
|
/** Group name that will be propagated to all children. */
|
22
15
|
name: string;
|
23
16
|
/**
|
@@ -49,7 +42,7 @@ export type RadioButtonGroupProps = Either<LegacyLayout, ColumnLayout> & Omit<La
|
|
49
42
|
export declare const RadioButtonGroup: React.FC<RadioButtonGroupProps> & {
|
50
43
|
Skeleton: typeof RadioButtonGroupSkeleton;
|
51
44
|
};
|
52
|
-
type SkeletonProps = Pick<RadioButtonGroupProps, '
|
45
|
+
type SkeletonProps = Pick<RadioButtonGroupProps, 'cols'> & {
|
53
46
|
options?: number;
|
54
47
|
};
|
55
48
|
declare const RadioButtonGroupSkeleton: React.FC<SkeletonProps>;
|
@@ -11,17 +11,17 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
13
|
import { useId } from '@react-aria/utils';
|
14
|
-
import { Flexbox } from '../../../src/molecules/Flexbox/Flexbox';
|
15
14
|
import { RadioButton } from '../../../src/molecules/RadioButton/RadioButton';
|
16
15
|
import { InputGroup } from '../../../src/atoms/InputGroup/InputGroup';
|
17
16
|
import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
|
18
17
|
import { tw } from '../../../src/utils/tailwind';
|
18
|
+
import { Box } from '../Box/Box';
|
19
19
|
const isRadioButton = (c) => {
|
20
20
|
return React.isValidElement(c) && c.type === RadioButton;
|
21
21
|
};
|
22
22
|
export const RadioButtonGroup = (_a) => {
|
23
23
|
var _b;
|
24
|
-
var { name, value: _value, defaultValue, onChange,
|
24
|
+
var { name, value: _value, defaultValue, onChange, cols, readOnly, children } = _a, props = __rest(_a, ["name", "value", "defaultValue", "onChange", "cols", "readOnly", "children"]);
|
25
25
|
const [value, setValue] = React.useState((_b = _value !== null && _value !== void 0 ? _value : defaultValue) !== null && _b !== void 0 ? _b : '');
|
26
26
|
const errorMessageId = useId();
|
27
27
|
const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
|
@@ -52,15 +52,16 @@ export const RadioButtonGroup = (_a) => {
|
|
52
52
|
});
|
53
53
|
return (React.createElement(LabelControl, Object.assign({ fieldset: true }, labelControlProps, errorProps, { className: "Aquarium-RadioButtonGroup" }),
|
54
54
|
cols && React.createElement(InputGroup, { cols: cols }, content),
|
55
|
-
!cols && (React.createElement(
|
55
|
+
!cols && (React.createElement(Box.Flex, { flexDirection: "row", alignItems: "flex-start", colGap: "8", rowGap: "3", flexWrap: "wrap" }, content))));
|
56
56
|
};
|
57
|
-
const RadioButtonGroupSkeleton = ({
|
57
|
+
const RadioButtonGroupSkeleton = ({ cols, options = 2 }) => {
|
58
|
+
const isRow = !cols || parseInt(cols, 10) > 1;
|
58
59
|
return (React.createElement(LabelControl.Skeleton, null,
|
59
60
|
React.createElement("div", { className: tw('flex flex-wrap', {
|
60
|
-
'flex-row gap-8':
|
61
|
-
'flex-col gap-2':
|
61
|
+
'flex-row gap-8': isRow,
|
62
|
+
'flex-col gap-2': !isRow,
|
62
63
|
}) }, Array.from({ length: options }).map((_, key) => (React.createElement(RadioButton.Skeleton, { key: key }))))));
|
63
64
|
};
|
64
65
|
RadioButtonGroup.Skeleton = RadioButtonGroupSkeleton;
|
65
66
|
RadioButtonGroup.Skeleton.displayName = 'RadioButtonGroup.Skeleton';
|
66
|
-
//# sourceMappingURL=data:application/json;base64,
|
67
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9CdXR0b25Hcm91cC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvUmFkaW9CdXR0b25Hcm91cC9SYWRpb0J1dHRvbkdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFMUMsT0FBTyxFQUFFLFdBQVcsRUFBeUIsTUFBTSx1Q0FBdUMsQ0FBQztBQUUzRixPQUFPLEVBQW9CLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRS9FLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxZQUFZLEVBQTBCLE1BQU0sNEJBQTRCLENBQUM7QUFDeEcsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBRXhDLE9BQU8sRUFBRSxHQUFHLEVBQUUsTUFBTSxZQUFZLENBQUM7QUFJakMsTUFBTSxhQUFhLEdBQUcsQ0FBQyxDQUFrQixFQUE2QyxFQUFFO0lBQ3RGLE9BQU8sS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxLQUFLLFdBQVcsQ0FBQztBQUMzRCxDQUFDLENBQUM7QUErQ0YsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQW9GLENBQUMsRUFTakgsRUFBRSxFQUFFOztRQVQ2RyxFQUNoSCxJQUFJLEVBQ0osS0FBSyxFQUFFLE1BQU0sRUFDYixZQUFZLEVBQ1osUUFBUSxFQUNSLElBQUksRUFDSixRQUFRLEVBQ1IsUUFBUSxPQUVULEVBREksS0FBSyxjQVJ3Ryw2RUFTakgsQ0FEUztJQUVSLE1BQU0sQ0FBQyxLQUFLLEVBQUUsUUFBUSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBUyxNQUFBLE1BQU0sYUFBTixNQUFNLGNBQU4sTUFBTSxHQUFJLFlBQVksbUNBQUksRUFBRSxDQUFDLENB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
|
@@ -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;
|
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;
|
@@ -49,7 +49,7 @@ export const Section = (props) => {
|
|
49
49
|
}, []);
|
50
50
|
// contextual menu related props
|
51
51
|
const menu = title ? ((_c = props.menu) !== null && _c !== void 0 ? _c : undefined) : undefined;
|
52
|
-
const menuAriaLabel = title ? ((
|
52
|
+
const menuAriaLabel = title ? ((_d = props.menuAriaLabel) !== null && _d !== void 0 ? _d : 'Context menu') : undefined;
|
53
53
|
const onAction = title ? props.onAction : undefined;
|
54
54
|
const onMenuOpenChange = title ? props.onMenuOpenChange : undefined;
|
55
55
|
const onCollapsedChange = title ? props.onCollapsedChange : 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 _e = useSpring({
|
73
73
|
height: height !== null ? targetHeight : undefined,
|
74
74
|
opacity: isCollapsed ? 0 : 1,
|
75
75
|
transform: `rotate(${isCollapsed ? 90 : 180}deg)`,
|
@@ -79,7 +79,7 @@ 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 } = _e, spring = __rest(_e, ["transform"]);
|
83
83
|
const toggleId = useId();
|
84
84
|
const regionId = useId();
|
85
85
|
const titleId = useId();
|
@@ -125,4 +125,4 @@ export const Section = (props) => {
|
|
125
125
|
React.createElement("div", { ref: ref }, hasTabs ? (React.createElement(SectionTabs, Object.assign({}, children.props, { className: tw('[&>div:first-child]:px-3 grow flex flex-col overflow-y-auto', { 'mt-4': _collapsible }) }))) : (React.createElement(BaseSection.Body, null, children))))));
|
126
126
|
};
|
127
127
|
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))));
|
128
|
-
//# sourceMappingURL=data:application/json;base64,
|
128
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VjdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VjdGlvbi9TZWN0aW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3RDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUMvQyxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUN4RCxPQUFPLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUVuRCxPQUFPLEVBQUUsR0FBRyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0MsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ3JELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUF3QixNQUFNLHlCQUF5QixDQUFDO0FBQ2pGLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSx5Q0FBeUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDOUQsT0FBTyxFQUFtQixVQUFVLEVBQXdCLE1BQU0sNkJBQTZCLENBQUM7QUFDaEcsT0FBTyxFQUFFLE1BQU0sRUFBb0IsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsUUFBUSxFQUFFLE9BQU8sRUFBaUIsSUFBSSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDdEcsT0FBTyxFQUFFLFFBQVEsRUFBc0IsTUFBTSxpQ0FBaUMsQ0FBQztBQUUvRSxPQUFPLEVBQUUsT0FBTyxJQUFJLFdBQVcsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBRW5FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUNqRCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDeEMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ2xELE9BQU8sRUFBa0MsOEJBQThCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN0RyxPQUFPLEVBQStCLGVBQWUsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUUzRSxPQUFPLElBQUksTUFBTSxnQkFBZ0IsQ0FBQztBQXFGbEMsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFHLENBQXdDLEtBQStDLEVBQUUsRUFBRTs7SUFDaEgsTUFBTSxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLEdBQUcsS0FBSyxDQUFDO0lBRTVDLE1BQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFBLEtBQUssQ0FBQyxXQUFXLG1DQUFJLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUM7SUFDbEUsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDdkQseUNBQXlDO0lBQ3pDLE1BQU0saUJBQWlCLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQUEsS0FBSyxDQUFDLGdCQUFnQixtQ0FBSSxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO0lBQzVFLE1BQU0sQ0FBQyxXQUFXLEVBQUUsWUFBWSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBVSxVQUFVLGFBQVYsVUFBVSxjQUFWLFVBQVUsR0FBSSxpQkFBaUIsQ0FBQyxDQUFDO0lBQzdGLE1BQU0sQ0FBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBVSxJQUFJLENBQUMsQ0FBQztJQUM5RCxNQUFNLENBQUMsR0FBRyxFQUFFLEVBQUUsTUFBTSxFQUFFLENBQUMsR0FBRyxVQUFVLEVBQWtCLENBQUM7SUFDdkQsTUFBTSxhQUFhLEdBQUcsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUVuRCw2RUFBNkU7SUFDN0UsZ0VBQWdFO0lBQ2hFLE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxJQUFJLENBQUMsQ0FBQztJQUMvQixLQUFLLENBQUMsU0FBUyxDQUNiLEdBQUcsRUFBRSxDQUFDLEdBQUcsRUFBRTtRQUNULFNBQVMsQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO0lBQzVCLENBQUMsRUFDRCxFQUFFLENBQ0gsQ0FBQztJQUVGLGdDQUFnQztJQUNoQyxNQUFNLElBQUksR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBQSxLQUFLLENBQUMsSUFBSSxtQ0FBSSxTQUFTLENBQUMsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQzNELE1BQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFBLEtBQUssQ0FBQyxhQUFhLG1DQUFJLGNBQWMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDbEYsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUM7SUFDcEQsTUFBTSxnQkFBZ0IsR0FBRyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDO0lBQ3BFLE1BQU0saUJBQWlCLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQztJQUV0RSxJQUFJLEtBQUssSUFBSSxDQUFDLFdBQVcsQ0FBQyxLQUFLLENBQUMsU0FBUyxDQUFDLElBQUksS0FBSyxDQUFDLFNBQVMsS0FBSyxXQUFXLEVBQUUsQ0FBQztRQUM5RSxZQUFZLENBQUMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQ2hDLENBQUM7SUFFRCxNQUFNLGdCQUFnQixHQUFHLEdBQUcsRUFBRTtRQUM1QixJQUFJLFlBQVksRUFBRSxDQUFDO1lBQ2pCLCtGQUErRjtZQUMvRixJQUFJLGlCQUFpQixFQUFFLENBQUM7Z0JBQ3RCLGlCQUFpQixDQUFDLENBQUMsV0FBVyxDQUFDLENBQUM7WUFDbEMsQ0FBQztZQUNELGdHQUFnRztZQUNoRyxJQUFJLFVBQVUsS0FBSyxTQUFTLEVBQUUsQ0FBQztnQkFDN0IsWUFBWSxDQUFDLENBQUMsV0FBVyxDQUFDLENBQUM7WUFDN0IsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDLENBQUM7SUFFRixNQUFNLFlBQVksR0FBRyxXQUFXLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsR0FBRyxNQUFNLGFBQU4sTUFBTSxjQUFOLE1BQU0sR0FBSSxDQUFDLElBQUksQ0FBQztJQUM5RCxNQUFNLEtBQTJCLFNBQVMsQ0FBQztRQUN6QyxNQUFNLEVBQUUsTUFBTSxLQUFLLElBQUksQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxTQUFTO1FBQ2xELE9BQU8sRUFBRSxXQUFXLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQztRQUM1QixTQUFTLEVBQUUsVUFBVSxXQUFXLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsR0FBRyxNQUFNO1FBQ2pELE1BQU0sRUFBRTtZQUNOLFFBQVEsRUFBRSxHQUFHO1NBQ2Q7UUFDRCxTQUFTLEVBQUUsQ0FBQyxZQUFZO1FBQ3hCLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxTQUFTLENBQUMsT0FBTyxJQUFJLFVBQVUsQ0FBQyxLQUFLLENBQUM7UUFDckQsTUFBTSxFQUFFLEdBQUcsRUFBRSxDQUFDLFNBQVMsQ0FBQyxPQUFPLElBQUksVUFBVSxDQUFDLElBQUksQ0FBQztLQUNwRCxDQUFDLEVBVkksRUFBRSxTQUFTLE9BVWYsRUFWb0IsTUFBTSxjQUF0QixhQUF3QixDQVU1QixDQUFDO0lBRUgsTUFBTSxRQUFRLEdBQUcsS0FBSyxFQUFFLENBQUM7SUFDekIsTUFBTSxRQUFRLEdBQUcsS0FBSyxFQUFFLENBQUM7SUFDekIsTUFBTSxPQUFPLEdBQUcsS0FBSyxFQUFFLENBQUM7SUFFeEIsTUFBTSxPQUFPLEdBQUcsZUFBZSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsQ0FBQztJQUVoRCxNQUFNLEVBQUUsV0FBVyxFQUFFLEdBQUcsU0FBUyxDQUMvQixFQUFFLGFBQWEsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLGdCQUFnQixFQUFFLGVBQWUsRUFBRSxDQUFDLFdBQVcsRUFBRSxlQUFlLEVBQUUsUUFBUSxFQUFFLEVBQy9HLGFBQWEsQ0FDZCxDQUFDO0lBRUYsT0FBTyxDQUNMLG9CQUFDLFdBQVcsa0JBQWEsS0FBSyxFQUFFLFNBQVMsRUFBRSxZQUFZLENBQUMsQ0FBQyxDQUFDLDhCQUE4QixDQUFDLENBQUMsQ0FBQyxrQkFBa0I7UUFDMUcsS0FBSyxJQUFJLENBQ1I7WUFDRSxvQkFBQyxXQUFXLENBQUMsTUFBTSxJQUFDLFFBQVEsRUFBRSxZQUFZLElBQUksQ0FBQyxXQUFXO2dCQUN4RCxvQkFBQyxXQUFXLENBQUMsY0FBYyxvQkFDckIsQ0FBQyxZQUFZO29CQUNmLENBQUMsaUNBQ00sV0FBVyxLQUNkLGFBQWEsRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFOzRCQUNuQixDQUFDLENBQUMsY0FBYyxFQUFFLENBQUM7NEJBQ25CLGdCQUFnQixFQUFFLENBQUMsQ0FBQyxtTEFBbUw7d0JBQ3pNLENBQUMsSUFFTCxDQUFDLENBQUMsRUFBRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsQ0FBQyxJQUNsQyxHQUFHLEVBQUUsWUFBWSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDN0MsRUFBRSxFQUFFLFFBQVEsRUFDWixXQUFXLEVBQUUsWUFBWTtvQkFFeEIsWUFBWSxJQUFJO29CQUNmLCtEQUErRDtvQkFDL0Qsb0JBQUMsUUFBUSxDQUFDLEdBQUcsSUFBQyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUU7d0JBQ2hDLG9CQUFDLFdBQVcsQ0FBQyxNQUFNLE9BQUcsQ0FDVCxDQUNoQjtvQkFDRCxvQkFBQyxXQUFXLENBQUMsS0FBSyxJQUFDLEVBQUUsRUFBRSxPQUFPO3dCQUM1QixvQkFBQyxTQUFTLElBQUMsS0FBSyxFQUFFLENBQUMsSUFBRyxLQUFLLENBQWE7d0JBQ3ZDLEtBQUssQ0FBQyxHQUFHLElBQUksb0JBQUMsUUFBUSxvQkFBSyxLQUFLLENBQUMsR0FBRyxFQUFJO3dCQUN4QyxLQUFLLENBQUMsS0FBSyxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsS0FBSyxDQUFDLEtBQUssR0FBSTt3QkFDMUMsS0FBSyxDQUFDLElBQUksSUFBSSxvQkFBQyxVQUFVLG9CQUFLLEtBQUssQ0FBQyxJQUFJLEVBQUksQ0FDM0I7b0JBQ25CLFFBQVEsSUFBSSxDQUNYLG9CQUFDLFdBQVcsQ0FBQyxRQUFRLElBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxhQUFhLEVBQUUsRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLENBQUM7d0JBQ2pGLG9CQUFDLFNBQVMsSUFBQyxLQUFLLEVBQUUsQ0FBQyxJQUFHLFFBQVEsQ0FBYSxDQUN0QixDQUN4QixDQUMwQjtnQkFDNUIsQ0FBQyxXQUFXLElBQUksQ0FDZixvQkFBQyxXQUFXLENBQUMsT0FBTztvQkFDakIsS0FBSyxDQUFDLE1BQU0sSUFBSSxvQkFBQyxNQUFNLG9CQUFLLEtBQUssQ0FBQyxNQUFNLEVBQUk7b0JBQzVDLElBQUksSUFBSSxDQUNQLG9CQUFDLEdBQUcsQ0FBQyxJQUFJLElBQUMsVUFBVSxFQUFDLFFBQVE7d0JBQzNCLG9CQUFDLFlBQVksSUFDWCxRQUFRLEVBQUUsQ0FBQyxNQUFNLEVBQUUsRUFBRSxDQUFDLFFBQVEsYUFBUixRQUFRLHVCQUFSLFFBQVEsQ0FBRyxNQUFNLENBQUMsRUFDeEMsWUFBWSxFQUFFLGdCQUFnQixFQUM5QixTQUFTLEVBQUUsOEJBQThCOzRCQUV6QyxvQkFBQyxZQUFZLENBQUMsT0FBTztnQ0FDbkIsb0JBQUMsTUFBTSxDQUFDLElBQUksa0JBQWEsYUFBYSxFQUFFLElBQUksRUFBRSxJQUFJLEdBQUksQ0FDakM7NEJBQ3RCLElBQUksQ0FDUSxDQUNOLENBQ1o7b0JBQ0EsS0FBSyxDQUFDLE9BQU87d0JBQ1osU0FBUyxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUM7NkJBQ3JCLE1BQU0sQ0FBQyxPQUFPLENBQUM7NkJBQ2YsR0FBRyxDQUFDLENBQUMsTUFBTSxFQUFFLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFBRSxJQUFJLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxDQUFDLENBQUM7b0JBRWhFLEtBQUssQ0FBQyxNQUFNLElBQUksb0JBQUMsVUFBVSxxQ0FBa0IsT0FBTyxJQUFNLEtBQUssQ0FBQyxNQUFNLEVBQUksQ0FDdkQsQ0FDdkIsQ0FDa0I7WUFDcEIsQ0FBQyxPQUFPLElBQUksQ0FBQyxXQUFXLElBQUk7WUFDM0IsK0RBQStEO1lBQy9ELG9CQUFDLFFBQVEsQ0FBQyxHQUFHLElBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFBRSxLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsb0NBQW9DLEVBQUUsR0FBSSxDQUM3RyxDQUNBLENBQ0o7UUFFRCxvQkFBQyxRQUFRLENBQUMsR0FBRyxJQUNYLEVBQUUsRUFBRSxRQUFRLGlCQUNDLFlBQVksQ0FBQyxDQUFDLENBQUMsQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxDQUFDLFNBQVMsRUFDeEUsS0FBSyxFQUFFLE1BQU07WUFDYixzSEFBc0g7WUFDdEgsU0FBUyxFQUFFLEVBQUUsQ0FBQyxFQUFFLGlCQUFpQixFQUFFLFlBQVksSUFBSSxDQUFDLFdBQVcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxFQUFFLENBQUM7WUFPakYsNkJBQUssR0FBRyxFQUFFLEdBQUcsSUFDVixPQUFPLENBQUMsQ0FBQyxDQUFDLENBQ1Qsb0JBQUMsV0FBVyxvQkFDTixRQUFRLENBQUMsS0FBSyxJQUNsQixTQUFTLEVBQUUsRUFBRSxDQUFDLDZEQUE2RCxFQUFFLEVBQUUsTUFBTSxFQUFFLFlBQVksRUFBRSxDQUFDLElBQ3RHLENBQ0gsQ0FBQyxDQUFDLENBQUMsQ0FDRixvQkFBQyxXQUFXLENBQUMsSUFBSSxRQUFFLFFBQVEsQ0FBb0IsQ0FDaEQsQ0FDRyxDQUNPLENBQ0gsQ0FDZixDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsTUFBTSxXQUFXLEdBQUcsbUJBQW1CLENBQUMsUUFBUSxFQUFFLE9BQU8sRUFBRSxhQUFhLEVBQUUsQ0FBQyxRQUFRLEVBQUUsUUFBUSxFQUFFLEVBQUUsQ0FBQyxDQUNoRyxvQkFBQyxXQUFXLENBQUMsSUFBSSxRQUNkLFFBQVEsQ0FBQyxJQUFJLENBQ1osQ0FBQyxJQUE4QyxFQUFFLEtBQUssRUFBRSxFQUFFLENBQUMsQ0FBQSxJQUFJLGFBQUosSUFBSSx1QkFBSixJQUFJLENBQUUsS0FBSyxDQUFDLEtBQUssTUFBSyxRQUFRLElBQUksS0FBSyxLQUFLLFFBQVEsQ0FDaEgsQ0FDZ0IsQ0FDcEIsQ0FBQyxDQUFDIn0=
|
@@ -1,5 +1,4 @@
|
|
1
1
|
import React from 'react';
|
2
|
-
type Variant = 'filled' | 'outlined' | 'raised';
|
3
2
|
type Value = number | string;
|
4
3
|
type SegmentedControlProvidedProps<V> = {
|
5
4
|
value: V;
|
@@ -7,29 +6,13 @@ type SegmentedControlProvidedProps<V> = {
|
|
7
6
|
type SegmentedControlInheritedProps = {
|
8
7
|
onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
9
8
|
selected?: boolean;
|
10
|
-
/**
|
11
|
-
* @deprecated Use the default size instead
|
12
|
-
*/
|
13
|
-
dense?: boolean;
|
14
|
-
/**
|
15
|
-
* @deprecated Use the default variant instead
|
16
|
-
*/
|
17
|
-
variant?: Variant;
|
18
9
|
};
|
19
10
|
export type SegmentedControlProps<V = unknown> = React.ButtonHTMLAttributes<HTMLButtonElement> & SegmentedControlInheritedProps & SegmentedControlProvidedProps<V>;
|
20
|
-
export declare const SegmentedControl: <V extends Value>({ children, value,
|
11
|
+
export declare const SegmentedControl: <V extends Value>({ children, value, selected, className, ...rest }: SegmentedControlProps<V>) => React.JSX.Element;
|
21
12
|
export type SegmentedControlGroupProps<V = unknown> = Omit<React.HTMLProps<HTMLUListElement>, 'onChange'> & {
|
22
13
|
value: V;
|
23
14
|
onChange: (value: V) => void;
|
24
15
|
children: Array<React.ReactElement<SegmentedControlProps<V>>>;
|
25
|
-
/**
|
26
|
-
* @deprecated Use the default variant instead
|
27
|
-
*/
|
28
|
-
variant?: Variant;
|
29
|
-
/**
|
30
|
-
* @deprecated Use the default size instead
|
31
|
-
*/
|
32
|
-
dense?: boolean;
|
33
16
|
/**
|
34
17
|
* Text describing the control group for user with
|
35
18
|
* assistive technology that can't get the visual info
|
@@ -38,5 +21,5 @@ export type SegmentedControlGroupProps<V = unknown> = Omit<React.HTMLProps<HTMLU
|
|
38
21
|
*/
|
39
22
|
ariaLabel?: string;
|
40
23
|
};
|
41
|
-
export declare const SegmentedControlGroup: <V extends Value>({ value, onChange,
|
24
|
+
export declare const SegmentedControlGroup: <V extends Value>({ value, onChange, children, className, ariaLabel, ...rest }: SegmentedControlGroupProps<V>) => React.JSX.Element;
|
42
25
|
export {};
|
@@ -12,12 +12,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
12
12
|
import React from 'react';
|
13
13
|
import { classNames, tw } from '../../../src/utils/tailwind';
|
14
14
|
export const SegmentedControl = (_a) => {
|
15
|
-
var { children, value,
|
15
|
+
var { children, value, selected = false, className } = _a, rest = __rest(_a, ["children", "value", "selected", "className"]);
|
16
16
|
return (React.createElement("li", null,
|
17
17
|
React.createElement("button", Object.assign({ type: "button" }, rest, { className: classNames(getBaseSegmentedControlClassNames(selected), className), "aria-pressed": selected }), children)));
|
18
18
|
};
|
19
19
|
export const SegmentedControlGroup = (_a) => {
|
20
|
-
var { value, onChange,
|
20
|
+
var { value, onChange, children, className, ariaLabel } = _a, rest = __rest(_a, ["value", "onChange", "children", "className", "ariaLabel"]);
|
21
21
|
return (React.createElement("ul", Object.assign({}, rest, { "aria-label": ariaLabel, className: classNames('Aquarium-SegmentedControl', 'flex border border-default rounded-sm divide-x divide-grey-20', className) }), React.Children.map(children, (child) => React.cloneElement(child, {
|
22
22
|
onClick: () => onChange(child.props.value),
|
23
23
|
selected: child.props.value === value,
|
@@ -28,4 +28,4 @@ const getBaseSegmentedControlClassNames = (selected) => tw('transition whitespac
|
|
28
28
|
'typography-small text-default bg-body': !selected,
|
29
29
|
'typography-small-strong text-primary-intense relative z-40 ring-1 ring-offset-0 ring-primary-default': selected,
|
30
30
|
});
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VnbWVudGVkQ29udHJvbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvU2VnbWVudGVkQ29udHJvbC9TZWdtZW50ZWRDb250cm9sLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBbUJwRCxNQUFNLENBQUMsTUFBTSxnQkFBZ0IsR0FBRyxDQUFrQixFQU12QixFQUFFLEVBQUU7UUFObUIsRUFDaEQsUUFBUSxFQUNSLEtBQUssRUFDTCxRQUFRLEdBQUcsS0FBSyxFQUNoQixTQUFTLE9BRWdCLEVBRHRCLElBQUksY0FMeUMsOENBTWpELENBRFE7SUFDdUIsT0FBQSxDQUM5QjtRQUNFLDhDQUNFLElBQUksRUFBQyxRQUFRLElBQ1QsSUFBSSxJQUNSLFNBQVMsRUFBRSxVQUFVLENBQUMsaUNBQWlDLENBQUMsUUFBUSxDQUFDLEVBQUUsU0FBUyxDQUFDLGtCQUMvRCxRQUFRLEtBRXJCLFFBQVEsQ0FDRixDQUNOLENBQ04sQ0FBQTtDQUFBLENBQUM7QUFtQkYsTUFBTSxDQUFDLE1BQU0scUJBQXFCLEdBQUcsQ0FBa0IsRUFPdkIsRUFBRSxFQUFFO1FBUG1CLEVBQ3JELEtBQUssRUFDTCxRQUFRLEVBQ1IsUUFBUSxFQUNSLFNBQVMsRUFDVCxTQUFTLE9BRXFCLEVBRDNCLElBQUksY0FOOEMsMkRBT3RELENBRFE7SUFFUCxPQUFPLENBQ0wsNENBQ00sSUFBSSxrQkFDSSxTQUFTLEVBQ3JCLFNBQVMsRUFBRSxVQUFVLENBQ25CLDJCQUEyQixFQUMzQiwrREFBK0QsRUFDL0QsU0FBUyxDQUNWLEtBRUEsS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUUsQ0FDdEMsS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUU7UUFDeEIsT0FBTyxFQUFFLEdBQUcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQztRQUMxQyxRQUFRLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxLQUFLLEtBQUssS0FBSztLQUN0QyxDQUFDLENBQ0gsQ0FDRSxDQUNOLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRiw4QkFBOEI7QUFFOUIsTUFBTSxpQ0FBaUMsR0FBRyxDQUFDLFFBQWlCLEVBQUUsRUFBRSxDQUM5RCxFQUFFLENBQ0EsK0VBQStFLEVBQy9FLGlJQUFpSSxFQUNqSSxzRUFBc0UsRUFDdEU7SUFDRSx1Q0FBdUMsRUFBRSxDQUFDLFFBQVE7SUFDbEQsc0dBQXNHLEVBQUUsUUFBUTtDQUNqSCxDQUNGLENBQUMifQ==
|
@@ -10,13 +10,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
/* eslint-disable react-hooks/rules-of-hooks */
|
13
|
-
import React, { useRef, useState } from 'react';
|
13
|
+
import React, { useEffect, useRef, useState } from 'react';
|
14
|
+
import { ariaHideOutside } from '@react-aria/overlays';
|
14
15
|
import { useId } from '@react-aria/utils';
|
15
16
|
import { useSelect } from 'downshift';
|
16
17
|
import { defaults, isNil, omit, without } from 'lodash-es';
|
17
18
|
import { InlineIcon } from '../../../src/molecules/Icon/Icon';
|
18
|
-
import { PopoverOverlay } from '../../../src/molecules/Popover/PopoverOverlay';
|
19
19
|
import { defaultGetValue, hasOptionGroups } from '../../../src/molecules/Select/utils';
|
20
|
+
import { Popover } from '../../../src/atoms/Popover/Popover';
|
20
21
|
import { getOptionLabelBuiltin, isOptionDisabledBuiltin, Select as Base } from '../../../src/atoms/Select/Select';
|
21
22
|
import { Skeleton } from '../../../src/atoms/Skeleton/Skeleton';
|
22
23
|
import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
|
@@ -46,6 +47,8 @@ const _SelectBase = (props) => {
|
|
46
47
|
});
|
47
48
|
const { id, name, placeholder, disabled, readOnly, maxHeight, options, optionToString: itemToString, getValue, getOptionKey, UNSAFE_renderOption, isOptionDisabled, defaultValue, value, onChange, valid, emptyState, actions, children } = withDefaults, rest = __rest(withDefaults, ["id", "name", "placeholder", "disabled", "readOnly", "maxHeight", "options", "optionToString", "getValue", "getOptionKey", "UNSAFE_renderOption", "isOptionDisabled", "defaultValue", "value", "onChange", "valid", "emptyState", "actions", "children"]);
|
48
49
|
const [hasFocus, setFocus] = useState(false);
|
50
|
+
const inputRef = useRef(null);
|
51
|
+
const popoverRef = useRef(null);
|
49
52
|
const targetRef = useRef(null);
|
50
53
|
const menuRef = useRef(null);
|
51
54
|
const items = hasOptionGroups(options) ? options.flatMap((g) => g.options) : options;
|
@@ -55,7 +58,7 @@ const _SelectBase = (props) => {
|
|
55
58
|
}
|
56
59
|
return val === undefined ? undefined : items.find((opt) => getValue(opt) === getValue(val));
|
57
60
|
};
|
58
|
-
const { isOpen,
|
61
|
+
const { isOpen, closeMenu, selectItem, selectedItem, highlightedIndex, getToggleButtonProps, getMenuProps, getItemProps, setHighlightedIndex, } = useSelect({
|
59
62
|
selectedItem: findItemByValue(value),
|
60
63
|
defaultSelectedItem: findItemByValue(defaultValue),
|
61
64
|
isItemDisabled: (item, index) => isOptionDisabled(item, index),
|
@@ -68,13 +71,11 @@ const _SelectBase = (props) => {
|
|
68
71
|
*/
|
69
72
|
scrollIntoView: (node, _menuNode) => node.scrollIntoView({ block: 'nearest' }),
|
70
73
|
});
|
71
|
-
|
72
|
-
isOpen
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
setOpen: (isOpen) => (isOpen ? openMenu() : closeMenu()),
|
77
|
-
};
|
74
|
+
useEffect(() => {
|
75
|
+
if (isOpen && inputRef.current && popoverRef.current) {
|
76
|
+
return ariaHideOutside([inputRef.current, popoverRef.current]);
|
77
|
+
}
|
78
|
+
}, [isOpen, inputRef, popoverRef]);
|
78
79
|
const renderItem = (item, index) => UNSAFE_renderOption(item, Object.assign({ highlighted: index === highlightedIndex }, getItemProps({ item, index })), {
|
79
80
|
selectedItem,
|
80
81
|
closeMenu,
|
@@ -84,12 +85,12 @@ const _SelectBase = (props) => {
|
|
84
85
|
React.createElement(Base.Group, null, group.label),
|
85
86
|
group.options.map((opt) => renderItem(opt, items.indexOf(opt)))));
|
86
87
|
const input = (React.createElement(Base.InputContainer, Object.assign({}, getToggleButtonProps({ disabled: disabled || readOnly, ref: targetRef }), { variant: disabled ? 'disabled' : !valid ? 'error' : readOnly ? 'readOnly' : hasFocus ? 'focused' : 'default', tabIndex: 0 }),
|
87
|
-
React.createElement(Base.Input, Object.assign({ id: id, name: name }, rest, { className: !disabled && !readOnly ? 'cursor-pointer' : undefined, disabled: disabled, readOnly: true, placeholder: readOnly ? undefined : placeholder, value: !isNil(selectedItem) ? itemToString(selectedItem) : '', tabIndex: -1, onFocus: () => setFocus(true), onBlur: () => setFocus(false) })),
|
88
|
+
React.createElement(Base.Input, Object.assign({ id: id, ref: inputRef, name: name }, rest, { className: !disabled && !readOnly ? 'cursor-pointer' : undefined, disabled: disabled, readOnly: true, placeholder: readOnly ? undefined : placeholder, value: !isNil(selectedItem) ? itemToString(selectedItem) : '', tabIndex: -1, onFocus: () => setFocus(true), onBlur: () => setFocus(false) })),
|
88
89
|
!readOnly && React.createElement(Base.Toggle, { disabled: disabled, isOpen: isOpen, tabIndex: -1 })));
|
89
90
|
const menuProps = getMenuProps({ ref: menuRef }, { suppressRefError: !isOpen });
|
90
91
|
return (React.createElement("div", { className: classNames('Aquarium-SelectBase', tw('relative')) },
|
91
92
|
input,
|
92
|
-
|
93
|
+
React.createElement(Popover, { ref: popoverRef, isOpen: isOpen, triggerRef: targetRef, placement: "bottom-left", shouldFlip: true, isNonModal: true, style: { width: (_a = targetRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth } },
|
93
94
|
React.createElement(Base.Menu, Object.assign({ maxHeight: maxHeight }, menuProps),
|
94
95
|
options.length === 0 && React.createElement(Base.EmptyStateContainer, null, emptyState),
|
95
96
|
options.length > 0 && !hasOptionGroups(options) && options.map(renderItem),
|
@@ -99,7 +100,7 @@ const _SelectBase = (props) => {
|
|
99
100
|
actions.map((act, index) => (React.createElement(Base.ActionItem, Object.assign({ key: `${index}` }, act, { onMouseOver: () => setHighlightedIndex(-1), onClick: () => {
|
100
101
|
act.onClick();
|
101
102
|
closeMenu();
|
102
|
-
} }), act.label)))))))))
|
103
|
+
} }), act.label)))))))));
|
103
104
|
};
|
104
105
|
export const SelectBase = (props) => React.createElement(_SelectBase, Object.assign({}, props));
|
105
106
|
const SelectBaseSkeleton = () => React.createElement(Skeleton, { height: 38 });
|
@@ -121,4 +122,4 @@ const SelectSkeleton = () => (React.createElement(LabelControl.Skeleton, null,
|
|
121
122
|
React.createElement(SelectBase.Skeleton, null)));
|
122
123
|
Select.Skeleton = SelectSkeleton;
|
123
124
|
Select.Skeleton.displayName = 'Select.Skeleton';
|
124
|
-
//# sourceMappingURL=data:application/json;base64,
|
125
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL21vbGVjdWxlcy9TZWxlY3QvU2VsZWN0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLCtDQUErQztBQUMvQyxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQzNELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUN0QyxPQUFPLEVBQUUsUUFBUSxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsT0FBTyxFQUFFLE1BQU0sV0FBVyxDQUFDO0FBRTNELE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsZUFBZSxFQUFFLGVBQWUsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRTlFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUNwRCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxJQUFJLElBQUksRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pHLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUV2RCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsWUFBWSxFQUEwQixNQUFNLDRCQUE0QixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFtQ3BELE1BQU0sZUFBZSxHQUFHLENBQUMsR0FBWSxFQUF5QyxFQUFFOztJQUM5RSxPQUFPLE9BQU8sR0FBRyxLQUFLLFFBQVEsSUFBSSxDQUFBLE1BQUMsR0FBVyxhQUFYLEdBQUcsdUJBQUgs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
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import React, { type HTMLAttributes } from 'react';
|
2
|
-
import type { PopoverPlacement } from '../../../src/
|
2
|
+
import type { PopoverPlacement } from '../../../src/atoms/Popover/Popover';
|
3
3
|
export type TooltipProps = Pick<HTMLAttributes<HTMLDivElement>, 'onClick' | 'onMouseDown' | 'onMouseUp' | 'onPointerDown' | 'onPointerUp'> & {
|
4
4
|
/**
|
5
5
|
* Tooltip placement.
|
@@ -34,13 +34,6 @@ export type TooltipProps = Pick<HTMLAttributes<HTMLDivElement>, 'onClick' | 'onM
|
|
34
34
|
* Tooltip content.
|
35
35
|
*/
|
36
36
|
content: React.ReactNode;
|
37
|
-
/**
|
38
|
-
* When set to true, tooltip trigger will be wrapped with 'display: inline-block' elmeent. If false,
|
39
|
-
* wrapper will use 'display: block' style.
|
40
|
-
* @default true
|
41
|
-
* @deprecated Use `display` prop instead.
|
42
|
-
*/
|
43
|
-
inline?: boolean;
|
44
37
|
/**
|
45
38
|
* Tooltip trigger wrapper display style.
|
46
39
|
*/
|
@@ -18,9 +18,9 @@ import { classNames, tw } from '../../../src/utils/tailwind';
|
|
18
18
|
import { useTooltipTriggerState } from './useTooltipTriggerState';
|
19
19
|
export const Tooltip = (_a) => {
|
20
20
|
var _b;
|
21
|
-
var {
|
21
|
+
var { delay = 200 } = _a, props = __rest(_a, ["delay"]);
|
22
22
|
const { placement: _placement = 'top', content, disabled: isDisabled, shouldFlip = true } = props;
|
23
|
-
const display = (_b = props.display) !== null && _b !== void 0 ? _b :
|
23
|
+
const display = (_b = props.display) !== null && _b !== void 0 ? _b : 'inline-block';
|
24
24
|
const triggerRef = React.useRef(null);
|
25
25
|
const overlayRef = React.useRef(null);
|
26
26
|
const state = useTooltipTriggerState(Object.assign({ isDisabled, delay }, props));
|
@@ -125,4 +125,4 @@ const getArrowStyle = (element, position, { left, top }) => {
|
|
125
125
|
const Arrow = (props) => {
|
126
126
|
return React.createElement("div", Object.assign({ className: tw('absolute w-3 h-3 bg-body-intense rotate-45') }, props));
|
127
127
|
};
|
128
|
-
//# sourceMappingURL=data:application/json;base64,
|
128
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9vbHRpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVG9vbHRpcC9Ub29sdGlwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBOEIsTUFBTSxPQUFPLENBQUM7QUFDbkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzFELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzVFLE9BQU8sRUFBRSxVQUFVLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQXlEbEUsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUFvRCxDQUFDLEVBQXlCLEVBQUUsRUFBRTs7UUFBN0IsRUFBRSxLQUFLLEdBQUcsR0FBRyxPQUFZLEVBQVAsS0FBSyxjQUF2QixTQUF5QixDQUFGO0lBQzlGLE1BQU0sRUFBRSxTQUFTLEVBQUUsVUFBVSxHQUFHLEtBQUssRUFBRSxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxVQUFVLEdBQUcsSUFBSSxFQUFFLEdBQUcsS0FBSyxDQUFDO0lBQ2xHLE1BQU0sT0FBTyxHQUFHLE1BQUEsS0FBSyxDQUFDLE9BQU8sbUNBQUksY0FBYyxDQUFDO0lBRWhELE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFDO0lBQ3RELE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFDO0lBQ3RELE1BQU0sS0FBSyxHQUFHLHNCQUFzQixpQkFBRyxV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
|
@@ -13,26 +13,6 @@ type ComposedTypographyProps = Record<Body | Header | Monospace, React.FC<Props>
|
|
13
13
|
Paragraph: React.FC<LegacyProps>;
|
14
14
|
P: React.FC<LegacyProps>;
|
15
15
|
Caption: React.FC<LegacyProps>;
|
16
|
-
/**
|
17
|
-
* @deprecated Use `<Typography.LargeStrong>` instead.
|
18
|
-
*/
|
19
|
-
LargeText: React.FC<LegacyProps>;
|
20
|
-
/**
|
21
|
-
* @deprecated Use `<Typography.DefaultStrong>` instead.
|
22
|
-
*/
|
23
|
-
MediumText: React.FC<LegacyProps>;
|
24
|
-
/**
|
25
|
-
* @deprecated Use `<Typography.Default>` instead.
|
26
|
-
*/
|
27
|
-
Text: React.FC<LegacyProps>;
|
28
|
-
/**
|
29
|
-
* @deprecated Use `<Typography.Small>` instead.
|
30
|
-
*/
|
31
|
-
SmallText: React.FC<LegacyProps>;
|
32
|
-
/**
|
33
|
-
* @deprecated Use `<Typography.SmallStrong>` instead.
|
34
|
-
*/
|
35
|
-
SmallTextBold: React.FC<LegacyProps>;
|
36
16
|
};
|
37
17
|
export declare const Typography: ComposedTypographyProps & React.FC<TypographyProps>;
|
38
18
|
export {};
|