@aivenio/aquarium 1.24.0 → 1.25.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/_variables.scss +1 -1
- package/dist/_variables_timescale.scss +1 -1
- package/dist/atoms.cjs +2 -3
- package/dist/atoms.mjs +2 -3
- package/dist/src/atoms/Alert/Alert.d.ts +2 -2
- package/dist/src/atoms/Banner/Banner.d.ts +6 -6
- package/dist/src/atoms/Card/Card.d.ts +6 -6
- package/dist/src/atoms/Card/Card.js +1 -1
- package/dist/src/atoms/Checkbox/Checkbox.d.ts +1 -1
- package/dist/src/atoms/DataList/DataList.js +2 -2
- package/dist/src/atoms/Dialog/Dialog.d.ts +1 -1
- package/dist/src/atoms/DropdownMenu/DropdownMenu.d.ts +5 -5
- package/dist/src/atoms/Modal/Modal.d.ts +3 -3
- package/dist/src/atoms/Navigation/Navigation.d.ts +1 -1
- package/dist/src/atoms/PageHeader/PageHeader.d.ts +4 -2
- package/dist/src/atoms/PageHeader/PageHeader.js +3 -3
- package/dist/src/atoms/ProgressBar/ProgressBar.d.ts +2 -2
- package/dist/src/atoms/ProgressBar/ProgressBar.js +2 -2
- package/dist/src/atoms/RadioButton/RadioButton.d.ts +1 -1
- package/dist/src/atoms/Section/Section.d.ts +1 -1
- package/dist/src/atoms/Select/Select.d.ts +23 -23
- package/dist/src/atoms/Select/Select.js +3 -3
- package/dist/src/atoms/Stepper/Stepper.d.ts +2 -2
- package/dist/src/atoms/Switch/Switch.d.ts +1 -1
- package/dist/src/atoms/Table/Table.d.ts +4 -4
- package/dist/src/atoms/Table/Table.js +2 -2
- package/dist/src/atoms/Toast/Toast.d.ts +1 -1
- package/dist/src/atoms/Typography/Typography.d.ts +1 -1
- package/dist/src/atoms/Typography/Typography.js +7 -5
- package/dist/src/charts/BarChart/BarChart.d.ts +2 -2
- package/dist/src/charts/lib/utils.d.ts +1 -1
- package/dist/src/js/resolveTheme.d.ts +4 -2
- package/dist/src/molecules/Alert/Alert.d.ts +2 -1
- package/dist/src/molecules/Alert/Alert.js +1 -1
- package/dist/src/molecules/Badge/Badge.d.ts +2 -2
- package/dist/src/molecules/Banner/Banner.d.ts +2 -1
- package/dist/src/molecules/Banner/Banner.js +1 -1
- package/dist/src/molecules/Box/Box.d.ts +17 -17
- package/dist/src/molecules/Breadcrumbs/Breadcrumbs.d.ts +3 -3
- package/dist/src/molecules/Breadcrumbs/Breadcrumbs.js +2 -2
- package/dist/src/molecules/Button/Button.d.ts +8 -8
- package/dist/src/molecules/Button/Button.js +4 -4
- package/dist/src/molecules/Card/Card.d.ts +11 -10
- package/dist/src/molecules/Card/Card.js +5 -3
- package/dist/src/molecules/Card/Compact.d.ts +2 -2
- package/dist/src/molecules/Card/Compact.js +5 -3
- package/dist/src/molecules/Carousel/Carousel.js +20 -12
- package/dist/src/molecules/Chip/Chip.d.ts +3 -3
- package/dist/src/molecules/Combobox/Combobox.d.ts +4 -4
- package/dist/src/molecules/Combobox/Combobox.js +1 -1
- package/dist/src/molecules/ControlLabel/ControlLabel.d.ts +1 -1
- package/dist/src/molecules/DataList/DataList.d.ts +2 -2
- package/dist/src/molecules/DataTable/DataTable.d.ts +2 -2
- package/dist/src/molecules/Dialog/Dialog.js +8 -6
- package/dist/src/molecules/Dropdown/Dropdown.d.ts +1 -1
- package/dist/src/molecules/Dropdown/Dropdown.js +3 -3
- package/dist/src/molecules/DropdownMenu/DropdownMenu.d.ts +6 -6
- package/dist/src/molecules/Element/Element.d.ts +2 -2
- package/dist/src/molecules/EmptyState/EmptyState.d.ts +1 -1
- package/dist/src/molecules/Flexbox/Flexbox.d.ts +7 -7
- package/dist/src/molecules/Flexbox/FlexboxItem.d.ts +7 -7
- package/dist/src/molecules/Grid/Grid.d.ts +7 -7
- package/dist/src/molecules/Grid/GridItem.d.ts +7 -7
- package/dist/src/molecules/Input/Input.js +7 -5
- package/dist/src/molecules/LineClamp/LineClamp.d.ts +15 -15
- package/dist/src/molecules/ListItem/ListItem.js +4 -4
- package/dist/src/molecules/Modal/Modal.js +8 -6
- package/dist/src/molecules/MultiInput/InputChip.d.ts +2 -2
- package/dist/src/molecules/MultiInput/InputChip.js +2 -2
- package/dist/src/molecules/MultiInput/MultiInput.d.ts +5 -5
- package/dist/src/molecules/MultiInput/MultiInput.js +9 -5
- package/dist/src/molecules/MultiSelect/MultiSelect.d.ts +4 -4
- package/dist/src/molecules/MultiSelect/MultiSelect.js +6 -4
- package/dist/src/molecules/NativeSelect/NativeSelect.js +12 -8
- package/dist/src/molecules/Navigation/Navigation.d.ts +2 -2
- package/dist/src/molecules/PageHeader/PageHeader.d.ts +44 -8
- package/dist/src/molecules/PageHeader/PageHeader.js +18 -6
- package/dist/src/molecules/Pagination/usePagination.d.ts +1 -1
- package/dist/src/molecules/Pagination/usePagination.js +1 -1
- package/dist/src/molecules/Popover/Popover.d.ts +2 -2
- package/dist/src/molecules/Popover/Popover.js +1 -1
- package/dist/src/molecules/PopoverDialog/PopoverDialog.d.ts +1 -1
- package/dist/src/molecules/ProgressBar/ProgressBar.d.ts +1 -1
- package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.d.ts +4 -3
- package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.js +1 -1
- package/dist/src/molecules/Section/Section.d.ts +1 -1
- package/dist/src/molecules/SegmentedControl/SegmentedControl.d.ts +3 -3
- package/dist/src/molecules/SegmentedControl/SegmentedControl.js +2 -2
- package/dist/src/molecules/Select/Select.d.ts +2 -2
- package/dist/src/molecules/Select/Select.js +5 -3
- package/dist/src/molecules/Stepper/Stepper.d.ts +1 -1
- package/dist/src/molecules/Switch/Switch.d.ts +1 -1
- package/dist/src/molecules/Tabs/Tabs.d.ts +13 -9
- package/dist/src/molecules/Tabs/Tabs.js +26 -17
- package/dist/src/molecules/TagLabel/TagLabel.d.ts +1 -1
- package/dist/src/molecules/Tailwindify/Tailwindify.d.ts +5 -5
- package/dist/src/molecules/Tailwindify/Tailwindify.js +7 -4
- package/dist/src/molecules/Template/Template.d.ts +1 -1
- package/dist/src/molecules/Textarea/Textarea.d.ts +3 -3
- package/dist/src/molecules/Timeline/Timeline.d.ts +3 -3
- package/dist/src/molecules/Toast/Toast.spec.js +2 -2
- package/dist/src/molecules/Toast/types.d.ts +5 -5
- package/dist/src/molecules/Toast/types.js +1 -1
- package/dist/src/molecules/Tooltip/Tooltip.d.ts +1 -1
- package/dist/src/molecules/Tooltip/Tooltip.js +5 -3
- package/dist/src/molecules/Tooltip/useTooltipTriggerState.js +9 -5
- package/dist/src/molecules/Typography/Typography.d.ts +4 -4
- package/dist/src/molecules/Typography/Typography.js +9 -9
- package/dist/src/molecules/index.d.ts +2 -2
- package/dist/src/system.js +9 -5
- package/dist/src/utils/form/FormControl/FormControl.js +2 -2
- package/dist/src/utils/form/HelperText/HelperText.js +4 -4
- package/dist/src/utils/form/InputAdornment/InputAdornment.js +6 -6
- package/dist/src/utils/form/Label/Label.d.ts +3 -3
- package/dist/src/utils/form/Label/Label.js +12 -10
- package/dist/src/utils/object.d.ts +1 -1
- package/dist/src/utils/positioner.d.ts +1 -1
- package/dist/src/utils/table/types.d.ts +9 -9
- package/dist/src/utils/table/useTableSort.d.ts +1 -1
- package/dist/src/utils/table/utils.d.ts +1 -1
- package/dist/src/utils/tailwind.js +6 -4
- package/dist/src/utils/themeVariableSamples.d.ts +2 -0
- package/dist/src/utils/themeVariableSamples.js +146 -0
- package/dist/src/utils/useStyle.d.ts +3 -3
- package/dist/src/utils/useStyle.js +30 -22
- package/dist/system.cjs +47 -14
- package/dist/system.mjs +47 -14
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/DimensionProps.d.ts +1 -1
- package/dist/types/designTokens.d.ts +2 -2
- package/dist/types/designTokens.js +6 -4
- package/dist/types/tailwind.d.ts +1 -1
- package/dist/types/utils.d.ts +5 -5
- package/package.json +11 -13
@@ -3,13 +3,13 @@ export declare type TimelineItemProps = {
|
|
3
3
|
/**
|
4
4
|
* Mandatory title prop for each section.
|
5
5
|
* Typically a formatted date is used.
|
6
|
-
|
6
|
+
*/
|
7
7
|
title: string;
|
8
8
|
/**
|
9
9
|
* Determines the separator dot look.
|
10
10
|
* @default 'default'
|
11
|
-
|
12
|
-
variant?: 'default' | '
|
11
|
+
*/
|
12
|
+
variant?: 'default' | 'error' | 'info' | 'warning';
|
13
13
|
children: React.ReactNode;
|
14
14
|
};
|
15
15
|
declare const TimelineItem: React.FC<TimelineItemProps>;
|
@@ -21,7 +21,7 @@ describe('<Toast />', () => {
|
|
21
21
|
const Component = () => {
|
22
22
|
const toast = useToast();
|
23
23
|
const onClick = () => {
|
24
|
-
toast({ message: 'Hello World', id:
|
24
|
+
toast({ message: 'Hello World', id: `uuid-${Math.random()}` });
|
25
25
|
};
|
26
26
|
return React.createElement(Button, { onClick: onClick }, "Toast");
|
27
27
|
};
|
@@ -39,4 +39,4 @@ describe('<Toast />', () => {
|
|
39
39
|
expect(toasts.length).toBe(3);
|
40
40
|
}));
|
41
41
|
});
|
42
|
-
//# sourceMappingURL=data:application/json;base64,
|
42
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9hc3Quc3BlYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVG9hc3QvVG9hc3Quc3BlYy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDeEQsT0FBTyxTQUFTLE1BQU0sNkJBQTZCLENBQUM7QUFFcEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxhQUFhLEVBQUUsUUFBUSxFQUFFLE1BQU0sWUFBWSxDQUFDO0FBRTdELFFBQVEsQ0FBQyxXQUFXLEVBQUUsR0FBRyxFQUFFO0lBQ3pCLElBQUksSUFBd0MsQ0FBQztJQUU3QyxVQUFVLENBQUMsR0FBRyxFQUFFO1FBQ2QsSUFBSSxHQUFHLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztRQUN6QixNQUFNLENBQ0osb0JBQUMsYUFBYTtZQUNaLG9CQUFDLFNBQVMsT0FBRyxDQUNDLENBQ2pCLENBQUM7SUFDSixDQUFDLENBQUMsQ0FBQztJQUVILE1BQU0sU0FBUyxHQUFHLEdBQUcsRUFBRTtRQUNyQixNQUFNLEtBQUssR0FBRyxRQUFRLEVBQUUsQ0FBQztRQUN6QixNQUFNLE9BQU8sR0FBRyxHQUFHLEVBQUU7WUFDbkIsS0FBSyxDQUFDLEVBQUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxFQUFFLEVBQUUsUUFBUSxJQUFJLENBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQUM7UUFDakUsQ0FBQyxDQUFDO1FBQ0YsT0FBTyxvQkFBQyxNQUFNLElBQUMsT0FBTyxFQUFFLE9BQU8sWUFBZ0IsQ0FBQztJQUNsRCxDQUFDLENBQUM7SUFFRixFQUFFLENBQUMsZ0NBQWdDLEVBQUUsR0FBUyxFQUFFO1FBQzlDLE1BQU0sTUFBTSxHQUFHLE1BQU0sQ0FBQyxTQUFTLENBQUMsUUFBUSxFQUFFLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQUM7UUFDN0QsTUFBTSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3pCLE1BQU0sTUFBTSxDQUFDLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQztJQUN6QyxDQUFDLENBQUEsQ0FBQyxDQUFDO0lBRUgsRUFBRSxDQUFDLDhCQUE4QixFQUFFLEdBQVMsRUFBRTtRQUM1QyxNQUFNLE1BQU0sR0FBRyxNQUFNLENBQUMsU0FBUyxDQUFDLFFBQVEsRUFBRSxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDO1FBQzdELE1BQU0sSUFBSSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN6QixNQUFNLElBQUksQ0FBQyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDekIsTUFBTSxJQUFJLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3pCLE1BQU0sTUFBTSxHQUFHLE1BQU0sTUFBTSxDQUFDLGFBQWEsQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUN6RCxNQUFNLENBQUMsTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNoQyxDQUFDLENBQUEsQ0FBQyxDQUFDO0FBQ0wsQ0FBQyxDQUFDLENBQUMifQ==
|
@@ -1,5 +1,5 @@
|
|
1
1
|
import { type PartialBy } from '../../../types/utils';
|
2
|
-
export declare type Position = 'bottom-left' | 'bottom-right' | '
|
2
|
+
export declare type Position = 'bottom-left' | 'bottom-right' | 'bottom' | 'top-left' | 'top-right' | 'top';
|
3
3
|
export declare type ToastId = ReturnType<typeof crypto.randomUUID> | string;
|
4
4
|
export declare type Variant = 'danger' | 'default';
|
5
5
|
export declare type Toast = {
|
@@ -18,7 +18,7 @@ export declare type Toast = {
|
|
18
18
|
*/
|
19
19
|
id: ToastId;
|
20
20
|
};
|
21
|
-
export declare type DispatchableToast = PartialBy<Toast, '
|
21
|
+
export declare type DispatchableToast = PartialBy<Toast, 'duration' | 'id' | 'position' | 'variant'>;
|
22
22
|
export declare type State = {
|
23
23
|
toasts: Toast[];
|
24
24
|
};
|
@@ -27,9 +27,9 @@ export declare enum ActionTypes {
|
|
27
27
|
Dismiss = 1
|
28
28
|
}
|
29
29
|
export declare type Actions = {
|
30
|
-
type: ActionTypes.Toast;
|
31
|
-
toast: DispatchableToast;
|
32
|
-
} | {
|
33
30
|
type: ActionTypes.Dismiss;
|
34
31
|
toastId: ToastId;
|
32
|
+
} | {
|
33
|
+
type: ActionTypes.Toast;
|
34
|
+
toast: DispatchableToast;
|
35
35
|
};
|
@@ -3,4 +3,4 @@ export var ActionTypes;
|
|
3
3
|
ActionTypes[ActionTypes["Toast"] = 0] = "Toast";
|
4
4
|
ActionTypes[ActionTypes["Dismiss"] = 1] = "Dismiss";
|
5
5
|
})(ActionTypes || (ActionTypes = {}));
|
6
|
-
//# sourceMappingURL=data:application/json;base64,
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1RvYXN0L3R5cGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCQSxNQUFNLENBQU4sSUFBWSxXQUdYO0FBSEQsV0FBWSxXQUFXO0lBQ3JCLCtDQUFLLENBQUE7SUFDTCxtREFBTyxDQUFBO0FBQ1QsQ0FBQyxFQUhXLFdBQVcsS0FBWCxXQUFXLFFBR3RCIn0=
|
@@ -28,7 +28,7 @@ export declare type TooltipProps = Pick<HTMLAttributes<HTMLDivElement>, 'onClick
|
|
28
28
|
shouldFlip?: boolean;
|
29
29
|
/**
|
30
30
|
* Callback that is called when the tooltip's open state changes.
|
31
|
-
|
31
|
+
*/
|
32
32
|
onOpenChange?: (isOpen: boolean) => void;
|
33
33
|
/**
|
34
34
|
* Tooltip content.
|
@@ -31,8 +31,10 @@ export const Tooltip = (_a) => {
|
|
31
31
|
shouldFlip,
|
32
32
|
offset: ARROW_OFFSET,
|
33
33
|
});
|
34
|
-
|
35
|
-
|
34
|
+
/*
|
35
|
+
* This enables keyboard focus for tooltip's trigger element.
|
36
|
+
* Because we wrap the trigger element with the triggerRef div, we have to listen to focus event inside this wrapper div element.
|
37
|
+
*/
|
36
38
|
const { focusWithinProps } = useFocusWithin({
|
37
39
|
onFocusWithinChange: (isFocusWithin) => (isFocusWithin ? state.open() : state.close()),
|
38
40
|
});
|
@@ -121,4 +123,4 @@ const getArrowStyle = (element, position, { left, top }) => {
|
|
121
123
|
const Arrow = (props) => {
|
122
124
|
return React.createElement("div", Object.assign({ className: tw('absolute w-3 h-3 bg-grey-90 rotate-45') }, props));
|
123
125
|
};
|
124
|
-
//# sourceMappingURL=data:application/json;base64,
|
126
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVG9vbHRpcC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVG9vbHRpcC9Ub29sdGlwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBOEIsTUFBTSxPQUFPLENBQUM7QUFDbkQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzFELE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQzVFLE9BQU8sRUFBRSxVQUFVLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNwRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFNL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUVwRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQXVEbEUsTUFBTSxDQUFDLE1BQU0sT0FBTyxHQUEyQixDQUFDLEVBQXdDLEVBQUUsRUFBRTtRQUE1QyxFQUFFLE1BQU0sR0FBRyxJQUFJLEVBQUUsS0FBSyxHQUFHLEdBQUcsT0FBWSxFQUFQLEtBQUssY0FBdEMsbUJBQXdDLENBQUY7SUFDcEYsTUFBTSxFQUFFLFNBQVMsRUFBRSxVQUFVLEdBQUcsS0FBSyxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLFVBQVUsR0FBRyxJQUFJLEVBQUUsR0FBRyxLQUFLLENBQUM7SUFFbEcsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDdEQsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDdEQsTUFBTSxLQUFLLEdBQUcsc0JBQXNCLGlCQUFHLFVBQVUsRUFBRSxLQUFLLElBQUssS0FBSyxFQUFHLENBQUM7SUFD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
|
@@ -44,8 +44,10 @@ export function useTooltipTriggerState(props = {}) {
|
|
44
44
|
}
|
45
45
|
};
|
46
46
|
const showTooltip = () => {
|
47
|
-
|
48
|
-
|
47
|
+
/*
|
48
|
+
* It is possible that global timers can call
|
49
|
+
* methods for unmounted components.
|
50
|
+
*/
|
49
51
|
if (isUnmounted.current) {
|
50
52
|
return;
|
51
53
|
}
|
@@ -67,8 +69,10 @@ export function useTooltipTriggerState(props = {}) {
|
|
67
69
|
}
|
68
70
|
};
|
69
71
|
const hideTooltip = (immediate) => {
|
70
|
-
|
71
|
-
|
72
|
+
/*
|
73
|
+
* It is possible that global timers can call
|
74
|
+
* methods for unmounted components.
|
75
|
+
*/
|
72
76
|
if (isUnmounted.current) {
|
73
77
|
return;
|
74
78
|
}
|
@@ -139,4 +143,4 @@ export function useTooltipTriggerState(props = {}) {
|
|
139
143
|
close: hideTooltip,
|
140
144
|
};
|
141
145
|
}
|
142
|
-
//# sourceMappingURL=data:application/json;base64,
|
146
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlVG9vbHRpcFRyaWdnZXJTdGF0ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVG9vbHRpcC91c2VUb29sdGlwVHJpZ2dlclN0YXRlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7Ozs7Ozs7Ozs7O0dBYUc7QUFFSCxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUM7QUFDbkQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFHakUsTUFBTSxhQUFhLEdBQUcsSUFBSSxDQUFDLENBQUMseURBQXlEO0FBQ3JGLE1BQU0sZ0JBQWdCLEdBQUcsR0FBRyxDQUFDO0FBaUI3QixNQUFNLFFBQVEsR0FBa0QsRUFBRSxDQUFDO0FBQ25FLElBQUksbUJBQW1CLEdBQW1CLElBQUksQ0FBQztBQUMvQyxJQUFJLHFCQUFxQixHQUFtQixJQUFJLENBQUM7QUFDakQsSUFBSSxTQUFTLEdBQUcsQ0FBQyxDQUFDO0FBQ2xCLElBQUksY0FBYyxHQUFHLEtBQUssQ0FBQztBQUUzQjs7OztHQUlHO0FBQ0gsTUFBTSxVQUFVLHNCQUFzQixDQUFDLFFBQTZCLEVBQUU7SUFDcEUsTUFBTSxFQUFFLEtBQUssR0FBRyxhQUFhLEVBQUUsR0FBRyxLQUFLLENBQUM7SUFDeEMsTUFBTSxFQUFFLE1BQU0sRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLEdBQUcsc0JBQXNCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDOUQsTUFBTSxFQUFFLEdBQUcsT0FBTyxDQUFDLEdBQUcsRUFBRSxDQUFDLEdBQUcsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FBQztJQUMvQyxNQUFNLFlBQVksR0FBRyxNQUFNLEVBQWtCLENBQUM7SUFDOUMsTUFBTSxXQUFXLEdBQUcsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBRWxDLE1BQU0sa0JBQWtCLEdBQUcs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
|
@@ -1,11 +1,11 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { type TypographyProps } from '../../../src/atoms/Typography/Typography';
|
3
|
-
declare type Props = Omit<TypographyProps, '
|
3
|
+
declare type Props = Omit<TypographyProps, 'fontWeight' | 'variant'>;
|
4
4
|
declare type LegacyProps = Omit<TypographyProps, 'variant'>;
|
5
5
|
declare type Header = 'LargeHeading';
|
6
|
-
declare type Body = '
|
6
|
+
declare type Body = 'Default' | 'DefaultStrong' | 'Large' | 'LargeStrong' | 'Small' | 'SmallStrong';
|
7
7
|
declare type ComposedTypographyProps = {
|
8
|
-
[key in
|
8
|
+
[key in Body | Header]: React.FC<Props>;
|
9
9
|
} & {
|
10
10
|
Heading: React.FC<LegacyProps>;
|
11
11
|
Subheading: React.FC<LegacyProps>;
|
@@ -33,5 +33,5 @@ declare type ComposedTypographyProps = {
|
|
33
33
|
*/
|
34
34
|
SmallTextBold: React.FC<LegacyProps>;
|
35
35
|
};
|
36
|
-
export declare const Typography: React.FC<TypographyProps
|
36
|
+
export declare const Typography: ComposedTypographyProps & React.FC<TypographyProps>;
|
37
37
|
export {};
|
@@ -16,12 +16,14 @@ Typography.LargeHeading = (_a) => {
|
|
16
16
|
var { htmlTag = 'h1' } = _a, props = __rest(_a, ["htmlTag"]);
|
17
17
|
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "large-heading" })));
|
18
18
|
};
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
19
|
+
/*
|
20
|
+
* NOTE: We are using `LegacyProps` instead of `Props` for some of the variants that
|
21
|
+
* were already used in legacy variants. We'll ignore the `fontWeight` prop on purpose
|
22
|
+
* so we don't create a breaking change on API level.
|
23
|
+
*
|
24
|
+
* Once we can get rid of legacy variants, we should update these variants to use
|
25
|
+
* `Props` instead of `LegacyProps`-
|
26
|
+
*/
|
25
27
|
Typography.Heading = (_a) => {
|
26
28
|
var { htmlTag = 'h1', fontWeight } = _a, props = __rest(_a, ["htmlTag", "fontWeight"]);
|
27
29
|
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "heading" })));
|
@@ -63,9 +65,7 @@ Typography.Caption = (_a) => {
|
|
63
65
|
var { htmlTag = 'div', fontWeight } = _a, props = __rest(_a, ["htmlTag", "fontWeight"]);
|
64
66
|
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "caption" })));
|
65
67
|
};
|
66
|
-
//
|
67
68
|
// Legacy variants
|
68
|
-
//
|
69
69
|
Typography.LargeText = (_a) => {
|
70
70
|
var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
|
71
71
|
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "large-strong" })));
|
@@ -86,4 +86,4 @@ Typography.SmallTextBold = (_a) => {
|
|
86
86
|
var { htmlTag = 'div' } = _a, props = __rest(_a, ["htmlTag"]);
|
87
87
|
return (React.createElement(TypographyBase, Object.assign({}, props, { htmlTag: htmlTag, variant: "small-strong" })));
|
88
88
|
};
|
89
|
-
//# sourceMappingURL=data:application/json;base64,
|
89
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVHlwb2dyYXBoeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9tb2xlY3VsZXMvVHlwb2dyYXBoeS9UeXBvZ3JhcGh5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUUxQixPQUFPLEVBQUUsVUFBVSxJQUFJLGNBQWMsRUFBd0IsTUFBTSxpQ0FBaUMsQ0FBQztBQXVEckcsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUF3RCxDQUFDLEtBQXNCLEVBQUUsRUFBRSxDQUFDLENBQ3pHLG9CQUFDLGNBQWMsb0JBQUssS0FBSyxFQUFJLENBQzlCLENBQUM7QUFFRixVQUFVLENBQUMsWUFBWSxHQUFHLENBQUMsRUFBbUMsRUFBRSxFQUFFO1FBQXZDLEVBQUUsT0FBTyxHQUFHLElBQUksT0FBbUIsRUFBZCxLQUFLLGNBQTFCLFdBQTRCLENBQUY7SUFBYyxPQUFBLENBQ2pFLG9CQUFDLGNBQWMsb0JBQUssS0FBSyxJQUFFLE9BQU8sRUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFDLGVBQWUsSUFBRyxDQUN4RSxDQUFBO0NBQUEsQ0FBQztBQUVGOzs7Ozs7O0dBT0c7QUFDSCxVQUFVLENBQUMsT0FBTyxHQUFHLENBQUMsRUFBcUQsRUFBRSxFQUFFO1FBQXpELEVBQUUsT0FBTyxHQUFHLElBQUksRUFBRSxVQUFVLE9BQXlCLEVBQXBCLEtBQUssY0FBdEMseUJBQXdDLENBQUY7SUFBb0IsT0FBQSxDQUM5RSxvQkFBQyxjQUFjLG9CQUFLLEtBQUssSUFBRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBQyxTQUFTLElBQUcsQ0FDbEUsQ0FBQTtDQUFBLENBQUM7QUFFRixVQUFVLENBQUMsVUFBVSxHQUFHLENBQUMsRUFBcUQsRUFBRSxFQUFFO1FBQXpELEVBQUUsT0FBTyxHQUFHLElBQUksRUFBRSxVQUFVLE9BQXlCLEVBQXBCLEtBQUssY0FBdEMseUJBQXdDLENB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
|
@@ -71,10 +71,10 @@ export * from '../utils/table/useScrollTarget';
|
|
71
71
|
export * from '../utils/table/useTableSelect';
|
72
72
|
export * from '../utils/table/useTableSort';
|
73
73
|
export * from './Pagination/usePagination';
|
74
|
-
export declare const SelectItem: import("react").ForwardRefExoticComponent<{
|
74
|
+
export declare const SelectItem: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLLIElement> & {
|
75
75
|
key: string;
|
76
76
|
value: string;
|
77
77
|
highlighted: boolean;
|
78
78
|
selected: boolean;
|
79
79
|
disabled?: boolean | undefined;
|
80
|
-
} & import("react").
|
80
|
+
} & import("react").RefAttributes<HTMLLIElement>>;
|
package/dist/src/system.js
CHANGED
@@ -1,10 +1,14 @@
|
|
1
1
|
import tokensJson from '../tokens.json';
|
2
2
|
import { theme } from '../src/js/resolveTheme.js';
|
3
3
|
import * as molecules from './molecules';
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
4
|
+
/*
|
5
|
+
* The main entrypoint for building CSS
|
6
|
+
* import 'src/main.css';
|
7
|
+
*/
|
8
|
+
/*
|
9
|
+
* This type check is important to verify that tokens.json is matching
|
10
|
+
* the expected type
|
11
|
+
*/
|
8
12
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
9
13
|
const typeCheckedTokensJson = tokensJson;
|
10
14
|
export * from './molecules';
|
@@ -16,4 +20,4 @@ export * from './utils/form/Label/Label';
|
|
16
20
|
export * from './utils/positioner';
|
17
21
|
export { theme };
|
18
22
|
export default Object.assign(Object.assign({}, molecules), { theme });
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3lzdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL3N5c3RlbS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFVBQVUsTUFBTSxhQUFhLENBQUM7QUFFckMsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBRy9DLE9BQU8sS0FBSyxTQUFTLE1BQU0sYUFBYSxDQUFDO0FBQ3pDOzs7R0FHRztBQUVIOzs7R0FHRztBQUNILDZEQUE2RDtBQUM3RCxNQUFNLHFCQUFxQixHQUFHLFVBQW9CLENBQUM7QUFFbkQsY0FBYyxhQUFhLENBQUM7QUFDNUIsY0FBYyx5QkFBeUIsQ0FBQztBQUN4QyxjQUFjLHNDQUFzQyxDQUFDO0FBQ3JELGNBQWMsc0NBQXNDLENBQUM7QUFDckQsY0FBYyxvQ0FBb0MsQ0FBQztBQUNuRCxjQUFjLDBCQUEwQixDQUFDO0FBQ3pDLGNBQWMsb0JBQW9CLENBQUM7QUFFbkMsT0FBTyxFQUFFLEtBQUssRUFBRSxDQUFDO0FBRWpCLGVBQWUsZ0NBQ1YsU0FBUyxLQUNaLEtBQUssR0FDaUMsQ0FBQyJ9
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { Flexbox } from '../../../../src/molecules';
|
3
3
|
export const FormControl = ({ className, inline, children }) => {
|
4
|
-
return (React.createElement(Flexbox, { direction:
|
4
|
+
return (React.createElement(Flexbox, { direction: "column", display: inline ? 'inline-flex' : 'flex', className: className }, children));
|
5
5
|
};
|
6
|
-
//# sourceMappingURL=data:application/json;base64,
|
6
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9ybUNvbnRyb2wuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9Gb3JtQ29udHJvbC9Gb3JtQ29udHJvbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFPeEMsTUFBTSxDQUFDLE1BQU0sV0FBVyxHQUFvQixDQUFDLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFO0lBQzlFLE9BQU8sQ0FDTCxvQkFBQyxPQUFPLElBQUMsU0FBUyxFQUFDLFFBQVEsRUFBQyxPQUFPLEVBQUUsTUFBTSxDQUFDLENBQUMsQ0FBQyxhQUFhLENBQUMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUyxJQUN2RixRQUFRLENBQ0QsQ0FDWCxDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
@@ -11,11 +11,11 @@ export const HelperText = ({ messageId, error = false, helperText, length, maxLe
|
|
11
11
|
if (!showMessage) {
|
12
12
|
return reserveSpaceForError ? React.createElement("p", { className: tw('block mt-1 mb-3 typography-caption') }, "\u00A0") : null;
|
13
13
|
}
|
14
|
-
return (React.createElement(Grid, { cols:
|
15
|
-
React.createElement(GridItem, { colStart:
|
16
|
-
React.createElement(GridItem, { colStart:
|
14
|
+
return (React.createElement(Grid, { cols: "1", rows: "1", colGap: "3", alignItems: "start", autoCols: "min", className: tw('mt-1 mb-3') },
|
15
|
+
React.createElement(GridItem, { colStart: "1", colEnd: "2" }, hasError && (React.createElement("p", { id: messageId, className: tw('text-error-50 block typography-caption') }, helperText))),
|
16
|
+
React.createElement(GridItem, { colStart: "2", colEnd: "3", display: "flex" }, isNumber(length) && hasMaxLength && React.createElement(CharCounter, { length: length, maxLength: maxLength, valid: !error }))));
|
17
17
|
};
|
18
18
|
const Skeleton = ({ className, children }) => (React.createElement("div", { className: classNames(className, 'h-[25px]') }, children));
|
19
19
|
HelperText.Skeleton = Skeleton;
|
20
20
|
HelperText.Skeleton.displayName = 'HelperText.Skeleton';
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSGVscGVyVGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy91dGlscy9mb3JtL0hlbHBlclRleHQvSGVscGVyVGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sVUFBVSxNQUFNLFlBQVksQ0FBQztBQUNwQyxPQUFPLFFBQVEsTUFBTSxpQkFBaUIsQ0FBQztBQUV2QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMvQyxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sd0NBQXdDLENBQUM7QUFDckUsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBdUN4QyxNQUFNLENBQUMsTUFBTSxVQUFVLEdBQThELENBQUMsRUFDcEYsU0FBUyxFQUNULEtBQUssR0FBRyxLQUFLLEVBQ2IsVUFBVSxFQUNWLE1BQU0sRUFDTixTQUFTLEVBQ1Qsb0JBQW9CLEdBQUcsSUFBSSxHQUM1QixFQUFFLEVBQUU7SUFDSCxNQUFNLFFBQVEsR0FBRyxLQUFLLElBQUksVUFBVSxDQUFDO0lBQ3JDLE1BQU0sWUFBWSxHQUFHLFFBQVEsQ0FBQyxTQUFTLENBQUMsSUFBSSxTQUFTLEdBQUcsQ0FBQyxDQUFDO0lBQzFELE1BQU0sV0FBVyxHQUFHLFFBQVEsSUFBSSxZQUFZLENBQUM7SUFFN0MsSUFBSSxDQUFDLFdBQVcsRUFBRTtRQUNoQixPQUFPLG9CQUFvQixDQUFDLENBQUMsQ0FBQywyQkFBRyxTQUFTLEVBQUUsRUFBRSxDQUFDLG9DQUFvQyxDQUFDLGFBQVksQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDO0tBQ3pHO0lBRUQsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUMsR0FBRyxFQUFDLElBQUksRUFBQyxHQUFHLEVBQUMsTUFBTSxFQUFDLEdBQUcsRUFBQyxVQUFVLEVBQUMsT0FBTyxFQUFDLFFBQVEsRUFBQyxLQUFLLEVBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxXQUFXLENBQUM7UUFDN0Ysb0JBQUMsUUFBUSxJQUFDLFFBQVEsRUFBQyxHQUFHLEVBQUMsTUFBTSxFQUFDLEdBQUcsSUFDOUIsUUFBUSxJQUFJLENBQ1gsMkJBQUcsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsRUFBRSxDQUFDLHdDQUF3QyxDQUFDLElBQ3RFLFVBQVUsQ0FDVCxDQUNMLENBQ1E7UUFDWCxvQkFBQyxRQUFRLElBQUMsUUFBUSxFQUFDLEdBQUcsRUFBQyxNQUFNLEVBQUMsR0FBRyxFQUFDLE9BQU8sRUFBQyxNQUFNLElBRTdDLFFBQVEsQ0FBQyxNQUFNLENBQUMsSUFBSSxZQUFZLElBQUksb0JBQUMsV0FBVyxJQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQyxLQUFLLEdBQUksQ0FDaEcsQ0FDTixDQUNSLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLFFBQVEsR0FBcUMsQ0FBQyxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDOUUsNkJBQUssU0FBUyxFQUFFLFVBQVUsQ0FBQyxTQUFTLEVBQUUsVUFBVSxDQUFDLElBQUcsUUFBUSxDQUFPLENBQ3BFLENBQUM7QUFFRixVQUFVLENBQUMsUUFBUSxHQUFHLFFBQVEsQ0FBQztBQUMvQixVQUFVLENBQUMsUUFBUSxDQUFDLFdBQVcsR0FBRyxxQkFBcUIsQ0FBQyJ9
|
@@ -12,10 +12,10 @@ export const InputAdornment = ({ placement = 'right', className, dense, children
|
|
12
12
|
'typography-small': dense,
|
13
13
|
'typography-default-strong': !dense,
|
14
14
|
}) },
|
15
|
-
React.createElement(Flexbox, { gap:
|
15
|
+
React.createElement(Flexbox, { gap: "3", wrap: "wrap" }, children)));
|
16
16
|
};
|
17
|
-
export const ValidIcon = ({ onClick }) => (React.createElement(Icon, { icon: tickIcon, color:
|
18
|
-
export const ErrorIcon = ({ onClick }) => (React.createElement(Icon, { icon: errorIcon, color:
|
19
|
-
export const SearchIcon = ({ onClick }) => (React.createElement(Icon, { icon: searchIcon, color:
|
20
|
-
export const ResetIcon = ({ onClick }) => (React.createElement(Icon, { className: "hover:cursor-pointer", icon: crossIcon, color:
|
21
|
-
//# sourceMappingURL=data:application/json;base64,
|
17
|
+
export const ValidIcon = ({ onClick }) => (React.createElement(Icon, { icon: tickIcon, color: "success-50", "data-testid": "icon-valid", onClick: onClick }));
|
18
|
+
export const ErrorIcon = ({ onClick }) => (React.createElement(Icon, { icon: errorIcon, color: "error-70", "data-testid": "icon-invalid", onClick: onClick }));
|
19
|
+
export const SearchIcon = ({ onClick }) => (React.createElement(Icon, { icon: searchIcon, color: "grey-30", "data-testid": "icon-search", onClick: onClick }));
|
20
|
+
export const ResetIcon = ({ onClick }) => (React.createElement(Icon, { className: "hover:cursor-pointer", icon: crossIcon, color: "grey-30", "data-testid": "icon-reset", onClick: onClick }));
|
21
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiSW5wdXRBZG9ybm1lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9JbnB1dEFkb3JubWVudC9JbnB1dEFkb3JubWVudC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBRTFCLE9BQU8sRUFBRSxPQUFPLEVBQUUsSUFBSSxFQUFrQixNQUFNLGVBQWUsQ0FBQztBQUM5RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFFaEQsT0FBTyxTQUFTLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxTQUFTLE1BQU0saUJBQWlCLENBQUM7QUFDeEMsT0FBTyxVQUFVLE1BQU0sa0JBQWtCLENBQUM7QUFDMUMsT0FBTyxRQUFRLE1BQU0sZ0JBQWdCLENBQUM7QUFRdEMsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUE2QixDQUFDLEVBQUUsU0FBUyxHQUFHLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUU7SUFDOUcsT0FBTyxDQUNMLDhCQUNFLFNBQVMsRUFBRSxVQUFVLENBQUMsU0FBUyxFQUFFLCtEQUErRCxFQUFFO1lBQ2hHLFNBQVMsRUFBRSxTQUFTLEtBQUssT0FBTztZQUNoQyxRQUFRLEVBQUUsU0FBUyxLQUFLLE1BQU07WUFDOUIsa0JBQWtCLEVBQUUsS0FBSztZQUN6QiwyQkFBMkIsRUFBRSxDQUFDLEtBQUs7U0FDcEMsQ0FBQztRQUVGLG9CQUFDLE9BQU8sSUFBQyxHQUFHLEVBQUMsR0FBRyxFQUFDLElBQUksRUFBQyxNQUFNLElBQ3pCLFFBQVEsQ0FDRCxDQUNMLENBQ1IsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUlGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBb0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN6RCxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUMsWUFBWSxpQkFBYSxZQUFZLEVBQUMsT0FBTyxFQUFFLE9BQU8sR0FBSSxDQUN2RixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sU0FBUyxHQUFvQixDQUFDLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxDQUFDLENBQ3pELG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBQyxVQUFVLGlCQUFhLGNBQWMsRUFBQyxPQUFPLEVBQUUsT0FBTyxHQUFJLENBQ3hGLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxVQUFVLEdBQW9CLENBQUMsRUFBRSxPQUFPLEVBQUUsRUFBRSxFQUFFLENBQUMsQ0FDMUQsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxVQUFVLEVBQUUsS0FBSyxFQUFDLFNBQVMsaUJBQWEsYUFBYSxFQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDdkYsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBb0IsQ0FBQyxFQUFFLE9BQU8sRUFBRSxFQUFFLEVBQUUsQ0FBQyxDQUN6RCxvQkFBQyxJQUFJLElBQUMsU0FBUyxFQUFDLHNCQUFzQixFQUFDLElBQUksRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFDLFNBQVMsaUJBQWEsWUFBWSxFQUFDLE9BQU8sRUFBRSxPQUFPLEdBQUksQ0FDdEgsQ0FBQyJ9
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { type PopoverPlacement } from '../../../../src/molecules/Popover/Popover';
|
3
3
|
import { type HelperTextProps } from '../../../../src/utils/form/HelperText/HelperText';
|
4
|
-
declare type LabelVariant = 'default' | '
|
4
|
+
declare type LabelVariant = 'default' | 'disabled' | 'error';
|
5
5
|
export declare type LabelProps = {
|
6
6
|
/**
|
7
7
|
* Optional label text.
|
@@ -29,7 +29,7 @@ export declare type LabelProps = {
|
|
29
29
|
/**
|
30
30
|
* Optional help tooltip content. If provided, tooltip will be attached to the label.
|
31
31
|
*/
|
32
|
-
'helpTooltip'?:
|
32
|
+
'helpTooltip'?: React.ReactNode | string;
|
33
33
|
/**
|
34
34
|
* Optional placement suggestion for the help tooltip.
|
35
35
|
*/
|
@@ -48,7 +48,7 @@ export declare const Label: React.FC<LabelProps> & {
|
|
48
48
|
Skeleton: typeof LabelSkeleton;
|
49
49
|
};
|
50
50
|
declare const LabelSkeleton: React.FC;
|
51
|
-
export declare type LabelControlProps = Omit<
|
51
|
+
export declare type LabelControlProps = Omit<HelperTextProps, 'error'> & Omit<LabelProps, 'variant'> & {
|
52
52
|
/**
|
53
53
|
* If true, label control will be rendered using <fieldset> and <legend>.
|
54
54
|
*/
|
@@ -26,7 +26,7 @@ const LabelText = ({ variant = 'default', labelText, required, helpTooltip, help
|
|
26
26
|
required && React.createElement("span", { className: tw('text-error-50') }, "*"),
|
27
27
|
helpTooltip && (React.createElement(Tooltip, { content: helpTooltip, placement: helpTooltipPlacement },
|
28
28
|
React.createElement("span", { tabIndex: 0, className: tw('text-grey-40 flex items-center cursor-pointer ml-2') },
|
29
|
-
React.createElement(InlineIcon, { icon: questionMark, "data-testid":
|
29
|
+
React.createElement(InlineIcon, { icon: questionMark, "data-testid": "icon-info" }))))));
|
30
30
|
};
|
31
31
|
export const Label = (props) => {
|
32
32
|
const { id, htmlFor, labelText } = props, _a = props["labelProps"], _b = _a === void 0 ? {} : _a, labelProps = __rest(_b, []), { 'data-testid': dataTestid, children } = props;
|
@@ -46,14 +46,16 @@ export const LabelControl = (_a) => {
|
|
46
46
|
fieldset = false, children,
|
47
47
|
// LabelProps
|
48
48
|
valid, disabled, className } = _a, rest = __rest(_a, ["messageId", "error", "helperText", "length", "maxLength", "reserveSpaceForError", "fieldset", "children", "valid", "disabled", "className"]);
|
49
|
-
|
50
|
-
|
51
|
-
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
|
49
|
+
/*
|
50
|
+
* For backwards compatibility we'll support two ways to provide error
|
51
|
+
* message; using either `helperText` or `error` props.
|
52
|
+
*
|
53
|
+
* We'll use the following logic for the variant:
|
54
|
+
* - helperText !== undefined AND valid = false => 'error'
|
55
|
+
* - helperText !== undefined AND valid = undefined => 'default'
|
56
|
+
* - error !== undefined AND valid = false => 'error'
|
57
|
+
* - error !== undefined AND valid != false => 'default'
|
58
|
+
*/
|
57
59
|
const legacyError = error !== undefined && valid === false;
|
58
60
|
const variant = !valid || legacyError ? 'error' : disabled ? 'disabled' : 'default';
|
59
61
|
return (React.createElement(FormControl, { className: className },
|
@@ -86,4 +88,4 @@ export const getLabelControlProps = (_a) => {
|
|
86
88
|
'data-testid': dataTestId,
|
87
89
|
});
|
88
90
|
};
|
89
|
-
//# sourceMappingURL=data:application/json;base64,
|
91
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGFiZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvdXRpbHMvZm9ybS9MYWJlbC9MYWJlbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFHMUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxVQUFVLEVBQUUsT0FBTyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3BELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsVUFBVSxFQUF3QixNQUFNLHNDQUFzQyxDQUFDO0FBQ3hGLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLFlBQVksTUFBTSx3QkFBd0IsQ0FBQztBQXVEbEQsTUFBTSxTQUFTLEdBQXlCLENBQUMsRUFDdkMsT0FBTyxHQUFHLFNBQVMsRUFDbkIsU0FBUyxFQUNULFFBQVEsRUFDUixXQUFXLEVBQ1gsb0JBQW9CLEdBQ3JCLEVBQUUsRUFBRTtJQUNILE9BQU8sQ0FDTCw4QkFDRSxTQUFTLEVBQUUsRUFBRSxDQUFDLHVEQUF1RCxFQUFFO1lBQ3JFLGNBQWMsRUFBRSxPQUFPLEtBQUssU0FBUztZQUNyQyxlQUFlLEVBQUUsT0FBTyxLQUFLLE9BQU87WUFDcEMsY0FBYyxFQUFFLE9BQU8sS0FBSyxVQUFVO1NBQ3ZDLENBQUM7UUFFRCxTQUFTO1FBQ1QsUUFBUSxJQUFJLDhCQUFNLFNBQVMsRUFBRSxFQUFFLENBQUMsZUFBZSxDQUFDLFFBQVU7UUFDMUQsV0FBVyxJQUFJLENBQ2Qsb0JBQUMsT0FBTyxJQUFDLE9BQU8sRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLG9CQUFvQjtZQUM1RCw4QkFBTSxRQUFRLEVBQUUsQ0FBQyxFQUFFLFNBQVMsRUFBRSxFQUFFLENBQUMsb0RBQW9ELENBQUM7Z0JB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
|
@@ -1,4 +1,4 @@
|
|
1
|
-
declare type Renamed<T, O extends keyof T, N extends string> =
|
1
|
+
declare type Renamed<T, O extends keyof T, N extends string> = Omit<T, O> & Record<N, T[O]>;
|
2
2
|
export declare const renameProperty: <T extends Record<string, unknown>, O extends keyof T, N extends string>(oldProp: O, newProp: N, { [oldProp]: oldValue, ...rest }: T) => Renamed<T, O, N>;
|
3
3
|
export declare const isObjectWithUnknownProperties: (a: unknown) => a is Record<PropertyKey, unknown>;
|
4
4
|
export {};
|
@@ -5,13 +5,13 @@ import { type Weight } from '../../../src/molecules/Template/Template';
|
|
5
5
|
import { type ActionType } from '../../../types/ActionType';
|
6
6
|
import { type AllOrNone, type RequireAtLeastOne } from '../../../types/utils';
|
7
7
|
import type React from 'react';
|
8
|
-
export declare type TextAlign = '
|
8
|
+
export declare type TextAlign = 'center' | 'left' | 'right';
|
9
9
|
export declare type SortDirection = AriaAttributes['aria-sort'];
|
10
10
|
export declare type Column = {
|
11
11
|
/**
|
12
12
|
* Type of the column.
|
13
13
|
*/
|
14
|
-
type: '
|
14
|
+
type: 'action' | 'custom' | 'item' | 'number' | 'status' | 'text';
|
15
15
|
/**
|
16
16
|
* Display name for the column.
|
17
17
|
*/
|
@@ -37,7 +37,7 @@ declare type Sortable = {
|
|
37
37
|
*/
|
38
38
|
sortable?: boolean;
|
39
39
|
};
|
40
|
-
export declare type FieldColumn<R, K extends keyof R = keyof R> = K extends keyof R ? {
|
40
|
+
export declare type FieldColumn<R, K extends keyof R = keyof R> = K extends keyof R ? CustomSortable<R> & Sortable & {
|
41
41
|
/**
|
42
42
|
* Name of the property field that this column represents in the data rows.
|
43
43
|
*/
|
@@ -47,7 +47,7 @@ export declare type FieldColumn<R, K extends keyof R = keyof R> = K extends keyo
|
|
47
47
|
* Sorting will still be based on the unformatted value.
|
48
48
|
*/
|
49
49
|
formatter?: Formatter<R, K>;
|
50
|
-
}
|
50
|
+
} : never;
|
51
51
|
export declare type TextColumn<R> = FieldColumn<R> & {
|
52
52
|
/**
|
53
53
|
* Type of the column.
|
@@ -108,14 +108,14 @@ declare type StatusColumn<R> = Column & CustomSortable<R> & {
|
|
108
108
|
*/
|
109
109
|
status: (row: R, index: number, rows: R[]) => {
|
110
110
|
status: ChipStatus;
|
111
|
-
text:
|
111
|
+
text: number | string;
|
112
112
|
};
|
113
113
|
};
|
114
114
|
declare type ListColumn = Column & {
|
115
115
|
/**
|
116
116
|
* Width of the column. Number for pixels and string for percentages
|
117
117
|
*/
|
118
|
-
width?:
|
118
|
+
width?: Weight | number;
|
119
119
|
};
|
120
120
|
declare type TableColumn = Column & {
|
121
121
|
/**
|
@@ -125,13 +125,13 @@ declare type TableColumn = Column & {
|
|
125
125
|
};
|
126
126
|
export declare type DataListColumn<R extends DataTableRow> = DataColumn<R, ListColumn>;
|
127
127
|
export declare type DataTableColumn<R extends DataTableRow> = DataColumn<R, TableColumn>;
|
128
|
-
declare type DataColumn<R extends DataTableRow, C extends Column> = C & (
|
128
|
+
declare type DataColumn<R extends DataTableRow, C extends Column> = C & (ActionColumn<R> | CustomColumn<R> | ItemColumn<R> | NumberColumn<R> | StatusColumn<R> | TextColumn<R>);
|
129
129
|
export declare type DataTableRow = Record<string, any> & {
|
130
130
|
/**
|
131
131
|
* Assigned ID for each data row.
|
132
132
|
* Used as a key. Use something unqiue derived from the data, not index.
|
133
133
|
*/
|
134
|
-
id:
|
134
|
+
id: number | string;
|
135
135
|
};
|
136
136
|
export declare type Sort<C> = {
|
137
137
|
column: C;
|
@@ -162,7 +162,7 @@ export declare type DataTableMenuProps<R extends DataTableRow> = AllOrNone<{
|
|
162
162
|
* @param row currently selected row
|
163
163
|
* @param index currectly selected row index
|
164
164
|
*/
|
165
|
-
onAction: (action:
|
165
|
+
onAction: (action: number | string, row: R, index: number) => void;
|
166
166
|
/**
|
167
167
|
* Handler that is called when the menu's open state changes.
|
168
168
|
*/
|
@@ -1,2 +1,2 @@
|
|
1
1
|
import { type DataListColumn, type DataTableColumn, type DataTableRow, type Sort } from '../../../src/utils/table/types';
|
2
|
-
export declare const useTableSort: <C extends
|
2
|
+
export declare const useTableSort: <C extends DataListColumn<R> | DataTableColumn<R>, R extends DataTableRow>() => [Sort<C> | undefined, (column: C) => void];
|
@@ -1,2 +1,2 @@
|
|
1
1
|
import { type DataListColumn, type DataTableColumn, type DataTableRow, type Sort } from '../../../src/utils/table/types';
|
2
|
-
export declare const sortRowsBy: <C extends
|
2
|
+
export declare const sortRowsBy: <C extends DataListColumn<R> | DataTableColumn<R>, R extends DataTableRow>(rows: R[], sort: Sort<C> | undefined) => R[];
|
@@ -3,9 +3,11 @@ function cleanClassNames(classNames) {
|
|
3
3
|
const tokens = classNames.split(/\s+/);
|
4
4
|
return tokens.filter((item) => item).join(' ');
|
5
5
|
}
|
6
|
-
|
7
|
-
|
8
|
-
|
6
|
+
/*
|
7
|
+
* Wrapper function for 'classnames' module that requires more strict typing
|
8
|
+
* Note: Adding many parameters was the only way I was aware of to get inference
|
9
|
+
* working for each parameter separately
|
10
|
+
*/
|
9
11
|
export function tw(classesOrModifiers1, classesOrModifiers2, classesOrModifiers3, classesOrModifiers4, classesOrModifiers5, classesOrModifiers6, classesOrModifiers7, classesOrModifiers8, classesOrModifiers9, classesOrModifiers10) {
|
10
12
|
const result = originalClassNames(classesOrModifiers1, classesOrModifiers2, classesOrModifiers3, classesOrModifiers4, classesOrModifiers5, classesOrModifiers6, classesOrModifiers7, classesOrModifiers8, classesOrModifiers9, classesOrModifiers10);
|
11
13
|
return cleanClassNames(result);
|
@@ -15,4 +17,4 @@ export const classNames = (...args) => {
|
|
15
17
|
const result = originalClassNames(...args);
|
16
18
|
return cleanClassNames(result);
|
17
19
|
};
|
18
|
-
//# sourceMappingURL=data:application/json;base64,
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGFpbHdpbmQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvdXRpbHMvdGFpbHdpbmQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxrQkFBcUMsTUFBTSxZQUFZLENBQUM7QUFJL0QsU0FBUyxlQUFlLENBQUMsVUFBa0I7SUFDekMsTUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUN2QyxPQUFPLE1BQU0sQ0FBQyxNQUFNLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRSxDQUFDLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztBQUNqRCxDQUFDO0FBRUQ7Ozs7R0FJRztBQUNILE1BQU0sVUFBVSxFQUFFLENBQ2hCLG1CQUFxRCxFQUNyRCxtQkFBcUQsRUFDckQsbUJBQXFELEVBQ3JELG1CQUFxRCxFQUNyRCxtQkFBcUQsRUFDckQsbUJBQXFELEVBQ3JELG1CQUFxRCxFQUNyRCxtQkFBcUQsRUFDckQsbUJBQXFELEVBQ3JELG9CQUF1RDtJQUV2RCxNQUFNLE1BQU0sR0FBRyxrQkFBa0IsQ0FDL0IsbUJBQW1CLEVBQ25CLG1CQUFtQixFQUNuQixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLG1CQUFtQixFQUNuQixtQkFBbUIsRUFDbkIsbUJBQW1CLEVBQ25CLG1CQUFtQixFQUNuQixtQkFBbUIsRUFDbkIsb0JBQW9CLENBQ3JCLENBQUM7SUFFRixPQUFPLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQztBQUNqQyxDQUFDO0FBRUQsNENBQTRDO0FBQzVDLE1BQU0sQ0FBQyxNQUFNLFVBQVUsR0FBRyxDQUFDLEdBQUcsSUFBZ0IsRUFBVSxFQUFFO0lBQ3hELE1BQU0sTUFBTSxHQUFHLGtCQUFrQixDQUFDLEdBQUcsSUFBSSxDQUFDLENBQUM7SUFDM0MsT0FBTyxlQUFlLENBQUMsTUFBTSxDQUFDLENBQUM7QUFDakMsQ0FBQyxDQUFDIn0=
|