@aivenio/aquarium 1.57.0 → 1.58.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/atoms.cjs +1 -1
- package/dist/atoms.mjs +1 -1
- package/dist/charts.cjs +113 -42
- package/dist/charts.mjs +113 -42
- package/dist/src/atoms/Select/Select.js +2 -2
- package/dist/src/charts/AreaChart/AreaChart.d.ts +2 -1
- package/dist/src/charts/AreaChart/AreaChart.js +18 -3
- package/dist/src/charts/BarChart/BarChart.d.ts +2 -1
- package/dist/src/charts/BarChart/BarChart.js +18 -3
- package/dist/src/charts/Container/Container.d.ts +11 -1
- package/dist/src/charts/Container/Container.js +26 -2
- package/dist/src/charts/LineChart/LineChart.d.ts +2 -1
- package/dist/src/charts/LineChart/LineChart.js +18 -3
- package/dist/src/charts/PieChart/DoughnutChart.d.ts +2 -1
- package/dist/src/charts/PieChart/DoughnutChart.js +15 -3
- package/dist/src/charts/PieChart/PieChart.d.ts +2 -1
- package/dist/src/charts/PieChart/PieChart.js +15 -3
- package/dist/src/charts/PieChart/renderPieChildren.js +4 -1
- package/dist/src/molecules/Combobox/Combobox.js +14 -7
- package/dist/styles.css +20 -0
- package/dist/system.cjs +12 -6
- package/dist/system.mjs +12 -6
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
@@ -1,12 +1,13 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { Bar as _Bar, BarChart as _BarChart, type BarProps } from 'recharts';
|
3
|
+
import { type ContainerProps } from '../../../src/charts/Container/Container';
|
3
4
|
import { type ChartProps } from '../../../src/charts/lib/utils';
|
4
5
|
import { Tooltip } from '../../../src/charts/Tooltip/Tooltip';
|
5
6
|
declare type ComposedBarChart = {
|
6
7
|
Bar: typeof Bar;
|
7
8
|
Tooltip: typeof Tooltip;
|
8
9
|
};
|
9
|
-
declare type BarChartProps = ChartProps & React.ComponentProps<typeof _BarChart>;
|
10
|
+
declare type BarChartProps = ChartProps & ContainerProps & React.ComponentProps<typeof _BarChart>;
|
10
11
|
export declare const BarChart: ComposedBarChart & React.FC<BarChartProps>;
|
11
12
|
export declare const Bar: ((props: Omit<BarProps, 'ref'>) => React.JSX.Element) & typeof _Bar;
|
12
13
|
export {};
|
@@ -1,3 +1,14 @@
|
|
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
|
+
};
|
1
12
|
import React from 'react';
|
2
13
|
import { Bar as _Bar, BarChart as _BarChart, Rectangle } from 'recharts';
|
3
14
|
import { Axis, renderXAxis, renderXTimeAxis, renderYAxis } from '../../../src/charts/Axis/Axis';
|
@@ -16,11 +27,15 @@ const margin = {
|
|
16
27
|
left: 20,
|
17
28
|
bottom: 5,
|
18
29
|
};
|
19
|
-
export const BarChart = (
|
30
|
+
export const BarChart = (_a) => {
|
31
|
+
var { isBusy, busyLabel } = _a, props = __rest(_a, ["isBusy", "busyLabel"]);
|
20
32
|
const [activeIndex, setActiveIndex] = React.useState(undefined);
|
21
33
|
const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
|
22
34
|
const renderChildren = (props) => {
|
23
35
|
return React.Children.map(props.children, (child) => {
|
36
|
+
if (!child) {
|
37
|
+
return child;
|
38
|
+
}
|
24
39
|
switch (getDisplayName(child.type)) {
|
25
40
|
case Axis.XAxis.displayName: {
|
26
41
|
return renderXAxis(child, props);
|
@@ -50,7 +65,7 @@ export const BarChart = (props) => {
|
|
50
65
|
}
|
51
66
|
});
|
52
67
|
};
|
53
|
-
return (React.createElement(ResponsiveContainer, { width: props.width, height: props.height },
|
68
|
+
return (React.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy: isBusy, busyLabel: busyLabel },
|
54
69
|
React.createElement(_BarChart, Object.assign({}, props, { accessibilityLayer: tooltip !== undefined, barCategoryGap: "5%", style: { stroke: '#fff', strokeWidth: 1 }, onMouseMove: (state) => setActiveIndex(state.isTooltipActive ? state.activeTooltipIndex : undefined), onMouseLeave: () => setActiveIndex(undefined), margin: margin }),
|
55
70
|
React.createElement(CartesianGrid, null),
|
56
71
|
renderChildren(props))));
|
@@ -58,4 +73,4 @@ export const BarChart = (props) => {
|
|
58
73
|
export const Bar = Object.assign((props) => React.createElement(_Bar, Object.assign({}, props, { isAnimationActive: false })), _Bar);
|
59
74
|
BarChart.Bar = Bar;
|
60
75
|
BarChart.Tooltip = Tooltip;
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
76
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmFyQ2hhcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL0JhckNoYXJ0L0JhckNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsR0FBRyxJQUFJLElBQUksRUFBRSxRQUFRLElBQUksU0FBUyxFQUFpQixTQUFTLEVBQUUsTUFBTSxVQUFVLENBQUM7QUFFeEYsT0FBTyxFQUFFLElBQUksRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ3ZGLE9BQU8sRUFBdUIsbUJBQW1CLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUMxRixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDckQsT0FBTyxFQUFtQix5QkFBeUIsRUFBRSxjQUFjLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNsRyxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFTckQ7Ozs7R0FJRztBQUNILE1BQU0sTUFBTSxHQUFHO0lBQ2IsR0FBRyxFQUFFLEVBQUU7SUFDUCxLQUFLLEVBQUUsRUFBRTtJQUNULElBQUksRUFBRSxFQUFFO0lBQ1IsTUFBTSxFQUFFLENBQUM7Q0FDVixDQUFDO0FBRUYsTUFBTSxDQUFDLE1BQU0sUUFBUSxHQUErQyxDQUFDLEVBQStCLEVBQUUsRUFBRTtRQUFuQyxFQUFFLE1BQU0sRUFBRSxTQUFTLE9BQVksRUFBUCxLQUFLLGNBQTdCLHVCQUErQixDQUFGO0lBQ2hHLE1BQU0sQ0FBQyxXQUFXLEVBQUUsY0FBYyxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBcUIsU0FBUyxDQUFDLENBQUM7SUFDcEYsTUFBTSxDQUFDLE9BQU8sQ0FBQyxHQUFHLHlCQUF5QixDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsT0FBTyxDQUFD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
|
@@ -1,3 +1,13 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { type ResponsiveContainerProps } from 'recharts';
|
3
|
-
export declare
|
3
|
+
export declare type ContainerProps = {
|
4
|
+
/**
|
5
|
+
* When true, the chart will have a visual indication that it is busy.
|
6
|
+
*/
|
7
|
+
isBusy?: boolean;
|
8
|
+
/**
|
9
|
+
* Optional label for the busy state.
|
10
|
+
*/
|
11
|
+
busyLabel?: string;
|
12
|
+
};
|
13
|
+
export declare const ResponsiveContainer: ({ isBusy, busyLabel, className, style, width, height, minWidth, minHeight, maxHeight, ...props }: ContainerProps & ResponsiveContainerProps) => React.JSX.Element;
|
@@ -1,4 +1,28 @@
|
|
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
|
+
};
|
1
12
|
import React from 'react';
|
2
13
|
import { ResponsiveContainer as _ResponsiveContainer } from 'recharts';
|
3
|
-
|
4
|
-
|
14
|
+
import { classNames, tw } from '../../../src/utils/tailwind';
|
15
|
+
export const ResponsiveContainer = (_a) => {
|
16
|
+
var { isBusy = false, busyLabel = 'Loading...', className, style, width = '100%', height = '100%', minWidth, minHeight, maxHeight } = _a, props = __rest(_a, ["isBusy", "busyLabel", "className", "style", "width", "height", "minWidth", "minHeight", "maxHeight"]);
|
17
|
+
return (React.createElement("div", { "aria-busy": isBusy, className: classNames(className, tw('relative')), style: Object.assign(Object.assign({}, style), { width, height, minWidth, minHeight, maxHeight }) },
|
18
|
+
React.createElement(_ResponsiveContainer, Object.assign({}, props)),
|
19
|
+
React.createElement("div", { className: classNames(tw('absolute inset-0 transition-colors flex items-center justify-center'), {
|
20
|
+
// Our TS typings don't like this bg definition, so it's outside the tw() function.
|
21
|
+
'bg-[rgb(255,255,255)]/50 delay-300': isBusy,
|
22
|
+
}) },
|
23
|
+
React.createElement("span", { "aria-hidden": !isBusy, className: tw('rounded-full text-white bg-black typography-caption py-2 px-4 transition-all', {
|
24
|
+
'opacity-100 delay-300': isBusy,
|
25
|
+
'mb-[-20px] opacity-0': !isBusy,
|
26
|
+
}) }, isBusy && busyLabel))));
|
27
|
+
};
|
28
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NoYXJ0cy9Db250YWluZXIvQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsbUJBQW1CLElBQUksb0JBQW9CLEVBQWlDLE1BQU0sVUFBVSxDQUFDO0FBRXRHLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFjcEQsTUFBTSxDQUFDLE1BQU0sbUJBQW1CLEdBQUcsQ0FBQyxFQVdRLEVBQUUsRUFBRTtRQVhaLEVBQ2xDLE1BQU0sR0FBRyxLQUFLLEVBQ2QsU0FBUyxHQUFHLFlBQVksRUFDeEIsU0FBUyxFQUNULEtBQUssRUFDTCxLQUFLLEdBQUcsTUFBTSxFQUNkLE1BQU0sR0FBRyxNQUFNLEVBQ2YsUUFBUSxFQUNSLFNBQVMsRUFDVCxTQUFTLE9BRWlDLEVBRHZDLEtBQUssY0FWMEIsc0dBV25DLENBRFM7SUFDdUMsT0FBQSxDQUMvQywwQ0FDYSxNQUFNLEVBQ2pCLFNBQVMsRUFBRSxVQUFVLENBQUMsU0FBUyxFQUFFLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxFQUNoRCxLQUFLLGtDQUFPLEtBQUssS0FBRSxLQUFLLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxTQUFTLEVBQUUsU0FBUztRQUVoRSxvQkFBQyxvQkFBb0Isb0JBQUssS0FBSyxFQUFJO1FBQ25DLDZCQUNFLFNBQVMsRUFBRSxVQUFVLENBQUMsRUFBRSxDQUFDLHFFQUFxRSxDQUFDLEVBQUU7Z0JBQy9GLG1GQUFtRjtnQkFDbkYsb0NBQW9DLEVBQUUsTUFBTTthQUM3QyxDQUFDO1lBRUYsNkNBQ2UsQ0FBQyxNQUFNLEVBQ3BCLFNBQVMsRUFBRSxFQUFFLENBQUMsOEVBQThFLEVBQUU7b0JBQzVGLHVCQUF1QixFQUFFLE1BQU07b0JBQy9CLHNCQUFzQixFQUFFLENBQUMsTUFBTTtpQkFDaEMsQ0FBQyxJQUVELE1BQU0sSUFBSSxTQUFTLENBQ2YsQ0FDSCxDQUNGLENBQ1AsQ0FBQTtDQUFBLENBQUMifQ==
|
@@ -1,10 +1,11 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { Line as _Line, LineChart as _LineChart, type LineProps } from 'recharts';
|
3
|
+
import { type ContainerProps } from '../../../src/charts/Container/Container';
|
3
4
|
import { type ChartProps } from '../../../src/charts/lib/utils';
|
4
5
|
declare type ComposedLineChart = {
|
5
6
|
Line: typeof Line;
|
6
7
|
};
|
7
|
-
declare type LineChartProps = ChartProps & React.ComponentProps<typeof _LineChart>;
|
8
|
+
declare type LineChartProps = ChartProps & ContainerProps & React.ComponentProps<typeof _LineChart>;
|
8
9
|
export declare const LineChart: ComposedLineChart & React.FC<LineChartProps>;
|
9
10
|
export declare const Line: ((props: Omit<LineProps, 'ref'>) => React.JSX.Element) & typeof _Line;
|
10
11
|
export {};
|
@@ -1,3 +1,14 @@
|
|
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
|
+
};
|
1
12
|
import React from 'react';
|
2
13
|
import { Line as _Line, LineChart as _LineChart } from 'recharts';
|
3
14
|
import { Axis, renderXAxis, renderXTimeAxis, renderYAxis } from '../../../src/charts/Axis/Axis';
|
@@ -7,6 +18,9 @@ import { extractChildByDisplayName, getDisplayName } from '../../../src/charts/l
|
|
7
18
|
import { Tooltip } from '../../../src/charts/Tooltip/Tooltip';
|
8
19
|
const renderChildren = (props) => {
|
9
20
|
return React.Children.map(props.children, (child) => {
|
21
|
+
if (!child) {
|
22
|
+
return child;
|
23
|
+
}
|
10
24
|
switch (getDisplayName(child.type)) {
|
11
25
|
case Axis.XAxis.displayName: {
|
12
26
|
return renderXAxis(child, props);
|
@@ -23,9 +37,10 @@ const renderChildren = (props) => {
|
|
23
37
|
}
|
24
38
|
});
|
25
39
|
};
|
26
|
-
export const LineChart = (
|
40
|
+
export const LineChart = (_a) => {
|
41
|
+
var { isBusy, busyLabel } = _a, props = __rest(_a, ["isBusy", "busyLabel"]);
|
27
42
|
const [tooltip] = extractChildByDisplayName(props.children, Tooltip.displayName);
|
28
|
-
return (React.createElement(ResponsiveContainer, { width: props.width, height: props.height },
|
43
|
+
return (React.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy: isBusy, busyLabel: busyLabel },
|
29
44
|
React.createElement(_LineChart, { data: props.data, style: { stroke: '#fff', strokeWidth: 1 }, margin: {
|
30
45
|
top: 20,
|
31
46
|
right: 30,
|
@@ -37,4 +52,4 @@ export const LineChart = (props) => {
|
|
37
52
|
};
|
38
53
|
export const Line = Object.assign((props) => (React.createElement(_Line, Object.assign({ type: "monotone" }, props, { strokeWidth: 2, isAnimationActive: false, dot: false }))), _Line);
|
39
54
|
LineChart.Line = Line;
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGluZUNoYXJ0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2NoYXJ0cy9MaW5lQ2hhcnQvTGluZUNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsSUFBSSxJQUFJLEtBQUssRUFBRSxTQUFTLElBQUksVUFBVSxFQUFrQixNQUFNLFVBQVUsQ0FBQztBQUVsRixPQUFPLEVBQUUsSUFBSSxFQUFFLFdBQVcsRUFBRSxlQUFlLEVBQUUsV0FBVyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDdkYsT0FBTyxFQUF1QixtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzFGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNyRCxPQUFPLEVBQW1CLHlCQUF5QixFQUFFLGNBQWMsRUFBRSxNQUFNLHNCQUFzQixDQUFDO0FBQ2xHLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQztBQVFyRCxNQUFNLGNBQWMsR0FBRyxDQUFDLEtBQXFCLEVBQUUsRUFBRTtJQUMvQyxPQUFPLEtBQUssQ0FBQyxRQUFRLENBQUMsR0FBRyxDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQyxLQUFLLEVBQUUsRUFBRTtRQUNsRCxJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1YsT0FBTyxLQUFLLENBQUM7U0FDZDtRQUVELFFBQVEsY0FBYyxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsRUFBRTtZQUNsQyxLQUFLLElBQUksQ0FBQyxLQUFLLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQzNCLE9BQU8sV0FBVyxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQzthQUNsQztZQUVELEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQ2hDLE9BQU8sZUFBZSxDQUFDLEtBQUssRUFBRSxLQUFLLENBQUMsQ0FBQzthQUN0QztZQUVELEtBQUssSUFBSSxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztnQkFDM0IsT0FBTyxXQUFXLENBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxDQUFDO2FBQ2xDO1lBRUQsT0FBTyxDQUFDLENBQUM7Z0JBQ1AsT0FBTyxLQUFLLENBQUM7YUFDZDtTQUNGO0lBQ0gsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxTQUFTLEdBQWlELENBQUMsRUFBK0IsRUFBRSxFQUFFO1FBQW5DLEVBQUUsTUFBTSxFQUFFLFNBQVMsT0FBWSxFQUFQLEtBQUssY0FBN0IsdUJBQStCLENBQUY7SUFDbkcsTUFBTSxDQUFDLE9BQU8sQ0FBQyxHQUFHLHlCQUF5QixDQUFDLEtBQUssQ0FBQyxRQUFRLEVBQUUsT0FBTyxDQUFDLFdBQVcsQ0FBQyxDQUFDO0lBRWpGLE9BQU8sQ0FDTCxvQkFBQyxtQkFBbUIsSUFBQyxLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU0sRUFBRSxNQUFNLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxTQUFTO1FBQ2pHLG9CQUFDLFVBQVUsSUFDVCxJQUFJLEVBQUUsS0FBSyxDQUFDLElBQUksRUFDaEIsS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxXQUFXLEVBQUUsQ0FBQyxFQUFFLEVBQ3pDLE1BQU0sRUFBRTtnQkFDTixHQUFHLEVBQUUsRUFBRTtnQkFDUCxLQUFLLEVBQUUsRUFBRTtnQkFDVCxJQUFJLEVBQUUsRUFBRTtnQkFDUixNQUFNLEVBQUUsQ0FBQzthQUNWLEVBQ0Qsa0JBQWtCLEVBQUUsT0FBTyxLQUFLLFNBQVM7WUFFekMsb0JBQUMsYUFBYSxPQUFHO1lBQ2hCLGNBQWMsQ0FBQyxLQUFLLENBQUMsQ0FDWCxDQUNPLENBQ3ZCLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLENBQUMsTUFBTSxJQUFJLEdBQUcsTUFBTSxDQUFDLE1BQU0sQ0FDL0IsQ0FBQyxLQUE2QixFQUFFLEVBQUUsQ0FBQyxDQUNqQyxvQkFBQyxLQUFLLGtCQUFDLElBQUksRUFBQyxVQUFVLElBQUssS0FBSyxJQUFFLFdBQVcsRUFBRSxDQUFDLEVBQUUsaUJBQWlCLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxLQUFLLElBQUksQ0FDM0YsRUFDRCxLQUFLLENBQ04sQ0FBQztBQUNGLFNBQVMsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDIn0=
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { Cell, Pie as _Pie, PieChart as _PieChart, type PieProps } from 'recharts';
|
3
|
+
import { type ContainerProps } from '../../../src/charts/Container/Container';
|
3
4
|
import { type ChartProps } from '../../../src/charts/lib/utils';
|
4
5
|
import { ChartValue } from './ChartValue';
|
5
6
|
declare type ComposedLDoughnutChart = {
|
@@ -7,7 +8,7 @@ declare type ComposedLDoughnutChart = {
|
|
7
8
|
ChartValue: typeof ChartValue;
|
8
9
|
Cell: typeof Cell;
|
9
10
|
};
|
10
|
-
declare type DoughtnutChartProps = ChartProps & React.ComponentProps<typeof _PieChart>;
|
11
|
+
declare type DoughtnutChartProps = ChartProps & ContainerProps & React.ComponentProps<typeof _PieChart>;
|
11
12
|
export declare const DoughnutChart: ComposedLDoughnutChart & React.FC<DoughtnutChartProps>;
|
12
13
|
export declare const Doughnut: ((props: Omit<PieProps, 'ref'>) => React.JSX.Element) & typeof _Pie;
|
13
14
|
export {};
|
@@ -1,3 +1,14 @@
|
|
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
|
+
};
|
1
12
|
import React from 'react';
|
2
13
|
import isNil from 'lodash/isNil';
|
3
14
|
import { Cell, Customized, Pie as _Pie, PieChart as _PieChart } from 'recharts';
|
@@ -8,7 +19,8 @@ import { ChartValue } from './ChartValue';
|
|
8
19
|
import { renderPieChildren } from './renderPieChildren';
|
9
20
|
// A chart at this size squared causes the tailwind styles look balanced, used for calculating scale.
|
10
21
|
const refSize = 300;
|
11
|
-
export const DoughnutChart = (
|
22
|
+
export const DoughnutChart = (_a) => {
|
23
|
+
var { isBusy, busyLabel } = _a, props = __rest(_a, ["isBusy", "busyLabel"]);
|
12
24
|
const [containerWidth, setContainerWidth] = React.useState(0);
|
13
25
|
const [containerHeight, setContainerHeight] = React.useState(0);
|
14
26
|
const [activeIndex, setActiveIndex] = React.useState(null);
|
@@ -51,7 +63,7 @@ export const DoughnutChart = (props) => {
|
|
51
63
|
return (React.createElement("foreignObject", { width: refSize, height: refSize, x: x, y: y, transform: `scale(${scale})` }, chartValue));
|
52
64
|
};
|
53
65
|
const highlightActive = activeIndex !== null && tooltip;
|
54
|
-
return (React.createElement(ResponsiveContainer, {
|
66
|
+
return (React.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy: isBusy, busyLabel: busyLabel, onResize: onResize },
|
55
67
|
React.createElement(_PieChart, null,
|
56
68
|
chartValue && React.createElement(Customized, { component: renderChartValue }),
|
57
69
|
pie && (React.createElement(_Pie, Object.assign({}, pie.props, { onMouseEnter: (_, index) => setActiveIndex(index), onMouseLeave: () => setActiveIndex(null), activeIndex: activeIndex, inactiveShape: { className: highlightActive ? 'inactive' : undefined }, activeShape: { className: highlightActive ? 'active' : undefined } }))),
|
@@ -66,4 +78,4 @@ Doughnut.defaultProps = Object.assign({}, _Pie.defaultProps, {
|
|
66
78
|
DoughnutChart.Doughnut = Doughnut;
|
67
79
|
DoughnutChart.ChartValue = ChartValue;
|
68
80
|
DoughnutChart.Cell = Cell;
|
69
|
-
//# sourceMappingURL=data:application/json;base64,
|
81
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRG91Z2hudXRDaGFydC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9jaGFydHMvUGllQ2hhcnQvRG91Z2hudXRDaGFydC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxLQUFLLE1BQU0sY0FBYyxDQUFDO0FBQ2pDLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsUUFBUSxJQUFJLFNBQVMsRUFBaUIsTUFBTSxVQUFVLENBQUM7QUFFL0YsT0FBTyxFQUF1QixtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzFGLE9BQU8sRUFBbUIseUJBQXlCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUNsRixPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFFckQsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUMxQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQVV4RCxxR0FBcUc7QUFDckcsTUFBTSxPQUFPLEdBQUcsR0FBRyxDQUFDO0FBRXBCLE1BQU0sQ0FBQyxNQUFNLGFBQWEsR0FBMkQsQ0FBQyxFQUlyRixFQUFFLEVBQUU7UUFKaUYsRUFDcEYsTUFBTSxFQUNOLFNBQVMsT0FFVixFQURJLEtBQUssY0FINEUsdUJBSXJGLENBRFM7SUFFUixNQUFNLENBQUMsY0FBYyxFQUFFLGlCQUFpQixDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUM5RCxNQUFNLENBQUMsZUFBZSxFQUFFLGtCQUFrQixDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUNoRSxNQUFNLENBQUMsV0FBVyxFQUFFLGNBQWMsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQWdC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
|
@@ -1,11 +1,12 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { Cell, Pie as _Pie, PieChart as _PieChart, type PieProps } from 'recharts';
|
3
|
+
import { type ContainerProps } from '../../../src/charts/Container/Container';
|
3
4
|
import { type ChartProps } from '../../../src/charts/lib/utils';
|
4
5
|
declare type ComposedPieChart = {
|
5
6
|
Pie: typeof Pie;
|
6
7
|
Cell: typeof Cell;
|
7
8
|
};
|
8
|
-
declare type PieChartProps = ChartProps & React.ComponentProps<typeof _PieChart>;
|
9
|
+
declare type PieChartProps = ChartProps & ContainerProps & React.ComponentProps<typeof _PieChart>;
|
9
10
|
export declare const PieChart: ComposedPieChart & React.FC<PieChartProps>;
|
10
11
|
export declare const Pie: ((props: Omit<PieProps, 'ref'>) => React.JSX.Element) & typeof _Pie;
|
11
12
|
export {};
|
@@ -1,9 +1,21 @@
|
|
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
|
+
};
|
1
12
|
import React from 'react';
|
2
13
|
import { Cell, Pie as _Pie, PieChart as _PieChart } from 'recharts';
|
3
14
|
import { ResponsiveContainer } from '../../../src/charts/Container/Container';
|
4
15
|
import { renderPieChildren } from './renderPieChildren';
|
5
|
-
export const PieChart = (
|
6
|
-
|
16
|
+
export const PieChart = (_a) => {
|
17
|
+
var { isBusy, busyLabel } = _a, props = __rest(_a, ["isBusy", "busyLabel"]);
|
18
|
+
return (React.createElement(ResponsiveContainer, { width: props.width, height: props.height, isBusy: isBusy, busyLabel: busyLabel },
|
7
19
|
React.createElement(_PieChart, { width: 500, height: 500 }, renderPieChildren(props.children))));
|
8
20
|
};
|
9
21
|
export const Pie = Object.assign((props) => React.createElement(_Pie, Object.assign({}, props)), _Pie);
|
@@ -14,4 +26,4 @@ Pie.defaultProps = Object.assign({}, _Pie.defaultProps, {
|
|
14
26
|
});
|
15
27
|
PieChart.Pie = Pie;
|
16
28
|
PieChart.Cell = Cell;
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUGllQ2hhcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL1BpZUNoYXJ0L1BpZUNoYXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQztBQUMxQixPQUFPLEVBQUUsSUFBSSxFQUFFLEdBQUcsSUFBSSxJQUFJLEVBQUUsUUFBUSxJQUFJLFNBQVMsRUFBaUIsTUFBTSxVQUFVLENBQUM7QUFFbkYsT0FBTyxFQUF1QixtQkFBbUIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBRzFGLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBU3hELE1BQU0sQ0FBQyxNQUFNLFFBQVEsR0FBK0MsQ0FBQyxFQUErQixFQUFFLEVBQUU7UUFBbkMsRUFBRSxNQUFNLEVBQUUsU0FBUyxPQUFZLEVBQVAsS0FBSyxjQUE3Qix1QkFBK0IsQ0FBRjtJQUNoRyxPQUFPLENBQ0wsb0JBQUMsbUJBQW1CLElBQUMsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLEVBQUUsTUFBTSxFQUFFLEtBQUssQ0FBQyxNQUFNLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxTQUFTLEVBQUUsU0FBUztRQUNqRyxvQkFBQyxTQUFTLElBQUMsS0FBSyxFQUFFLEdBQUcsRUFBRSxNQUFNLEVBQUUsR0FBRyxJQUMvQixpQkFBaUIsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQ3hCLENBQ1EsQ0FDdkIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sQ0FBQyxNQUFNLEdBQUcsR0FBRyxNQUFNLENBQUMsTUFBTSxDQUFDLENBQUMsS0FBNEIsRUFBRSxFQUFFLENBQUMsb0JBQUMsSUFBSSxvQkFBSyxLQUFLLEVBQUksRUFBRSxJQUFJLENBQUMsQ0FBQztBQUU5RixHQUFHLENBQUMsWUFBWSxHQUFHLE1BQU0sQ0FBQyxNQUFNLENBQUMsRUFBRSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUU7SUFDdEQsaUJBQWlCLEVBQUUsS0FBSztJQUN4QixXQUFXLEVBQUUsQ0FBQztJQUNkLFdBQVcsRUFBRSxLQUFLO0NBQ25CLENBQUMsQ0FBQztBQUVILFFBQVEsQ0FBQyxHQUFHLEdBQUcsR0FBRyxDQUFDO0FBQ25CLFFBQVEsQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDIn0=
|
@@ -5,6 +5,9 @@ import { Tooltip } from '../../../src/charts/Tooltip/Tooltip';
|
|
5
5
|
import { TooltipContentWrapper } from './TooltipContentWrapper';
|
6
6
|
export const renderPieChildren = (children) => {
|
7
7
|
return React.Children.map(children, (child) => {
|
8
|
+
if (!child) {
|
9
|
+
return child;
|
10
|
+
}
|
8
11
|
switch (getDisplayName(child.type)) {
|
9
12
|
case Tooltip.displayName: {
|
10
13
|
/*
|
@@ -26,4 +29,4 @@ export const renderPieChildren = (children) => {
|
|
26
29
|
}
|
27
30
|
});
|
28
31
|
};
|
29
|
-
//# sourceMappingURL=data:application/json;base64,
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicmVuZGVyUGllQ2hpbGRyZW4uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvY2hhcnRzL1BpZUNoYXJ0L3JlbmRlclBpZUNoaWxkcmVuLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLFVBQVUsQ0FBQztBQUVsQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0JBQXNCLENBQUM7QUFDdEQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBRXJELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBRWhFLE1BQU0sQ0FBQyxNQUFNLGlCQUFpQixHQUFHLENBQUMsUUFBOEIsRUFBRSxFQUFFO0lBQ2xFLE9BQU8sS0FBSyxDQUFDLFFBQVEsQ0FBQyxHQUFHLENBQUMsUUFBUSxFQUFFLENBQUMsS0FBSyxFQUFFLEVBQUU7UUFDNUMsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNWLE9BQU8sS0FBSyxDQUFDO1NBQ2Q7UUFFRCxRQUFRLGNBQWMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLEVBQUU7WUFDbEMsS0FBSyxPQUFPLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQ3hCOzs7Ozs7O21CQU9HO2dCQUNILE9BQU8sS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsb0JBQUMscUJBQXFCLElBQUMsT0FBTyxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsT0FBTyxHQUFJLEVBQUUsQ0FBQyxDQUFDO2FBQ3hHO1lBRUQsS0FBSyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUM7Z0JBQ3ZCLE9BQU8sS0FBSyxDQUFDLFlBQVksQ0FBQyxLQUFLLEVBQUUsRUFBRSxhQUFhLEVBQUUsS0FBSyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsQ0FBQyxDQUFDO2FBQzdFO1lBRUQsT0FBTyxDQUFDLENBQUM7Z0JBQ1AsT0FBTyxLQUFLLENBQUM7YUFDZDtTQUNGO0lBQ0gsQ0FBQyxDQUFDLENBQUM7QUFDTCxDQUFDLENBQUMifQ==
|
@@ -30,9 +30,14 @@ export const ComboboxBase = (_a) => {
|
|
30
30
|
const inputRef = useRef(null);
|
31
31
|
const [inputItems, setInputItems] = useState(options);
|
32
32
|
const [hasFocus, setFocus] = useState(false);
|
33
|
-
const updateInputItems = (query) => {
|
33
|
+
const updateInputItems = (query, selected) => {
|
34
34
|
const keys = typeof options[0] === 'string' ? undefined : optionKeys;
|
35
|
-
|
35
|
+
if (selected && itemToString(selected) === query) {
|
36
|
+
setInputItems(options);
|
37
|
+
}
|
38
|
+
else {
|
39
|
+
setInputItems(query ? matchSorter(options, query, { keys }) : options);
|
40
|
+
}
|
36
41
|
};
|
37
42
|
const { isOpen, openMenu, closeMenu, toggleMenu, getToggleButtonProps, getMenuProps, getInputProps, highlightedIndex, inputValue, getItemProps, selectedItem, } = useCombobox({
|
38
43
|
id,
|
@@ -47,13 +52,15 @@ export const ComboboxBase = (_a) => {
|
|
47
52
|
case useCombobox.stateChangeTypes.InputKeyDownEnter:
|
48
53
|
case useCombobox.stateChangeTypes.InputBlur: {
|
49
54
|
const selectedItem = createOption ? createOption === null || createOption === void 0 ? void 0 : createOption(changes.inputValue) : changes.selectedItem;
|
50
|
-
|
55
|
+
const inputValue = selectedItem ? itemToString(selectedItem) : '';
|
56
|
+
return Object.assign(Object.assign({}, changes), { inputValue,
|
57
|
+
selectedItem });
|
51
58
|
}
|
52
59
|
}
|
53
60
|
return changes;
|
54
61
|
},
|
55
62
|
onSelectedItemChange: (e) => onChange === null || onChange === void 0 ? void 0 : onChange(e.selectedItem),
|
56
|
-
onInputValueChange: ({ inputValue }) => updateInputItems(inputValue),
|
63
|
+
onInputValueChange: ({ selectedItem, inputValue }) => updateInputItems(inputValue, selectedItem),
|
57
64
|
});
|
58
65
|
const state = {
|
59
66
|
isOpen,
|
@@ -63,7 +70,7 @@ export const ComboboxBase = (_a) => {
|
|
63
70
|
setOpen: (isOpen) => (isOpen ? openMenu() : closeMenu()),
|
64
71
|
};
|
65
72
|
useEffect(() => {
|
66
|
-
updateInputItems(inputValue);
|
73
|
+
updateInputItems(inputValue, selectedItem);
|
67
74
|
}, [JSON.stringify(options)]);
|
68
75
|
useEffect(() => {
|
69
76
|
if (state.isOpen && inputRef.current && popoverRef.current) {
|
@@ -90,7 +97,7 @@ export const ComboboxBase = (_a) => {
|
|
90
97
|
isOpen && (React.createElement(PopoverOverlay, { ref: popoverRef, triggerRef: targetRef, state: state, placement: "bottom-left", shouldFlip: true, isNonModal: true, style: { width: (_b = targetRef.current) === null || _b === void 0 ? void 0 : _b.offsetWidth } },
|
91
98
|
React.createElement(Select.Menu, Object.assign({ maxHeight: maxHeight }, menuProps),
|
92
99
|
hasNoResults && React.createElement(Select.NoResults, null, emptyState),
|
93
|
-
inputItems.map((item, index) => (React.createElement(Select.Item, Object.assign({ key: itemToString(item), selected: item === selectedItem, highlighted: index === highlightedIndex }, getItemProps({ item, index })), renderOption(item)))))))));
|
100
|
+
inputItems.map((item, index) => (React.createElement(Select.Item, Object.assign({ key: itemToString(item), selected: item === selectedItem, highlighted: index === highlightedIndex || item === selectedItem }, getItemProps({ item, index })), renderOption(item)))))))));
|
94
101
|
};
|
95
102
|
const ComboboxBaseSkeleton = () => React.createElement(Skeleton, { height: 38 });
|
96
103
|
ComboboxBase.Skeleton = ComboboxBaseSkeleton;
|
@@ -111,4 +118,4 @@ const ComboboxSkeleton = () => (React.createElement(LabelControl.Skeleton, null,
|
|
111
118
|
React.createElement(ComboboxBase.Skeleton, null)));
|
112
119
|
Combobox.Skeleton = ComboboxSkeleton;
|
113
120
|
Combobox.Skeleton.displayName = 'Combobox.Skeleton';
|
114
|
-
//# sourceMappingURL=data:application/json;base64,
|
121
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29tYm9ib3guanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL0NvbWJvYm94L0NvbWJvYm94LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLHFGQUFxRjtBQUNyRixPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQzNELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFDMUMsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLFdBQVcsQ0FBQztBQUN4QyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFDL0IsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLGNBQWMsQ0FBQztBQUUzQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDdEUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxxQkFBcUIsRUFBRSx1QkFBdUIsRUFBRSxNQUFNLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUVqRyxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsWUFBWSxFQUEwQixNQUFNLDRCQUE0QixDQUFDO0FBQ3hHLE9BQU8sRUFBRSxVQUFVLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUE2QnBELE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxDQUFVLEVBcUJlLEVBQWlELEVBQUU7O1FBckJsRSxFQUNwQyxFQUFFLEVBQ0YsSUFBSSxFQUNKLFdBQVcsRUFDWCxTQUFTLEVBQ1QsT0FBTyxFQUNQLFVBQVUsR0FBRyxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUMsRUFDL0IsU0FBUyxFQUNULFVBQVUsR0FBRyxTQUFTLEVBQ3RCLGNBQWMsRUFBRSxZQUFZLEdBQUcscUJBQXFCLEVBQ3BELFlBQVksRUFDWixZQUFZLEdBQUcsQ0FBQyxHQUFHLEVBQUUsRUFBRSxDQUFDLFlBQVksQ0FBQyxHQUFHLENBQUMsRUFDekMsZ0JBQWdCLEdBQUcsdUJBQXVCLEVBQzFDLFlBQVksRUFDWixLQUFLLEVBQ0wsUUFBUSxFQUNSLFFBQVEsRUFDUixLQUFLLEdBQUcsSUFBSSxFQUNaLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLFFBQVEsR0FBRyxLQUFLLE9BRW1DLEVBRGhELEtBQUssY0FwQjRCLHNQQXFCckMsQ0FEUztJQUVSLE1BQU0sVUFBVSxHQUFHLE1BQU0sQ0FBaUIsSUFBSSxDQUFDLENBQUM7SUFDaEQsTUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUMvQyxNQUFNLE9BQU8sR0FBRyxNQUFNLENBQW1CLElBQUksQ0FBQyxDQUFDO0lBQy9DLE1BQU0sUUFBUSxHQUFHLE1BQU0sQ0FBbUIsSUFBSSxDQUFDLENBQUM7SUFDaEQsTUFBTSxDQUFDLFVBQVUsRUFBRSxhQUFhLENBQUMsR0FBRyxRQUFRLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDdEQsTUFBTSxDQUFDLFFBQVEsRUFBRSxRQUFRLENBQUMsR0FBRyxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUM7SUFFN0MsTUFBTSxnQkFBZ0IsR0FBRyxDQUFDLEtBQXlCLEVBQUUsUUFBbUMsRUFBRSxFQUFFO1FBQzFGLE1BQU0sSUFBSSxHQUFHLE9BQU8sT0FBTyxDQUFDLENBQUMsQ0FBQyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUM7UUFFckUsSUFBSSxRQUFRLElBQUksWUFBWSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEtBQUssRUFBRTtZQUNoRCxhQUFhLENBQUMsT0FBTyxDQUFDLENBQUM7U0FDeEI7YUFBTTtZQUNMLGFBQWEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFdBQVcsQ0FBQyxPQUFPLEVBQUUsS0FBSyxFQUFFLEVBQUUsSUFBSSxFQUFFLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUM7U0FDeEU7SUFDSCxDQUFDLENBQUM7SUFFRixNQUFNLEVBQ0osTUFBTSxFQUNOLFFBQVEsRUFDUixTQUFTLEVBQ1QsVUFBVSxFQUNWLG9CQUFvQixFQUNwQixZQUFZLEVBQ1osYUFBYSxFQUNiLGdCQUFnQixFQUNoQixVQUFVLEVBQ1YsWUFBWSxFQUNaLFlBQVksR0FDYixHQUFHLFdBQVcsQ0FBQztRQUNkLEVBQUU7UUFDRixZQUFZLEVBQUUsS0FBSztRQUNuQixtQkFBbUIsRUFBRSxZQUFZO1FBQ2pDLGNBQWMsRUFBRSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRSxDQUFDLGdCQUFnQixDQUFDLElBQUksRUFBRSxLQUFLLENBQUM7UUFDOUQsWUFBWTtRQUNaLEtBQUssRUFBRSxVQUFVO1FBQ2pCLFlBQVksRUFBRSxDQUFDLENBQUMsRUFBRSxhQUFhLEVBQUUsRUFBRTtZQUNqQyxNQUFNLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxHQUFHLGFBQWEsQ0FBQztZQUN4QyxRQUFRLElBQUksRUFBRTtnQkFDWixLQUFLLFdBQVcsQ0FBQyxnQkFBZ0IsQ0FBQyxpQkFBaUIsQ0FBQztnQkFDcEQsS0FBSyxXQUFXLENBQUMsZ0JBQWdCLENBQUMsU0FBUyxDQUFDLENBQUM7b0JBQzNDLE1BQU0sWUFBWSxHQUFHLFlBQVksQ0FBQyxDQUFDLENBQUMsWUFBWSxhQUFaLFlBQVksdUJBQVosWUFBWSxDQUFHLE9BQU8sQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLFlBQVksQ0FBQztvQkFDOUYsTUFBTSxVQUFVLEdBQUcsWUFBWSxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztvQkFFbEUsdUNBQ0ssT0FBTyxLQUNWLFVBQVU7d0JBQ1YsWUFBWSxJQUNaO2lCQUNIO2FBQ0Y7WUFDRCxPQUFPLE9BQU8sQ0FBQztRQUNqQixDQUFDO1FBQ0Qsb0JBQW9CLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRSxDQUFDLFFBQVEsYUFBUixRQUFRLHVCQUFSLFFBQVEsQ0FBRyxDQUFDLENBQUMsWUFBWSxDQUFDO1FBQ3ZELGtCQUFrQixFQUFFLENBQUMsRUFBRSxZQUFZLEVBQUUsVUFBVSxFQUFFLEVBQUUsRUFBRSxDQUFDLGdCQUFnQixDQUFDLFVBQVUsRUFBRSxZQUFZLENBQUM7S0FDakcsQ0FBQyxDQUFDO0lBRUgsTUFBTSxLQUFLLEdBQUc7UUFDWixNQUFNO1FBQ04sS0FBSyxFQUFFLFNBQVM7UUFDaEIsSUFBSSxFQUFFLFFBQVE7UUFDZCxNQUFNLEVBQUUsVUFBVTtRQUNsQixPQUFPLEVBQUUsQ0FBQyxNQUFlLEVBQUUsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUUsQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUFFLENBQUM7S0FDbEUsQ0FBQztJQUVGLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDYixnQkFBZ0IsQ0FBQyxVQUFVLEVBQUUsWUFBWSxDQUFDLENBQUM7SUFDN0MsQ0FBQyxFQUFFLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFFOUIsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLElBQUksS0FBSyxDQUFDLE1BQU0sSUFBSSxRQUFRLENBQUMsT0FBTyxJQUFJLFVBQVUsQ0FBQyxPQUFPLEVBQUU7WUFDMUQsT0FBTyxlQUFlLENBQUMsQ0FBQyxRQUFRLENBQUMsT0FBTyxFQUFFLFVBQVUsQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDO1NBQ2hFO0lBQ0gsQ0FBQyxFQUFFLENBQUMsS0FBSyxDQUFDLE1BQU0sRUFBRSxRQUFRLEVBQUUsVUFBVSxDQUFDLENBQUMsQ0FBQztJQUV6QyxNQUFNLFNBQVMsR0FBRyxZQUFZLENBQUMsRUFBRSxHQUFHLEVBQUUsT0FBTyxFQUFFLEVBQUUsRUFBRSxnQkFBZ0IsRUFBRSxDQUFDLE1BQU0sRUFBRSxDQUFDLENBQUM7SUFDaEYsTUFBTSxVQUFVLEdBQUcsYUFBYSxDQUFDLEVBQUUsR0FBRyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxJQUFJLFFBQVEsRUFBRSxDQUFDLENBQUM7SUFDcEYsTUFBTSxZQUFZLEdBQUcsT0FBTyxDQUFDLE1BQU0sS0FBSyxDQUFDLElBQUksVUFBVSxDQUFDLE1BQU0sS0FBSyxDQUFDLENBQUM7SUFFckUsT0FBTyxDQUNMLDZCQUFLLFNBQVMsRUFBRSxVQUFVLENBQUMsdUJBQXVCLEVBQUUsRUFBRSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1FBQ2pFLG9CQUFDLE1BQU0sQ0FBQyxjQUFjLElBQ3BCLEdBQUcsRUFBRSxTQUFTLEVBQ2QsT0FBTyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFNBQVM7WUFFNUcsb0JBQUMsTUFBTSxDQUFDLEtBQUssa0JBQ1gsSUFBSSxFQUFFLElBQUksRUFDVixXQUFXLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFdBQVcsSUFDM0MsVUFBVSxFQUNWLEtBQUssSUFDVCxRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsUUFBUSxFQUNsQixPQUFPLEVBQUUsUUFBUSxDQUFDLENBQUMsQ0FBQyxTQUFTLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFDeEMsT0FBTyxFQUFFLEdBQUcsRUFBRTtvQkFDWixRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7Z0JBQ2pCLENBQUMsRUFDRCxNQUFNLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRTs7b0JBQ1osUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDO29CQUNoQixNQUFBLFVBQVUsQ0FBQyxNQUFNLDJEQUFHLENBQUMsQ0FBQyxDQUFDO2dCQUN6QixDQUFDLEVBQ0QsU0FBUyxFQUFFLENBQUMsQ0FBQyxFQUFFLEVBQUU7O29CQUNmLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQztvQkFDcEIsTUFBQSxVQUFVLENBQUMsU0FBUywyREFBRyxDQUFDLENBQUMsQ0FBQztnQkFDNUIsQ0FBQyxFQUNELE9BQU8sRUFBRSxDQUFDLENBQUMsRUFBRSxFQUFFLENBQUMsQ0FBQyxDQUFDLGVBQWUsRUFBRSxJQUNuQztZQUNELENBQUMsUUFBUSxJQUFJLG9CQUFDLE1BQU0sQ0FBQyxNQUFNLGtCQUFDLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sSUFBTSxvQkFBb0IsQ0FBQyxFQUFFLFFBQVEsRUFBRSxDQUFDLEVBQUksQ0FDckY7UUFFdkIsTUFBTSxJQUFJLENBQ1Qsb0JBQUMsY0FBYyxJQUNiLEdBQUcsRUFBRSxVQUFVLEVBQ2YsVUFBVSxFQUFFLFNBQVMsRUFDckIsS0FBSyxFQUFFLEtBQUssRUFDWixTQUFTLEVBQUMsYUFBYSxFQUN2QixVQUFVLFFBQ1YsVUFBVSxRQUNWLEtBQUssRUFBRSxFQUFFLEtBQUssRUFBRSxNQUFBLFNBQVMsQ0FBQyxPQUFPLDBDQUFFLFdBQVcsRUFBRTtZQUVoRCxvQkFBQyxNQUFNLENBQUMsSUFBSSxrQkFBQyxTQUFTLEVBQUUsU0FBUyxJQUFNLFNBQVM7Z0JBQzdDLFlBQVksSUFBSSxvQkFBQyxNQUFNLENBQUMsU0FBUyxRQUFFLFVBQVUsQ0FBb0I7Z0JBQ2pFLFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxJQUFJLEVBQUUsS0FBSyxFQUFFLEVBQUUsQ0FBQyxDQUMvQixvQkFBQyxNQUFNLENBQUMsSUFBSSxrQkFDVixHQUFHLEVBQUUsWUFBWSxDQUFDLElBQUksQ0FBQyxFQUN2QixRQUFRLEVBQUUsSUFBSSxLQUFLLFlBQVksRUFDL0IsV0FBVyxFQUFFLEtBQUssS0FBSyxnQkFBZ0IsSUFBSSxJQUFJLEtBQUssWUFBWSxJQUM1RCxZQUFZLENBQUMsRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLENBQUMsR0FFaEMsWUFBWSxDQUFDLElBQUksQ0FBQyxDQUNQLENBQ2YsQ0FBQyxDQUNVLENBQ0MsQ0FDbEIsQ0FDRyxDQUNQLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRixNQUFNLG9CQUFvQixHQUFhLEdBQUcsRUFBRSxDQUFDLG9CQUFDLFFBQVEsSUFBQyxNQUFNLEVBQUUsRUFBRSxHQUFJLENBQUM7QUFFdEUsWUFBWSxDQUFDLFFBQVEsR0FBRyxvQkFBb0IsQ0FBQztBQUk3QyxNQUFNLENBQUMsTUFBTSxRQUFRLEdBQUcsQ0FBVSxFQUtWLEVBQTZDLEVBQUU7O1FBTHJDLEVBQ2hDLE9BQU8sRUFDUCxTQUFTLEVBQ1QsVUFBVSxHQUFHLFNBQVMsT0FFQSxFQURuQixLQUFLLGNBSndCLHNDQUtqQyxDQURTO0lBRVIsc0dBQXNHO0lBQ3RHLE1BQU0sU0FBUyxHQUFHLEtBQUssRUFBRSxDQUFDO0lBQzFCLE1BQU0sRUFBRSxHQUFHLE1BQUEsS0FBSyxDQUFDLEVBQUUsbUNBQUksU0FBUyxDQUFDO0lBQ2pDLE1BQU0sY0FBYyxHQUFHLEtBQUssRUFBRSxDQUFDO0lBQy9CLE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxLQUFLLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxFQUFFLGNBQWMsRUFBRSxJQUFJLEVBQUUsa0JBQWtCLEVBQUUsY0FBYyxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQztJQUM3RyxNQUFNLGlCQUFpQixHQUFHLG9CQUFvQixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3RELE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDLENBQUM7SUFFOUQsT0FBTyxDQUNMLG9CQUFDLFlBQVksa0JBQ1gsRUFBRSxFQUFFLEdBQUcsRUFBRSxRQUFRLEVBQ2pCLE9BQU8sRUFBRSxHQUFHLEVBQUUsUUFBUSxFQUN0QixTQUFTLEVBQUUsY0FBYyxJQUNyQixpQkFBaUIsSUFDckIsU0FBUyxFQUFDLG1CQUFtQjtRQUU3QixvQkFBQyxZQUFZLG9CQUNQLFNBQVMsRUFDVCxVQUFVLElBQ2QsRUFBRSxFQUFFLEVBQUUsRUFDTixPQUFPLEVBQUUsT0FBTyxFQUNoQixVQUFVLEVBQUUsVUFBVSxFQUN0QixRQUFRLEVBQUUsS0FBSyxDQUFDLFFBQVEsRUFDeEIsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLElBQ2xCLENBQ1csQ0FDaEIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQUVGLE1BQU0sZ0JBQWdCLEdBQWEsR0FBRyxFQUFFLENBQUMsQ0FDdkMsb0JBQUMsWUFBWSxDQUFDLFFBQVE7SUFDcEIsb0JBQUMsWUFBWSxDQUFDLFFBQVEsT0FBRyxDQUNILENBQ3pCLENBQUM7QUFFRixRQUFRLENBQUMsUUFBUSxHQUFHLGdCQUFnQixDQUFDO0FBQ3JDLFFBQVEsQ0FBQyxRQUFRLENBQUMsV0FBVyxHQUFHLG1CQUFtQixDQUFDIn0=
|
package/dist/styles.css
CHANGED
@@ -1140,6 +1140,9 @@ input[type='number'].no-arrows {
|
|
1140
1140
|
.mt-4{
|
1141
1141
|
margin-top: 12px;
|
1142
1142
|
}
|
1143
|
+
.mb-\[-20px\]{
|
1144
|
+
margin-bottom: -20px;
|
1145
|
+
}
|
1143
1146
|
.mb-5{
|
1144
1147
|
margin-bottom: 16px;
|
1145
1148
|
}
|
@@ -1814,6 +1817,13 @@ input[type='number'].no-arrows {
|
|
1814
1817
|
background-color: #3a3a44;
|
1815
1818
|
background-color: var(--aquarium-colors-grey-80, #3a3a44);
|
1816
1819
|
}
|
1820
|
+
.bg-\[rgb\(255\2c 255\2c 255\)\]\/50{
|
1821
|
+
background-color: rgba(255, 255, 255, 0.5);
|
1822
|
+
}
|
1823
|
+
.bg-black{
|
1824
|
+
background-color: black;
|
1825
|
+
background-color: var(--aquarium-colors-black, black);
|
1826
|
+
}
|
1817
1827
|
.bg-current{
|
1818
1828
|
background-color: currentColor;
|
1819
1829
|
background-color: var(--aquarium-colors-current, currentColor);
|
@@ -2539,6 +2549,13 @@ input[type='number'].no-arrows {
|
|
2539
2549
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
2540
2550
|
transition-duration: 150ms;
|
2541
2551
|
}
|
2552
|
+
.transition-colors{
|
2553
|
+
transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;
|
2554
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
|
2555
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;
|
2556
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
2557
|
+
transition-duration: 150ms;
|
2558
|
+
}
|
2542
2559
|
.transition-opacity{
|
2543
2560
|
transition-property: opacity;
|
2544
2561
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
@@ -2547,6 +2564,9 @@ input[type='number'].no-arrows {
|
|
2547
2564
|
.delay-150{
|
2548
2565
|
transition-delay: 150ms;
|
2549
2566
|
}
|
2567
|
+
.delay-300{
|
2568
|
+
transition-delay: 300ms;
|
2569
|
+
}
|
2550
2570
|
.duration-300{
|
2551
2571
|
transition-duration: 300ms;
|
2552
2572
|
}
|
package/dist/system.cjs
CHANGED
@@ -5049,7 +5049,7 @@ var NoResults = import_react3.default.forwardRef(
|
|
5049
5049
|
return /* @__PURE__ */ import_react3.default.createElement("li", __spreadProps(__spreadValues({
|
5050
5050
|
ref
|
5051
5051
|
}, rest), {
|
5052
|
-
className: classNames(tw("p-3 text-grey-40 italic"), className)
|
5052
|
+
className: classNames(tw("p-3 text-grey-40 italic typography-small"), className)
|
5053
5053
|
}), children);
|
5054
5054
|
}
|
5055
5055
|
);
|
@@ -9466,9 +9466,13 @@ var ComboboxBase = (_a) => {
|
|
9466
9466
|
const inputRef = (0, import_react56.useRef)(null);
|
9467
9467
|
const [inputItems, setInputItems] = (0, import_react56.useState)(options);
|
9468
9468
|
const [hasFocus, setFocus] = (0, import_react56.useState)(false);
|
9469
|
-
const updateInputItems = (query) => {
|
9469
|
+
const updateInputItems = (query, selected) => {
|
9470
9470
|
const keys = typeof options[0] === "string" ? void 0 : optionKeys;
|
9471
|
-
|
9471
|
+
if (selected && itemToString(selected) === query) {
|
9472
|
+
setInputItems(options);
|
9473
|
+
} else {
|
9474
|
+
setInputItems(query ? (0, import_match_sorter.matchSorter)(options, query, { keys }) : options);
|
9475
|
+
}
|
9472
9476
|
};
|
9473
9477
|
const {
|
9474
9478
|
isOpen,
|
@@ -9495,7 +9499,9 @@ var ComboboxBase = (_a) => {
|
|
9495
9499
|
case import_downshift.useCombobox.stateChangeTypes.InputKeyDownEnter:
|
9496
9500
|
case import_downshift.useCombobox.stateChangeTypes.InputBlur: {
|
9497
9501
|
const selectedItem2 = createOption ? createOption == null ? void 0 : createOption(changes.inputValue) : changes.selectedItem;
|
9502
|
+
const inputValue2 = selectedItem2 ? itemToString(selectedItem2) : "";
|
9498
9503
|
return __spreadProps(__spreadValues({}, changes), {
|
9504
|
+
inputValue: inputValue2,
|
9499
9505
|
selectedItem: selectedItem2
|
9500
9506
|
});
|
9501
9507
|
}
|
@@ -9503,7 +9509,7 @@ var ComboboxBase = (_a) => {
|
|
9503
9509
|
return changes;
|
9504
9510
|
},
|
9505
9511
|
onSelectedItemChange: (e) => onChange == null ? void 0 : onChange(e.selectedItem),
|
9506
|
-
onInputValueChange: ({ inputValue: inputValue2 }) => updateInputItems(inputValue2)
|
9512
|
+
onInputValueChange: ({ selectedItem: selectedItem2, inputValue: inputValue2 }) => updateInputItems(inputValue2, selectedItem2)
|
9507
9513
|
});
|
9508
9514
|
const state = {
|
9509
9515
|
isOpen,
|
@@ -9513,7 +9519,7 @@ var ComboboxBase = (_a) => {
|
|
9513
9519
|
setOpen: (isOpen2) => isOpen2 ? openMenu() : closeMenu()
|
9514
9520
|
};
|
9515
9521
|
(0, import_react56.useEffect)(() => {
|
9516
|
-
updateInputItems(inputValue);
|
9522
|
+
updateInputItems(inputValue, selectedItem);
|
9517
9523
|
}, [JSON.stringify(options)]);
|
9518
9524
|
(0, import_react56.useEffect)(() => {
|
9519
9525
|
if (state.isOpen && inputRef.current && popoverRef.current) {
|
@@ -9565,7 +9571,7 @@ var ComboboxBase = (_a) => {
|
|
9565
9571
|
}, menuProps), hasNoResults && /* @__PURE__ */ import_react56.default.createElement(Select.NoResults, null, emptyState), inputItems.map((item, index) => /* @__PURE__ */ import_react56.default.createElement(Select.Item, __spreadValues({
|
9566
9572
|
key: itemToString(item),
|
9567
9573
|
selected: item === selectedItem,
|
9568
|
-
highlighted: index === highlightedIndex
|
9574
|
+
highlighted: index === highlightedIndex || item === selectedItem
|
9569
9575
|
}, getItemProps({ item, index })), renderOption(item))))));
|
9570
9576
|
};
|
9571
9577
|
var ComboboxBaseSkeleton = () => /* @__PURE__ */ import_react56.default.createElement(Skeleton, {
|
package/dist/system.mjs
CHANGED
@@ -4901,7 +4901,7 @@ var NoResults = React2.forwardRef(
|
|
4901
4901
|
return /* @__PURE__ */ React2.createElement("li", __spreadProps(__spreadValues({
|
4902
4902
|
ref
|
4903
4903
|
}, rest), {
|
4904
|
-
className: classNames(tw("p-3 text-grey-40 italic"), className)
|
4904
|
+
className: classNames(tw("p-3 text-grey-40 italic typography-small"), className)
|
4905
4905
|
}), children);
|
4906
4906
|
}
|
4907
4907
|
);
|
@@ -9318,9 +9318,13 @@ var ComboboxBase = (_a) => {
|
|
9318
9318
|
const inputRef = useRef5(null);
|
9319
9319
|
const [inputItems, setInputItems] = useState5(options);
|
9320
9320
|
const [hasFocus, setFocus] = useState5(false);
|
9321
|
-
const updateInputItems = (query) => {
|
9321
|
+
const updateInputItems = (query, selected) => {
|
9322
9322
|
const keys = typeof options[0] === "string" ? void 0 : optionKeys;
|
9323
|
-
|
9323
|
+
if (selected && itemToString(selected) === query) {
|
9324
|
+
setInputItems(options);
|
9325
|
+
} else {
|
9326
|
+
setInputItems(query ? matchSorter(options, query, { keys }) : options);
|
9327
|
+
}
|
9324
9328
|
};
|
9325
9329
|
const {
|
9326
9330
|
isOpen,
|
@@ -9347,7 +9351,9 @@ var ComboboxBase = (_a) => {
|
|
9347
9351
|
case useCombobox.stateChangeTypes.InputKeyDownEnter:
|
9348
9352
|
case useCombobox.stateChangeTypes.InputBlur: {
|
9349
9353
|
const selectedItem2 = createOption ? createOption == null ? void 0 : createOption(changes.inputValue) : changes.selectedItem;
|
9354
|
+
const inputValue2 = selectedItem2 ? itemToString(selectedItem2) : "";
|
9350
9355
|
return __spreadProps(__spreadValues({}, changes), {
|
9356
|
+
inputValue: inputValue2,
|
9351
9357
|
selectedItem: selectedItem2
|
9352
9358
|
});
|
9353
9359
|
}
|
@@ -9355,7 +9361,7 @@ var ComboboxBase = (_a) => {
|
|
9355
9361
|
return changes;
|
9356
9362
|
},
|
9357
9363
|
onSelectedItemChange: (e) => onChange == null ? void 0 : onChange(e.selectedItem),
|
9358
|
-
onInputValueChange: ({ inputValue: inputValue2 }) => updateInputItems(inputValue2)
|
9364
|
+
onInputValueChange: ({ selectedItem: selectedItem2, inputValue: inputValue2 }) => updateInputItems(inputValue2, selectedItem2)
|
9359
9365
|
});
|
9360
9366
|
const state = {
|
9361
9367
|
isOpen,
|
@@ -9365,7 +9371,7 @@ var ComboboxBase = (_a) => {
|
|
9365
9371
|
setOpen: (isOpen2) => isOpen2 ? openMenu() : closeMenu()
|
9366
9372
|
};
|
9367
9373
|
useEffect6(() => {
|
9368
|
-
updateInputItems(inputValue);
|
9374
|
+
updateInputItems(inputValue, selectedItem);
|
9369
9375
|
}, [JSON.stringify(options)]);
|
9370
9376
|
useEffect6(() => {
|
9371
9377
|
if (state.isOpen && inputRef.current && popoverRef.current) {
|
@@ -9417,7 +9423,7 @@ var ComboboxBase = (_a) => {
|
|
9417
9423
|
}, menuProps), hasNoResults && /* @__PURE__ */ React51.createElement(Select.NoResults, null, emptyState), inputItems.map((item, index) => /* @__PURE__ */ React51.createElement(Select.Item, __spreadValues({
|
9418
9424
|
key: itemToString(item),
|
9419
9425
|
selected: item === selectedItem,
|
9420
|
-
highlighted: index === highlightedIndex
|
9426
|
+
highlighted: index === highlightedIndex || item === selectedItem
|
9421
9427
|
}, getItemProps({ item, index })), renderOption(item))))));
|
9422
9428
|
};
|
9423
9429
|
var ComboboxBaseSkeleton = () => /* @__PURE__ */ React51.createElement(Skeleton, {
|