@aivenio/aquarium 4.2.0 → 4.4.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/atoms.cjs +11 -6
- package/dist/atoms.mjs +11 -6
- package/dist/src/atoms/DatePicker/DatePicker.d.ts +80 -29
- package/dist/src/atoms/DatePicker/DatePicker.js +44 -3
- package/dist/src/atoms/Filter/Filter.d.ts +5 -0
- package/dist/src/atoms/Filter/Filter.js +7 -6
- package/dist/src/atoms/Modal/Modal.d.ts +9 -1
- package/dist/src/atoms/Modal/Modal.js +5 -4
- package/dist/src/molecules/DatePicker/DatePicker.d.ts +8 -2
- package/dist/src/molecules/DatePicker/DatePicker.js +9 -8
- package/dist/src/molecules/DatePicker/DateRangePicker.d.ts +12 -2
- package/dist/src/molecules/DatePicker/DateRangePicker.js +9 -8
- package/dist/src/molecules/Modal/Modal.js +5 -4
- package/dist/src/molecules/Spacing/Spacing.d.ts +1 -1
- package/dist/src/molecules/Spacing/Spacing.js +1 -1
- package/dist/styles.css +9 -3
- package/dist/system.cjs +74 -17
- package/dist/system.mjs +85 -25
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
package/dist/atoms.cjs
CHANGED
@@ -10591,8 +10591,8 @@ var FilterTrigger = ({
|
|
10591
10591
|
onClear,
|
10592
10592
|
onClick,
|
10593
10593
|
value,
|
10594
|
-
// children,
|
10595
10594
|
error: error2 = false,
|
10595
|
+
clearSelectionEnabled = true,
|
10596
10596
|
...props
|
10597
10597
|
}) => {
|
10598
10598
|
const ariaDatePickerState = import_react34.default.useContext(import_react_aria_components3.DatePickerStateContext);
|
@@ -10607,7 +10607,7 @@ var FilterTrigger = ({
|
|
10607
10607
|
}
|
10608
10608
|
};
|
10609
10609
|
const hasValue = !!value || isUsedInsideDatePicker || isUsedInsideDateRangePicker;
|
10610
|
-
const showClearButton = !!onClear && !!value || isUsedInsideDatePicker || isUsedInsideDateRangePicker;
|
10610
|
+
const showClearButton = clearSelectionEnabled && (!!onClear && !!value || isUsedInsideDatePicker || isUsedInsideDateRangePicker);
|
10611
10611
|
return /* @__PURE__ */ import_react34.default.createElement(
|
10612
10612
|
import_react_aria_components3.Group,
|
10613
10613
|
{
|
@@ -10630,7 +10630,11 @@ var FilterTrigger = ({
|
|
10630
10630
|
/* @__PURE__ */ import_react34.default.createElement("div", { className: tw("flex items-center gap-3 divide-x divide-grey-20") }, /* @__PURE__ */ import_react34.default.createElement("div", { className: tw("flex items-center gap-3") }, /* @__PURE__ */ import_react34.default.createElement("div", { className: tw("flex items-center gap-2") }, /* @__PURE__ */ import_react34.default.createElement(InlineIcon2, { icon }), /* @__PURE__ */ import_react34.default.createElement(Typography2.Small, null, labelText)), badge && /* @__PURE__ */ import_react34.default.createElement(Typography2, { color: "primary-active", className: tw("flex items-center") }, /* @__PURE__ */ import_react34.default.createElement(Badge, { dense: true, value: badge }))), hasValue && /* @__PURE__ */ import_react34.default.createElement("div", { className: "pl-3" }, /* @__PURE__ */ import_react34.default.createElement(
|
10631
10631
|
Typography2.Small,
|
10632
10632
|
{
|
10633
|
-
className: tw("truncate
|
10633
|
+
className: tw("truncate", {
|
10634
|
+
"max-w-[320px]": isUsedInsideDateRangePicker,
|
10635
|
+
"max-w-[233px]": !isUsedInsideDateRangePicker
|
10636
|
+
// Set to 233px to keep the total width of the filter pill within approximately 360px.
|
10637
|
+
}),
|
10634
10638
|
color: error2 ? "danger-intense" : "primary-active"
|
10635
10639
|
},
|
10636
10640
|
value,
|
@@ -10971,7 +10975,8 @@ var modalStyles = (0, import_tailwind_variants7.tv)({
|
|
10971
10975
|
screen: {
|
10972
10976
|
overlay: "py-0",
|
10973
10977
|
dialog: "w-dvw h-dvh mx-0 rounded-none",
|
10974
|
-
header: "border-b-1 border-muted
|
10978
|
+
header: "border-b-1 border-muted",
|
10979
|
+
body: "pt-6"
|
10975
10980
|
}
|
10976
10981
|
},
|
10977
10982
|
noFooter: {
|
@@ -11074,8 +11079,8 @@ Modal.TitleContainer = ({ children, className, ...rest }) => {
|
|
11074
11079
|
const { titleContainer } = modalStyles();
|
11075
11080
|
return /* @__PURE__ */ import_react39.default.createElement("div", { ...rest, className: titleContainer({ className }) }, children);
|
11076
11081
|
};
|
11077
|
-
Modal.Body = ({ children, className, noFooter = false, maxHeight, style, ...rest }) => {
|
11078
|
-
const { body } = modalStyles();
|
11082
|
+
Modal.Body = ({ children, className, noFooter = false, maxHeight, style, size, ...rest }) => {
|
11083
|
+
const { body } = modalStyles({ size });
|
11079
11084
|
return /* @__PURE__ */ import_react39.default.createElement("div", { ...rest, className: body({ noFooter, className }), style: { maxHeight, ...style } }, children);
|
11080
11085
|
};
|
11081
11086
|
Modal.Footer = ({ children, className, ...rest }) => {
|
package/dist/atoms.mjs
CHANGED
@@ -10543,8 +10543,8 @@ var FilterTrigger = ({
|
|
10543
10543
|
onClear,
|
10544
10544
|
onClick,
|
10545
10545
|
value,
|
10546
|
-
// children,
|
10547
10546
|
error: error2 = false,
|
10547
|
+
clearSelectionEnabled = true,
|
10548
10548
|
...props
|
10549
10549
|
}) => {
|
10550
10550
|
const ariaDatePickerState = React29.useContext(AriaDatePickerStateContext);
|
@@ -10559,7 +10559,7 @@ var FilterTrigger = ({
|
|
10559
10559
|
}
|
10560
10560
|
};
|
10561
10561
|
const hasValue = !!value || isUsedInsideDatePicker || isUsedInsideDateRangePicker;
|
10562
|
-
const showClearButton = !!onClear && !!value || isUsedInsideDatePicker || isUsedInsideDateRangePicker;
|
10562
|
+
const showClearButton = clearSelectionEnabled && (!!onClear && !!value || isUsedInsideDatePicker || isUsedInsideDateRangePicker);
|
10563
10563
|
return /* @__PURE__ */ React29.createElement(
|
10564
10564
|
AriaGroup,
|
10565
10565
|
{
|
@@ -10582,7 +10582,11 @@ var FilterTrigger = ({
|
|
10582
10582
|
/* @__PURE__ */ React29.createElement("div", { className: tw("flex items-center gap-3 divide-x divide-grey-20") }, /* @__PURE__ */ React29.createElement("div", { className: tw("flex items-center gap-3") }, /* @__PURE__ */ React29.createElement("div", { className: tw("flex items-center gap-2") }, /* @__PURE__ */ React29.createElement(InlineIcon2, { icon }), /* @__PURE__ */ React29.createElement(Typography2.Small, null, labelText)), badge && /* @__PURE__ */ React29.createElement(Typography2, { color: "primary-active", className: tw("flex items-center") }, /* @__PURE__ */ React29.createElement(Badge, { dense: true, value: badge }))), hasValue && /* @__PURE__ */ React29.createElement("div", { className: "pl-3" }, /* @__PURE__ */ React29.createElement(
|
10583
10583
|
Typography2.Small,
|
10584
10584
|
{
|
10585
|
-
className: tw("truncate
|
10585
|
+
className: tw("truncate", {
|
10586
|
+
"max-w-[320px]": isUsedInsideDateRangePicker,
|
10587
|
+
"max-w-[233px]": !isUsedInsideDateRangePicker
|
10588
|
+
// Set to 233px to keep the total width of the filter pill within approximately 360px.
|
10589
|
+
}),
|
10586
10590
|
color: error2 ? "danger-intense" : "primary-active"
|
10587
10591
|
},
|
10588
10592
|
value,
|
@@ -10923,7 +10927,8 @@ var modalStyles = tv7({
|
|
10923
10927
|
screen: {
|
10924
10928
|
overlay: "py-0",
|
10925
10929
|
dialog: "w-dvw h-dvh mx-0 rounded-none",
|
10926
|
-
header: "border-b-1 border-muted
|
10930
|
+
header: "border-b-1 border-muted",
|
10931
|
+
body: "pt-6"
|
10927
10932
|
}
|
10928
10933
|
},
|
10929
10934
|
noFooter: {
|
@@ -11026,8 +11031,8 @@ Modal.TitleContainer = ({ children, className, ...rest }) => {
|
|
11026
11031
|
const { titleContainer } = modalStyles();
|
11027
11032
|
return /* @__PURE__ */ React34.createElement("div", { ...rest, className: titleContainer({ className }) }, children);
|
11028
11033
|
};
|
11029
|
-
Modal.Body = ({ children, className, noFooter = false, maxHeight, style, ...rest }) => {
|
11030
|
-
const { body } = modalStyles();
|
11034
|
+
Modal.Body = ({ children, className, noFooter = false, maxHeight, style, size, ...rest }) => {
|
11035
|
+
const { body } = modalStyles({ size });
|
11031
11036
|
return /* @__PURE__ */ React34.createElement("div", { ...rest, className: body({ noFooter, className }), style: { maxHeight, ...style } }, children);
|
11032
11037
|
};
|
11033
11038
|
Modal.Footer = ({ children, className, ...rest }) => {
|
@@ -1,50 +1,87 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { type DatePickerProps as AriaDatePickerProps, type DateRangePickerProps as AriaDateRangePickerProps, type DateValue as AriaDateValue } from 'react-aria-components';
|
3
3
|
export declare const datePickerCalendarStyles: import("tailwind-variants").TVReturnType<{
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
errorMessage?: import("tailwind-merge").ClassNameValue;
|
4
|
+
isPresetActive: {
|
5
|
+
true: {
|
6
|
+
preset: string;
|
8
7
|
};
|
9
|
-
|
10
|
-
|
11
|
-
[x: string]: {
|
12
|
-
[x: string]: import("tailwind-merge").ClassNameValue | {
|
13
|
-
dialog?: import("tailwind-merge").ClassNameValue;
|
14
|
-
errorMessage?: import("tailwind-merge").ClassNameValue;
|
8
|
+
false: {
|
9
|
+
preset: string;
|
15
10
|
};
|
16
11
|
};
|
17
|
-
}
|
12
|
+
}, {
|
18
13
|
dialog: string;
|
14
|
+
calendar: string;
|
19
15
|
errorMessage: string;
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
24
|
-
|
16
|
+
presets: string;
|
17
|
+
preset: string;
|
18
|
+
}, undefined, import("tailwind-variants/dist/config").TVConfig<{
|
19
|
+
isPresetActive: {
|
20
|
+
true: {
|
21
|
+
preset: string;
|
22
|
+
};
|
23
|
+
false: {
|
24
|
+
preset: string;
|
25
|
+
};
|
26
|
+
};
|
27
|
+
}, {
|
28
|
+
isPresetActive: {
|
29
|
+
true: {
|
30
|
+
preset: string;
|
31
|
+
};
|
32
|
+
false: {
|
33
|
+
preset: string;
|
25
34
|
};
|
26
35
|
};
|
27
|
-
}
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
36
|
+
}>, {
|
37
|
+
isPresetActive: {
|
38
|
+
true: {
|
39
|
+
preset: string;
|
40
|
+
};
|
41
|
+
false: {
|
42
|
+
preset: string;
|
32
43
|
};
|
33
44
|
};
|
34
|
-
}
|
45
|
+
}, {
|
35
46
|
dialog: string;
|
47
|
+
calendar: string;
|
36
48
|
errorMessage: string;
|
37
|
-
|
49
|
+
presets: string;
|
50
|
+
preset: string;
|
51
|
+
}, import("tailwind-variants").TVReturnType<{
|
52
|
+
isPresetActive: {
|
53
|
+
true: {
|
54
|
+
preset: string;
|
55
|
+
};
|
56
|
+
false: {
|
57
|
+
preset: string;
|
58
|
+
};
|
59
|
+
};
|
60
|
+
}, {
|
38
61
|
dialog: string;
|
62
|
+
calendar: string;
|
39
63
|
errorMessage: string;
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
64
|
+
presets: string;
|
65
|
+
preset: string;
|
66
|
+
}, undefined, import("tailwind-variants/dist/config").TVConfig<{
|
67
|
+
isPresetActive: {
|
68
|
+
true: {
|
69
|
+
preset: string;
|
70
|
+
};
|
71
|
+
false: {
|
72
|
+
preset: string;
|
73
|
+
};
|
74
|
+
};
|
75
|
+
}, {
|
76
|
+
isPresetActive: {
|
77
|
+
true: {
|
78
|
+
preset: string;
|
79
|
+
};
|
80
|
+
false: {
|
81
|
+
preset: string;
|
45
82
|
};
|
46
83
|
};
|
47
|
-
}
|
84
|
+
}>, unknown, unknown, undefined>>;
|
48
85
|
export type DatePickerProps<T extends AriaDateValue> = AriaDatePickerProps<T> & {
|
49
86
|
variant: 'date' | 'datetime';
|
50
87
|
};
|
@@ -53,3 +90,17 @@ export type DateRangePickerProps<T extends AriaDateValue> = AriaDateRangePickerP
|
|
53
90
|
variant: 'date' | 'datetime';
|
54
91
|
};
|
55
92
|
export declare const DateRangePicker: <T extends AriaDateValue>({ variant, ...props }: DateRangePickerProps<T>) => React.JSX.Element;
|
93
|
+
export declare const Presets: ({ children }: React.PropsWithChildren) => React.JSX.Element;
|
94
|
+
export type PresetProps = {
|
95
|
+
value: AriaDateValue;
|
96
|
+
label: React.ReactNode;
|
97
|
+
};
|
98
|
+
export declare const Preset: ({ value, label }: PresetProps) => React.JSX.Element;
|
99
|
+
export type RangePresetProps = {
|
100
|
+
value: {
|
101
|
+
start: AriaDateValue;
|
102
|
+
end: AriaDateValue;
|
103
|
+
};
|
104
|
+
label: React.ReactNode;
|
105
|
+
};
|
106
|
+
export declare const RangePreset: ({ value, label }: RangePresetProps) => React.JSX.Element;
|
@@ -10,12 +10,25 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React from 'react';
|
13
|
-
import { DatePicker as AriaDatePicker, DateRangePicker as AriaDateRangePicker, } from 'react-aria-components';
|
13
|
+
import { Button as AriaButton, DatePicker as AriaDatePicker, DatePickerStateContext as AriaDatePickerStateContext, DateRangePicker as AriaDateRangePicker, DateRangePickerStateContext as AriaDateRangePickerStateContext, } from 'react-aria-components';
|
14
14
|
import { tv } from 'tailwind-variants';
|
15
15
|
export const datePickerCalendarStyles = tv({
|
16
16
|
slots: {
|
17
|
-
dialog: '
|
17
|
+
dialog: 'flex',
|
18
|
+
calendar: '[[data-placement]>&]:px-5 [[data-placement]>&]:py-6 max-h-[inherit]',
|
18
19
|
errorMessage: 'typography-caption text-danger-default max-w-[300px]',
|
20
|
+
presets: 'bg-muted py-6 px-5 flex flex-col min-w-[150px] max-w-[300px] self-stretch',
|
21
|
+
preset: 'hover:text-primary-active p-3 text-left hover:underline',
|
22
|
+
},
|
23
|
+
variants: {
|
24
|
+
isPresetActive: {
|
25
|
+
true: {
|
26
|
+
preset: 'text-primary-active typography-small-strong',
|
27
|
+
},
|
28
|
+
false: {
|
29
|
+
preset: 'typography-small',
|
30
|
+
},
|
31
|
+
},
|
19
32
|
},
|
20
33
|
});
|
21
34
|
export const DatePicker = (_a) => {
|
@@ -36,4 +49,32 @@ export const DateRangePicker = (_a) => {
|
|
36
49
|
// This will display the time component in the picker by default in <DateTimePicker>.
|
37
50
|
granularity: (_e = props.granularity) !== null && _e !== void 0 ? _e : (variant === 'datetime' && !hasSomeValue ? 'minute' : undefined) })));
|
38
51
|
};
|
39
|
-
|
52
|
+
export const Presets = ({ children }) => {
|
53
|
+
const { presets } = datePickerCalendarStyles();
|
54
|
+
return React.createElement("div", { className: presets() }, children);
|
55
|
+
};
|
56
|
+
export const Preset = ({ value, label }) => {
|
57
|
+
var _a;
|
58
|
+
const { preset } = datePickerCalendarStyles();
|
59
|
+
const context = React.useContext(AriaDatePickerStateContext);
|
60
|
+
const handlePress = () => {
|
61
|
+
context === null || context === void 0 ? void 0 : context.setValue(value);
|
62
|
+
context === null || context === void 0 ? void 0 : context.close();
|
63
|
+
};
|
64
|
+
const isActive = (context === null || context === void 0 ? void 0 : context.value) !== undefined && ((_a = context.value) === null || _a === void 0 ? void 0 : _a.toString()) === value.toString();
|
65
|
+
return (React.createElement(AriaButton, { onPress: handlePress, className: preset({ isPresetActive: isActive }) }, label));
|
66
|
+
};
|
67
|
+
export const RangePreset = ({ value, label }) => {
|
68
|
+
var _a, _b;
|
69
|
+
const { preset } = datePickerCalendarStyles();
|
70
|
+
const context = React.useContext(AriaDateRangePickerStateContext);
|
71
|
+
const handlePress = () => {
|
72
|
+
context === null || context === void 0 ? void 0 : context.setValue(value);
|
73
|
+
context === null || context === void 0 ? void 0 : context.close();
|
74
|
+
};
|
75
|
+
const isActive = (context === null || context === void 0 ? void 0 : context.value) !== undefined &&
|
76
|
+
((_a = context.value.start) === null || _a === void 0 ? void 0 : _a.toString()) === value.start.toString() &&
|
77
|
+
((_b = context.value.end) === null || _b === void 0 ? void 0 : _b.toString()) === value.end.toString();
|
78
|
+
return (React.createElement(AriaButton, { onPress: handlePress, className: preset({ isPresetActive: isActive }) }, label));
|
79
|
+
};
|
80
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGF0ZVBpY2tlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9hdG9tcy9EYXRlUGlja2VyL0RhdGVQaWNrZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxNQUFNLElBQUksVUFBVSxFQUNwQixVQUFVLElBQUksY0FBYyxFQUU1QixzQkFBc0IsSUFBSSwwQkFBMEIsRUFDcEQsZUFBZSxJQUFJLG1CQUFtQixFQUV0QywyQkFBMkIsSUFBSSwrQkFBK0IsR0FFL0QsTUFBTSx1QkFBdUIsQ0FBQztBQUMvQixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsTUFBTSxDQUFDLE1BQU0sd0JBQXdCLEdBQUcsRUFBRSxDQUFDO0lBQ3pDLEtBQUssRUFBRTtRQUNMLE1BQU0sRUFBRSxNQUFNO1FBQ2QsUUFBUSxFQUFFLHFFQUFxRTtRQUMvRSxZQUFZLEVBQUUsc0RBQXNEO1FBQ3BFLE9BQU8sRUFBRSwyRUFBMkU7UUFDcEYsTUFBTSxFQUFFLHlEQUF5RDtLQUNsRTtJQUNELFFBQVEsRUFBRTtRQUNSLGNBQWMsRUFBRTtZQUNkLElBQUksRUFBRTtnQkFDSixNQUFNLEVBQUUsNkNBQTZDO2FBQ3REO1lBQ0QsS0FBSyxFQUFFO2dCQUNMLE1BQU0sRUFBRSxrQkFBa0I7YUFDM0I7U0FDRjtLQUNGO0NBQ0YsQ0FBQyxDQUFDO0FBSUgsTUFBTSxDQUFDLE1BQU0sVUFBVSxHQUFHLENBQTBCLEVBQXlDLEVBQUUsRUFBRTs7UUFBN0MsRUFBRSxPQUFPLE9BQWdDLEVBQTNCLEtBQUssY0FBbkIsV0FBcUIsQ0FBRjtJQUNyRSxNQUFNLFlBQVksR0FBRyxNQUFBLE1BQUEsS0FBSyxDQUFDLEtBQUssbUNBQUksS0FBSyxDQUFDLFlBQVksbUNBQUksS0FBSyxDQUFDLGdCQUFnQixDQUFDO0lBRWpGLE9BQU8sQ0FD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
|
@@ -8,6 +8,11 @@ type FilterTriggerProps = {
|
|
8
8
|
* Indicates whether the filter trigger is in an error state.
|
9
9
|
*/
|
10
10
|
error?: boolean;
|
11
|
+
/**
|
12
|
+
* If true, users can use "x" button to clear the filter.
|
13
|
+
* @default true
|
14
|
+
*/
|
15
|
+
clearSelectionEnabled?: boolean;
|
11
16
|
/**
|
12
17
|
* onClear handler triggered when the clear button is clicked.
|
13
18
|
* Should be used to reset the controlled filter value passed in via `value` prop.
|
@@ -40,9 +40,7 @@ const filterWrapper = tv({
|
|
40
40
|
},
|
41
41
|
});
|
42
42
|
const FilterTrigger = (_a) => {
|
43
|
-
var { labelText, icon, badge, onClear, onClick, value,
|
44
|
-
// children,
|
45
|
-
error = false } = _a, props = __rest(_a, ["labelText", "icon", "badge", "onClear", "onClick", "value", "error"]);
|
43
|
+
var { labelText, icon, badge, onClear, onClick, value, error = false, clearSelectionEnabled = true } = _a, props = __rest(_a, ["labelText", "icon", "badge", "onClear", "onClick", "value", "error", "clearSelectionEnabled"]);
|
46
44
|
/**
|
47
45
|
* Date Picker Integration Logic
|
48
46
|
* ----------------------------
|
@@ -64,7 +62,7 @@ const FilterTrigger = (_a) => {
|
|
64
62
|
};
|
65
63
|
// End Date Picker Integration Logic
|
66
64
|
const hasValue = !!value || isUsedInsideDatePicker || isUsedInsideDateRangePicker;
|
67
|
-
const showClearButton = (!!onClear && !!value) || isUsedInsideDatePicker || isUsedInsideDateRangePicker;
|
65
|
+
const showClearButton = clearSelectionEnabled && ((!!onClear && !!value) || isUsedInsideDatePicker || isUsedInsideDateRangePicker);
|
68
66
|
return (React.createElement(AriaGroup, Object.assign({}, props, { isInvalid: error, className: (renderProps) => filterWrapper(Object.assign(Object.assign({}, renderProps), { hasValue: hasValue || !!badge })) }),
|
69
67
|
React.createElement(React.Fragment, null,
|
70
68
|
React.createElement(AriaButton, { onPress: () => {
|
@@ -81,7 +79,10 @@ const FilterTrigger = (_a) => {
|
|
81
79
|
badge && (React.createElement(Typography, { color: "primary-active", className: tw('flex items-center') },
|
82
80
|
React.createElement(Badge, { dense: true, value: badge })))),
|
83
81
|
hasValue && (React.createElement("div", { className: "pl-3" },
|
84
|
-
React.createElement(Typography.Small, { className: tw('truncate
|
82
|
+
React.createElement(Typography.Small, { className: tw('truncate', {
|
83
|
+
'max-w-[320px]': isUsedInsideDateRangePicker,
|
84
|
+
'max-w-[233px]': !isUsedInsideDateRangePicker, // Set to 233px to keep the total width of the filter pill within approximately 360px.
|
85
|
+
}), color: error ? 'danger-intense' : 'primary-active' },
|
85
86
|
value,
|
86
87
|
isUsedInsideDatePicker && React.createElement(DateDisplay, { state: ariaDatePickerState }),
|
87
88
|
isUsedInsideDateRangePicker && React.createElement(DateDisplay, { state: ariaDateRangePickerState })))))),
|
@@ -124,4 +125,4 @@ const Filter = () => null;
|
|
124
125
|
FilterTrigger.displayName = 'Filter.Trigger';
|
125
126
|
Filter.Trigger = FilterTrigger;
|
126
127
|
export { Filter };
|
127
|
-
//# sourceMappingURL=data:application/json;base64,
|
128
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmlsdGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL2F0b21zL0ZpbHRlci9GaWx0ZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFDO0FBQzFCLE9BQU8sRUFDTCxNQUFNLElBQUksVUFBVSxFQUNwQixzQkFBc0IsSUFBSSwwQkFBMEIsRUFDcEQsMkJBQTJCLElBQUksK0JBQStCLEVBQzlELEtBQUssSUFBSSxTQUFTLEdBQ25CLE1BQU0sdUJBQXVCLENBQUM7QUFDL0IsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBRXZDLE9BQU8sRUFBRSxLQUFLLEVBQW1CLE1BQU0sMkJBQTJCLENBQUM7QUFDbkUsT0FBTyxFQUFFLEdBQUcsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQzVDLE9BQU8sRUFBa0IsVUFBVSxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDckUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHFDQUFxQyxDQUFDO0FBRWpFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQztBQUV4QyxPQUFPLFNBQVMsTUFBTSxpQkFBaUIsQ0FBQztBQUl4QyxNQUFNLG1CQUFtQixHQUFHO0lBQzFCLE1BQU0sRUFBRSxPQUFPO0lBQ2YsT0FBTyxFQUFFLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUU7Q0FDdEQsQ0FBQztBQUVYLE1BQU0sYUFBYSxHQUFHLEVBQUUsQ0FBQztJQUN2QixJQUFJLEVBQUUsMEtBQTBLO0lBQ2hMLFFBQVEsRUFBRTtRQUNSLFNBQVMsRUFBRTtZQUNULElBQUksRUFBRSxnQkFBZ0I7U0FDdkI7UUFDRCxhQUFhLEVBQUU7WUFDYixJQUFJLEVBQUUsa0NBQWtDO1NBQ3pDO1FBQ0QsU0FBUyxFQUFFO1lBQ1QsSUFBSSxF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
|
@@ -27,9 +27,10 @@ type ComposedModalProps = {
|
|
27
27
|
Title: React.FC<ModalKind & React.ComponentProps<typeof Typography>>;
|
28
28
|
Subtitle: React.FC<React.ComponentProps<typeof Typography>>;
|
29
29
|
TitleContainer: React.FC<DivProps>;
|
30
|
-
Body: React.FC<DivProps & {
|
30
|
+
Body: React.FC<Omit<DivProps, 'size'> & {
|
31
31
|
noFooter?: boolean;
|
32
32
|
maxHeight?: number;
|
33
|
+
size?: ModalSize;
|
33
34
|
}>;
|
34
35
|
Footer: React.FC<DivProps>;
|
35
36
|
Actions: React.FC<DivProps>;
|
@@ -54,6 +55,7 @@ export declare const modalStyles: import("tailwind-variants").TVReturnType<{
|
|
54
55
|
overlay: string;
|
55
56
|
dialog: string;
|
56
57
|
header: string;
|
58
|
+
body: string;
|
57
59
|
};
|
58
60
|
};
|
59
61
|
noFooter: {
|
@@ -101,6 +103,7 @@ export declare const modalStyles: import("tailwind-variants").TVReturnType<{
|
|
101
103
|
overlay: string;
|
102
104
|
dialog: string;
|
103
105
|
header: string;
|
106
|
+
body: string;
|
104
107
|
};
|
105
108
|
};
|
106
109
|
noFooter: {
|
@@ -136,6 +139,7 @@ export declare const modalStyles: import("tailwind-variants").TVReturnType<{
|
|
136
139
|
overlay: string;
|
137
140
|
dialog: string;
|
138
141
|
header: string;
|
142
|
+
body: string;
|
139
143
|
};
|
140
144
|
};
|
141
145
|
noFooter: {
|
@@ -171,6 +175,7 @@ export declare const modalStyles: import("tailwind-variants").TVReturnType<{
|
|
171
175
|
overlay: string;
|
172
176
|
dialog: string;
|
173
177
|
header: string;
|
178
|
+
body: string;
|
174
179
|
};
|
175
180
|
};
|
176
181
|
noFooter: {
|
@@ -218,6 +223,7 @@ export declare const modalStyles: import("tailwind-variants").TVReturnType<{
|
|
218
223
|
overlay: string;
|
219
224
|
dialog: string;
|
220
225
|
header: string;
|
226
|
+
body: string;
|
221
227
|
};
|
222
228
|
};
|
223
229
|
noFooter: {
|
@@ -265,6 +271,7 @@ export declare const modalStyles: import("tailwind-variants").TVReturnType<{
|
|
265
271
|
overlay: string;
|
266
272
|
dialog: string;
|
267
273
|
header: string;
|
274
|
+
body: string;
|
268
275
|
};
|
269
276
|
};
|
270
277
|
noFooter: {
|
@@ -300,6 +307,7 @@ export declare const modalStyles: import("tailwind-variants").TVReturnType<{
|
|
300
307
|
overlay: string;
|
301
308
|
dialog: string;
|
302
309
|
header: string;
|
310
|
+
body: string;
|
303
311
|
};
|
304
312
|
};
|
305
313
|
noFooter: {
|
@@ -45,7 +45,8 @@ export const modalStyles = tv({
|
|
45
45
|
screen: {
|
46
46
|
overlay: 'py-0',
|
47
47
|
dialog: 'w-dvw h-dvh mx-0 rounded-none',
|
48
|
-
header: 'border-b-1 border-muted
|
48
|
+
header: 'border-b-1 border-muted',
|
49
|
+
body: 'pt-6',
|
49
50
|
},
|
50
51
|
},
|
51
52
|
noFooter: {
|
@@ -152,8 +153,8 @@ Modal.TitleContainer = (_a) => {
|
|
152
153
|
return (React.createElement("div", Object.assign({}, rest, { className: titleContainer({ className }) }), children));
|
153
154
|
};
|
154
155
|
Modal.Body = (_a) => {
|
155
|
-
var { children, className, noFooter = false, maxHeight, style } = _a, rest = __rest(_a, ["children", "className", "noFooter", "maxHeight", "style"]);
|
156
|
-
const { body } = modalStyles();
|
156
|
+
var { children, className, noFooter = false, maxHeight, style, size } = _a, rest = __rest(_a, ["children", "className", "noFooter", "maxHeight", "style", "size"]);
|
157
|
+
const { body } = modalStyles({ size });
|
157
158
|
return (React.createElement("div", Object.assign({}, rest, { className: body({ noFooter, className }), style: Object.assign({ maxHeight }, style) }), children));
|
158
159
|
};
|
159
160
|
Modal.Footer = (_a) => {
|
@@ -166,4 +167,4 @@ Modal.Actions = (_a) => {
|
|
166
167
|
const { actions } = modalStyles();
|
167
168
|
return (React.createElement("div", Object.assign({}, rest, { className: actions({ className }) }), children));
|
168
169
|
};
|
169
|
-
//# sourceMappingURL=data:application/json;base64,
|
170
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvYXRvbXMvTW9kYWwvTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7O0FBQUEsT0FBTyxLQUFpQyxNQUFNLE9BQU8sQ0FBQztBQUN0RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sbUJBQW1CLENBQUM7QUFFdkMsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBcUM3RCxNQUFNLENBQUMsTUFBTSxXQUFXLEdBQUcsRUFBRSxDQUFDO0lBQzVCLEtBQUssRUFBRTtRQUNMLE9BQU8sRUFBRSx1Q0FBdUM7UUFDaEQsUUFBUSxFQUFFLDhEQUE4RDtRQUN4RSxNQUFNLEVBQUUsNkNBQTZDO1FBQ3JELE1BQU0sRUFBRSw2Q0FBNkM7UUFDckQsV0FBVyxFQUFFLGdDQUFnQztRQUM3QyxjQUFjLEVBQUUsb0JBQW9CO1FBQ3BDLEtBQUssRUFBRSxFQUFFO1FBQ1Qsb0JBQW9CLEVBQUUsa0NBQWtDO1FBQ3hELElBQUksRUFBRSx3Q0FBd0M7UUFDOUMsTUFBTSxFQUFFLFdBQVc7UUFDbkIsT0FBTyxFQUFFLHdCQUF3QjtLQUNsQztJQUNELFFBQVEsRUFBRTtRQUNSLElBQUksRUFBRTtZQUNKLE1BQU0sRUFBRTtnQkFDTixPQUFPLEVBQUUsdUNBQXVDO2dCQUNoRCxNQUFNLEVBQUUsOEJBQThCO2FBQ3ZDO1lBQ0QsTUFBTSxFQUFFO2dCQUNOLE9BQU8sRUFBRSxtQkFBbUI7Z0JBQzVCLE1BQU0sRUFBRSxpQkFBaUI7Z0JBQ3pCLEtBQUssRUFBRSxtREFBbUQ7YUFDM0Q7U0FDRjtRQUNELElBQUksRUFBRTtZQUNKLEVBQUUsRUFBRSxFQUFFO1lBQ04sRUFBRSxFQUFFLEVBQUU7WUFDTixJQUFJLEVBQUUsRUFBRTtZQUNSLE1BQU0sRUFBRTtnQkFDTixPQUFPLEVBQUUsTUFBTTtnQkFDZixNQUFNLEVBQUUsK0JBQStCO2dCQUN2QyxN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
|
@@ -1,5 +1,6 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { type DatePickerProps as AriaDatePickerProps, type DateValue } from 'react-aria-components';
|
3
|
+
import { type PresetProps } from '../../../src/atoms/DatePicker/DatePicker';
|
3
4
|
import { type LabelControlProps } from '../../../src/utils/form/Label/Label';
|
4
5
|
import type { Granularity } from '@react-types/datepicker';
|
5
6
|
export type DatePickerBaseProps<T extends DateValue> = Omit<AriaDatePickerProps<T>, 'children' | 'className' | 'isDisabled' | 'isInvalid' | 'isReadOnly' | 'isRequired' | 'pageBehavior' | 'slot' | 'style' | 'validate' | 'validationBehavior'> & {
|
@@ -11,18 +12,23 @@ export type DatePickerBaseProps<T extends DateValue> = Omit<AriaDatePickerProps<
|
|
11
12
|
* @default true
|
12
13
|
*/
|
13
14
|
clearSelectionEnabled?: boolean;
|
15
|
+
/**
|
16
|
+
* Optional array of preset values to display in the calendar.
|
17
|
+
*/
|
18
|
+
presets?: PresetProps[];
|
14
19
|
};
|
15
20
|
type DatePickerCalendarProps = {
|
16
21
|
variant: 'date' | 'datetime';
|
17
22
|
granularity?: Granularity;
|
18
23
|
errorMessage?: string;
|
24
|
+
presets?: PresetProps[];
|
19
25
|
};
|
20
26
|
type DatePickerFieldProps = {
|
21
27
|
clearSelectionEnabled?: boolean;
|
22
28
|
disabled?: boolean;
|
23
29
|
};
|
24
30
|
export declare const DatePickerBase: {
|
25
|
-
<T extends DateValue>({ disabled, valid, shouldCloseOnSelect, errorMessage, clearSelectionEnabled, children, ...props }: React.PropsWithChildren<DatePickerBaseProps<T>>): React.JSX.Element;
|
31
|
+
<T extends DateValue>({ disabled, valid, shouldCloseOnSelect, errorMessage, clearSelectionEnabled, presets, children, ...props }: React.PropsWithChildren<DatePickerBaseProps<T>>): React.JSX.Element;
|
26
32
|
Calendar: {
|
27
33
|
(props: Partial<DatePickerCalendarProps>): React.JSX.Element;
|
28
34
|
displayName: string;
|
@@ -34,7 +40,7 @@ export declare const DatePickerBase: {
|
|
34
40
|
displayName: string;
|
35
41
|
};
|
36
42
|
export declare const DateTimePickerBase: {
|
37
|
-
<T extends DateValue>({ disabled, valid, shouldCloseOnSelect, errorMessage, clearSelectionEnabled, children, ...props }: React.PropsWithChildren<DatePickerBaseProps<T>>): React.JSX.Element;
|
43
|
+
<T extends DateValue>({ disabled, valid, shouldCloseOnSelect, errorMessage, clearSelectionEnabled, presets, children, ...props }: React.PropsWithChildren<DatePickerBaseProps<T>>): React.JSX.Element;
|
38
44
|
Calendar: {
|
39
45
|
(props: Partial<DatePickerCalendarProps>): React.JSX.Element;
|
40
46
|
displayName: string;
|